/*处理浏览器缩小横向滚动条拉动右边空白，跟着版心的值变动*/
body {width:expression(document.body.clientWidth <= 1500? "1500px": "auto"); overflow-x: hidden; }


body::-webkit-scrollbar {width: 8px;}
body::-webkit-scrollbar-track-piece{ background-color: rgba(0, 0, 0, 0.2); }
body::-webkit-scrollbar-thumb:vertical {background-color:rgba(0, 0, 0, 0.4);  -webkit-border-radius:6px;}

.main-box{ width: 1500px;  margin: 0 auto ;  }
.main-boxs{ width: 1400px;  margin: 0 auto ;  }

/*侧边栏*/
.hover-side-nav{
    position: fixed;
    right: -50px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 99;
    width: 40px;
    height: 400px;
    transition: all .3s;
}

.hover-side-nav.on{
    transition: all .3s;
    right: 2px;
}

.side-ad{
    width: 100%;
    height: 90px;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
}
.side-ad img{
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 0 0;
}

.side-item{
    width: 100%;
    height:50px;
    background: #fff;
    text-align: center;
    cursor: pointer;
    position: relative;
    padding-top: 5px;
    box-sizing: border-box;
    transition: all .3s;
}

.side-item:last-child{
    border-radius: 0 0 4px 4px;
}

.side-icon{ color:#FFAC30 ; font-size: 20px; height: 20px; line-height: 20px; transition: all .3s;  }
.side-item-text{
    display: inline-block;
    font-size: 12px;
    color: #000;
    height: 18px;
    line-height: 18px;
     transition: all .3s;
}
.side-item:hover{ background: #FFAC30; transition: all .3s; }
.side-item:hover .side-icon,.side-item:hover .side-item-text{ color: #fff; transition: all .3s;  }



.side-item:hover .activeitem{ display: block; }

.kefu-div-bg{
    position: absolute;
    right: 44px;
    top: 0;
    width: 200px;
    height: auto;
    background: #fff;
    padding: 30px 10px;
    box-sizing: border-box;
    display: none;
    box-shadow: 0 2px 8px #10264040;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0);
}

.kefu-item{
    width:100%;
    height: auto;
}

.kefu-text{
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #000;
}
.kefu-time{
    width: 100%;
    height: 19px;
    margin-top: 5px;
    line-height: 19px;
    font-size: 13px;
    color: #999;
}
.kefu-btn{
    width: 100%;
    height: 40px;
    margin-top: 11px;
    background-color: #FFAC30;
    border-radius: 40px;
    position: relative;
}
.kefu-btn a{
    display: block;
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    color: #fff;
}


.fans-div-bg{
    position: absolute;
    right: 36px;
    top: 0;
    padding-right: 10px;
    width: 450px;
    height: 250px;
    display: none;
}
.fans-div{
    width: 100%;
    box-shadow: 0 2px 8px #10264040;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0);
    background: #fff;
}


.fans-wx{ width:250px!important;  }
.fans-wx:after{ display: none!important; }

.fans-qq{
    padding:30px 20px;
    box-sizing: border-box;
    position: relative;
    width: 200px;
    float: left;
    height: auto;
}
.fans-qq:after{
    content: ""; width: 1px; height: 150px; background: #f2f2f2; position: absolute; right: 0px; top: 50px;
}
.fans-title{ font-size: 14px; color: #333; height: 30px; line-height: 30px; margin-bottom: 5px;  }

.fans-q-list a {
    border: 1px solid #eee;
    border-radius: 5px;
    margin: 0 auto 10px;
    width: 100px;
    text-align: center;
    padding: 3px 0;
    color: #999;
    font-size: 12px;
    display: block;
}

.fans-q-list a:hover {
    color: #FFAC30;
    border-color: #FFAC30;
}

.fans-ewm{
    width: 105px; height: 105px; position: relative;margin:10px auto 20px;
}
.fans-ewm img{
    width: 105px; height: 105px; border-radius: 50%; transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.fans-ewm img.wxq-ewm{
    width: 105px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    border-radius: 0;
    -moz-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.fans-ewm:hover .wxq-kf,.fans-ewm:hover span{ display: none; transition: all 3s; }
.fans-ewm:hover .wxq-ewm {
    transform: rotateY(0deg);
}
.fans-wx-tips{ width: 100%; text-align: center; line-height: 40px; font-size: 12px; color: #999; }
.fans-ewm span{ position: absolute; right: 0px; bottom: 0px; font-size: 24px; color: #FFAC30; z-index: 9; transition: all 3s; }


/*头部*/
.top-cont{ width: 100%; height:72px; position: fixed; left: 0px; top: 0px; z-index: 999; background: rgba(0, 0, 0, 1);  padding: 0 40px; box-sizing: border-box;  }
.top-cont-box{ width: 100%; height: 72px;  }

.top-logo{ float: left; height:72px;  margin-right:70px;    }
.top-logo a{ width:130px; height:72px;  display:block; position:relative ; }
.top-logo a img{ width: auto;height: auto;max-height:100%;max-width:100%;left: 50%;top: 50%; position: absolute;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);  }

.top-nav { float: left; }
.top-nav a{  height:72px; line-height: 72px; font-size: 16px; margin-right: 50px;  color: #fff;  position: relative; transition: all .3s; }
.top-nav a:hover{  color: #FFAC30;  transition: all .3s; }
.top-nav a.on{ color: #FFAC30;  }

.top-right{ float: right;  }
.top-right-item{  display: inline-block; height: 72px; line-height: 72px; margin-right:25px; color: #fff; font-size: 16px; position: relative;  }
.top-right-item>a{ color: #fff; transition: all .3s;  }
.top-right-item a:hover{color: #FFAC30;  transition: all .3s;  }

.top-right-item i{ margin-right:5px;  }

.top-right-nl a{ color: #fff; font-size: 16px;  }
.top-right-nl{ display: inline-block; }

.top-right-info{ line-height:72px;  box-sizing: border-box; display: inline-block;  position: relative; height: 72px;  }
.top-right-tx{ cursor: pointer; width:40px; height: 40px; border-radius: 90px; border:1px solid #fff; box-sizing:border-box; }

.top-info-tc{ width: 230px; height: auto; background: linear-gradient(180deg, #bbb 0%, #f6f8f8 100%); position: absolute; right: -7px; top:69px; border-radius: 5px; padding: 10px 10px 45px; box-sizing: border-box; box-shadow: 0 0 8px 0 #bbb; transition: all .3s;  display:none;  }
.top-info-tc:before { position: absolute; content: '';  width: 16px; height: 16px ; background: #bbb; top: -8px; z-index: -1; right: 17px; transform: rotate(45deg);}

.top-right-info:hover .top-info-tc{  transition: all .3s;  display: block;  }

.top-info-name{ width: 100%; padding-left: 60px; margin-bottom: 10px;  position: relative; box-sizing: border-box; height: 50px;  }
.top-info-name img{ width: 50px; height: 50px; position: absolute; left: 0px; top: 0px; border-radius:50px;   }
.top-info-name p{ font-size: 15px; color: #333; line-height:50px;  }

.top-info-w{ width: 100%; height: auto; background: #fff;border-radius: 5px; padding: 10px; box-sizing: border-box;  }
.top-info-bi p{ line-height:30px; position: relative; text-align: right; font-size: 14px; color: #333;  }
.top-info-bi p span{ position: absolute; left: 0px; top: 0px;  color: #777; }

.top-info-line{ width: 100%; height: 1px; border-bottom: 1px dashed #f2f2f2; margin: 5px 0 10px; }
.top-info-nav{ color: #333; font-size: 15px; width: 100%; display: block; text-align: center; line-height:30px;   }
.top-user{ color: #FFAC30!important; }
.top-vipbg{ width: 100%; height: auto; position: absolute; left: 0px; bottom: 0px;  border-radius: 0 0 5px 5px;   }


/*头部占位*/
.top-zw{ width: 100%; height: 72px;  }
.top-zws{ width: 100%; height: 62px;  }


/*脚部*/
.footer{ width: 100%; height: auto; background: #111; padding:40px 0 20px; box-sizing: border-box; }
.footer .main-box{ position: relative; }
.footer-nav{ width: 100%; height: 200px;  margin-bottom: 10px;   border-bottom: 1px solid #333; position:relative;  }
.footer-nav-nav{
    width: 60%; 
}

.footer-nav-right{
    position: absolute; 
    right: 20px; 
    height: 180px; 
    top: 20px; 

}
.footer-nav-ewm{
    float: left;
     margin-right: 20px;
    width: 100px; 
}

.footer-nav-ewm img{
    width: 100px; 
    height: 100px; 
}
.footer-nav-ewm p{
    text-align: center;
    color: #595959;
    line-height: 30px;
}
.footer-nav-qq{
    padding-top:10px; 
    float: left;
     color: #595959;
    line-height: 30px;
}

.footer-nav-qq h5{
    margin-bottom: 5px; 
}
.footer-nav-qq h5 a{
   display: inline-block;
   background: #FFAC30;
   border-radius: 3px; 
   margin-left: 8px;
   border-radius: 5px; 
   color: #fff; 
   padding: 0 10px;
}
.footer-nav-qq h5 a img{
    display: inline-block;
    vertical-align: middle;
    margin: -2px 3px 0 0;
}


.footer-nav-item{ float: left; width: 33.333333%; text-align: center; color: #666; position: relative;  }
.footer-nav-item h5{ font-size: 17px;  line-height: 40px;}
.footer-nav-item a{ font-size: 15px; color: #595959; width: 100%; display: block; line-height: 40px;  }
.footer-nav-item a:hover{transition: all .3s;  color:#FFAC30 ;  }
.footer-nav-item span{ width: 1px; height: 120px; background: #333; right: 0px; top: 30px; position: absolute; display: block; }
.footer-txt{ font-size: 14px; color: #666; text-align: center; line-height: 45px;  }
.footer-txt a{ color: #666; margin: 0 10px; }
.footer-txt a:hover{transition: all .3s;  color:#FFAC30 ; }
.footer-txt img{ height: 20px; margin-left: 30px;  }
.footer-sm{ font-size: 14px; color: #666; text-align: center;  }


/*登录注册弹窗*/
.n-dlzc{ width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index:999999; background:rgba(0, 0, 0, 0.5); display: none;  }
.n-dlzc-box{ background: #fff;border-radius: 10px;  width: 800px; height: 530px; position: absolute; left: 50%; top: 50%;  margin-left: -400px; margin-top: -265px; padding-left: 400px; box-sizing: border-box;  }
.n-dlzc-bg{ width: 400px; height: 100%; position: absolute; left: 0px; top: 0px; }
.n-dlzc-bg img{ width: 100%; height: 100%;  border-radius: 10px 0 0 10px;   }


.n-dlzc-close{ width: 40px; height: 40px; position: absolute; right: 0px; top: 0px; text-align: center; line-height: 40px; font-size:24px; color: #999; z-index: 99; cursor: pointer;  }

.n-dlzc-cont{ width: 100%; height: 100%; background: #fff; padding:40px 40px 0; box-sizing: border-box; position: relative; }

.dlxy{ position: absolute; bottom: 20px; left: 0px; text-align: center; color: #999; width: 100%;  }
.dlxy a{  color: #FFAC30; }

.wx-title{ width: 100%; text-align: center; height: 20px; line-height: 20px;  }
.wx-title span{
    width: 20px;
    height: 20px;
    background-image: url(../images/login-icon.png);
    background-position: -254px -27px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right:1px;
    vertical-align: middle;
}
.wx-title i{ display: inline-block; font-size: 16px; color: #5ec144; vertical-align: middle; }
.wx-code{  width: 180px; height: 180px; margin: 0 auto; position: relative; margin-top: 20px; overflow: hidden; }
.wx-code-side{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 1px solid #92e7bd; box-sizing: border-box;  }
.wx-code-side span.wx-s-s{ width: 12px; height: 12px; border-top: 2px solid #00a465; border-left: 2px solid #00a465; position: absolute; left: 0px; top: 0px;  }
.wx-code-side span.wx-s-y{ width: 12px; height: 12px; border-top: 2px solid #00a465; border-right: 2px solid #00a465; position: absolute; right: 0px; top: 0px;   }
.wx-code-side span.wx-s-x{ width: 12px; height: 12px; border-bottom: 2px solid #00a465; border-left: 2px solid #00a465; position: absolute; left: 0px; bottom: 0px;   }
.wx-code-side span.wx-s-z{ width: 12px; height: 12px; border-bottom: 2px solid #00a465; border-right: 2px solid #00a465; position: absolute; right: 0px; bottom: 0px;   }


.wx-bg{
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg,rgba(0,255,51,0) 43%,#00b277 211%);
    border-bottom: 3px solid #00b277;
    transform: translateY(-100%);
    animation: radar-beam 1s linear infinite;
    animation-iteration-count: 1;
    animation-fill-mode:forwards;
    animation-timing-function: cubic-bezier(0.53,0,.43,.99);
}

@keyframes radar-beam {
    0% {
        transform: translateY(-100%)
    }

    99.9% {
        transform: translateY(0)
    }
    100% {
        display: none;
    }
}
.wx-code-img{ width: 160px; height:0px; position: absolute; top: 10px; left: 10px;  animation: radar-beams 1s linear infinite;
    animation-iteration-count: 1;
    animation-fill-mode:forwards;
    overflow: hidden;
    animation-timing-function: cubic-bezier(0.53,0,.43,.99);}
.wx-code-img img{

    width: 160px;
    height:160px;

}
@keyframes radar-beams {
    0% {
        height:0px;
    }
    100% {
        height: 160px
    }
}

.dl-dsf{ width: 100%; height: 20px; line-height: 20px; margin: 30px 0; }
.dl-dsf span{ height: 20px; width:90px; color:#999; position:relative ; margin: 0 auto; display: block; text-align: center;  }
.dl-dsf span:before{ content: ""; width: 110px; height: 1px; background: #eee; position: absolute; left: -115px; top: 9.5px; display: block; }
.dl-dsf span:after{ content: ""; width: 110px; height: 1px; background: #eee; position: absolute; right: -115px; top: 9.5px; display: block; }

.dl-dsfnr{ width: 100%; height: 80px; display: flex; padding: 0 40px; box-sizing: border-box;  }
.dl-dsfnr a{ flex: 1; text-align: center;  }
.dl-dsfnr a p{ width: 100%; text-align: center; color: #999; height: 30px; line-height: 30px;   }
.dl-dsfnr a span{ width: 58px; height: 58px; background: url(../images/login-icon.png) no-repeat; background-position:-11px -5px; display: block;  margin: 0 auto;    }
.dl-dsfnr a span.pic-sj{ background-position:-71px -5px; }
.dl-dsfnr a span.pic-wx{ background-position:-192px -7px; }
.dl-dsfnr a:hover span.pic-qq{ background-position:-11px -72px; }
.dl-dsfnr a:hover span.pic-sj{ background-position:-71px -72px; }
.dl-dsfnr a:hover span.pic-wx{ background-position:-192px -72px; }

.wx-title-sj i{ color: #FFAC30; }
.wx-title-sj div{ display:inline-block; vertical-align: middle; color: #FFAC30;   }


.n-dl-form{ width: 100%; height: auto; position: relative; padding-top:30px; box-sizing: border-box; }

.n-dl-ipt {  width:100%; height:40px; margin-bottom:20px;  position:relative;  box-sizing:border-box; border-bottom:1px solid #e3e3e3;  padding: 0 10px;    }
.n-dl-ipt input{ width: 100%;line-height: 38px;  color: #333;  }
.n-dl-ipt-mm{ padding-right: 50px!important; }

.n-dl-tj .btn { cursor: pointer; width:100%; height:50px; font-size: 16px; line-height: 50px;  color:#fff; text-align: center;background:rgba(255, 172, 48, 0.8); border-radius:5px;  }
.n-dl-tj .btn:hover{ background:rgba(255, 172, 48, 1); }

.n-dl-txt{ width:100%; height:40px; line-height: 40px;  }
.n-dl-txt a{ line-height: 40px;  color:#666;}

.n-dl-yzm{ padding-right: 150px; box-sizing: border-box; }
.n-dl-yzm a{ position: absolute; right: 0px; top:5px; height:26px; line-height: 26px; text-align: center;  color: #666; display: block; border-radius: 5px; background: #fff; border: 1px solid #999;   padding: 0 8px;   }

#n-dlyzm{ display: none;  }
#btn-mm{ display: none;  }

.n-dl-txt span{ color: #666;  }
.n-dl-txt span b{ color: #FFAC30;  font-weight: 500; cursor: pointer;}
.n-yyzh{ color: #333; text-align: right; width: 100%;line-height: 15px; margin-top: 15px; cursor: pointer;  }

#btc_sjdl,#btc_reg{ display: none;  }



/*幻灯片*/
.banner{ width: 100%; height: auto; position:relative; margin-bottom: 20px; }

.n-ss{ width:600px; height:auto; position:absolute; left:50%; margin-left:-300px; top:30% ; }
.n-ss-title{ width: 100%; height: auto; text-align: center; line-height: 50px; color: #fff; font-size:36px; margin-bottom: 20px;    }

.ssl-boxs{ width:100%; height: 50px; background:#fff;  padding-right:60px;  padding-left:20px; line-height: 50px; box-sizing: border-box; box-shadow: 0 4px 32px 4px rgba(0,0,0,.08); border-radius: 90px; position: relative; }
.ssl-boxs input { width: 100%; height:50px; line-height: 50px; font-size: 16px; color:#333; background: none; }

.ss-btns{ position: absolute; width: 40px; background: linear-gradient(45deg,#ffc400,#ffe95a); height: 40px; border-radius: 40px; position: absolute; right: 5px; top: 5px; text-align: center; line-height: 40px; font-size: 16px; color: #333; display: block;  }

.n-ss-hot{ width: 100%; height: auto;  padding-top: 20px;  display: none;    }
.n-ss-hot.on{ display: block;  }
.n-ss-hot h5{  color:#C9CDD4 ; line-height: 30px; margin-bottom: 5px;   }
.n-ss-hot h5 i{ margin-left: 10px; color: #F84E4E;  }
.n-ss-hot a{ font-size: 13px;  margin-right: 15px; cursor: pointer;  background: #E5E6EB; float: left; padding:0 15px; height: 26px; line-height: 26px; border-radius: 30px;  color: #1D2129;  }
.n-ss-hot a:hover{ background: #FFAC30; color: #fff;  }

.n-ad{  margin:0px auto 20px; width: 100%; padding: 0 40px; box-sizing: border-box;  }
.n-ad a{  float: left;  width: 19.2%; margin-right: 1%;  box-sizing: border-box; transition: all .3s;  }
.n-ad a:last-child{ margin-right: 0px;  }
.n-ad a img{ width: 100%; height: auto; border-radius: 15px; transition: all .3s;  }
.n-ad a:hover img{ box-shadow: 0px 0px 10px #ccc ;transition: all .3s; }


.n-type{ margin: 40px auto 30px; text-align: center; font-size: 16px ; }
.n-type a{ color: #666; margin: 0 10px; display: inline-block; transition: all .3s;  }
.n-type a.on{ color:#FFAC30 ; }
.n-type a:hover{ color:#FFAC30 ;transition: all .3s;  }


.sy-show-list{ margin-bottom: 20px; width: 100%; padding: 0 32px; box-sizing: border-box;  }
.sy-show-cont{ width: 100%; height: auto; padding-bottom: 20px; }
.sy-show-cont dl { width: 100%;  column-count: 6; column-gap: 0px; }
.sy-show-cont dd { padding: 8px; box-sizing: border-box;   margin-bottom: 10px; break-inside: avoid; transition: all .3s;  }
.sy-show-dd-cont { transition: all .3s;  }
.sy-show-cont dd:hover .sy-show-dd-cont { box-shadow: 0px 0px 5px #ccc ;transition: all .3s; border-radius: 10px;   }
.sy-show-cont dd:hover .sy-show-pic img{ transform: scale(1.1); transition: all .3s;  }
.sy-show-pic{width: 100%; height: auto; box-sizing: border-box; overflow: hidden; }
.sy-show-pic a{ display: block; width: 100%; height: 100%;  }
.sy-show-pic a img{ width: 100%; height:auto; border-radius:10px; display: block;  transition: all .3s; }

.sy-show-title {   width: 100%; height:30px;  padding: 0 5px; box-sizing: border-box; }
.sy-show-title a{ width: 100%; height:30px; line-height: 30px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-size: 13px;transition: all .3s;   }
.sy-show-title a:hover{ color:#FFAC30 ;transition: all .3s;  }




.show-list{ margin-bottom: 20px;  }
.show-list dd{ float: left; width: 284px; height: auto;margin:0 20px 10px 0; box-sizing:border-box ; }
.show-list dd:nth-of-type(5n){ margin-right: 0px;  }
.show-pic{width: 100%; height: 284px; box-sizing: border-box; }
.show-pic a{ display: block; width: 100%; height: 100%;  }
.show-pic a img{ width: 100%; height: 100%; border-radius:15px; display: block; }
.show-title { width: 100%; height:40px;  padding: 0 5px; box-sizing: border-box; }
.show-title a{ width: 100%; height: 40px; line-height: 40px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-size: 13px;transition: all .3s;    }
.show-title a:hover{ color:#FFAC30 ;transition: all .3s;  }

.yq-link{ margin: 10px auto 40px ; width: 100%; padding: 0 40px; box-sizing: border-box;  }
.yq-link h5{ font-size: 22px; color: #333; line-height: 50px;  }
.yq-link-list{ width: 100%; height: auto; }
.yq-link-list a{ display: inline-block; padding-right: 10px; margin-right: 10px; position: relative; height: 25px; line-height: 25px; transition: all .3s; color: #999; margin-bottom: 2px;   }
.yq-link-list a:hover{ color:#FFAC30 ;transition: all .3s;  }
.yq-link-list a:after{ content: ""; width: 1px; border-right: 1px solid #999; height: 15px; position: absolute; right: -2px; top: 5px; display: block; }
.yq-link-list a:last-child:after{ display: none; }


.bg-grey{ background: #ececec; }
.top-type{ width: 100%; background: #fff; box-shadow: 0 3px 3px #e0e0e0; }
.sc-title{ width: 100%; text-align: center; padding-top: 60px;  margin-bottom: 20px;  }
.sc-title .h2{  margin-bottom: 30px; font-size: 30px; font-weight: bold; color: #000; }
.sc-title .h3{ line-height: 30px; font-size: 22px;color: #000; }
.sc-title .p{ line-height: 30px; font-size: 16px;color: #333;margin: 5px 0;  }

.type-a{ width: 100%; text-align: center; margin-bottom: 20px;  padding: 0 40px 20px; box-sizing: border-box;  }
.type-a li{ width: 80px; height: auto; display: inline-block; cursor: pointer; margin: 0 25px;   }
.type-pic { width: 60px; height: 60px; line-height: 60px; margin: 0 auto; text-align: center; position: relative;  }
.type-pic img{ width:40px; height: auto;  }
.type-a li p{ color: #999; }
.type-pic-s{ display: inline-block; }
.type-pic-o{ display: none; }
.type-a li.on .type-pic-s,.type-a li:hover .type-pic-s{ display: none; }
.type-a li.on .type-pic-o,.type-a li:hover .type-pic-o{ display: inline-block; }
.type-a li.on p,.type-a li:hover p{ color: #FFAC30; }

.type-b{ border-top: 1px solid #eee; min-height: 60px; width: 100%; padding: 0 40px; box-sizing: border-box;   }
.type-b-item{ width: 100%; line-height: 60px; text-align: center;  }
.type-b-item a{ display: inline-block; color: #999; margin: 0 10px; line-height: 60px;   }
.type-b-item a.on,.type-b-item a:hover{color: #FFAC30;  }

.res-list{  height: auto; padding: 20px 40px 50px; box-sizing: border-box; width: 100%;  }
.res-tab{ width: 100%; text-align: center; margin-bottom: 20px;  }
.res-tab a{ display: inline-block; width: 100px; height: 40px;  border-radius: 4px ; text-align: center; line-height: 40px; box-sizing: border-box; margin: 0 20px; color: #666; background: #fff;  }
.res-tab a.on,.res-tab a:hover{ background:#FFAC30 ; color: #fff;  }


.res-show{  width: 100%; height: auto;  }
.res-show dd{ float: left;  margin:0 0.5% 1%; box-sizing:border-box ; position: relative;  overflow: hidden;  border-radius:10px; background:#fff;  }

.res-show-pic{width: 100%; height: 100%; box-sizing: border-box; }
.res-show-pic a{ display: block; width: 100%; height: 100%;position: relative;  overflow:hidden; }
/*.res-show-pic a img{ width: 100%; height: 100%; display: block; }*/
/*.res-show-pic a img{ width: auto;height: auto;max-height:100%;max-width:100%;left: 50%;top: 50%; position: absolute;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0); }*/
.res-show-pic a img{
    width: 100%; 
    height: 100%; 
    object-fit: cover;
}


.res-show-title { width: 100%; height:40px;  padding: 0 5px; box-sizing: border-box; background: rgba(0, 0, 0, 0.5); text-align: center; border-radius: 0 0 10px 10px; position: absolute; left: 0px; bottom: -40px; transition: all .3s;  }
.res-show-title a{ width: 100%; height: 40px; line-height: 40px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-size: 13px;transition: all .3s;    }
.res-show-title a:hover{ color:#FFAC30 ;transition: all .3s;  }
.res-show dd:hover .res-show-title{ bottom: 0px; transition: all .3s;  }
.res-show dd:hover .res-show-top{ top: 0px; transition: all .3s;  }
.res-show-top{ width: 100%; height: 40px; line-height: 40px;  position: absolute; left: 0px; top: -40px; background:rgba(0, 0, 0, 0.5); padding: 0 10px; box-sizing: border-box; border-radius: 10px 10px 0 0; color: #fff; font-size: 13px; transition: all .3s;     }
.res-show-top span{  left: 10px; top: 0px;  }
.res-show-sc{ right: 10px; position: absolute; top: 0px;  cursor: pointer; }
.res-show-sc.on{ color: #FFAC30; }

.ad-show .res-show-title,.ad-show .res-show-top{ display: none;  }
.ad-show-tips{ position: absolute; right: 10px; top: 10px; height: 20px; width: 40px; font-size: 12px; background: #FFAC30; border-radius: 3px; text-align: center; line-height: 20px; display: block; z-index: 9; color: #fff; cursor: pointer;  }


/*页码*/
.page-number{ width: 1200px; margin:20px auto 20px; text-align: center;  }
.page-number ul{ display: inline-block; }
.page-number li{ list-style: none; cursor: pointer; display: inline-block; height: 30px;  border-radius: 2px; color: #333; background: #fff; padding: 0 11px;  line-height: 30px; margin: 0 2px;   }
.page-number li a{ color: #333; }
.page-number li.on , .page-number li:hover{ background: #333;  color: #FFAC30;   }
.page-number li.disabled{ opacity: .5;  cursor: default; }


.sf-type-box dl{ width: 100%;height: auto;  }
.sf-type-box dd{ padding-left:80px; box-sizing:border-box; width:100%; min-height:30px; position:relative; margin-bottom: 10px;    }
.sf-type-box dd label{ position:absolute; left:0px; width:85px; top:0px; line-height:30px;box-sizing:border-box;  color: #666;  font-weight: bold;   }
.sf-type-list{ width:100%; padding:0px 50px 0 0px; box-sizing:border-box;   }
.sf-type-list a{  line-height:30px; padding:0 10px; margin:0 5px 10px; border-radius:5px;  display:inline-block; white-space:nowrap; color:#666;  }
.sf-type-list a.on{  background:#FFAC30; color: #fff;   }
.sf-type-list a:hover{background:#FFAC30; color: #fff;   }

.n-rjmc .sf-type-list{ height: 32px; overflow: hidden; padding-right: 120px;  position: relative; }
.n-rjmc .sf-type-list.on{ height: auto; }
.n-rjmc-more{ width:30px; height: 30px; text-align: center; position: absolute; right: 90px; top: 0px; line-height: 30px; font-size:24px; color: #ccc; cursor: pointer; transition: all .3s;   }
.n-rjmc-more.on{ transition: all .3s; transform: rotate(180deg); color: #FFAC30; }


.sf-type{ padding: 50px 0 30px ; width: 100%; background: #fff; box-shadow: 0 3px 3px #e0e0e0; }

.sf-list{   padding: 40px 0; }
.sf-list dd{ float: left; width: 500px; height: 210px; padding: 0 10px; box-sizing: border-box;  position: relative; margin-bottom: 30px ; }
.sf-dd-cont{transition: all .3s; position: relative; width: 100%; height: 100%; background: #f7f7f7; border-radius: 10px; border: 1px solid #eee; padding: 20px 15px; box-sizing: border-box; z-index: 3; }
.sf-bg{ position: absolute; z-index: 2; left:0; width: 100%;  bottom:-15px; height: 44px; background: url(../images/sf-bg.png) no-repeat top center; display: block; }

.sf-list dd:hover .sf-dd-cont { -webkit-transform: translateY(-10px); transform: translateY(-10px);}
.sf-show-top{ width: 100%; height: 90px; padding-left: 105px; box-sizing: border-box; position: relative; }
.sf-pic{ width: 90px; height: 90px; overflow:hidden; position: absolute; left: 0px; top: 0px; border-radius: 6px; }
.sf-pic img{ 
   width: 100%; 
    height: 100%; 
    object-fit: cover; 
}
.sf-show-top .h5 a{ width: 100%; display:block; color: #666; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sf-show-top .h4{ font-size: 13px; color: #666; margin-top: 5px;  }
.sf-show-top .h3{  margin-top: 5px;   }
.sf-show-top .h3 span{ font-size: 12px; color: #04b99d; padding: 0 2px;  border: 1px solid #04b99d; }
.sf-show-top .h3 span:nth-of-type(2){ color: #dd4646; border-color: #dd4646; }
.sf-show-top .h3 span:nth-of-type(3){ color: #ffac15; border-color: #ffac15; }
.sf-show-top .h3 a{ float: right; font-size: 12px; padding:0px 8px; border: 1px solid #8c8c8c;color: #8c8c8c; display: inline-block; line-height: 18px; height: 20px; box-sizing: border-box;  border-radius:2px; }
.sf-show-top .h3 a:hover{ border-color: #ffac15;  background: #ffac15; color: #fff; }

.sf-tjly{  margin-top: 10px; font-size: 13.3px; color: #838383; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; }
.sf-tjly span{ color: #f60; }

.sf-bb{  margin-top: 10px; font-size: 13.3px; color: #333;}
.sf-bb a{ font-size: 13.3px; color:#ffac15; margin-right:0px; padding: 0 5px;   }
.sf-bb a:hover{ background: #ffac15; color: #fff; border-radius: 20px;  }

.sf-dbwz{ width: 100%; height:40px;  }

.zxwd-top{ width: 100%; height: 300px; position: relative; }
.zxwd-banner{ width: 100%; height: 300px;  }


.ssl-box{ width:600px; height: 50px; background: #fff; position:absolute; padding-right:60px;  padding-left: 120px; line-height: 50px; box-sizing: border-box; top:50%; margin-top: -25px;  left: 50%;  margin-left: -300px; box-shadow: 0 4px 32px 4px rgba(0,0,0,.08); border-radius: 90px; }
.ssl-box input { width: 100%; height:50px; line-height: 50px; font-size: 14px; color:#333; }

.ss-xlxz{ width: 96px;   position: absolute; left: 0px; top: 0px; height:50px;cursor: pointer;  }
.ss-xl-show{ display: none;  position: absolute; width: 100px; border-radius:10px; padding:5px 5px; box-sizing: border-box; height: auto; background: #fff; left: 0px; top:55px; z-index: 8888; box-shadow: 0 4px 32px 4px rgba(0,0,0,.08);   }
.ss-xl-show i{ display: block; width: 100%; border-radius: 4px;  text-align: center; font-size: 14px; color: #333; line-height:36px; height: 36px;  }
.ss-xl-show i.on{ background: rgba(0,0,0,.04); color: #FFAC30;  }

.ss-xlxz .h2{ width: 100%; height:50px; line-height: 50px; position:relative; text-align: center; }
.ss-xlxz .h2 i{ width: 1px; height: 16px; background: #ccc; position: absolute; right: -10px; top: 17px; display: block; }
.ss-xlxz .h2 span{ color: #333;   }
.ss-xlxz .h2 div{ position: absolute; right:6px; top:0px; line-height: 50px; font-size: 12px; color: #333; display: block; transition: all .3s;  }
.ss-xlxz .h2.on div{ transition: all .3s; transform: rotate(180deg);  }

.ss-btn{ position: absolute; width: 40px; background: linear-gradient(45deg,#ffc400,#ffe95a); height: 40px; border-radius: 40px; position: absolute; right: 5px; top: 5px; text-align: center; line-height: 40px; font-size: 16px; color: #333; display: block;  }

.zxwd-title{ width: 212px; height: 45px; position: absolute; left: 50%; margin-left: -106px; top:50px;   }

.n-zxwd-title{  width: 300px; height: 45px; position: absolute; left: 50%; margin-left: -150px; top:50px; line-height:45px; font-size:40px; text-align:center; font-weight:bold; color:#fff;  }


.forum-cont{ margin-top: -90px; position: relative; z-index: 9; }
.forum-type{  width: 100%; height: auto; background: #fff; border-radius: 10px;  padding: 20px; box-sizing: border-box; position: relative; margin-bottom: 30px;  }
.forum-type-line{ width: 1px; background: #ccc; height: calc(100% - 40px); position: absolute; left: 50%; margin-left: -0.5px; top: 20px; display: block; }

.forum-type-item{ width: 50%; float: left;   box-sizing: border-box; }

.forum-type-item:first-child{ padding-right: 20px;   }
.forum-type-item:last-child{ padding-left: 20px; }
.forum-type-title{  margin-bottom: 15px;  width: 100%; height: 30px; line-height: 30px; color: #999;}
.forum-type-title img{ display: inline-block; width: 24px; height: 24px; vertical-align: middle;   }
.forum-type-title span{ margin: 0 5px;  font-size: 20px; color: #333; font-weight: bold; vertical-align: middle; display: inline-block;  }
.forum-type-title em{ font-size: 13px;  vertical-align: middle; display: inline-block;  }

.forum-type-nav{ width: 100%; height: auto; }
.forum-type-nav a{ text-align: center;  width: 110px; height: 30px; border:1px solid #efefef; box-sizing: border-box; border-radius: 30px; margin:0px 10px 10px 0; display: block; float: left; color: #333; line-height: 28px;  }
.forum-type-nav a:hover{ border-color: #000; font-weight: bold; }


.forum-title{ margin-top:0px; margin-bottom: 20px; position: relative; width: 100%; height: 50px; }
.forum-title span{  position: absolute; z-index: 1; left: 0px; top: 0px; line-height: 47px; font-size: 21px; font-weight: bold; text-align: center; width: 130px; color: #fff;  }
.forum-ckgd{ position: absolute; right: 0px; top: 0px; line-height: 50px; height: 50px; color: #999; }
.forum-ckgd:hover{ color: #FFAC30; }
.forum-title::before{ content: ""; position: absolute; left: 0px; top: 0px; width: 523px; height: 100%; background: url(../images/wd-jlt.png) -400px -77px no-repeat; display: block; }

.forum-title-nav{ position: absolute; left: 170px; top:8px; height:30px; }
.forum-title-nav a{ float: left; width: 90px; background: #ddd; height: 30px; line-height: 30px; color: #333; border-radius:30px; margin-right: 15px; display: block;text-align: center; }
.forum-title-nav a:hover,.forum-title-nav a.on{ background: #333; color: #fff;  }

.wd-list{ width: 100%; height: auto; }
.wd-list dd{ float: left; width: 49%; margin-right:2%; margin-bottom: 2%; height: 175px; background: #fff; border-radius: 10px; padding: 25px 20px; box-sizing: border-box; transition: all .3s;   }
.wd-list dd:hover{ margin-top: -0.3%; transition: all .3s; margin-bottom: 2.3%;}
.wd-list dd:nth-of-type(2n){ margin-right: 0px;  }
.wd-list dd a{ display: block; width: 100%; height: auto; }
.wd-title{ margin-bottom: 10px;  width: 100%; position: relative; height: 25px; line-height: 25px; padding-right: 100px; box-sizing: border-box;  font-size: 18px; color: #333;font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;   }

.wz-list .wd-title{ padding-right: 0px!important; }
.wd-title i{ position: absolute; right: 0px; top: 0px; font-size: 13px; color: #999; font-weight: 500; }
.wd-title em{ background: url(../images/wd-jlt.png) -544px -147px no-repeat; width: 18px; height: 20px; margin-right: 4px; vertical-align: middle; display: inline-block; }

.wd-title span{ font-weight: bold; color: #f00;  }
.cl-jing{ color:#2680eb!important ; }
.cl-xuan{ color:#FFAC30!important ; }

.wd-hfnr{  margin-bottom: 10px; width: 100%;line-height: 25px; color: #666;  }
.wd-hfnr span{ font-weight: bold; color: #333;display:inline-block;vertical-align:middle;   }
.wd-hfnr p{ display:inline-block;   max-width:500px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align:middle; }
.wd-hf-info{ width: 100%; border-top: 1px dashed #E6E6E6; padding-top: 25px; box-sizing: border-box; height: 55px; padding-right: 200px;  position: relative; }
.wd-info-xx{ color: #999; line-height: 30px;   width: 100%; height: 30px; padding-left: 40px;position: relative;  }
.wd-info-xx img{  width: 30px; height: 30px; position: absolute; left: 0px; top: 0px; border-radius: 30px;  }
.wd-info-xx span{ color: #333; margin: 0 5px 0 0 ; }
.wd-cz{  width: 200px; position: absolute; right: 0px; top:25px; color: #999; text-align: right; height: 30px; line-height: 30px;   }
.wd-cz span{ margin-left: 10px;  }
.wd-cz span i{ font-size: 15px;  margin-right: 3px; display: inline-block; vertical-align: middle;  }
.wd-cz span:first-child i{ font-size:18px;    }

.wz-cont{ width: 100%; height: 130px; padding-left: 220px; box-sizing: border-box; position: relative; margin-top: 20px;   }
.wz-cont-pic{
    width: 200px; 
    height: 130px; 
     border-radius: 5px; position: absolute; left: 0px; top: 0px;overflow: hidden;
}

.wz-cont-pic img{ width: 200px; height: 100%; object-fit: cover;    }
.wz-info{ width: 100%; height: 100%; position: relative; padding-bottom: 40px; box-sizing: border-box;   }
.wz-info h5{ height: 30px; line-height: 30px; font-size: 12px; color: #999; position: absolute; left: 0px; bottom: 0px;  }
.wz-info p{ line-height: 25px; color: #333; height: 75px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }

.mall-list{ margin:40px auto 10px;  }
.mall-list a{ float: left; width: 49%; margin-right:2%; margin-bottom: 2%; height: 300px;  background: #fff; border-radius: 10px; position: relative; box-sizing: border-box; padding-right: 380px;   }
.mall-list a:nth-of-type(2n){ margin-right: 0px;  }
.mall-pic{ width: 380px; height: 300px; position: absolute; right: 0px; top: 0px;  overflow:hidden; }
.mall-pic img{ width: 100%; height: 100%;  border-radius: 0 10px 10px 0; display: block;  object-fit: cover;   }
.mall-info{ width: 100%; padding:40px 50px 0;  box-sizing: border-box; }
.mall-info .h5{ font-size: 18px; color: #333; font-weight: bold; text-align: center; margin-bottom:15px; }
.mall-info .h4{  color: #999; text-align: center;margin-bottom:50px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; }
.mall-info .h3 {  color: #333; text-align: center; font-weight: bold;font-size: 17px; margin-bottom:30px; }
.mall-info .h3 span{  color: #FFAC30; font-size: 24px;  }
.mall-info .p{ width: 100%; margin: 0 auto; height: 50px; background: #FFAC30; border-radius: 10px; text-align: center; line-height: 50px; font-size: 17px; color: #fff;  }


.my-box{  padding:30px 0; box-sizing: border-box; }
.my-menu{ float: left; width: 230px; height: auto; }
.my-info{ width: 100%; border-radius: 3px; background: #fff; padding: 20px 0 10px; box-sizing: border-box; text-align: center;  }
.my-info img{  width: 58px; height: 58px; margin: 0 auto 10px; border-radius:58px;  box-sizing: border-box; display: inline-block; }
.my-info h5{ font-size: 16px; color: #000; font-weight: bold; line-height:20px;  }
.my-info h4{  color: #000; margin-top: 3px;   }
.my-info p{ margin-top: 10px; color: #C0C0C0; width: 100%; text-align: center; }
.my-info p img{ display: inline-block;  height: 20px;  margin-right: 3px;  width: initial;  margin-top:4px;  }
.my-info p span{line-height: 20px; display: inline-block;  height: 20px;   }
.my-menu-list{ margin-top: 10px; width: 100%; height: auto; background: #fff;  border-radius: 3px; padding: 10px 0; box-sizing: border-box; }
.my-menu-list a{ display: block; width: 100%; height: 60px; line-height: 60px; padding: 0 0 0 100px; box-sizing: border-box; position: relative; color: #000;  }
.my-menu-list a:before{ width:4px; height: 30px; background: #000; position: absolute; left: 0px; top: 15px; content: ""; display: block; display: none;  }
.my-menu-list a em{ position: absolute; left: 70px; top: 20px; height: 20px;width: 20px; text-align: center;line-height: 20px; display: block;  }

.my-menu-list a.on{ background: #000; color: #FFAC30;  }
.my-menu-list a:hover:before{ display: block; }

.my-cont{ float: right; width:1155px; height:auto; }
.my-cont-t{ width: 100%; height: auto; height: 440px; margin-bottom: 15px;   }
.my-cont-t-left{ float: left; width: 260px; height: 100%; background: #fff; border-radius: 5px; padding: 50px 20px 0; box-sizing: border-box;   }
.my-btn-scsc{ height: 150px; border-bottom: 1px solid #DFDFDF; text-align: center;display: block; width: 100%; color: #333;   }
.my-btn-scsc img{ width: 49px; height: auto; display: block; margin: 0 auto 15px;  }
.my-sctj{ text-align: center; padding-top: 12px; box-sizing: border-box;  }
.my-sctj h5{  height: 35px; line-height:35px; color: #000; }
.my-sctj h5 em{ color: #FFAC30; margin-right: 6px;  }
.my-sctj h5 a{ color: #FFAC30;   }
.my-sctj h5 a:hover{ text-decoration: underline; }


.my-cont-t-right{ float: right; width:880px; height:100%; background:#fff ; border-radius: 5px; padding:40px 10px 0 ; box-sizing: border-box; }
.my-cont-vip{ width: 100%; height: auto; }
.my-cont-vip li{ margin-right: 15px;  width: 160px; height: 145px; border-radius: 6px; float: left; cursor: pointer; transition: all 0.3s; position: relative; }
.my-cont-vip li:after{ position: absolute; width: 100%; height: 100%; border:3px solid #FFAC30; border-radius: 6px; content: ""; left: 0px; top: 0px; box-sizing: border-box;  display: none; }
.my-cont-vip li.on:after{ display: block; }
.my-cont-vip li.on h5,.my-cont-vip li.on p{ color:#FFAC30 ;  }

.my-cont-vip li:last-child{ margin-right: 0px;  }
.my-cont-vip img{ width: 100%; height: 100%; display: block; border-radius: 6px;  }
.my-cont-vip li h5{ font-size: 16px; color: #fff; width: 100%; position: absolute; left: 0px; top: 0px; height: 40px; line-height: 40px; padding: 0 10px; box-sizing: border-box; font-weight: bold; }
.my-cont-vip li p{ font-size: 13px; text-align: center; background: #000; color: #fff; width: 100%; position: absolute; left: 0px; bottom: 0px; height: 35px; line-height: 35px; padding: 0 5px; box-sizing: border-box; border-radius: 0 0 6px 6px;  }

.my-vip-pay{ width: 100%; height: auto;  height: 40px; margin:30px 0 20px; text-align: center;    }
.my-vip-pay-item{ display: inline-block; margin: 0 20px; cursor: pointer;   }
.my-vip-pay-item span{ width: 20px; height: 20px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 20px; display: inline-block; vertical-align: middle; margin-right:15px; position: relative;   }
.my-vip-pay-item span:after{ position: absolute; content:"" ; width: 8px; height: 8px; border-radius: 5px; display: none; left: 5px; top:5px; background: #FFAC30;  }

.my-vip-pay-item.on span{ border-color: #FFAC30;   }
.my-vip-pay-item.on span:after{ display: block; }

.my-vip-price{ text-align: center; width: 100%; font-size: 16px; line-height: 50px; color: #000; margin-bottom: 20px; }
.my-vip-price span{ color: #f00; font-size: 26px;   }
.my-vip-price b{ font-size: 42px; margin-right: 10px; color: #f00;  }
.my-vip-price em{ color: #999;  }
.my-vip-price i{ color: #999; text-decoration: line-through; }

.my-vip-pay-btn{ width:200px; height: 50px; background:#FFAC30; margin:0 auto; display: block; text-align: center; line-height: 50px; font-size: 16px; color: #333; border-radius: 5px; cursor: pointer; }
.my-w-box { background: #fff; border-radius: 5px; width: 100%; height: auto; padding:0 20px 20px; margin-bottom: 15px;  box-sizing: border-box; }
.my-w-title{ width: 100%; height: 60px; line-height: 60px; font-size: 16px; font-weight: bold; color: #FFAC30; text-align: center; }

.yqmdh-btn{ width: 100%; height: 40px; text-align: center; }
.yqmdh-btn input{ vertical-align: middle; display: inline-block;  width: 500px; height: 40px; border: 1px solid rgb(223, 222, 223); box-sizing: border-box; border-radius: 4px; margin-right: 20px; padding: 0 10px; box-sizing: border-box; color: #333;  }
.yqmdh-btn a { width: 120px; height: 40px; display: inline-block;  background-color: rgb(255, 172, 48); border-radius: 4px; text-align: center; line-height: 38px;  color:#fff ;  vertical-align: middle;}
.yqmdh-btn a:hover { background-color: rgb(255, 180, 141); }

.n-hysm{ width: 100%; height: auto; margin-bottom: 20px;  }
.n-hysm h5{ margin-bottom: 5px;  color: #000; line-height: 20px; width: 100%;   }
.n-hysm p{ width: 100%; padding-left: 30px; box-sizing: border-box; position: relative;  color: rgb(125, 127, 133); line-height: 22px;  }
.n-hysm p span{ position: absolute; left: 0px; top: 0px;  }

.box-tc{ display: none;  width: 100%; height: 100%; position: fixed;left: 0px; top: 0px; background: rgba(0,0,0,0.5);z-index: 99999;  }
.box-main{ width:500px; height: auto; position: absolute; left: 50%; top: 50%; box-sizing: border-box; background: #fff; border-radius:8px; transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);  padding-bottom:20px;  }
.box-tc-title{ width: 100%; height:60px; line-height:60px; text-align: center; font-size: 16px; color: #333; font-weight: bold; position: relative;  }
.box-tc-title a{  color: #333;  position: absolute; right: 15px; top: 0px; line-height: 60px; font-size:24px; font-weight: 500;  }

.box-tc-nr{ width: 100%; padding:10px 20px 20px;  box-sizing: border-box; text-align:center;  }
.pay-ewm{ width: 200px; height: 200px; margin: 20px auto; display: block; }

.p-zhxx{ padding-top:10px; box-sizing: border-box; min-height:755px ; }
.p-zhxx-title{ width: 100%; height: 45px; line-height: 45px; box-sizing: border-box;  border-bottom: 1px solid #c0c0c0;  }
.p-zhxx-title span{ cursor: pointer; padding: 0 15px;height: 45px; line-height: 45px;  color: #333; display: inline-block; }
.p-zhxx-title span.on{ background: #333; border-radius: 10px 10px 0 0; color: #fff;  }

.p-zhxx-cont{ width: 100%; height: auto;  }
.p-zhxx-item{ width: 100%; height: auto; padding: 20px 0; box-sizing: border-box;}

.info-item{ width: 100%; height: 65px; box-sizing: border-box; border-bottom:1px solid #dfdfdf;  }
.info-txt{ float: left; width: 10%;line-height: 65px; color: #666;   }
.info-show{float: left; width:30%;line-height: 65px; color: #666;  }
.info-show img{ width: 45px; height: 45px; vertical-align: middle; border-radius:45px;  }
.info-tips{float: left; width:50%;line-height: 65px; color: #aaa;  }
.info-btn{ float: left; width: 10%; line-height: 65px; position: relative; }
.info-btn a{color: #FFAC30;   }
.info-up-pic{ width: 100%; height: 100%; position: absolute; left: 0px; opacity: 0; }

.xgnc-ipt{ width: 100%; height: 40px; line-height: 40px; padding: 0 10px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ededed;  }
.box-btn{ width: 100%;  padding: 0 20px; box-sizing: border-box; }
.box-btn a{  margin-top: 15px; width: 100%; height: 50px; background: #FFAC30; border-radius: 8px; line-height: 50px; text-align: center; font-size: 14px; color: #fff;  display: block;  }

.xgmm-tc-yzm{ margin: 15px 0 ; box-sizing: border-box; width: 100%; padding-right: 115px; position: relative;  }
.xgmm-tc-yzm span{ width:100px; position: absolute; right: 0px; top: 0px; height: 40px; background: #FFAC30; border-radius: 8px; color: #fff; text-align: center; line-height: 40px; cursor: pointer;  }

.p-tx-tips{ text-align: center; font-size: 16px; color: #666; line-height: 40px;  }
.p-tx-tips span{ color:#FFAC30 ; margin: 0 2px;  }

.p-tx-form{ width: 700px; margin:10px auto ;   }
.p-tx-form h5{ height: 40px; margin-bottom: 10px; padding-left: 220px; box-sizing:border-box; position: relative; font-size: 13px;   }
.p-tx-form h5 span{ width: 200px; left: 0px; text-align: right;line-height: 40px; position: absolute; left: 0px; top: 0px;   }
.p-tx-form h5 input{width: 100%; height: 40px; line-height: 40px; padding: 0 10px; box-sizing: border-box; border-radius: 2px; border: 1px solid #ededed;   }
.p-tx-form h4 a{ width: 170px; height: 40px; background:#FFAC30; font-size:14px; color:#fff; text-align:center; line-height:40px; margin:0 auto;  display: block; }
.p-tx-form h4{ margin-top: 20px; }
.p-tx-sm{ width: 100%; height: auto; margin-top:80px;  padding: 0 50px; box-sizing: border-box; }
.p-tx-sm-title{ font-size: 16px; color: #000; font-weight: bold; line-height: 40px;  }
.p-tx-sm p{ line-height: 25px;  }

.p-wdss{ padding-top:20px; box-sizing: border-box; min-height:755px ; }
.p-wdsc-title{ width: 100%; height: 30px; line-height: 30px; color: #333;  }
.p-wdsc-title span{ cursor: pointer; display: inline-block; margin-right: 20px;  }
.p-wdsc-title span em{ width: 20px; height: 20px; background: url(../images/quanxuan-c.png) no-repeat; background-size: 20px 20px; vertical-align: middle; margin-right: 10px;  display: inline-block; }

.p-qx-btn.on em{ background: url(../images/quanxuan.png) no-repeat; background-size: 20px 20px; }
.p-wdsc-title span i{ color: #888; font-size: 20px; margin-right: 4px;  display: inline-block; vertical-align: middle; }


.p-wdsc-list{ margin-top: 20px;  }
.p-wdsc-list dd{ float: left; width: 267.5px; height: auto; margin:0 15px 15px 0; box-sizing:border-box ; }
.p-wdsc-list dd:nth-of-type(4n){ margin-right: 0px;  }
.sc-show-pic{width: 100%; height: 267px; box-sizing: border-box; position: relative; }
.sc-show-pic a{ display: block; width: 100%; height: 100%; overflow:hidden;border-radius:10px;   }
.sc-show-pic a img{ width: 100%; height: 100%;  display: block;  object-fit: cover;   }
.sc-show-title { width: 100%; height:40px;  padding: 0 5px; box-sizing: border-box; }
.sc-show-title a{ width: 100%; height: 40px; line-height: 40px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-size: 13px;transition: all .3s;    }
.sc-show-title a:hover{ color:#FFAC30 ;transition: all .3s;  }

.sc-an{ width: 26px; height:26px; position: absolute; right: 10px; top: 10px; z-index: 8;  }
.sc-btn-ipt{ width:26px; height:26px; position:relative; border:none; background:0 0; -webkit-appearance:none; cursor:pointer;   }
.sc-btn-ipt:before{ content:''; width:26px; height:26px; position:absolute; top:0px; left:0; border-radius:100%; background:#fff;  }
.sc-btn-ipt:checked:before{background:url(../images/icon-dxan.png) no-repeat;  }

.p-xfjl{ padding-top:10px; box-sizing: border-box; min-height:755px ; }


.ddzt-title{ width: 100%; height: auto;  font-size: 13px;  height: 25px; line-height: 25px; color: #333; margin-bottom: 20px;   }
.ddzt-tab { display: inline-block;  }
.ddzt-tab span{ height: 25px; line-height: 25px; font-size: 13px; padding: 0 10px; box-sizing: border-box; display: inline-block; margin-right: 10px; cursor: pointer; color:#333;  }
.ddzt-tab span.on{ background: #FFAC30; border-radius: 3px; color: #fff;   }

.list-list{ width:100%;  }
.list-list table{ width:100%;border-bottom:1px solid #e8e8e8; margin-bottom:50px;    }
.list-list table th{ text-align:center; height:40px; line-height: 30px; font-size: 13px; font-weight: bold; color:#333; vertical-align:middle; background:#f5f5f5; border-bottom: 1px solid #f0f0f0;  }
.list-list table td{text-align:center;    color:#555; vertical-align:middle; padding:10px ;border-collapse:collapse;border-bottom:1px solid #f0f0f0; }


.scdd-tab{ margin: 20px 0 ; width: 100%; height: 40px; border-bottom:1px solid #F2F3F5; line-height: 40px; padding: 0 20px; box-sizing: border-box;   }
.scdd-tab span{ cursor: pointer;  margin-right: 20px;  height: 40px; line-height: 40px; display: inline-block; color: #333; padding: 0 0px; box-sizing: border-box; position: relative; }
.scdd-tab span:after{ width: 100%; height: 2px; background: #FFAC30; position: absolute; left: 0px; bottom:0px; content: ""; display: none;  }
.scdd-tab span.on{ color:#FFAC30 ; }
.scdd-tab span.on:after{ display: block; }

.qajl{ width: 100%; margin-top: 20px;  }
.qajl-item{ width: 100%; height: auto; }
.qajl-list dd{ width: 100% ;height: 50px; position: relative; padding-right: 300px; box-sizing: border-box ; border-bottom: 1px dashed #FFAC30; }
.qajl-title{ width: 100%; height: 50px; line-height: 50px; color: #333;  }
.qajl-list{ margin-top: -10px; margin-bottom: 30px;  }
.qajl-list dd a{ position: absolute; right: 0px; top: 10px; width: 80px; height: 30px; text-align: center; line-height: 30px; font-size: 12px; color: #fff; border-radius: 15px; background: #FFAC30; }
.qajl-list dd span{ right: 100px; position: absolute; top: 0px; line-height: 50px; font-size: 13px; color: #999; }



/*素材上传*/
.upload-cont{ width: 1026px; margin: 0 auto; padding: 20px 0; box-sizing: border-box;  }
.upload-ad,.upload-ad img{ width: 100%; height: auto; display: block;  border-radius: 6px; margin-bottom:15px; }

.top-zcxx{
    width: 100%;
    height: 148px;
    background: #fff;
    margin-bottom: 15px;
    border-radius: 6px;
    text-align: center;
}
.top-zcxx-item{
    float: left;
    vertical-align: top;
    width: 253px;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.top-zcxx-num{
    width: 100%;
    height: 34px;
    margin-top: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 24px;
    font-weight: bold;
    color: #000;
}
.top-zcxx-text{
    width: 100%;
    height: 24px;
    margin-top: 14px;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
    color: #979797;
}
.top-zcxx-item::before{
    position: absolute;
    right: 0;
    top: 46px;
    display: block;
    content: '';
    width: 1px;
    height: 46px;
    background-color: #DFDFDF;
}
.top-zcxx-item:last-child::before{
    display: none;
}


.upload-zysc{ width: 100%; height: 260px;  }
.upload-zysc-left{
    width: 292px;
    height: 100%;
    float: left;
    background-color: #fff;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
}


.t-addcover{
    width: 100%; 
    height: 100%; 
}
.t-addcover-n{
    padding-top: 55px; 
    height: 100%; 
    box-sizing: border-box;
}

.upload-zysc-left .top-title{
    width: 100%;
    height: 28px;
   
    text-align: center;
    line-height: 28px;
    font-size: 20px;
    font-weight: 400;
    color: #000;
}

.upload-zysc-left .cover-preview-div .upload-cover-btn{
    
    position:absolute;z-index: 2;left: 50%; top: 50%; margin-top: -18.5px;  margin-left: -51px;
}


.upload-zysc-left .upload-cover-btn{
    width: 102px;
    height: 37px;
    background-color: #FFAC30;
    border-radius: 8px;
    margin: 0 auto;
    margin-top: 17px;
    text-align: center;
    line-height: 37px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
.upload-zysc-left .h2{
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #6B6B6B;
    padding-top: 17px;
}
.upload-zysc-left p{
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #C0C0C0;
    padding-top: 4px;
}
.upload-zysc-left .cover-preview-div{
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 261px;
    overflow: hidden;
    display: none;
}

.cover-preview-div-n{
     width: 100%;
    height: 100%;
    position: relative;
    z-index: 9;
}

.upload-zysc-left .cover-preview-div img{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    border-radius: 8px;
   
    box-sizing: border-box;
}


.upload-zysc-right{
    width: calc(100% - 306px);
    height: 100%;
    float: right;
    background-color: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 15px;
}


.form-div-item{
    width: 100%;
    height: 42px;
    margin-bottom: 20px;
}

.form-label{
    width: 72px;
    height: 100%;
    float: left;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
}
.form-label span{
    color: #ff0000;
    font-weight: 600;
    font-size: 16px;
}

.form-input-block{
    width: calc(100% - 86px);
    height: 100%;
    box-sizing: border-box;
    float: left;
}
.form-input-block input{
    width: 100%;
    height: 100%;
    outline: none;
    border: 1px solid #DFDFDF;
    border-radius: 6px;
    padding: 0 10px;
    box-sizing: border-box;
}


.form-input-left{
    width: 280px;
    height: 100%;
    float: left;
    background-color: #FDF2E0;
    border-radius: 6px;
}
.form-input-left-item{
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    width: auto;
    height: 100%;
    line-height: 42px;
}
.form-input-left-item img{
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    padding:0 5px 0 17px;
}
.form-input-left-item em{ display: inline-block; vertical-align: middle; margin-right: 15px;  }

.form-input-left-item span{ width: 20px; height: 20px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 20px; display: inline-block; vertical-align: middle; margin-right:8px; position: relative;   }
.form-input-left-item span:after{ position: absolute; content:"" ; width: 8px; height: 8px; border-radius: 5px; display: none; left: 5px; top:5px; background: #FFAC30;  }
.form-input-left-item.on span{ border-color: #FFAC30;   }
.form-input-left-item.on span:after{ display: block; }
.form-input-left-item:last-child img{ padding-left: 0;}

#zipFile{ display: none; }
.form-input-right{width: calc(100% - 290px);height: 100%;float: right;background-color: #CDF0FF;border-radius: 6px;}

.zip-upload-div{
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 100%;
    background-color: #FFAC30;
    border-radius: 6px;
    line-height: 42px;
    font-weight: 400;
    color: #fff;
    padding: 0 14px;
    cursor: pointer;
    position: relative;
}
.zip-upload-div input{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: #f00; opacity: 0; }

.zip-file-tip{
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 100%;
    line-height: 42px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    padding-left: 5px;
}


.form-scfy{width: 200px!important; }
.cost-tip-text{display: inline-block;vertical-align: top; width: 30px;height: 100%; text-align: center;line-height: 42px;font-size: 14px;font-weight: 400; color: #000;}

.bottom-edit-div{
    width: 100%;
    min-height: 724px;
    height: auto;
    margin-top: 15px;
    background-color: #fff;
    border-radius: 8px;
}

.bottom-upload-rules{
    width: 100%;
    height: 265px;
    background-color: #fff;
    border-radius: 8px;
    margin-top: 14px;
    text-align: center;
    line-height: 265px;
}
.bottom-upload-rules img{
    display: inline-block;
    vertical-align: middle;
    width: 989px;
    height: 225px;
}
.submit-exam-btn{
    width: 254px;
    height: 50px;
    margin: 0 auto;
    margin-top: 14px;
    background-color: rgba(255, 172, 48, 0.6);
    border-radius: 8px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
}
.submit-exam-btn:hover{
    background-color: rgba(255, 172, 48, 1);
}

.agreement-checkbox-div{
    width: 100%;
    height: 20px;
    margin: 15px 0 40px;
    text-align: center;
}
.text-div{
    display: inline-block;
    width: auto;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    cursor: pointer;
}
.text-div .iconfont{
    color: #FFAC30;
}
.agreement-checkbox-div .text-div a{
    color: #FFAC30;
}

.rd-top{ width: 100%; height: 50px; background: #fff;  }
.rd-top-cont{ height: 50px; position: relative; padding-right: 300px; box-sizing: border-box;  }
.page-nav{ width: 100%; line-height: 50px; color: #666;  }
.page-nav a{ color: #666; }
.page-nav a:hover{ color: #FFAC30; }

.rd-cz-btn{ position:absolute; right: 0px; top: 0px;  height: 50px; text-align: right; padding-top: 10px; box-sizing: border-box; }
.rd-cz-btn span{ margin-right: 10px; width:70px; height: 30px; border: 1px solid #eee; text-align: center; line-height:28px!important; font-size: 13px; color: #333; display: inline-block; cursor: pointer;  }
.rd-cz-btn a{ width: 70px; height: 30px; line-height: 28px!important; border: 1px solid #eee; text-align: center;  font-size: 13px; color: #333; display: inline-block;  }
.rd-cz-btn span i{ display: inline-block; vertical-align: middle; font-size: 14px; }
.rd-cz-btn span em{  display: inline-block; vertical-align: middle; }
.rd-cz-btn span.on i{ color:#FFAC30 ; }
.rd-cz-btn span.on em{  color:#FFAC30 ; }

.zysc-bq{ width: 100%; height: auto; line-height: 40px;  color: #999; }
.zysc-bq a{ display: inline-block; margin-right:15px; color: #078bf9; }
.zysc-bq a:hover{ color:#FFAC30 ; }

.zysc-bqs{ width: 100%; height: auto; line-height:30px;  color: #999; }
.zysc-bqs a{ display: inline-block; margin-right:15px; color: #078bf9; }
.zysc-bqs a:hover{ color:#FFAC30 ; }

.zysc-fl{ width: 100%; height: auto; line-height:30px;  color: #999; }
.zysc-fl span{ display: inline-block; color: #999; margin: 0 5px;  }
.zysc-fl a{ display: inline-block; color: #666; }
.zysc-fl a:hover{ color:#FFAC30 ; }

.zy-detail{ margin: 20px auto;  }
.zy-detail-left{ float: left;  width: 1085px; background: #fff; padding: 25px; box-sizing: border-box; }

.zysc-title{ width: 100%; height: 50px; position: relative; padding: 0 200px ; box-sizing: border-box; }

.zysc-id{ position: absolute; left: 0px; top: 0px; height: 50px; line-height: 50px; color: #999;  }

.n-zy-title{ width: 100%; text-align: center; font-size: 22px; color: #000; line-height: 50px; height: 50px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.n-zy-info{ text-align: center; font-size: 13px;  }
.n-zy-info span{ margin: 0 10px; color: #999;  }
.n-zy-info span i{ display: inline-block; vertical-align: middle; margin-top:-3px;  }

.n-zy-cont{ border-top: 1px solid #f1f1f1; padding-top: 20px; margin:10px 0 20px ; width: 100%; height: auto; line-height: 25px;color: #333;   }
.n-zy-cont img{  height: auto; max-width: 100%; margin: 0px auto; display: block; }

.n-zy-time{ margin-bottom: 20px; width: 100%; height:30px; line-height: 30px;  color: #999; }
.n-zy-time span{ color: #666; }

.n-sxp{ width: 100%; height: auto;  }
.n-sxp a{ width: 100%; display: block; color: #999;  line-height: 25px;  }
.n-sxp a:hover{  color: #FFAC30; }

.n-tips{ margin-top:20px;   padding-top:10px; border-top: 1px solid #f1f1f1; width: 100%; line-height: 25px; font-size: 13px; color: #666; }

.zy-detail-right{ width:400px; float: right; }
.n-zy-yc{ width: 100%; height: auto; padding: 10px; box-sizing: border-box; background: #fff;  margin-bottom: 10px; }
.n-zy-tb{ height: 30px; line-height: 30px; margin-bottom: 5px;  }
.n-zy-tb a{ float: right; color:#FFAC30 ; }
.n-zy-price{ width: 100%; height: 68px; background: #1f1f1f; font-size: 18px; border-radius: 2px;  }
.n-zy-price a{ color: #fff;  display: block; width: 100%; height: 68px; padding: 0 15px; box-sizing: border-box; line-height: 68px;   }
.n-zy-price a span{ font-size: 12px;  }
.n-zy-price a em{ float: right; }
.n-zy-grxx{ height: 40px; line-height: 40px;  }
.n-zy-grxx span{ color: #999; }
.n-zy-grxx span img{ vertical-align: middle; display: inline-block; margin-top: -2px; margin-right: 5px;  }
.n-xgtj{  padding: 20px 10px 10px; box-sizing: border-box; background: #fff; margin-bottom: 10px;  }
.n-xgtj h5{  color: #333; margin-bottom:10px;  }
.n-xgtj h5 a{ float: right;   color: #999; }
.n-xgtj h5 a em{ display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; }
.n-xgtj-list{ width: 100%; height: auto; }
.n-xgtj-list a{ overflow: hidden; float:left; width: 48.5%; margin-right: 3%; margin-bottom:3%; position: relative; display: block; height:184px; border-radius: 8px; }
.n-xgtj-list a:hover{ box-shadow: 0 0 10px #ccc; border-radius: 8px; }
.n-xgtj-list a:nth-of-type(2n){ margin-right: 0px;  }
.n-xgtj-list a img{ width: 100%; height: 100%; object-fit: cover;    }
.n-xgtj-list a .h3{ position: absolute; left: 0px; bottom:-30px; background: rgba(0, 0, 0, 0.5); height: 30px; line-height: 30px; text-align: center; font-size: 13px; color: #fff; padding: 0 10px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-radius: 0 0 8px 8px; transition: all .3s; width: 100%;   }
.n-xgtj-list a:hover .h3{ transition: all .3s;bottom: 0px;  }


.menu-fixed{ position: fixed; top: 72px; right: 0; z-index: 99; }

.shop-show{ margin:20px auto; width: 1400px; height: auto; }

.shop-pic{ width: 650px; height: auto;   float: left; }
.shop-pic .swiper { width: 100%;  }
.shop-pic .swiper-slide { background-size: cover; background-position: center;}
.shop-pic .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mySwiper2 {width: 650px;height: 650px; margin-bottom: 10px; }
.mySwiper {  height: 150px;box-sizing: border-box; }
.mySwiper .swiper-slide {width: 25%;height: auto;opacity: 0.4; }
.mySwiper .swiper-slide-thumb-active {opacity: 1; }
.n-fx{ width: 40px!important; height: 40px!important;  background: rgba(0, 0, 0, 0.5)!important;  border-radius: 40px!important;  }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ font-size: 24px!important;  }

.shop-info{ padding-top:50px;  width: 680px; height: auto; float: right; }
.shop-title{ width: 100%; height: auto; font-size: 30px; line-height: 40px; margin-bottom: 20px; color: #666;  }
.shop-ms{ width: 100%; height: auto; font-size:16px; line-height:25px; margin-bottom: 30px; color: #999;  }
.shop-price{margin-bottom: 10px;  width: 100%; height:100px; position:relative; background:#fbca8021; padding:0px 20px 0; border-radius:5px; box-sizing:border-box ; }
.shop-price span{ width: 100%; display: block; line-height: 100px; color: #999;  }
.shop-price span em{ margin: 0 10px 0 20px;  color: #FFAC30; font-weight: bold; font-size: 16px;  }
.shop-price span b{  color: #FFAC30; font-weight: bold; font-size: 30px;  }
.shop-xl{ position: absolute; right: 0px; top: 25px; width: 80px; text-align: center; color: #999;  }
.shop-xl h5{ color: #FFAC30; height: 30px; line-height: 30px; font-size: 16px; font-weight: bold;  }
.shop-xl p{ height: 20px; line-height: 20px;  }

.shop-zffs{   width: 100%;  color: #999; line-height:40px;  margin-bottom: 20px; }
.shop-zffs span{ margin-left:10px;  }
.shop-number{margin-left:10px;  display: inline-block;   }

.shop-number a{ display:inline-block; width:25px; height:25px;box-sizing: border-box; line-height: 22px;  text-align:center; color:#666; border:1px solid #c1c1c1; border-radius: 25px; font-size: 20px; vertical-align: middle;  }
.shop-number input{ width:40px; height:25px;border:1px solid #c1c1c1; line-height: 25px;  box-sizing: border-box; color:#666; text-align:center; vertical-align: middle; border-radius: 2px;  }

.shop-btn{ width: 250px; height:50px; background:#FFAC30; line-height:50px; color:#fff; font-size:16px; text-align:center; border-radius:5px; margin:40px 0;   }
.shop-btn a{ color: #fff; display: block; width: 100%; height: 100%;  }

.shop-fw{   width: 100%;  color: #999; line-height:40px;  }
.shop-fw span{ margin-left:20px; color: #333;   }
.shop-fw span i{ width: 4px; height: 4px; vertical-align: middle; display: inline-block; margin-top: -2px; border-radius: 5px; background: #999; margin-right: 5px;  }

.shop-detail{ margin: 50px auto; width: 1400px;  }
.shop-detail-tab{ width: 100%; text-align: center;  margin-bottom: 20px;  }
.shop-detail-tab span{ color: #333;  font-size: 18px; line-height: 50px; height: 50px;  cursor: pointer; }
.shop-detail-tab span i{ font-size: 20px; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; }
.shop-detail-tab span.on{ color: #FFAC30;   }

.shop-detail-cont{ width: 100%; line-height: 25px; color: #333;  }
.shop-detail-cont img{ max-width: 100%; display: block; margin: 0 auto;  }




.ddtj-box{ width: 1050px; margin:30px auto;  }
.ddtj-box-left{ float: left; width: 610px; border-right: 1px solid #e8e8e1; box-sizing: border-box; padding: 30px 30px 30px 0; }

.ddtj-dbt{ width: 100%; font-size: 15px; color: #000; height: 30px; line-height: 30px;  font-weight: bold; }
.ddtj-form{ width: 100%; height: auto; margin-bottom: 15px; }
.ddtj-form h4{  font-size: 12px; color: #000; height:30px; line-height: 30px;  }
.ddtj-form input{ height: 40px; line-height: 40px; border: 1px solid #e8e8e1; border-radius: 3px; box-sizing: border-box; padding: 0 10px; font-size: 12px; color: #000; width: 100%; }
.ddtj-form select{ height: 40px; line-height: 40px; border: 1px solid #e8e8e1; border-radius: 3px; box-sizing: border-box; padding: 0 10px; font-size: 12px; color: #000; width: 32%; float: left; margin-right: 2%; }
.ddtj-form select:nth-of-type(3){ margin-right: 0px;  }
.ddtj-form-left{ float: left; width: 49%; }
.ddtj-form-left:last-child{ float: right; }


.ddtj-box-right{ float: left; width: 440px;box-sizing: border-box; padding:50px 30px 0;  }

.ddtj-sp{ width: 100%; height: auto;  }
.ddtj-sp dd{ width: 100%; position: relative; padding:15px 0 0 80px; height: 75px; box-sizing: border-box; margin-bottom: 20px; }
.ddtj-sp-pic{ position: absolute; left: 0px; top: 0px; width: 70px; height: 75px; border: 1px solid #e8e8e1; box-sizing: border-box; background: #f1f1f1; border-radius: 5px;   }
.ddtj-sp-pic img{ width: auto;height: auto;max-height:100%;max-width:100%;left: 50%;top: 50%; position: absolute;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);}
.ddtj-sp dd h5{ line-height:25px; font-size: 13px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.ddtj-sp dd p{ line-height:25px; font-size: 13px; color: #999;  }


.ddtj-hj{ width: 100%; height: auto; margin-top: 20px; }
.ddtj-hj-item{ text-align: right; width: 100%; height: auto; height:30px; line-height: 30px; padding-left: 130px; position: relative; box-sizing: border-box; }
.ddtj-hj-item em{ position: absolute; left: 0px;top: 0px; line-height: 30px; font-size: 12px; color: #333;  }
.ddtj-hj-item span{ color: #000; font-weight: bold; }
.ddtj-hj-items em{ font-size: 14px;  font-weight: bold; }
.ddtj-hj-items span{ font-size: 20px; color: #FFAC30;  }
.dd-pay-btn{ margin-top:40px; width: 100%; height:50px; line-height: 50px;  }
.dd-pay-btn a{ width: 100%; height: 50px; line-height: 50px; font-size: 16px; color: #fff; background: #FFAC30; border-radius: 5px; display: block; text-align: center; }

.n-zfje{ font-size: 24px; color:#FFAC30 ; text-align:center; }
.pay-ewms{ width: 200px; height: 200px; margin: 20px auto 0; display: block; }

.rj-tbxx{ width: 100%; padding-top: 10px; height: auto; background: #fff; box-shadow: 0px 0px 10px #cfcfcf }
.rj-info{ padding: 20px 20px 40px 0px; position: relative;  box-sizing: border-box; }

.rj-info-pic{ position: absolute; left: 0px; top: 0px; width: 260px; padding-top:20px; box-sizing: border-box;  }
.rj-info-pic-pic{ width: 130px; height: 130px; margin:0 auto; overflow:hidden;  display: block; border-radius: 5px;  }
.rj-info-pic-pic img{
    width: 100%; 
    height: 100%; 
    object-fit: cover;  
}
.rj-info-pic a{ font-size: 12px; color: #999; text-align: center; line-height: 40px; display: block; width: 100%; height: 40px;position: relative;  }
.rj-info-pic a:hover .rj-yy-tips{ display: block; }
.rj-yy-tips{ display: none;  text-align: left; position: absolute; top: 35px; left: 0; width: 400px; font-size: 13px;color: #fff;  line-height: 25px; z-index: 3; border-radius: 7px; background: #1b1b1b; padding: 15px 10px;}

.rj-info-cont{ width: 100%;  height: auto; position: relative; padding-left:260px; box-sizing: border-box; min-height: 210px; }
.rj-info-bt{ margin-bottom:10px; font-size: 28px; color: #222; line-height: 32px; }
.rj-info-time{  margin-bottom: 15px; color: #999; line-height: 20px;}
.rj-info-js{ width:750px; height: auto;   }
.rj-info-js dd{ float: left; width: 250px; height: 40px; line-height: 40px; color: #333; }
.rj-info-js-cont{ display: inline-block; }

.rj-sd{ display: inline-block; margin-right: 5px; }
.rj-info-bb{ width: 100%; height: auto; margin-bottom: 50px; padding-left: 65px; box-sizing: border-box;  }
.rj-info-bb span{ display: inline-block; width: 80px;  }
.rj-info-bb-xz{ display: inline-block; }
.rj-info-bb-xz a{ padding: 0 10px; display: inline-block; height: 25px; line-height: 25px; color: #333; border-radius: 40px; margin-right:8px;    }
.rj-info-bb-xz a.on,.rj-info-bb-xz a:hover{ background: #FFAC30; color: #fff;   }

.rj-info-btn{ width: 100%; height: auto; padding-left:145px; box-sizing: border-box; }
.rj-info-btn a{  float: left; width: 160px; height: 50px; background: #4c09e9; text-align: center; font-size: 18px; color: #fff; border-radius: 5px; margin-right: 12px; display: block;  line-height: 50px;  }
.rj-info-btn a:hover{ background: #1e69be; }
.rj-info-btn a:nth-of-type(2){ background: #0ebb5c;  }
.rj-info-btn a:nth-of-type(2):hover{  background: #07b154; }
.rj-info-btn a:nth-of-type(3){ background: #eb2668;  }
.rj-info-btn a:nth-of-type(3):hover{  background:#d20b4e; }
.rj-info-btn a:nth-of-type(4){ background: #ffac15;  }
.rj-info-btn a:nth-of-type(4):hover{  background:#f19e06; }
.rj-info-btn a:nth-of-type(5){ background: #0fcbec;  }
.rj-info-btn a:nth-of-type(5):hover{  background:#07a3be; }

.rj-info-xzxz{  float: left;  width: 100px; position: relative;  }
.rj-info-xzxz span{ cursor: pointer;  color: #999; line-height: 50px;  }
.rj-info-xzxz span i{ margin-left: 5px;  }
.rx-xzxz-tc { display: none;  position: absolute;  left: 0px; top:40px; width: 420px; height: auto; background: #1b1b1b; color: #fff; font-size: 13px; line-height: 25px; padding: 15px 10px; border-radius: 7px; z-index: 9;  }
.rj-info-xzxz:hover .rx-xzxz-tc{ display: block;  }

.rj-bg-qcky{ width: 90px; height: 40px; position: absolute; right: 30%; top: 40%; transform: rotate(45deg);  }

.rjxq-right h5{ height: 40px; line-height: 40px; position: relative; padding-left: 15px; box-sizing: border-box; border-bottom: 1px solid #eee; font-size: 15px; color: #333; }
.rjxq-right h5:before{ content: ""; width: 2px; height: 25px; background: #FFAC30; position: absolute; left: 0px; top:7.5px;  }

.rjxq-right .n-xgtj-list a{ margin-right: 2%;  }
.rjxq-right .n-xgtj-list a:nth-of-type(2n){ margin-right: 0px; }

.rjxq-right-tj{ width: 100%; height: auto; }
.rjxq-right-tj a{ float:left; width: 48%; margin-right:4%; margin-bottom: 2%;  }
.rjxq-right-tj a:nth-of-type(2n){ margin-right: 0px;  }
.rjxq-right-tj-pic{
    width: 100%; 
    height: 182px; 
    overflow: hidden;
    border-radius: 10px;
}

.rjxq-right-tj-pic img{  width: 100%; height:100%; object-fit: cover;   }
.rjxq-right-tj a p{ width: 100%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; padding: 0 10px; box-sizing: border-box; }
.rjxq-right-tj a:hover p{ color: #FFAC30; }

.rjxq-nr-title{ width: 100%; margin-bottom: 20px; height: 50px; position: relative; border-bottom: 1px solid #eee; line-height: 50px; padding-left: 15px; box-sizing: border-box; position: relative;  }
.rjxq-nr-title:before{ content: ""; width: 2px; height: 20px; background: #FFAC30; position: absolute; left: 0px; top:15px;  }
.rjxq-nr-title span{ font-size: 16px; color: #000; }
.rjxq-nr-title em{ font-size: 12px; color: #f00; }

.rjxq-jsnr{ width: 100%; height:200px; position: relative; margin-bottom:15px;  box-sizing: border-box; }
.rjxq-jsnr-cont{ width: 100%; height: 150px;  line-height: 25px; overflow: hidden; }
.rjxq-jsnr-cont img{
    display: block; 
    max-width: 100%; 
    margin: 10px auto; 
}

.rjxq-jsnr-btn{ padding:150px 0 0px; cursor:pointer; width: 100%; text-align: center; line-height: 50px; height: 50px; position: absolute; left: 0px; bottom: 0px; font-size: 16px; color: #f00;  background: linear-gradient(0deg, #fff 5%, rgba(255, 255, 255, .0));}


.rjxq-azff{ width: 100%;  }
#main{  width:100%; }
.rjxq-azff-nr{ margin:30px 0 0 18px;  }
.rjxq-azff-nr li{

    width:100%;
    box-sizing: border-box;
    border-left:2px dashed #eee;
    position:relative;
    padding-left:30px;
    padding-bottom:90px;
}

.rjxq-azff-nr .main_step{
    width:32px;
    height:32px;
    background:#FFAC30;
    border-radius: 32px;
    color:#fff;
    text-align:center;
    line-height:32px;
    position:absolute;
    left:-18px;
}
#slide{
    width:32px;
    position:fixed;
    top:120px;
    margin-left: 2px;
    background: #fff;
    border-radius:0 0 20px 20px;
}
#slide.on:before{
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0px;
    top: -100px;
    background: #fff;
    content: "";
}
#slide li{
    width:32px;
    height:32px;
    background:#ccc;
    color:#fff;
    border-radius: 32px;
    text-align:center;
    line-height:32px;
    display:none;
    cursor:pointer;
}

.step-title{ margin-bottom: 10px; height: 32px; line-height: 32px; font-size: 18px; font-weight: bold; color: #666;  width: 100%;  }
.step-z-txt{ width: 100%; line-height: 25px;margin-bottom: 10px;   padding-left:30px; box-sizing: border-box; font-size: 16px; color: #555;  }
.step-show-pic{ width: 100%; display: block; }
.step-show-pic img{ margin: 0 auto; display: block; max-width: 100%;  }

.ans-tab{ text-align: left!important ; width: 1540px; margin:20px auto 0;  }
.ans-cont .zy-detail-left{  background: none; padding: 0px;   }
.ans-list{ width: 100%; height: auto; }
.ans-item{ width: 100%; display: block; height: auto; background: #fff; margin-bottom: 20px; border-radius: 10px; padding: 25px 25px 20px; box-sizing: border-box; position: relative; transition: all .3s; }

.ans-item:hover{ box-shadow: 0 10px 16px 0 rgba(239,239,239,.8);  transition: all .3s; margin-top: -5px; margin-bottom: 25px; }
.ans-title:hover{ text-decoration: underline;  }
.ans-title{  width: 100%; height: auto; font-weight: bold;  line-height: 25px;  font-size: 18px; color:#333; padding-right: 150px; box-sizing: border-box; position: relative; margin-bottom:5px;  }
.ans-title span{ width: 100px; position: absolute; right: 0px; top: 0px; line-height: 25px; color:#B5B5B5; text-align: right; font-weight: 500; font-size:14px; }

.ans-hf{  height: 25px; line-height: 25px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px;    }
.ans-hf span{ font-weight: bold; }

.ans-line{ margin: 12px 0 15px; width: 100%; height:1px; background-image: linear-gradient(to right,#E6E6E6 70%,transparent 30%); background-size:10px 4px;  }
.ans-info{  width: 100%; height: 30px;   padding-right:300px; box-sizing: border-box; position: relative;  }
.ans-info-info { width: 100%; height: 30px; padding-left: 40px; box-sizing: border-box;  position: relative; line-height: 30px; color:#333;   }
.ans-info-info img{ width: 30px; height: 30px; border-radius: 30px; position: absolute; left: 0px; top: 0px; display: block;  }
.ans-info-info i{ color: #999; }

.ans-cz{ width: 300px; text-align: right; position: absolute; right: 0px; top: 0px; line-height: 30px; color: #999;  }
.ans-cz span{ margin-left: 15px;  }
.ans-cz span:last-child i{ font-size: 13px; margin-right: 4px;  }
.ans-cont .page-number{ width: 100%; }
.news-cont .page-number{ width: 100%; }

.ans-xsje{ width: 124px; height: 24px; position: absolute; right: 0px; top: 0px; background: url(../images/xsje-bg.png) no-repeat;  text-align: center; line-height: 24px; font-size: 14px; color: #734329; font-weight: 500; }

.ans-hdwt-btn{ margin-bottom:20px; position: relative; width: 100%; height: 284px; background: url(../images/tw-bg.png) no-repeat; background-size: 100% 100%; padding-top:30px; box-sizing: border-box; }
.ans-jb-title{ margin-bottom: 30px; font-size: 20px; color: #333; text-align: center; width: 100%;   }
.ans-jb{ text-align: center; padding-top: 5px; box-sizing: border-box; }
.ans-num{ font-size: 40px; line-height: 40px; margin-bottom: 10px;  color: #2D8777; font-weight: bold; }
.ans-jb-txt{  color: #999; }

.ans-wytw{ width: 150px; height: 50px; position: absolute; left: 25px; bottom:30px;  }
.ans-wyhd{ width: 150px; height: 50px; position: absolute; right: 25px; bottom:30px;  }

.ans-xq{ margin-top: 0px!important; }
.wdxq-info{ width: 100%; padding: 20px; box-sizing: border-box; background: #fff; border-radius: 10px; margin-bottom: 20px;   }

.wdxq-txxx{ width: 100%; position: relative;  height: 48px; padding-left: 58px; box-sizing: border-box; margin-bottom: 15px;  }
.wdxq-txxx img{ position: absolute; left: 0px; top: 0px;width: 48px; height: 48px; border: 1px solid #E5E6EB; border-radius: 50%;  }
.wdxq-txxx h5{ color: #333; font-size: 16px; line-height: 25px; height: 25px;  }
.wdxq-txxx p{ color: #999;  line-height: 20px;   }
.wdxq-txxx span{ position: absolute; right: 0px; top: 0px; line-height: 48px; height: 48px; text-align: right; color: #999; font-size: 13px;  }
.wdxq-txxx span em{ margin-left: 30px; }

.wdxq-nr{width: 100%; padding-top: 10px; border-top: 1px dashed #ccc;  }
.wdxq-nr-title{ font-size: 18px; color: #333; font-weight: bold; line-height:30px;  }

.wdxq-nr-ms{ margin: 5px 0 10px;  color: #999; line-height: 25px;  }
.wdxq-nr-pic{ width: 100%; height: auto; margin-bottom: 20px; text-align: center; }

.wdxq-nr-pic img {
    display: inline-block; width: 200px; height: 120px; border-radius: 4px; cursor: pointer; margin: 0 5px;
}
.wdtp-ul img{ width:100%; height:100%;object-fit: cover;     }
.wdxq-nr-btn{ width: 100%; height: auto;  }
.wdxq-nr-btn a{ width: 130px; height: 45px;  border-radius: 90px; text-align: center; line-height: 45px;  color: #fff; display: block; background: #000;  }

.wdxq-hd-list{width: 100%; box-sizing: border-box; background: #fff; border-radius: 10px; margin-bottom: 20px; padding-bottom: 30px; }
.wdxq-hd-title{ height: 50px; line-height: 50px; padding: 0 20px; box-sizing: border-box; color: #000; border-bottom:1px solid #EFEFEF; }

.wdxq-hf-list{ width: 100%; padding: 40px 30px; box-sizing: border-box; }


/*大图片展示*/
.imgshow_popup{width:100%; height:100%;   position:fixed; top:0px; left:0px;  clear:both; z-index: 9999;}
.imgshow_popup a{ display:inline-block;}
.imgshow_pre{ width:100px; height:100px; overflow:hidden; background:url(../images/banner-pre.png) no-repeat center center;  position:fixed; top:50%; left:10%; margin-top:-50px; cursor:pointer; z-index:99999;}
.imgshow_next{ width:100px; height:100px; overflow:hidden; background:url(../images/banner-next.png) no-repeat center center;  position:fixed; top:50%; right:10%; margin-top:-50px; cursor:pointer; z-index:99999;}
.imgshow_con{ width:100%; height:100%;  position:fixed; top:0px; left:0px; z-index:100; background-image:url(../images/tm60.png); z-index: 9999;}

.imgshow_con a{ display:block; display:table-cell; vertical-align:middle; text-align:center;}
.imgshow_con a img{ display:block;  max-width:70%; margin:0 auto; vertical-align:middle;}



.wdxq-hf-list dd{ width: 100%; height: auto; margin-bottom: 30px; padding-left: 60px; box-sizing: border-box; position: relative;  }
.y-hf-info{ margin-bottom:5px; width: 100%; height: 48px; position: relative;  }
.y-hf-info img{ width: 48px; height: 48px; border-radius: 50%; border: 1px solid #E5E6EB; box-sizing: border-box; position: absolute; left: -58px; top: 0px;  }
.y-hf-info h5{ width: 100%; height: 48px; line-height: 48px; color: #333; font-weight: bold;  }

.y-hf-cont{ width: 100%; height: auto;  line-height: 25px; color: #333;  }
.y-hf-cont img{ max-width: 30%; height: auto; }
.y-hf-cz{ height: 30px; line-height: 30px; width: 100%; padding-right: 300px; box-sizing: border-box;  position: relative; margin-top: 10px; margin-bottom: 5px;  }

.y-hf-cz-btn{ width: 400px; text-align: right; position: absolute; right: 0px; top: 0px; line-height: 30px; color: #999;  }
.y-hf-cz-btn span{ margin-left: 15px; cursor: pointer; }
.y-hf-time{ width: 100%; color: #999; line-height: 30px;  }

.y-hf-ipt{ width: 100%; height: 50px; margin-bottom: 20px; display: none;    }
.y-hf-ipt.on{ display: block; }
.y-hf-ipt input{ width: calc(100% - 110px); height: 50px; background: #f7f7f7; padding: 0 10px; border-radius: 3px; box-sizing: border-box;  }
.y-hf-ipt a{ width: 100px; float: right; height: 50px; display: block; line-height: 50px; text-align: center; color: #999; background: #eee;  border-radius: 3px;  }
.y-hf-ipt a.on{ background: #000; color: #fff; }

.y-hf-hf{ width: 100%; height: auto; display: none;  }
.y-hf-hf.on{ display: block; }
.y-hf-hf li{  padding-left: 40px;  box-sizing: border-box; margin-bottom: 10px; }
.y-hf-hf .y-hf-info{ height: 30px;box-sizing: border-box;  }
.y-hf-hf .y-hf-info img{ width: 30px; height: 30px; position: absolute;left: -40px; top: 0px;  }
.y-hf-hf .y-hf-info h5{ height: 30px; line-height: 30px;  }
.y-hf-hf .y-hf-time{ font-size: 13px;  }
.y-hf-hf .y-hf-cz{ margin-top: 0px;  }
.y-hf-hf .y-hf-cz-btn span{ font-size: 13px;  }

.wyhd-ipt{ width: 100%; height: auto;  margin-top: 20px; display: none; padding-bottom: 70px; box-sizing: border-box; position: relative;  }
.wyhd-ipt.on{ display: block; }
.wyhd-ipt-btn{ width: 100%; height: 70px; text-align: right; padding-top: 15px; box-sizing: border-box; height: 70px; position: absolute; left: 0px; bottom: 0px;  }
.wyhd-ipt-btn a{  width: 120px; height:45px; line-height: 45px; color: #333; border: 1px solid #333; border-radius: 6px; font-size: 16px; display: inline-block; margin-left: 20px;  text-align: center;  }
.wyhd-ipt-btn a:last-child{ background: #333; color: #fff; }

.news-cont{ border-radius: 10px; }
.news-list{ width: 100%; height: auto;  }
.news-list a{ border-bottom:1px solid #f2f3f5;  padding-left: 220px; box-sizing: border-box; position: relative;width: 100%; display: block; padding-bottom: 25px;  margin-bottom: 25px;transition: all .3s;  }


.n-n-pic{
    position: absolute;
    left: 0px; 
    top: 0px; 
    width: 200px; 
    height: 130px; 
    border-radius: 5px;
    overflow: hidden;
}

.news-list a img{
    width: 100%; 
    height: 100%; 
    object-fit: cover;  
}

.news-list a:hover{ margin-bottom: 30px; margin-top: -5px; transition: all .3s;  }

.news-info{ width: 100%; height:  130px; position: relative; padding-bottom: 40px; box-sizing: border-box;   }
.news-info h6{ height:40px; line-height: 40px; font-size:20px; color: #111; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }
.news-info h5{ height:25px; line-height: 25px; font-size: 12px; color: #86909c; position: absolute; left: 0px; bottom: 0px;  }
.news-info p{ line-height: 20px; color: #86909c; height: 60px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }

.news-right-box{ width: 100%;  height: auto; }
.news-tj{ background: #fff; border-radius: 10px; margin-bottom: 10px; height: auto; padding: 0 20px 20px; box-sizing: border-box; }
.news-tj-title{ font-size: 14px; color: #333; height: 50px; line-height: 50px; border-bottom: 1px solid #f1f1f1; margin-bottom: 10px;  }
.news-tj-list{ width: 100%; height: auto;  }

.news-tj-list a{ padding-left:130px; box-sizing: border-box; position: relative;width: 100%; display: block;   margin-bottom:10px;  }
.news-tj-list a:last-child{ margin-bottom: 0px;  }
.n-s-tjwz-pic{
    width:120px; height:75px; border-radius: 5px; position: absolute; left: 0px; top: 0px;overflow: hidden;
}

.news-tj-list a img{ width: 100%; 
    height: 100%; 
    object-fit: cover;    }

.news-tj-info{ width: 100%; height:75px; position: relative; box-sizing: border-box;   }
.news-tj-info h6{ height:25px; line-height:25px; font-size:13px; color: #111; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.news-tj-info p{ line-height: 20px; color: #86909c; height: 20px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size:12px; }

.news-tj-info h5{ height:25px; line-height: 25px; font-size: 12px; color: #86909c; position: absolute; left: 0px; bottom: 0px;  }

.news-detail{ margin-top: 0px!important; }
.news-detail-cont{ width: 100%; height: auto; }
.news-detail-title{ font-size: 28px; text-align: center; width: 100%; color: #333; line-height: 40px; font-weight: bold;  }
.news-detail-info{ text-align: center; color: #999; line-height: 25px; margin: 10px 0 20px;  }
.news-detail-info em{ margin:0 10px;  }
.news-detail-line{ width: 100%; height: 1px; background: #f1f1f1;  margin-bottom: 20px; }

.news-detail-detail{ margin-bottom: 30px; width: 100%; line-height: 25px; color: #333;  }
.news-detail-detail a{ text-decoration:underline!important;}
.news-detail-detail img{ display: block; max-width: 100%; margin: 0 auto; }

.zysc-xgrj{ width: 100%; height: auto; margin-top: 30px;  }
.xgrj-bt{ color: #333;  width: 100%; height: 40px; line-height: 40px; position: relative;  }
.xgrj-bt a{ position: absolute; right: 0px; top: 0px; line-height: 40px;  color: #999; }
.xgrj-bt a:hover{ color: #FFAC30; }
.xgrj-list{ width: 100%; height: auto;  }
.xgrj-list a{ width:10%; height: auto; float: left; margin:0 1.25% 1.25% 0; display: block; }
.xgrj-list a:nth-of-type(9n){ margin-right: 0px;  }
.xgrj-list a img{ width: 100%; height: 100%; display: block; border-radius: 10px;  }
.xgrj-list a:hover{ box-shadow: 0 0 10px #ccc; border-radius: 10px;  }

.zymffx{ width: 100%; height: auto; background: #fff; margin-bottom: 10px; padding:20px 10px 20px 140px;  box-sizing: border-box; position: relative;  }

.zymffx-btn{  height: 25px; position: absolute; left: 10px; top: 20px; line-height: 25px;  }
.zymffx-btn a{ background:#FFAC30; height:25px; line-height:25px; border-radius:25px; text-align:center; font-size:13px; color:#fff; width:100px; display:inline-block ; }
.zymffx-btn span{ cursor: pointer; color: #FFAC30; vertical-align: middle; display: inline-block;  }
.zymffx-txt{ text-align: right; width: 100%; line-height: 25px; height: 25px; font-size: 13px; color: #999;  }
.zymffx-txt span, .zymffx-txt a{ color: #FFAC30; }
.zymffx-tips{ width: 100%; height: auto; position: absolute; top: 50px; left: 0px; color: #fff; background: rgba(0,0,0,.7); border-radius: 4px; padding: 10px; box-sizing: border-box; font-size: 12px;display: none; z-index: 2;  }



.zy-ad{ width:100%; height:auto;margin:0 auto; position:relative; overflow:hidden; display: block;}
.zy-ad .hd{ position:absolute; z-index:1; left:0px; bottom:2px; overflow:hidden; text-align: center; width: 100%;}
.zy-ad .hd ul{ overflow:hidden;}
.zy-ad .hd ul li{  width:8px; height:8px; background:#fff;display: inline-block; margin:0 3px; box-sizing:border-box; border-radius:50%; font-size:0px;}
.zy-ad .hd ul .on{ background:#FFAC30;  }
.zy-ad .bd{ position:relative; z-index:0; height:auto;  }
.zy-ad .bd ul{ height:auto; }
.zy-ad .bd ul li{ height:auto; }
.zy-ad .bd li img{ width:100%;   height:auto;  }

.sf-tj-tips{ position: absolute; right: -8px; top: -7px; width: 112px; height: 112px;  }

.softload{ width:180px;  height: 40px; margin: 0px auto 60px; display: block; border: 1px solid #FFAC30; border-radius: 40px; text-align: center; box-sizing: border-box; line-height:39px; color: #FFAC30; cursor: pointer;  }

.sf-list.on{ text-align: center; display:table; }
.sf-list.on dl{ }
.sf-list.on dd{ display: inline-block; float: initial; width: 497px; }
.sf-list.on .sf-show-top h5,.sf-list.on .sf-show-top h4,.sf-list.on .sf-show-top h3,.sf-list.on .sf-tjly,.sf-list.on .sf-bb { text-align:left; } 


.wp-tc{ display: none;  width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.5); z-index: 9999; }
.wp-tc.on{ display: block; }
.wp-tc-box{ width: 800px; height: 540px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -400px; margin-top: -270px;  border-radius: 10px; padding-left: 408px; box-sizing: border-box; }

.wp-tc-close{ cursor: pointer; width: 30px; height:30px; position: absolute; right: 10px; top: 10px; border-radius: 30px; background: #fff; color: #000; font-size: 24px;  text-align: center; line-height: 30px;   }
.wp-tc-l{ width: 408px; height: 540px; position: absolute; left:0px; top: 0px;  border-radius: 10px 0 0 10px;  }
.wp-tc-yc{ width: 100%; height: auto; }
.wp-tc-yc h5{ margin-top: 20px; text-align: center; line-height: 50px; color: #333;  }
.wp-tc-yc h5 span{ color: #000;  }
.wp-tc-yc h5 em{ cursor: pointer; border: 1px solid #ccc; margin-left: 10px;  border-radius: 3px; padding: 0 10px;  }
.wp-tc-yc h5 em:hover{ color:#FFAC30 ; border-color: #FFAC30; }
.wp-tc-yc a{ width: 250px; height: 45px; background: #0f5af1; line-height: 45px; border-radius: 45px; text-align: center; color: #fff; font-size: 18px;  display: block; margin: 10px auto 0;  }
.wp-tc-yc a:hover{ background: #2680eb; }

.gs-tc{ display: none;  width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.5); z-index: 9999; }
.gs-tc.on{ display: block; }

.gs-tc-box{ width: 500px; height: 600px; padding-top: 70px; box-sizing: border-box; background: #fff url(../images/txbj.png) no-repeat top center; position: absolute; left: 50%; top: 50%; margin-left: -250px; margin-top: -300px;  border-radius: 10px;  box-sizing: border-box;  }

.gs-tc-title{ width: 100%; text-align: center; font-size: 50px; line-height: 50px; color: #fff;  }
.gs-tc-cont{ width: 420px; height: 300px;  margin:60px auto 0; display: block; box-shadow: 0 0 10px #eee; border-radius: 10px; background: #fff; position: relative; padding: 140px 20px 0; box-sizing: border-box;  }
.gs-tc-cont.on{ display: none;  }
.gs-tc-pic-box{ width: 130px; height: 130px; position: absolute; left: 50%; margin-left: -65px; top: -30px; border-radius: 50%; background: #fff; box-shadow: 0 0 10px #e0e6ff;  }
.gs-tc-pic-box img{ width: 100%; height: 100%; }
.gs-tc-cont p{ font-size: 16px; color: #000; line-height: 25px;  }
.gs-tc-cont p span{ color: #f00; }

.gs-tc-btn{  width: 100%; position: absolute; left: 0px; bottom: 20px; text-align: center;  box-sizing: border-box; height: 55px; display: block;  }
.gs-tc-btn.on{ display: none;  }
.gs-tc-btn a{ width: 210px;display: inline-block; height: 55px; line-height: 55px; font-size: 22px; color: #fff; background: #5786ff; text-align: center; box-shadow: 0 0 10px #5786ff;  }
.gs-tc-btn a:first-child{ border-radius: 55px 0 0 55px;  }
.gs-tc-btn a:last-child{ border-radius: 0 55px 55px 0;  }

.gs-tc-txt{ display: block; }
.gs-tc-txt.on{ display: none; }

.high-down{ display: none; }
.high-down.on{ display: block; }
.high-down h4{ text-align: center; font-size: 16px; color: #f00; margin-bottom: 20px;  }
.high-link{ width: 100%; height: auto; background: #f4f4f4; font-size: 16px; padding: 15px; box-sizing: border-box; color: #333; border-radius: 5px; word-break:break-all;  }

.copy-btn-down-btn{ display: none;  width: 100%; position: absolute; left: 0px; bottom: 20px; text-align: center;  box-sizing: border-box;  padding: 0 40px; box-sizing: border-box;  }
.copy-btn-down-btn.on{ display: block; }
.copy-btn-down-btn .h3{ color: #ffac30; line-height: 40px; cursor: pointer;  }
.copy-btn-down-btn a{ width: 100%;display: block; height: 55px; line-height: 55px; font-size: 22px; color: #fff; background: #5786ff; text-align: center; box-shadow: 0 0 10px #5786ff;border-radius: 55px;   }


.gs-tc-fk{ display: none; width: 420px; height: 330px;  margin:60px auto 0;  box-shadow: 0 0 10px #eee; border-radius: 10px; background: #fff; position: relative; padding:20px 20px 0; box-sizing: border-box;  }
.gs-tc-fk.on{ display: block; }
.gs-tc-fk .my-vip-pay{ margin-top: 0px;  }
.fkewm{ width: 220px; height: 220px; margin: 0 auto; display: block; }

.yhpl{ margin-top: 30px; width: 100%; height: auto; }
.yhpl-ipt{ width: 100%; height: auto;   }
.yhpl-text{ width: 100%; height: auto; padding: 10px; box-sizing: border-box; border: 1px solid #eee; box-sizing: border-box; border-radius: 4px 4px 0 0; }
.yhpl-text textarea{ width: 100%; height: 100px; color: #333; line-height: 25px;   }

.yhpl-tips{ width: 100%; height: 50px; line-height: 50px; padding: 0 20px; box-sizing: border-box; border-right:1px solid #eee;  border-left:1px solid #eee;border-bottom:1px solid #eee;  }
.yhpl-tips em{ float: right;  }
.yhpl-btn{ width: 100%; text-align: right; margin-top: 20px;  }
.yhpl-btn a{ height: 40px; line-height: 40px; background: #FFAC30; width: 120px; color: #fff; text-align: center; display: inline-block; border-radius: 4px;  }


.yhpl-hf{ margin-top:40px; width: 100%;    }
.yhpl-hf .y-hf-info h5{ font-weight: 500;}
.yhpl-hf .y-hf-info h5 span{ float: right; color: #999;  }
.yhpl-hf.wdxq-hf-list{ width: 100%; padding: 0px 0px;  }
.yhpl-hf .y-hf-cz-btn{ position: initial; text-align: left; }
.yhpl-hf .y-hf-cz-btn span{ margin-left: 0px; margin-right: 15px;  }
.yhpl-hf .y-hf-cz-btn span:first-child i{ font-size: 13px; margin-right: 4px;  }
.yhpl-hf .y-hf-cz-btn span:last-child i{ font-size: 14px;   }


.hf-del{ color: #f00; }
.n-xgwd-list{ width: 100%; height: auto;  }
.n-xgwd-list a{ display: block; width: 100%; height: 25px; line-height: 25px; padding-left: 30px; box-sizing: border-box; position: relative; font-size: 13px; color: #333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;   }
.n-xgwd-list a span{ position: absolute; left: 0px; top:5px; border: 1px solid #bfbfbf;font-size: 12px; color: #bfbfbf; display: block; width: 22px; height: 16px; line-height: 14px; box-sizing: border-box; text-align: center; ; }
.n-xgwd-list a:hover{ color: #FFAC30; }


.n-zffs-item{ width: 100%; height: auto; }
.ljjh-btn{ margin-top: 30px;  }

.vip-vs{ width: 100%; height: auto; margin-top: 10px; margin-bottom: 20px;  }
.vip-vs dd{ float: left; width: 255px; height: 380px; background: #fff; margin-right: 30px; border-radius: 10px;  position: relative; padding: 25px ; box-sizing: border-box; transition: all .3s;  border: 1px solid #f1f1f1; }
.vip-vs dd:last-child{ margin-right: 0px; background: #242424;  }
.vip-ysj-icon{  position: absolute; right: 0px; top: 0px;  }

.vip-vs dd:hover{ transition: all .3s; box-shadow: 2px 2px 10px #ccc; margin-top: -5px;  }


.vip-title{ margin-bottom: 10px;  width: 100%; height: 30px; line-height: 30px; padding-left:34px; box-sizing: border-box; font-weight: bold; font-size: 18px; color: #333; position: relative;  }
.vip-title img{ display: block; width: 25px; height: auto; position: absolute; left: 0px; top: 2.5rpx; }

.vip-ms{ height: 60px; line-height: 60px; color: #999; }
.vip-ktan{ width: 100%; height: 40px; text-align: center; line-height: 40px; border-radius: 8px; display: block; color: #fff; background: #ffac30;  }
.vip-vs dd:nth-of-type(1) .vip-ktan{ background: #dddddd; color: #888; }

.vip-ms-txt{ width: 100%; height: 60px;  }
.vip-ms-txt h5{ height: 25px; line-height: 25px; color:#ffac30 ; }
.vip-ms-txt h5 span{ font-size: 22px;  font-weight: bold; margin-right: 3px; }
.vip-ms-txt h4{font-weight: bold; height: 25px; line-height: 25px; color:#e7e4e5 ; text-decoration:line-through; }

.vip-line{width: 100%; height: 1px; background: #ebebeb; margin: 20px 0 ;}
.vip-vs-cont p{ line-height: 25px; color: #999; position: relative; }
.vip-vs-cont p i{ position: absolute; right: 0px; top: 0px; color: #069417; }
.vip-mqx{ color: #f00!important; }
.vip-vs dd:nth-of-type(4) .vip-title{ color: #fff;   }
.vip-vs dd:nth-of-type(4) .vip-ms-txt h4{ color: #fff;   }

.my-dhjl table{ margin-bottom: 0px;  }

.my-wdxx-cont{ width: 100%; height: auto;  }
.my-wdxx-cont dd{ width: 100%; height: auto; margin-bottom:10px;  }
.my-wdxx-tb{ cursor: pointer; width: 100%; height: 50px; box-sizing:border-box; position: relative;  background: #f2f2f2; padding: 0 200px 0 15px; line-height: 50px;     }
.my-wdxx-tb:before{ width: 2px; height: 30px; position: absolute; left: 0px; top: 10px; background:#FFAC30 ; content: "";  }
.my-wdxx-tb span{ position: absolute; right: 40px; top: 0px; font-size: 13px; color: #999;  }
.my-wdxx-tb i{ position: absolute; right: 15px; top: 0px; line-height: 50px; font-size: 14px;  transition: all .3s;}
.my-wdxx-cont dd.on .my-wdxx-tb i{ transition: all .3s; transform: rotate(90deg);  }
.my-wdxx-show{ width: 100%; height: auto; padding:10px 20px; box-sizing: border-box; line-height: 25px; color: #333; display: none;   }
.my-wdxx-show.on{ display: block; }

.wz-list.wd-list dd{ height: auto;}


.forum-tjsc{ width: 100%; height: auto;  margin-bottom: 15px; }
.forum-tjsc a{ width: 19%; float: left; display: block; position: relative;  overflow: hidden;  margin: 0 1.25% 1.25% 0;  height:266px; border-radius: 10px; }
.forum-tjsc a:nth-of-type(5n) { margin-right: 0px;  }
.forum-tjsc a img{ width: 100%; height: 100%; object-fit: cover;    }
.forum-tjsc a h5{   width: 100%; height:40px;line-height: 40px;  padding: 0 5px; box-sizing: border-box; background: rgba(0, 0, 0, 0.5); text-align: center; border-radius: 0 0 10px 10px; position: absolute; left: 0px; bottom: -40px; transition: all .3s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-size: 13px;transition: all .3s; color: #fff;  }
.forum-tjsc a:hover h5{ transition: all .3s; bottom: 0px;   }
.forum-tjsc a h5:hover{ color:#FFAC30 ;transition: all .3s;}

.forum-tjrj{ width: 100%; height: auto;  margin-bottom: 20px; }
.forum-tjrj a{ width: 11.625%; float: left; height:162px; display: block; position: relative;  overflow: hidden;  margin: 0 1% 1% 0;}
.forum-tjrj a:nth-of-type(8n) { margin-right: 0px;  }
.forum-tjrj a img{ width: 100%; height: 100%; border-radius: 10px;  }
.forum-tjrj a h5{   width: 100%; height:40px;line-height: 40px;  padding: 0 5px; box-sizing: border-box; background: rgba(0, 0, 0, 0.5); text-align: center; border-radius: 0 0 10px 10px; position: absolute; left: 0px; bottom: -40px; transition: all .3s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-size: 13px;transition: all .3s; color: #fff;  }
.forum-tjrj a:hover h5{ transition: all .3s; bottom: 0px;   }
.forum-tjrj a h5:hover{ color:#FFAC30 ;transition: all .3s;}


.sy-gg{ width: 300px; padding-left: 50px; box-sizing: border-box;  position: absolute; right:60px; bottom: 40px; height: 50px; line-height: 50px;  z-index: 99; overflow: hidden; }
.sy-gg-icon{ width:40px; height: 50px; text-align: right; line-height: 50px; color: #FFAC30; position: absolute; left: 0px; top: 0p;  }
.sy-gg-cont{ height:50px; overflow: hidden; width: 100%;   }
.sy-gg-cont a{ line-height: 50px; height: 50px; color: #fff; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;   }

.n-tyhy-txt{ margin-top: 40px;  height: 40px; line-height: 40px; font-size: 16px;  color: #333;text-align: center;  }
.n-tyhy-txt span{ color: #FFAC30; font-weight: bold;  }



/*搜索*/
.search-search{background: #ececec;height:auto; padding: 30px 0; box-sizing: border-box;}
.search-search .main-box{width: 600px; }
.search-cont{ width: 100%; height: auto; box-sizing: border-box; }
.search-cont-box{ width: 1200px; margin: 0 auto; box-sizing: border-box; }
.search-tab{ width: 100%; padding: 20px 0; border-bottom: 1px solid #ececec; }
.search-tab a{ color: #333;  height: 35px; line-height: 35px; float: left;  padding: 0 15px; box-sizing: border-box;  margin-right: 10px; border-radius:4px;  }
.search-tab a.on{ background: #fff1d9; color: #ffc400; }
.search-list{ width: 100%; height: auto; }
.search-item{ width: 100%; padding: 20px 0; box-sizing: border-box; }
.search-none{ width: 150px; margin:30px auto; text-align: center;  }
.search-none img{ width: 150px; height: auto; display: block;  }
.search-none p{ color: #333; line-height:40px;  }

.search-tj{ line-height: 40px; font-size: 14px; color: #333;  }
.search-tj span{ color: #ffc400; }

.search-title{ color: #666; line-height: 40px; margin-bottom: 10px;  }
.s-cl-gjc{ color: #c00!important;  }
.s-sc-list,.s-rj-list,.s-wd-list,.s-zx-list{ width: 100%;  }
.s-sc-list a{ border-radius: 8px;  width: 281.25px; float: left; height: 220px; background: #fff; margin: 0 25px 20px 0; box-sizing: border-box; box-shadow: 0 2px 20px 0 hsla(0,0%,92.2%,.9);  }
.s-sc-list a:nth-of-type(4n){ margin-right: 0px;  }
.s-sc-pic{ border-radius: 8px 8px 0 0;   width: 100%; height: 180px; position: relative; overflow: hidden;  }
.s-sc-pic img{ width: 100%; height: 100%; object-fit:cover ; transition: all .3s; }
.s-sc-list a .h3{ height: 40px; line-height: 40px; width: 100%; padding: 0 10px; box-sizing: border-box; font-size: 13px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.s-sc-list a:hover .s-sc-pic img{ transform:scale(1.1); transition: all .3s; }
.s-sc-list a:hover .h3{ transition: all .3s; color: #ffc400; }

.s-rj-list{ margin-top: -20px; margin-bottom: 20px;  }
.s-rj-list dd{width: 100%; height: 150px;  padding: 25px 0 0 130px; box-sizing: border-box; position: relative;  border-bottom: 1px solid #ececec;  }
.s-rj-pic{ position: absolute; width: 110px; height: 110px; border-radius: 5px;overflow: hidden; left: 0px; top: 20px;   }
.s-rj-pic img{ width: 100%; height: 100%; object-fit:cover ; }
.s-rj-list dd h5{ width: 100%;  }
.s-rj-list dd h5 a{ font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 30px; line-height: 30px; display: block;  }
.s-rj-list dd h4{ font-size: 13px; color: #999; line-height: 20px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.s-rj-list dd p a{ height: 20px;  line-height: 20px; color: #ffc400; font-size: 13px;  }
.s-rj-list dd p { margin-top: 10px;  }
.s-rj-list dd h5 a:hover{ color: #ffc400 ; }
.s-rj-list dd p span{ color: #f1f1f1; margin: 0 10px;  }

.s-wd-list a{ display: block; width: 100%; border-bottom: 1px solid #ececec; padding: 0 200px 0 80px; height:70px;  box-sizing: border-box; position: relative; margin-bottom: 12px;  }
.s-wd-list a span{ width: 60px; height: 30px; background: #FFAC30; border-radius: 5px; text-align: center; font-size: 12px; color: #333; line-height: 30px; position: absolute; left: 0px; top: 0px;  }
.s-wd-list a h5{ font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 30px; line-height: 30px; display: block; }
.s-wd-pic{ position: absolute; width:100px; height:60px; border-radius: 5px;overflow: hidden; right: 0px; top:0px;   }
.s-wd-pic img{ width: 100%; height: 100%; object-fit:cover ; }
.s-wd-list p{ font-size: 12px; color: #999;  }
.s-wd-list p em{ margin-right: 20px;  }

.s-zx-list a{ border-bottom:1px solid #ececec;  padding-left:190px; box-sizing: border-box; position: relative;width: 100%; display: block; padding-bottom: 20px;  margin-bottom: 20px;transition: all .3s;  }
.s-zx-pic{ position: absolute; left: 0px; top: 0px; width: 170px;  height: 120px; border-radius: 5px;  overflow: hidden;   }
.s-zx-pic img{ width: 100%; height: 100%; object-fit:cover ; }
.s-zx-info{ width: 100%; height:  120px; position: relative;  box-sizing: border-box;   }
.s-zx-info h6{ height:30px; line-height:30px; font-size:14px; color: #333; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.s-zx-info p{ margin-top: 10px; line-height: 20px; font-size: 12px; color: #999; height:40px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.s-zx-info h5{ height:30px; line-height: 30px;font-size: 12px;  color: #999; position: absolute; left: 0px; bottom:0px;  }
.s-zx-list a:hover h6{ color: #FFAC30;  }










/*1600px*/
@media screen and (max-width: 1600px) {


.sy-show-cont dl{ column-count:5; }

}



/*1366px*/
@media screen and (max-width: 1366px) {

body {width:expression(document.body.clientWidth <= 1200? "1200px": "auto");min-width:1200px; overflow-x: hidden; }
.main-box{ width: 1200px;  margin: 0 auto ;  }
.main-boxs{ width: 1200px;  margin: 0 auto ;  }

.n-ad{ margin: 0px auto 20px;  }
.n-type{  margin: 40px auto 30px;}

.yq-link{ margin: 10px auto 40px; }


.type-a li{ margin: 0 10px 10px; }



.zy-detail{ margin: 20px auto; }
.zy-detail-left{ width: 880px;  }
.zy-detail-right{ width: 300px; }

.n-zy-tb a{ float: left; }
.n-zy-price{ font-size: 15px;  }
.sf-list dd{ width: 400px;  }

.forum-cont{  margin-top: -90px; }
.ans-hdwt-btn{ width: 100%;  height: 230px;  background-size: 300px 230px; padding-top: 15px;   }
.ans-jb-title{ margin-bottom: 20px;  }
.ans-wytw{ width: 120px; height:40px; left: 20px; bottom:25px;  }
.ans-wyhd{ width: 120px; height: 40px; right: 20px; bottom: 25px;  }
.news-tj{ padding: 0 10px 20px;  }


.n-s-tjwz-pic{
    width:100px;
}
.news-tj-list a{ padding-left: 110px;  }

.news-tj-info h6{ font-size: 12px;  }

.mall-list{ margin: 40px auto 10px; }
.mall-info{ padding: 40px 20px 0;  }
.mall-list a{ padding-right: 300px;  }
.mall-pic{ width:300px ; }
.shop-show{ width: 1200px;  }
.shop-pic{ width: 600px;  }
.mySwiper2 {width: 600px;height: 600px; }
.shop-info{ width: 560px;  }
.shop-detail{ width: 1200px;  }
.my-menu{ width: 220px;  }
.my-menu-list a{ padding: 0 0 0 80px;  }
.my-menu-list a em{ left: 50px;  }
.my-cont{ width: 965px;  }
.my-cont-t-left{ width: 210px;  }
.my-cont-t-right{ width: 740px ; }
.my-cont-vip li{ margin-right: 11px; width: 135px; height: 120px;  }
.p-wdsc-list dd{ width: 220px;  }
.list-list .page-number{ width: 100%;  }



.sy-show-cont dl{ column-count:4; }




}





/*1220px*/
@media screen and (max-width: 1220px) {

.top-nav a{  margin-right: 35px;  }






}



/*1110px*/
@media screen and (max-width: 1110px) {

.top-logo{ margin-right: 50px;  }
.top-nav a{  margin-right: 25px;  }
.top-right-item{ margin-right: 20px;  }


}


/*1045px*/
@media screen and (max-width: 1045px) {

.top-cont{
    padding: 0 5px; 
    box-sizing: border-box;
}
.top-logo{ margin-right:30px;  }
.top-nav a{  margin-right: 15px;  }
.top-right-item{ margin-right: 10px;  }


}
/* 加载动画样式 */
.loading-spinner {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #ff6700;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-right: 5px;
    vertical-align: middle;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* 清除浮动 */
#waterfall-container:after {
    content: "";
    display: table;
    clear: both;
}