@charset "utf-8";
/* CSS Document */
* {margin: 0;outline: 0;padding: 0;box-sizing: border-box; }
html,body {
            height: 100%;
        }
body {font-family: "黑体";font-size:1rem;margin: 0;padding: 0;-webkit-overflow-scrolling:initial;background: #000}
body, form, ul, ol, li, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, table, fieldset, hr, div {margin: 0;padding: 0;}
img {border: 0 none;max-width:100%;}
ul, ol, li {list-style-type: none;}
:focus { outline: none; }
a {outline: medium none;text-decoration: none;}
a:hover {text-decoration: none;}
em,i{font-style: normal;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;}
.clearfix{*zoom:1;zoom: 1;}
.clearfix:after{display: block;content:"";clear:both;}
.clear{ clear:both}
table{border-collapse:collapse;}
*, :after, :before {box-sizing: border-box;}
*, :after, :before, img {-webkit-box-sizing: border-box;}
input,button,select,textarea{font-family: Arial,"SimHei","黑体";}
figure{ margin:0}

.mainBg{position: fixed;_position: absolute;top: 0; left: 0;height: 100%;width: 100%;min-width: 1000px;z-index: -10;background-position: center 0;background-repeat: no-repeat;background-size: cover; -webkit-background-size: cover; -o-background-size: cover; zoom: 1;}
.main{width: 660px;margin: 2% auto;min-height: 100%;padding: 60px 0; margin-top: -38px;}
.head{width: 89%;height: 52px; margin: 0 auto;}
.head img{ height: 30px; float: left; margin: 10px 0;}
.content{width: 566px;/*min-height: 140vw;*/margin-bottom: 10%;margin-top: 50px;display: inline-block;float: left;padding: 0 5%;color: #fff;}
.mainTitle{ font-size:26px; margin:26px 0; }
.mainTip{font-size: 18px;line-height: 36px;padding-bottom: 2%;}
.mainTip a { color: #fcc800; margin: 0 1%;}
.button{background: linear-gradient(to bottom, #fbc700 0%,#c59c00 100%);color: #000;width: 80%;display: inline-block;padding: 15px 0;margin-top: 8%;text-align: center;font-size: 20px;}
.foot{ text-align: center; color: #000; background: #fff; height: 32px; line-height: 32px; width: 100%;/*position: absolute;z-index: 3;bottom: 0;left: 0;*/ overflow: hidden; zoom: 1; padding: 0; font-size: 12px;margin-top:-32px;}

.footTop{ width: 100%; display: inline-block;}
.footTop img{ height: 38px; margin-right: 10px;}
.foot .copy{ display: inline-block;margin: 0 1%; }
.foot .copy a { color: #000}
.foot .copy a img { vertical-align: text-bottom;}

.formInput li{ margin: 16px 0;}
.formInput .error{font-size: 14px; float: left; color: #FF0000;margin-top: 10px;display: inline-block;width: 100%;}
.formInput input.text,.formInput textarea.text{width:100%;border: 1px solid #b7b7b7; -webkit-border-radius:5px; border-radius: 5px; padding:11px 18px;background: #fff; font-size:15px;}
.formInput .tijiao{background: #fcc800;text-align: center;font-size:18px;color: #000;border: none;padding: 3% 12%;margin: 5% auto; cursor: pointer;}
#myCheck{ display: none;}
#myCheck + label{ background-image: url(../images/checkbox3.png);    background-size: 16px 16px;
    background-repeat: no-repeat;width:18px; height:18px; display: inline-block; text-align: center;line-height: 18px;float: left;margin-right: 2%;}
#myCheck:checked + label:after{ content: '';   background-image: url(../images/checkbox3c.png); background-size: 16px 16px;
    background-repeat: no-repeat;width:18px; height:18px; display: inline-block; text-align: center;line-height: 18px;float: left;margin-right: 2%;}
#myCheck1{ display: none;}
#myCheck1 + label{ background-image: url(../images/checkbox3.png);    background-size: 16px 16px;
    background-repeat: no-repeat;width:18px; height:18px; display: inline-block; text-align: center;line-height: 18px;float: left;margin-right: 2%;}
#myCheck1:checked + label:after{ content: '';   background-image: url(../images/checkbox3c.png); background-size: 16px 16px;
    background-repeat: no-repeat;width:18px; height:18px; display: inline-block; text-align: center;line-height: 18px;float: left;margin-right: 2%;}
#myCheck2{ display: none;}
#myCheck2 + label{ background-image: url(../images/checkbox3.png);    background-size: 16px 16px;
    background-repeat: no-repeat;width:18px; height:18px; display: inline-block; text-align: center;line-height: 18px;float: left;margin-right: 2%;}
#myCheck2:checked + label:after{ content: '';   background-image: url(../images/checkbox3c.png); background-size: 16px 16px;
    background-repeat: no-repeat;width:18px; height:18px; display: inline-block; text-align: center;line-height: 18px;float: left;margin-right: 2%;}
    
.tianxie p { text-align: center;}
.tc { text-align: center;}
.icontent { margin-top: 20%; width: 676px;}

@media screen and (max-width: 414px){
.main {width: 90%;margin: 2% 5%; margin-top: -38px;}
.mainF { margin-top: -43px; padding-top: 21%;}
.content { width: 100%; padding: 0 1%;margin-top: 10px;}
.foot{line-height: 1.6rem; height: auto; padding: 2%; }
.mainBg { min-width: 100%;}	
	
	  
}
@media screen and (max-width: 375px){
.mainF { margin-top: -66px; }
}