html{font-size:20px;}
body{font-family:Microsoft YaHei;font-size: 16px;overflow-x: hidden;}
*{margin:0;padding:0;}
li{list-style:none}
img{border:0;max-width: 100%;}
a{text-decoration:none;color:#333}
a:hover{color:#3377ff}
i,em{font-style:normal}
u{text-decoration:none}
input{outline: none;}
.dsbxsa{display: none !important;opacity: 0}

.clear{clear:both}
.pd100{padding:0 100px;}
.header{z-index:10;width:100%;height:100px;box-shadow: 0px 4px 20px 0px rgba(163,182,208,0.2);background: #fff}
.noheadbg .header{background: transparent;}
.tool .userface{position: relative;margin-left: 20px;}
.tool .userface>a{display: flex;align-items: center;    padding-right: 20px;}
.tool .userface>a:after{ content:'';
      position:absolute;
      right:0;transition:all 0.5s;
      top: 28px;
      width:12px;
      height:12px;
      display:block;
background:url(../images/jt12x12.png) no-repeat center  right;transform: rotate(180deg);
}
.tool .userface:hover>a:after{transform: rotate(0deg);}
.tool .userface:hover dl{display: block;}
.tool .userface>a img{width: 44px;height: 44px;border-radius: 100%;margin: 10px 15px 10px 0;}
.tool .userface dl{position: absolute;width: 374px;background:url(../images/xlbg.png) no-repeat center top #fff;padding:50px 35px;    box-sizing: border-box;    z-index: 2222;    right: 0;    border-radius: 10px;display: none;}
.tool .userface dl dt{}
.tool .userface dl dt img{border:2px #fff solid;border-radius: 100%;width: 64px;height: 64px;margin-right: 12px;}
.tool .userface dl dt p span{display: flex;color:#1B1B1B;font-size: 24px;margin-bottom: 10px;}
.tool .userface dl dt p span i{display: block;width: 34px;height: 34px;margin-left: 5px;}
.tool .userface dl dt p u{display: flex;font-size: 14px;color:#666666;}
.tool .userface dl dt p u i.ico1{background:url(../images/ico_jf.png) no-repeat left center;padding-left: 28px;margin-right: 12px;}
.tool .userface dl dt div{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;margin-bottom: 28px;}
.tool .userface dl dt ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.tool .userface dl dt ul li {width: 48%;text-align: center;height: 36px;
border-radius: 33px ;line-height: 36px;
border: 1px solid rgba(49,113,240,0.6);background: linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);}
.tool .userface dl dt ul li a{display: block;color:#fff;font-size: 15px;}

.tool .userface dl dt ul li:last-child{margin-left: 4%;background:none;}
.tool .userface dl dt ul li:last-child a{color:#3171F0;}
.tool .userface dl dt ul li a i{display: inline-block;width: 20px;height: 20px;vertical-align: middle;    margin-top: -3px;
    margin-right:12px;}
.tool .userface dl dt ul li a i.ico1{background:url(../images/ico_tg.png) no-repeat center;}
.tool .userface dl dt ul li a i.ico2{background:url(../images/ico_sy.png) no-repeat center;}

 .tool .userface dl dd ul{border-top:1px solid #E4E6ED;margin-top: 24px;padding-top: 24px;}
 .tool .userface dl dd ul li{line-height: 20px;margin-bottom: 28px;}
  .tool .userface dl dd ul li:last-child{margin-bottom: 0;}
 .tool .userface dl dd ul li a{display: block;    padding: 0 30px;color:#666666;}

 .tool .userface dl dd ul li.ico1 a{background:url(../images/ico_tool1.png) no-repeat  0px center;}
 .tool .userface dl dd ul li.ico2 a{background:url(../images/ico_tool2.png) no-repeat  0px center;}
 .tool .userface dl dd ul li.ico3 a{background:url(../images/ico_tool3.png) no-repeat  0px center;}
 .tool .userface dl dd ul li.ico4 a{background:url(../images/ico_tool4.png) no-repeat  0px center;}
 .tool .userface dl dd ul li.ico5 a{background:url(../images/ico_tool5.png) no-repeat  0px center;}
 .tool .userface dl dd ul li.ico6 a{background:url(../images/ico_tool6.png) no-repeat  0px center;}
 .tool .userface dl dd ul li.ico7 a{background:url(../images/ico_tool7.png) no-repeat  0px center;}


.cw404{text-align: center;margin:50px 0;}
.cw404 em{display: block;height: 400px;background:url(../images/404.png) no-repeat center;}
.cw404 p{font-size: 0.24rem;color:#999;margin: 40px 0 90px;}
.cw404 a{display: block;width: 320px;line-height: 0.72rem;font-size: 0.24rem;color:#fff;
background: linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);
border-radius: 0px 0px 0px 0px;margin: 0 auto;}
.logo{float:left}
.logo a{display:block;height:100px;line-height:100px}
.logo a img{vertical-align:middle}

.nav{float:left;margin-left:40px;}
.nav>ul{float:left;}
.nav>ul>li{float:left;position: relative;    margin-right:30px;}
.nav>ul>li:last-child{margin-right: 0}
.nav>ul>li a{padding:0 30px;display:block;line-height:96px;font-size: 0.2rem;}
.nav>ul>li a i{display: inline-block;
    background: url(../images/nav_jt.png) no-repeat center;
    width: 12px;
    height: 12px;
    margin-left: 10px;}
.nav>ul>li.on>a{border-bottom:4px #3d81ef solid;color:#0063F7}
.nav>ul>li.on>a i,.nav>ul>li:hover>a i{background: url(../images/nav_jt_on.png) no-repeat center;}
.nav>ul>li>ul{z-index:2;display:none;position:absolute;background:#fff;width:auto;left:50%;
transform: translate(-50%, 0%);
top:80px;
    position: absolute;
    box-shadow: 0px -1px 20px 0px rgba(113, 113, 113, 0.1);
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #F7F7F7;
    z-index: 2;
    padding: 20px;
    text-align: center;
}

.nav>ul>li>ul::before{
          content: "";
      position: absolute;
      top: -5px; 
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid rgba(255,255,255,0.9); }



.nav>ul>li:hover>ul{display:block}
.nav>ul>li>ul li a{line-height:40px;padding:0;white-space: nowrap;font-size: 0.16rem;}


.search{position: relative;}
.search i{position: absolute;background:url(../images/ss.png) no-repeat center;width: 36px;height: 36px;display: block;border:0;    right: 0px;
    top: 3px;cursor: pointer;z-index: 2;}
.search form{opacity: 0;    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;}
.search.on form{opacity: 1}    
.search.on i{display: none;}  
.search input{color:#666666;font-size: 0.15rem;text-indent: 0.2rem;
height: 40px;
/*width: 286px;*/
border-radius: 0px 0px 0px 0px;
border: 2px solid #E0E0E0;}

.search button{position: absolute;background:url(../images/ss.png) no-repeat center;width: 36px;height: 36px;display: block;border:0;    right: 16px;
    top: 3px;cursor: pointer;}

.tool{float: right;display: -webkit-flex;    margin-top: 20px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;align-items: center;}
.tool .download_btn{margin-left: 20px;background:url(../images/download.png) no-repeat center;width: 36px;height: 36px;display: block;}
.tool .login_btn{margin-left: 20px;display: block;
height: 39px;width: 110px;text-align: center;color:#fff;line-height: 39px;
background: linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);
}

.tool .reg_btn{margin-left: 20px;display: block;
height: 39px;width: 110px;text-align: center;color:#3E92F8;line-height: 39px;
background:#fff;border:1px #3E92F8 solid;box-sizing:border-box
}

.language{margin-left: 20px;position: relative;}
.language i{display: block;background:url(../images/language.png) no-repeat  center;width: 36px;height: 36px;}
.language ul{position: absolute;background: #fff;
box-shadow: 0px -1px 20px 0px rgba(113,113,113,0.1);
border-radius: 2px 2px 2px 2px;
border: 1px solid #F7F7F7;    z-index: 2;
    width: 120px;display: none;
    text-align: center;    left: -40px;}
.language ul li a{display: block;line-height:50px;}
.language ul::before {
          content: "";
      position: absolute;
      top: -5px; 
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid rgba(255,255,255,0.9); 
    }

.language:hover ul{display: block;}


.bannerbox{position:relative;margin-bottom: 140px;}
.banner .pd100{width:60%;      height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;    position: absolute;
    top: 0;}
.banner .pd100 h3{font-size: 0.76rem;}
.banner .pd100 h3 span{color:#0160F2;}

.banner .banner2 .pd100 h3 span{display: block;}

.banner .pd100 ul{display: flex;
padding:40px 0 60px;}
.banner .pd100 ul li {margin-right: 40px;padding:0 20px;
line-height: 55px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #A9C4FF;color: #1774E8;font-size:0.28rem;background:url(../images/g.png) no-repeat  #DAE7FF 30px;padding-left: 70px;}

.banner .pd100 dl {display:flex;margin-bottom:50px;}
.banner .pd100 dl dd{display:flex;background: rgba(255,255,255,0.4);padding:10px 20px;margin-right:20px;align-items: center;}
.banner .pd100 dl dd  div{}
.banner .pd100 dl dd i{display:block;width:44px;height:44px;margin-right:15px;}
.banner .pd100 dl dd i.ico1{background:url(../images/ico_banner1.png) no-repeat  center;}
.banner .pd100 dl dd i.ico2{background:url(../images/ico_banner2.png) no-repeat  center;}
.banner .pd100 dl dd i.ico3{background:url(../images/ico_banner3.png) no-repeat  center;}

.banner .pd100 dl dd div span{font-size:15px;color:#778493}
.banner .pd100 dl dd div p{margin:2px 0 0;font-size:24px;color:#082751;font-weight: 600;}
.banner .pd100 dl dd div p em{font-size: 15px;}
.banner .pd100 p{font-size: 22px;color:#666666;line-height: 2;margin:40px 0;}
.banner .pd100 a{    text-align: center;background:url(../images/jt1.png) no-repeat    170px,linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);
    padding-right:50px;color:#fff;font-size: 24px;
    box-sizing: border-box;width: 250px;
height: 68px;line-height: 68px;}
.banner img{display: block;width: 100%}
.zsbox{position: relative;    z-index: 2;margin: -50px   100px 0;}
.zsbox ul {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;
    width: 100%;}
.zsbox ul li{width:30%;padding:30px;    box-sizing: border-box;    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
background: rgba(255,255,255,1);
box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.05);
border-radius: 0px 0px 0px 0px;

display: flex;

background: linear-gradient(0deg, #ffffff 0%, #f4f7fe 100%);

}
.zsbox ul li:hover{    -webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 15px 30px #ccc;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);}


.zsbox ul li i{width:80px;height:80px;display: block;margin-right: 28px;}
.zsbox ul li i.ico1{background:url(../images/ico_bn1.png) no-repeat  center;}
.zsbox ul li i.ico2{background:url(../images/ico_bn2.png) no-repeat  center;}
.zsbox ul li i.ico3{background:url(../images/ico_bn3.png) no-repeat  center;}
.zsbox ul li p{color:#1C1C28;font-size: 0.2rem;}
.zsbox ul li em{font-size:0.4rem;display: block;color:#A3CBFB;}




.xxzs{background: #F9FBFF;
box-shadow: 0px 4px 20px 0px rgba(255,255,255,0.2);
border-radius: 8px 8px 8px 8px;margin:0 100px;}

.xxzs ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between;padding:77px  117px 90px;}
.xxzs ul li{width:20%;margin-bottom:20px;background:#fff;padding:40px 25px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box;   text-align: center;    box-shadow: 0 15px 30px #ccc;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
}
.xxzs ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%)}

.xxzs ul li a{text-align:center;display:block}
.xxzs ul li h3{font-size:0.22rem;margin:55px 0 32px;color:#333;font-weight: normal;}
.xxzs ul li span{font-size:0.44rem;line-height:1.5;color:#3171F0;}
.xxzs ul li i{display:block;height:80px;width: 100%;}
.xxzs ul li i.ico1{background:url(../images/ico_xx1.png) no-repeat center}
.xxzs ul li i.ico2{background:url(../images/ico_xx2.png) no-repeat center}
.xxzs ul li i.ico3{background:url(../images/ico_xx3.png) no-repeat center}
.xxzs ul li i.ico4{background:url(../images/ico_xx4.png) no-repeat center}


.whbox{margin:100px  60px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;}
.whbox .whjjs{width:67%;background: #FAFAFA;padding:65px  36px;    box-sizing: border-box;}

.whbox .whjjsr{width: 30%}

.ljph{background: #FAFAFA;padding:65px  36px;    box-sizing: border-box;}
.whbox h3{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;align-items: center;margin-bottom:60px;}
.whbox h3 span{display: block;font-size: 0.32rem;padding-left: 50px;}

.ljph h3 a{color: #0071F2;font-size: 0.2rem;font-weight: normal;background:url(../images/ico_shuaxin2.png) no-repeat 0 center;padding-left: 30px;}

.whbox .whjjs h3 span{background:url(../images/ico_wh.png) no-repeat 0 center }
.ljph h3 span{background:url(../images/ico_phb.png) no-repeat 0 center }

.whjjs ul {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;flex-wrap: wrap;}
.whjjs ul li{width: 48%;margin-right: 4%;background:#fff;padding:32px;border-radius: 8px;margin-bottom: 4%;
border: 1px solid #E4E6ED;box-sizing:border-box;transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;}
.whjjs ul li:hover{-webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 12px 20px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 10%);
    -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 10%);
    -o-box-shadow: 0 12px 20px rgb(0 0 0 / 10%);}

.whjjs ul li:nth-last-child(-n+2){margin-bottom:0;}
.whjjs ul li:nth-child(2n){margin-right: 0}
.whjjs ul li a{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;}
.whjjs ul li span{display: block;width: 46%}
.whjjs ul li span:nth-child(2){width: 50%}
.whjjs ul li span:nth-child(1) img{border-radius: 6px;width: 100%;
border: 1px solid #E4E6ED;margin-bottom:30px;display: block;    box-sizing: border-box;}
.whjjs ul li span:nth-child(1) em{height: 46px;line-height: 46px;color:#0071F2;
    font-size: 0.17rem;margin-bottom:25px;
background: #EFF6FF;display: block;
border-radius: 4px;text-align: center;
border: 1px solid #DBE9FF;}

.whjjs ul li span:nth-child(1) em:nth-child(3){margin-bottom:0;}

.whjjs ul li span:nth-child(2) b{font-size: 0.22rem;display: block;margin-bottom:22px;}
.whjjs ul li span:nth-child(2) i{font-size: 0.16rem;display: block;margin-bottom:17px;}
.whjjs ul li span:nth-child(2) i u{color:#F03535;}

.whjjs ul li span:nth-child(2) em{width: 136px;display: block;font-size: 0.16rem;
height: 40px;line-height: 40px;color:#0071F2;
text-align: center;
border: 1px solid rgba(0,113,242,0.3);margin-top: 35px;}


.ljph ul li{transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;background: #FFFFFF;
border-radius: 8px;
border: 1px solid #E4E6ED;margin-bottom:40px;padding:28px;display: none;}
.ljph ul li:nth-child(6n){margin-bottom: 0;}
.ljph ul li.visible{display: block;}

.ljph ul li:hover{-webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 12px 20px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 10%);
    -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 10%);
    -o-box-shadow: 0 12px 20px rgb(0 0 0 / 10%);}
.ljph ul li:last-child{margin-bottom:0;}
.ljph ul li a{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;align-items: center;}
.ljph ul li a>i {display: block;width: 32px;height: 32px;line-height: 32px;text-align: center;    font-size: 24px;
    font-weight: bold;
    color: #b8c6d2;}
.ljph ul li a>i.ico1 {background:url(../images/ico_ph1.png) no-repeat   center;font-size: 0;}
.ljph ul li a>i.ico2 {background:url(../images/ico_ph2.png) no-repeat   center;font-size: 0;}
.ljph ul li a>i.ico3 {background:url(../images/ico_ph3.png) no-repeat   center;font-size: 0;}
/*.ljph ul li a>i.ico4 {background:url(../images/ico_ph4.png) no-repeat   center}
.ljph ul li a>i.ico5 {background:url(../images/ico_ph5.png) no-repeat   center}
.ljph ul li a>i.ico6 {background:url(../images/ico_ph6.png) no-repeat   center}
.ljph ul li a>i.ico7 {background:url(../images/ico_ph7.png) no-repeat   center}
.ljph ul li a>i.ico8 {background:url(../images/ico_ph8.png) no-repeat   center}
.ljph ul li a>i.ico9 {background:url(../images/ico_ph9.png) no-repeat   center}
.ljph ul li a>i.ico10 {background:url(../images/ico_ph10.png) no-repeat   center}
.ljph ul li a>i.ico11 {background:url(../images/ico_ph11.png) no-repeat   center}
.ljph ul li a>i.ico12 {background:url(../images/ico_ph12.png) no-repeat   center}
.ljph ul li a>i.ico13 {background:url(../images/ico_ph13.png) no-repeat   center}
.ljph ul li a>i.ico14 {background:url(../images/ico_ph14.png) no-repeat   center}
.ljph ul li a>i.ico15 {background:url(../images/ico_ph15.png) no-repeat   center}
.ljph ul li a>i.ico16 {background:url(../images/ico_ph16.png) no-repeat   center}
.ljph ul li a>i.ico17 {background:url(../images/ico_ph17.png) no-repeat   center}*/


.ljph ul li a img{display: block;    border-radius: 6px 6px 6px 6px;
    border: 1px solid #E4E6ED;    margin: 0 10px;    width:calc( 45% - 52px);}

.ljph ul li a span{width: 55%}
.ljph ul li a span b{font-size: 0.22rem;display: block;}
.ljph ul li a span em{display: block;font-size: 0.18rem;color:#E5871C;margin: 5px 0;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;align-items: center;}


        .star-rating {    margin-left: 10px;
            position: relative;
            display: inline-block;
            width: 100px; 
            height: 21px; 
            background: url('../images/ico_xx.png') repeat-x; /* 底层灰色星星 */
            background-size: contain;
        }

        .star-rating .filled {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 0%;
            background: url('../images/ico_xxon.png') repeat-x; /* 上层金色星星 */
             
        }


 


.ljph ul li a span u{display: flex;}
.ljph ul li a span u i{display: block;line-height: 28px;padding:0 10px;
height: 28px;
background: #EFF6FF;
border-radius: 4px ;font-size: 0.14rem;
color: #0071F2;margin-right: 10px}

.bta{text-align:center;margin-bottom:60px}
.bta span{font-size:0.44rem;color:#333;display:block;font-weight:bold}

.smwhfy{margin: 100px;}
.smwhbox{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;margin-top: 150px;justify-content: space-between;}

.smwhbox .smwhl{width: 48%;}
.smwhbox .smwhl img{display: block;width: 100%}
.smwhbox .smwhr{width: 48%}
.smwhbox .smwhr h3{font-size: 0.36rem;}
.smwhbox .smwhr i{display: block;width: 60px;
height: 7px;margin: 45px 0;
background: #3E7BFA;
border-radius: 0px 0px 0px 0px;}

.smwhr small{font-size: 0.22rem;
color: #000;
line-height: 37px;display: block;margin-bottom:48px;}

.smwhr p{font-size: 0.22rem;
color: #666;margin-bottom:20px;}

.smwhr ul {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;margin-top: 60px}
.smwhr ul li{margin-right: 20px;}

.smwhr ul li a{display: block;width: 250px;
height: 64px;text-align: center;
font-size: 20px;border: 2px solid #65AAFF;color:#fff;line-height: 64px;background:url(../images/jt2.png) no-repeat   190px center,linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);}

.smwhr ul li:nth-child(2) a{color:#65AAFF;background:url(../images/jt3.png) no-repeat  190px   center  #fff;}

.newbox{background: #F6F7FB;margin: 100px;padding:60px 120px;}


.news_first{border-bottom:1px #ddd solid;margin-bottom:70px;padding-bottom:50px;transition:all .2s linear;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;background:url(../images/d.gif) no-repeat left 8px;}
.news_first a{display:flex;justify-content:space-between;align-items:center}

.news_first:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.news_first .subtitle{width:50%}
.news_first .subtitle h3{font-size:0.32rem;    height: 0.42rem;overflow:hidden}
.news_first img{width: 47%}


.news_first .subtitle u{font-size:0.24rem;color:#333333;line-height:2;display:block;margin:20px 0}
.news_first .subtitle>i{    display: block;
    width: 230px;    padding-right: 20px;
    height: 68px;
    text-align: center;
    font-size: 26px;
margin-top:50px;
    color: #fff;
    line-height: 64px;
    background: url(../images/jt4.png) no-repeat 170px center,linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);}
.tab{margin-bottom:130px;}
.tab  ul {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: center;}

.tab  ul li{margin: 0 20px;font-size: 0.36rem;position: relative;cursor: pointer;}
.tab  ul li.on{color:#3E7BFA;}
.tab  ul li.on:after{content:"";display: block;width: 60px;
height: 6px;
background: #3E7BFA;    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: 70px;}

.tab_box .news_box{display: none;}

.tab_box .news_box.on{display: block;}

.news_bt{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}

.news_bt span{display: -webkit-flex;
display: -moz-flex;align-items: center;
display: -ms-flex;
display: -o-flex;
display: flex;margin-right: 15px;}
.news_bt span:last-child{margin-left: auto;margin-right: 0}
.news_bt span i{display:block;width: 24px;height: 24px;margin-right: 5px}
.news_bt span img{display: block;width: 40px;height: 40px;margin-right: 10px}
.ico_view{background:url(../images/ico_view.png) no-repeat center;}
.ico_comment{background:url(../images/ico_comment.png) no-repeat center;}
.ico_time{background:url(../images/ico_time.png) no-repeat center;}




.news_list{margin-bottom:30px;}
.news_list ul li{margin-bottom:50px;transition:all .2s linear;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;background:url(../images/d.gif) no-repeat left 8px;}
.news_list ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.news_list ul li a{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.news_list ul li a>img{width: 240px;margin-right: 30px;}
.news_list ul li .subtitle{width:calc(100% - 270px)}
.news_list ul li .subtitle h3{font-size:0.18rem;line-height:0.21rem;overflow:hidden}
 
.news_list ul li .subtitle u{font-size:0.15rem;color:#333333;line-height:2;display:block;margin:20px 0}

.news_list ul li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}
.news_list ul li .news_bt span img{width: 32px;height: 32px;}

 
.more {
    display: block;margin: 0 auto;font-size: 18px;font-weight: bold;
    width: 180px;
    text-align: center;

    border:1px solid #0071F2 ;

    line-height: 48px;
      color: #0978FF;
    background: url(../images/jt5.png) no-repeat 130px center ;
}

 .eaxz{margin: 100px;}
 .eaxz ul {display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;flex-wrap: wrap;margin-bottom:80px;  }

 .eaxz ul li{background: #FAFAFA;margin-bottom:2%;margin-right: 2%;
border-radius: 8px;width: 32%;padding:20px;box-sizing: border-box;
border: 1px solid #E4E6ED;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;transition:all .2s linear;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;}
 .eaxz ul li:nth-child(3n){margin-right: 0}
 
 .eaxz ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
 






.eaxz ul li .eal{width: 30%}
.eaxz ul li .eal em{display: block;background-repeat: no-repeat;    background-position: center;
    background-size: 100%;
height: 197px;
border-radius: 6px;
border: 1px solid #E4E6ED;margin-bottom:30px;}
.eaxz ul li .eal span{display: flex;align-items: center;font-size: 0.14rem;color:#999999;}
.eaxz ul li .eal span i{display: block;width: 20px;height: 20px;margin-right: 10px;}
.eaxz ul li .eal span i.ico1{background:url(../images/ico_xz7.png) no-repeat center;}

.eaxz ul li .ear{width: 66%}
.eaxz ul li .ear h3{font-size: 0.18rem;line-height: 1.5;
    height: 0.27rem;
    overflow: hidden;} 
.eaxz ul li .ear  u{display: inline-block;padding:0 10px;margin: 13px 0;
line-height: 32px;color:#0071F2;
background: #EFF6FF;
border-radius: 4px 4px 4px 4px;}
.eaxz ul li .ear span{display: flex;align-items: center;font-size: 0.14rem;margin-bottom:12px;}
.eaxz ul li .ear span i{display: block;width: 20px;height: 20px;margin-right: 10px;}
.eaxz ul li .ear span i.ico1{background:url(../images/ico_xz1.png) no-repeat center;}
.eaxz ul li .ear span i.ico2{background:url(../images/ico_xz2.png) no-repeat center;}
.eaxz ul li .ear span i.ico3{background:url(../images/ico_xz3.png) no-repeat center;}
.eaxz ul li .ear span i.ico4{background:url(../images/ico_xz4.png) no-repeat center;}
.eaxz ul li .ear span i.ico5{background:url(../images/ico_xz5.png) no-repeat center;}
.eaxz ul li .ear span em{display: block;width: 100px;}
.eaxz ul li .ear span font{color:#FF5619;}
.eaxz ul li .ear span:nth-child(6){color:#999;}
.eaxz ul li .ear span:nth-child(6) font{color:#999;}
 .eaxz ul li .ear a{width: 128px;display: block;background:url(../images/ico_xz6.png) no-repeat 25px center;
line-height: 42px;padding-left: 30px;margin-top: 8px;
color:#0071F2;font-size: 18px;text-align: center;
border: 1px solid rgba(0,113,242,0.3);    float: right;}


.khdjlc{background: #FAFAFA;padding:60px 0 100px;}


.khdjlc ul {display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;justify-content: center;
position: relative;}
.khdjlc ul:after{    content: "";
    display: block;
    width: 60%;    top: 170px;
    height: 1px;
    position: absolute;
    border-bottom: 2px #9DC5EB dashed ;}
.khdjlc ul li{text-align: center;margin-right: 240px;    position: relative;
    z-index: 2;}
.khdjlc ul li:last-child{margin-right: 0}
.khdjlc ul li em{display: block;color:#DDE7F2;font-size: 0.52rem;font-weight: bold;}
.khdjlc ul li  i{display: block;width: 146px;margin: 30px auto  50px auto;
height: 146px;border-radius:100%;
background: #FFFFFF;
box-shadow: 0px 4px 20px 0px rgba(60,129,214,0.1);}
.khdjlc ul li  i.ico1{background:url(../images/ico_lc1.png) no-repeat center #FFFFFF;}
.khdjlc ul li  i.ico2{background:url(../images/ico_lc2.png) no-repeat center #FFFFFF;}
.khdjlc ul li  i.ico3{background:url(../images/ico_lc3.png) no-repeat center #FFFFFF;}
.khdjlc ul li  i.ico4{background:url(../images/ico_lc4.png) no-repeat center #FFFFFF;}

.khdjlc ul li h3{font-size: 0.24rem;font-weight: normal;}

.xzwmly{margin:150px;}
.xzwmly ul.xzwmhover {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;    align-items: flex-start;
display: flex;margin:150px 70px;    justify-content: space-between;}
.xzwmly ul.xzwmhover li{position: relative;width: 20%;cursor: pointer;    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;}
.xzwmly ul.xzwmhover li:hover{-webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);}
.xzwmly ul.xzwmhover li:nth-child(2n){margin-top: 100px;}
.xzwmly ul.xzwmhover li p{ position: absolute;top:0;left:0;   background: rgb(51 51 51 / 48%);
    width: 100%;
    height: 100%;    display: flex
;
    justify-content: center;
    align-items: center;}
.xzwmly ul.xzwmhover li span{display: block;position: absolute;text-align: center;color:#fff;font-size: 0.22rem;}
.xzwmly ul.xzwmhover li span em{text-transform: uppercase;display: block;color:#CBCBCB;font-size: 0.16rem;margin-top: 15px;}
.xzwmly ul.xzwmhover li img{display: block;width: 100%}
.xzwmly ul.xzwmbox {margin:70px;}
.xzwmly ul.xzwmbox li{display: none;}
.xzwmly ul.xzwmbox li.on{display: block;}

.xzwmly ul.xzwmbox li h3{font-size: 0.36rem;margin-bottom:25px;}
.xzwmly ul.xzwmbox li span{    text-transform: uppercase;display: block;font-size: 0.24rem;color:#CBCBCB;}
.xzwmly ul.xzwmbox li i{display: block;width: 60px;
height: 6px;margin:25px 0;
background: #3E7BFA;}
.xzwmly ul.xzwmbox li p{font-size: 0.24rem;line-height: 2}
.wmdys{background: #FAFAFA;padding:90px 70px;margin: 100px}

.wmdys ul {display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;justify-content: space-between;margin-top: 130px;}

.wmdys ul li{width:19%;background:#fff;padding:28px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;  box-shadow: 0 15px 30px #ccc;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);}

.wmdys ul li:hover{transform: scale(1.2);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%)}

.wmdys ul li h3{font-size: 0.28rem;color:#0055FD;margin-bottom:30px;}
.wmdys ul li p{font-size: 0.18rem;margin-bottom:100px;    line-height: 1.5;}
.wmdys ul li  i{display: block;width:100%;
height: 130px;}
.wmdys ul li  i.ico1{background:url(../images/ico_ys1.png) no-repeat center right;}
.wmdys ul li  i.ico2{background:url(../images/ico_ys2.png) no-repeat center right;}
.wmdys ul li  i.ico3{background:url(../images/ico_ys3.png) no-repeat center right;}
.wmdys ul li  i.ico4{background:url(../images/ico_ys4.png) no-repeat center right;}



/*外汇EA开发*/
body.eabg{background:url(../images/eabg.png) no-repeat top  center #d4eaff;background-size: 100%;}
.eabox{margin:0 150px 60px;}
.eabanner{background:url(../images/ico_eaxz.png) no-repeat right  center;padding:100px 0;}

.eabanner h3{font-size:0.96rem;color:#2871FF;margin-bottom:30px;}
.eabanner h3 span{color:#2E2E8E;}
.eabanner p{font-size: 0.28rem;color:#4972A2;width: 40%;line-height: 1.8}

.eamain{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;}
.eamainl{width: 70%;background: #fff;padding:45px 90px;box-sizing: border-box}
.eaztl{text-align: center;margin-bottom:55px;}
.eaztl p{    display: inline-block;font-size: 0.22rem;color:#E68B3C;background:url(../images/eats.png) no-repeat left center;padding-left:40px;margin-bottom:10px;}
.eaztl span{display: block;font-size: 0.22rem;
color: #1B1B1B;}
.eaztl span em{}
.eaztl span em:before{     content: "";
    display: inline-block;
    width: 8px;
    vertical-align: middle;
    height: 8px;
    background: #999999;
    border-radius: 100%;
    margin-right: 10px;}


.eaztl span em.on:before{  
    background: #30CB40;
}
.eaform h3{font-size: 0.32rem;margin-bottom:45px;position: relative;padding-left: 20px;}
.eaform h3:before {
    content: "";
    display: block;
    width: 4px;
    height: 30px;
    background: #3E7BFA;
    position: absolute;
    left: 0px;
    top: 7px;
}


.eaform ul{background: #FAFAFA;padding:45px;margin-bottom:45px;}
.eaform ul li{margin-bottom:30px;}
.eaform ul li span{font-size: 0.22rem;display: block;margin-bottom:20px;}
.eaform ul li span em{display: block;font-size: 0.14rem;color: #666;margin-top: 10px;}
.eaform ul li input{line-height: 48px;    text-indent: 20px;font-size: 0.18rem;
background: #FFFFFF;
border: 1px solid #E0E0E0;width: 100%;box-sizing: border-box}
.eamainr{width: 28%;background: rgb(255 255 255 / 60%);padding:50px 30px;box-sizing: border-box}
.eacjwt{padding:30px 30px 30px 60px;background:#fff;border-radius: 6px ;
border: 1px solid #E4E6ED;}
.eamainr h3{    font-size: 0.32rem;
    margin-bottom: 45px;
    position: relative;
    padding-left: 20px;}
.eamainr h3:before {
    content: "";
    display: block;
    width: 4px;
    height: 30px;
    background: #3E7BFA;
    position: absolute;
    left: 0px;
    top: 7px;
}
.eacjwt ul li{margin-bottom:15px;border-bottom:1px #ddd solid;padding-bottom: 15px;}
.eacjwt ul li span{font-size: 0.2rem;display: block;margin-bottom:15px;position: relative;}
.eacjwt ul li span i{position: absolute;font-weight: bold;
font-size: 0.22rem;    left: -30px;
color: #3171F0;}
.eacjwt ul li p{color:#666666;line-height: 2}
.eacjwt ul li:last-child{margin-bottom:0;border-bottom: 0;padding-bottom: 0}

.eaupload label{height: 200px;line-height: 200px; display: block;
background: #fff;
border-radius: 10px;    cursor: pointer;    display: flex;
    justify-content: center;
    align-items: center;}

.eaupbtn,.eauptext{display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;}
.eauptext{display: none;}
.eabox .layui-upload-file,#eaupfile,#eauppic{display: none;}    
.eaupload i.eaupfile{background:url(../images/eafile.png) no-repeat center;display: inline-block;width:104px;height: 82px;} 
.eaupload i.eaupimg{background:url(../images/eapic.png) no-repeat center;display: inline-block;width:104px;height: 82px;}
.eaform ul li .eaupload span{color:#3171F0; font-size: 0.24rem;  margin: 0 20px;    line-height: 1.5;}
.eaform ul li .eaupload em{color:#999999;display: block;font-size: 0.18rem;}

.eaform button{width: 400px;height: 62px;font-size: 0.22rem;color:#fff;background: linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);border:0;    margin: 0 auto;
    display: block;cursor: pointer;}
/*ea下载*/
.eabanner.eaxz2{background:url(../images/ico_eaxz2.png) no-repeat right  center;padding:100px 0;}
.ea_search{position: relative;width: 50%}
.ea_search input{width:100%;color:#666666;font-size: 0.15rem;text-indent: 0.2rem;
height: 40px;
border-radius: 0px 0px 0px 0px;
border: 2px solid #E0E0E0;}

.ea_search button{position: absolute;background:url(../images/ss.png) no-repeat center;width: 36px;height: 36px;display: block;border:0;    right: 16px;
    top: 3px;cursor: pointer;}
.ealist{background:#fff;padding:30px;margin-bottom:60px;position:relative}
.fenlei{margin-bottom:30px;font-size: 18px;}
.fenlei dl{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.fenlei dl dt{width: 90px;flex:  0 0 90px;line-height: 34px;}
.fenlei dl dd{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    flex-wrap: wrap;}
.fenlei dl  a{   line-height: 34px;
    padding: 0px 13px;font-size: 18px;
    border-radius: 5px;display: block;}


.fenlei dl a.hover{background:#3171F0;color:#fff;}

.eatsk{font-size:18px;color:#E8730D;line-height:46px;;border:1px #FFE7D4 solid;padding-left:50px;background:url(../images/eats.png) no-repeat 10px  center #FFF9F4;display:inline-block;min-width:100%;
    margin-top:20px;box-sizing:border-box;
    margin-bottom:50px;

}

.soft_nav{ line-height: 64px;
    background: #FAFAFA;
    margin-bottom:40px;
    padding: 0 20px;font-size: 0.20rem;}
 
 .soft_nav span{position:relative;color:#3171F0}
    .soft_nav span:after{    content: "";
    background:url(../images/nav_jt_on.png) no-repeat center;
    display: block;
    width: 14px;
    height: 15px;
 
    position: absolute;
     top: 8px;
    right: -20px;}
.soft_nav u{float:right;text-decoration:none;    font-size: 0.22rem;}  
.soft_nav u em{font-style:normal;color:#E68B3C;padding:0 5px;}

 .ealist .eaxz{margin:0;}




/*外汇经纪商列表*/
.jjsbanner{position: relative;margin:85px 170px}

.jjsbanner img{width: 100%;display: block;}
.jjsbannerl{position: absolute;height: 100%;left:0;top:0;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    flex-direction: column;
    justify-content: center;padding:0px 90px;}

.jjsbannerl h3{font-size: 0.96rem;color:#2871FF;font-weight: normal;}
.jjsbannerl h3 span{color:#2E2E8E;}
.jjsbannerl p{    width: 80%;font-size: 0.24rem;color:#4972A2;margin: 45px 0 ;}
.jjsbannerl a {
    display: block;
    width: 230px;
    padding-right: 20px;
    height: 68px;
    text-align: center;
    font-size: 0.26rem;
 
    color: #fff;
    line-height: 64px;
    background: url(../images/jt4.png) no-repeat 170px center,linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);
}





.whjjsbox{position: relative;}
.whjjsbox .swiper-button-next{    right: 40px;width: 72px;height: 72px;border-radius: 100%;border:1px #ddd solid;    color: #333;}
.whjjsbox .swiper-button-prev{    left: 40px;width: 72px;height: 72px;border-radius: 100%;border:1px #ddd solid;    color: #333;}

 .whjjsbox .swiper-button-prev:hover,.whjjsbox .swiper-button-next:hover {color: #3377ff;border:1px #fff solid;     box-shadow: 0 0 20px 11px rgb(185 185 185 / 10%);
    -webkit-box-shadow: 0 0 20px 11px rgb(185 185 185 / 10%);
    -ms-box-shadow: 0 0 20px 11px rgb(185 185 185 / 10%);
    -moz-box-shadow: 0 0 20px 11px rgb(185 185 185 / 10%);
    -o-box-shadow: 0 0 20px 11px rgb(185 185 185 / 10%);}

.whjjsbox .swiper-button-next:after,.whjjsbox .swiper-button-prev:after{font-size: 0.2rem;}

.whjjsbox .swiper-button-next.swiper-button-disabled,.whjjsbox  .swiper-button-prev.swiper-button-disabled{color: #333;}


.swiper.jjsbox{padding: 28px;margin:0 150px 85px 150px}
.jjsbox a{display: block;background: #FAFAFA;
border-radius: 8px;padding:40px 20px;
border: 1px solid #E4E6ED;position: relative;    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;}

.jjsbox a:hover{    -webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
}



.jjsbox a>em{height: 162px;display: block;border-radius: 6px;
border: 1px solid #E4E6ED;    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;}

.jjsbox a h3{margin: 20px 0  25px;text-align: center;font-size: 0.18rem;}
.jjsbox a>i{position: absolute;right: 0;top:0;width: 70px;height: 28px;background:url(../images/ico_hot.png) no-repeat center;}
.jjsbox a span{display: flex;align-items: center;font-size: 0.14rem;margin-bottom:12px;    justify-content: space-between;}
.jjsbox a span i{display: block;width: 20px;height: 20px;margin-right: 10px;}
.jjsbox a span i.ico1{background:url(../images/ico_jjs0.png) no-repeat center;}
.jjsbox a span i.ico2{background:url(../images/ico_jjs1.png) no-repeat center;}
.jjsbox a span i.ico3{background:url(../images/ico_jjs2.png) no-repeat center;}
.jjsbox a span i.ico4{background:url(../images/ico_jjs3.png) no-repeat center;}
.jjsbox a span i.ico5{background:url(../images/ico_jjs4.png) no-repeat center;}
.jjsbox a span i.ico6{background:url(../images/ico_jjs5.png) no-repeat center;}
.jjsbox a span em{display: flex;align-items: center;}
.jjsbox a span font{color:#FF5619;}
.jjsbox a span:nth-child(4){color:#0071F2;}
.jjsbox a span:nth-child(4) font{color:#0071F2;}
.jjsbox a u{display: block;
  width: 176px;

    padding-right: 20px;

    text-align: center;
    font-size:18px;
    margin: 50px auto 0;
    color: #fff;
    line-height: 48px;
    background: url(../images/jt4.png) no-repeat 130px center, linear-gradient(90deg, #0978FF 0%, #3E92F8 100%);}


.whlist{margin:100px  60px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;}
.whlist .whlistl{width:67%;background: #FAFAFA;padding:65px  36px;    box-sizing: border-box;}
.whlist .whlistr{width: 30%}
.picad ul li{margin-top:40px;}
.picad ul li a img{width:100%;display: block;}

.ljph h3{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;align-items: center;margin-bottom:60px;}
.ljph h3 span{display: block;font-size: 0.32rem;padding-left: 50px;}
.whss{position: relative;}
.whss input{width: 100%;color:#666666;font-size: 0.15rem;text-indent: 0.2rem;
height: 46px;background: #FDFDFE;
border-radius: 0px 0px 0px 0px;
border: 2px solid #E0E0E0;}

.whss button{position: absolute;background:url(../images/ss.png) no-repeat center;width: 36px;height: 36px;display: block;border:0;    right: 16px;
    top: 6px;cursor: pointer;}

.whfl{line-height: 48px;background:#fff;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;margin-top: 30px;}

.whfl i.ico1{background:url(../images/ico_fl.png) no-repeat center;width: 48px;height: 48px;display: block;}
.whfl span{    display: flex;
    margin-left: 30px;
    align-items: center;}
.whfl span.on{color:#3171F0;}    
.whfl span u{margin-left:10px;}
.whfl span u i{width: 15px;height: 8px;display: block;    cursor: pointer;}
.whfl span u i.ico_s{background:url(../images/ico_s.png) no-repeat center;}
.whfl span u i.ico_x{background:url(../images/ico_x.png) no-repeat center;}

.whfl span u i:hover{opacity: 0.5}
.whfl span u i.ico_s.on{background:url(../images/ico_s_on.png) no-repeat center;}
.whfl span u i.ico_x.on{background:url(../images/ico_x_on.png) no-repeat center;}
.whfl .fyzqb{position: relative;}
.whfl .fyzqb span i{ margin-left: 10px;   width: 15px;
    height: 8px;
    display: block;background:url(../images/ico_x_on.png) no-repeat center;}
.whfl .fyzqb ul{z-index: 1; display: none;    left: 20px;   box-shadow: 0px -1px 20px 0px rgba(113, 113, 113, 0.1);
    border-radius: 2px 2px 2px 2px;background:#fff;position: absolute;    width: 100px;}
.whfl .fyzqb ul a{display: block;text-align: center;cursor: pointer;}
.whfl .fyzqb ul a.on{color:#0063F7;}
.whfl .fyzqb:hover ul{display: block;}

.whfl .fyzqb ul::before {
          content: "";
      position: absolute;
      top: -5px; 
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid rgba(255,255,255,0.9); 
    }
.whlistl>ul{margin-bottom:60px;}

.whlistl>ul li{background: #FFFFFF;
border-radius: 8px 8px 8px 8px;
border: 1px solid #E4E6ED;margin-top:30px;transition:all .2s linear;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;}



.whlistl>ul li:hover{    -webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);}
.whlistl>ul li a{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;padding:22px;}
.whlistl>ul li a>em {
    width: 25%;
    height: 190px;
    display: block;
    border-radius: 6px;
    border: 1px solid #E4E6ED;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;    box-sizing: border-box;
}
.whr{width: 72%;margin-left: 3%}
.whr h3{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;align-items: center;font-size: 0.22rem;}
.whr h3 em{display: block;font-size: 0.18rem;color:#E5871C;margin: 0px 15px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;align-items: center;}
.whr h3 em small{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;margin-left: 10px;}

.whr h3 em small i{display: block;background:url(../images/ico_xx.png) no-repeat   center;width: 18px;height: 18px;margin-right: 10px;}

.whr h3 em small.xx1 i:first-child{background:url(../images/ico_xxon.png) no-repeat   center;}

.whr h3 em small.xx2 i:nth-child(-n+2){background:url(../images/ico_xxon.png) no-repeat   center;}
.whr h3 em small.xx3 i:nth-child(-n+3){background:url(../images/ico_xxon.png) no-repeat   center;}
.whr h3 em small.xx4 i:nth-child(-n+4){background:url(../images/ico_xxon.png) no-repeat   center;}
.whr h3 em small.xx5 i{background:url(../images/ico_xxon.png) no-repeat   center;}
.whr h3 u{margin-left: auto;color:#0071F2;background:#EFF6FF;padding:0 15px;border-radius:4px;font-size: 0.14rem;font-weight: normal;    display: block;line-height: 28px;}
.whr>span{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;margin: 15px 0}
.whr>span i{line-height:28px;padding:0 15px;margin-right: 15px;
background: #EFF6FF;color:#0071F2;font-size: 0.14rem;font-weight: 400;
border-radius: 4px;display: block;}
.whgq{display: -webkit-flex; align-items: center;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;font-size: 0.14rem;}
.whgq i{padding-left: 40px;display: block;    line-height: 24px;}
.whgq i.gq1{background:url(../images/ico_gq1.png) no-repeat center left;}
.whgq i.gq2{background:url(../images/ico_gq2.png) no-repeat center left;}
.whgq i.gq3{background:url(../images/ico_gq3.png) no-repeat center left;}
.whgq i.gq4{background:url(../images/ico_gq4.png) no-repeat center left;}
.whgq i.gq5{background:url(../images/ico_gq5.png) no-repeat center left;}
.whgq i.gq6{background:url(../images/ico_gq6.png) no-repeat center left;}
.whgq u{padding:0 15px;margin: 0 15px;
height: 24px;line-height: 24px;color:#386184;
background: #F4F6F8;
border-radius: 0px 0px 0px 0px;display: block;}
.whbq{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;align-items: center;
display: flex;font-size: 0.14rem;margin: 15px 0}
.whbq i{color:#3171F0;padding:0 15px;margin-right: 15px;line-height: 22px;border: 1px solid rgba(59,146,245,0.5);display: block;}
.plbq{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;align-items: center;font-size: 0.14rem;}
.khlja{margin-top: 30px;}
.khlja dl{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.khlja dl dt{width: 112px;flex: 0 0 112px;cursor: pointer;height: 35px;background: #F0F2F4;text-align: center;line-height: 35px;border-radius: 5px;color: #3171F0;    display: flex;
    justify-content: center;}
.khlja dl dt i{display:block;background:url(../images/jt7.png) no-repeat center;height: 35px;width: 18px;    margin-left: 5px;}
.khlja dl dd{position: relative;width: 100%;margin-left: 15px;max-width: 600px;}
.khlja dl dd ul{position: absolute;}
.khlja dl dd ul li:nth-of-type(n+2){display: none;}
.khlja dl dd ul.on li:nth-of-type(n+2){display: flex;}
.khlja dl dd ul li {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;background: #fafafa;margin-bottom: 10px;  border-radius: 4px 4px 4px 4px;
    border: 1px solid #D9DADE;}
.khlja dl dd ul li  a{ word-wrap:break-word;word-break:break-all;height: 34px;line-height: 34px;
    overflow: hidden;color: #666666;background:url(../images/link.png) no-repeat 15px center;padding-left: 50px;}
.khlja dl dd ul li button{ flex: 0 0 34px; cursor: pointer;   margin-left: auto;
    margin-right: 10px;background:url(../images/copy.png) no-repeat 10px center;display: block;border:0;width: 34px;height: 34px;}
.jgxx{background: #FAFAFA;padding:30px;margin-bottom:65px;}
.jgxx h3 {position: relative;font-size: 0.32rem;padding-left:20px;margin-bottom: 60px;}
.jgxx h3:before{content:"";display: block;width: 4px;height: 32px;background: #3E7BFA;  position: absolute;left: 0;top: 8px;}


.jgxx ul li{ margin-bottom:35px;background:#fff;cursor: pointer;}
.jgxx ul li:last-child{border-bottom:0;margin-bottom: 0;padding-bottom: 0;}
.jgxx ul li a{display: -webkit-flex;height: 90px;line-height: 90px;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center;  justify-content: space-between;padding:0 30px;}
.jgxx ul li a img{width:50px;height:30px;margin-right: 10px;}
.jgxx ul li a span{align-items: center;  display: flex;}
.jgxx ul li a em{color: #0071F2;background: #EFF6FF;margin-left: 10px;border-radius: 3px;display: block;    line-height: 33px;padding: 0 10px;font-size: 18px;border:1px #0071F2 solid;}
 .jgxx ul li i{background: url(../images/nav_jtr.png) no-repeat  center   right;display: block;line-height: 90px;height: 90px;padding-right: 20px;}   
.jgxx ul li.on i{background: url(../images/nav_jt.png) no-repeat  center   right;}
.jgxx ul li .txs{ display: none;padding: 20px;border-top: 1px #ddd solid;}
.jgxx ul li.on .txs{display: block;}
.jgxx ul li .txs img{width:100%;}
.plbq i{padding-left: 25px;margin-right: 15px;height: 24px;display: block;    line-height: 24px;}
.plbq i.ico1{background:url(../images/ico_view.png) no-repeat center left;}
.plbq i.ico2{background:url(../images/ico_comment.png) no-repeat center left;}
.plbq i.ico3{background:url(../images/ico_sc.png) no-repeat center left;}
.plbq i.ico4{background:url(../images/ico_dz.png) no-repeat center left;}

.plbq em{margin-left: auto;display: block;color:#0071F2;padding-right: 20px;background:url(../images/jt5.png) no-repeat center right;}

.page ul{display:flex;justify-content:center;align-items:center}
.page li{display:inline-block;margin-bottom:10px;color:#666}
.page li a,.page li span{display:flex;padding:0px 12px;height:32px;line-height:32px;margin:0 10px;border:none;font-size:14px;border:1px #E5E6EB solid;color:#1D2129;background:#fff;}
.page li i{display:block;width:12px;height:32px}
.page li i.prev{background:url(../images/ico_jtl.png) no-repeat center}
.page li i.next{background:url(../images/ico_jtr.png) no-repeat center}
.page li.active span{border:1px #165DFF solid;color:#165DFF;}
.page li.disabled span{color:#999999;}

.ymtz {margin-bottom: 10px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;align-items: center;}
.ymtz  input {width: 48px;height: 32px;margin:0 10px;border-radius: 2px;    font-size: 14px;text-align: center;border: 1px solid #E5E6EB;}
.ymtz  button{width: 58px;height: 34px;background:#fff;color:#3171F0;border-radius: 2px 2px 2px 2px;border: 1px solid rgba(49,113,240,0.5);cursor: pointer;}
/*外汇经纪商内容页*/
.whjs{margin:60px 100px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;background: #FAFAFA;padding:45px 30px;}
.whjs>em{display: block;height: 230px;position: relative;background-repeat: no-repeat;
    background-position: center;border:1px solid #E4E6ED;
    background-size: 100%;width: 450px;}
.whjs>em i{position: absolute;color:#3171F0;background:#E0EEFF;display: block;padding: 0 8px;font-size: 0.14rem;border-radius:0 0 10px  0 ;line-height: 2}
.whjsr {width: calc(60% - 450px);margin: 0 2%;border-right: 1px #ddd solid;padding-right: 2%;}
.whjsr h3{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;align-items: center;font-size: 0.44rem;}
.whjsr h3 u{margin-left: 15px;color:#0071F2;background:#EFF6FF;padding:0 15px;border-radius:4px;font-size: 0.16rem;font-weight: normal;    display: block;
    line-height: 28px;}
.whjsr .whgq{margin: 20px 0 32px;font-size: 0.16rem;}
.whjsr .whbq i{line-height: 29px;}

.whcontent{padding:64px  100px;background: #FAFAFA;margin:60px 100px;}
.nr_ptxx{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;}
.nr_ptxx div{border: 1px solid #D2DFFE;width: 47%;}
.nr_ptxx table{border-collapse: collapse;width: 100%}


.nr_ptxx table tr td{border:1px #EBECF1 solid;height: 80px;text-indent:0.2rem;font-size: 0.2rem;}
.nr_ptxx table tr td:first-child{background:#FAFAFA;width:30%}
.nr_ptxx table tr td:last-child{background:#fff;}

.txtnr{background:#fff;padding:30px;border: 1px solid #E4E6ED;border-radius:6px;}
.txtnr.nonr{background: url(../images/nowz.png) no-repeat   center   #fff;height: 500px;}

.whnrbox{margin:100px ;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;}
.whnrbox .whnrboxl{width:62%;box-sizing: border-box;}

.mt45xz{background: #FFFFFF;
border-radius: 6px;
border: 1px solid #E4E6ED;padding:50px 40px;}
.mt45xz ul{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.mt45xz ul li{width: 48%;background: #FFFFFF;
border-radius: 6px 6px 6px 6px;margin-bottom:4%;
border: 1px solid #E4E6ED;padding:24px;box-sizing: border-box;

 transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}
.mt45xz ul li:hover{ -webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);}
.mt45xz ul li a{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;align-items: center;}

.mt45xz ul li span{}
.mt45xz ul li span em{display: block;font-size: 0.24rem;margin-bottom:15px;}
.mt45xz ul li span u{color:#999999;font-size: 0.18rem;padding-right: 15px;}
.mt45xz ul li i.xzfile{width: 78px;height: 78px;display: block;background:url(../images/ico_xza.png) no-repeat center;margin-right: 30px;}


.mt45xz ul li i.ico_ljxz{margin-left: auto;
    display: block;
    width: 130px;
    padding-left: 30px;
    text-align: center;
    font-size: 0.18rem;
    color: #fff;
    line-height: 48px;
    background: url(../images/ico_xzbtn.png) no-repeat 25px center, linear-gradient(90deg, #0978FF 0%, #3E92F8 100%);

}
.pfsxa{width: 34%;}
.pfsxa dl{position: relative;height: 230px;}

 .pfsxa  dl  dd {      cursor: pointer;  display: flex;padding:0 10px;
height: 36px;position: absolute;line-height: 36px;
background: #F1F7FF;
box-shadow: 0px 0px 30px 0px rgba(173,189,202,0.2);
border-radius: 4px 4px 4px 4px;
border: 1px solid #E4E6ED;}
.pfsxa  dl  dd span{color:#3171F0;display: block;padding-left: 25px;}
.pfsxa  dl  dd.ico1{top:0;left: 20px}
.pfsxa  dl  dd.ico2{top:0;right: 20px}
.pfsxa  dl  dd.ico3{top:100px;right: 0}
.pfsxa  dl  dd.ico4{bottom: 0;left: 70px;}
.pfsxa  dl  dd.ico5{top:100px;left: 0}
.pfsxa  dl  dd.ico1 span{background: url(../images/ico_pf1.png)  no-repeat   left  center;}
.pfsxa  dl  dd.ico2 span{background: url(../images/ico_pf2.png)  no-repeat   left  center;}
.pfsxa  dl  dd.ico3 span{background: url(../images/ico_pf3.png)  no-repeat   left  center;}
.pfsxa  dl  dd.ico4 span{background: url(../images/ico_pf4.png)  no-repeat   left  center;}
.pfsxa  dl  dd.ico5 span{background: url(../images/ico_pf5.png)  no-repeat   left  center;}  
 .pfsxa  dl  dd i{display: block;background: url(../images/jt7.png)  no-repeat  center;width: 18px;height: 36px;margin-left: 5px;}
.circle{    position: relative;
    background: #fff;
    border-radius: 100%;
    width: 200px;    margin: 0 auto;
    height: 200px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;}
  .circle span{position:absolute;color:#E5871C; font-size:0.28rem;font-weight: bold;}
  .circle span em{font-size:0.16rem}
 

    .circle svg {
      display: block;
      width: 160px;
      height: 160px;
    }

    .circle svg circle {
      fill: none;
      stroke-width: 20px;
    }
 
    .circle svg circle:nth-child(2) {
      stroke: #EEEFF3;
    }
 
    .circle svg circle:nth-child(3) {
      stroke: url(#gradient);
      stroke-linecap: round;
      stroke-dasharray: 377;
      stroke-dashoffset: 377; 
      transition: stroke-dashoffset 150ms ease-out;
      filter: url(#shadow);
    }


.pfdp {background:#fff;padding:50px;border-radius: 6px 6px 6px 6px;
border: 1px solid #E4E6ED;}
.pfdp h3{font-size: 0.24rem;position: relative;padding-left: 20px;    display: flex
;margin-bottom:30px;
    align-items: center;}
.pfdp h3:before {
    content: "";
    display: block;
    width: 4px;
    height: 24px;
    background: #3E7BFA;
    position: absolute;
    left:0px;
    top: 6px;
}
.pfdp table {width: 100%;text-align: center;    border-collapse: collapse;margin-bottom: 30px;}
.pfdp table td{line-height: 40px; padding: 20px;   border: 1px #EBECF1 solid;font-size: 0.2rem;}
 
.pfdp table td:nth-child(1){width: 30%;background: #FAFAFA;color:#747474;}
.pfdp table td textarea{width: 100%;height: 160px;border: 1px solid #E0E0E0;    padding: 20px;
    box-sizing: border-box;font-family: Microsoft YaHei;
    font-size: 0.2rem;}
.pfdp button{width: 176px;
height: 40px;color:#fff;border:0;    margin: 0 auto;
    display: block;
    cursor: pointer;
background: linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);}


 


.nrpla{background:#fff;padding:50px;border-radius: 6px 6px 6px 6px;
border: 1px solid #E4E6ED;margin-top: 40px;}
.nrpla h3{font-size: 0.24rem;position: relative;padding-left: 20px;    display: flex
;margin-bottom:30px;
    align-items: center;}
.nrpla h3:before {
    content: "";
    display: block;
    width: 4px;
    height: 24px;
    background: #3E7BFA;
    position: absolute;
    left:0px;
    top: 6px;
}

/*.yhpla{background:#fff;padding:50px;border-radius: 6px 6px 6px 6px;
border: 1px solid #E4E6ED;margin-top: 40px;}
.yhpla h3{font-size: 0.24rem;position: relative;padding-left: 20px;    display: flex
;margin-bottom:30px;
    align-items: center;}
.yhpla  h3  span{    color: #949494;
    border-left: 1px #E0E0E0 solid;
    margin-left: 20px;
    padding-left: 20px;
    line-height: 20px;font-weight: normal;}
.yhpla h3:before {
    content: "";
    display: block;
    width: 4px;
    height: 24px;
    background: #3E7BFA;
    position: absolute;
    left:0px;
    top: 6px;
}
*/
#qrcode{display: none;width: 300px;height: 300px;    }
#qrcode canvas{margin-top: 22px;
    margin-left: 22px;}
.qawt{background: #FAFAFA;padding:30px;margin-top:65px;}

.qawt h3 {
   position: relative;
    font-size: 0.32rem;
    padding-left:20px;
    margin-bottom: 60px;
}
.qawt h3:before{content:"";display: block;width: 4px;
height: 32px;
background: #3E7BFA;  position: absolute;
     left: 0;
    top: 8px;}
.qawt ul{background: #FFFFFF;
border-radius: 6px 6px 6px 6px;
border: 1px solid #E4E6ED;padding:45px  65px;}

.qawt ul li{margin-bottom: 35px;border-bottom: 1px solid #F1F1F1;}
.qawt ul li span{font-size: 0.24rem;display: block;margin-bottom: 35px;position: relative;line-height: 0.32rem}
.qawt ul li span em{color:#3171F0;font-size: 0.32rem;position: absolute;left:-30px;}
.qawt ul li span i{float: right;background:url(../images/jtx.png)  no-repeat center;width: 32px;height: 32px;display: block;}
.qawt ul li.on span i{background:url(../images/jts.png)  no-repeat center;}

.qawt ul li p{    line-height: 1.5;font-size: 0.22rem;color:#666666;display: none;padding-bottom: 35px;}
.qawt ul li.on p{display: block;}
.whnrbox .whnrboxr{width:35%;box-sizing: border-box;}

.whzs{background: #FAFAFA;padding:30px;}
.whzs ul {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;margin-bottom:50px;}
.whzs ul li {width: 32%}
.whzs ul li a{display: block;background: #fff;
border-radius: 8px;padding:40px 20px;
border: 1px solid #E4E6ED;position: relative;    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;}

.whzs ul li:hover a{    -webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
}



.whzs ul li a>em{height: 162px;display: block;border-radius: 6px;
border: 1px solid #E4E6ED;    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;}

.whzs ul li a h3{margin: 20px 0  25px;text-align: center;font-size: 0.18rem;}
.whzs ul li a>i{position: absolute;right: 0;top:0;width: 70px;height: 28px;background:url(../images/ico_hot.png) no-repeat center;}
.whzs ul li a span{display: flex;align-items: center;font-size: 0.14rem;margin-bottom:12px;    justify-content: space-between;}
.whzs ul li a span i{display: block;width: 20px;height: 20px;margin-right: 10px;}
.whzs ul li a span i.ico1{background:url(../images/ico_jjs0.png) no-repeat center;}
.whzs ul li a span i.ico2{background:url(../images/ico_jjs1.png) no-repeat center;}
.whzs ul li a span i.ico3{background:url(../images/ico_jjs2.png) no-repeat center;}
.whzs ul li a span i.ico4{background:url(../images/ico_jjs3.png) no-repeat center;}
.whzs ul li a span i.ico5{background:url(../images/ico_jjs4.png) no-repeat center;}
.whzs ul li a span i.ico6{background:url(../images/ico_jjs5.png) no-repeat center;}
.whzs ul li a span em{display: flex;align-items: center;}
.whzs ul li a span font{color:#FF5619;}
.whzs ul li a span:nth-child(4){color:#0071F2;}
.whzs ul li a span:nth-child(4) font{color:#0071F2;}
.whzs ul li a u{display: block;
  width: 176px;

    padding-right: 20px;

    text-align: center;
    font-size: 0.18rem;
    margin: 50px auto 0;
    color: #fff;
    line-height: 48px;
    background: url(../images/jt4.png) no-repeat 130px center, linear-gradient(90deg, #0978FF 0%, #3E92F8 100%);}

.khdj{background: #FAFAFA;margin: 50px 0;    padding: 65px 36px;
    box-sizing: border-box;}
.khdj h3{    background: url(../images/ico_khdj.png) no-repeat 0 center;
    font-size: 0.32rem;
    padding-left: 50px;    margin-bottom: 60px;}
.khdj ul {background: #FFFFFF;
border-radius: 6px;padding:35px 25px;
border: 1px solid #E4E6ED;position: relative;}
.khdj ul dl{margin-bottom:30px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;margin-bottom:70px;    }
.khdj ul:after{content: "";
    display: block;
    width: 1px;
    border-right: 3px #9DC5EB dashed;
    position: absolute;
  height: 78%;
    top: 40px;
    left: 119px;}
.khdj ul dl:last-child{margin-bottom:0;}
.khdj ul dl dd{position: relative;}
.khdj ul dl dd span{display: block;font-size: 0.24rem;margin-bottom:10px;}
.khdj ul dl dd  i{display: block;width: 16px;    z-index: 2;
height: 16px;position: absolute;
background: #FFFFFF;
border-radius: 100%;    top: 5px;
    left: -60px;
border: 4px solid #5395F7;}
.khdj ul dl dd p{font-size: 0.22rem;color:#666666;}
.khdj ul dl dt{font-weight: bold;    line-height: 1;
font-size:0.36rem;
color: #DDE7F2;margin-right: 100px}
.hdtj{background: #FAFAFA;padding: 65px 36px;
    box-sizing: border-box;}

.hdtj h3{    background: url(../images/ico_hdtj.png) no-repeat 0 center;
    font-size: 0.32rem;
    padding-left: 50px;    margin-bottom: 60px;}

.hdtj ul {background: #FFFFFF;
border-radius: 6px 6px 6px 6px;
border: 1px solid #E4E6ED;padding:30px  30px  30px  40px ;}
.hdtj ul li{margin-bottom:36px}
.hdtj ul li:last-child{margin-bottom:0px}
.hdtj ul li em{display: block;font-size: 0.2rem;font-weight: bold;margin-bottom:15px;position: relative;}
.hdtj ul li em:before{content:"";display: block;width: 4px;
height: 18px;
background: #3E7BFA;    position: absolute;
    left: -20px;    top: 5px;}
.hdtj ul li span{display: block;color:#666666;font-size: 0.18rem;}
.hdtj ul li span i{float:right;font-size: 0.16rem;display: block;background: url(../images/jt6.png) no-repeat right center;padding-right: 30px;color:#333333;}


.ptdca{display: none;    padding: 50px;}
.ptdca h3{font-size: 0.32rem;position: relative;padding-left: 20px;    display: flex
;margin-bottom:30px;
    align-items: center;}
.ptdca h3 span{font-size: 0.24rem;margin-left: 20px;}
.ptdca h3:before {
    content: "";
    display: block;
    width: 6px;
    height: 30px;
    background: #3E7BFA;
    position: absolute;
    left:0px;
    top: 6px;
}
.ptdca h4{font-size: 0.24rem;position: relative;padding-left: 20px;    display: flex
;margin-bottom:30px;
    align-items: center;}
.ptdca h4:before {
    content: "";
    display: block;
    width: 4px;
    height: 24px;
    background: #3E7BFA;
    position: absolute;
    left:0px;
    top: 6px;
}


.ptdca table {width: 100%;text-align: center;    border-collapse: collapse;margin-bottom:30px;}
.ptdca table td{line-height: 80px;    border: 1px #EBECF1 solid;font-size: 0.2rem;}




.ptdca table thead tr,.ptdca table  tr.firstRow{background:#E0EEFF;}
.ptdca table thead td,.ptdca table  tr.firstRow td {color:#3171F0;}


.ptdca table tbody tr:nth-child(odd) {
  background-color: #fff; 
}
 
.ptdca table tbody tr:nth-child(even) {
  background-color: #F2F7FF
}

.ptdcb{display: none;    padding: 50px;}
.ptdcb h3{font-size: 0.32rem;position: relative;padding-left: 20px;    display: flex
;margin-bottom:30px;
    align-items: center;}
.ptdcb h3 span{font-size: 0.24rem;margin-left: 20px;}
.ptdcb h3:before {
    content: "";
    display: block;
    width: 6px;
    height: 30px;
    background: #3E7BFA;
    position: absolute;
    left:0px;
    top: 6px;
}
.ptdcb h4{font-size: 0.24rem;position: relative;padding-left: 20px;    display: flex
;margin-bottom:30px;
    align-items: center;}
.ptdcb h4:before {
    content: "";
    display: block;
    width: 4px;
    height: 24px;
    background: #3E7BFA;
    position: absolute;
    left:0px;
    top: 6px;
}


.ptdcb table {width: 100%;text-align: center;    border-collapse: collapse;margin-bottom:30px;}
.ptdcb table td{line-height: 80px;    border: 1px #EBECF1 solid;font-size: 0.2rem;}

.ptdcb table  tr.firstRow{background:#E0EEFF;}
.ptdcb table  tr.firstRow td {color:#3171F0;}
.ptdcb table  tr:nth-child(even) {
  background-color: #fff; 
}
 
.ptdcb table  tr:nth-child(odd) {
  background-color: #F2F7FF
}



.crja{display: none;    padding: 50px;}
.crja h3{font-size: 0.32rem;position: relative;padding-left: 20px;    display: flex
;margin-bottom:30px;
    align-items: center;}
.crja h3:before {
    content: "";
    display: block;
    width: 6px;
    height: 30px;
    background: #3E7BFA;
    position: absolute;
    left:0px;
    top: 6px;
}
.crja h4{font-size: 0.24rem;position: relative;padding-left: 20px;    display: flex
;margin-bottom:30px;
    align-items: center;}
.crja h4:before {
    content: "";
    display: block;
    width: 4px;
    height: 24px;
    background: #3E7BFA;
    position: absolute;
    left:0px;
    top: 6px;
}
.crja table {width: 100%;text-align: center;    border-collapse: collapse;margin-bottom: 30px;}
.crja table td{line-height: 80px;    border: 1px #EBECF1 solid;font-size: 0.2rem;}
 
.crja table td:nth-child(1){width: 30%;background: #FAFAFA;color:#747474;}

/*下载*/

.layui-layer.xztcbox{overflow: hidden;border-radius:16px;}
.xztcbox .layui-layer-setwin .layui-layer-close2 {
    background: url(../images/layer_close.png) no-repeat center;
    position: initial;
    width: 32px;
    height: 32px;
    margin-left: 16px;
}
.xztcbox .layui-layer-setwin .layui-layer-close2:hover {
    background-position: center;
}
/*ea页面*/
.downbanner{}
.downbanner h3{text-align: center;font-size: 0.8rem;color: #2871FF;margin: 60px 0 140px;}
.downbanner h3 span{color:#2E2E8E;}
.downbox{padding:0 150px  150px 150px;position: relative;}
.downbox:after{content:"";display: block;background:url(../images/downsj.png) no-repeat center;width: 547px;height: 608px;position: absolute;right: 150px;bottom: -50px;}
.downbox>span{display: block;font-size: 0.32rem;}
.downbox p{width: 45%;color:#37689F;font-size: 0.24rem;margin:30px 0  60px;}
.downbox ul {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.downbox li {    position: relative;text-align: center;width: 84px;margin-right: 90px;}
.downbox li>a{padding-bottom: 10px;display: block;}
.downbox li span{display: block;font-size: 20px;color:#37689F;margin-top:15px;}
.downbox li i{display: block;width: 84px;height: 80px;    border-radius: 18px;    box-shadow: 0px 4px 20px 0px rgba(163, 182, 208, 0.2);}
.downbox li.ico1 i{background:url(../images/ico_ap1.png) no-repeat  center;}
.downbox li.ico2 i{background:url(../images/ico_ap2.png) no-repeat  center;}
.downbox li.ico3 i{background:url(../images/ico_ap3.png) no-repeat  center;}
.downbox li:hover .xzboxa{display: block;}
.xzboxa{  display: none;     width: 120px;    left: 50%;
    transform: translate(-50%);padding: 20px;background:#fff;    position: absolute;}

.xzboxa::before {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgba(255, 255, 255, 0.9);
}

.xzboxa img{width: 110px;}
.xzboxa a{display: block;height: 28px;background:url(../images/ico_xzbtn2.png) no-repeat 18px  center #3171F0;
    padding-left: 20px;    margin-top: 10px;
border-radius: 36px;line-height: 28px;font-size: 14px;color:#fff;}


.zs1box{padding:100px 150px;background:#FAFAFA;}
.zs2box{padding:100px 150px;background:#F3F5F8;}
.zs1box h3,.zs2box h3{text-align: center;font-size: 0.44rem;margin-bottom:60px;}
.zs1box img,.zs2box img{width: 100%}

.zsbta {
   position: relative;
    font-size: 0.32rem;
    padding-left:20px;
    margin-bottom: 60px;font-weight: bold;
}
.zsbta:before{content:"";display: block;width: 4px;
height: 32px;
background: #3E7BFA;  position: absolute;
     left: 0;
    top: 8px;}


/*内容侧边*/
.side{position: fixed;left: 20px;  z-index: 2;  top: 30%;}
.side>li {    position: relative;margin-bottom:30px;}
.side>li>a{display: block;width: 60px;height: 60px;border-radius:100%;    box-shadow: 0px 4px 20px 0px rgba(163, 182, 208, 0.2);position: relative;}
.side li a.ico1{background:url(../images/ico_side1.png) no-repeat  center;}
.side li a.ico1 small{width: 22px;height: 22px;line-height: 22px;color:#fff;display: block;border-radius:100%;background:#4F98FF;text-align: center;font-size: 13px;    position: absolute;
    right: 0;}
.side li a.ico1.on small{display: block;}
.side li a.ico2{background:url(../images/ico_side2.png) no-repeat  center;}
.side li a.ico3{background:url(../images/ico_side3.png) no-repeat  center;}
.side li a.ico4{background:url(../images/ico_side4.png) no-repeat  center;}

.side li:hover a.ico1,.side li a.ico1.on{background:url(../images/ico_side1_on.png) no-repeat  center;}
.side li:hover a.ico2{background:url(../images/ico_side2_on.png) no-repeat  center;}
.side li:hover a.ico3,.side li a.ico3.on{background:url(../images/ico_side3_on.png) no-repeat  center;}
.side li:hover a.ico4{background:url(../images/ico_side4_on.png) no-repeat  center;}
.side li ul{  position: absolute;
    top: 0;display: none;
    left:60px;}

.side>li:nth-child(4):hover ul{display: block;}
.side>li ul p{box-shadow: 0px 4px 20px 0px rgba(163, 182, 208, 0.2);background:#fff;padding:20px;border-radius:6px;margin-left: 10px;}


.side li ul  a{    display: block;
    font-size: 13px;
    margin-bottom: 15px;
    text-align: center;
    width: 52px;}
    .side li ul  a:last-child{margin-bottom:0;}
.side li ul  a i{display: block;width: 100%;height: 32px;margin-bottom:5px;}

.side li ul  a.ico4-1 i{background:url(../images/ico_wx.png) no-repeat  center;}
.side li ul  a.ico4-2 i{background:url(../images/ico_wb.png) no-repeat  center;}
.side li ul  a.ico4-3 i{background:url(../images/ico_lj.png) no-repeat  center;}


/*评分*/
.rating-container{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;    padding: 0 20px;}
.rating-container  p{color:#E5871C;margin: 0 120px 0 20px ;}
        .rating {
            font-size: 40px;
            cursor: pointer;
            display: inline-block;
            margin-bottom: 10px;
        }

        .star {
            position: relative;
            display: inline-block;
            width: 20px;
            height: 20px;margin-right: 10px;
        }
        .star::before {
            content: "";
            background: url(../images/ico_xx.png) no-repeat center;
            display: block;
            width: 100%;
            height: 21px;
            position: absolute;
            left: 0;
        }
        .star.filled::before {
            content: "";
            background: url(../images/ico_xxon.png) no-repeat center;
            display: block;
            width: 100%;
            height: 21px;
        }
        .star.half::after {
            content: "";
            background: url(../images/ico_xxon.png) no-repeat left center;
            display: block;
            height: 21px;
            position: absolute;
            left: 0;
            width: 50%;
            overflow: hidden;
        }

/*layer弹窗*/
.jrtc .layui-layer-min{display: none;}
.jrtc .layui-layer-setwin .layui-layer-max{background:url(../images/layer_all.png) no-repeat center;    width: 32px;
    height: 32px;}
.jrtc .layui-layer-setwin .layui-layer-max:hover {
    background-position: center;
}

.jrtc .layui-layer-setwin .layui-layer-close2{background:url(../images/layer_close.png) no-repeat center;position: initial;
    width: 32px;
    height: 32px;margin-left: 16px;}
.jrtc .layui-layer-setwin .layui-layer-close2:hover {
    background-position: center;
}
   


/*底部*/

.kfside{position: fixed;right: 50px;top:35%;z-index: 9999}
.kfside a{margin-bottom:20px;display: block;background:#4B85F9;text-align: center;border-radius: 4px;padding:10px;}
.kfside a span{color:#fff;    font-size: 14px;}
.kfside a i{display: block;width: 100%;height:30px;}
.kfside a i.ico1{background:url(../images/ico_bk1.png) no-repeat center;}
.kfside a i.ico2{background:url(../images/ico_bk2.png) no-repeat center;}
.kfside a i.ico3{background:url(../images/ico_bk3.png) no-repeat center;}
.kfside a i.ico4{background:url(../images/ico_bk4.png) no-repeat center;}
.kfside a i.ico5{background:url(../images/ico_bk5.png) no-repeat center;}
.zxbg{background:url(../images/zxbg.jpg) no-repeat center;background-size:100% 100%;}
.zxbg dl{padding:0px 100px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;    align-items: center;
    height: 254px;}
 
.zxbg dl dd{width: 70%}
.zxbg dl dd h3{font-size: 0.26rem;margin-bottom:30px;
color: #0071F2;}
.zxbg dl dd p{font-size: 0.22rem;
color: #537BA9;}
.zxbg dl dt{width: 30%}
.zxbg dl dt a{    display: block;
    width: 230px;
    padding-right: 20px;
    height: 68px;
    text-align: center;
    font-size: 26px;
   
    color: #fff;
    line-height: 64px;
    background: url(../images/jt4.png) no-repeat 170px center,linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);}



.footer{padding:70px 100px 45px;background:url(../images/fbg.jpg) no-repeat  center #25252c;    background-size: 100%;}
.footl{float:left;width:25%;border-right: 1px solid #5a5a5a;margin-right: 8%}
.footl>img{margin:0px 0 85px;display:block}
.footl p{margin-bottom:30px;color:#fff;font-size:0.22rem;font-weight: bold;background: url(../images/ico_fxz1.png) no-repeat  center  left;padding-left: 30px;}

.footl ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.footl ul li{text-align: center;width: 0.70rem;margin-right: 20px;}
.footl ul li a{color:#AAAAAA;}
.footl ul li i{display: block;height: 44px;margin-bottom:15px;opacity: 0.5}
.footl ul li i.ico1{background: url(../images/ico_app1.png) no-repeat  center}
.footl ul li i.ico2{background: url(../images/ico_app2.png) no-repeat  center}

.footl ul li:hover i{opacity: 1}

.footr{float:right;width: 65%}
.footr dl{width:25%;float:left;}
.footr dl h3{color:#fff;font-size:0.24rem;margin-bottom:30px;font-weight: bold;}
.footr dl li{line-height: 2}
.footr dl li a{color:#a8a8ab;}

.friendlink {margin:45px 0;line-height: 100px;color:#aaa;border-top:1px #3b3b42 solid;border-bottom:1px #3b3b42 solid;}
.friendlink  span{color:#a8a8ab;}
.friendlink  a{color:#a8a8ab;padding:0 15px;}
 
.db{color:#748EA6;text-align: center;padding: 0 100px;}
.main{margin:0 100px;}
/*新闻列表页*/
.bg1{background:#F5F5F5;}
.xwbox{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;    margin: 50px 0;}

.xwboxl{width: 71%}

.xwboxr{width: 27%}

.xwboxbl{width: 68%}

.xwboxbr{width: 30%}

.xwboxbr .ljph{background:#fff;    margin-bottom: 30px;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #E4E6ED;}

.xwbanner{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;margin-bottom: 30px;}

.xwbanner a{display: block;position: relative;border-radius: 8px;    overflow: hidden;}
.xwbanner a:after{content:"";background:rgb(0 0 0 / 44%);position: absolute;width: 100%;height: 100%;top:0;left:0;}
.xwbanner a img{display: block;border-radius: 8px;width:100%;}
.xwbanner a .banner_bottom{position: absolute;bottom:0px;color:#fff;padding:0 20px 20px;    z-index: 2;}
.banner_bottom h3{color:#fff;font-size: 28px;margin-bottom: 20px;}
.banner_bottom .banner_ico{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;color:#C1C1C1;}

.banner_bottom .banner_ico span{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;}
.banner_bottom .banner_ico span img{border-radius: 40px;margin-right: 10px;width: 40px;height: 40px;}
.banner_bottom .banner_ico em{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;}
.banner_bottom .banner_ico em i{display: block;padding-left: 30px;margin-left: 20px;}

.banner_bottom .banner_ico em i.ico1{background:url(../images/ico_view2.png)  no-repeat  left center;}
.banner_bottom .banner_ico em i.ico2{background:url(../images/ico_pl.png)  no-repeat  left center;}
.banner_bottom .banner_ico em i.ico3{background:url(../images/ico_rq.png)  no-repeat  left center;}
.xwbannerl{width: 67%}

.xwbannerr{width: 31%;    display: flex
;
    flex-direction: column;
    justify-content: space-between;}

.xwbannerr a .banner_bottom h3{font-size: 16px;}
.xwbannerr a .banner_bottom span img{border-radius: 30px;margin-right: 5px;width: 30px;height: 30px;}
.xwbanner .xwbannerr a  .banner_bottom{padding:0 10px 10px;}

.xwbannerr  .banner_bottom .banner_ico em i{margin-left: 5px;    padding-left: 25px;}


.xwlist{background: #FFFFFF;
border-radius: 8px;
border: 1px solid #E4E6ED;padding:30px;}
.loading{text-align: center;}
#load-more{width: 182px;background-color: #fff;margin:0 auto;display: block;cursor: pointer;
height: 50px;text-align: center;line-height: 50px;color:#0978FF;font-size: 18px;font-weight: bold;
border: 1px solid rgba(0,113,242,0.5);background:url(../images/jt7.png)  no-repeat  135px center;}
#load-more:hover{opacity: 0.6}
#load-more.on{border:0;color:#666666;background:none;font-weight: normal;}

.xwnav{margin-bottom:60px;}
.xwnav ul {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.xwnav ul li{margin-right: 60px;}
.xwnav ul li a{font-size: 24px;color:#999;}
.xwnav ul li.on a{color:#3E7BFA;position: relative;}
.xwnav ul li.on a:after{content: "";display: block;    width: 80%;
    left: 10%;
height: 4px;position: absolute;    
    top: 40px;
background: #3E7BFA;}
.newlist {}
.newlist li{margin-bottom:20px;padding-bottom:20px;border-bottom:1px #E0E0E0 solid;}
.newlist li a{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}

.newlist li a .img{width: 235px;height:160px;     border-radius: 8px;   background-repeat: no-repeat;
    background-size: cover;flex:0 0 235px;margin-right: 20px;}
.newlistr{flex: 1}
.newlistr h2{font-size: 22px;}
.newlistr p{margin:15px 0; line-height: 2;}

.newlistr .bottom_ico{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;color:#666;}
.newlistr .bottom_ico .left{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;}
.newlistr .bottom_ico span{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;}
.newlistr .bottom_ico span img{border-radius: 40px;margin-right: 10px;width: 40px;height: 40px;}

.newlistr .bottom_ico u{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;}
.newlistr .bottom_ico u i{display: block;margin-left: 20px;width:36px;height:36px;}

 
i.djico1{background:url(../images/ico_xzdj1.png) no-repeat center;background-size: 100%}
i.djico2{background:url(../images/ico_xzdj2.png) no-repeat center;background-size: 100%}
i.djico3{background:url(../images/ico_xzdj3.png) no-repeat center;background-size: 100%}

i.vipico1{background:url(../images/ico_vip1.png) no-repeat center;background-size: 100%}
i.vipico2{background:url(../images/ico_vip2.png) no-repeat center;background-size: 100%}
i.vipico3{background:url(../images/ico_vip3.png) no-repeat center;background-size: 100%}
i.vipico4{background:url(../images/ico_vip4.png) no-repeat center;background-size: 100%}



.newlistr .bottom_ico em{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;}
.newlistr .bottom_ico em i{display: block;padding-left: 30px;margin-left: 20px;}

.newlistr .bottom_ico em i.ico1{background:url(../images/ico_view.png)  no-repeat  left center;}
.newlistr .bottom_ico em i.ico2{background:url(../images/ico_comment.png)  no-repeat  left center;}
.newlistr .bottom_ico em i.ico3{background:url(../images/ico_sc.png)  no-repeat  left center;}
.newlistr .bottom_ico em i.ico4{background:url(../images/ico_dz.png)  no-repeat  left center;}

.newlistr .bottom_ico .right{line-height: 40px;}
.newlistr .bottom_ico .right i{background:url(../images/ico_time2.png)  no-repeat  left center;display: block;padding-left: 30px;}

.tougao{margin-bottom: 30px;}
.tougao ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-around;}
.tougao ul li{width: 45%}

.tougao ul li a{line-height: 50px;display: block;color:#3171F0;text-align: center;padding-left:20px;}

.tougao ul li.ico1{background: #fff;border: 1px solid #5BA5FF;line-height: 48px;
  
}

.tougao ul li.ico1 a{  background-image: url(../images/ico_jia.png);
       background-repeat: no-repeat;
    background-position: 50px center;}

.tougao ul li.ico2{background: linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);color:#fff;

}
.tougao ul li.ico2 a{  background-image: url(../images/ico_hy.png);
       background-repeat: no-repeat;color:#fff;
    background-position: 50px center;}

.kuaixun{margin-bottom: 30px;padding:20px;background:#fff;border-radius: 8px;
border: 1px solid #E4E6ED;}
.kuaixun h3{margin-bottom: 30px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;
    justify-content: space-between;}
.kuaixun h3 i{display: block;padding-left: 35px;  font-size: 0.23rem;background:url(../images/ico_shuaxin.png)  no-repeat  left center;}
.kuaixun h3 a{font-size: 0.18rem;background:url(../images/ico_jt.png)  no-repeat  right center;padding-right: 20px;color:#0071F2;}
.kuaixun ul{padding-left: 20px !important;      margin-left: 10px !important;  border-left: 2px dashed #999;}
.kuaixun ul li{margin-bottom:30px;position: relative;height:auto !important;}
.kuaixun ul li:before{content: "";position: relative;left:0;top:10px;background:url(../images/ico_yuan.png)  no-repeat   center;width: 16px;height: 16px;    left: -30px;
    top: 32px;display: block;}
.kuaixun ul li a{display: block;}
.kuaixun ul li a span em{background: #2A70D3;font-size: 14px;color:#fff;padding:3px 10px;
border-radius: 4px 4px 4px 4px;margin-right: 5px;}
.kuaixun ul li a span{    line-height: 2;display: block;font-size:0.22rem;margin-bottom: 10px;}
.kuaixun ul li a u{display: block;font-size: 0.18rem;color:#999999;}

.newone{margin-bottom: 30px;}
.newone a{display: block;position: relative;border-radius:8px;overflow: hidden;}
.newone a img{width: 100%;    display: block;}
.newone a h3{position: absolute;bottom:0px;padding:0 20px 20px;color:#ffff;z-index: 2}
.newone a:after {
    content: "";
    background: rgb(0 0 0 / 44%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.zxnew{margin-bottom: 30px;
    padding: 20px;
    background: #fff;border-radius: 8px;
border: 1px solid #E4E6ED;}
.zxnew h3{    font-size: 0.23rem;    margin-bottom:20px;padding-left: 15px;border-left:4px #3171F0 solid;}
.zxnew ul{}
.zxnew ul li{margin-bottom:20px; padding-bottom: 20px;   border-bottom: 1px dashed #999;}
.zxnew ul li:last-child{border-bottom:0;padding-bottom: 0;margin-bottom: 0;}
.zxnew ul li a{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.zxnew ul li a img{width: 40%;border-radius:8px;margin-right: 10px;}
.zxnew ul li a span{font-size: 0.2rem;  }

.bqtj{margin-bottom: 30px;
    padding: 20px;
    background: #fff;border-radius: 8px;
border: 1px solid #E4E6ED;}
.bqtj h3{    font-size: 0.23rem;    margin-bottom:20px;padding-left: 15px;border-left:4px #3171F0 solid;}
.bqtj ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;flex-wrap: wrap;}
.bqtj ul li{width:40%;margin:0 5%;margin-bottom:5%}
.bqtj ul li a{display: block;background:#EFF6FF ;
border-radius: 4px 4px 4px 4px;justify-content: center;  text-align: center;
border: 1px solid rgba(61,149,250,0.5);line-height: 33px;color:#0071F2;font-size: 0.18rem;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.bqtj ul li a i{display: block;background:url(../images/ico_tag.png) center  no-repeat;height: 33px;width: 23px;margin-right: 10px;}

.zzphb{margin-bottom: 30px;
    padding: 20px;
    background: #fff;border-radius: 8px;
border: 1px solid #E4E6ED;}
.zzphb h3{    font-size: 0.23rem;    margin-bottom:20px;padding-left: 15px;border-left:4px #3171F0 solid;}
.zzphb dl{border:1px #F4F4F4 solid;border-radius:10px;}
.zzphb dl dt{background:#F0F6FF;line-height: 48px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;font-size: 0.15rem;color:#7F8DAB;}
.zzphb dl dd{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.zzphb dl{text-align: center;}
.zzphb dl dd{border-bottom:1px #F4F4F4 solid;}
.zzphb dl dd span{line-height: 70px;}
.zzphb dl dt span:nth-child(1),.zzphb dl dd span:nth-child(1){
width:20%;
}

.zzphb dl dt span:nth-child(2),.zzphb dl dd span:nth-child(2){
width:30%;
}
.zzphb dl dt span:nth-child(3),.zzphb dl dd span:nth-child(3){
width:30%;
}
.zzphb dl dt span:nth-child(4),.zzphb dl dd span:nth-child(4){
width:20%;
}
.zzphb dl dd span:nth-child(2){display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;}
.zzphb dl dd span:nth-child(2) img{border-radius:100%;width: 32px;height: 32px;margin-right: 10px;}
.zzphb dl dd span:nth-child(3){color:#1E53BF;font-weight: bold;}
.zzphb dl dd span:nth-child(4){color:#F24D00;font-weight: bold;}



.logintc{position: fixed;
border-radius:20px;overflow: hidden;
    left: 50%;
    margin-left: -550px;    margin-top: -350px;
    top: 50%;
    z-index: 10;height: 700px;display: none;}

.logintc.on{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}

.loginl{width: 410px;background:url(../images/loginbg.jpg) no-repeat center;}
.loginr{width: 700px;background:#fff;padding:75px;box-sizing: border-box;}

.wjmmzc{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;    margin-bottom: 60px;}
.wjmmzc a{    font-size: 0.2rem;
    color: #3171F0;}
.dltab{margin-bottom:10px;}
.dltab ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}

.dltab ul li{color:#999;font-size: 0.26rem;margin-right: 30px;position: relative;}
.dltab ul li.on{color:#333;}
.dltab ul li.on:after{    content: "";
    display: block;
    height: 4px;
    position: absolute;
    width: 80%;
    left: 10%;
    top: 50px;
    background: #3E7BFA;}
    .dlbox{display: none;}
    .dlbox.on{display: block;}
    .loginr h3{margin-bottom: 30px;font-size: 0.28rem;padding-left:30px;background:url(../images/ico_jt2.png) no-repeat left center;cursor: pointer;}
.loginr ul li{margin-bottom:60px;position: relative;cursor: pointer;}

.loginr #registerbox ul li,.loginr #forgotbox ul li{margin-bottom: 40px;}

.loginr ul li .eyes_click{
	    right: 20px;
    top: 20px;
	position:absolute;width:26px;height:26px;background:url(../images/eyes.png) no-repeat  center;cursor: pointer;
	
}
.loginr ul li .eyes_click.on{background:url(../images/eyes_on.png) no-repeat  center;}
.loginr ul li input{width:100%;
height:60px;
background: #FFFFFF;
border-radius: 60px;
border: 1px solid #E0E0E0; font-size: 20px;color:#999; text-indent: 20px;}



.loginr ul li input[type="password"]::-webkit-credentials-cramble-button{
    appearance: none;
}

.loginr ul li input[type="password"]::-ms-reveal{
    display: none;
}

.loginr ul li input[type="password"]::-ms-clear{
    display: none;
}


.loginr ul li input::placeholder {
font-size: 20px;color:#999;
}


.mmzha i{display:block;height:130px;background:url(../images/ico_g.png) no-repeat  center;margin:100px 0 60px;}

.mmzha p{text-align:center;font-weight: 400;
font-size: 20px;margin-bottom:80px;
color: #999999;}
.mmzha a{    height: 60px;display:block;    text-align: center;
    line-height: 60px;
    cursor: pointer;
    background: linear-gradient(90deg, #0978FF 0%, #3E92F8 100%);
    border-radius: 60px;
    width: 100%;
    border: 0;
    color: #fff;
    font-size: 0.24rem;
    margin: 30px 0 40px;}



#fsyzm{position: absolute;right:20px;top:17px;font-size:20px;color:#3171F0;    background: none;
    height: auto;
    width: auto;
    border-radius: 0;
    margin: 0;}
#fsyzm.layui-btn-disabled{    color: #9f9f9f;}
.fwtk{text-align: center;font-size: 0.18rem;color:#999;    display: flex
;
    justify-content: center;
    align-items: center;}
.istyzc{display: block;width: 24px;height: 24px;margin-right:10px;cursor:pointer;box-sizing:border-box;border:1px #E0E0E0 solid;border-radius:100%;margin-right: 10px;}

.istyzc.on{background:url(../images/g2.png) no-repeat center;}






.fwtk a{color:#F09031;}

.loginr button{height: 60px;cursor: pointer;
background: linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);
border-radius: 60px;width: 100%;border:0;color:#fff;font-size: 0.24rem;margin:30px 0 40px;}
.nozhanghao{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;
}

.nozhanghao  span{font-size: 0.2rem;color:#999;}
.nozhanghao  a{font-size: 0.2rem;}

.nozhanghao a{color:#3171F0;}

.hbg{width:100%;height: 100%;background:rgb(51 51 51 / 58%);position: fixed;top:0;left:0;z-index: 9;display: none;}

#login_close{position: absolute;right: 20px;top:20px;background:url(../images/ico_close.png) no-repeat center;width:32px;height: 32px;cursor: pointer;}


#loginbox{display: none;}
#loginbox.on{display: block;}
#forgotbox{display: none;}
#forgotbox.on{display: block;}
#registerbox{display: none;}
#registerbox.on{display: block;}

#forgotbox .mmzha{display:block}
#forgotbox .yzmdl{display:none}

#forgotbox.wcg .yzmdl{display:block}
#forgotbox.wcg .mmzha{display:none}



/*新闻内容页*/
.xwcontent{background: #FFFFFF;
border-radius: 6px 6px 6px 6px;
border: 1px solid #E4E6ED;padding:20px;margin-bottom: 30px;}

.xwcontent h1.title{font-size: 0.28rem;margin-bottom:20px;}

.xwdh{margin-bottom: 20px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}

.miaoshu {background: #F7F7F7;
border-radius: 6px 6px 6px 6px;
border: 1px solid #E4E6ED;padding:20px;margin-bottom: 20px;}


.newnr{font-size: 0.18rem;line-height: 1.5;margin-bottom: 40px;}
.newnr p{margin-bottom: 20px;}
.newnr img{max-width: 100% !important;height: auto !important;}


.zzzm{background: #F7F7F7;
border-radius: 6px 6px 6px 6px;
border: 1px solid #E4E6ED;color:#666;padding:20px;}

.tagnr{margin-top:40px;}
.tagnr ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;flex-wrap: wrap;}
.tagnr ul li{margin-right:20px;margin-bottom:20px}
.tagnr ul li a{display: block;background:#EFF6FF ;padding:0 20px;
border-radius: 4px 4px 4px 4px;justify-content: center;  text-align: center;
border: 1px solid rgba(61,149,250,0.5);line-height: 33px;color:#0071F2;font-size: 0.18rem;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.tagnr ul li a i{display: block;background:url(../images/ico_tag.png) center  no-repeat;height: 33px;width: 23px;margin-right: 10px;}



#dz{width: 260px;display: flex;    justify-content: center;
    align-items: center;
height: 52px;cursor: pointer;
background: linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);
border-radius: 33px 33px 33px 33px;margin:40px  auto 0;text-align: center;color:#fff;border:0;font-size: 0.18rem;}
#dz.on{background: #F0F2F4;color:#0978FF;}
#dz i{background:url(../images/dz.png) center  no-repeat;display: block;width: 29px;height: 29px;margin-right: 5px;}

#dz.on i{background:url(../images/dz_on.png) center  no-repeat;}

.xw_user{position: relative;background: #FFFFFF;
border-radius: 6px 6px 6px 6px;
border: 1px solid #E4E6ED;margin-bottom: 30px;}
.xw_user:before{content: "";display: block;height: 182px;background:url(../images/xwtxbg.jpg) no-repeat center;background-size: cover;}
.xw_tx {    text-align: center;}
.xw_tx a{display: block;     margin-top: -57px;}
.xw_tx a img{width: 110px;height: 110px;border-radius:100%;border: 4px solid #FFFFFF;}


.xw_user_name{text-align: center;}
.xw_user_name span{font-size:32px;display: -webkit-flex;align-items: center;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: center;margin:20px 0;}
.xw_user_name span i{width: 36px;height: 36px;display: block;margin-left: 10px;}
 


.xw_user_name span i.vipico5{background:url(../images/ico_vip5.png) no-repeat center;}

.xw_user_name p{color:#666;font-size: 0.18rem;margin-bottom: 30px;}
.gzsx{margin-bottom: 30px;}
.gzsx ul {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; justify-content: center;}
.gzsx ul li{width: 40%;text-align: center;    margin: 0 2%;}
.gzsx ul li button{background: linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);
border-radius: 33px;line-height: 50px;font-size:18px;color:#fff;display: -webkit-flex;
display: -moz-flex;    width: 100%;cursor: pointer;
display: -ms-flex;
display: -o-flex;border:0;
display: flex;    justify-content: center;
    align-items: center;}

.gzsx ul li button.on{background: #F0F2F4;color:#3171F0;}

.gzsx ul li:nth-child(2) button{background:#fff;color:#3d81ef;border: 1px solid #3d81ef;line-height: 48px;}
.gzsx ul li button i{display: block;width: 20px;height: 20px;margin-right: 20px;}
.gzsx ul li button i.ico1{background:url(../images/ico_jia2.png) no-repeat center;}

.gzsx ul li button.on  i.ico1{background:url(../images/ico_jia.png) no-repeat center;}


.gzsx ul li button i.ico2{background:url(../images/ico_sx.png) no-repeat center;}

.xw_user dl {background: #FAFAFA;margin:0 40px 40px;
border-radius: 8px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;padding:20px 0;}

.xw_user dl dd{width:33%;text-align: center; }

.xw_user dl dd em{font-size: 0.24rem;display: block;margin-bottom: 20px;}
.xw_user dl dd span{font-size: 0.2rem;color:#666;display: block;}

 

.xw_user_zjxw{margin:0 30px 30px; }
 
.xw_user_zjxw ul{}
.xw_user_zjxw ul li{margin-bottom:20px; padding-bottom: 20px;   border-bottom: 1px dashed #999;}
.xw_user_zjxw ul li:last-child{border-bottom:0;padding-bottom: 0;margin-bottom: 0;}
.xw_user_zjxw ul li a{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.xw_user_zjxw ul li a img{width: 40%;border-radius:8px;margin-right: 10px;}
.xw_user_zjxw ul li a span{font-size: 0.2rem;  }


.xwsearch{margin-bottom: 30px;position: relative;}
.xwsearch input{background: #FFFFFF;
color:#666;font-size: 0.16rem;text-indent:20px;
border:1px solid #E0E0E0;display: block;width: 100%;line-height: 48px;}
.xwsearch button{position: absolute;right:5px;top:0;height: 48px;width: 48px;background:url(../images/ss.png) no-repeat center;border:0;cursor: pointer;}
.zxpl{    background: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #E4E6ED;padding:20px;margin-bottom: 30px;}

.zxpl ul li{margin-bottom: 20px;padding-bottom: 20px;border-bottom:1px #ddd solid;}
.zxpl ul li span{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;
    justify-content: space-between;margin-bottom: 20px;
}
.zxpl ul li span em{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;
width: 80%;color:#666;
}
.zxpl ul li span em u{margin:0 3%;color:#1B1B1B;}
.zxpl ul li span em a{width: 50%;   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;margin-left: 3%;color:#1B1B1B;}
.zxpl ul li span img{width: 36px;height: 36px;border-radius:100%;}

.zxpl ul li p{font-size: 0.18rem;margin-bottom: 10px;}
.zxpl ul li time{color:#666666;}
.zxpl ul li i{display: block;}
.zxpl ul li i a{display: block;background:url(../images/ico_comment2.png) no-repeat left center;    padding-left: 30px; height: 25px;}

h3.titlea{    font-size: 0.23rem;
    margin-bottom: 20px;
    padding-left: 15px;
    border-left: 4px #3171F0 solid;}

 

.xgtj {
    background: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #E4E6ED;
    padding: 20px;
    margin-bottom: 20px;
}
 
.xgtj li{margin-bottom:20px;padding-bottom:20px;border-bottom:1px #E0E0E0 dashed;}
.xgtj li a{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}

.xgtj li a .img{width: 235px;height:160px;     border-radius: 8px;   background-repeat: no-repeat;
    background-size: cover;flex:0 0 235px;margin-right: 20px;}

 
 
.bqtjb{margin-bottom: 30px;
    padding: 20px;
    background: #fff;border-radius: 8px;
border: 1px solid #E4E6ED;}
 
.bqtjb ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;flex-wrap: wrap;}
.bqtjb ul li{width:29%;margin:0 2%;margin-bottom:3%}
.bqtjb ul li a{display: block;background:#EFF6FF ;
border-radius: 4px 4px 4px 4px;justify-content: center;  text-align: center;
border: 1px solid rgba(61,149,250,0.5);line-height: 33px;color:#0071F2;font-size: 0.18rem;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.bqtjb ul li a i{display: block;background:url(../images/ico_tag.png) center  no-repeat;height: 33px;width: 23px;margin-right: 10px;}


.rmtj{margin-bottom: 30px;
    padding: 20px;
    background: #fff;border-radius: 8px;
border: 1px solid #E4E6ED;}


.rmtj_first{margin-bottom:20px;padding-bottom:20px;border-bottom:1px #E0E0E0 dashed;}
.rmtj_first a{display: block;position: relative;border-radius:8px;overflow: hidden;}
.rmtj_first a img{width: 100%;    display: block;}
.rmtj_first a .rmtj_bottom{position: absolute;bottom:0px;padding:0 20px 20px;color:#ffff;z-index: 2}
.rmtj_first a .rmtj_bottom h3{    font-size: 0.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;color:#fff;}
.rmtj_first a .rmtj_bottom  p{color:#fff;    margin: 10px 0;
    line-height: 2;
    height: 64px;
    overflow: hidden;}

   .rmtj_first a .rmtj_bottom  i  {    background: url(../images/ico_view3.png) no-repeat left center;
    display: block;
    padding-left: 30px;}

.rmtj_first a:after {
    content: "";
    background: rgb(0 0 0 / 44%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.rmtj_first a>i{    width: 63px;
    line-height: 22px;
    height: 22px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: linear-gradient(270deg, #F85353 0%, #FF8E38 100%);
    border-radius: 4px 4px 4px 4px;
    z-index: 2;
    display: block;position: absolute;top:10px;left:10px;}



.rmtj li{margin-bottom:20px;padding-bottom:20px;border-bottom:1px #E0E0E0 dashed;}
.rmtj li a{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}




.rmtj li a .img{width: 170px;height:130px;     border-radius: 8px;   background-repeat: no-repeat;
    background-size: cover;flex:0 0 170px;margin-right: 20px;}

.rmtj li a .img i{width: 63px;line-height: 22px;
height: 22px;text-align: center;color:#fff;font-size: 12px;
background: linear-gradient( 270deg, #F85353 0%, #FF8E38 100%);
border-radius: 4px 4px 4px 4px;    margin: 10px;
    display: block;}


.rmtjr{width: calc(100% - 200px);}


.rmtjr h3{font-size: 0.2rem;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.rmtjr p{margin:10px 0; line-height: 2;    height: 64px;
    overflow: hidden;}
.rmtjr i{    background: url(../images/ico_view.png) no-repeat left center;
    display: block;
    padding-left: 30px;}



.feedback{display:none;padding:30px;background:#fff;}
.feedback  h3{text-align: center;font-size: 32px;margin-bottom: 20px;}
.feedback dl dt{font-size: 22px;margin-bottom: 20px;border-left:4px #3E7BFA solid;padding-left: 10px;}
.feedback dl dd textarea{padding:20px;border:1px #E0E0E0 solid;width: 100%;height: 140px;font-weight: 400;
font-size: 18px;  box-sizing: border-box;  font-family: Microsoft YaHei;
color: #999999;margin-top: 20px;}
.feedback dl dd{margin-bottom: 20px;}
.fbtype{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}

.fbtype li{height: 32px;line-height: 32px;margin-right: 20px;cursor: pointer;}

.fbtype li span{
font-weight: 500;padding:0 20px;
font-size: 14px;display: block;
color: #999999;cursor: pointer;
border-radius: 4px;
border: 1px solid #E0E0E0;}
.fbtype li input{display: none;}

.fbtype li input[type="radio"]:checked+span {
background: #3171F0;border: 1px solid #3171F0;color:#fff;
}

.feedback .feedbackbtn{width: 382px;
height: 62px;color:#fff;border:0;
background: linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);
font-size: 22px;margin:0 auto;display: block;cursor: pointer;} 


 .upload-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
    
        }
        .upload-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            cursor: pointer;
        }
 
        .preview-container {
width: 120px;
height: 120px;
background: #FAFAFA;
border-radius: 8px 8px 8px 8px;
border: 1px dashed #DADFE6;

            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }
        .preview-img {
            max-width: 100%;
            max-height: 100%;
            display: none;
        }
        .preview-text {
            font-size: 0px;
            background:url(../images/ico_jia3.png) no-repeat center;
            width: 100%;
            height: 100%;
        }
        .remove-btn {
            padding: 5px 10px;
            background-color: #f44336;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            display: none;
        }
        .remove-btn:hover {
            background-color: #d32f2f;
        }


.fktsk{width: 380px;
height: 49px;
padding:0 20px;overflow: hidden;
border-radius: 6px 6px 6px 6px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;align-items: center;
}

.fktsk i{width: 24px;height: 24px;display: block;margin-right: 10px;}

.fktsk.ico1{border: 1px solid #B3D5FF;background: #E2EEFF;color: #3171F0;}
.fktsk.ico2{background: #FFE1E1;border: 1px solid #FFACAC;color: #FF3B3B;}
.fktsk.ico1 i{background:url(../images/ts_tg.png) no-repeat center;}
.fktsk.ico2 i{background:url(../images/ts_error.png) no-repeat center;}


.wdla{    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    border: 0;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    overflow: auto;
    padding: 10px;
    height: 54px;
    margin: 0;
    resize: none;
    color: #999999;
    width: 100%;}
.wdla a{padding-right: 10px;    color: #0071F2;}

.wzpl{    border: 1px #E0E0E0 solid;
    padding: 20px;    background: #FFFFFF;
    border-radius: 6px 6px 6px 6px;

 }
.wzpl h3{    font-size: 0.23rem;
    margin-bottom: 20px;
    padding-left: 15px;
    border-left: 4px #3171F0 solid;}
.wzpl  textarea {font-size: 0.18rem;
    font-family: Microsoft YaHei;
    border: 0;outline:none;
    box-shadow: none;
    -webkit-appearance: none;
    overflow: auto;
    padding: 10px;
    height: 54px;
    margin: 0;
    resize: none;
    color: #999999;
    width: 100%;}
.wzpl .ds-post-toolbar{position:relative;width:100%;height: 40px;padding-top: 20px;margin-top: 20px;border-top:1px #F1F1F1 solid;}
 

.wzpl .ds-toolbar-buttons{position:absolute;top:20px;left:6px;}
.wzpl .ds-toolbar-button{cursor: pointer;display:block;width:28px !important;height:28px;float:left;margin-right:4px;vertical-align:middle;transition:opacity 0.15s linear;-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;}
.wzpl .ds-toolbar-button:hover{opacity:1;}
.wzpl .ds-add-emote{background:url(/static/addons/comments/images/ico_bq.png) no-repeat;}
.wzpl .ds-add-emote:hover{opacity:0.6;}
 
.wzpl .ds-add-picb{background:url(/static/addons/comments/images/ico_pic.png) no-repeat;}
.wzpl .ds-add-picb:hover{opacity:0.6;}
.wzpl .ds-post-button {
    cursor: pointer;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    position: absolute;
    right: 0;
    top: 20px;
    height: 40px;
    width: 150px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: linear-gradient(90deg, #0978FF 0%, #3E92F8 100%);
    border: 0;
}
#upvip{width: 197px;cursor:pointer;
height: 40px;    text-align: center;
    line-height: 40px;
background: linear-gradient( 90deg, #4DB6FF 0%, #3188F2 100%);
border-radius: 50px;
border: 1px solid #A3CCFF;position:absolute;right:30px;}
#upvip i{display:block;    background: url(../images/ico_zs.png) no-repeat center;
   width:55px;height:55px;position:absolute;    top: -9px;
    left: -15px;}
 
#upvip span{color:#fff; background: url(../images/ico_jt9.png) no-repeat center right;display:block;margin:0 10px 0 25px;} 
   
   
.ssno i{display:block;    background: url(../images/ssno.png) no-repeat center #fff;
    height: 250px;margin-top:70px;}
.ssno p{font-weight: 400;
font-size: 22px;text-align:center;
color: #999999;margin:30px 0 60px}
.ssno a{width: 248px;
height: 72px;font-weight: 600;
font-size: 24px;margin:0 auto;
color: #FFFFFF;
background: linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);display:block;text-align:center;line-height:72px;color:#fff}


.softtc{width: 870px;position: fixed;    top: 50%;padding:100px 0 40px;
    left: 50%;transform: translate(-50%, -50%);
    z-index: 9999;
display:none;
background: #FFFFFF;
border-radius: 16px ;}
.softtc>i{display:block;    background: url(../images/ico_zs2.png) no-repeat center ;
    height: 150px;background-size:auto 100%;    position: absolute;
    top: -70px;
    width: 100%;}
#softgb{    position: absolute;
    right: 20px;
    top: 20px;
    background: url(../images/ico_close.png) no-repeat center;
    width: 32px;
    height: 32px;
    cursor: pointer;}
.softtc h3{text-align:center;font-weight: 500;
font-size: 24px;padding:0px 0 50px;}
.softtc h3 span{    color: #0071F2;}
.softtc p{text-align:center;font-weight: bold;
font-size: 20px;
color: #F54531;
line-height: 36px;}
.softtc p b{font-size: 48px;padding:0 10px;}
.softzffs{margin:50px 120px;background: #FAFAFA;
border-radius: 12px;}

.softzffs ul label{line-height:32px;display: flex;  cursor: pointer;justify-content: space-between;align-items: center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px #E0E0E0 solid}
	
.softzffs ul label:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:0}
	
.softzffs ul label  input{display:none;}



.softzffs ul label span{padding-left:60px;display:block}
.softzffs ul label span.ico1{ background: url(../images/ico_wx.png) no-repeat left center ;}
.softzffs ul label span.ico2{ background: url(../images/ico_zfb.png) no-repeat left center ;}


 
.softzffs ul label em{border: 1px solid #E0E0E0;width:24px;height:24px;border-radius:100%;cursor: pointer;}
.softzffs ul label  input:checked+em{background:url(../images/g2.png) no-repeat center;}
.softtc>button{width: 350px;margin:0 auto;    display: block;cursor:pointer;
height: 62px;font-weight: 600;
font-size: 22px;
color: #FFFFFF;border:0;
background: linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);
border-radius: 46px;}

.softtc>button.disabled{background:#ddd}

.softzffs h4{line-height:70px;text-align:center;font-weight: 400;
font-size: 15px;
color: #1B1B1B;}
.softzffs ul{padding:0 60px  30px;}

.softewm{    margin: 50px 120px;        padding-bottom: 40px;
    background: #FAFAFA;
    border-radius: 12px;}
.softewm dl{display:flex;    justify-content: center;}
.softewm dl h3{font-size:15px;padding:40px 0 20px;}
.softewm dl h3 span{font-size: 20px;margin-right:5px;
color: #DDE7F2;}

.softewm dl dd{width:50%;text-align:center;}
.softewm dl dt{width:50%;text-align:center;}
.softewm dl>i{    width: 1px;
    height: 182px;    margin-top: 40px;
    background: #E0E0E0;
    display: block;}
	.softewm dl dt .preview-text{font-weight: 400;background: none;
font-size: 13px; display: flex
;
    flex-direction: column;
    justify-content: center;}

.softewm  .preview-container{width:150px;height:150px;text-align:center;   }
.upload-item .preview-text i{display:block;width:100%;height:40px;background:url(../images/eapic.png) no-repeat center;background-size:auto 100%;}
.upload-item .preview-text span{display:block;margin:10px 0;
color: #3171F0;}	
.upload-item .preview-text em{display:block;
color: #999999;}	






.bfxz {
    margin:90px 60px 60px;
    background:rgb(243 245 248 / 40%);padding:90px;
display:flex;    justify-content: space-between;
}

.bfxz>div>h3{  line-height: 38px;display: flex;justify-content: space-between;  font-size:28px;
    margin-bottom: 40px;
    padding-left: 15px;
    border-left: 4px #3171F0 solid;}
.bfxz>div>h3 button{border:0;background:url(../images/ico_jt.png) no-repeat  right center;font-weight: 600;
font-size: 18px;cursor:pointer;
color: #0978FF;padding-right:20px;}

.bfxz ul li{background: #FFFFFF;padding:15px;border-radius: 12px 12px 12px 12px;
border: 1px solid #E4E6ED;margin-bottom:25px;       transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;}
.bfxz ul li:hover{-webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 12px 20px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 10%);
    -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 10%);
    -o-box-shadow: 0 12px 20px rgb(0 0 0 / 10%);}
.bfxz ul li:last-child{margin-bottom:0}

.bfxz ul li a{    align-items: center;display: flex;justify-content: space-between;}
.bfxz ul li a h3{    margin-right: auto;margin-left:15px;}
.bfxz ul li a h3 span{display:block}
.bfxz ul li a h3  span em{background: #E4EDFF;
border-radius: 4px 4px 4px 4px;font-weight: 600;
font-size: 15px;margin-left:10px;
color: #3171F0;padding:0 10px;}
.bfxz ul li a h3 u{display:block;font-weight: 400;
font-size: 15px;margin-top:10px;
color: #999999;}
.bfxz ul li a>i{font-weight: bold;
font-size: 20px;
color: #3B5CFE;}


.bfxz ul li a small{width: 140px;display:block;
height: 44px;font-weight: 600;
font-size: 16px;
color: #EFF8FF;line-height:44px;text-align:center;
    background-repeat: no-repeat;
    background-position: 80% center;
    padding-right: 10px;
border-radius: 33px 33px 33px 33px;}

.bfxz_l{background: rgba(255,255,255,0.5);padding:50px;width:58%;    box-sizing: border-box;border: 1px solid #FFFFFF;}

.bfxz_l ul li small {background-image:url(../images/ico_down_jt.png),linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);}
.bfxz_r ul li small {background-image:url(../images/ico_down_xz.png),linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);}

.bfxz_r{background: rgba(255,255,255,0.5);padding:50px;width:38%;    box-sizing: border-box;border: 1px solid #FFFFFF;}


.openlj{width: 870px;
    position: fixed;
    top: 50%;
    padding: 100px 0 40px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    display: none;
    background: #FFFFFF;
    border-radius: 16px;}
.openlj h3{text-align:center;font-weight: bold;
font-size: 28px;margin-bottom:30px;
color: #1B1B1B;}

.openlj iframe{border:0;  
    box-sizing: border-box;}

#standbygb{    position: absolute;
    right: 20px;
    top: 20px;
    background: url(../images/ico_close.png) no-repeat center;
    width: 32px;
    height: 32px;
    cursor: pointer;}

.banner_about {}	
.banner_about img{width:100%}	

.lxwm_box{    margin: 100px;}
.lxwm_box h3{font-size: 36px;}
.lxwm_box h3 i {
    display: block;
    width: 60px;
    height: 7px;
    margin: 45px 0;
    background: #3E7BFA;
    border-radius: 0px 0px 0px 0px;
}


.lxwm_box dl{display:flex;justify-content: space-between;}	

.lxwm_box dl dt{padding:36px 50px ;background:#fff;    width: 42%;    box-sizing: border-box;}	
.lxwm_box dl dt li{margin-bottom: 40px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.lxwm_box dl dt li:last-child{margin-bottom: 0;}
.lxwm_box dl dt li i{display: block;width: 72px;height: 72px;margin-right: 20px;}
.lxwm_box dl dt li i.ico1{background: url(../images/ico_lx1.png) no-repeat center;}
.lxwm_box dl dt li i.ico2{background: url(../images/ico_lx2.png) no-repeat center;}
.lxwm_box dl dt li i.ico3{background: url(../images/ico_lx3.png) no-repeat center;}
.lxwm_box dl dt li i.ico4{background: url(../images/ico_lx4.png) no-repeat center;}
.lxwm_box dl dt li p span{display: block;font-weight: 400;
font-size: 22px;
color: #1C2A4F;}
.lxwm_box dl dt li p em{font-weight: 400;
font-size: 16px;
color: #1C2A4F;
line-height: 32px;}

.lxwm_box dl dd{    width:48%;}
.lxwm_box dl dd img{width:100%;}
.aboutgy .smwhbox .smwhl{width: 42%}  
.aboutgy .smwhbox .smwhr{width: 48%;    display: flex
;
    flex-direction: column;
    justify-content: center;}

.hdbox {
    margin: 0 150px 60px;
}


.nodata{    background: url(../images/nodata.png) no-repeat center 80px;
    background-size: 240px;
    text-align: center;
    color: #7e7e7e;
    font-size: 20px;    margin-top: 20%;
    padding: 280px 0 ;}

.huodongbanner {
    background: url(../images/ico_huodong.png) no-repeat right center;
    padding: 100px 0;
}

.huodongbanner h3{font-size:0.96rem;color:#2871FF;margin-bottom:30px;}
.huodongbanner h3 span{color:#2E2E8E;}
.huodongbanner p{font-size: 22px;color:#4972A2;background: url(../images/ico_ts.png) no-repeat left 3px;padding-left: 35px;width: 900px;}
.huodongbox{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;}


.huodongl{background:#FAFAFA;padding:48px 42px;    width: 64%;    box-sizing: border-box;}
.huodongl .huodongview h1{font-size: 28px;line-height: 39px;}
.huodongl .huodongview h1 em{    display: inline-block; height: 32px;
    line-height: 32px;
    border-radius: 4px 4px 4px 4px;
    font-size: 16px;
    color: #0071F2;
    border: 1px solid rgba(61, 149, 250, 0.5);
    vertical-align: middle;margin-right: 15px;
    background: url(../images/ico_time4.png) no-repeat 12px center #EFF6FF;
    padding: 0 12px 0 36px;}

.huodonglist li {background: #FFFFFF;
border-radius: 6px 6px 6px 6px;
border: 1px solid #E4E6ED;padding:32px 27px;    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;margin-bottom: 30px;}
.huodonglist li a{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}

.huodonglist li a .img {
    width: 276px;
    height: 172px;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    flex: 0 0 276px;
    margin-right: 16px;
}

.huodonglist li a div h3{font-size: 20px;font-weight: bold;}
.huodonglist li a div p{margin:15px 0  45px;font-size: 15px;
color: #333333;    word-wrap: break-word;
    word-break: break-all;
line-height: 26px;}
.huodonglist li a div span{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;}
.huodonglist li a div span time{
height: 32px;line-height: 32px;
border-radius: 4px 4px 4px 4px;font-size: 16px;
color: #0071F2;
border: 1px solid rgba(61,149,250,0.5);display: block;background: url(../images/ico_time4.png) no-repeat 12px center  #EFF6FF;padding:0 12px 0 36px;}
.huodonglist li a div span u{height: 36px;

border-radius: 52px 52px 52px 52px;display: block;line-height: 36px;color:#fff;padding: 0 47px 0 21px;
background: url(../images/jt8.png)  no-repeat  80% center,linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);
 

}
.huodonglist li:hover {
    -webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 12px 20px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 10%);
    -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 10%);
    -o-box-shadow: 0 12px 20px rgb(0 0 0 / 10%);
}

.hd_view{   word-wrap: break-word;
    word-break: break-all;  background: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #E4E6ED;padding:40px;}
.hd_view .btab{line-height: 40px;font-size: 28px;margin-bottom: 40px;    padding-left: 15px;
    border-left: 4px #3171F0 solid;}

.huodongr{    width: 35%;}


.zxdp{margin:28px 0;background: #FAFAFA;    padding:58px 36px;}

.zxdp h3{display: block;
    font-size: 0.32rem;
    padding-left: 50px;
    background: url(../images/ico_khdj.png) no-repeat 0 center;}

.zxdp ul{background:#fff;padding:54px 36px;border-radius: 8px 8px 8px 8px;
border: 1px solid #E4E6ED;margin-top: 12px;height: 520px;overflow-x: hidden;}


.zxdp ul li{margin-bottom: 20px;padding-bottom: 20px;border-bottom:1px #ddd solid;}
.zxdp ul li span{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;
    justify-content: space-between;margin-bottom: 20px;
}
.zxdp ul li span em{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;
width: 70%;color:#666;    white-space: nowrap;
}
.zxdp ul li span em u{margin:0 3%;color:#1B1B1B;}
.zxdp ul li span em a{width: 50%;   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;margin-left: 3%;color:#3171F0;}
.zxdp ul li span img{width: 36px;height: 36px;border-radius:100%;}

.zxdp ul li span time{font-weight: 400;
font-size: 15px;
color: #666666;}

.helpbox{    margin: 0 150px 60px;}
.helpbanner{margin:200px auto;width: 50%;}
.helpbanner h3{text-align: center;font-size: 60px;margin-bottom: 40px;}
.helpbanner form  input{line-height: 80px;height: 80px;font-size: 24px;color:#999999;width: 100%;border:0;border-radius:40px;background:url(../images/ss2.png) 20px center #f6fbff  no-repeat;text-indent:60px;}
.helpindex{background: #FFFFFF;padding:80px 60px;
border-radius: 12px 12px 12px 12px;}
.helpindex h3{text-align: center;font-size: 28px;margin-bottom: 50px;}
.helpindex dl {}
.helpindex dl h4{font-size: 24px;margin-bottom: 15px;padding-left: 25px;position: relative;}
.helpindex dl h4:after{content: "";display: block;width: 8px;height: 8px;background:#333;border-radius:100%;position: absolute;left: 5px;top: 13px;}
.helpindex dl li{margin-bottom: 15px;line-height: 44px;}
.helpindex dl li a{color:#666666;font-size: 20px;display: block;background:url(../images/ico_jtr.png) no-repeat  right center;margin:0 25px;    overflow: hidden;
    height: 44px;text-overflow: ellipsis;white-space: nowrap;    padding-right: 20px;}
.helpindex dl .helpmain{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;gap:80px 50px;    flex-wrap: wrap;
    justify-content: space-between;}
    .helpindex dl dd{margin-bottom: 50px;}
.helpindex dl dd ul{width:calc(33% - 40px);border-radius: 8px 8px 8px 8px;
border: 1px solid #E4E6ED;padding:12px;box-sizing: border-box;}

.helpindex dl dt ul {width: calc(50% - 40px);border-radius: 8px 8px 8px 8px;
border: 1px solid #E4E6ED;padding:12px;box-sizing: border-box;}

.help_main{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;margin-top: 50px;}

.help_nav{width: 20%;background:#F8F9FB;padding:30px;box-sizing: border-box;}
 .help_nav h3{ height:30px; line-height:30px; cursor:pointer;position: relative;margin-bottom: 60px;}
.help_nav h3 em{display:block; width:32px; height:32px;   background:url(../images/arrows-chevron.png) no-repeat center; cursor:pointer;position: absolute;right:0;top:0; }
        .help_nav h3.on em{transform: rotate(180deg);}
        .help_nav ul{ padding:8px 25px; color:#999; display:none; /* 默认都隐藏 */ }
        .help_nav ul li{margin-bottom: 50px;}
        .help_nav ul li.on a{color:#3171F0;}
.help_nav ul li a{color:#555555;}

.help_view{width: 78%}
.help_view h1.title{text-align: center;font-size: 32px;padding-bottom: 50px;margin-bottom: 50px;border-bottom: 1px solid #E9E9E9;position: relative;}
.help_view h1.title a{display: block;position: absolute;top:10px;left:0;background:url(../images/ico_jtl.png)  left no-repeat;padding-left:20px;font-size: 20px;color:#333333;font-weight: normal;cursor: pointer;}

.help_nr{counter-reset: h3-counter;}

 .help_nr h3 {
    position: relative;
    padding-left: 30px; 
    color: #1B1B1B; font-size: 26px;font-weight: bold;
    margin:30px 0;
  }

 .help_nr p{line-height: 36px;font-size: 22px;}

.help_nr h3::before {
    counter-increment: h3-counter;
    content: counter(h3-counter) ". "; /* 显示序号和点号 */
    position: absolute;
    left: 0;
    color: #3171F0; /* 序号颜色 - 橙色 */
    font-weight: bold;
  }

.rankbox{margin: 60px 100px 60px;background:rgb(255 255 255 / 40%);
border-radius: 20px 20px 20px 20px;padding-bottom: 1px;}
.rankbanner {

    padding: 56px 0;
}
.rankbanner h3 {
    font-size: 0.96rem;
    color: #2871FF;
    text-align: center;
}
.rankbanner h3 span {
    color: #2E2E8E;
}
.ranklist{background: #FFFFFF;
border-radius: 20px 20px 20px 20px;
border: 4px solid rgb(216 243 255);margin: 0 140px 140px;    padding: 70px 95px;}
.ranklist dl dd {height: 580px;position: relative;}
.toplist{position: absolute;    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;}

 .toplist:hover{-webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
    -o-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
   }   
.toplist.top1{left:50%;margin-left: -190px;}
.toplist.top2{left:0;top:100px;}
.toplist.top3{right:0;top:100px;}
.toplist .top_tx{text-align: center;    margin-bottom: -50px;    position: relative;z-index: 2;}
.toplist .top_tx  i{display: block;width: 100%;height: 52px;}
.toplist.top1 .top_tx  i{background: url(../images/ico_top1.png) no-repeat center;}
.toplist.top2 .top_tx  i{background: url(../images/ico_top2.png) no-repeat center;}
.toplist.top3 .top_tx  i{background: url(../images/ico_top3.png) no-repeat center;}

.toplist .top_box{position: relative;text-align: center;}
.toplist .top_box h3{line-height: 45px;font-size: 32px;margin-bottom: 30px;padding-top: 76px;}
.toplist .top_box p{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;line-height: 27px;
display: -o-flex;justify-content: space-between;
display: flex;margin:0 84px 21px;font-size: 20px;}
.toplist .top_box p span{color:#A48D71;}
.toplist .top_box p em{color:#1E53BF;}
.toplist .top_box p u{color: #F24D00;}

.toplist.top1 .top_box:after{background: url(../images/1.png) no-repeat center;display: block;content: "";width: 42px;height: 120px;top:0;right:32px;position: absolute;}
.toplist.top2 .top_box:after{background: url(../images/2.png) no-repeat center;display: block;content: "";width: 42px;height: 80px;top:0;right:32px;position: absolute;}
.toplist.top3 .top_box:after{background: url(../images/3.png) no-repeat center;display: block;content: "";width: 42px;height: 80px;top:0;right:32px;position: absolute;}

.toplist .top_tx  img{width: 84px;height: 84px;border-radius: 100%;border: 4px solid #FFFFFF;}

.top_box{width: 380px;
height: 280px;
border-radius: 12px 12px 12px 12px;}

.top1 .top_box{background: linear-gradient( 180deg, #FFEED0 0%, rgba(255,238,208,0) 100%);}
.top2 .top_box{background: linear-gradient( 180deg, #F4F6F7 0%, rgba(237,240,242,0) 100%);}
.top3 .top_box{background: linear-gradient( 180deg, #FFEDE0 0%, rgba(255,248,236,0) 100%);}
.ranklist dl{margin-bottom: 50px;}
.ranklist dl dt{border-radius: 12px 12px 12px 12px;    border: 1px #F4F4F4 solid;overflow: hidden;}
.ranklist dl dt table{width: 100%;text-align: center;border-collapse: collapse;
        border-spacing:0;}

.ranklist dl dt table thead{line-height: 80px;background:#F0F6FF;font-size: 20px;color:#3A4A6E;}
.ranklist dl dt table tbody{line-height: 100px;font-size: 20px;}
.ranklist dl dt table th,.ranklist dl dt table tr{ border-bottom: 1px #F4F4F4 solid;}
.ranklist dl dt table tbody td em{color: #1E53BF;}
.ranklist dl dt table tbody td u{color: #F24D00;}
.ranklist dl dt table tbody td img{width: 36px;margin-right: 8px;}
 .ranklist dl dt table tbody td.facas{display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;    justify-content: center;
    align-items: center;}
.ranklist dl dt table tbody td i{margin-left: 8px;    display: block;
    width: 28px;
    height: 28px;}
.ranklist dl dt table tbody td small{display:block;padding:0 35px;text-align: center;font-size: 24px;}
.ranklist dl dt table tbody td small.num1{background:url(../images/ico_1.png) no-repeat  center;font-size: 0;}
.ranklist dl dt table tbody td small.num2{background:url(../images/ico_2.png) no-repeat  center;font-size: 0;}
.ranklist dl dt table tbody td small.num3{background:url(../images/ico_3.png) no-repeat  center;font-size: 0;}


.conter{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;margin: 40px 100px;}
.conter_nav{    width: 30%;margin-right: 2%}

.hytxa{background:#fff;margin-bottom: 16px;}

.hytxa:before {
    content: "";
    display: block;
    height: 182px;
    background: url(../images/xwtxbg.jpg) no-repeat center;
    background-size: cover;
}
.hytxa ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;margin-top: 40px;padding-bottom: 40px;    justify-content: center;}
.hytxa ul li{text-align: center;margin-right: 50px;position: relative;}
.hytxa ul li:after{content: "";display: block;width: 1px;height: 64px;background:#E0E0E0;    position: absolute;
    right: -50%;    top: 0;}
.hytxa ul li:last-child{margin-right: 0}
.hytxa ul li:last-child:after{display: none;}
.hytxa ul li b {color:#3171F0;display: block;font-size: 20px;margin-bottom: 16px;}
.hytxa ul li span{font-size: 15px;}



.mypoints{
 background: #FFFFFF;
border-radius: 6px 6px 6px 6px;
border: 1px solid #E4E6ED;
padding:35px 40px;
}
.mypoints .mytitle{position: relative;line-height: 42px;height: 42px;margin-bottom: 40px;}
.mypoints .mytitle  h3{line-height: 30px;font-size: 24px;border-left:4px #3E7BFA solid;padding-left: 20px;}

.mypoints .mytitle  a{width: 190px;display: block;position: absolute;
height: 40px;right:0;top:0;color:#fff;text-align: center;cursor: pointer;
background:url(../images/ico_down_jt.png) no-repeat center  right 20px  #3171F0;
border-radius: 37px 37px 37px 37px;
border: 1px solid rgba(49,113,240,0.5);line-height: 40px;}

.kyjfa{background: #F3F8FF;
border-radius: 8px 8px 8px 8px;
border: 1px solid #E7F1FF;margin-bottom: 24px;}
.kyjfa ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;margin-top: 40px;padding-bottom: 40px;    justify-content: center;}
.kyjfa ul li{text-align: center;margin-right: 160px;position: relative;}
.kyjfa ul li:after{content: "";display: block;width: 1px;height: 64px;background:#E0E0E0;    position: absolute;
    right:-80px;    top: 0;}
.kyjfa ul li:last-child{margin-right: 0}
.kyjfa ul li:last-child:after{display: none;}
.kyjfa ul li b {color:#3171F0;display: block;font-size: 24px;margin-bottom: 16px;}
.kyjfa ul li span{font-size: 18px;display:flex;}
.kyjfa ul li span u {position: relative;}
.kyjfa ul li span u i{display: block;width: 20px;height: 20px;background:url(../images/ico_wh2.png) no-repeat  center;margin-left: 10px;cursor: pointer;}
.kyjfa ul li span u:hover p{display: block;}
.kyjfa ul li span u p{ display: none;  position: absolute;
    background: #fff;
    padding: 20px;
    width: 300px;    left: -150px;
    top: 40px;}


.kyjfa ul li span u p:after {
     content: '';
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 15px;
    height: 15px;
    background: #ffffff;

    border-style: none;
    left: 50%;
}
 


.fstab{line-height: 64px;margin-bottom: 32px;}
.fstab ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: center;
    align-items: center;}
.fstab ul li{font-size:20px;color:#1B1B1B;margin-right: 120px;position: relative;cursor: pointer;}

.fstab ul li:last-child{margin-right: 0}
.fstab ul li.on a{color:#3171F0;}
.fstab ul li.on:after{width: 60px;
height: 4px;
background: #3E7BFA;display: block;content: "";    left: 50%;
    position: absolute;
    margin-left: -30px;    bottom: 3px;}

.fsbox{margin-bottom: 50px;}

.fsbody  table{width: 100%;text-align: center;border-collapse: collapse;
        border-spacing:0;}

.fsbody  table thead{line-height: 48px;background:#F0F6FF;font-size:15px;color:#3A4A6E;}
.fsbody  table tbody{line-height: 64px;font-size: 16px;}
.fsbody  table th,.fsbody  table tr{ border-bottom: 1px #F4F4F4 solid;}
.fsbody  table tbody td u{color:#0071F2;padding:2px 16px;background: #EFF6FF;
border-radius: 4px 4px 4px 4px;
border: 1px solid #D9EBFF;line-height: 28px;}
.fsbody  table tbody td span{color: #F24D00;}
 .fsbody  table tbody td em{color: #3171F0;}
.fsbody  table tbody td time{    display: inline-block;
    background: url(../images/ico_time.png) no-repeat center left;
    padding-left: 30px;}

.fstool{margin-bottom: 24px;}
.fstool ul {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.fstool ul li{margin-right: 20px;background:url(../images/ico_x.png)  no-repeat  right center;padding-right: 20px;color:#1B1B1B;cursor: pointer;    position: relative;}

.fstool ul li dl{display: none;position: absolute;    background: #FFFFFF;
    padding: 10px;top:30px;    left: -35px;   line-height: 2;
    position: absolute;    width: 80px;
    box-shadow: 0px -1px 20px 0px rgba(113, 113, 113, 0.1);
    border-radius: 2px 2px 2px 2px;text-align: center;}
 .fstool ul li.on dl{display: block;}


 .collect_tab ul{display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;    justify-content: center;
    align-items: center;margin: 40px 0 20px;}
    .collect_tab ul li{margin:0 30px;}
    .collect_tab ul li a{display: block;width: 144px;
height: 37px;line-height: 37px;text-align: center;font-size: 18px;
border-radius: 4px;
border: 1px solid #E0E0E0;}

    .collect_tab ul li a.on{background: #EFF6FF;
border-radius: 4px;color: #3171F0;
border: 1px solid rgba(61,149,250,0.5);}

.xxico {position: absolute;width: 30px;height: 30px;    right: 17px;
    top: 17px;}
.xxico a{background:url(../images/ico_xiaoxi.png) no-repeat center;display: block;height: 30px;width: 30px;}
.xxico i{display: block;position: absolute;width: 6px;
height: 6px;
background: #F55757;
border-radius: 6px;    top: 0;
    right: 0;
border: 1px solid #FFFFFF;}


.dltg-box .tg_txt{text-align: center;}

.exnessbox {
    margin: 0 150px 60px;
}

.exnessboxbanner {
    background: url(../images/exnessboxbanner.png) no-repeat right center;
    padding: 100px 0;
}
 
.exnessboxbanner h3{font-size:0.64rem;color:#2871FF;margin-bottom:30px;}
.exnessboxbanner h3 span{color:#2E2E8E;}

.exnessboxbanner p {color:#4972A2;font-size: 22px; background: url(../images/ico_ts3.png) no-repeat left center;padding-left: 40px;}


.exnessfzlj {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;margin-top: 40px;}
.exnessfzlj input{    width: 340px;
    padding: 0 10px;
 
    border: 0;
    line-height: 30px;
  margin: 0 15px;
height: 30px;
background: rgba(255,255,255,0.5);
border-radius: 2px 2px 2px 2px;

  }
.exnessfzlj  span{color: #4972A2;
    display: block;font-size: 22px;
    padding-left: 30px;
    background: url(../images/tg_link.png) no-repeat left;
   }

.exnessfzlj  button {width: 112px;
height: 30px;font-size: 13px;line-height: 30px;
color: #FFFFFF;cursor: pointer;
background:url(../images/tg_fz.png) no-repeat 15px,linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);
padding-left: 30px;
border-radius: 6px 6px 6px 6px;
border: 1px solid rgba(49,113,240,0.6);}


.exnesstja{background:#fff;padding:60px;margin-bottom: 40px;}
.exnesstja ul li{margin-bottom: 50px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;}
.exnesstja ul li span{display: block;width: 18%;margin-left: 2%;box-sizing: border-box;padding-left: 30px;line-height: 52px;}
.exnesstja ul li span.ico1{background: url(../images/ico_nz1.png) no-repeat left center;}
.exnesstja ul li span.ico2{background: url(../images/ico_nz2.png) no-repeat left center;}
.exnesstja ul li span.ico3{background: url(../images/ico_nz3.png) no-repeat left center;}

.exnesstja ul li span em{color:#999999;}
.exnesstja ul li input{height: 50px;width:100%;text-indent: 20px;
background: #FFFFFF;font-size: 16px;color:#1B1B1B;
border: 1px solid #E0E0E0;}

.exnesstja button{width: 380px;
height: 60px;line-height: 60px;color:#fff;text-align: center;font-size: 22px;border:0;margin:0 auto ;display: block;
background: linear-gradient( 90deg, #0978FF 0%, #3E92F8 100%);cursor: pointer;
border-radius: 60px 60px 60px 60px;}


.exnesslist{background:#fff;padding:40px 60px;}
.exnesslist.nodl{height: 1518px;background: url(../images/wdlpic.jpg) no-repeat center;position: relative;}
.exnesslist.nodl a{display: block;background: linear-gradient( 90deg, #1CB328 0%, #44B942 100%);
border-radius: 136px 136px 136px 136px;font-weight: 600;
font-size: 28px;
color: #FFFFFF;text-align: center;
width: 400px;
height: 80px;line-height: 80px;position: absolute;top: 50%;
    left: 50%;    transform: translate(-50%, -50%);
}
.exnesslist.nodl .extool{display: none;}
.exnesslist.nodl .exnesslb{display: none;}
.exnesslist.nodl #load-more{display: none;}
.extool{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;
    justify-content: space-between;margin-bottom: 30px;}
.extool form {position: relative;}
.extool form  input{height: 40px;width: 280px;text-indent: 20px;
background: #FFFFFF;line-height: 40px;
border: 2px solid #E0E0E0;}
.extool form  button{background: url(../images/ss.png) no-repeat center;
    width: 44px;
    height: 44px;
    position: absolute;
    right: 10px;
    cursor: pointer;
    border: 0;
    top: 0px;}

 

.extool>ul {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}

.extool>ul>a{background: url(../images/ico_sx2.png) no-repeat left center;width:40px;height: 40px;display: block;}


.extool>ul>li{position: relative;margin-right: 20px;cursor: pointer;}
.extool>ul>li span{display: block;background: url(../images/jtx2.png) no-repeat right center;padding-right: 30px;line-height: 40px;}
.extool>ul>li.on span{color:#3171F0;}
.extool>ul>li:hover  .exxlaa{display: block;}

.extool>ul>li:hover span,.extool>ul>li.on span{background: url(../images/jtx2_on.png) no-repeat right center;color:#3171F0;}
 .exxlaa{background: #FFFFFF;padding:20px;    position: absolute;
box-shadow: 0px -1px 20px 0px rgba(113,113,113,0.1);
border-radius: 2px 2px 2px 2px;display: none;}
 .exxlaa p{line-height:20px;margin-bottom: 20px;white-space: nowrap;}
  .exxlaa p:hover{color:#3171F0;}
 .exxlaa p:last-child{margin-bottom: 0;}
.exnesslb {}
.exnesslb dl {}
.exnesslb dl dt{font-size: 24px;margin-bottom: 24px;}
.exnesslb dl dd ul li{border-radius: 6px 6px 6px 6px;margin-bottom: 28px;
border: 1px solid #E4E6ED;padding:38px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;cursor: pointer;
display: flex;    align-items: center;
    justify-content: space-between;-webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;}

.exnesslb dl dd ul li:hover{    -webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0,-2px,0);
    -moz-transform: translate3d(0,-2px,0);
    -o-transform: translate3d(0,-2px,0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);}

.exnesslb dl dd ul li>span{font-size: 24px;padding-left: 44px;color:#1B1B1B;line-height: 36px;width: 15%}
.exnesslb dl dd ul li>span.type1{background: url(../images/ico_crj1.png) no-repeat left center;}
.exnesslb dl dd ul li>span.type2{background: url(../images/ico_crj2.png) no-repeat left center;}
.exnesslb dl dd ul li .extime{width: 20%}
.exnesslb dl dd ul li .exzsa{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    align-items: center;width: 30%}
.exnesslb dl dd ul li .exzsa  em{width: 50px;line-height: 24px;
height: 24px;display: block;text-align: center;color:#0071F2;font-size: 14px;
background: #DEEDFF;margin-right: 14px;
border-radius: 2px 2px 2px 2px;}

 .exnesslb dl dd ul li .exzsa  u {color:#666666;font-size: 20px;}

.exnesslb dl dd ul li .exzsa   i{margin:0 14px;display: block;    font-size: 30px;}

.exnesslb dl dd ul li .extime span{display: block;font-size: 14px;color:#666666;margin-bottom: 20px;}
.exnesslb dl dd ul li .extime span:last-child{margin-bottom: 0;}


.exnesslb dl dd ul li .status{width: 8%;
height: 28px;
background: #F1FFF3;
border-radius: 4px 4px 4px 4px;
border: 1px solid #B0E8BA;font-weight: 400;
font-size: 14px;
color: #15A12C;text-align: center;line-height: 28px;display: flex
;
    justify-content: center;
    align-items: center;}

.exnesslb dl dd ul li .status:before{content: "";display: block;width: 8px;
height: 8px;margin-right: 10px;
background: #47B403;border-radius: 100%;}

.exnesslb dl dd ul li .status.zt0{background: #f5f5f5;color:#919191;
border: 1px solid #919191;}
.exnesslb dl dd ul li .status.zt0:before{background:#919191;}

 .exnesslb dl dd ul li .status.zt2  {background: #FFEDED;color:#E61C1C;
border: 1px solid #FFC7C7;}

.exnesslb dl dd ul li .status.zt2:before{background: #E61C1C;}


 .exnesslb dl dd ul li .sy{color:#78869B;font-size: 24px;font-weight: bold;width: 12%}
 .exnesslb dl dd ul li .sy.zt1{color:#F24D00;}

.exnesstja ul li div{width: 80%;position: relative;}

.exnesstja ul li .styled-select {
    width:100%;
    padding: 15px 20px;
    border: 1px solid #ddd;
 
    background-color: white;
    font-size: 16px;
    color: #333;
    appearance: none;
    outline: none;
    transition: all 0.3s ease;
    cursor: pointer;
}

.exnesstja ul li div.selectclas::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background:url(../images/jtx2.png) no-repeat center;
    pointer-events: none;
    transition: all 0.3s ease;
}



#zystime{display: none;    position: absolute;
    top: -100px;
    left: 100px;}
    .exxlaa>div{position: relative;    white-space: nowrap;}
.exxlaa>div:hover #zystime{display: block;}



.nztcbox{ position: fixed;
    width: 744px;
 display: none;
 transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background: #FAFAFA;
border-radius: 12px 12px 12px 12px;padding:24px 60px;box-sizing: border-box;
    z-index: 10;}
.nzrfit i{
     display: block;
    width: 32px;
    height: 32px;  position: absolute;  top: 20px; cursor: pointer;
}

.nzrfit i.ico1 {

    background: url(../images/ico_kf.png) no-repeat center;

   
    right: 60px;
  
}


.nzrfit i.ico2 {

    background: url(../images/ico_gb2.png) no-repeat center;
   
 
    right: 20px;

}
.nztcbox h3{text-align: center;font-size: 24px;}

.nztcbox .ts {
    color: #E68B3C;
    font-size: 18px;
    margin: 30px auto 40px;
    background: url(../images/ico_ts2.png) no-repeat 10px center #FFF8F1;
    padding-left: 45px;
 width: 483px;
height: 36px;line-height: 36px;
 
border-radius: 0px 0px 0px 0px;
border: 1px solid #FFE9D4;
}

.nzbox{
padding:32px  60px;text-align: center; 
background: #FFFFFF;
border-radius: 12px 12px 12px 12px;}
.jrhla{margin:24px 0;line-height: 28px;    display: flex
;
    justify-content: center;
    align-items: center;}
    .jrhla em{color:#F24D00;margin:0 10px 0 5px;}
.jrhla button{width: 110px;
height: 28px;
background:url(../images/ico_sx3.png) no-repeat 10px center #45C15C;
border-radius: 43px 43px 43px 43px;
border:0;color:#fff;
line-height: 28px;padding-left: 10px;
}
.nzbox b{font-size: 36px;display: block;text-align: center;margin:16px 0 24px;border-bottom:1px #ddd solid;padding-bottom: 24px;}
.nzbox b em{font-size: 24px;margin-right: 5px;}
.nzbox p{color:#999;}
.nzbox p a{color:#3171F0;font-weight: bold;}
.nzboxb{ 
padding:20px 30px;margin-top: 20px;
background: #FFFFFF;
border-radius: 12px 12px 12px 12px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;     justify-content: space-around;   align-items: center;}
.nzboxb  em{width: 50px;line-height: 20px;
height: 20px;display: block;text-align: center;color:#0071F2;font-size: 13px;
background: #DEEDFF;margin-right: 12px;
border-radius: 2px 2px 2px 2px;}

.nzboxb u {color:#3171F0;font-size: 18px;}
.nzboxb span {color:#1B1B1B;font-size: 13px;}
.nzboxb  i{margin:0 14px;display: block;    font-size: 30px;}

.nzzffsa{padding:20px  60px;text-align: center; 
background: #FFFFFF;margin-top: 20px;
border-radius: 12px 12px 12px 12px;}

.nzzffsa h4{margin-bottom: 28px;}


.nzzffsa ul label {line-height:32px;  display: block;cursor: pointer;margin-bottom:20px;padding-bottom:20px;border-bottom:1px #E0E0E0 solid}
  
.nzzffsa ul label  p{display: flex;justify-content: space-between;align-items: center;}

.nzzffsa ul label:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:0}
  
.nzzffsa ul label  input{display:none;}



.nzzffsa ul label>p>span{padding-left:60px;display:block}
.nzzffsa ul label>p>span.ico1{ background: url(../images/ico_wx.png) no-repeat left center ;}
.nzzffsa ul label>p>span.ico2{ background: url(../images/ico_zfb.png) no-repeat left center ;}
.nzzffsa ul label>p>span.ico3{ background: url(../images/ico_sk3.png) no-repeat left center ;}
.nzzffsa ul label>p>span.ico4{ background: url(../images/ico_sk4.png) no-repeat left center ;}

.fyhtwxzfbfs ul li span.ico1{ background: url(../images/ico_wx.png) no-repeat left center ;}
.fyhtwxzfbfs ul li span.ico2{ background: url(../images/ico_zfb.png) no-repeat left center ;}

.nzzffsa ul label>p>em{border: 1px solid #E0E0E0;width:24px;height:24px;border-radius:100%;cursor: pointer;}
.nzzffsa ul label  input:checked+em{background:url(../images/g2.png) no-repeat center;}
.nzzffsa .preview-container{width: 160px;height: 160px;}
.nzzffsa .preview-text {
    font-weight: 400;
    background: none;
    font-size: 13px;
    display: flex
;
    flex-direction: column;
    justify-content: center;
}
.nzzffsa ul label>div{display: none;}
.nzzffsa .upload-item{    margin: 20px auto 0;
    width: 160px;}

.nztcbox>button {
    width: 350px;
    margin: 32px auto 0;
    display: block;
    cursor: pointer;
    height: 52px;
    font-weight: 600;
    font-size:16px;
    color: #FFFFFF;
    border: 0;
    background: linear-gradient(90deg, #0978FF 0%, #3E92F8 100%);
    border-radius: 46px;

}

.fyhtwxzfbfs{
padding:20px;
background: #FAFAFA;
border-radius: 8px 8px 8px 8px;margin: 20px 0;}

.fyhtwxzfbfs ul {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;      justify-content: space-evenly;
    align-items: center;}
.fyhtwxzfbfs ul li{}
.fyhtwxzfbfs ul li:nth-child(2){background:#ddd;width: 1px ;height:24px;display: block;;}
.fyhtwxzfbfs ul li label{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.fyhtwxzfbfs ul li span{display: block;height: 24px;line-height: 24px;padding-left: 34px;background-size: 24px !important;}
.fyhtwxzfbfs ul li button{    border: 0;
    border-radius: 24px;
    line-height: 24px;
    font-size: 12px;
    background: #b5b5b5;
    padding: 0 10px;
    color: #fff;margin-left: 10px;cursor: pointer;}
.fyhtwxzfbfs ul li i {
    border: 1px solid #E0E0E0;
    width: 22px;
    height: 22px;display: block;
    border-radius: 100%;
    cursor: pointer;margin-right: 16px;
}

.fyhtwxzfbfs ul li.nobd span{-webkit-filter: grayscale(100%); /* 适用于Webkit内核的浏览器 */
-moz-filter: grayscale(100%); /* 适用于Firefox */
-ms-filter: grayscale(100%); /* 适用于IE */
-o-filter: grayscale(100%); /* 适用于Opera */
filter: grayscale(100%); /* 标准语法 */}


 
.fyhtwxzfbfs ul li label input:checked+i {
    background: url(../images/g2.png) no-repeat center;
}

.layui-layer.hskin{background-color: #282B2F;border-radius: 12px;}
.hskin .layui-layer-title{padding: 0 40px 0 40px;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    color: #fff;    border-bottom: 0px ;text-align: center;}

.hskin  .layui-layer-setwin {
 
    right: 40px;
    top: 26px;
 
}
.hskin .layui-layer-load{    background: url(loading-1.gif) center center no-repeat #282b2f;}
.hskin .layui-layer-setwin .layui-layer-close1 {
    background: url(/static/userb/images/ico_close_hs.png) no-repeat center;
    cursor: pointer;
}


.nzzffsn{   margin-top: 20px;    padding-bottom: 40px;
    background: #fff;display: none;
    border-radius: 12px;}
.nzzffsn>button {
    width: 350px;
    margin: 32px auto 0;
    display: block;
    cursor: pointer;
    height: 52px;
    font-weight: 600;
    font-size:16px;
    color: #FFFFFF;
    border: 0;
    background: linear-gradient(90deg, #0978FF 0%, #3E92F8 100%);
    border-radius: 46px;

}

.nzzffsn dl{display:flex;    justify-content: center;}
.nzzffsn dl h3{font-size:15px;padding:40px 0 20px;}
.nzzffsn dl h3 span{font-size: 20px;margin-right:5px;
color: #DDE7F2;}

.nzzffsn dl dd{width:50%;text-align:center;}
.nzzffsn dl dt{width:50%;text-align:center;}
.nzzffsn dl>i{    width: 1px;
    height: 182px;    margin-top: 40px;
    background: #E0E0E0;
    display: block;}
  .nzzffsn dl dt .preview-text{font-weight: 400;background: none;
font-size: 13px; display: flex
;
    flex-direction: column;
    justify-content: center;}

.nzzffsn  .preview-container{width:150px;height:150px;text-align:center;   }
.nzzffsn dl dt .preview-text i{display:block;width:100%;height:40px;background:url(../images/eapic.png) no-repeat center;background-size:auto 100%;}
.nzzffsn dl dt .preview-text span{display:block;margin:10px 0;
color: #3171F0;}  
.nzzffsn dl dt .preview-text em{display:block;
color: #999999;}


.crzboxzs {
    position: fixed;
    width: 844px;
    display: none;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background: #FAFAFA;
    border-radius: 12px 12px 12px 12px;
    padding: 24px 60px;
    box-sizing: border-box;
    z-index: 10;
}

.crzboxzs button {
    width: 380px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    border: 0;
    margin: 0 auto;
    display: block;
    background: linear-gradient(90deg, #0978FF 0%, #3E92F8 100%);
    cursor: pointer;
    border-radius: 60px 60px 60px 60px;
}


.tgsytitle{text-align: center;font-size: 24px;margin-bottom: 40px;position: relative;}
.tgsytitle a{width: 86px;    position: absolute;
    left: 0;color:#3171F0;font-size: 14px;line-height: 36px;    font-weight: normal;
height: 36px;padding-left: 10px;
border-radius: 0px 0px 0px 0px;
border: 1px solid #92B6FF;}

.tgsytitle a::before {
content: "";
position: absolute;
width: 36px;
height: 36px;
top: 0;
 left: 5px;
background: url('../images/ico_jt.png') no-repeat center center;

transform: rotate(180deg); 
}



.loginr .error {
    color: #e74c3c;
    font-size: 14px;
    margin-top: 5px;
    display: none;
    padding-left: 20px;position: absolute;
}
.layui-layer-dialog.success .layui-layer-content .layui-layer-face {top:8px;}
.layui-layer-dialog.error .layui-layer-content .layui-layer-face {top:8px;}
@media screen and (max-width: 2000px) {
.nav>ul>li{margin-right:0}
.nav>ul>li a{font-size:18px;padding:0 18px;}

.softtc>i{height:100px;top:-50px;}
.softtc h3{padding:0px 0 20px;}
.softzffs {margin:30px 120px;}
.softewm{margin:30px 120px;}


}
@media screen and (min-width: 2000px) {
.eaxz ul li .eal em{height: 220px;}
}