* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}

a {
    color: #333;
    color: inherit;
}

h1, h2, h3, h4, h5, h6, i, b, em {
    font-style: normal;
    font-weight: normal;
}
html{
    font-size: 100px;
}
input {
    border: none;
    -webkit-appearance: none;
    outline: none;
}

.clearfid {
    margin-top: 2.24rem;
    zoom: 1;
    display: none;
}

input[type=button], input[type=submit] {
    -webkit-appearance: none;
}

.r {
    float: right;
}

.l {
    float: left;
}

.ov_hd {
    overflow: hidden;
}

.im10 {
    overflow: hidden;
}

.im10 img {
    display: block;
    width: 100%;
}

.im20 img {
    display: block;
    width: 100%;
    height: 100%;
}

.bgbg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(54, 54, 54, 0.5);
    z-index: 11;
    display: none;
}

.ccc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

body {
    font: 12px/1.5 "Microsoft YaHei",SourceHanSans, Arial, Helvetica, arial, sans-serif;
    margin: 0 auto;
    position: relative;
    overflow-x: auto;
}
.bjt{
    min-width: 1650px;
    max-width: 1920px;
    background: url("../images/bjt.png") no-repeat left top ;
    background-size: 100% !important;
}
.main{
    padding-top: 2.85rem;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}
.leduo{
    /* overflow: hidden; */
    width: 16.5rem;
    margin: 0 auto;
}
.leduol{
    overflow: hidden;
    float: left;
    width: 9.7rem;
    margin-top: 1rem;
    margin-left: -0.4rem;
}
.leduol_a{
    overflow: hidden;
    float: left;
    width: 9.7rem;
    margin-bottom: -5px;
}
.leduol_a .wz{
    float: left;
    width: 4.14rem;
    margin-left: 0.6rem;
    font-size: 0.22rem;
    color: #ffa96a;
    background: linear-gradient(to right, red, blue);
    -webkit-background-clip: text;
    color: transparent;
}
.leduol_a{
    overflow: hidden;
}
.leduol_b .sx{
    float: left;
    width: 0.27rem;
    margin-right: 0.05rem
}
.leduol_b p{
    float: left;
    color: #00b4ff;
    font-size: 0.22rem;
}
.leduol_b{
    float: right;
    margin-right: 0.8rem;
}
.leduol_c{
    width: 9.7rem;
    height: 5.31rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0.8rem;
    padding-left: 0.85rem;
    padding-right: 0.85rem;
    padding-bottom: 0.52rem;
    background: url("../images/zbj.png") no-repeat top;
    background-size: 100%;
    overflow: hidden;
}
.leduol_ca{
    overflow: hidden;
    margin-bottom: 0.26rem;
}
.leduol_ca .p1{
    width:1.5rem;
    float: left;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 0.32rem;
    color: #ffffff;
    text-align: center;
    border-radius: 0.16rem;
    border: 0.02rem solid #ffffff;
    font-size: 0.21rem;
    line-height: 0.3rem;
}
.leduol_ca .fxj{
    float: left;
    width: 0.14rem;
    margin: 0.12rem 0.2rem;
    cursor: pointer;
}
.leduol_ca .p1.aa{
    width: 4.39rem;
}
.leduol_ca img{
    width: 1.19rem;
    float: left;
    margin-left: 0.25rem;
}
.leduor{
    overflow: hidden;
    float: left;
    width: 8.19rem;
    margin-left: -0.6rem;
    margin-right: -0.8rem;
}
.leduor_a{
    overflow: hidden;
    width: 8.19rem;
    padding-left: 0.3rem;
}
.leduor_a a{
    width: 3.8rem;
    height: 1.27rem;
    background: url("../images/xz1.png") no-repeat top;
    background-size: 100%;
    padding-left: 0.8rem;
    display: block;
    color: #ffffff;
    font-size: 0.32rem;
    float: left;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.leduor_a a:nth-of-type(2){
    background: url("../images/xz2.png") no-repeat top;
    background-size: 100%;
}
.leduor_a .app{
    width: 0.48rem;
    margin-right: 0.1rem;
    float: left;
    margin-top: 0.4rem;
}
.leduor_a .jr{
    width: 0.49rem;
    float: left;
    margin-top: 0.4rem;
    margin-right: 0.1rem;
}
.leduor_a span{
    float: left;
    line-height: 1.27rem;
}
.leduor_b{
    width: 8.19rem;
    height: 5.3rem;
    overflow: hidden;
    background: url("../images/jx1.png") no-repeat top;
    background-size: 100%;
}
.leduor_c{
    width: 6rem;
    overflow: hidden;
    margin: 0 auto;
}
.leduor_ca{
    overflow: hidden;
    width: 4.68rem;
    margin: 0 auto;
    margin-top: 0.6rem;
}
.leduor_ca a{
    color: #2e85ff;
    font-size: 0.18rem;
    float: left;
    margin-right: 0.6rem;
    margin-left: 0.35rem;
    cursor: pointer;
}
.leduor_ca a:nth-of-type(3){
    margin-right: 0;
}
.leduor_ca a.on{
    font-weight: bold;
}
.leduor_cb{
    border-top: 1px solid #ffffff;
    margin-top: 0;
    height: 3.4rem;
    display: none;
    padding-top: 0.15rem;
}
.leduor_cb:first-of-type{
    display: block;
}
.leduor_cc{
    border-bottom: 1px dashed rgba(255, 255, 255, 0.31);
    height: 0.6rem;
    line-height: 0.6rem;
    color: #ffffff;
    font-size: 0.14rem;
}
.leduor_cc:last-of-type{
    border-bottom: none;
}
.leduor_cc span{
    color: #ff9b3b;
}
.leduor_ic{
    text-align: center;
    margin: 10px auto;
}
.leduor_ic span{
    width: 9px;
    height: 9px;
    background-color: transparent;
    border: 1px solid #ffffff;
    display: inline-block;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 10px;
}
.leduor_ic span.on{
    background-color: #fff;
}
.ledls{
    overflow: hidden;
}
.logo{
    position: absolute;
    left: 30px;
    top: 20px;
    width: 248px;
}
.banner-box{
    height:306px;
    width:375px;
    background:red;
}
.newmain {
    /*padding-top: 2.85rem;*/
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}
.newmain-bg {
    min-width: 1650px;
    /*max-width: 1920px;*/
    background: url(../images/loginbg.png) no-repeat left top;
    /*background-size: 100% !important;*/
    background-size: 100% 100%;
    height: 100vh;
}
.pccontentbox{
    width:13.083rem;
    height:4.63rem;
    margin:0 auto;
    margin-top:1.83rem;
    display:flex;
}
.content{
    display:flex;
}
.pccontentbox .content-left{
    width:8.457rem;
    height:100%;
    background: linear-gradient(-58deg, #D83B50 0%, #8E6ED1 100%);
    border-radius: .12rem 0rem 0rem .12rem;
}
.pccontentbox .content-right{
     width:4.616rem;
    height:100%;
    background:#FFFFFF;
     border-radius: 0rem .12rem .12rem  0rem ;
}
.content-left .first{
    width:100%;
    height:100%;
}
.first .top{
    height:.377rem;
    width:100%;
    display:flex;   
}
.top .top-left,.top .top-right{
    width:50%;
}
.top .top-right{
    text-align:right;
}
.top-left div{
    display:inline-block;
}
.top-left div:first-child{
    width: .12rem;
    height: .12rem;
    background: #FFFFFF;
    border-radius: 50%;
    margin-top:.26rem;
    margin-left:.24rem;
}
.top-left .line{
    font-size: .17rem;
    font-family: Source Han Sans CN;
    font-weight: 200;
    color: #FFFFFF;
    margin-left:.16rem;
}
.top-right button{
    width: .95rem;
    height: .38rem;
    background: #D74157;
    opacity: 0.8;
    border-radius: .18rem;
    color:#FFFFFF;
    border:.03rem solid #D85870;
    margin-right:.21rem;
    margin-top:.16rem;
    font-size: .15rem;
    font-family: Source Han Sans CN;
    font-weight: 200;
    cursor:pointer;
}
.top-right button:hover{
     box-shadow: 0 .04rem .16rem rgb(245 245 245 / 50%)
    /*box-shadow: 0rem 0rem .3rem 0rem rgba(0, 0, 0, 0.25);*/
}
.firstmain {
    width: 7.27rem;
    height: 1.81rem;
    margin-left:.61rem;
    margin-right:.58rem;
    margin-top:.54rem;
}
.firstmain img{
    width:7.03rem;
}
.fitstbottom{
    margin-top:.38rem;
    margin-left:.24rem;
    width:8.03rem;
    height:1.07rem;
   
    border-radius:.6rem;
    /*border: 1px solid #9C9ED4;*/
    background:url(../images/line-bg.png) no-repeat;
    background-size:100% 100%;
}
.bottomcontent{
    height:100%;
    width:100%;
    border-radius:.6rem;
    display:flex;
    position:relative;
}
.bottomcontentbg{
    position: absolute;
    top: -.1rem;
    left: 3.5rem;
    color: #FFFFFF;
    font-size: .14rem;
}
.bottom-left{
    height:1.07rem;
    width:7rem;
    padding-left: .14rem;
    display:flex;
    overflow: hidden;
    overflow-x: auto;
}

.bottom-right{
    height:.753rem;
    width:.753rem;
    border-radius:50%;
    background:#DA374A;
    margin-top:.16rem;
    margin-right:.15rem;
    border:.02rem solid #DF5161;
    box-sizing: border-box;
}
.linesbox{
    /*display:inline-block;*/
    margin-right:.21rem;
}
.linesbox .lines{
    width:.993rem;
    height:.377rem;
    background:#B6599A;
    border-radius:.18rem;
    margin-top:.35rem;
    border:.02rem solid #B869A8;
}
.linesbox .lines:hover{
    box-shadow: 0 .04rem .16rem rgb(245 245 245 / 50%);
    cursor:pointer;
}
.lines .lines-icon{
    height:.115rem;
    width:.115rem;
    background:#D2FC06;
    border-radius:50%;
    margin-top:.13rem;
    margin-left:.18rem;
    display:inline-block;
}
.lines  .lines-text{
    display:inline-block;
    font-size: .15rem;
    font-family: Source Han Sans CN;
    font-weight: 200;
    color: #FFFFFF;
    /*margin-left:.1rem;*/
}
.bottom-right:hover{
    box-shadow: 0 .04rem .16rem rgb(245 245 245 / 50%);
    cursor:pointer;
}
.bottom-right p{
    width:.3rem;
    height:.31rem;
    font-size: .15rem;
    font-family: Source Han Sans CN;
    font-weight: 200;
    color: #FFFFFF;
    margin-top:.2rem;
    margin-left:.2rem;
    line-height:.15rem;
    
}
.showtwo{
margin-top: 0.4rem;
}
.lineInfobox{
    height:.4rem;
    width:8.457rem;
    display:flex;
    margin-bottom: .16rem;
}
.lineinfo{
    width:100%;
    height:.4rem;
    display:flex;
}
.lineinfo .left{
    width:2rem;
}
.lineinfo .centent {
     width:4.6rem;
}
.lineinfo .right{
    width:2rem;
}
.left a{
    width: .923rem;
    height: .377rem;
    background: #B6599A;
    border-radius: .18rem;
    border: .02rem solid #B869A8;
    display:block;
    margin-left:.6rem;
}
.left a div:first-child{
    height: .115rem;
    width: .115rem;
    background: #D2FC06;
    border-radius: 50%;
    margin-top: .13rem;
    margin-left: .18rem;
    display: inline-block;
}
.left a .text{
    display: inline-block;
    font-size: .15rem;
    font-family: Source Han Sans CN;
    font-weight: 200;
    color: #FFFFFF;
    margin-left: .1rem;
}
.centent div{
    width:4.2rem;
    height:.377rem;
    background:#E8EBF8;
    border-radius:.3rem;
    color:#663844;
    font-size:.14rem;
    padding-left:.2rem;
    line-height:.377rem;
    margin-top: .04rem;
}
.right a{
    width: 1.35rem;
    height:.327rem;
    background: #D74157;
    opacity: 0.8;
    border-radius: .18rem;
    color: #FFFFFF;
    border: .03rem solid #D85870;
    margin-right: .21rem;
    font-size: .15rem;
    font-family: Source Han Sans CN;
    font-weight: 200;
    cursor: pointer;
    display:block;
    text-align: center;
    line-height: .327rem;
    margin-top: .028rem;
    margin-left: .3rem;
}
.right a:hover{
    box-shadow: 0 .04rem .16rem rgb(245 245 245 / 50%) ;
}
.logobox{
    width:3rem;
    height:.61rem;
    margin-top:.39rem;
    margin-left:.6rem;
}
.logobox img{
    width:3rem;
}
.titlebox{
    margin-top:.26rem;
}
.titlebox div{
    width: 1.28rem;
    height: .32rem;
    background: linear-gradient(90deg, #8E6ED1, #CA4467);
    border-radius: .16rem;
    color:#FFFFFF;
    font-size: .16REM;
    font-family: Source Han Sans CN;
    font-weight: 200;
    text-align:center;
    margin:0 auto;
    line-height:.32rem;
}
.content-right .activebox{
    margin-top:.27rem;
    width:100%;
}
.activebox ul{
    margin:0 auto;
    width:3.46rem;
}
.activebox ul li{
    
    border-top: .016rem dashed #BC3439;
}
.activebox ul li a{
    font-size: .16rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #BC3439;
    padding-top: .11rem;
    padding-bottom:.11rem;
    display:block;
    cursor:pointer;
}
.activebox ul li:last-child{
    border-bottom: .016rem solid #BC3439;
}
.activebox ul li:hover a{
    /*box-shadow: rgb(153 153 153) 0px 0px 10px;*/
    transition: all 0.4s ease 0s;
    transform: scale(1.01);
    /*font-size:.17rem;*/
}

.pc-foot{
    width: 13.083rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .2rem;
    margin:0 auto;
    height:.41rem;
    margin-top:.2rem;
}
.foot-left{
    font-size: .14rem;
    color: #fff;
}
.foot-left img{
    width: .41rem;
    margin-right: .22rem;
    vertical-align: middle;
}
.foot-btn .btn{
    display: inline-block;
    background-color: #fff;
    color: #BC3439;
    font-size: .14rem;
    border-radius: .25rem;
    line-height: .38rem;
    height: .38rem;
    text-align: center;
    cursor:pointer;
    position:relative;
    width:1.627rem;
    height:.493rem;
    font-size:.21rem;
    line-height: .493rem;
    font-family: Source Han Sans CN;
    font-weight: 300;
}
.foot-btn .btn:hover{
    box-shadow: 0 0.04rem 0.16rem rgb(245 245 245 / 50%);
}
.foot-btn .btn  img{
    width: .21rem;
    height: .24rem;
    vertical-align: middle;
 }

.kfbox{
    position:absolute;
    top: -1.9rem;
    right: 1.66rem;
    height:2.9rem;
    width:2.95rem;
    background:#FFFFFF;
    display:none;
    border: .04rem solid #9494C9;
    border-radius: .12rem;
    padding-bottom:.16rem;
}
.foot-btn .btn:first-child{
    margin-right:.43rem;
}
/*.foot-btn .btn:first-child:hover .kfbox{
    display:block;
}*/
.kfbox .one,.kfbox .two,.kfbox .three{
    height:.95rem;
}
.kfbox .one{
    display:flex;
}
.kfbox .one a{
    width:100%;
    height:100%;
    display:flex;
}
.kfbox .one .second{
    width:1.9rem;
    text-align: left;
}
.kfbox .one .first{
    width:.95rem;
}
.kfbox .one img{
    height:.62rem;
    width:.62rem;
    margin-left:.27rem;
    margin-top:.3rem;
}
.kfbox .one .second span{
    height:100%;
    width:100%;
    display:block;
    line-height: 1.2rem;
    padding-left: .18rem;
    font-family: Source Han Sans CN;
font-weight: 500;
color: #A51117;
}
.kfbox .two{
    display:flex;
}
.kfbox .two a{
    width:100%;
    height:100%;
    display:flex;
}
.kfbox .two .first{
    width:.95rem;
}
.kfbox .two img{
    height:.62rem;
    width:.62rem;
    margin-left:.27rem;
    margin-top:.3rem;
}
.kfbox .two .second{
    width:1.9rem;
}
.kfbox .two .second .second-top{
    height:.5rem;
    width:100%;
    text-align: left;
}
.kfbox .two .second .second-top span{
    font-size: .16rem;
    color:#A51117;
    font-family: Source Han Sans CN;
    font-weight: 500;
    padding-left: .18rem;
    padding-top: 0.2rem;
    display: block;
}
.kfbox .two .second .second-bottom{
    height:.45rem;
    width:100%;
    display:flex;
}
.kfbox .two .second .second-bottom .left{
    width:1.6rem;
    height:100%;
    text-align: left;
}
.kfbox .two .second .second-bottom .left span{
    color:#9494C9;
    font-family: Source Han Sans CN;
    font-weight: 400;
    padding-left: .18rem;
}
.kfbox .two .second .second-bottom .right{
    width:.6rem;
    height:100%;
    text-align: right;
}
.kfbox .two .second .second-bottom .right button{
    width: .52rem;
    height: .26rem;
    background: #CA5E67;
    opacity: 0.7;
    border-radius: .04rem;
    color:#FFFFFF;
    border:none;
    cursor:pointer;
    margin-right: .1rem;
}
.qcodebox{
    position:absolute;
    left: 1.68rem;
    top: -.9rem;
    background: #FFFFFF;
    width:1.41rem;
    height:1.9rem;
    border: .04rem solid #9494C9;
    border-radius: .12rem;
    display:none;
}
.qcodebox div:first-child{
     height:1.4rem;
}
.qcodebox div:first-child img{
    margin-top:.1rem;
    height:1.2rem;
    width:1.2rem;
}
.qcodebox .text{
    height:.5rem;
}
.qcodebox .text p{
    font-size: .16rem;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #A51117;
    line-height: 0.24rem;
}