@charset "UTF-8";
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: none; vertical-align: baseline; font: inherit; font-size: 100%; }
address, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: 400; }
abbr, body, fieldset, html, iframe, img { border: 0; }
address, cite, dfn, em, i, var { font-style: normal; }
[hidefocus], summary { outline: 0; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6, small { font-size: 100%; }
sub, sup { font-size: 83%; }
code, kbd, pre, samp { font-family: inherit; }
q:after, q:before { content: none; }
textarea { overflow: auto; resize: none; }
label, summary { cursor: default; }
a, button { cursor: pointer; }
img { border: none; }
b, em, h1, h2, h3, h4, h5, h6, strong { font-weight: 700; }
a, a:hover, del, ins, s, u { text-decoration: none; }
body, button, input, keygen, legend, select, textarea { outline: 0; color: #333; font: 14px/1 '微软雅黑', Microsoft YaHei, Arial, Verdana,\5b8b\4f53; }
body { min-width: 1200px; background: #fff; }
a, a:hover { color: #666; text-decoration: none; }
li, ul { list-style-type: none; }
.clearfix:after { clear: both; display: block; visibility: hidden; height: 0; content: '.'; font-size: 0; line-height: 0; }
.fl { float: left; }
.fr { float: right; }
html, body { min-width: 1200px; height: 100%; }
a, a:hover { color: #666; }
*, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }*/
.tran { -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }
.hide { display: none !important; }
.show { display: block !important; }
.layout-cont { width: 1245px; margin: 0 auto; }
.news-cont{ width: 1245px; margin: 0 auto; }
.block-bg { background: #fafafa; }
.overhiden { overflow: hidden; }
.classify-tiny { border: 1px solid #e8e8e8; background: #fff; padding: 0 20px; }
.classify-tiny.classify-type { height: 52px; border: 1px solid #e8e8e8; background: #f8f8f8; margin-bottom: 13px; }
.classify-tiny.classify-type .tiny-item { border: 0; padding-top: 16px; }
.classify-tiny.classify-type .tiny-item .tiny-name { line-height: 50px; color: #666; }
.classify-tiny.classify-type .tiny-item .tiny-list a { color: #666; }
.classify-tiny.classify-type .tiny-item .tiny-list a:hover, .classify-tiny.classify-type .tiny-item .tiny-list a.on { color: #ffa900; background: none; }
.classify-tiny .tiny-item { padding: 12px 30px 0 45px; border-bottom: 1px dashed #e8e8e8; position: relative; }
.classify-tiny .tiny-item.nobord, .classify-tiny .tiny-item:last-child { border-bottom: none; }
.classify-tiny .tiny-item .tiny-name { width: 55px; font-size: 14px; line-height: 41px; color: #999; position: absolute; left: 0; top: 0; }
.classify-tiny .tiny-item .tiny-list { height: 29px; overflow: hidden; }
.classify-tiny .tiny-item .tiny-list a { display: inline-block; height: 20px; line-height: 20px; text-align: center; font-size: 14px; color: #999; padding: 0 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; margin: 0 6px 9px 6px; }
.classify-tiny .tiny-item .tiny-list a.on { color: #ffa900; }
.classify-tiny .tiny-item .tiny-list a:hover { background: #f1f1f1; color: #333; }
.classify-tiny .tiny-item .tiny-more { display: inline-block; text-align: center; color: #666; position: absolute; top: 15px; right: 0px; cursor: pointer; }
.classify-tiny .tiny-item .tiny-more i { display: inline-block; width: 12px; height: 6px; margin-right: 4px; background: url(../images/hk_new_index_icons.png) -230px -158px; vertical-align: middle; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
.classify-tiny .tiny-item .tiny-more.check i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.copyright-tips {
font-size: 16px;
color: #333;
height: 46px;
line-height: 46px;
background: #ffeee1;
}
#album .banner {
background: url(../images/video-banner.jpg) no-repeat center;
height: 200px;
}
.pagination{
height:25px;
display: table;margin:40px auto; 
}
.pagination li{
float: left;
margin-right: 5px;
cursor: pointer;
padding: 0 !important;
}
.pagination li a{
display: block;
color: #555;
background: #fff;
min-width: 14px;
width:60px;
height:40px;
padding: 0 7px;
line-height:40px;
text-align: center;
border: 1px solid #eee;
font-size: 14px;
}
.pagination li.active span{
border: 1px solid #af005b;
background: #9c004a;
color: #fff;
}
.pagination .prev span, .pagination .disabled span {
min-width: 0;
width: 60px;
padding: 0;
color: #555;
}
.pagination span {
display: block;
color: #c6c6c6;
background: #fff;
min-width: 14px;
_width: 14px;
height:40px;
padding: 0 7px;
line-height:40px;
width:60px;
text-align: center;
border: 1px solid #eee;
font-size: 14px;
}
.content{
display: block;
width: 1245px;
padding-bottom:5px;
margin:20px auto 0;
overflow: hidden;
min-height: 593px;
}

.hkt-win { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); z-index: 1245; overflow: hidden; }
.hkt-win .hkt-mask { display: table; table-layout: fixed; width: 100%; height: 100%; }
.hkt-win .hkt-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 10px; }
.comments-popup { margin: 0 auto; width: 580px; background: #fff; -webkit-border-radius: 2px; border-radius: 2px; position: relative; overflow: hidden; }
.comments-popup .close-btn { position: absolute; top: 14px; right: 14px; display: block; width: 15px; height: 15px; background: url(../images/popup-close-btn.jpg) no-repeat center; cursor: pointer; }
.comments-popup .popup-title { height: 47px; border-bottom: 1px #c1c1c1 solid; text-align: center; }
.comments-popup .popup-title .title-word { color: #333; font-size: 18px; line-height: 47px; }
.comments-popup .popup-main { padding: 20px 15px; }
.comments-popup .rm-main p { padding: 20px 0; color: #666; text-align: center; font-size: 18px; line-height: 22px; }
.comments-popup .but-box { margin-top: 15px; text-align: center; padding-bottom: 20px; }
.comments-popup .but-box .rm-but { display: inline-block; margin: 0 5px; width: 86px; height: 40px; -webkit-border-radius: 2px; border-radius: 2px; background: #f0efed; color: #666; text-align: center; font-size: 18px; line-height: 40px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; cursor: pointer; }
.comments-popup .but-box .rm-but.sure-btn { background: #f8d447; color: #333; }
.default-null-page { padding: 40px; text-align: center; }
.default-null-page p { font-size: 16px; margin-top: 30px; color: #999; }
#body-container { position: relative; min-height: 100%; padding-bottom: 186px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.header { width: 100%; height: 65px; background-color: #1e1e1e; }
.header.header-fixed { position: fixed; left: 0; top: -65px; z-index: 999; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transform: none\9; -ms-transform: none\9; transform: none\9; _-webkit-transform: none; _-ms-transform: none; _transform: none; }
.header .logo { padding: 15px 0; }
.header .logo img { display: block; }
.header .nav { margin-left: 45px; }
.header .nav .nav-li { position: relative; font-size: 16px; margin-right: 25px; }
.header .nav .nav-li:last-child, .header .nav .nav-li.last-li { margin-right: 0; }
.header .nav .nav-li:hover > a, .header .nav .nav-li.on > a { color: #ffd500; }
.header .nav .nav-li:hover > a:before, .header .nav .nav-li.on > a:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); width: 100% \9; }
.header .nav .nav-li > a { display: block; line-height: 65px; color: #999; position: relative; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }
.header .nav .nav-li > a:before { content: " "; display: block; width: 100%; width: 0\9; height: 3px; position: absolute; left: 0; top: 0; background: #ffd500; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.header .nav .nav-li:hover > .li-drop-box { display: block; }
.header .nav .nav-li .li-drop-box { position: absolute; top: 65px; left: 50%; display: none; background: #fff; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #e8e8e8; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); z-index: 99; }
.header .nav .nav-li .li-drop-box:before { content: ''; display: block; width: 10px; height: 10px; background: #fff; border: 1px solid #e8e8e8; border-right: 0; border-bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 50%; top: -5px; margin-left: -7px; }
.header .nav .nav-li .global-vip-drop { width: 330px; margin-left: -165px; }
.header .nav .nav-li .global-vip-drop > img { display: block; margin: 20px auto; }
.header .nav .nav-li .global-vip-drop > p { font-size: 12px; text-align: center; color: #999; margin-bottom: 15px; }
.header .nav .nav-li .global-vip-drop .open { padding: 15px 0; text-align: center; border: 1px solid #e8e8e8; border-left: 0; border-right: 0; }
.header .nav .nav-li .global-vip-drop .open .open-btn { display: inline-block; width: 135px; height: 35px; text-align: center; line-height: 35px; font-size: 16px; color: #666; -webkit-border-radius: 2px; border-radius: 2px; background: #ffd500; }
.header .nav .nav-li .global-vip-drop .open .open-btn:hover { opacity: .8; filter: alpha(opacity=80); }
.header .nav .nav-li .global-vip-drop .view-global-vip { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px; }
.classify-vip-drop { width:796px;background-color: #fff;border:1px #e8e8e8 solid;}
.classify-vip-drop .type-box { width: 88px; border-left: 1px solid #e8e8e8; height: 143px; text-align: center; }
.classify-vip-drop .type-box:first-child { border-left: none; }
.classify-vip-drop .type-box img { display: block; margin: 20px auto 15px; }
.classify-vip-drop .type-box p { font-size: 14px; color: #666; height: 42px;line-height: 42px;font-size: 12px;}
.classify-vip-drop .type-box .box-btn { display: inline-block; width: 67px; height: 28px; line-height:28px; text-align: center; font-size: 12px;  -webkit-border-radius: 2px; border-radius: 2px; }
.classify-vip-drop .type-box .box-btn:hover { opacity: .8; filter: alpha(opacity=80); }
.classify-vip-drop .type-box .zt-btn { background: #ffd500; color: #666; }
.classify-vip-drop .type-box .hb-btn { background: #40b0ff; color: #fff; }
.classify-vip-drop .type-box .zh-btn { background: #6ebd6b; color: #fff; }
.classify-vip-drop .type-box .cpjx-btn { background: #b062a3; color: #fff; }
.classify-vip-drop .type-box .sy-btn { background: #b062a3; color: #fff; }
.classify-vip-drop .look-more { display: block; width: 100%; border-top: 1px solid #e8e8e8; height: 34px; line-height: 32px; font-size: 14px; color: #666; text-align: center;transition: all .2s }
.classify-vip-drop .look-more:hover { background-color: #f8f8f8}
.classify-vip-drop .type-box .rj-btn{
background: #ff7c00;
color: #fff;
}
.classify-vip-drop .type-box .cd-btn{
background: #367de7;
color: #fff;
}
.classify-vip-drop .type-box .txhc-btn{
background: #00a99d;
color: #fff;
}
.classify-vip-drop .type-box .cpjx-btn{
background: #b062a3;
color: #fff;
}
.classify-vip-drop .type-box .syhq-btn{
background: #494166;
color: #fff;
}
.classify-vip-drop .type-box .dx-btn{
background: #d49688;
color: #fff;
}
.header .head-group .login-register, .header .head-group .message-notice, .header .head-group .user-main { margin-top: 22px; }
.header .head-group .click-seek { width: 19px; height: 19px; background: url(../images/magnifier2.png) no-repeat center; margin-top: 22px; margin-right: 5px; cursor: pointer; }
.header .head-group .message-notice, .header .head-group .into-wrap { display: inline-block; position: relative; }
.header .head-group .message-notice { padding: 0 10px 23px; cursor: pointer; }
.header .head-group .message-notice:hover .msg-drop { display: block; }
.header .head-group .message-notice .msg-tip { display: block; width: 18px; height: 20px; background: url(../images/hk_new_index_icons3.png) no-repeat -262px -27px; position: relative; }
.header .head-group .message-notice .msg-tip .tip-point { display: block; width: 8px; height: 8px; -webkit-border-radius: 50%; border-radius: 50%; background: #ff0000; position: absolute; top: 0; right: -8px; }
.header .head-group .message-notice .msg-drop { display: none; width: 270px; border: 1px solid #b8bbbf; background: #fff; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); position: absolute; top: 42px; left: 50%; margin-left: -135px; z-index: 999; }
.header .head-group .message-notice .msg-drop:before { position: absolute; top: -5px; left: 48%; display: block; width: 8px; height: 8px; border: 1px solid #B8BBBF; border-right: 0; border-bottom: 0; background: #fff; content: ' '; -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg); }
.header .head-group .message-notice .msg-drop ul li { border-bottom: 1px solid #eee; padding: 10px 12px; }
.header .head-group .message-notice .msg-drop ul li:hover p { color: #ff8300; }
.header .head-group .message-notice .msg-drop ul li p { font-size: 12px; line-height: 20px; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.header .head-group .message-notice .msg-drop .look-more { display: block; width: 100%; height: 28px; text-align: center; line-height: 28px; font-size: 12px; background: #f8f8f8; }
.header .head-group .message-notice .msg-drop .look-more:hover { color: #ffa900; }
.header .head-group .login-register .lr-btn { margin: 2px 0; display: inline-block; cursor: pointer; font-size: 16px; padding: 0 10px; color: #999; }
.header .head-group .login-register .lr-btn:hover { color: #ffd500; }
.header .head-group .login-register .lr-btn.login-btn { border-right: 1px solid #999; }
.header .head-group .user-main { margin-left: 15px; padding-bottom: 23px; }
.header .head-group .user-main .user-info { cursor: pointer; }
.header .head-group .user-main .user-name { display: block; max-width: 80px; overflow: hidden; -o-text-overflow: ellZxc vZc vzXCFVGBHzsxdcfvgbhnjkipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #999; line-height: 20px; }
.header .head-group .user-main .vip-icons { margin: 0 5px; display: block; width: 20px; background: url(../images/hk-all-vip-icons.v1.png) no-repeat; }
.header .head-group .user-main .vip-icons.vip-level-0 { background-position: -210px -427px; height: 20px; }
.header .head-group .user-main .vip-icons.vip-level-1 { background-position: -180px -427px; height: 15px; margin-top: 4px; }
.header .head-group .user-main .vip-icons.vip-level-99 { background-position: -238px -427px; height: 18px; }
.header .head-group .user-main .down-arrow { display: block; width: 9px; height: 7px; background: url(../images/hk_new_index_icons3.png) no-repeat -108px -118px; margin-top: 6px; }
.header .head-group .user-main:hover .down-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.header .head-group .user-main:hover .user-drop { display: block; }
.header .head-group .user-main .user-drop { display: none; width: 300px; position: absolute; top: 65px; right: 0; background: #fff; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2); z-index: 999; }
.header .head-group .user-main .user-drop:before { content: ''; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #fff; position: absolute; top: -8px; right: 20px; }
.header .head-group .user-main .user-drop .exit-btn { color: #333; position: absolute; right: 20px; top: 22px; }
.header .head-group .user-main .user-drop .client-info { margin: 20px 0 10px; text-align: center; }
.header .head-group .user-main .user-drop .client-info img { width: 70px; height: 70px; -webkit-border-radius: 50%; border-radius: 50%; }
.header .head-group .user-main .user-drop .client-info .name { font-size: 16px; color: #333; margin: 10px 0; }
.header .head-group .user-main .user-drop .client-info .name .ord-ident { display: inline-block; width: 18px; height: 20px; background: url(../images/hk-all-vip-icons.v1.png) no-repeat -225px -360px; vertical-align: text-bottom; margin-right: 4px; }
.header .head-group .user-main .user-drop .client-info .id-num { font-size: 12px; color: #999; }
.header .head-group .user-main .user-drop .client-mid { padding: 0 30px; }
.header .head-group .user-main .user-drop .limit-down { padding-bottom: 12px; border-bottom: 1px dashed #e8e8e8; }
.header .head-group .user-main .user-drop .limit-down > p { line-height: 36px; font-size: 14px; color: #666; }
.header .head-group .user-main .user-drop .limit-down > p i { display: inline-block; width: 20px; height: 20px; background: url(../images/hk-all-vip-icons.v1.png) no-repeat; vertical-align: -4px; margin-right: 10px; }
.header .head-group .user-main .user-drop .limit-down > p .play-icon { background-position: -254px -361px; }
.header .head-group .user-main .user-drop .limit-down > p .down-icon { background-position: -284px -361px; }
.header .head-group .user-main .user-drop .charge-box { padding: 15px 0; }
.header .head-group .user-main .user-drop .charge-box p { font-size: 12px; color: #999; line-height: 22px; text-align: center; }
.header .head-group .user-main .user-drop .charge-box .charge-btn { display: block; width: 240px; height: 40px; text-align: center; line-height: 40px; color: #fff; font-size: 16px; background: #ffa900; -webkit-border-radius: 5px; border-radius: 5px; margin: 15px auto 0; }
.header .head-group .user-main .user-drop .charge-box .charge-btn:hover { -webkit-box-shadow: inset 0px -1px 10px 0px rgba(140, 10, 27, 0.4); box-shadow: inset 0px -1px 10px 0px rgba(140, 10, 27, 0.4); }
.header .head-group .user-main .user-drop .client-butm { text-align: center; background: #f3f3f3; padding: 8px 0; border-top: 1px solid #e8e8e8; height: 60px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
.header .head-group .user-main .user-drop .client-butm .entry-item { display: inline-block; width: 100px; height: 100%; text-align: center; border-left: 1px solid #e8e8e8; }
.header .head-group .user-main .user-drop .client-butm .entry-item:first-child { border-left: 0; }
.header .head-group .user-main .user-drop .client-butm .entry-item > i { display: inline-block; width: 26px; height: 26px; background: url(../images/hk-all-vip-icons.v1.png) no-repeat; }
.header .head-group .user-main .user-drop .client-butm .entry-item .uhome { background-position: -225px -391px; }
.header .head-group .user-main .user-drop .client-butm .entry-item .ucollect { background-position: -261px -391px; }
.header .head-group .user-main .user-drop .client-butm .entry-item .ulearn { background-position: -297px -392px; }
.header .head-group .user-main .user-drop .client-butm .entry-item .tchWork { background-position: -266px -423px; }
.header .head-group .user-main .user-drop .client-butm .entry-item > p { font-size: 12px; color: #333; margin-top: 6px; }
.header .head-group .user-main .user-drop .vip-box { width: 220px; margin: 0 auto; position: relative; }
.header .head-group .user-main .user-drop .vip-box .see-all { display: block; width: 60px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #999; border: 1px solid #e8e8e8; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px auto 0; }
.header .head-group .user-main .user-drop .vip-box .see-all:hover { color: #fff; border-color: #ffa900; background: #ffa900; }
.header .head-group .user-main .user-drop .vip-box .rul-btn { display: block; width: 8px; height: 15px; cursor: pointer; position: absolute; top: 12%; }
.header .head-group .user-main .user-drop .vip-box .rul-btn.prev-btn { background: url(../images/rul-btn-left.png) no-repeat center; left: -18px; }
.header .head-group .user-main .user-drop .vip-box .rul-btn.next-btn { background: url(../images/rul-btn-right.png) no-repeat center; right: -18px; }
.header .head-group .user-main .user-drop .has-box { height: 65px; overflow: hidden; text-align: center; }
.header .head-group .user-main .user-drop .has-box .show-item { width: 55px; height: 65px; text-align: center; display: inline-block; margin: 0 8px; }
.header .head-group .user-main .user-drop .has-box .show-item.noFloat-item { float: none; }
.header .head-group .user-main .user-drop .show-item p { font-size: 12px; color: #999; margin-top: 10px; }
.header .head-group .user-main .user-drop .show-item .show-v { display: inline-block; width: 35px; height: 40px; background: url(../images/hk-all-vip-icons.v1.png) no-repeat; }
.header .head-group .user-main .user-drop .show-item .show-v.vip-32-show { background-position: 0 -410px; }
.header .head-group .user-main .user-drop .show-item .show-v.vip-31-show { background-position: 0 -360px; }
.header .head-group .user-main .user-drop .show-item .show-v.vip-22-show { background-position: -45px -410px; }
.header .head-group .user-main .user-drop .show-item .show-v.vip-21-show { background-position: -45px -360px; }
.header .head-group .user-main .user-drop .show-item .show-v.vip-52-show { background-position: -90px -410px; }
.header .head-group .user-main .user-drop .show-item .show-v.vip-51-show { background-position: -90px -360px; }
.header .head-group .user-main .user-drop .show-item .show-v.vip-12-show { background-position: -135px -410px; }
.header .head-group .user-main .user-drop .show-item .show-v.vip-11-show { background-position: -135px -360px; }
.header .head-group .user-main .user-drop .show-item .show-v.vip-62-show { background-position: -350px -410px; }
.header .head-group .user-main .user-drop .show-item .show-v.vip-61-show { background-position: -350px -360px; }
.header .head-group .user-main .user-drop .show-item .show-v.vip-999-show { background-position: -180px -360px; }
.header .show-input { position: relative; width: 440px; height: 30px; padding-top: 17px; margin: 0 auto; }
.header .show-input input { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; width: 400px; height: 30px; padding-left: 10px; color: #666; font-size: 12px; line-height: 30px; border: none; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
.header .show-input > .submit-abtn { float: left; width: 40px; height: 30px; background: #ffd200 url(../images/magnifier1.png) no-repeat 11px 6px; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
.header .show-input > span { position: absolute; right: -43px; top: 23px; color: #999999; font-size: 16px; cursor: pointer; }
.header .nav .nav-li .classify-drop-box { width: 500px; left: -25px; padding: 0 11px; }
.header .nav .nav-li .classify-drop-box:before { left: 55px; }
.header .nav .nav-li .classify-drop-box .cdp-top { height: 82px; border-bottom: 1px solid #e8e8e8; line-height: 79px; }
.header .nav .nav-li .classify-drop-box .cdp-top-type b { font-size: 24px; color: #333; font-weight: normal; }
.header .nav .nav-li .classify-drop-box .cdp-top-type span { font-size: 16px; color: #333; margin-left: 30px; }
.header .nav .nav-li .classify-drop-box .self-charge-btn { width: 130px; height: 36px; -webkit-border-radius: 2px; border-radius: 2px; line-height: 36px; text-align: center; font-size: 18px; margin-top: 24px; }
.header .nav .nav-li .classify-drop-box .self-charge-btn:hover { opacity: .8; filter: alpha(opacity=80); }
.header .nav .nav-li .classify-drop-box .cdp-bod { padding: 25px 0; margin-right: -20px; width: 104% \9; margin-bottom: -25px; }
.header .nav .nav-li .classify-drop-box .cdp-bod .b-group-item { float: left; width: 100px; text-align: left; margin: 0 20px 25px 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.header .nav .nav-li .classify-drop-box.zt-charge-drop .self-charge-btn { background: #f5c607; color: #333; }
.header .nav .nav-li .classify-drop-box.hb-charge-drop .self-charge-btn { background: #40b0ff; color: #fff; }
.header .nav .nav-li .classify-drop-box.cd-charge-drop .self-charge-btn { background: #367de7; color: #fff; }
.header .nav .nav-li .classify-drop-box.rj-charge-drop .self-charge-btn { background: #ff7c00; color: #fff; }
.header .nav .nav-li .classify-drop-box.zh-charge-drop .self-charge-btn { background: #6ebd6b; color: #fff; }
.header .nav .nav-li .classify-drop-box.zt-charge-drop .cdp-bod .b-group-item:hover { color: #f5c607; }
.header .nav .nav-li .classify-drop-box.hb-charge-drop .cdp-bod .b-group-item:hover { color: #4083e8; }
.header .nav .nav-li .classify-drop-box.cd-charge-drop .cdp-bod .b-group-item:hover { color: #40b0ff; }
.header .nav .nav-li .classify-drop-box.rj-charge-drop .cdp-bod .b-group-item:hover { color: #ff7c00; }
.header .nav .nav-li .classify-drop-box.zh-charge-drop .cdp-bod .b-group-item:hover { color: #6ebd6b; }
.footer { height: auto; width: 100%; position: absolute; left: 0; right: 0; bottom: 0;}
.footer .footer-top .layout-cont{position: relative;}
.footer .footer-top { background: #252525; height: auto;text-align: center; }
.footer .footer-top .app-code{position: absolute;right: 0;top: 0;width: 100px;background-color: #252525;padding-top: 12px;}
.footer .footer-top .app-code img{display: block;margin-left: 13px;}
.footer .footer-top .app-code p{color:#999;text-align: center;line-height: 28px;font-size: 12px;}
.footer .footer-top .top-box { height: 73px; border-bottom: 1px solid #333; }
.footer .foot-logo { padding-top:15px; }
.footer .foot-logo img { display: block; }
.footer .foot-nav a { margin-left: 24px; }
.footer .foot-contact a { margin-left: 8px; }
.footer .foot-nav a, .footer .foot-contact a { display: inline-block; line-height: 72px; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; color: #999; }
.footer .foot-nav a:hover, .footer .foot-contact a:hover { color: #ffa900; }
.footer .friend-link .link-left { padding: 25px 0; }
.footer .friend-link .link-left span, .footer .friend-link .link-left a { font-size: 14px; color: #999; margin-right: 24px; }
.footer .friend-link .link-left a { -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;font-size: 12px; }
.footer .friend-link .link-left a:hover { color: #ffa900; }
.footer .friend-link .link-right { padding-top: 20px; }
.footer .friend-link .link-right li { position: relative; display: inline-block; }
.footer .friend-link .link-right li:hover .wx-icon { background-position: -284px -28px; }
.footer .friend-link .link-right li:hover .xl-icon { background-position: -317px -28px; }
.footer .friend-link .link-right li:hover .sm-drop { display: block; }
.footer .friend-link .link-right li:hover .sm-drop p { font-size: 12px; }
.footer .friend-link .link-right li .sm-drop { position: absolute; bottom: 20px; left: 50%; margin-left: -38px; z-index: 2; display: none; }
.footer .friend-link .link-right .way-icon { display: block; width: 23px; height: 19px; background: url(../images/hk_new_index_icons3.png) no-repeat; cursor: pointer; margin-left: 30px; }
.footer .friend-link .link-right .way-icon.wx-icon { background-position: -284px -4px; }
.footer .friend-link .link-right .way-icon.xl-icon { background-position: -317px -4px; }
.footer .footer-bot { height: 50px; line-height: 50px; background: #1e1e1e; }
.footer .footer-bot p { color: #999; vertical-align: middle;font-size: 12px; }
.footer .footer-bot p a{color:#999;padding-right: 10px;transition: all .2s}
.footer .footer-bot p a:hover{color:#ffa900;}
.footer .footer-bot p a.fr{padding:0 2px 0 8px;}
.footer .footer-bot img { vertical-align: middle; }
.footer .footer-bot p .gov{margin-right: 6px}
.footer .footer-bot p .info{margin-right: 10px}
.flow-list { margin-bottom: -20px; margin-right: -20px; width: 104% \9; }
.flow-list .flow-item { position: relative; width: 295px; margin: 0 20px 20px 0; }

.flow-list .flow-item .straw {
position: absolute;
top:1px;
right: 0px;
font-size: 30px;
color: #0cce40;
background: url(../images/tj.png) no-repeat top right;
background-size: 35px auto;
width: 38px;
height: 38px;
}

.flow-list .flow-item:hover:after { width: 100%; }
.flow-list .flow-item:hover .show-mask { opacity: 1; -ms-filter: Alpha(Opacity=100); filter: Alpha(Opacity=100); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); }
.flow-list .flow-item:hover .play-btn { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; -ms-filter: Alpha(Opacity=100); filter: Alpha(Opacity=100); }
.flow-list .flow-item:hover .time-length { opacity: 0; filter: alpha(opacity=0); }
.flow-list .flow-item:after { content: ''; width: 0; height: 3px; background: #ba0066; position: absolute; left: 0; bottom: 0; -webkit-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in; }
.flow-list .flow-item .item-show { width: 295px; height: 180px; position: relative; overflow: hidden; border: 1px solid #ececec; border-bottom: none; }
.flow-list .flow-item .time-length { display: block; padding: 0 6px; height: 15px; line-height: 15px; background: rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); text-align: center; font-size: 12px; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; position: absolute; right: 8px; bottom: 10px; -webkit-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in; }
.flow-list .flow-item .play-btn { display: block; width: 60px; height: 60px; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; -ms-filter: Alpha(Opacity=0); filter: Alpha(Opacity=0); position: absolute; left: 50%; top: 50%; margin: -30px -30px; z-index: 1; background: url("../images/hk_new_index_icons3.png") no-repeat 0 -115px; -webkit-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in; }
.flow-list .flow-item .show-img { width: 100%; height: 100%; position: relative; overflow: hidden; }
.flow-list .flow-item .show-img img { display: block; width: 100%; height: 100%; }
.flow-list .flow-item .show-mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); opacity: 0; -ms-filter: Alpha(Opacity=0); filter: Alpha(Opacity=0); -webkit-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in; }
.flow-list .flow-item .item-info { border: 1px solid #eee; padding: 12px; background: #fff; border-bottom: 3px solid #ececec; }
.flow-list .flow-item .info-title .title-name { font-size: 12px; color: #666; display: block; max-width:170px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; height: 15px;}
.flow-list .flow-item .info-title .type-label { display: block; height:16px; line-height:16px; font-size: 12px; text-align: center; color: #fff; -webkit-border-radius: 7px; border-radius: 7px; padding: 0 5px; }
.flow-list .flow-item .info-title .type-label.type-words { background: #ffa900; }
.flow-list .flow-item .info-title .type-label.type-poster { background: #449ee1; }
.flow-list .flow-item .info-title .type-label.type-sysn { background: #80c269; }
.flow-list .flow-item .info-title .type-label.type-software { background: #fa8074; }
.flow-list .flow-item .info-title .type-label.type-c4d { background: #367dd5; }
.flow-list .flow-item .info-title .type-label.type-synthesis { background: #00a99d; }
.flow-list .flow-item .info-title .type-label.type-cpjx { background: #b062a3; }
.flow-list .flow-item .info-title .type-label.type-syhq { background: #494166; }
.flow-list .flow-item .info-title .type-label.type-lesson { background: #779210; }
.flow-list .flow-item .info-title .type-label.type-dynamic { background: #d49688; }
.flow-list .flow-item .info-tabs { margin-top: 15px; }
.flow-list .flow-item .info-tabs .tabs-sp { display: inline-block; font-size: 14px; height: 14px; line-height: 14px; color: #999; margin-right: 10px; position: relative; padding-left: 25px; }
.flow-list .flow-item .info-tabs .tabs-sp:before { content: ''; height: 14px; display: block; background: url(../images/hk_new_index_icons3.png) no-repeat; position: absolute; left: 0; top: 0; }
.flow-list .flow-item .info-tabs .tabs-sp.view-num:before { width: 21px; background-position: -238px -4px; }
.flow-list .flow-item .info-tabs .tabs-sp.disc-num:before { width: 19px; background-position: -238px -28px; }
.flow-list .flow-item .info-tabs .other-sp { font-size: 14px; color: #999; }
.flow-list .flow-item .item-title { padding: 0 12px; height: 28px; width: 100%; position: absolute; bottom: 0; line-height: 28px; color: #333; left: 0; background: #ffd500; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; opacity: 0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.flow-list .flow-item:hover .item-title { opacity: 1; }
.flow-list .flow-item .item-user { margin-top: 15px; }
.flow-list .flow-item .item-user > img { display: inline-block; width: 24px; height: 24px; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle; }
.flow-list .flow-item .item-user .nm { vertical-align: middle; color: #999; margin-left: 5px; }
.flow-list .flow-item .item-user .nm .nm-vip-icon { display: inline-block; vertical-align: -3px; width: 17px; height: 16px; background: url(../images/play-detail-icons.png) no-repeat -3px -242px; }
.disc-agin-btn { width: 70px; height: 22px; line-height: 22px; font-size: 14px; }
.flow-list .flow-item .item-info.uhome-page .last-time { width: 100%; position: relative; font-size: 14px; color: #999; text-align: left; margin-top: 10px; }
.flow-list .flow-item .item-info.uhome-page .last-time:hover .time-tips { display: block; }
.flow-list .flow-item .item-info.uhome-page .time-tips { display: none; width: 180px; padding: 10px; background: #ffd500; line-height: 19px; font-size: 12px; color: #333; -webkit-border-radius: 3px 3px 3px 0; border-radius: 3px 3px 3px 0; position: absolute; left: 20%; top: -70px; }
.flow-list .flow-item .item-info.uhome-page .time-tips:after { content: ''; display: block; width: 0; height: 0; border-top: 10px solid #ffd500; border-right: 8px solid transparent; position: absolute; left: 0; bottom: -10px; }
.flow-list .flow-item .info-tabs .tabs-sp.good-num { padding-left: 16px; }
.flow-list .flow-item .info-tabs .tabs-sp.good-num:before { content: ''; height: 14px; width: 14px; display: block; background: url(../images/thumbs-like.png) no-repeat; position: absolute; left: 0; top: 0; }
.fixed-bar { position: fixed; bottom:25%; right: 50%; margin-right: -750px; z-index: 999; }
.fixed-bar .fixed-box { position: relative; width: 60px; height: 60px; border: 1px solid #eee; border-top: 0; background: #fff; }
.fixed-bar .fixed-box.first-child { border-top: 1px solid #eee; }
.fixed-bar .fixed-box.first-child .box-drop { top: -1px; }
.fixed-bar .fixed-box:hover { border-color: #ffd500; }
.fixed-bar .fixed-box:hover .box-label { background: #ffd500; }
.fixed-bar .fixed-box:hover .box-drop { display: block; }
.fixed-bar .fixed-box:hover .box-label.invite-label .label-icon { background-position: -136px -114px; }
.fixed-bar .fixed-box:hover .box-label.app-label .label-icon { background-position: -336px -113px; }
.fixed-bar .fixed-box:hover .box-label.qqlm-label .label-icon { background-position: -176px -114px; }
.fixed-bar .fixed-box:hover .box-label.suggess-label .label-icon { background-position: -217px -114px; }
.fixed-bar .fixed-box:hover .box-label.qqkf-label .label-icon { background-position: -259px -114px; }
.fixed-bar .fixed-box:hover .box-label.gotop-label .label-icon { background-position: -297px -114px; }
.fixed-bar .fixed-box .box-label { display: block; width: 58px; height: 59px; cursor: pointer; }
.fixed-bar .fixed-box .box-label .label-icon { display: block; margin: 0 auto; background: url(../images/hk_new_index_icons3.png) no-repeat; }
.fixed-bar .fixed-box .box-label.invite-label { padding-top: 14px; }
.fixed-bar .fixed-box .box-label.app-label{padding-top: 14px;}
.fixed-bar .fixed-box .box-label.invite-label .label-icon { width: 29px; height: 30px; background-position: -136px -69px; }
.fixed-bar .fixed-box .box-label.app-label .label-icon { width: 28px; height: 33px; background-position: -336px -69px; }
.fixed-bar .fixed-box .box-label.qqlm-label { padding-top: 16px; }
.fixed-bar .fixed-box .box-label.qqlm-label .label-icon { width: 31px; height: 25px; background-position: -176px -69px; }
.fixed-bar .fixed-box .box-label.suggess-label { padding-top: 18px; }
.fixed-bar .fixed-box .box-label.suggess-label .label-icon { width: 32px; height: 26px; background-position: -217px -69px; }
.fixed-bar .fixed-box .box-label.qqkf-label { padding-top: 16px; }
.fixed-bar .fixed-box .box-label.qqkf-label .label-icon { width: 28px; height: 31px; background-position: -259px -69px; }
.fixed-bar .fixed-box .box-label.gotop-label { padding-top: 24px; }
.fixed-bar .fixed-box .box-label.gotop-label .label-icon { width: 28px; height: 15px; background-position: -297px -69px; }
.fixed-bar .fixed-box .box-drop { position: absolute; right: 50%; margin-right: 30px; top: 0; background: #ffd500; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; display: none; }
.fixed-bar .fixed-box .box-drop .target-link { height: 60px; width: 85px; line-height: 60px; text-align: center; display: block; font-size: 16px; color: #333; }
.fixed-bar .fixed-box .box-drop .qqkf-body { width: 180px; padding: 10px; }
.fixed-bar .fixed-box .box-drop .qqkf-body p { font-size: 12px; line-height: 24px; color: #333; }
.fixed-bar .fixed-box .box-drop .qqkf-body .qqkf-btn { display: inline-block; width: 65px; height: 20px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #ffa900; font-size: 12px; line-height: 20px; color: #fff; text-align: center; margin-left: 4px; }
.fixed-bar .fixed-box .box-drop .qqkf-body .qqkf-btn .kf-icon { display: inline-block; width: 12px; height: 12px; background: url(../images/hk_new_index_icons3.png) no-repeat -89px -118px; margin-right: 2px; vertical-align: -1px; }
.fixed-bar .fixed-box .box-drop .qqlm-body { width: 190px; padding: 10px; }
.fixed-bar .fixed-box .box-drop .qqlm-body .lm-level { height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 12px; color: #333; }
.fixed-bar .fixed-box .box-drop .qqlm-body .lm-btn { display: block; text-align: center; background: rgba(255, 255, 255, 0.8); background: #fff\9; -webkit-border-radius: 5px; border-radius: 5px; }
.fixed-bar .fixed-box .box-drop .qqlm-body .sm-btn { width: 65px; font-size: 12px; height: 20px; line-height: 20px; }
.fixed-bar .fixed-box .box-drop .qqlm-body .big-btn { width: 170px; height: 30px; line-height: 30px; margin: 10px auto; font-size: 14px; }
.fixed-bar .fixed-box .box-drop .qqlm-body .hk-lm { background: #ffa900; color: #fff; }
.fixed-bar .fixed-box .box-drop .app-m{width: 131px;padding:6px;}
.fixed-bar .fixed-box .box-drop .app-m .t-cj{ width: 31px;height: 5px;margin:0 auto 7px;border-radius: 2px;background: #ffee98; }
.fixed-bar .fixed-box .box-drop .app-m .m-cj{padding:0 5px 5px;background: #fff;border-radius: 4px;}
.fixed-bar .fixed-box .box-drop .app-m .m-cj p{line-height: 16px; font-size: 12px;color:#666;text-align: center;padding:3px 0;}
.fixed-bar .fixed-box .box-drop .app-m .b-cj{margin:6px auto 0; width: 20px;height: 20px;border-radius: 10px;background: #ffee98;}
.fixed-bar .active-box { margin-bottom: 20px; width: 60px; position: absolute; top: -90px; left: 50%; margin-left: -56px; }
.yz{
display: inline-block;
border: 1px solid #ffa900;
float: right;
width:120px;
height:46px;
text-align: center;
background-color: #fff0d3;
color:#ffa900;
border-radius:5px;
cursor: pointer;line-height:44px;
}
.page-list { text-align: center; margin: 40px 0; }
.page-list a.page_click_class{ display: inline-block; width: 32px; height: 32px; border: 1px solid #c1c1c1; text-align: center; line-height: 30px; margin: 0 4px; font-size: 12px; vertical-align: middle; }
.page-list a.next{
width: 60px;
}
.page-list a.prev{
width: 60px;
}
.page-list a:hover, .page-list a.on { background: #ffd200; border-color: #ffd200; }
.lrframe-box { width: 420px; margin: 0 auto; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; position: relative; overflow: hidden;padding-bottom: 30px;}
.lrframe-box .frame-close { display: block; position: absolute; right: 8px; top: 8px; width: 12px; height: 12px; background: url(../images/hk_new_index_icons3.png) no-repeat -69px -118px; cursor: pointer; }
.lrframe-box .frame-top { height: 80px; padding: 0 50px; border-bottom: 1px solid #eee; margin-bottom: 30px; }
.lrframe-box .frame-top h3 { font-size: 18px; color: #ffa900; padding: 20px 0 10px; }
.lrframe-box .frame-top p { font-size: 14px; color: #999; }
.lrframe-box .frame-top p > span { color: #ffa900; }
.lrframe-box .frame-bd{width:420px}
.lrframe-box .frame-bd .wk-btn { display: block; width: 300px; height: 65px; line-height: 65px; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; font-size: 18px; color: #fff; margin: 25px auto 0; }
.lrframe-box .frame-bd .wk-btn:hover { opacity: .8; filter: alpha(opacity=80); }
.lrframe-box .frame-bd .wk-btn i { display: inline-block; background: url(../images/hk_new_index_icons3.png); margin-right: 12px; vertical-align: -8px; }
.lrframe-box .frame-bd .qq-login { background: #33c4f3; }
.lrframe-box .frame-bd .qq-login i { width: 30px; height: 31px; background-position: -69px -145px; }
.lrframe-box .frame-bd .wx-login { background: #93d733; }
.lrframe-box .frame-bd .wx-login i { width: 36px; height: 29px; background-position: -107px -147px; }
.lrframe-box .frame-bd .xl-login { background: #f04b52; }
.lrframe-box .frame-bd .xl-login i { width: 35px; height: 28px; background-position: -153px -148px; }
.lrframe-box .turn-round { position: absolute; right: 0; bottom: 20px; text-align: right; padding: 0 10px; font-size: 14px; color: #999; }
.lrframe-box .turn-round .round-btn { color: #ffa900; }
.lrframe-box .turn-round .round-btn:hover { text-decoration: underline; }
.lrframe-box .agree-deal { margin-top: 15px; text-align: center; }
.lrframe-box .agree-deal span { color: #999; vertical-align: 2px; }
.lrframe-box .agree-deal span a { color: #ffa900; }
.lrframe-box .tab-head{height: 67px;line-height: 66px;border-bottom: 1px #e8e8e8 solid;}
.lrframe-box .tab-head span{width: 80px;margin:0 60px;display: inline-block; font-size: 24px;color:#999999;text-align: center;cursor: pointer;height: 67px;}
.lrframe-box .tab-head span.active,.lrframe-box .tab-head span:hover{border-bottom: 2px #ffa900 solid;color:#ffa900;}
.lrframe-box .tab-main{ width: 840px; transition: all .4s}
.lrframe-box .tab-main .go-phone{color:#999999;font-size: 14px;text-align: center;padding-top: 20px;cursor: pointer;}
.lrframe-box .tab-main .phone-m{ width: 420px;padding:0 15px;display: none; }
.lrframe-box .tab-main .phone-m .frame-bd a{width: 122px;margin:20px 13px 0 0 ;float: left;height: 48px;line-height: 48px;font-size: 16px;}
.lrframe-box .tab-main .phone-m .frame-bd i{background:url(../images/hk_new_index_icons3.png);vertical-align: -6px;margin-right: 5px;}
.lrframe-box .tab-main .phone-m .frame-bd .qq-login i{width: 22px;height: 23px;background-position: -65px -192px;}
.lrframe-box .tab-main .phone-m .frame-bd .wx-login i{width: 29px;height: 23px;background-position: -32px -192px;}
.lrframe-box .tab-main .phone-m .frame-bd .xl-login i{width: 28px;height: 22px;background-position: 0 -192px;}
.lrframe-box .tab-main .phone-title{ font-size: 14px;position: relative; height: 14px;line-height: 14px;text-align: center;margin:20px 0;}
.lrframe-box .tab-main .phone-title:after{left: 0;top: 8px;position: absolute;content: "";width: 100%;height: 1px;background-color: #eaeaea}
.lrframe-box .tab-main .phone-title span{display: inline-block;padding:0 28px;background-color: #fff;color:#999;position: relative;z-index: 2}
.lrframe-box .tab-main .phone-num{height: 48px;line-height: 46px;margin-bottom: 20px;position: relative;}
.lrframe-box .tab-main .phone-num .phone-icon{ width: 15px;height: 25px;position: absolute;	top: 11px;left: 14px;background: url(../images/hk_new_index_icons3.png) -95px -192px; }
.lrframe-box .tab-main .phone-num input{width: 100%;height: 48px;line-height: 46px;border:1px #e8e8e8 solid;padding:0 44px;border-radius: 4px;}
::-webkit-input-placeholder{color:#ccc;}
.lrframe-box .tab-main .phone-code{height: 48px;margin-bottom: 20px;}
.lrframe-box .tab-main .phone-code .code-l{width:256px;}
.lrframe-box .tab-main .phone-code .code-l input{width:256px;height: 48px;line-height: 46px;border:1px #e8e8e8 solid;padding:0 14px;border-radius: 4px;}
.lrframe-box .tab-main .phone-code .code-r{ width: 120px;height: 48px; overflow: hidden;}
.lrframe-box .tab-main .phone-yz{height: 48px;margin-bottom: 20px;}
.lrframe-box .tab-main .phone-yz .yz-l{width: 256px;}
.lrframe-box .tab-main .phone-yz .yz-l input{width:256px;height: 48px;line-height: 46px;border:1px #e8e8e8 solid;padding:0 14px;border-radius: 4px;}
.lrframe-box .tab-main .phone-yz .yz-r{ width: 120px;height: 48px; }
.lrframe-box .tab-main .phone-yz .yz-r .get-p{border: none;width: 100%;height: 48px;line-height: 46px;border:1px #ffa900 solid;border-radius: 4px;color:#ffa900;background-color: #fff0d3;cursor: pointer;transition: all .2s;text-align:center;}
.lrframe-box .tab-main .phone-yz .yz-r .get-p:hover{background-color: #fff8eb;}
.lrframe-box .tab-main .phone-yz .yz-r .get-p.ed{cursor: not-allowed;border:1px #e8e8e8 solid;color:#999;background-color: #e8e8e8;}
.lrframe-box .tab-main .phone-btn{ height: 48px;text-align: center;line-height: 48px;border-radius: 4px; font-size: 20px;color:#fff;background-color: #ffa900;transition: all .2s }
.lrframe-box .tab-main .phone-btn:hover{background-color: #ffb930;cursor: pointer;}
@media only screen and (max-width: 1440px) { /*主体宽度变化*/
.layout-cont,.copyright-tips .layout-cont { width: 1245px !important; }
.news-cont { width:1245px; }
.header .nav .nav-li { font-size: 14px; margin-right: 10px; }
.header .head-group .user-main .user-name { font-size: 14px; }
.header .head-group .login-register { margin-top: 24px; }
.header .head-group .login-register .lr-btn { font-size: 14px; }
.fixed-bar { margin-right: -600px; }
.footer .foot-nav a { margin-left: 8px; }
.flow-list .flow-item { width: 243px; margin-right: 10px; }
.flow-list .flow-item .item-show { width: 243px; height: 148px; }
.flow-list .flow-item .item-info { padding: 8px; }
.flow-list .flow-item .info-tabs { margin: 8px 0; }
.flow-list .flow-item .info-tabs .tabs-sp { margin-right: 2px; }
.flow-list .flow-item .info-tabs .tabs-sp, .flow-list .flow-item .info-tabs .other-sp { font-size: 12px; }
.flow-list .flow-item .info-title .title-name { max-width: 150px; }
.flow-list .flow-item .info-tabs .tabs-sp { margin-right: 2px; }
.flow-list .flow-item .info-tabs .tabs-sp, .flow-list .flow-item .info-tabs .other-sp { font-size: 12px;;margin-top: 3px;}
.flow-list .flow-item .item-info.uhome-page .last-time { font-size: 12px;}
.footer .footer-bot p a{padding-right: 1px}
.footer .footer-bot p a.fr{padding: 0 1px 0 2px}
.footer .footer-bot p .gov{margin-right: 0px}
.footer .footer-bot p .info{margin-right: 0px}
/*flow-item*/ }
/*==适配小屏 end==*/
.survey-wid { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1245; }
.survey-wid .swid-mask { width: 100%; height: 100%; background-color: #000; opacity: .4; filter: alpha(opacity=40); }
.survey-wid .main-cont { width: 700px; height: 420px; background-color: #fff; -webkit-border-radius: 10px; border-radius: 10px; position: absolute; top: 50%; left: 50%; margin-top: -210px; margin-left: -350px; }
.survey-wid .main-cont .tit { padding: 0 30px; height: 61px; border-bottom: 2px solid #f0f0f0; }
.survey-wid .main-cont .tit span { font-size: 20px; color: #333; line-height: 60px; }
.survey-wid .main-cont .tit .closeBtn { width: 26px; height: 26px; background: url(../images/survery-icons.png) no-repeat 0 0; display: block; margin: 17px 0; cursor: pointer; }
.survey-wid .main-cont .elect-item { padding: 20px 30px; margin-right: -22px\9; }
.survey-wid .main-cont .elect-item p { font-size: 18px; color: #333; text-align: left; margin-bottom: 25px; }
.survey-wid .main-cont .elect-item a { margin-right: 20px; margin-left: -4px; position: relative; display: inline-block; width: 142px; height: 44px; line-height: 44px; text-align: center; font-size: 18px; color: #666; border: 1px solid #999; }
.survey-wid .main-cont .elect-item a:last-child { margin-right: 0; }
.survey-wid .main-cont .elect-item a.on i.check { display: block; width: 22px; height: 25px; background: url(../images/survery-icons.png) no-repeat 0 -35px; position: absolute; right: 0; bottom: 0; }
.survey-wid .main-cont .elect-item a.on { border-color: #ff5300; color: #ff5300; }
.survey-wid .main-cont .submit-box { position: relative; padding-top: 20px; }
.survey-wid .main-cont .submit-box .submitBtn { width: 186px; height: 46px; line-height: 46px; text-align: center; color: #fff; font-size: 20px; background-color: #b1b0b0; -webkit-border-radius: 6px; border-radius: 6px; margin: 0 auto; display: block; }
.survey-wid .main-cont .submit-box .submitBtn.canSubmit { background-color: #ff5300; }
.survey-wid .main-cont .submit-box .tips { display: block; width: 100%; text-align: center; position: absolute; left: 0; top: -5px; color: #ff0000; display: none; }
/*提交成功*/
.survey-wid .main-cont.success-cont .success-icon { display: block; width: 58px; height: 58px; background: url(../images/survery-icons.png) no-repeat -42px 0; margin: 170px auto 0; }
.survey-wid .main-cont.success-cont p { text-align: center; font-size: 20px; color: #333; line-height: 40px; }
.header .nav .nav-li .vip-drop-width{
width: 312px;
margin-left: -156px;
}
.header .nav .nav-li .classify-vip-drop{
width:772px;
margin-left:-305px;
}
.vip-drop-titles {
height: 60px;
color: #ffa900;
font-size: 18px;
font-weight: 900;
line-height: 60px;
border-bottom: 1px dashed #e8e8e8;
margin: 0;
}
.vip-drop-titles>span {
display: inline-block;
background: url(../images/nav-logo-icon.v3.png) no-repeat -1px 0;
width: 35px;
height: 40px;
vertical-align: middle;
margin: 0 15px 0 19px;
}
.vip-drop-p {
height: 38px;
line-height: 30px;
color: #666666;
font-size: 16px;
padding-top: 8px;
}
.vip-drop-p>i {
display: inline-block;
width: 22px;
height: 22px;
background: url(../images/nav-logo-icon.v3.png) no-repeat -51px 0;
margin: 0 20px 0 24px;
position: relative;
top: 4px;
}
.vip-drop-p>span {
color: #ffa900;
font-size: 18px;
font-weight: bold;
}
.vip-drop-p>.vip-drop-icon2 {
background-position: -89px 0;
}
.vip-drop-p>.vip-drop-icon3 {
background-position: -127px 0;
}
.vip-drop-purchase{
display:block;
margin: 12px auto 13px;
width: 135px;
height: 35px;
text-align: center;
line-height: 35px;
font-size: 16px;
color: #666;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #ffd500;
}
.vip-drop-purchase:hover{
opacity: 0.8;
}
.view-global-vip{
border-top: 1px solid #e8e8e8;
}
.classify-vip-icon1,.classify-vip-icon2,.classify-vip-icon3,.classify-vip-icon4,.classify-vip-icon5,.classify-vip-icon6,.classify-vip-icon7,.classify-vip-icon8,.classify-vip-icon9{
width: 40px;
height: 46px;
background: url(../images/nav-logo-icon.v3.png) no-repeat ;
display: block;
margin: 14px auto 0;
}
.classify-vip-icon1{
background-position: 0 -67px;
}
.classify-vip-icon2{
background-position: -41px -67px;
}
.classify-vip-icon3{
background-position: -82px -67px;
}
.classify-vip-icon4{
background-position: -123px -67px;
}
.classify-vip-icon5{
background-position: -164px -67px;
}
.classify-vip-icon6{
background-position: -205px -67px;
}
.classify-vip-icon7{
background-position: -247px -67px;
}
.classify-vip-icon8{
background-position: -330px -67px;
}
.classify-vip-icon9{
background-position: -287px -67px;
}
.header .nav .nav-li .classify-vip-drop .type-box p{
color: #666;
}
.header .nav .nav-li .classify-vip-drop .look-more{
color: #666;
}
.header .nav .nav-li .classify-vip-drop .type-box .rj-btn{
background: #ff7c00;
color: #fff;
}
.header .nav .nav-li .classify-vip-drop .type-box .cd-btn{
background: #367de7;
color: #fff;
}
.header .nav .nav-li .classify-vip-drop .type-box .txhc-btn{
background: #00a99d;
color: #fff;
}
.header .nav .nav-li .classify-vip-drop .type-box .cpjx-btn{
background: #b062a3;
color: #fff;
}
.header .nav .nav-li .classify-vip-drop .type-box .syhq-btn{
background: #494166;
color: #fff;
}
.header .nav .nav-li .classify-vip-drop .type-box .dx-btn{
background: #494166;
color: #fff;
}
.header .head-group .user-main .user-drop .client-info .client-img{
float: left;
width: 49px;
height: 49px;
margin: -5px 10px 0 19px;
overflow: hidden;
}
.header .head-group .user-main .user-drop .client-infos{
text-align: left;
}
.header .head-group .user-main .user-drop .limit-down > p i{
background: url(../images/nav-logo-icon.v3.png) no-repeat;
}
.header .head-group .user-main .user-drop .limit-down > p .play-icon{
background-position: -288px -1px;
}
.header .head-group .user-main .user-drop .limit-down > p .play-icon2{
background-position: -288px -36px;
}
.header .head-group .user-main .user-drop .limit-down{
padding-top: 11px;
}
.header .head-group .user-main .user-drop .client-info .name{
padding-top: 2px;
margin-bottom: 12px;
height: 16px;
}
.header .head-group .user-main .user-drop .charge-box p{
font-size: 14px;
}
.header .head-group .user-main .user-drop .charge-box p>span{
color: #ffa900;
font-weight: bold;
}
/*导航栏结束*/
/* 绑定手机号弹窗 */
.get-phone{position: fixed;z-index: 102;width: 100%;height: 100%;left: 0;top: 0}
.get-phone .phone-bg{background-color: rgba(0,0,0,.3);width: 100%;height: 100%;}
.get-phone .phone-m{ width: 800px;height: 320px;left: 50%;top: 50%;margin:-160px 0 0 -400px; position: absolute;background-color:#fff;border-radius: 4px;box-shadow: 0 0 8px rgba(0,0,0,.2)}
.get-phone .phone-m .close{ font-size: 22px;font-family: "宋体";position: absolute;right: 10px;top: 10px;color:#666; cursor: pointer;}
.get-phone .phone-txt{ font-size: 18px;color:#333333;text-align: center;line-height: 44px;padding: 45px 0; }
.get-phone .phone-but{padding: 0 110px;}
.get-phone .phone-but .c-btn{ width: 240px;height: 60px;cursor: pointer;background-color: #f2f2f2;border:1px #c1c1c1 solid;border-radius: 4px; font-size: 20px;color:#333;text-align: center;line-height: 58px; }
.get-phone .phone-but .get-btn{ width: 240px;height: 60px; }
.get-phone .phone-but .get-btn a{ display: block; background-color: #ffd200;border-radius: 4px;line-height: 60px;text-align: center;font-size: 20px;color:#333;transition: all .2s}
.get-phone .phone-but .get-btn a:hover{background-color: #ffe465;}
/*用户下拉面板添加样式*/
.user-drop .name span{position: relative;}
.user-drop .name span i{position: absolute;}
.user-drop .name span i.authen{right: -52px;font-size: 12px;color:#ffa900;top: 5px;}
.user-drop .name span i.authend{right: -60px;font-size: 12px; width: 56px;height: 21px;line-height:18px;text-align: center;top: 1px;right: -66px;}
.user-drop .name span i.authend a{ display: block;line-height:18px;border:1px #c1c1c1 solid;background-color: #f3f3f3;color:#999;border-radius: 9px; transition: all .2s}
.user-drop .name span i.authend a:hover{color: #666;border-color: #666;}
/*用户下拉面板添加样式*/
.user-drop .name span{position: relative;display: inline-block}
.user-drop .name span i{position: absolute;}
.user-drop .name span i.authen{right: -52px;font-size: 12px;color:#ffa900;top: 5px;}
.user-drop .name span i.authend{right: -60px;font-size: 12px; width: 56px;height: 21px;line-height:18px;text-align: center;top: -3px;right: -66px;} /*ht2*/
.user-drop .name span i.authend a{ display: block;line-height:18px;border:1px #c1c1c1 solid;background-color: #f3f3f3;color:#999;border-radius: 9px; transition: all .2s}
.user-drop .name span i.authend a:hover{color: #666;border-color: #666;}
.user-drop .name span em {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 92px;font-weight: normal; display: inline-block}
.header .head-group .user-main .user-drop.ed .client-info .id-num{ top:0;}
/*分页*/
#page-m {
margin: 30px auto;
text-align: center;
}
#page-m a {
display: inline-block;
height: 43px;
line-height: 40px;
font-size: 18px;
color: #999;
border: 1px #c1c1c1 solid;
margin: 0 5px;
max-width: 53px;
min-width: 43px;
padding: 0 10px;
}
#page-m a:hover {
background-color: #ffd200;
border-color: #ffd200;
color: #666;
}
#page-m a.on {
background-color: #ffd200;
border-color: #ffd200;
color: #333;
cursor: default;
}
#page-m span {
display: inline-block;
padding: 0 12px;
line-height: 40px;
color: #999;
font-size: 20px;
}
#page-m .pre, #page-m .next {
max-width: 92px;
width: 92px;
}
@media only screen and (max-width: 1440px) {
#page-m a {
height: 32px;
line-height: 30px;
margin: 0 2px;
max-width: 42px;
min-width: 32px;
font-size: 12px;
padding: 0 5px;
}
#page-m span {
font-size: 14px;
padding: 0 5px;
}
#page-m .pre, #page-m .next {
max-width: 72px;
width: 72px;
}
}
.dx{background:#000;width:73px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 4px;
font-size: 12px;
color: #fff;
margin-top: 7px;
transition: all .2s;
}
/* 9-15导航改版 start */
.impt-nop { display: block; position: absolute; }
.impt-nop.hot-big { width: 19px; height: 15px; background: url(../images/impt_nop_hot_big.png) no-repeat center; top: 10px; right: -10px; }
.impt-nop.hot-small { width: 21px; height: 11px; background: url(../images/impt_nop_hot_small.png) no-repeat center; top: 4px; right: -6px; }
.impt-nop.impt-new { width: 22px; height: 11px; background: url(../images/impt_nop_new.png) no-repeat center; top: -8px; right: -8px; }
/* 首页等公用头部导航 */
.hk-header { height: 71px; background: #1e1e1e; /* 加载的动画 */ }
.hk-header .hk-loading-view { text-align: center; padding: 20px 0; }
.hk-header .hk-logo { padding: 16px 0; }
.hk-header .hk-logo .logo-img-2 { margin-left: 15px; }
.hk-header .hk-search { position: relative; margin: 19px 0 0 130px; }
.hk-header .hk-search .search-area { width: 400px; padding-right: 48px; position: relative; background: #fff; -webkit-border-radius: 18px; border-radius: 18px; }
.hk-header .hk-search .search-area input[type='text'] { width: 352px; height: 35px; background: #fff; padding-left: 15px; -webkit-border-radius: 18px; border-radius: 18px; border: none; outline: none; font-size: 12px; color: #333; }
.hk-header .hk-search .search-area:active + .search-tags { display: none; }
.hk-header .hk-search .search-butn { display: block; width: 23px; height: 22px; cursor: pointer; position: absolute; right: 0; top: 0; background: url(../images/hk_search_butn.png) no-repeat center; margin: 6px 15px 7px 10px; }
.hk-header .hk-search .search-tags { position: absolute; right: 48px; top: 6px; }
.hk-header .hk-search .search-tags .tags-point { display: inline-block; padding: 0 10px; height: 24px; line-height: 24px; background: #f3f5f7; font-size: 12px; color: #999; -webkit-border-radius: 16px; border-radius: 16px; }
.hk-header .hk-operate .day-check-button { margin-top: 23px; display: inline-block; width: 86px; height: 25px; text-align: center; line-height: 25px; font-size: 14px; color: #ffd200; -webkit-border-radius: 16px; border-radius: 16px; border: 1px solid #ffd200; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; }
.hk-header .hk-operate .day-check-button:hover { background: #ffd200; color: #333; }
.hk-header .hk-operate .notice-infs { padding: 26px 15px 25px; margin: 0 10px; position: relative; cursor: pointer; }
.hk-header .hk-operate .notice-infs:hover .notice-drop { display: block; }
.hk-header .hk-operate .notice-infs .notice-tip { display: block; width: 18px; height: 20px; position: relative; background: url(../images/hk_new_index_icons3.png) no-repeat -262px -27px; }
.hk-header .hk-operate .notice-infs .notice-tip .tips-point { display: block; width: 8px; height: 8px; -webkit-border-radius: 50%; border-radius: 50%; background: #ff0000; position: absolute; top: -4px; right: -4px; }
.hk-header .hk-operate .notice-infs .notice-drop { display: none; width: 270px; border: 1px solid #b8bbbf; background: #fff; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); position: absolute; top: 71px; left: 50%; margin-left: -135px; z-index: 999; }
.hk-header .hk-operate .notice-infs .notice-drop:before { position: absolute; top: -5px; left: 48%; display: block; width: 8px; height: 8px; border: 1px solid #B8BBBF; border-right: 0; border-bottom: 0; background: #fff; content: ' '; -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg); }
.hk-header .hk-operate .notice-infs .notice-drop li { border-bottom: 1px solid #eee; padding: 10px 12px; }
.hk-header .hk-operate .notice-infs .notice-drop li p { font-size: 12px; line-height: 20px; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.hk-header .hk-operate .notice-infs .notice-drop li p:hover { color: #ff8300; }
.hk-header .operate-infs .enter-status { padding-top: 28px; }
.hk-header .operate-infs .enter-status a.in-btn { display: inline-block; font-size: 14px; color: #999; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.hk-header .operate-infs .enter-status a.in-btn:first-child { padding-right: 15px; border-right: 1px solid #999; margin-right: 11px; }
.hk-header .operate-infs .enter-status a.in-btn:hover { color: #ffd200; }
.hk-header .user-status { position: relative; padding: 25px 0 26px; }
.hk-header .user-status:hover .down-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.hk-header .user-status:hover .user-drop { display: block; }
.hk-header .user-status .user-info .user-name { display: block; max-width: 80px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #999; line-height: 20px; }
.hk-header .user-status .user-info .vip-icons { margin: 0 5px; display: block; width: 20px; background: url(../images/hk-all-vip-icons.v1.png) no-repeat; }
.hk-header .user-status .user-info .vip-icons.vip-level-0 { background-position: -210px -427px; height: 20px; }
.hk-header .user-status .user-info .vip-icons.vip-level-1 { background-position: -180px -427px; height: 15px; margin-top: 4px; }
.hk-header .user-status .user-info .vip-icons.vip-level-99 { background-position: -238px -427px; height: 18px; }
.hk-header .user-status .user-info .down-arrow { display: block; width: 9px; height: 7px; background: url(../images/hk_new_index_icons3.png) no-repeat -108px -118px; margin-top: 6px; }
.hk-header .user-status .user-drop { display: none; width: 300px; position: absolute; top: 71px; right: 0; background: #fff; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2); z-index: 999; }
.hk-header .user-status .user-drop:after { content: ''; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #fff; position: absolute; top: -8px; right: 20px; }
.hk-header .user-status .user-drop .exit-btn { color: #333; position: absolute; right: 20px; top: 22px; }
.hk-header .user-status .user-drop .client-info { margin: 20px 0 10px; text-align: center; }
.hk-header .user-status .user-drop .client-info.client-infos { text-align: left; }
.hk-header .user-status .user-drop .client-info img { width: 70px; height: 70px; -webkit-border-radius: 50%; border-radius: 50%; }
.hk-header .user-status .user-drop .client-info .client-img { float: left; width: 49px; height: 49px; margin: -5px 10px 0 19px; overflow: hidden; }
.hk-header .user-status .user-drop .client-info .id-num { top: 0; font-size: 12px; color: #999; }
.hk-header .user-status .user-drop .client-info .name { padding-top: 2px; height: 16px; font-size: 16px; color: #333; margin: 10px 0 12px; }
.hk-header .user-status .user-drop .client-info .name span { position: relative; display: inline-block; }
.hk-header .user-status .user-drop .client-info .name span i { position: absolute; }
.hk-header .user-status .user-drop .client-info .name span i.authen { right: -52px; font-size: 12px; color: #ffa900; top: 5px; }
.hk-header .user-status .user-drop .client-info .name span i.authend { right: -60px; font-size: 12px; width: 56px; height: 21px; line-height: 18px; text-align: center; top: -3px; right: -66px; }
.hk-header .user-status .user-drop .client-info .name span i.authend a { display: block; line-height: 18px; border: 1px #c1c1c1 solid; background-color: #f3f3f3; color: #999; -webkit-border-radius: 9px; border-radius: 9px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
.hk-header .user-status .user-drop .client-info .name span i.authend a:hover { color: #666; border-color: #666; }
.hk-header .user-status .user-drop .client-info .name .name span em { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; max-width: 92px; font-weight: normal; display: inline-block; }
.hk-header .user-status .user-drop .limit-down { padding-bottom: 12px; border-bottom: 1px dashed #e8e8e8; }
.hk-header .user-status .user-drop .limit-down > p { line-height: 36px; font-size: 14px; color: #666; }
.hk-header .user-status .user-drop .limit-down > p i { display: inline-block; width: 20px; height: 20px; background: url(../images/nav-logo-icon.v3.png) no-repeat; vertical-align: -4px; margin-right: 10px; }
.hk-header .user-status .user-drop .limit-down > p .play-icon { background-position: -288px -1px; }
.hk-header .user-status .user-drop .limit-down > p .play-icon2 { background-position: -288px -36px; }
.hk-header .user-status .user-drop .client-mid { padding: 0 30px; }
.hk-header .user-status .user-drop .charge-box { padding: 15px 0; }
.hk-header .user-status .user-drop .charge-box p { font-size: 14px; color: #999; line-height: 22px; text-align: center; }
.hk-header .user-status .user-drop .charge-box p > span { color: #ffa900; font-weight: bold; }
.hk-header .user-status .user-drop .charge-box .charge-btn { display: block; width: 240px; height: 40px; text-align: center; line-height: 40px; color: #fff; font-size: 16px; background: #ffa900; -webkit-border-radius: 5px; border-radius: 5px; margin: 15px auto 0; }
.hk-header .user-status .user-drop .charge-box .charge-btn:hover { -webkit-box-shadow: inset 0px -1px 10px 0px rgba(140, 10, 27, 0.4); box-shadow: inset 0px -1px 10px 0px rgba(140, 10, 27, 0.4); }
.hk-header .user-status .user-drop .vip-box { width: 220px; margin: 0 auto; position: relative; }
.hk-header .user-status .user-drop .vip-box .see-all { display: block; width: 60px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #999; border: 1px solid #e8e8e8; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px auto 0; }
.hk-header .user-status .user-drop .vip-box .see-all:hover { color: #fff; border-color: #ffa900; background: #ffa900; }
.hk-header .user-status .user-drop .vip-box .rul-btn { display: block; width: 8px; height: 15px; cursor: pointer; position: absolute; top: 12%; }
.hk-header .user-status .user-drop .vip-box .rul-btn.prev-btn { background: url(../images/rul-btn-left.png) no-repeat center; left: -18px; }
.hk-header .user-status .user-drop .vip-box .rul-btn.next-btn { background: url(../images/rul-btn-right.png) no-repeat center; right: -18px; }
.hk-header .user-status .user-drop .has-box { height: 65px; overflow: hidden; text-align: center; }
.hk-header .user-status .user-drop .has-box .show-item { width: 55px; height: 65px; text-align: center; display: inline-block; margin: 0 8px; }
.hk-header .user-status .user-drop .has-box .show-item.noFloat-item { float: none; vertical-align: top;}
.hk-header .user-status .user-drop .show-item p { font-size: 12px; color: #999; margin-top: 10px; }
.hk-header .user-status .user-drop .show-item .show-v { display: inline-block; width: 35px; height: 40px; background: url(../images/hk-all-vip-icons.v1.png) no-repeat; }
.hk-header .user-status .user-drop .show-item .show-v.vip-32-show { background-position: 0 -410px; }
.hk-header .user-status .user-drop .show-item .show-v.vip-31-show { background-position: 0 -360px; }
.hk-header .user-status .user-drop .show-item .show-v.vip-22-show { background-position: -45px -410px; }
.hk-header .user-status .user-drop .show-item .show-v.vip-21-show { background-position: -45px -360px; }
.hk-header .user-status .user-drop .show-item .show-v.vip-52-show { background-position: -90px -410px; }
.hk-header .user-status .user-drop .show-item .show-v.vip-51-show { background-position: -90px -360px; }
.hk-header .user-status .user-drop .show-item .show-v.vip-12-show { background-position: -135px -410px; }
.hk-header .user-status .user-drop .show-item .show-v.vip-11-show { background-position: -135px -360px; }
.hk-header .user-status .user-drop .show-item .show-v.vip-62-show { background-position: -350px -410px; }
.hk-header .user-status .user-drop .show-item .show-v.vip-61-show { background-position: -350px -360px; }
.hk-header .user-status .user-drop .show-item .show-v.vip-72-show { background-position: -389px -410px; }
.hk-header .user-status .user-drop .show-item .show-v.vip-71-show { background-position: -389px -360px; }
.hk-header .user-status .user-drop .show-item .show-v.vip-999-show { background-position: -180px -360px; }
.hk-header .user-status .user-drop .client-butm { text-align: center; background: #f3f3f3; padding: 8px 0; border-top: 1px solid #e8e8e8; height: 60px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
.hk-header .user-status .user-drop .client-butm .entry-item { display: inline-block; width: 100px; height: 100%; text-align: center; border-left: 1px solid #e8e8e8; }
.hk-header .user-status .user-drop .client-butm .entry-item:first-child { border-left: 0; }
.hk-header .user-status .user-drop .client-butm .entry-item > i { display: inline-block; width: 26px; height: 26px; background: url(../images/hk-all-vip-icons.v1.png) no-repeat; }
.hk-header .user-status .user-drop .client-butm .entry-item .uhome { background-position: -225px -391px; }
.hk-header .user-status .user-drop .client-butm .entry-item .ucollect { background-position: -261px -391px; }
.hk-header .user-status .user-drop .client-butm .entry-item .ulearn { background-position: -297px -392px; }
.hk-header .user-status .user-drop .client-butm .entry-item .tchWork { background-position: -266px -423px; }
.hk-header .user-status .user-drop .client-butm .entry-item > p { font-size: 12px; color: #333; margin-top: 6px; }
.hk-header.classify-header .hk-operate .day-check-button { display: none; }
.hk-header.classify-header .hk-search { margin-left: 75px; }
.hk-header.classify-header .hk-search .search-area { width: 235px; }
.hk-header.classify-header .hk-search .search-area input[type='text'] { width: 185px; }
.hk-header.classify-header .hk-search .search-tags { display: none !important; }
.hk-header.classify-header .hk-head-nav { margin-left: 25px; }
.hk-header.classify-header .hk-head-nav .hdnav-item { margin-right: 20px; height: 100%;position: relative;}
.hk-header.classify-header .hk-head-nav .hdnav-item .classify-vip-drop{    top: 71px;    left: -259px}
.hk-header.classify-header .hk-head-nav .hdnav-item .classify-vip-drop:before{left: 50%;}
.hk-header.classify-header .hk-head-nav .hdnav-item .global-vip-drop{       left: -117px;
top: 71px;}
.hk-header.classify-header .hk-head-nav .hdnav-item .global-vip-drop:before{left: 155px;}
.hk-header.classify-header .hk-head-nav .hdnav-item:hover .hdi-drop { display: block; }
.hk-header.classify-header .hk-head-nav .hdnav-item .hdi-drop { position: relative; display: none; }
.hk-header.classify-header .hk-head-nav .hdnav-item .hdi-drop .nav-main { height: 400px; position: absolute; left: -204px; top: 0; }
.hk-header.classify-header .hk-head-nav .hdnav-item .hdi-drop .nav-main .nml-item:hover .item-tit { border-left: 1px solid #e9e9e9; }
.hk-header.classify-header .hk-head-nav .hdi-title { display: block; line-height: 71px; position: relative; font-size: 18px; color: #999; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
.hk-header.classify-header .hk-head-nav .hdi-title .tit-arrow { display: inline-block; width: 14px; height: 8px; background: url(../images/hdnav-item-arrow.png) no-repeat 0 0; }
.hk-header.classify-header .hk-head-nav .hdi-title:hover { color: #f7cb01; }
.hk-header.classify-header .hk-head-nav .hdi-title:hover .tit-arrow { background-position: 0 -10px; }
.hk-header.classify-header .hk-head-nav .hdi-title-span { display: block; line-height: 71px; position: relative; font-size: 18px; color: #999; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
.hk-header.classify-header .hk-head-nav .hdi-title-span .tit-arrow { display: inline-block; width: 14px; height: 8px; background: url(../images/hdnav-item-arrow.png) no-repeat 0 0; }
.hk-head-nav-recharge a{font-size:18px;color: #999;  height: 60px;  display: block;  line-height: 60px;  position: relative;    margin-left: 16px;}
.nav-cutbar { height: 45px; background: #f8f8f8; }
.nav-cutbar .cutbar-content { position: relative; }
.nav-cutbar .cutbar-left { width: 295px; height: 100%; background: #ffd200; }
.nav-cutbar .cutbar-left .lf-cont { display: block; padding: 0 20px; }
.nav-cutbar .cutbar-left .ic { display: inline-block; width: 25px; height: 16px; background: url(../images/nav_qb_icon.png) no-repeat center; margin-top: 15px; }
.nav-cutbar .cutbar-left .qb { display: inline-block; font-size: 18px; color: #333; margin-left: 15px; line-height: 45px; }
.nav-cutbar .cutbar-right { padding-left: 25px; }
.nav-cutbar .cutbar-right .nr-item { margin-right: 10px; position: relative;}
.nav-cutbar .cutbar-right .nr-item:hover .li-drop-box{display: block;}
.hdnav-item:hover .li-drop-box{display: block;}
.global-vip-drop{background-color: #fff;border:1px #e8e8e8 solid;position: absolute;left:-90px;top: 60px;z-index: 2;width: 312px;display: none;}
.global-vip-drop:hover{display: block;}
.global-vip-drop .view-global-vip{display: block;height: 34px;line-height: 32px;font-size: 14px;color:#666;transition: all .2s;text-align: center;}
.global-vip-drop .view-global-vip:hover{background-color: #f8f8f8;}
.nav-cutbar .cutbar-right .nr-item .item-tit { display: block; line-height: 45px; font-size: 16px; color: #333; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; padding: 0 15px; position: relative; }
.nav-cutbar .cutbar-right .nr-item .item-tit .impt-nop { top: 4px; right: -6px; }
.nav-cutbar .cutbar-right .nr-item .item-tit:hover { color: #ff6600; }
.nav-banner { width: 100%; height: 402px; position: relative; }
.nav-main { height: 100%; position: relative; }
.nav-main .nmain-list { width: 295px; height: 100%; background: rgba(0, 0, 0, 0.75); position: absolute; left: 0; top: 0; z-index: 99; }
.nav-main .nml-item { position: relative; }
.nav-main .nml-item .item-tit { padding: 0 20px; height: 67px; cursor: pointer; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.nav-main .nml-item:hover .item-tit { background: #fff; }
.nav-main .nml-item:hover:last-child .item-tit { border-bottom: 1px solid #e9e9e9; line-height:66px; }
.nav-main .nml-item:hover .strong-a { color: #333; }
.nav-main .nml-item:hover .small-box a { color: #333; }
.nav-main .nml-item:hover .arrow { color: #666; }
.nav-main .nml-item:hover .item-drop { display: block; }
.nav-main .nml-item .strong-a { font-size: 18px; color: #fefefe; line-height: 67px; }
.nav-main .nml-item .strong-a:hover { text-decoration: underline; color: #333; }
.nav-main .nml-item .small-box { margin-left: 30px; }
.nav-main .nml-item .small-box a { font-size: 14px; color: #c1c1c1; line-height: 67px; margin-left: 15px; }
.nav-main .nml-item .small-box a:first-child { margin-left: 0; }
.nav-main .nml-item .small-box a:hover { text-decoration: underline; color: #333; }
.nav-main .nml-item .arrow { line-height: 67px; color: #999; }
.nav-main .item-drop { position: absolute; left: 295px; height: 402px; width: 945px; background: #fff; display: none; border: 1px solid #e0e0e0; border-left: none; }
.nav-main .item-drop.drop-one { top: 0; }
.nav-main .item-drop.drop-two { top: -67px; }
.nav-main .item-drop.drop-three { top: -134px; }
.nav-main .item-drop.drop-four { top: -201px; }
.nav-main .item-drop.drop-five { top: -268px; }
.nav-main .item-drop.drop-six { top: -335px; }
.nav-main .item-drop .tags-box { width: 650px; height: 100%; padding: 0 35px; border-right: 1px solid #e0e0e0; }
.nav-main .item-drop .recm-box { width: 292px; height: 100%; }
.nav-main .item-drop .tgbox-top { height: 78px; border-bottom: 1px solid #e0e0e0; }
.nav-main .item-drop .tgbox-top .type-name { line-height: 76px; }
.nav-main .item-drop .tgbox-top .type-name b { font-size: 18px; color: #333; font-weight: normal; margin-right: 25px; }
.nav-main .item-drop .tgbox-top .type-name span { font-size: 16px; color: #666; }
.nav-main .item-drop .tgbox-top .charge-button { display: block; width: 140px; height: 40px; line-height: 40px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 18px; text-align: center; margin-top: 20px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
.nav-main .item-drop .tgbox-top .charge-button.zt-btn { background: #ffd200; color: #333; }
.nav-main .item-drop .tgbox-top .charge-button.hb-btn { background: #40b0ff; color: #fff; }
.nav-main .item-drop .tgbox-top .charge-button.zh-btn { background: #6ebd6b; color: #fff; }
.nav-main .item-drop .tgbox-top .charge-button.rj-btn { background: #ff7c00; color: #fff; }
.nav-main .item-drop .tgbox-top .charge-button.c4d-btn { background: #367de7; color: #fff; }
.nav-main .item-drop .tgbox-top .charge-button.hc-btn { background: #00a99d; color: #fff; }
.nav-main .item-drop .tgbox-top .charge-button.syys-btn { background: #494166; color: #fff; }
.nav-main .item-drop .tgbox-top .charge-button:hover { opacity: .8; }
.nav-main .item-drop .tgbox-bod { padding: 25px 0; }
.nav-main .item-drop .tgbox-bod .bod-item { position: relative; padding-left: 50px; }
.nav-main .item-drop .tgbox-bod .bod-item .bdi-tit { font-size: 14px; color: #333; display: block; width: 50px; text-align: left; position: absolute; left: 0; top: 0; border-right: 1px solid #e0e0e0; margin-top: 4px; }
.nav-main .item-drop .tgbox-bod .bod-item .bdi-mai a { display: inline-block; font-size: 14px; color: #666; padding: 0 10px; margin: 0 5px 15px; line-height: 22px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-border-radius: 14px; border-radius: 14px; position: relative; }
.nav-main .item-drop .tgbox-bod .bod-item .bdi-mai a:hover, .nav-main .item-drop .tgbox-bod .bod-item .bdi-mai a.on { background: #f8f8f8; color: #ff8300; }
.nav-main .item-drop .tgbox-bod .bod-item .bdi-mai a .impt-nop { top: -8px; right: -8px; }
.nav-main .item-drop .recm-box { padding: 20px; position: relative; }
.nav-main .item-drop .recm-box h3 { font-size: 18px; color: #333; font-weight: normal; }
.nav-main .item-drop .recm-box ul { padding: 20px 0; }
.nav-main .item-drop .recm-box li { font-size: 16px; color: #666; margin-top: 18px; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.nav-main .item-drop .recm-box li:first-child { margin-top: 0; }
.nav-main .item-drop .recm-box li:hover a { color: #ff8300; }
.nav-main .item-drop .recm-box .rd-video { width: 252px; height: 146px; position: absolute; left: 20px; bottom: 20px; overflow: hidden; }
.nav-main .item-drop .recm-box .rd-video img { display: block; width: 100%; height: 100%; }
.nav-main .item-drop .recm-box .rd-video .time { display: block; height: 14px; line-height: 14px; font-size: 12px; color: #fff; padding: 0 8px; background: rgba(0, 0, 0, 0.4); position: absolute; bottom: 10px; right: 10px; }
.nav-slide { position: absolute; top: 0; left: 0; right: 0; height: 100%;
overflow: hidden; }
.nav-slide .bd { width: 100%; height: 100%; }
.nav-slide .bd li { width: 100%; float: left; height:402px;}
.nav-slide .bd .img { width: 100%; height: 100%; }
.nav-slide .hd { position: absolute; left: 0; right: 0; bottom: 30px; text-align: center; }
.nav-slide:hover .slide-btn { display: block; }
.nav-slide .slide-btn { width: 43px; height: 68px; position: absolute; top: 50%; display: none; margin-top: -34px; background: url(../images/hk_slide_button.png) no-repeat; z-index: 100; }
.nav-slide .slide-btn.prev { background-position: -90px 0; left: 50%; margin-left: -300px; }
.nav-slide .slide-btn.prev:hover { background-position: 0 0; }
.nav-slide .slide-btn.next { background-position: -135px 0; right: 50%; margin-right: -600px; }
@media only screen and (max-width: 1440px) { .hk-header .hk-search { margin-left: 100px; }
.hk-header .hk-search .search-area { width: 300px; }
.hk-header .hk-search .search-area input[type='text'] { width: 252px; }
.hk-header .hk-operate .notice-infs { padding: 26px 5px 25px; }
.hk-navigation .nav-cutbar .cutbar-left { width: 240px; }
.hk-navigation .nav-cutbar .cutbar-right .nr-item .item-tit { padding: 0 8px; }
.nav-main .nmain-list { width: 240px; }
.nav-main .nml-item .strong-a { font-size: 16px; }
.nav-main .nml-item .small-box { margin-left: 15px; }
.nav-main .nml-item .small-box a { font-size: 12px; margin-left: 5px; }
.nav-main .nml-item .item-drop { width: 760px; left: 240px; }
.nav-main .item-drop .tags-box { width: 518px; padding: 0 20px 0 35px; }
.nav-main .item-drop .recm-box { width: 240px; }
.nav-main .item-drop .tgbox-bod .bod-item .bdi-mai a, .nav-main .item-drop .tgbox-bod .bod-item .bdi-tit { font-size: 12px; }
.nav-main .item-drop .tgbox-bod .bod-item .bdi-mai a { padding: 0 5px; margin: 0 3px 10px; }
.nav-main .item-drop .tgbox-bod .bod-item .bdi-tit { margin-top: 5px; }
.nav-main .item-drop .recm-box .rd-video { width: 202px; height: 120px; }
.nav-slide .slide-btn.prev { margin-left: -230px; }
.nav-slide .slide-btn.next { margin-right: -500px; }
.hk-header.classify-header .hk-head-nav .hdnav-item { margin-right: 10px; }
.hk-header.classify-header .hk-head-nav .hdi-title { font-size: 16px; }
.hk-header.classify-header .hk-search .search-area { width: 202px; }
.hk-header.classify-header .hk-search { margin-left: 35px; }
.hk-header.classify-header .hk-search .search-area input[type='text'] { width: 155px; }
.hk-header.classify-header .hk-head-nav .hdnav-item .hdi-drop .nav-main { left: -161px; }
.hk-header .hk-logo .logo-img-1 { width: 145px; }
.hk-header.classify-header .hk-head-nav { margin-left: 15px; }
.nav-cutbar .cutbar-right .nr-item .item-tit .impt-nop { top: 4px; right: -6px; }
.nav-cutbar .cutbar-right .nr-item .classify-vip-drop{left: -115px;}
.nav-cutbar .cutbar-right .nr-item .classify-vip-drop:before{left: 147px;}
.nr-item .classify-vip-drop .type-box{width: 109px}
.nr-item .classify-vip-drop{width: 502px;}
}
body{overflow-x: hidden;}
#new-header .sj{width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 8px solid #fff;position: absolute;left: 50%;top: 53px;margin-left: -5px;z-index: 10}
#new-header{background-color: #1e1e1e;height: 60px;z-index: 20;position: relative;border-bottom:2px solid #ba0066;}
#new-header .logo{width: 122px;height: 43px;margin-top: 8px;}
#new-header .logo a{display: block;height: 43px;background: url(../images/header-icon-v2.png) -152px -21px;}
#new-header.header-fixed{position: fixed;left: 0;top: 0;width: 100%;-webkit-transform: translateZ(0);}
#new-header.header-fixed .design-course .nav-m{display: none;}
.nav-banner { width: 100%; height: 390px; position: relative; }
.nav-slide { position: absolute; top: 0; left: 0; right: 0; height: 100%;
overflow: hidden; }
.nav-slide .bd { width: 100%; height: 100%; }
.nav-slide .bd li { width: 100%; float: left; height:390px;}
.nav-slide .bd .img { width: 100%; height: 100%; }
.nav-slide .hd { position: absolute; left: 0; right: 0; bottom: 25px; text-align: center;height: 2px;line-height: 2px; }
.nav-slide .hd ul{height: 2px;line-height: 2px;}
.nav-slide .hd li { display: inline-block; margin: 0 4px; width: 20px; height: 20px; cursor: pointer; cursor: pointer;vertical-align: middle;}
.nav-slide .hd li span{height: 2px; display: inline-block;width: 20px;background-color: #ccc}
.nav-slide .hd li.on span{background: #fff;}
.nav-slide:hover .slide-btn { display: block; }
.nav-slide .slide-btn { width: 30px; height: 57px; position: absolute; top: 50%; display: none; margin-top: -27px; background: url(../images/banner-btn.png) no-repeat; z-index: 19; }
.nav-slide .slide-btn.prev { background-position:0 0; left: 50%; margin-left: -620px;opacity: .3 }
.nav-slide .slide-btn.prev:hover { opacity: .7 }
.nav-slide .slide-btn.next { background-position: -33px 0; right: 50%; margin-right: -620px; opacity: .3}
.nav-slide .slide-btn.next:hover { opacity: .7 }
#new-header .nav-list{position: relative;margin-left: 30px;}
#new-header .nav-list .nav-t{font-size: 16px;color:#dcdcdc;height: 60px;display: block;line-height: 60px;position: relative;}
#new-header .nav-list .nav-t .sj{display: none;}
#new-header .nav-list.current .nav-t .sj{display: block}
#new-header .nav-list .nav-t .hot{width: 20px;height: 16px;position: absolute;right: -22px;top: 14px;background: url(../images/header-icon-v2.png) -71px -27px;}
#new-header .nav-list .nav-t:before{content: "";width: 0;left: 50%;position: absolute;top: 0;height: 2px;background: #ffd200;transition: all .2s}
#new-header .nav-list:hover .nav-t:before{left: 0;width: 100%}
#new-header .nav-list .nav-m{position: absolute;z-index: 5;display: none;}
#new-header .nav-list .classify-vip-drop{left: -282px;}
#new-header .nav-list:hover .nav-m{display: block;}
#new-header .nav-list:hover .nav-t .sj{display: block;}
#new-header .design-course .nav-t .sj{border-bottom-color: #ffd200 }
#new-header .design-course .nav-m{height: 40px;width: 5000px;left: -2030px;top: 60px;background: #ffd200;}
#new-header .design-course .nav-m .course-m{padding-left: 140px;}
#new-header .design-course .nav-m .course-list{position: relative;margin-right: 10px;}
#new-header .design-course .nav-m .course-link{padding:0 10px;height: 28px;line-height: 28px;margin-top: 6px;display: block;color:#333333;}
#new-header .design-course .nav-m .course-list:hover .course-link{background: #edaf1a;color:#fff;border-radius: 14px;}
#new-header .design-course .nav-m .course-con{position: absolute;left: 0;top: 40px;background: #fff;width: 450px;padding-bottom: 6px;display: none;box-shadow: 0 3px 3px rgba(0,0,0,.1)}
#new-header .design-course .nav-m .course-list{height: 40px;}
#new-header .design-course .nav-m .course-list:hover .course-con{display: block;}
#new-header .design-course .nav-m .course-con .head{height: 46px;line-height: 44px;border-bottom: 1px #e8e8e8 solid;padding:0 15px;margin-bottom: 6px;}
#new-header .design-course .nav-m .course-con .head p{font-size: 16px;color:#333;}
#new-header .design-course .nav-m .course-con .head p span{font-size:14px;color:#999;padding-left:20px;}
#new-header .design-course .nav-m .course-con .head a.fr{ width: 100px;height: 30px;line-height: 30px;text-align: center;border-radius: 4px; font-size: 12px;color:#fff; margin-top: 7px;transition: all .2s}
#new-header .design-course .nav-m .course-con .head a.fr:hover{opacity: .8}
#new-header .design-course .nav-m .course-list:nth-child(1) .course-con .head a.fr{background: #ffd500 }
#new-header .design-course .nav-m .course-list:nth-child(2) .course-con .head a.fr{background: #40b0ff }
#new-header .design-course .nav-m .course-list:nth-child(3) .course-con .head a.fr{background: #367de7 }
#new-header .design-course .nav-m .course-list:nth-child(4) .course-con .head a.fr{background: #00a99d }
#new-header .design-course .nav-m .course-list:nth-child(5) .course-con .head a.fr{background: #6ebd6b }
#new-header .design-course .nav-m .course-list:nth-child(6) .course-con .head a.fr{background: #b062a3 }
#new-header .design-course .nav-m .course-list:nth-child(7) .course-con .head a.fr{background: #494166 }
#new-header .design-course .nav-m .course-list:nth-child(8) .course-con .head a.fr{background: #d49688 }
#new-header .design-course .nav-m .course-con .course-p{padding:0 15px 0 60px;line-height: 30px;position: relative;}
#new-header .design-course .nav-m .course-con .course-p span{position: absolute;left: 15px;width: 45px}
#new-header .design-course .nav-m .course-con .course-p span:before{content: "";height: 12px;width: 1px;position: absolute;right: 0;top: 10px;background: #e8e8e8;}
#new-header .design-course .nav-m .course-con .course-p a{display: inline-block;padding:0 5px;height: 26px;line-height: 26px;margin: 2px 4px;border-radius: 11px;transition: all .2s}
#new-header .design-course .nav-m .course-con .course-p a:hover{background: #f8f8f8; color: #ff8300;}
#new-header .nav-list .global-vip-drop { width: 330px; margin-left: -145px;background: #fff;box-shadow: 0 3px 3px rgba(0,0,0,.1);left: 34px; }
#new-header .nav-list .global-vip-drop > img { display: block; margin: 20px auto; }
#new-header .nav-list .global-vip-drop > p { font-size: 12px; text-align: center; color: #999; margin-bottom: 15px; }
#new-header .nav-list .global-vip-drop .open { padding: 15px 0; text-align: center; border: 1px solid #e8e8e8; border-left: 0; border-right: 0; }
#new-header .nav-list .global-vip-drop .open .open-btn { display: inline-block; width: 135px; height: 35px; text-align: center; line-height: 35px; font-size: 16px; color: #666; -webkit-border-radius: 2px; border-radius: 2px; background: #ffd500; }
#new-header .nav-list .global-vip-drop .open .open-btn:hover { opacity: .8; filter: alpha(opacity=80); }
#new-header .nav-list .global-vip-drop .view-global-vip { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 14px;background: #fafafa ;transition: all .2s}
#new-header .nav-list .global-vip-drop .view-global-vip:hover{background: #efefef}
#new-header .nav-list .app-download{width: 174px;background: #fff;text-align: center;padding:18px 0 15px;left: -52px;box-shadow: 0 3px 3px rgba(0,0,0,.1)}
#new-header .nav-list .app-download p{font-size: 14px;color:#666;line-height: 22px;margin-top: 5px;}
#new-header .nav-list .app-download a{display: inline-block;width: 112px;height: 34px;border-radius: 17px;text-align: center;line-height: 34px;transition: all .2s;background: #ffd305;font-size: 14px;color:#333333;margin-top: 5px;}
#new-header .nav-list .app-download a:hover{opacity: .8}
#new-header .header-search{width: 150px;height: 30px;line-height: 30px;position: relative;margin:15px 30px 0 0;}
#new-header .header-search .txt{display: block;height: 30px;border:none;border-radius: 15px;font-size: 12px;width: 100%;padding:0 10px 0 34px;}
#new-header .header-search .submit-abtn{width: 14px;height: 13px;top: 8px;left: 10px;background: url(../images/header-icon-v2.png) -51px -27px;position:absolute;}
#new-header .sign{margin-right: 20px;cursor: pointer;}
#new-header .sign .sign-img{width: 17px;height: 17px;margin:13px auto 6px;background: url(../images/header-icon-v2.png) -191px 0;}
#new-header .sign .sign-txt{color:#ffd200;font-size: 12px;}
#new-header .sign.ed{cursor: initial;}
#new-header .sign.ed .sign-img{background-position: -173px 0}
#new-header .sign.ed .sign-txt{color:#999;}
#new-header .user-news{margin-right: 20px;position: relative;height: 60px;}
#new-header .user-news .news-icon{width: 19px;height: 14px;margin:15px auto 6px;background: url(../images/header-icon-v2.png) -153px 0;}
#new-header .user-news .news-txt{color:#999;}
#new-header .user-news .news-icon i{padding:0 2.5px;height: 13px;line-height: 12px;font-size: 12px;background: #f53500;color:#fff;border-radius: 2px;position: absolute;right: -3px;top: 9px;}
#new-header .user-news .news-list{border: 1px solid lightgrey;position: absolute;width: 375px;left: 10px;top: 60px;background: #fff;box-shadow: 0 3px 3px rgba(0,0,0,.1);z-index: 5;left: -278px;overflow: hidden;display: none;}
#new-header .user-news .sj{border-bottom: 6px #fff solid;border-left-width: 4px;border-right-width: 4px;top: 54px;display: none;}
#new-header .user-news:hover .sj,#new-header .user-news:hover .news-list{display: block;}
#new-header .user-news .news-t{height: 36px;line-height: 36px;}
#new-header .user-news .news-t span{ font-size: 14px;color:#666;text-align: center; position: relative;border-bottom:1px #e8e8e8 solid;border-left: 1px #e8e8e8 solid;width: 126px;float: left;background: #fafafa;cursor: pointer;}
#new-header .user-news .news-t span.active{background: #fff;}
#new-header .user-news .news-t span:nth-child(1){margin-left: -1px;width: 124px;}
#new-header .user-news .news-t span i{width: 6px;height: 6px;border-radius: 4px;position: absolute;left: 24px;top: 15px;background: #f53500;}
#new-header .user-news .news-con .list{padding:13px 25px;border-bottom: 1px #e8e8e8 solid;line-height: 24px;position: relative;}
#new-header .user-news .news-con .list dt{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#666;}
#new-header .user-news .news-con .list dt span{color:#999;padding-left: 15px;}
#new-header .user-news .news-con .list dd{color:#999;}
#new-header .user-news .news-con .list a{color:#9e7e6b;}
#new-header .user-news .news-con .list i{width: 6px;height: 6px;border-radius: 4px;position: absolute;left: 10px;top: 50%;margin-top:-3px;background: #f53500;}
#new-header .user-news .news-con .more-news{height: 34px;line-height: 34px;text-align: center;}
#new-header .user-news .news-con .more-news a{display: block;height: 34px;background: #fafafa;transition: all .2s}
#new-header .user-news .news-con .more-news a:hover{background: #e8e8e8;}
#new-header .user-news .news-con .user-avatar{position: absolute;width: 42px;height: 42px;left: 25px;top: 15px;}
#new-header .user-news .news-con .user-avatar img{width: 42px;height: 42px;border-radius: 21px;}
#new-header .user-news .news-con.pl .list{padding-left: 82px;}
#new-header .login{padding-left: 42px;position: relative;height: 60px;line-height: 60px;color:#999;cursor: pointer;}
#new-header .login span{width: 36px;height: 36px;border-radius: 18px;background: url(../images/header-icon-v2.png) -97px -26px;position: absolute;left: 0;top: 12px;}
#new-header .user-info{position: relative;}
#new-header .user-info .user-avatar{width: 36px;height: 60px;position: relative;}
#new-header .user-info .user-avatar img{width: 36px;height: 36px;border-radius: 50%;margin-top: 12px;}
#new-header .user-info .user-avatar .jt{width: 6px;height: 4px;position: absolute;top: 28px;right: -14px;background: url(../images/header-icon.png) -45px -53px;}
#new-header .user-info .user-avatar .sj{border-bottom-width: 6px;border-left-width: 4px;border-right-width: 4px;top: 54px;display: none;}
#new-header .user-info .info-m{border: 1px solid lightgrey;background: #fff;background:rgba(255,255,255,.98);position: absolute;top: 60px;right: -14px;z-index: 5;width: 355px;padding:0 20px 20px;display: none;}
#new-header .user-info:hover .sj,#new-header .user-info:hover .info-m{display: block;}
#new-header .user-info .info-m .user-i{padding:20px 0 16px 65px;border-bottom: 1px #e8e8e8 solid;position: relative;}
#new-header .user-info .info-m .user-i img{position: absolute;left: 0;top: 15px;width: 50px;height: 50px;border-radius: 25px;}
#new-header .user-info .info-m .user-i .user-t{height: 18px;line-height: 18px;}
#new-header .user-info .info-m .user-i .user-t .user-name{ font-size: 16px;color:#333;width: 90px;padding-right:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
#new-header .user-info .info-m .user-i .user-t .user-icon i{background: url(../images/header-icon-v2.png);float: left;margin-right: 6px;}
#new-header .user-info .info-m .user-i .user-t .user-icon i.phoned-icon{width: 15px;height: 16px;background-position: -225px 0;margin-top: 1px;}
#new-header .user-info .info-m .user-i .user-t .user-icon i.phone-icon{width: 15px;height: 16px;background-position: -209px 0;margin-top: 1px;}
#new-header .user-info .info-m .user-i .user-t .user-icon i.svip-icon{width: 16px;height: 18px;background-position: -241px 0}
#new-header .user-info .info-m .user-i .user-t .user-icon i.p-icon{width: 16px;height: 18px;background-position: -258px 0}
#new-header .user-info .info-m .user-i .user-t .user-icon i.vip-icon{width: 16px;height: 18px;background-position: -275px 0}
#new-header .user-info .info-m .user-i .user-t .user-icon i.zvip-icon{width: 16px;height: 18px;background-position: -292px 0}
#new-header .user-info .info-m .user-i .user-t .user-icon i.v-icon{width: 16px;height: 18px;background-position: -246px -95px}
#new-header .user-info .info-m .user-i .quit a{color:#999;}
#new-header .user-info .info-m .user-id{ font-size: 12px;color:#666;line-height: 28px; }
#new-header .user-info .info-m .hkb{width: 118px;height: 25px;line-height: 24px; font-size: 12px;color:#666;padding:0 5px;background: #fff8d9;}
#new-header .user-info .info-m .hkb span{color:#ffa900;}
#new-header .user-info .info-m .surplus{text-align: center;height: 42px;line-height: 40px;border-bottom: 1px #e8e8e8 solid;color:#666;}
#new-header .user-info .info-m .surplus span{padding-left: 25px;}
#new-header .user-info .info-m .vip-info{padding:14px 0;text-align: center;}
#new-header .user-info .info-m .vip-info p{line-height: 24px;color:#999;}
#new-header .user-info .info-m .vip-info p span{padding-left: 4px;color: #ffa900;font-weight: bold;}
#new-header .user-info .info-m .vip-btn a{width: 100%;height: 40px;line-height: 40px;text-align: center; font-size: 18px;color:#333;background: #ffd200;border-radius: 20px;display: block;transition: all .2s}
#new-header .user-info .info-m .vip-btn a:hover{opacity: .8}
#new-header .user-info .info-m .spare-parts{margin-top: 25px;padding-left: 14px;}
#new-header .user-info .info-m .spare-parts a{width: }
#new-header .user-info .info-m .spare-parts a span{background: url(../images/header-icon-v2.png); display: block;margin:0 auto 9px;width: 26px;height: 26px;}
#new-header .user-info .info-m .spare-parts .collect span{background-position:-282px -22px }
#new-header .user-info .info-m .spare-parts .study-ed span{background-position:-282px  -49px}
#new-header .user-info .info-m .spare-parts .myvip span{background-position:-282px  -76px}
#new-header .user-info .info-m .spare-parts a p{color:#666;text-align: center;}
#new-header .user-info .info-m .spare-parts .study-ed{padding:0 30px;margin:0 30px;border-left:1px #e8e8e8 solid;border-right: 1px #e8e8e8 solid;}
#new-header .user-info .info-m .loading{text-align: center;padding:60px 0;}
#new-header .user-news .loading{text-align: center;padding:60px 0;}
@media only screen and (max-width: 1440px) {
#new-header .layout-cont{width: 1245px;}
#new-header .nav-list{margin-left:20px;}
#new-header .design-course .nav-m{height: 40px;left: -817px;top: 60px;background: #ffd200;left: -2140px;width: 3218px}
#new-header .header-search{margin-right: 20px;}
#new-header .nav-list .nav-t{font-size: 14px;}
#new-header .design-course .nav-m .course-list .course-link{font-size: 12px;}
#new-header .design-course .nav-m .course-list{margin-right: 2px;}
#new-header .design-course .nav-m .course-m{padding-left: 1022px;width: 2000px;}
}
.upvip{margin:4px 0 -12px;}
#new-header .user-info .info-m .user-i{border-bottom: none;}
#new-header .user-info .info-m .user-bottom{height: 47px;line-height: 46px;padding:0 19px;background: #f3f4f4;margin:15px -20px -20px;border-top:1px solid #e8e8e8;}
#new-header .user-info .info-m .hkb{width: 212px;}
#new-header .user-info .info-m .hkb a{float: right;color:#ee9d4c;padding-right: 13px;}
#new-header .user-info .info-m .yhj{height: 47px;border-bottom: 1px #e8e8e8 solid;padding:10px 0 10px 75px;position: relative;line-height: 24px;border-top: 1px #e8e8e8 solid;}
#new-header .user-info .info-m .yhj:before{content: "";width: 41px;height: 28px;background: url(../images/yhj.png);position: absolute;top: 9px;left: 0;}
#new-header .user-info .info-m .yhj .uyhj{width: 150px;height: 26px;border-radius: 13px;border:1px #e8e8e8 solid; font-size: 12px;color:#ee9d4c;display: inline-block;text-align: center;transition: all .2s}
#new-header .user-info .info-m .yhj .uyhj:hover{background: #ee9d4c;border-color: #ee9d4c;color:#fff;}
#new-header .user-info .info-m .yhj a.fr{color:#ee9d4c;font-size: 12px;}
#album-win{position: absolute;z-index: 105; width: 280px;border:1px #e8e8e8 solid;border-radius: 1px;padding:14px;background: #fff;left: 40%;top: 40%;}
#album-win:before{content: "";position: absolute;right: 27px;bottom: -8px;width: 14px;height: 8px;background: url(../images/album-win-icon.png) 0 -9px;transform: rotate(180deg)}
#album-win .add-album{height: 30px;}
#album-win .add-album .txt{width: 190px;height: 30px;border:1px #e8e8e8 solid;border-radius: 1px;background: #fcfcfc;color:#666;padding:0 9px;line-height: 28px;}
#album-win .add-album .btn{    pointer-events: initial;width: 55px;border:1px #e8e8e8 solid;background: #f8f8f8;height: 30px;line-height: 28px;border-radius: 1px;color:#999;cursor: pointer;text-align: center;}
#album-win .add-album .btn.pointer{background: #ffd200;border-color: #ffd200;pointer-events: initial;color:#333;}
#album-win .album-plist{border:1px #e8e8e8 solid;margin-bottom: 10px;overflow-y: auto;height: 150px;}
#album-win .album-plist::-webkit-scrollbar{width:4px;background: #e8e8e8}
#album-win .album-plist::-webkit-scrollbar-thumb{width: 4px;border-radius: 1px;background: #c1c1c1;}
#album-win .album-plist .plist{height: 30px;line-height: 30px;color:#666;padding:0 4px 0 9px;transition: background .2s;position: relative;cursor: pointer;}
#album-win .album-plist .plist:hover{background: #f8f8f8;}
#album-win .album-plist .plist .add-album-btn{padding: 0 5px;height: 22px;line-height: 22px;color:#333;background: #ffd500;border-radius: 2px;float: right;margin-top: 4px;display: none;}
#album-win .album-plist .plist:hover .add-album-btn{display: block;}
#album-win .album-plist .album-plist-empty{width: 123px;font-size: 12px;color: #999;margin: 0 auto;padding-top: 46px;}
#album-win .bottom-btn{height: 30px;}
#album-win .bottom-btn span{width: 55px;height: 30px;line-height: 28px;text-align: center;margin-left: 10px;color:#666;border-radius: 1px;cursor: pointer;}
#album-win .bottom-btn span:hover{color:#333;}
#album-win .bottom-btn span.close{background: #f8f8f8;border:1px #e8e8e8 solid;}
#album-win .bottom-btn span.ok{background: #ffd200;border:1px #eec400 solid;}
#album-win .album-plist .plist span{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}
#album-win .album-plist .plist i{font-size: 12px;color:#999;}
.video-detail .video-body .left-foot .album-win-btn{border-color: #dddddd;color:#ddd;transition: all .2s;margin-right: 15px;margin-top: 13px;}
.video-detail .video-body .left-foot .album-win-btn:hover{border-color: #ffd500;color:#ffd500;}
.video-body .left-foot .clect-cut{padding:0 11px;height: 26px;line-height: 24px;border:1px #ffd500 solid;width: auto;color:#ffd500;}
.video-body .left-foot .clect-cut .clect-icon{width: 16px;height: 14px;background: url(../images/collect-icon.png);vertical-align: -2px;color:#ffd500;}
.video-body .left-foot .clect-cut:hover .clect-icon{background: url(../images/collect-icon.png);}
.album-collect-success{position: absolute;left: 919px;top: 793px;height: 34px;line-height: 22px;background: #faf9f0;border-radius: 17px;padding:5px 5px 0 10px;z-index: 11}
.album-collect-success:before{content: "";position: absolute;right: 70px;top: -8px;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #fbf9f0;}
.album-collect-success a{ font-size: 12px;color:#666; }
.album-collect-success a:hover{text-decoration: underline;}
.album-collect-success span{display: inline-block;padding:0 10px;height: 24px;line-height: 24px;background: #fda171;border-radius: 12px;color:#fff;font-size: 12px;margin-left: 10px;vertical-align: top;}
.album-collect-success span:hover{background: #fe9159;cursor: pointer;}
#new-header .header-search .submit-abtn{right: 11px;left: auto;}
#new-header .header-search .txt{padding-left: 12px;}
#new-header .header-search .txt::placeholder{color:#999;}
#new-header .header-search{width: auto;}
#new-header .header-search .txt{width:200px;transition: width .2s}
#new-header .header-search .search-win{position: absolute;left: 0;top: 29px;z-index: 10}
#new-header .header-search .search-win .search-list{position: relative;top: 16px;background:rgba(255,255,255,.98);width: 220px;border:1px #e8e4e5 solid;padding:4px 0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff);}
#new-header .header-search .search-win .search-list:before{content: "";width: 14px;height: 9px;position: absolute;background: url(../images/header-icon.png) -327px -13px;left: 49px;top: -9px;}
#new-header .header-search .search-win .search-list .list-head{height: 24px;line-height: 22px;padding:0 9px;background: #f4f4f4;}
#new-header .header-search .search-win .search-list .list-head h3{ font-size: 12px;color:#999999;font-weight: normal;position: relative;padding-left: 18px; }
#new-header .header-search .search-win .search-list .list-head h3:before{content: "";width: 13px;height: 13px;background: url(../images/header-icon.png);position: absolute;left: 0;top: 5px;}
#new-header .header-search .search-win .search-list .list-head h3.visi:before{background-position: -311px 0}
#new-header .header-search .search-win .search-list .list-head h3.hot:before{background-position: -311px -14px}
#new-header .header-search .search-win .search-list .list-head .empty-btn{font-size: 12px;color:#999;position: relative;z-index: 2}
#new-header .header-search .search-win .search-list .list-head .empty-btn:hover{color:#ff7700;}
#new-header .header-search .search-win .search-list .list-m{padding:7px 0;}
#new-header .header-search .search-win .search-list .list-m p{height: 26px;line-height: 26px;padding:0 9px;}
#new-header .header-search .search-win .search-list .list-m p:hover{background: #f8f8f8;cursor: pointer;}
#new-header .header-search .search-win .search-list .list-m p a{color:#999;font-size: 12px;display: block;width: 180px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#new-header .header-search .search-win .search-list .list-m p i{width: 15px;height: 15px;border-radius: 2px;display: inline-block;margin-right: 8px;text-align: center;line-height: 14px;font-size: 12px;color:#fff;background: #dbdbdb;  }
#new-header .header-search .search-win .search-list .list-m.hotm p:nth-child(-n+3) a i{background: #ff7700;}
#new-header .header-search .search-win .search-list .list-m.hotm p:nth-child(-n+3) a{color:#ff7700;}
#new-header .header-search .search-win .search-list .list-m p .close{width: 10px;height: 10px;background: url(../images/header-icon.png) -328px 0;margin-top: 8px;}
#new-header .nav-list .nav-t .hot{background: url(../images/hot.png);width: 36px;height: 15px;top: 6px}
#new-header .nav-list .dian span{width: 4px;height: 4px;display: inline-block;background: #fff;border-radius: 2px;margin-right: 4px;vertical-align: 4px;}
#new-header .nav-list .more-nav{border:1px #e8e8e8 solid;background: #fff;border:1px #e8e8e8 solid;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;width: 130px;padding:4px 0;left: -15px;}
#new-header .nav-list .more-nav a{display: block;height: 35px;line-height: 34px;padding-left: 18px;font-size: 16px;color:#666;}
#new-header .nav-list .more-nav a:hover{background: #ffd200;color:#333;}
#new-header .nav-list.bwidth:hover{width:50px; }
#new-header .nav-list.bwidth:hover .nav-t:before{width: 24px;}
#new-header .nav-list.bwidth .nav-t:before{left: 0px;}
@keyframes cg{
0{transform: rotate(0);}
100%{transform: rotate(360deg);}
}
#new-header .nav-list .top-con .course-con{position: absolute;left: 0;top: 60px;background: #fff;width: 450px;padding-bottom: 6px;display: none;box-shadow: 0 3px 3px rgba(0,0,0,.1);z-index: 5;}
#new-header .nav-list:hover .top-con .course-con{display: block;}
#new-header .nav-list .top-con .course-con .head{height: 46px;line-height: 44px;border-bottom: 1px #e8e8e8 solid;padding:0 15px;margin-bottom: 6px;}
#new-header .nav-list .top-con .course-con .head p{font-size: 16px;color:#333; }
#new-header .nav-list .top-con .course-con .head p span{font-size:14px;color:#999;padding-left:20px;}
#new-header .nav-list .top-con .course-con .head a.fr{ width: 100px;height: 30px;line-height: 30px;text-align: center;border-radius: 4px; font-size: 12px;color:#fff; margin-top: 7px;transition: all .2s}
#new-header .nav-list .top-con .course-con .head a.fr:hover{opacity: .8}
#new-header .nav-list .top-con .course-con .head a.fr{background: #ff7c00;}
#new-header .nav-list .top-con .course-con .course-p{padding:0 15px 0 13px;line-height: 30px;position: relative;}
#new-header .nav-list .top-con .course-con .course-p span{position: absolute;left: 15px;width: 45px}
#new-header .nav-list .top-con .course-con .course-p span:before{content: "";height: 12px;width: 1px;position: absolute;right: 0;top: 10px;background: #e8e8e8;}
#new-header .nav-list .top-con .course-con .course-p a{display: inline-block;padding:0 5px;height: 26px;line-height: 26px;margin: 2px 4px;border-radius: 11px;transition: all .2s}
#new-header .nav-list .top-con .course-con .course-p a:hover{background: #f8f8f8; color: #ff8300;}
#new-header .user-info .info-m .user-i .user-t .day-check-button{padding:0 10px;height: 18px;line-height: 18px;border-radius: 9px;background: #ffd500;font-size: 12px;color:#333;}
#new-header .user-info .info-m .user-i .user-t .day-check-button.ed{background: #dddddd;}
#new-header .app-d{margin-right: 20px;position: relative;height: 60px;}
#new-header .app-d .app-icon{width: 20px;height:21px;margin:10px auto 5px;background: url(../images/header-icon-v2.png) -12px -44px;}
#new-header .app-d .app-txt{color:#999;text-align: center;}
#new-header .app-d .app-icon i{padding:0 2.5px;height: 13px;line-height: 12px;font-size: 12px;background: #f53500;color:#fff;border-radius: 2px;position: absolute;right: -3px;top: 9px;}
#new-header .app-d .app-download{width: 174px;background: #fff;text-align: center;padding:18px 0 15px;left: -59px;box-shadow: 0 3px 3px rgba(0,0,0,.1);top: 60px;position: absolute;z-index: 5;display: none;}
#new-header .app-d .app-download p{font-size: 14px;color:#666;line-height: 22px;margin-top: 5px;}
#new-header .app-d .app-download a{display: inline-block;width: 112px;height: 34px;border-radius: 17px;text-align: center;line-height: 34px;transition: all .2s;background: #ffd305;font-size: 14px;color:#333333;margin-top: 5px;}
#new-header .app-d .app-download a:hover{opacity: .8}
#new-header .app-d .sj{border-bottom: 6px #fff solid;border-left-width: 4px;border-right-width: 4px;top: 54px;display: none;}
#new-header .app-d:hover .app-icon{background-position: -33px -44px;}
#new-header .app-d:hover .app-txt{color:#ffd500;}
#new-header .app-d:hover .sj,#new-header .app-d:hover .app-download{display: block;}
.slide-box { width: 100%; height: 350px; position: relative; overflow: hidden; }
.slide-box:hover .cut-btn { opacity: .6; }
.slide-box .bd { position: relative; zoom: 0; }
.slide-box .bd li { float: left; width: 100%; height: 350px; }
.slide-box .bd li .img { display: block; width: 100%; height: 100%; }
.slide-box .hd { position: absolute; bottom: 20px; left: 0; right: 0; text-align: center; }
.slide-box .hd ul { display: inline-block; padding: 4px 30px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background: rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); }
.slide-box .hd li { display: inline-block; width: 9px; height: 9px; -webkit-border-radius: 50%; border-radius: 50%; background: #ccc; margin: 0 2px; cursor: pointer; -webkit-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in; opacity: .7; }
.slide-box .hd li:hover, .slide-box .hd li.on { width: 35px; -webkit-border-radius: 12px; border-radius: 12px; background: #eee; }
.slide-box .cut-btn { position: absolute; top: 50%; margin-top: -22px; left: 50%; opacity: 0; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; }
.slide-box .cut-btn .cut-btn-icon { display: block; width: 25px; height: 45px; background: url(../images/hk_new_index_icons.png) no-repeat; }
.slide-box .prev { margin-left: -620px; }
.slide-box .prev .cut-btn-icon { background-position: 0 -61px; }
.slide-box .prev:hover .cut-btn-icon { background-position: -65px -61px; }
.slide-box .next { margin-left: 595px; }
.slide-box .next .cut-btn-icon { background-position: -35px -61px; }
.slide-box .next:hover .cut-btn-icon { background-position: -100px -61px; }
.sub-bar { padding: 30px 0; }
.sub-bar .bar-item { width: 295px; height: 51px; margin-right: 20px; }
.sub-bar .bar-item.last-baritem { margin-right: 0; }
.sub-bar .bar-item:last-child { margin-right: 0; }
.sub-bar .bar-item .bar-icons { vertical-align: middle; display: inline-block; margin-right: 15px; width: 51px; height: 51px; background: url(../images/hk_new_index_icons.png); }
.sub-bar .bar-item .bar-icons.icon-1 { background-position: 0 0; }
.sub-bar .bar-item .bar-icons.icon-2 { background-position: -61px 0; }
.sub-bar .bar-item .bar-icons.icon-3 { background-position: -122px 0; }
.sub-bar .bar-item .bar-icons.icon-4 { background-position: -183px 0; }
.sub-bar .bar-item .bar-info { vertical-align: middle; display: inline-block; }
.sub-bar .bar-item .bar-info p { font-size: 16px; color: #999; line-height: 24px; }
.sub-bar .bar-item .bar-info .info-tit { color: #666; }
.web-module { margin-bottom: 25px; }
.web-module ul { margin-right: -20px; width: 104%\9; }
.web-module .module-item { width: 295px; height: 100px; overflow: hidden; margin-right: 20px; }
.web-module .module-item.last-module, .web-module .module-item:last-child { margin-right: 0; }
.web-module .module-item img { display: block; width: 100%; height: 100%; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }
.web-module .module-item:hover img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); }
.view-more .vm-btn { display: block; width: 120px; height: 40px; border: 1px solid #eee; background: #fff; color: #666; line-height: 40px; text-align: center; margin: 20px auto; }
.view-more .vm-btn:hover { background: #ffd500; color: #fff; }
.teacher-intro { padding-bottom: 20px; }
.teacher-intro .intro-title { padding: 40px 0 30px; }
.teacher-intro .intro-title h2 { text-align: center; font-size: 30px; color: #333; margin-bottom: 20px; font-weight: normal; }
.teacher-intro .intro-title p { text-align: center; font-size: 16px; color: #999; }
.teacher-intro .intro-list { margin-right: -20px; width: 104%\9; }
.teacher-intro .intro-item { position: relative; width: 398px; height: 127px; border: 1px solid #eee; margin: 0 20px 20px 0; }
.teacher-intro .intro-item:before { content: ''; width: 0; height: 3px; background: #ffd500; position: absolute; left: 0; bottom: -3px; -webkit-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; }
.teacher-intro .intro-item:hover:before { width: 100%; }
.teacher-intro .intro-item .show { width: 125px; height: 125px; position: absolute; left: 0; top: 0; }
.teacher-intro .intro-item .show img { display: block; width: 100%; height: 100%; }
.teacher-intro .intro-item .info { margin-left: 134px; }
.teacher-intro .intro-item .info h3 { line-height: 34px; margin-bottom: 10px; font-size: 16px; color: #666; font-weight: normal; }
.teacher-intro .intro-item .info .intro-words { width: 262px; height: 80px; text-align: left; display: table-cell; vertical-align: bottom; }
.teacher-intro .intro-item .info p { font-size: 12px; color: #999; line-height: 20px; max-width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.official-active ul { margin-right: -20px; width: 104%\9; padding: 20px 0; }
.official-active .active-item { width: 295px; height: 160px; overflow: hidden; margin-right: 20px; }
.official-active .active-item:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.official-active .active-item:last-child, .official-active .active-item.last-item { margin-right: 0; }
.official-active img { display: block; width: 100%; height: 100%; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }
.num-running { background: #fff; }
.num-running .section-title { padding: 45px 0 70px; }
.num-running .section-title h2 { text-align: center; font-size: 30px; color: #333; margin-bottom: 20px; font-weight: normal; }
.num-running .section-title p { text-align: center; font-size: 16px; color: #999; }
.num-running .section-row { margin-bottom: 40px; }
.num-running .section-row .row-cols { width: 33.33%; }
.num-running .section-row .num1, .num-running .section-row .num2, .num-running .section-row .num3 { width: 342px; margin: 0 auto; padding-top: 10px; color: #9a9a9a; }
.num-running .section-row .num1 span, .num-running .section-row .num2 span, .num-running .section-row .num3 span { font-size: 78px; }
.num-running .section-row .num1 p, .num-running .section-row .num2 p, .num-running .section-row .num3 p { margin: 30px 0 20px; font-size: 16px; color: #333; }
.num-running .section-row .num1 { border-top: 3px solid #fd6a7f; }
.num-running .section-row .num1 span { color: #fd6a7f; }
.num-running .section-row .num2 { border-top: 3px solid #70c3ff; }
.num-running .section-row .num2 span { color: #70c3ff; }
.num-running .section-row .num3 { border-top: 3px solid #89d04f; }
.num-running .section-row .num3 span { color: #89d04f; }
.pub-title { padding-top: 10px; height: 49px; line-height: 38px; border-bottom: 1px solid #eee; margin-bottom: 20px; }
.pub-title h3 { font-size: 18px; display: inline-block; color: #333; font-weight: normal; position: relative; }
.pub-title h3 .new-tb { position: absolute; right: -35px; top: -8px; padding: 2px 5px; font-size: 12px; line-height: 14px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); color: #fff; -webkit-border-radius: 4px; border-radius: 4px; background: #f44336; z-index: 5; }
.pub-title h3 .new-tb:after { bottom: -4px; left: 3px; border-top: 0 solid transparent; border-right: 0 solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #E95F1E; border-width: 4px; margin-left: 0px; }
.pub-title .tit-nav { display: inline-block; margin-left: 20px; }
.pub-title .tit-nav li { display: inline-block; margin: 0 8px; }
.pub-title .tit-nav li:hover > a, .pub-title .tit-nav li.on > a { color: #666; border-bottom: 3px solid #ffd500; }
.pub-title .tit-nav li > a { display: block; font-size: 14px; line-height: 28px; color: #999; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; border-bottom: 3px solid transparent; }
.pub-title .update-num { color: #999; margin-right: 20px; }
.pub-title .update-num em { color: #ffa900; font-weight: normal; }
.pub-title .more { color: #999; }
.pub-title .more:hover { color: #ffa900; }

.pic-title { padding-top: 10px; height: 49px; line-height: 38px; border-bottom: 1px solid #eee; margin-bottom:0px; }
.pic-title h3 { font-size: 18px; display: inline-block; color: #333; font-weight: normal; position: relative; }
.pic-title h3 .new-tb { position: absolute; right: -35px; top: -8px; padding: 2px 5px; font-size: 12px; line-height: 14px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); color: #fff; -webkit-border-radius: 4px; border-radius: 4px; background: #f44336; z-index: 5; }
.pic-title h3 .new-tb:after { bottom: -4px; left: 3px; border-top: 0 solid transparent; border-right: 0 solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #E95F1E; border-width: 4px; margin-left: 0px; }
.pic-title .tit-nav { display: inline-block; margin-left: 20px; }
.pic-title .tit-nav li { display: inline-block; margin: 0 8px; }
.pic-title .tit-nav li:hover > a, .pic-title .tit-nav li.on > a { color: #666; border-bottom: 3px solid #ffd500; }
.pic-title .tit-nav li > a { display: block; font-size: 14px; line-height: 28px; color: #999; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; border-bottom: 3px solid transparent; }
.pic-title .update-num { color: #999; margin-right: 20px; }
.pic-title .update-num em { color: #ffa900; font-weight: normal; }
.pic-title .more { color: #999; }
.pic-title .more:hover { color: #ffa900; }
.not-data{color: red; height: 200px;line-height: 200px; width: 1238px;border: 1px solid #eee;}

@media only screen and (max-width: 1440px) {  
.slide-box .prev { margin-left: -500px; }
.slide-box .next { margin-left: 495px; }
.sub-bar .bar-item { width: 243px; margin-right: 9px; }
.sub-bar .bar-item .bar-info p { font-size: 14px; }
.sub-bar .bar-item .bar-icons { margin-right: 5px; }
.web-module .module-item { width: 243px; height: 82px; margin-right: 10px; }
.num-running .section-row .num1, .num-running .section-row .num2, .num-running .section-row .num3 { width: 320px; }
.sub-bar .bar-item .bar-info p span{color:#ff7b33;padding:0 4px;}
.pub-title{position: relative;}
.pub-title .new-tips{height: 42px;line-height: 42px;border-radius: 21px;background: #4e4e4e;position: absolute;right: 60px;padding:0 10px 0 20px; font-size: 12px;color:#fff;bottom: 0}
.pub-title .new-tips .notice{color: white}
.pub-title .new-tips .tolook{display: inline-block;background: #ffd200;width: 62px;height: 26px;line-height: 26px;text-align: center;border-radius: 13px; color: #333;margin-left: 16px;}
.pub-title .new-tips .tolook:hover{background: #ffe155}
.not-data{width:1245px;}

}


.copyright-tips {
width: 100%;
margin: 0 auto 0;
height: 40px;
background:#ffeee1;
overflow: hidden;
}

.copyright-tips .layout-cont {
width: 1245px;
height: 40px;
margin: auto;
line-height: 40px;
font-size: 14px;
color: #ad547b;
}

.copyright-tips .layout-cont span {
display: inline-block;
float: left;
margin-right: 10px;
}

.copyright-tips .layout-cont ul {
display: inline-block;
width:90%;
}
.copyright-tips .layout-cont ul a{
color: #ad547b;
display: block;
}

.tips-box {
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
background: rgba(0,0,0,.5);
left: 0;
right: 0;
bottom: 0;
z-index:999;

}
.tips-bg{
width: 100%;
height: 100%;
position: absolute;
top: 0;
background: rgba(0,0,0,.5);
left: 0;
right: 0;
bottom: 0;
}
.tipsBox{
width: 500px;
border-radius: 25px;
background: #fff;
border: 1px solid #d9d9d9;
position: fixed;
top: 50%;
left: 50%;
margin-left: -250px;
margin-top: -180px;
}
.tipsBox p{
line-height: 40px;
border-bottom: 1px solid #ddd;
padding-left: 30px;
font-size: 16px;
}
.tips{
padding:20px 30px;
line-height: 25px;
min-height:90px;

margin: auto;
}


.tips-box li {
line-height: 25px;
margin-bottom: 10px;
font-size: 16px;
}