/**********重置**********/
@charset "utf-8";
@font-face{
    font-family: Swis;
    src: url('../font/Swiss 721 Condensed BT.ttf');
}
@font-face{
    font-family: Swisre;
    src: url('../font/Swiss 721 Condensed BT re.ttf');
}
/*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;font-family:Microsoft YaHei;}
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,html {margin:0 auto; width:100%; 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:Microsoft YaHei;}
.contioner {max-width: 720px;margin: 0 auto; min-width: 320px;overflow: hidden; position:relative;}
.wapper{ padding-bottom:1rem; position:relative; background:#FFF}
.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;background:none;}
a,input,button,select,textarea{outline:none;text-decoration:none;-webkit-appearance: 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}
/********隐藏部分手机滚动条******/
::-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}

/**提示层，加载框**/
#btis{ width:100%; height:100%; top:0; left:0; position:fixed; z-index:1000001; background:none; display:none; text-align:center;}
#tis{ font-size:15px; display:inline-block; min-width:20%; max-width:60%; padding:0 5%; height:40px; line-height:40px; position:relative;text-align:center; z-index:1002; top:75%; border-radius:50px; background:#D1AB61; color:#fff;  margin:auto; left:0; right:0;-moz-animation: alertAnimation 0.3s ease-in-out 0s 1;animation: alertAnimation 0.3s ease-in-out 0s 1; }
#loading{ position:fixed; max-width:720px; margin:auto;  display:none; top:0; left:0; bottom:0; right:0; z-index:9999;}
#loading .lad{ width:19%; height:12%; border-radius:7px; margin:auto; left:0; right:0; top:0; bottom:0; position:absolute;/*background:url(../img/loading.gif) #eee center no-repeat;*/ background:#eee;  background-size:56%;opacity:0.9;}
#loading .lad img{ width:60%; position:absolute; margin:auto; left:0; right:0; top:0; bottom:0;}
#loading2{ position:fixed; max-width:720px; margin:auto;  display:none; top:0; left:0; bottom:0; right:0; z-index:9999;}
#loading2 .lad2{ width:19%; height:12%; border-radius:7px; margin:auto; left:0; right:0; top:0; bottom:0; position:absolute;/*background:url(../img/loading.gif) #eee center no-repeat;*/ background:#D1AB61;  background-size:56%;opacity:0.9;}
#loading2 .lad2 img{ width:60%; position:absolute; margin:auto; left:0; right:0; top:0; bottom:0;}
.ups{ position:fixed; z-index:160; right:0px; bottom:1.2rem; cursor:pointer; display:none; z-index:999;}

#carn{ display:block; position:absolute; border:2px solid #e30f0d; border-radius:999px; text-align:center; width:0.33rem; height:0.33rem; line-height:0.33rem; font-size:12px; color:#e30f0d; top:0.1rem; right:0.4rem; background:#fff; font-weight:bold;}

/**提示层效果总和**/ 
@-webkit-keyframes alertAnimation {
  0% {-webkit-transform: scale(0.5);}
  45% {-webkit-transform: scale(1.25);}
  80% {-webkit-transform: scale(0.95);}
  100% {-webkit-transform: scale(1);}
}
@-moz-keyframes alertAnimation {
  0% {-webkit-transform: scale(0.5);}
  45% {-webkit-transform: scale(1.25);}
  80% {-webkit-transform: scale(0.95);}
  100% {-webkit-transform: scale(1);}
}
@-webkit-keyframes alertAnimation {
  0% {-webkit-transform: scale(0.5);}
  45% {-webkit-transform: scale(1.25);}
  80% {-webkit-transform: scale(0.95);}
  100% {-webkit-transform: scale(1);}
}

/**针对需要上下居中的图片加载,前提是其父元素定位等级为relative**/
.rowcenter{position: relative;max-height: 100%;max-width: 100%;top: 50%;transform: translateY(-50%);}
/**溢出省略号代替**/
.overfont{text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;white-space:nowrap;}


/*******************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分辨率兼容样式属性*************************