body{margin:0;padding:0;}

.header{width:100%;}
.headerItem{position: relative;}
.headerImg{width:100%;height: auto;}
.logo{height: 35px;width:auto;position: absolute;top:26px;left: 20px;}
.downYuan{width:245px;height: 245px;background-color: rgba(0, 0, 0, 0.5);border-radius: 50%;position: absolute;bottom: 90px;left: calc(50% - 122px);}


.mokuaier{background: linear-gradient(rgba(253,246,257,0.5),#ECF1FD);position: relative;}
.mokuaisan{background-image: url(./Mask1.png);background-size: 320px auto;background-position: bottom 0px left 0px;background-repeat: no-repeat;}
.mokuaisi{background: linear-gradient(rgba(253,246,257,0.5),#ECF1FD);position: relative;}
.mokuaiwu{padding-bottom:50px;}
.mokuailiu{background: linear-gradient(rgba(253,246,257,0.5),#ECF1FD);padding-bottom:50px;}
.mokuaiqi{padding-bottom:50px;background-image: url(./Mask3.png);background-size: 185px auto;background-position: bottom 20px right 0px;background-repeat: no-repeat;}

.btn1{width: 221px;text-align: center;margin:-50px auto 0;height: 42px;line-height: 42px;font-size: 18px;font-weight: 600;color:#fff;border-radius: 21px;background-color:#3DAEFB;}


.mokuai1{position: relative;margin:20px 13px;}
.mokuai1 img{width:100%;}

.text7 span{ border-bottom: 2px solid #3DAEFB; }


.text1{font-size: 17px;font-weight: bold;text-align: center;color:#fff;padding-top: 75px;line-height: 30px;}
.text2{color:#f8f8f8;font-size: 8px;position: absolute;left: 20px;bottom: 20px;}
.text3{color:#fff;font-size: 25px;font-weight: bold;position: absolute;left: 37px;top: 108px;}
.text4{color:#fff;font-size: 12px;font-weight: 500;position: absolute;left: 37px;top: 210px;}
.text5{color:#fff;font-size: 25px;font-weight: bold;position: absolute;left: 59px;top: 96px;}
.text6{color:#fff;font-size: 14px;font-weight: 500;position: absolute;left: 59px;top: 170px;}
.text7{color:#000;font-size: 20px;font-weight: bold;padding-top:50px;padding-left: 50px;}
.text8{color:#000;font-size: 12px;font-weight: 600;padding-top:10px;padding-left: 50px;}
.text9,.text10,.text11{color:#000;font-size: 6px;font-weight: 500;text-align: center;width: 28%;}
.text9 div,.text10 div,.text11 div{color:#000;font-size: 5px;font-weight: 400;padding-top:5px;}
.text12{color:#000;font-size: 20px;font-weight: 600;padding-top: 50px;text-align: center;}
.text12 span{color:#3DAEFB;font-size: 20px;font-weight: 600;padding-top: 50px;}
.text13{color:#000;font-size: 14px;font-weight: 400;padding-top: 5px;text-align: center;}
.text14{color:#000;font-size: 11px;font-weight: 400;padding-top:20px;padding-left: 50px;}
.text15{color:#000;font-size: 20px;font-weight: bold;text-align: center;padding-top: 30px;}
.text16{color:#000;font-size: 10px;font-weight: 400;margin-top:10px;line-height: 13px;padding-left:20px;}
.text17{color:#000;font-size: 11px;line-height: 12px;font-weight: 500;}
.text18{color:#000;font-size: 9px;line-height: 11px;font-weight: 400;margin-top:5px;}

.text002{color:#333;font-size: 8px;padding-left: 30px;padding-bottom: 30px;padding-top: 50px;}

.img1{width:135px;margin:30px auto 0;display: block;}

.videoItem1{width: 160px;border-radius: 8px;overflow: hidden;box-shadow: 3px 0px 10px #ddd;}
.videoItem1 img{width:100%;}
.videoItem1 div{padding: 14px;color: #000;font-size: 10px;font-weight: 500;line-height: 12px;}

.cossitm{padding-left:13px;background-repeat: no-repeat;background-size: 10px 10px;background-position: top 2px left 0;}

/* .item{transition: 300ms; transform: scale(0.8);}
.item.active{transform: scale(1);} */