.swiper {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

html,
body {
    min-width: 1300px;
}

body {
    font-family: "SimSun", "宋体","Songti SC", serif;
    color: #7a7a7a;
    font-size: 12px;
}

/* 横幅轮播样式 */
.detail-banner {
    width: 100%;
    height: 130px;
    margin: 10px 0;
    border-radius: 5px;
}

.detail-banner .banner-item {
    width: 1200px;
    height: 130px;
    margin: 0 auto;
}

.detail-banner .banner-item img {
    width: 100%;
    height: 100%;
}

.content {
    position: relative;
}

.content .tips {
    position: fixed;
    display: block;
    width: 81px;
    height: 104px;
    bottom: calc(100% - 745px);
    right: calc((100% - 1200px) / 2 + (-90px)); /* 计算距离浏览器右边的距离 */
    z-index: 100;
    background: url(https://static.web.sdo.com/bnb/pic/web5/images/age-icon-2.png) no-repeat;
}

.detail {
    /* 左边 */
    .detail-column {
        width: 350px;
        float: left;
    }
}

.detail .detail-column {
    width: 350px;
    float: left;
}

.detail .items-guide {
    width: 350px;
    height: 469px;
    background: url(https://static.web.sdo.com/bnb/pic/web7/detail/bc-guide.png) no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 84px;
    box-sizing: border-box;
}

.detail .items-guide .item-title {
    width: 160px;
    height: 30px;
    text-align: center;
}

.detail .items-guide .item-select {
    width: 143px;
    height: 26px;
    margin: 4px 0;
    border: 2px solid #ececec;
    color: #767683;
    font-size: 12px;
    text-align: center;
    border-radius: 3px;
    font-family: "SimSun", "宋体","Songti SC", serif;
}

.detail .item-vip {
    width: 350px;
    height: 405px;
    background: url(https://static.web.sdo.com/bnb/pic/web7/detail/VIP1.png) no-repeat;
    margin-top: 10px;
}

.detail .item-vip .items-left-title {
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: #1ca1fd;
    font-weight: bold;
    position: relative;
    top: 87px;
    left: 25px;
}

.detail .item-vip .items-left-text {
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: #2f2f2f;
    font-weight: bold;
    position: relative;
    top: 92px;
    left: 25px;
    margin-bottom: 6px;
}

.detail .item-vip .items-left-btn {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding-top: 292px;
}

.detail .item-vip .items-left-btn a {
    width: 130px;
    height: 30px;
    font-size: 12px;
    color: #767683;
    line-height: 30px;
    cursor: pointer;
}

/* 右边 */
.detail .detail-content {
    float: right;
    width: 840px;
    min-height: 125px;
    background: url(https://static.web.sdo.com/bnb/pic/web7/detail/news-center1.png) no-repeat -1px -1px;
    border: #d7d7d7 1px solid;
    border-radius: 3px;
    padding-bottom: 20px;
}

.detail .detail-content .detail-title {
    width: 840px;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    color: #fff;
    padding-left: 14px;
    font-weight: bold;
    box-sizing: border-box;
    font-family: "Microsoft YaHei";
}

.detail .detail-content .detail-title2 {
    width: 840px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #000;
    padding-left: 24px;
    font-weight: bold;
    box-sizing: border-box;
    font-family: "Microsoft YaHei";
}

.detail .detail-content .detail-text {
    margin: 20px 80px;
}

.detail .detail-content .detail-gameinfo-text {
    margin: 10px;
}

.detail .detail-content .detail-list {
    .news {
        margin: 0;
    }
}

.detail .detail-content .detail-list .news {
    margin: 0;
}

.detail .detail-content .detail-list .news .news-left {
    height: 100%;
    border: none;
}

.detail .detail-content .detail-list .news .news-left .news-left-top ul {
    background: url(https://static.web.sdo.com/bnb/pic/web7/home/bc-news2.png) no-repeat;
}

.detail .detail-content .detail-list .news .news-left .news-content {
    width: 100%;
    height: 100%;
}

.detail .detail-content .detail-list .news .news-left .pagination {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    padding: 10px 0;
}

.detail .detail-content .detail-list .news .news-left .pagination .pagination-btn,
.detail .detail-content .detail-list .news .news-left .pagination .go-btn {
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    padding: 5px 12px;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 3px;
    transition: all 0.3s;
}

.detail .detail-content .detail-list .news .news-left .pagination .pagination-btn:hover,
.detail .detail-content .detail-list .news .news-left .pagination .go-btn:hover {
    background-color: #e0e0e0;
}

.detail .detail-content .detail-list .news .news-left .pagination .page-input {
    width: 50px;
    padding: 5px;
    margin: 0 5px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-align: center;
}

.detail .detail-content .detail-list .news .news-left .pagination .current-page,
.detail .detail-content .detail-list .news .news-left .pagination .total-pages {
    font-weight: bold;
    margin: 0 5px;
}

.detail .detail-content .detail-downloads {
    padding: 20px 80px;
}

.detail .detail-content .detail-version {
    padding: 20px 70px;
}

.detail .detail-content .detail-version .version {
    background: url(https://static.web.sdo.com/bnb/pic/web5/images/ver.png) 0 0 no-repeat;
    width: 691px;
    height: 156px;
    position: relative;
}

.detail .detail-content .detail-version .version h2 {
    height: 32px;
    line-height: 32px;
    position: absolute;
    left: 20px;
    top: 2px;
    color: #fff;
    font-weight: bold;
}

.detail .detail-content .detail-version .version .versionTxt {
    width: 330px;
    height: 100px;
    position: absolute;
    left: 19px;
    top: 40px;
}

.detail .detail-content .detail-version .version .versionTxt .abtn {
    position: absolute;
    bottom: 5px;
    right: 10px;
}

.detail .detail-content .detail-version .version .versionPic {
    position: absolute;
    padding: 3px;
    width: 301px;
    height: 107px;
    background: #75C7FB;
    right: 10px;
    top: 33px;
}

.detail .detail-content .detail-version .versionBox {
    width: 691px;
    margin-bottom: 10px;
}

.detail .detail-content .detail-version .versionBox .headtitle {
    margin-bottom: 0;
}

.detail .detail-content .detail-version .versionBox .cont {
    background: #A5E0FF;
    padding: 15px;
}

.detail .detail-content .detail-version .versionBox .cont p strong {
    color: #FF5A00;
    margin-right: 4px;
}

.detail .detail-content .detail-version .headtitle {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-bottom: 10px;
    height: 35px;
    border-bottom: 1px solid #CFE9F9;
}

.detail .detail-content .detail-version .headtitle h3,
.detail .detail-content .detail-version .headtitle h3 span {
    float: left;
    height: 35px;
    line-height: 35px;
    background: url(https://static.web.sdo.com/bnb/pic/web5/images/v.png) 0 0 no-repeat;
}

.detail .detail-content .detail-version .headtitle h3 {
    padding-left: 15px;
}

.detail .detail-content .detail-version .headtitle h3 span {
    padding-right: 15px;
    background-position: 100% -35px;
    color: #1E81CD;
    font-size: 14px;
    font-family: \5b8b\4f53;
    font-weight: bold;
}

.detail::after {
    /* 向伪装创造的元素中添加内容（一般内容为空），，必须写的属性 */
    content: "111111";
    /* 超出隐藏，可选项 */
    overflow: hidden;
    /* 设置高度为0，可选项 */
    height: 0px;
    display: block;
    clear: both;
    color: red;
}

.tR {
    text-align: right;
    /* font-size: 12px */
}

.fR {
    float: right
}

.remark {
    display: inline;
    margin-top: 20px;
}

.remark a:link,
.remark a:visited {
    color: #ED6F09
}

.remark a:hover {
    text-decoration: underline
}

.weibo1 {
    float: right;
}












/* 下载页内容样式 */
.fL{float:left}
.mgAuto{margin-left:auto;margin-right:auto}
.mgT20{margin-top:20px}
.mgT15{margin-top:15px}
.mgT10{margin-top:10px}
.mgT5{margin-top:5px}
.mgB20{margin-bottom:20px}
.mgB15{margin-bottom:15px}
.mgB10{margin-bottom:10px}
.mgB5{margin-bottom:5px}
.fB{font-weight:bold}
.tC{text-align:center}
.tL{text-align:left}
.tJ{text-align:justify}
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}

.t_1 td{ padding:8px; vertical-align:top}
.t_1 td p{ color:#555555; line-height:1.8}
.t_1 td p.ps{color:#FF5C0C}

.t_2{ border-collapse:collapse; border:1px solid #ADC8DA;}
.t_2 th, .t_2 td{padding:8px; text-align:center; border:1px solid #ADC8DA}
.t_2 th{ background:#CEECFD; color:#1674B6}

.t_3 td{ padding:8px; vertical-align:top; text-align:left; color:#555555}
.t_3 td h6{color:#0861C4; font-size:14px; margin-bottom:10px}
.t_3 td.bigPic img{width:165px; height:145px; border:3px solid #C0E6FF; border-radius:10px;  behavior:url(PIE.htc);}
.t_3 td.prop img{ margin-right:4px;}
.t_3 td.activities{ line-height:1.8}

.t_4 td{ padding:10px}
.hr{border-bottom:1px solid #CFE9F9; overflow:hidden; height:0; clear:both; margin:10px auto}
.hr2{border-bottom:1px dotted #CFE9F9; overflow:hidden; height:0; clear:both; margin:10px auto}
.downloadmode{ height:44px; }
.downloadmode li{float:left; margin:0 8px; width:147px; height:44px;}
.downloadmode li a{display:block; overflow:hidden; text-indent:-9999px; height:44px; width:147px;}
.downloadmode li.SNDA a{ background:url(https://static.web.sdo.com/bnb/pic/web5/images/down_1.png) 0 0 no-repeat}
.downloadmode li.BT a{ background:url(https://static.web.sdo.com/bnb/pic/web5/images/down_2.png) 0 0 no-repeat}
.downloadmode li.CTC a{ background:url(https://static.web.sdo.com/bnb/pic/web5/images/down_3.png) 0 0 no-repeat}
.downloadmode li.CU a{ background:url(https://static.web.sdo.com/bnb/pic/web5/images/down_4.png) 0 0 no-repeat}
.downloadmode li a:hover{ background-position:0 -44px;}


.tagBanner{width:709px; height:26px; background:url(https://static.web.sdo.com/bnb/pic/web5/images/tagbanner.png) 0 0 no-repeat; position:relative;  }
.tagBanner .tagList{ padding:1px; height:24px;} 
.tagBanner .tagList li{float:left; margin-right:1px; }
.tagBanner .tagList li a:link, .tagBanner .tagList li a:visited{background:url(https://static.web.sdo.com/bnb/pic/web5/images/tag.png) 0 -48px repeat-x;height:24px; padding:0 15px; text-align:center; line-height:24px; overflow:hidden;  font-weight:bold;color:#2E5289; display:inline-block;font-family:\5b8b\4f53;}
.tagBanner .tagList li a:hover{background-position:0 -72px; color:#fff; text-decoration:none}
.tagBanner .tagList li#no1 a{ background-position:0 0;}
.tagBanner .tagList li#no1 a:hover{ background-position:0 -24px;}
.tagBanner .tagList li.current a:link,.tagBanner .tagList li.current a:visited{ background-position:0 -72px; color:#fff;}
.tagBanner .tagList li#no1.current a:link,.tagBanner .tagList li#no1.current a:visited{background-position:0 -24px!important;}
.tagActive{background-position:0 -72px!important; color:#fff!important; text-decoration:none!important}
.tagBanner .tagList li#no1 .tagActive{background-position:0 -24px!important;}



.tagBanner2{width:687px;  height:38px; border-bottom:1px solid #83B5DC; position:relative; margin-left:10px} 
.tagBanner2 .cont{width:687px; position:absolute; left:0; top:1px; height:38px;}
.tagBanner2 .tagScorll{float:left; width:650px; overflow:hidden; position:relative; height:38px;}
.tagBanner2 .tagScorll ul.tagList{ height:38px;}
.tagBanner2 .tagList li{float:left; height:38px; margin-right:3px; width:127px;}
.tagBanner2 .tagList li a:link, 
.tagBanner2 .tagList li a:visited{display:block; height:38px; width:127px; text-align:center; line-height:38px; font-weight:bold; color:#4D73B0; font-size:14px; background:url(https://static.web.sdo.com/bnb/pic/web5/images/tt.png) 0 -38px;}
.tagBanner2 .tagList li a:hover{ background-position:0 0; color:#fff; text-decoration:none}
.tagBanner2 .tagList li.current a:link,  .tagBanner2 .tagList li.current a:visited{background-position:0 0; color:#fff; text-decoration:none}
.tagBanner2 .ctrl{width:10px; height:38px; overflow:hidden; text-indent:-9999px; cursor:pointer; background:url(https://static.web.sdo.com/bnb/pic/web5/images/tc.png) no-repeat; display:inline;margin-left:4px; margin-right:4px;}
.tagBanner2 .goLeft{float:left; background-position:0 0; }
.tagBanner2 .goRight{float:right; background-position:100% 0}
.tagBanner2 .leftAct{background-position:0 -76px}
.tagBanner2 .rightAct{background-position:100% -76px}
/*.tagBanner2 .leftEnd{background-position:0 -38px}
.tagBanner2 .rightEnd{background-position:100% -38px}*/

@-moz-document url-prefix() {
    .detail-gameinfo .tagBanner2{width:687px;  height:36px; border-bottom:2px solid #83B5DC; position:relative; margin-left:10px} 
    .detail-gameinfo .tagBanner2 .tagList li a:link, 
    .detail-gameinfo .tagBanner2 .tagList li a:visited{display:block; height:37px; width:127px; text-align:center; line-height:37px; font-weight:bold; color:#4D73B0; font-size:14px; background:url(https://static.web.sdo.com/bnb/pic/web5/images/tt.png) 0 -39px;}
    .detail-gameinfo .tagBanner2 .tagList li a:hover{ background-position:0 0; color:#fff; text-decoration:none}
    .detail-gameinfo .tagBanner2 .tagList li.current a:link,  .tagBanner2 .tagList li.current a:visited{background-position:0 0; color:#fff; text-decoration:none}  

    
}


/* 道具大全tab样式 */
.tutorial2{ height:31px; width:700px; position:relative; z-index:10000}
.tutorial2 li{float:left; width:124px; height:32px; display:inline; margin-right:15px; position:relative;}
.tutorial2 li h2{width:124px; height:31px; overflow:hidden; text-indent:-9999px; cursor:pointer}
.tutorial2 li.tutorial2_1 h2{ background:url(https://static.web.sdo.com/bnb/pic/web5/images/dj_1.png) 0 0 no-repeat}
.tutorial2 li.tutorial2_2 h2{ background:url(https://static.web.sdo.com/bnb/pic/web5/images/dj_2.png) 0 0 no-repeat}
.tutorial2 li.tutorial2_3 h2{ background:url(https://static.web.sdo.com/bnb/pic/web5/images/dj_3.png) 0 0 no-repeat}
.tutorial2 li.tutorial2_4 h2{ background:url(https://static.web.sdo.com/bnb/pic/web5/images/dj_4.png) 0 0 no-repeat}
.tutorial2 li.tutorial2_5 h2{ background:url(https://static.web.sdo.com/bnb/pic/web5/images/dj_5.png) 0 0 no-repeat}
.tutorial2 li h2.active{ background-position:0 -31px;}
.tutorial2 li .pullmenu2{width:100px; left:6px; top:32px;border:1px solid #065185;position:absolute;opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90); padding:5px;background:#337BD0;display:none;}
.pullmenu2 dd{ height:24px; line-height:24px;}
.pullmenu2 dd a:link, .pullmenu2 dd a:visited{color:#fff; display:block; text-indent:5px; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.pullmenu2 dd a:hover{ background:#fff; color:#065185; text-decoration:none}


.playerlist { width:693px; overflow:hidden }
.playerlist .cont { width:750px; }
.playerlist .picBox { width:160px; float:left; display:inline; margin:15px 16px 15px 0 }
.playerlist .picDetail { width:156px; height:108px; border:2px solid #C0E6FF; border-radius:8px; overflow:hidden; margin-bottom:5px; }
.playerlist .picDetail img { width:156px; height:108px; }
.playerlist .picProps { width:156px; height:152px; border:2px solid #C0E6FF; border-radius:8px; overflow:hidden; margin-bottom:5px; }
.playerlist .picProps img { width:156px; height:152px;}
.playerlist .picInfo{width:159px; overflow:hidden}
.playerlist .picInfo ul{width:170px;}
.playerlist .picInfo li { width:157px; text-indent:10px; position:relative; height:28px; line-height:28px; border:1px solid #C9E7FD; background:#EBF6FF; border-radius:5px; margin:2px 0; overflow:hidden; }
.playerlist .picInfo li.title{ text-align:center; color:#FF3C00; clear:both;}
.playerlist .picInfo li.size{float:left; width:76px; margin-right:3px;}

.faqBox{width:90%; margin-bottom:10px}
.faqBox .question{ height:34px; margin-bottom:1px; line-height:34px; border:1px solid #BEDCEE; box-shadow:3px 3px 3px #E5F4F8 inset;border-top-left-radius:5px; border-top-right-radius:5px; background:#D1EAF9; color:#1E81CD; font-weight:bold; padding:0 10px; cursor:pointer}
.faqBox .result{ display:none; background:#D1EAF9; padding:10px 15px 10px 40px; padding-left:40px; }
.faqBox .result p, .faqBox .result span{float:left; text-align:justify}
 .faqBox .result span{ margin-left:-28px;}
 .clear2{height:0; overflow:hidden; clear:both; content:"."; text-indent:-9999px;}

    .pagination {
        width: 100%;
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
        padding: 10px 0;
    }

    .pagination-btn,
    .go-btn {
        background-color: #f0f0f0;
        border: 1px solid #ddd;
        padding: 5px 12px;
        margin: 0 5px;
        cursor: pointer;
        border-radius: 3px;
        transition: all 0.3s;
    }

    .pagination-btn:hover,
    .go-btn:hover {
        background-color: #e0e0e0;
    }

    .page-input {
        width: 50px;
        padding: 5px;
        margin: 0 5px;
        border: 1px solid #ddd;
        border-radius: 3px;
        text-align: center;
    }

    .current-page,
    .total-pages {
        font-weight: bold;
        margin: 0 5px;
    }

.propinfo h6{font-size:14px; color:#0861C4; margin-bottom:10px; height:24px; line-height:24px; }
.propinfo h6 span{float:left;}


.detail-gameinfo{
    padding: 30px 20px;
}


.model {
    width: 691px;
    background: url(https://static.web.sdo.com/bnb/pic/web5/images/b.png) -691px 0 repeat-y;
    margin-left: 10px;
}

.model_top {
    background: url(https://static.web.sdo.com/bnb/pic/web5/images/b.png) 0 0 no-repeat;
}

.model_inner {
    background: url(https://static.web.sdo.com/bnb/pic/web5/images/b.png) -1382px 100% no-repeat;
    padding: 15px;
    min-height: 100px;
    _height: 100px;
}

.model_inner h2 {
    background: url(https://static.web.sdo.com/bnb/pic/web5/images/c.png) 0 0 no-repeat;
    width: 662px;
    height: 26px;
    position: relative;
}

.model_inner h2 span {
    display: block;
    position: absolute;
    left: 28px;
    top: 1px;
    line-height: 24px;
    height: 24px;
    padding-right: 22px;
    background: url(https://static.web.sdo.com/bnb/pic/web5/images/x.png) 0 0 repeat-x;
    float: left;
    font-weight: bold;
    color: #fff;
    text-align: center;
    /* font-family: \5b8b\4f53 */
}


.swiper-button-prev, .swiper-button-next {
    color: transparent !important;
}
.swiper-button-prev::after,
.swiper-button-next::after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #4b8fff;
    border-left: 2px solid #4b8fff;
}

.swiper-button-prev::after {
    transform: rotate(-45deg);
    margin-right: 65px;
}

.swiper-button-next::after {
    transform: rotate(135deg);
    margin-left: 65px;
}