/* 清除 */
html, body{ margin: 0; padding: 0; color: #333;}
*{ margin: 0; padding: 0; list-style: none; font-family: '微软雅黑';}
a{ text-decoration: none; cursor: pointer; display: block; transition: all 0.5s;}
img{ border: 0; display: block; cursor: pointer;}
h1, h2, h3, h4, h5{ font-weight: normal;}
ul, li{ list-style: none; cursor: pointer;}
b, i, em{ font-weight: normal; font-style: normal;}
button, textarea, input{ outline: none; display: block;}
html,body{ font-size: calc(100vw/19.2);}
p, div{ font-size: 16px; color: white;}
select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; border: none; outline: none;}
/* 清除浮动 */
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
.popUp{ display: none; width: 100%; height: 100%; background: #000;  position: fixed; top: 0; left: 0; opacity: 0.5; transition: all 0.5s; z-index: 35;}
/*  */
.contentBoxer{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow: hidden; background: #fff url(../images/4.png) no-repeat center; background-size: 100% 100%;}
.contentBoxer .hear{ padding: 0.1rem 0 0.28rem 1.36rem;}
.contentBoxer .hear img{ height: 0.8rem;}
.contentBoxer .cont{ width: 100%; height: 6.8rem; background: url(../images/1.png) no-repeat center; background-size: cover; position: relative;}
.contentBoxer .cont .form{ position: absolute; top: 0; right: 3.05rem; background: hsla(0,0%,100%,0.75); border-radius: 0.1rem; width: 4rem;}
.contentBoxer .cont .form .mk{ width: 350px; margin: auto; padding: 0.33rem 0 0.42rem 0;}
.contentBoxer .cont .form .mk .h1{ display: flex; justify-content: flex-start; padding-bottom: 0.03rem; border-bottom: 1px solid hsla(0,0%,100%,0.50);}
.contentBoxer .cont .form .mk .h1 .em{ font-size: 0.22rem; color: #6B0000; line-height: 0.3rem;}
.contentBoxer .cont .form .mk .list{ margin-top: 0.3rem;}
.contentBoxer .cont .form .mk .list .input{ background: #fff; position: relative; padding: 0 0.2rem 0 0.5rem;}
.contentBoxer .cont .form .mk .list .li{ margin-top: 0.18rem;}
.contentBoxer .cont .form .mk .list .sub{ display: block; width: 100%; height: 0.5rem; background: #E24C4D; font-size: 0.16rem; color: #fff; border: none; margin-top: 0.33rem;}
.contentBoxer .cont .form .mk .list .li input{ display: block; width: 100%; height: 0.46rem; font-size: 0.16rem; border: none;}
.contentBoxer .cont .form .mk .list .li input::placeholder{ color: #A5A5A5;}
.contentBoxer .cont .form .mk .list .li .m{ width: 0.4rem; height: 100%; position: absolute; top: 0; left: 0.08rem;}
.contentBoxer .cont .form .mk .list .li .m1{ background: url(../images/6.png) no-repeat center; background-size: 0.19rem auto;}
.contentBoxer .cont .form .mk .list .li .m2{ background: url(../images/7.png) no-repeat center; background-size: 0.17rem auto;}
.contentBoxer .cont .form .mk .list .li .m3{ background: url(../images/5.png) no-repeat center; background-size: 0.19rem auto;}
.contentBoxer .cont .form .mk .list .li2{ display: flex; justify-content: space-between;}
.contentBoxer .cont .form .mk .list .li2 input{ width: 1.75rem;}
.contentBoxer .cont .form .mk .list .li .sole{ width: 0.96rem; height: 0.46rem; background: url(../images/3.png) no-repeat center; background-size: cover;}
.contentBoxer .boot{ margin-top: 0.5rem;}
.contentBoxer .boot .mk{ display: flex; justify-content: center;}
.contentBoxer .boot .mk a, .contentBoxer .boot .mk .p{ font-size: 0.14rem; line-height: 0.2rem; color: #7D7D7D; padding: 0.04rem 0.04rem;}