/* * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: border-box;
    box-sizing: content-box;
} */
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

body,button,input,select,textarea {
    font: 14px/1.5 \5fae\8f6f\96c5\9ed1,\5b8b\4f53,arial
}

fieldset,img {
    border: 0
}

li,ol,ul {
    list-style: none
}

:focus {
    outline: 0
}

img {
    display: block
}

.none,legend {
    display: none
}

.fl {
    float: left;
    display: inline
}

.fr {
    float: right;
    display: inline
}

body {
    color: #676767;
    /* background: #fff */
}

a {
    color: #444;
    text-decoration: none
}

a:hover {
    color: #FD3939;
    text-decoration: none
}

em,i,s,strong,u {
    font-weight: 400;
    font-style: normal;
    text-decoration: none
}

#ltab dd:after,#ltab dd:before,#mbody dd:after,#mbody dd:before,.clearfix:after,.clearfix:before,.ewlist:after,.ewlist:before,.mbox div ul:after,.mbox div ul:before,.mbox:after,.mbox:before,dd.guess:after,dd.guess:before {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0
}

dd.guess{
    background: #fff;
    border-radius: 0 0 5px 5px;
}
#ltab dd:after,#mbody dd:after,.clearfix:after,.ewlist:after,.mbox div ul:after,.mbox:after,dd.guess:after {
    clear: both
}

#ltab dd,#mbody dd,.clearfix,.ewlist,.mbox,.mbox div ul,dd.guess {
    }

.red {
    color: red!important
}

.hide {
    display: none
}

#topNavC i {
    float: right;
    color: #bbb;
    font-style: normal
}

#topNavC strong {
    font-weight: 400;
    color: #666;
    float: left
}

#topNavC i a {
    color: #666;
    margin: 0 10px
}

#topNavC i a:hover {
    color: #f60
}

#topNavC {
    width: 100%;
    height: 41px;
    line-height: 41px;
    background: #fafafa;
    border-bottom: 1px solid #E2E2E2;
    font-size: 14px
}

#header dd p,#header dt,#mbody,#mfoot li,#topNavC span {
    display: block;
    width: 1250px;
    margin: 20px auto 0px;
    padding: 10px;
}

#header dt {
    position: relative
}

#logo {
    width: 310px;
    display: block;
    padding: 6px 0 6px 0
}

#logo img {
    width: 218px;
    height: 87px
}

#slogan {
    position: absolute;
    left: 223px;
    top: 42px
}

#search {
    width: 534px;
    height: 38px;
    position: absolute;
    right: 0;
    top: 28px;
    z-index: 9
}

#bdcs-search-form-input {
    float: left;
    display: inline;
    width: 385px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    padding: 4px 60px 4px 5px;
    background: #fff;
    border: 2px solid var(--theme);
    border-right: 0 none;
    font-size: 12px;
    color: #333
}

#bdcs-search-form-submit {
    float: left;
    width: 72px;
    height: 38px;
    border: 0 none;
    cursor: pointer;
    background: var(--theme);
    color: #fff;
    font-size: 14px
}

.bdcs-hot {
    width: 534px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    position: absolute;
    top: 37px;
    left: 0;
    z-index: -1
}

.bdcs-hot-item {
    margin-right: 10px;
    padding-right: 10px;
    font-size: 12px;
    color: #666
}

.bdcs-hot-item:hover {
    color: #ff5800
}

#header dd {
    height: 45px;
    background: var(--theme);
    font-family: "\5FAE\8F6F\96C5\9ED1"
}

#header dd p a {
    display: block;
    width: 130px;
    float: left;
    text-align: center;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 16px
}

#header dd p a:hover {
    text-decoration: none
}

#header dd p a.cur,#header dd p a:hover {
    background: #27b527;
    width: 128px;
    border-left: 1px solid #30ad30;
    border-right: 1px solid #30ad30
}

.seat {
    padding: 0px 0;
}

#ppshow {
    position: relative
}

.imgSlide {
    height: 328px;
    width: 640px;
    overflow: hidden;
    background-color: #e5e5e5;
    position: relative
}

.imgSlide ul {
    position: absolute
}

.imgSlide li {
    width: 640px;
    height: 328px;
    float: left;
    display: none
}

.imgSlide li img {
    width: 640px;
    height: 328px;
    float: left;
    margin-right: 10px
}

.imgSlide li em {
    display: block;
    width: 600px;
    height: 24px;
    overflow: hidden;
    position: absolute;
    left: 10px;
    top: 292px
}

.imgSlide li em a {
    font: 700 16px/24px '\5b8b\4f53';
    color: #fff
}

.imgSlide li span {
    display: block;
    width: 640px;
    height: 48px;
    position: absolute;
    left: 0;
    top: 280px;
    background: #000;
    filter: alpha(opacity=50);
    opacity: .5
}

.imgSlide p {
    position: absolute;
    right: 18px;
    bottom: 20px;
    display: block;
    z-index: 200;
    height: 8px
}

.imgSlide p s {
    display: block;
    float: left;
    width: 20px;
    height: 14px;
    background-color: #a8a8a8;
    margin-right: 7px;
    cursor: pointer;
    overflow: hidden
}

.imgSlide p s.on {
    background-color: #08AEF6
}

.imglist {
    width: 558px;
    position: absolute;
    right: 0;
    top: 0
}

.imglist li {
    width: 265px;
    height: 100px;
    overflow: hidden;
    float: left;
    position: relative;
    margin: 0 0 14px 14px;
    _margin: 0 0 14px 9px
}

.imglist img {
    height: 100px;
    width: 265px
}

.imglist li i {
    display: block;
    width: 265px;
    height: 28px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #000;
    filter: alpha(opacity=50);
    opacity: .5
}

.imglist a:hover i {
    filter: alpha(opacity=80);
    opacity: .8
}

.imglist li span {
    display: block;
    width: 266px;
    text-align: center;
    position: absolute;
    bottom: 4px;
    color: #fff
}

#bcata #mbody .tit,#zcata .tit {
    padding-top: 18px;
    width: 1200px;
    line-height: 50px;
    border-bottom: 2px solid var(--theme);
    font-size: 16px;
    height: 50px;
    box-sizing: content-box;
}

#mbody .tit b {
    font-size: 24px;
    font-weight: 400
}

#zcata .tit b {
    color: var(--theme)
}

#zcata .tit i {
    padding-left: 15px
}

#zcata .tit i em {
    padding: 0 4px;
    color: #FD3939
}

#zcata p {
    width: 1250px
}

#zcata p a,#zcata p span {
    float: left;
    display: inline;
    margin: 14px 14px 0 0;
    width: 94px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 15px;
}

#zcata p .cur,#zcata p a:hover,#zcata p span {
    border-color: var(--theme);
    background: var(--theme);
    color: #fff
}

#zcata p .cur {
    cursor: default
}

#zcata .ww {
    width: 98px
}

#zcata p a em {
    display: none
}

#bcata #must .tit {
    border-color: var(--theme)
}

#must .tit b {
    color: var(--theme)
}

.ewlist {
    width: 1250px;
    height: 162px
}

.ewlist li {
    width: 98px;
    float: left;
    display: inline;
    margin-right: 24px;
    padding: 15px 0 0 0;
    text-align: center;
    position: relative
}

.ewlist img {
    width: 98px;
    height: 98px
}

.ewlist span {
    display: block;
    color: #999
}

.ewlist a {
    display: block;
    height: 123px;
    overflow: hidden
}

.ewlist .btn {
    height: 32px;
    line-height: 32px;
    width: 80px;
    background: var(--theme);
    color: #fff;
    position: absolute;
    bottom: -12px;
    left: 9px;
    display: none
}

.ewlist .show {
    display: block
}

.mbox {
    padding-top: 18px
}

.mbox img {
    width: 98px;
    height: 98px
}

.mbox #ltab,.mbox div {
    width: 832px;
    float: left
}

.mbox .rank {
    width: 340px;
    float: right
}

#ltab dt,.mbox div p,.rank dt {
    height: 50px;
    line-height: 50px;
    border-bottom: 2px solid var(--theme);
    font-size: 16px
}

#ltab dt span,.mbox div p span {
    font-size: 24px
}

#bcata .mbox div p span {
    color: var(--theme)
}

#ltab dt {
    border-color: var(--theme)
}

#ltab dt span {
    display: inline-block;
    width: 120px;
    cursor: pointer
}

#ltab dt .cur {
    color: var(--theme)
}

#ltab dd {
    display: none
}

#ltab dd.on {
    display: block
}

#ltab dd,.mbox div ul {
    width: 855px
}

#ltab dd p,.mbox div li {
    width: 98px;
    float: left;
    display: inline;
    margin-right: 24px;
    padding: 17px 0 0 0;
    text-align: center
}

#ltab dd p a,.mbox div li a {
    display: block;
    height: 123px;
    overflow: hidden
}

#ltab dd p span,.mbox div li span {
    display: block;
    color: #999
}

.mbox div p a,.mbox div p i {
    float: right
}

.mbox div p i a {
    float: none;
    margin: 0 30px 0 0
}

.rank dt {
    margin-bottom: 3px
}

.rank dt a {
    float: right
}

.rank dt span {
    font-size: 24px
}

.rank dt b {
    font-weight: 400;
    color: var(--theme)
}

.rank .cur {
    height: 98px
}

.rank .cur em,.rank dd p {
    display: none
}

.rank .cur p,.rank dd em {
    display: block
}

.rank dd {
    clear: both;
    border-bottom: 1px dashed #ddd;
    position: relative;
    padding: 10px 0 10px 30px;
    overflow: hidden
}

.rank dd i {
    position: absolute;
    left: 0;
    top: 10px;
    display: block;
    width: 20px;
    height: 20px;
    background: #e5e5e5;
    text-align: center
}

.rank dd i.cloNum {
    background: var(--theme);
    color: #fff
}

.rank dd img {
    width: 98px;
    height: 98px;
    float: left;
    display: inline;
    margin-right: 10px
}

.rank dd p b {
    font-weight: 400;
    line-height: 26px
}

.rank dd p span {
    display: block;
    color: #999;
    line-height: 26px;
    height: 26px;
    overflow: hidden
}

.rank dd p span a {
    color: #27b527;
    padding: 2px 6px;
    white-space: nowrap;
    border: 1px solid #27b527;
    margin-right: 5px
}

.rank dd p span a:hover {
    background: #27b527;
    color: #fff
}

.rank dd em s {
    position: absolute;
    right: 0;
    top: 10px;
    color: #999
}

#mfoot {
    line-height: 28px;
    clear: both;
    color: #333;
    padding: 25px 0;
    margin-top: 15px;
    border-top: 1px solid #ddd;
    font-size: 14px;
    text-align: center
}

#mfoot a {
    display: inline-block
}

#dlist .seat {
    padding-bottom: 0;
    margin-bottom: 10px;
}

#dlist #zcata {
    padding: 10px;
    background: #fff;
    margin-bottom: 16px;
    border-radius: 5px;
}

#dlist #zcata .tit {
    padding: 0
}

#listCont {
    width: 890px;
    float: left;
    overflow: hidden;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
}

dl#listCont {
}

#listSide {
    width: 320px;
    float: right;
    overflow: hidden;
    /* background: #fff; */
}

#listCont dt {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid var(--theme);
    margin: 0 0 20px 0
}

#listCont dt a {
    font-size: 18px;
    margin: 0 35px 0 0
}

#listCont dt .cur {
    color: var(--theme)
}

#listCont dt i {
    float: right
}

#listCont dt i a {
    font-size: 16px;
    margin: 0 0 0 20px
}

#listCont dd {
    width: 880px
}

#listCont dd p {
    float: left;
    width: 155px;
    border: 1px solid #ddd;
    text-align: center;
    margin: 0 18px 32px 0;
    font-size: 12px;
    position: relative;
    color: #777;
    border-radius: 15px;
    overflow: hidden;
}

#listCont dd p img {
    width: 120px;
    height: 120px;
    margin: 15px 7px 5px 17px;
    border-radius: 20%;
}
.sp-dark-mode  #listCont dd p i  {
    color: #fff;
}
#listCont dd p i {
    overflow: hidden;
    display: block;
    height: 24px;
    height: 24px;
    margin-bottom: 5px;
    font-size: 14px;
    color: var(--color-title);
}

#listCont dd p .btn {
    display: block;
    height: 28px;
    line-height: 28px;
    width: 110px;
    overflow: hidden;
    position: absolute;
    background: var(--theme);
    top: 164px;
    left: 20px;
    color: #fff;
    display: none
}

#listCont .hover .btn {
    display: block
}

#listCont dd p span {
    display: block;
    height: 38px;
    line-height: 38px;
    background: #f5f5f5;
    color: #999;
    text-align: center
}

.tspage {
    /* width:99% */
    margin-right: 17px;
}

#listSide dt.tit {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid var(--theme);
    font-size: 18px;
    background: #fff;
    margin-top: 0px;
    border-radius: 5px 5px 0 0;
    padding-left: 10px;
}

dt.tit span {
    float: right;
    font-size: 14px;
    padding: 2px 8px;
    height: 22px;
    line-height: 22px;
    background: var(--theme);
    color: #fff;
    position: relative;
    top: 14px;
    cursor: pointer
}

#hottag {
    line-height: 34px;
    padding: 5px 10px 18px 10px;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
}

#hottag a {
    padding: 0 5px
}

#hottag .c_1 {
    color: #68d46d!important;
    font-size: 18px
}

#hottag .c_2 {
    color: #f58797!important;
    font-size: 19px
}

#hottag .c_3 {
    color: #66bcff!important;
    font-size: 15px
}

#hottag .c_4 {
    color: #9ed96a!important;
    font-size: 18px
}

#hottag .c_5 {
    color: #68d9c2!important;
    font-size: 14px
}

#hottag .c_6 {
    color: #77d46a!important;
    font-size: 16px
}

#hottag .c_7 {
    color: #7fdcfb!important;
    font-size: 13px
}

#hottag .c_8 {
    color: #d983ee!important;
    font-size: 18px
}

#hottag .c_9 {
    color: #6d86b3!important;
    font-size: 17px
}

#hottag .c_10 {
    color: #b3b0f6!important;
    font-size: 18px
}

#hottag .c_11 {
    color: #f792e5!important;
    font-size: 17px
}

#hottag .c_12 {
    color: #ebc53c!important;
    font-size: 15px
}

#hottag .c_13 {
    color: #b0d5f5!important;
    font-size: 14px
}

#hottag .c_14 {
    color: #ffa646!important;
    font-size: 16px
}

#hottag .c_15 {
    color: #888!important;
    font-size: 15px
}

#hottag .c_16 {
    color: #7fdcfb!important;
    font-size: 16px
}

#hottag .c_17 {
    color: #959fff!important;
    font-size: 15px
}

#hottag .c_18 {
    color: #a6da6d!important;
    font-size: 14px
}

#hottag .c_19 {
    color: #ff7f58!important;
    font-size: 13px
}

#hottag .c_20 {
    color: #91BEDA!important;
    font-size: 13px
}

.sp-dark-mode #listSide dt.top10{
    background: none;
}

#listSide dt.top10 {
    height: 60px;
    background: #f2fced;
    margin-top: 10px;
}


.sp-dark-mode  #listSide dt.top10 b{
    background: none;
}

#listSide dt.top10 b {
    background: #fff;
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    font-weight: 400;
    color: #444;
    border-bottom: 1px solid var(--theme);
    border-radius: 5px 5px 0 0;
    text-indent: 10px;
}

#listSide dt.top10 p {
    color: var(--theme);
    box-sizing: content-box;
    text-indent: 10px;
}

#listSide dt.top10 .name {
    display: inline-block;
    width: 70%;
    text-indent: 14px
}

dd.top10 {
    margin: 0 0 20px 0;
    background: #fff;
    border-radius: 0 0 5px 5px;
    padding: 0 0px;
    box-sizing: border-box;
}

dd.top10 span {
    float: right;
    color: #999;
    margin-right: 10px;
}

dd.top10 p {
    clear: both;
    border-bottom: 1px dashed #ddd;
    position: relative;
    padding: 10px 0 10px 34px;
    width: 282px;
    height: 22px;
    overflow: hidden;
    line-height: 25px;
    box-sizing: content-box;
}

dd.top10 i {
    position: absolute;
    left: 10px;
    top: 10px;
    display: block;
    width: 20px;
    height: 22px;
    background: #e5e5e5;
    text-align: center;
}

dd.top10 i.cloNum {
    background: var(--theme);
    color: #fff
}
dd.top10 a{
    margin-left:10px
}

dd.guess a,dd.guess span {
    float: left;
    display: inline;
    width: 120px;
    text-align: center;
    margin: 15px 15px 0 20px
}

dd.guess a {
    height: 141px;
    overflow: hidden
}

dd.guess a img {
    width: 115px;
    height: 115px;
    margin: 0 0 4px 0;
    border-radius: 20%;
}

img {
}

dd.guess span img {
    width: 122px;
    height: 122px;
}

.sp-dark-mode #tsp_change{
    background-color: var(--night-bg-body);
}

#tsp_change {
    *position: relative;
    top: 4px
}

.float_btn {
    position: fixed;
    bottom: 250px;
    left: 50%;
    margin-top: -50px;
    margin-left: 640px;
    z-index: 100;
    height: 280px
}

.float_btn li {
    width: 68px
}

.float_btn {
    _position: absolute;
    _top: expression(documentElement.scrollTop + 200 + "px")
}

.float_btn a {
    display: block;
    width: 66px;
    height: 66px;
    overflow: hidden;
    margin-bottom: 2px;
    background: #fff;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2;
    background: url(../images/float_btn.jpg) no-repeat;
    border: 1px solid #fff
}

.float_btn a:hover {
    border: 1px solid #fff
}

.float_btn #ewm em {
    display: none
}

.float_btn #ewm.hover {
    height: 66px;
    margin-bottom: 3px
}

.float_btn #ewm.hover em {
    display: block;
    position: relative;
    width: 188px;
    bottom: 60px;
    left: -208px;
    padding: 6px 0 10px 0;
    background: #fff;
    border: 1px solid #ddd
}

.float_btn #ewm.hover em img {
    width: 150px;
    height: 150px;
    padding: 10px 12px 3px 12px;
    margin: 0 6px
}

.float_btn #ewm.hover em u {
    display: block;
    line-height: 20px;
    margin: 0 6px;
    font-size: 12px;
    background: #fff;
    padding-bottom: 6px;
    text-align: center
}

.float_btn #ewm a u,.float_btn a:hover u {
    color: #458ffc;
    text-decoration: none
}

.float_btn #ewm i {
    display: none
}

.float_btn #ewm.hover i {
    display: block;
    width: 11px;
    height: 15px;
    position: absolute;
    top: 100px;
    left: -18px;
    background: url(http://www.pc6.com/anzhuo/images/ewm.gif) no-repeat;
    z-index: 1
}

#gotop a {
    display: block
}

#gotop a:hover {
    background-position: -67px 0
}

#pinglun a {
    background-position: 0 -68px
}

#pinglun a:hover {
    background-position: -67px -68px
}

#ewm a {
    background-position: 0 -135px
}

#ewm a:hover {
    background-position: -67px -135px
}

.share_btn {
    position: relative
}

.share_btn a {
    background-position: 0 -203px
}

.share_btn a:hover,.share_btn.hover a {
    background-position: -67px -203px
}

#bdshare {
    display: none;
    height: 49px;
    position: absolute;
    right: 67px;
    bottom: 1px;
    width: 272px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 8px 0 8px 10px;
    border-right: 0
}

#bdshare {
    float: none;
    line-height: 48px
}

.sinaGFoot-share a {
    background: url(../images/share.jpg)!important;
    display: inline-block;
    overflow: hidden;
    width: 35px;
    height: 35px!important;
    margin-right: 10px!important;
    padding: 0!important;
    border: 0!important
}

.sinaGFoot-share a.a1 {
    background-position: -55px 0!important
}

.sinaGFoot-share a.a2 {
    background-position: 0 0!important
}

.sinaGFoot-share a.a3 {
    background-position: -110px 0!important
}

.sinaGFoot-share a.a4 {
    background-position: -165px 0!important
}

.sinaGFoot-share a.a5 {
    background-position: -275px 0!important;
    text-indent: -999px
}

.sinaGFoot-share a.a6 {
    background-position: -385px 0!important
}

.sinaGFoot-share a.a7 {
    background-position: -220px 0!important
}

.sinaGFoot-share a.a8 {
    background-position: -438px 0!important
}

@media(max-width: 1439px) {
    .float_btn {
        display:none
    }
}

.navFix {
    width: 100%;
    position: fixed;
    top: 0;
    _position: absolute;
    top: expression((offsetParent.scrollTop)+0);
    z-index: 9999
}

.ul-size {
    margin: 5px 0 10px 0;
}

.sp-dark-mode .ul-size a{
    background: none;
}

.ul-size a {
    text-align: center;
    margin-top: 8px;
    margin-right: 10px;
    float: left;
    width: 93px;
    _display: inline;
    display: block;
    height: 33px;
    line-height: 33px;
    text-decoration: none;
    border: 1px solid #EEE;
    background: #FAFAFA;
}

.ul-size a:hover,.ul-size .cur {
    background: var(--theme);
    border: 1px solid var(--theme);
    color: #fff;
}
.tsp_count,.tit i{display:none;}

.site-main{
    padding-top: 50px;
}