/**********重置**********/
@charset "utf-8";
/*reset*/

html,body{font-size:625%; height:100%;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,select,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input{margin: 0;padding: 0;font-size: 100%;font: inherit;}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6 {-webkit-text-size-adjust: none;}
html,body{ height:100%;line-height:initial; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block}
ol,ul{list-style: none}
blockquote,q {quotes: none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse;border-spacing: 0}
body {margin:0 auto !important; max-width:720px;padding: 0;text-align: left;color: #000;height: auto;width: 100%;overflow-x: hidden;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-touch-callout: none;-webkit-text-size-adjust: none; color: #333;outline: 0;width: 100%; font-family:'微软雅黑';}
.contioner {max-width: 720px;margin: 0 auto; min-width: 320px;overflow: hidden; position:relative;}
.wapper{position:relative;z-index:100; padding-bottom:1rem;padding-top: 1rem;}
.emptys,.empty{ text-align:center; padding:15px 0; font-size:15px;}
a {color: #333;text-decoration: none;}
img,a img {border:0;padding:0;margin:0;}
.clear{ clear:both;}
i{ font-style:normal}
button::-moz-focus-inner,input::-moz-focus-inner{border: 0;padding: 0;}
input[type="submit"], input[type="reset"], input[type="button"], button {-webkit-appearance: none;border:none; outline:none;}
a,input,button,select,textarea{outline:none;text-decoration:none; }
.left{float: left}
.right{float:right}
.t_alglirg{text-align: right;}
.t_alglic{text-align: center;}
.epco2{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.epco3{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.nowrap{text-overflow:ellipsis; white-space:nowrap;overflow: hidden;}
.uppercase{text-transform:uppercase;}
.wapperptop{padding-top: 1rem;}
*:focus {outline: none}
.hide{display: none;}
.h13,h13{ font-size:0.13rem}
.h14,h14{ font-size:0.14rem}
.h15,h15{ font-size:0.15rem}
.h16,h16{ font-size:0.16rem}
.h17,h17{ font-size:0.17rem}
.h18,h18{ font-size:0.18rem}
.h19,h19{ font-size:0.19rem}
.h20,h20{ font-size:0.25rem}
.h21,h21{ font-size:0.26rem}
.h22,h22{ font-size:0.27rem}
.h23,h23{ font-size:0.28rem}
.h24,h24{ font-size:0.29rem}
.h26,h26{ font-size:0.26rem}
.h30,h30{ font-size:0.30rem}
.h32,h32{ font-size:0.32rem}
.h40,h40{ font-size:0.40rem}
/********隐藏部分手机滚动条******/
::-webkit-scrollbar{width:0px;}
::-webkit-scrollbar-track{background-color:#EEEEEE;}
::-webkit-scrollbar-thumb{background-color:#D6D6D6;}
::-webkit-scrollbar-thumb:hover {background-color:#ccc}
::-webkit-scrollbar-thumb:active {background-color:#ccc}

.mid_table {height: 100%;display: table;width: 100%;}
.mid_cell {display: table-cell;vertical-align: middle;}
/*checkbox 样式 以及radio 样式 type1*/
.magic-radio{position: absolute;display: none; }
.magic-radio + label{position: relative;display: block;padding-left: 22%;cursor: pointer;vertical-align: middle; float:left; margin-left:2% }
.magic-radio + label:before,.magic-checkbox + label:before {position: absolute;top: 4px;left: 0;display: inline-block;width: 15px;height: 15px;content: '';border: 1px solid #c0c0c0; }
.magic-radio + label:after,.magic-checkbox + label:after { position: absolute;display: none;content: ''; }
.magic-radio:checked + label:before,.magic-checkbox:checked + label:before {animation-name: none; }
.magic-radio:checked + label:after,.magic-checkbox:checked + label:after {display: block; }
.magic-radio + label:before {border-radius: 50%; }
.magic-radio + label:after {top:9px;left: 5px;width: 8px;height: 8px;border-radius: 50%;background: #3e97eb; }
.magic-radio:checked + label:before {border: 1px solid #3e97eb; }
/*checkbox 样式 以及radio 样式  type2*/
.demo--label{display:inline-block}
.demo--radio{display:none}
.demo--radioInput{background-color:#fff;border:1px solid rgba(0,0,0,0.15);border-radius:100%;display:inline-block;height:0.3rem;margin-top:-1px;vertical-align:middle;width:0.3rem;line-height:1}
.demo--radio:checked + .demo--radioInput:after{background-color:#bd1b1b;border-radius:100%;content:"";display:inline-block;height:0.15rem;margin:0.07rem;width:0.15rem}
.demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0}

/*******************s********分辨率兼容样式属性**************************/
@media screen and (min-width: 320px) {
	html,body{font-size:44.444px;}
}
@media screen and (min-width: 360px) {
	html,body{font-size:50px;}
}
@media screen and (min-width: 375px) {
	html,body{font-size:52.08333px;}
}
@media screen and (min-width: 385px) {
	html,body{font-size:53.47222px;}
}
@media screen and (min-width: 400px) {
	html,body{font-size:55.5555px;}
}
@media screen and (min-width: 414px) {
	html,body{font-size:57.5px;}
}
@media screen and (min-width: 420px) {
	html,body{font-size:58.3333px;}
}
@media screen and (min-width: 440px) {
	html,body{font-size:61.11111px;}
}
@media screen and (min-width: 480px) {
	html,body{font-size:66.66666px;}
}
@media screen and (min-width: 520px) {
	html,body{font-size:72.2222px;}
}
@media screen and (min-width: 560px) {
	html,body{font-size:77.7777px;}
}
@media screen and (min-width: 580px) {
	html,body{font-size:80.55555px;}
}
@media screen and (min-width: 600px) {
	html,body{font-size:83.333px;}

}
@media screen and (min-width: 640px) {
	html,body{font-size:88.8888px;}
}

@media screen and (min-width: 680px) {
	html,body{font-size:94.44444px;}
}
@media screen and (min-width: 720px) {
	html,body{font-size:100px;}
}
/***************************end分辨率兼容样式属性*************************











