/* css清除默认样式*/
html,body,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,div,span,a,b,i,strong,em,img,form,input,textarea,table,th,td,section{padding:0; margin:0;}
*{font-family:'Microsoft Yahei'}
html,body{ font-family:'Microsoft Yahei'; }
body{background:#eee;}
.wh100{ width: 100%; height: 100%;}
h1,h2,h3,h4,h5,h6{ font-size:100%; line-height:100%; font-weight:normal;}
li{ list-style:none;}
a{ text-decoration:none; display: block; color:#333333;-webkit-tap-highlight-color: rgba(0,0,0,0)}/*a的默认下划线和字体颜色| 移动端点击蓝边*/
i,em{ font-style:normal;}
strong,b{ font-weight:normal;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }/*解决苹果手机默认的背景透明*/
input,button,select,textarea{ resize:none; outline:none; border:none 0;padding-left: 0.4rem;background: none;}
input[type="search"]{-webkit-appearance:none;} 
input::-webkit-search-cancel-button {display: none;}
li{ list-style:none; vertical-align:top;}/*li里浮动,li不浮动，去3像素bug*/
a img{ border:0; }/*a包img：去蓝色边框*/
img{vertical-align: top;}/*a包img：去3像素bug*/
table{border-collapse:collapse; font-size:100%;font-weight:normal;}
table,tr,th,td{padding:0; font-size:100%;font-weight:normal;}
.opacity{ opacity:0.6; filter:alpha(opacity:60);}
.fl{float:left;}
.fr{float:right;}
.cl:after,.clearfix:after{display:block;clear:both;content:'';}
.cl,.clearfix{zoom:1;}
.po_re{ position: relative;}
.po_ab{ position: absolute;}
.po_fix{ position: fixed;}
/*文字居中*/
.text_c{text-align: center;}
.text_l{text-align: left;}
.text_r{text-align: right;}

/*块元素*/
.show{ display:block;}
.show_inline{ display:inline-block;}
.hide{ display:none;}
/*margin值*/
.mar_t1{ margin-top:.8rem;}

.mar_t10 {
  margin-top: 1rem;
}
.mar_t05{ margin-top:.5rem;}
.mar_r10{margin-right:1rem;}
.mar_r05{margin-right:0.5rem;}
.mb-08{ margin-bottom:.8rem;}
.mt-2{ margin-top:1.2rem;}
.mb-2{ margin-bottom:1.2rem;}
.mt-3{ margin-top:.3rem;}
.ml-1{ margin-left:1rem;}
.ml-2{ margin-left:2rem;}
.mar_l3rem{ margin-left:3rem; }
.pad_t15{ padding-top:1.5rem;}
.pt-5{padding-top:5rem;}
.pb-6{padding-bottom:6rem;}

.pad_t1 {
  padding-top: 1rem;
}

.pad_tb1 {
  padding: 1rem 0;
}

.pad_b1 {
  padding-bottom: 1rem;
}
/*公用边线*/
.border_t1{border-top:1px solid #eee;}

.border_t2 {
  border-top: 1px solid #e0e0e0;
}

.border_b2 {
  border-bottom: 1px solid #e0e0e0;
}
.border_b1{border-bottom:1px solid #eee;}

.border-r {
  border-right: 1px solid #e0e0e0;
}
.border_none{border: none !important;}

.radius {
  border-radius: 2px;
}
/*超出隐藏 文本不换行 省略号*/
.font_nowrap{  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
/*最大宽*/
.container{
	max-width:640px;
	min-width:320px;
	margin:0 auto 4.6rem;
    padding-top: 5rem;
}
.container.container2{
    padding-top: 10rem;
}
/*公用背景颜色*/
.public_main {
  background: #00a5cc;
}
.public_bg{ background:#eee;}
.public_fff{ background:#fff;}
.public_fd7914{background:#fd7914}
.public_cceff8{background:#cceff8;}

/*3.4.6 表单验证*/
/*文本框的错误状态*/
.Validform_error,input.error,select.error{background-color:#fbe2e2; border-color:#c66161; color:#c00}
.Validform_wrong,.Validform_right,.Validform_warning{display:inline-block;height:20px;font-size:12px;vertical-align:middle; padding-left:25px}
/*错误*/
.Validform_wrong{/*background:url(../images/icon_error_s.png) no-repeat 0 center;*/color:#ef392b}
/*正确*/
.Validform_right{padding-left: 0;}

/*公用字体颜色*/
.font_main, .font_main a {
  color: #00a5cc;
}
.font_sup,.font_sup a{ color:#fd7914;}
.font_red,.font_red a{ color:#dd0314;}
.font_gray,.font_gray a{ color:#999;}

.font_fff, .font_fff a {
  color: #fff;
}

/*字体大小*/
.font_10{ font-size:1rem; }
.font_11{ font-size:1.1rem; }
.font_12{ font-size:1.2rem; }
.font_13{ font-size:1.3rem; }
.font_14{ font-size:1.4rem; }

/*公共按钮*/
.btn-primary {
  width: 10rem;
  height: 3.5rem;
  text-align: center;
  line-height: 3.5rem;
  border: 1px solid #00afdd;
  display: inline-block;
  border-radius: 2px;
  font-size: 1.2rem;
  background: #00afdd;
  color: #fff;
}

.btn-primary-outline {
  border: 1px solid #00afdd;
  color: #00afdd;
  background: none;
}
/*当屏幕小于540时候  最小宽*/
html,body {
    font-size: 62.5%; /* 10÷16=62.5% */
    width:100%;
}
@media screen and (min-width:240px) {
    html, body{
        font-size:9px;
    }
}
@media screen and (min-width:320px) {
    html, body{
        font-size:12px;
    }
}
@media screen and (min-width:360px) {
    html, body{
    font-size:13px;
    }
}
@media screen and (min-width:400px) {
    html, body{
    font-size:14px;
    }
}
@media screen and (min-width:440px) {
    html, body{
    font-size:15px;
    }
}
@media screen and (min-width:480px) {
    html, body{
    font-size:16px;
    }
}