@import "font.wxss";
@import 'weui.wxss';
@import 'zanui/index.wxss';
page {
  background-color: #fff;
  font-family: "Microsoft Yahei, Arial, Helvetica, sans-serif";
}

.section {
  background: #fff;
  border-bottom: 1rpx solid #dedede;
  margin-bottom: 15rpx;
  padding: 20rpx;
}

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.mr10 {
  margin-right: 20rpx;
}
.flex{ display: -webkit-box;display: -webkit-flex;  display: -ms-flexbox; display: flex; width: 100%;}
.flex>.sub{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden;}
.flexC{-webkit-flex-direction: column; flex-direction: column;}
/*特殊按钮*/

button.yellow {
  color: #fff;
  background: #feb70f;
}

button.yellow:after {
  border-color: rgba(255, 133, 111, 0.3);
}

button.yellow.hover {
  background: #e4b203;
}

button.yellow.disabled {
  background: #04bfbf;
}

.write {
  color: #fff;
}

.glo_load_view {
  text-align: center;
  padding-top: 50%;
}
.clearfix { display:block; zoom:1; }
.clearfix::after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.fl{ float: left;}
.fr{ float: right;}
.tl{ text-align: left;}
.tc{ text-align: center;}
.tr{ text-align: right;}
.red{ color: #e64340;}
.pink{ color: #ec407a;}
.green{ color: #09bb07;}
.blue{ color:#576b95;}
.grey{color: #888;}
.black{color: #000;}
.write{color: #fff;}
.mb5 {
  margin-bottom: 10rpx;
}

.mt5 {
  margin-top: 5px;
}

.mb10 {
  margin-bottom: 20rpx;
}
.ml10{ margin-left: 20rpx;}
.ml15{ margin-left: 30rpx;}
.tc {
  text-align: center;
}

.iconfont {
  font-size: inherit;
}

.iconfont::before {
  font-family: "iconfont" !important;
}
 .f10{ font-size: 20rpx;}
.f12{ font-size: 24rpx;}
.f14{ font-size: 28rpx;}
.f16{ font-size: 32rpx;}
.f18{ font-size: 36rpx;}
.f20{ font-size: 40rpx;}
.f24{ font-size: 48rpx;}
.f28{ font-size: 56rpx;}
.f36{ font-size: 72rpx;}
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 20rpx;}
.mt15{ margin-top: 30rpx;}
.mt20{ margin-top: 40rpx;}
.mr5{ margin-right: 10rpx;}
.mr10{ margin-right: 20rpx;}
.mr15{ margin-right: 30rpx;}
.mr20{ margin-right: 40rpx;}
.ml5{ margin-left: 10rpx;}
.ml15{ margin-left: 30rpx;}
.mb5{ margin-bottom: 10rpx;}
.mb10{ margin-bottom: 20rpx;}
.mb15{ margin-bottom: 30rpx;}
.mb20{ margin-bottom: 40rpx;}
.m10{ margin: 20rpx;}
.m15{ margin: 30rpx;}
.m20{ margin: 40rpx;}
 
.arrowR, .arrowL, .gridYl, .gridYr, .gridXt, .gridXb, .gridFour, .gridFourRadio,
.gridFourCirle {
  position: relative;
}

.gridYl::before, .gridYr::before, .gridXt::before, .gridXb::before,
.gridFour::before, .gridFourRadio::before, .gridFourCirle::before {
  content: " ";
  display: block;
  position: absolute;
  background: #ececec;
  box-sizing: border-box;
}

.gridYl, .gridYr::before {
  width: 1px;
  top: 0;
  bottom: 0;
  -webkit-transform: scale(0.5, 1);
  transform: scale(0.5, 1);
}

.gridYl::before {
  left: 0;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.gridYr::before {
  right: 0;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

.gridXt::before, .gridXb::before {
  height: 1px;
  right: 0;
  left: 0;
  -webkit-transform: scale(1, 0.5);
  transform: scale(1, 0.5);
}

.gridXt::before {
  top: 0;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.gridXb::before {
  bottom: 0;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.gridFour::before, .gridFourCirle::before, .gridFourRadio::before {
  width: 200%;
  border: 1px solid #ececec;
  height: 200%;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  border-radius: 6px;
  left: 0;
  top: 0;
  background: none;
  pointer-events: none;
}

.gridFourRadio::before {
  border-radius: 3px;
}

.gridFourCirle::before {
  border-radius: 100px;
}

.arrowR::before, .arrowL::before, .arrowB::before, .arrowT::before {
  content: "";
  position: absolute;
  display: block;
  width: 7px;
  height: 7px;
  border: 2px solid;
  border-color: #999 #999 transparent transparent;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0.7) rotate(45deg);
  transform: translateY(-50%) scale(0.7) rotate(45deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 2px;
}

.arrowR::before {
  right: 10px;
}

.arrowL::before {
  left: 10px;
}

.arrowB::before {
  right: 10px;
  -webkit-transform: translateY(-88%) scale(0.7) rotate(135deg);
  transform: translateY(-88%) scale(0.7) rotate(135deg);
}

.arrowT::before {
  right: 10px;
  -webkit-transform: translateY(-35%) scale(0.7) rotate(-45deg);
  transform: translateY(-35%) scale(0.7) rotate(-45deg);
}
.page-section{
  width: 100%;
  margin-bottom: 60rpx;
}
.page-section_center{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-section:last-child{
  margin-bottom: 0;
}
.page-section-gap{
  box-sizing: border-box;
  padding: 0 30rpx;
}
.page-section-spacing{
  box-sizing: border-box;
  padding: 0 80rpx;
}
.page-section-title{
  font-size: 28rpx;
  color: #999999;
  margin-bottom: 10rpx;
  padding-left: 30rpx;
  padding-right: 30rpx;
}
.page-section-gap .page-section-title{
  padding-left: 0;
  padding-right: 0;
}
.page-section-ctn{

}