.main{padding-bottom: 148px;}

.banner .box{padding-top: 331px;padding-left: 7px;box-sizing: border-box;}
.banner .field{display: flex;height: 60px;border-radius: 30px;background-color: #fff;width: 487px;}
.banner .field input{font-size: 20px;line-height: 60px;padding-left: 40px;width: 302px;box-sizing: border-box;border-radius: 30px 0 0 30px;}
.banner .field button{font-size: 30px;line-height: 60px;color: #764500;display: block;width: 185px;background:linear-gradient(rgba(254,176,54,1),rgba(253,223,97,1));border-radius:30px;}
.banner .box p{font-size: 30px;padding-left: 48px;line-height: 40px;margin-top: 15px;color: #fff;}

.cont1{margin-top: 95px;}
.cont1 .cont1-main{margin-top: 75px;display: flex;justify-content: space-between;padding: 0 13px;}
.cont1 .cont1-main .item-right{width: 589px;overflow: hidden;}
.cont1 .cont1-main .item-right li{position: relative;}
.cont1 .cont1-main .item-right li:nth-child(-n 3){margin-bottom: 10px;transition: margin-bottom 1s;}
.cont1 .cont1-main .item-right p{background-color: #76539b;border-radius:4px 4px 0 0;font-size: 24px;line-height: 52px;color: #fff;padding-left: 40px;height: 52px;}
.cont1 .cont1-main .item-right p i:last-child{margin-left: 21px;font-size: 20px;}
.cont1 .cont1-main .item-right span{font-size: 16px;line-height: 36px;overflow: hidden;height: 0;transition: height 1s;box-sizing: border-box;padding: 28px 27px 0;position: absolute;top: 52px;background-color: #f7f7f7;}
.cont1 .cont1-main .item-right li.active{margin-bottom: 0;margin-bottom: 259px;}
.cont1 .cont1-main .item-right li.active p{background-color: #6512bc;}
.cont1 .cont1-main .item-right li.active span{height: 259px;}
.cont1 .cont1-main .item-right li:last-child.active{margin-bottom: 0;}

.cont2{margin-top: 145px;}
.cont2 ul{margin-top: 55px;display: flex;justify-content: space-between;}
.cont2 ul li{width: 360px;height: 360px;box-sizing: border-box;padding: 57px 30px 0;text-align: center;}
.cont2 ul li p{font-size: 20px;line-height: 30px;color: #444;font-weight: bold;margin: 30px auto 12px;}
.cont2 ul li p i{color: #ff6062;}
.cont2 ul li span{font-size: 14px;line-height: 26px;color: #949494;}
.cont2 ul li.active{box-shadow:0 3px 29px 0 rgba(0, 0, 0, 0.06);}
.cont2 .tofree{margin-top: 80px;text-align: center;}
.cont2 .tofree a{display: inline-block;width: 323px;height: 57px;background: url(/uploads/image/2mimages/ququabc22.png) no-repeat;font-size: 20px;line-height: 57px;color: #fff;}

.cont3{background-color: #f9f9f9;padding: 48px 0 62px;margin-top: 150px;}
.cont3 ul{margin-top: 75px;display: flex;justify-content: space-between;}
.cont3 ul li{width: 275px;height: 406px;overflow: hidden;box-sizing: border-box;border: 1px solid #e2e2e2;position: relative;}
.cont3 ul li p,.cont3 ul li span{height: 130px;padding: 0 26px;display: flex;align-items: center;justify-content: center;transition: left 1s;position: absolute;top: 277px;width: 275px;box-sizing: border-box;}
.cont3 ul li p{font-size: 20px;color: #444;background-color: #fff;left: 0;font-weight: bold;}
.cont3 ul li span{font-size: 14px;line-height: 26px;color: #fff;background-color: #6512bc;left: 275px;}
.cont3 ul li.active{border-color: #f9f9f9;}
.cont3 ul li.active p{left: -275px;}
.cont3 ul li.active span{left: 0;}

.cont4{margin-top: 114px;}
.cont4 ul{margin-top: 75px;display: flex;justify-content: space-between;}
.cont4 ul li{text-align: center;}
.cont4 ul li p{font-size: 20px;line-height: 30px;color: #444;font-weight: bold;margin: 25px auto 14px;}
.cont4 ul li span{font-size: 16px;line-height: 24px;color: #828282;}