/*------------------ general ------------------*/ * { font-family: Microsoft YaHei; } html body { margin: 0px; padding: 0px; font-family: Microsoft YaHei; font-size: 13px; } /* background */ .bg-blue { background: rgba(38, 159, 209, 1); } .bg-black { background: rgba(51, 54, 59, 1); } .bg-gray { background: rgba(242, 242, 242, 1); } /* border color */ .gray_bottom { border-bottom: rgba(243, 245, 246, 1) } .gray_top { border-top: rgba(243, 245, 246, 1) } /* common */ .p0 { padding: 0px !important; } .m0 { margin: 0px !important; } .wMax { width: 100%; } .ml15 { margin-left: 15px; } .mt5 { margin-top: 5px; } .mt15 { margin-top: 15px; float: left; } .mt25 { margin-top: 25px; } .mt80 { margin-top: 80px; } .mb50 { margin-bottom: 50px; } .pt10 { padding-top: 10px; } .pt15 { padding-top: 15px; } .pt50 { padding-top: 50px; } .pb25 { padding-bottom: 25px; } .rightLogoImg { float: left; border: 1px solid #ccc; width: 123px; height: 45px; } /*------------------ button ------------------*/ .btn-border-white:link { height: 30px; padding: 0 18px; display: inline-block; line-height: 28px; font-size: 1em; color: rgba(255, 255, 255, 1); background: none; border: 1px solid rgba(255, 255, 255, 1); -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; -webkit-transition: background 0.3s ease-out, color 0.3s ease-out; -moz-transition: background 0.3s ease-out, color 0.3s ease-out; -o-transition: background 0.3s ease-out, color 0.3s ease-out; transition: background 0.3s ease-out, color 0.3s ease-out; } .btn-border-white:visited { background: none; font-size: 1em; color: rgba(255, 255, 255, 1); } .btn-border-white:hover { background: rgba(255, 255, 255, 1); font-size: 1em; color: rgba(38, 159, 209, 1); text-decoration: none; } .btn-border-white:active { background: none; font-size: 1em; color: rgba(255, 255, 255, 1); } .btn-border-blue:link { border: 1px solid rgba(47, 160, 207, 1); background: none; padding: 9px 0; display: inline-block; font-size: 1.1em; color: rgba(47, 160, 207, 1); text-align: center; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .btn-border-blue:visited { border: 1px solid rgba(47, 160, 207, 1); background: none; color: rgba(255, 144, 53, 1); } .btn-border-blue:hover { border: 1px solid rgba(47, 160, 207, 1); background: rgba(47, 160, 207, 1); color: rgba(255, 255, 255, 1); text-decoration: none; } .btn-border-blue:active { border: 1px solid rgba(47, 160, 207, 1); background: none; color: rgba(255, 144, 53, 1); } .btn-button-border-blue { border: 1px solid rgba(47, 160, 207, 1) !important; background: none; padding: 9px 0; display: inline-block; font-size: 1.1em; color: rgba(47, 160, 207, 1) !important; text-align: center; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .btn-button-border-blue:hover { border: 1px solid rgba(47, 160, 207, 1); background: rgba(47, 160, 207, 1); color: rgba(255, 255, 255, 1) !important; text-decoration: none; } .btn-lg-border-blue:link { height: 40px; background: none; line-height: 38px; border: 1px solid rgba(38, 159, 209, 1); font-size: 1.2em; color: rgba(38, 159, 209, 1); padding: 0 45px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; display: inline-block; -webkit-transition: background 0.3s ease-out, color 0.3s ease-out; -moz-transition: background 0.3s ease-out, color 0.3s ease-out; -o-transition: background 0.3s ease-out, color 0.3s ease-out; transition: background 0.3s ease-out, color 0.3s ease-out; } .btn-lg-border-blue:visited { background: none; border: 1px solid rgba(38, 159, 209, 1); color: rgba(38, 159, 209, 1); } .btn-lg-border-blue:hover { background: rgba(38, 159, 209, 1); color: rgba(255, 255, 255, 1); text-decoration: none; } .btn-lg-border-blue:active { background: none; border: 1px solid rgba(38, 159, 209, 1); color: rgba(38, 159, 209, 1); } .btn-sm-border-blue:link { height: 24px; line-height: 22px; display: inline-block; padding: 0 10px; font-size: 1em; color: rgba(38, 159, 209, 1); -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; text-align: center; border: 1px solid rgba(38, 159, 209, 1); -webkit-transition: background 0.4s ease-out, color 0.4s ease-out; -moz-transition: background 0.4s ease-out, color 0.4s ease-out; -o-transition: background 0.4s ease-out, color 0.4s ease-out; transition: background 0.4s ease-out, color 0.4s ease-out; } .btn-sm-border-blue:visited { font-size: 1em; color: rgba(38, 159, 209, 1); } .btn-sm-border-blue:hover { border: 1px solid rgba(38, 159, 209, 1); color: rgba(255, 255, 255, 1); background: rgba(38, 159, 209, 1); text-decoration: none; } .btn-sm-border-blue:active { font-size: 1em; color: rgba(38, 159, 209, 1); } .btn-border-orange:link { border: 1px solid rgba(255, 144, 53, 1); background: none; padding: 9px 0; display: inline-block; font-size: 1.1em; color: rgba(255, 144, 53, 1); text-align: center; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .btn-border-orange:visited { border: 1px solid rgba(255, 144, 53, 1); background: none; color: rgba(255, 144, 53, 1); } .btn-border-orange:hover { border: 1px solid rgba(255, 144, 53, 1); background: rgba(255, 144, 53, 1); color: rgba(255, 255, 255, 1); text-decoration: none; } .btn-border-orange:active { border: 1px solid rgba(255, 144, 53, 1); background: none; color: rgba(255, 144, 53, 1); } .btn-bg-orange-1:link { border: 1px solid rgba(255, 144, 53, 1); background: rgba(255, 144, 53, 1); padding: 6px 30px; display: inline-block; font-size: 1.1em; color: rgba(255, 255, 255, 1) !important; } .btn-bg-orange-1:visited { border: 1px solid rgba(255, 144, 53, 1); background: rgba(255, 144, 53, 1); color: rgba(255, 255, 255, 1) !important; } .btn-bg-orange-1:hover { border: 1px solid rgba(255, 144, 53, 1); background: none; text-decoration: none; color: rgba(255, 144, 53, 1) !important; } .btn-bg-orange-1:active { border: 1px solid rgba(255, 144, 53, 1); background: rgba(255, 144, 53, 1); color: rgba(255, 255, 255, 1) !important; } .btn-border-gray:link { border: 1px solid rgba(188, 189, 189, 1); background: none; padding: 6px 30px; display: inline-block; font-size: 1.1em; color: rgba(188, 189, 189, 1) !important; } .btn-border-gray:visited { border: 1px solid rgba(188, 189, 189, 1); background: none; color: rgba(188, 189, 189, 1) !important; } .btn-border-gray:hover { border: 1px solid rgba(188, 189, 189, 1); background: rgba(188, 189, 189, 1); text-decoration: none; color: rgba(255, 255, 255, 1) !important; } .btn-border-gray:active { border: 1px solid rgba(188, 189, 189, 1); background: none; color: rgba(188, 189, 189, 1) !important; } .btn-bg-orange-2 { height: 40px !important; background: rgba(255, 144, 53, 1); border: 1px solid rgba(255, 144, 53, 1); border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -o-border-radius: 0px !important; font-size: 1.1em; color: rgba(255, 255, 255, 1); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .btn-bg-orange-2:hover { background: none; color: rgba(255, 255, 255, 1) !important; border: 1px solid rgba(255, 144, 53, 1) !important; color: rgba(255, 144, 53, 1) !important; } .btn-bg-blue { background: rgba(38, 159, 209, 1); color: rgba(255, 255, 255, 1); border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -o-border-radius: 0px !important; } .btn-bg-blue:hover { background: rgba(38, 159, 209, .8); color: rgba(255, 255, 255, 1) !important; } .nav-btn-con { padding: 22px 0 0 0; text-align: right; } .btn-vip-apply { font-size: 1em; color: rgba(255, 255, 255, 1); vertical-align: middle; display: inline-block; background-color: #ff0; color: #000; } .btn-nav-icon { font-size: 1em; color: rgba(255, 255, 255, 1); vertical-align: middle; display: inline-block; } .btn-nav-icon:hover { font-size: 1em; color: rgba(255, 255, 255, .8); text-decoration: none; -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; } .headerUsername { max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .btn-nav-icon i { width: 20px; height: 20px; display: inline-block; vertical-align: middle; } .btn-nav-icon .icon-search { background: url(../img/hr_tach@2x.png) -16px -16px no-repeat; background-size: 200px auto; } .btn-nav-icon:hover .icon-search { background: url(../img/hr_tach@2x.png) -16px -41px no-repeat; background-size: 200px auto; } .btn-nav-icon .icon-signIn { background: url(../img/hr_tach@2x.png) -42px -17px no-repeat; background-size: 200px auto; } .btn-nav-icon:hover .icon-signIn { background: url(../img/hr_tach@2x.png) -42px -42px no-repeat; background-size: 200px auto; } .btn-nav-icon .icon-signUp { background: url(../img/hr_tach@2x.png) -66px -17px no-repeat; background-size: 200px auto; } .btn-nav-icon:hover .icon-signUp { background: url(../img/hr_tach@2x.png) -66px -42px no-repeat; background-size: 200px auto; } .btn-nav-icon .icon-user { background: url(../img/hr_tach@2x.png) -155px -344px no-repeat; background-size: 200px auto; } .btn-nav-icon:hover .icon-user { background: url(../img/hr_tach@2x.png) -155px -372px no-repeat; background-size: 200px auto; } .btn-nav-icon .icon-exit { background: url(../img/hr_tach@2x.png) -183px -364px no-repeat; background-size: 200px auto; } .btn-nav-icon:hover .icon-exit { background: url(../img/hr_tach@2x.png) -183px -384px no-repeat; background-size: 200px auto; } .search-box { width: 190px !important; float: left; margin-top: 8px; border: 1px solid #eee; } .top_search { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -o-border-radius: 0px !important; border-radius: 0px !important; border: none !important; } .search_btn { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -o-border-radius: 0px !important; border-radius: 0px !important; border-left: 1px solid rgba(220, 220, 220, 1) !important; border-top: 1px solid rgba(255, 255, 255, 1) !important; border-bottom: 1px solid rgba(255, 255, 255, 1) !important; border-right: 1px solid rgba(255, 255, 255, 1) !important; } /*------------------ text link ------------------*/ .text-blue:link { color: rgba(38, 159, 209, 1); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .text-blue:visited { color: rgba(38, 159, 209, 1); } .text-blue:hover { color: rgba(38, 159, 209, 1); text-decoration: underline; } .text-blue:active { color: rgba(38, 159, 209, 1); } /*---------------------- sign in and sign up ----------------------*/ /* sign in */ .signIn-top { width: 100%; background: rgba(38, 159, 209, 1); margin: 0 -15px; text-align: center; padding: 60px 0 200px 0; position: absolute; top: 0px; } .signIn-top img { width: 260px; margin-left: auto; margin-right: auto; } .login-box { background: rgba(255, 255, 255, 1); margin-top: 140px; border-bottom: 4px solid rgba(38, 159, 209, 1); padding-bottom: 15px; -webkit-box-shadow: 0px 0px 6px rgba(153, 153, 153, 1); -moz-box-shadow: 0px 0px 6px rgba(153, 153, 153, 1); -o-box-shadow: 0px 0px 6px rgba(153, 153, 153, 1); box-shadow: 0px 0px 6px rgba(153, 153, 153, 1); } .login-top { width: 100%; padding: 15px; } .login-top span { display: inline-block; } .login-top span:nth-of-type(1) { width: 40%; font-size: 1.2em; color: rgba(36, 36, 36, 1); font-weight: bold; padding-top: 4px; } .login-top span:nth-of-type(2) { width: 60%; text-align: right; padding: 0px; margin-right: 0px; } .custom-form-group label { font-weight: 500 !important; } .custom-form-group select { height: 40px !important; } .login-con { padding: 15px 15px; } .cutom-checkbox { margin-top: 0px !important; } .custom-control { height: 40px !important; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -o-border-radius: 0px !important; } .login-otherWay { text-align: center; } .login-otherWay span:nth-of-type(1) { width: 100%; height: 0px; font-size: 0px; display: block; border-bottom: 1px solid rgba(220, 223, 225, 1); position: relative; z-index: 88; margin-top: 10px; } .login-otherWay span:nth-of-type(2) { display: inline-block; font-size: 1em; padding: 5px 15px; background: rgba(255, 255, 255, 1); position: relative; z-index: 99; top: -15px; } .login-otherWay-list { padding: 0px; margin: 0px; list-style: none; } .login-otherWay-list li { width: 33%; float: left; text-align: center; display: inline-block; } .login-qq { width: 40px; height: 40px; display: inline-block; background: url(../img/hr_tach@2x.png) -30px -205px no-repeat; background-size: 200px auto; -webkit-transition: background-image 0.4s ease-out; -moz-transition: background-image 0.4s ease-out; -o-transition: background-image 0.4s ease-out; transition: background-image 0.4s ease-out; } .login-qq:hover { background: url(../img/hr_tach@2x.png) -30px -255px no-repeat; background-size: 200px auto; } .login-wechat { width: 40px; height: 40px; display: inline-block; background: url(../img/hr_tach@2x.png) -80px -205px no-repeat; background-size: 200px auto; -webkit-transition: background-image 0.4s ease-out; -moz-transition: background-image 0.4s ease-out; -o-transition: background-image 0.4s ease-out; transition: background-image 0.4s ease-out; } .login-wechat:hover { background: url(../img/hr_tach@2x.png) -80px -255px no-repeat; background-size: 200px auto; } .login-weibo { width: 40px; height: 40px; display: inline-block; background: url(../img/hr_tach@2x.png) -130px -205px no-repeat; background-size: 200px auto; -webkit-transition: background-image 0.4s ease-out; -moz-transition: background-image 0.4s ease-out; -o-transition: background-image 0.4s ease-out; transition: background-image 0.4s ease-out; } .login-weibo:hover { background: url(../img/hr_tach@2x.png) -130px -255px no-repeat; background-size: 200px auto; } .login-tips { font-size: 1em; color: rgba(217, 79, 79, 1); vertical-align: middle; padding-bottom: 10px; margin-top: -10px; padding-left: 15px; } .login-tips i { width: 22px; height: 22px; display: inline-block; background: url(../img/hr_tach@2x.png) -166px -179px no-repeat; background-size: 200px auto; vertical-align: middle; margin-right: 4px; } /* sign up */ .signUp-verificationCode { padding: 5px 0; } .signUp-verificationCode input { width: 68%; float: left; } .signUp-verificationCode a { width: 30%; display: inline-block; float: right; } .signUp-verificationCode button { width: 30%; display: inline-block; float: right; width: 30%; display: inline-block; float: right; border: 1px solid rgba(255, 144, 53, 1); background: none; padding: 9px 0; display: inline-block; font-size: 1.1em; color: rgba(255, 144, 53, 1); text-align: center; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .signUp-authcode { width: 30%; display: inline-block; float: right; width: 30%; display: inline-block; float: right; border: 1px solid rgba(255, 144, 53, 1); } .signUp-success { padding: 100px 60px; text-align: center; text-align: left; } .signUp-success span { width: 50px; height: 50px; display: block; background: rgba(255, 144, 53, 1); -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; } .signUp-success span i { font-size: 2em; color: rgba(255, 255, 255, 1); margin-top: 12px; } .signUp-success div { padding-left: 65px; margin-top: -70px; } .signUp-success div h3 { color: rgba(255, 144, 53, 1); } .signUp-success div p { font-size: 1em; color: rgba(56, 58, 68, 1); } /* copyright */ .copyright { font-size: .9em; color: rgba(153, 153, 153, 1); text-align: center; padding: 15px 0; } .copyright a:link { font-size: .9em; color: rgba(153, 153, 153, 1); -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; } .copyright a:visited { color: rgba(153, 153, 153, 1); } .copyright a:hover { color: rgba(38, 159, 209, 1); text-decoration: none; } .copyright a:active { color: rgba(153, 153, 153, 1); } /*--- breadcrumb ----*/ .breadcrumb { background: none !important; margin: 0px auto !important; padding: 8px 15px 8px 0 !important; } .breadcrumb>li+li:before { padding: 0 5px; color: #ccc; content: ">" !important; } .breadcrumb a:link { color: rgba(119, 119, 119, 1); -webkit-transition: color 0.4s ease; -moz-transition: color 0.4s ease; -o-transition: color 0.4s ease; transition: color 0.4s ease; } .breadcrumb a:visited { color: rgba(119, 119, 119, 1); } .breadcrumb a:hover { color: rgba(46, 160, 207, 1); } .breadcrumb a:active { color: rgba(119, 119, 119, 1); } .news_top_distrance { margin-top: 45px; } /* share */ .share-box { text-align: left; } .share-box a { margin-right: 0px; display: inline; } .share-box a .weibo { width: 29px; height: 23px; display: inline-block; background: url(../img/hr_tach@2x.png) -11px -114px no-repeat; background-size: 200px; -webkit-transition: background-image 0.4s ease-out; -moz-transition: background-image 0.4s ease-out; -o-transition: background-image 0.4s ease-out; transition: background-image 0.4s ease-out; } .share-box a:hover .weibo { background: url(../img/hr_tach@2x.png) -11px -150px no-repeat; background-size: 200px; } .share-box a .linkedin { width: 26px; height: 24px; display: inline-block; background: url(../img/hr_tach@2x.png) -25px -407px no-repeat; background-size: 200px; -webkit-transition: background-image 0.4s ease-out; -moz-transition: background-image 0.4s ease-out; -o-transition: background-image 0.4s ease-out; transition: background-image 0.4s ease-out; } .share-box a:hover .linkedin { background: url(../img/hr_tach@2x.png) -25px -444px no-repeat; background-size: 200px; } .share-box a .wechat { width: 30px; height: 25px; display: inline-block; background: url(../img/hr_tach@2x.png) -89px -113px no-repeat; background-size: 200px; -webkit-transition: background-image 0.4s ease-out; -moz-transition: background-image 0.4s ease-out; -o-transition: background-image 0.4s ease-out; transition: background-image 0.4s ease-out; } .share-box a:hover .wechat { background: url(../img/hr_tach@2x.png) -89px -150px no-repeat; background-size: 200px; } .share-box a .twitter { width: 28px; height: 22px; display: inline-block; background: url(../img/hr_tach@2x.png) -130px -114px no-repeat; background-size: 200px; -webkit-transition: background-image 0.4s ease-out; -moz-transition: background-image 0.4s ease-out; -o-transition: background-image 0.4s ease-out; transition: background-image 0.4s ease-out; } .share-box a:hover .twitter { background: url(../img/hr_tach@2x.png) -130px -150px no-repeat; background-size: 200px; } .share-box a .facebook { width: 22px; height: 22px; display: inline-block; background: url(../img/hr_tach@2x.png) -164px -114px no-repeat; background-size: 200px; -webkit-transition: background-image 0.4s ease-out; -moz-transition: background-image 0.4s ease-out; -o-transition: background-image 0.4s ease-out; transition: background-image 0.4s ease-out; } .share-box a:hover .facebook { background: url(../img/hr_tach@2x.png) -164px -150px no-repeat; background-size: 200px; } .share-box a .nacshr { width: 25px; height: 25px; display: inline-block; background: url(../img/hr_tach@2x.png) -65px -406px no-repeat; background-size: 200px; -webkit-transition: background-image 0.4s ease-out; -moz-transition: background-image 0.4s ease-out; -o-transition: background-image 0.4s ease-out; transition: background-image 0.4s ease-out; } .share-box a:hover .nacshr { background: url(../img/hr_tach@2x.png) -65px -441px no-repeat; background-size: 200px; } #vip-apply-con { margin: auto; width: 800px; heigth: 500px; top: 10%; z-index: 999999999; heigth: 500px; } .vip-apply-box { -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; width: 800px !important; } .vip-apply-top { 1 background-color: #FFF4F1; color: #FC3325; font-weight: bold; font-size: 1em; } .vip-apply-title { color: #000; font-weight: bold; font-size: 1.2em; } .vip-apply-choise { border: 2px solid #bbb; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; width: 96%; margin: 8px; padding: 8px; float: left; text-align: center; cursor: pointer; } #vip-pay { float: left; width: 100%; } .vip-apply-method { border: 2px solid #bbb; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; width: 140px; margin: 8px; padding: 8px; float: left; text-align: center; cursor: pointer; } .vip-apply-selected { border: 2px solid #FC3325; color: #FC3325; } .pay-qrcode { width: 120px; } /* advertisement */ .adv_class_1 { width: 1140px !important; position: relative; z-index: 1; } .adv_class_2 { width: 847px !important; position: relative; z-index: 1; } .adv_class_3 { width: 260px !important; position: relative; z-index: 1; } .adv_class_4 { width: 847px !important; position: relative; z-index: 1; } .adv_class_5 { width: 100% !important; position: relative; z-index: 1; } .adv_class_8 { width: 100% !important; z-index: 2; } /* tooltips */ .tooltips { position: relative; display: inline; z-index: 99999999; } .bottom3 { position: fixed; bottom: 0px; width: 100%; z-index: 3999; margin-bottom: 0px; border: 0px; } .tooltips span { font: 300 13px 'Open Sans', sans-serif; position: absolute; color: #FFFFFF; background: #000000; padding: 10px; width: 140px; text-align: center; visibility: hidden; opacity: 0; filter: alpha(opacity = 0); transition: transform .3s, opacity .6s, margin-left .2s, margin-top .2s; } .tooltips>span img { max-width: 120px; } .tooltips[tooltip-position="top"] span { margin-left: 10px; -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); } .tooltips[tooltip-position="bottom"] span { -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } .tooltips[tooltip-position="left"] span { margin-top: 30px; -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } .tooltips[tooltip-position="right"] span { margin-top: 30px; -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); } .tooltips span:after { content: ''; position: absolute; width: 0; height: 0; } .tooltips[tooltip-position="top"] span:after { top: 100%; left: 50%; margin-left: -8px; border-top: 8px solid black; border-right: 8px solid transparent; border-left: 8px solid transparent; } .tooltips[tooltip-position="bottom"] span:after { bottom: 100%; left: 50%; margin-left: -8px; border-bottom: 8px solid black; border-right: 8px solid transparent; border-left: 8px solid transparent; } .tooltips[tooltip-position="left"] span:after { top: 50%; left: 100%; margin-top: -8px; border-left: 8px solid black; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .tooltips[tooltip-position="right"] span:after { top: 50%; right: 100%; margin-top: -8px; border-right: 8px solid black; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .tooltips:hover span { visibility: visible; opacity: 1; z-index: 999; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); filter: alpha(opacity = 100); } .tooltips[tooltip-position="top"]:hover span { bottom: 30px; left: 50%; margin-left: -76px; } .tooltips[tooltip-position="bottom"]:hover span { top: 30px; left: 50%; margin-left: -76px; } .tooltips[tooltip-position="left"]:hover span { right: 100%; top: 50%; margin-top: -15px; margin-right: 15px; } .tooltips[tooltip-position="right"]:hover span { left: 100%; top: 50%; margin-top: -15px; margin-left: 15px; } .tooltips[tooltip-type="primary"]>span { background-color: rgba(47, 160, 207, 1); } .tooltips[tooltip-type="primary"][tooltip-position="top"]>span:after { border-top: 8px solid rgba(47, 160, 207, 1); } .tooltips[tooltip-type="primary"][tooltip-position="bottom"]>span:after { border-bottom: 8px solid rgba(47, 160, 207, 1); } .tooltips[tooltip-type="primary"][tooltip-position="left"]>span:after { border-left: 8px solid rgba(47, 160, 207, 1); } .tooltips[tooltip-type="primary"][tooltip-position="right"]>span:after { border-right: 8px solid rgba(47, 160, 207, 1); } .tooltips[tooltip-type="success"]>span { background-color: #27ae60; } .tooltips[tooltip-type="success"][tooltip-position="top"]>span:after { border-top: 8px solid #27ae60; } .tooltips[tooltip-type="success"][tooltip-position="bottom"]>span:after { border-bottom: 8px solid #27ae60; } .tooltips[tooltip-type="success"][tooltip-position="left"]>span:after { border-left: 8px solid #27ae60; } .tooltips[tooltip-type="success"][tooltip-position="right"]>span:after { border-right: 8px solid #27ae60; } .tooltips[tooltip-type="warning"]>span { background-color: #f39c12; } .tooltips[tooltip-type="warning"][tooltip-position="top"]>span:after { border-top: 8px solid #f39c12; } .tooltips[tooltip-type="warning"][tooltip-position="bottom"]>span:after { border-bottom: 8px solid #f39c12; } .tooltips[tooltip-type="warning"][tooltip-position="left"]>span:after { border-left: 8px solid #f39c12; } .tooltips[tooltip-type="warning"][tooltip-position="right"]>span:after { border-right: 8px solid #f39c12; } .tooltips[tooltip-type="danger"]>span { background-color: #c0392b; } .tooltips[tooltip-type="danger"][tooltip-position="top"]>span:after { border-top: 8px solid #c0392b; } .tooltips[tooltip-type="danger"][tooltip-position="bottom"]>span:after { border-bottom: 8px solid #c0392b; } .tooltips[tooltip-type="danger"][tooltip-position="left"]>span:after { border-left: 8px solid #c0392b; } .tooltips[tooltip-type="danger"][tooltip-position="right"]>span:after { border-right: 8px solid #c0392b; } @media screen and (max-width: 560px) { .search-wrapper.active .input-holder { width: 200px; } #payFrame { display: none; } #vip-apply-con { width: 95%; } #vip-pay { display: none; } .vip-apply-box { -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; width: 95% !important; } .vip-apply-choise { border: 2px solid #bbb; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; width: 100%; margin: 6px; padding: 6px; float: left; text-align: center; cursor: pointer; } .vip-apply-selected { border: 2px solid #FC3325; color: #FC3325; } } /*----------------- max-width:768px ------------------*/ @media screen and (max-width: 768px) { /* sign in */ .signIn-top { width: 100%; background: rgba(38, 159, 209, 1); margin: 0 -15px; text-align: center; padding: 50px 0 200px 0; position: absolute; top: 0px; } .signIn-top img { width: 230px; margin-left: auto; margin-right: auto; } .login-box { background: rgba(255, 255, 255, 1); margin-top: 110px; border-bottom: 4px solid rgba(38, 159, 209, 1); padding-bottom: 15px; -webkit-box-shadow: 0px 0px 6px rgba(153, 153, 153, 1); -moz-box-shadow: 0px 0px 6px rgba(153, 153, 153, 1); -o-box-shadow: 0px 0px 6px rgba(153, 153, 153, 1); box-shadow: 0px 0px 6px rgba(153, 153, 153, 1); } /* sign up */ .signUp-verificationCode { padding: 5px 0; } .signUp-verificationCode input { width: 58%; float: left; } .signUp-verificationCode a { width: 40%; display: inline-block; float: right; } .signUp-verificationCode button { width: 40%; display: inline-block; float: right; border: 1px solid rgba(255, 144, 53, 1); background: none; padding: 9px 0; display: inline-block; font-size: 1.1em; color: rgba(255, 144, 53, 1); text-align: center; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .signUp-success { padding: 80px 15px; text-align: center; text-align: left; } .signUp-success span { width: 50px; height: 50px; display: block; background: rgba(255, 144, 53, 1); -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; } .signUp-success span i { font-size: 2em; color: rgba(255, 255, 255, 1); margin-top: 12px; } .signUp-success div { padding-left: 65px; margin-top: -70px; } .signUp-success div h3 { color: rgba(255, 144, 53, 1); } .signUp-success div p { font-size: 1em; color: rgba(56, 58, 68, 1); } /*--- breadcrumb ----*/ .news_top_distrance { margin-top: 90px; } /*-- search --*/ .search-box { width: 170px !important; float: left; margin-top: 0px; margin-bottom: 8px; } .nav-btn-con { padding: 6px 0 0 0; text-align: right; } .top_search { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -o-border-radius: 0px !important; border-radius: 0px !important; border: none !important; } .search_btn { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -o-border-radius: 0px !important; border-radius: 0px !important; border-left: 1px solid rgba(220, 220, 220, 1) !important; border-top: 1px solid rgba(255, 255, 255, 1) !important; border-bottom: 1px solid rgba(255, 255, 255, 1) !important; border-right: 1px solid rgba(255, 255, 255, 1) !important; } /* advertisement */ .adv_class_1 { width: 100% !important; } .adv_class_2 { width: 100% !important; } .adv_class_3 { width: 100% !important; } .adv_class_4 { width: 100% !important; } .adv_class_5 { width: 100% !important; } }