/*
添加人：Faceks
时间：2018.3.20
版本：1.0
版权：厦门二次方网络科技有限公司
*/
body { background: #F6F6F6; line-height: 1.8; color: #323232; font-size: 18px; -webkit-text-size-adjust: none; }
a, a:active { color:inherit; text-decoration: none; }
i { font-style: normal; }
img { border: 0; max-width: 100%; height: auto; vertical-align: middle; }
dl, dt, dd, ul, ol, li, em, i, p { margin: 0; padding: 0; list-style: none; font-style: normal; }
p { color: inherit }
.clear { clear: both; height: 0px; overflow: hidden; }
.clearfix { zoom: 1; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; overflow: hidden; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#ccc!important;}
input:-moz-placeholder {color:#ccc!important;}
input:-ms-input-placeholder {color:#ccc!important;}

.fl { float: left; }
.fr { float: right; }
.table_collapse { border-collapse: collapse; }
.txt-nowrap { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* word-break:keep-all; */ }
.txt-left { text-align: left; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }

.over-hidden { overflow: hidden; }
.over-scroll-y { overflow-y: scroll; }
.over-scroll-x { overflow-x: scroll; }

.bold { font-weight: bold; }
.normal { font-weight: normal; }

.white { color: #fff; }
.gray { color: #333 }
.gray6 { color: #666 }
.gray9 { color: #999}
.red { color: #fd0000; }
.black { color: #000; }
.blue { color: #2180ff }
.ui-org { color: #ff7919 !important }
.ui-red { color: #fe4c4c!important }
.ui-green { color: #00cf85!important }


.pos_abs { position: absolute; }
.pos_rel { position: relative; }
.pos_fix { position: fixed; }

.bgc-opacity { filter: Alpha(Opacity=70); Opacity: 0.7; background-color: #000; }
.bg-white { background-color: #ffffff; }
.bg-gray-fa { background-color: #fafafa; }
.bg-gray-f0 { background-color: #f0f0f0; }
.bg-gray-f6 { background-color: #f6f6f6; }
.red-bg { background-color: #fe0100; }
.blue-bg{ background-color: #4793ff!important}
.green-bg{ background-color: #00cf85}



.dis_none { display: none; }
.dis_block { display: block; }
.dis_cell { display: table-cell }
/** flex*/
.ui-flex { display: -webkit-box; display: -webkit-flex; display: flex; }
.ui-flex-vt { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; }
.ui-flex-vt .flex-col { width: auto; }
.ui-flex-inline { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; }
.flex-justify-sb { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.flex-justify-sa { -webkit-justify-content: space-around; justify-content: space-around; }
.flex-justify-center { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; }
.flex-align-center { -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.flex-align-start { -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; }
.flex-align-end { -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; }
.dis-align-items { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; }
.dis-pack-align { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }



.vertical_top { vertical-align: top; }
.vertical_middle { vertical-align: middle !important; }
.vertical_bottom { vertical-align: bottom; }
.full_img img { width: 100%; display: block; }

.f48 { font-size: 0.48rem; }
.f36 { font-size: 0.36rem; }
.f34 { font-size: 0.34rem; }
.f32 { font-size: 0.32rem; }
.f30 { font-size: 0.30rem; }
.f28 { font-size: 0.28rem; }
.f26 { font-size: 0.26rem; }
.f24 { font-size: 0.24rem; }
.f22 { font-size: 0.22rem; }
.f20 { font-size: 0.20rem; }
.f18 { font-size: 0.18rem; }

.mb45 { margin-bottom: 0.45rem; }
.mb30 { margin-bottom: 0.3rem; }
.mr40 { margin-right: 0.4rem; }
.mr100 { margin-right: 1rem; }
.mt5 { margin-top: 0.05rem; }
.mt9 { margin-top: 0.09rem; }
.m20 { margin: 0.2rem; }
.mt20 { margin-top: 0.2rem; }
.mlr20 { margin-left: 0.2rem; margin-right: 0.2rem; }
.m10 { margin: 0.1rem; }
.mr10 { margin-right: 0.1rem; }
.mt10 { margin-top: 0.1rem; }
.ml10 { margin-left: 0.1rem; }
.mb10 { margin-bottom: 0.1rem; }
.mtb100 { margin: 1rem auto }

.pt35 { padding-top: 0.35rem; }
.pt25 { padding-top: 0.25rem; }
.pt18 { padding-top: 0.18rem; }
.pt15 { padding-top: 0.15rem; }
.pb25 { padding-bottom: 0.25rem; }
.pb100 { padding-bottom: 1rem; }
.pb5 { padding-bottom: 0.05rem; }
.pt5 { padding-top: 0.05rem; }
.p10 { padding: 0.1rem }
.pt10 { padding-top: 0.1rem; }
.pb10 { padding-bottom: 0.1rem; }
.pl10 { padding-left: 0.1rem; }
.pr10 { padding-right: 0.1rem; }
.p20 { padding: 0.2rem; }
.pt20 { padding-top: 0.2rem; }
.pl20 { padding-left: 0.2rem; }
.pr20 { padding-right: 0.2rem; }
.pb20 { padding-bottom: 0.2rem; }
.pt14 { padding-top: 0.14rem; }
.pb14 { padding-bottom: 0.14rem; }
.p0 { padding: 0 !important; }

.line_gray { border-top: 1px solid #d5d7dc; }
.border_bot_light { border-bottom: 1px solid #d7d7da; }
.border_bot_e1 { border-bottom: 1px solid #e1e1e1; }
.list-block { background: #fff; list-style: none; }
.list-block .border-bottom { border-bottom: 1px solid #f2f2f2; }

.weui-btn-area { margin: .5rem auto .1rem }
.weui-btn { position: relative; display: block; width: 90%; margin: auto auto; box-sizing: border-box; font-size: .28rem; text-align: center; text-decoration: none; color: #FFFFFF; line-height: .45rem; border-radius: 5px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: hidden; opacity: 1; }
/*loading*/
 @-webkit-keyframes ball-spin-fade-loader {
 50% {
 opacity: .3;
 -webkit-transform: scale(0.4);
 transform: scale(0.4)
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1)
}
}
 @keyframes ball-spin-fade-loader {
 50% {
 opacity: .3;
 -webkit-transform: scale(0.4);
 transform: scale(0.4)
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1)
}
}
.ball-spin-fade-loader { position: relative; top: -10px; left: -10px }
.ball-spin-fade-loader>span:nth-child(1) { top: 25px; left: 0; -webkit-animation: ball-spin-fade-loader 1s -.96s infinite linear; animation: ball-spin-fade-loader 1s -.96s infinite linear }
.ball-spin-fade-loader>span:nth-child(2) { top: 17.05px; left: 17.05px; -webkit-animation: ball-spin-fade-loader 1s -.84s infinite linear; animation: ball-spin-fade-loader 1s -.84s infinite linear }
.ball-spin-fade-loader>span:nth-child(3) { top: 0; left: 25px; -webkit-animation: ball-spin-fade-loader 1s -.72s infinite linear; animation: ball-spin-fade-loader 1s -.72s infinite linear }
.ball-spin-fade-loader>span:nth-child(4) { top: -17.05px; left: 17.05px; -webkit-animation: ball-spin-fade-loader 1s -.6s infinite linear; animation: ball-spin-fade-loader 1s -.6s infinite linear }
.ball-spin-fade-loader>span:nth-child(5) { top: -25px; left: 0; -webkit-animation: ball-spin-fade-loader 1s -.48s infinite linear; animation: ball-spin-fade-loader 1s -.48s infinite linear }
.ball-spin-fade-loader>span:nth-child(6) { top: -17.05px; left: -17.05px; -webkit-animation: ball-spin-fade-loader 1s -.36s infinite linear; animation: ball-spin-fade-loader 1s -.36s infinite linear }
.ball-spin-fade-loader>span:nth-child(7) { top: 0; left: -25px; -webkit-animation: ball-spin-fade-loader 1s -.24s infinite linear; animation: ball-spin-fade-loader 1s -.24s infinite linear }
.ball-spin-fade-loader>span:nth-child(8) { top: 17.05px; left: -17.05px; -webkit-animation: ball-spin-fade-loader 1s -.12s infinite linear; animation: ball-spin-fade-loader 1s -.12s infinite linear }
.ball-spin-fade-loader > span { background-color: #feba16; width: 12px; height: 12px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; }
.loading { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #fff; z-index: 50; }
.loading .loader { position: absolute; top: 50%; left: 50%; }
.loader-chanage { -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); opacity: 0; }
/*loading-more*/
.loading-more { margin: 5px auto 0; text-align: center; color: #999 }
.loading-more i { width: 18px; height: 18px; }