@charset "UTF-8";

.js {
    width: 90%;
    margin: 10px auto 0 auto;
}

.js p {
    padding: 5px 0;
    font-weight: bold;
    overflow: hidden;
}

.js p span {
    float: right;
}

.js p span a {
    color: #f00;
    text-decoration: underline;
}

.js textarea {
    height: 50px;
    width: 98%;
    padding: 5px;
    border: 1px solid #ccc;
    border-top: 2px solid #aaa;
    border-left: 2px solid #aaa;
}

.slider {

    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: #000;
}

.slider .bd {
    position: relative;
    z-index: 0;
}

.slider .bd li {
    height: 300px;
    overflow: hidden;
}

.slider .bd li img {
    display: block;
}

.slider .hd {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    height: 30px;
    line-height: 30px;
}

.slider .hd ul {
    text-align: center;
}

#kuaisu_h {
margin-top: 15px;
  background-size: cover;
  
  background-position: center
}

.slider .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 9px;
    height: 9px;
    margin: 0 4px;
    background: url(/images/dot.png) 0 -16px;
    overflow: hidden;
    filter: alpha(opacity=70);
    opacity: 0.7;
    vertical-align: top;
    line-height: 9999px;
}

.slider .hd ul .on {
    background-position: 0 0;
}

.slider .timer {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 0;
    background: #000;
    filter: alpha(opacity=40);
    opacity: 0.4;
    font-size: 0;
    overflow: hidden;
}

.slideGroup {
    width: 680px;

    text-align: left;
}

.slideGroup .parHd ul {
    float: left;
    position: absolute;

    top: -1px;
    height: 32px;
}

.slideGroup .parHd ul li {
    float: left;
    cursor: pointer;
}

.slideGroup .parHd ul li.on {
    height: 30px;
}

.slideGroup .slideBox {
    overflow: hidden;
    zoom: 1;
    position: relative;
}

.slideGroup .sPrev,
.slideGroup .sNext {
    position: absolute;
    left: 0px;
    top: 80px;
    display: block;
    width: 30px;
    height: 30px;
    background: url(/images/prev.png) center center no-repeat;
    z-index: 2;
}

.slideGroup .sNext {
    left: auto;
    right: 0px;
    background: url(/images/next.png) center center no-repeat;
}

.slideGroup .sPrev:hover {
    background: url(/images/prev-hover.png) center center no-repeat;
}

.slideGroup .sNext:hover {
    background: url(/images/next-hover.png) center center no-repeat;
}

.slideGroup .parBd ul {
    overflow: hidden;
    zoom: 1;
}

.slideGroup .parBd ul li {
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    width: 320px;

}

.slideGroup .parBd ul li .pic {
    text-align: center;
}

.slideGroup .parBd ul li .pic img {
    width: 100%;
    display: block;
    padding: 2px;
}

.slideGroup .parBd ul li .pic a:hover img {
    border-color: #999;
}

.slideGroup .parBd ul li .title {
    line-height: 24px;
}


.slideTxtBox {
    width: 1200px;
    background: #f8f8f8;
    text-align: left;
    margin: 0 auto;
    box-shadow: 0 0 2px 2px #00000010;
}


.slideTxtBox .hd {
    height: 50px;
    background: #fff;
    padding: 0 10px 0 0px;

    position: relative;
}

.slideTxtBox .hd .more-area {
    font-size: 14px;
    line-height: 50px;
}

.slideTxtBox .hd .more-area a i {
    margin-left: 6px;
    margin-top: -3px;
}

.slideTxtBox .hd ul {
    float: left;
    position: absolute;
}

.slideTxtBox .hd ul li {
    font-size: 18px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    float: left;
    padding: 0 15px;
    cursor: pointer;
}

.slideTxtBox .hd ul li.on {
    color: #fff;
    background: #ff9600;
}

.slideTxtBox .bd ul {
    height: 380px;
    padding: 15px;
    zoom: 1;
}

.slideTxtBox .bd li .date {
    float: right;
    color: #999;
}

/* 游戏交易 */
.txtMarquee-top {
    overflow: hidden;
    position: relative;
    
}

.txtMarquee-top .hd {
    overflow: hidden;
    height: 30px;
    background: #f4f4f4;
    padding: 0 10px;
}

.txtMarquee-top .hd .prev,
.txtMarquee-top .hd .next {
    display: block;
    width: 9px;
    height: 5px;
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    overflow: hidden;
    cursor: pointer;
    background: url("../images/arrow.png") 0 -100px no-repeat;
}

.txtMarquee-top .hd .next {
    background-position: 0 -140px;
}

.txtMarquee-top .hd .prevStop {
    background-position: -60px -100px;
}

.txtMarquee-top .hd .nextStop {
    background-position: -60px -140px;
}

 

.txtMarquee-top .infoList li {
    height: 204px;
    line-height: 24px;
}

.txtMarquee-top .infoList li .date {
    float: right;
    color: #999;
}

.tempWrap .list {
    height: 110px;
    border-bottom: 1px dotted #e8e8e8;
    cursor: pointer;
        padding:0 15px;
}

.tempWrap .list img {
    border-radius: 50%;
    float: left;
    width: 48px;
    height: 48px;
}

.tempWrap .list b {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 227px;
    display: block;
}

.tempWrap .list .lable {
    padding-left: 57px;
}

.tempWrap .list .lable p {
    padding: 4px 10px;
    background: #ff6700;
    color: #fff;
    border-radius: 15px;
    margin-bottom: 5px;
}

.tempWrap .list .lable span {
    height: 20px;
    display: block;
    float: left;
    padding: 0 6px;
    line-height: 20px;
    color: #FF2A25;
    border-radius: 3px;
}

.tempWrap .list .lable span.blue {
    background: #79b8fd;
}

.tempWrap .list .lable span.yaller {
    background: #FFF0ED;
}

.tempWrap .list .lable span {
    margin-right: 10px;
}

.tempWrap .list .price {
    font-size: 16px;
    color: #FF2A25;
}

.tempWrap .list .time {
    color: #999999;
}

.latest .shelves {
    
    height: 463px;
    overflow: hidden;
}


/*******排行榜******/
.ranking {
    width: 245px;
    float: left;
    height: 561px;
    background: #fff;
    margin-top: 10px;
}

.ranking .title {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #dddddd;
    background: #FBFCFC;
}

 

.ranking .ranklist .list {
    height: 64px;
    width: 100%;
    margin: 20px 18px 0px 18px;
}



.ranking .ranklist .list .pic {
    width: 64px;
    height: 64px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    float: left;
}



.ranking .ranklist .list .pic .num {
    position: absolute;
    height: 20px;
    width: 20px;
    text-align: center;
    top: 0px;
    left: 0px;
    background: #0599F7;
    border-bottom-right-radius: 8px;
    color: #fff;
}

.ranking .ranklist .list .pic .img {
    border-radius: 15px;
    width: 64px;
    height: 64px;
    float: left;
}

.ranking .ranklist .list:nth-child(1) .pic .num {
    background: #F44141;
}

.ranking .ranklist .list .ranktitle {
    padding-left: 10px;
    width: 140px;
    text-overflow: ellipsis;
    padding-top: 25px;
}

.ranking .ranklist .list .num.champion {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAMAAAA2a+hwAAAAOVBMVEXYHgX////98O/2x8HkY1PfRzP41NDrjoLncmLiVkTaLBX64t/pf3LzuLDunJHxq6HcOSTzubHaKxStLuG+AAAAzUlEQVQoz43SWQ7DIAwEUGMDBkKW5v6HrToNiwJKOz+R8iRjjMmUcExBJKTI9VdDS1fCHeUVqSa+pEdHt7iGnoYsFdcR14pxRHshW5okMBA2xgKPOTqgzlGBMkf/G/NT2fTUUJhjBkInBpyOwT4NXv54smld26/JIrYTWUxD9n3PGdA/dlyNPdR7ddlwSLQXDK0/JGJPvrgTknbGEQKjhMFLW2agIypKPpVBs7kpU1ZdP4VOtF/1kE0z4ZYn+ulV2xA22ppBl4YG1qni8waxxwUy2U0HtQAAAABJRU5ErkJggg==) no-repeat center;
    color: #ffffff;
    background-position-y: 38px;
}

.ranking .ranklist .list .num.runner {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAMAAAA2a+hwAAAARVBMVEVAqST////z+vFjuUzb79af1JHP6ch7xGhwv1tMrjLn9OSTzoPD5LqIyXbQ6smr2Z+HyXa43618xGlXsz/E5LtLrjFvvlomqN7oAAAA0klEQVQoz43S2w6CMBAE0NneSy8IqP//qZpVug006LyQcJIy7Ba0R4VYai0xqPZKcMU35Yj1HtAS7rVHjUO0oMEpU8N8xtwwnHH9oloxSFGMHsN4xm2MmtGO0TK6MZrfmK6OjVeFbmNMjKwDYxyOwV8N3v23MvLnUwVpcr4TN5GgMn3nxNAvO2TymzXG6kSqRCw7FulH7WLkDy7gxEXxJyobonmjLOVGjBrYFSbug1Z0UIVkbX4CeHD9ppubbQL/5YP79GplCDNmMdZJkNg6tfx4ATnQBc8OLOSuAAAAAElFTkSuQmCC) no-repeat center;
    color: #ffffff;
    background-position-y: 38px;
}

.ranking .ranklist .list .num.bronze {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAMAAAA2a+hwAAAAOVBMVEXzdgD////+9u/83cD3oE/0fw/95c/5un/4ql/2mED1jy/97t/4sm/71K/6w4/7zJ/0hx/71bD1kDBfiTwMAAAAzElEQVQoz43S3Q6DIAwF4NICBQV1vv/DLjuTnwhxOzcavgRKKZkSji6IBBe5LjW0dCXcUV6RauJLejzplrOhpyFrxTxirhhHtBeypUkCA2FjLPCY4wLUOSpQ5uh/Y3ra1j0VFOaYgNCJAadtsE+Nl/+ebNzX9mOyiu1EVtOQfV9zAvSPHbOxh3qvSzIcHO0FQ6sPiZiTL+6EuJ1xhMDIofHShhm4EBUl70qj2dyUKanm+PlF+VUP2TQRbulQT6/amrDR1gy6NjSwThWfN+FvBTJR/wJlAAAAAElFTkSuQmCC) no-repeat center;
    color: #ffffff;
    background-position-y: 38px;
}
/* 代练 */
.dailian .bd ul{
    /*height: 220px;*/
        height: 220px;
}
/************************/
.hotgame {
    width: 638px;
    float: left;
    margin-left: 8px;
    margin-top: 10px;
    background: #fff;
}

.hotgame .title {
    padding: 0 8px;
    background: #FBFCFC;
    border-bottom: 1px solid #E8E8E8;
}

.hotgame .title span {
    font-size: 18px;
    font-weight: bold;
 
    line-height: 40px;
    display: inline-block;
}

.hotgame .ul {
    padding: 5px 8px 5px 10px;
    height: 500px;
    
}

.hotgame .ul .li.on {
    height: 150px;
    width: 100%;
}

.hotgame .ul .li.on .subtitle {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
}

.hotgame .ul .li {
    display: block;
    width: 50%;
    color: #000000;
    cursor: pointer;
    padding: 10px;
    float: left;
    border-bottom: 1px dashed #d5d5d5;
}

.hotgame .ul .li:hover {
    color: #069AF7;
    background-color: #f2f2f2;
}
.hotgame .ul .li .subtitle:hover  {
    color: #069AF7; 
}

.hotgame .ul .li:hover .subtitle,
.hotgame .ul .li:hover .datetime {
    color: #000000;
}

.hotgame .ul .li .subtitle {
    float: left;
    color: #000000;
    display: block;
 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hotgame .ul .li .subtitle1 {
    width: 100%;
    text-align: left;
    overflow: hidden;
}

.hotgame .ul .li .subimg {
    width: 200px;
    float: left;
    margin-right: 10px;
    height: 113px
}

.hotgame .ul .li .subdesc {
    line-height: 20px;
    font-size: 12px;
    color: #808080;
    width: 550px;
    display: block;
}

.hotgame .ul .li .datetime {
    float: right;
    color: #000000;
    *margin-top: -30px
}

/************活动专区************/
.activity {
    width: 296px;
    float: left;
    margin-left: 7px;
    
    height: 561px;
    background: #fff;
    margin-top: 10px;
}

.activity .title {
 
    background: #FBFCFC;
    padding: 0 8px;
    border-bottom: 1px solid #E8E8E8;
}

.activity .title span {
    font-size: 18px;
    font-weight: bold;
 
    display: inline-block;
}

.activity .imglist .list {
    position: relative;
    height: 150px;
    width: 276px;
    margin: 0 auto;
    margin-top: 15px;
    overflow: hidden;
}

.activity .imglist .list img {
 
    border-radius: 5px;
    width: 100%;
    height: 150px;
}

.activity .imglist .list .imgtitle {
    background: #595959;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    padding-left: 8px;
    position: absolute;
    width: 100%;
    z-index: 1;
    bottom: 0;
    left: 0;
}

.icon-HOT {
    background: url("../images/index_icon.png") no-repeat -165px -121px;
    background-size: 288px 178px;
    width: 28px;
    height: 18px;
}

.icon-NEW {
    background: url("../images/index_icon.png") no-repeat -133px -121px;
    background-size: 288px 178px;
    width: 30px;
    height: 18px;
}

.icon-PICC {
    background: url("../images/index_icon.png") no-repeat -136px -105px;
    background-size: 288px 178px;
    width: 26px;
    height: 10px;
}

.icon-TOP {
    background: url("../images/index_icon.png") no-repeat -164px -105px;
    background-size: 288px 178px;
    width: 20px;
    height: 10px;
}

.icon-TOP_h {
    background: url("../images/index_icon.png") no-repeat -186px -105px;
    background-size: 288px 178px;
    width: 20px;
    height: 10px;
}

.icon-bgicon {
    background: url("../images/index_icon.png") no-repeat -72px -121px;
    background-size: 288px 178px;
    width: 59px;
    height: 18px;
}

.icon-commonproblem {
    background: url("../images/index_icon.png") no-repeat -222px -105px;
    background-size: 288px 178px;
    width: 4px;
    height: 6px;
}

.icon-l_l {
    background: url("../images/index_icon.png") no-repeat -63px -141px;
    background-size: 288px 178px;
    width: 20px;
    height: 32px;
}

.icon-lrft {
    background: url("../images/index_icon.png") no-repeat -72px -69px;
    background-size: 288px 178px;
    width: 30px;
    height: 50px;
}

.icon-more {
    background: url("../images/index_icon.png") no-repeat -195px -121px;
    background-size: 288px 178px;
    width: 16px;
    height: 16px;
}

.icon-more2 {
    background: url("../images/index_icon.png") no-repeat -208px -105px;
    background-size: 288px 178px;
    width: 5px;
    height: 9px;
}

.icon-more3 {
    background: url("../images/index_icon.png") no-repeat -243px -121px;
    background-size: 288px 178px;
    width: 6px;
    height: 11px;
}

.icon-more4 {
    background: url("../images/index_icon.png") no-repeat -251px -121px;
    background-size: 288px 178px;
    width: 6px;
    height: 11px;
}

.icon-next {
    background: url("../images/index_icon.png") no-repeat -215px -105px;
    background-size: 288px 178px;
    width: 5px;
    height: 9px;
}

.icon-r {
    background: url("../images/index_icon.png") no-repeat -104px -69px;
    background-size: 288px 178px;
    width: 30px;
    height: 50px;
}

.icon-r_l {
    background: url("../images/index_icon.png") no-repeat -41px -141px;
    background-size: 288px 178px;
    width: 20px;
    height: 32px;
}

.icon-ranking-1 {
    background: url("../images/index_icon.png") no-repeat 0px -141px;
    background-size: 288px 178px;
    width: 39px;
    height: 34px;
}

.icon-ranking-10 {
    background: url("../images/index_icon.png") no-repeat -218px -69px;
    background-size: 288px 178px;
    width: 39px;
    height: 34px;
}

.icon-ranking-2 {
    background: url("../images/index_icon.png") no-repeat -177px -69px;
    background-size: 288px 178px;
    width: 39px;
    height: 34px;
}

.icon-ranking-3 {
    background: url("../images/index_icon.png") no-repeat -136px -69px;
    background-size: 288px 178px;
    width: 39px;
    height: 34px;
}

.icon-ranking-TOP {
    background: url("../images/index_icon.png") no-repeat 0px 0px;
    background-size: 288px 178px;
    width: 288px;
    height: 67px;
}

/* .icon-ranking-line { background: url("../images/index_icon.png") no-repeat 0px -177px; background-size: 288px 178px; width: 258px; height: 1px; } */

.icon-star-graw {
    background: url("../images/index_icon.png") no-repeat -213px -121px;
    background-size: 288px 178px;
    width: 13px;
    height: 12px;
}

.icon-star-yellow {
    background: url("../images/index_icon.png") no-repeat -228px -121px;
    background-size: 288px 178px;
    width: 13px;
    height: 12px;
}

.icon-topad-close {
    background: url("../images/index_icon.png") no-repeat -259px -69px;
    background-size: 288px 178px;
    width: 29px;
    height: 29px;
}

.icon-unlogin {
    background: url("../images/index_icon.png") no-repeat 0px -69px;
    background-size: 288px 178px;
    width: 70px;
    height: 70px;
}

div,
ul,
li,
p,
span,
a,
input,
i {
    font-family: 'Arial', 'Microsoft Yahei';
}


.header .menu-wrap .item {
    cursor: auto;
}

a:hover {
    color: #EB593C;
}

.cent {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 9
}

.bg-graw {
    width: 100%;
    background-color: #fff;
}

.bg-white {
    background-color: #fff;
}

.min-bg {
    /* background: rgba(26, 30, 41, 0.7); */
}

.none {
    display: none;
}

.leftbox {
    width: 200px;
    float: left;
}

.rightbox {
    width: 250px;
    float: left;
}

.middlebox {
    width: 750px;
    float: left;
}

.middlebox2 {
    width: 950px;
    float: left;
}

.floor1 {
    height: 530px;
}

.top-ad {
    height: 60px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.top-ad .cent {
    height: 60px;
    position: relative;
}

.top-ad .cent a {
    margin: 16px 0;
    position: absolute;
    right: 0;
    z-index: 999;
}

.top-ad .advimg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center top;
    z-index: 55;
}

.main div,
.main ul,
.main li,
.main p,
.main span,
.main a,
.main input,
.main i {
    font-family: 'Arial', 'Microsoft Yahei';
}

.main .radius50 {
    border-radius: 50%;
}

.main p,
.main a,
.main span {
    word-break: break-all;
 
}

.main .weight {
    font-weight: bold;
    line-height: 70px;
}

.main .moneystyle {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
}

.main .button {
    font-weight: bold;
    font-size: 14px;
    border: 1px solid #EB593C;
    padding: 5px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 5px;
}
.main .button:hover {
 
    color: #fff;
 background: #EB593C;
}

.main .border {
    border: 1px solid #EDEDED;
}

.main .img {
    width: 100%;
    height: 100%;
    background-size: cover;
    box-sizing: border-box;
    background-position-x: center;
}

.main i {
    vertical-align: middle;
}

.main .color999 {
    color: #999999;
}

.main .color-orange {
    color: #EB593C;
}

.main .color-green {
    color: #56bc5C;
}

.main .pd16 {
    padding: 15px 15px 0 15px;
}

.main .inline-block {
    display: inline-block;
}

.main .m-t15 {
    margin-top: 15px;
}

.main .line-14 {
    line-height: 14px !important;
}

.main .line-16 {
    font-size: 14px;
    line-height: 16px;
}

.main .font12 {
    font-size: 12px !important;
    line-height: 14px !important;
}

.main .font16 {
    font-size: 16px;
}

.main .font24 {
    font-size: 24px;
    line-height: 26px;
}
.main .font18 {
    font-size: 18px;font-weight:bold;
}

.main .title {
    text-align: left;
    float: left;
    width: 100%;
    margin: 10px 0 5px;
    background: #fff;
    padding:10px 15px;
}

.main .title>span {
    line-height: 24px;
    margin-top: 2px;
}

.main .title h1 {
    font-weight: bold;
}

.main .title a {
    font-size: 14px;
    line-height: 26px;
}

.main .title a i {
    margin-left: 6px;
    margin-top: -3px;
}

.main .title a:hover {
    color: #EB593C;
}

.main .smalltitle {
    padding: 17px 16px;
    float: left;
    width: 100%;
        margin-top: 10px;
}

.main .smalltitle h2 {
 
    line-height: 16px;
}

.main .smalltitle a i {
    margin-left: 6px;
    vertical-align: inherit;
}

.main .smalltitle a:hover {
    color: #EB593C;
}

.main .btn {
    width: 104px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    border: 1px solid #EB593C;
    display: inline-block;
    border-radius: 100px;
}

.main .b-btn {
    background-color: #EB593C;
}

.main .b-btn:hover {
    background-color: #EB593C;
}

.main .s-btn {
    color: #EB593C;
    background-color: #FFF5EC;
    margin-left: 6px;
}

.main .s-btn:hover {
    background-color: #EB593C;
    color: #ffffff;
}

.main .cent {
    width: 1200px;
    margin: 0 auto;
}

.main .bg-adv {
    position: absolute;
    width: 100%;
    height: 530px;
    text-align: center;
    overflow: hidden;
}

.main .bg-adv .vaguebg {
    filter: blur(100px);
    -webkit-filter: blur(100px);
    -moz-filter: blur(100px);
    -o-filter: blur(100px);
    -ms-filter: blur(100px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='100');
    height: 400px;
    width: 100%;
    position: absolute;
    top: -100px;
    transition: all 0.5s;
}

.main .bg-adv img {
    text-align: center;
    max-width: 100%;
}

.main .bg-adv .advimg {
    background: url(../images/c69976ee685248d4977ad510dd5fbebc.jpg) no-repeat;
    background-position: center top;
    width: 100%;
    height: 530px;
}


.main .bg-adv {
    position: absolute;
    width: 100%;
    height: 530px;
    text-align: center;
    overflow: hidden;
}

.main .bg-adv .vaguebg {
    filter: blur(100px);
    -webkit-filter: blur(100px);
    -moz-filter: blur(100px);
    -o-filter: blur(100px);
    -ms-filter: blur(100px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='100');
    height: 400px;
    width: 100%;
    position: absolute;
    top: -100px;
    transition: all 0.5s;
}

.main .bg-adv img {
    text-align: center;
    max-width: 100%;
}

.main .bg-adv .advimg {
    background: url(../images/c69976ee685248d4977ad510dd5fbebc.jpg) no-repeat;
    background-position: center top;
    width: 100%;
    height: 530px;
}

.main .swiper-pagination {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 16px;
}

.main .swiper-pagination .swiper-pagination-switch {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    border-radius: 6px;
    cursor: pointer;
    margin: 0 5px;
}

.main .swiper-pagination .swiper-pagination-switch:hover {
    background-color: #f5f5f5;
}

.main .swiper-pagination .swiper-active-switch {
    background-color: #EB593C;
}

.main .swiper-pagination .swiper-active-switch:hover {
    background-color: #EB593C;
}

.main .left-menu {
    background-color: #fff;
    margin-top: 15px;
}

.main .left-menu>li {
    height: 65px;
    padding: 14px 16px 0;
    position: static;
}

.main .left-menu>li:hover {
    background-color: #424242;
}

.main .left-menu a:hover {
    color: #EB593C;
}

.main .left-menu a:hover span {
    color: red;
}

.main .menu-name a span {
    color: #EB593C;
    font-size: 14px;
    line-height: 16px;
}

.main .menu-name img {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 8px;
}

.main .menu-sub {
    margin-top: 9px;
}

.main .menu-sub p {
    line-height: 14px;
    width: 153px;
    overflow: hidden;
    height: 14px;
}

.main .menu-sub a {
    color: #999999;
    margin-left: 8px;
}

.main .menu-sub a:first-child {
    margin-left: 0;
}

.main .menu-sub i {
    margin-top: 2.5px;
}

.main .menu-hover {
    width: 730px;
    height: 516px;
    background-color: #FFFFFF;
    border: 2px solid #EB593C;
    position: absolute;
    top: 0;
    left: 200px;
    z-index: 99;
}

.main .carousel-top {
    width: 718px;
    height: 338px;
    margin: 15px 16px 0;
}

.main .carousel-top img {
    width: 100%;
    height: 100%;
}

.main .swiper-button-next,
.main .swiper-button-prev {
    position: absolute;
    top: 43%;
    cursor: pointer;
}

.main .swiper-button-next {
    right: 0;
}

.main .swiper-button-prev {
    left: 0;
}

.main .advbox {
    height: 150px;
    position: absolute;
    bottom: 10px;
    right: 0;
}


.main .carousel-adv {
    height: 150px;
    width: 980px;
}

.main .carousel-adv .swiper-wrapper {
    width: 1470px;
    height: 150px;
}

.main .carousel-adv .swiper-button-next {
    right: 0px;
}

.main .carousel-adv .swiper-slide {
    width: 245px;
    height: 150px;
    float: right;
    padding: 5px;
}

.main .carousel-adv .swiper-slide:first-child {
    margin-left: 0px;
}

.main .carousel-adv img {
    width: 100%;
    height: 100%;
}

.main .userinfo {
    width: 100%;
}

.main .userinfo .f-left {
    width: 100%;
}

.main .user-img {
    width: 100%;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 16px;
    text-align: center;
}

.main .user-img img {
    width: 100%;
    height: 100%;
}

.main .userinfo .user-name {
    margin-top: 16px;
    height: 16px;
    overflow: hidden;
}

.main .userinfo .user-name p,
.main .userinfo .user-name a {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}

.main .userinfo>div>p {
    white-space: nowrap;
    overflow: hidden;
    color: #999999;
    line-height: 14px;
    margin-top: 8px;
    text-align: center;
}

.main .userinfo>div>p a {
    color: #999999;
}

.main .userinfo>div>p a:hover {
    color: #EB593C;
}

.main .userinfo>div>p span {
    margin: 0 7px;
    font-size: 12px;
    line-height: 14px;
}

.main .userinfo {
    margin-bottom: 5px;
}

.main .help-tab {
    margin-top: 5px;
}

.main .help-tab .tabcontainer {
    height: 112px;
}

.main .help-tab .tabcontainer a:hover {
    color: #EB593C !important;
}

.main .help-tab .tabs a {
    font-size: 14px;
    height: 40px;
    width: 62px;
    text-align: center;
}

.main .help-tab .tabs a span {
    line-height: 38px;
    display: inline-block;
}

.main .help-tab .tabs a:first-child {
    text-align: left;
}

.main .help-tab .tabs a:first-child+a {
    margin: 0 16px;
}

.main .help-tab .tabs a:first-child+a+a {
    text-align: right;
}

.main .help-tab .tabs .active span {
    color: #EB593C;
    border-bottom: 2px solid #EB593C;
}

.main .notice li,
.main .problem li {
    margin-top: 13px;
    width: 100%;
}

.main .notice li p,
.main .problem li p {
    width: 168px;
    overflow: hidden;
    height: 14px;
    line-height: 14px;
}

.main .notice li span,
.main .problem li span {
    line-height: 14px;
}

.main .newbie table {
    border-collapse: separate;
    border-spacing: 0 12px;
}

.main .newbie td {
    width: 14px;
    text-align: center;
}

.main .newbie .nnfirst {
    width: 44px;
    height: 44px;
    color: #666666;
}

.main .newbie .nn {
    width: 42px;
    height: 42px;
    color: #fff;
    border: 1px solid #ededed;
    background-color: #EB593C;
}

.main .newbie .nn span {
    color: #fff;
    line-height: 14px;
}

.main .problem ul {
    margin-left: -16px;
}

.main .problem li {
    width: 50%;
    padding-left: 16px;
}

.main .problem li p {
    width: 100%;
}

.main .problem li i {
    margin-right: 6px;
    margin-bottom: 2px;
}

.main .convenience {
    overflow: hidden;
    height: 150px;
}

.main .convenience ul {
    display: inline-block;
    width: 101%;
    margin-top: -1px;
    margin-right: -1px;
}

.main .convenience a:hover p {
    color: #EB593C;
}

.main .convenience li {
    width: 63px;
    text-align: center;
    border-top: 1px solid #ededed;
    border-right: 1px solid #ededed;
    padding: 5px 0;
}

.main .convenience li:hover img {
    margin-top: -3px;
}

.main .convenience li b {
    display: block;
    height: 26px;
    width: 100%;
}

.main .convenience img {
    width: 26px;
    height: 26px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.main .convenience p {
    height: 14px;
    overflow: hidden;
    margin-top: 7px;
}

.main .sowing-new {
    height: 70px;
    display: inline-block;
}

.main .sowing-new>div {
    width: 200px;
    background: #fff;
    padding: 10px 0 8px 15px;

}

.main .sowing-new>div .swiper-container {
    height: 70px;
    background: #fff;
    margin: 2px;
}

.main .sowing-new .icon-bgicon {
    margin: 0 10px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    line-height: 18px;
}

.main .sowing-new .newstitle {
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main .sowing-new span {
    margin-right: 5px;
}

.main .sowing-new .companyname {
    margin: 0 6px 0px 10px;
}

.main .sowing-new .companyname img {
    margin-right: 4px;
    margin-top: 28%;
    width: 28px;
    height: 13px;
    object-fit: contain;
    background: #fff;
}

.main .bg-gradient {
    display: inline-block;
    width: 100%;
}

.main .m-r10 {
    margin-right: 10px !important;
}

.main .m-r8 {
    margin-right: 8px;
}

.main .m-r4 {
    margin-right: 4px;
}

.main .ranking-list {
    overflow: hidden;
    background-color: #ffffff;
    width: 288px;
    margin-left: 16px;
}

.main .ranking-list .swiper-container {
    height: 440px;
}

.main .ranking-list .swiper-pagination-switch {
    border: 1px solid;
    border-color: #d6d6d6;
}

.main .ranking-list .swiper-active-switch {
    border: 1px solid #EB593C;
}

.main .ranking-list .swiper-pagination {
    bottom: 21px;
    height: 12px;
}

.main .ranking-list p,
.main .ranking-list a,
.main .ranking-list span {
    line-height: 14px;
}

.main .ranking-list p {
    margin-top: 8px;
}

.main .ranking-list:first-child {
    margin-left: 0;
}

.main .ranking-list ul {
    padding: 0 16px;
    height: 440px;
    overflow: hidden;
    background-color: #ffffff;
}

.main .ranking-list li {
    height: 80px;
    width: 101%;
    padding: 14.5px 0;
    *width: 260px;
    *padding: 14px 0;
    *height: 50px;
}

.main .ranking-list li .icon-ranking-line {
    position: absolute;
    top: 0;
    left: 0;
}

.main .ranking-list li:first-child {
    height: 79px;
}

.main .ranking-list li:first-child .icon-ranking-line {
    display: none;
}

.main .ranking-list .rightw {
    width: 145px;
    overflow: hidden;
}

.main .ranking-list .rightw p {
    height: 14px;
    overflow: hidden;
}

.main .ranking-list .wid77 {
    width: 77px;
    overflow: hidden;
}

.main .ranking-list .wid103 {
    width: 103px;
    overflow: hidden;
}

.main .ranking-list .icon-ranking-TOP {
    padding-left: 16px;
}

.main .ranking-list .icon-ranking-TOP h2 {
    font-size: 18px;
    line-height: 20PX;
    color: #765B4A;
    padding-top: 19px;
}

.main .ranking-list .icon-ranking-TOP p {
    color: #9C6D51;
    line-height: 14px;
    margin-top: 5px;
}

.main .ranking-list .icon-ranking-1,
.main .ranking-list .icon-ranking-2,
.main .ranking-list .icon-ranking-3,
.main .ranking-list .icon-ranking-10 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 34px;
    margin-right: 14px;
    margin-top: 10px;
}

.main .ranking-list .icon-ranking-1 {
    color: #E74240;
}

.main .ranking-list .icon-ranking-2 {
    color: #ED713D;
}

.main .ranking-list .icon-ranking-3 {
    color: #FEB185;
}

.main .ranking-list .icon-ranking-10 {
    color: #BBBBBB;
}

.main .ranking-list img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.main .ranking-list .gameimg {
    width: 60px;
    height: 50px;
}

.main .ranking-list .gameimg img {
    border-radius: 20%;
    border: 1px solid #ededed;
    box-sizing: border-box;
}

.main .ranking-list .level {
    font-weight: bold;
    background-color: #ffd21d;
    border: 1px solid #fd7b00;
    border-radius: 2px;
    color: #fd7b00;
    font-size: 10px;
    vertical-align: inherit;
    height: 15px;
    line-height: 15px;
    padding: 0 2px;
    position: absolute;
    top: 43%;
    right: 0;
}

.main .ranking-list .level img {
    width: 15px;
    height: 8px;
    margin-right: 0;
}

.main .ranking-list .level span {
    color: #fd7b00;
    line-height: 13px;
    margin-left: -3px;
}

.main .ranking-list .ranking-type {
    margin-top: 10px;
}

.main .ranking-list .ranking-type a {
    width: 40px;
    height: 18px;
    line-height: 18px;
    background-color: #ffffff;
    text-align: center;
    float: left;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.main .ranking-list .ranking-type .active {
    background-color: #EB593C;
    color: #fff;
}

.main .information {
    height:566px;
}

.main .information .gameinformation,
.main .information .partners {
    width: 288px;
    float: left;
}

.main .gameinformation ul {
    padding: 0 16px 11px;
    display: inline-block;
}

.main .gameinformation li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.main .gameinformation li a {
    width: 198px;
}

.main .gameinformation .first {
    height: 144px;
    margin-bottom: 5px;
}

.main .gameinformation .first img {
    width: 256px;
    height: 144px;
}

.main .gameinformation .first p {
    position: absolute;
    bottom: 3px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    width: 100%;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main .gameinformation .first p:hover {
    color: #EB593C;
}

.main .partners li {
    width: 144px;
    height: 100px;
    text-align: center;
    border-top: 1px solid #EDEDED;
    overflow: hidden;
}

.main .partners li:first-child,
.main .partners li:first-child+li+li,
.main .partners li:first-child+li+li+li+li,
.main .partners li:first-child+li+li+li+li+li+li {
    border-right: 1px solid #EDEDED;
}

.main .partners li img {
    width: 143px;
    height: 99px;
}

.main .activities {
    width: 592px;
    margin: 16px 16px 0;
    float: left;
}

.main .activities ul {
    padding: 0 16px;
}

.main .activities li {
    width: 175px;
    margin-bottom: 2px;
}

.main .activities li:first-child,
.main .activities li:nth-child(2),
.main .activities li:nth-child(4),
.main .activities li:nth-child(5) {
    margin-right: 16px;
}

.main .activities li>a {
    width: 175px;
    height: 154px;
    margin-bottom: 10px;
    display: block;
}

.main .activities li img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.main .activities li p a {
    width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 16px;
}

.main .activities li p span {
    width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
} 
.main .blogroll .smalltitle {
    border-bottom: 1px solid #EDEDED;
}

.main .blogroll .clear {
    padding: 4px 16px 20px;
    text-align: left;
}

.main .blogroll .clear a {
    margin-right: 12px;
    margin-top: 14px;
    display: inline-block;
}

.main .gamelist a:hover,
.main .r-game-list a:hover,
.main .gameinformation a:hover,
.main .activities a:hover,
.main .blogroll a:hover {
    color: #EB593C;
}

.main .gamelist {
    padding: 0;
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
}

.main .gamelist li {
text-align: center;
 margin-bottom: 5px;
 border-radius: 10px;
}

.main .gamelist li .gameimg {
    display: block;
    height: 100px;
    margin: 36px 0 0px 0;
}

.main .gamelist li .gameimg .img:hover {
    -moz-transform: scale(1.2);
    /* Firefox */
    -webkit-transform: scale(1.2);
    /* Safari 和 Chrome */
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.main .gamelist li .img {
    width: 100px;
    height: 100px;
    border-radius: 20%;
    box-sizing: border-box;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    margin: 0 21px;
        float: left;
}


.gamelist{float:left;width:1150px;padding:10px 0 0 0;text-align:left;}



.gamelist .propx{float:left;text-align:left;width:1150px;margin-bottom: 20px;}
 
.gamelist   li{float:left;}
.gamelist   .l1{float:left;width:500px;}
.gamelist   .l1 a{float:left;width:55px;font-size: 14px;
   text-align:center;}
.gamelist   .l1 .a1{}
.gamelist   .l1 a:hover{text-decoration:none;}
.gamelist   .l2{ height:28px;width:20px;padding:5px 0 0 10px;}
 
.gamelist   .l4{padding:0 0 0 20px;width:50px; font-size: 14px;}
.gamelist   .l5{padding:0px 0 0 0;width:70px; height:44px;}
.gamelist   .l5 input{float:left; width:62px;height:24px!important;margin-top: 10px;border: 1px solid #acb5bf;}
.gamelist   .wid4{margin-right: 20px;}
.gamelist   .wid4 .price_li{    float: left;font-size: 14px;cursor: pointer;
    margin-left: 15px;}
.gamelist   .wid4 li.on{ color:   #ff3867}
.gamelist   .l6{padding:0 0 0 0;width:15px; height:26px;}
.gamelist   .l7{padding:8px 0 0 20px;width:52px; height:25px;}
.gamelist   .l8{padding:7px 0 0 10px;width:145px; height:26px;}
.gamelist   .l8 input{float:left; width:132px;height:17px;}
.gamelist   .l9{width:50px;padding:10px 0 0 0;height:27px; }
.gamelist   .l9 input{float:left;color: #ff3867;
   width:41px;height:24px;border:0;cursor:pointer;background-color: transparent;}
.gamelist   .l10{ height:33px;width:120px;}
.gamelist   .l10 a{float:right;margin:7px 0 0 10px;width:27px;height:17px;padding:0 3px 0 17px;background:url(../img/px1.gif) no-repeat;background-position:4px 4px;border-width:1px;border-style:solid;}
.gamelist   .l10 a:hover{text-decoration:none;}
.gamelist   .l11{ height:25px;width:118px;padding:8px 0 0 0;text-align:right;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.gamelist   .l2{padding:9px 0 0 10px;height:24px;}
.gamelist   .l5 input{height:19px;}
.gamelist   .l8 input{height:19px;}
}

.gamelist .l{float:left;width:1180px;}
.gamelist .l .lv{float:left;width:220px;margin:0px 20px 20px 0;    transition: all 200ms;}
.gamelist .l .lv:hover{transform: translateY(-4px);}


.gamelist  {float:left;width:750px;border:#F5F5F5 solid 1px;}
.gamelist   li{float:left;}
.gamelist   .l1{width:100%;}
.gamelist   .l1 .bgys{float:left;position:absolute;background:url(img/listys1.png) left top repeat-x;width:210px;height:30px;z-index:20;z-index:9;margin:180px 0 0 0;text-align:left;display:none;}
.gamelist   .l1 .bgys a{color:#fff;}
.gamelist   .l1 .bgys .s1{float:left;width:90px;padding:7px 0 0 30px;background:url(img/listys.png) no-repeat;background-position:5px 8px;}
.gamelist   .l1 .bgys .s2{float:right;text-align:right;width:80px;color:#fff;padding:7px 10px 0 0;background:url(img/listys2.png) no-repeat;background-position:0 8px;}
.gamelist   .l2{color:#CC0000;padding:0 ;height:30px;font-size:14px;font-weight:700;float: left;}
.gamelist   .l2 strong{font-size:20px;font-weight:100;}
.gamelist   .l3{  font-size: 16px;
    width:80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    height:100%;
    display: flex;
    align-items:center;
}

.gamelist   .goods_tag span {
    background: #dbbb39;
    padding: 0 3px;
    height: 18px;
    line-height: 18px;
    color: #33280e;
    margin-right: 4px;
    font-size: 12px;
    vertical-align: top;
    float: left;
}

.gamelist   .goods_tag{
    height: 22px;
    padding: 0px 10px 7px 10px;
    font-size: 16px;
    width: 195px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

 
.gamelist   .l3 a:hover{
    color:#CC0000;
}

 
.gamelist .l4 {
    width:80px;
    border-bottom: #EEEEEE solid 1px;
    padding: 0 4px;
    float: left;
    height:100%;
    display: flex;
    align-items:center;
}
.gamelist   .l4 a{float:left;}
.gamelist   .l4 span{float:right;}
.gamelist   .l5{padding:6px 0 0 4px;width:76px;border-right:#eee solid 1px;height:23px;}
.gamelist   .l6{padding:6px 0 0 4px;width:75px;border-right:#eee solid 1px;height:23px;}
.gamelist   .l7{padding:2px 0 0 0;width:47px;text-align:center;height:27px;}
.gamelist .l .lv1{padding:3px;width:220px;}
.gamelist .l .lv1 .u1{box-shadow:0 0 10px rgba(0,0,0,.3);}
.gamelist .l .lv0{margin-right:0;}
.gamelist .l .lv1 .u1 .l1 .bgys{display:block;}

.gamelist .listcap{float:left;width:1150px;height:26px;color:#999;background-color:#f2f2f2;}
.gamelist .listcap li{float:left;padding-top:8px;text-align:center;}

.gamelist .listcap .l4{width:115px;text-align:right;padding-right:5px;}
.gamelist .list{float:left;width:1150px;padding:10px 0 10px 0;border-top:#EEEEEE solid 1px;}
.gamelist .list li{float:left; background: #f8f8f8;width: 100%;}
.gamelist .list .l0{width:120px;background:url(../img/bg1.gif) center top no-repeat;height:106px;padding:6px 0 0 0;text-align:center;}
.gamelist .list .l1{width:320px;line-height:24px;padding:0 0 0 10px;color:#666;}
.gamelist .list .l1 .a1 {
        text-align: left;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    height: 44px;
    overflow: hidden;
}
.gamelist .list .l2 {
    width: 95px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    height:100%;
    line-height: 40px;
    display: flex;
    align-items:center;
}
.gamelist .list .l2 strong{color:#ff6600;font-weight:700;font-size:18px;}
 
 
.gamelist .list .l4 .inp1{float:right;
border:1px solid #f5570f;background: none;color:#f5570f;
   width:100px;
   height:34px;
   cursor:pointer;
   margin-top: 20 px;
   }

 

.bfbbot{margin:20px 0 0 0;background-color: #333;position: relative;}


 
.main .gamelist li .gamename {
    width:100%;
    display: block;
    font-size: 16px;
    overflow: hidden;
     line-height: 36px;
 
}

.main .gamelist li p {
    line-height: 16px;
    margin-top: 17px;
    width: 100%;
    overflow: hidden;
    height: 16px;
    text-align: left;
}

.main .gamelist li p a {
    margin-left: 4px;
}

.main .gamelist li p a:first-child {
    margin-left: 0;
}

.main .gamelist,
.main .right-gamelist {

    height: 450px;
    background: #fff;
}

.gamelist .bd {
    width: 100%;
    height: 100%;
}

 

.main .flooradvimg {
    height: 450px;
    background: #fff
}

.main .flooradvimg img {
    width: 200px;
    object-fit: initial;
}

.main .flooradvimg ul {
    height: 100%;
}

.main .flooradvimg li {
    display: block;
    width: 100%;
    font-size: 24px;
    height: 25%;
    line-height: 80px;
    padding: 15px;

}

.main .flooradvimg .on {
    background: #fe8c3e;
}

.main .flooradvimg .on a {
    color: #fff;
}


.main .right-gamelist .smalltitle {
    padding: 16px 15px;
    border-bottom: 1px solid #EDEDED;
}

.main .r-game-list {
    height: 80px;
    padding: 15px;
}

.main .r-game-list img {
    width: 50px;
    height: 50px;
    border-radius: 20%;
    box-sizing: border-box;
}

.main .r-game-list:first-child {
    height: 79px;
}

.main .r-game-list:first-child .icon-ranking-line {
    display: none;
}

.main .r-game-list .icon-ranking-line {
    position: absolute;
    top: 0;
    width: 218px;
    left: 15px;
}

.main .r-game-list div a {
    display: block;
    font-size: 14px;
}

.main .r-game-list p,
.main .r-game-list div a {
    margin-top: 6px;
    height: 16px;
    overflow: hidden;
    line-height: 16px;
}


.main .width84 {
    width: 84px;
}

.main .width158 {
    width: 158px;
    text-align: left;
}

.main .star-list {
    position: absolute;
    top: 43%;
    right: 15px;
}

.main .imgnoradius img {
    width: 100%;
    height: 100%;
    border-radius:10px !important;
}
.tempWrap .list .po img {
 float: inherit;
    width:auto;
    height: auto;
}
.vip-list-box {
    width: 100%;
}

.main .select-group {
    width: 218px;
    height: 34px;
    padding: 0 9px;
    border: 1px solid #d6d6d6;
    margin-left: 15px;
    position: relative;
    cursor: pointer;
}

.main .select-group>i {
    position: absolute;
    top: 45%;
    right: 9px;
}

.main .select-group .border {
    border: 1px solid #d6d6d6;
}

.main .select-group a:hover {
    color: #333333;
}

.main .select-group>input {
    border: 0px;
    width: 105%;
    height: 100%;
    cursor: pointer;
    z-index: 80;
    background-color: transparent;
}

.main .sel-option {
    width: 218px;
    position: absolute;
    top: 32px;
    left: -1px;
    z-index: 99;
    background-color: #ffffff;
    max-height: 375px;
    overflow-y: auto;
}

.main .sel-option .sel-search {
    padding: 5px 4px 4px 5px;
    background-color: #F5F5F5;
    position: relative;
    border-bottom: 1px solid #d6d6d6;
}

.main .sel-option .sel-search input {
    height: 25px;
    width: 100%;
    padding-left: 24px;
}

.main .sel-option .sel-search .icon-search {
    position: absolute;
    top: 11px;
    left: 12px;
}

.main .sel-option li {
    height: 34px;
    overflow: hidden;
}

.main .sel-option li:hover {
    background-color: #F5F5F5;
}

.main .sel-option li a {
    padding: 0 9px;
    line-height: 34px;
    width: 100%;
    height: 100%;
}

.main .ee {
    margin-left: 15px;
}

.main .ee a {
    height: 34px;
    line-height: 34px;
    font-size: 14px;
}

.main .echarts {
    height: 174px;
    width: 218px;
    margin: 22px auto 18px;
}

.main .visibility {
    visibility: hidden;
    position: absolute;
    z-index: -1;
}

.main .left-suspended {
    position: absolute;
    left: -66px;
    width: 50px;
    top: 80px;
    text-align: center;
    z-index: 999;
}

.main .left-suspended table td {
    height: 50px;
    width: 50px;
}

.main .left-suspended table td:hover a {
    color: #EB593C;
}

.main .left-suspended table td:hover a p {
    color: #EB593C;
}

.main .left-suspended table td:hover a i {
    background: url("../images/index_icon.png") no-repeat -186px -105px;
}

.main .left-suspended .active {
    background-color: #EB593C;
    border: 1px solid #EB593C;
}

.main .left-suspended .active a {
    color: #fff;
}

.main .left-suspended .active:hover a {
    color: #fff;
}
.main .list-tuiguang ul li {
    width: 20%
}
.main .rankinglist1 .rightw p+p {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main .news2 .swiper-slide {
    overflow: hidden;
}

.swiper-slide .name {
    margin-bottom: 20px;
    margin-right: 5px;
}

.comboboxwrap {
    box-sizing: content-box;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    padding: 16px 16px 11px;
    width: 916px;
    background-color: #fff;
    border: solid 2px #EB593C;
    color: #333;
}

.companyname+span+p,
.companyname+span+p+p {
    margin-right: 1px;
}

.combobox-wrap-index {
    width: 918px;
    padding: 14px;
}

.combobox-wrap-index .combobox-body .tag-list li {
    width: 137px;
}

.combobox-wrap-index .combobox-body .tag-list li a {
    padding: 0 6px;
}

.main .badge{
    height: 18px;margin-right: 7px;
    line-height: 18px;
    position: relative;
    display: inline-block;
    padding: 0 4px;
    font-size: 12px;
    text-align: center;
    background-color: #FF5722;
    color: #fff;
    border-radius: 5px;
}