*{margin: 0;padding: 0;list-style: none;box-sizing: border-box;text-decoration: none;font-family: 'siyuan','Microsoft YaHei',"Arial";line-height: 1;}
.img{display: flex;align-items: center;justify-content: center;font-size: 0;overflow: hidden;user-select:none}
.img img{width: 100%;height: 100%;object-fit: contain;transition: all .3s;}

.btn{display: flex;align-items: center;justify-content: center;transition: all 0.3s;cursor: pointer;}

.text2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.text3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.text4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}

input,select,textarea{border: none;outline: none;background: none;}

html{font-size: calc(100vw / 192);}

.container{width: 120rem;margin: 0 auto;} 

.pc{display: block;}
.mb{display: none;}

.flex{display: flex;}

/* body{opacity: 0;transition: all 1s;} */


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
input[type='number'] {
  -moz-appearance: textfield;
}


@font-face {
  font-family: "siyuan";
  font-weight: 500;
  src: url("./SourceHanSansCN-Regular.otf") format("trueType");
  font-display: swap;
}


@font-face {
  font-family: "siyuanB";
  font-weight: 800;
  src: url("./SourceHanSansCN-Bold.otf") format("trueType");
  font-display: swap;
}


html{padding-top: 8rem;}

.header{background: #fff;height: 8rem;position: fixed;top: 0;left: 0;right: 0;display: flex;justify-content: space-between;z-index: 9999;}
.header .container{display: flex;height: 100%;justify-content: space-between;}
.header .title{height: 100%;display: flex;align-items: center;font-size: 2rem;color: #3d3d3d;font-family: 'siyuanB';font-weight: bold;}
.header .right{display: flex;padding-top: 1.55rem;align-items: flex-start;}
.header .right .one{font-size: 1.6rem;color: #333;margin-left: 3.2rem;transition: all 0.3s;line-height: 3.2rem;}
.header .right .one.active,.header .right .one:hover{color: #68A5E1;}
.header .right .one a{color: #333;transition: all 0.3s;}
.header .right .one a:hover{color: #68A5E1;}
.header .right .user{display: flex;align-items: center;margin-left: 3.2rem}
.header .right .user .head{width: 3.2rem;height: 3.2rem;margin-right: 0.8rem;}
.header .right .user .text{font-size: 1.6rem;color: #888;}
.header .right .user .logout{font-size: 1.6rem;color: #888;margin-left: 0.8rem;cursor: pointer;}



.footer{background: #181818;padding: 5rem 0 3rem;}
.footer .top{display: flex;}
.footer .top .title{font-size: 2rem;color: #fff;font-weight: bold;font-family: 'siyuanB';line-height: 1.5;margin-right: 4rem;}
.footer .top .text{font-size: 2rem;color: #fff;line-height: 1.5;}

.footer .bot{margin-top: 4rem;display: flex;align-items: center;justify-content: space-between;}
.footer .bot .text{font-size: 1.6rem;line-height: 3rem;color: rgba(255, 255, 255, 0.5);}
.footer .bot .text .icp{color: rgba(255, 255, 255, 0.5);}

.footer .bot .share{display: flex;align-items: center;}
.footer .bot .share .one{position: relative;width: 4.6rem;margin-left: 2rem;flex-shrink: 0;height: 4.6rem;display: block;}
.footer .bot .share .one .icon{width: 100%;height: 100%;position: relative;}
.footer .bot .share .one .icon img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all 0.3s;}
.footer .bot .share .one .icon .nor{z-index: 111;opacity: 1;}
.footer .bot .share .one .icon .hov{z-index: 11;opacity: 0;}
.footer .bot .share .one:hover .icon .nor{z-index: 11;opacity: 0;}
.footer .bot .share .one:hover .icon .hov{z-index: 111;opacity: 1;}

.footer .bot .share .one .codeBox{position: absolute;bottom: 100%;left: 50%;transform: translate(-50%);opacity: 0;transition: all 0.3s;padding-bottom: 4.5rem;visibility: hidden;}
.footer .bot .share .one:hover .codeBox{visibility: visible;opacity: 1;padding-bottom: 1.5rem;}
.footer .bot .share .one .codeBox .box{width: 12rem;height: 12rem;display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 1rem;position: relative;}
.footer .bot .share .one .codeBox .box::after{width: 1.2rem;height: 1.2rem;transform: rotate(45deg);position: absolute;bottom: -0.5rem;left: 0;right: 0;content: "";background: #fff;margin: auto;}


.index{min-height: 100vh;background: #fff;background-image: url(../img/bg-cx@1x.png);background-repeat: no-repeat;background-size: 100% auto;background-position: top left;}
.index .container{padding-top: 7rem;padding-bottom: 6rem;display: flex;flex-direction: column;align-items: center;}
.index .title{height: 6.5rem;margin-bottom: 3rem;}
/* .index .form{display: flex;align-items: center;justify-content: center;margin-bottom: 4.5rem;flex-wrap: wrap;} */
.index .form{display: flex;align-items: center;justify-content: center;margin: 0 -7rem 3.5rem;flex-wrap: wrap;}
.index .form .select{position: relative;margin-right: 1rem;margin-top: 1rem;}
/* .index .form .select .normal{width: 25.6rem;height: 4.8rem;display: flex;align-items: center;padding: 0 2rem;cursor: pointer;background: #fff;border-radius: 0.6rem;border: 1px solid #EEEEEE;overflow: hidden;transition: all 0.3s;} */
.index .form .select .normal{width: 24rem;height: 4.8rem;display: flex;align-items: center;padding: 0 2rem;cursor: pointer;background: #fff;border-radius: 0.6rem;border: 1px solid #EEEEEE;overflow: hidden;transition: all 0.3s;}
.index .form .select .normal .text{flex: 1;width: 0;font-size: 1.6rem;color: #888888;user-select: none;}
.index .form .select .normal .text.active{color: #333333;}
.index .form .select.active .normal{border-bottom-right-radius: 0;border-bottom-left-radius: 0;}

.index .form .select .normal .icon{width: 1.6rem;height: 1.6rem;transition: all 0.3s;flex-shrink: 0;margin-left: 1rem;}
.index .form .select.active .normal .icon{transform: rotate(180deg);}

.index .form .select .hideBox{border: 1px solid #eee;padding: 2rem;max-height: 30rem;overflow: auto;display: none;position: absolute;width: 100%;z-index: 111;background: #fff;border-bottom-right-radius: 0.6rem;border-bottom-left-radius: 0.6rem;}
.index .form .select .hideBox .one{font-size: 1.6rem;line-height: 1.5;margin-bottom: 2rem;color: #333;cursor: pointer;transition: all 0.3s;}
.index .form .select .hideBox .one:last-child{margin-bottom: 0;}
.index .form .select .hideBox .one:hover,.index .form .select .hideBox .one.active{color: #D42127;}

.index .form .input{margin-right: 1rem;background: #fff;width: 24rem;height: 4.8rem;border: 1px solid #eee;overflow: hidden;border-radius: 0.6rem;margin-top: 1rem;}
.index .form .input input{width: 100%;height: 100%;padding: 0 2rem;font-size: 1.6rem;color: #333;}
.index .form .input input::placeholder{color: #888;}

.index .form .btn{height: 4.8rem;padding: 0 2rem;background: #EAAB2E;border-radius: 0.6rem;font-size: 1.6rem;color: #fff;margin-top: 1rem;}


.index .listBox{width: 100%;background: #fff;padding: 5rem 4.5rem 0;border-radius: 2rem;min-height: 48rem;box-shadow: 0px 8px 24px 0px rgba(149, 157, 165, 0.2);}
.index .listBox .none{font-size: 2rem;color: #3d3d3d;line-height: 1.5;text-align: center;}
.index .listBox .text{font-size: 3rem;color: #3d3d3d;line-height: 1.5;text-align: center;margin-bottom: 4rem;}

.index .listBox .table{width: 100%;border-radius: 1rem;overflow: auto;}
.index .listBox .table table{width: 100%;border-spacing: 0;}
.index .listBox .table tr{display: flex;justify-content: space-between;}
.index .listBox .table tr td{min-width: 22.2rem;padding: 0 2rem;}

.index .listBox .table thead{background: #D42127;height: 6rem;}
.index .listBox .table thead tr{height: 100%;}
.index .listBox .table thead tr td{font-size: 1.8rem;color: #fff;font-weight: bold;font-family: 'siyuanB';display: flex;align-items: center;height: 6rem;}

.index .listBox .table tbody{border: 1px solid #eee;border-top: 0;}
.index .listBox .table tbody tr td{padding: 1.6rem 2rem;font-size: 1.6rem;color: #333;line-height: 1.5;}
.index .listBox .table tbody tr td span{color: #D42127;}
.index .listBox .table tbody tr td .pdf{width: 1.6rem;height: 2.4rem;}

.index .listBox .table tbody tr:nth-child(2n){background: #FFF9F9;}

.index .listBox .detail .text{margin-bottom: 5rem;position: relative;}
.index .listBox .detail .text::after{position: absolute;bottom: -1.8rem;height: 2px;width: 4rem;left: 0;right: 0;margin: auto;background: #D42127;content: "";}
.index .listBox .detail .content{padding: 0 0.5rem 2rem;}
.index .listBox .detail .content *{font-size: 1.6rem;line-height: 3rem;color: #333;}
.index .listBox .detail .content img{max-width: 100%;height: auto;margin: 3rem 0;}





.registerPage{background: #fff;background-image: url(../img/bg-zc@1x.png);background-repeat: no-repeat;background-size: 100% auto;background-position: top left;min-height: 100vh;max-height: 108rem;position: relative;}
.registerPage .block{position: absolute;right: 0;top: 8rem;bottom: 0;background: rgba(255, 255, 255, 0.9);backdrop-filter: blur(10px);width: 96.5rem;display: flex;align-items: center;justify-content: center;}

.registerPage .box{background: #fff;padding: 5rem 4.4rem;border-radius: 2rem;width: 60rem;/*height: 66rem;*/box-shadow: 0px 8px 24px 0px rgba(149, 157, 165, 0.2);}
.registerPage .box .title{margin-left: 9.8rem;font-size: 3rem;line-height: 3.2rem;margin-bottom: 3rem;color: #3D3D3D;}
.registerPage .box .form .line{display: flex;margin-bottom: 1.6rem;align-items: center;}
.registerPage .box .form .line:last-child{margin-bottom: 0;}
.registerPage .box .form .line .name{font-size: 1.6rem;line-height: 2;color: #3D3D3D;text-align: right;margin-right: 2rem;width: 7.8rem;}
.registerPage .box .form .line .name span{color: #D42127;margin-right: 0.6rem;}
.registerPage .box .form .line .input{width: 41.5rem;height: 4.8rem;border: 1px solid #EEEEEE;border-radius: 0.6rem;display: flex;overflow: hidden;}
.registerPage .box .form .line .input .codeBtn{width: 13.8rem;height: 100%;margin: 0;font-size: 1.6rem;color: #fff;border-radius: 0;}
.registerPage .box .form .line .input input{flex: 1;width: 0;height: 100%;padding: 0 1rem;font-size: 1.6rem;color: #333;}
.registerPage .box .form .line .input input::placeholder{color: #888;}
.registerPage .box .form .line .check{cursor: pointer;display: flex;align-items: center;margin-top: 0.4rem;}
.registerPage .box .form .line .check .icon{width: 2rem;height: 2rem;margin-right: 1rem;background: #eee;border-radius: 50%;}
.registerPage .box .form .line .check img{opacity: 0;}
.registerPage .box .form .line .check.active img{opacity: 1;}
.registerPage .box .form .line .check .text{font-size: 1.6rem;color: #3d3d3d;}
.registerPage .box .form .line .check .text a{color: #D42127;}
.registerPage .box .form .line .btn{width: 41.5rem;height: 4.8rem;background: #D42127;border-radius: 0.6rem;color: #fff;font-size: 1.6rem;margin-top: 1.4rem;margin-bottom: 1.4rem;}
.registerPage .box .form .line>.text{font-size: 1.6rem;line-height: 2;color: #3D3D3D;}
.registerPage .box .form .line>.text a{color: #D42127;text-decoration: underline;}



.loginPage{background: #fff;background-image: url(../img/bg-zc@1x.png);background-repeat: no-repeat;background-size: 100% auto;background-position: top left;min-height: 100vh;max-height: 108rem;position: relative;}
.loginPage .block{position: absolute;right: 0;top: 0;bottom: 0;background: rgba(255, 255, 255, 0.9);backdrop-filter: blur(10px);width: 96.5rem;display: flex;align-items: center;justify-content: center;}

.loginPage .box{background: #fff;padding: 5rem 6rem;border-radius: 2rem;width: 60rem;/*height: 66rem;*/box-shadow: 0px 8px 24px 0px rgba(149, 157, 165, 0.2);}
.loginPage .box .title{margin-left: 6.6rem;font-size: 3rem;line-height: 3.2rem;margin-bottom: 3rem;color: #3D3D3D;}
.loginPage .box .form .line{display: flex;margin-bottom: 1.6rem;align-items: center;}
.loginPage .box .form .line:last-child{margin-bottom: 0;}
.loginPage .box .form .line .name{font-size: 1.6rem;line-height: 2;color: #3D3D3D;text-align: right;margin-right: 2rem;width: 4.6rem;}
.loginPage .box .form .line .name span{color: #D42127;margin-right: 0.6rem;}
.loginPage .box .form .line .input{width: 41.5rem;height: 4.8rem;border: 1px solid #EEEEEE;border-radius: 0.6rem;display: flex;overflow: hidden;}
.loginPage .box .form .line .input .codeBtn{width: 13.8rem;height: 100%;margin: 0;font-size: 1.6rem;color: #fff;border-radius: 0;}
.loginPage .box .form .line .input input{flex: 1;width: 0;height: 100%;padding: 0 1rem;font-size: 1.6rem;color: #333;}
.loginPage .box .form .line .input input::placeholder{color: #888;}
.loginPage .box .form .line .check{cursor: pointer;display: flex;align-items: center;margin-top: 0.4rem;}
.loginPage .box .form .line .check .icon{width: 2rem;height: 2rem;margin-right: 1rem;background: #eee;border-radius: 50%;}
.loginPage .box .form .line .check img{opacity: 0;}
.loginPage .box .form .line .check.active img{opacity: 1;}
.loginPage .box .form .line .check .text{font-size: 1.6rem;color: #3d3d3d;}
.loginPage .box .form .line .check .text a{color: #D42127;}
.loginPage .box .form .line .btn{width: 41.5rem;height: 4.8rem;background: #D42127;border-radius: 0.6rem;color: #fff;font-size: 1.6rem;margin-top: 1.4rem;margin-bottom: 1.4rem;}
.loginPage .box .form .line>.text{font-size: 1.6rem;line-height: 2;color: #3D3D3D;}
.loginPage .box .form .line>.text a{color: #D42127;text-decoration: underline;}


.loginPage .box .flex{display: flex;padding-left: 6.6rem;justify-content: space-between;align-items: center;margin-top: 1.6rem;}
.loginPage .box .flex .text{font-size: 1.6rem;line-height: 2;color: #3d3d3d;}
.loginPage .box .flex .text a{color: #D42127;}







.forget{padding: 4rem;background: #F5F5F5;min-height: 100vh;}
.forget .container{width: 81.5rem;}
.forget .back{width: 12rem;height: 4.8rem;background: #D42127;border-radius: 0.6rem;font-size: 1.6rem;color: #fff;margin-bottom: 3.3rem;}
.forget .block{background: #fff;display: flex;flex-direction: column;align-items: center;padding: 8rem 20rem;border-radius: 1rem;}
.forget .block .title{font-size: 3rem;line-height: 3.2rem;color: #3D3D3D;margin-bottom: 1.3rem;width: 100%;}
.forget .block .desc{font-size: 1.4rem;line-height: 3.2rem;color: #3D3D3D;margin-bottom: 2rem;width: 100%}
.forget .block .desc span{color: #D42127;}

.forget .block .form{width: 100%;}
.forget .block .line{margin-bottom: 3rem;width: 100%;position: relative;}
.forget .block .line .input{width: 100%;height: 4.8rem;display: flex;border: 1px solid #eee;border-radius: 0.6rem;position: relative;overflow: hidden;}
.forget .block .line .input input{flex: 1;height: 100%;padding: 0 1rem;font-size: 1.6rem;color: #333;}
.forget .block .line .input input::placeholder{color: #888;}

.forget .block .line .name{position: absolute;right: calc(100% + 2rem);top: 0;bottom: 0;font-size: 1.6rem;margin: auto;color: #3D3D3D;white-space: nowrap;align-items: center;display: flex;}
.forget .block .line .name span{color: #D42127;margin-right: 0.6rem;}

.forget .block .line .input .code{width: 14rem;height: 100%;border-top-left-radius: 0.6rem;border-bottom-left-radius: 0.6rem;font-size: 1.6rem;color: #3D3D3D;background: #F5F5F5;display: flex;align-items: center;justify-content: center;}
.forget .block .line .input .code.reload{background: #D42127;color: #fff;cursor: pointer;}

.forget .block .line .tip{margin-top: -1.6rem;font-size: 1.4rem;line-height: 2rem;color: #999999;}

.forget .block .btn{width: 100%;height: 4.8rem;background: #D42127;color: #fff;font-size: 1.6rem;border-radius: 0.6rem;}


.forget .block3 .icon{width: 16rem;height: 16rem;margin-bottom: 4rem;}
.forget .block3 .title{font-size: 2rem;line-height: 3rem;text-align: center;color: #3D3D3D;margin-bottom: 4rem;}
.forget .block3 .btn{width: 100%;height: 4.8rem;color: #fff;font-size: 1.6rem;background: #D42127;border-radius: 0.6rem;min-height: 0;}
.forget .block3 .other{margin-top: 2rem;font-size: 1.4rem;line-height: 2rem;color: #999;}
.forget .block3 .other span{color: #D42127;}


.forget .block4 .icon{width: 16rem;height: 16rem;margin-bottom: 4rem;}
.forget .block4 .title{font-size: 2rem;line-height: 3rem;text-align: center;color: #3D3D3D;margin-bottom: 1.4rem;}
.forget .block4 .desc{margin-bottom: 3rem;font-size: 1.4rem;color: #999;text-align: center;}
.forget .block4 .btn{width: 100%;height: 4.8rem;color: #fff;font-size: 1.6rem;background: #D42127;border-radius: 0.6rem;min-height: 0;}





































































@media(max-width:750px){
    .pc{display: none;}
    .mb{display: block;}

    html{font-size: calc(100vw / 75);}
    html{padding-top: 0;}

    .container{width: 69rem;}

    .header{height: 10rem;border-bottom: 1px solid #eee;}
    .header .title{font-size: 2.8rem;}
    .header .right{padding: 0;align-items: center;}
    .header .right .user .head{margin: 0;width: 4.8rem;height: 4.8rem;}
    .header .right .img{margin: 0;width: 4.8rem;height: 4.8rem;}

    .menu{margin-top: 10rem;}
    .menu .container{display: flex;overflow: auto;height: 12rem;padding: 2rem 0rem 0;justify-content: center;}
    .menu .one{white-space: nowrap;padding: 0 2rem;height: 6.4rem;background: #F5F5F5;border-radius: 1.2rem;color: #333;font-size: 2.8rem;display: flex;align-items: center;margin-right: 2.4rem;position: relative;transition: all 0.3s;width: 32rem;justify-content: center;}
    .menu .one:last-child{margin-right: 0;}
    .menu .one.active{color: #fff;background: #D42127;}
    .menu .one:hover{background: #D42127;color: #fff;}
    .menu .one::after{position: absolute;top: 5.6rem;left: 0;right: 0;margin: auto;content: "";width: 3.6rem;height: 2rem;background: url(../img/icon_mb_menu.png);background-size: 100% auto;opacity: 0;transition: all 0.3s;}
    /* .menu .one:hover::after{opacity: 1;} */
    .menu .one.active::after{opacity: 1;}


  
    .footer{padding: 6rem 0 4.8rem;}
    .footer .top{flex-direction: column;}
    .footer .top .title{font-size: 3.2rem;margin: 0 0 2rem;}
    .footer .top .text{font-size: 2.8rem;line-height: 4.8rem;}


    .footer .bot{flex-direction: column-reverse;margin-top: 4rem;align-items: flex-start;padding-top: 4rem;border-top: 1px solid #666;}
    .footer .bot .share .one{width: 9.2rem;height: 9.2rem;margin: 0 4rem 0 0;}
    .footer .bot .share .one .codeBox .box{width: 20rem;height: 20rem;}
    .footer .bot .share .one .codeBox{padding-bottom: 6rem;}
    .footer .bot .share .one:hover .codeBox{padding-bottom: 3rem;}
    .footer .bot .share .one .codeBox .box::after{width: 2.4rem;height: 2.4rem;bottom: -1rem;}

    .footer .bot .text{margin-top: 3rem;font-size: 2.8rem;line-height: 4.8rem;}
    


    .index{min-height: 0;background: #f5f5f5;}
    .index .form{margin: 0;}
    .index .formBox{background-color: #D42127;background-image: url(../img/bg_form.png);background-size: 100% auto;padding: 6rem 6rem 8rem;background-repeat: no-repeat;border-radius: 0 0 4rem 4rem;}
    .index .formBox>.img{width: 33.2rem;height: 7.8rem;margin: 0 auto 3.4rem;}
    .index .form{flex-direction: column;}
    .index .form .select{margin: 0 0 2rem;width: 100%;height: 8.8rem;}
    .index .form .select .normal{width: 100%;height: 100%;padding: 0 3rem;border-radius: 1.2rem;}
    .index .form .select .normal .text{font-size: 2.8rem;}
    .index .form .select .normal .icon{width: 3.2rem;height: 3.2rem;margin-left: 2rem;}

    .index .form .select .hideBox{padding: 2rem 0rem;border-bottom-left-radius: 1.2rem;border-bottom-right-radius: 1.2rem;max-height: 60rem;}
    .index .form .select .hideBox .one{height: 6.4rem;font-size: 2.8rem;margin-bottom: 2rem;padding: 0 3rem;display: flex;align-items: center;}
    .index .form .select .hideBox .one:last-child{margin-bottom: 0;}
    .index .form .select .hideBox .one:hover{background: #eee;}
    .index .form .select .hideBox .one.active{background: #eee;}

    .index .form .input{margin: 0 0 2rem;width: 100%;height: 8.8rem;border-radius: 1.2rem;}
    .index .form .input input{padding: 0 3rem;font-size: 2.8rem;}

    .index .form .btn{width: 100%;height: 8.8rem;margin: 4rem 0 0;background: #EAAB2E;border-radius: 1.2rem;color: #fff;font-size: 3.2rem;}


    .index .listBox{min-height: 0;padding: 0;background: none;border-radius: 0;}
    .index .listBox .none{padding: 6rem 0;font-size: 4rem;}
    .index .listBox .list{padding: 6rem 3rem;}
    .index .listBox .list .title{font-size: 4rem;line-height: 1.5;font-weight: bold;font-family: 'siyuanB';text-align: center;position: relative;margin-bottom: 5.2rem;}
    .index .listBox .list .title::after{position: absolute;bottom: -1.2rem;height: 0.4rem;content: "";width: 8rem;background: #D42127;left: 0;right: 0;margin: auto;}
    .index .listBox .list .one{margin-bottom: 3rem;background: #fff;border-bottom: 1px solid #D42127;border-radius: 2rem 2rem 0 0;padding: 3rem;}
    .index .listBox .list .one .line{display: flex;align-items: center;justify-content: space-between;}
    .index .listBox .list .one .left{font-size: 2.6rem;line-height: 7.2rem;color: #333;}
    .index .listBox .list .one .right{font-size: 2.6rem;line-height: 7.2rem;color: #888888;}
    .index .listBox .list .one .right .pdf{display: flex;align-items: center;}
    .index .listBox .list .one .right .pdf .img{width: 3.2rem;height: 3.2rem;margin-right: 0.8rem;}
    .index .listBox .list .one .right .text{color: #D42127;margin: 0;line-height: 1;font-size: 2.6rem;}


    .index .listBox .detail{padding: 6rem 3rem;}
    .index .listBox .detail .text{font-size: 4rem;line-height: 1.5;font-weight: bold;font-family: 'siyuanB';text-align: center;position: relative;margin-bottom: 5.2rem;}
    .index .listBox .detail .text::after{position: absolute;bottom: -1.2rem;height: 0.4rem;content: "";width: 8rem;background: #D42127;left: 0;right: 0;margin: auto;}

    .index .listBox .detail .content{background: #fff;padding: 6rem 3rem;border-radius: 2rem 2rem 0 0;}
    .index .listBox .detail .content *{font-size: 2.8rem !important;line-height: 6rem !important;}


    .loginPage{max-height: none;background-image: url(../img/bg-zc@2x.png);padding-top: 8rem;top: 0;}

    .loginPage .block{position: relative;width: 100%;background: none;backdrop-filter: none;}

    .loginPage .back{width: 100%;height: 10rem;padding: 0 3rem;display: flex;align-items: center;margin: 0;}
    .loginPage .back .img{width: 4.8rem;height: 4.8rem;}

    .loginPage .box{padding: 0;border-radius: 0;flex-direction: column;margin-top: 4.4rem;width: 65rem;background: none;box-shadow: none;}
    .loginPage .box .big{width: 52rem;margin: 0 auto 3.4rem;}
    
    .loginPage .box .title{font-size: 4rem;line-height: 6rem;margin-bottom: 6rem;color: #3D3D3D;margin-left: 0;}
    .loginPage .box .form .line{display: flex;margin-bottom: 3.2rem;align-items: flex-start;flex-direction: column;}
    .loginPage .box .form .line:last-child{margin-bottom: 0;}
    .loginPage .box .form .line .name{font-size: 2.4rem;line-height: 4rem;color: #3D3D3D;margin-bottom: 1.2rem;width: 100%;text-align: left;margin-right: 0;}
    .loginPage .box .form .line .name span{color: #D42127;margin-left: 0.8rem;font-size: 3.2rem;margin-right: 0;}
    .loginPage .box .form .line .input{width: 100%;height: 8.8rem;border: 1px solid #EEEEEE;border-radius: 1.2rem;background: #F5F5F5;}
    .loginPage .box .form .line .input input{width: 100%;height: 100%;padding: 0 2rem;font-size: 2.8rem;color: #333;}
    .loginPage .box .form .line .input input::placeholder{color: #888;}
    .loginPage .box .form .line .check{cursor: pointer;display: flex;align-items: center;}
    .loginPage .box .form .line .check .icon{width: 3.2rem;height: 3.2rem;margin-right: 2rem;background: #eee;border-radius: 50%;}
    .loginPage .box .form .line .check img{opacity: 0;}
    .loginPage .box .form .line .check.active img{opacity: 1;}
    .loginPage .box .form .line .check .text{font-size: 1.6rem;color: #3d3d3d;margin: 0;font-size: 2.4rem;}
    .loginPage .box .form .line .check .text a{color: #D42127;}
    .loginPage .box .form .line .btn{width: 100%;height: 8.8rem;background: #D42127;border-radius: 1.2rem;color: #fff;font-size: 3.2rem;margin-top: 1.6rem;}
    .loginPage .box::after{position: absolute;width: 1px;height: 39.4rem;background: #eee;right: 0;top: 0;content: "";}
    
    .loginPage .box .form .line .tip{font-size: 1.6rem;line-height: 2;color: #3D3D3D;}
    .loginPage .box .form .line .tip a{color: #D42127;text-decoration: underline;}
    
    
    .loginPage .box>.flex{margin-top: 4rem;justify-content: space-between;padding-left: 0;}
    .loginPage .box>.flex .text{color: #3d3d3d;font-size: 2.8rem;line-height: 4rem;}
    .loginPage .box>.flex .text a{color: #D42127;text-decoration: underline;}
    .loginPage .box .other{margin-top: 6rem;display: flex;align-items: center;flex-direction: column;}
    .loginPage .box .other .text{font-size: 2.8rem;line-height: 4rem;color: #888888;margin-bottom: 2rem;}
    .loginPage .box .other .icon{width: 8.8rem;height: 8.8rem;margin: 0 3rem;border-radius: 50%;border: 1px solid #EEEEEE;}




    .registerPage{max-height: none;background-image: url(../img/bg-zc@2x.png);padding: 8rem 0 16rem;top: 0;}

    .registerPage .block{position: relative;width: 100%;background: none;backdrop-filter: none;top: 0;}

    .registerPage .back{width: 100%;height: 10rem;padding: 0 3rem;display: flex;align-items: center;margin: 0;}
    .registerPage .back .img{width: 4.8rem;height: 4.8rem;}

    .registerPage .box{padding: 0;border-radius: 0;flex-direction: column;margin-top: 4.4rem;width: 65rem;background: none;box-shadow: none;}
    .registerPage .box .big{width: 52rem;margin: 0 auto 3.4rem;}
    
    .registerPage .box .title{font-size: 4rem;line-height: 6rem;margin-bottom: 6rem;color: #3D3D3D;margin-left: 0;}
    .registerPage .box .form .line{display: flex;margin-bottom: 3.2rem;align-items: flex-start;flex-direction: column;}
    .registerPage .box .form .line:last-child{margin-bottom: 0;}
    .registerPage .box .form .line .name{font-size: 2.4rem;line-height: 4rem;color: #3D3D3D;margin-bottom: 1.2rem;width: 100%;text-align: left;margin-right: 0;}
    .registerPage .box .form .line .name span{color: #D42127;margin-left: 0.8rem;font-size: 3.2rem;margin-right: 0;}
    .registerPage .box .form .line .input{width: 100%;height: 8.8rem;border: 1px solid #EEEEEE;border-radius: 1.2rem;background: #F5F5F5;}
    .registerPage .box .form .line .input input{width: 100%;height: 100%;padding: 0 2rem;font-size: 2.8rem;color: #333;}
    .registerPage .box .form .line .input input::placeholder{color: #888;}
    .registerPage .box .form .line .check{cursor: pointer;display: flex;align-items: center;}
    .registerPage .box .form .line .check .icon{width: 3.2rem;height: 3.2rem;margin-right: 2rem;background: #eee;border-radius: 50%;}
    .registerPage .box .form .line .check img{opacity: 0;}
    .registerPage .box .form .line .check.active img{opacity: 1;}
    .registerPage .box .form .line .check .text{font-size: 1.6rem;color: #3d3d3d;margin: 0;font-size: 2.4rem;}
    .registerPage .box .form .line .check .text a{color: #D42127;}
    .registerPage .box .form .line .btn{width: 100%;height: 8.8rem;background: #D42127;border-radius: 1.2rem;color: #fff;font-size: 3.2rem;margin-top: 1.6rem;}
    .registerPage .box::after{position: absolute;width: 1px;height: 39.4rem;background: #eee;right: 0;top: 0;content: "";}
    
    .registerPage .box .form .line .tip{font-size: 1.6rem;line-height: 2;color: #3D3D3D;}
    .registerPage .box .form .line .tip a{color: #D42127;text-decoration: underline;}
    
    
    .registerPage .box>.flex{margin-top: 4rem;justify-content: center;padding-left: 0;}
    .registerPage .box>.flex .text{color: #3d3d3d;font-size: 2.8rem;line-height: 4rem;}
    .registerPage .box>.flex .text a{color: #D42127;text-decoration: underline;}
    .registerPage .box .other{margin-top: 6rem;display: flex;align-items: center;flex-direction: column;}
    .registerPage .box .other .text{font-size: 2.8rem;line-height: 4rem;color: #888888;margin-bottom: 2rem;}
    .registerPage .box .other .icon{width: 8.8rem;height: 8.8rem;margin: 0 3rem;border-radius: 50%;border: 1px solid #EEEEEE;}
















    .forget{background: #fff;padding: 0;}
    .forget .back{width: 100%;height: 10rem;padding: 0 3rem;display: flex;align-items: center;background: #fff;border-bottom: 1px solid #EEEEEE;margin: 0;}
    .forget .back .btn{width: 4.8rem;height: 4.8rem;}

    .forget .container{width: 69rem;}

    .forget .block{padding: 4rem 2rem;}
    .forget .block .title{font-size: 4rem;line-height: 1.5;margin-bottom: 2rem;font-weight: bold;font-family: 'siyuanB';}
    .forget .block .desc{font-size: 2.4rem;margin-bottom: 4rem;line-height: 3.4rem;}
    .forget .block .line{margin-bottom: 6rem;}
    .forget .block .line .input{height: 8.8rem;border-radius: 1.2rem;background: #f5f5f5;}
    .forget .block .line .input input{padding: 0 2rem;font-size: 2.8rem;}
    .forget .block .btn{height: 8.8rem;border-radius: 1.2rem;font-size: 3.2rem;}


    .forget .block .line .name{position: relative;right: 0;font-size: 2.4rem;line-height: 4rem;margin-bottom: 1.2rem;}
    .forget .block .line .name span{margin-left: 0.8rem;}
    .forget .block .line .input .code{font-size: 2.8rem;width: 24rem;border-top-left-radius: 1.2rem;border-bottom-left-radius: 1.2rem;background: #EEEEEE;}

    .forget .block2 .line{margin-bottom: 3rem;}
    .forget .block2 .btn{margin-top: 6rem;}
    .forget .block .line .tip{margin: 0;font-size: 2.4rem;line-height: 1;}


    .forget .block3 .icon{width: 32rem;height: 32rem;}
    .forget .block3 .title{font-size: 3.2rem;font-family: 'siyuan';font-weight: normal;margin-bottom: 3.2rem;}

    .forget .block3 .btn{margin-top: 6rem;padding: 0;width: 24rem;height: 9.6rem;border-radius: 1.2rem;font-size: 3.2rem;}

    .forget .block3 .other{margin-top: 4rem;font-size: 2.8rem;line-height: 4rem;}


    .forget .block4 .icon{width: 32rem;height: 32rem;}
    .forget .block4 .title{font-size: 3.2rem;font-family: 'siyuan';font-weight: normal;margin-bottom: 4rem;}
    .forget .block4 .title span{margin-bottom: 2rem;}
    .forget .block4 .btn{margin-top: 6rem;padding: 0;width: 24rem;height: 9.6rem;border-radius: 1.2rem;font-size: 3.2rem;}

    .forget .block4 .desc{margin: 0;font-size: 2.8rem;line-height: 4rem;width: 55rem;}













































}