/*html{-webkit-text-size-adjust:100%;overflow:scroll;-webkit-overflow-scrolling:touch;}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;}
body{font-family:STHeiti,STXihei,Microsoft JhengHei,Microsoft YaHei,Arial,Tohoma,Helvetica;font-size:12px;color:#353535;background:#f1f2f1;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
input,select,textarea,button{font-size:100%;-webkit-appearance:none;border-radius:0;}
input,textarea{-webkit-touch-callout:inherit;-webkit-user-select:text;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6,strong{font-size:100%;font-weight:400}
q:before,q:after{content:''}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
ins,a{text-decoration:none}
i{font-style:normal;}
a{color:#353535;}
input::-webkit-input-placeholder{color:#a7a7a7;}
*{-webkit-box-sizing:border-box;box-sizing:border-box;}*/

.fl{float:left;}
.fr{float:right;}
.tac{text-align:center;}
.tar{text-align:right;}
.fw7{font-weight:700;}
.hidd{display:none;}
.w100{width:100%;}
.h100{height:100%;overflow:hidden;}
.gray{color:#ccc;}
.cgray{color:#a7a7a7;}
.cgray2{color:#848484;}
.red{color:#ff5252;}
.blue{color:#1dc088}
.cred{color:#eb3a18;}
.c7e{color:#7e7e7e;}
.bg_white{background-color:#fff;}
.block{display:block;}
.cfix{display:block;zoom:1}
.cfix:after{clear:both;content:"";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.op{opacity:0;}
.dn{display:none;}
.flex{display:-webkit-box;display:-webkit-flex;display:flex;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;flex:1;}

[data-dpr="1"] .f8{font-size:8px;}
[data-dpr="2"] .f8{font-size:16px;}
[data-dpr="3"] .f8{font-size:24px;}

[data-dpr="1"] .f9{font-size:9px;}
[data-dpr="2"] .f9{font-size:18px;}
[data-dpr="3"] .f9{font-size:27px;}

[data-dpr="1"] .f10{font-size:10px;}
[data-dpr="2"] .f10{font-size:20px;}
[data-dpr="3"] .f10{font-size:30px;}

[data-dpr="1"] .f12{font-size:12px;}
[data-dpr="2"] .f12{font-size:24px;}
[data-dpr="3"] .f12{font-size:36px;}

[data-dpr="1"] .f13{font-size:13px;}
[data-dpr="2"] .f13{font-size:26px;}
[data-dpr="3"] .f13{font-size:39px;}

[data-dpr="1"] .f14{font-size:14px;}
[data-dpr="2"] .f14{font-size:28px;}
[data-dpr="3"] .f14{font-size:42px;}

[data-dpr="1"] .f15{font-size:15px;}
[data-dpr="2"] .f15{font-size:30px;}
[data-dpr="3"] .f15{font-size:45px;}

[data-dpr="1"] .f16{font-size:16px;}
[data-dpr="2"] .f16{font-size:32px;}
[data-dpr="3"] .f16{font-size:48px;}

[data-dpr="1"] .f17{font-size:17px;}
[data-dpr="2"] .f17{font-size:34px;}
[data-dpr="3"] .f17{font-size:51px;}

[data-dpr="1"] .f18{font-size:18px;}
[data-dpr="2"] .f18{font-size:36px;}
[data-dpr="3"] .f18{font-size:54px;}

[data-dpr="1"] .f20{font-size:20px;}
[data-dpr="2"] .f20{font-size:40px;}
[data-dpr="3"] .f20{font-size:60px;}

[data-dpr="1"] .f25{font-size:25px;}
[data-dpr="2"] .f25{font-size:50px;}
[data-dpr="3"] .f25{font-size:75px;}

[data-dpr="1"] .f30{font-size:30px;}
[data-dpr="2"] .f30{font-size:60px;}
[data-dpr="3"] .f30{font-size:90px;}

.floatPrompt{text-align:center}
.floatPrompt{position:absolute;bottom:10%;left:10%;width:80%;background:rgba(0,0,0,.8);padding:.278rem;color:#fff;border-radius:.208rem;z-index:9999}
.fadeInDown{-webkit-animation:fadeInDown .8s .2s ease both;-moz-animation:fadeInDown .8s .2s ease both}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-100%)}100%{opacity:1;-moz-transform:translateY(0)}
}
.fadeOutDown{-webkit-animation:fadeOutDown .8s .2s ease both;-moz-animation:fadeOutDown .8s .2s ease both}
@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-100%)}}
@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-100%)}}

/*pannel dialog*/
.panelWrap{background:rgba(0,0,0,0.5);position:fixed;width:100%;height:100%;z-index:9998;top:0;left:0;right:0;bottom:0;}
.panelBox{width:90%;background:#fff;padding:0.427rem;border-radius:0.15rem;position:absolute;margin:0 auto;top:10%;left:0;right:0;}
/*.panelBox .bd{line-height:160%;}*/
.panelBox .ft{text-align:center;margin-top:0.35rem;}
.panelBox .ft button{font-size:0.6rem;width:5.08rem;height:1.5rem;border-radius:0.16rem;}
.panelBox .ft button.btnCancel{border:1px solid #d1d1d1;background-color:#fff;}
.panelBox .ft button.btnCallback{border:none;background-color:#1dc088;color:#fff;}
.panelBox .ft button:only-child{margin:0 auto;float:none;}
.panelBox .prompt{margin-bottom:0.35rem;text-align:center;}

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.


 */

/************ 通用样式 ************/


.fl{float:left;}
.fr{float:right;}
.tac{text-align:center;}
.tar{text-align:right;}
.fw7{font-weight:700;}
.w100{width:100%;}
.h100{height:100%;overflow:hidden;}
.cgray{color:#a7a7a7;}
.bg_white{background-color:#fff;}
.block{display:block;}
.cfix{display:block;zoom:1}
.cfix:after{clear:both;content:"";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.op{opacity:0;}
.dn{display:none;}
.hidd{display:none;}
.flex{display:-webkit-box;display:-webkit-flex;display:flex;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;flex:1;}