/*公共型样式*/
@charset "utf-8";
@import url("skin.css");
/*设置默认字体大小*/
@media screen and (min-width:320px) and (max-width:409px) {
    html {
        font-size: 10px
    }
}
@media screen and (min-width:410px) and (max-width:479px) {
    html {
        font-size: 12px
    }	
}
@media screen and (min-width:480px) and (max-width:639px) {
    html {
        font-size: 14px
    }
}
 
@media screen and (min-width:640px) and (max-width:719px) {
    html {
        font-size: 16px
    }
}
@media screen and (min-width:720px) and (max-width:749px) {
    html {
        font-size: 17px
    }
} 
@media screen and (min-width:750px) and (max-width:799px) {
    html {
        font-size: 18px
    }
}

/*设置标签重置样式*/
body{font: normal 62.5% Helvetica, Arial, sans-serif; color:#666; box-sizing: border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,code,form,legend,b,button,input,textarea,blockquote,article,aside,footer,header,nav,section {margin:0;padding:0;}
img,abbr{border:0;}
table td{word-break:break-all;}
caption,th{text-align:left;}
ol,ul{list-style:none;}
a{color: #B2B2B2; text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700;}
input,button,textarea,select{font-size:inherit;font-size:100%;font-family:inherit; border: none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"],input[type="tel"],button,textarea,select{-webkit-appearance: none; appearance: none;}
address,cite,dfn,em,code,var,caption,th{font-style:normal;font-weight:normal;}
article,aside,footer,header,nav,section { display:block; }
q:before,q:after{content:'';}
wbr:nth-of-type(n):after{ vertical-align:middle; border-style:solid dashed dotted; text-decoration:underline; white-space:nowrap;background-size:contain cover;}
/* Basic */
*{word-wrap: break-word;outline:none;}
::selection{background:#F60; color:#fff;}
::-moz-selection{background:#F60; color:#fff;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #ccc;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #ccc;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #ccc;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #ccc;} 

.clear:after{ content:''; height:0; visibility:hidden; display:block; clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.ov{overflow: hidden;}
img{ max-width:100%; display:block; margin:0 auto;}
input,button,textarea{-webkit-box-sizing:border-box;box-sizing:border-box;}
.none{ display:none; }

/*svg图标*/
.icon {
       width: 1em; 
       height: 1em;
       vertical-align: -0.15em;
       fill: currentColor;
       overflow: hidden;
    }
    
/*header*/
.nav-top{position:relative; 
		 background-size:cover;
		 height:4em;color:#fff; 
		 text-align:center;
		 font-size:2em; 
		 line-height:4em;
		 overflow:hidden;
		 zoom:1; 
		 width:100%;
		}
.ico-left{ float:left; width:10%; height:inherit; font-size:1.5em;}
.ico-right{ float:right; width:10%; height:inherit; font-size:1.5em;}
.head-title{ text-align:center; font-size:1.5em;}



/*边距*/
.p0{ padding:0;}
.p3{ padding:3%;}
.p5{ padding:5%;}
.p8{ padding:8%;}
.plr3{ padding:0 3%;}
.plr5{ padding:0 5%;}
.plr8{ padding:0 8%;}
.ptb3{ padding: 3% 0;}
.ptb5{ padding: 5% 0;}
.ptb8{ padding: 8% 0;}
.pt3{ padding-top:3%;}
.pt5{ padding-top:5%;}
.pt8{ padding-top:8%;}
.pb3{ padding-bottom:3%;}
.pb5{ padding-bottom:5%;}
.pb8{ padding-bottom:8%;}
.pl{padding-left: 3%;}
.pr{padding-right: 3%;}

.m0{ margin:0;}
.m3{ margin:3%;}
.m5{ margin:5%;}
.m8{ margin:8%;}
.mt3{ margin-top: 3%;}
.mt5{ margin-top: 5%;}
.mt8{ margin-top:8%;}
.mb3{margin-bottom: 3%;}
.mb5{margin-bottom: 5%;}
.mb8{ margin-bottom:8%;}
.mlr3{margin: 0 3%;}
.mlr5{margin: 0 5%;}
.mlr8{margin: 0 8%;}


/*文字*/
.fsize1{ font-size:1rem;}
.fsize12{ font-size:1.2rem;}
.fsize125{ font-size:1.25rem;}
.fsize15{ font-size:1.5rem;}
.fsize2 {font-size:2rem;}
.fw{font-weight: bold;}

.lh1em{ line-height:1rem;}
.lh2em{ line-height:2rem;}
.lh3em{ line-height:3rem;}
.lh4em{ line-height:4rem;}
.lh5em{ line-height:5rem;}
.lh6em{ line-height:6rem;}
.lh7em{ line-height:7rem;}
.lh8em{ line-height:8rem;}

/*对齐*/
.tc{ text-align:center;}
.tl{ text-align: left;}
.tr{ text-align: right;}
.ib{display: inline-block;}

/*按钮圆角*/
.brd{border-radius: 0.7rem;-moz-border-radius:0.7rem;-webkit-border-radius:0.7rem;}

/*边框*/
.br{border: 0.5px solid;}
.brtb{border-top:0.5px solid; border-bottom:0.5px solid;}
.brt{border-top:0.5px solid;}
.brb{border-bottom:0.5px solid;}
.brr {border-right: 0.5px solid;}

/*定位*/
.por{position: relative;}
.poa{position: absolute;}
.po-r{right: 1%;}
.po-t{top: 36%;}

/*地区选择添加下拉*/
.xl{
	background-image: url(../images/sanjiao.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 8% auto;
}

/*input样式*/
.inp-01{
	padding:5% 3%;
	font-size: 1.5rem;
}

/*按钮样式*/
.btn-01{
	display: inline-block;
	color: #FFF;
	text-align: center;
	line-height: 4rem;
	border-radius: 0.7rem;
	font-size: 1.5rem;
	margin: 3%;
	width: 94%;
}/*通栏式按钮*/

.btn-02{
	display: inline-block;
	color: #FFF;
	text-align: center;
	line-height: 4rem;
	border-radius: 0.7rem;
	font-size: 1.5rem;
	width: 45%;
	margin: 3% 2%;
}	/*左右组合式按钮*/

.btn-03{
	display: inline-block;
	color: #FFF;
	text-align: center;
	line-height: 3.5rem;
	border-radius: 0.7rem;
	font-size: 1.5rem;
	width: 40%;
	margin: 3%;
}/*小按钮*/

.btn-04{
	display: inline-block;
	color: #FFF;
	text-align: center;
	line-height: 3.5rem;
	border-radius: 0.7rem;
	font-size: 1.5rem;
	width: 30%;
	margin: 3%;
}/*分享*/

.btn-05{
	display: inline-block;
	text-align: center;
	line-height: 3.5rem;
	border-radius: 0.7rem;
	font-size: 1.5rem;
	width: 30%;
	margin: 3%;
	border: 0.5px solid;
	background-color: #ffffff;
}/*立即办理*/

.btn-06{
	display: inline-block;
	text-align: center;
	line-height: 3.5rem;
	border-radius: 0.7rem;
	font-size: 1.5rem;
	width: 30%;
	margin: 3%;
	color: #bdbdbd;
	background-color: #e3e3e3;
}/*已完成*/

.btn-07{
	display: inline-block;
	text-align: center;
	line-height: 2.5rem;
	border-radius: 0.7rem;
	font-size: 1.2rem;
	width: 20%;
	margin: 3%;
	color: #fff;
}/*官方下载,立即兑换*/


