@charset "utf-8";
/* Source: css/common.css*/
@charset "utf-8";
html {
background:#ffffff;
color:#3c3c3c;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
-webkit-font-smoothing: antialiased;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
margin:0;
padding:0;
}
body,button,input,select,textarea {
font: 12px/1.5 \5FAE\8F6F\96C5\9ED1,arial,sans-serif;
}
input,select,textarea {
font-size:100%;
}
table {
border-collapse:collapse;
border-spacing:0;
}
th {
text-align:inherit;
}
fieldset,img {
border:none;
}
iframe {
display:block;
}
abbr,acronym {
border:none;
font-variant:normal;
}
del {
text-decoration:line-through;
}
address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:500;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:500;
}
q:before,q:after {
content:'';
}
sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}
sup {
top:-0.5em;
}
sub {
bottom:-0.25em;
}
a:hover {
text-decoration: none;
}
ins,a {
text-decoration: none;
}
a:focus,*:focus {
outline:none;
}
.clearfix:before,.clearfix:after {
content:"";
display:table;
}
.clearfix:after {
clear:both;
overflow:hidden;
}
.clearfix {
zoom:1;
}
.clear {
clear:both;
display:block;
font-size:0;
height:0;
line-height:0;
overflow:hidden;
}
.fl,.fr {
display:inline;
}
.fl {
float:left;
}
.fr {
float:right;
}
.hide {
display:none !important;
}
.block {
display:block;
}
.scroll-none {
overflow: hidden;
}
.scroll-all {
overflow: auto;
}
.scroll-x {
overflow-x: auto;
overflow-y: hidden;
}
.scroll-y {
overflow-x: hidden;
overflow-y: auto;
}
button {
/* IE67会比一般的按钮大的 bug */
*overflow: visible;
*font-size: 90%;
}
textarea {
resize: none;
padding: 0px;
margin: 0px;
}
/* 单行文字溢出省略号 */
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
word-break: keep-all;
}
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}
html {
background: #f2f2f2;
}
body, button, input, select, textarea {
font: 12px/1.5 \5FAE\8F6F\96C5\9ED1,arial,sans-serif;
}
body {
-webkit-font-smoothing: antialiased;
}
#header {
position: fixed;
top: 0;
left: 0;
z-index: 500;
}
#mainbody {
margin-top: 68px;
*margin-top : 0px;
*top : 68px;
*position:relative;
overflow-x: hidden;
overflow-y: auto;
}
#left {
*z-index : 99;
}
.padding-left0 {
padding-left : 0px !important;
}
.padding-right0 {
padding-right : 0px !important;
}
.margin-top6 {
margin-top: 6px !important;
}
.margin-bottom80 {
margin-bottom:80px !important;
}
.vhide {
visibility: hidden !important;
}
.pop-zoom-container {
position: fixed;
left: 50%;
top: 50%;
margin-left: -14.062%;
margin-top: -10.078%;
width: 28.125%;
height: 20.156%;
z-index: 4666;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.pop-zoom-container .pop-zoom,.pop-cookie-container .pop-cookie {
width: 100%;
height: 100%;
}
.pop-zoom-container .pop-zoom-bg,.pop-cookie-container .pop-cookie-bg {
display: block;
width: 100%;
height: 100%;
}
.pop-zoom-container .pop-zoom-close{
position: absolute;
right: 1.296%;
top: 1.136%;
width: 5.556%;
height: 6.818%;
cursor: pointer;
opacity: 0;
filter:alpha(opacity=0);
z-index: 3;
}
.pop-zoom-container .pop-zoom-hide {
*background: url(about:blank);
position: absolute;
left: 31.113%;
bottom: 3.935%;
width: 39.259%;
height: 9.259%;
cursor: pointer;
overflow: hidden;
z-index: 3;
}
.pop-cookie-container{
position: fixed;
left: 50%;
top: 50%;
margin-left: -270px;
margin-top: -199px;
width: 540px;
height: 398px;
z-index: 511;
}
.pop-cookie-container .pop-cookie-close{
position: absolute;
right: 7px;
top: 6px;
width: 30px;
height: 30px;
cursor: pointer;
opacity: 0;
filter:alpha(opacity=0);
}
.pop-cookie-container .pop-cookie-login{
position: absolute;
left: 207px;
bottom: 15px;
width: 129px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #ff7700;
font-size: 22px;
color: #fff;
border-radius: 6px;
cursor: pointer;
}
/* Source: css/com/header.css*/
input::-ms-clear {
display: none;
}
[data-diy="1"] #mainbody {
margin-top: 0 !important;
}
#header {
width: 100%;
height: 50px;
background: #f5f5f5;
border-bottom: 1px solid #d1d1d1;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
#header .placeholder { color: #aaa; }
#header .icofont {
display: inline-block;
width: 18px;
height: 20px;
background: url(../../res/com/head-icos.png?20161228) no-repeat -500px -500px;
}
#header .head {
margin: 0 auto;
width: 1493px;
position: relative;
z-index: 103;
height: 50px;
}
#header .head-logo {
display: block;
height: 50px;
width: 88px;
background: url(../../res/com/logo_v1.png?20190102) left center no-repeat;
}
#header .head-logo a{
display: inline-block;
zoom: 1;
}
#header .head-logo .header-vam{
display: inline-block;
zoom: 1;
width: 0;
height: 100%;
}
#header .head-nav {
padding: 10px 0 0 39px;
height: 40px;
position: relative;
}
#header .w1520head,#header .w1366head{
width: 1200px;
}
#header .w1520head .head-logo,#header .w1366head .head-logo{
margin-left : 0px;
}
#header .head-nav>li {
font-size: 20px;
line-height: 30px;
width: 63px;
height: 30px;
margin: 0 8px;
text-align: center;
position: relative;
}
#header .head-nav>li>a {
display: block;
color: #444;
}
#header .head-nav>li>a:hover{
color: #ff630e;
}
#header .head-nav>li.current a {
color: #fff;
background: #ff630e;
border-radius : 3px;
}
#header .head-nav .assort > i {
position: absolute;
right: -12px;
top: 7px;
width: 20px;
height: 20px;
overflow: hidden;
padding: 0;
line-height: normal;
transition: transform 300ms ease-in-out;
-o-transition: -o-transform 300ms ease-in-out;
-moz-transition: -moz-transform 300ms ease-in-out;
-webkit-transition: -webkit-transform 300ms ease-in-out;
}
/* #header .head-nav .assort.current > i,
#header .head-nav .funny.current > i {
right: -20px;
} */
#header .head-nav .video-entry{
width: auto;
margin-left: 20px;
}
#header .head-nav .video-entry .video-entry-icon{
position: absolute;
top: -7px;
right: -18px;
width: 18px;
height: 20px;
background-image: url('../../res/com/ventryicon.png?20171125');
background-repeat: no-repeat;
background-size: 100% 100%;
display: none;
}
/* #header .head-nav .video-entry .video-entry-guide{
position: absolute;
top: 7px;
left: 50%;
margin-left: -192px;
width: 385px;
height: 228px;
background-image: url('../../res/com/vguide.png?20171125');
background-repeat: no-repeat;
background-size: 100% 100%;
}
#header .head-nav .video-entry .video-entry-guide .close-btn{
position: absolute;
top: 74px;
right: -4px;
width: 28px;
height: 28px;
background-image: url('../../res/com/vguideclosebtn.png?20171125');
background-repeat: no-repeat;
background-size: 100% 100%;
}
#header .head-nav .video-entry .video-entry-guide .close-btn:hover{
background-image: url('../../res/com/vguideclosebtnhover.png?20171125');
} */
#header .head-nav>li.funny {
margin-left:15px;
}
#header .head-nav .funny .g_hot_icon,
#header .head-nav .yugou-mall .mall-icon {
display: block;
width: 22px;
height: 16px;
background: url(../../res/com/hot-ico.png?20170526) no-repeat;
position: absolute;
top: -2px;
right: -12px;
}
#header .head-nav .yugou-mall .mall-icon {
background: url(../../res/com/mall-icon.png?20170526) no-repeat;
}
#header .head-nav .assort .a-pop {
padding: 10px 15px 12px;
width: 247px;
position: absolute;
right: -107px;
top: 40px;
display: none;
background: #fff;
border: 1px solid #dddddd;
border-bottom-left-radius : 4px;
border-bottom-right-radius : 4px;
}
#header .head-nav .assort .a-pop>i {
width: 0;
height: 0;
position: absolute;
top: -7px;
right: 50%;
margin-right : -7px;
border-top: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ddd;
}
#header .head-nav .assort .a-pop>i:after{
content: '';
width: 0;
height: 0;
position: absolute;
top: 1px;
right: -7px;
border-top: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #fff;
}
#header .head-nav .assort .a-list h3 {
margin: 8px 0 4px 0;
color: #444;
font-size: 14px;
line-height: 22px;
font-weight: bold;
font-family: "microsoft yahei";
text-align: left;
}
#header .head-nav .assort .a-list .btns {
width: 250px;
overflow: hidden;
}
#header .head-nav .assort .a-list .btns li {
float: left;
padding: 0 3px 3px 0;
}
#header .head-nav .assort .a-list .btns li a {
display: block;
padding: 0;
width: 80px;
height: 24px;
background: #ececec;
border: none;
font-size: 12px;
line-height: 24px;
color: #797979;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-align: center;
border-radius: 3px;
}
#header .head-nav .assort .a-list .btns li a:hover {
border: none;
background: #ff7700;
color: #FFF;
}
#header .head-nav .assort .a-list .btn-all>a {
display: block;
margin-top: 10px;
height: 24px;
background: #f70;
line-height: 24px;
color: #FFF;
text-align: center;
font-size: 14px;
font-weight: bold;
margin-bottom: 8px;
}
#header .head-nav .assort .a-list .btn-all>a:hover {
border: none;
color: #fff;
background: #f14700;
}
#header .head-nav .assort .a-other>div {
display: none;
height: 61px;
overflow: hidden;
}
#header .head-nav .assort.open>i {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
#header .head-nav .assort.open>.a-pop { display: block; }
#header .head-oth {
position: relative;
}
#header .head-nav .wxr-menu {
width: auto;
}
#header .head-nav .wxr-menu.status-hidden {
display: none;
}
#header .head-nav .wxr-menu .wxr-hot-icon {
position: absolute;
top: 0;
left: 100%;
margin-top: -8px;
width: 25px;
height: 25px;
}
#header .head-nav .wxr-hot-icon img {
max-width: 25px;
}
/*搜索*/
#header .head-oth .o-search {
position: relative;
margin: 13px 24px 0 0;
padding-left: 8px;
height: 25px;
width: 136px;
border-radius: 100px;
background: #e8e8e8;
margin-right: 15px;
}
.o-search .search-hot-key{
overflow: hidden;
position: absolute;
left: 12px;
right: 25px;
bottom:0;
top:0;
line-height: 25px;
text-overflow: ellipsis;
white-space: nowrap;
color: #9b9b9b;
user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-o-user-select:none;
-ms-user-select:none;
pointer-events: none;
cursor: text;
}
.status-focus .search-hot-key{
display: none;
}
.o-search .search-placeholder{
display: none;
overflow: hidden;
position: absolute;
left: 12px;
right: 25px;
bottom:0;
top:0;
line-height: 25px;
text-overflow: ellipsis;
white-space: nowrap;
color: #9b9b9b;
user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-o-user-select:none;
-ms-user-select:none;
cursor: text;
pointer-events: none;
}
.status-empty .search-placeholder,
.status-focus .search-placeholder{
display: block;
}
.status-has-word .search-hot-key,
.status-has-word .search-placeholder{
display: none;
}
#header .head-oth .o-search .s-ipt {
display: block;
font-size: 12px;
background: none;
border: none;
outline: none;
width: 104px;
height: 25px;
line-height: 25px;
padding: 0 5px;
}
#header .head-oth .o-search .s-ico {
display: block;
width: 22px;
height: 25px;
line-height: 25px;
}
#header .head-oth .o-search .s-ico>.icofont {
background-position: 0 -74px;
}
.search-suggest-box{
position: absolute;
width: 238px;
padding-top: 10px;
border: 1px solid #d1d1d1;
top: 50px;
left: 0px;
background: #fff;
}
.search-suggest-box .search-tran{
position: absolute;
left: 70px;
top: -12px;
width: 0;
height: 0;
font-size:0;
border: 6px solid #d1d1d1;
border-color: transparent transparent #d1d1d1 transparent;
}
.search-suggest-box .search-tran-holder{
position: absolute;
left: 70px;
top: -11px;
width: 0;
height: 0;
font-size:0;
border: 6px solid #fff;
border-color: transparent transparent #fff transparent;
}
.search-suggest-box .search-title{
overflow: hidden;
padding: 0 14px;
line-height: 23px;
background: #f4f4f4;
color: #9b9b9b;
cursor: default;
}
.search-suggest-box-auto .search-title{
color: #333;
}
.search-title .search-clear{
float: right;
color: #9b9b9b;
}
.search-suggest-box .suggest-list{
overflow: hidden;
margin: 10px 0;
}
.search-suggest-box .suggest-list li{
margin: 3px 0;
padding: 0 14px;
height: 23px;
line-height: 23px;
}
.suggest-list .search-clear{
float: right;
margin-left: 10px;
color: #868686;
font-size: 20px;
text-align: center;
}
.suggest-list li:hover{
color: #f70;
background: #f4f4f4;
}
.suggest-list li:hover .search-field {
color: #f70;
}
.suggest-list li .search-field{
overflow: hidden;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
color: #9b9b9b;
cursor: pointer;
}
.suggest-list li .search-field .key-word{
color: #f70;
}
.search-suggest-box-hot .suggest-list li{
position: relative;
}
.search-suggest-box-hot .hotest-item .search-field,
.search-suggest-box-hot .hotest-item{
color: #f70;
}
.search-suggest-box-hot .suggest-list li .search-field {
padding-left: 23px;
}
.search-suggest-box-hot .suggest-list i{
position: absolute;
left: 14px;
top: 4px;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
background: #dbdbdb;
color: #fff;
border-radius: 3px;
font-style: normal;
text-indent: -1px;
}
.search-suggest-box-hot .hotest-item i{
background: #f70;
}
.search-suggest-box-main .search-title i{
display: inline-block;
width: 13px;
height: 13px;
margin-right: 5px;
vertical-align: middle;
background: url(../../res/page/search/search_icon.png?20160827) no-repeat;
}
.search-suggest-box-main .search-title span{
display: inline-block;
vertical-align: middle;
}
.search-suggest-box-main .search-suggest-ad {
display: inline-block;
width: 100%;
height: 50px;
position: relative;
}
.search-suggest-box-my .search-title i{
background-position: 0 0;
}
.search-suggest-box-hot .search-title i{
background-position: 0 -29px;
}
#header .head-oth .o-history,
#header .head-oth .o-follow,
#header .head-oth .o-broadcast,
#header .head-oth .o-download {
padding: 15px 15px 0 0;
position: relative;
cursor: pointer;
}
#header .head-oth .o-download { margin-right: 10px; }
#header .head-oth .o-unlogin { padding-top: 15px; }
#header .head-oth .o-login {
padding-right: 15px;
padding-top: 4px;
position: relative;
}
#header .head-oth .o-login .o-login-a{display:block;}
#header .head-oth .o-history .h-txt,
#header .head-oth .o-follow .f-txt,
#header .head-oth .o-broadcast .b-txt,
#header .head-oth .o-download .d-txt,
#header .head-oth .o-unlogin .u-login,
#header .head-oth .o-unlogin .u-reg,
#header .head-oth .o-unlogin>em,
#header .head-oth .o-message .m-txt {
vertical-align: top;
line-height: 20px;
color: #868686;
color: rgba(0, 0, 0, .5);
}
#header .head-oth .login-drop .u-login,
#header .head-oth .login-drop .u-reg {
border: 2px solid #ff5d23;
line-height: 28px;
width: 114px;
display: inline-block;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-size: 14px;
margin: 0 4px;
background-color: #ff5d23;
color: #fff;
float: none;
}
#header .head-oth .login-drop .u-reg {
background-color: #fff;
color: #ff5d23;
}
#header .head-oth .o-download>i {
position: absolute;
right: 3px;
top: 23px;
width: 0;
height: 0;
padding: 0;
font-size: 0;
line-height: 0;
overflow: hidden;
display: none;
border-top: 5px solid #868686;
border-left: 4px dashed transparent;
border-right: 4px dashed transparent;
border-bottom: 0 none;
transition: transform 300ms ease-in-out;
-o-transition: -o-transform 300ms ease-in-out;
-moz-transition: -moz-transform 300ms ease-in-out;
-webkit-transition: -webkit-transform 300ms ease-in-out;
}
#header .head-oth .o-history .icofont { background-position: 0 1px; }
#header .head-oth .o-follow .icofont { background-position: 0 -24px; }
#header .head-oth .o-unlogin .icofont { background-position: 0 -100px; }
#header .head-oth .o-broadcast .b-ico {
display: inline-block;
width: 23px;
height: 18px;
background: url(../../res/com/icon_header_brodcast.png?201810413) no-repeat 0 2px;
vertical-align: middle;
}
#header .head-oth .o-broadcast:hover .b-ico {
background-position: 0 -20px;
}
#header .head-oth .o-broadcast:hover .b-txt {
color: #f70;
}
#header .w1366head .head-oth .o-broadcast {
display: none;
}
#header .head-oth .o-login .l-pic {
width: 40px;
height: 40px;
overflow: hidden;
}
#header .head-oth .o-login .l-pic img {
width: 40px;
height: 40px;
border-radius: 20px;
}
#header .head-oth .o-login .l-txt {
display: inline-block;
max-width: 70px;
line-height: 26px;
font-size: 12px;
vertical-align: top;
color: #868686;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: none;
}
/* 下载页修改 */
#header .head-oth .o-download .d-list {
width: 145px;
display: none;
position: absolute;
right: -49px;
top: 50px;
font-size: 14px;
background: #fff;
border-top: 3px solid #ff5c46;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
#header .head-oth .o-download .d-list .d-list-content {
padding-top: 9px;
}
#header .head-oth .o-download .d-list .d-list-cell-wrap {
text-align: center;
}
#header .head-oth .o-download .d-list .d-list-cell {
color: #666;
display: block;
margin: 2px 8px;
padding: 0 8px;
width: auto;
height: 30px;
line-height: 30px;
border-radius: 2px;
}
#header .head-oth .o-download .d-list .d-list-cell:hover {
color: #ff5d23;
background-color: #f4f4f4;
}
#header .head-oth .o-download .d-list .d-list-cell-icon {
display: inline-block;
width: 16px;
height: 20px;
margin-bottom: -4px;
background: url(../../res/com/header-new/client-sprite.png?20181222) no-repeat -500px -500px;
}
#header .head-oth .o-download .d-list .d-list-cell-icon-pc {
background-position: 0 0;
height: 16px;
}
#header .head-oth .o-download .d-list .d-list-cell-icon-mac {
background-position: -26px 0;
}
#header .head-oth .o-download .d-list .d-list-cell-icon-tv {
background-position: 0 -23px;
}
#header .head-oth .o-download .d-list .d-list-cell-icon-mobile {
background-position: 0 -48px;
}
#header .head-oth .o-download .d-list .d-list-cell-icon-tool {
background-position: 0px -72px;
}
#header .head-oth .o-download .d-list .d-list-cell:hover .d-list-cell-icon-pc {
background-position: -22px 0px;
}
#header .head-oth .o-download .d-list .d-list-cell:hover .d-list-cell-icon-mac {
background-position: 0 0
}
#header .head-oth .o-download .d-list .d-list-cell:hover .d-list-cell-icon-tv {
background-position: -22px -23px;
}
#header .head-oth .o-download .d-list .d-list-cell:hover .d-list-cell-icon-mobile {
background-position: -24px -48px;
}
#header .head-oth .o-download .d-list .d-list-cell:hover .d-list-cell-icon-tool {
background-position: -24px -72px;
}
#header .head-oth .o-download .d-list .d-list-footer-btn {
display: block;
text-align: center;
line-height: 32px;
color: #fff;
border-radius: 6px;
background: #ff5d23;
margin: 16px;
margin-top: 10px;
}
#header .head-oth .o-download .d-list .d-list-footer-btn:hover {
background-color: #f14600;
}
#header .head-oth .o-download .d-list .d-list-icon,
#header .head-oth .o-message .m-list .m-list-icon {
width: 0;
height: 0;
position: absolute;
top: -9px;
right: 70px;
border-top: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ff5d23;
}
#header .head-oth .o-download .d-list .d-list-cell-text {
line-height: 1;
display: inline-block;
}
#header .head-oth .o-download .icofont {
margin-top: 3px;
background: url(../../res/com/header-client-icons.png?20180612) 0px 0px no-repeat;
}
#header .head-oth .o-download.open .icofont {
background-position: -28px 0px;
}
/* 下载页修改结束 */
#header .head-oth .o-login>i {
position: absolute;
right: 0;
top: 23px;
width: 0;
height: 0;
padding: 0;
font-size: 0;
line-height: 0;
overflow: hidden;
display: inline-block;
border-top: 5px solid #868686;
border-left: 4px dashed transparent;
border-right: 4px dashed transparent;
border-bottom: 0 none;
transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
display: none;
}
/*已登录用户菜单浮层*/
#header .head-oth .o-login .l-menu {
width: 390px;
display: none;
position: absolute;
right: -26px;
top: 50px;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all cubic-bezier(.22,.58,.12,.98) .2s;
transition: all cubic-bezier(.22,.58,.12,.98) .2s;
-webkit-transform-origin: 80% 0;
-ms-transform-origin: 80% 0;
transform-origin: 80% 0;
-webkit-animation: scale-in-ease cubic-bezier(.22,.58,.12,.98) .5s;
animation: scale-in-ease cubic-bezier(.22,.58,.12,.98) .5s;
z-index: 5;
}
@-webkit-keyframes scale-in-ease{
0%{
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
50%{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100%{
opacity: 1;
-webkit-transform: scale(1) perspective(1200px);
transform: scale(1) perspective(1200px);
}
}
@keyframes scale-in-ease{
0%{
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
50%{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100%{
opacity: 1;
-webkit-transform: scale(1) perspective(1200px);
transform: scale(1) perspective(1200px);
}
}
#header .head-oth .o-login.open .l-menu {
display: block;
}
#header .head-oth .o-login .l-menu.out{
-webkit-animation: scale-out cubic-bezier(.22,.58,.12,.98) .4s;
animation: scale-out cubic-bezier(.22,.58,.12,.98) .4s;
}
@-webkit-keyframes scale-out{
from{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
to{
opacity: 0;
-webkit-transform: scale(.8);
transform: scale(.8);
}
}
@keyframes scale-out{
from{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
to{
opacity: 0;
-webkit-transform: scale(.8);
transform: scale(.8);
}
}
#header .head-oth .o-login .l-menu ul li a {
display: block;
font-size: 12px;
color: #888;
text-align: left;
position: relative;
}
#header .head-oth .o-login .weixin-tip>i.lmsj-top,
#header .head-oth .o-login .l-menu>i.lmsj-top,
#header .head-oth .o-login .gamepacks-box>i.lmsj-top {
width: 0;
height: 0;
position: absolute;
top: -7px;
right: 50px;
border-top: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ddd;
}
#header .head-oth .o-login .weixin-tip>i.lmsj-top:after,
#header .head-oth .o-login .l-menu>i.lmsj-top:after,
#header .head-oth .o-login .gamepacks-box>i.lmsj-top:after{
content: '';
width: 0;
height: 0;
position: absolute;
top: 1px;
right: -7px;
border-top: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #fff;
}
#header .head-oth .o-login .l-menu>h4 {
padding: 5px 21px;
height: 43px;
width: 174px;
border-bottom: 2px solid #ff7700;
font-size: 22px;
font-weight: normal;
color: #444;
line-height: 42px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
}
#header .head-oth .o-login .l-menu ul li>span {
display: block;
padding: 10px 34px;
overflow: hidden;
position: relative;
border-left: 3px solid transparent;
}
#header .head-oth .o-login .l-menu ul li .user_icon_pay_span {
padding-left: 33px;
}
#header .head-oth .o-login .l-menu ul li>span:hover {
color: #f70;
border-color: #f70;
}
#header .head-oth .o-login .l-menu ul li .user_icon1 {
background: url(../../res/com/head-pericos.png) 0 -64px no-repeat;
}
#header .head-oth .o-login .l-menu ul li .user_icon2 {
background: url(../../res/com/head-pericos.png) 0 -84px no-repeat;
}
#header .head-oth .o-login .l-menu ul li .user_icon3 {
background: url(../../res/com/head-pericos.png) 0 -162px no-repeat;
}
#header .head-oth .o-login .l-menu ul li .user_icon4 {
background: url(../../res/com/head-pericos.png) 0 -125px no-repeat;
}
#header .head-oth .o-login .l-menu ul li .user_icon5 {
background: url(../../res/com/head-pericos.png) 0 -280px no-repeat;
}
#header .head-oth .o-login .l-menu ul li .user_icon6 {
background: url(../../res/com/head-pericos.png) no-repeat scroll 0 -244px;
float: left;
width: 64px;
}
#header .head-oth .o-login .l-menu ul li .user_icon7 {
background: url(../../res/com/head-pericos.png) 0 -105px no-repeat;
}
#header .head-oth .o-login .l-menu ul li .user_icon_pay {
background: url(../../res/com/head-pericos.png?v=20160309) 0 -180px no-repeat;
}
#header .head-oth .o-login .l-menu li span b {
display: block;
height: 20px;
width: 20px;
color: #ff7700;
font-size: 10px;
font-weight: normal;
line-height: 22px;
text-align: center;
position: absolute;
top: 9px;
right: 60px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
#header .head-oth .o-history.open .h-txt,
#header .head-oth .o-follow.open .f-txt,
#header .head-oth .o-download.open .d-txt,
#header .head-oth .o-unlogin.open .u-txt,
#header .head-oth .o-unlogin .u-login:hover,
#header .head-oth .o-unlogin .u-reg:hover,
#header .head-oth .o-login.open .l-txt { color: #ff5d23; }
#header .head-oth .o-history.open>i,
#header .head-oth .o-follow.open>i,
#header .head-oth .o-download.open>i,
#header .head-oth .o-login.open>i {
transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
/*历史记录浮层*/
#header .head-oth .o-history .h-pop {
width: 350px;
display: none;
position: absolute;
right: -30px;
top: 50px;
background: #fff;
border: 1px solid #dddddd;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
#header .head-oth .o-history .h-pop>i {
width: 0;
height: 0;
position: absolute;
top: -7px;
right: 50px;
border-top: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ddd;
}
#header .head-oth .o-history .h-pop>i:after{
content: '';
width: 0;
height: 0;
position: absolute;
top: 1px;
right: -7px;
border-top: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #fff;
}
#header .head-oth .o-history .h-load {
margin-bottom: 8px;
margin-top: 20px;
text-align: center;
}
#header .head-oth .o-history .h-load>img {
position: relative;
top: 4px;
}
#header .head-oth .o-history .h-none { text-align: center; }
#header .head-oth .o-history .h-none .n-tt {
height: 37px;
line-height: 36px;
text-align: center;
background: #eeeff2;
border-bottom: 1px solid #d9dadc;
text-align: left;
font-size: 14px;
text-indent: 15px;
}
#header .head-oth .o-history .h-list { padding-top: 8px; margin: 0 20px; }
#header .head-oth .o-history .h-list>li {
padding: 5px 16px 4px 24px;
height: 51px;
background: #fff;
border-bottom: 1px solid #dfdfdf;
}
#header .head-oth .o-history .h-list>li>p>a {
width: 258px;
display: block;
font-size: 14px;
line-height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #555;
}
#header .head-oth .o-history .h-list>li>p>a:hover { color: #f70; }
#header .head-oth .o-history .h-list>li>span { display: block; }
#header .head-oth .o-history .h-list>li>span>a {
width: 66px;
display: block;
float: left;
color: #a0a0a0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 12px;
}
#header .head-oth .o-history .h-list>li>span>a.head-ico1 {
padding: 0 2px 0 20px;
background: url(../../res/com/head-pericos.png) 0 4px no-repeat;
}
#header .head-oth .o-history .h-list>li>span>a.head-ico2 {
padding: 0 2px 0 18px;
background: url(../../res/com/head-pericos.png) 0 -29px no-repeat;
width: 90px;
}
#header .head-oth .o-history .h-list>li>span>a.head-ico3 {
padding: 0 2px 0 18px;
background: url(../../res/page/index/index-mem-icos.png?20171121) no-repeat 0 2px;
width: 48px;
}
#header .head-oth .o-history .h-list>li>span>a.head-ico4 {
padding: 0 2px 0 20px;
background: url(../../res/com/head-pericos.png) 0 -11px no-repeat;
}
#header .head-oth .o-history.open .h-pop { display: block; }
/*关注浮层*/
#header .head-oth .o-follow .f-pop {
width: 350px;
display: none;
position: absolute;
right: -30px;
top: 50px;
background: #fff;
border: 1px solid #dddddd;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
#header .head-oth .o-follow .f-pop>i {
width: 0;
height: 0;
position: absolute;
top: -7px;
right: 50px;
border-top: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ddd;
}
#header .head-oth .o-follow .f-pop>i:after{
content: '';
width: 0;
height: 0;
position: absolute;
top: 1px;
right: -7px;
border-top: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #fff;
}
#header .head-oth .o-follow .f-load {
margin-bottom: 8px;
margin-top: 20px;
text-align: center;
}
#header .head-oth .o-follow .f-load>img {
position: relative;
top: 4px;
}
#header .head-oth .o-follow .f-none { text-align: center; }
#header .head-oth .o-follow .f-none .n-tt {
height: 37px;
line-height: 36px;
text-align: center;
background: #eeeff2;
border-bottom: 1px solid #d9dadc;
text-align: left;
font-size: 14px;
text-indent: 15px;
}
#header .head-oth .o-follow .f-none .n-cn {
padding: 20px 0;
font-size: 14px;
}
#header .head-oth .o-follow .f-none .n-cn>img {
height: 82px;
display: block;
margin-left: 106px;
margin-bottom: 15px;
}
#header .head-oth .o-follow .f-list { padding-top: 8px; margin: 0 20px ;}
#header .head-oth .o-follow .f-list>li {
padding: 5px 8px 4px 14px;
height: 51px;
background: #fff;
border-bottom: 1px solid #dfdfdf;
}
#header .head-oth .o-follow .f-list>li>p>a {
width: 258px;
display: block;
font-size: 14px;
line-height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #555;
}
#header .head-oth .o-follow .f-list>li>p>a:hover { color: #f70; }
#header .head-oth .o-follow .f-list>li>span { display: block; }
#header .head-oth .o-follow .f-list>li>span>a {
width: 66px;
display: block;
float: left;
color: #a0a0a0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 12px;
}
#header .head-oth .o-follow .f-list>li>span>a.head-ico1 {
width: 78px;
padding: 0 2px 0 20px;
background: url(../../res/com/head-pericos.png) 0 -145px no-repeat;
}
#header .head-oth .o-follow .f-list>li>span>a.head-ico2 {
padding: 0 2px 0 18px;
background: url(../../res/com/head-pericos.png) 0 -29px no-repeat;
width: 90px;
}
#header .head-oth .o-follow .f-list>li>span>a.head-ico3 {
padding-left: 18px;
background: url(../../res/page/index/index-mem-icos.png?20171121) no-repeat 0 2px;
width: 48px;
}
#header .head-oth .o-follow .f-all {
height: 34px;
line-height: 34px;
text-align: center;
background: #ff7700;
border-radius:4px;
margin: 10px 20px ;
}
#header .head-oth .o-follow .f-all a {
display: block;
width: 100%;
font-size: 14px;
color: white;
}
#header .head-oth .o-follow .f-all a:hover{ background:#f14700; }
#header .head-oth .o-follow.open .f-pop { display: block; }
#header .head-oth .o-follow.open .icofont { background-position: -23px -24px; }
#header .head-oth .o-history.open .icofont { background-position: -23px 1px; }
/* #header .head-oth .o-download.open .icofont { background-position: -23px -51px; } */
#header .head-oth .o-unlogin.open .icofont { background-position: -23px -100px; }
#header .head-oth .o-download.open .d-list { display: block; }
#header .head-oth .o-login>b {
display: block;
padding: 0 2px;
min-width: 12px;
height: 16px;
background: #ff5d23;
border-radius: 6px;
position: absolute;
top: 0px;
left: 28px;
line-height: 16px;
text-align: center;
color: #fff;
font-size: 10px;
font-family: Helvetica,Arial,sans-serif;
font-weight: normal;
-webkit-transform-style: preserve-3d;
moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
transform-origin: center center;
}
/*分类下拉菜单广告位*/
#header .head-nav .assort-ad {
margin-top: 8px;
width: 247px;
height: 61px;
overflow: hidden;
}
.solephnoemum {
width: 476px;
height: 181px;
background: white;
display: block;
z-index: 1999;
}
.solephnoemum .solephnoemum-cont{
height: 80%;
margin-left: auto;
margin-right: auto;
}
.solephnoemum .solephnoemum-cont .solephnoemum-btn-group
{
margin-top: 80px;
text-align: center;
}
.solephnoemum .solephnoemum-cont .solephnoemum-title{
text-align: center;
font-size: 20px;
color: #666666;
}
.solephnoemum .solephnoemum-cont .solephnoemum-body{
line-height: 2;
margin-top: 10px;
font-size: 14px;
color:#888888;
}
.solephnoemum .solephnoemum-cont .solephnoemum-btn-group a {
text-decoration: none;
border: 1px solid #fb8302;
padding: 20px;
font-size: 20px;
cursor: pointer;
color: #fb8302;
zoom:1;
}
/*web直播间改版*/
.o-login .l-menu .authenticate .uname-aut i,
.o-login .l-menu .authenticate .mobile-aut i,
.o-login .l-menu .authenticate .email-aut i,
.o-login .l-menu .skill-level .promote i,
.o-login .l-menu .skill-level ul .item,
.uim-foot ul li a i{
background: url("../../res/page/room-normal/uinfo.png?20170508") no-repeat scroll 0 0;
}
#header .head-oth .o-login .l-menu .chat-member .chat-mem-con {
position: relative;
padding: 15px 0;
margin: 0 15px;
border-bottom: 1px solid #f1f1f1;
}
#header .head-oth .o-login .mem-pic{
position: relative;
float: left;
width: 60px;
height: 60px;
margin: 0 auto;
margin-top: 25px;
}
#header .head-oth .o-login .mem-pic a{
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
overflow: hidden;
}
#header .head-oth .o-login .mem-pic img{
width : 100%;
height: 100%;
border-radius: 50%;
}
#header .head-oth .o-login .mem-pic .nobility-icon{
position: absolute;
right: 0;
bottom: 0;
width: 28px;
height: 28px;
border-radius: 0;
}
#header .head-oth .o-login .mem-text{
margin-left: 78px;
height: 63px;
}
.o-login .l-menu .logname{
font-size: 0;
text-align: left;
margin-left: 70px;
margin-top: 25px;
}
.o-login .l-menu .logname .name{
display: inline-block;
width: 220px;
font-size: 16px;
line-height: 32px;
color: #333;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.o-login .l-menu .logout{
position: absolute;
right: 0;
top: 17px;
font-size: 12px;
line-height: 24px;
color: #666;
cursor: pointer;
}
.o-login .l-menu .logout:hover{
color:#ff5d23;
}
.o-login .l-menu .invisible{
display: none;
position: absolute;
right: 65px;
top: 17px;
width: 98px;
height: 24px;
font-size: 12px;
color: #666;
line-height: 24px;
cursor: pointer;
background: #eaedee;
border-radius: 15px;
}
.o-login .l-menu .invisible span{
display: none;
position: relative;
margin-top: 10px;
width: 145px;
margin-left: -20px;
font-size: 12px;
line-height: 20px;
text-align: center;
color: #fff;
text-indent: 0;
border-radius: 2px;
background-color: #000;
background-color: rgba(0,0,0,.5);
}
.o-login .l-menu .invisible.is-invisible span.invisible-sp {
width: 105px;
margin-left: -5px;
}
.o-login .l-menu .invisible:hover span.is-invisible-sp{
display: block;
}
.o-login .l-menu .invisible:hover span.invisible-sp{
display: none;
}
.o-login .l-menu .invisible span .icon-invisible{
position: absolute;
left: 50%;
margin-left: -4px;
top: -8px;
width: 0;
height: 0;
border-bottom: 8px solid #000;
border-bottom: 8px solid rgba(0,0,0,.5);
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
.o-login .l-menu .invisible.is-invisible{
color: #fff;
background-color: #ff5d23;
}
.o-login .l-menu .invisible.is-invisible:hover span.invisible-sp{
display: block;
}
.o-login .l-menu .invisible.is-invisible:hover span.is-invisible-sp{
display: none;
}
.o-login .l-menu .authenticate{
text-align: left;
margin-left: 70px;
font-size: 0;
position: relative;
}
.o-login .l-menu .authenticate a{
display: inline-block;
}
.o-login .l-menu .authenticate .uname-aut {
width: 18px;
height: 16px;
margin: 0 5px;
}
.o-login .l-menu .authenticate .uname-aut i {
display: block;
width: 18px;
height: 16px;
background-position: 0px -65px;
}
.o-login .l-menu .authenticate .uname-aut .high {
background-position:0px -34px;
}
.o-login .l-menu .authenticate .mobile-aut {
width: 13px;
height: 16px;
margin: 0 5px;
}
.o-login .l-menu .authenticate .mobile-aut i {
display: block;
width: 13px;
height: 16px;
background-position: -28px -65px;
}
.o-login .l-menu .authenticate .mobile-aut .high {
background-position: -28px -34px;
}
.o-login .l-menu .authenticate .email-aut {
width: 15px;
height: 13px;
margin: 0px 5px;
}
.o-login .l-menu .authenticate .email-aut i {
display: block;
width: 15px;
height: 13px;
background-position: -61px -65px;
}
.o-login .l-menu .authenticate .email-aut .high {
background-position: -61px -34px;
}
.o-login .l-menu .authenticate .client-sign {
position: absolute;
right: 8px;
top: 0;
width: 48px;
height: 16px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAQCAYAAABQrvyxAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAPYSURBVHjaxJZ9TNVlFMc/5ydu3hu1BSlvd4N/tJchIPYPL2JZNxRKwXzZEhV8oZaRsUXZ3JrVLJc1elkv0w2hGJt042r0Il3QWja3lg0YtcYqsSBsyKU/kDva9Xf64wGvt+6FFoXnr/Oc5+17vuc85zmiqkowiPraICYGRPi3oofe4n+X62KRguXI5nKIiUFUVfWTj5Dld4LTOaOz7Q2lzJbImrXIps1YgGE+Anh95mmjjIygr9UaW1cneqyFay3a8amBbkYaPvvjD9h1h+F8H1pTDcEgjPiNPjYGf4zDbxeQ7ZXG+Wgs5eTDirvR/ftCtr370OMt0NMdWpiegWRl/x1kY/2VeWv7TuzqqtDk6OhVDvw1FQ6/jVX1GPbrr2AdeAkuDqH1dcjjT6JffwXnfoJAAO3wIYWrotN072pk4UKk2TvBWjuSmYlkZoZA1r5slFtvQ1wu8A+jY4Ew4Np8FByR09uKaJ07F1JcWDVPmXH8Tci2HYbBjCyksAjJW2Ycica+eyXicmFXbgO/3wB1OtGOdqMHAtgbStEzp9Ezp+Gzk4a86iokPh4+/AC5/oaowCclcvznzDHsfH4KBvphSTacOgklpej772HtfMisuXw5eo76TqCDv8LvI2jDEWRrBTgcaH8/erQJPXggtDg1Dbl/Pdrbizy4yxCwtQJtODLtW4iZ8qWvXRca5BcY2+KJ8Pedm75SJCUjj+w2wBvfQX0nkOoarFffQHt7UYCebiT7dnR42GxyOrFfeA6pfBgSE2fmgLYeg8FBWJwJX34Bq4rh41Zk05bpwZeuM+8jMAYOB1K2BSkL32fV7MHevQv1esDrMbZmL1p7EN37hCkCM4pAfgGMj0NiEuTkGqdsG/U0Q1wcZC2J7rzXg3o9SFk52liPlJXDpVFjc6+E2Fjsq6qTNfHQr+h+/8xTSLs6YWgIWb/RGH75GX3+WZP7CYnIwADkLZs6EkuXwqVRU3aLio0DRcXo2bMRP0Gr2Rv6ENMzkMDYlOdHrkLj4+byO1aEwAP63beQlAzz5yM5uWjnN1PTk5pmgC5IQHu/Ry8Om7RIcZm9qWlha0nPMPfufxGroQl6usNr/z+NgMTFoS0euPmW8Il58+DCILK6BG09DgsSop+cnoFVsyd0Zm6eURYtgkDAzPmHTdksK0fc95g/oKsLzvdhH3rTMNzQBA6HqYaRsKqqqq8NcReGrIEA2t4Gk5VhUpJTYKDfNH43xmE9Wh3m5Gz2QsTGYtW9OxGBYNC0CJP9kMOB3FcSPa8rdlzzXkjucodSSNyF/0k7PSsy2U5vfACAPwcAk9N4/CyjEQUAAAAASUVORK5CYII=);
}
.o-login .l-menu .skill-level{
margin-top: 4px;
background: #f3f3f3;
}
.o-login .l-menu .skill-level .skill-level-con{
padding: 10px 18px;
}
.o-login .l-menu .skill-level .skill-level-list{
float:left;
}
.o-login .l-menu .skill-level .promote{
float: right;
color: #245bb6;
cursor:pointer;
margin-top:16px;
}
.o-login .l-menu .skill-level .promote i{
display: block;
margin-right: 5px;
float: left;
width: 15px;
height: 15px;
background-position : -171px 0;
}
.o-login .l-menu .skill-level .promote span{
display:block;float:left;
height:15px;
line-height:15px;
color: #ff7700;
}
.o-login .l-menu .skill-level ul .item{
position: relative;
width: 31px;
height: 31px;
margin-right: 16px;
float: left;
z-index: 3;
}
.o-login .l-menu .skill-level ul .item em{
position: absolute;
top: -6px;
right: -6px;
display: block;
padding: 1px 1px;
min-width: 12px;
height: 12px;
line-height: 12px;
background: #f76300;
border-radius: 8px;
text-align: center;
color: #fff;
font-size: 10px;
font-family: Helvetica,Arial,sans-serif;
font-weight: normal;
-webkit-transform-style: preserve-3d;
moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
transform-origin: center center;
}
.o-login .l-menu .skill-level ul li.skill-1{
background-position: 0 -140px;
}
.o-login .l-menu .skill-level ul li.skill-01{
background-position: 0 -102px;
}
.o-login .l-menu .skill-level ul li.skill-2{
background-position: -61px -140px;
}
.o-login .l-menu .skill-level ul li.skill-02{
background-position:-61px -102px;
}
.o-login .l-menu .skill-level ul li.skill-3{
background-position: -129px -140px;
}
.o-login .l-menu .skill-level ul li.skill-03{
background-position: -129px -102px;
}
.o-login .l-menu .skill-level ul li.skill-4{
background-position: -215px -140px;
}
.o-login .l-menu .skill-level ul li.skill-04{
background-position: -215px -102px;
}
.o-login .l-menu .skill-level ul li.locked {
/*background-position: 0 -48px;*/
}
.o-login .l-menu .skill-level .sl-item-hover {
font-size: 12px;
position: absolute;
z-index: 4;
left: -87px;
top: 37px;
background-color: #fff;
border-top: 2px solid #ff8e01;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
border-left: 1px solid #cdcdcd;
border-radius: 0 0 3px 3px;
}
.o-login .l-menu .skill-level .sl-item-hover .sj-top {
display: block;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 9px solid #ff8e01;
position: absolute;
top: -9px;
left: 87px;
}
.o-login .l-menu .skill-title h2 {
font-size: 20px;
color: #777;
font-weight: bolder;
float: left
}
.o-login .l-menu .skill-level .sl-item-hover .text {
float: left;
margin-left: 10px;
width: 214px
}
.o-login .l-menu .skill-level .sl-item-hover .text h4 {
font-size: 14px;
color: #777;
margin-top: 4px;
font-weight: bold;
}
.o-login .l-menu .skill-level .sl-item-hover .text ul {
margin-top: 12px;
width: 100%
}
.o-login .l-menu .skill-level .sl-item-hover .text ul li {
color: #aaa;
font-size: 12px;
line-height: 22px;
height: 22px;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.o-login .l-menu .skill-level .sl-item-hover .text ul li.locked-l {
color: #aaa
}
.o-login .l-menu .skill-level .sl-item-hover .text ul li.unlocked-l {
color: #ff7700;
}
.o-login .l-menu .skill-title a {
font-size: 12px;
float: right
}
.o-login .l-menu .skill-title a span.locked {
color: red;
font-size: 12px
}
.o-login .l-menu .skill-title a span.unlocked {
color: #80b750;
font-size: 12px
}
.o-login .l-menu .skill-level li .sl-item-hover .sl-item-hovercont .pic {
width: 60px;
height: 60px;
text-align: center;
border-right: 1px solid #f1f1f1;
background: #fff9eb;
float: left;
overflow: hidden;
background: url(../../res/page/room-normal/show-skill-img.png) no-repeat
}
.o-login .l-menu .skill-level li.skill-2 .sl-item-hover .sl-item-hovercont .pic {
background-position: 0 0;
}
.o-login .l-menu .skill-level li.skill-1 .sl-item-hover .sl-item-hovercont .pic {
background-position: 0 -63px;
}
.o-login .l-menu .skill-level li.skill-3 .sl-item-hover .sl-item-hovercont .pic {
background-position: 0 -126px;
}
.o-login .l-menu .skill-level li.skill-4 .sl-item-hover .sl-item-hovercont .pic {
background-position: 0 -189px;
}
.o-login .l-menu .skill-level li .sl-item-hover .sl-item-hovercont .pic img {
display: inline-block;
vertical-align: middle
}
.o-login .l-menu .skill-level li .sl-item-hover .sl-item-hovercont {
padding: 20px 24px 20px 17px;
width: 294px
}
.o-login .l-menu .skill-level li.skill-1 .sl-item-hover{
left: -19px;
}
.o-login .l-menu .skill-level li.skill-1 .sl-item-hover .sj-top{
left: 30px;
}
.o-login .l-menu .skill-level li.skill-2 .sl-item-hover{
left:-66px;
}
.o-login .l-menu .skill-level li.skill-2 .sl-item-hover .sj-top{
left: 72px;
}
.o-login .l-menu .skill-level li.skill-3 .sl-item-hover{
left: -102px;
}
.o-login .l-menu .skill-level li.skill-3 .sl-item-hover .sj-top{
left: 109px;
}
.o-login .l-menu .skill-level li.skill-4 .sl-item-hover{
left: -113px;
}
.o-login .l-menu .skill-level li.skill-4 .sl-item-hover .sj-top{
left: 120px;
}
.o-login .l-menu .m-rank{padding: 7px 16px 0 18px;}
.o-login .l-menu .m-rank-con{padding-bottom:12px;border-bottom: 1px solid #f1f1f1; }
.o-login .l-menu .m-rank-con .title{font-size:15px;color:#2c3e50;height:20px;line-height:20px;}
.o-login .l-menu .level-con{
position: relative;
z-index: 2;
margin-top: 20px;
}
.o-login .l-menu .level-con .user-level{
float: left;
color: #fff;
}
.o-login .l-menu .level-con .user-level-next{
height: 16px;
float: left;
color: #fff;
}
.o-login .l-menu .level-con .user-level a{
display: block;
height: 16px;
}
.o-login .l-menu .level-con .bar{
width: 237px;
margin: 3px 6px;
display: inline-block;
position: relative;
height: 10px;
background: #b8c0cc;
color: #fff;
line-height: 24px;
-moz-border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.o-login .l-menu .level-con .bar-per-wp{
position: absolute;
left: 0;
top: 0;
width: 100%;
border-radius: 5px 5px 5px 5px;
overflow: hidden;
}
.o-login .l-menu .level-con .bar .bar-per{
display: block;
background: #30a4ff;
height: 10px;
}
.o-login .l-menu .level-con .bar .bar-num{
font-size: 10px;
position: absolute;
right: 0;
top: -7px;
width: 100%;
text-align: center;
}
.o-login .l-menu .level-con .bar .level-tip{
position: absolute;
bottom: 24px;
left: 50%;
min-width: 226px;
margin-left: -113px;
line-height: 22px;
height: 22px;
text-align: center;
background: #000;
background: rgba(0,0,0,.6);
border-radius: 4px;
}
.o-login .l-menu .level-con .bar .level-tip p {
height: 22px;
padding: 0 8px;
font-size:12px;
color: #fff;
}
.o-login .l-menu .level-con .bar .level-tip em{
color: #ff921a;
padding: 0 2px;
}
.o-login .l-menu .level-con .bar .level-tip i{
width: 0;
height: 0;
overflow: hidden;
padding: 0;
font-size: 0;
line-height: 0;
display: inline-block;
border-right: 6px dashed transparent;
border-bottom: 0 none;
border-left: 6px dashed transparent;
margin-left: -6px;
border-top: 6px solid #000;
border-top: 6px solid rgba(0,0,0,0.6);
position: absolute;
top: 22px;
left: 50%;
}
.o-login .l-menu .wallet {
padding: 15px;
padding-bottom: 0;
}
.o-login .l-menu .wallet .title{
font-size: 14px;
color: #333;
height: 25px;
line-height: 25px;
}
.o-login .l-menu .wallet-con {
position: relative;
padding-bottom: 15px;
border-bottom: 1px solid #f1f1f1;
}
.o-login .l-menu .m-wealth{
margin-top: 7px;
}
.o-login .l-menu .m-wealth span{
line-height: 16px;
background: url(../../res/page/room-normal/show-icon1.png) no-repeat -500px -500px;
display: inline-block;
height: 18px;
white-space: nowrap;
text-overflow: ellipsis;
color: #777;
}
.o-login .l-menu .m-wealth .y1{
margin-right: 10px;
}
.o-login .l-menu .m-wealth .y3{
display: none;
position: relative;
padding: 0;
color: #ff5d23;
text-decoration: underline;
}
.o-login .l-menu .m-wealth .y3-mask{
display: none;
position: absolute;
left: 50%;
top: 24px;
margin-left: -68px;
padding: 0 10px;
height: 22px;
border-radius: 4px;
font-size: 12px;
color: #fff;
line-height: 22px;
text-align: center;
background-color: #000;
background-color: rgba(0,0,0,.5);
}
.o-login .l-menu .m-wealth .y3-mask-arrow{
display: block;
width: 0;
height: 0;
position: absolute;
left: 50%;
top: -8px;
margin-left: -3px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 8px solid #000;
border-bottom: 8px solid rgba(0,0,0,.5);
}
.o-login .l-menu .m-wealth .y3:hover .y3-mask{
display: block;
}
.o-login .l-menu .wallet .getYc{
position: absolute;
top: 0;
right: 0;
display: inline-block;
color: #fff;
background: #ff5d23;
text-align: center;
height: 25px;
line-height: 25px;
width: 55px;
border-radius: 15px;
white-space: nowrap;
}
.o-login .l-menu .wallet .getYc:hover{background:#f14600;}
/* 任务系统二期 推荐任务 begin by wangdi2@douyu.tv 2018-1-13 */
.o-login .l-menu .task{
display: none;
position: relative;
padding: 8px 16px 13px 18px;
}
.o-login .l-menu .task .task-title{
font-size: 15px;
color: #2c3e50;
height: 26px;
line-height: 26px;
}
.o-login .l-menu .task .task-con{
margin-top: 10px;
}
.o-login .l-menu .game-img{
display: block;
margin-right: 15px;
width:56px;
height: 56px;
border: 1px solid #ff7700;
border-radius: 10px;
background: url(../../res/com/sg-taskicon.png) no-repeat 0px 0px;
}
.o-login .l-menu .task-img img{
width:100%;
height: 100%;
}
.o-login .l-menu .game-info{
width: 283px;
}
.o-login .l-menu .game-info .game-title {
margin-top: 6px;
width: 240px;
height: 20px;
line-height: 20px;
font-size:14px;
color:#000;
}
.o-login .l-menu .game-info .game-title .name {
display: inline-block;
max-width: 160px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.o-login .l-menu .game-info .game-title .reward-text {
margin-left: 8px;
font-size: 12px;
color:#ff7700;
vertical-align: top;
}
.o-login .l-menu .game-info .reward-list {
margin-top: 7px;
width: 270px;
height:30px;
font-size:12px;
color:#666;
}
.o-login .l-menu .game-info .reward-list .reward {
position: relative;
float: left;
width: 90px;
height: 30px;
}
.o-login .l-menu .game-info .reward-list .reward>span {
display: block;
width: 90px;
height: 30px;
line-height: 30px;
text-indent: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.o-login .l-menu .game-info .reward-list .reward>span>span {
text-decoration: underline;
}
.o-login .l-menu .game-info .reward-list .reward i {
display: inline-block;
position: absolute;
top: 7px;
left: 0;
margin-right: 6px;
width: 17px;
height: 17px;
background-image: url(../../res/page/room-normal/task/new_task_sprite.png?v=20180118);
background-repeat: no-repeat;
}
.o-login .l-menu .game-info .reward-list .reward.gift:hover .prop-info {
display: block;
}
.o-login .l-menu .game-info .reward-list .reward.silver i {
background-position: -261px -10px;
}
.o-login .l-menu .game-info .reward-list .reward.platform-coin i {
background-position: -261px -83px;
}
.o-login .l-menu .game-info .reward-list .reward.coupon i {
background-position: -261px -188px;
}
.o-login .l-menu .game-info .reward-list .reward.gift i {
background-position: -261px -47px;
}
.o-login .l-menu .game-info .reward-list .reward.gold i {
background-position: -261px -225px;
}
.o-login .l-menu .game-info .reward-list .prop-info {
display: none;
position: absolute;
left: -130px;
top: 30px;
width: 325px;
min-height: 98px;
background-color: #f9f9f9;
z-index: 1;
border-radius: 5px;
border: 1px solid #eae5e5;
text-align: center;
}
.o-login .l-menu .game-info .reward-list .prop-info .arrow {
position: absolute;
left: 50%;
top: -9px;
width: 12px;
height: 10px;
background: url(../../res/page/room-normal/task/new_task_sprite.png?v=20180116) no-repeat -263px -379px;
}
.o-login .l-menu .game-info .reward-list .prop-info:after {
display: block;
content: '';
clear: both;
}
.o-login .l-menu .game-info .reward-list .prop-info .prop {
display: inline-block;
width: 80px;
height: 100px;
vertical-align: top;
}
.o-login .l-menu .game-info .reward-list .prop-info .prop img {
display: block;
margin: 12px 16px 5px 16px;
width: 48px;
height: 48px;
background-color: #ddd;
}
.o-login .l-menu .game-info .reward-list .prop-info .prop .name {
width: 72px;
height: 28px;
line-height: 14px;
text-align: center;
font-size: 12px;
color: #666;
}
.o-login .l-menu .game-info .go-task {
position: absolute;
display: block;
top: 48px;
right: 20px;
color: #fff;
background: #f70;
text-align: center;
height: 18px;
line-height: 18px;
padding: 0px 4px;
border-radius: 4px;
margin-top: 2px;
cursor: pointer;
text-decoration: none;
}
/* end 任务系统二期 推荐任务 */
.uim-foot{
padding: 15px;
padding-bottom: 20px;
}
.uim-foot ul li{
float:left;
margin-right:49px;
}
.uim-foot ul li a{
display:block;
}
.uim-foot ul li a i{
display:block;
width:24px;
height:24px;
margin:0 auto;
}
.uim-foot ul li a p{
display:block;
font-size: 12px;
text-align: center;
margin-top:4px;
}
.uim-foot ul li.live-set{margin-right: 0px;}
.uim-foot ul li.live-set .live-hot{
width: 20px;
height: 13px;
position: absolute;
top: -8px;
left: 35px;
background: 0 0 url('../../res/page/room-normal/icon-hot.png') no-repeat;
}
.uim-foot ul .personal-center i{
background-position:0px -189px;
}
.uim-foot ul .personal-center .sel i,
.uim-foot ul .personal-center a:hover i{
background-position:0px -235px;
}
.uim-foot ul .personal-center .sel p,
.uim-foot ul .personal-center a:hover p{
color:#ff5d23;
}
.uim-foot ul .focus i{
background-position:-61px -189px;
}
.uim-foot ul .focus .sel i,
.uim-foot ul .focus a:hover i{
background-position:-61px -235px;
}
.uim-foot ul .focus .sel p,
.uim-foot ul .focus a:hover p{
color:#ff5d23;
}
.uim-foot ul .message i{
background-position:-129px -189px;
}
.uim-foot ul .message .sel i,
.uim-foot ul .message a:hover i{
background-position:-129px -235px;
}
.uim-foot ul .message .sel p,
.uim-foot ul .message a:hover p{
color:#f76300;
}
.uim-foot ul .message b,
.uim-foot ul .personal-center b{
display: block;
padding: 0 2px;
min-width: 12px;
height: 16px;
background: #f76300;
border-radius: 6px;
position: absolute;
top: -8px;
left: 26px;
line-height: 16px;
text-align: center;
color: #fff;
font-size: 10px;
font-family: Helvetica,Arial,sans-serif;
font-weight: normal;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
transform-origin: center center;
}
.uim-foot ul .personal-center b {
left: 30px;
}
.uim-foot ul .live-set i{
background-position:-216px -189px;
}
.uim-foot ul .live-set .sel i,
.uim-foot ul .live-set a:hover i{
background-position:-216px -235px;
}
.uim-foot ul .live-set .sel p,
.uim-foot ul .live-set a:hover p{
color:#f76300;
}
.sign-spec{
position: absolute;
width: 25px;
height: 15px;
top: 4px;
left: 4px;
background: url(../../res/com/sign_spec.png?20161012) no-repeat ;
z-index:11;
}
/* ie7及以下的浏览器的弹窗 */
.dia-ie7-wp {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1992;
}
.dia-ie7-mask {
display: block;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.6;
filter: Alpha(Opacity=60);
}
.dia-ie7-container {
background: url(../../res/com/kill-ie/dia_bg1.png?20160824) no-repeat;
position: absolute;
top: 50%;
left: 50%;
width: 540px;
height: 432px;
margin: -216px 0 0 -270px;
}
.dia-ie7-cls{
display: block;
width: 30px;
height: 30px;
position: absolute;
right:7px;
top: 5px;
}
.dia-ie7-hd{
width: 100%;
}
.dia-ie7-wp .dih-tit {
padding-top: 67px;
height: 28px;
text-indent: -9999px;
}
.dia-ie7-wp .dih-p {
margin-top: 22px;
height: 20px;
font-size: 18px;
font-weight: bold;
line-height: 20px;
text-align: center;
color: #414141;
}
.dia-ie7-wp .dia-ie7-browser {
overflow: hidden;
margin: 24px auto 0;
width: 472px;
height: 61px;
}
.dia-ie7-wp .dib-lk {
display: block;
width: 216px;
height: 61px;
}
.dia-ie7-wp .chrome-lk {
float: left;
}
.dia-ie7-wp .firefox-lk {
float: right;
}
.dia-ie7-wp .dia-ie7-down {
overflow: hidden;
margin: 48px 0 0 73px;
width: 425px;
height: 139px;
}
.dia-ie7-wp .did-sq {
float: left;
width: 139px;
height: 139px;
}
.dia-ie7-wp .did-p {
float: left;
margin: 37px 0 0 13px;
font-size: 18px;
line-height: 1;
color: #666;
}
.dia-ie7-wp .did-lk {
float: left;
margin: 20px 0 0 49px;
width: 182px;
height: 33px;
}
/*历史关注广告位盒子*/
.his-sign-cont,.f-sign-cont{
height: 60px;
margin: 10px 20px;
border-radius: 5px;
}
/* [斗鱼主站等级 PNG 图标合并 #22932 created by zhangqiuhong] start */
.user-level-loading {
width: 16px;
height: 16px;
background: url(../../res/page/room-normal/loading.gif?20170222) 0 0 no-repeat;
}
.user-level,
.user-level-next {
display: inline-block;
vertical-align: middle;
height: 16px;
}
.fans-rank .r-list li .cuserlevel {
vertical-align: middle;
}
.level-bgpng {
background: url(../../res/page/room-normal/level/level-csssprite.png?20180615) no-repeat;
}
.level-size1 {
width: 40px;
height: 16px;
}
.level-size2 {
width: 40px;
height: 16px;
}
.level-1 {
background-position: 0px 0px
}
.level-2 {
background-position: 0px -19px
}
.level-3 {
background-position: 0px -38px
}
.level-4 {
background-position: 0px -57px
}
.level-5 {
background-position: 0px -76px
}
.level-6 {
background-position: 0px -95px
}
.level-7 {
background-position: 0px -114px
}
.level-8 {
background-position: 0px -133px
}
.level-9 {
background-position: 0px -152px
}
.level-10 {
background-position: 0px -171px
}
.level-11 {
background-position: 0px -190px
}
.level-12 {
background-position: 0px -209px
}
.level-13 {
background-position: 0px -228px
}
.level-14 {
background-position: 0px -247px
}
.level-15 {
background-position: 0px -266px
}
.level-16 {
background-position: 0px -285px
}
.level-17 {
background-position: 0px -304px
}
.level-18 {
background-position: 0px -323px
}
.level-19 {
background-position: 0px -342px
}
.level-20 {
background-position: 0px -361px
}
.level-21 {
background-position: 0px -380px
}
.level-22 {
background-position: 0px -399px
}
.level-23 {
background-position: 0px -418px
}
.level-24 {
background-position: 0px -437px
}
.level-25 {
background-position: 0px -456px
}
.level-26 {
background-position: 0px -475px
}
.level-27 {
background-position: 0px -494px
}
.level-28 {
background-position: 0px -513px
}
.level-29 {
background-position: 0px -532px
}
.level-30 {
background-position: 0px -551px
}
.level-31 {
background-position: 0px -570px
}
.level-32 {
background-position: 0px -589px
}
.level-33 {
background-position: 0px -608px
}
.level-34 {
background-position: 0px -627px
}
.level-35 {
background-position: 0px -646px
}
.level-36 {
background-position: 0px -665px
}
.level-37 {
background-position: 0px -684px
}
.level-38 {
background-position: 0px -703px
}
.level-39 {
background-position: 0px -722px
}
.level-40 {
background-position: 0px -741px
}
.level-41 {
background-position: 0px -760px
}
.level-42 {
background-position: 0px -779px
}
.level-43 {
background-position: 0px -798px
}
.level-44 {
background-position: 0px -817px
}
.level-45 {
background-position: 0px -836px
}
.level-46 {
background-position: 0px -855px
}
.level-47 {
background-position: 0px -874px
}
.level-48 {
background-position: 0px -893px
}
.level-49 {
background-position: 0px -912px
}
.level-50 {
background-position: 0px -931px
}
.level-51 {
background-position: 0px -950px
}
.level-52 {
background-position: 0px -969px
}
.level-53 {
background-position: 0px -988px
}
.level-54 {
background-position: 0px -1007px
}
.level-55 {
background-position: 0px -1026px
}
.level-56 {
background-position: 0px -1045px
}
.level-57 {
background-position: 0px -1064px
}
.level-58 {
background-position: 0px -1083px
}
.level-59 {
background-position: 0px -1102px
}
.level-60 {
background-position: 0px -1121px
}
.level-61 {
background-position: 0px -1140px
}
.level-62 {
background-position: 0px -1159px
}
.level-63 {
background-position: 0px -1178px
}
.level-64 {
background-position: 0px -1197px
}
.level-65 {
background-position: 0px -1216px
}
.level-66 {
background-position: 0px -1235px
}
.level-67 {
background-position: 0px -1254px
}
.level-68 {
background-position: 0px -1273px
}
.level-69 {
background-position: 0px -1292px
}
.level-70 {
background: url('../../res/page/room-normal/level/LV70.gif?20180615') no-repeat;
}
.level-71 {
background: url('../../res/page/room-normal/level/LV71.gif?20180615') no-repeat;
}
.level-72 {
background: url('../../res/page/room-normal/level/LV72.gif?20180615') no-repeat;
}
.level-73 {
background: url('../../res/page/room-normal/level/LV73.gif?20180615') no-repeat;
}
.level-74 {
background: url('../../res/page/room-normal/level/LV74.gif?20180615') no-repeat;
}
.level-75 {
background: url('../../res/page/room-normal/level/LV75.gif?20180615') no-repeat;
}
.level-76 {
background: url('../../res/page/room-normal/level/LV76.gif?20180615') no-repeat;
}
.level-77 {
background: url('../../res/page/room-normal/level/LV77.gif?20180615') no-repeat;
}
.level-78 {
background: url('../../res/page/room-normal/level/LV78.gif?20180615') no-repeat;
}
.level-79 {
background: url('../../res/page/room-normal/level/LV79.gif?20180615') no-repeat;
}
.level-80 {
background: url('../../res/page/room-normal/level/LV80.gif?20180615') no-repeat;
}
.level-81 {
background: url('../../res/page/room-normal/level/LV81.gif?20180615') no-repeat;
}
.level-82 {
background: url('../../res/page/room-normal/level/LV82.gif?20180615') no-repeat;
}
.level-83 {
background: url('../../res/page/room-normal/level/LV83.gif?20180615') no-repeat;
}
.level-84 {
background: url('../../res/page/room-normal/level/LV84.gif?20180615') no-repeat;
}
.level-85 {
background: url('../../res/page/room-normal/level/LV85.gif?20180615') no-repeat;
}
.level-86 {
background: url('../../res/page/room-normal/level/LV86.gif?20180615') no-repeat;
}
.level-87 {
background: url('../../res/page/room-normal/level/LV87.gif?20180615') no-repeat;
}
.level-88 {
background: url('../../res/page/room-normal/level/LV88.gif?20180615') no-repeat;
}
.level-89 {
background: url('../../res/page/room-normal/level/LV89.gif?20180615') no-repeat;
}
.level-90 {
background: url('../../res/page/room-normal/level/LV90.gif?20180615') no-repeat;
}
.level-91 {
background: url('../../res/page/room-normal/level/LV91.gif?20180615') no-repeat;
}
.level-92 {
background: url('../../res/page/room-normal/level/LV92.gif?20180615') no-repeat;
}
.level-93 {
background: url('../../res/page/room-normal/level/LV93.gif?20180615') no-repeat;
}
.level-94 {
background: url('../../res/page/room-normal/level/LV94.gif?20180615') no-repeat;
}
.level-95 {
background: url('../../res/page/room-normal/level/LV95.gif?20180615') no-repeat;
}
.level-96 {
background: url('../../res/page/room-normal/level/LV96.gif?20180615') no-repeat;
}
.level-97 {
background: url('../../res/page/room-normal/level/LV97.gif?20180615') no-repeat;
}
.level-98 {
background: url('../../res/page/room-normal/level/LV98.gif?20180615') no-repeat;
}
.level-99 {
background: url('../../res/page/room-normal/level/LV99.gif?20180615') no-repeat;
}
.level-100 {
background: url('../../res/page/room-normal/level/LV100.gif?20186158') no-repeat;
}
.level-101 {
background: url('../../res/page/room-normal/level/LV101.gif?20186158') no-repeat;
}
.level-102 {
background: url('../../res/page/room-normal/level/LV102.gif?20186158') no-repeat;
}
.level-103 {
background: url('../../res/page/room-normal/level/LV103.gif?20186158') no-repeat;
}
.level-104 {
background: url('../../res/page/room-normal/level/LV104.gif?20186158') no-repeat;
}
.level-105 {
background: url('../../res/page/room-normal/level/LV105.gif?20186158') no-repeat;
}
.level-106 {
background: url('../../res/page/room-normal/level/LV106.gif?20186158') no-repeat;
}
.level-107 {
background: url('../../res/page/room-normal/level/LV107.gif?20186158') no-repeat;
}
.level-108 {
background: url('../../res/page/room-normal/level/LV108.gif?20186158') no-repeat;
}
.level-109 {
background: url('../../res/page/room-normal/level/LV109.gif?20186158') no-repeat;
}
.level-110 {
background: url('../../res/page/room-normal/level/LV110.gif?20186158') no-repeat;
}
.level-111 {
background: url('../../res/page/room-normal/level/LV111.gif?20186158') no-repeat;
}
.level-112 {
background: url('../../res/page/room-normal/level/LV112.gif?20186158') no-repeat;
}
.level-113 {
background: url('../../res/page/room-normal/level/LV113.gif?20186158') no-repeat;
}
.level-114 {
background: url('../../res/page/room-normal/level/LV114.gif?20186158') no-repeat;
}
.level-115 {
background: url('../../res/page/room-normal/level/LV115.gif?20186158') no-repeat;
}
.level-116 {
background: url('../../res/page/room-normal/level/LV116.gif?20186158') no-repeat;
}
.level-117 {
background: url('../../res/page/room-normal/level/LV117.gif?20186158') no-repeat;
}
.level-118 {
background: url('../../res/page/room-normal/level/LV118.gif?20186158') no-repeat;
}
.level-119 {
background: url('../../res/page/room-normal/level/LV119.gif?20186158') no-repeat;
}
.level-120 {
background: url('../../res/page/room-normal/level/LV120.gif?20186158') no-repeat;
}
.level-next-1 {
background-position: 0px -1311px
}
.level-next-2 {
background-position: 0px -1330px
}
.level-next-3 {
background-position: 0px -1349px
}
.level-next-4 {
background-position: 0px -1368px
}
.level-next-5 {
background-position: 0px -1387px
}
.level-next-6 {
background-position: 0px -1406px
}
.level-next-7 {
background-position: 0px -1425px
}
.level-next-8 {
background-position: 0px -1444px
}
.level-next-9 {
background-position: 0px -1463px
}
.level-next-10 {
background-position: 0px -1482px
}
.level-next-11 {
background-position: 0px -1501px
}
.level-next-12 {
background-position: 0px -1520px
}
.level-next-13 {
background-position: 0px -1539px
}
.level-next-14 {
background-position: 0px -1558px
}
.level-next-15 {
background-position: 0px -1577px
}
.level-next-16 {
background-position: 0px -1596px
}
.level-next-17 {
background-position: 0px -1615px
}
.level-next-18 {
background-position: 0px -1634px
}
.level-next-19 {
background-position: 0px -1653px
}
.level-next-20 {
background-position: 0px -1672px
}
.level-next-21 {
background-position: 0px -1691px
}
.level-next-22 {
background-position: 0px -1710px
}
.level-next-23 {
background-position: 0px -1729px
}
.level-next-24 {
background-position: 0px -1748px
}
.level-next-25 {
background-position: 0px -1767px
}
.level-next-26 {
background-position: 0px -1786px
}
.level-next-27 {
background-position: 0px -1805px
}
.level-next-28 {
background-position: 0px -1824px
}
.level-next-29 {
background-position: 0px -1843px
}
.level-next-30 {
background-position: 0px -1862px
}
.level-next-31 {
background-position: 0px -1881px
}
.level-next-32 {
background-position: 0px -1900px
}
.level-next-33 {
background-position: 0px -1919px
}
.level-next-34 {
background-position: 0px -1938px
}
.level-next-35 {
background-position: 0px -1957px
}
.level-next-36 {
background-position: 0px -1976px
}
.level-next-37 {
background-position: 0px -1995px
}
.level-next-38 {
background-position: 0px -2014px
}
.level-next-39 {
background-position: 0px -2033px
}
.level-next-40 {
background-position: 0px -2052px
}
.level-next-41 {
background-position: 0px -2071px
}
.level-next-42 {
background-position: 0px -2090px
}
.level-next-43 {
background-position: 0px -2109px
}
.level-next-44 {
background-position: 0px -2128px
}
.level-next-45 {
background-position: 0px -2147px
}
.level-next-46 {
background-position: 0px -2166px
}
.level-next-47 {
background-position: 0px -2185px
}
.level-next-48 {
background-position: 0px -2204px
}
.level-next-49 {
background-position: 0px -2223px
}
.level-next-50 {
background-position: 0px -2242px
}
.level-next-51 {
background-position: 0px -2261px
}
.level-next-52 {
background-position: 0px -2280px
}
.level-next-53 {
background-position: 0px -2299px
}
.level-next-54 {
background-position: 0px -2318px
}
.level-next-55 {
background-position: 0px -2337px
}
.level-next-56 {
background-position: 0px -2356px
}
.level-next-57 {
background-position: 0px -2375px
}
.level-next-58 {
background-position: 0px -2394px
}
.level-next-59 {
background-position: 0px -2413px
}
.level-next-60 {
background-position: 0px -2432px
}
.level-next-61 {
background-position: 0px -2451px
}
.level-next-62 {
background-position: 0px -2470px
}
.level-next-63 {
background-position: 0px -2489px
}
.level-next-64 {
background-position: 0px -2508px
}
.level-next-65 {
background-position: 0px -2527px
}
.level-next-66 {
background-position: 0px -2546px
}
.level-next-67 {
background-position: 0px -2565px
}
.level-next-68 {
background-position: 0px -2584px
}
.level-next-69 {
background-position: 0px -2603px
}
.level-next-70 {
background-position: 0px -2622px
}
.level-next-71 {
background-position: 0px -2641px
}
.level-next-72 {
background-position: 0px -2660px
}
.level-next-73 {
background-position: 0px -2679px
}
.level-next-74 {
background-position: 0px -2698px
}
.level-next-75 {
background-position: 0px -2717px
}
.level-next-76 {
background-position: 0px -2736px
}
.level-next-77 {
background-position: 0px -2755px
}
.level-next-78 {
background-position: 0px -2774px
}
.level-next-79 {
background-position: 0px -2793px
}
.level-next-80 {
background-position: 0px -2812px
}
.level-next-81 {
background-position: 0px -2831px
}
.level-next-82 {
background-position: 0px -2850px
}
.level-next-83 {
background-position: 0px -2869px
}
.level-next-84 {
background-position: 0px -2888px
}
.level-next-85 {
background-position: 0px -2907px
}
.level-next-86 {
background-position: 0px -2926px
}
.level-next-87 {
background-position: 0px -2945px
}
.level-next-88 {
background-position: 0px -2964px
}
.level-next-89 {
background-position: 0px -2983px
}
.level-next-90 {
background-position: 0px -3002px
}
.level-next-91 {
background-position: 0px -3021px
}
.level-next-92 {
background-position: 0px -3040px
}
.level-next-93 {
background-position: 0px -3059px
}
.level-next-94 {
background-position: 0px -3078px
}
.level-next-95 {
background-position: 0px -3097px
}
.level-next-96 {
background-position: 0px -3116px
}
.level-next-97 {
background-position: 0px -3135px
}
.level-next-98 {
background-position: 0px -3154px
}
.level-next-99 {
background-position: 0px -3173px
}
.level-next-100 {
background-position: 0px -3192px
}
.level-next-101 {
background-position: 0px -3211px
}
.level-next-102 {
background-position: 0px -3230px
}
.level-next-103 {
background-position: 0px -3249px
}
.level-next-104 {
background-position: 0px -3268px
}
.level-next-105 {
background-position: 0px -3287px
}
.level-next-106 {
background-position: 0px -3306px
}
.level-next-107 {
background-position: 0px -3325px
}
.level-next-108 {
background-position: 0px -3344px
}
.level-next-109 {
background-position: 0px -3363px
}
.level-next-110 {
background-position: 0px -3382px
}
.level-next-111 {
background-position: 0px -3401px
}
.level-next-112 {
background-position: 0px -3420px
}
.level-next-113 {
background-position: 0px -3439px
}
.level-next-114 {
background-position: 0px -3458px
}
.level-next-115 {
background-position: 0px -3477px
}
.level-next-116 {
background-position: 0px -3496px
}
.level-next-117 {
background-position: 0px -3515px
}
.level-next-118 {
background-position: 0px -3534px
}
.level-next-119 {
background-position: 0px -3553px
}
.level-next-120 {
background-position: 0px -3572px
}
/* [斗鱼主站等级 PNG 图标合并 #22932 created by zhangqiuhong] end */
/* [导航栏游戏板块优化 created by huangyaqin] start*/
#header .head-nav .funny .a-pop {
padding: 0px 16px 17px;
width: 247px;
position: absolute;
right: -110px;
top: 40px;
display: none;
background: #fff;
border: 1px solid #dddddd;
border-bottom-left-radius : 4px;
border-bottom-right-radius : 4px;
}
#header .head-nav .funny .a-pop>i {
width: 0;
height: 0;
position: absolute;
top: -7px;
right: 50%;
margin-right : -7px;
border-top: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ddd;
}
#header .head-nav .funny .a-pop>i:after{
content: '';
width: 0;
height: 0;
position: absolute;
top: 1px;
right: -7px;
border-top: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #fff;
}
#header .head-nav .funny .a-list h3 {
margin: 17px 0 9px 0;
color: #444;
height: 18px;
font-size: 14px;
line-height: 18px;
font-weight: bold;
font-family: "microsoft yahei";
text-align: left;
}
#header .head-nav .funny .a-list .btns {
width: 250px;
overflow: hidden;
}
#header .head-nav .funny .a-list .btns li {
float: left;
padding: 0 3px 3px 0;
}
#header .head-nav .funny .a-list .btns li a {
display: block;
padding: 0;
width: 80px;
height: 24px;
background: #ececec;
border: none;
font-size: 12px;
line-height: 24px;
color: #797979;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-align: center;
border-radius: 3px;
}
#header .head-nav .funny .a-list .btns li a:hover {
border: none;
background: #ff7700;
color: #FFF;
}
#header .head-nav .funny .a-list .btn-all>a {
display: block;
height: 24px;
background: #f70;
line-height: 24px;
color: #FFF;
text-align: center;
font-size: 14px;
font-weight: bold;
}
#header .head-nav .funny .a-list .btn-all>a:hover {
border: none;
color: #fff;
background: #f14700;
}
#header .head-nav .funny .a-other>div {
display: none;
height: 61px;
overflow: hidden;
}
#header .head-nav .funny.open>.a-pop { display: block; }
#header .head-nav .funny>i {
position: absolute;
right: -12px;
top: 7px;
width: 20px;
height: 20px;
overflow: hidden;
padding: 0;
line-height: normal;
transition: transform 300ms ease-in-out;
-o-transition: -o-transform 300ms ease-in-out;
-moz-transition: -moz-transform 300ms ease-in-out;
-webkit-transition: -webkit-transform 300ms ease-in-out;
}
#header .head-nav .funny.open > i {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
/* [导航栏游戏板块优化 created by huangyaqin] end*/
/*flash 版本过低 yichunbao@douyu.tv*/
.flash-version-low{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background: #000;
z-index:2;
}
.flash-version-low .inner{
position:absolute;
left:50%;
top:50%;
margin-left:-250px;
margin-top:-135px;
width:500px;
height:270px;
background:url(../../res/com/flash-version-low.png?20161123) no-repeat center top;
text-align: center;
z-index:2;
}
.flash-version-low .tips-low{
margin-top: 190px;
font-size: 20px;
color: #fff;
}
.flash-version-low .tips-low a{
color:#f70;
text-decoration:underline;
}
.flash-version-low .tips-refresh a{
color:#f70;
text-decoration:none;
}
.flash-version-low .tips-refresh{
margin-top: 20px;
font-size: 18px;
color: #666;
}
.flash-version-tips{
position: absolute;
left: 0;
right: 0;
bottom: 0px;
z-index: 2;
padding: 10px 0;
text-align: center;
font-size: 18px;
color: #fff;
}
.flash-version-tips .flash-tips-cover{
position: absolute;
background: #222;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.flash-version-tips .flash-tips-text{
position: relative;
z-index: 2;
}
.video-player-area{
width: 100%;
height: 100%;
}
.flash-version-tips .flash-get-link{
margin: 0 5px;
color:#f70;
text-decoration:none;
}
.flash-version-tips .flash-tips-close{
position: absolute;
right: 0;
top: 0;
width: 30px;
height: 30px;
color: #fff;
font-size: 18px;
text-align: center;
line-height: 30px;
cursor: pointer;
z-index: 3;
}
/*直播转点播优化 yichunbao@douyu.tv--------------开始------------------------*/
/*带箭头提示*/
.pop-dialog {
position:absolute;
background: #fff;
min-width: 240px;
color: #666;
left: 50%;
top: 100%;
margin-left: -120px;
margin-top: 10px;
border: 1px solid #dcdcdc;
border-top: 2px solid #f70;
border-radius: 0 0 4px 4px;
cursor: default;
z-index:500;
}
.pop-dialog .pop-arrow,
.pop-dialog .arrow-inner {
position: absolute;
border: 7px solid transparent;
border-bottom: 7px solid #f70;
bottom:100%;
left: 50%;
margin-left: -7px;
}
.pop-dialog .pop-close{
position: absolute;
right: 0;
top: 0;
padding: 5px;
z-index: 2;
line-height: 15px;
font-size: 20px;
}
.pop-dialog .arrow-inner {
top: -13px;
border-bottom-color: #fff;
}
.pop-dialog .pop-extend-hover{
position: absolute;
width: 100%;
height: 10px;
top: -12px;
left: -1px;
padding: 0 1px;
}
.pop-dialog .cont{
position: relative;
padding:18px 20px;
text-align: center;
background: #fff;
border-radius: 2px;
}
.pop-dialog .cont p{
word-wrap: break-word;
text-align: justify;
line-height: 16px;
}
.pop-dialog .strong{
font-size: 16px;
font-weight: 600;
}
.pop-dialog .pop-control{
line-height: 26px;
margin-top:20px;
padding-left:10px;
text-align: center;
}
.pop-dialog .pop-control .btn-white,
.pop-dialog .pop-control .btn-yellow{
display: inline-block;
width:73px;
line-height: 26px;
height:26px;
text-align: center;
border:1px solid #f70;
color:#f70;
background: #fff;
cursor: pointer;
border-radius: 4px;
margin-right:10px;
}
.pop-dialog .pop-control .btn-yellow{
background:#f70;
color: #fff;
}
.pop-dialog .pop-control .btn-yellow:hover{
background:#f60;
}
.pop-dialog .pop-control .btn-white:hover{
background:#f70;
color: #fff;
}
.pop-dialog .pop-paragraph{
padding-top: 10px;
}
.pop-dialog .pop-link {
color:#f70;
margin:0 5px;
}
/*头部提示*/
.header-video-area{
position: relative;
height:46px;
line-height: 46px;
margin-right: 15px;
}
.header-video-area .header-video-guide{
margin-top:0;
display: none;
z-index: 1;
}
.header-video-guide p{
line-height: 20px;
}
.header-video-area .header-my-video{
display: inline-block;
height: 100%;
cursor: pointer;
color: #868686;
}
.header-video-area .header-my-video span{
vertical-align: middle;
}
.header-video-area .header-my-video .icon{
vertical-align: middle;
margin-right: 5px;
display: inline-block;
width: 20px;
height: 15px;
background:url(../../res/com/video.png?20161205) no-repeat 0 0;
}
.header-video-area:hover .header-my-video span{
color: #f70;
}
.header-video-area:hover .header-my-video .icon{
background-position: 0 -30px;
}
.header-video-area .video-msg-num{
position: absolute;
top: 3px;
min-width: 12px;
background: #f76300;
height: 16px;
line-height: 16px;
border-radius: 6px;
right: -13px;
color: #fff!important;
text-align: center;
padding: 0px 2px;
display: none;
}
/*提示*/
.pop-tips{
position: absolute;
min-width: 145px;
line-height: 18px;
text-align: center;
color: #fff;
bottom: 100%;
margin-bottom: 14px;
padding: 10px 15px;
left: 50%;
margin-left: -88px;
z-index: 2;
display: none;
}
.pop-tips .pop-tips-layer{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.7;
filter: alpha(opacity=70);
}
.pop-tips .arrow{
position: absolute;
border: 7px solid transparent;
border-top: 7px solid #000;
top:100%;
left: 50%;
margin-left: -7px;
}
.pop-tips .link,.pop-tips .active{
color: #f70;
}
.pop-tips .cont{
position: relative;
}
.pop-tips .line{
white-space: nowrap;
}
/*头部消息*/
.video-msg-pop{
margin-top:0;
display: none;
z-index: 1
}
.video-msg-pop .video-msg-list{
overflow: hidden;
margin-top: -10px;
}
.video-msg-pop .video-msg-item{
display: block;
text-align: left;
color: #666;
line-height: 12px;
margin-top: 10px;
}
.video-msg-pop .video-msg-item:hover{
color: #f70;
}
/*直播转点播优化 yichunbao@douyu.tv-------------结束------------------------*/
/* S 贵族系统一期 end by yanxi@douyu.tv 2016-12-29 */
.nobility-privilege {
position: relative;
z-index: 3;
width: 330px;
margin: 0 auto;
padding: 15px 0;
border-bottom: 1px solid #f1f1f1;
}
.nobility-privilege .privilege-promote, .nobility-privilege .head-guild-entry{
display: block;
width: 330px;
margin: auto;
height: 92px;
border-radius: 6px;
overflow: hidden;
}
.nobility-privilege .privilege-title{
position: relative;
}
.nobility-privilege .privilege-title-h3{
float: left;
font-size: 16px;
color: #333;
line-height: 25px;
}
.nobility-privilege .privilege-title-times{
float: left;
width: 100%;
font-size: 12px;
line-height: 15px;
color: #999;
}
.nobility-privilege .privilege-title-times em{
display: inline-block;
vertical-align: middle;
}
.privilege-title-countdown{
font-size: 12px;
color: #f70;
margin-left: 10px;
}
.nobility-privilege .privilege-title-buy{
float: right;
height: 25px;
width: 55px;
font-size: 12px;
text-align: center;
color: #fff;
line-height: 25px;
border-radius: 20px;
background-color: #ff5d23;
}
.nobility-privilege .privilege-title-buy:hover{
background-color: #f14600;
}
.nobility-privilege .privilege-ls{
width: 100%;
height: 50px;
margin-top: 8px;
}
.nobility-privilege .privilege-ls .privilege-items{
float: left;
position: relative;
margin-right: 6px;
width: 50px;
height: 50px;
}
.nobility-privilege .privilege-ls .privilege-items:hover .privilege-items-desc{
display: block;
}
.nobility-privilege .privilege-ls .privilege-items6{
margin-right: 0;
}
.nobility-privilege .privilege-items .privilege-items-desc{
display: none;
position: absolute;
top: 58px;
padding: 10px;
width: 330px;
font-size: 0;
border: 1px solid #d1d1d1;
background-color: #ffffff;
z-index: 3;
box-shadow: 0 0 7px rgba(0,0,0,.17)
}
.nobility-privilege .privilege-items .privilege-desc-lk{
display: block;
width: 50px;
height: 50px;
overflow: hidden;
}
.nobility-privilege .privilege-items .privilege-items-mask{
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 12px;
background-color: #000;
opacity: 0.5;
filter: alpha(opacity=50);
}
.nobility-privilege .privilege-items .privilege-more-lk:hover .privilege-items-mask{
display: block;
}
.nobility-privilege .privilege-items .lmsj-top{
position: absolute;
top: -8px;
width: 0;
height: 0;
background: none;
border-bottom: 7px solid #d1d1d1;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
}
.nobility-privilege .privilege-items .lmsj-inner{
position: absolute;
top: -7px;
width: 0;
height: 0;
border-bottom: 7px solid #fff;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
}
.nobility-privilege .privilege-items .privilege-items-pic{
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
.nobility-privilege .privilege-items .privilege-items-txt-wp{
display: inline-block;
width: 230px;
vertical-align: middle;
}
.nobility-privilege .privilege-items .privilege-items-title{
font-size: 16px;
line-height: 1;
color: #3b4c5b;
}
.nobility-privilege .privilege-items .privilege-items-txt{
margin-top: 9px;
font-size: 12px;
line-height: 18px;
color: #959595;
}
.nobility-privilege .privilege-items1 .privilege-items-desc{
left: 0;
}
.nobility-privilege .privilege-items1 .lmsj-top,
.nobility-privilege .privilege-items1 .lmsj-inner{
left: 18px;
}
.nobility-privilege .privilege-items2 .privilege-items-desc{
left: -60px;
}
.nobility-privilege .privilege-items2 .lmsj-top,
.nobility-privilege .privilege-items2 .lmsj-inner{
left: 78px;
}
.nobility-privilege .privilege-items3 .privilege-items-desc{
left: -120px;
}
.nobility-privilege .privilege-items3 .lmsj-top,
.nobility-privilege .privilege-items3 .lmsj-inner{
left: 138px;
}
.nobility-privilege .privilege-items4 .privilege-items-desc{
left: -180px;
}
.nobility-privilege .privilege-items4 .lmsj-top,
.nobility-privilege .privilege-items4 .lmsj-inner{
left: 198px;
}
.nobility-privilege .privilege-items5 .privilege-items-desc{
left: -240px;
}
.nobility-privilege .privilege-items5 .lmsj-top,
.nobility-privilege .privilege-items5 .lmsj-inner{
left: 258px;
}
/* E 贵族系统一期 end by yanxi@douyu.tv 2016-12-29 */
/*贵族系统一期 用户引导 新特权 begin*/
.o-login .l-menu .invisible span.myvip--guide--sp{
background-color: #fc5e6d;
border-radius:11px;
height: 22px;
line-height: 22px;
width:58px;
display: block;
margin-left:6px;
display: none;
}
.o-login .l-menu .invisible span.myvip--guide--sp .icon--guide--sp{
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid #fc5e6d;
position: absolute;
top:-4px;
left:50%;
margin-left: -4px;
}
/*贵族系统一期 用户引导 新特权 end*/
/*贵族系统一期 用户引导 隐身 begin*/
.myvip--guide--login{
position: absolute;
left:0;
top:50px;
margin-left:-67px;
-webkit-filter: drop-shadow(0px 0px 7px rgba(0,0,0,.17));
-moz-filter: drop-shadow(0px 0px 7px rgba(0,0,0,.17));
-ms-filter: drop-shadow(0px 0px 7px rgba(0,0,0,.17));
-o-filter: drop-shadow(0px 0px 7px rgba(0,0,0,.17));
filter: drop-shadow(0px 0px 7px rgba(0,0,0,.17));
display: none;
}
.myvip--guide--login .guide-login--icon,
.myvip--guide--login .guide-login--iconbor{
position: absolute;
top:-8px;
left:80px;
width:0;
height: 0;
}
.myvip--guide--login .guide-login--icon{
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 8px solid #fff;
margin:1px 0 0 -5px;
z-index: 1;
}
.myvip--guide--login .guide-login--iconbor{
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 9px solid #d1d1d1;
margin-left: -6px;
}
.guide--login--wrap{
position: relative;
background:#fff;
white-space: nowrap;
}
.guide--login--wrap .guide--login--close{
display: block;
position: absolute;
top:-8px;
right:0;
height: 21px;
width:21px;
text-indent: 9999px;
box-shadow: 0 0 3px #efefef;
border-radius: 9999px;
background: url(../../res/page/room-normal/vip_guide/guide_yinshen_close.png);
}
.guide--login--wrap .myvip--guide--login--close:hover{
color: #9c9c9c;
}
.guide--login--wrap .login--wrap--content p{
padding: 15px 25px 12px 12px;
font-size: 12px;
color: #666;
}
/*贵族系统一期 用户引导 隐身 end*/
/* #40215 用户等级系统改版 created by zhangqiuhong start*/
.normallevel-next-icon,
.normallevel-prev-icon,
.normallevel-close{
background: url(../../res/com/normallevel/normallevel.png?20170222) no-repeat 0 0;
}
.normallevel-roll{
position: absolute;
top: 0;
left: 0;
height: 560px;
z-index: 1;
}
.normallevel-lead {
position: fixed;
top: 0;
left: 0;
z-index: 509;
width: 100%;
height: 100%;
}
.normallevel-mask {
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.5;
filter: alpha(opacity=50);
}
.normallevel-box{
position: absolute;
left: 50%;
top: 50%;
width: 880px;
height: 560px;
margin-left: -440px;
margin-top: -280px;
border-radius: 10px;
overflow: hidden;
}
:root .normallevel-box{
background: #fff;
}
.normallevel-close {
position: absolute;
top: 15px;
right: 20px;
z-index: 3;
width: 13px;
height: 13px;
cursor: pointer;
background-position: 0 -62px;
}
/* 引导层内容部分 start*/
.normallevel-step1,
.normallevel-step2,
.normallevel-step3,
.normallevel-step4{
position: relative;
float: left;
width: 880px;
height: 560px;
}
.
.normallevel-btn-con {
position: absolute;
left: 235px;
bottom: 40px;
}
.normallevel-btn {
display: inline-block;
width: 150px;
height: 35px;
line-height: 35px;
margin-right: 10px;
border: 1px solid #ff7700;
border-radius: 15px;
font-size: 14px;
color: #fff;
text-align: center;
cursor: pointer;
}
.normallevel-btn-know {
color: #ff7700;
background-color: #fff;
}
.normallevel-btn-see{
color: #fff;
background-color: #ff7700;
}
.normallevel-btn:hover,
.normallevel-btn.active {
font-weight: bold;
color: #fff;
cursor: pointer;
background-color: #ff5500;
}
.normallevel-step1 {
background: url(../../res/com/normallevel/page1bg.png?20170222) no-repeat 0 0;
}
.normallevel-step2 {
background: url(../../res/com/normallevel/page2bg.png?20170222) no-repeat 0 0;
}
.normallevel-step3 {
background: url(../../res/com/normallevel/page3bg.png?20170222) no-repeat 0 0;
}
.normallevel-step4 {
background: url(../../res/com/normallevel/page4bg.png?20170222) no-repeat 0 0;
}
.normallevel-btn-con {
position: relative;
top: 488px;
z-index: 2;
width: 100%;
text-align: center;
}
/* 引导层内容部分 end*/
.normallevel-roll-nav-list {
position: absolute;
bottom: 40px;
left: 50%;
z-index: 3;
margin-left: -52px;
}
.roll-nav{
display: inline-block;
width: 13px;
height: 13px;
margin-right: 10px;
border-radius: 50%;
vertical-align: middle;
background-color: #ccc;
}
.roll-nav.active,
.roll-nav:hover{
cursor: pointer;
background-color: #ff5500;
}
.normallevel-prev-area,
.normallevel-next-area {
position: absolute;
top: 0;
z-index: 2;
width: 380px;
height: 560px;
}
.normallevel-prev-area {
left: 0;
}
.normallevel-next-area {
right: 0;
}
.normallevel-next,
.normallevel-prev{
display: block;
position: absolute;
z-index: 2;
top: 244px;
width: 35px;
height: 70px;
background-color: #f25500;
}
.normallevel-prev-area:hover .normallevel-prev,
.normallevel-next-area:hover .normallevel-next {
cursor: pointer;
background-color: #e14f00;
}
.normallevel-next {
right: 0;
border-radius: 35px 0 0 35px;
}
.normallevel-prev {
left: 0px;
border-radius: 0 35px 35px 0;
}
.normallevel-next-icon,
.normallevel-prev-icon{
position: absolute;
top: 50%;
left: 50%;
width: 11px;
height: 19px;
}
.normallevel-prev-icon {
margin-left: -11px;
margin-top: -11px;
background-position: 0 -29px;
}
.normallevel-next-icon {
margin-left: 1px;
margin-top: -10px;
background-position: 0 0;
}
/* #40215 用户等级系统改版 created by zhangqiuhong end*/
/*#43132: 主播等级一期 start*/
.anchor-level{
display: inline-block;
width: 40px;
height: 16px;
vertical-align: middle;
text-align: center;
}
.anchor-level-icon{
display: inline-block;
vertical-align: middle;
}
.anchor-level-icon[data-anchor-levelimg],
.anchor-level-icon[data-anchor-nextlevelimg]{
width: 40px;
height: 16px;
background: url(../../res/page/room-normal/anchor-level/anchor-level.png?20180615) no-repeat;
}
.anchor-level-icon[data-anchor-leveltext],
.anchor-level-icon[data-anchor-nextleveltext]{
font-size: 14px;
font-weight: bold;
}
.anchor-level-icon[data-anchor-leveltext]{
color: #ff7700;
}
.anchor-level-icon[data-anchor-nextleveltext] {
color: #b8c0cc;
}
.anchor-level-icon[data-anchor-levelimg="1"] {
background-position: 0px 0px
}
.anchor-level-icon[data-anchor-levelimg="2"] {
background-position: 0px -23px
}
.anchor-level-icon[data-anchor-levelimg="3"] {
background-position: 0px -46px
}
.anchor-level-icon[data-anchor-levelimg="4"] {
background-position: 0px -69px
}
.anchor-level-icon[data-anchor-levelimg="5"] {
background-position: 0px -92px
}
.anchor-level-icon[data-anchor-levelimg="6"] {
background-position: 0px -115px
}
.anchor-level-icon[data-anchor-levelimg="7"] {
background-position: 0px -138px
}
.anchor-level-icon[data-anchor-levelimg="8"] {
background-position: 0px -161px
}
.anchor-level-icon[data-anchor-levelimg="9"] {
background-position: 0px -184px
}
.anchor-level-icon[data-anchor-levelimg="10"] {
background-position: 0px -207px
}
.anchor-level-icon[data-anchor-levelimg="11"] {
background-position: 0px -230px
}
.anchor-level-icon[data-anchor-levelimg="12"] {
background-position: 0px -253px
}
.anchor-level-icon[data-anchor-levelimg="13"] {
background-position: 0px -276px
}
.anchor-level-icon[data-anchor-levelimg="14"] {
background-position: 0px -299px
}
.anchor-level-icon[data-anchor-levelimg="15"] {
background-position: 0px -322px
}
.anchor-level-icon[data-anchor-levelimg="16"] {
background-position: 0px -345px
}
.anchor-level-icon[data-anchor-levelimg="17"] {
background-position: 0px -368px
}
.anchor-level-icon[data-anchor-levelimg="18"] {
background-position: 0px -391px
}
.anchor-level-icon[data-anchor-levelimg="19"] {
background-position: 0px -414px
}
.anchor-level-icon[data-anchor-levelimg="20"] {
background-position: 0px -437px
}
.anchor-level-icon[data-anchor-levelimg="21"] {
background-position: 0px -460px
}
.anchor-level-icon[data-anchor-levelimg="22"] {
background-position: 0px -483px
}
.anchor-level-icon[data-anchor-levelimg="23"] {
background-position: 0px -506px
}
.anchor-level-icon[data-anchor-levelimg="24"] {
background-position: 0px -529px
}
.anchor-level-icon[data-anchor-levelimg="25"] {
background-position: 0px -552px
}
.anchor-level-icon[data-anchor-levelimg="26"] {
background-position: 0px -575px
}
.anchor-level-icon[data-anchor-levelimg="27"] {
background-position: 0px -598px
}
.anchor-level-icon[data-anchor-levelimg="28"] {
background-position: 0px -621px
}
.anchor-level-icon[data-anchor-levelimg="29"] {
background-position: 0px -644px
}
.anchor-level-icon[data-anchor-levelimg="30"] {
background-position: 0px -667px
}
.anchor-level-icon[data-anchor-levelimg="31"] {
background-position: 0px -690px
}
.anchor-level-icon[data-anchor-levelimg="32"] {
background-position: 0px -713px
}
.anchor-level-icon[data-anchor-levelimg="33"] {
background-position: 0px -736px
}
.anchor-level-icon[data-anchor-levelimg="34"] {
background-position: 0px -759px
}
.anchor-level-icon[data-anchor-levelimg="35"] {
background-position: 0px -782px
}
.anchor-level-icon[data-anchor-levelimg="36"] {
background-position: 0px -805px
}
.anchor-level-icon[data-anchor-levelimg="37"] {
background-position: 0px -828px
}
.anchor-level-icon[data-anchor-levelimg="38"] {
background-position: 0px -851px
}
.anchor-level-icon[data-anchor-levelimg="39"] {
background-position: 0px -874px
}
.anchor-level-icon[data-anchor-levelimg="40"] {
background-position: 0px -897px
}
.anchor-level-icon[data-anchor-levelimg="41"] {
background-position: 0px -920px
}
.anchor-level-icon[data-anchor-levelimg="42"] {
background-position: 0px -943px
}
.anchor-level-icon[data-anchor-levelimg="43"] {
background-position: 0px -966px
}
.anchor-level-icon[data-anchor-levelimg="44"] {
background-position: 0px -989px
}
.anchor-level-icon[data-anchor-levelimg="45"] {
background-position: 0px -1012px
}
.anchor-level-icon[data-anchor-levelimg="46"] {
background-position: 0px -1035px
}
.anchor-level-icon[data-anchor-levelimg="47"] {
background-position: 0px -1058px
}
.anchor-level-icon[data-anchor-levelimg="48"] {
background-position: 0px -1081px
}
.anchor-level-icon[data-anchor-levelimg="49"] {
background-position: 0px -1104px
}
.anchor-level-icon[data-anchor-levelimg="50"] {
background-position: 0px -1127px
}
.anchor-level-icon[data-anchor-levelimg="51"] {
background-position: 0px -1150px
}
.anchor-level-icon[data-anchor-levelimg="52"] {
background-position: 0px -1173px
}
.anchor-level-icon[data-anchor-levelimg="53"] {
background-position: 0px -1196px
}
.anchor-level-icon[data-anchor-levelimg="54"] {
background-position: 0px -1219px
}
.anchor-level-icon[data-anchor-levelimg="55"] {
background-position: 0px -1242px
}
.anchor-level-icon[data-anchor-levelimg="56"] {
background-position: 0px -1265px
}
.anchor-level-icon[data-anchor-levelimg="57"] {
background-position: 0px -1288px
}
.anchor-level-icon[data-anchor-levelimg="58"] {
background-position: 0px -1311px
}
.anchor-level-icon[data-anchor-levelimg="59"] {
background-position: 0px -1334px
}
.anchor-level-icon[data-anchor-levelimg="60"] {
background-position: 0px -1357px
}
.anchor-level-icon[data-anchor-levelimg="61"] {
background-position: 0px -1380px
}
.anchor-level-icon[data-anchor-levelimg="62"] {
background-position: 0px -1403px
}
.anchor-level-icon[data-anchor-levelimg="63"] {
background-position: 0px -1426px
}
.anchor-level-icon[data-anchor-levelimg="64"] {
background-position: 0px -1449px
}
.anchor-level-icon[data-anchor-levelimg="65"] {
background-position: 0px -1472px
}
.anchor-level-icon[data-anchor-levelimg="66"] {
background-position: 0px -1495px
}
.anchor-level-icon[data-anchor-levelimg="67"] {
background-position: 0px -1518px
}
.anchor-level-icon[data-anchor-levelimg="68"] {
background-position: 0px -1541px
}
.anchor-level-icon[data-anchor-levelimg="69"] {
background-position: 0px -1564px
}
.anchor-level-icon[data-anchor-levelimg="70"] {
background-position: 0px -1587px
}
.anchor-level-icon[data-anchor-levelimg="71"] {
background-position: 0px -1610px
}
.anchor-level-icon[data-anchor-levelimg="72"] {
background-position: 0px -1633px
}
.anchor-level-icon[data-anchor-levelimg="73"] {
background-position: 0px -1656px
}
.anchor-level-icon[data-anchor-levelimg="74"] {
background-position: 0px -1679px
}
.anchor-level-icon[data-anchor-levelimg="75"] {
background-position: 0px -1702px
}
.anchor-level-icon[data-anchor-levelimg="76"] {
background-position: 0px -1725px
}
.anchor-level-icon[data-anchor-levelimg="77"] {
background-position: 0px -1748px
}
.anchor-level-icon[data-anchor-levelimg="78"] {
background-position: 0px -1771px
}
.anchor-level-icon[data-anchor-levelimg="79"] {
background-position: 0px -1794px
}
.anchor-level-icon[data-anchor-levelimg="80"] {
background-position: 0px -1817px
}
.anchor-level-icon[data-anchor-levelimg="81"] {
background-position: 0px -1840px
}
.anchor-level-icon[data-anchor-levelimg="82"] {
background-position: 0px -1863px
}
.anchor-level-icon[data-anchor-levelimg="83"] {
background-position: 0px -1886px
}
.anchor-level-icon[data-anchor-levelimg="84"] {
background-position: 0px -1909px
}
.anchor-level-icon[data-anchor-levelimg="85"] {
background-position: 0px -1932px
}
.anchor-level-icon[data-anchor-levelimg="86"] {
background-position: 0px -1955px
}
.anchor-level-icon[data-anchor-levelimg="87"] {
background-position: 0px -1978px
}
.anchor-level-icon[data-anchor-levelimg="88"] {
background-position: 0px -2001px
}
.anchor-level-icon[data-anchor-levelimg="89"] {
background-position: 0px -2024px
}
.anchor-level-icon[data-anchor-levelimg="90"] {
background-position: 0px -2047px
}
.anchor-level-icon[data-anchor-levelimg="91"] {
background-position: 0px -2070px
}
.anchor-level-icon[data-anchor-levelimg="92"] {
background-position: 0px -2093px
}
.anchor-level-icon[data-anchor-levelimg="93"] {
background-position: 0px -2116px
}
.anchor-level-icon[data-anchor-levelimg="94"] {
background-position: 0px -2139px
}
.anchor-level-icon[data-anchor-levelimg="95"] {
background-position: 0px -2162px
}
.anchor-level-icon[data-anchor-levelimg="96"] {
background-position: 0px -2185px
}
.anchor-level-icon[data-anchor-levelimg="97"] {
background-position: 0px -2208px
}
.anchor-level-icon[data-anchor-levelimg="98"] {
background-position: 0px -2231px
}
.anchor-level-icon[data-anchor-levelimg="99"] {
background-position: 0px -2254px
}
.anchor-level-icon[data-anchor-levelimg="100"] {
background-position: 0px -2277px
}
/*#43132: 主播等级一期 end */
/*粉丝徽章 启动页面 by chenxueshuang start*/
.fans-badge-lead{
position: fixed;
top: 0;
left: 0;
z-index: 509;
width: 100%;
height: 100%;
}
.fans-badge-mask{
width: 100%;
height: 100%;
background-color: #000;
-moz-opacity: .5;
-ms-opacity: .5;
-o-opacity: .5;
opacity: .5;
filter: alpha(opacity=50);
}
.fans-badge-box{
position: absolute;
left: 50%;
top: 50%;
width: 880px;
height: 560px;
margin-left: -440px;
margin-top: -280px;
border-radius: 10px;
overflow: hidden;
background: #fff;
}
.fans-badge-close{
position: absolute;
top: 5px;
right: 5px;
z-index: 3;
width: 13px;
height: 13px;
padding: 10px;
background: url(../../res/com/fans_badge/fans_lead_close.png?20170408) no-repeat 8px 8px;
cursor: pointer;
}
.fans-badge-close:hover{
background-position: 8px -44px;
}
.fans-badge-lead-img{
height: 560px;
background: url(../../res/com/fans_badge/fans_lead.png?20170408) center no-repeat;
}
/*粉丝徽章 启动页面 by chenxueshuang end*/
/*粉丝狂欢节 导航增加倒计时 by chenxueshuang start*/
.fans-carnival-box{
display: none;
float: left;
}
.fans-carnival{
display: none;
position: absolute;
margin-left: 40px;
margin-top: 6px;
text-align: center;
}
.fans-carnival a{
display: block;
font-size: 0;
}
.fans-carnival .carnival-coming-title{
display: inline-block;
width: 138px;
height: 14px;
background: url(../../res/com/fans/carnival_coming.png?20170425) no-repeat;
}
.fans-carnival .carnival-in-title{
display: inline-block;
width: 138px;
height: 14px;
background: url(../../res/com/fans/carnival_in.png?20170425) no-repeat;
}
.fans-carnival.carnival-small{
margin-top: 9px;
}
.carnival-small .carnival-small-title{
display: inline-block;
width: 68px;
height: 30px;
background: url(../../res/com/fans/carnival_small.png?20170425) no-repeat;
}
.fans-carnival .carnival-time{
display: block;
margin-top: 4px;
font-size: 12px;
color: #444;
}
.carnival-time em{
display: inline-block;
margin: 0 2px;
padding: 0 3px;
color: #fff;
background-color: #f70;
border-radius: 2px;
}
.carnival-lookback{
display: inline-block;
width: 138px;
height: 35px;
background: url(../../res/com/fans/carnival_lookback.png?20170425) no-repeat;
}
/*粉丝狂欢节 导航增加倒计时 by chenxueshuang start*/
/*弹幕逆袭 by chenxueshuang start*/
.counter-attack{
position: absolute;
top: 51px;
left: 50%;
margin-left: -360px;
width: 719px;
height: 20px;
line-height: 20px;
background: url(../../res/com/fans/progress.png?v=20170426) 0 0 no-repeat;
}
.counter-attack-progress{
position: absolute;
left: 0;
top: 0;
width: 0%;
height: 20px;
background: url(../../res/com/fans/progress.png?v=20170426) 0 -40px no-repeat;
}
.progress-percent{
position: absolute;
width: 100%;
text-align: center;
color: #fff;
letter-spacing: 1px;
}
.progress-num{
position: absolute;
right: 10px;
color: #ddd;
}
.counter-attack-close{
display: none;
position: absolute;
width: 30px;
height: 20px;
top: 0;
right: -28px;
background: url(../../res/com/fans/close_btn.png?v=20170426) center right no-repeat;
}
/*弹幕逆袭 by chenxueshuang end*/
/*普通页面-下拉框 增加贵族FAQ进入按钮 */
.nobility-privilege .privilege-title-faq {
float: right;
height: 25px;
margin-right: 8px;
font-size: 12px;
color: #ff5d23;
line-height: 25px;
}
/* #44243 广告分发系统优化V1.0 meibiying */
.business-tip {
position: absolute;
right: 2px;
top: 49px;
min-width: 200px;
max-width: 285px;
background-color: #fff;
border: 1px solid #d1d1d1;
border-top: 2px solid #ff8f2b;
font-size: 12px;
z-index: 10;
}
.business-tip-icon {
display: inline-block;
position: absolute;
top: -14px;
right: 76px;
width: 0;
height: 0;
border: 6px solid transparent;
border-bottom-color: #ff8f2b;
}
.business-tip-header {
height: 20px;
background-color: #f5f5f5;
text-align: right;
}
.business-tip-close {
display: inline-block;
width: 10px;
height: 10px;
margin: 5px;
background: url(../../res/page/room-normal/business-sprite.png) no-repeat 0 -12px;
}
.business-tip-content {
padding: 0 20px;
}
.business-word {
margin: 10px 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.business-word-icon {
display: inline-block;
width: 15px;
height: 12px;
margin: -2px 3px 0 0;
vertical-align: middle;
background: url(../../res/page/room-normal/business-sprite.png) no-repeat 0 0;
}
.business-word-text {
font-weight: bold;
color: #555;
}
.business-list li {
padding: 8px 0;
color: #868686;
border-top: 1px solid #ebebeb;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.business-list a {
color: #555;
}
.business-list i {
display: inline-block;
width: 11px;
height: 12px;
padding-right: 5px;
vertical-align: middle;
background: url(../../res/page/room-normal/business-sprite.png) no-repeat -15px 0;
}
.business-tip-footer {
text-align: right;
padding: 4px 20px 12px;
color: #aaa;
}
.business-tip-footer input {
vertical-align: middle;
margin-right: 5px;
}
/* #44243 广告分发系统优化V1.0 meibiying end */
/*S #48478 导航栏新增游戏礼包弹窗 liuhualing */
.gamepacks-box{
position: absolute;
right: 2px;
top: 50px;
width: 302px;
border-radius: 4px;
border:1px solid #ddd;
background-color: #fff;
padding: 20px 0 60px 20px;
box-sizing: border-box;
z-index: 5;
}
.gamepacks{
margin-right: 20px;
}
.gamepacks li{
padding: 15px 0;
border-bottom: 1px solid #dfdfdf;
font-size: 0;
}
.gamepacks li:last-child{
border-bottom: 0;
}
.gamepacks .gamepacks-pic{
width: 50px;
height: 50px;
display: inline-block;
vertical-align: middle;
border-radius: 4px;
}
.gamepacks .gamepacks-pic img{
width: 100%;
display: block;
border-radius: 4px;
}
.gamepacks-name,
.gamepacks-detail{
display: inline-block;
vertical-align: middle;
margin-left: 8px;
}
.gamepacks-name{
font-size: 16px;
color: #555;
font-weight: 600;
width: 132px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.gamepacks-close{
position: absolute;
right: 6px;
top: 0;
color: #a7a7a7;
font-size: 28px;
line-height: 1;
cursor: pointer;
}
.gamepacks-detail {
color: #fff;
font-size: 12px;
border-radius: 10px;
-ms-border-radius: 10px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
margin-left: 8px;
}
.gamepacks-detail span{
padding: 1px 6px;
display: block;
background: url(../../res/com/gamepacks-detail-bg.png?20170512) repeat-y left top;
}
.head .gamepacks-detail:hover span{
background: #f50;
color: #fff;
}
.gamepacks-bottom{
position: absolute;
bottom: 0;
left: 0;
height: 60px;
width: 100%;
background-color: #f3f3f3;
padding: 9px 20px;
box-sizing: border-box;
}
.gamepacks-bottom a{
color: #5e5e5e;
}
.gamepacks-bottom-link{
background:url(../../res/com/gamepacks-icon.png?v=20170508) no-repeat left center;
padding-left: 14px;
}
.gamepacks-bottom a:hover,
.gamepacks-bottom-link em{
color: #ff6d00;
}
.gamepacks-checkbox{
margin-top: 6px;
color: #808992;
font-size: 12px;
}
.gamepacks-checkbox input,
.gamepacks-checkbox label{
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.gamepacks-checkbox input[type="checkbox"]{
margin-right: 4px;
margin-top: -2px;
}
/*滚动条*/
.gamepacks-box .mCustomScrollbar .mCSB_scrollTools,
.gamepacks-box .mCSB_draggerRail{
width: 6px;
background: #eee;
right: 1px;
top: 10px;
bottom: 10px;
visibility: hidden;
}
.gamepacks-box .mCustomScrollbar:hover .mCSB_scrollTools{
visibility: visible;
}
.gamepacks-box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 6px;
background: #d2d2d2;
border-radius: 6px;
}
.gamepacks-box .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background: #f70;
}
.gamepacks-box .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.gamepacks-box .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.gamepacks-box .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{
background: #f70;
}
.gamepacks-box .mCSB_inside > .mCSB_container{
margin-right: 0;
}
/*E #48478 导航栏新增游戏礼包弹窗 liuhualing */
/* S #49814 斗鱼嘉年华倒计时 liufulong 2017/05/16 */
.douyu-carnival-box{
float: left;
}
.douyu-carnival{
display: none;
position: absolute;
margin-left: 40px;
margin-top: 6px;
text-align: center;
}
.douyu-carnival .carnival-festival{
display: block;
font-size: 0;
}
.douyu-carnival .carnival-coming-title{
display: inline-block;
width: 123px;
height: 16px;
background: url(../../res/com/carnival2017/logo_comming.png?20170516) no-repeat;
}
.douyu-carnival .carnival-in-title{
display: inline-block;
width: 146px;
height: 16px;
background: url(../../res/com/carnival2017/logo_in.png?20170516) no-repeat;
}
.douyu-carnival.carnival-small{
margin-top: 9px;
}
.douyu-carnival-box .carnival-small .carnival-small-title{
display: inline-block;
width: 59px;
height: 33px;
background: url(../../res/com/carnival2017/logo_small.png?20170516) no-repeat;
}
.douyu-carnival-box .douyu-carnival .carnival-time{
display: block;
margin-top: 4px;
font-size: 12px;
color: #444;
}
.douyu-carnival-box .carnival-time-title {
margin-right: 5px;
}
.douyu-carnival-box .carnival-time em{
display: inline-block;
margin: 0 3px;
padding: 0 3px;
color: #fff;
background-color: #28a1ff;
border-radius: 2px;
}
/* E #49814 斗鱼嘉年华倒计时 liufulong 2017/05/16 */
/* #54301 7月全站活动 meibiying 2017/07/03 */
.head-logo {
position: relative;
z-index: 1;
}
.fansjuly-box{
float: left;
}
.fansjuly{
display: none;
position: absolute;
margin-left: 40px;
text-align: center;
}
.fansjuly a{
display: block;
font-size: 0;
}
.fansjuly-title{
display: inline-block;
width: 106px;
height: 25px;
background: url(../../res/com/julyfans/big.png?20170703) no-repeat;
}
.fansjuly.fansjuly-small{
margin-top: 5px;
}
.fansjuly-small .fansjuly-small-title{
display: inline-block;
width: 67px;
height: 37px;
background: url(../../res/com/julyfans/small.png?20170703) no-repeat;
}
.fansjuly-time{
display: block;
margin-top: 3px;
line-height: 16px;
font-size: 12px;
color: #3b3b3b;
}
.fansjuly-time em{
display: inline-block;
margin: 0 2px;
padding: 0 2px;
color: #fff;
text-align: center;
background-color: #cf1515;
border-radius: 2px;
}
.fansjuly-lookback{
display: block;
width: 106px;
height: 45px;
margin-top: 3px;
background: url(../../res/com/julyfans/lookback.png?20170703) no-repeat;
}
.fansjuly-small .carnival-small-title {
display: inline-block;
width: 67px;
height: 37px;
background: url(../../res/com/julyfans/small.png?20170703) no-repeat;
}
/* S #63565 贵族三期 个人中心到期提示tips liuhualing*/
.noble-countdown-tips{
position: absolute;
right: 28px;
top: 50px;
min-width: 114px;
max-width: 285px;
background-color: #fff;
border: 1px solid #f0f0f0;
box-shadow: 0 0 12px #f0f0f0;
font-size: 12px;
text-align: center;
padding: 10px 0;
color: transparent;
z-index: 11;
}
.noble-countdown-tips .noble-countdown-tips-arrow{
position: absolute;
top: -14px;
right: 50px;
width: 0;
height: 0;
border-style: solid;
border-width: 7px;
border-bottom-color: #fff;
}
.noble-countdown-tips-arrow.out{
right: 50px;
bottom: -18px;
border-color: transparent transparent #f0f0f0 transparent;
}
.noble-countdown-tips-arrow.inner{
position: absolute;
right: -7px;
border-color: transparent transparent #fff transparent;
top: -6px;
}
.noble-countdown-tips .noble-countdown-tips-content{
color: #c2b290;
}
/* E #63565 贵族三期 个人中心到期提示tips liuhualing*/
/* #66020 FED - 技术优化 - 首屏加载优化 v1.0 @liusong */
#header .head-nav .assort .a-load, #header .head-nav .funny .f-load { font-size: 12px; }
#header .head-nav .assort .a-load img, #header .head-nav .funny .f-load img { vertical-align: middle; margin-right: 4px; }
/* #66020 FED - 技术优化 - 首屏加载优化 v1.0 @liusong */
/* 客户端下载增加角标 start wulieqing@douyu.tv */
#header .headerdown-corner,
#header .headerdownpc-corner {
position: absolute;
width: 64px;
height: 24px;
background: url(../../res/com/header-downicons.png?20190214) no-repeat;
}
#header .headerdown-corner {
background-position: 0 0;
top: 1px;
left: 1px;
}
#header .headerdownpc-corner {
top: -4px;
left: 18px;
background-position: 0 -40px;
}
/* 客户端下载增加角标 end wulieqing@douyu.tv */
/* ================= 头部导航配置化 S ================= */
#header.is-specialHeader {
border-bottom: 1px solid #be9457;
}
/* SVG图标 S */
@font-face {
font-family: "headerFont";
src: url('./font/headerIcon2/headerIcon2.eot?t=20181228'); /* IE9*/
src: url('./font/headerIcon2/headerIcon2.eot?t=20181228') format('embedded-opentype'), /* IE6-IE8 */
url('./font/headerIcon2/headerIcon2.woff?t=20181228') format('woff'), /* chrome, firefox */
url('./font/headerIcon2/headerIcon2.ttf?t=20181228') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('./font/headerIcon2/headerIcon2.svg?t=20181228') format('svg'); /* iOS 4.1- */
}
#header > .head .headerFont {
height: 18px;
font-family: "headerFont" !important;
font-size: 18px !important;
color: #868686;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.1px;
-moz-osx-font-smoothing: grayscale;
line-height: normal;
background: none !important;
}
#header > .head .o-history:hover .headerFont,
#header > .head .o-follow:hover .headerFont,
#header > .head .o-broadcast:hover .headerFont,
#header > .head .o-download:hover .headerFont,
#header > .head .o-unlogin:hover .headerFont,
#header > .head .o-message:hover .headerFont {
color: #ff5d23;
}
#header > .head .o-history:hover .h-txt,
#header > .head .o-follow:hover .f-txt,
#header > .head .o-broadcast:hover .b-txt,
#header > .head .o-download:hover .d-txt,
#header > .head .o-unlogin:hover .u-txt,
#header > .head .o-message:hover .m-txt {
color: #ff5d23;
}
.headerIcon-history:before { content: "\e024"; }
.headerIcon-broadcast:before { content: "\e021"; }
.headerIcon-follow:before { content: "\e023"; }
.headerIcon-download:before { content: "\e022"; }
.headerIcon-search:before { content: "\e025"; }
.headerIcon-message:before { content: "\e026"; }
/* .headerIcon-login:before { content: "\e027"; } */
/* .headerIcon-arrow1:before { content: "\e033"; } */
.headerIcon-arrow2:before { content: "\e031"; }
/* SVG图标 E */
/* 左右动图 S */
#header > .headerAct-leftPic,
#header > .headerAct-rightPic {
width: 360px;
height: 68px;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
left: 0;
top: 0;
}
#header > .headerAct-rightPic {
left: auto;
right: 0;
}
@media screen and (min-width: 1530px) and (max-width: 1774px) {
#header > .headerAct-leftPic,
#header > .headerAct-rightPic {
display: none;
}
}
@media screen and (max-width: 1480px) {
#header > .headerAct-leftPic,
#header > .headerAct-rightPic {
display: none;
}
}
/* 左右动图 E */
/* 万星人入口 S */
.head .header_nav .wxr-menu .is-notUrl {
cursor: default;
}
/* 万星人入口 E */
/* 搜索 S */
#header.is-specialHeader .head .o-search {
background-color: #fff;
}
#header > .head .o-search .headerFont {
font-size: 16px !important;
vertical-align: middle;
color: rgba(0, 0, 0, .5);
}
#header.is-specialHeader .o-search .fl,
#header.is-specialHeader .o-search .search-hot-key,
#header.is-specialHeader .search-placeholder {
color: #777;
}
/* 搜索 E */
#header .head .o-broadcast .b-ico {
width: 20px;
vertical-align: top;
}
#header .head-oth .o-download .icofont {
margin-top: 0;
}
#header .head-nav .assort.open > i,
#header .head-nav .funny.open > i {
color: #ff5d23;
}
#header .head-oth .o-download.open > i,
#header .head-oth .o-login.open > i {
border-top-color: #f70;
}
#header .head-nav .wxr-menu .specialMenuEnterWrap {
height: 50px;
line-height: 50px;
}
/* 导航入口样式 S */
#header .head-nav .wxr-menu {
position: relative;
top: -8px;
font-size: 0;
}
#header .specialMenuEnter {
max-width: 100px;;
display: inline-block;
position: relative;
margin-right: 10px;
vertical-align: middle;
line-height: normal;
}
#header .specialMenuEnter-link {
max-width: 100px;
display: inline-block;
overflow: hidden;
white-space: nowrap;
color: #444;
color: rgba(0,0,0,.6);
font-size: 16px;
}
#header .specialMenuEnter-link:hover {
color: #ff5d23;
}
#header .specialMenuEnter.is-enterIcon {
margin-right: 40px;
}
#header .specialMenuEnter-pic > img {
max-width: 100px;
max-height: 50px;
display: inline-block;
vertical-align: middle;
}
#header .specialMenuEnter-icon {
position: absolute;
top: 0;
right: -26px;
margin-top: -8px;
width: 25px;
height: 25px
}
#header .specialMenuEnter-icon > img {
width: 100%;
height: 100%;
}
/* 导航入口样式 E */
/* 活动倒计时入口样式 S */
.specialHeaderTimerBox {
width: 130px;
padding-top: 12px;
}
.specialHeaderTimerEnter {
width: 100px;
height: 30px;
position: relative;
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
vertical-align: middle;
line-height: normal;
text-align: center;
font-size: 12px;
}
.specialHeaderTimerEnter-name {
width: 104px;
overflow: hidden;
white-space: nowrap;
display: inline-block;
position: absolute;
text-align: center;
top: -6px;
left: 50%;
margin-left: -52px;
color: #999;
}
.specialHeaderTimerEnter-name:hover {
color: #ff630e;
}
.specialHeaderTimerEnter-desc,
.specialHeaderTimerEnter-time {
position: relative;
top: 13px;
display: block;
font-size: 0;
color: #fff;
}
.specialHeaderTimerEnter-desc {
font-size: 12px;
font-weight: bold;
}
.specialHeaderTimerEnter-timeItem {
display: inline-block;
width: auto;
line-height:16px;
text-align: right;
font-size: 12px;
color: #fff;
}
.specialHeaderTimerEnter-time .specialHeaderTimerEnter-timeItem.is-showHms {
margin: 0 2px;
}
.specialHeaderTimerEnter-timeItem em {
display: inline-block;
font-style: normal;
}
.specialHeaderTimerEnter-time i {
display: inline-block;
width: auto;
line-height: 16px;
text-align: center;
font-size: 12px;
font-style: normal;
}
.annualfestival-ing{
display: block;
width: 77px;
height: 17px;
line-height: 16px;
color: #fff;
font-weight: 700;
background: url(../../res/com/annualfestival2018/Act_header_start.png?v=20181208) center no-repeat;
}
.annualfestival-ing.end{
color: #fff;
background: url(../../res/com/annualfestival2018/Act_header_end.png?v=20181208) center no-repeat;
}
/* 活动倒计时入口样式 E */
/* ================= 头部导航配置化 E ================= */
#header.annualfestival-header .o-search .s-ipt{
color: #777;
}
#header.annualfestival-header .search-placeholder {
color: #777;
}
#header.annualfestival-header .head-oth .o-history .icofont {
background: url(../../res/com/spring-head-icos.png?20181208) no-repeat -43px 1px;
}
#header.annualfestival-header .head-oth .o-follow .icofont {
background: url(../../res/com/spring-head-icos.png?20181208) no-repeat -43px -24px;
}
#header.annualfestival-header .head-oth .o-broadcast .b-ico {
background: url(../../res/com/icon_header_brodcast.png?20181208) no-repeat 0 -58px
}
#header.annualfestival-header .head-oth .o-download .icofont {
background: url(../../res/com/annualfestival2018/Act_header_tv.png?20181208) -48px 0px no-repeat;
}
#header.annualfestival-header .head-oth .o-download.open .icofont {
margin-top: 3px;
background: url(../../res/com/annualfestival2018/Act_header_tv.png?20181208) -48px 0px no-repeat;
}
#header.annualfestival-header .head-nav .assort>i {
background: url(../../res/com/spring-assort-icon.png?20181208) no-repeat;
}
#header.annualfestival-header .head-nav .funny>i {
background: url(../../res/com/spring-assort-icon.png?20181208) no-repeat;
}
#header.annualfestival-header .head-oth .o-download>i {
border-top: 5px solid #7f6a54;
}
#header.annualfestival-header .head-oth .o-login>i {
border-top: 5px solid #7f6a54;
}
/* E 年度盛典 - 分区冠军赛 - 头部导航 xuyang*/
/* 客户端下载增加角标 start wulieqing@douyu.tv */
#header .headerdown-corner {
position: absolute;
display: block;
width: 30px;
height: 20px;
top: -5px;
left: 14px;
background: url(../../res/com/header-downicons.png?20190214) no-repeat;
}
/* 客户端下载增加角标 end wulieqing@douyu.tv */
/** 首页改版 */
#header {
height: 68px;
background: #fff;
border-bottom: 1px solid #eee;
}
#header .head {
padding-top: 8px;
}
#header .head-nav > li > a {
color: rgba(0, 0, 0, .6);
}
#header .head-nav > li {
width: 58px;
}
#header .head-nav > li.current a {
color: #ff5d23;
background: transparent;
border-radius: 0;
}
#header .head-nav > li {
font-size: 17px;
line-height: 36px;
height: 36px;
}
#header .w1366head .head-nav > li {
font-size: 16px;
}
#header .head-oth .o-unlogin .u-reg:hover,
#header .head-nav > li > a:hover,
#header .head-oth .o-broadcast:hover .b-txt {
color: #ff5d23;
}
#header .head-oth .o-search .s-ico {
margin-top: 5px;
margin-right: 10px;
}
#header .head-oth .o-search .s-ipt {
height: 26px;
line-height: 26px;
padding: 7px;
padding-right: 0;
color: rgba(0, 0, 0, .5);
}
#header .head-oth .o-search {
height: 40px;
margin-top: 5px;
}
#header .icofont.h-ico,
#header .icofont.f-ico,
#header .head-oth .o-broadcast .b-ico,
#header .icofont.d-ico {
display: block;
margin: auto;
color: rgba(0, 0, 0, .5);
}
#header .head-oth .o-history,
#header .head-oth .o-follow,
#header .head-oth .o-broadcast,
#header .head-oth .o-download,
#header .head-oth .o-message {
padding-top: 7px;
padding-right: 24px;
}
#header .head-nav > li.funny,
#header .head-nav .video-entry {
width: 58px;
margin: 0 8px;
}
#header .head-nav > li.funny,
#header .head-nav > li.assort {
margin-right: 20px;
}
#header .head-oth .o-search {
width: 146px;
margin-right: 28px;
background: #f0f0f0;
}
.o-search .search-hot-key,
.o-search .search-placeholder {
left: 15px;
top: 8px;
right: 35px;
color: rgba(0, 0, 0, .5);
}
#header .head-nav .assort .a-pop > i,
#header .head-nav .funny .a-pop > i,
.search-suggest-box .search-tran,
#header .head-oth .o-history .h-pop > i,
#header .head-oth .o-follow .f-pop>i,
#header .head-oth .o-login .l-menu>i.lmsj-top,
#header .head-oth .o-unlogin .login-drop:before {
top: -8px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #ff5d23;
}
#header .head-nav .assort .a-pop > i:after,
#header .head-nav .funny .a-pop > i:after,
#header .head-oth .o-history .h-pop > i:after,
#header .head-oth .o-follow .f-pop>i:after,
#header .head-oth .o-login .l-menu>i.lmsj-top:after {
content: none;
}
.search-suggest-box .search-tran-holder {
display: none;
}
.search-suggest-box .search-tran {
top: -14px;
}
#header .head-nav .assort .a-pop,
#header .head-nav .funny .a-pop {
border: none;
border-radius: 6px;
}
#header .head-nav .assort .a-pop:after,
#header .head-nav .funny .a-pop:after,
.search-suggest-box:after,
#header .head-oth .o-history .h-pop:after,
#header .head-oth .o-follow .f-pop:after,
#header .head-oth .o-download .d-list:after,
#header .head-oth .o-message .m-list:after,
#header .head-oth .o-login .l-menu:after,
#header .head-oth .o-unlogin .login-drop:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 6px;
background: #ff5423;
background: linear-gradient(to bottom, #ff5d23 0%, #ff5d23 50%, transparent 50%);
border-radius: 6px 6px 0 0;
overflow: hidden;
}
#header .head-nav .assort .a-list .btns li {
padding: 0 8px 8px 0;
}
#header .head-nav .assort .a-list .btns li a {
width: 76px;
color: #888;
border-radius: 18px;
background: #f2f2f2;
padding: 0 5px;
box-sizing: border-box;
}
#header .head-nav .assort .a-list .btns li a:hover {
background: #ff5d23;
}
#header .head-nav .assort .a-list .btns {
width: 255px;
}
#header .head-nav .assort .a-list .btn-all > a {
margin-top: 8px;
height: 32px;
background: #ff5423;
border-radius: 7px;
line-height: 32px;
font-weight: normal;
}
#header .head-nav .assort .a-list .btn-all > a:hover,
#header .head-nav .funny .a-list .btn-all > a:hover {
background: #f14600;
}
#header .head-nav .assort .a-pop {
width: 247px;
top: 47px;
}
#header .head-nav .assort .a-list h3,
#header .head-nav .funny .a-list h3 {
color: #333;
font-weight: normal;
}
#header .head-nav .funny .a-pop {
width: 407px;
right: -184px;
top: 48px;
padding: 0 8px 12px;
}
.g-sprite-i {
background: url(../../res/com/header-new/ghover-sprite.png?20181220) no-repeat;
}
.g-ic {
background-position: -21px 0;
}
.m-ic {
background-position: 0 0;
}
.g-ic,
.m-ic {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
margin-bottom: 2px;
margin-right: 5px;
}
#header .head-nav .funny .a-list h3 {
margin: 18px 8px 5px;
}
#header .head-nav .funny .a-list .btns li {
width: 196px;
height: 68px;
padding: 0;
}
#header .head-nav .funny .a-list .btns li:nth-child(1) {
margin-right: 12px;
}
#header .head-nav .funny .a-list .btns li a {
width: 100%;
box-sizing: border-box;
padding: 6px 2px 6px 8px;
height: 70px;
border: none;
background: transparent;
color: #333;
}
#header .head-nav .funny .a-list .btns li a.g-wrap:hover {
background: #f4f4f4;
border-radius: 2px;
}
#header .head-nav .funny .a-list .btns li .g-cover {
width: 56px;
height: 56px;
float: left;
border-radius: 12px;
border: none;
}
#header .head-nav .funny .a-list .btns li .g-overh {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#header .head-nav .funny .a-list .btns li .btn-wrap {
margin-left: 65px;
text-align: left;
color: #333;
line-height: 1;
}
#header .head-nav .funny .a-list .btns li .g-title {
color: #333;
font-size: 16px;
line-height: 1;
padding-top: 5px;
}
#header .head-nav .funny .a-list .btns li .g-btn {
color: #ff5d23;
padding: 0 5px;
border: 1px solid #ff5423;
display: inline-block;
border-radius: 3px;
line-height: 18px;
margin-top: 8px;
}
#header .head-nav .funny .a-list .g-hr {
border: none;
border-top: 1px solid #ddd;
margin-top: 18px;
}
#header .head-nav .funny .a-list .btn-all > a {
height: 32px;
background: #ff5d23;
line-height: 32px;
font-size: 14px;
font-weight: normal;
border-radius: 6px;
margin-top: 10px;
}
#header .head-nav .funny .a-list .btns {
width: 100%;
}
#header .head-nav .funny .a-list .btns .g-des {
color: #bfbfbf;
line-height: 1.6;
}
#header .head-nav .funny .a-list .btns .g-sbtn {
line-height: 1.6;
}
.search-suggest-box {
width: 250px;
border: none;
top: 58px;
border-radius: 6px;
}
.search-suggest-box {
width: 250px;
border: none;
top: 58px;
border-radius: 6px;
padding-top: 15px;
}
.search-suggest-box .search-title {
font-size: 14px;
line-height: 24px;
background: transparent;
color: #999;
}
.search-title .search-clear {
font-size: 12px;
color: #999;
}
.search-suggest-box-main .search-title i.s-sprite {
background: url(../../res/com/header-new/s-sprite.png?20181220) no-repeat;
}
.search-suggest-box-main .search-title i.r-ico {
background-position: 0 0;
width: 16px;
height: 15px;
}
.suggest-list li .search-field {
color: #999;
}
.suggest-list li .search-field:hover {
color: #ff5d23;
}
.search-suggest-box-main .search-title i.h-ico {
background-position: -39px 0px;
width: 16px;
height: 16px;
}
.search-suggest-box-hot .suggest-list i {
border-radius: 50%;
}
.search-suggest-box-hot .suggest-list li:nth-child(1) i {
background: #ff5249;
}
.search-suggest-box-hot .suggest-list li:nth-child(2) i {
background: #ff7f29;
}
.search-suggest-box-hot .suggest-list li:nth-child(3) i {
background: #fcc54e;
}
.search-suggest-box-hot .hotest-item .search-field {
color: #999;
}
.suggest-list li .search-field .key-word {
color: #ff5d23;
}
#header .head-oth .o-search .s-svg {
display: inline-block;
width: 22px;
height: 22px;
padding-top: 3px;
}
#header .head-oth .o-download {
margin-right: 0;
}
/** 历史下拉 */
#header .head-oth .o-history .h-pop {
width: 340px;
right: -139px;
top: 57px;
border: none;
border-radius: 6px;
}
#header .head-oth .o-history .h-list {
padding-top: 10px;
margin: 0 8px;
}
#header .head-oth .o-history .h-list > li {
padding: 8px;
height: 72px;
box-sizing: border-box;
background: #fff;
border: none;
border-radius: 2px;
}
#header .head-oth .o-history .h-list > li:hover {
background: #f4f4f4;
}
#header .head-oth .o-history .h-list > li .h-img {
width: 100px;
height: 56px;
float: left;
position: relative;
border-radius: 5px;
}
#header .head-oth .o-history .h-list > li .h-img img {
width: 100%;
height: 100%;
}
#header .head-oth .o-history .h-list > li .h-img .h-onplay.head-ico1 {
position: absolute;
display: block;
right: 5px;
bottom: 5px;
color: #fff;
background: #ff5d23;
padding: 0 5px;
line-height: 18px;
border-radius: 2px;
}
#header .head-oth .o-history .h-list > li .h-img .h-onplay.head-ico4 {
display: none;
}
#header .head-oth .o-history .h-list > li .h-cont {
margin-left: 110px;
}
#header .head-oth .o-history .h-list > li .h-cont-title {
display: block;
color: #333;
font-size: 14px;
line-height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#header .head-oth .o-history .h-list > li:hover .h-cont-title {
color: #ff5d23;
}
#header .head-oth .o-history .h-list > li .h-cont .h-name {
font-size: 12px;
color: #999;
display: inline-block;
width: 90px;
vertical-align: top;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#header .head-oth .o-history .h-list > li .h-cont .h-time {
float: right;
color: #666;
font-size: 12px;
}
#header .head-oth .o-history .h-list > li .h-cont .h-t-icon {
width: 20px;
height: 14px;
margin-bottom: -2px;
display: inline-block;
background: url(../../res/com/header-new/panel_history_play.png?20181221) center no-repeat;
}
#header .head-oth .o-history .h-list > li .h-cont .h-t-icon.head-ico1 {
background: url(../../res/com/header-new/panel_history_onplay.gif?20181221) center no-repeat;
}
#header .head-oth .o-history .h-pop .btn-all a {
display: block;
line-height: 32px;
text-align: center;
color: #fff;
margin: 16px;
background: #ff5d23;
border-radius: 5px;
}
#header .head-oth .o-history .h-pop .btn-all a:hover {
background: #ff1600;
}
#header .head-oth .o-history .h-pop > i {
right: 50%;
margin-right: -4px;
}
#header .head-nav .assort-ad {
border-radius: 6px;
margin-bottom: 4px;
}
#header .head-nav > li.assort.open > a {
color: #ff5d23;
}
#header .head-nav > li.funny .assort-ad {
width: 407px;
}
.search-suggest-box .suggest-list li {
margin: 0 8px;
padding: 0 6px;
height: 26px;
line-height: 26px;
border-radius: 2px;
}
.search-suggest-box .suggest-list {
margin: 4px 0 12px;
}
.suggest-list .search-clear {
margin-top: -1px;
}
.search-suggest-box-hot .suggest-list i {
left: 8px;
top: 6px;
}
.search-suggest-box-main .search-suggest-ad {
display: block;
width: 218px;
border-radius: 6px;
margin: 10px 16px 16px;
height: 50px;
position: relative;
overflow: hidden;
}
#header .head-oth .o-history .h-none .n-cn {
padding: 48px 0 14px;
font-size: 14px;
}
#header .head-oth .o-history .h-none .n-cn > img,
#header .head-oth .o-follow .f-none .n-cn>img {
height: 82px;
width: 90px;
margin: auto;
margin-bottom: 4px;
display: block;
}
/*历史关注广告位盒子*/
.his-sign-cont,
.f-sign-cont {
height: 60px;
margin: 16px;
border-radius: 6px;
overflow: hidden;
}
#header .head-oth .o-follow .f-pop > i {
right: 50%;
margin-right: -4px;
}
#header .head-oth .o-follow .f-pop {
width: 340px;
right: -139px;
top: 56px;
border: none;
border-radius: 6px;
}
/* 关注 */
#header .head-oth .o-follow .f-list {
margin: 0 8px;
}
#header .head-oth .o-follow .f-list > li {
padding: 0;
height: 60px;
overflow: hidden;
border-bottom: none;
}
#header .head-oth .o-follow .f-list li > a {
display: block;
padding: 8px;
height: 100%;
color: #333;
box-sizing: border-box;
border-radius: 2px;
}
#header .head-oth .o-follow .f-list li > a:hover {
background-color: #f4f4f4;
}
#header .head-oth .o-follow .f-list li > a .f-list-img {
float: left;
width: 44px;
height: 44px;
border-radius: 50%;
}
#header .head-oth .o-follow .f-list li > a .f-list-content {
margin-left: 54px;
}
#header .head-oth .o-follow .f-list li > a .f-list-title {
font-size: 14px;
line-height: 20px;
}
#header .head-oth .o-follow .f-list li > a:hover .f-list-title {
color: #ff5d23;
}
#header .head-oth .o-follow .f-list li > a .f-list-des {
font-size: 12px;
color: #999;
line-height: 22px;
white-space: nowrap;
}
#header .head-oth .o-follow .f-list li > a .f-list-name {
display: inline-block;
width: 80px;
}
#header .head-oth .o-follow .f-list li > a .f-list-time {
width: 100px;
display: inline-block;
}
#header .head-oth .o-follow .f-list li > a .f-list-hot {
display: inline-block;
text-align: right;
width: 70px;
}
#header .head-oth .o-follow .f-list li > a .f-list-title,
#header .head-oth .o-follow .f-list li > a .f-list-name,
#header .head-oth .o-follow .f-list li > a .f-list-time,
#header .head-oth .o-follow .f-list li > a .f-list-hot {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
}
#header .head-oth .o-follow .f-list-sprite {
display: inline-block;
width: 14px;
height: 14px;
vertical-align: sub;
margin-right: 4px;
margin-bottom: 1px;
background: url(../../res/com/header-new/follow-sprite.png?20181222) no-repeat;
}
#header .head-oth .o-follow .f-list-t {
background-position: 0 0;
}
#header .head-oth .o-follow .f-list-h {
background-position: -21px 0;
}
#header .head-oth .o-follow .f-all {
height: 32px;
line-height: 32px;
text-align: center;
background: #ff5d23;
border-radius: 6px;
margin: 10px 16px;
}
#header .head-oth .o-follow .f-all a:hover {
background: transparent;
}
#header .head-oth .o-follow .f-all:hover {
background: #f14600;
}
.f-sign-cont {
margin-top: 8px;
}
#header .head-oth .o-download .d-list .d-list-icon {
right: 50%;
top: -7px;
margin-right: -4px;
}
#header .head-oth .o-download .d-list {
width: 180px;
right: -52px;
top: 58px;
border: none;
border-radius: 6px;
}
#header .head-oth .o-download .d-list .d-list-cell-wrap {
text-align: left;
}
#header .head-oth .o-login .l-menu {
width: 360px;
top: 56px;
border: none;
border-radius: 6px;
}
#header .head-oth .o-login .l-menu .login-sprite {
display: inline-block;
background: url(../../res/com/header-new/login-sprite.png?20181224) no-repeat -500px -500px;
}
#header .head-oth .o-login .l-menu .invisible .vis-icon {
width: 20px;
height: 16px;
margin: 0 3px -4px 5px;
background-position: -106px 0;
}
#header .head-oth .o-login .l-menu .invisible.is-invisible .vis-icon {
height: 12px;
margin-bottom: -2px;
background-position: -128px 0;
}
#header .head-oth .o-login .l-menu .logout-icon {
background-position: -4px -113px;
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin: 0 5px 2px;
}
#header .head-oth .o-login .l-menu .authenticate .uname-aut i {
width: 18px;
height: 16px;
background-position: -21px 0;
}
#header .head-oth .o-login .l-menu .authenticate .uname-aut .high {
background-position: -48px 0;
}
#header .head-oth .o-login .l-menu .authenticate .mobile-aut .high {
background-position: -91px 0;
}
#header .head-oth .o-login .l-menu .authenticate .mobile-aut i {
width: 13px;
height: 16px;
background-position: -72px 0;
}
#header .head-oth .o-login .l-menu .authenticate .email-aut i {
width: 15px;
height: 13px;
margin-bottom: 2px;
background-position: -100px -22px;
}
#header .head-oth .o-login .l-menu .authenticate .email-aut .high {
background-position: -125px -21px;
}
#header .head-oth .o-login .l-menu .authenticate .client-sign {
right: 0;
top: -15px;
width: 62px;
height: 28px;
background-position: -61px -75px;
font-size: 12px;
color: #fff;
text-indent: 30px;
line-height: 26px;
}
#header .head-oth .o-login .l-menu .yw-icon,
#header .head-oth .o-login .l-menu .yc-icon {
width: 16px;
height: 16px;
margin-bottom: -3px;
margin-right: 2px;
}
#header .head-oth .o-login .l-menu .yw-icon {
background-position: -77px -20px;
}
#header .head-oth .o-login .l-menu .yc-icon {
background-position: -57px -20px;
}
/* 任务 */
.o-login .l-menu .task{
display: none;
position: relative;
padding: 8px 16px 13px 18px;
}
.o-login .l-menu .task .task-title {
font-size: 15px;
color: #2c3e50;
height: 26px;
line-height: 26px;
}
.o-login .l-menu .task .task-con {
margin-top: 10px;
}
.o-login .l-menu .game-img{
display: block;
margin-right: 15px;
width:56px;
height: 56px;
border: 1px solid #ff7700;
border-radius: 10px;
background: url(../../res/com/sg-taskicon.png) no-repeat 0px 0px;
}
.o-login .l-menu .task-img img{
width:100%;
height: 100%;
}
.o-login .l-menu .game-info{
width: 283px;
}
.o-login .l-menu .game-info .game-title {
margin-top: 6px;
width: 240px;
height: 20px;
line-height: 20px;
font-size:14px;
color:#000;
}
.o-login .l-menu .game-info .game-title .name {
display: inline-block;
max-width: 160px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.o-login .l-menu .game-info .game-title .reward-text {
margin-left: 8px;
font-size: 12px;
color:#ff7700;
vertical-align: top;
}
.o-login .l-menu .game-info .reward-list {
margin-top: 7px;
width: 270px;
height:30px;
font-size:12px;
color:#666;
}
.o-login .l-menu .game-info .reward-list .reward {
position: relative;
float: left;
width: 85px;
height: 30px;
}
.o-login .l-menu .game-info .reward-list .reward>span {
display: block;
width: 85px;
height: 30px;
line-height: 30px;
text-indent: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.o-login .l-menu .game-info .reward-list .reward>span>span {
text-decoration: underline;
}
.o-login .l-menu .game-info .reward-list .reward i {
display: inline-block;
position: absolute;
top: 7px;
left: 0;
margin-right: 6px;
width: 17px;
height: 17px;
background-image: url(../../res/page/room-normal/task/new_task_sprite.png?v=20180118);
background-repeat: no-repeat;
}
.o-login .l-menu .game-info .reward-list .reward.gift:hover .prop-info {
display: block;
}
.o-login .l-menu .game-info .reward-list .reward.silver i {
background-position: -261px -10px;
}
.o-login .l-menu .game-info .reward-list .reward.platform-coin i {
background-position: -261px -83px;
}
.o-login .l-menu .game-info .reward-list .reward.coupon i {
background-position: -261px -188px;
}
.o-login .l-menu .game-info .reward-list .reward.gift i {
background-position: -261px -47px;
}
.o-login .l-menu .game-info .reward-list .reward.gold i {
background-position: -261px -225px;
}
.o-login .l-menu .game-info .reward-list .prop-info {
display: none;
position: absolute;
left: -130px;
top: 30px;
width: 325px;
min-height: 98px;
background-color: #f9f9f9;
z-index: 1;
border-radius: 5px;
border: 1px solid #eae5e5;
text-align: center;
}
.o-login .l-menu .game-info .reward-list .prop-info .arrow {
position: absolute;
left: 50%;
top: -9px;
width: 12px;
height: 10px;
background: url(../../res/page/room-normal/task/new_task_sprite.png?v=20180116) no-repeat -263px -379px;
}
.o-login .l-menu .game-info .reward-list .prop-info:after {
display: block;
content: '';
clear: both;
}
.o-login .l-menu .game-info .reward-list .prop-info .prop {
display: inline-block;
width: 80px;
height: 100px;
vertical-align: top;
}
.o-login .l-menu .game-info .reward-list .prop-info .prop img {
display: block;
margin: 12px 16px 5px 16px;
width: 48px;
height: 48px;
background-color: #ddd;
}
.o-login .l-menu .game-info .reward-list .prop-info .prop .name {
width: 72px;
height: 28px;
line-height: 14px;
text-align: center;
font-size: 12px;
color: #666;
}
.o-login .l-menu .game-info .go-task {
position: absolute;
display: block;
top: 48px;
right: 20px;
color: #fff;
background: #f70;
text-align: center;
height: 18px;
line-height: 18px;
padding: 0px 4px;
border-radius: 4px;
margin-top: 2px;
cursor: pointer;
text-decoration: none;
}
/* end 任务系统二期 推荐任务 */
#header .head-oth .o-login .l-menu .task {
position: relative;
padding: 15px 0;
margin: 0 15px;
border-bottom: 1px solid #f1f1f1;
}
#header .head-oth .o-login .l-menu .task-title {
font-size: 14px;
color: #333;
line-height: 24px;
height: 24px;
}
#header .head-oth .o-login .l-menu .game-img {
width: 60px;
height: 60px;
border-radius: 6px;
float: left;
margin: 0;
border: none;
background: none;
}
#header .head-oth .o-login .l-menu .game-info {
margin-left: 70px;
font-size: 12px;
width: auto;
}
#header .head-oth .o-login .l-menu .game-title .name {
font-size: 14px;
color: #333;
}
#header .head-oth .o-login .l-menu .game-title .reward-text {
color: #ff5d23;
}
#header .head-oth .o-login .l-menu .game-title {
line-height: 25px;
height: 25px;
margin: 0;
width: auto;
}
#header .head-oth .o-login .l-menu .go-task {
position: absolute;
color: #fff;
background: #ff5d23;
text-align: center;
width: 55px;
border-radius: 15px;
top: 48px;
line-height: 25px;
height: 25px;
right: 0;
padding: 0;
margin: 0;
}
.o-login .l-menu .game-info .reward-list {
margin: 0;
width: auto;
}
#header .head-oth .o-login .l-menu i.task-icon {
background-position: -29px -114px;
}
#header .head-oth .o-login .l-menu .reward.silver i.task-icon {
background-position: -77px -19px;
}
#header .head-oth .o-login .l-menu .per-icon,
#header .head-oth .o-login .l-menu .mf-icon,
#header .head-oth .o-login .l-menu .ms-icon,
#header .head-oth .o-login .l-menu .ps-icon {
width: 24px;
height: 26px;
display: block;
}
#header .head-oth .o-login .l-menu .per-icon {
background-position: -30px -51px;
}
#header .head-oth .o-login .l-menu .mf-icon {
background-position: -30px -20px;
}
#header .head-oth .o-login .l-menu .ms-icon {
background-position: -85px -41px;
}
#header .head-oth .o-login .l-menu .ps-icon {
background-position: -30px -85px;
width: 26px;
}
#header .uim-foot ul .personal-center a:hover .per-icon {
background-position: 0 -51px;
}
#header .uim-foot ul .focus a:hover .mf-icon {
background-position: 0 -20px;
}
#header .uim-foot ul .message a:hover .ms-icon {
background-position: -57px -41px;
}
#header .uim-foot ul .live-set a:hover .ps-icon {
background-position: 0 -85px;
}
#header .head-oth .o-login .l-menu .go-task:hover {
background: #f14600;
}
#header .head-nav .funny .g_hot_icon {
display: none;
}
.search-suggest-box-main .search-title i.s-ico {
width: 16px;
height: 16px;
margin-bottom: -1px;
background-position: -64px 0;
}
#header .head-oth .o-unlogin {
position: relative;
padding-top: 0;
}
#header .head-oth .o-unlogin .login-drop {
position: absolute;
top: 60px;
right: 0;
width: 276px;
text-align: center;
box-sizing: border-box;
padding: 149px 0 20px;
border-radius: 6px;
background: url(../../res/com/privilege@2x.png) no-repeat 33px 20px #fff;
background-size: 210px 106px;
display: none;
}
#header .head-oth .o-unlogin.open .login-drop {
display: block;
}
#header .head-oth .o-unlogin .login-drop:before {
position: absolute;
content: "";
left: 242px;
}
#header .head-oth .o-unlogin .login-drop .u-login:hover,
#header .head-oth .o-unlogin .u-reg:hover {
color: #fff;
background: #f14700;
}
#header .head-oth .o-unlogin .icofont {
display: inline-block;
width: 52px;
height: 52px;
background: url(../../res/com/header-new/unlogin-sprite.png) no-repeat;
background-position: 0 0;
background-size: auto 100%;
-webkit-animation: unloginAnimate 1s infinite steps(1);
animation: unloginAnimate 1s infinite steps(1);
}
@keyframes unloginAnimate {
0% {
background-position: 0 0;
}
4% {
background-position: -52px 0;
}
8% {
background-position: -104px 0;
}
12% {
background-position: -156px 0;
}
16% {
background-position: -208px 0;
}
20% {
background-position: -260px 0;
}
24% {
background-position: -312px 0;
}
28% {
background-position: -364px 0;
}
32% {
background-position: -416px 0;
}
100% {
background-position: -416px 0;
}
}
/* 鱼吧消息模块 */
#header .head-oth .o-message .m-list {
position: absolute;
top: 57px;
left: -52px;
display: none;
width: 142px;
padding: 8px;
background: #fff;
border-radius: 6px;
box-sizing: border-box;
}
#header .head-oth .o-message.open .m-list {
display: block;
}
#header .head-oth .o-message {
position: relative;
padding-top: 7px;
padding-right: 12px;
margin-right: 10px;
cursor: pointer;
}
#header .head-oth .o-message .m-list-cell {
font-size: 14px;
display: block;
line-height: 30px;
padding: 0 8px;
border-radius: 2px;
color: #666;
}
#header .head-oth .o-message .m-list-cell:hover {
color: #ff5d23;
background: #f4f4f4;
}
#header .head-oth .o-message .m-cell-num {
float: right;
display: inline-block;
line-height: 15px;
margin-top: 8px;
padding: 0 5px;
background: #ff5d23;
color: #fff;
border-radius: 16px;
}
#header .head-oth .o-message .m-list .m-list-icon {
top: -7px;
}
#header .head-oth .o-message .m-count {
position: absolute;
top: -4px;
left: 10px;
background: #ff5d23;
color: #fff;
padding: 0px 4px;
border-radius: 5px;
line-height: 15px;
}
/* 小尺寸不展示 */
#header .w1366head .head-oth .o-message {
display: none;
}
/* svg图标样式调整 */
#header .head-nav .assort>i,
#header .head-nav .funny>i {
right: -5px;
top: 9px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
#header .head-nav .assort.open>i,
#header .head-nav .funny.open>i {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
#header .head-oth .o-login .mes-icon {
position: absolute;
top: -10px;
left: 24px;
background: #ff5d23;
font-weight: normal;
color: #fff;
padding: 0px 4px;
border-radius: 5px;
line-height: 16px;
}
#header .head-oth .o-login .l-menu .live-apply .ps-icon {
background-position: -56px -107px;
}
#header .head-oth .o-login .l-menu .live-set a.live-apply:hover .ps-icon {
background-position: -89px -107px;
}
/* 下拉框加阴影 */
#header .head-nav .assort .a-pop,
#header .head-nav .funny .a-pop,
#header .head-oth .o-follow .f-pop,
#header .head-oth .o-download .d-list,
#header .head-oth .o-unlogin .login-drop,
#header .head-oth .o-message .m-list,
#header .head-oth .o-login .l-menu {
-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 6px rgba(0,0,0,.1);
box-shadow: 0 2px 6px rgba(0,0,0,.1);
}
/* Source: css/com/footer.css*/
#footer {
padding-top: 20px;
margin-top: 20px;
width: 100%;
height: 329px;
background: #e5e5e5;
*position : relative;
*top : 110px;
}
#footer .foot {
width: 1200px;
height: 193px;
padding-bottom: 33px;
margin: 0 auto;
overflow: hidden;
}
#footer .foot .friendly {
width: 440px;
padding-right: 20px;
position: relative;
}
#footer .foot .friendly h3,
#footer .foot .anchor-help h3,
#footer .foot .software h3,
#footer .foot .focusus h3 {
font-size: 14px;
line-height: 28px;
color: #545454;
margin-bottom: 8px;
font-weight: bold;
}
#footer .foot .friendly ul,
#footer .foot .anchor-help ul {
display: block;
margin-right: 6px;
float: left;
}
#footer .foot .friendly ul a,
#footer .foot .anchor-help ul a {
width: 140px;
font-size: 14px;
line-height: 24px;
color: #868686;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#footer .foot .software,
#footer .foot .focusus { margin-left: 60px; }
#footer .foot .software ul,
#footer .foot .focusus ul { overflow: hidden; }
#footer .foot .software ul a,
#footer .foot .focusus ul a {
display: block;
color: #868686;
}
#footer .foot .friendly ul a:hover,
#footer .foot .anchor-help ul a:hover,
#footer .foot .software ul a:hover span { color: #ff6a1f; }
#footer .foot .software ul img,
#footer .foot .focusus ul img {
width: 118px;
height: 118px;
}
#footer .foot .software ul span,
#footer .foot .focusus ul span {
display: block;
padding-left: 20px;
line-height: 22px;
color: #868686;
margin-bottom: 10px;
font-size: 14px;
}
#footer .foot .software ul span {
background: url(../../res/com/footer-icos.png) 2px 2px no-repeat;
}
#footer .foot .focusus ul span {
padding-left: 28px;
background: url(../../res/com/footer-icos.png) 0 -22px no-repeat;
}
#footer .foot .contact {
height: 60px;
margin-top: 32px;
line-height: 28px;
color: #868686;
font-size: 14px;
}
#footer .foot .contact>p {
display: block;
height: 32px;
cursor: pointer;
}
#footer .foot .contact>p a {
color: #868686;
}
#footer .foot .contact .sina,
#footer .foot .contact .txwb {
display: block;
width: 52px;
height: 52px;
background: url(../../res/com/weibo-icos.png) no-repeat;
float: left;
padding: 6px;
}
#footer .foot .contact .txwb {
background-position: -62px 0;
}
#footer .outlink-bg {
height: 85px;
padding-top: 18px;
background: #222 url(../../res/com/footer-bg.png) no-repeat center top;
}
#footer .outlink {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
#footer .outlink .about {
width: 600px;
margin: 0 auto;
padding-left: 38px;
line-height: 24px;
overflow: hidden;
}
#footer .outlink .about li {
float: left;
}
#footer .outlink .about li a,
#footer .outlink .about li span,
.oywtv-footer-copyright a,
.oywtv-footer-copyright span {
padding: 0 2px;
color: #b1b1b1;
}
#footer .outlink .about li a:hover,
.oywtv-footer-copyright a:hover { color: #ff6a1f; }
#footer .outlink>p,
.oywtv-footer-copyright {
line-height: 24px;
color: #b1b1b1;
}
/*修改footer*/
#footer.home-footer {
background: #3d3d3d;
height: auto;
padding-top: 16px;
margin-top: 0;
}
#footer.home-footer .friendly {
width: 100%;
padding-right: 0;
}
#footer.home-footer .friendly-warp {
height: auto;
padding-bottom: 0;
}
#footer.home-footer .home-outlink-wrap {
background: #3d3d3d;
padding: 10px 0;
height: auto;
min-height: 85px;
}
#footer.home-footer .friendly-links {
border-bottom: 1px solid #5c5c5c;
padding-bottom: 6px;
}
#footer.home-footer .friendly-links ul {
margin-right: 0;
}
#footer.home-footer .friendly-links li {
float: left;
}
#footer.home-footer .friendly-links li a,
#footer.home-footer .friendly-links li h3 {
color: #b1b1b1;
display: inline-block;
width: 120px;
line-height: 30px;
text-align: center;
margin-bottom: 0;
font-weight: normal;
}
#footer.home-footer .friendly-links li a:hover,
#footer.home-footer .outlink .about li a:hover {
color: #e8e8e8;
}
#footer.home-footer .friendly-links li h3 {
color: #fff;
}
#footer.home-footer .outlink .about {
width: 100%;
padding-left: 0;
line-height: 30px;
}
#footer.home-footer .outlink .about li {
float: left;
margin-left: 25px;
}
#footer.home-footer .outlink .about li.home-contact a {
display: inline-block;
width: 24px;
height: 24px;
margin-left: 8px;
vertical-align: middle;
cursor: pointer;
background: url(../../res/com/footer-icons.png) no-repeat;
}
#footer.home-footer .outlink .about li.home-contact .gfqq {
background-position: 0 0;
}
#footer.home-footer .outlink .about li.home-contact .gfqq:hover {
background-position: 0 -27px;
}
#footer.home-footer .outlink .about li.home-contact .foot-ico2 {
background-position: 0 -57px;
}
#footer.home-footer .outlink .about li.home-contact .foot-ico2:hover {
background-position: 0 -85px;
}
#footer.home-footer .outlink .about li.home-contact .sina {
background-position: 0 -116px;
}
#footer.home-footer .outlink .about li.home-contact .sina:hover {
background-position: 0 -145px;
}
#footer.home-footer .outlink .about li.home-contact span {
margin-right: 5px;
}
#footer.home-footer .home-weixin-box {
position: absolute;
display: none;
z-index: 10000;
width: 118px;
height: 118px;
padding: 5px;
margin-left: -55px;
margin-top: -136px;
background-color: rgba(115, 115, 115, .5);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#80737373', endColorstr='#80737373');
}
#footer.home-footer .outlink .about li.home-contact .foot-ico2:hover .home-weixin-box {
display: block;
}
#footer.home-footer .home-weixin-box img {
width: 100%;
}
#footer.home-footer .outlink > p {
line-height: 30px;
}
#footer.home-footer .home-weixin-box .home-weixin-corner,
#footer.home-footer .home-weixin-box .home-weixin-corner-inner {
position: absolute;
height: 0px;
width: 0px;
left: 52px;
padding: 0;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
}
#footer.home-footer .home-weixin-box .home-weixin-corner {
bottom: -9px;
border-top: 10px solid #737373;
opacity: .5;
filter: alpha(opacity=50);
}
#footer.home-footer .home-weixin-box .home-weixin-corner-inner {
bottom: -2px;
border-top: 10px solid #fff;
}
/* 次二层底部 */
.bottom-classify {
width: 100%;
height: 320px;
padding: 10px 0 10px 0;
box-sizing: border-box;
background: #e0e0e0;
margin-bottom: 0;
position: relative;
margin-bottom: 0;
}
.bottom-classifyIn {
width: 1200px;
height: 100px;
background: #e0e0e0;
position: absolute;
left: 50%;
margin-left: -600px;
}
.bottom-classify1 {
width: 480px;
height: 146px;
background: url(../../res/page/homePage/shark.png);
float: left;
}
.bottom-classify2 {
width: 230px;
height: 146px;
background: url(../../res/page/homePage/chicken.png);
float: left;
margin-left: 10px;
}
.bottom-classify3 {
width: 230px;
height: 146px;
background: url(../../res/page/homePage/sharkGirl.png);
float: left;
margin-left: 10px;
}
.bottom-classify4 {
width: 230px;
height: 146px;
background: url(../../res/page/homePage/rocket.png);
float: left;
margin-left: 10px;
}
.bottom-classify5 {
width: 230px;
height: 146px;
background: url(../../res/page/homePage/fisBall.png);
float: left;
margin-top: 10px;
}
.bottom-classify6 {
width: 820px;
height: 146px;
background: url(../../res/page/homePage/all.png);
float: left;
margin-left: 10px;
margin-top: 10px;
}
.bottom-classify7 {
width: 130px;
height: 146px;
float: left;
margin-left: 10px;
margin-top: 10px;
background: #f2f2f2;
}
.bottom-classifyOneTop {
width: 100%;
height: 46px;
line-height: 46px;
margin-left: 32px;
color: #333;
font-size: 14px;
}
.bottom-classifyOneTop span {
border-bottom: 2px #f70 solid;
}
.bottom-classifyTop {
width: 100%;
height: 46px;
line-height: 46px;
margin-left: 30px;
color: #333;
font-size: 14px;
}
.bottom-classifyTop span {
border-bottom: 2px #f70 solid;
}
.bottom-classifyOneEach {
width: 114px;
height: 32px;
float: left;
font-size: 14px;
color: #999;
padding: 0 20px 0 20px;
box-sizing: border-box;
text-align: center;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.bottom-classifyTwoEach {
width: 115px;
height: 32px;
float: left;
font-size: 14px;
color: #999;
padding: 0 20px 0 20px;
box-sizing: border-box;
text-align: center;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.bottom-classifyThreeEach {
width: 130px;
height: 32px;
float: left;
font-size: 14px;
color: #999;
padding: 0 15px 0 15px;
box-sizing: border-box;
text-align: center;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.bottom-classifyOneEach:hover {
color: #f70;
}
.bottom-classifyTwoEach:hover {
color: #f70;
}
.bottom-classifyTitle {
color: #333;
}
/* Source: css/com/left.css*/
.scrollbar {
width: 15px;
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
z-index: 9999;
float: right;
background-position: 0 0;
}
.scrollbar .track {
width: 13px;
padding: 0 1px;
position: absolute;
right: -3px;
top: 0;
}
.scrollbar .thumb {
width: 8px;
height: 20px;
cursor: pointer;
overflow: hidden;
position: absolute;
top: 0;
border-radius: 7px;
background: none repeat scroll 0 0 #454545;
}
.scrollbar .thumb .end {
width: 25px;
height: 5px;
overflow: hidden;
}
#left-big-scroll {}
#left-big-scroll .viewport {
width: 240px;
height: 100%;
position: relative;
}
#left-big-scroll .overview {
padding: 0 0 20px 0;
margin: 0;
position: absolute;
left: 0;
top: 0;
list-style: none;
}
#left-big-scroll .scrollbar.disable { display: none; }
.left-menu {
position: fixed;
top: 0;
left: 0;
bottom: 0;
background: #2c2c2c;
height: 100%;
z-index: 1;
}
/*导航展开状态*/
.left-menu .left-big{
width: 244px;
color: #c6c6c6;
}
/*关闭按钮*/
.left-menu .left-btn{
position: fixed;
top: 50%;
left: 244px;
z-index: 10;
overflow: hidden;
cursor: pointer;
width: 15px;
height: 150px;
margin-top : -50px;
display: block;
background-color: transparent
}
.left-menu .left-btn:hover {
background-color: transparent
}
.left-menu .left-btn span {
width: 15px;
height: 150px;
position: absolute;
top: 0;
left: -1px;
display: block;
background: url(../../res/com/side-left-shrink.png) no-repeat
}
.left-menu .left-btn span {
background-position: 0 0
}
.left-menu .left-btn span:hover {
background-position: -22px 0
}
.left-menu-small .left-btn span {
background-position: 0 -151px
}
.left-menu-small .left-btn span:hover {
background-position: -22px -151px
}
/*四个大频道区域*/
.left-menu .channel-cate ul li {
height: 38px;
line-height: 38px;
border-bottom:1px solid #272727;
width: 240px;
position: relative;
}
.left-menu .channel-cate ul {
width: 233px;
/* overflow: hidden; */
}
.left-menu .channel-cate ul li a {
display: block;
height: 37px;
font-size: 15px;
color:#c6c6c6;
padding-left:28px;
border-bottom : 1px solid #313131;
}
.left-menu .channel-cate ul li.rank {
position: relative;
}
.left-menu .channel-cate ul li a:hover {
background: #ff6600;
color: #fff;
}
.left-menu .channel-cate ul li a .icon{
display: inline-block;
background: url(../../res/com/side-list-icon.png?20161202) no-repeat -500px -500px;
width: 20px;
height: 20px;
overflow:hidden;
float: left;
margin-right: 18px;
margin-top:11px;
}
.left-menu .channel-cate ul li a .icon-live{
background-position:0 0;
}
.left-menu .channel-cate ul li a .icon-game{
background-position:0 -26px;
}
.left-menu .channel-cate ul li a .icon-rank{
background-position:1px -206px;
}
.left-menu .channel-cate ul li a .icon-focus{
background-position:0 -50px;
}
.left-menu .channel-cate ul li a .icon-collect{
background-position:0 -80px;
}
.left-menu .channel-cate ul li a .icon-hot{
display: block;
width: 22px;
height: 13px;
background: url(../../res/com/icon-hot.png) no-repeat;
position: absolute;
top: -8px;
right: 72px;
}
.left-menu .channel-cate ul li.cur span{
color : #ff6600;
}
.left-menu .channel-cate ul li a:hover span{
color : #fff;
}
.left-menu .channel-cate ul li.cur {
background : #282828;
}
.left-menu .channel-cate ul li.cur a .icon-live{
background-position:-63px 0;
}
.left-menu .channel-cate ul li.cur .icon-game{
background-position:-63px -26px;
}
.left-menu .channel-cate ul li.cur .icon-rank{
background-position:-63px -206px;
}
.left-menu .channel-cate ul li.cur .icon-focus{
background-position:-63px -50px;
}
.left-menu .channel-cate ul li a:hover .icon-live{
background-position:-31px 0;
}
.left-menu .channel-cate ul li a:hover .icon-game{
background-position:-31px -26px;
}
.left-menu .channel-cate ul li a:hover .icon-rank{
background-position:-31px -206px;
}
.left-menu .channel-cate ul li a:hover .icon-focus{
background-position:-31px -50px;
}
.left-menu .channel-cate ul li a:hover .icon-collect{
background-position:-31px -80px;
}
/*游戏推荐区域*/
.left-menu .leftnav-cate{
padding-top: 5px;
color:#c6c6c6;
}
.left-menu .leftnav-cate .r-tit{
width:206px;
margin: 0 auto;
height:28px;
border-bottom:2px solid #ff6600;
*width:208px;
}
.left-menu .leftnav-cate .r-tit ul li{
float:left;
width:50%;
height:30px;
line-height:30px;
font-size:15px;
cursor:pointer;
}
.left-menu .leftnav-cate .r-tit ul li .icon{
display: inline-block;
background: url(../../res/com/side-list-icon.png?20161202) no-repeat -500px -500px;
width: 20px;
height: 20px;
overflow:hidden;
float: left;
margin:8px 14px 0 18px;
}
.left-menu .leftnav-cate .r-tit ul li.cur{
background:#ff6600;
color:#fff;
border-radius: 2px 2px 0 0;
}
.left-menu .leftnav-cate .r-tit ul li .icon-column{
background-position:0 -107px;
}
.left-menu .leftnav-cate .r-tit ul li .icon-recom{
background-position:0 -131px;
}
.left-menu .leftnav-cate .r-tit ul li.cur .icon-column{
background-position:-31px -107px;
}
.left-menu .leftnav-cate .r-tit ul li.cur .icon-recom{
background-position:-31px -131px;
}
.left-menu .leftnav-cate .r-cont{
width: 240px;
}
.left-menu .leftnav-cate .r-cont dl{
margin-top:4px;
}
.left-menu .leftnav-cate .recom-cont dl{
margin-top:0;
}
.left-menu .leftnav-cate .r-cont dl .recommendHos ul{
padding : 4px 15px 7px 15px;
}
.left-menu .leftnav-cate .r-cont ul li {
float: left;
height: 24px;
width: 66px;
margin: 2px 2px;
}
.left-menu .leftnav-cate .r-cont ul li a {
display: block;
background: #3f3f3f;
line-height: 24px;
width: 62px;
padding: 0 2px;
color: #d0d0d0;
font-size: 12px;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-moz-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.left-menu .leftnav-cate .r-cont ul li a.current {
color: #ff6600;
}
.left-menu .leftnav-cate .r-cont ul li a:hover {
background:#ff6600;
color: #fff;
}
.left-menu .leftnav-cate .r-cont a.more { color: #ff6600 }
.left-menu .leftnav-cate .column-cont dl dt{
width: 217px;
padding-left : 15px;
height:28px;
line-height:30px;
font-size:15px;
position:relative;
border-top : 1px solid #2c2c2c;
margin-top: 0;
}
.left-menu .leftnav-cate .column-cont dl dt.cur{
background: #272727
}
.left-menu .leftnav-cate .column-cont dl dd.cur{
background: #272727
}
.left-menu .leftnav-cate .column-cont dl dt a{ display:block;}
.left-menu .leftnav-cate .column-cont dl dt i{
display: inline-block;
background: #f60;
width: 4px;
height: 14px;
overflow:hidden;
margin: -3px 0px 0 3px;
border-radius: 2px;
}
.left-menu .leftnav-cate .column-cont dl dt.cur i{
}
.left-menu .leftnav-cate .column-cont dl dt span{
display:inline-block;
padding:0 9px;
color: #c6c6c6;
}
.left-menu .leftnav-cate .column-cont dl dt.cur span{
color : #f60;
}
.left-menu .leftnav-cate .column-cont dl dd{
overflow: hidden;
padding : 0 15px;
padding-right : 4px;
width: 213px;
}
.left-menu .leftnav-cate .column-cont dl dd {
padding-bottom : 5px;
border-bottom : 1px solid #2c2c2c;
}
.left-menu .leftnav-cate .recom-cont{
padding-top:0;
}
.left-menu .leftnav-cate .recom-cont ul{
padding-left : 15px;
}
/*底部进入直播按钮通道*/
.left-menu .left-footer {
background: #2c2c2c;
width: 210px;
padding: 0px 17px 0px;
position: fixed;
left: 0px;
bottom: 0px;
}
.left-menu .left-footer .f-line {
width: 100%;
height: 1px;
background: #2c2c2c;
}
.left-menu .left-footer .btn-live {
padding-bottom: 6px;
}
.left-menu .left-footer .btn-live a {
display: block;
width: 100%;
height: 30px;
line-height: 30px;
font-size: 16px;
background: #ff6600;
border-radius: 2px;
margin: 12px auto auto;
color: #fff;
transition: all 500ms ease-in-out;
-webkit-transition: all 500ms ease-in-out;
}
.left-menu .left-footer .btn-live a:hover { background: #f14700; }
.left-menu .left-footer .btn-live a { color: #fff; }
.left-menu .left-footer .btn-live .icon-l {
display: block;
background: url(../../res/com/side-list-icon.png?20161202) no-repeat;
background-position: 0 -154px;
width: 31px;
height: 20px;
overflow:hidden;
float: left;
margin:10px 14px 0 38px;
}
.left-menu .left-footer .btn-live span{
float: left;
}
.left-menu .left-footer .btn-live .icon-r {
display:inline-block;
margin-left:3.8%;
margin-top: 15px;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-left: 5px solid #fff;
border-bottom: 5px solid transparent;
}
.left-menu .left-footer ul {
padding: 0 12px;
*padding: 0 10px;
}
.left-menu .left-footer ul li {
float: left;
line-height: 30px;
margin: 0px 5px;
margin-bottom: 9px;
}
.left-menu .left-footer ul li a { color: #c6c6c6; }
.left-menu .left-footer ul li a:hover { color: #fff; }
/* 赛事tab样式 */
.left-menu .channel-cate .match .icon-match {
background: url(../../res/com/leftMatchTab/match.png) no-repeat;
}
.left-menu .channel-cate .cur .icon-match {
background: url(../../res/com/leftMatchTab/matchPress.png) no-repeat;
}
.left-menu .channel-cate .match:hover .icon-match {
background: url(../../res/com/leftMatchTab/matchHover.png) no-repeat;
}
.left-menu .channel-cate .match .icon-match-lpl {
width: 26px;
height: 26px;
float: right;
margin-top: 5px;
margin-right: 10px;
background: url(../../res/com/leftMatchTab/LPL.png) no-repeat;
}
.left-menu .channel-cate .cur .icon-match-lpl {
width: 26px;
height: 26px;
float: right;
margin-top: 5px;
margin-right: 10px;
background: url(../../res/com/leftMatchTab/LPLPress.png) no-repeat;
}
.left-menu .channel-cate .match:hover .icon-match-lpl {
background: url(../../res/com/leftMatchTab/LPLHover.png) no-repeat;
}
.left-menu .channel-cate .match .icon-match-kpl {
width: 26px;
height: 26px;
float: right;
margin-top: 5px;
margin-right: 10px;
background: url(../../res/com/leftMatchTab/KPL.png) no-repeat;
}
.left-menu .channel-cate .cur .icon-match-kpl {
width: 26px;
height: 26px;
float: right;
margin-top: 5px;
margin-right: 10px;
background: url(../../res/com/leftMatchTab/KPLPress.png) no-repeat;
}
.left-menu .channel-cate .match:hover .icon-match-kpl {
background: url(../../res/com/leftMatchTab/KPLHover.png) no-repeat;
}
.left-menu .channel-cate .match .icon-match-cfpl {
width: 26px;
height: 26px;
float: right;
margin-top: 5px;
margin-right: 14px;
background: url(../../res/com/leftMatchTab/CFPL.png) no-repeat;
}
.left-menu .channel-cate .cur .icon-match-cfpl {
width: 26px;
height: 26px;
float: right;
margin-top: 5px;
margin-right: 14px;
background: url(../../res/com/leftMatchTab/CFPLPress.png) no-repeat;
}
.left-menu .channel-cate .match:hover .icon-match-cfpl {
background: url(../../res/com/leftMatchTab/CFPLHover.png) no-repeat;
}
/* */
/*导航收起状态*/
.left-menu .left-small{ width: 50px; }
.left-menu .small-nav ul li a,
.left-menu .c-ser .c-link a{
text-align: center;
display: block;
color: #c6c6c6;
text-align: center;
height: 44px;
padding: 18px 0;
}
.left-menu .small-nav ul li a:hover,
.left-menu .c-ser .c-link a:hover {
color: #fff;
background: #1b1b1b;
}
.left-menu .small-nav ul li.line,
.left-menu .c-ser .line {
height: 0;
font-size: 0;
overflow: hidden;
border-bottom: 1px solid #323232;
border-top: 1px solid #1b1b1b;
}
.left-menu .small-nav ul li .icon,
.left-menu .c-ser .cr_icon {
display:block;
background: url(../../res/com/side-list-icon.png?20161202) no-repeat -500px -500px;
width: 20px;
height: 20px;
overflow:hidden;
margin-left: 15px;
margin-bottom:5px;
*margin-left: 0;
}
.left-menu .small-nav ul li .is1 { background-position: 0 0 }
.left-menu .small-nav ul li .is2 { background-position:0 -26px;}
.left-menu .small-nav ul li .is3 { background-position:0 -50px;}
.left-menu .small-nav ul li .is4 { background-position:0 -80px;}
.left-menu .small-nav ul li .icon-rank {background-position: 1px -206px;}
.left-menu .small-nav ul li a:hover .is1 { background-position:-31px 0;}
.left-menu .small-nav ul li a:hover .is2 { background-position: -31px -26px }
.left-menu .small-nav ul li a:hover .is3 { background-position: -31px -50px }
.left-menu .small-nav ul li a:hover .is4 { background-position: -31px -80px }
.left-menu .small-nav ul li a:hover .icon-rank {background-position: -31px -206px;}
.left-menu .c-ser {
width: 50px;
position: fixed;
left: 0;
bottom: 0;
}
.left-menu .c-ser .line {
margin: 12px 0 0;
}
.left-menu .c-ser .cr_icon {
background-position: 0 -182px;
}
.left-menu .c-ser a:hover .cr_icon {
background-position: -31px -182px;
}
/* 赛事按钮 */
.left-menu .left-small .match .is6 {
background: url(../../res/com/leftMatchTab/match.png) no-repeat;
}
.left-menu .left-small .cur .is6 {
background: url(../../res/com/leftMatchTab/matchPress.png) no-repeat;
}
.left-menu .left-small .match:hover .match .is6 {
background: url(../../res/com/leftMatchTab/matchHover.png) no-repeat;
}
/*逻辑控制*/
.left-menu .left-small { display: none; }
.left-menu-small .left-menu .left-big { display: none; }
.left-menu-small .left-small { display: block; }
.left-menu-small .left-btn { left: 50px; }
/* web左侧导航栏优化v2.0 */
/* 导航底部按钮 */
.left-menu .left-footer .btn-wrap{
}
.left-menu .left-footer .btn-app,
.left-menu .left-footer .btn-live{
padding-bottom: 0 !important;
width: 103px;
display: inline-block;
*display: inline;
*zoom: 1;
}
.left-menu .left-footer .btn-app {
*margin-right: 3px;
}
.left-menu .left-footer .btn-app a {
display: block;
height: 30px;
line-height: 30px;
font-size: 14px;
background: #ff6600;
border-radius: 2px;
color: #fff;
transition: all 500ms ease-in-out;
-webkit-transition: all 500ms ease-in-out;
}
.left-menu .left-footer .btn-app a:hover { background: #f14700; }
.left-menu .left-footer .btn-app a { color: #fff; }
.left-menu .left-footer .btn-app .icon-l {
display: block;
background: url(../../res/com/left-list-icon.png?20160830) no-repeat;
height:19px;
width:13px;
background-position:0 0;
overflow:hidden;
float: left;
margin: 5px 5px 10px 14px;
}
.left-menu .left-footer .btn-app span{
float: left;
}
.left-menu .left-footer .btn-live .icon-l {
display: block;
background: url(../../res/com/left-list-icon.png?20160830) no-repeat;
height:13px;
width:21px;
background-position:0 -35px;
overflow:hidden;
float: left;
margin: 9px 4px 12px 9px;
}
.left-menu .left-footer .btn-live a{
font-size:14px !important;
}
/* Tab-发现 */
.left-menu .leftnav-cate .r-tit ul li .icon-recom{
display: inline-block;
background: url(../../res/com/left-list-icon.png?20160830) no-repeat;
height:16px;
width:21px;
background-position:0 -19px;
overflow:hidden;
float: left;
margin:8px 14px 0 18px;
}
.left-menu .leftnav-cate .r-tit ul li.cur .icon-recom{
background-position:0 -48px;
}
.left-menu .leftnav-cate .recom-cont dl dt{
width: 217px;
padding-left : 15px;
height:34px;
line-height:38px;
font-size:15px;
position:relative;
border-top : 1px solid #2c2c2c;
}
.left-menu .leftnav-cate .recom-cont dl dt.cur{
/*background: #272727*/
}
.left-menu .leftnav-cate .recom-cont dl dd.cur{
/*background: #272727*/
}
.left-menu .leftnav-cate .recom-cont dl dt a{ display:block;}
.left-menu .leftnav-cate .recom-cont dl dt i{
display: inline-block;
background: url(../../res/com/left_cion.png) no-repeat;
width: 5px;
height: 14px;
overflow:hidden;
float: left;
margin:13px 0px 0 -5px;
transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
}
.left-menu .leftnav-cate .recom-cont dl dt.cur i{
}
.left-menu .leftnav-cate .recom-cont dl dt span{
display:inline-block;
padding:0 9px;
color: #c6c6c6;
}
.left-menu .leftnav-cate .recom-cont dl dt.cur span{
/*color : #f60;*/
}
.left-menu .leftnav-cate .recom-cont dl dd{
overflow: hidden;
padding : 0 15px;
padding-right : 4px;
width: 213px;
}
.left-menu .leftnav-cate .recom-cont dl dd {
padding-bottom : 0;
border-bottom : 1px solid #2c2c2c;
}
.left-menu .leftnav-cate .recom-cont dl dd ul {
padding: 0;
}
/* 小导航栏增加选中 */
.left-menu .small-nav ul li a:active,
.left-menu .small-nav ul li a.cur,
.left-menu .c-ser .c-link a:active {
color: #f60;
background: #1b1b1b;
}
.left-menu .small-nav ul li a:active .is1,
.left-menu .small-nav ul li a.cur .is1 { background-position: -63px 0;}
.left-menu .small-nav ul li a:active .is2,
.left-menu .small-nav ul li a.cur .is2{ background-position: -63px -26px; }
.left-menu .small-nav ul li a:active .is3,
.left-menu .small-nav ul li a.cur .is3{ background-position: -63px -50px;}
.left-menu .small-nav ul li a:active .is4,
.left-menu .small-nav ul li a.cur .is4 { background-position: -63px -80px; }
.left-menu .small-nav ul li a:active .icon-rank,
.left-menu .small-nav ul li a.cur .icon-rank{ background-position: -63px -206px; }
.left-menu .c-ser .c-link a:active .cr_icon,
.left-menu .c-ser .c-link a.cur .cr_icon{ background-position: -63px -182px; }
/* 调整尺寸 */
.channel-catelist-resize {
height: 33px !important;
line-height: 33px !important;
}
.left-menu .channel-cate ul li.channel-catelist-resize .icon {
margin-top: 8px;
}
.footer-otherlist-resize {
height: 40px !important;
line-height: 40px !important;
}
/* 24H */
.left-menu .leftnav-cate .recom-cont .yb-list-24 {
margin-top: 5px;
}
.left-menu .leftnav-cate .recom-cont .yb-list-24 .yb-num {
float: left;
width: 16px;
height: 16px;
line-height: 16px;
background: #aeaeae;
color: #fff;
font-size: 12px;
text-align: center;
margin-right: 10px;
}
.left-menu .leftnav-cate .recom-cont .yb-list-24 .yb-num.yb-num-1 {
background: #ff2400;
}
.left-menu .leftnav-cate .recom-cont .yb-list-24 .yb-num.yb-num-2 {
background: #f70;
}
.left-menu .leftnav-cate .recom-cont .yb-list-24 .yb-num.yb-num-3 {
background: #349ff9;
}
.left-menu .leftnav-cate .recom-cont .yb-list-24 li {
margin: 5px 0;
}
.left-menu .leftnav-cate .recom-cont .yb-list-24 li a {
display: inline-block;
*display: inline;
*zoom: 1;
width: 180px;
height: 18px;
color: #d0d0d0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
word-break: keep-all;
}
.left-menu .leftnav-cate .recom-cont .yb-list-24 li a:hover {
color: #ff6600;
}
/* web左侧导航栏优化v2.0*/
/* Source: css/com/lifter.css*/
#lifter {
/*width: 157px;*/
height: 360px;
position: fixed;
right: -1px;
bottom: 85px;
overflow: visible;
/*电梯元素比头部高1*/
z-index: 501;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
#lifter .lift { position: relative; }
#lifter .lift a {
display: block;
width: 46px;
height: 46px;
margin-top: 4px;
position: absolute;
right: 0;
line-height: 46px;
font-size: 12px;
color: #fff;
cursor: pointer;
/*background: url(../../res/com/lifter-bg.png?20160823) repeat;*/
background: #bcbcbc;
border-radius: 4px;
overflow: hidden;
}
#lifter .lift a.ngad{
top: 4px;
}
#lifter .lift a:hover {
/*width: 126px;
font-size: 15px;*/
background: url(../../res/com/lifter-bg.png) no-repeat -500px -500px #ff7700;
}
#lifter .lift a.ngad:hover {
/*width: 126px;
font-size: 15px;*/
/* background: url(../../res/com/lifter-bg.png) repeat -500px -500px ;*/
background: none;
}
#lifter .lift a.gotop,
#lifter .lift a.tolive,
#lifter .lift a.feedback,
#lifter .lift a.downapp { position: absolute; }
#lifter .lift a.gotop { top: 260px; height: 25px; }
#lifter .lift a.tolive { top: 56px; }
#lifter .lift a.feedback { top: 107px; }
#lifter .lift a.downpc { top: 158px; }
#lifter .lift a.downapp { top: 209px; }
#lifter .lift a.nav-yugou-mall{
top: 260px;
}
#lifter.has-login .lift .gotop {
top: 311px;
}
#lifter .lift a.nav-yugou-mall span{
background-position: -2px -223px;
}
#lifter .lift .game {
display:none;
top: 260px;
}
#lifter.has-login .game {
display: block;
}
#lifter .lift a span {
display: block;
background: url(../../res/com/lifter-icons.png?20180612) no-repeat;
text-indent: 46px;
height: 46px;
}
#lifter .lift a:hover span{
background: none;
background-color: #ff7700;
text-indent: 0px;
height: 36px;
width: 35px;
text-align: center;
margin: 5px;
line-height:18px;
}
#lifter .lift a.ngad:hover span{
margin: 0;
background-color: transparent;
}
#lifter .lift a.gotop span{
height: 25px;
}
#lifter .lift a.gotop:hover span{
background: url(../../res/com/lifter-icons.png?20160818) -4px -146px no-repeat;
margin: 0;
}
#lifter .lift .gotop span { background-position: -4px -146px; }
#lifter .lift .tolive span { background-position: -4px 4px; }
#lifter .lift .feedback span { background-position: -4px -46px; }
#lifter .lift .downapp span { background-position: -4px -95px; }
#lifter .lift .ngad span {
/* background: url(../../res/com/gift-icon.png?20160818) -2px 0px no-repeat;*/
background: none;
text-indent: 0;
}
#lifter .lift .downpc span { background-position: -4px -273px; }
#lifter .downcode {
display: none;
width: 136px;
height: 230px;
margin-top: 213px;
margin-right: 49px;
position: relative;
background: url(../../res/com/app-bg.png?20160818) no-repeat;
}
#lifter .downcode>a {
/* position: absolute;
top: 0;
right: 0;*/
height: 100%;
width: 100%;
display: block;
}
#lifter .downcode .c-box {
/*width: 120px;
padding: 0 18px 10px;
background: #616161;
border-bottom: none;
border-top-left-radius: 5px;*/
width: 136px;
padding-top: 23px;
text-align: center;
}
#lifter .downcode .c-box span {
display: block;
height: 20px;
line-height: 20px;
text-align: center;
color: #666666;
font-size: 12px;
font-weight: bold;
}
#lifter .downcode .c-box img {
width: 99px;
height: 99px;
}
#lifter .downcode .c-btn {
width: 157px;
height: 31px;
background: #ff7700;
text-align: center;
line-height: 30px;
color: #fff;
font-size: 15px;
border-bottom-left-radius: 5px;
}
#lifter .downcode .c-box span.btn-2code{
width: 68px;
height: 21px;
background: url(../../res/com/btn-2code.png?20160818) no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 2px;
}
#lifter .downcode .icon-2code{
background: url(../../res/com/sg-icon-2code.png?20160818) no-repeat;
width: 55px;
height: 61px;
position: absolute;
top: -36px;
}
#lifter .ngad-cont{
/* width: 203px;
height: 306px;*/
position: absolute;
bottom: 0px;
right: 50px;
display: none;
}
#lifter .lift a.ngad{
display: none;
background: none;
}
.ngad-cont-close{
background: url(../../res/com/ngad-cont-close.png?20160818) no-repeat;
width: 25px;
height:24px;
position: absolute;
left: -25px;
top:-20px;
cursor: pointer;
}
.ngad-cont-close:hover {
background: url(../../res/com/ngad-cont-close-hover.png?20160818) no-repeat;
}
/*#lifter .ngad-info{
width: 100%;
height:100%;
}*/
.ng-img{
height: 46px;
width: 46px;
}
#lifter .naad-hide{
width: 0;
height: 0;
}
#lifter .naad-show{
width: 203px;
height: 306px;
}
/* 广告角标 */
#lifter .ngad-cont .ngad-info .sign-spec {
bottom: 6px;
left: 2px;
}
#lifter .game {
position: absolute;
right: 0;
}
#lifter .game > a{
margin-top: 4px;
display: block;
position: relative;
width: 46px;
height: 46px;
}
#lifter .game > a span {
background-position: -3px -177px;
}
#lifter .game-pop,
#lifter .game-pop .game-pop-widget{
background: url(../../res/com/game_pop_bg.png?201612215) no-repeat;
}
#lifter .game-pop {
position: absolute;
right: 49px;
bottom: 0;
width: 204px;
height: 199px;
white-space: nowrap;
}
#lifter .game-pop .game-pop-widget {
position: absolute;
width: 73px;
height: 126px;
bottom: 0;
left: -73px;
background-position: 0 -212px;
}
#lifter .game-pop-main {
position: absolute;
top: 36px;
left: 5px;
right: 5px;
bottom: 26px;
padding: 6px 10px;
background: #fff;
border-radius: 5px;
}
#lifter .game-pop a {
display: block;
position: relative;
width: auto;
height: auto;
line-height: 1.5;
background: transparent;
}
#lifter .game-pop a:hover {
background-color: transparent;
}
#lifter .game-pop-hello {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #e2761c;
}
#lifter .game-pop-hello label{
color: #3c3c3c;
}
#lifter .game-pop strong {
display: block;
margin: 4px 0 0;
font-size: 14px;
font-weight: 700;
}
#lifter .server-list {
margin-top: -1px;
}
#lifter .server-list a {
margin-top: 7px;
line-height: 20px;
}
#lifter .server-list em {
overflow: hidden;
width: 65px;
float: right;
color: #8d8d8d;
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
}
#lifter .server-list b{
display: block;
white-space: nowrap;
font-size: 0;
font-weight: 400;
}
#lifter .server-list img {
width: 20px;
height: 20px;
border-radius: 3px;
margin-right: 5px;
vertical-align: middle;
border: 0;
}
#lifter .server-list i{
overflow: hidden;
width: 100px;
display: inline-block;
vertical-align: middle;
font-size: 12px;
font-style: normal;
color: #e2761c;
text-overflow: ellipsis;
white-space: nowrap;
}
#lifter .game-pop .more {
position: absolute;
left: 5px;
right: 5px;
bottom: 5px;
line-height: 21px;
text-align: center;
color: #bfbfbf;
}
.ngad-info img {
min-width: 1px;
min-height: 1px;
}
/* 客户端下载增加hover start wulieqing@douyu.tv */
#lifter .downpc-hover {
width: 241px;
height: 187px;
position: absolute;
top: 70px;
right: 49px;
display: none;
background: url(../../res/com/downpc-hover.png?20180703) no-repeat;
}
/* 客户端下载增加hover end wulieqing@douyu.tv */
/* 增加新版入口 start by tangzhaojin */
#lifter .lift a.change2New {
overflow: visible;
background-color: #f70;
color: #fff;
}
#lifter .lift a.change2New:hover {
background-color: #e3691e;
}
#lifter .lift a.change2New .change2New-animation-wrap {
-webkit-animation: change2NewAnimationHide .3s linear 10.3s;
animation: change2NewAnimationHide .3s linear 10.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
#lifter .lift a.change2New .change2New-animation {
position: absolute;
top: -121px;
left: -131px;
width: 126px;
height: 121px;
background: url(../../res/com/animation_icons.png) no-repeat;
-webkit-animation-name: change2NewAnimation;
animation-name: change2NewAnimation;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
opacity: 0;
filter:alpha(opacity=0);
}
#lifter .lift a.change2New .change2New-animation1 {
background-position-x: 0;
}
#lifter .lift a.change2New .change2New-animation2 {
background-position-x: -126px;
-webkit-animation-delay: .12s;
animation-delay: .12s;
}
#lifter .lift a.change2New .change2New-animation3 {
background-position-x: -252px;
-webkit-animation-delay: .3s;
animation-delay: .3s
}
@-webkit-keyframes change2NewAnimationHide {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes change2NewAnimationHide {
from {
opacity: 1;
filter:alpha(opacity=100);
}
to {
opacity: 0;
filter:alpha(opacity=0);
}
}
@-webkit-keyframes change2NewAnimation {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes change2NewAnimation {
from {
opacity: 0;
filter:alpha(opacity=100);
}
to {
opacity: 1;
filter:alpha(opacity=0);
}
}
#lifter .lift a.change2New i {
content: "";
position: absolute;
width: 48px;
height: 39px;
top: -33px;
right: 0;
background: url(../../res/com/new_guide_icon.png) no-repeat;
}
#lifter .lift a.change2New span {
background-image: none;
text-indent: 0px;
height: 36px;
width: 35px;
text-align: center;
margin: 5px;
line-height:18px;
}
#lifter .lift a.change2New:hover {
background-image: none;
}
#lifter .lift a.change2New:hover span {
background-color: transparent;
}
#lifter .lift a.ngad {
top: -83px;
}
/* 增加新版入口 end by tangzhaojin */
/* Source: css/com/login-pop.css*/
.login-pop-shadow {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
opacity: .7;
filter: Alpha(Opacity=70);
background-color: #000;
}
.login-pop {
width: 548px;
margin-left: -274px;
padding: 10px 0px;
position: fixed;
top: 200px;
left: 50%;
z-index: 1001;
font-size: 12px;
background: #fff;
background: #fff url(../../res/com/login-pop/login-pop-bg.gif) no-repeat right bottom;
}
.login-pop-close {
width: 16px;
height: 16px;
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
background: url(../../res/com/login-pop/login-pop-close.gif) no-repeat 0 0;
}
.login-pop-tab { border-bottom: 2px #e9e9e9 solid; }
.login-pop-tab ul { height: 40px; }
.login-pop-tab ul li {
float: left;
height: 40px;
width: auto;
}
.login-pop-tab ul li a {
display: block;
padding: 0px 33px;
font-size: 20px;
line-height: 40px;
color: #555;
text-decoration: none;
letter-spacing: 2px;
}
.login-pop-tab ul li a:hover { color: #000; }
.login-pop-tab ul li a.current {
color: #ffaf15;
border-bottom:2px #ffaf15 solid;
}
.login-pop-cont { padding: 15px 0 15px 40px; }
.login-pop-cont .c-item {
width: 300px;
float: left;
border-right: 1px solid #dae2e5;
}
.login-pop-cont .c-item .ipt {
width: 257px;
height: 35px;
padding: 0;
margin-top: 10px;
line-height: 37px;
text-indent: 10px;
border: 1px solid #d5d5d5;
border-radius: 4px;
color: #979696;
font-family: "microsoft yahei", Arial;
transition: border-color 0.3s ease 0s;
}
.login-pop-cont .c-item .ipt.ipt-capcha { width: 110px; }
.login-pop-cont .c-item .captcha img {
vertical-align: middle;
cursor: pointer;
}
.login-pop-cont .c-item .ipt:focus {
border: 1px solid #fba64b;
}
.login-pop-cont .c-item .ipt.ipt-err {
border-color:#F00;
background:#FFFBFC;
}
.login-pop-cont .c-item .captcha-gt { margin-top: 15px; }
.login-pop-cont .c-item .tolog,
.login-pop-cont .c-item .toreg { margin-top: 20px; }
.login-pop-cont .c-item .toreg a,
.login-pop-cont .c-item .tolog a { color: #3eb0d8; }
.login-pop-cont .c-item .toreg a:hover,
.login-pop-cont .c-item .tolog a:hover { text-decoration: underline; }
.login-pop-cont .c-item .tolog .btn-sub,
.login-pop-cont .c-item .toreg .btn-sub {
width: 130px;
height: 35px;
line-height: 35px;
color: #fff;
cursor: pointer;
display: block;
float: left;
font-size: 20px;
letter-spacing: 2px;
font-family: "微软雅黑", Arial;
text-align: center;
border: none;
background: none repeat scroll 0 0 #f6a200;
}
.login-pop-cont .c-item .tolog>p,
.login-pop-cont .c-item .toreg>p {
padding: 10px 0px 0px 10px;
float: left;
color: #858585;
}
.login-pop-cont .c-item .i-protocol { margin-top: 5px; }
.login-pop-cont .c-item .i-protocol label a { color: #2091fb; }
.login-pop-cont .c-oth {
float: left;
padding-top: 10px;
padding-left: 40px;
}
.login-pop-cont .c-oth>p {
margin-bottom: 10px;
color: #666;
}
.login-pop-cont .c-oth a {
width: 128px;
height: 32px;
display: block;
line-height: 32px;
font-size: 12px;
text-align: center;
color: #fff;
text-decoration: none;
}
.login-pop-cont .c-oth>div>a {
margin-bottom: 5px;
}
.login-pop-cont .c-oth .btn-wx { background-color: #40ad38; }
.login-pop-cont .c-oth .btn-qq { background-color: #3eb0d8; }
.login-pop-cont .c-oth .btn-sina { background-color: #d63b22; }
.login-pop-cont .c-oth .btn-acfun { background-color: #ffac0b; }
.login-pop-cont .c-oth .btn-wx:hover { background: #5cb956; }
.login-pop-cont .c-oth .btn-qq:hover { background:#5bbcde; }
.login-pop-cont .c-oth .btn-sina:hover { background:#dc5843; }
.login-pop-cont .c-oth .btn-acfun:hover { background:#ffc148; }
.login-pop-cont .c-oth .dy-icon {
display: inline-block;
position: relative;
top: 2px;
left: 3px;
overflow: hidden;
background: url(../../res/com/login-pop/login-pop-icos.png) no-repeat;
}
.login-pop-cont .c-oth .dy-icon.dy-wx {
width: 32px;
height: 30px;
float: left;
background-position: -130px 0px;
}
.login-pop-cont .c-oth .dy-icon.dy-sina {
width: 32px;
height: 30px;
float: left;
background-position: -42px 0px;
}
.login-pop-cont .c-oth .dy-icon.dy-qq {
width: 32px;
height: 30px;
float: left;
background-position: -88px 0px;
}
.login-pop-cont .c-oth .dy-icon.dy-acfun {
width: 32px;
height: 30px;
float: left;
background-position: 0px 0px;
}
.login-pop-cont .c-oth .forget-pass {
padding-top: 14px;
margin-bottom: 0px;
}
.login-pop-cont .c-oth .forget-pass a {
color: #3EB0D8;
text-align: right;
}
/*
* 封禁功能和系统提示优化
* @author zhanglong@2douyu.tv
*/
.user-error-tip {
position: absolute;
z-index: 500;
top: 0;
left: 0;
max-width: 405px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: 0 0 6px #eaeaea;
}
.user-error-tip-arrow {
position: absolute;
left: 50%;
margin-left: -3px;
width: 0;
height: 0;
overflow: hidden;
font-size: 0;
line-height: 0;
display: inline-block;
*display: inline;
*zoom: 1;
border-right: 5px dashed transparent;
border-bottom: 0;
border-left: 5px dashed transparent;
}
.user-error-tip-arrow1 {
border-top: 6px solid #ccc;
bottom: -6px;
}
.user-error-tip-arrow2 {
border-top: 6px solid #fff;
bottom: -5px;
}
.user-error-tip-cont {
padding: 8px 10px 8px 30px;
background: url(../../res/com/login-pop/error-icon.png?v=20160504) 8px 10px no-repeat;
}
.user-error-tip-cont p {
white-space: nowrap;
word-wrap: normal;
word-break: keep-all;
}
.user-error-tip-cont p span {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
}
.user-error-tip-cont p span.user-name {
max-width: 110px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
word-break: keep-all;
color: #2b94ff;
margin-right: 3px;
}
.user-error-tip-cont p.reason {
text-align: center;
color: #f00;
margin-top: 5px;
}
.login-pop-cont {
position: relative;
}
.login-pop-cont .c-item .tolog,
.login-pop-cont .c-item .toreg,
.login-pop-cont .c-item .tolog .btn-sub,
.login-pop-cont .c-item .toreg .btn-sub,
.login-pop-cont .c-item .tolog>p,
.login-pop-cont .c-item .toreg>p {
margin-top: 10px;
}
.login-pop-cont .c-item .i-protocol { margin-top: 0; }
.login-pop-cont .c-item .i-protocol input,
.login-pop-cont .c-item .i-protocol label {
margin-top: 5px;
}
/*
@desc 登录注册改版
@author zhuzijian@douyu.tv
*/
.hide {
display: none !important;
}
.loginbox-shadow {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
opacity: .7;
filter: Alpha(Opacity=70);
background-color: #000;
}
.loginbox {
width: 375px;
margin-left: -188px;
/*padding: 10px 0px;*/
position: fixed;
top: 200px;
left: 50%;
z-index: 1001;
font-size: 12px;
background: #fff;
border-radius: 6px;
}
/* 内部重置 */
.loginbox a {
color: #12a1ff;
}
.loginbox .anchor_line {
text-decoration: underline;
}
.loginbox form {
margin: 0 auto;
}
.loginbox .clearfix:after,.clearfix:before {
content: "";
display: table
}
.loginbox .clearfix:after {
clear: both;
overflow: hidden
}
.loginbox .clearfix {
zoom:1
}
.loginbox .clear {
clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0
}
.loginbox .ipt {
width: 248px;
height: 35px;
padding: 0 4px;
margin-top: 15px;
line-height: 35px;
border: 1px solid #d5d5d5;
border-radius: 4px;
color: #979696;
font-size: 14px;
font-family: "microsoft yahei", Arial;
transition: border-color .3s ease 0s;
outline: 0;
}
.loginbox .ipt:focus {
/*border: 1px solid #fba64b;*/
border: 1px solid #908f8f;
}
.loginbox .ipt.ipt-err {
border-color:#F00;
background:#FFFBFC;
/*background: url(../../res/com/loginbox/icon-error.png) no-repeat right center;*/
}
.loginbox .ipt-success {
background: url(../../res/com/loginbox/icon-success.png) no-repeat right center;
}
.loginbox .ipt-parent-err {
border-color:#F00 !important;
background:#FFFBFC;
}
.loginbox .ipt:focus {
outline: 0;
/*border: 1px solid #fba64b;*/
border: 1px solid #908f8f;
}
.loginbox .loginbox-sbt {
width: 140px;
height: 35px;
line-height: 35px;
color: #fff;
cursor: pointer;
display: block;
font-size: 18px;
letter-spacing: 2px;
font-family: "微软雅黑", Arial;
text-align: center;
border: none;
background: #FF6634;
border-radius: 4px;
margin: 0 auto;
}
.loginbox .loginbox-sbt:focus {
outline: 0;
}
/* 头部 */
.loginbox .loginbox-hd {
height: 53px;
}
.loginbox .loginbox-close {
width: 25px;
height: 24px;
position: absolute;
right: 20px;
top: 12px;
cursor: pointer;
background: url(../../res/com/loginbox/close.png) no-repeat 0 0;
z-index: 1002;
}
.loginbox .loginbox-hd .loginbox-title {
padding-left: 30px;
font-size: 28px;
color: #6A615A;
}
.loginbox .loginbox-hd .loginbox-hd-tab {
padding-left: 30px;
border-bottom: 2px solid #e9e9e9;
}
.loginbox .loginbox-hd .loginbox-hd-tab ul {
height: 53px;
}
.loginbox .loginbox-hd .loginbox-hd-tab li {
height: 53px;
float: left;
}
.loginbox .loginbox-hd .loginbox-hd-tab li a {
display: block;
padding: 0 10px;
margin-right: 20px;
line-height: 53px;
font-size: 18px;
color: #555;
text-decoration: none;
}
.loginbox .loginbox-hd .loginbox-hd-tab li a.current {
color: #FF6634;
border-bottom: 2px #FF6634 solid;
}
/* 头部-end */
/* 内容区公共 */
.loginbox .loginbox-bd {
padding-bottom: 20px;
position: relative;
}
.loginbox .loginbox-bd-hide {
/*display: none;*/
}
.loginbox .loginbox-bd .third-list {
width: 270px;
margin: 0 auto;
margin-top: 10px;
}
.loginbox .loginbox-bd .third-list .third-icon {
width: 55px;
height: 54px;
margin-right: 50px;
}
.loginbox .loginbox-bd .third-list .third-icon-qq {
background: url("../../res/com/loginbox/qq.png") no-repeat 0 0;
}
.loginbox .loginbox-bd .third-list .third-icon-wx {
background: url("../../res/com/loginbox/weixin.png") no-repeat 0 0;
}
.loginbox .loginbox-bd .third-list .third-icon-wb {
background: url("../../res/com/loginbox/weibo.png") no-repeat 0 0;
}
.loginbox .loginbox-bd .third-list .third-icon-last {
margin-right: 0;
}
.loginbox .loginbox-bd .third-text {
width: 220px;
font-size: 16px;
text-align: center;
margin: 0 auto;
margin-top: 15px;
}
.loginbox .loginbox-bd .loginbox-or-line {
width: 320px;
height: 20px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
background: url("../../res/com/loginbox/or-line.png") no-repeat center top;
}
.loginbox .loginbox-form-title {
font-size: 16px;
color: #666;
}
.loginbox .loginbox-bd-img {
width: 105px;
height: 120px;
background: url("../../res/com/loginbox/sg-girl.png") no-repeat 0 0;
margin: 0 auto;
}
.loginbox .loginbox-bd-title {
font-size: 28px;
font-weight: bold;
color: #666;
text-align: center;
}
.loginbox .loginbox-bd .loginbox-line {
width: 320px;
height: 20px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
background: url("../../res/com/loginbox/line.png") no-repeat center top;
}
.loginbox .loginbox-bd .loginbox-bd-fish {
margin-top: 30px;
}
/* 内容区公共-end */
/* 内容-登录 */
.loginbox .loginbox-login{
padding-top: 20px;
}
.loginbox .loginbox-login form {
padding-left: 30px;
}
.loginbox .loginbox-login .ipt {
height: 32px;
line-height: 32px;
padding: 0 6px;
}
.loginbox .loginbox-login .forget-pwd {
margin-left: 5px;
}
.loginbox .loginbox-login .login-sbt-con {
text-align: center;
margin-top: 20px;
margin-left: -30px;
}
.loginbox .loginbox-login .loginbox-noact {
margin-top: 10px;
}
.loginbox .loginbox-login .loginbox-noact a {
color: #FF6634;
}
.loginbox .loginbox-login .captcha {
vertical-align: middle;
}
.loginbox .loginbox-login .captcha .ipt-capcha {
width: 110px;
margin-right: 5px;
}
.loginbox .loginbox-login .captcha img {
cursor: pointer;
vertical-align: middle;
}
.loginbox .loginbox-login .captcha-gt {
margin-top: 15px;
}
/* 内容-登录-end */
/* 内容-注册 */
.loginbox .loginbox-reg {
padding-top: 10px;
padding-bottom: 28px;
}
.loginbox .loginbox-reg form {
padding-left: 30px;
margin-bottom: 20px;
}
.loginbox .loginbox-reg .ipt {
width: 300px;
margin-top: 20px;
}
.loginbox .loginbox-reg .loginbox-protocol {
margin-top: 10px;
}
.loginbox .loginbox-reg .loginbox-protocol input {
vertical-align: middle;
}
.loginbox .loginbox-reg .login-sbt-con {
text-align: center;
margin-top: 20px;
margin-left: -30px;
}
.loginbox .loginbox-reg .loginbox-hasact {
margin-top: 10px;
}
.loginbox .loginbox-reg .loginbox-hasact a {
color: #FF6634;
}
/* 内容-注册-end */
/* 内容-手机绑定公共及业务 */
.loginbox .loginbox-phone {
}
.loginbox .loginbox-phone .ipt {
width: 120px;
height: 24px;
line-height: 24px;
margin-top: 0;
font-size: 12px;
}
.loginbox .loginbox-phone .form-item {
margin-top: 10px;
text-indent: 0;
}
.loginbox .loginbox-phone .form-item .form-label,
.loginbox .loginbox-phone .form-item .form-field {
float: left;
}
.loginbox .loginbox-phone .form-item .form-field {
}
.loginbox .loginbox-phone .form-item .form-label {
width: 100px;
text-align: right;
padding-right: 10px;
}
.loginbox .loginbox-phone .loginbox-phone-submit {
margin-top: 20px;
}
.loginbox .loginbox-phone .loginbox-line {
margin-bottom: 0;
}
.loginbox .loginbox-phone .loginbox-form-title {
font-weight: bold;
color: #FF6634;
text-align: center;
margin-bottom: 25px;
}
.loginbox .loginbox-phone #selectCountry {
width: 160px;
}
.loginbox .loginbox-phone .country-con{
margin-top: 10px;
}
/*手机号码*/
.loginbox .loginbox-phone .country-con {
border: 1px solid #ccc;
border-radius: 4px;
background-color: #fff;
}
.loginbox .loginbox-phone .country-code {
width: 40px;
height: 24px;
padding: 0 4px;
line-height: 24px;
border: 0;
}
.loginbox .loginbox-phone .country-phonenum {
border: 0;
width: 170px;
}
/*校验码*/
.loginbox .loginbox-phone .phone-capimg {
max-height: 24px;
margin-left: 8px;
vertical-align: top;
cursor: pointer;
border: 1px solid #d9d9d9;
border-radius: 4px;
}
/*语音验证按钮*/
.loginbox .loginbox-phone .phone-send{
display: block;
width: 90px;
height: 26px;
overflow: hidden;
border-radius: 5px;
background: url("../../res/com/loginbox/vo_icon.png") no-repeat 8px 5px #3AACD0;
color: #fff;
margin-left: 8px;
padding-left: 28px;
cursor: pointer;
border: 0;
outline: 0;
text-align: left;
}
.loginbox .loginbox-phone .long {
width: 105px;
}
.loginbox .loginbox-phone .phone-send-text {
margin-top: 10px;
color: #666;
width: 240px;
}
.loginbox .loginbox-phone .loginbox-phone-submit span {
letter-spacing: 1px;
}
/* 内容-手机绑定-end */
/* 内容-个人中心 */
.loginbox .loginbox-member {
}
.loginbox .loginbox-member .loginbox-member-text {
text-align: center;
font-size: 16px;
}
.loginbox .loginbox-member .loginbox-bd-title {
color: #ff6634;
}
.loginbox .loginbox-member .loginbox-bd-phonenum {
width: 200px;
margin: 0 auto;
text-align: center;
font-size: 16px;
color: #818181;
margin-top: 10px;
}
.loginbox .loginbox-member .loginbox-member-text .apply-anchor {
display: block;
width: 120px;
margin: 0 auto;
padding: 6px 0;
margin-top: 20px;
background-color: #FF6634;
color: #fefff3;
font-size: 18px;
border-radius: 4px;
}
.loginbox .loginbox-member .loginbox-line {
margin-bottom: 0;
}
/* 内容-个人中心-end */
/*
辅助提示类: 提示
*/
.loginbox .myuser-error-tip {
position: absolute;
top: 0;
left: 0;
max-width: 370px;
background-color: #fddcdc;
border: 1px solid #f74f4f;
border-radius: 4px;
box-shadow: none;
z-index: 400;
}
.loginbox .myuser-error-tip-arrow {
position: absolute;
left: 50%;
margin-left: -3px;
width: 0;
height: 0;
overflow: hidden;
font-size: 0;
line-height: 0;
display: inline-block;
*display: inline;
*zoom: 1;
border-right: 5px dashed transparent;
border-top: 0;
border-left: 5px dashed transparent;
}
.loginbox .myuser-error-tip-arrow1 {
border-bottom: 6px solid #f74f4f;
top: -7px;
}
.loginbox .myuser-error-tip-arrow2 {
border-bottom: 6px solid #fddcdc;
top: -6px;
}
.loginbox .myuser-error-tip-cont {
padding: 4px 10px;
/*background: #fddcdc;*/
}
/* 提示 */
.loginbox .myuser-info-tip {
position: absolute;
top: 0;
left: 0;
max-width: 370px;
background-color: #d4e9f7;
border: 1px solid #2a90d8;
border-radius: 4px;
box-shadow: none;
z-index: 400;
}
.loginbox .myuser-info-tip-arrow {
position: absolute;
left: 50%;
margin-left: -3px;
width: 0;
height: 0;
overflow: hidden;
font-size: 0;
line-height: 0;
display: inline-block;
*display: inline;
*zoom: 1;
border-right: 5px dashed transparent;
border-top: 0;
border-left: 5px dashed transparent;
}
/* 边框 */
.loginbox .myuser-info-tip-arrow1 {
border-bottom: 6px solid #2a90d8;
top: -7px;
}
/* 覆盖边框 */
.loginbox .myuser-info-tip-arrow2 {
border-bottom: 6px solid #d4e9f7;
top: -6px;
}
.loginbox .myuser-info-tip-cont {
padding: 4px 10px;
/*background: #d4e9f7;*/
}
/*
*@author yichunbao 20160818
**************异地登录验证******开始***
*/
.location-verify{
position: relative;
padding:0 15px 5px 55px;
background-color:#fff;
width: 390px;
font-family: "Microsoft yahei";
font-size: 14px;
}
.location-verify .waring{
position: absolute;
background:url(../../third/art-dialog-dy/skins/icons/warning.png);
width: 31px;height: 31px;
left:5px;
top:0px;
}
.aui_content .location-verify p{
font-size: 14px;
line-height:22px;
color:#3a3a3a;
}
.location-verify .mobile{
margin-top: 16px;
margin-bottom: 16px;
}
.location-verify .code-box{
margin-top: 20px;
width:430px;
}
.location-verify .code-box input[type=text]{
padding: 0 10px;
border: 1px solid #ccc;
color: #979696;
font-size: 14px;
outline: 0;
width: 135px;
line-height: 28px;
height:28px;
}
.location-verify .code-box .voice-send{
font-size: 14px;
margin-left: 10px;
width: 94px;
height: 30px;
text-align: center;
background-color: #ff8e01;
color: #fff;
border-radius: 4px;
border:none;
}
.location-verify .code-box .voice-send.disabled{
background-color: #b7b7b7;
color: #e9e9e9;
}
.location-verify .code-box span{
margin-left:10px;
color:#ff7800;
font-size: 12px;
padding-left:22px;
background: url(../../res/com/loginbox/err.png)no-repeat 0 center;
line-height: 30px;
display:none;
}
.location-verify .control{
text-align: center;
margin-top: 24px;
margin-left:-55px;
width: 460px;
}
.location-verify .control input{
width:100px;
height: 30px;
text-align: center;
border-radius: 4px;
font-size: 14px;
}
.location-verify .submit{
background-color: #ff7700;
border:1px solid #ff7700;
color: #fff;
margin-right: 14px;
}
.location-verify .submit:hover{
background-color: #ff6600;
}
.location-verify .cancel{
background-color: #fff;
border:1px solid #ff7802;
color: #ff7700;
}
.location-verify .cancel:hover{
background-color: #ff6600;
color:#fff;
}
.location-verify .tips{
width: 270px;
line-height: 14px;
font-size: 12px;
margin-top: 7px;
}
.location-verify img{
vertical-align: middle;
}
/*
*@author yichunbao 20160818
**************异地登录验证******结束***
*/
/* 英文模式 */
.loginbox .login-box-eng{
position: absolute;
bottom: 10px;
right: 12px;
color: #FF6634;
}
/* 英文模式 */
/* Source: css/com/vcode9.css*/
.vcode9-shadow {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1002;
opacity: 0;
filter: Alpha(Opacity=0);
background-color: #000;
}
.vcode9 {
width: 388px;
height: 382px;
margin: -191px 0 0 -194px;
font-size: 12px;
position: fixed;
left: 50%;
top: 50%;
z-index: 1003;
overflow: hidden;
background: #fff;
border: 1px solid #e0e0e0;
}
.vcode9-tit {
height: 46px;
overflow: hidden;
background: #f6a200;
}
.vcode9-tit h3 {
padding-left: 18px;
float: left;
line-height: 46px;
font-size: 16px;
font-weight: normal;
color: #fff;
}
.vcode9-close {
float: right;
display: block;
width: 46px;
height: 46px;
background: url(../../res/com/vcode9/vcode9-close.gif) no-repeat;
overflow: hidden;
text-indent: -9999px;
transition: all .3s linear;
}
.vcode9-close:hover {
background: url(../../res/com/vcode9/vcode9-close-hover.gif) no-repeat;
}
.vcode9-con { padding: 35px 47px 30px; }
.vcode9-preview {
height: 36px;
line-height: 36px;
word-break: break-all;
}
.vcode9-preview>span {
float: left;
padding-right: 14px;
font-size: 14px;
}
.vcode9-preview>b {
height: 34px;
width: 46px;
float: left;
line-height: 34px;
font-size: 22px;
font-weight: normal;
border: 1px solid #ddd;
border-right: none;
text-align: center;
background-repeat: no-repeat;
background-position: -500px -500px;
}
.vcode9-preview .p-delete {
width: 48px;
height: 36px;
border: none;
cursor: pointer;
background: url(../../res/com/vcode9/vcode9-del.png) no-repeat;
}
.vcode9-guide {
height: 43px;
padding-left: 58px;
padding-top: 12px;
margin-bottom: 5px;
}
.vcode9-guide>span {
display: inline-block;
width: 150px;
height: 40px;
margin-right: 5px;
vertical-align: middle;
cursor: pointer;
background-position: 0px 40px;
}
.vcode9-guide>a {
color: #3eb0d8;
padding-left: 18px;
font-style: normal;
}
.vcode9-action { padding-left: 58px; }
.vcode9-input {
width: 194px;
margin-top: 10px;
margin-left: 58px;
}
.vcode9-input>a {
display: block;
float: left;
width: 55px;
height: 40px;
margin: 0 5px 5px 0;
border: 1px solid #e0e0e0;
border-bottom-color: #bfbfbf;
outline: 0;
background: -ms-linear-gradient(top, #fff, #f5f5f5);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
background: -moz-linear-gradient(top, #fff, #fafafa);
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#FFFFFF, endColorStr=#F5F5F5);
zoom: 1;
}
.vcode9-input>a.i-0 b { background-position: 0 0; }
.vcode9-input>a.i-1 b { background-position: -55px 0; }
.vcode9-input>a.i-2 b { background-position: -110px 0; }
.vcode9-input>a.i-3 b { background-position: 0 -40px; }
.vcode9-input>a.i-4 b { background-position: -55px -40px; }
.vcode9-input>a.i-5 b { background-position: -110px -40px; }
.vcode9-input>a.i-6 b { background-position: 0 -80px; }
.vcode9-input>a.i-7 b { background-position: -55px -80px; }
.vcode9-input>a.i-8 b { background-position: -110px -80px; }
.vcode9-input>a>b {
width: 55px;
height: 40px;
display: block;
cursor: pointer;
zoom: 1;
}
.vcode9-sign {
height: 200px;
width: 100%;
position: absolute;
left: 0px;
bottom: 0px;
background-color: #cccccc;
text-align: center;
padding-top: 10px;
font-size: 16px;
display: none;
}
.vcode9-sign .s-cdown {
position: absolute;
top: 0;
right: 0;
z-index: 11;
font-size: 14px;
background-color: #000;
opacity: 0.9;
filter: alpha(opacity=90);
padding-left: 8px;
}
.vcode9-sign .s-cdown .closetxt,
.vcode9-sign .s-cdown .closebtn {
color: #fff;
cursor: pointer;
}
.vcode9-sign .s-cdown .cqnosign {
color: #fb562a;
margin-left: 10px;
}
.vcode9-sign .s-box {
width: 390px;
height: 210px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.vcode9-sign .s-box object,
.vcode9-sign .s-box img {
width: 390px;
height: 210px;
}
/* Source: css/com/station.css*/
/* logout station page */
.logout-station {
position: absolute;
left: 50%;
top: 50%;
width: 240px;
height: 366px;
margin-left: -120px;
margin-top: -250px;
}
.logout-station .desc {
display: block;
width: 160px;
height: 48px;
line-height: 48px;
font-size: 24px;
color: #333;
text-align: center;
margin-left: 30px;
}
.logout-station .btn {
text-decoration: none;
text-align: center;
display: block;
width: 160px;
height: 42px;
line-height: 42px;
font-size: 18px;
color: #fff;
background-color: #ff8d00;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
margin: 10px 0 0 28px;
}
/* logout station page end */
/* Source: css/com/dialog.css*/
.shark-ui-dialog {
font-family: "Microsoft YaHei" !important;
box-sizing: border-box;
pointer-events: auto;
display: none;
/* border: 1px solid #ccc; */
background-color: #fff;
font-family: arial, 'Hiragino Sans GB', sans-serif;
position: absolute;
/* left:40%;top:40%; */
}
.shark-ui-dialog-close {
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
height: 10px;
width: 10px;
font-weight: bold;
font-size: 14px;
background: url(../../res/com/dialog-close.png?20161207) no-repeat;
}
.shark-ui-dialog-mask {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #000;
opacity: .7;
display: none;
filter: alpha(opacity=70);
}
.shark-ui-dialog-title {
font-size: 14px;
color: #3c3c3c;
padding: 19px 20px 10px;
height: 13px;
vertical-align: middle;
border-bottom: 1px solid #f3f4f8;
line-height: 1;
font-weight: bold;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
-moz-transform: scale(0.3, 0.3);
-ms-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3);
}
100% {
opacity: 1;
}
}
@-moz-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
-moz-transform: scale(0.3, 0.3);
-ms-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3);
}
100% {
opacity: 1;
}
}
@-ms-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
-moz-transform: scale(0.3, 0.3);
-ms-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3);
}
100% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3, 0.3);
-moz-transform: scale(0.3, 0.3);
-ms-transform: scale(0.3, 0.3);
transform: scale(0.3, 0.3);
}
100% {
opacity: 1;
}
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
opacity: 0;
}
}
@-moz-keyframes zoomOut {
0% {
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
opacity: 1;
}
}
@-ms-keyframes zoomOut {
0% {
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
opacity: 0;
}
}
.zoomIn {
display: block;
-webkit-animation-name: zoomIn;
-moz-animation-name: zoomIn;
-ms-animation-name: zoomIn;
animation-name: zoomIn;
}
.zoomOut {
-webkit-animation-name: zoomOut;
-moz-animation-name: zoomOut;
-ms-animation-name: zoomOut;
animation-name: zoomOut;
display: none\0 !important;
}
.animated {
-webkit-animation-duration: .5s;
-moz-animation-duration: .5s;
-ms-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
animation-fill-mode: both;
}
.shark-ui-dialog {
border-radius: 4px;
}
.shark-ui-confirm .shark-ui-dialog-content {
text-align: center;
font-size: 14px;
color: #333;
line-height: 25px;
padding: 60px 10px 20px;
}
.shark-ui-alert-content {
text-align: center;
font-size: 14px;
color: #333;
line-height: 25px;
padding: 10px;
outline: none;
}
.confirm-title2 {
font-size: 16px;
font-weight: normal;
color: #666;
text-align: center;
line-height: 1.8;
}
.shark-ui-dialog-cancel {
background-color: #999999;
}
.shark-ui-dialog-action {
text-align: center;
padding-bottom: 58px;
margin: 0 auto;
}
.shark-ui-dialog-action a {
height: 36px;
line-height: 36px;
text-align: center;
border: 1px solid #ff7200;
color: #ff7200;
border-radius: 5px;
display: inline-block;
padding: 0 28px;
margin-right: 10px;
cursor: pointer;
margin-bottom: 10px;
}
.shark-ui-dialog-action a:last-child {
margin-right: 0;
}
.shark-ui-dialog-action a:hover {
background-color: #ff7200;
color: #fff;
}
/*.shark-ui-dialog-action {
height: 45px;
line-height: 45px;
border-collapse: collapse;
border-spacing: 0;
pointer-events: auto;
text-align: center;
width: 100%;
border-top: 1px solid #dcdcdc;
padding: 0;
margin: 0; }
.shark-ui-dialog-action td {
text-align: center;
border: none; }
.shark-ui-dialog-action button, .shark-ui-dialog-action a {
background-color: #fff;
display: block;
width: 100%;
height: 100%;
color: #47b5ca;
border: none;
outline: none;
cursor: pointer;
box-sizing: border-box;
padding: 0; }
.shark-ui-dialog-action .shark-ui-confirm-close, .shark-ui-dialog-action .shark-ui-confirm-no {
color: #747474;
border-left: 1px solid #dcdcdc; }*/
.shark-ui-alert {
border-radius: 5px;
overflow: hidden;
max-width: 420px;
height: auto;
}
.shark-ui-alert .shark-ui-dialog-close {
display: none;
}
.shark-ui-alert .shark-ui-alert-submit {
margin: 0 auto;
}
.shark-ui-alert-info {
text-align: center;
margin-top: 20px;
}
.shark-ui-alert-tip {
color: #fff !important;
background-color: #fff !important;
outline: none !important;
}
.shark-ui-alert-tip .shark-ui-alert-content {
color: #ffffff !important;
background-color: #FF7700;
word-break: break-all;
/*padding: 27px 25px; */
}
/* Source: css/com/dialog-openNobility.css*/
.clr-f70{
color: #f70 !important;
}
.clr-d5a03a{
color: #e1c39c !important;
}
.clr-e1c39c{
color: #e1c39c !important;
}
.nobility-hide{
display: none;
}
.dialog-nobility-center {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 1000 ;
}
.dialog-openNobility {
width: 809px;
height: 602px;
background-color: #fff;
border-radius: 4px;
}
.dia-openTitle {
position: relative;
height: 50px;
background: url(../../res/page/room-normal/microphone/dia-title.png?20161230) no-repeat center top;
font-weight: bold;
color: #fff;
line-height: 50px;
}
.dia-tt {
width: 0;
height: 0;
overflow: hidden;
text-indent: -9999px;
}
.dia-cls {
position: absolute;
width: 20px;
height: 20px;
right: 22px;
top: 28px;
text-indent: -9999px;
background: url(../../res/page/room-normal/microphone/close.png?20190801) 0 0 no-repeat;
overflow: hidden;
}
.dia-con-wp{
position: relative;
height: 554px;
margin: 0 auto;
}
.dia-openTitle{
height: 169px;
}
.dialog-nobility-foot-bg{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 38px;
}
.dia-openMain {
padding: 42px 20px 0 20px;
}
.dia-openHead {
font-size: 16px;
line-height: 24px;
color: #f70;
font-weight: bold;
}
.dia-openCon {
position: relative;
margin-top: 40px;
height: 312px;
padding-top: 18px;
}
.dia-openCon-pic-wp {
position: absolute;
left: 0;
top: 0;
width: 330px;
height: 328px;
text-align: center;
background: url(../../res/page/room-normal/microphone/dialog_medal_bg.png?20170831) no-repeat;
}
.dia-openCon-tt {
font-size: 17px;
line-height: 24px;
margin-bottom: 20px;
color: #c2b290;
font-weight: 400;
text-align: left;
margin-left: 20px;
}
.dia-openCon-tt .total-privilege{
font-size: 12px;
font-weight: bold;
}
.dia-openCon-pic {
position: absolute;
left: 16px;
top: 37px;
right: 0;
bottom: 0;
width: 250px;
height: 250px;
text-align: center;
}
.dia-openCon-pic-head{
margin-top: 38px;
}
.dia-openCon-pic-mask {
width: 250px;
height: 250px;
}
.dia-openCon-pic-wp .dia-openCon-nk {
position: absolute;
left: 86px;
bottom: 20px;
width: 110px;
line-height: 28px;
font-size: 14px;
color: #e1c39c;
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dashed-line {
float: left;
margin-top: 54px;
width: 0;
height: 207px;
border-left: 1px dashed #dbdbdb;
}
.dia-openCon-main-wp {
width: 506px;
margin-left: 40px;
}
.dia-openCon-main {
height: 311px;
overflow: auto;
font-size: 0;
}
.dia-openCon-item {
margin-left: 20px;
width: 224px;
height: 80px;
}
.dia-openCon-item-pic {
float: left;
width: 50px;
height: 50px;
}
.dia-openCon-item-pic img {
width: 100%;
height: 100%;
}
.dia-openCon-item-tt {
margin-left: 66px;
margin-bottom: 8px;
font-size: 14px;
font-weight: 700;
color: #c2b290;
overflow: hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.dia-openCon-item-txt {
display: block;
margin-left: 66px;
font-size: 12px;
color: #777;
overflow: hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.dia-openFoot {
padding: 54px 20px 0;
}
.dia-openFoot-p {
float: left;
font-size: 14px;
color: #777;
}
.dia-openFoot-p span {
font-size: 12px;
color: #666;
}
.dia-open-btn {
float: right;
width: 160px;
height: 53px;
line-height: 50px;
font-size: 16px;
text-align: center;
color: #fff;
font-weight: 700;
background: url(../../res/page/room-normal/microphone/privilege_open_btn.png?20170831) 0 0 no-repeat;
-webkit-text-shadow: #b75922 1px 0 0,#b75922 0 1px 0, 2.#b75922 -1px 0 0,#b75922 0 -1px 0;
-moz-text-shadow: #b75922 1px 0 0,#b75922 0 1px 0,#b75922 -1px 0 0,#b75922 0 -1px 0;
text-shadow: #b75922 1px 0 0, #b75922 0 1px 0, #b75922 -1px 0 0, #b75922 0 -1px 0;
filter: progid:DXImageTransform.Microsoft.Glow(Color='#b75922', Strength='1');
}
.dia-open-btn:hover {
background-position: -160px 0;
}
.dia-open-btn-disabled{
cursor: default;
background-position: -320px 0;
-webkit-text-shadow: #555 1px 0 0,#555 0 1px 0, 2.#555 -1px 0 0,#555 0 -1px 0;
-moz-text-shadow: #555 1px 0 0,#555 0 1px 0,#555 -1px 0 0,#555 0 -1px 0;
text-shadow: #555 1px 0 0, #555 0 1px 0, #555 -1px 0 0, #555 0 -1px 0;
filter: progid:DXImageTransform.Microsoft.Glow(Color='#555', Strength='1');
}
.dia-open-btn.dia-open-btn-disabled:hover{
background-position: -320px 0;
}
.dialog-buyNobility {
width: 873px;
height: 596px;
padding: 58px 20px 20px;
border-radius: 4px;
background: url(../../res/page/room-normal/microphone/dialog_nobility_bg.png?20170910) top center no-repeat;
}
.dialog-buyNobility-loading {
background: #fff url(../../res/com/loading.gif?20170107) no-repeat center center;
}
.dialog-buyNobility .dia-openMain {
padding: 12px 17px 0 16px;
}
.dialog-buyNobility .dia-openHead {
height: 68px;
font-size: 0;
}
.dia-openHead-pic {
display: inline-block;
position: relative;
width: 50px;
height: 50px;
vertical-align: middle;
font-weight: normal;
border: 3px solid #fff;
border-radius: 50%;
overflow: hidden;
}
.dia-openHead-pic img{
width: 50px;
height: 50px;
}
.dia-openHead-mask {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(../../res/page/room-normal/microphone/head-pic-mask-small.png?20161231) no-repeat;
}
.dia-openHead-p {
display: inline-block;
margin-left: 12px;
font-size: 12px;
color: #777;
vertical-align: middle;
font-weight: normal;
}
.dia-openHead-p .nkname {
font-size: 14px;
font-weight: bold;
color: #e1c39c;
}
.dia-compare-btn {
float: right;
display: block;
margin: 18px 0 0 10px;
padding: 0 18px;
line-height: 26px;
font-size: 12px;
font-weight: bold;
background-color: #e3b355;
color: #ffffff;
text-align: center;
border: 1px solid #e3b355;
border-radius: 26px;
}
.dia-compare-btn1,
.dia-compare-btn2,
.dia-presented-btn{
float: right;
display: block;
width: 112px;
height: 28px;
margin-top: 13px;
margin-left: 10px;
background: url(../../res/page/room-normal/microphone/privilege_faq_btn.png?20170831) no-repeat;
}
.dia-presented-btn{
width: 114px;
height: 30px;
margin-top: 12px;
color: #e3b355;
background-image: url(../../res/page/room-normal/microphone/for_friend_btn.png?20170831);
}
.dia-compare-btn1 {
width: 90px;
height: 28px;
margin-top: 13px;
color: #e3b355;
background-image: url(../../res/page/room-normal/microphone/ncompare_pop_btn.png?20190801);
cursor: pointer;
}
.dia-compare-btn1:hover,
.dia-compare-btn2:hover,
.dia-presented-btn:hover{
opacity: 0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
.dia-compare-btn:hover{
background-color: #d5a03a;
color: #fff;
}
.dia-con-banner {
display: block;
width: 454px;
height: 29px;
padding-top: 45px;
font-size: 12px;
color: #777;
text-align: center;
background: url(../../res/page/room-normal/microphone/banner-small01.png?20230801) 0 0 no-repeat;
margin-bottom: 12px;
margin-left: 20px;
cursor: pointer;
}
.dia-con-banner.hd {
width: 440px;
padding-left: 14px;
}
.dia-con-banner.hs {
background: url(../../res/page/room-normal/microphone/banner-small.png?20230801) 0 0 no-repeat;
}
.dia-con-banner-icon{
display: inline-block;
position: relative;
width: 16px;
height: 16px;
background: url(../../res/page/room-normal/microphone/icon-hs.png?20190801) 0 0 no-repeat;
margin-bottom: -3px;
cursor: pointer;
}
.dia-con-banner-tips{
display: none;
position: absolute;
top: 100%;
right: -40px;
font-size: 12px;
width: 280px;
color: #999;
padding: 8px 14px;
margin-top: 8px;
background-color: #191a1e;
border: 1px solid #a38b6a;
cursor: default;
text-align: left;
z-index: 3;
}
.dia-con-banner-icon:hover .dia-con-banner-tips{
display: block;
}
/*幻神脚部*/
.dia-footer-hsTxt {
margin-top: 2px;
font-size: 12px;
line-height: 24px;
color: #777;
}
.dia-nobility-tab{
width: 842px;
height: 60px;
margin-bottom: 10px;
border: 0;
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
background: url(../../res/page/room-normal/microphone/dialog_nobility_bg1.png?20170910) no-repeat;
white-space: nowrap;
}
.dia-nobility-tab tbody{
margin: 0;
padding: 0;
font-size: 0;
overflow: hidden;
}
.dia-nobility-tab td{
padding: 0;
margin: 0;
}
.dia-tab-btn {
display: block;
position: relative;
width: 100%;
height: 59px;
line-height: 59px;
border-bottom: 0;
vertical-align: middle;
text-align: center;
font-size: 14px;
color: #766a5b;
/*e1c39c*/
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dia-tab-btn:before {
content: '';
position: absolute;
z-index: 0;
width: 2px;
height: 58px;
top: 1px;
left: 0;
background: url(../../res/page/room-normal/microphone/line_space.png?20170831) no-repeat;
}
.dia-nobility-tab td:first-child .dia-tab-btn::before{
content: '';
display: none;
}
.dia-tab-btn img{
opacity: 0.6;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.dia-nobility-tab th .dia-tab-btn{
display: block;
width: 94px;
height: 58px;
line-height: 58px;
color: #766a5b;
font-size: 14px;
vertical-align: middle;
text-align: center;
}
.dia-nobility-tab th .dia-tab-btn:before{
content:'';
display: none;
}
.dia-nobility-icon {
display: inline-block;
width: 44px;
height: 44px;
vertical-align: middle;
margin-top: -3px;
}
.dia-nobility-name {
display: inline-block;
vertical-align: middle;
max-width: 40px;
max-height: 44px;
line-height: 1.2;
overflow: hidden;
white-space: normal;
cursor: pointer;
}
.dia-nobility-tab th{
width: 94px;
}
.dia-nobility-tab th:hover .dia-tab-btn,
.dia-nobility-tab td:hover .dia-tab-btn,
.dia-nobility-tab th.cur .dia-tab-btn,
.dia-nobility-tab td.cur .dia-tab-btn{
color: #e1c39c;
}
.dia-nobility-tab td:hover .dia-tab-btn img,
.dia-nobility-tab td.cur .dia-tab-btn img{
opacity: 1;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.dia-nobility-tab td.cur{
background: url(../../res/page/room-normal/microphone/dialog_nobility_on2.png?20170910) no-repeat;
background-position: 50% 1px;
}
.dia-nobility-tab th:hover{
color: #e1c39c;
}
.dia-nobility-tab th.cur{
background: url(../../res/page/room-normal/microphone/dialog_nobility_on1.png?20170831) no-repeat;
background-position: 50% 1px;
}
.dialog-buyNobility .dia-openCon {
margin-top: 0;
margin-left: 1px;
}
.dialog-buyNobility .dia-openFoot {
padding: 10px 0;
}
.dialog-buyNobility .dia-openFoot-p {
position: relative;
width: 636px;
height: 42px;
margin-top: 2px;
font-size: 14px;
line-height: 24px;
color: #777;
}
.dialog-buyNobility .dia-openFoot-p span {
color: #666;
}
.dialog-buyNobility .dia-openFoot-p .dia-openFoot-dia {
position: relative;
display: inline-block;
padding-right: 16px;
background: url(../../res/page/room-normal/microphone/icon-question.png?20161231) no-repeat right center;
cursor: pointer;
}
.dialog-buyNobility .dia-openFoot-p .dia-openFoot-dia:hover .dia-nobility-float {
visibility: visible;
}
.dialog-buyNobility .dia-openFoot-p .dia-openFoot-activity{
display: inline-block;
position: relative;
height: 20px;
line-height: 19px;
padding: 0 5px;
margin-right: 6px;
color: #fff;
background: #d5a03a;
border-radius: 10px;
cursor: pointer;
}
.dialog-buyNobility .dia-openFoot-p .dia-renew{
position: absolute;
right: 0;
top: 10px;
}
.dialog-buyNobility .dia-renew .dia-nobility-float{
left: auto;
right: 0;
margin-left: 0;
margin-right: -144px;
}
.dialog-buyNobility .dia-renew .icon-arrow{
left: 278px;
}
.dialog-buyNobility .dia-renew .icon-arrow2{
left: 278px;
}
.dia-nobility-float {
display: inline;
visibility: hidden;
position: absolute;
bottom: 26px;
right: -293px;
z-index: 3;
width: 403px;
padding: 5px 15px 2px;
background-color: #26252b;
border: 1px solid #4b453c;
cursor: default;
}
.dia-nobility-float h4 {
font-size: 13px;
line-height: 34px;
font-weight: bold;
color: #e1c39c;
}
.dia-nobility-float li {
margin-bottom: 10px;
font-size: 12px;
line-height: 18px;
color: #dedede;
}
.dia-nobility-float em {
color: #d5a03a;
}
.dia-nobility-float .icon-arrow,
.dia-nobility-float .icon-arrow2,
.dia-nobility-activity .icon-arrow,
.dia-nobility-activity .icon-arrow2{
display: block;
position: absolute;
left: 129px;
bottom: -8px;
width: 0;
height: 0;
border-top: 8px solid #4b453c;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 0;
}
.dia-nobility-float .icon-arrow2,
.dia-nobility-activity .icon-arrow2{
bottom: -7px;
border-top-color:#26252b;
}
.dia-nobility-activity .icon-arrow,
.dia-nobility-activity .icon-arrow2{
left: 34px;
}
/*.dia-openFoot-activity:hover .dia-nobility-activity{
display: block;
}*/
.dia-nobility-activity{
display: none;
position: absolute;
left: -10px;
bottom: 27px;
width: 400px;
background: #26252b;
border: 1px solid #4b453c;
border-radius: 4px;
cursor: default;
}
.dia-nobility-activity.first-in-show{
display: block;
}
.nobility-activity-title{
padding: 14px 13px 0px;
text-align: left;
}
.nobility-activity-title h2,
.nobility-activity-content h2{
font-size: 14px;
color: #e1c39c;
font-weight: 700;
}
.nobility-activity-title p{
line-height: 24px;
font-size: 12px;
color: #fff;
}
.nobility-activity-title .nobility-activity-notice{
color: #888888;
}
.nobility-activity-content{
padding: 13px;
font-size: 0;
}
.nobility-activity-content p{
font-size: 14px;
}
.normal-nobility-renew,
.activity-nobility-renew{
display: inline-block;
width: 180px;
height: 91px;
margin-top: 10px;
font-size: 12px;
vertical-align: top;
background: url(../../res/page/room-normal/microphone/tips_bg2.jpg?20170831) no-repeat;
border: 1px solid #4b453c;
}
.activity-nobility-renew{
margin-left: 10px;
background-image: url(../../res/page/room-normal/microphone/tips_bg3.jpg?20170831);
}
.normal-nobility-renew p,
.activity-nobility-renew p{
padding: 0 12px;
line-height: 24px;
font-size: 12px;
}
.nobility-renew-title{
display: inline-block;
line-height: 25px;
padding: 0 6px;
margin-bottom: 8px;
background: #1e1e1e;
border-right: 1px solid #4b453c;
border-bottom: 1px solid #4b453c;
}
.activity-nobility-renew .nobility-renew-title{
color: #e1c39c;
}
.activity-close-btn{
position: absolute;
right: 4px;
top: 4px;
width: 19px;
height: 19px;
background: url(../../res/page/room-normal/microphone/icons.png?20170922) -36px 4px no-repeat;
cursor: pointer;
}
.nobility-compare-head {
height: 58px;
}
.nobility-compare-head p {
display: inline-block;
padding-left: 20px;
font-size: 16px;
line-height: 58px;
color: #333;
font-weight: bold;
}
.nobility-compare-head .dia-compare-btn {
margin-top: 15px;
margin-right: 20px;
}
.nobility-compare-con {
width: 100%;
overflow-y: auto;
}
.nobility-compare-tr {
position: relative;
width: 100%;
height: 47px;
font-size: 0;
border-top: 3px solid #ffe9d5;
background-color: #fff7f0;
z-index: 2;
}
.nobility-compare-tr span {
display: inline-block;
width: 113px;
height: 47px;
line-height: 47px;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #666;
}
.nobility-compare-tr span i {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
}
.nobility-compare-tr .nobility-compare-st {
margin-top: -3px;
width: 108px;
height: 50px;
border-top: 3px solid #ffc997;
background: url(../../res/page/room-normal/microphone/dia-tab-bg.png?20161231) no-repeat 0 -3px;
}
.compareWrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.compareClose{
position: absolute;
left: 14px;
top: 18px;
color: #777;
font-size: 14px;
padding-left: 18px;
cursor: pointer;
}
.compareClose::before {
content: "";
width: 7px;
height: 12px;
position: absolute;
left: 0;
top: 5px;
background: url(../../res/page/room-normal/microphone/arrow.png?v=20190801) left top no-repeat;
}
.compareTitle{
color: #e1c39c;
font-size: 16px;
font-weight: 600;
height: 34px;
text-align: center;
border-bottom: 1px solid #342f27;
padding-top: 52px;
background: url(../../res/page/room-normal/microphone/compare03.png?v=20190801) 11px bottom no-repeat;
}
.compareCon{
padding: 14px 12px 0;
background: #191a1e;
}
.compareCon-border{
border: 1px solid #6d6353;
}
.compareCon-title{
width: 100%;
font-size: 0;
border: 1px solid #212121;
border-left: 0;
white-space: nowrap;
text-align: center;
}
.compareCon-title span {
display: inline-block;
vertical-align: middle;
width: 93px;
height: 43px;
font-size: 14px;
color: #e1c39c;
border-right: 1px solid #000;
background: url(../../res/page/room-normal/microphone/compare02.png?v=20190801) center center repeat-x;
}
.compareCon-title span::after {
content: "";
width: 0;
height: 100%;
display: inline-block;
vertical-align: middle;
overflow: hidden;
}
.compareCon-title span:last-child {
border-right: 0;
}
.compareCon-title span.compareCon-titleFirst {
background: url(../../res/page/room-normal/microphone/compare01.png?v=20190801) center center repeat-x;
}
.nobility-buy-td,
.nobility-compare-td {
position: relative;
height: 329px;
background: #020406 url(../../res/page/room-normal/microphone/dialog_nobility_bg2.png?20170831);
overflow: hidden;
}
.nobility-compare-td {
height: 399px;
background-image: none;
}
.nobility-buy-td {
border: 1px solid #6d6353;
}
.nobility-compare-td table td {
height: 51px;
border-bottom: 1px solid #222;
font-size: 0;
overflow: hidden;
}
.nobility-buy-td table,
.nobility-compare-td table{
width: 100%;
text-align: center;
border: 1px solid #000;
border-collapse: collapse;
table-layout: fixed;
}
.nobility-compare-td strong,
.nobility-compare-td span {
display: inline-block;
max-height: 51px;
text-align: center;
font-size: 12px;
color: #e1c39c;
overflow: hidden;
}
.nobility-compare-td strong {
width: 92px;
color: #e1c39c;
background-color: #23232b;
}
.nobility-compare-td table th{
width: 92px;
background-color: #23232b;
}
.nobility-compare-td .icon-state {
display: inline-block;
width: 8px;
height: 10px;
background: url(../../res/page/room-normal/microphone/icons.png?20161231) no-repeat;
}
.nobility-compare-td .icon-state-yes {
background-position: -120px 0;
}
.nobility-compare-td .icon-state-no {
background-position: -160px 0;
}
.dialog-privilege-microphone{
padding-top: 171px;
width: 336px;
height: 120px;
background: #fff url(../../res/page/room-normal/microphone/privilege-microphone.png?20170112) no-repeat;
text-align: center;
}
.dialog-privilege-microphone .dialog-cls{
position: absolute;
right: 0;
top: 0;
width: 32px;
height: 32px;
text-indent: -999px;
overflow: hidden;
}
.dialog-privilege-microphone .dialog-title{
font-size: 18px;
line-height: 38px;
font-weight: bold;
color: #fd6945;
}
.dialog-privilege-microphone .dialog-sp{
font-size: 12px;
line-height: 16px;
color: #555555;
}
.dialog-privilege-microphone .dialog-openN{
display: inline-block;
margin-top: 10px;
width: 254px;
height: 40px;
background-color: #fd6945;
font-size: 16px;
line-height: 40px;
text-align: center;
font-weight: bold;
border-radius: 4px;
color: #ffffff;
}
.dialog-privilege-microphone .dialog-openN:hover{
background-color: #f14e27 !important;
}
.dialog-buyNobility .mCSB_scrollTools{
width: 8px !important;
}
.dialog-buyNobility .mCSB_inside > .mCSB_container{
margin-right: 0px !important;
}
.dialog-buyNobility .mCSB_inside > .mCSB_scrollTools{
margin: 10px 4px 13px 0;
}
.dialog-buyNobility .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
margin-left: 1px;
width: 8px !important;
background: #af9a6b !important;
background: linear-gradient(#b49f6b, #766648) !important;
}
.dialog-buyNobility .mCSB_scrollTools .mCSB_draggerRail{
width: 8px !important;
background: #292a2f !important;
background: linear-gradient(#333439, #1c1d21) !important;
border: 1px solid #000;
}
/*续费角标*/
.noble-renew{
position: absolute;
width: 48px;
height: 42px;
margin-left: -32px;
margin-top: -1px;
background: url(../../res/page/room-normal/microphone/noble_renew.png?201700831) no-repeat;
}
/*贵族FAQ进入按钮*/
.dia-compare-btn.compare-faq-btn{
margin-right:0px;
color: #e3b355;
background-color: #fff;
border: 1px solid #e3b355;
}
.dia-compare-btn.compare-faq-btn:hover{
background-color: #e3b355;
color: #fff;
}
.dia-openMain-loading{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: url(../../res/page/room-normal/microphone/loading.gif?20170216) center no-repeat;
}
/*贵族周年庆购买弹窗 start*/
.dialog-buyNobility-anniversary:before{
position: absolute;
content: '';
left: 50%;
top: 76px;
width: 127px;
height: 44px;
margin-left: -70px;
background: url(../../activity/res/nobleanniversary/buy_anniversary.png?v=20180108) no-repeat;
}
.dialog-buyNobility .dia-openFoot-p .dia-openFoot-dia.dia-openFoot-anniversary{
display: inline-block;
margin-right: 6px;
vertical-align: middle;
padding: 0;
width: 60px;
height: 20px;
background-position: center center;
background-repeat: no-repeat;
color: #fff;
border-radius: 10px;
}
.dia-openFoot-anniversary .dia-nobility-float{
right: -362px;
}
.dia-openFoot-anniversary .dia-nobility-float .icon-arrow,
.dia-openFoot-anniversary .dia-nobility-float .icon-arrow2{
left: 38px;
}
/*贵族周年庆购买弹窗 end*/
/*游侠狂欢周 s */
.dia-paladin-tips {
display: none;
position: absolute;
left: -20px;
bottom: 20px;
padding-top: 112px;
width: 425px;
height: 128px;
background-position: center center;
background-repeat: no-repeat;
text-align: center;
color: #999;
}
.dia-openFoot-anniversary:hover .dia-paladin-tips {
display: block;
}
/*游侠狂欢周 e */