@charset "utf-8";


.classes-wrap{overflow: hidden;}
.content{width: 1200px;margin: 0 auto;position: relative;}
.content:after{content: '';clear: both;height: 0;display: block;}
.clearfix:after{content: " ";display: table;clear: both;width: 100%;}
.classes-wrap .classes-item{width: 25%;float: left;cursor: pointer;padding: 81px 0 58px;position: relative;z-index: 1;overflow: hidden;}
.classes-wrap .classes-item.active:after{display: block;}
.classes-wrap .classes-item:after{content: " ";position: absolute;z-index: 2;background: url(../img/helpCenter_sprites.png) no-repeat -56px -235px;width: 36px;height: 18px;bottom: 0;left: 50%;margin-left: -18px;display: none;}

.classes-wrap .classes-item .icon{width: 110px;height: 90px;background-image: url(../img/helpCenter_sprites.png);background-repeat: no-repeat;display: block;margin: 0 auto;}

.classes-wrap .classes-item.active .text{color: #e00;font-weight: 700;}
.classes-wrap .classes-item .text{font-size: 14px;color: #535353;display: block;text-align: center;font-weight: 400;margin-top: 15px;}

.classes-wrap .classes-item .icon.icon-award{background-position: -15px 1px;}
.classes-wrap .classes-item:hover .icon.icon-award,
.classes-wrap .classes-item.active .icon.icon-award{background-position: -15px -100px;}

.classes-wrap .classes-item .icon.icon-award2{background-position: -140px 1px;}
.classes-wrap .classes-item:hover .icon.icon-award2,
.classes-wrap .classes-item.active .icon.icon-award2{background-position: -140px -100px;}

.classes-wrap .classes-item .icon.icon-award3{background-position: -260px -2px;}
.classes-wrap .classes-item:hover .icon.icon-award3,
.classes-wrap .classes-item.active .icon.icon-award3{background-position: -260px -100px;}

.classes-wrap .classes-item .icon.icon-award4{background-position: -387px -2px;}
.classes-wrap .classes-item:hover .icon.icon-award4,
.classes-wrap .classes-item.active .icon.icon-award4{background-position: -387px -100px;}


/*内容*/


.list-wrap{background: #fff;padding: 10px;margin-bottom: 50px;box-sizing: border-box;display: none;}
.list-wrap.active{display: block;}
.list-wrap .list-title{font-size: 22px;color: #000;margin-bottom: 20px;}
.list-wrap .list-title .icon-question{width: 26px;height: 29px;display: inline-block;vertical-align: -8px;margin-right: 10px;background: url(../img/helpCenter_sprites.png) no-repeat -10px -235px;}
.list-wrap .list-content .list-item{display: block;padding: 32px 0 32px 13px;position: relative;z-index: 1;border-bottom: 1px solid #e5e5e5;font-size: 16px;line-height: 21px;}
.list-wrap .list-content .list-item a{text-decoration: none;color: #535353;}
.list-wrap .list-content .list-item a:hover{color: #4381fd;}
.list-wrap .list-content .list-item a:before{content: " ";background: #b2b2b2;width: 4px;height: 4px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;position: absolute;z-index: 1;top: 42px;left: 0;}
.pagination{margin-top: 45px;text-align: right;display: block;width: 100%;}
.pagination__item{padding: 8px 10.5px;margin: 0 4px;box-sizing: border-box;display: inline-block;border: 1px solid #dadada;border-radius: 4px;font-size: 12px;color: #535353;background: #fff;cursor: pointer;}
.pagination__item:hover{background-color: #b1b1b1;border-color: #999;color: #fff;}
.pagination__item.is-active{background-color: #4381fd;border-color: #4381fd;color: #fff;cursor: default;}




.brandlist-industry-box { margin-bottom: 0;}
.brandlist-industry-box .hd {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #EF0025;
    line-height: 1;
    font-size: 0;
}
.brandlist-industry-box .hd b{
    font-size: 25px;
    display: inline-block;
    margin: 0 36px;
    color: #595959;
    padding-bottom: 10px;
}
.brandlist-industry-box .hd b:hover{ cursor: pointer;}
.brandlist-industry-box .hd b.on{border-bottom: 5px solid #FD1431;color: #000;}

.brandlist-industry .head-s {
    width: 100%;
    text-align: center;
    padding: 12px 0  0;
}
.brandlist-industry .head-s i{
    font-size: 18px;
    font-weight: bold;
    color: #646464;
    padding: 5px 25px;
    display: inline-block;
    margin: 0 5px;
}
.brandlist-industry .head-s i:hover{ cursor: pointer;}
.brandlist-industry .head-s i.on{
    background: #FFC2CA;
    border-radius: 20px;
    border: 1px solid #FD1431;
    color: #FD1431;
}


.body-s{width:1220px;margin:0 auto;overflow:hidden;height: 480px;}
.body-s ul{height: 480px;}
.body-s li{float:left;width:215px;margin:12px 15px 0 5px;padding:0px;overflow:hidden;background:#fff;border:1px solid #e3e3e3;}

.body-s li span{display:block;width:100%;height:50px;font:16px/50px "microsoft yahei";color:#000;text-align:center;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.body-s li img{display:block;width:215px;height:150px;margin:0 auto;}
.body-s li dt,.body-s li dd{float:left;width:65%;height:26px;line-height:26px;color:#999;}
.body-s li dd{width:30%;padding-right:5%;}
.body-s li dt em{color:#f00;}
.body-s li dd a{display:block;width:64px;height:24px;line-height:24px;margin:0;font-size:12px;color:#f00;text-align:center;background:linear-gradient(#fce9f2,#fff);border:1px solid #034bf5;border-radius:5px;box-shadow:0 3px 3px #f4c6ce;}
.body-s li dd a:hover{color:#fff;background:linear-gradient(#e14367,#dc2550);}
.body-s li:hover{border:1px solid #f00;box-shadow:0 0 6px #f000;}


.footer{width:1379px;margin:0 auto;}