*{ font-family:"Microsoft YaHei","SICK Intl Regular",微软雅黑;margin: 0;padding: 0;}
body,ul,ol,h1,h2,h3,h4,h5,h6,p,input,select,textarea,dl,dd{margin: 0;padding: 0;}
html{ overflow-x:hidden;color:#333;}
ul,ol{list-style: none;}

input,select,textarea
{background-color: transparent; border: none; outline:none;}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"] {-moz-appearance: textfield;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}  

textarea{resize: none;}/*右下角的小尾巴*/

img{border: none; vertical-align: top;}

a{text-decoration: none;}

.clearfix:after,.clearfix:before{content: "";display:table;}
.clearfix:after{clear: both;}
.clearfix{*zoom:1;}
.clear{ clear:both;}

/*公用样式*/
.bg{ position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto; background:url(../img/bg.jpg) no-repeat center; background-size:100% 100%;}

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

.title{ text-align:center;margin:1.2rem auto; margin-bottom:0.8rem;}
.title h1{ font-size:0.6rem; line-height:0.6rem; color:#fff; letter-spacing:0.1rem; font-weight:normal; margin-bottom:0.2rem;}
.title span{ font-size:0.3rem; text-transform:uppercase; color:#fff; display:block;}

.content{ width:90%; background:#e9f8ed; border-radius:0.2rem; margin:0 auto; font-size:0.3rem; padding:0.5rem; box-sizing:border-box; margin-bottom:0.5rem;}
.content li{ height:auto; line-height:0.6rem; padding:0.2rem 0; color:#333; border-bottom:1px solid #eee;}
.content li input,.content li textarea{ width:calc(100% - 5em - 0.2rem); height:0.6rem; float:left; box-sizing:border-box; border-radius:3px; font-size:0.3rem;}
.content li textarea{ height:2rem; padding:0.1rem 0;}
.content li input[type=button]{ display:block; float:none; height:0.8rem; width:70%; border-radius:0.4rem; color:#fff; background:#2766ff; border:0; margin:0 auto;}
.content li:last-of-type{ border-bottom:0; margin-top:0.3rem;}

.content li i{font-style:normal; font-weight:bold;}

.bottom{ width:100%; height:3.2rem; background:url(../img/bottom_bg.jpg) no-repeat center; background-size:100% 100%; text-align:center; font-size:0.26rem; padding-top:2.2rem; box-sizing:border-box; color:#fff;letter-spacing:0.1rem;}

.content li input::-webkit-input-placeholder,.content li textarea::-webkit-input-placeholder {color:#ccc; font-size:0.3rem;}
.content li input:-moz-placeholder,.content li textarea:-moz-placeholder {color:#ccc; font-size:0.3rem;} 
.content li input::-moz-placeholder,.content li textarea::-moz-placeholder {color:#ccc; font-size:0.3rem;} 
.content li input:-ms-input-placeholder,.content li textarea:-ms-input-placeholder {color:#ccc; font-size:0.3rem; } 

.li_button{ border-top:1px solid #eee; padding-top:0.3rem;}
.li_button li{ width:50%; float:left; margin-top:0 !important; border:0 !important;}
.li_button li input[type=button]{ width:80%; box-sizing:border-box;}