@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(../img/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(../img/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(../img/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%;-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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/rul-btn-left.png) no-repeat center;left:-18px;}
.header .head-group .user-main .user-drop .vip-box .rul-btn.next-btn { background:url(../img/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(../img/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(../img/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%;margin-top:30px;}
.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(../img/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(../img/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:220px;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("../img/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%;object-fit:cover;}
.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:100%;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(../img/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(../img/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(../img/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;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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/impt_nop_hot_big.png) no-repeat center;top:10px;right:-10px;}
.impt-nop.hot-small { width:21px;height:11px;background:url(../img/impt_nop_hot_small.png) no-repeat center;top:4px;right:-6px;}
.impt-nop.impt-new { width:22px;height:11px;background:url(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/rul-btn-left.png) no-repeat center;left:-18px;}
.hk-header .user-status .user-drop .vip-box .rul-btn.next-btn { background:url(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/collect-icon.png);vertical-align:-2px;color:#ffd500;}
.video-body .left-foot .clect-cut:hover .clect-icon{background:url(../img/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(../img/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(../img/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(../img/header-icon.png) -328px 0;margin-top:8px;}
#new-header .nav-list .nav-t .hot{background:url(../img/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:550px;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{float:left;display:inline-block;padding:0 5px;height:30px;line-height:30px;margin:8px 4px 2px 4px;border-radius:11px;transition:all .2s}
#new-header .nav-list .top-con .course-con .course-p a:hover{background:#333;color:#ff0000;}
#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(../img/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(../img/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(../img/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 {line-height:40px;border-bottom:1px solid #eee;margin-bottom:10px;}
.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:1245px;
	margin:20px auto 0 auto;
	height:40px;
	background:#ffeee1;
	overflow:hidden;
	padding:0 20px;
}

.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;
}


.detail_list_box {
    padding-top:20px;
}
.detail_list {
    width:100%;
    position:relative;
    margin:0 auto;
    padding-bottom:35px;
}
.content_box {
    width:1245px;
    margin:auto;
}
.fl {
    float:left;
}
.content_thumb {
    width:100%;
    margin-top:-1.2rem;
}
.vodlist_thumb {
    position:relative;
    display:block;
    padding-top:60%;
    background:url(../img/main_pic.jpg) no-repeat #ebebeb;
    background-position:50% 50%;
    background-size:cover;
    border-radius:4px;
    overflow:hidden;
}
.vodlist_thumb .play, .balist_thumb .play, .topiclist_thumb .play, .artlist_thumb .look {
    position:absolute;
    top:0;
    z-index:1;
    width:100%;
    height:100%;
    background-size:25% 25%;
    opacity:0;
    filter:alpha(opacity=0);
    transition:opacity 300ms linear;
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5);
    transform:scale(1.5);
    -webkit-transition:all ease-out .35s;
    transition:all ease-out .35s;
}
.vodlist_thumb .play, .balist_thumb .play, .topiclist_thumb .play {
    background:rgba(0,0,0,0.4) url(../img/play.svg) center no-repeat;
}
.content_top {
    margin-top:20px;
}

.content_detail {
    width:calc(100% - 10px);
    padding:0;
}
.pannel_head {
    margin:10px 0;
    line-height:26px;
}
.pannel_head p{color:#fff;margin:10px 0;}
.content_detail .title {
    color:#fff;
    font-size:26px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:200;
}
.pannel_head .title {
    margin:0;
}
.content_detail .data {
    display:block;
    margin-bottom:10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#ffffff;
}
.content_detail .data .text_muted{
	color:#ffffff;
	font-size:15px;
}
.content_detail .data a{
	color:#ffa900;
	font-size:15px;
}
.content_detail .data .data_style{
	color:#ffa900;
	font-size:15px;
}
.video-detail {
    background:#191919;
    padding-bottom:10px;
    padding-top:10px;
}
.content_min {
    margin-top:20px;
}
.content_detail .playbtn {
    float:left;
    margin-right:0.5rem;
}
.content_detail .playbtn a{
    display:block;
    width:118px;
    line-height:34px;
    text-align:center;
    border-radius:4px;
    background:#ff5f00;
    color:#ffffff;
    border:1px solid #ff5f00;
}
.content_detail .playbtn i {
    vertical-align:top;
    font-size:0.3rem;
}
.bookMain{
	height:auto;
	color:#ffffff;
	line-height:30px;
	font-size:15px;
	padding:0 15px;
	background:#26262b;
}
.bookMain img{
	width:100%;
}
.full-top{margin-top:20px;}
.full-bottom{margin-bottom:20px;}
.imgPlay {width:100%;height:100%;} 
.imgPlay img{margin:5px;max-width:310px;_width:expression(this.width > 310 ? "310px" :this.width);}
.post-title {display:block;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;overflow:hidden;width:100%;}
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-play{padding-bottom:56.25%}
.embed-responsive-headphones{padding-bottom:20%}
.embed-responsive-4by3{padding-bottom:70%}
.propa_left1,.propa_left2,.propa_left3{z-index:9999;}
.propa_right1,.propa_right2,.propa_right3{z-index:9999;}
.propa_bottom{z-index:9999;}
.color-white{color:#fff!important}
.opacity-50{opacity:.5}
.bg-highlight{background-color:#1c212a!important;color:#fff}
.pagination-round a{border-radius:35px}
.pagination{width:100%;text-align:center;margin-bottom:20px;}
.pagination a{color:#000;font-size:12px;display:inline-block;width:35px;line-height:33px;height:35px;margin:20px 5px 5px 0;border:1px solid rgba(0,0,0,.06)}
.btn-submit{width:100%;text-align:center;padding:10px;transition:all .1s linear;display:inline-block;background:#222;color:#fff;border:none;font-weight:500;cursor:pointer;border-radius:3px}
.btn-submit:hover{background:#E93255;color:#fff}.btn-submit:focus{outline:0}button{border:none;cursor:pointer}
.goog-te-banner-frame {display:none;}
#google_translate_element2 {display:none;}