/**app.wxss**/
@import "./font.wxss";
page{font-size: 32rpx;color: #363636;background: #f9f9f9;font-family:Arial, Helvetica;}

view,button,input,textarea,select,text{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.iconfont{display: inline-block;font-size: inherit;vertical-align: bottom;}

.flex, .flexC {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 100%;}
.flex>.sub, .flexC>.sub {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;overflow: hidden;}
::-webkit-scrollbar{display: none;}
.flexC {-webkit-flex-direction: column;flex-direction: column;}

.lineText, .lineText2, .lineText3 {overflow: hidden;text-overflow: ellipsis;}
.lineText2, .lineText3 {display: -webkit-box;-webkit-box-orient: vertical;box-orient: vertical;}
.lineText {white-space: nowrap;}
.lineText2 {-webkit-line-clamp: 2;}
.lineText3 {-webkit-line-clamp: 3;}

.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;}
.ml10{ margin-left: 20rpx;}
.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;}

.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:#F0F0F0; box-sizing: border-box;}
.gridYl::before,.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 #F0F0F0; 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;}

button:not([plain])::after{display: none;}

.imgFill{width: 100%;height: 100%;}
.placeholder-tips{color: #ccc;}


/* 弹窗 */
.PopupBox{width: 100%;height: 100%;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;}
.PopupBg{background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.PopupCenterCont{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 1;}
.PopupBottomCont{position: absolute;bottom: 0;left: 0;right: 0;z-index: 1;}