douyu.com.css

.banner .bglink {
    background: url(https://staticlive.douyucdn.cn/upload/signs/201703302231001104.jpg) center bottom no-repeat;
}

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

@charset "utf-8";

.clear,.scroll-none {
    overflow: hidden
}

article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul {
    padding: 0;
    margin: 0
}

html {
    background: #fff;
    color: #3c3c3c;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    -webkit-font-smoothing: antialiased
}

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
}

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:after,q:before {
    content: ''
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

a,a:hover,ins {
    text-decoration: none
}

:focus,a:focus {
    outline: 0
}

.clearfix:after,.clearfix:before {
    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
}

.fl,.fr {
    display: inline
}

.fl {
    float: left
}

.fr {
    float: right
}

.hide {
    display: none!important
}

.block {
    display: block
}

.scroll-all {
    overflow: auto
}

.scroll-x {
    overflow-x: auto;
    overflow-y: hidden
}

.scroll-y {
    overflow-x: hidden;
    overflow-y: auto
}

button {
    *overflow: visible;
    *font-size: 90%
}

textarea {
    resize: none
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-break: keep-all
}

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: 50px;
    *margin-top: 0;
    *top: 50px;
    *position: relative;
    overflow-x: hidden;
    overflow-y: auto
}

#left {
    *z-index: 99
}

.padding-left0 {
    padding-left: 0!important
}

.padding-right0 {
    padding-right: 0!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-cookie-container .pop-cookie,.pop-zoom-container .pop-zoom {
    width: 100%;
    height: 100%
}

.pop-cookie-container .pop-cookie-bg,.pop-zoom-container .pop-zoom-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: #f70;
    font-size: 22px;
    color: #fff;
    border-radius: 6px;
    cursor: pointer
}

@charset "utf-8";

body {
    background-color: #f2f2f2;
    min-width: 1200px
}

.row {
    width: 1200px;
    margin: 20px auto 0
}

.row a {
    color: #3c3c3c;
    text-decoration: none
}

.row .row-top {
    height: 59px;
    padding-right: 20px;
    border-bottom: 1px solid #f3f4f8;
    overflow: hidden
}

.row .row-top i.t-icon,.row .row-top img.t-icon {
    width: 30px;
    height: 30px;
    margin-top: 20px;
    margin-left: 20px;
    display: inline-block;
    float: left
}

.row .row-cont {
    padding-left: 20px;
    padding-bottom: 20px
}

.row .row-top i.t-icon {
    background: url(../../../res/page/index/row-top-icons.png?20160824) no-repeat
}

.row .row-top i.t-icon1 {
    background-position: 0 0
}

.row .row-top i.t-icon2 {
    background-position: -169px 0
}

.row .row-top i.t-icon3 {
    background-position: -42px 0
}

.row .row-top i.t-icon4 {
    background-position: -83px 0
}

.row .row-top i.t-icon5 {
    background-position: -128px 0
}

.row .row-top h3 {
    float: left;
    padding: 20px 10px;
    font-size: 20px;
    color: #3e3e3e;
    font-weight: 700
}

.row .row-top h3:hover {
    color: #f70
}

.row .row-top .t-del {
    float: left;
    padding-top: 10px;
    padding-left: 10px;
    position: relative;
    line-height: 56px
}

.row .row-top .t-del span {
    padding-right: 9px;
    font-size: 12px;
    color: #8e8e8e
}

.row .row-top .t-del i {
    border-left: 1px solid #d9d9d9;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 12px;
    position: absolute;
    top: 33px
}

.row .row-top .t-del span em {
    color: #ff6a1f;
    padding: 0 4px
}

.row .row-top .t-tag {
    float: left;
    margin-top: 19px;
    margin-left: 1px;
    width: 770px;
    height: 24px
}

.row .row-top .t-tag a {
    display: block;
    float: left;
    height: 22px;
    line-height: 22px;
    margin: 6px 0 11px 10px;
    padding: 0 10px;
    font-size: 12px;
    border: 1px solid #e5e8ef;
    border-radius: 11px;
    transition: border-color .2s;
    color: #6d757a
}

.row .row-top .t-tag a:active {
    color: #fff;
    border: 1px solid #f70;
    background: #f70!important
}

.row .row-top .t-tag a:hover {
    background: #e5e8ef
}

.row .row-top .t-tag a.ct-log {
    display: inline-block;
    float: left;
    max-width: 184px;
    height: 50px;
    overflow: hidden;
    border: none;
    background: 0 0;
    margin-top: -20px;
    line-height: 50px
}

.row .row-top .t-tag a.ct-log img {
    max-height: 50px;
    vertical-align: middle
}

.row .row-top .more {
    display: inline-block;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 14px;
    line-height: 56px;
    font-size: 12px;
    background: url(../../../res/page/index/row-top-more.png?20160831) right 24px no-repeat;
    color: #8e8e8e
}

.w1000 #footer .foot .footdownl,.w1000 .hot-pack .hot_ad,.w1000 .row-1 .hot-sign-1 {
    display: none
}

.row .row-top .more:hover {
    color: #f60;
    background: url(../../../res/page/index/row-top-more-hover.png?20160831) right 24px no-repeat
}

.w1000 #header .head {
    width: 1100px
}

.w1000 #banner {
    background-size: cover
}

.w1000 #banner .banner {
    width: 1000px;
    height: 518px
}

.w1000 #banner .flash_side {
    width: 844px;
    height: 518px
}

.w1000 #banner .ban_tab li {
    margin-right: 2px
}

.w1000 #banner .ban_tab li:last-child {
    margin-right: 0
}

.w1000 #banner .ban_tab li a,.w1000 #banner .ban_tab li a img {
    width: 163px;
    height: 95px
}

.w1000 .recommend ul li,.w1000 .recommend ul li .pic,.w1000 .recommend ul li .pic img {
    width: 135px;
    height: 76px
}

.w1000 .recommend {
    width: 135px;
    padding: 4px 9px 0 8px;
    background: url(../res/img/rembg2.png?20160824) no-repeat;
    height: 522px
}

.w1000 .recommend ul li {
    margin-top: 9px
}

.w1000 .recommend ul li .txt {
    left: -7px;
    width: 142px;
    height: 76px;
    background: url(../res/img/remcur2.png?20160824) no-repeat
}

.w1000 .recommend ul li .txt span {
    max-width: 121px
}

.w1000 .star_show {
    width: 1000px;
    height: 218px
}

.w1000 .star_show .classify {
    width: 236px;
    padding-right: 18px
}

.w1000 .star_show .classify h3 {
    height: 29px
}

.w1000 .star_show .classify h3 i img {
    width: 20px;
    height: 20px
}

.w1000 .star_show .classify h3 span {
    font-size: 16px;
    line-height: 20px
}

.w1000 .star_show .classify ul {
    padding-top: 3px
}

.w1000 .star_show .classify ul li {
    width: 115px;
    height: 84px;
    margin: 6px 6px 0 0
}

.w1000 .star_show .classify ul li a {
    width: 115px;
    height: 84px
}

.w1000 .star_show .classify ul li a .pic {
    width: 113px;
    height: 62px;
    background: url(../res/img/minstarpicbg.png?20160824) no-repeat
}

.w1000 .star_show .classify ul li a .pic img,.w1000 .star_show .classify ul li a .pic span {
    width: 113px;
    height: 62px
}

.w1000 .star_show .classify ul li a .pic span b {
    position: absolute;
    top: 14px;
    left: 38px;
    background: url(../res/img/starshow_minbg.png?20160824) no-repeat;
    width: 35px;
    height: 35px
}

.w1000 .star_show .classify ul li a .txt {
    padding-left: 3px
}

.w1000 .star_show .end {
    padding-right: 0
}

.w1000 #content,.w1000 .column {
    width: 1000px
}

.w1000 .column-top .ct-tag {
    width: 580px
}

.w1000 .hot-recom {
    width: 686px
}

.w1000 .hot-recom ul li {
    margin: 0 6px 24px 0
}

.w1000 .live-pack li {
    width: 236px;
    margin: 0 17px 24px 0
}

.w1000 .live-pack .paly-lsit li .column-img,.w1000 .live-pack .paly-lsit li .column-img>img {
    width: 236px;
    height: 137px
}

.w1000 .live-pack .paly-lsit li .mes {
    width: 224px
}

.w1000 .live-pack .paly-lsit li h3 {
    width: 164px
}

.w1000 .live-pack .paly-lsit li .icon1 {
    width: 70px
}

.w1000 #footer .foot {
    width: 1000px
}

.banner {
    width: 100%;
    position: relative
}

.banner .bglink {
    width: 100%;
    height: 650px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../../../res/page/index/banner-bg.jpg?v=20160824) center top no-repeat
}

.banner .bglink .b-left,.banner .bglink .b-right {
    width: 350px;
    height: 650px;
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
    background-image: url(about:blank)
}

.banner .bglink .b-right {
    right: 0
}

.banner .channel {
    width: 1200px;
    height: 630px;
    padding-top: 20px;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.banner .channel .c-video {
    float: left;
    width: 1008px;
    height: 610px;
    background: #333
}

.banner .channel .c-items {
    float: right;
    width: 166px;
    padding: 5px 10px 0;
    background: url(../../../res/page/index/channel-items-bg.png?v=20160828) center no-repeat;
    height: 605px
}

.banner .channel .c-items li {
    width: 166px;
    height: 94px;
    margin-top: 5px;
    float: left;
    position: relative
}

.banner .channel .c-items li.current .txt,.banner .channel .c-items li>a,.banner .channel .c-items li>a:hover .txt {
    display: block
}

.banner .channel .c-items li .pic {
    width: 166px;
    height: 94px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.banner .channel .c-items li .pic img {
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.banner .channel .c-items li .txt {
    display: none;
    width: 174px;
    height: 94px;
    position: absolute;
    top: 0;
    left: -8px;
    background: url(../../../res/page/index/channel-item-border.png?20160824) no-repeat
}

.banner .channel .c-items li .txt span {
    max-width: 152px;
    height: 24px;
    line-height: 22px;
    margin: 2px 2px 0 0;
    padding: 0 5px;
    overflow: hidden;
    background: url(../../../res/page/index/channel-item-txtbg.png?20160824);
    color: #fff;
    float: right;
    text-align: right;
    white-space: nowrap
}

.banner .starshow {
    clear: both;
    margin-top: 20px
}

.banner .starshow .s-content {
    width: 1180px;
    height: 296px;
    margin: 0 auto;
    padding-top: 20px;
    padding-left: 20px;
    overflow: hidden;
    background: #fff
}

.banner .starshow .classify {
    width: 380px;
    padding-right: 10px;
    float: left;
    overflow: hidden
}

.banner .starshow .classify.last {
    padding-right: 0
}

.banner .starshow .classify>h3 {
    height: 30px;
    overflow: hidden;
    padding-bottom: 9px;
    width: 380px;
    border-bottom: 1px solid #f3f4f8
}

.banner .starshow .classify>h3:hover span {
    color: #f70
}

.banner .starshow .classify>h3:hover .title-info {
    color: #8e8e8e
}

.banner .starshow .classify h3 a {
    float: left
}

.banner .starshow .classify h3 i {
    float: left;
    width: 30px;
    height: 30px
}

.banner .starshow .classify h3 span {
    padding-left: 10px;
    line-height: 30px;
    float: left;
    font-size: 20px;
    color: #3e3e3e;
    font-weight: 700
}

.banner .starshow .classify h3 .title-info {
    padding-left: 20px;
    padding-top: 2px;
    color: #8e8e8e;
    font-weight: 400;
    font-size: 12px;
    width: 125px;
    height: 28px
}

.banner .starshow .classify>ul {
    width: 390px;
    padding-top: 20px
}

.banner .starshow .classify>ul>li {
    width: 185px;
    height: 103px;
    margin: 0 10px 10px 0;
    float: left;
    display: inline
}

.row-1,.row-1 .hot-sign-2 .s-pic-2 {
    margin-top: 20px
}

.banner .starshow .classify>ul>li a {
    display: block;
    width: 185px;
    position: relative;
    height: 103px
}

.banner .starshow .classify>ul>li a .pic {
    width: 185px;
    height: 103px;
    overflow: hidden;
    position: relative;
    border-radius: 6px
}

.banner .starshow .classify>ul>li a .pic img {
    display: block;
    width: 185px;
    height: 103px
}

.banner .starshow .classify>ul>li a .pic span {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    transform: translateZ(0);
    -webkit-transform: translateZ(0)
}

.banner .starshow .classify>ul>li a .pic span b {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 32px;
    left: 72px;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    opacity: 0;
    filter: alpha(opacity=0);
    background: url(../../../res/page/index/play.png?20160824) no-repeat
}

.banner .starshow .classify>ul>li a:hover .pic span {
    opacity: 1;
    filter: alpha(opacity=100)
}

.banner .starshow .classify>ul>li a:hover .pic span b {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.row-1 .hot-sign-1 img:hover,.row-1 .hot-sign-2 .s-pic-1:hover,.row-1 .hot-sign-2 .s-pic-2 img:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.banner .starshow .classify>ul>li a .txt {
    height: 22px;
    line-height: 22px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0 0 4px 4px;
    cursor: pointer;
    color: #fff;
    background: url(../../../res/page/index/txtshadow.png?v=2016030900);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    width: 164px;
    top: 81px;
    left: 1px
}

.christmas_flash {
    position: absolute;
    bottom: 20px;
    left: 4px;
    width: 1000px;
    height: 250px
}

.christmas_snow_flash {
    position: absolute;
    top: 0;
    left: 0;
    width: 350px;
    height: 400px
}

.newYear2017_flash {
    position: absolute;
    bottom: 60px;
    left: 0;
    width: 1008px;
    height: 250px;
    overflow: hidden
}

.newYear2017_flash #newYear2017_flash_file {
    width: 244%;
    height: 244%;
    position: absolute;
    left: -72%;
    top: -140%
}

.row-1,.row-1 .hot-sign-1,.row-1 .hot-sign-2 .s-wrap {
    position: relative
}

.row-1 {
    font-size: 12px;
    overflow: hidden
}

.row-1 [data-module=left-cont] {
    background: #fff;
    width: 585px;
    height: 414px;
    float: left
}

.row-1 .hot-sign-1 {
    width: 175px;
    height: 374px;
    padding: 20px;
    float: left;
    overflow: hidden;
    background: #fff
}

.row-1 .hot-sign-1 .sign-spec {
    bottom: 22px;
    left: 22px
}

.row-1 .hot-sign-1 img {
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.row-1 .hot-sign-2 {
    padding-right: 20px;
    width: 350px;
    height: 394px;
    padding-top: 20px;
    background: #fff;
    float: left
}

.row-1 .hot-sign-2 .s-pic-1 {
    width: 349px;
    height: 236px;
    position: relative
}

.row-1 .hot-sign-2 .s-pic-1 img {
    width: 350px;
    height: 206px;
    border-radius: 4px
}

.row-1 .hot-sign-2 .s-pic-2 div {
    display: block;
    width: 166px;
    height: 118px
}

.row-1 .hot-sign-2 .s-pic-2 div img {
    border-radius: 4px
}

.row-1 .hot-word {
    width: 253px;
    height: 374px;
    padding: 20px;
    margin-left: 18px;
    background: #fff;
    overflow: hidden;
    position: absolute;
    right: 304px;
    top: 0
}

.row-1 .hot-word-more {
    height: 170px;
    border-bottom: 1px solid #f3f4f8
}

.row-1 .hot-word-more a {
    display: block;
    padding-bottom: 10px;
    line-height: 24px;
    text-align: left;
    cursor: pointer
}

.row-1 .hot-word-more a h2 {
    font-size: 14px;
    font-weight: 700
}

.row-1 .hot-word-more a:hover h2 {
    color: #f70
}

.row-1 .hot-word-more p {
    color: #888
}

.row-1 .hot-word-list li .h-al,.row-1 .hot-word-list li em {
    color: #5d6b7a;
    float: left
}

.row-1 .hot-word-list li {
    height: 15px;
    font-size: 12px;
    margin-top: 19px;
    overflow: hidden;
    white-space: nowrap
}

.row-1 .hot-play li:hover .tb-tt,.row-1 .hot-word-list li .h-ar:hover,.row-1 .phone-play li:hover .tb-tt,.row-1 .web-play li:hover .tb-tt span {
    color: #f70
}

.row-1 .hot-word-list li .h-ar {
    display: inline-block;
    max-width: 218px;
    padding-left: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.row-1 .hot-play {
    width: 243px;
    margin-top: 20px
}

.row-1 .phone-play,.row-1 .web-play {
    width: 243px;
    height: 290px;
    margin-top: 20px;
    display: none
}

.row-1 .hot-play li,.row-1 .phone-play li,.row-1 .web-play li {
    height: 67px;
    overflow: hidden;
    margin-bottom: 20px
}

.row-1 .hot-play li:last-child {
    margin-bottom: 0
}

.row-1 .hot-play li a {
    height: 100%;
    cursor: pointer
}

.row-1 .hot-play li .pic-box,.row-1 .web-play li .pic-box {
    width: 102px;
    height: 68px;
    float: left;
    margin-right: 9px;
    position: relative
}

.row-1 .phone-play li .pic-box {
    width: 64px;
    height: 64px;
    float: left;
    margin-right: 9px;
    position: relative
}

.row-1 .hot-play li .pic-box>img,.row-1 .web-play li .pic-box>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 102px;
    height: 67px;
    border-radius: 4px
}

.row-1 .phone-play li .pic-box>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 64px;
    border-radius: 13px
}

.row-1 .hot-play li .pic-box .pb-wait {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../../../res/page/index/row-1-pbg.png?20160824);
    text-align: center;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity:0);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.row-1 .hot-play li .pic-box .pb-wait p {
    padding-top: 15px
}

.row-1 .hot-play li .pic-box .pb-info {
    width: 102px;
    height: 23px;
    line-height: 20px;
    position: absolute;
    border-radius: 0 0 4px 4px;
    background: url(../../../res/page/index/row-1-pbg.png?20160824);
    left: 1px;
    bottom: 1px;
    color: #f70;
    opacity: 0;
    filter: alpha(opacity:0);
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in
}

.row-1 .hot-play li .pic-box .pb-info .pb-icon {
    display: inline-block;
    width: 0;
    height: 0;
    font-size: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid #f80;
    border-bottom: 5px solid transparent;
    margin-left: 9px;
    *vertical-align: middle
}

.row-1 .hot-play li .pic-box .pb-score {
    padding: 0 6px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 13px;
    border-radius: 4px 0 9px;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background: #f70
}

.row-1 .hot-play li .pic-box .pb-bor {
    width: 100px;
    height: 63px;
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid #f70;
    border-radius: 4px;
    display: none
}

.row-1 .hot-play li .text-box .tb-tt {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.row-1 .web-play li .text-box .tb-tt {
    font-size: 14px;
    line-height: 20px;
    margin-top: -2px
}

.row-1 .phone-play li .text-box .tb-tt {
    padding-top: 6px
}

.row-1 .phone-play li .text-box .tb-tt span {
    display: block;
    font-size: 14px;
    font-weight: 700
}

.row-1 .web-play li .text-box .tb-tt span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 128px;
    font-weight: 700
}

.row-1 .web-play li .text-box .tb-tt i {
    background: url(../../../res/page/index/goGame-btn.png?20160902);
    width: 68px;
    height: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    bottom: 2px
}

.row-1 .web-play li:hover .text-box .tb-tt i {
    background: url(../../../res/page/index/goGame-btn-hover.png?20160902)
}

.row-1 .hot-play li .text-box .tb-cn {
    height: 30px;
    line-height: 28px;
    color: #777;
    overflow: hidden
}

.row-1 .web-play li .text-box .tb-cn {
    height: 30px;
    font-size: 12px;
    line-height: 27px;
    color: #777;
    overflow: hidden;
    margin-top: -6px
}

.row-1 .hot-play li .text-box .tb-tag>span {
    display: inline-block;
    height: 14px;
    line-height: 12px;
    padding: 0 12px;
    margin-right: 6px;
    border: 1px solid #e5e8ef;
    margin-bottom: 5px;
    border-radius: 8px;
    max-width: 65px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.row-1 .hot-play li a:hover .pic-box .pb-bor {
    display: block
}

.row-1 .hot-play li a:hover .pic-box .pb-wait {
    opacity: 1;
    filter: alpha(opacity=100);
    border-radius: 4px
}

.row-1 .hot-play li a:hover .pic-box .pb-info,.row-2 .hot-recom ul li:hover img.img-hover {
    filter: alpha(opacity:100);
    opacity: 1
}

.hot-bg,.phoneplay-bg,.webplay-bg {
    border-radius: 4px 4px 0 0
}

.recommend-type-cont {
    background: #fff;
    width: 246px;
    height: 374px;
    padding: 20px 18px 20px 20px;
    float: right
}

.recommend-top {
    font-size: 0
}

.recommend-common-bg {
    font-size: 13px;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 80px;
    height: 26px;
    margin-right: 2px;
    cursor: pointer
}

.recommend-common-bg span {
    position: absolute;
    left: 38px;
    top: 3px;
    font-weight: 700
}

.hot-bg {
    background: url(../../../res/page/index/hot-bg.png?20160824) 18px 8px no-repeat #ddd
}

.hot-bg.recommend-active {
    background: url(../../../res/page/index/hot-bg-hover.png?20160824) 15px 5px no-repeat #f70;
    color: #fff
}

.webplay-bg {
    background: url(../../../res/page/index/webplay-bg.png?20160824) 18px 8px no-repeat #ddd
}

.webplay-bg.recommend-active {
    background: url(../../../res/page/index/webplay-bg-hover.png?20160824) 15px 5px no-repeat #f70;
    color: #fff
}

.webplay-bg span {
    left: 38px
}

.phoneplay-bg {
    background: url(../../../res/page/index/phoneplay-bg.png?20160824) 18px 8px no-repeat #ddd
}

.phoneplay-bg.recommend-active {
    background: url(../../../res/page/index/phoneplay-bg-hover.png?20160824) 15px 5px no-repeat #f70;
    color: #fff
}

.row-1 .phone-play li div.pp_cont {
    height: 100%
}

.row-1 .phone-play li .down-cont {
    padding-top: 12px
}

.row-1 .phone-play li .down-cont a {
    width: 85px;
    height: 22px;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.row-1 .phone-play li .down-cont .ad-btn {
    background: url(../../../res/page/index/dev-btn.png?20160826) no-repeat;
    width: 60px
}

.row-1 .phone-play li .down-cont .ph-btn {
    background: url(../../../res/page/index/dev-btn.png?20160826) -70px 0 no-repeat;
    width: 60px
}

.row-1 .phone-play li .down-cont a:first-child {
    margin-right: 10px
}

.list-null-cont {
    text-align: center;
    height: 100%
}

.list-null-img {
    width: 90px;
    height: 147px;
    padding-top: 27px
}

.row-2,.row-2 .hot-recom {
    height: 504px;
    overflow: hidden
}

.list-null-font {
    font-size: 16px
}

.row-2 {
    margin-top: 20px;
    font-size: 12px;
    clear: both;
    position: relative
}

.row-2 .hot-recom {
    float: left;
    width: 896px;
    background: #fff
}

.row-2 .row-cont {
    padding-top: 20px;
    padding-left: 20px
}

.row-2 .great-recom .row-cont {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px
}

.row-2 .hot-recom li {
    float: left;
    width: 126px;
    height: 192px;
    margin: 0 20px 20px 0;
    position: relative;
    background: #fff;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.row-2 .hot-recom li a:hover .text {
    color: #f70
}

.row-2 .hot-recom li.last {
    margin-right: 0
}

.row-2 .hot-recom li a {
    display: block;
    width: 126px;
    height: 192px;
    cursor: pointer
}

.row-2 .hot-recom li img {
    display: block;
    width: 126px;
    height: 170px;
    border-radius: 4px
}

.row-2 .hot-recom li img.img-hover {
    filter: alpha(opacity:0);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.row-2 .hot-recom li .text {
    line-height: 12px;
    margin-top: 10px;
    font-size: 12px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis
}

.row-2 .hot-recom li i {
    display: block;
    width: 122px;
    height: 165px;
    position: absolute;
    top: 5px;
    z-index: 2;
    background: #fff;
    filter: alpha(opacity:0);
    opacity: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.row-2 .great-recom {
    width: 284px;
    height: 504px;
    background: #fff;
    float: right;
    overflow: hidden
}

.row-2 .great-recom li {
    width: 244px;
    height: 86px;
    border-radius: 4px;
    margin-top: 20px;
    position: relative;
    overflow: hidden
}

.row-2 .great-recom li .sign-spec {
    left: auto;
    right: 2px
}

.row-2 .great-recom li a {
    display: block;
    width: 100%;
    cursor: pointer
}

.row-2 .great-recom li img {
    position: absolute;
    width: 244px;
    height: 86px
}

.row-2 .great-recom li .tx-bg {
    position: absolute;
    top: 0;
    border-bottom: 104px solid #4ac6c2;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
    width: 104px
}

.row-2 .great-recom li .tx-brief {
    position: absolute;
    width: 160px;
    height: 56px;
    overflow: hidden;
    top: 14px
}

.row-2 .great-recom li .tx-brief span {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-break: keep-all
}

.row-2 .great-recom li .tx-brief span.b1 {
    font-size: 22px;
    color: #fff
}

.row-2 .great-recom li .tx-brief span.b2 {
    font-size: 14px;
    margin-top: -4px;
    color: #fff
}

.row-2 .great-recom li .tx-hover-cont {
    width: 0;
    height: 84px;
    border-bottom: 2px solid #f70;
    position: relative
}

.row-2 .great-recom li .tx-del {
    position: absolute;
    top: 15px;
    width: 100px;
    overflow: hidden;
    height: 63px;
    line-height: 20px;
    font-size: 16px;
    color: #fff;
    opacity: 0
}

.row-2 .great-recom li.li-odd .tx-bg {
    left: -10px;
    border-right: 41px solid transparent
}

.row-2 .great-recom li.li-even .tx-bg {
    right: -10px;
    border-left: 41px solid transparent
}

.row-2 .great-recom li.li-even .tx-brief,.row-2 .great-recom li.li-odd .tx-brief {
    left: 20px
}

.row-2 .great-recom li.li-even .tx-del,.row-2 .great-recom li.li-odd .tx-del {
    left: -100px
}

.row-3 {
    margin-bottom: 10px
}

.row-3 ul {
    background: #fff;
    padding: 20px
}

.row-3 li {
    position: relative;
    width: 570px;
    height: 100px
}

.row-3 li img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in
}

.row-3 li img:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.row-4 .theatre-left .ish,.row-4 .theatre-right {
    opacity: 0;
    filter: alpha(opacity=0);
    display: block
}

.row-4 {
    margin-top: 20px;
    background: #fff;
    overflow: hidden
}

.row-4 .theatre-tit {
    height: 24px;
    margin-bottom: 14px;
    border-bottom: 2px solid #f76300
}

.row-4 .theatre-tit span {
    display: block;
    width: 82px;
    height: 24px;
    background: #f76300;
    line-height: 24px;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.row-4 .theatre-cont {
    height: 125px;
    padding: 20px;
    overflow: hidden;
    position: relative
}

.row-4 .theatre-cont ul {
    width: 10000px;
    overflow: hidden
}

.row-4 .theatre-cont ul li {
    float: left;
    width: 185px;
    height: 125px;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 4px;
    position: relative;
    transition: all .7s cubic-bezier(.46,.98,.54,1.1);
    -webkit-transition: all .7s cubic-bezier(.46,.98,.54,1.1);
    -moz-transition: all .7s cubic-bezier(.46,.98,.54,1.1)
}

.row-4 .theatre-cont ul li p {
    width: 575px
}

.row-4 .theatre-left {
    display: block;
    width: 100%;
    height: 125px;
    float: left
}

.row-4 .theatre-left a {
    width: 100%
}

.row-4 .theatre-left img {
    width: 100%;
    height: 100%
}

.row-4 .theatre-left .ish {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    *background: 0 0
}

.row-4 .theatre-right {
    width: 600px;
    height: 125px;
    float: right;
    transition: all .7s cubic-bezier(.46,.98,.54,1.1);
    -webkit-transition: all .7s cubic-bezier(.46,.98,.54,1.1);
    -moz-transition: all .7s cubic-bezier(.46,.98,.54,1.1)
}

.row-4 .theatre-right img {
    width: 100%;
    height: 100%
}

.row-4 .theatre-cont li.theatre-hover {
    width: 575px
}

.row-4 .theatre-cont li.theatre-wid0 {
    width: 0;
    margin: 0
}

.row-5,.row-pack {
    margin-top: 20px;
    background: #fff
}

.row-4 .theatre-cont li.theatre-hover p span.theatre-right {
    opacity: 1;
    filter: alpha(opacity=100)
}

.row-5 {
    position: relative;
    overflow: hidden
}

.row-5 .act-list {
    padding: 20px 0 20px 20px;
    overflow: hidden
}

.row-5 .act-list li {
    position: relative;
    display: block;
    width: 275px;
    height: 120px;
    margin-right: 20px;
    float: left
}

.row-5 .act-list li.last {
    margin-right: 0
}

.row-5 .act-list li img {
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in
}

.row-5 .act-list li img:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.row-pack .play-list li {
    float: left;
    width: 275px;
    margin: 20px 20px 0 0;
    cursor: pointer
}

.row-pack .play-list li.last {
    margin-right: 0
}

.row-pack .play-list li a {
    display: block;
    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    font-size: 0
}

.row-pack .play-list li .imgbox {
    display: inline-block;
    width: 100%;
    height: 157px;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.row-pack .play-list li .imgbox>b {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../../../res/page/index/play-bj.png?20160824) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    transition: all ease-out 250ms;
    -webkit-transition: all ease-out 250ms;
    -moz-transition: all ease-out 250ms
}

.row-pack .play-list li .imgbox>img {
    width: 275px;
    height: 157px;
    border-radius: 4px
}

.row-pack .play-list li .mes {
    height: 62px;
    background: #fff;
    position: relative;
    cursor: pointer
}

.row-pack .play-list li .mes-tit {
    position: relative;
    padding-left: 52px;
    padding-top: 3px
}

.row-pack .play-list li .mes-tit h3 {
    width: 160px;
    font-size: 14px;
    color: #212224;
    line-height: 34px;
    transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out
}

.row-pack .play-list li .mes-tit span {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out
}

.row-pack .play-list li:hover .mes-tit h3 {
    width: 222px
}

.row-pack .play-list li:hover .mes-tit span {
    opacity: 0;
    filter: alpha(opacity=0)
}

.row-pack .play-list li .mes-tit .tag {
    display: block;
    width: 60px;
    font-size: 12px;
    line-height: 35px;
    text-align: right;
    color: #f70;
    position: absolute;
    right: 0;
    top: 3px
}

.row-pack .play-list li p {
    height: 18px;
    line-height: 18px;
    margin-top: -1px;
    overflow: hidden
}

.row-pack .play-list li p img {
    width: 42px;
    height: 42px;
    border-radius: 42px;
    position: absolute;
    top: 10px;
    left: 0
}

.row-pack .play-list li p span.dy-name {
    display: block;
    color: #8d93a1;
    padding-left: 52px;
    font-size: 12px;
    line-height: 16px;
    max-width: 180px
}

.row-pack .play-list li p span.dy-num {
    display: block;
    padding-left: 24px;
    font-size: 12px;
    background: url(../../../res/page/index/index-mem-icos.png?20160824) 0 2px no-repeat;
    color: #8d93a1
}

.row-pack .play-list li a:hover b {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.row-pack .play-list li a:hover h3 {
    color: #f70
}

.row-pack .play-list li a:hover i.black {
    opacity: .2;
    filter: alpha(opacity=20)
}

@charset "utf-8";

input::-ms-clear {
    display: none
}

#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) -500px -500px no-repeat;
    *margin-right: 6px;
    *margin-top: -1px
}

#header .head {
    margin: 0 auto;
    width: 1493px;
    position: relative;
    z-index: 103;
    height: 50px
}

#header .head-logo {
    display: block;
    height: 50px;
    width: 88px
}

#header .head-nav {
    padding: 10px 0 0 39px;
    height: 40px;
    position: relative;
    *position: static
}

#header .w1366head,#header .w1520head {
    width: 1200px
}

#header .w1366head .head-logo,#header .w1520head .head-logo {
    margin-left: 0
}

#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: 14px;
    width: 9px;
    height: 5px;
    overflow: hidden;
    padding: 0;
    font-size: 0;
    line-height: 0;
    background: url(../../res/com/assort-icon.png?20160628) no-repeat;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

#header .head-nav>li.funny {
    margin-left: 15px
}

#header .head-nav .funny .g_hot_icon {
    display: block;
    width: 22px;
    height: 16px;
    background: url(../../res/com/hot-ico.png?20160628) no-repeat;
    position: absolute;
    top: -2px;
    right: -12px
}

#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 #ddd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

#header .head-nav .assort .a-pop>i {
    width: 14px;
    height: 14px;
    position: absolute;
    top: -9px;
    right: 50%;
    margin-right: -7px;
    background: url(../../res/com/arrow-top.png?20160628) no-repeat
}

#header .head-nav .assort .a-list>h3 {
    margin: 8px 0 4px;
    color: #444;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    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: #f70;
    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: 700;
    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 {
    background: url(../../res/com/assort-icon-hover.png?20160628) no-repeat
}

#header .head-nav .assort.open>.a-pop {
    display: block
}

#header .head-nav .wxr-menu.status-hidden,.status-focus .search-hot-key {
    display: none
}

#header .head-oth {
    position: relative
}

#header .head-nav .wxr-menu {
    width: auto
}

#header .head-nav .wxr-menu .wxr-hot-icon {
    position: absolute;
    top: 0;
    left: 100%;
    margin-top: -8px;
    width: 25px;
    height: 25px
}

.o-search .search-hot-key,.o-search .search-placeholder {
    left: 12px;
    right: 25px;
    top: 0;
    cursor: text;
    pointer-events: none;
    line-height: 25px;
    color: #9b9b9b;
    bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#header .head-nav .wxr-hot-icon img {
    width: 100%;
    height: 100%
}

#header .head-oth .o-search {
    position: relative;
    margin: 13px 15px 0 0;
    padding-left: 8px;
    height: 25px;
    width: 148px;
    border-radius: 100px;
    background: #e8e8e8
}

.o-search .search-hot-key {
    position: absolute;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none
}

.o-search .search-placeholder {
    display: none;
    position: absolute;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: 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: 0 0;
    border: none;
    outline: 0;
    width: 116px;
    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: 0;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    filter: drop-shadow(0 1px 2px #ccc);
    -webkit-filter: drop-shadow(0 1px 2px #ccc);
    -moz-filter: drop-shadow(0 1px 2px #ccc);
    box-shadow: 0 1px 2px #ccc\9;
    -o-filter: drop-shadow(0 1px 2px #ccc)
}

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

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

.search-suggest-box .search-title {
    overflow: hidden;
    padding: 0 14px;
    line-height: 23px;
    background: #f4f4f4;
    color: #9b9b9b;
    cursor: default
}

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

.search-suggest-box-hot .suggest-list li {
    position: relative
}

.search-suggest-box-hot .hotest-item,.search-suggest-box-hot .hotest-item .search-field {
    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,.search-suggest-box-hot .suggest-list li:hover i {
    background: #f70
}

.search-suggest-box-main .search-title i {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    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;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.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-download,#header .head-oth .o-follow,#header .head-oth .o-history {
    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: 12px 15px 0 0;
    position: relative
}

#header .head-oth .o-login .o-login-a {
    display: block
}

#header .head-oth .o-download .d-txt,#header .head-oth .o-follow .f-txt,#header .head-oth .o-history .h-txt,#header .head-oth .o-unlogin .u-login,#header .head-oth .o-unlogin .u-reg,#header .head-oth .o-unlogin>em {
    vertical-align: top;
    line-height: 20px;
    color: #868686
}

#header .head-oth .o-unlogin .u-login,#header .head-oth .o-unlogin .u-reg {
    display: inline-block;
    padding: 0 4px;
    line-height: 20px;
    color: #868686
}

#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: inline-block;
    border-top: 5px solid #868686;
    border-left: 4px dashed transparent;
    border-right: 4px dashed transparent;
    border-bottom: 0 none;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s 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-download .icofont {
    background-position: 0 -51px
}

#header .head-oth .o-unlogin .icofont {
    background-position: 0 -100px
}

#header .head-oth .o-login .l-pic {
    width: 26px;
    height: 26px;
    overflow: hidden
}

#header .head-oth .o-login .l-pic img {
    width: 26px;
    height: 26px;
    border-radius: 13px
}

#header .head-oth .o-login .l-txt {
    display: inline-block;
    max-width: 85px;
    line-height: 26px;
    font-size: 12px;
    vertical-align: top;
    color: #868686;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#header .head-oth .o-download .d-list {
    width: 174px;
    display: none;
    position: absolute;
    right: -49px;
    top: 50px;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

#header .head-oth .o-download .d-list ul li {
    text-align: center;
    border-bottom: 1px solid #e8e8e8
}

#header .head-oth .o-download .d-list ul li a {
    display: block;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #444;
    border-left: 3px solid transparent
}

#header .head-oth .o-download .d-list ul li a:hover {
    color: #f70;
    border-color: #f70
}

#header .head-oth .o-download .d-list>i {
    width: 14px;
    height: 14px;
    position: absolute;
    top: -9px;
    right: 70px;
    background: url(../../res/com/arrow-top.png) no-repeat
}

#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 .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

#header .head-oth .o-login .l-menu {
    width: 390px;
    display: none;
    position: absolute;
    right: 2px;
    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: 14px;
    color: #444;
    text-align: left;
    position: relative
}

#header .head-oth .o-login .l-menu>i.lmsj-top,#header .head-oth .o-login .weixin-tip>i.lmsj-top {
    width: 14px;
    height: 14px;
    position: absolute;
    top: -9px;
    right: 16px;
    background: url(../../res/com/arrow-top.png) no-repeat
}

#header .head-oth .o-login .l-menu>h4 {
    padding: 5px 21px;
    height: 43px;
    width: 174px;
    border-bottom: 2px solid #f70;
    font-size: 22px;
    font-weight: 400;
    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) 0 -244px no-repeat;
    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: #f70;
    font-size: 10px;
    font-weight: 400;
    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-download.open .d-txt,#header .head-oth .o-follow.open .f-txt,#header .head-oth .o-history.open .h-txt,#header .head-oth .o-login.open .l-txt,#header .head-oth .o-unlogin .u-login:hover,#header .head-oth .o-unlogin .u-reg:hover,#header .head-oth .o-unlogin.open .u-txt {
    color: #ff630e
}

#header .head-oth .o-download.open>i,#header .head-oth .o-follow.open>i,#header .head-oth .o-history.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-login>b,.o-login .l-menu .skill-level ul .item em {
    min-width: 12px;
    font-weight: 400;
    -webkit-transform-origin: center center;
    font-family: Helvetica,Arial,sans-serif
}

#header .head-oth .o-history .h-pop {
    width: 350px;
    display: none;
    position: absolute;
    right: -30px;
    top: 50px;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

#header .head-oth .o-history .h-pop>i {
    width: 14px;
    height: 14px;
    position: absolute;
    top: -9px;
    right: 50px;
    background: url(../../res/com/arrow-top.png) no-repeat
}

#header .head-oth .o-history .h-load {
    margin-bottom: 8px;
    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;
    background: #eeeff2;
    border-bottom: 1px solid #d9dadc;
    text-align: left;
    font-size: 14px;
    text-indent: 15px
}

#header .head-oth .o-history .h-none .n-cn {
    padding: 20px 0;
    font-size: 14px
}

#header .head-oth .o-history .h-none .n-cn>img {
    height: 82px;
    display: block;
    margin-left: 106px;
    margin-bottom: 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/com/head-pericos.png) 0 -48px no-repeat;
    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 .h-list,#header .head-oth .o-history .h-load,#header .head-oth .o-history .h-none {
    display: none
}

#header .head-oth .o-history .h-pop.state-1 .h-load,#header .head-oth .o-history .h-pop.state-2 .h-list,#header .head-oth .o-history .h-pop.state-3 .h-none,#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 #ddd;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

#header .head-oth .o-follow .f-pop>i {
    width: 14px;
    height: 14px;
    position: absolute;
    top: -9px;
    right: 50px;
    background: url(../../res/com/arrow-top.png) no-repeat
}

#header .head-oth .o-follow .f-load {
    margin-bottom: 8px;
    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;
    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/com/head-pericos.png) 0 -48px no-repeat;
    width: 48px
}

#header .head-oth .o-follow .f-all {
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #f70;
    border-radius: 4px;
    margin: 10px 20px
}

#header .head-oth .o-follow .f-all a {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #fff
}

#header .head-oth .o-follow .f-all a:hover {
    background: #f14700
}

#header .head-oth .o-follow .f-all,#header .head-oth .o-follow .f-list,#header .head-oth .o-follow .f-load,#header .head-oth .o-follow .f-none {
    display: none
}

#header .head-oth .o-follow .f-pop.state-1 .f-load,#header .head-oth .o-follow .f-pop.state-2 .f-all,#header .head-oth .o-follow .f-pop.state-2 .f-list,#header .head-oth .o-follow .f-pop.state-3 .f-none,#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;
    height: 16px;
    background: #f76300;
    border-radius: 6px;
    position: absolute;
    top: 3px;
    left: 20px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    -webkit-transform-style: preserve-3d moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -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: #fff;
    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: #666
}

.solephnoemum .solephnoemum-cont .solephnoemum-body {
    line-height: 2;
    margin-top: 10px;
    font-size: 14px;
    color: #888
}

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

.o-login .l-menu .authenticate .email-aut i,.o-login .l-menu .authenticate .mobile-aut i,.o-login .l-menu .authenticate .uname-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?20161125) no-repeat
}

#header .head-oth .o-login .l-menu .chat-member .chat-mem-con {
    position: relative;
    padding: 12px;
    width: 367px;
    border-bottom: 1px solid #f1f1f1
}

#header .head-oth .o-login .mem-pic {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 auto
}

#header .head-oth .o-login .mem-pic a,#header .head-oth .o-login .mem-pic img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

#header .head-oth .o-login .mem-pic a {
    display: block;
    overflow: hidden
}

#header .head-oth .o-login .mem-pic .nobility-icon {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 22px;
    height: 22px;
    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: center
}

.o-login .l-menu .logname .name {
    display: inline-block;
    width: 220px;
    font-size: 16px;
    line-height: 42px;
    color: #545454;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.o-login .l-menu .logout {
    position: absolute;
    right: 20px;
    top: 24px;
    font-size: 12px;
    line-height: 36px;
    color: #2c3e50;
    cursor: pointer;
    padding: 0 0 0 25px;
    background: url(../../res/com/header-bar/header-out-icon.png?20161229) left 10px no-repeat
}

.o-login .l-menu .logout:hover {
    color: #f70
}

.o-login .l-menu .invisible {
    display: none;
    position: absolute;
    left: 0;
    top: 30px;
    width: 108px;
    height: 26px;
    font-size: 12px;
    color: #818181;
    text-indent: 35px;
    line-height: 26px;
    border-top-right-radius: 26px;
    border-bottom-right-radius: 26px;
    cursor: pointer;
    background: url(../../res/com/header-bar/icon-invisible.png) 12px 7px no-repeat #f3f3f3
}

.o-login .l-menu .invisible span {
    display: none;
    position: relative;
    margin-top: 10px;
    width: 148px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    text-indent: 0;
    border-radius: 4px;
    background-color: #000;
    background-color: rgba(0,0,0,.5)
}

.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: 26px;
    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 {
    background-position: 12px -16px;
    color: #fff;
    background-color: #f70
}

.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: center;
    font-size: 0
}

.o-login .l-menu .authenticate a {
    display: inline-block
}

.o-login .l-menu .authenticate .uname-aut {
    width: 18px;
    height: 16px;
    margin: 0 6px
}

.o-login .l-menu .authenticate .uname-aut i {
    display: block;
    width: 18px;
    height: 16px;
    background-position: 0 -65px
}

.o-login .l-menu .authenticate .uname-aut .high {
    background-position: 0 -34px
}

.o-login .l-menu .authenticate .mobile-aut {
    width: 13px;
    height: 16px;
    margin: 0 6px
}

.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: 2px 6px 0
}

.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 .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;
    *width: 116px;
    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: #f70
}

.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;
    height: 12px;
    line-height: 12px;
    background: #f76300;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    -webkit-transform-style: preserve-3d moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -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 .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: 700
}

.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: #f70
}

.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;
    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: 12px
}

.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: 264px;
    margin: 0 6px;
    display: inline-block;
    position: relative;
    height: 13px;
    background: #b8c0cc;
    color: #fff;
    line-height: 24px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.o-login .l-menu .level-con .bar-per-wp {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 5px;
    overflow: hidden
}

.o-login .l-menu .level-con .bar .bar-per {
    display: block;
    background: #30a4ff;
    height: 13px
}

.o-login .l-menu .level-con .bar .bar-num {
    font-size: 10px;
    position: absolute;
    right: 0;
    top: -6px;
    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,.6);
    position: absolute;
    top: 22px;
    left: 50%
}

.o-login .l-menu .wallet {
    padding: 8px 21px 0 18px
}

.o-login .l-menu .wallet .title {
    font-size: 15px;
    color: #2c3e50;
    height: 20px;
    line-height: 20px
}

.o-login .l-menu .wallet-con {
    position: relative;
    padding-bottom: 10px;
    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) -500px -500px no-repeat;
    padding-left: 24px;
    display: inline-block;
    height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #777
}

.o-login .l-menu .m-wealth .y1 {
    background-position: 0 -24px;
    margin-right: 10px
}

.o-login .l-menu .m-wealth .y2 {
    background-position: 0 0
}

.o-login .l-menu .m-wealth .y3 {
    display: none;
    position: relative;
    padding: 0;
    margin-left: 12px;
    color: #f70;
    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: #f70;
    text-align: center;
    height: 18px;
    line-height: 18px;
    padding: 0 9px;
    border-radius: 4px;
    margin-top: 2px;
    white-space: nowrap
}

.o-login .l-menu .wallet .getYc:hover {
    background: #f14700
}

.o-login .l-menu .task {
    padding: 8px 16px 13px 18px
}

.o-login .l-menu .task .task-title {
    font-size: 15px;
    color: #2c3e50;
    height: 20px;
    line-height: 20px
}

.o-login .l-menu .task .task-con {
    margin-top: 10px
}

.o-login .l-menu .task .task-a {
    display: block
}

.o-login .l-menu .task-img {
    display: block;
    width: 65px;
    height: 50px;
    background: url(../../res/com/sg-taskicon.png) no-repeat;
    margin-right: 15px;
    float: left
}

.o-login .l-menu .task-img img {
    width: 100%;
    height: 100%
}

.o-login .l-menu .task-text {
    width: 274px;
    overflow: hidden
}

.o-login .l-menu .task-text .title {
    font-size: 15px;
    color: #333;
    width: 223px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: -3px
}

.o-login .l-menu .task-text .title:hover {
    color: #f70
}

.o-login .l-menu .task-text .comment {
    font-size: 12px;
    color: #868686;
    margin-top: 1px;
    width: 223px;
    height: 33px;
    overflow: hidden
}

.uim-foot ul .focus .sel p,.uim-foot ul .focus a:hover p,.uim-foot ul .message .sel p,.uim-foot ul .message a:hover p,.uim-foot ul .personal-center .sel p,.uim-foot ul .personal-center a:hover p {
    color: #f76300
}

.uim-foot {
    padding: 12px 35px;
    background: #f3f3f3
}

.uim-foot ul li {
    float: left;
    margin-right: 44px
}

.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: 0
}

.uim-foot ul li.live-set .live-hot {
    width: 20px;
    height: 13px;
    position: absolute;
    top: -8px;
    left: 35px;
    background: url(../../res/page/room-normal/icon-hot.png) no-repeat
}

.uim-foot ul .personal-center i {
    background-position: 0 -189px
}

.uim-foot ul .personal-center .sel i,.uim-foot ul .personal-center a:hover i {
    background-position: 0 -235px
}

.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 .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 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: 400;
    -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 .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;
    bottom: 2px;
    left: 2px;
    background: url(../../res/com/sign_spec.png?20161012) no-repeat;
    z-index: 11
}

.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: .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: 700;
    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;
    *background: url(about:blank)
}

.f-sign-cont,.his-sign-cont {
    height: 60px;
    margin: 10px 20px;
    border-radius: 5px
}

.user-level-loading {
    width: 16px;
    height: 16px;
    background: url(../../res/page/room-normal/loading.gif?20170222) 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?20170222) no-repeat
}

.level-size1,.level-size2 {
    width: 40px;
    height: 16px
}

.level-1 {
    background-position: 0 0
}

.level-2 {
    background-position: 0 -19px
}

.level-3 {
    background-position: 0 -38px
}

.level-4 {
    background-position: 0 -57px
}

.level-5 {
    background-position: 0 -76px
}

.level-6 {
    background-position: 0 -95px
}

.level-7 {
    background-position: 0 -114px
}

.level-8 {
    background-position: 0 -133px
}

.level-9 {
    background-position: 0 -152px
}

.level-10 {
    background-position: 0 -171px
}

.level-11 {
    background-position: 0 -190px
}

.level-12 {
    background-position: 0 -209px
}

.level-13 {
    background-position: 0 -228px
}

.level-14 {
    background-position: 0 -247px
}

.level-15 {
    background-position: 0 -266px
}

.level-16 {
    background-position: 0 -285px
}

.level-17 {
    background-position: 0 -304px
}

.level-18 {
    background-position: 0 -323px
}

.level-19 {
    background-position: 0 -342px
}

.level-20 {
    background-position: 0 -361px
}

.level-21 {
    background-position: 0 -380px
}

.level-22 {
    background-position: 0 -399px
}

.level-23 {
    background-position: 0 -418px
}

.level-24 {
    background-position: 0 -437px
}

.level-25 {
    background-position: 0 -456px
}

.level-26 {
    background-position: 0 -475px
}

.level-27 {
    background-position: 0 -494px
}

.level-28 {
    background-position: 0 -513px
}

.level-29 {
    background-position: 0 -532px
}

.level-30 {
    background-position: 0 -551px
}

.level-31 {
    background-position: 0 -570px
}

.level-32 {
    background-position: 0 -589px
}

.level-33 {
    background-position: 0 -608px
}

.level-34 {
    background-position: 0 -627px
}

.level-35 {
    background-position: 0 -646px
}

.level-36 {
    background-position: 0 -665px
}

.level-37 {
    background-position: 0 -684px
}

.level-38 {
    background-position: 0 -703px
}

.level-39 {
    background-position: 0 -722px
}

.level-40 {
    background-position: 0 -741px
}

.level-41 {
    background-position: 0 -760px
}

.level-42 {
    background-position: 0 -779px
}

.level-43 {
    background-position: 0 -798px
}

.level-44 {
    background-position: 0 -817px
}

.level-45 {
    background-position: 0 -836px
}

.level-46 {
    background-position: 0 -855px
}

.level-47 {
    background-position: 0 -874px
}

.level-48 {
    background-position: 0 -893px
}

.level-49 {
    background-position: 0 -912px
}

.level-50 {
    background-position: 0 -931px
}

.level-51 {
    background-position: 0 -950px
}

.level-52 {
    background-position: 0 -969px
}

.level-53 {
    background-position: 0 -988px
}

.level-54 {
    background-position: 0 -1007px
}

.level-55 {
    background-position: 0 -1026px
}

.level-56 {
    background-position: 0 -1045px
}

.level-57 {
    background-position: 0 -1064px
}

.level-58 {
    background-position: 0 -1083px
}

.level-59 {
    background-position: 0 -1102px
}

.level-60 {
    background-position: 0 -1121px
}

.level-61 {
    background-position: 0 -1140px
}

.level-62 {
    background-position: 0 -1159px
}

.level-63 {
    background-position: 0 -1178px
}

.level-64 {
    background-position: 0 -1197px
}

.level-65 {
    background-position: 0 -1216px
}

.level-66 {
    background-position: 0 -1235px
}

.level-67 {
    background-position: 0 -1254px
}

.level-68 {
    background-position: 0 -1273px
}

.level-69 {
    background-position: 0 -1292px
}

.level-70 {
    background: url(../../res/page/room-normal/level/LV70.gif?20170222) no-repeat
}

.level-71 {
    background: url(../../res/page/room-normal/level/LV71.gif?20170222) no-repeat
}

.level-72 {
    background: url(../../res/page/room-normal/level/LV72.gif?20170222) no-repeat
}

.level-73 {
    background: url(../../res/page/room-normal/level/LV73.gif?20170222) no-repeat
}

.level-74 {
    background: url(../../res/page/room-normal/level/LV74.gif?20170222) no-repeat
}

.level-75 {
    background: url(../../res/page/room-normal/level/LV75.gif?20170222) no-repeat
}

.level-76 {
    background: url(../../res/page/room-normal/level/LV76.gif?20170222) no-repeat
}

.level-77 {
    background: url(../../res/page/room-normal/level/LV77.gif?20170222) no-repeat
}

.level-78 {
    background: url(../../res/page/room-normal/level/LV78.gif?20170222) no-repeat
}

.level-79 {
    background: url(../../res/page/room-normal/level/LV79.gif?20170222) no-repeat
}

.level-80 {
    background: url(../../res/page/room-normal/level/LV80.gif?20170222) no-repeat
}

.level-81 {
    background: url(../../res/page/room-normal/level/LV81.gif?20170222) no-repeat
}

.level-82 {
    background: url(../../res/page/room-normal/level/LV82.gif?20170222) no-repeat
}

.level-83 {
    background: url(../../res/page/room-normal/level/LV83.gif?20170222) no-repeat
}

.level-84 {
    background: url(../../res/page/room-normal/level/LV84.gif?20170222) no-repeat
}

.level-85 {
    background: url(../../res/page/room-normal/level/LV85.gif?20170222) no-repeat
}

.level-86 {
    background: url(../../res/page/room-normal/level/LV86.gif?20170222) no-repeat
}

.level-87 {
    background: url(../../res/page/room-normal/level/LV87.gif?20170222) no-repeat
}

.level-88 {
    background: url(../../res/page/room-normal/level/LV88.gif?20170222) no-repeat
}

.level-89 {
    background: url(../../res/page/room-normal/level/LV89.gif?20170222) no-repeat
}

.level-90 {
    background: url(../../res/page/room-normal/level/LV90.gif?20170222) no-repeat
}

.level-91 {
    background: url(../../res/page/room-normal/level/LV91.gif?20170222) no-repeat
}

.level-92 {
    background: url(../../res/page/room-normal/level/LV92.gif?20170222) no-repeat
}

.level-93 {
    background: url(../../res/page/room-normal/level/LV93.gif?20170222) no-repeat
}

.level-94 {
    background: url(../../res/page/room-normal/level/LV94.gif?20170222) no-repeat
}

.level-95 {
    background: url(../../res/page/room-normal/level/LV95.gif?20170222) no-repeat
}

.level-96 {
    background: url(../../res/page/room-normal/level/LV96.gif?20170222) no-repeat
}

.level-97 {
    background: url(../../res/page/room-normal/level/LV97.gif?20170222) no-repeat
}

.level-98 {
    background: url(../../res/page/room-normal/level/LV98.gif?20170222) no-repeat
}

.level-99 {
    background: url(../../res/page/room-normal/level/LV99.gif?20170222) no-repeat
}

.level-100 {
    background: url(../../res/page/room-normal/level/LV100.gif?20170222) no-repeat
}

.level-101 {
    background: url(../../res/page/room-normal/level/LV101.gif?20170222) no-repeat
}

.level-102 {
    background: url(../../res/page/room-normal/level/LV102.gif?20170222) no-repeat
}

.level-103 {
    background: url(../../res/page/room-normal/level/LV103.gif?20170222) no-repeat
}

.level-104 {
    background: url(../../res/page/room-normal/level/LV104.gif?20170222) no-repeat
}

.level-105 {
    background: url(../../res/page/room-normal/level/LV105.gif?20170222) no-repeat
}

.level-106 {
    background: url(../../res/page/room-normal/level/LV106.gif?20170222) no-repeat
}

.level-107 {
    background: url(../../res/page/room-normal/level/LV107.gif?20170222) no-repeat
}

.level-108 {
    background: url(../../res/page/room-normal/level/LV108.gif?20170222) no-repeat
}

.level-109 {
    background: url(../../res/page/room-normal/level/LV109.gif?20170222) no-repeat
}

.level-110 {
    background: url(../../res/page/room-normal/level/LV110.gif?20170222) no-repeat
}

.level-111 {
    background: url(../../res/page/room-normal/level/LV111.gif?20170222) no-repeat
}

.level-112 {
    background: url(../../res/page/room-normal/level/LV112.gif?20170222) no-repeat
}

.level-113 {
    background: url(../../res/page/room-normal/level/LV113.gif?20170222) no-repeat
}

.level-114 {
    background: url(../../res/page/room-normal/level/LV114.gif?20170222) no-repeat
}

.level-115 {
    background: url(../../res/page/room-normal/level/LV115.gif?20170222) no-repeat
}

.level-116 {
    background: url(../../res/page/room-normal/level/LV116.gif?20170222) no-repeat
}

.level-117 {
    background: url(../../res/page/room-normal/level/LV117.gif?20170222) no-repeat
}

.level-118 {
    background: url(../../res/page/room-normal/level/LV118.gif?20170222) no-repeat
}

.level-119 {
    background: url(../../res/page/room-normal/level/LV119.gif?20170222) no-repeat
}

.level-120 {
    background: url(../../res/page/room-normal/level/LV120.gif?20170222) no-repeat
}

.level-next-1 {
    background-position: 0 -1311px
}

.level-next-2 {
    background-position: 0 -1330px
}

.level-next-3 {
    background-position: 0 -1349px
}

.level-next-4 {
    background-position: 0 -1368px
}

.level-next-5 {
    background-position: 0 -1387px
}

.level-next-6 {
    background-position: 0 -1406px
}

.level-next-7 {
    background-position: 0 -1425px
}

.level-next-8 {
    background-position: 0 -1444px
}

.level-next-9 {
    background-position: 0 -1463px
}

.level-next-10 {
    background-position: 0 -1482px
}

.level-next-11 {
    background-position: 0 -1501px
}

.level-next-12 {
    background-position: 0 -1520px
}

.level-next-13 {
    background-position: 0 -1539px
}

.level-next-14 {
    background-position: 0 -1558px
}

.level-next-15 {
    background-position: 0 -1577px
}

.level-next-16 {
    background-position: 0 -1596px
}

.level-next-17 {
    background-position: 0 -1615px
}

.level-next-18 {
    background-position: 0 -1634px
}

.level-next-19 {
    background-position: 0 -1653px
}

.level-next-20 {
    background-position: 0 -1672px
}

.level-next-21 {
    background-position: 0 -1691px
}

.level-next-22 {
    background-position: 0 -1710px
}

.level-next-23 {
    background-position: 0 -1729px
}

.level-next-24 {
    background-position: 0 -1748px
}

.level-next-25 {
    background-position: 0 -1767px
}

.level-next-26 {
    background-position: 0 -1786px
}

.level-next-27 {
    background-position: 0 -1805px
}

.level-next-28 {
    background-position: 0 -1824px
}

.level-next-29 {
    background-position: 0 -1843px
}

.level-next-30 {
    background-position: 0 -1862px
}

.level-next-31 {
    background-position: 0 -1881px
}

.level-next-32 {
    background-position: 0 -1900px
}

.level-next-33 {
    background-position: 0 -1919px
}

.level-next-34 {
    background-position: 0 -1938px
}

.level-next-35 {
    background-position: 0 -1957px
}

.level-next-36 {
    background-position: 0 -1976px
}

.level-next-37 {
    background-position: 0 -1995px
}

.level-next-38 {
    background-position: 0 -2014px
}

.level-next-39 {
    background-position: 0 -2033px
}

.level-next-40 {
    background-position: 0 -2052px
}

.level-next-41 {
    background-position: 0 -2071px
}

.level-next-42 {
    background-position: 0 -2090px
}

.level-next-43 {
    background-position: 0 -2109px
}

.level-next-44 {
    background-position: 0 -2128px
}

.level-next-45 {
    background-position: 0 -2147px
}

.level-next-46 {
    background-position: 0 -2166px
}

.level-next-47 {
    background-position: 0 -2185px
}

.level-next-48 {
    background-position: 0 -2204px
}

.level-next-49 {
    background-position: 0 -2223px
}

.level-next-50 {
    background-position: 0 -2242px
}

.level-next-51 {
    background-position: 0 -2261px
}

.level-next-52 {
    background-position: 0 -2280px
}

.level-next-53 {
    background-position: 0 -2299px
}

.level-next-54 {
    background-position: 0 -2318px
}

.level-next-55 {
    background-position: 0 -2337px
}

.level-next-56 {
    background-position: 0 -2356px
}

.level-next-57 {
    background-position: 0 -2375px
}

.level-next-58 {
    background-position: 0 -2394px
}

.level-next-59 {
    background-position: 0 -2413px
}

.level-next-60 {
    background-position: 0 -2432px
}

.level-next-61 {
    background-position: 0 -2451px
}

.level-next-62 {
    background-position: 0 -2470px
}

.level-next-63 {
    background-position: 0 -2489px
}

.level-next-64 {
    background-position: 0 -2508px
}

.level-next-65 {
    background-position: 0 -2527px
}

.level-next-66 {
    background-position: 0 -2546px
}

.level-next-67 {
    background-position: 0 -2565px
}

.level-next-68 {
    background-position: 0 -2584px
}

.level-next-69 {
    background-position: 0 -2603px
}

.level-next-70 {
    background-position: 0 -2622px
}

.level-next-71 {
    background-position: 0 -2641px
}

.level-next-72 {
    background-position: 0 -2660px
}

.level-next-73 {
    background-position: 0 -2679px
}

.level-next-74 {
    background-position: 0 -2698px
}

.level-next-75 {
    background-position: 0 -2717px
}

.level-next-76 {
    background-position: 0 -2736px
}

.level-next-77 {
    background-position: 0 -2755px
}

.level-next-78 {
    background-position: 0 -2774px
}

.level-next-79 {
    background-position: 0 -2793px
}

.level-next-80 {
    background-position: 0 -2812px
}

.level-next-81 {
    background-position: 0 -2831px
}

.level-next-82 {
    background-position: 0 -2850px
}

.level-next-83 {
    background-position: 0 -2869px
}

.level-next-84 {
    background-position: 0 -2888px
}

.level-next-85 {
    background-position: 0 -2907px
}

.level-next-86 {
    background-position: 0 -2926px
}

.level-next-87 {
    background-position: 0 -2945px
}

.level-next-88 {
    background-position: 0 -2964px
}

.level-next-89 {
    background-position: 0 -2983px
}

.level-next-90 {
    background-position: 0 -3002px
}

.level-next-91 {
    background-position: 0 -3021px
}

.level-next-92 {
    background-position: 0 -3040px
}

.level-next-93 {
    background-position: 0 -3059px
}

.level-next-94 {
    background-position: 0 -3078px
}

.level-next-95 {
    background-position: 0 -3097px
}

.level-next-96 {
    background-position: 0 -3116px
}

.level-next-97 {
    background-position: 0 -3135px
}

.level-next-98 {
    background-position: 0 -3154px
}

.level-next-99 {
    background-position: 0 -3173px
}

.level-next-100 {
    background-position: 0 -3192px
}

.level-next-101 {
    background-position: 0 -3211px
}

.level-next-102 {
    background-position: 0 -3230px
}

.level-next-103 {
    background-position: 0 -3249px
}

.level-next-104 {
    background-position: 0 -3268px
}

.level-next-105 {
    background-position: 0 -3287px
}

.level-next-106 {
    background-position: 0 -3306px
}

.level-next-107 {
    background-position: 0 -3325px
}

.level-next-108 {
    background-position: 0 -3344px
}

.level-next-109 {
    background-position: 0 -3363px
}

.level-next-110 {
    background-position: 0 -3382px
}

.level-next-111 {
    background-position: 0 -3401px
}

.level-next-112 {
    background-position: 0 -3420px
}

.level-next-113 {
    background-position: 0 -3439px
}

.level-next-114 {
    background-position: 0 -3458px
}

.level-next-115 {
    background-position: 0 -3477px
}

.level-next-116 {
    background-position: 0 -3496px
}

.level-next-117 {
    background-position: 0 -3515px
}

.level-next-118 {
    background-position: 0 -3534px
}

.level-next-119 {
    background-position: 0 -3553px
}

.level-next-120 {
    background-position: 0 -3572px
}

#header .head-nav .funny .a-pop {
    padding: 0 16px 17px;
    width: 247px;
    position: absolute;
    right: -110px;
    top: 40px;
    display: none;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

#header .head-nav .funny .a-pop>i {
    width: 14px;
    height: 14px;
    position: absolute;
    top: -9px;
    right: 50%;
    margin-right: -7px;
    background: url(../../res/com/arrow-top.png?20160628) no-repeat
}

#header .head-nav .funny .a-list>h3 {
    margin: 17px 0 9px;
    color: #444;
    height: 18px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    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: #f70;
    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: 700
}

#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: 14px;
    width: 9px;
    height: 5px;
    overflow: hidden;
    padding: 0;
    font-size: 0;
    line-height: 0;
    background: url(../../res/com/assort-icon.png?20160628) no-repeat;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

#header .head-nav .funny.open>i {
    background: url(../../res/com/assort-icon-hover.png?20160628) no-repeat
}

.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) center top no-repeat;
    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
}

.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 .arrow-inner,.pop-dialog .pop-arrow {
    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
}

.left-menu .leftnav-cate .recom-cont .yb-list-24 li a,.user-error-tip-cont p,.user-error-tip-cont p span.user-name {
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap
}

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

.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: 0 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: .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
}

.nobility-privilege,.nobility-privilege .privilege-title,.pop-tips .cont {
    position: relative
}

.pop-tips .active,.pop-tips .link {
    color: #f70
}

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

.nobility-privilege {
    z-index: 3;
    width: 350px;
    margin: 0 auto;
    padding: 12px 0;
    border-bottom: 1px solid #f1f1f1
}

.nobility-privilege .privilege-promote {
    display: block;
    width: 350px;
    height: 98px;
    overflow: hidden
}

.nobility-privilege .privilege-title-h3 {
    float: left;
    font-size: 16px;
    color: #2a3e51;
    line-height: 22px
}

.nobility-privilege .privilege-title-times {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 30px;
    color: #828992
}

.nobility-privilege .privilege-title-buy {
    float: right;
    height: 20px;
    padding: 0 11px;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    border-radius: 20px;
    background-color: #f70
}

.nobility-privilege .privilege-title-buy:hover {
    background-color: #f60
}

.nobility-privilege .privilege-ls {
    width: 100%;
    height: 50px
}

.nobility-privilege .privilege-ls .privilege-items {
    float: left;
    position: relative;
    margin-right: 10px;
    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: #fff;
    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: .5;
    filter: alpha(opacity=50)
}

.nobility-privilege .privilege-items .lmsj-inner,.nobility-privilege .privilege-items .lmsj-top {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute
}

.nobility-privilege .privilege-items .privilege-more-lk:hover .privilege-items-mask {
    display: block
}

.nobility-privilege .privilege-items .lmsj-top {
    top: -8px;
    background: 0 0;
    border-bottom: 7px solid #d1d1d1
}

.nobility-privilege .privilege-items .lmsj-inner {
    top: -7px;
    border-bottom: 7px solid #fff
}

.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-inner,.nobility-privilege .privilege-items1 .lmsj-top {
    left: 18px
}

.nobility-privilege .privilege-items2 .privilege-items-desc {
    left: -60px
}

.nobility-privilege .privilege-items2 .lmsj-inner,.nobility-privilege .privilege-items2 .lmsj-top {
    left: 78px
}

.nobility-privilege .privilege-items3 .privilege-items-desc {
    left: -120px
}

.nobility-privilege .privilege-items3 .lmsj-inner,.nobility-privilege .privilege-items3 .lmsj-top {
    left: 138px
}

.nobility-privilege .privilege-items4 .privilege-items-desc {
    left: -180px
}

.nobility-privilege .privilege-items4 .lmsj-inner,.nobility-privilege .privilege-items4 .lmsj-top {
    left: 198px
}

.nobility-privilege .privilege-items5 .privilege-items-desc {
    left: -240px
}

.nobility-privilege .privilege-items5 .lmsj-inner,.nobility-privilege .privilege-items5 .lmsj-top {
    left: 258px
}

.o-login .l-menu .invisible span.myvip--guide--sp {
    background-color: #fc5e6d;
    border-radius: 11px;
    height: 22px;
    line-height: 22px;
    width: 58px;
    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
}

.myvip--guide--login {
    position: absolute;
    left: 0;
    top: 50px;
    margin-left: -146px;
    -webkit-filter: drop-shadow(0 0 7px rgba(0,0,0,.17));
    -moz-filter: drop-shadow(0 0 7px rgba(0,0,0,.17));
    -ms-filter: drop-shadow(0 0 7px rgba(0,0,0,.17));
    -o-filter: drop-shadow(0 0 7px rgba(0,0,0,.17));
    filter: drop-shadow(0 0 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: 50%;
    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;
    border: 1px solid #d1d1d1;
    background: url(../../res/page/room-normal/vip_guide/guide_login_bg.png?20170110) center bottom no-repeat #fff
}

.guide--login--wrap .guide--login--close {
    display: block;
    position: absolute;
    top: 4px;
    right: 6px;
    font-size: 26px;
    color: #b4b4b4;
    height: 20px;
    line-height: 20px;
    width: 20px;
    text-align: center
}

.normallevel-btn,.roll-nav {
    display: inline-block;
    margin-right: 10px
}

.guide--login--wrap .myvip--guide--login--close:hover {
    color: #9c9c9c
}

.guide--login--wrap .login--wrap--content {
    background: url(../../res/page/room-normal/vip_guide/guide_login_bg2.png?20170110) 34px 24px no-repeat;
    width: 316px;
    height: 150px
}

.guide--login--wrap .login--wrap--content p {
    padding: 55px 0 0 133px;
    font-size: 16px;
    color: #555;
    font-weight: 700
}

.normallevel-close,.normallevel-next-icon,.normallevel-prev-icon {
    background: url(../../res/com/normallevel/normallevel.png?20170222) no-repeat
}

.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: .5;
    filter: alpha(opacity=50)
}

.login-pop-shadow,.loginbox-shadow {
    opacity: .7;
    filter: Alpha(Opacity=70)
}

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

.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 {
    width: 150px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #f70;
    border-radius: 15px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.normallevel-btn-know {
    color: #f70;
    background-color: #fff
}

.normallevel-btn-see {
    color: #fff;
    background-color: #f70
}

.normallevel-btn.active,.normallevel-btn:hover {
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    background-color: #f50
}

.normallevel-step1 {
    background: url(../../res/com/normallevel/page1bg.png?20170222) no-repeat
}

.normallevel-step2 {
    background: url(../../res/com/normallevel/page2bg.png?20170222) no-repeat
}

.normallevel-step3 {
    background: url(../../res/com/normallevel/page3bg.png?20170222) no-repeat
}

.normallevel-step4 {
    background: url(../../res/com/normallevel/page4bg.png?20170222) no-repeat
}

.normallevel-btn-con {
    position: relative;
    top: 488px;
    z-index: 2;
    width: 100%;
    text-align: center
}

.normallevel-roll-nav-list {
    position: absolute;
    bottom: 40px;
    left: 50%;
    z-index: 3;
    margin-left: -52px
}

.roll-nav {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    vertical-align: middle;
    background-color: #ccc
}

.roll-nav.active,.roll-nav:hover {
    cursor: pointer;
    background-color: #f50
}

.normallevel-next-area,.normallevel-prev-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-next-area:hover .normallevel-next,.normallevel-prev-area:hover .normallevel-prev {
    cursor: pointer;
    background-color: #e14f00
}

.normallevel-next {
    right: 0;
    border-radius: 35px 0 0 35px
}

.normallevel-prev {
    left: 0;
    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
}

.nobility-privilege .privilege-title-faq {
    float: right;
    height: 18px;
    padding: 0 11px;
    margin-right: 8px;
    font-size: 12px;
    color: #f70;
    line-height: 18px;
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid #f70
}

.nobility-privilege .privilege-title-faq:hover {
    color: #fff;
    background-color: #f70;
    border: 1px solid #f70
}

#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
}

.scrollbar,.scrollbar .thumb,.scrollbar .track {
    position: absolute;
    top: 0
}

#footer .foot .anchor-help h3,#footer .foot .focusus h3,#footer .foot .friendly h3,#footer .foot .software h3 {
    font-size: 14px;
    line-height: 28px;
    color: #545454;
    margin-bottom: 8px;
    font-weight: 700
}

#footer .foot .anchor-help ul,#footer .foot .friendly ul {
    display: block;
    margin-right: 6px;
    float: left
}

#footer .foot .anchor-help ul a,#footer .foot .friendly ul a {
    width: 140px;
    font-size: 14px;
    line-height: 24px;
    color: #868686;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#footer .foot .focusus,#footer .foot .software {
    margin-left: 60px
}

#footer .foot .focusus ul,#footer .foot .software ul {
    overflow: hidden
}

#footer .foot .focusus ul a,#footer .foot .software ul a {
    display: block;
    color: #868686
}

#footer .foot .anchor-help ul a:hover,#footer .foot .friendly ul a:hover,#footer .foot .software ul a:hover span {
    color: #ff6a1f
}

#footer .foot .focusus ul img,#footer .foot .software ul img {
    width: 118px;
    height: 118px
}

#footer .foot .focusus ul span,#footer .foot .software 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: url(../../res/com/footer-bg.png) center top no-repeat
}

#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 {
    padding: 0 2px;
    color: #b1b1b1
}

#footer .outlink .about li a:hover {
    color: #ff6a1f
}

#footer .outlink>p {
    line-height: 24px;
    color: #b1b1b1
}

.scrollbar {
    width: 15px;
    right: 0;
    bottom: 0;
    z-index: 9999;
    float: right;
    background-position: 0 0
}

.scrollbar .track {
    width: 13px;
    padding: 0 1px;
    right: -3px
}

.scrollbar .thumb {
    width: 8px;
    height: 20px;
    cursor: pointer;
    overflow: hidden;
    border-radius: 7px;
    background: #454545
}

.scrollbar .thumb .end {
    width: 25px;
    height: 5px;
    overflow: hidden
}

#left-big-scroll .viewport {
    width: 240px;
    height: 100%;
    position: relative
}

#left-big-scroll .overview {
    padding: 0 0 20px;
    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-btn,.left-menu .left-btn:hover {
    background-color: transparent
}

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

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

.left-menu .channel-cate ul {
    width: 233px
}

.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: #f60;
    color: #fff
}

.left-menu .channel-cate ul li a .icon {
    display: inline-block;
    background: url(../../res/com/side-list-icon.png?20161202) -500px -500px no-repeat;
    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.cur span {
    color: #f60
}

.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 #f60;
    *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) -500px -500px no-repeat;
    width: 20px;
    height: 20px;
    overflow: hidden;
    float: left;
    margin: 8px 14px 0 18px
}

.left-menu .leftnav-cate .r-tit ul li.cur {
    background: #f60;
    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-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
}

.left-menu .leftnav-cate .r-cont ul li {
    float: left;
    height: 24px;
    width: 66px;
    margin: 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;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.left-menu .leftnav-cate .r-cont ul li a.current {
    color: #f60
}

.left-menu .leftnav-cate .r-cont ul li a:hover {
    background: #f60;
    color: #fff
}

.left-menu .leftnav-cate .r-cont a.more {
    color: #f60
}

.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 dd.cur,.left-menu .leftnav-cate .column-cont dl dt.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: url(../../res/com/left_cion.png) no-repeat;
    width: 5px;
    height: 14px;
    overflow: hidden;
    float: left;
    margin: 10px 0 0 3px;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.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 4px 5px 15px;
    width: 213px;
    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: 0 17px;
    position: fixed;
    left: 0;
    bottom: 0
}

.left-menu .left-footer .f-line {
    width: 100%;
    height: 1px;
    background: #2c2c2c
}

.left-menu .left-footer .btn-live a {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #f60;
    border-radius: 2px;
    margin: 12px auto auto;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    color: #fff
}

.left-menu .left-footer .btn-live a:hover {
    background: #f14700
}

.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: 0 5px 9px
}

.left-menu .left-footer ul li a {
    color: #c6c6c6
}

.left-menu .left-footer ul li a:hover {
    color: #fff
}

.left-menu .left-small {
    width: 50px
}

.left-menu .c-ser .c-link a,.left-menu .small-nav ul li a {
    display: block;
    color: #c6c6c6;
    text-align: center;
    height: 44px;
    padding: 18px 0
}

.left-menu .c-ser .c-link a:hover,.left-menu .small-nav ul li a:hover {
    color: #fff;
    background: #1b1b1b
}

.left-menu .c-ser .line,.left-menu .small-nav ul li.line {
    height: 0;
    font-size: 0;
    overflow: hidden;
    border-bottom: 1px solid #323232;
    border-top: 1px solid #1b1b1b
}

.left-menu .c-ser .cr_icon,.left-menu .small-nav ul li .icon {
    display: block;
    background: url(../../res/com/side-list-icon.png?20161202) -500px -500px no-repeat;
    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,.left-menu.small .left-big {
    display: none
}

.left-menu.small .left-small {
    display: block
}

.left-menu.small .left-btn {
    left: 50px
}

.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: #f60;
    border-radius: 2px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    color: #fff
}

.left-menu .left-footer .btn-app a:hover {
    background: #f14700
}

.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;
    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) 0 -35px no-repeat;
    height: 13px;
    width: 21px;
    overflow: hidden;
    float: left;
    margin: 9px 4px 12px 9px
}

.left-menu .left-footer .btn-live a {
    font-size: 14px!important
}

.left-menu .leftnav-cate .r-tit ul li .icon-recom {
    display: inline-block;
    background: url(../../res/com/left-list-icon.png?20160830) 0 -19px no-repeat;
    height: 16px;
    width: 21px;
    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 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 0 0 -5px;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.left-menu .leftnav-cate .recom-cont dl dt span {
    display: inline-block;
    padding: 0 9px;
    color: #c6c6c6
}

.left-menu .leftnav-cate .recom-cont dl dd {
    overflow: hidden;
    padding: 0 4px 0 15px;
    width: 213px;
    border-bottom: 1px solid #2c2c2c
}

.left-menu .leftnav-cate .recom-cont dl dd ul {
    padding: 0
}

.left-menu .c-ser .c-link a:active,.left-menu .small-nav ul li a.cur,.left-menu .small-nav ul li a:active {
    color: #f60;
    background: #1b1b1b
}

.left-menu .small-nav ul li a.cur .is1,.left-menu .small-nav ul li a:active .is1 {
    background-position: -63px 0
}

.left-menu .small-nav ul li a.cur .is2,.left-menu .small-nav ul li a:active .is2 {
    background-position: -63px -26px
}

.left-menu .small-nav ul li a.cur .is3,.left-menu .small-nav ul li a:active .is3 {
    background-position: -63px -50px
}

.left-menu .small-nav ul li a.cur .is4,.left-menu .small-nav ul li a:active .is4 {
    background-position: -63px -80px
}

.left-menu .small-nav ul li a.cur .icon-rank,.left-menu .small-nav ul li a:active .icon-rank {
    background-position: -63px -206px
}

.left-menu .c-ser .c-link a.cur .cr_icon,.left-menu .c-ser .c-link a:active .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
}

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

.left-menu .leftnav-cate .recom-cont .yb-list-24 li a:hover {
    color: #f60
}

#lifter {
    height: 360px;
    position: fixed;
    right: -1px;
    bottom: 32px;
    overflow: visible;
    z-index: 501;
    transform: translateZ(0);
    -webkit-transform: translateZ(0)
}

#lifter .lift {
    position: relative
}

#lifter .lift a,#lifter .lift a.downapp,#lifter .lift a.feedback,#lifter .lift a.gotop,#lifter .lift a.tolive {
    position: absolute
}

#lifter .lift a {
    display: block;
    width: 46px;
    height: 46px;
    margin-top: 4px;
    right: 0;
    line-height: 46px;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    background: #bcbcbc;
    border-radius: 4px;
    overflow: hidden
}

#lifter .lift a.ngad {
    top: 4px
}

#lifter .lift a:hover {
    background: url(../../res/com/lifter-bg.png) -500px -500px no-repeat #f70
}

#lifter .lift a.ngad:hover {
    background: 0 0
}

#lifter .lift a.gotop {
    top: 210px;
    height: 25px
}

#lifter .lift a.tolive {
    top: 56px
}

#lifter .lift a.feedback {
    top: 107px
}

#lifter .lift a.downapp {
    top: 158px
}

#lifter.has-login .lift .gotop {
    top: 260px
}

#lifter .lift .game {
    display: none;
    top: 210px
}

#lifter.has-login .game {
    display: block
}

#lifter .lift a span {
    display: block;
    background: url(../../res/com/lifter-icons.png?20161216) no-repeat;
    text-indent: 46px;
    height: 46px
}

#lifter .lift a:hover span {
    background: #f70;
    text-indent: 0;
    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: 0 0;
    text-indent: 0
}

#lifter .downcode {
    display: none;
    width: 136px;
    height: 230px;
    margin-top: 162px;
    margin-right: 49px;
    position: relative;
    background: url(../../res/com/app-bg.png?20160818) no-repeat
}

#lifter .downcode>a {
    height: 100%;
    width: 100%;
    display: block
}

#lifter .downcode .c-box {
    width: 136px;
    padding-top: 23px;
    text-align: center
}

#lifter .downcode .c-box span {
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #666;
    font-size: 12px;
    font-weight: 700
}

#lifter .downcode .c-box img {
    width: 99px;
    height: 99px
}

#lifter .downcode .c-btn {
    width: 157px;
    height: 31px;
    background: #f70;
    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 {
    position: absolute;
    bottom: 300px;
    right: 1px;
    display: none
}

#lifter .lift a.ngad {
    display: none;
    background: 0 0
}

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

.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: 0 0
}

#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
}

.login-pop-shadow {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: #000
}

.login-pop {
    width: 548px;
    margin-left: -274px;
    padding: 10px 0;
    position: fixed;
    top: 200px;
    left: 50%;
    z-index: 1001;
    font-size: 12px;
    background: url(../../res/com/login-pop/login-pop-bg.gif) right bottom no-repeat #fff
}

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

.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: 0 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 .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: red;
    background: #FFFBFC
}

.login-pop-cont .c-item .captcha-gt {
    margin-top: 15px
}

.login-pop-cont .c-item .tolog a,.login-pop-cont .c-item .toreg a {
    color: #3eb0d8
}

.login-pop-cont .c-item .tolog a:hover,.login-pop-cont .c-item .toreg 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: #f6a200
}

.login-pop-cont .c-item .tolog>p,.login-pop-cont .c-item .toreg>p {
    padding: 10px 0 0 10px;
    float: left;
    color: #858585
}

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

.login-pop-cont .c-oth .dy-icon.dy-sina {
    width: 32px;
    height: 30px;
    float: left;
    background-position: -42px 0
}

.login-pop-cont .c-oth .dy-icon.dy-qq {
    width: 32px;
    height: 30px;
    float: left;
    background-position: -88px 0
}

.login-pop-cont .c-oth .dy-icon.dy-acfun {
    width: 32px;
    height: 30px;
    float: left;
    background-position: 0 0
}

.login-pop-cont .c-oth .forget-pass {
    padding-top: 14px;
    margin-bottom: 0
}

.login-pop-cont .c-oth .forget-pass a {
    color: #3EB0D8;
    text-align: right
}

.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 span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top
}

.loginbox .loginbox-login .captcha,.loginbox .loginbox-reg .loginbox-protocol input {
    vertical-align: middle
}

.user-error-tip-cont p span.user-name {
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #2b94ff;
    margin-right: 3px
}

.user-error-tip-cont p.reason {
    text-align: center;
    color: red;
    margin-top: 5px
}

.login-pop-cont {
    position: relative
}

.login-pop-cont .c-item .tolog,.login-pop-cont .c-item .tolog .btn-sub,.login-pop-cont .c-item .tolog>p,.login-pop-cont .c-item .toreg,.login-pop-cont .c-item .toreg .btn-sub,.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
}

.hide {
    display: none!important
}

.loginbox-shadow {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: #000
}

.loginbox {
    width: 375px;
    margin-left: -188px;
    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
}

.clearfix:before,.loginbox .clearfix:after {
    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.ipt-err {
    border-color: red;
    background: #FFFBFC
}

.loginbox .ipt-success {
    background: url(../../res/com/loginbox/icon-success.png) right center no-repeat
}

.loginbox .ipt-parent-err {
    border-color: red!important;
    background: #FFFBFC
}

.loginbox .ipt:focus {
    outline: 0;
    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;
    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
}

.loginbox .loginbox-bd {
    padding-bottom: 20px;
    position: relative
}

.loginbox .loginbox-bd .third-list {
    width: 270px;
    margin: 10px auto 0
}

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

.loginbox .loginbox-bd .third-list .third-icon-wx {
    background: url(../../res/com/loginbox/weixin.png) no-repeat
}

.loginbox .loginbox-bd .third-list .third-icon-wb {
    background: url(../../res/com/loginbox/weibo.png) no-repeat
}

.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: 15px auto 0
}

.loginbox .loginbox-bd .loginbox-or-line {
    width: 320px;
    height: 20px;
    margin: 10px auto;
    background: url(../../res/com/loginbox/or-line.png) center top no-repeat
}

.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;
    margin: 0 auto
}

.loginbox .loginbox-bd-title {
    font-size: 28px;
    font-weight: 700;
    color: #666;
    text-align: center
}

.loginbox .loginbox-login .loginbox-noact a,.loginbox .loginbox-reg .loginbox-hasact a {
    color: #FF6634
}

.loginbox .loginbox-bd .loginbox-line {
    width: 320px;
    height: 20px;
    margin: 10px auto;
    background: url(../../res/com/loginbox/line.png) center top no-repeat
}

.loginbox .loginbox-bd .loginbox-bd-fish {
    margin-top: 30px
}

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

.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 .login-sbt-con {
    text-align: center;
    margin-top: 20px;
    margin-left: -30px
}

.loginbox .loginbox-reg .loginbox-hasact {
    margin-top: 10px
}

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

.dia-cls,.dia-tt,.vcode9-close {
    text-indent: -9999px
}

.loginbox .loginbox-phone .form-item .form-field,.loginbox .loginbox-phone .form-item .form-label {
    float: left
}

.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: 700;
    color: #FF6634;
    text-align: center;
    margin-bottom: 25px
}

.loginbox .loginbox-phone #selectCountry {
    width: 160px
}

.loginbox .loginbox-phone .country-con {
    margin-top: 10px;
    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
}

.location-verify img,.vcode9-guide>span {
    vertical-align: middle
}

.loginbox .loginbox-phone .phone-send {
    display: block;
    width: 90px;
    height: 26px;
    overflow: hidden;
    border-radius: 5px;
    background: url(../../res/com/loginbox/vo_icon.png) 8px 5px no-repeat #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
}

.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: 10px auto 0;
    text-align: center;
    font-size: 16px;
    color: #818181
}

.loginbox .loginbox-member .loginbox-member-text .apply-anchor {
    display: block;
    width: 120px;
    margin: 20px auto 0;
    padding: 6px 0;
    background-color: #FF6634;
    color: #fefff3;
    font-size: 18px;
    border-radius: 4px
}

.loginbox .myuser-error-tip-arrow,.loginbox .myuser-info-tip-arrow {
    position: absolute;
    margin-left: -3px;
    width: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    *zoom: 1
}

.loginbox .loginbox-member .loginbox-line {
    margin-bottom: 0
}

.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 {
    left: 50%;
    height: 0;
    display: inline-block;
    *display: inline;
    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
}

.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 {
    left: 50%;
    height: 0;
    display: inline-block;
    *display: inline;
    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
}

.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: 0
}

.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) 0 center no-repeat;
    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: #f70;
    border: 1px solid #f70;
    color: #fff;
    margin-right: 14px
}

.location-verify .submit:hover {
    background-color: #f60
}

.location-verify .cancel {
    background-color: #fff;
    border: 1px solid #ff7802;
    color: #f70
}

.location-verify .cancel:hover {
    background-color: #f60;
    color: #fff
}

.location-verify .tips {
    width: 270px;
    line-height: 14px;
    font-size: 12px;
    margin-top: 7px
}

.loginbox .login-box-eng {
    position: absolute;
    bottom: 10px;
    right: 12px;
    color: #FF6634
}

.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-close,.vcode9-tit {
    height: 46px;
    overflow: hidden
}

.vcode9-tit {
    background: #f6a200
}

.vcode9-tit h3 {
    padding-left: 18px;
    float: left;
    line-height: 46px;
    font-size: 16px;
    font-weight: 400;
    color: #fff
}

.vcode9-close {
    float: right;
    display: block;
    width: 46px;
    background: url(../../res/com/vcode9/vcode9-close.gif) no-repeat;
    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: 400;
    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;
    cursor: pointer;
    background-position: 0 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,.vcode9-input>a>b {
    width: 55px;
    height: 40px;
    display: block;
    zoom: 1
}

.vcode9-input>a {
    float: left;
    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)
}

.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 {
    cursor: pointer
}

.vcode9-sign {
    height: 200px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #ccc;
    text-align: center;
    padding-top: 10px;
    font-size: 16px;
    display: none
}

.vcode9-sign .s-box,.vcode9-sign .s-box img,.vcode9-sign .s-box object {
    width: 390px;
    height: 210px
}

.vcode9-sign .s-cdown {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    font-size: 14px;
    background-color: #000;
    opacity: .9;
    filter: alpha(opacity=90);
    padding-left: 8px
}

.vcode9-sign .s-cdown .closebtn,.vcode9-sign .s-cdown .closetxt {
    color: #fff;
    cursor: pointer
}

.vcode9-sign .s-cdown .cqnosign {
    color: #fb562a;
    margin-left: 10px
}

.vcode9-sign .s-box {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.logout-station {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 240px;
    height: 366px;
    margin-left: -120px;
    margin-top: -250px
}

.logout-station .btn,.logout-station .desc {
    display: block;
    width: 160px;
    text-align: center
}

.logout-station .desc {
    height: 48px;
    line-height: 48px;
    font-size: 24px;
    color: #333;
    margin-left: 30px
}

.logout-station .btn {
    text-decoration: none;
    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
}

.shark-ui-dialog {
    font-family: "Microsoft YaHei"!important;
    box-sizing: border-box;
    pointer-events: auto;
    display: none;
    background-color: #fff;
    position: absolute;
    border-radius: 4px
}

.shark-ui-dialog-close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    height: 10px;
    width: 10px;
    font-weight: 700;
    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: 700
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3,.3);
        -moz-transform: scale(.3,.3);
        -ms-transform: scale(.3,.3);
        transform: scale(.3,.3)
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3,.3);
        -moz-transform: scale(.3,.3);
        -ms-transform: scale(.3,.3);
        transform: scale(.3,.3)
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3,.3);
        -moz-transform: scale(.3,.3);
        -ms-transform: scale(.3,.3);
        transform: scale(.3,.3)
    }

    100% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3,.3);
        -moz-transform: scale(.3,.3);
        -ms-transform: scale(.3,.3);
        transform: scale(.3,.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 !ie
}

.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-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: 0
}

.confirm-title2 {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    text-align: center;
    line-height: 1.8
}

.shark-ui-dialog-cancel {
    background-color: #999
}

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

.nobility-hide,.shark-ui-alert .shark-ui-dialog-close {
    display: none
}

.shark-ui-dialog-action a:last-child {
    margin-right: 0
}

.shark-ui-dialog-action a:hover {
    background-color: #ff7200;
    color: #fff
}

.shark-ui-alert {
    border-radius: 5px;
    overflow: hidden;
    max-width: 420px;
    height: auto
}

.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: 0!important
}

.shark-ui-alert-tip .shark-ui-alert-content {
    color: #fff!important;
    background-color: #F70;
    word-break: break-all
}

.clr-f70 {
    color: #f70!important
}

.clr-d5a03a {
    color: #d5a03a!important
}

.dialog-nobility-center {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 999
}

.dialog-openNobility {
    width: 809px;
    height: 602px;
    background-color: #fff;
    border-radius: 4px
}

.dia-openTitle {
    position: relative;
    font-weight: 700;
    color: #fff;
    line-height: 50px
}

.dia-openCon-tt,.dia-openHead {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.dia-tt {
    width: 0;
    height: 0;
    overflow: hidden
}

.dia-cls {
    position: absolute;
    width: 12px;
    height: 12px;
    right: 36px;
    top: 137px;
    overflow: hidden
}

.dia-con-wp {
    width: 809px;
    height: 529px;
    margin: 0 auto;
    background-color: #fff
}

.dia-buy,.dia-nobility-compare,.dia-openTitle,.dialog-nobility-foot-bg {
    background: url(../../res/page/room-normal/microphone/dialog-nobility-bg.png?20170116)
}

.dia-openTitle {
    height: 169px
}

.dia-buy,.dia-nobility-compare {
    background-repeat: repeat-y;
    background-position: -842px 0
}

.dialog-nobility-foot-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 38px;
    background-position: -1683px 0
}

.dia-openMain {
    padding: 42px 20px 0
}

.dia-openHead {
    color: #f70
}

.dia-openCon {
    margin-top: 40px;
    height: 313px;
    padding-top: 18px;
    border: 1px solid #ecd9b3
}

.dia-openCon-pic-wp {
    width: 210px;
    text-align: center
}

.dia-openCon-tt {
    color: #333;
    text-align: center
}

.dia-openCon-tt .total-privilege {
    font-size: 12px;
    font-weight: 700
}

.dia-openCon-pic {
    margin: 16px auto 0;
    padding-top: 25px;
    width: 170px;
    height: 228px;
    background: url(../../res/page/room-normal/microphone/nobility-icon-bg.png?20170116) no-repeat;
    position: relative;
    text-align: center
}

.dia-openCon-pic-head {
    margin-top: 38px
}

.dia-openCon-pic-mask {
    width: 144px;
    height: 144px
}

.dia-openCon-pic .dia-openCon-nk {
    display: inline-block;
    width: 160px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 30px;
    color: #666;
    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: 552px
}

.dia-openCon-main {
    height: 273px;
    margin-top: 16px;
    overflow: auto;
    font-size: 0
}

.dia-openCon-item {
    margin-left: 22px;
    width: 236px;
    height: 85px
}

.dia-openCon-item-tt,.dia-openCon-item-txt {
    margin-left: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dia-openCon-item-pic {
    float: left;
    width: 60px;
    height: 60px
}

.dia-openCon-item-pic img {
    width: 100%;
    height: 100%
}

.dia-openCon-item-tt {
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    color: #333
}

.dia-openCon-item-txt {
    display: block;
    height: 54px;
    font-size: 12px;
    line-height: 20px;
    color: #888
}

.dia-openHead-p,.dia-openHead-pic {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400
}

.dia-openFoot {
    padding: 54px 20px 0
}

.dia-openFoot-p {
    float: left;
    font-size: 16px;
    color: #333
}

.dia-openFoot-p span {
    font-size: 12px;
    color: #666
}

.dia-open-btn {
    float: right;
    padding: 0 29px;
    font-size: 16px;
    color: #fff;
    line-height: 42px;
    border-radius: 3px;
    background-color: #e3b355
}

.dia-open-btn:hover {
    background-color: #d5a03a
}

.dia-open-btn-disabled {
    cursor: default;
    background-color: #ccc
}

.dia-open-btn.dia-open-btn-disabled:hover {
    background-color: #ccc
}

.dialog-buyNobility {
    width: 841px;
    height: 719px;
    border-radius: 4px;
    -webkit-filter: drop-shadow(1px 1px 10px rgba(0,0,0,.1));
    -moz-filter: drop-shadow(1px 1px 10px rgba(0,0,0,.1));
    filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, .1))
}

.dialog-buyNobility-loading {
    background: url(../../res/com/loading.gif?20170107) center center no-repeat #fff
}

.dialog-buyNobility .dia-openMain {
    padding: 12px 20px 0
}

.dialog-buyNobility .dia-openHead {
    height: 56px;
    font-size: 0
}

.dia-openHead-pic {
    position: relative;
    width: 56px;
    height: 56px
}

.dia-openHead-pic img {
    border-radius: 50%
}

.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 {
    margin-left: 12px;
    font-size: 14px;
    color: #333
}

.dia-openHead-p .nkname {
    font-size: 16px;
    font-weight: 700;
    color: #d5a03a
}

.dia-compare-btn,.dia-presented-btn {
    float: right;
    display: block;
    margin: 18px 0 0 10px;
    padding: 0 18px;
    line-height: 26px;
    font-size: 12px;
    font-weight: 700;
    background-color: #e3b355;
    color: #fff;
    text-align: center;
    border: 1px solid #e3b355;
    border-radius: 26px
}

.dia-presented-btn {
    background-color: #fff;
    color: #e3b355
}

.dia-compare-btn:hover {
    background-color: #d5a03a;
    color: #fff
}

.dia-nobility-tab {
    width: 774px;
    height: 39px;
    margin-top: 12px;
    font-size: 0;
    overflow: hidden
}

.dia-tab-btn {
    float: left;
    margin-right: 5px;
    width: 122px;
    height: 38px;
    border: 1px solid #ecd9b3;
    background-color: #f1ede4;
    border-bottom: 0;
    vertical-align: top;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dia-nobility-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-top: -3px
}

.dia-tab-btn.cur {
    background-color: #fff
}

.dialog-buyNobility .dia-openCon {
    margin-top: -1px
}

.dialog-buyNobility .dia-openFoot {
    padding: 18px 20px
}

.dialog-buyNobility .dia-openFoot-p {
    position: relative;
    width: 636px;
    height: 42px;
    font-size: 16px;
    line-height: 22px;
    color: #333
}

.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) right center no-repeat;
    cursor: pointer
}

.dialog-buyNobility .dia-openFoot-p .dia-openFoot-dia:hover .dia-nobility-float {
    visibility: visible
}

.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: 300px
}

.dia-nobility-float {
    display: inline;
    visibility: hidden;
    position: absolute;
    bottom: 22px;
    margin-left: -97px;
    z-index: 3;
    width: 424px;
    padding: 5px 15px 2px;
    background-color: #fff;
    border: 1px solid #dedede;
    box-shadow: 0 0 6px rgba(215,215,215,.68)
}

.dia-nobility-float h4 {
    font-size: 14px;
    line-height: 34px;
    font-weight: 700;
    color: #333
}

.dia-nobility-float li {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 18px;
    color: #666
}

.dia-nobility-float em {
    color: #d5a03a
}

.dia-nobility-float .icon-arrow {
    display: block;
    position: absolute;
    left: 100px;
    bottom: -6px;
    width: 12px;
    height: 6px;
    background: url(../../res/page/room-normal/microphone/icon-arrow.png?20161231) no-repeat
}

.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: 700
}

.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: 700;
    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) 0 -3px no-repeat
}

.nobility-compare-td {
    height: 421px;
    overflow-y: auto
}

.nobility-compare-td li {
    width: 100%;
    height: 51px;
    border-bottom: 1px solid #f5f5f5;
    font-size: 0
}

.nobility-compare-td span,.nobility-compare-td strong {
    display: inline-block;
    width: 113px;
    line-height: 51px;
    text-align: center;
    font-size: 12px;
    color: #d5a03a
}

.nobility-compare-td strong {
    width: 108px;
    color: #666;
    background-color: #f9f9f9
}

.nobility-compare-td .icon-state {
    display: inline-block;
    width: 12px;
    height: 8px;
    background: url(../../res/page/room-normal/microphone/icon-state.png?20161231) no-repeat
}

.nobility-compare-td .icon-state-yes {
    background-position: 0 -35px
}

.nobility-compare-td .icon-state-no {
    background-position: 0 0
}

.dialog-privilege-microphone {
    padding-top: 171px;
    width: 336px;
    height: 120px;
    background: url(../../res/page/room-normal/microphone/privilege-microphone.png?20170112) no-repeat #fff;
    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: 700;
    color: #fd6945
}

.dialog-privilege-microphone .dialog-sp {
    font-size: 12px;
    line-height: 16px;
    color: #555
}

.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: 700;
    border-radius: 4px;
    color: #fff
}

.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: 16px!important
}

.dialog-buyNobility .mCSB_inside>.mCSB_scrollTools {
    margin: 12px 4px 13px 0
}

.dialog-buyNobility .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px!important;
    background: #e3b355!important
}

.dialog-buyNobility .mCSB_scrollTools .mCSB_draggerRail {
    width: 8px!important;
    background: #f1ede4!important
}

.noble-renew {
    position: absolute;
    width: 48px;
    height: 42px;
    margin-left: -38px;
    margin-top: -4px;
    background: url(../../res/com/nobility-icon/noble_renew.png?20170216) no-repeat
}

.dia-compare-btn.compare-faq-btn {
    margin-right: 0;
    color: #e3b355;
    background-color: #fff;
    border: 1px solid #e3b355
}

.dia-compare-btn.compare-faq-btn:hover {
    background-color: #e3b355;
    color: #fff
}