@charset "utf-8";
/* CSS Document */
/*-----------公用样式-----------*/
html,html *{font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3","FontAwesome",sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;box-sizing:border-box;/*表示边框为内边框*/-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
menu{ padding:0; margin:0;}
html{font-size: 12px;}
@media screen and (min-width:320px) and (max-width:360px){ html{font-size:14px;}}
@media screen and (min-width:360px) and (max-width:480px){ html{font-size:18px;}}
@media screen and (min-width:480px) and (max-width:640px){ html{font-size:24px;}}
@media screen and (min-width:640px){ html{font-size:24px;}}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
body,h1,h2,h3,h4,h5,p,ul,li,ol,dl,dt,dd {margin: 0;font-weight:normal;}
ul,ol,li {padding: 0;list-style: none;}
em,strong,i,small{font-style:normal;font-weight:normal;}
a{-webkit-tap-highlight-color:rgba(255,255,255,0);text-decoration:none;}
a:focus {outline: thin dotted;}
a:active,a:hover {outline: 0;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
img {border: 0;}
article,aside,footer,header,nav,section {display: block;}
audio,canvas,video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
svg:not(:root) {overflow: hidden;}
/* form input button style */
button, input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled], input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
input[type="button"],input[type="search"],input[type="password"], input[type="submit"], input[type="reset"],input[type="text"],textarea {-webkit-appearance: none;outline:none;star:expression(this.onFocus=this.blur()); border:none;-webkit-tap-highlight-color:rgba(255,0,0,0); border-radius:0;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
/* select style */
select{cursor:pointer;appearance:none;-moz-appearance:none; -webkit-appearance:none;}
select::-ms-expand { display: none; }
/*语义元素*/
header, section, footer, aside, nav, article, figure,main,search,ont{ display: block; }
/*  使得表单元素在 ie 下能继承字体大小 */
button, input, select, textarea { font-size: 100%;}
/* 清除浮动 */
.clear:after { content: '\20'; display: block; height: 0; clear: both;}
.clear {clear: both;*zoom: 1;}
input::-webkit-input-placeholder { color: #cccccc; } 
input:-moz-placeholder { color: #cccccc; } 
input,span,p,a{ color:#333;}

body{ background:#f2f2f2;}
.rel{ position:relative;}.pos{ position:absolute;}
/*-----------公共样式-----------*/


/*居中弹窗*/
.pop_center{}
.pop_content{ position:fixed; z-index:101; width:70%; left:15%; height:auto; background:#ffffff; border-radius:0.5em;}
.pop_content>h3{ text-align:center; color:#333; font-size:1.125em; height:30%; padding-top:1em;}
.pop_content>p{ width:100%; padding:0.5em 10% 1em; height:40%; overflow:hidden; color:#777777;}
.pop_content>p em{ display:block; width:100%; margin-bottom:0.5em;}
.pop_content>p input{ width:100%; border:1px solid #dddddd; outline:none; line-height:2.667em; font-size:1.125em; padding:0 0.5em; vertical-align:middle;}
.pop_content>span{ display:block; height:30%; width:100%; border-top:1px solid #dddddd;}
.pop_content>span input{ display:block; background:#ffffff; margin:0.5em auto; vertical-align:middle; font-size:1.125em; color:#4e82f9;}
.w_per50{ width:50%;}
.bor_im_left{ border-left:1px solid #dddddd !important;}
/*灰色底板*/
.bg_pop{ width:100%; height:100%; background:black; opacity:0.5; filter: Alpha(opacity=50); position:fixed; top:0; left:0; z-index:100;}


/******头部样式******/
.head_top{ width:100%; height:3.5em; line-height:3.5em; background:#fff; max-width:800px; min-width:320px; position:relative;}
.head_top>div{ float:left; display:block;}
.head_img{ width:17%; position:relative; height:80%; padding:0 0 0 3%;}
.head_img img{ padding:1em 0 0 0; height:2.5em; display:block;}
.head_close img{ padding:1em 0 0 0; height:2.65em; display:block; float:right;}
.head_tit{ width:66%; color:#333333; font-size:1.5em; text-align:center;}
.head_close{  width:17%; position:relative; height:80%; padding:0 3% 0 0; text-align:right;}
.head_close a{font-size:1.25em;} 
/******底部样式******/
footer{ width:100%; position:fixed; bottom:0; z-index:200;}
.left{ float:left}.right{ float:right;}
.c_im_green{ color:#0ec7b5 !important;}.c_white{ color:#ffffff;}.c_im_red{ color:#ff3b30 !important;}