@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 */