/* reset start */
html{height:100%;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-style: normal;}
body{line-height:1;font-family:\5FAE\8F6F\96C5\9ED1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid#cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
button,input,textarea,fieldset{ padding:0;*overflow:visible;} 
input,textarea{outline: none;resize:none;}
input:-moz-placeholder { color: #999;}
input:-ms-input-placeholder{color: #999;}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.clearfix{zoom:1}
a{text-decoration:none;color:#333;}
/* safari start */
input[type='date'],input[type='text'],input[type='submit'],input[type='button'],input[type='number'],select,select option,textarea,button{background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(rgba(255,255, 255, 0.5)));-webkit-appearance:none;line-height:20px;border: none;outline: none; border-radius:0px;}
/* 浏览器默认按钮点击效果去掉 */
*{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0;}
/* public start */
.mt5{margin-top:5px;}
.ml5{margin-left:5px;}
.mb5{margin-bottom:5px;}
.mr5{margin-right:5px;}
.mt10{margin-top:10px;}
.ml10{margin-left:10px;}
.mb10{margin-bottom:10px;}
.mr10{margin-right:10px;}
.mt15{margin-top:15px;}
.ml15{margin-left:15px;}
.mb15{margin-bottom:15px;}
.mr15{margin-right:15px;}
.pr5{padding-right:5px;}
.pt5{padding-top:5px;}
.pl5{padding-left:5px;}
.pb5{padding-bottom:5px;}
.pr10{padding-right:10px;}
.pt10{padding-top:10px;}
.pl10{padding-left:10px;}
.pb10{padding-bottom:10px;}
.pr15{padding-right:15px;}
.pt15{padding-top:15px;}
.pl15{padding-left:15px;}
.pb15{padding-bottom:15px;}
.pl20{padding-left: 20px;}
.pr20{padding-right: 20px;}
.pt20{padding-top: 20px;}
.pb20{padding-bottom: 20px;}
.mt20{margin-top:20px}
.mb20{margin-bottom:20px}
.mr20{margin-right:20px;}
.ml20{margin-left: 20px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.fw{font-weight:bold;}
.fl{float:left;}
.fr{float:right;}
.fwno{font-weight:normal;}
.fyahei{font-family:\5FAE\8F6F\96C5\9ED1;}
.none{display:none;}
.hidden{visibility:hidden;}
.dis-box{width:100%;display:box;display:-webkit-box;display:-ms-box;}
.box-sizing{-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.vdisBox{-moz-box-orient:vertical;-webkit-box-orient:vertical;box-orient:vertical;display:-webkit-box;display:-moz-box;display:-ms-box;display:box;}
.hdisBbox{ -moz-box-orient:horizontal;-webkit-box-orient:horizontal;box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-box;display:box;}
.box-flex-1{box-flex:1;-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;}
.box-flex-2{box-flex:2;-webkit-box-flex:2;-moz-box-flex:2;-ms-box-flex:2;}
.box-pack-cen{box-pack:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-box-pack:center;}
.box-align-cen{box-align:center;-webkit-box-align:center;-moz-box-align:center;-ms-box-align:center;}
.text-elli {display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;word-wrap:break-word;}
.pr{position: relative;}
.pa{position: absolute;}
.bc{margin-left: auto; margin-right: auto;}
.tc{text-align: center;}
.db{display: block;}
.dib{display: inline-block;}

body{height: 100%;background-color: #efeff4;}
.h100{height: 100%;}
.w100{width: 100%;}
.pb50{padding-bottom: 50px;}
.pt50{padding-top: 50px;}

.color-orange{color: #FE831A;}
.color-orange-bg{background: #FE831A;color: #fff;}
.color-purple{color: #574E7E;}
.color-purple-bg{background: #574E7E;color: #fff;}
.color-green{color: #00928D;}
.color-green-bg{background: #00928D;color: #fff;}
.color-red{color: #F14343;}
.color-red-bg{background: #F14343;color: #fff;}

.deep-gray{color: #313131;}
.gray{color: #737373;}
.light-gray{color: #D1D1D1;}


.xhh-btn{display: inline-block;text-align: center;}
.xhh-btn-30{height: 30px;line-height: 30px; border-radius: 15px;}
.xhh-btn-36{height: 36px;line-height: 36px;border-radius: 18px;}
.xhh-btn-40{height: 40px;line-height: 40px;border-radius: 20px;}
.xhh-btn-less-orange{border: 1px solid #FE831A;color: #FE831A;}
.xhh-btn-main-orange,.xhh-btn-less-orange.on{background: #FE831A;border: 1px solid #FE831A;color: #fff;}
.xhh-btn-less-purple{border: 1px solid #574E7E;color: #574E7E;}
.xhh-btn-main-purple,.xhh-btn-less-purple.on{background: #574E7E;border: 1px solid #574E7E;color: #fff;}
.xhh-btn-less-green{border: 1px solid #00928D;color: #00928D;}
.xhh-btn-main-green,.xhh-btn-less-green.on{background: #00928D;border: 1px solid #00928D;color: #fff;}