@charset "UTF-8";

.icon { display: inline-block; vertical-align: middle; background-position: center; background-repeat: no-repeat; background-size: 100%; }



.icon-qq { height: 16px; width: 14px; background-image: url(../uploadfiles/img/icon-qq.png); }



.icon-my { height: 20px; width: 18px; margin-right: 5px; margin-bottom: 4px; background-image: url(../uploadfiles/img/icon-my.png); }



.icon-tel { height: 16px; width: 14px; background-image: url(../uploadfiles/img/icon-tel.png); }



.icon-qq-gray { height: 20px; width: 18px; background-image: url(../uploadfiles/img/icon-qq-gray.png); }



.icon-wechat-gray { height: 20px; width: 24px; background-image: url(../uploadfiles/img/icon-wechat-gray.png); }



.icon-weibo-gray { height: 20px; width: 24px; background-image: url(../uploadfiles/img/icon-weibo-gray.png); }



.icon-hot { height: 16px; width: 12px; background-image: url(../uploadfiles/img/icon-hot.png); }



.icon-time { height: 14px; width: 20px; background-image: url(../uploadfiles/img/icon-time.png); }



.icon-z { height: 10px; width: 10px; background-image: url(../uploadfiles/img/icon-z.png); }



.icon-share { height: 15px; width: 16px; background-image: url(../uploadfiles/img/icon-share.png); }



.icon-edit { height: 14px; width: 14px; background-image: url(../uploadfiles/img/icon-edit.png); }



.icon-eye-on { height: 10px; width: 12px; background-image: url(../uploadfiles/img/icon-eye-on.png); }



.icon-eye-off { height: 10px; width: 12px; background-image: url(../uploadfiles/img/icon-eye-off.png); }



.icon-alipay { height: 40px; width: 40px; background-image: url(../uploadfiles/img/icon-alipay.png); }



.icon-wechat { height: 40px; width: 40px; background-image: url(../uploadfiles/img/icon-wechat.png); }



.icon-star-g { height: 12px; width: 12px; background-image: url(../uploadfiles/img/icon-star-g.png); }



.icon-star-o { height: 12px; width: 12px; background-image: url(../uploadfiles/img/icon-star-o.png); }



.icon-clock { height: 12px; width: 12px; background-image: url(../uploadfiles/img/icon-clock.png); }



.icon-user { height: 12px; width: 12px; background-image: url(../uploadfiles/img/icon-user.png); }



.icon-users { height: 12px; width: 12px; background-image: url(../uploadfiles/img/icon-users.png); }



.icon-close { height: 24px; width: 24px; background-image: url(../uploadfiles/img/icon-close.png); }



.icon-down { height: 12px; width: 12px; background-image: url(../uploadfiles/img/icon-down.png); }



.icon-down-blue { height: 15px; width: 15px; background-image: url(../uploadfiles/img/icon-down-blue.png); }



* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-overflow-scrolling: touch; }



body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }



body { font-family: '微软雅黑'; font-size: 0; }



address, cite, dfn, em, var { font-style: normal; }



code, kbd, pre, samp { font-family: couriernew, courier, monospace; }



ul, ol { list-style: none; }



a { text-decoration: none; cursor: pointer; color: #333333; }



a:hover { text-decoration: none; }



sup { vertical-align: text-top; }



sub { vertical-align: text-bottom; }



legend { color: #000; }



fieldset, img { border: 0; }



button, input, select, textarea { font-size: 100%; outline: none; border: none; }



textarea { resize: none; }



button { border-style: none; }



table { border-collapse: collapse; border-spacing: 0; }



.relativeDiv { position: relative; }



.bold { font-weight: 700; }



.hide { display: none; }



.clearfix:after { content: ""; display: block; clear: both; }



.clearfix { zoom: 1; }



.fr { float: right; }



.fl { float: left; }



.content { width: 1200px; margin: 0 auto; }



.over-box { overflow: hidden; }



.text-center { text-align: center; }



.home-div { margin-top: 30px; }



.login-box { box-shadow: 0 4px 8px rgba(153, 153, 153, 0.16); }



a:hover { opacity: 0.9; filter: alpha(opacity=90); }



.public-search-box { position: relative; text-align: center; }



.alert-shadow { position: fixed; top: 0; bottom: 0; background-color: rgba(51, 51, 51, 0.2); width: 100%; }

.alert-shadow .alert-box { position: absolute; padding: 30px; width: 300px; background-color: #fff; text-align: center; border-radius: 4px; left: 50%; margin-left: -150; top: 20%; }

.alert-shadow .alert-box .alert-content { padding-top: 30px; padding-bottom: 54px; }

.alert-shadow .alert-box .icon { position: absolute; right: 10px; top: 10px; cursor: pointer; }

.alert-shadow .alert-box p { font-size: 20px; color: #333; }

.alert-shadow .alert-box .alert-btn { cursor: pointer; display: inline-block; width: 80px; height: 30px; line-height: 30px; color: #fff; font-size: 16px; text-align: center; background-color: #2093ff; }



.tit-det-nav { margin-bottom: 20px; background-color: #fff; height: 60px; box-shadow: 0 4px 8px rgba(153, 153, 153, 0.16); }

.tit-det-nav span { font-size: 12px; color: #666; line-height: 60px; margin: 0 5px; }

.tit-det-nav a { font-size: 12px; line-height: 60px; color: #2093ff; }



.home-vip-banner { height: 100px; }

.home-vip-banner img { height: 100%; width: 100%; }



.gray-bg { background-color: #f9f9f9; }



.white-bg { background-color: #fff; }



.search-box-main { display: inline-block; vertical-align: middle; width: 408px; height: 40px; line-height: 40px; }

.search-box-main .search-inp { padding: 0 7px; height: 24px; line-height: 24px; font-size: 12px; color: #999; border: 1px solid #ccc; vertical-align: middle; margin-right: 10px; width: 344px; }

.search-box-main .search-btn { cursor: pointer; font-size: 12px; color: #999; vertical-align: middle; padding: 5px 10px; border-radius: 5px; }



.public-top-right { display: inline-block; vertical-align: middle; position: absolute; right: 0; }

.public-top-right a { font-size: 16px; color: #666; height: 40px; line-height: 40px; }

.public-top-right span { font-size: 16px; color: #666; margin: 0 16px; height: 40px; line-height: 40px; }



.public-top-left { height: 40px; line-height: 40px; position: absolute; left: 0; font-size: 14px; color: #8ac6ff; vertical-align: middle; }



.public-middle { padding: 14px 0; position: relative; text-align: center; }

.public-middle .public-middle-left { position: absolute; left: 0; padding: 6px 0; }

.public-middle .public-middle-left img { height: 60px; width: auto; }

.public-middle .public-middle-center { display: inline-block; width: 580px; }

.public-middle .public-middle-center img { width: 100%; height: 76px; }

.public-middle .public-middle-right { position: absolute; right: 0; top: 14px; text-align: left; }

.public-middle .public-middle-right .pmr-div { margin-bottom: 10px; }

.public-middle .public-middle-right .pmr-div .pmr-tit, .public-middle .public-middle-right .pmr-div .pmr-tip { font-size: 14px; color: #333; vertical-align: middle; }

.public-middle .public-middle-right .pmr-div .pmr-tit { display: inline-block; width: 80px; }

.public-middle .public-middle-right .pmr-div .icon { margin-right: 8px; }

.public-middle .public-middle-right .pmr-time { font-size: 12px; color: #999; }



.public-top { background-color: #fff; }



.public-nav { background-color: #0066c6; }

.public-nav ul { text-align: left; }

.public-nav ul li { display: inline-table; position: relative; width: 120px; text-align: center; }

.public-nav ul li:not(:last-child) { margin-right: 34px; }

.public-nav ul li a { color: #fff; font-size: 18px; height: 50px; line-height: 50px; }

.public-nav ul li .nav-div { display: none; position: absolute; left: 0; width: 120px; top: 50px; background-color: #FFF; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); border-radius: 4px; }

.public-nav ul li .nav-div a { display: block; color: #333; }

.public-nav ul li .nav-div a.cur, .public-nav ul li .nav-div a:hover { color: #2093ff; }

.public-nav ul li.cur, .public-nav ul li:hover { background-color: #2093ff; }

.public-nav ul li.cur .nav-div, .public-nav ul li:hover .nav-div { display: block; }



.font-tit { font-size: 18px; color: #333; font-weight: 700; }



.nav-bottom { background-color: #eee; padding-top: 40px; }

.nav-bottom .nav-bottom-left { display: inline-block; width: 62%; }

.nav-bottom .nav-bottom-left .nav-bottom-left-img img { width: 253px; height: 60px; vertical-align: middle; margin-right: 10px; }

.nav-bottom .nav-bottom-left .nav-bottom-left-img span { font-size: 16px; font-weight: 700; color: #666; vertical-align: middle; }

.nav-bottom .nav-bottom-left .nav-bottom-left-msg { padding: 30px 0; line-height: 24px; font-size: 12px; color: #666; }

.nav-bottom .nav-bottom-right { float: right; }

.nav-bottom .nav-bottom-right p { font-size: 16px; font-weight: 700; color: #666; margin-bottom: 10px; text-align: center; }

.nav-bottom .nav-bottom-right img { width: 135px; height: 135px; }

.nav-bottom .nav-bottom-top { border-bottom: 1px solid #bbb; }

.nav-bottom .nav-bottom-bot { padding: 40px 0; }

.nav-bottom .nav-bottom-bot table { width: 100%; }

.nav-bottom .nav-bottom-bot a { display: inline-block; margin-bottom: 15px; font-size: 14px; color: #333; }

.nav-bottom .nav-bottom-bot a:not(:last-child) { margin-right: 40px; }



.footer { background-color: #333; font-size: 14px; color: #fff; text-align: center; height: 44px; line-height: 44px; }



.login-box { display: none; position: absolute; left: -123px; top: 50px; line-height: 22px; z-index: 9; background-color: #fff; width: 320px; border-radius: 4px; padding: 20px 45px; }

.login-box .login-tit { height: 22px; line-height: 22px; text-align: center; font-size: 18px; font-weight: 700; color: #2093ff; }

.login-box .login-item { margin-top: 20px; }

.login-box .login-item input { width: 100%; padding: 0 10px; height: 30px; line-height: 30px; font-size: 12px; color: #999; background-color: #f9f9f9; }

.login-box .login-tip { margin-top: 10px; margin-bottom: 30px; text-align: left; height: 16px; line-height: 16px; }

.login-box .login-tip a { font-size: 12px; color: #8ac6ff; }

.login-box .login-tip a:last-child { float: right; }

.login-box .login-other .login-line { padding-top: 30px; padding-bottom: 10px; }

.login-box .login-other .login-line .line { display: inline-block; background-color: #ccc; height: 1px; width: 66px; vertical-align: middle; }

.login-box .login-other .login-line p { font-size: 12px; color: #ccc; display: inline-block; vertical-align: middle; margin: 0 19px; }

.login-box .login-icon { text-align: center; }

.login-box .login-icon .icon-wechat-gray { margin: 0 50px; }



.login-btn { width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #fff; background-color: #2093ff; }



.login-hover { display: inline-block; }



.pagination-box { text-align: center; }

.pagination-box .pagination-ul { padding: 100px 0; }

.pagination-box .pagination-ul li { cursor: pointer; display: inline-table; text-align: center; line-height: 40px; font-size: 18px; color: #333; width: 46px; }

.pagination-box .pagination-ul li:hover { background-color: #2093ff; color: #fff; }

.pagination-box .pagination-ul li:hover a { color: #fff; }

.pagination-box .pagination-ul li.cur { background-color: #fff; color: #2093ff; }

.pagination-box .pagination-ul li.cur a { color: #2093ff; }

.pagination-box .pagination-ul li.dis { cursor: no-drop; color: #ddd; background-color: #fff; }

.pagination-box .pagination-ul li.dis a { cursor: no-drop; color: #ddd; }

.pagination-box .pagination-ul .pagination-back, .pagination-box .pagination-ul .pagination-next { color: #666; width: 80px; background-color: #f9f9f9; }



.top { position: fixed; top: 0; z-index: 9; width: 100%; min-width: 1200px; background: #020202; }



.top a { color: #fff; }



.top-content { width: 1200px; height: 60px; line-height: 60px; margin: 0 auto; }



.top-content .zl-logo { display: block; width: 168px; height: 40px; float: left; margin: 7px 0 0 0; background: url(../uploadfiles/img/logo_white.png) top center no-repeat; }



.top-content .top-navbar { float: left; width: 1032px; position: relative; z-index: 9999; }



.top-content .top-navbar .left-bar { float: left; }



.more-div { display: none; }



.top-content .top-navbar .left-bar li { display: block; width: 67px; height: 60px; float: left; text-align: center; margin-right: 5px; position: relative; margin-left: 0px; }

.top-content .top-navbar .left-bar li:hover .more-div { display: block; }



.top-content .top-navbar .left-bar li a { font-size: 14px !important; }



.top-content .top-navbar .right-bar { float: right !important; }



.top-content .top-navbar .right-bar a { font-size: 12px !important; }



.top-content .top-navbar .right-bar li { position: relative; z-index: 20; height: 60px; float: left; padding-left: 20px !important; color: #424242; }



.top-navbar .right-bar .user-info { position: relative; display: none; }



.top .more-div { display: none; position: absolute; left: -25px; top: 55px; width: 100px; background: #fff; box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2); _box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2); _border: 1px solid #fff; padding: 5px 0; }



.top .more-div a { display: block; float: left; height: 32px; line-height: 32px; text-align: center; width: 100%; color: #333; font-size: 12px !important; }



.more-div a:hover { background: #e5e5e5; text-decoration: none; color: #000 !important; }



.user-menu { display: none; position: absolute; left: 6px; top: 35px; width: 106px; background: #fff; box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2); _box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2); _border: 1px solid #fff; padding: 5px 0; }



.top .user-menu a { display: block; float: left; height: 32px; line-height: 32px; width: 100%; color: #444; text-align: center; }



.top .user-menu a:hover { background: #e5e5e5; text-decoration: none; color: #ee2e2e !important; }



.user-menu .line { float: left; height: 1px; width: 100%; background-color: #e5e5e5; }



.search-box { float: right; position: relative; margin-right: 30px; margin-top: 17px; }



.search-box .s-content { float: left; background: #eee; }



.search-box .search-input { width: 140px; height: 26px; line-height: 26px; background: #eee; font-size: 12px; color: #888888; float: left; margin-right: 20px; padding-left: 5px; outline: none; }



.search-box .search-btn { background: url(../uploadfiles/img/top-sprite.png); display: inline-block; position: absolute; right: 10px; top: 5px; width: 16px; height: 16px; background-position: -110px 0; }



.search-box .search-btn:hover { background-position: -136px 0; }



.search-box .search-btn2 { background: url(../uploadfiles/img/top-sprite.png); display: inline-block; position: absolute; right: 10px; top: 5px; width: 16px; height: 16px; background-position: -136px 0; }



.search-box .search-ileft { background: url(../uploadfiles/img/top-sprite.png); display: block; float: left; width: 12px; height: 26px; background-position: -31px 0; }



.search-box .search-iright { background: url(../uploadfiles/img/top-sprite.png); display: block; float: left; width: 12px; height: 26px; background-position: -45px 0; }



.search-box1 { padding: 0 12px; background: #eee; border-radius: 15px; }



.fornav-active { display: none; width: 67px; height: 60px; position: absolute; left: 0; top: 0; }



.zl-nav a { display: block; width: 100%; height: 60px; position: absolute; left: 0; z-index: 2; }



.zl-nav-active a { display: block; width: 100%; height: 60px; position: absolute; left: 0; z-index: 2; }



.zl-nav:hover .fornav-active { display: block; background: rgba(255, 255, 255, 0.3); }



.zl-nav-active .fornav-active { display: block; background: rgba(255, 255, 255, 0.3); }



.j-top { background: url(../uploadfiles/img/top-sprite.png); display: inline-block; position: absolute; top: -4px; left: 48px; background-position: -84px 0; width: 9px; height: 4px; }



.j-bottom { background: url(../uploadfiles/img/top-sprite.png); display: inline-block; background-position: -58px 0; width: 7px; height: 4px; vertical-align: middle; }



#username img { margin-left: 5px; vertical-align: middle; }



.fix-bar { position: fixed; bottom: 150px; right: 20px; width: 65px; z-index: 1001; }

.fix-bar .fix-bar-item { position: relative; padding: 10px 0; display: block; height: 70px; text-align: center; background-color: #00bcee; }

.fix-bar .fix-bar-item .fix-text { margin-top: 8px; display: block; font-size: 12px; color: #fff; }

.fix-bar .fix-bar-item:not(:last-child) { border-bottom: 1px solid #f9f9f9; }

.fix-bar .fix-bar-item .fix-bar-div { box-shadow: 0 6px 20px 2px rgba(0, 0, 0, 0.18); border-radius: 4px; display: none; position: absolute; width: 180px; height: 180px; left: -200px; padding: 20px; bottom: 0; background-color: #fff; }

.fix-bar .fix-bar-item .fix-bar-div img { height: auto; width: 100%; }

.fix-bar .fix-bar-item .fix-bar-div .fix-bar-msg { text-align: left; }

.fix-bar .fix-bar-item .fix-bar-div .fix-bar-msg span { font-size: 14px; color: #333; }

.fix-bar .fix-bar-item .fix-bar-div .fa { font-size: 16px; color: #12B7F5; margin-right: 5px; }

.fix-bar .fix-bar-item .fix-bar-div .fbd-num { margin-top: 10px; font-size: 14px; color: #333; }

.fix-bar .fix-bar-item .fix-bar-div-cl { position: absolute; right: -5px; top: 130px; width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #fff; border-bottom: 5px solid transparent; }

.fix-bar .fix-bar-item:hover { background-color: #00A8D4; }

.fix-bar .fix-bar-item:hover .fix-bar-div { display: block; }



.fix-qq { width: 22px; height: 25px; background-image: url(../uploadfiles/img/fix-qq.png); }



.fix-msg { width: 25px; height: 25px; background-image: url(../uploadfiles/img/fix-msg.png); }



.fix-tel { width: 25px; height: 25px; background-image: url(../uploadfiles/img/fix-tel.png); }



.fix-app { width: 18px; height: 25px; background-image: url(../uploadfiles/img/fix-app.png); }



.fix-code { width: 28px; height: 25px; background-image: url(../uploadfiles/img/fix-code.png); }



.content-white { background-color: #FFF; }



.text-center { text-align: center; }



.content-gray4 { background-color: #f9f9f9; }



.content-box { width: 1230px; margin: 0 auto; }



.details-content { padding-bottom: 20px; }



.btn { font-size: 14px; display: inline-block; text-align: center; cursor: pointer; }



.btn-small { font-size: 13px; width: 90px; height: 30px; line-height: 30px; border-radius: 15px; }



.btn-middle { font-size: 14px; width: 150px; height: 30px; line-height: 30px; border-radius: 15px; }



.btn-radius { border-radius: 5px; }



.btn-white { background-color: #FFFFFF; color: #000000; border: 1px solid #666666; }



.btn-black { background-color: #666666; color: #FFFFFF; }



.btn-blue { background-color: #00A8D4; color: #FFFFFF; }



.btn-red { background-color: #e84e40; color: #FFFFFF; }



.btn-blue-o { color: #00A8D4; width: 140px; height: 40px; line-height: 40px; border: 1px solid #00A8D4; }



.btn-blue1 { background-color: #00A8D4; color: #FFFFFF; }



.btn-green { background-color: #86cf00; color: #FFFFFF;margin-left: 10px; }



.btn-orange { background-color: #FF9900; color: #FFFFFF; }



.btn-gray { background-color: #B6B6B6; color: #FFFFFF; }



.btn-sub { display: block; margin-bottom: 20px; font-size: 20px; color: #FFFFFF; width: 400px; height: 55px; line-height: 55px; border-radius: 5px; background-color: #00A8D4; border: 0px; }



.hearder-user .user-mobile { width: 350px; display: none; position: absolute; top: 60px; left: -60px; background-color: #fff; border: 1px solid #DDDDDD; z-index: 9999; padding: 0 20px; overflow: hidden; white-space: nowrap; }



.hearder-user .user-mobile .ttxcx { width: auto; height: auto; }



.active a { color: #00A8D4; }



.title-choice-ul { margin-top: 20px; border-bottom: 1px solid #DDDDDD; }



.title-choice-ul li { position: relative; padding: 0 20px; min-width: 80px; height: 40px; line-height: 40px; text-align: center; display: inline-table; }



.title-choice-ul li a { color: #999999; font-size: 16px; }



.title-choice-ul .active { border-bottom: 2px solid #00A8D4; }



.title-choice-ul .active a { color: #00A8D4; }



.details-header-title { padding-top: 25px; font-size: 14px; }



.details-header-title p { color: #FFFFFF; }



.details-header-title a { color: #FFFFFF; padding: 0 20px; }



.details-header-title a:first-child { padding-left: 0; }



.details-header-title a:last-child { color: #DDDDDD; }



.details-header-main { position: relative; margin-top: 25px; padding: 25px; }



.details-header-main .text-center { text-align: center; display: inline-block; width: 750px; height: 425px; padding-top: 100px; font-size: 20px; color: #FF0000; }



.details-content-left { width: 880px; padding: 15px; }



.details-content-left .hot-tip { top: -2px; right: 20px; }



.details-content-list { padding: 25px; margin-top: 20px; margin-bottom: 45px; }



.details-content-list p, .details-content-list span, .details-content-list a, .details-content-list em, .details-content-list table, .details-content-list strong { font-size: medium; }



.details-content-list label { display: block; font-size: 24px; font-weight: 400; text-align: center; padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px solid #DDDDDD; }



.details-content-list label h1 a { color: #333333; text-decoration: none; }



.details-content-list h2 { font-size: 16px; margin: 20px 0 10px; font-weight: 600; color: #333; line-height: 1.7; }



.details-content-list p { display: block; line-height: 35px; font-size: 16px; color: #333; font-family: Georgia, serif; width: auto; letter-spacing: 0.5px; }



.details-content-list pre { white-space: normal; }



.details-content-list img { margin: 10px 0; max-width: 100%; }



.details-content-list .red { text-align: center; line-height: 60px; margin: 20px 0; color: red; background-color: #F2F2F2; }



.details-content-right { text-align: center; width: 320px; }



.details-content-box { background-color: #FFFFFF; padding: 25px; margin-bottom: 20px; }



.details-content-box label { display: block; font-size: 18px; font-weight: normal; margin-bottom: 10px; }



.details-content-intr { padding-bottom: 30px; border-bottom: 1px solid #DDDDDD; }



.details-content-intr label { text-align: left; }



.details-content-intr img { width: 150px; height: 150px; border-radius: 100px; }



.details-content-intr p { font-size: 16px; margin: 15px 0; }



.details-content-intr span { display: block; text-align: left; color: #666666; }



.details-content-more { padding-top: 10px; }



.details-content-more label { text-align: left; font-size: 18px; }



.details-content-more p { text-align: left; }



.details-content-more .details-content-cur .details-content-cur-item { display: inline-block; padding: 10px 5px; }



.details-content-more .details-content-cur img { width: 120px; }



.details-content-more .details-content-cur span { display: block; text-align: left; overflow: hidden; white-space: nowrap; font-size: 12px; width: 120px; line-height: 25px; }



.details-content-more .btn { margin: 0 auto; width: 70px; height: 30px; line-height: 30px; border-radius: 15px; }



.details-content-code img { width: 250px; height: 250px; }



.details-header { padding-bottom: 40px; background: url(../uploadfiles/img/246DFCE43264EC8F54DB85C94EEC359A.jpg); }



.btn-small { margin-top: 30px; }



.btn-small:nth-child(2), .btn-small:nth-child(3) { margin-left: 20px; }



.details-header-main .icon { position: absolute; z-index: 999; left: 30px; top: 25px; }



.details-header-introduce { position: relative; float: right; width: 420px; margin-top: 25px; padding-left: 20px; }



.details-header-introduce .icon { position: absolute; width: 40px; height: 40px; left: -5px; top: -20px; }



.details-header-introduce label { display: block; font-size: 20px; font-weight: 400; margin-bottom: 20px; }



.details-header-introduce p { font-size: 14px; margin-top: 8px;}



.details-header-introduce span { font-size: 14px; display: inline-block; margin-top: 10px; color: #666666; }



.details-header-introduce ul { padding: 15px 0; margin-bottom: 10px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; text-align: center; }



.details-header-introduce ul li { display: inline-table; text-align: center; width: 25%;}



.details-header-introduce ul li:nth-child(2) { margin: 0 45px; }



.details-header-introduce ul li i { color: #666666; font-size: 32px; }



.details-header-introduce ul li p { color: #666666; }



.details-header-introduce .btn:nth-child(2), .details-header-introduce .btn:nth-child(3) { margin-left: 10px; }



.details-content-a .btn { margin: 0 auto; margin-top: 15px; }



.details-content-list { padding: 0 25px; display: none; color: #999999; }



.details-content-list li { font-size: 16px; padding: 15px 0; border-bottom: 1px solid #DDDDDD; }



.details-content-list li span { display: inline-block; height: 22px; line-height: 21px; padding: 0 6px; border: 1px solid #428bca; border-radius: 4px; float: right; color: #428bca; font-size: 12px; }



.details-content-list li .fa-lock { font-size: 20px; color: #999; float: right; line-height: 21px; margin-right: 10px; }



.details-content-list li .fa-play-circle-o { font-size: 20px; vertical-align: middle; margin-right: 20px; padding-bottom: 1px; }



.details-content-list li a { display: block; color: #999999; font-size: 16px; }



.details-content-list li:hover a { color: #41c7db !important; }



.details-content-list li.active a, .details-content-list li.active span { color: #428bca; }



.center-gif { text-align: center; margin-bottom: 20px; border-bottom: 1px solid #F2F2F2; }



/* .center-gif img { width: 50%; } */



.kjxz { padding-top: 10px; margin-top: 20px; border-top: 1px solid #F2F2F2; background-color: #FFFFFF; text-align: left; }



.kjxz a { color: #00A8D4; }



.kjxz a:hover { text-decoration: underline; }



.kjxz p { line-height: 30px; }



.difficulty-info .score { font-size: 16px; }



.difficulty-info .red-p { font-size: 18px; color: red; }



.login-and-study-dom { padding-top: 25px; }



.login-and-study-dom .submit-btn { margin: 10px 10px 0 0; }



.login-and-study-dom .cont-num { position: absolute; right: 10px; bottom: 5px; color: #b8b8b8; font-size: 12px; }



.login-and-study-dom .cont-num em { color: #b8b8b8; font-size: 12px; font-weight: normal; }



.score-cont { line-height: 15px; }



.star-level { position: relative; width: 400px; }



.star-level, .easy-hard { display: inline-block; vertical-align: top; }



.star { position: absolute; display: inline-block; height: 20px; width: 120px; background-position-y: -10px; }



.star-bottom { background-image: url(../img/star1.png); }



.star-top { width: 0; background-image: url(../img/star2.png); }



.easy-hard-box i { font-style: normal; width: 48px; height: 20px; border-radius: 2px; cursor: pointer; transition: all .2s; border: 1px #ddd solid; color: #999; line-height: 18px; text-align: center; font-size: 12px; display: inline-block; margin: 0 4px; vertical-align: top; margin-top: -2px; }



.easy-hard-box .cur { color: #fff; border-color: #00A8D4; background: #00A8D4; }



.comment-textarea { margin-top: 30px; }



.comment-textarea .textarea-wrap { position: relative; }



.comment-textarea .textarea-wrap textarea { display: block; font-size: 16px; border: 1px #ddd solid; border-radius: 4px; padding: 5px 9px; height: 125px; width: 100%; line-height: 18px; }



.comment-list { margin-top: 15px; border-top: 1px solid #DDDDDD; }



.comment-item { padding: 12px 0 25px; position: relative; padding-left: 70px; border-bottom: 1px solid #DDDDDD; }



.comment-item .comment-img1 { position: absolute; top: 20px; left: 0; width: 48px; height: 48px; border-radius: 50%; }



.comment-list-two { margin-top: 10px; padding: 10px 0 10px 10px; background-color: rgba(221, 221, 221, 0.5); }



.comment-two { position: relative; padding-left: 40px; }



.comment-two .comment-img2 { position: absolute; top: 3px; left: 0; width: 30px; height: 30px; border-radius: 50%; }



.comment-two .list-txt-two { font-size: 14px; line-height: 22px; word-break: break-all; }



.comment-two .list-txt-two span { font-size: 14px; padding-right: 20px; }



.comment-two .list-txt-two a { font-size: 14px; color: #6c8dd5; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 60px; display: inline-block; vertical-align: top; }



.comment-two .list-b-two span { margin-right: 20px; font-size: 12px; color: #999999; }



.comment-two .list-b-two .reply-btn { cursor: pointer; }



.comment-two .list-b-two .reply-btn:hover { color: #00A8D4; }



.comment-textarea-two { position: relative; padding-left: 68px; padding-right: 69px; }



.comment-textarea-two .comment-img1 { top: 0; }



.comment-textarea-two .textarea-wrap { margin-top: 20px; position: relative; }



.comment-textarea-two .textarea { border: 1px #ddd solid; border-radius: 4px; padding: 5px 9px; height: 65px; width: 98%; line-height: 18px; font-size: 12px; transition: all 0.2s; }



.comment-textarea-two .submit-btn { position: absolute; right: 0; top: 0; }



.comment-textarea-two .btn-blue-o { width: 65px; height: 65px; padding: 15px 15px 0; line-height: 16px; }



.comment-textarea-two .cont-num { position: absolute; right: 20px; top: 44px; color: #b8b8b8; font-size: 12px; }



.comment-textarea-two .cont-num em { font-weight: normal; font-size: 12px; color: #b8b8b8; }



.list-one { margin-top: 15px; height: 15px; line-height: 15px; }



.list-one .hard { width: 48px; height: 18px; line-height: 18px; border-radius: 4px; font-size: 12px; color: #fff; background: #86cf00; display: inline-block; text-align: center; }



.list-b { margin-top: 15px; }



.list-b span { font-size: 12px; color: #999999; }



.list-b .fl { margin-right: 20px; }



.list-b .reply-btn { cursor: pointer; margin-right: 20px; }



.list-b .reply-btn:hover { color: #00A8D4; }



.list-txt { color: #666; line-height: 24px; margin-top: 16px; font-size: 16px; word-wrap: break-word; }



.cur-xj { float: left; width: 750px; padding-top: 50px; text-align: center; }



.cur-xj img { width: auto; }



.tplist { position: fixed; line-height: 40px; background-color: #F2F2F2; width: 100%; z-index: 999; border-bottom: 1px solid #F2F2F2; }



.tplist a { margin-left: 20px; }



.tplist a:not(:first-child) { font-weight: 700; color: red; }



.hot-tip { position: absolute; top: 7px; right: 0; }



.hearder-user li .qrcode img { border-radius: 0; width: auto; height: auto; }



.qrcode { display: inline-block; margin-right: 10px; }



.rcon { float: right; }



.rcon .txt { line-height: 28px; font-size: 17px; color: #666; font-weight: normal; }



.rcon .store { display: block; width: 150px; height: 44px; margin-top: 10px; background: url(../img/ui_new_yktnav_sprite.png) 9999px 9999px no-repeat; }



.store.apple { background-position: 0 -28px; }



.store.android { background-position: 0 -76px; }



.bt { margin-right: 20px; }



.player-main { float: left; }



.player-main-title { padding: 0 30px; background-color: #1f1f21; line-height: 90px; }



.player-main-title .fa { margin-right: 15px; font-size: 16px; color: #FFFFFF; }



.player-main-title label { font-size: 16px; color: #FFFFFF; }



.player-main-title span { color: #41C7DB; }



.player-main-title .player-title-btn { display: inline-block; }



.player-main-title .player-title-btn label { margin-right: 10px; }



.player-main-title .player-title-btn .btn { width: 80px; font-size: 12px; }



.player-content { background-color: #000000; }



.player-content .player-pack { padding: 30px; width: 100%; height: 100%; }



.player-content .player-pack video { width: 100%; height: 100%; }



.player-menu { float: right; width: 340px; padding: 30px 15px; color: #FFFFFF; background-color: #2b2b2b; }



.player-menu a { line-height: 25px; color: #FFFFFF; }



.player-menu-title label { font-size: 18px; }



.player-menu-title p { color: #FFFFFF; margin-left: 10px; line-height: 40px; }



.player-menu-title .btn { margin: 20px 20px 30px 0; }



.player-menu-bn a { font-size: 16px; margin-right: 20px; }



.player-list { margin-top: 5px; }



.player-list h3 { padding: 20px 0; font-size: 18px; font-weight: normal; border-bottom: 1px solid; }



.player-list ul { overflow-y: auto; margin-top: 8px; padding: 15px 30px; }



.player-list ul .fa { margin-right: 20px; font-size: 16px; }



.player-list ul li { font-size: 14px; height: 35px; padding: 10px 0; overflow: hidden; }



.videots { margin-top: 100px; padding: 40px; font-size: 18px; color: #000; text-align: center; }



.videots p { color: red; }



.videots { margin-top: 100px; padding: 40px; font-size: 18px; color: #000; text-align: center; }



.videots p { color: red; }



.btn-xs, .btn-lg { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }



.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }



.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; }



.btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; }



.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; }



.cl-year { background: -webkit-linear-gradient(left, #ffb46f, #ff9580); background: linear-gradient(to right, #ffb46f, #ff9580); color: #FFF; font-size: 10px; position: absolute; font-style: normal; padding: 1px 5px; border: 2px solid #FFF; z-index: 66; left: 15px; top: 15px; border-radius: 10px; }



.cl-free { background: -webkit-linear-gradient(left, #F41, #f00); background: linear-gradient(to right, #F41, #f00); color: #FFF; font-size: 10px; position: absolute; font-style: normal; padding: 1px 5px; border: 2px solid #FFF; z-index: 66; left: 15px; top: 15px; border-radius: 10px; }



.curriculum-nav { padding-top: 20px; }



.curriculum-nav-cla { padding-top: 20px; padding-bottom: 20px; }

.curriculum-nav-cla .cncc-item { display: inline-block; vertical-align: top; overflow: hidden; }

.curriculum-nav-cla .cncc-item:not(:last-child) { border-right: 1px solid #ddd; }

.curriculum-nav-cla .cncc-item .cncc-top img { width: 20px; height: 20px; margin-right: 20px; vertical-align: middle; }

.curriculum-nav-cla .cncc-item .cncc-top span { font-size: 16px; color: #333; font-weight: 700; vertical-align: middle; }

.curriculum-nav-cla .cncc-item .cncc-main { padding-bottom: 10px; }

.curriculum-nav-cla .cncc-item .cncc-main a { display: inline-block; margin-top: 45px; margin-right: 25px; color: #666; font-size: 14px; }

.curriculum-nav-cla .cncc-item .cncc-main a:hover { color: #2093ff; }

.curriculum-nav-cla .cncc-item .cncc-main a.cur { color: #2093ff; }

.curriculum-nav-cla .cncc-item:nth-child(1) { width: 33%; margin-right: 45px; }

.curriculum-nav-cla .cncc-item:nth-child(2) { width: 31%; margin-right: 42px; }

.curriculum-nav-cla .cncc-item:nth-child(3) { width: 28%; }

.curriculum-nav-cla .cncc-item:nth-child(3) .cncc-main { padding-top: 10px; width: 110%; }

.curriculum-nav-cla .cncc-item:nth-child(3) .cncc-main a { padding: 0; width: 160px; margin-top: 10px; height: 50px; border-radius: 0; }

.curriculum-nav-cla .cncc-item:nth-child(3) .cncc-main a img { width: 100%; height: 100%; }



.cour-list { padding-top: 25px; background-color: #FFF; }

.cour-list .cl-box { border: 1px solid #ddd; padding: 0 30px; }

.cour-list .cl-item { padding-top: 30px; }

.cour-list .cl-item:not(:last-child) { border-bottom: 1px solid #ddd; }

.cour-list .cl-item span { display: inline-block; font-size: 16px; color: #333; margin-right: 40px; }

.cour-list .cl-item .cl-content { width: 92%; display: inline-block; vertical-align: top; }

.cour-list .cl-item .cl-content a { display: inline-block; margin-right: 50px; margin-bottom: 30px; color: #666; font-size: 14px; }

.cour-list .cl-item .cl-content a.cur, .cour-list .cl-item .cl-content a:hover { color: #2093ff; }



.curriculum-nav-cla-fix { position: fixed; display: none; top: 0; width: 100%; z-index: 67; padding: 0; padding: 20px 0; background-color: #FFF; box-shadow: 0 4px 8px rgba(153, 153, 153, 0.16); }

.curriculum-nav-cla-fix ul { width: 100%; padding: 0 3%; }

.curriculum-nav-cla-fix ul li { display: inline-block; margin-right: 45px; margin-bottom: 15px; }

.curriculum-nav-cla-fix ul li a:hover, .curriculum-nav-cla-fix ul li a.cur { color: #2093ff; }



.curriculum .curriculum-box img { border-radius: 4px; }

.curriculum .curriculum-box p { font-size: 14px; margin-bottom: 15px; }



.curriculum-choice { padding: 20px 0; }



.cour-choice-ul { padding-top: 40px; padding-bottom: 20px; }

.cour-choice-ul li { display: inline-block; color: #999; margin-right: 40px; font-size: 16px; cursor: pointer; }

.cour-choice-ul li.active { color: #333; font-weight: 700; }



.curriculum { width: 103%; padding-top: 10px; }

.curriculum .curriculum-box { position: relative; display: inline-block; width: 290px; margin: 0 18px 18px 0; padding: 10px; cursor: pointer; }

.curriculum .curriculum-box p { display: block; line-height: 25px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.curriculum .curriculum-box .icon { position: absolute; display: block; }

.curriculum .curriculum-box .icon-year { width: 30px; height: 30px; background-image: none; }

.curriculum .curriculum-box img { width: 100%; height: 160px; }

.curriculum .curriculum-box span { font-size: 12px; color: #999; vertical-align: top; }

.curriculum .curriculum-box span:last-child { float: right; }

.curriculum .curriculum-box .curriculum-point { position: absolute; display: inline-block; left: 10px; top: 148px; width: 93%; line-height: 22px; background-color: rgba(0, 0, 0, 0.4); padding-left: 5px; color: #fff; }



/*# sourceMappingURL=course.css.map */