.divid-block{height: 0.16rem;background-color: #F7F8F8;border-top: 0.02rem solid #e0e0e0;}
.wsc-layoutCon{ margin-left:auto;margin-left: auto;}
.left-block{float: left;}
.right-block{float: right;}
.rotate180{ transform: rotateZ(180deg);}
.rotate45{transform: rotateZ(45deg);}
.layout-content{padding: 0.4rem 0;}


/*head*/
.wsc-Top{height: 1rem;background-color: #fff;box-shadow: -0.02rem 0.12rem 0.24rem 0px rgba(0, 0, 0, 0.03);}
.wsc-TopCon{position: fixed;left: 0;top: 0;height: 1rem;width: 100%;box-sizing: border-box;padding: 0 0.3rem;background-color: #254288;z-index: 99999;}
.top-menu{position: absolute;left: 0.32rem;top: 0;bottom: 0;margin: auto;  height: 1rem;width: 0.54rem;background: url(../images/m-top-menu.png) no-repeat center center;background-size: 0.54rem auto;}
.wsc-logo{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto; width:2.96rem;height: 0.50rem; text-align: center;}
.wsc-logo img{ height: 0.5rem}
.wsc-TopBar{position: fixed;right: -100%;top: 0;background-color: #fff;width: 100%;height: 100%;transition: all 0.3s ease-in-out;z-index: 99999;overflow-y: scroll;}
.wsc-tbtop {height: 1rem;padding: 0 0.3rem;position: relative;background-color:#254288; }
.top-close{height: 1rem;width: 0.72rem;position: absolute;left: 0.2rem;top: 0;bottom: 0;margin: auto; background: url(../images/m-top-close2.png) no-repeat 0 center;background-size: 0.72rem auto;}
.top-search {
    float: right;
    height: 1rem;
    width: 0.54rem;
    background: url(../images/m-top-search.png) no-repeat center center;
    background-size: 0.54rem auto;
}
.searCont .top-close {
    right:-6.2rem;
    background: url(../images/m-top-close.png) no-repeat 0 center;
    background-size: 0.72rem auto;
}
.searCont {
    position: fixed;
    left: 0;
    top: 0;
    height: 1rem;
    width: 6.9rem;
    padding: 0 0.3rem;
    z-index: 999999;
    color: #555;
    background-color: #fff;
    display: none;
}
.searCont form {
    float: left;
    padding: 0.15rem 0;
}
.searCont input {
    font-size: 0.28rem;
    line-height: 0.6rem;
    height: 0.6rem;
    width: 5.68rem;
    border: none;
    outline: none;
    padding: 0.05rem 0.1rem;
    border-radius: 0.02rem;
    color: #555;
    background-color: #f6f6f6;
}
.wsc-TopSearch { padding: 0.3rem 0.3rem;}
.wsc-TopSearch input {font-size: 0.28rem;line-height: 0.52rem;width: 100%;height: 0.72rem;box-sizing: border-box;border: none;outline: none;padding: 0.1rem 0.2rem 0.1rem 0.74rem; border-radius: 0.04rem;color: #333333;background: #F7F8F8 url(../images/m-top-search.png) no-repeat 0.12rem 0.12rem;background-size: 0.5rem auto;}
.wsc-TopSearch input::placeholder {color: #999999;font-weight: 300;}
.wsc-TopNav {padding: 0.3rem;overflow-y: scroll;}
.wsc-hnCont { }
.hn-item {margin-top: 0.3rem;border-top: 0.02rem solid #EAEAEA;padding-top: 0.3rem;}
.hn-item:first-child { border-top: 0;margin-top: 0;padding-top: 0;}
.hn-item:first-child .hn-text {margin-top: 0;border-top: 0;padding-top: 0;}
.hn-text {font-size: 0.28rem;line-height: 0.4rem;color: #333333;font-weight: 300;}
.hn-item.active .hn-text{font-weight: bold;}
.hn-text a{float: left;width: 5rem;}
.hn-arr {float: right;width: 1.5rem;font-size: 0;text-align: right;line-height: 1;}
.hn-text span {display: inline-block;height: 0.4rem;width: 0.25rem;background: url(../images/m-hnarr.png) no-repeat right center;background-size: 0.25rem auto;transition: all 0.3s ease-in-out;}
.hn-drop {padding-top: 0.3rem;overflow: hidden;display: none;}
.hn-droplist {margin-top: -0.04rem;margin-right: -0.06rem;}
.hn-drop li {float: left;width: 3.32rem;height: 0.8rem;margin-top: 0.04rem;margin-right: 0.04rem;}
.hn-drop li a {display: block;padding: 0.23rem 0.3rem;font-size: 0.24rem;height: 0.34rem;line-height: 0.34rem;color: #333333;font-weight: 300;background-color: #F7F8F8;}

                .hn-item:nth-of-type(4) .hn-drop li:last-child a{
                  padding: 0.1rem 0.3rem;
                  font-size: 0.24rem;
                  height: 0.6rem;
                  line-height: 0.3rem;
                }
                .wsc-TopLan {padding: 0.3rem;}
.lan-list {overflow: hidden;}
.lan-list ul {margin-top: -0.04rem;margin-right: -0.06rem;}
.lan-list li{float: left;min-width: 1.50rem;height: 0.70rem;margin-top: 0.04rem;margin-right: 0.04rem;}
.lan-list a{display: block;height: 100%;text-align: center;background: #F7F8F8;line-height: 0.70rem;font-size: 0.24rem;color: #333333;padding: 0 0.3rem;}

.wsc-banner{
    height: 4.28rem;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 2;
}
.wsc-banner .container{
    width: unset;
}
.banTit{
    width: 7.5rem;
    margin: auto;
    font-size: 0.36rem;
    font-weight:600;
    line-height:0.5rem;
    color: #fff;
    padding-top:1.12rem;
}
.banText{
    font-size:0.24rem;
    line-height: 0.4rem;
    color: #fff;
    width: 7.5rem;
    margin: 0.36rem auto 0;
}
/*foot*/
.wsc-foot{padding:0.4rem 0.32rem;background-color: #08142C;}
.wsc-foot .ft-logo{  text-align: center;}
.wsc-foot .ft-logo img{
  height:0.82rem;
}
.wsc-foot .ft-tel{
    font-size:0.48rem;
    font-family:Arial;
    font-weight:bold;
    text-align: center;
    line-height:0.48rem;
    margin: 0.24rem auto 0.38rem;
    color:rgba(255,255,255,1);
}
.ft-ewm{
    height: 1.6rem;
    width: 1.6rem;
}
.ft-ewm img{
    width: 100%;
}
 
.ft-search input::placeholder{color: #999999;font-size: 16px;}
.ft-search{overflow: hidden;}
.ft-search form{padding-right: 1.56rem;}
.ft-search input{float: left;width: 100%;height: 0.92rem;box-sizing: border-box;padding:0.2rem 0.2rem 0.2rem 0.32rem ;font-size: 0.28rem;line-height: 0.48rem;border: 0.02rem solid #3B414F;background-color: #08142C;color: #DEDEDE;}
.ft-search input:focus{border-color: #626262;}
.wsc-footCon .hot-search{text-align: center;}
.wsc-footCon .hot-search a{
    font-size:0.24rem;
    color: #999999;
    margin-right: 0.08rem;
}
.ft-text{

}
.ft-search button{float: left;height: 0.92rem;    margin-right: -1.56rem;width: 1.56rem;background: #2761C4;color: #fff;text-align: center;}
.ft-hot{
    padding: 0.3rem 0 0.36rem;
    border-bottom: 0.02rem solid rgba(229,229,229,0.15);
}

.fn-item{margin-top: 0.3rem;padding-bottom: 0.3rem;border-bottom: 0.02rem solid rgba(229,229,229,0.15);}
.fn-text{position: relative;font-size: 0.32rem;color: #868686;line-height: 0.48rem;}
.fn-text span{position: absolute;top: 0;right: 0.1rem;height: 0.42rem;width: 0.5rem;background: url(../images/ft-jia.png) no-repeat right center;background-size: 0.22rem auto;}
.fn-text span.clicking{background-image: url(../images/ft-jian.png);}
.fn-list{display: none;font-size: 0.24rem;line-height: 0.68rem;color: #999999;margin-top: 0.2rem;}
.wb-main{padding: 0rem  0.32rem 1.7rem;background-color: #08142C;font-size: 0.24rem;color: #666666;line-height: 0.44rem; position: relative;}
.wb-wscico{font-size:0; position: absolute; right: 0.3rem;top: 0.2rem}
.wb-wscico img{width: 0.44rem;border-radius: 0.28rem; display:inline-block; vertical-align:middle}
.wb-text{float: left}
.wb-zc{margin: 0.08rem 0 0 }
.wb-text span{margin-right: 0.1rem; float: left;}
.wb-text a{margin-right: 0.1rem; float: left;font-size: 0.24rem;}
.wb-text em{margin-right: 0.1rem; float: left;}
/*breadNav*/
.wsc-bread{ padding: 0 0.3rem;background-color: #F6F6F6;}
.wsc-breadCon{color:#999999;font-size:0;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;height: 0.80rem; line-height: 0.80rem;}
.wsc-bread a,.wsc-bread em,.wsc-bread span,.wsc-bread strong,.wsc-bread h1{display: inline;font-weight: normal; font-size:0.24rem;vertical-align: top;}
.wsc-bread strong{display:none}
.wsc-bread h1{
    color: #555;
    font-family:ArialMT;
}
.wsc-bread h1,.wsc-bread em{color: #333333;line-height: unset;}
.wsc-bread span{display: inline-block; margin: 0 0.2rem; background: url(../images/bread-arr.png) no-repeat center center;font-size:0;width:0.08rem; height:0.8rem;}


/* editor*/
.wsc-edit{font-size: 0.28rem; line-height:1.6; overflow:hidden}
.wsc-edit p{margin:0.1rem 0;}
.wsc-edit img,.wsc-edit video{max-width: 100%;}
.wsc-edit ul{margin:0.1rem 0}
.wsc-edit li{list-style: disc inside none}
.wsc-edit table{display: block;height:unset !important;width:unset !important;max-width: 100%;border: 0;overflow-x: scroll;}
.wsc-edit td{border: 1px solid #fff;padding:0.1rem;white-space: nowrap;}
.wsc-editTit{font-size:0.32rem; margin-top:0.3rem;}
.wsc-editCon{margin-top:0.3rem;}


/*tags*/
.wsc-tags{margin-top: 0.32rem;}
.wsc-tagsCon{margin-top: -0.1rem;}
.wsc-tags a{border:0.02rem solid #cccccc;padding:0.07rem 0.2rem;color: #999999;font-size: 0.28rem;margin-right: 0.2rem;margin-top: 0.2rem;transition: 0.3s;border-radius:0.08rem; float:left;line-height:0.48rem;}



/*
model-class
*/
.wsc-class1{overflow: hidden;background-color:#F5F5F5;padding:0.4rem 0.32rem;display: none;}

.wsc-classCon1{margin-top: -0.14rem;margin-right: -0.14rem;}
.wsc-classCon1   .classItem{ float: left;margin-right: 0.14rem;margin-top: 0.14rem;width: 3.36rem;height: 0.88rem;text-align: center;box-sizing: border-box;}
.wsc-classCon1   .classItema a{display: block;height: 0.86rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 0.28rem;line-height: 0.86rem;color: #868686;transition: 0.36s;background-color: #fff;border-radius: 0.08rem;}
.wsc-classCon1   .classItema i{display: none;}
.wsc-classCon1   .wsc-class .active .classItema a{background-color: #3560CA;color: #fff;}

.wsc-class{padding: 0.4rem 0.32rem;overflow: hidden;}

.wsc-classCon{margin-top: -0.2rem;margin-right: -0.21rem;}
.wsc-classCon    .classItem{ float: left;margin-right: 0.2rem;margin-top: 0.2rem;width: 3.32rem;height: 0.88rem;text-align: center;box-sizing: border-box;border: 0.01rem solid #ebebeb;padding: 0 0.2rem;}
.wsc-classCon   .classItema a{display: block;height: 0.86rem;overflow: hidden;white-space: nowrap;background-color: none; text-overflow: ellipsis;}
.wsc-classCon   .classItema span{font-size: 0.3rem;line-height: 0.86rem;color: #666666;transition: 0.36s;}
.wsc-classCon  .classItema .arr{display: none;}
.wsc-classCon   .classItem.active span{color: #333333;font-weight: bold;}

/*listItem*/
.lTit{position: relative;line-height: 0.48rem; height:0.48rem;position: relative;}
.lTit .lTitText{float: left;font-size: 0.34rem;color: #333333;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 0.28rem;width: 6rem;}
.lTitMore{font-size: 0;color: #999999;position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: right;}
.lTitMore span{display: inline-block;padding-right: 0.2rem;background: url(../images/pc-more.png) no-repeat right center;background-size: 0.1rem auto;}
.lTit .line{position: absolute;left: 0px;top:0px;bottom: 0;margin: auto; width: 0.1rem;height: 0.36rem;}

.lMain{overflow: hidden;}
.lMain .list-main{margin-top:0.2rem;}
.lMain .list-main2{ margin:0 -0.1rem 0;}
.layout-content .layout-list .lTit{ margin-top: 0.3rem; }
.layout-content .layout-list:first-child .lTit{margin-top: 0px;}
.lMain	.list-mark{font-size:0.28rem;line-height: 0.48rem;margin-top:0.1rem;color: #999999;}
.list-cate{font-size: 0.2rem;
    color: #868686;
    line-height: 0.28rem;
    padding-right: 0.12rem;
    margin-top: 0.08rem;
    float: left;

}
.lMain		.list-tags{font-size:0.28rem;display:inline;margin-right:0.2rem;}
.lMain		.list-tags a{margin-right: 0.1rem; }


.wsc-search-list .list-item  ,.new-main .list-item  , .lMain .list-item {
    height:2.18rem;
    padding: 0.2rem;
    margin-top: 0.2rem;
    background:rgba(245,245,245,1);
    box-sizing: border-box;
}
.wsc-search-list .list-picitem , .lMain .list-picitem ,.new-main .list-picitem{
    padding-left:2.8rem;
}
 
.list-picitem .list-img{
    float: left;
    width:2.38rem;
    margin-left: -2.6rem;
    height:1.78rem;
    overflow: hidden;
}
.list-picitem .list-img img{
    width: 100%;
}
.list-picitem .list-info ,.new-main .list-info  ,.lMain .list-info ,.wsc-search-list  .list-info{
    float: left;
    width: 100%;
}

.list-picitem .list-tit ,.new-main .list-tit ,.lMain .list-tit ,.wsc-search-list  .list-tit{
    font-size:0.28rem;
    line-height:0.48rem;
    color:rgba(34,34,34,1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.list-picitem .list-text,.new-main .list-text , .lMain .list-text ,.wsc-search-list  .list-text{
    font-size: 0.24rem;
    line-height: 0.4rem;
    margin-top: 0.1rem;
    color: #868686;
    height: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-picitem .list-time ,.new-main .list-time ,.lMain .list-time ,.wsc-search-list  .list-time{
    font-size: 0.2rem;
    color: #868686;
    line-height: 0.28rem;
    margin-top: 0.08rem;
    float: left;
}
.list-item2{width:50%;float:left;box-sizing: border-box;padding: 0 0.1rem;margin-top:0.2rem;}
.list-img2{overflow: hidden; margin:0; float:none;border:0.02rem #e0e0e0 solid;position: relative;box-sizing: border-box;}
.list-img2 img{width: 100%;}
.list-info2 {overflow: hidden;padding:0.1rem;border:0.02rem #e0e0e0 solid;border-top: 0;}
.list-info2 .list-tit2{font-size: 0.28rem;line-height: 0.48rem;color: #333333;overflow: hidden;text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; height:0.96rem; }

.list-img2 .list-imgicon{position: absolute;right: 0.1rem;bottom: 0.1rem;width: 0.44rem;height: 0.38rem;background: url(../images/pic-ico.png) no-repeat center center;background-size: cover;}
.list-img2 .list-playicon{position: absolute;left: 0; right: 0;top: 0; bottom: 0;margin: auto; width: 0.72rem;height: 0.72rem;background: url(../images/play-ico.png) no-repeat center center;background-size: cover;}
.list-img2 .list-lentime{position: absolute;right: 0.1rem;bottom: 0.1rem;height: 0.44rem;line-height: 0.44rem;padding: 0 0.1rem; background-color: rgba(0, 0, 0, 0.6);font-size: 0.24rem;color: #ffffff;}

.list-main3{margin-top: 0.4rem;}
.list-item3{position: relative;display: block;margin-top: 0.2rem;padding-top: 0.2rem;border-top: 0.02rem dashed #e0e0e0;padding-right: 1.5rem;}
.list-tit3{font-size: 0.32rem;line-height: 0.48rem;color: #333333;height: 0.48rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; width: 100%;float: left; }
.list-time3{float: right;color: #999999;width: 1.5rem;margin-right: -1.5rem;text-align: right;line-height: 0.48rem;}



/*
search
*/

.wsc-search{padding: 0.4rem 0.32rem;overflow: hidden;}
.search-form{margin: auto;}
.search-form form{display: block;padding-right: 1.54rem;}
.search-form input{width: 100%;height: 0.88rem;box-sizing: border-box;border: solid 0.02rem rgba(235, 235, 235, 0.8);background-color: #fff;transition: 0.36s;padding: 0.2rem 0.3rem;font-size: 0.24rem;line-height: 0.44rem;color: #333333;float: left;}
.search-form input::placeholder{color: #868686;font-size: 0.24rem;}
.search-form input:focus{background-color: #fff;}
.btn-search{font-size: 0.24rem; margin-right: -1.54rem;width: 1.54rem;color:#fff; height: 0.88rem; float: left;background: #3560CA;cursor: pointer;transition: 0.36s;}
            .wsc-search .btn-search{
              background:#3560CA  url(../images/m-top-search.png) no-repeat center center;background-size: 0.54rem auto;
            }
.wsc-search-main{margin: 0.3rem auto 0;}

.search-tab{line-height: 0.38rem;border-bottom: 0.01rem solid #eaeaea;padding: 0 0.4rem;}
.search-tab ul{display: flex;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;}
.search-tab ul::-webkit-scrollbar{display: none;}
.search-tab li{font-size: 0.3rem;color: #666666;position: relative;margin-right: 0.6rem;padding-bottom: 0.2rem;}
.search-tab li span{font-size: 0;position: absolute;left: 0;right: 0;bottom:0;margin: auto;width: 0;height: 0.04rem;transition: 0.36s;}
.search-tab li a{display: block;}
.search-tab .active span,.search-tab li:hover span{width: 100%;}

.sl-count{font-size: 0.26rem;line-height: 0.28rem;margin: 0.3rem 0 0;color: #999999;}


.wsc-search-none{}
.search-none-tit{font-size: 0.36rem;line-height: 0.38rem;color: #333333;}
.search-none-tip{font-size: 0.28rem;margin-top: 0.44rem;color: #666666;line-height: 0.6rem;}



/* tags-page*/
.wsc-list-tag.list-main{margin-top: -0.2rem;}
.wsc-list-tag .list-item{box-sizing: border-box;padding: 0.39rem;margin-top: 0.2rem;border: solid 0.01rem #e0e0e0;transition: 0.36s;position: relative;}
.wsc-list-tag .list-tit {width: 4.5rem;font-size: 0.3rem;line-height: 0.32rem;color: #333333;transition: 0.3s;height: 0.32rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wsc-list-tag .list-time {position: absolute;top: 0.4rem;right: 0.4rem;font-size: 0.24rem;line-height: 0.32rem;color: #999999;}
.wsc-list-tag .list-text{font-size: 0.26rem;line-height: 0.44rem;color: #999999;margin-top: 0.2rem;max-height: 0.88rem;overflow: hidden;text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}



.wsc-tags-list{padding: 0.4rem 0.3rem 0.8rem;}
.taglist-tit{font-size: 0.38rem;line-height: 0.42rem;color: #333333;font-weight: bold;}
.taglist-text{margin-top: 0.3rem;font-size: 0.26rem;line-height: 0.44rem;color: #666666;}

.taglist-main{margin-top: 0.4rem;border-top: 0.01rem solid #ebebeb;padding-top: 0.4rem;}
.taglist-item{margin-top: 0.8rem;}
.taglist-item:first-child{margin-top: 0;}



.wsc-tags-detail{padding: 0.5rem 0.3rem 0.8rem;overflow: hidden;margin: auto;}





/*
detailpage
*/
.d-tit{ font-size:0.36rem;line-height:1.6;font-weight: bold;color: #222;margin: 0 0.32rem;}
.d-info{line-height:0.48rem;margin:0.2rem 0.32rem 0;color: #868686; font-size: 0.2rem;padding-bottom: 0.14rem; border-bottom:0.02rem solid rgba(229,229,229,1);}
.d-time,.d-views,.d-author{display:inline}
.infobor{margin:0 0.12rem; font-size: 0;}
.d-intro{padding:0.2rem;background-color:#f6f6f6;line-height: 0.4rem;color: #868686;margin: 0.32rem 0.32rem 0;font-size: 0.24rem;}
.d-cover{margin: 0.2rem 0.32rem 0;padding-bottom: 0.2rem;border-bottom: 0.02rem solid #e0e0e0;}
.d-cover img{vertical-align: middle;max-width: 100%;}
.d-cover-text{color: #999999;font-style: italic;margin-top: 0.2rem;}
.d-attr{margin-top: 0.2rem;}
.d-attr th{width: 2rem;vertical-align: top;padding: 0.1rem 0;}
.d-attr td{line-height: 1.6;vertical-align: top;padding: 0.1rem 0;}
.d-btn{margin-top: 0.2rem; font-size: 0;}
.d-btn .btn{margin-top: 0.1rem;}
.d-btn .btn:first-child{margin-top: 0;}
.d-video{}
.d-video video{width: 100%;}
.d-content{margin: 0.2rem 0.32rem 0;}


/*side-bar*/

.side-link {margin-top: 0.2rem;padding: 0.28rem 0; border-top: 0.02rem solid #E5E5E5;border-bottom: 0.02rem solid #E5E5E5;}
.side-link .link-item:first-child{
    margin-bottom: 0.14rem;
}
.side-link .item-dt ,.side-link .item-dd{display: inline-block;      line-height: 0.36rem; vertical-align: middle; font-size: 0.28rem;color: #222222;}
.side-link .item-dd{
    width: 5.6rem;
    line-height: 0.32rem;
    padding-left: 0.06rem;
    display: inline-block;
    overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;
}
.wsc-detlink{margin-top: 0.3rem;padding: 0.3rem;border: solid 0.02rem #e0e0e0;background: url(../images/pdtab-line.png) no-repeat center center;background-size: 0.02rem auto;}
.dl-prev,.dl-next{width: 50%;font-size: 0.28rem;line-height: 0.4rem;box-sizing: border-box;}
.dl-prev{float: left;padding-left: 0.48rem;padding-right: 0.1rem;}
.dl-prev .item-dt,.dl-prev .item-dd{float: left;}
.dl-next{float: right;padding-right: 0.48rem;text-align: right;padding-left: 0.1rem;}
.dl-next .item-dt,.dl-next .item-dd{float: right;}

.wsc-detlink .item-dt{color: #999999;width: 0.48rem;font-size: 0;}
.dl-prev .item-dt{margin-left: -0.48rem;}
.dl-next .item-dt{margin-right: -0.48rem;}
.wsc-detlink .item-dd{color: #333333;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.dl-pic .dl-prev .item-dt{background: url(../images/dl-picico.png) no-repeat 0 center;background-size: 0.32rem auto;}
.dl-pic .dl-next .item-dt{background: url(../images/dl-picico.png) no-repeat right center;background-size: 0.32rem auto;}
.dl-video .dl-prev .item-dt{background: url(../images/dl-video-prev.png) no-repeat 0 center;background-size: 0.32rem auto;}
.dl-video .dl-next .item-dt{background: url(../images/dl-video-next.png) no-repeat right center;background-size: 0.32rem auto;}



.page-relate{padding: 0.4rem 0.3rem;}

.wsc-relate{background-color:#FFFFFF;padding: 0.4rem 0.32rem;}
.rTit{height: 0.44rem;position: relative;}
.rTitText{float: left;font-size: 0.32rem;line-height: 0.44rem;color: #222222; position:relative;
    font-weight:600;}
.rTitMore{position: absolute;right: 0;
    font-size: 0.24rem;
    color: #3560CA;
    line-height: 0.44rem;
    top: 0;width: 100%;height: 100%;box-sizing: border-box;text-align: right;}
.rTitMore span{display: inline-block;background: url(../images/m-more.png) no-repeat right center;background-size: 0.09rem auto;padding-right: 0.24rem;}
.rTit .line{position: absolute;left: 0px;top:0.64rem;width: 100%;height: 0.06rem;}
.wsc-line{   height:0.2rem;background:rgba(245,245,245,1);
}
.rTit2{
    height: 0.5rem;
}
.rTit2 .rTitText{
    font-size: 0.36rem;
    line-height: 0.5rem;
    font-weight: normal;
}
.rTit2 .rTitMore{
    line-height: 0.5rem;
}
.rTit3{
    height: 0.5rem;
}
.rTit3 .rTitText{
    font-size: 0.36rem;
    line-height: 0.5rem;
}
.rTit3 .rTitMore{
    line-height: 0.5rem;
}
.rList{overflow: hidden;}
.rlist-style1 .rlist-picitem{padding-left:1.8rem;}
.rlist-style1 .rlist-img{margin-left: -1.8rem;width: 1.6rem;float: left;}
.rlist-style1 .rlist-img img{width: 100%;}
.rlist-style1 .rlist-info{width:100%;float: left;}

.rlist-style1 , .rlist-style2{width: 100%;overflow: hidden;margin-top: -0.24rem;}
.rlist-style1 .rlist-item {border: 0.02rem  solid #E5E5E5;margin-top:0.24rem;padding:0.2rem 0.24rem 0.2rem ;box-sizing: border-box; position:relative;height:1.44rem; width:100%;}
/* .rlist-style1 .rlist-item , .rlist-style2 .rlist-item{border: 0.02rem  solid #E5E5E5;margin-top:0.24rem;padding:0.2rem 0.24rem 0.2rem ;box-sizing: border-box; position:relative;height:1.44rem; width:100%;} */
.rlist-style1 .rlist-tit , .rlist-style2 .rlist-tit{line-height: 0.48rem;color: #222222;   overflow: hidden;  text-overflow: ellipsis;white-space: nowrap;font-size: 0.28rem;}
.rlist-style1 .rlist-time  , .rlist-style2 .rlist-time{color: #868686;margin-top: 0.18rem;font-size: 0.2rem; line-height:0.28rem}
.rlist-style1 .rlist-item {
    background-color: #f5f5f5;
    border: none;
}

.rlist-style3{padding:0 0.2rem 0.2rem;overflow: hidden;}
.rlist-style3 .rListCon{margin:0 -0.1rem;}
.rlist-style3 .rlist-imgitem{width:50%;float:left;box-sizing: border-box;padding: 0 0.1rem;margin-top:0.2rem;}
.rlist-style3 .rlist-img{overflow: hidden; margin:0; float:none;border:0.02rem #e0e0e0 solid;position: relative;box-sizing: border-box;}
.rlist-style3 .rlist-img img{width: 100%;}
.rlist-style3 .list-imgicon{position: absolute;right: 0.1rem;bottom: 0.1rem;width: 0.44rem;height: 0.38rem;background: url(../images/pic-ico.png) no-repeat center center;background-size: cover;}
.rlist-style3 .list-playicon{position: absolute;left: 0; right: 0;top: 0; bottom: 0;margin: auto; width: 0.72rem;height: 0.72rem;background: url(../images/play-ico.png) no-repeat center center;background-size: cover;}
.rlist-style3 .list-lentime{position: absolute;right: 0.1rem;bottom: 0.1rem;height: 0.44rem;line-height: 0.44rem;padding: 0 0.1rem; background-color: rgba(0, 0, 0, 0.6);font-size: 0.24rem;color: #ffffff;}
.rlist-style3 .rlist-info{overflow: hidden;padding:0.1rem;border:0.02rem #e0e0e0 solid;border-top: 0;}
.rlist-style3 .rlist-tit{font-size: 0.28rem;line-height: 0.48rem;color: #333333;overflow: hidden;text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; height:0.96rem; }
.rlist-style3 .rlist-btn{margin: 0 -0.1rem;}
.rlist-style3 .list-btn{width: 50%;box-sizing: border-box;padding: 0 0.1rem;float: left;margin-top: 0.2rem;}
.rlist-style3 .rlist-btn a{display: block;height: 0.6rem;line-height: 0.56rem;box-sizing: border-box;text-align: center; text-align: center;font-size: 0.24rem;}





/* newsjuhe */
.layout-juhe{
    padding: 0.4rem 0.3rem;

}
.layout-juhe:first-child{
    margin-top: 0;
}
.jh-style1{
    background-color: #f6f6f6;
    margin-top: 0.2rem;
}
.jh-main{
    padding: 0.2rem;
}
.jh-imgblock img{
    width: 100%;
}
.jh-main .list-tit{
    font-size: 0.32rem;
    line-height: 0.56rem;
    overflow: hidden;text-overflow: ellipsis;white-space: unset;
    height: 1.12rem;
    color: #333333;
    display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;
}
.jh-main .list-item{
    padding-bottom: 0;
    border-bottom: 0;
}


/*
products detail
*/

.pd-img{

}
.pd-img .d-cover{
    margin-top: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

/* pdimg 轮播组件 */
.picshow{ width:7.5rem;position: relative;overflow: hidden;}
.picshowList{position: relative;overflow: hidden;}
.picshowitem {float: left; width: 7.5rem; height: 5.67rem;position: relative;}
.picshowitem  a{display:block;}
.picshowitem  img{width:7.5rem;height: 5.67rem;display: block;}
.picshowControl{position: absolute;bottom: 0.34rem;width: 100%;text-align: center;font-size: 0;}
.picshowControl li{width: 0.2rem;height: 0.2rem;background:#F0F0F0;border-radius: 50%;display: inline-block;margin-left: 0.12rem;cursor: pointer;margin-right: 0.12rem;border: 0.02rem solid rgba(255,255,255,0.5);}
.picshowControl .active{background-color: unset;border: 0.02rem solid rgba(255,255,255,0.5);}

.picp{position:absolute;left:0;top:0;bottom: 0;margin: auto; width:0.6rem;height:0.8rem; background:url("../images/leftsw.png") no-repeat center center;cursor: pointer;transition: 0.36s; z-index: 9;background-size: 0.2rem auto;}
.picn{position:absolute;right:0;top:0;bottom: 0;margin: auto; width:0.6rem;height:0.8rem;background:url("../images/rightsw.png") no-repeat center center;cursor: pointer;transition: 0.36s;z-index: 9;background-size: 0.2rem auto;}
.picp:hover,.picn:hover{
    background-color: rgba(0,0,0,0.2);
}



/*
产品详情导航吸顶
*/

.pd-main{padding-top: 1rem;}
.pdTab-box{position: absolute;height: 1.08rem;z-index: 1000;width: 100%; background-color: #F6F6F6;top: 0;left: 0;padding-top: 0.08rem;box-sizing: border-box;}
.pdTab{height: 1rem;background-color: #F6F6F6;margin: auto;position: relative;box-sizing: border-box;}
.pdTab ul{ display: flex;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;}
.pdTab ul::-webkit-scrollbar{display: none;}
.pdTab li{float: left;height: 100%;line-height: 1rem;position: relative;text-align: center;}
.pdTab li a{display: block;height: 100%;padding: 0 0.4rem;color: #222222;transition: 0.3s;font-size: 0.28rem;}
.pdTab li span{

}
.pdTab .active{
    background-color: #fff;
    border-radius:0.08rem 0.08rem 0px 0px;
}



/*
form
*/

.comment-form{padding: 0.4rem 0.3rem;}
.fm-tit{font-size: 0.36rem;line-height: 0.48rem;color: #333333;font-weight: bold;position: relative;padding-left: 0.24rem;}
.fm-tit .line{position: absolute;left: 0;top: 0;bottom: 0;margin: auto; width: 0.06rem;height: 0.36rem;}
.cmfm-main{ margin-top: 0.2rem;}
.form-main{}
.wsc-form .fm-row{margin-top: 0.2rem;}
.wsc-form .fm-row:first-child{margin-top: 0;}
.wsc-form label{font-size: 0.28rem;line-height: 0.32rem;color: #666666;position: relative;}
.wsc-form sup{color: #da2121;top: 0;}
.wsc-form .fm-item{position: relative;width: 100%;}
.wsc-form input,.wsc-form .sel-head{width: 100%;height: 0.84rem;background-color: #f6f6f6;border: solid 0.02rem #eaeaea;box-sizing: border-box;padding: 0.18rem 0.3rem;line-height: 0.48rem;font-size: 0.28rem;color: #555555;transition: 0.36s;}
.wsc-form input::placeholder,.wsc-form textarea::placeholder{color: #B4B4B4;}
.wsc-form textarea{width: 100%;height: 2rem;background-color: #f6f6f6;border: solid 0.02rem #eaeaea;box-sizing: border-box; padding: 0.18rem 0.3rem;line-height: 0.48rem;font-size: 0.28rem;color: #555555;transition: 0.36s;display: block;}
.wsc-form input:focus,.wsc-form textarea:focus,.sel-head.clicking{ border-color: #d1d1d1;}
.wsc-form .fm-sel{position: relative;width: 100%;}
.wsc-form .sel-head .tit{float: left;color: #868686;max-width: 5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wsc-form .sel-head .sel-arr{float: right;width: 0.24rem;height: 100%;background: url(../images/sel-arr.png) no-repeat center center;transition: 0.36s;background-size: 0.2rem auto;}
.rotate180{transform: rotateZ(180deg);}
.wsc-form .sel-list{ position: absolute;left: 0;top: 0.82rem;width: 100%;height: 2.12rem;overflow-y: scroll;box-sizing: border-box;padding: 0.1rem 0.3rem;background-color: #f5f5f5;display: none;z-index: 10;-webkit-overflow-scrolling: auto !important;border: 0.02rem solid #d1d1d1;}
.wsc-form .sel-list::-webkit-scrollbar{-webkit-appearance: none; width: 4px;}
.wsc-form .sel-list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color:#D8D8D8;
}
.wsc-form .sel-list li{height: 0.6rem;line-height: 0.6rem;text-align: left; cursor: pointer;color: #868686;list-style:none;}
.wsc-form .sel-list li:first-child{border-top: 0;}

.msg-box{text-align: left;margin-top: 0.1rem;color: #da2121;line-height: 0.6rem;}
.fm-btn{margin-top: 0.3rem;}



/*
album - picture - details
*/
.d-tip{float: right;}


.albumShowCon{height: 5.63rem; background-color: #f5f5f5;overflow: hidden; position: relative;}
.albumShowConImg{position: relative;height: 100%;}
.albumShowConImg img{max-width: 100%; max-height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.albumShowimgp{position:absolute;left:0;top:0;bottom: 0;margin: auto; width:0.6rem;height:0.8rem; background:url("../images/leftsw.png") no-repeat center center;cursor: pointer;transition: 0.36s;background-size: 0.2rem auto;}
.albumShowimgn{position:absolute;right:0;top:0;bottom: 0;margin: auto; width:0.6rem;height:0.8rem;background:url("../images/rightsw.png") no-repeat center center;cursor: pointer;transition: 0.36s;background-size: 0.2rem auto;}
.albumShowimgp:hover,.albumShowimgn:hover{
    background-color: rgba(0,0,0,0.2);
}

.albumShowControl{margin-top: 0.1rem; padding: 0;position: relative;}

.albumShowList{padding: 0 0.8rem;position: relative;}
.albumShowListp,.albumShowListn{position: absolute;top: 0;bottom: 0;margin: auto;width: 0.6rem;height: 1.06rem;transition: 0.36s;}

.albumShowListp{left: 0;background: #ccc url(../images/leftsw.png) no-repeat center center;background-size: 0.2rem auto;}
.albumShowListn{right: 0;background: #ccc url(../images/rightsw.png) no-repeat center center;background-size: 0.2rem auto;}

.albumShowListCon {overflow: hidden;margin: auto;position: relative;}
.albumShowListCon ul{position: relative;}
.albumShowListCon li{float: left;width: 1.4rem;margin-right: 0.1rem;box-sizing: border-box;}

.albumShowListCon li img{width: 100%;}



/*
album detail
*/
.album-intro{padding: 0.2rem;border: 0.02rem solid #e0e0e0;}
.album-cover img{width: 100%;}
.album-info{margin-top: 0.2rem;}