* {
    margin: 0;
    padding: 0;
    outline: none;
    user-select: none;
    -webkit-user-select: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-input-placeholder-color: #aaa;
}

body{
	    font-family: "Helvetica Neue",Helvetica,STHeiTi,sans-serif;
    line-height: 1.5;
    font-size: 16px;
    color: #000;
   
    -webkit-user-select: none;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
}
div,ul,li{
	padding: 0;
	margin: 0;
	list-style: none;
}
ul, li {
    list-style: none outside none;
}

.ui-form-item {
	position: relative;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    padding-right: 15px;
    padding-left: 15px;
        background: white;
}
.ui-border-b {
    border-bottom: 1px solid #F0F0F0;
}
.ui-form-item label:not(.ui-switch):not(.ui-checkbox):not(.ui-checkbox-s):not(.ui-radio):not(.ui-radio-s) {
    width: 95px;
    position: absolute;
    padding-right: 10px;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666666;
}
.ui-form-item > .ui-select {
    margin-left: 115px;
}
.ui-select {
    position: relative;
    margin-right: 6px;
}
.ui-form-item input, .ui-form-item textarea {
    text-align: left;
    width: 100%;
    min-height: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border: 0;
    background: 0 0;
    padding-left: 0;
}
input, input:focus, input:active {
    user-select: text;
}
input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
}
.ui-select:after {
	position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-top: 6px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    color: #a6a6a6;
    content: "";
    pointer-events: none;
    border: 0;
    background: url(../img/icon-select.png) no-repeat;
    height: 20px;
    width: 20px;
    background-size: 100%;
    top: 35%;
    right: -5px;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #a6a6a6;
}
.ui-form-item span {
    display: block;
    padding-left: 95px;
    width: 100%;
    text-align: right;
    color: #000;
}

/**/

.box{
	max-width: 640PX;
    margin: auto; position: relative;
}

.top_box{ width: 100%;position: relative; min-height:51rem; padding-bottom: 1rem;}

.top_box .banner{ position: relative; width: 100%;  overflow: hidden;}

.top_box .banner img{  width: 100%;}

.top_box .banner .logo{width:21%;
   position: absolute;
    z-index: 1;
    top: 1rem;
    left: 1rem;
   
    }






.top_box .banner .free{width: 28%;
   
    position: absolute;
   right: .5rem;
    top: 2.2rem;
    -webkit-animation: scale 1s infinite;
    animation: scale 1s infinite;}



@keyframes scale{
    0%,100%{
        transform:scale(0.8);
        -moz-transform:scale(0.8);
        -o-transform:scale(0.8);
        -webkit-transform:scale(0.8);
        -ms-transform:scale(0.8);
        opacity:1
    }
    50%{
        transform:scale(1.0);
        -moz-transform:scale(1.0);
        -o-transform:scale(1.0);
        -webkit-transform:scale(1.0);
        -ms-transform:scale(1.0);
        opacity:1
    }
 
}
@-webkit-keyframes scale{
    0%,100%{
        transform:scale(0.8);
        -moz-transform:scale(0.8);
        -o-transform:scale(0.8);
        -webkit-transform:scale(0.8);
        -ms-transform:scale(0.8);
        opacity:1
    }
    50%{
        -webkit-transform:scale(1.0);
        -moz-transform:scale(1.0);
        -o-transform:scale(1.0);
        -ms-transform:scale(1.0);
        transform:scale(1.0);
        opacity:1
    }
 
}
@-moz-keyframes scale{
    0%,100%{
        transform:scale(0.8);
        -moz-transform:scale(0.8);
        -o-transform:scale(0.8);
        -webkit-transform:scale(0.8);
        -ms-transform:scale(0.8);
        opacity:1
    }
    50%{
        -moz-transform:scale(1.0);
        -o-transform:scale(1.0);
        -webkit-transform:scale(1.0);
        -ms-transform:scale(1.0);
        transform:scale(1.0);
        opacity:1
    }
 
}
@-o-keyframes scale{
    0%,100%{
         transform:scale(0.8);
        -moz-transform:scale(0.8);
        -o-transform:scale(0.8);
        -webkit-transform:scale(0.8);
        -ms-transform:scale(0.8);
        opacity:1
    }
    50%{
        -o-transform:scale(1.0);
        -moz-transform:scale(1.0);
        -webkit-transform:scale(1.0);
        -ms-transform:scale(1.0);
        transform:scale(1.0);
        opacity:1
    }
 
}


/*表*/
.form{ width: 100%; padding:0 5%; overflow: hidden; position: absolute; left: 0; bottom: 0%;}

.form-title{ width: 60%; margin: 0 auto; overflow: hidden;}

.form-title img{  width: 100%;}

.form1{ width: 100%;
   
   padding: 2rem 0 1rem; margin-top: -1.5em;
    background: #fff; overflow: hidden;
  
    box-shadow: 0 0.04rem 0.24rem 0 rgba(227,175,93,.7);
    border-radius: .2rem;
   }


.f_li{ width: 90%; border-radius: .2rem;
    border: 1px solid #dedede;
    background: #fff;
    display: -webkit-box;line-height: 3rem;
   display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box; /* 老版本语法: Firefox (buggy) */
display: -ms-flexbox; /* 混合版本语法: IE 10 */
display: -webkit-flex; /* 新版本语法: Chrome 21+ */
display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; margin: 0.5rem 5%; height: 3rem; display: flex; justify-content: space-around}

.f_txt{ width: 15%; text-align: center;}

.f_li input{ width: 85%; border: none;}
.f_xy input[type="checkbox"]{width: 15px !important; float: left; margin: 3px 2px;}

.f_xy{ width: 90%; margin: 0.5rem 5%;}

.f_xy input[type="checkbox"]{

 background:url(../img/g1.png) no-repeat;
}
.f_xy input[type="checkbox"]:checked {
 background:url(../img/g.png) no-repeat;
}


.f_xy p{ font-size: 14px; color: #909090;}

.f_xy p b{ color: #ff8155;}

.form-submit{ width: 90%; margin: 0.5rem 5%;}

.form-submit img{ width: 100%;}


/*img*/
.img{ width: 90%; margin: 1rem 5% 1rem;}
.img img{ width: 100%;}
.img1{ width: 90%; margin: 1rem 5% ;}
.img1 img{ width: 100%;}

/*	footer*/
.footer{  text-align: center; margin-bottom: 120px; font-size: 14px; color: #aa5400; padding-bottom: 1rem;}

/*协议*/
.xiey{ max-width: 640px; padding: 0 5%; display: none; background: #fff; position: absolute; top: 0; left: 0;}

.xiey header{ text-align: center; font-size: 24px; line-height: 60px;}

.xiey  p{  margin-bottom: 10px; font-size: 14px;}

.xiey  h2{  font-size: 18px; line-height: 40px;}

.xiey .close{ width: 20px; height: 20px; background: rgba(0,0,0,0.4); text-align: center; line-height: 20px;  color: #fff; position: fixed; top: 10px; right: 10px; border-radius: 50%;}



/*时间*/
.time{width: 100%;  position: fixed; left: 0; bottom: 0;  }
#clock {


 color: #fffa00; font-size: 12px;


}
#clock span{  background: #fffa00; font-size: 16px; color: #000;}
.demo 
{ 
padding: 20px 5%; text-align: center;max-width: 640px;margin:0 auto; background: #fff url(../img/btn11.png) center center no-repeat; background-size: 90% auto;
}
.demo h1{  color: #fff; font-size: 24px; line-height: 30px;} 




.dk{ width: 100%; position: fixed; left: 0; top: 0%; background: rgba(0,0,0,0.6); height: 100%;}

.dk img{ width: 100%; max-width: 640px; margin: 0 auto; display: block;
 }
.dk .gb{ text-align: center; color: #fff; font-size: 50px;}






.hm{ position: fixed; right: 5%; color: #fff; bottom: 10%;  background: rgba(0,0,0,0.6); width: 15rem; height: 2rem; border-radius:.5rem;  line-height: 2rem; font-size: 14px;}

.hm img{ width: 1.5rem; float: left; height:1.5rem; border-radius:50%; margin: 0.25rem;   }

.hm p{ float: left;}

.hm span{ color: #fffa00;}