@charset "utf-8";
/* CSS Document */

html, body, button, input, legend, table,td, tr, th, div, span, h1, h2, h3, h4, h5, h6, header, footer, section, article, aside, details, figcaption, figure, hgroup, nav, menu, address, time, canvas, audio, video, p, pre, sup, sub, ul, ol, li, dl, dt, dd, form, label, input, button, textarea, select, fieldset, iframe, img, a,code,small, u, i, center, * {
    margin: 0 auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-family: 'Microsoft YaHei',tahoma,Arial,sans-serif;
    /*防锯齿化*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: gray;
    /*默认*/
    vertical-align: baseline;
    /*透明*/
    background: transparent;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

header, footer, section, article, aside, details, nav, menu,figcaption, figure, hgroup{ display:block;}

div,form,p,img,ul,ol,li,dl,dt,dd {list-style:none;}

button, input, optgroup, select, textarea {font-size: inherit;color: #008a6c;}

table {border-collapse:collapse;border-spacing:0;}

a {color: #ffffff;outline: none;text-decoration:none;}

a:link, a:visited, a:hover, a:active {
color: #fee705;
outline: none;
text-decoration: none;}

.fl{ float:left; overflow:hidden}
.fr{ float:right; overflow:hidden}

.clear{ clear:both;float: none;}

html, body{
width:100%;
height:auto;
font-family:"Microsoft Yahei";
color: #999;
text-align: center;
margin:0 auto;
padding:0 ;
background:#84adeb;
max-width:750px;}

.top {width:100%;font-size:0;}
.top img{width:100%;}

.sj{
    background: url(http://file.xdf.cn/uploads/210304/1394_20210304160900.png) repeat;
    background-size: 100%;
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin-top: 0vw;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0vw;
    color: #999;
}

.sj img{
    width:100%;
    margin: 5vw auto 0;}
    
.sj form{
	width:90%;
    margin: 0 auto;
    color: #999;}

.sj form .form-control{
	display: block;
	width: 90%;
	line-height: 10vw;
	height: 10vw;
	font-size: 3.5vw;
	;
	background: #fff;
	border: 0.25vw solid #eee;
	border-radius: 2vw;
	-webkit-box-shadow: inset 0 0.25vw 0.25vw rgba(0, 0, 0, .075);
	box-shadow: inset 0 0.25vw 0.25vw rgba(0, 0, 0, .075);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	margin-top: 1vw;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5vw;
	padding: 1vw 3vw;
	color: #999;
}
    
.sj form .form-group{
	display: block;
	width: 90%;
	height: 10vw;
	font-size: 3.5vw;
	color: #999;
	background: #fff;
	border: 0.25vw solid #eee;
	border-radius: 2vw;
	-webkit-box-shadow: inset 0 0.25vw 0.25vw rgba(0, 0, 0, .075);
	box-shadow: inset 0 0.25vw 0.25vw rgba(0, 0, 0, .075);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	line-height: 10vw;
	margin-top: 1vw;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5vw;
	padding: 1vw 2vw;
}

#subBtn {
	/*background-image: linear-gradient(90deg, #fdc21c 0%, #fdc21c 10%, #fdc21c 50%, #fdc21c 90%, #fdc21c 100%), linear-gradient(#fdc21c, #fdc21c);*/
	background-blend-mode: normal, normal;
	color: #fff;
	outline: none;
	border-radius: 10vw;
	border: none;
	margin: 1vw auto;
	display: block;
	width: 93%;
	font-size: 5vw;
	font-weight: 500;
	line-height: 10vw;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	font-family: inherit;
	box-sizing: border-box;
	background: #ffbb1b;
}

#markPage{
        position: fixed;
        top:0;
        width:100%;
        height:100%;
        background:#000;
        display:none;
        opacity:0.8;
        padding:10px;
        max-width:750px;}

#markPage img{
    width:100%;}

.sj form .agree {
    color: #fff;
    font-size:3vw;}

.sj form .agree input{
    color: #fff;
    font-size: 3vw;
    letter-spacing: 0.25vw;
    height: auto;
    margin-right:1vw;}

.sj form .agree a {
        font-size:3vw;
        color:#fff;
        text-decoration: none;
        cursor: pointer;}
        
.sj .bottom img {width:100%;margin:0 auto;}

.footer {
    margin: 2vw auto 0;
    width: 100%;
    padding: 3vw 0;
    font-size: 3.5vw;
    text-align: center;
    color: white;
    line-height: 6vw;}

.footer div {display: block;}