.container {margin-bottom: 1.55rem;}
.pic1 {}
.pic1 img,.pic2 img {width: 100%;}
.font1 {font-size: 0.28rem; line-height: 0.76rem; color: #333;margin: 0.5rem 0.5rem; border-radius: 0.38rem;-moz-box-shadow: 0 0 0.08rem 0px #999; -webkit-box-shadow: 0 0 0.08rem 0px #999; box-shadow: 0 0 0.08rem 0px #999; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";     /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');}
.font1 span {font-size: 0.36rem; color: #D0021B; font-weight: bold;vertical-align: baseline;}
.font1::before {content: '';display: inline-block;width: 0.45rem; height: 0.45rem; background: url(../images/ico3.png) center center no-repeat; background-size: 100% auto;margin: 0.16rem 0.24rem 0;vertical-align: top;}
.form {margin: 0.5rem 0.5rem 0;}
.font2 {font-size: 0.28rem; line-height: 0.42rem; color: #333;margin-top: 0.45rem;}
.font2 span {font-size: 0.22rem;vertical-align: baseline;}
.font2::after {content: '*';color: #ff4444;}
.in1 {}
.in1 input {width: 100%; font-size: 0.28rem; line-height: 0.72rem; color: #999;border-bottom: 1px #ddd solid;}
.in2 {margin-top: 0.16rem;}
.in2 li {font-size: 0.28rem; line-height: 0.45rem; color: #333;margin-bottom: 0.28rem; width: 50%;float: left;}
.in2 li span{width: 0.32rem; height: 0.32rem; display: inline-block;vertical-align: sub;margin-right: 0.16rem; border: 1px #ddd solid;border-radius: 50%;}
.in2 .checked span {border: 1px #3B9AFF solid;}
.in2 .checked span::before {content: '';display: block;width: 0.2rem; height: 0.2rem; margin: 0.06rem auto;background: #3B9AFF; border-radius: 50%;vertical-align: top;}
.font3 {font-size: 0.24rem; line-height: 0.36rem; color: #999;}
.font3 span {color: #007AFF;vertical-align: baseline;}
.font3::before{content: '';display: inline-block;width: 0.32rem; height: 0.32rem; border: 1px #ddd solid; border-radius: 0.05rem;vertical-align: bottom;margin-right: 0.16rem;}
.checked .font3::before {border: 1px #007AFF solid;background: #3B9AFF url(../images/ico2.png) center center no-repeat; background-size: 80% auto;}
.font4 {font-size: 0.36rem; line-height: 0.98rem; color: #fff; font-weight: bold;text-align: center;background: #d5411d;margin-top: 0.5rem;}
.slide1 {height: 0.75rem; overflow: hidden;zoom: 1; margin: 0.5rem 0.1rem;border-radius: 0.375rem;-moz-box-shadow: 0 0 0.08rem 0px #999; -webkit-box-shadow: 0 0 0.08rem 0px #999; box-shadow: 0 0 0.08rem 0px #999; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";     /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');background: url(../images/ico1.png) 0.6rem center no-repeat; background-size: 0.36rem auto;}
.slide1 .bd {margin: 0 0.75rem 0 1.6rem;}
.slide1 li {font-size: 0.28rem; line-height: 0.75rem; color: #333;display: flex;justify-content: space-between;}
.footer {width: 100%; position: fixed;left: 0; bottom: 0; z-index: 9;}
.row1 {display: flex;}
.font5 {width: 25%; background: #fff;border-top: 1px #ddd solid;}
.font5::before {content: '';display: block;width: 0.32rem; height: 0.32rem; background: url(../images/ico4.png) center center no-repeat;background-size: 100% auto; margin: 0.12rem auto 0;}
.font5 span {font-size: 0.24rem; line-height: 0.36rem; color: #666666;text-align: center;display: block;}
.font6 {width: 75%; font-size: 0.36rem; line-height: 0.98rem; color: #fff;font-weight: normal; text-align: center;background: #4d9425;border-top: 1px #4d9425 solid;}
.font6::before{content: '';display: inline-block;width: 0.32rem; height: 0.45rem; background: url(../images/ico5.png) center center no-repeat; background-size: 100% auto;vertical-align: text-bottom;margin-right: 0.16rem;}
.row2 {font-size: 0.2rem; line-height: 0.6rem; color: #666; text-align: center;background: #f8f8f8;}
.row2 span {color: #4e90ff; vertical-align: baseline;}
.msg {width: 90%; position: fixed;left: 5%; top: 0.3rem; bottom: 0.3rem; z-index: 999999;background: #fff;border-radius: 0.08rem;display: none;}
.msg .content {position: absolute;top: 0.8rem; left: 0.3rem; right: 0.3rem; bottom: 1.5rem; overflow-y: scroll;font-size: 0.24rem; line-height: 1.5; color: #333;padding: 0 0.3rem 0.3rem;}
.agreements-mask_title {font-size: 0.28rem; line-height: 2; color: #333; text-align: center;margin-bottom: 0.2rem;}
.row3 {width: 100%; height: 1.5rem; position: absolute;left: 0; bottom: 0; z-index: 9;}
.btn1 {width: 2.6rem; font-size: 0.28rem; line-height: 0.9rem; color: #fff; background: #3b9aff; text-align: center;margin: 0.3rem auto;border-radius: 0.05rem;}
.bg1 {width: 100%; height: 100%; position: fixed;left: 0; bottom: 0; z-index: 999998; background: #000; opacity: 0.6;display: none;}