#gHeader{position:fixed;}

.side{position:fixed;z-index:2;left:0;top:0;bottom:0;width:26%;min-width:4rem;background:#a61955;height:100vh;overflow:hidden;}
.side .text{position:absolute;left:.7rem;right:0;top:50%;transform:translateY(-100%);color:#fff;}
.side .title{position:relative;font-size:.6rem;font-weight:bold;white-space:nowrap;padding-bottom:.3rem;margin-bottom:.6rem;}
.side .title span{display:inline-block;vertical-align:bottom;width:.16rem;height:.16rem;background:#fff;border-radius:50%;margin-left:.24rem;}
.side .title:after{content:'';position:absolute;left:0;bottom:0;width:0;height:.06rem;background:#fff;transition:width .3s ease;}
.side .title:hover:after{width:100%;}
.side .desc a{position:relative;display:inline-block;line-height:2;color:#fff;margin-top:.16rem;}
.side .desc a:after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:#fff;transition:width .3s ease;}
.side .desc a:hover:after{width:100%;}

#balls{position:absolute;left:0;top:0;width:100%;height:100%;}
.waves{display:none;}

.cont{position:relative;z-index:1;margin-left:26%;padding:1.83% 0;}
.cont .list{position:relative;}
.cont .list:first-child:before{content:'';position:absolute;z-index:2;left:14.37%;top:0;right:0;height:1px;/*background:#f2eff0;*/}
.cont .list li{position:relative;z-index:1;transition:background .3s ease;}
.cont .list li:hover{background:#f9f8f8;}
.cont .list li:after{content:'';position:absolute;left:0;bottom:0;right:0;height:1px;background:#f2eff0;}
.cont .list li > a{display:block;padding:4.23% 0 4.23% 16.2%;transition:background .3s ease;}
.cont .list li .num{font-size:.26rem;margin-bottom:.53rem;opacity:.5;}
.cont .list li .title{position:relative;z-index:1;font-size:.3rem;font-weight:bold;margin-bottom:.22rem;}
.cont .list li .desc{font-size:.22rem;margin-bottom:.87rem;}
.cont .list li .more{position:absolute;left:16.2%;bottom:0;padding-bottom:4.23%;font-size:.16rem;font-weight:bold;color:#a61955;}
.cont .list li .more a{color:#a61955;margin-right:.28rem;}
.cont .list li .more span{position:relative;display:inline-block;vertical-align:bottom;width:.36rem;height:2px;margin-left:.16rem;}
.cont .list li .more span:after{content:'';display:block;width:0;height:100%;background:#a61955;transition:width .3s ease;}
.cont .list li .more a:hover span:after{width:100%;}

/*.cont .list li .title .wapNum{display: none;}*/

body.coa .side .desc{opacity:0;}
body.coa .cont .form{padding:2rem 0 0 16.2%;}
body.coa .form .hd{font-size:.16rem;margin-bottom:.1rem;}
body.coa .form .hd .l1{margin-bottom:.42rem;font-size:.24rem;font-weight:bold;}
body.coa .form .hd .l2{margin-bottom:.16rem;}
body.coa .form .hd .l3{color:#a61955;line-height:1.75;}
body.coa .form .hd .l3 span{color:#595959;}
body.coa .form .hd a{position:relative;display:inline-block;line-height:1.1;color:#a61955;}
body.coa .form .hd a:after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:rgba(166,25,85,.5);transition:width .3s ease;}
body.coa .form .hd a:hover:after{width:100%;}
body.coa .form .hd .starW,body.coa .form .bd .starW{width:0.15rem; color:#404040 }

body.coa .form .bd{font-size:.16rem;line-height:1.375;}
body.coa .form .bd label{display:flex;padding-top:.5rem;font-size:.16rem;}
body.coa .form .bd label > span{display:flex;justify-content:space-between;width:.64rem;}
body.coa .form .bd input{margin-left:.28rem;width:3.83rem;font-size:.16rem;line-height:1.375;border:none;border-bottom:1px solid #404040;background:none;}
body.coa .form .bd .btn{display:block;margin-top:.56rem;margin-left:.92rem;width:1.86rem;font-size:.18rem;height:.5rem;line-height:.5rem;color:#fff;border-radius:.25rem;}

/**英文版**/
.language2 .enSide .title{font-size: 0.45rem;line-height: 0.6rem;}
.language2.coa .form .bd label > span{width:1.1rem;}

@media all and (max-width:767px) {
    #main{min-height:calc(100vh - 3.2rem);margin-bottom:1.2rem;}
    #gFooter{position:relative;padding-bottom:2rem;}



    .waves{display:block;height:15vh;}
    #balls{position:static;height:6.45rem;}
    
    .side{position:relative;width:auto;min-width:auto;height:auto;}
    .side .text{z-index:2;left:.3rem;bottom:2.3rem;top:auto;transform:none;}
    .side .title{display:inline-block;font-size:.56rem;padding-bottom:.3rem;margin-bottom:.3rem;}
    .side .title span{margin-left:.16rem;}
    .side .title:after{width:100%;}
    .side .desc{font-size:.28rem;}
    .side .desc a{display:none;}

    .cont{margin-left:0;padding:0;}
    .cont .list:first-child:before,.cont .list li:after{left:0;}
    .cont .list li > a{padding:.3rem;}
    .cont .list li .num{font-size:.32rem;margin-bottom:.37rem;}
    .cont .list li .title{font-size:.32rem;line-height:.42rem;margin-bottom:.23rem;}
    .cont .list li .desc{font-size:.26rem;margin-bottom:.77rem; }
    .cont .list li .more{font-size:.24rem;left:.3rem;}
    .cont .list li .more span{width:.36rem;margin-left:.1rem;height:1px;}

    /*.cont .list li .num{display: none;}
    .cont .list li .title .wapNum{display: inline-block; color: #404040;opacity: .5;width: 0.5rem; font-weight: normal;}*/


    body.coa .side .text{bottom:2.3rem;}
    body.coa .cont{padding:0 .3rem;}
    body.coa .cont .form{padding:0;}
    body.coa .form .hd{font-size:.26rem;}
    body.coa .form .hd .l1{font-size:.34rem;margin-bottom:.52rem;}
    body.coa .form .hd .l2{margin-bottom:.14rem;}
    body.coa .form .hd a{line-height:1.5;}
/*    body.coa .form .hd a:after{width:0;}*/
    body.coa .form .bd{font-size:.26rem;}
    body.coa .form .bd label{display:flex;padding-top:.5rem;font-size:.26rem;}
    body.coa .form .bd label > span{width:1.1rem;}
    body.coa .form .bd input{
        margin-left:.2rem;
        width:5.58rem;
        font-size:.26rem;
        border-radius: 0;
        -webkit-appearance: none; /*去除系统默认的样式*/
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
    }
    body.coa .form .bd .btn{margin-top:.56rem;margin-left:0;width:100%;font-size:.32rem;height:.9rem;line-height:.9rem;;border-radius:.45rem;}

    .telTkTishi {background-color: rgba(0,0,0,.6) !important;left: calc((100% - 5rem) / 2); !important; color: #fff; width:5rem;border-radius: 0.2rem !important; border: none !important; text-align: center;}
    .telTkTishi .layui-layer-content{padding: 0.2rem 0.1rem !important;}
    /**英文版**/
    .language2.coa .form .bd label > span{width:2rem;}
    .language2.coa .form .bd input{width:5rem;}
    .language2.coa .form .hd .l2{display: flex;}
}