|
|
|
/**app.wxss**/
|
|
|
|
@import "icon.wxss";
|
|
|
|
|
|
|
|
.hidden {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
navigater{
|
|
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
|
|
-webkit-tap-highlight-color: transparent; /* For some Androids,个人感觉是低版本的安卓，4.0以下 */
|
|
|
|
}
|
|
|
|
page {
|
|
|
|
color: #000;
|
|
|
|
font-size: 16px;
|
|
|
|
font-family: 'PingFang SC','sans-serif','Helvetica Neue','Helvetica','Arial';
|
|
|
|
}
|
|
|
|
.section{ margin-left:4%; margin-right:4%; width:92%; overflow: hidden;}
|
|
|
|
.sectionW{margin-left:2%; margin-right:2%;width:96%;overflow: hidden;}
|
|
|
|
.section90{margin-left:5%; margin-right:5%;width:90%;overflow: hidden;}
|
|
|
|
.sectionZ{margin-left:7%; margin-right:7%;width:86%;overflow: hidden;}
|
|
|
|
.sectionM{margin-left:41rpx; margin-right:41rpx;width:668rpx;overflow: hidden;}
|
|
|
|
.black-font{
|
|
|
|
color: #353535;
|
|
|
|
}
|
|
|
|
.font32r{
|
|
|
|
font-size:32rpx;
|
|
|
|
}
|
|
|
|
.font36r{
|
|
|
|
font-size:36rpx;
|
|
|
|
}
|
|
|
|
.f-black{
|
|
|
|
color:#030303;
|
|
|
|
}
|
|
|
|
.f-black1{
|
|
|
|
color:#050505;
|
|
|
|
}
|
|
|
|
.f_red{
|
|
|
|
color: #E64340;
|
|
|
|
}
|
|
|
|
.red{
|
|
|
|
color:#f12c20;
|
|
|
|
}
|
|
|
|
.blue{
|
|
|
|
color: #10AEFF;
|
|
|
|
}
|
|
|
|
.yellow{
|
|
|
|
color: #FFBE00;
|
|
|
|
}
|
|
|
|
.orange{
|
|
|
|
color:rgb(255,76,0);
|
|
|
|
}
|
|
|
|
.gray{
|
|
|
|
color: #BFBFBF;
|
|
|
|
}
|
|
|
|
.white{
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
.black-font{
|
|
|
|
color:#333333;
|
|
|
|
}
|
|
|
|
.white-font{
|
|
|
|
color:#ffffff;
|
|
|
|
}
|
|
|
|
.gray-deep-font{
|
|
|
|
color:#666666;
|
|
|
|
}
|
|
|
|
.gray-font{
|
|
|
|
color:#999999;
|
|
|
|
}
|
|
|
|
.red-pink-font{
|
|
|
|
color: #F0242E;
|
|
|
|
}
|
|
|
|
.gray-light-font{
|
|
|
|
color:#CCCCCC;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-red-pink{
|
|
|
|
background: #F0242E;
|
|
|
|
}
|
|
|
|
.bg-white{
|
|
|
|
background: #FFFFFF;
|
|
|
|
}
|
|
|
|
.bg-gray{
|
|
|
|
background: #F9F9F9;
|
|
|
|
}
|
|
|
|
.bg-light-gray{
|
|
|
|
background: #CCCCCC;
|
|
|
|
}
|
|
|
|
.bg-line-gray{
|
|
|
|
background: #EFEFEF;
|
|
|
|
}
|
|
|
|
.bg-green{
|
|
|
|
background: #199095;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.click-icon{
|
|
|
|
width: 12rpx;
|
|
|
|
height: 12rpx;
|
|
|
|
border:2rpx solid transparent;
|
|
|
|
border-top:2rpx solid #999999;
|
|
|
|
border-right:2rpx solid #999999;
|
|
|
|
transform: rotate(45deg);
|
|
|
|
border-radius: 4rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.f-white{
|
|
|
|
color: #FDFDFD;
|
|
|
|
}
|
|
|
|
.f-white1{
|
|
|
|
color: #FDFCFC;
|
|
|
|
}
|
|
|
|
.f-brown{
|
|
|
|
color:rgb(70,0,0);
|
|
|
|
}
|
|
|
|
.ft-liggray{
|
|
|
|
color:#DCDBE0;
|
|
|
|
}
|
|
|
|
.f-gray{
|
|
|
|
color:#333333;
|
|
|
|
}
|
|
|
|
.f-liggray{
|
|
|
|
color:#b2b2b2;
|
|
|
|
}
|
|
|
|
.f-midgray{
|
|
|
|
color:#4D4B4B;
|
|
|
|
}
|
|
|
|
.f-darkgray{
|
|
|
|
color:#666;
|
|
|
|
}
|
|
|
|
.f-deepgray{
|
|
|
|
color:#999;
|
|
|
|
}
|
|
|
|
.f-deepred{
|
|
|
|
color:#B3515A;
|
|
|
|
}
|
|
|
|
.f-blue{
|
|
|
|
color:#576B95;
|
|
|
|
}
|
|
|
|
.bg{
|
|
|
|
background-color: #efeef3;
|
|
|
|
}
|
|
|
|
.bg_green{
|
|
|
|
background-color: #199095;
|
|
|
|
}
|
|
|
|
.bg_red{
|
|
|
|
background-color: #e64340;
|
|
|
|
}
|
|
|
|
.bg_deepred{
|
|
|
|
background-color: #B3515A;
|
|
|
|
}
|
|
|
|
.bg_gray{
|
|
|
|
background-color: #f3f3f3;
|
|
|
|
}
|
|
|
|
.bg_white{
|
|
|
|
background-color: white;
|
|
|
|
}
|
|
|
|
.bg_eee{
|
|
|
|
background-color: #eee;
|
|
|
|
}
|
|
|
|
.font_color{
|
|
|
|
color: #008100;
|
|
|
|
}
|
|
|
|
.mtop3{
|
|
|
|
margin-top: 3px;
|
|
|
|
}
|
|
|
|
.mtop5{
|
|
|
|
margin-top: 5px;
|
|
|
|
}
|
|
|
|
.mtop8{
|
|
|
|
margin-top: 8px;
|
|
|
|
}
|
|
|
|
.mtop10{
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
.mtop15{
|
|
|
|
margin-top: 15px;
|
|
|
|
}
|
|
|
|
.mtop16{
|
|
|
|
margin-top: 16px;
|
|
|
|
}
|
|
|
|
.mtop20{
|
|
|
|
margin-top: 20px;
|
|
|
|
}
|
|
|
|
.mtop25{
|
|
|
|
margin-top: 25px;
|
|
|
|
}
|
|
|
|
.mtop30{
|
|
|
|
margin-top: 30px;
|
|
|
|
}
|
|
|
|
.mtop50{
|
|
|
|
margin-top: 50px;
|
|
|
|
}
|
|
|
|
.mbottom10{
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
.mbottom15{
|
|
|
|
margin-bottom: 15px;
|
|
|
|
}
|
|
|
|
.mbottom16{
|
|
|
|
margin-bottom: 16px;
|
|
|
|
}
|
|
|
|
.mbottom20{
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
.mbottom25{
|
|
|
|
margin-bottom: 25px;
|
|
|
|
}
|
|
|
|
.mbottom50{
|
|
|
|
margin-bottom: 50px;
|
|
|
|
}
|
|
|
|
.mleft{
|
|
|
|
margin-left:4%;
|
|
|
|
}
|
|
|
|
.mleft5{
|
|
|
|
margin-left: 5px;
|
|
|
|
}
|
|
|
|
.mleft8{
|
|
|
|
margin-left: 8px;
|
|
|
|
}
|
|
|
|
.mleft10{
|
|
|
|
margin-left: 10px;
|
|
|
|
}
|
|
|
|
.mleft14{
|
|
|
|
margin-left: 14px;
|
|
|
|
}
|
|
|
|
.mleft15{
|
|
|
|
margin-left: 15px;
|
|
|
|
}
|
|
|
|
.mleft20{margin-left: 20px;}
|
|
|
|
.mleft45{margin-left: 45%;}
|
|
|
|
.mright5{margin-right: 5px;}
|
|
|
|
.mright10{
|
|
|
|
margin-right: 10px;
|
|
|
|
}
|
|
|
|
.mright25{
|
|
|
|
margin-right: 14px;
|
|
|
|
}
|
|
|
|
.mright20{
|
|
|
|
margin-right: 20px;
|
|
|
|
}
|
|
|
|
.strong,.bold,.font-bold{
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
.bold500{
|
|
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
.fweight700{
|
|
|
|
font-weight:700;
|
|
|
|
}
|
|
|
|
.textoverflow{
|
|
|
|
display: block;
|
|
|
|
overflow: hidden;
|
|
|
|
white-space: nowrap;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
}
|
|
|
|
.fsize11{
|
|
|
|
font-size: 11px;
|
|
|
|
}
|
|
|
|
.fsize12{
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
.fsize13{
|
|
|
|
font-size: 13px;
|
|
|
|
}
|
|
|
|
.fsize14{
|
|
|
|
font-size: 14px;
|
|
|
|
}
|
|
|
|
.fsize15{
|
|
|
|
font-size: 15px;
|
|
|
|
}
|
|
|
|
.fsize16{
|
|
|
|
font-size: 16px;
|
|
|
|
}
|
|
|
|
.fsize17{
|
|
|
|
font-size: 17px;
|
|
|
|
}
|
|
|
|
.fsize18{
|
|
|
|
font-size: 18px;
|
|
|
|
}
|
|
|
|
.fsize19{
|
|
|
|
font-size: 19px;
|
|
|
|
}
|
|
|
|
.fsize20{
|
|
|
|
font-size: 20px;
|
|
|
|
}
|
|
|
|
.fsize22{
|
|
|
|
font-size: 22px;
|
|
|
|
}
|
|
|
|
.fsize24{
|
|
|
|
font-size: 24px;
|
|
|
|
}
|
|
|
|
.fsize25{
|
|
|
|
font-size: 25px;
|
|
|
|
}
|
|
|
|
.fsize28{
|
|
|
|
font-size: 28px;
|
|
|
|
}
|
|
|
|
.fsize30{
|
|
|
|
font-size: 30px;
|
|
|
|
}
|
|
|
|
.fsize35{
|
|
|
|
font-size: 35px;
|
|
|
|
}
|
|
|
|
.fsize36{
|
|
|
|
font-size: 36px;
|
|
|
|
}
|
|
|
|
.fsize40{
|
|
|
|
font-size: 40px;
|
|
|
|
}
|
|
|
|
fsize50{
|
|
|
|
font-size: 50px;
|
|
|
|
}
|
|
|
|
.hr{
|
|
|
|
background: #efeef3;
|
|
|
|
height: 20rpx;
|
|
|
|
width:100%;
|
|
|
|
}
|
|
|
|
.hr-one{
|
|
|
|
background: #eee;
|
|
|
|
height: 1px;
|
|
|
|
width:auto;
|
|
|
|
}
|
|
|
|
.hr-line{
|
|
|
|
background:#f3f3f3;
|
|
|
|
height:25px;
|
|
|
|
line-height: 27px;
|
|
|
|
width:100%;
|
|
|
|
color:#999;
|
|
|
|
font-size:12px;
|
|
|
|
padding-left:5%;
|
|
|
|
}
|
|
|
|
.nowrap{white-space:nowrap;}
|
|
|
|
.avatar-min,.avatar-min image{width:40px;height:40px; border-radius: 50%;}
|
|
|
|
.avatar-mid,.avatar-mid image{width:60px;height:60px; border-radius: 50%;}
|
|
|
|
.avatar,.avatar image{width:64px;height:64px; border-radius: 50%;}
|
|
|
|
.avatar-max,.avatar-max image{width:70px;height:70px; border-radius: 50%;}
|
|
|
|
.thumb,.thumb image{width:60px;height:60px;}
|
|
|
|
.thumb-max,.thumb-max image{width:70px;height:70px;}
|
|
|
|
|
|
|
|
/*水平方向左右分布*/
|
|
|
|
.flex-lr{
|
|
|
|
display: flex;
|
|
|
|
display: -webkit-flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
align-items:center;
|
|
|
|
flex-direction: row;
|
|
|
|
-webkit-flex-direction: row;
|
|
|
|
}
|
|
|
|
.flex-ll{
|
|
|
|
display: flex;
|
|
|
|
display: -webkit-flex;
|
|
|
|
justify-content: flex-start;
|
|
|
|
align-items: center;
|
|
|
|
flex-direction: row;
|
|
|
|
-webkit-flex-direction: row;
|
|
|
|
}
|
|
|
|
.flex-rr{
|
|
|
|
display: flex;
|
|
|
|
display: -webkit-flex;
|
|
|
|
justify-content: flex-end;
|
|
|
|
align-items: center;
|
|
|
|
flex-direction: row;
|
|
|
|
-webkit-flex-direction: row;
|
|
|
|
}
|
|
|
|
/*垂直方向居中分布*/
|
|
|
|
.flex-vc{
|
|
|
|
display: flex;
|
|
|
|
display: -webkit-flex;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
flex-direction: column;
|
|
|
|
-webkit-flex-direction: column;
|
|
|
|
}
|
|
|
|
/*垂直方向居左分布*/
|
|
|
|
.flex-vl{
|
|
|
|
display: flex;
|
|
|
|
display: -webkit-flex;
|
|
|
|
justify-content: flex-start;
|
|
|
|
align-items: left;
|
|
|
|
flex-direction: column;
|
|
|
|
-webkit-flex-direction: column;
|
|
|
|
}
|
|
|
|
.flex-vr{
|
|
|
|
display: flex;
|
|
|
|
display: -webkit-flex;
|
|
|
|
justify-content: flex-end;
|
|
|
|
align-items: center;
|
|
|
|
flex-direction: column;
|
|
|
|
-webkit-flex-direction: column;
|
|
|
|
}
|
|
|
|
/*水平方向居中分布*/
|
|
|
|
.flex-cc{
|
|
|
|
display: flex;
|
|
|
|
display: -webkit-flex;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
flex-direction: row;
|
|
|
|
-webkit-flex-direction: row;
|
|
|
|
}
|
|
|
|
/*基准线对齐*/
|
|
|
|
.flex-bc{
|
|
|
|
display: flex;
|
|
|
|
display: -webkit-flex;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: baseline;
|
|
|
|
flex-direction: row;
|
|
|
|
-webkit-flex-direction: row;
|
|
|
|
}
|
|
|
|
/*流式布局*/
|
|
|
|
.flex-auto{
|
|
|
|
display: flex;
|
|
|
|
display: -webkit-flex;
|
|
|
|
justify-content: space-around;
|
|
|
|
align-content: flex-start;
|
|
|
|
flex-flow:wrap;
|
|
|
|
}
|
|
|
|
.fixed-bottom{
|
|
|
|
position: fixed;
|
|
|
|
bottom: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.h1{
|
|
|
|
font-size: 40px;
|
|
|
|
}
|
|
|
|
.div-v-center {
|
|
|
|
-webkit-transform: translateY(-50%);
|
|
|
|
-moz-transform: translateY(-50%);
|
|
|
|
-ms-transform: translateY(-50%);
|
|
|
|
-o-transform: translateY(-50%);
|
|
|
|
transform: translateY(-50%);
|
|
|
|
}
|
|
|
|
.div-h-center {
|
|
|
|
-webkit-transform: translateX(-50%);
|
|
|
|
-moz-transform: translateX(-50%);
|
|
|
|
-ms-transform: translateX(-50%);
|
|
|
|
-o-transform: translateX(-50%);
|
|
|
|
transform: translateX(-50%);
|
|
|
|
}
|
|
|
|
/*绿色虚线边框*/
|
|
|
|
.bd-green{
|
|
|
|
border: 1px dashed #21ab38;
|
|
|
|
border-radius: 5px;
|
|
|
|
}
|
|
|
|
/*灰色虚线边框*/
|
|
|
|
.bd-gray{
|
|
|
|
border: 1px dashed #b2b2b2;
|
|
|
|
border-radius: 5px;
|
|
|
|
}
|
|
|
|
/*灰实线边框*/
|
|
|
|
.bs-gray{
|
|
|
|
border: 1px solid #b2b2b2;
|
|
|
|
}
|
|
|
|
.border-r{border-right: 1px solid #e0e0e0;}
|
|
|
|
.yellow{
|
|
|
|
color: #FFBE00;
|
|
|
|
}
|
|
|
|
.userinfo{
|
|
|
|
width: 90%;
|
|
|
|
}
|
|
|
|
.userinfo .nickname{
|
|
|
|
max-width: 65%;
|
|
|
|
margin-left: 10px;
|
|
|
|
display: block;
|
|
|
|
overflow: hidden;
|
|
|
|
white-space: nowrap;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
}
|
|
|
|
.itemtitle{
|
|
|
|
white-space:nowrap;
|
|
|
|
}
|
|
|
|
.t-align-c{
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.t-align-r{
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
.displaysan{
|
|
|
|
word-break:break-all;
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
display:-webkit-box;
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
-webkit-line-clamp:2;
|
|
|
|
overflow:hidden;
|
|
|
|
}
|
|
|
|
.footer{
|
|
|
|
width:96%;
|
|
|
|
height: 48px;
|
|
|
|
line-height:48px;
|
|
|
|
color:#fff;
|
|
|
|
bottom:6px;
|
|
|
|
position: fixed;
|
|
|
|
margin:0 2%;
|
|
|
|
}
|
|
|
|
.footer button{
|
|
|
|
width:96%;
|
|
|
|
margin:0 2%;
|
|
|
|
}
|
|
|
|
textarea{
|
|
|
|
z-index: 0;
|
|
|
|
}
|
|
|
|
.linethrough{
|
|
|
|
text-decoration:line-through
|
|
|
|
}
|
|
|
|
image{
|
|
|
|
background-color: #f4f4f4;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-size: 68px 24px;
|
|
|
|
background-position: center;
|
|
|
|
}
|
|
|
|
.opacity2{
|
|
|
|
opacity: 0.2;
|
|
|
|
}
|
|
|
|
.opacity3{
|
|
|
|
opacity: 0.3;
|
|
|
|
}
|
|
|
|
.opacity{
|
|
|
|
opacity: 0.4;
|
|
|
|
}
|
|
|
|
.opacity5{
|
|
|
|
opacity: 0.5;
|
|
|
|
}
|
|
|
|
.ptop5{
|
|
|
|
padding-top:5px;
|
|
|
|
}
|
|
|
|
.ptop10{
|
|
|
|
padding-top:10px;
|
|
|
|
}
|
|
|
|
.pbottom10{
|
|
|
|
padding-bottom:10px;
|
|
|
|
}
|
|
|
|
.ptop12{
|
|
|
|
padding-top:12px;
|
|
|
|
}
|
|
|
|
.pbottom12{
|
|
|
|
padding-bottom:12px;
|
|
|
|
}
|
|
|
|
.pbottom15{
|
|
|
|
padding-bottom:15px;
|
|
|
|
}
|
|
|
|
.ptop20{
|
|
|
|
padding-top:20px;
|
|
|
|
}
|
|
|
|
.pbottom20{
|
|
|
|
padding-bottom:20px;
|
|
|
|
}
|
|
|
|
.ptop25{
|
|
|
|
padding-top:25px;
|
|
|
|
}
|
|
|
|
.pbottom25{
|
|
|
|
padding-bottom:25px;
|
|
|
|
}
|
|
|
|
.ptop50{
|
|
|
|
padding-top:50px;
|
|
|
|
}
|
|
|
|
.pbottom50{
|
|
|
|
padding-bottom:50px;
|
|
|
|
}
|
|
|
|
.width20{
|
|
|
|
width:20%;
|
|
|
|
}
|
|
|
|
.width80{
|
|
|
|
width:80%;
|
|
|
|
}
|
|
|
|
.height12{
|
|
|
|
height:12px;
|
|
|
|
line-height:12px;
|
|
|
|
}
|
|
|
|
.avater{width:50px;height:50px;border-radius:50%;}
|
|
|
|
/*.loading:before{
|
|
|
|
display: inline-block;
|
|
|
|
margin-right: 5rpx;
|
|
|
|
vertical-align: middle;
|
|
|
|
content: '';
|
|
|
|
width: 40rpx;
|
|
|
|
height: 40rpx;
|
|
|
|
background: url(../image/loading.png) no-repeat;
|
|
|
|
background-size: contain;
|
|
|
|
animation: rotate 1s linear infinite;
|
|
|
|
} */
|
|
|
|
.loading.complete:before{
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.height50{height:50px;line-height:50px;}
|
|
|
|
.width70{width:70%;}
|
|
|
|
.width30{width:30%;}
|
|
|
|
.b-radius3{border-radius:3px;}
|
|
|
|
.b-radius5{border-radius:5px;}
|
|
|
|
.b-radius{border-radius:6px;}
|
|
|
|
.b-radius50{border-radius:50%;}
|
|
|
|
|
|
|
|
.addin{width:68px;height:20px;line-height:20px;margin:0 5px;border:1px solid #B3515A;border-radius:3px;}
|
|
|
|
.bottom button{width:130px;position:absolute;right:20px;top:-58px;height:43px;line-height:43px;}
|
|
|
|
button[disabled][type="primary"] ,.button-hover[type="primary"],button[loading][type="primary"]{background-color:#B3515A;}
|
|
|
|
|
|
|
|
.steptpl .circle{color:#fff;width:16px; height:16px;line-height:16px;border-radius:50%; background-color:#C2C2C2;text-align:center;}
|
|
|
|
.steptpl .line{width:25.5%; height:1px;background-color:#e0e0e0;}
|
|
|
|
.steptpl .active{background-color:#B3515A;color:#fff;}
|
|
|
|
.steptpl .black{color:#020202;}
|
|
|
|
.steptpl .gray{color:#020202;}
|
|
|
|
.steptpl .ligray{color:#999;}
|
|
|
|
.steptpl .item{margin-left:11.5%;width:79%;}
|
|
|
|
|
|
|
|
.modal{height:36px;line-height:36px;}
|
|
|
|
.modaltip{width:92%;padding:0 4%;}
|
|
|
|
.btnStyle{height:35px;line-height:35px;color:#fff;padding:0 10px;border-radius:4px;background-color:#B3515A;}
|
|
|
|
|
|
|
|
|
|
|
|
/*点餐商户端新增*/
|
|
|
|
.eattitle{text-align:center;height:30px;margin-top:20px;font-size:20px}
|
|
|
|
.eatsubhead{text-align:center;font-size:14px}
|
|
|
|
.common{background-color:#FAFAFA;padding:2% 3%}
|
|
|
|
.height50{height:50px;line-height:50px;border-bottom:1px #dadada solid }
|
|
|
|
.height51{height:50px;line-height:50px}
|
|
|
|
|
|
|
|
/*菜品及分类的列表页*/
|
|
|
|
.line{width:96%;margin-left:2%;margin-bottom:2%;border-bottom:1px #dadada solid;}
|
|
|
|
.addcook{color:#9AC0CD;width:30%;justify-content:center;display:flex;height:45px;align-items:center;}
|
|
|
|
.name{background:#F7F7F7;border-radius:4px;font-size:14px;height:75%;}
|
|
|
|
.action{font-size:28px}
|
|
|
|
.moremodal{margin:10px 0;}
|
|
|
|
.type_table {border:0px solid darkgray;display:flex;justify-content:center;}
|
|
|
|
.type_tr {display:flex;width:94%;justify-content:center;height:120rpx;align-items:center;border-bottom:1px solid #efeef3;}
|
|
|
|
.type_td {width:33.333%;height:120rpx;line-height:120rpx;}
|
|
|
|
.type_th {width:33.333%;height:120rpx;justify-content:center;display:flex;align-items:center;line-height:120rpx;}
|
|
|
|
.dname{margin:15rpx 40rpx;color:#353535;font-size:30rpx;font-weight:bold;}
|
|
|
|
.type_name{
|
|
|
|
display:flex;
|
|
|
|
align-items:center;
|
|
|
|
line-height:1.2
|
|
|
|
}
|
|
|
|
|
|
|
|
.block1{width:28%;margin:10px 2%;text-align:center;background-color:#ffff;display:inline-block;border:1px #eeeeee solid;border-radius:10px;height:100px}
|
|
|
|
.block2{width:28%;margin:10px 2%;text-align:center;background-color:#ffff;display:inline-block;border:1px #000000 solid;border-radius:10px;height:100px}
|
|
|
|
.block3{width:42%;margin:15px 3%;text-align:center;background-color:#ffff;display:inline-block;border:1px #eeeeee solid;border-radius:10px;height:150px}
|
|
|
|
.desk-reminder{
|
|
|
|
width:100%;
|
|
|
|
height:100rpx;
|
|
|
|
padding-left:3%;
|
|
|
|
box-sizing:border-box;
|
|
|
|
background:#ebf8f8;
|
|
|
|
color:#666;
|
|
|
|
font-size:30rpx;
|
|
|
|
line-height:100rpx;
|
|
|
|
margin-bottom:45rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.imageblock1{width: 100%; height: 50px; background-color: #eeeeee; border-radius:10px 10px 0 0;}
|
|
|
|
.imageblock2{width: 100%; height: 80px; background-color: #eeeeee; border-radius:10px 10px 0 0;}
|
|
|
|
|
|
|
|
/*swtich样式-start*/
|
|
|
|
/*swtich整体大小*/
|
|
|
|
/*.wx-switch-input{
|
|
|
|
width:104rpx !important;
|
|
|
|
height:64rpx !important;
|
|
|
|
border-radius:32rpx!important;
|
|
|
|
}*/
|
|
|
|
/*白色样式（false的样式）*/
|
|
|
|
/*.wx-switch-input::before{
|
|
|
|
width:102rpx !important;
|
|
|
|
height: 60rpx !important;
|
|
|
|
border-radius:30rpx!important;
|
|
|
|
}*/
|
|
|
|
/*绿色样式（true的样式）*/
|
|
|
|
/*.wx-switch-input::after{
|
|
|
|
width: 60rpx !important;
|
|
|
|
height: 60rpx !important;
|
|
|
|
border-radius:30rpx!important;
|
|
|
|
}*/
|
|
|
|
/*swtich样式end*/
|
|
|
|
.font34r{
|
|
|
|
font-size:34rpx;
|
|
|
|
}
|
|
|
|
.font28r{
|
|
|
|
font-size:28rpx;
|
|
|
|
}
|
|
|
|
.font30r{
|
|
|
|
font-size:30rpx;
|
|
|
|
}
|
|
|
|
.font32r{
|
|
|
|
font-size:32rpx;
|
|
|
|
}
|
|
|
|
.font26r{
|
|
|
|
font-size:26rpx;
|
|
|
|
}
|
|
|
|
.font24r{
|
|
|
|
font-size:24rpx;
|
|
|
|
}
|
|
|
|
.font38r{
|
|
|
|
font-size:38rpx;
|
|
|
|
}
|
|
|
|
.font40r{
|
|
|
|
font-size:40rpx;
|
|
|
|
}
|
|
|
|
.font44r{
|
|
|
|
font-size:44rpx;
|
|
|
|
}
|
|
|
|
.font50r{
|
|
|
|
font-size:50rpx;
|
|
|
|
}
|
|
|
|
.font52r{
|
|
|
|
font-size:52rpx;
|
|
|
|
}
|
|
|
|
.font20r{
|
|
|
|
font-size:20rpx;
|
|
|
|
}
|
|
|
|
.white-font{
|
|
|
|
color:#fff;
|
|
|
|
}
|
|
|
|
.green-font{
|
|
|
|
color:#199095;
|
|
|
|
}
|
|
|
|
.red-font{
|
|
|
|
color:#E14553;
|
|
|
|
}
|
|
|
|
.flex-rc{
|
|
|
|
display:flex;
|
|
|
|
display: -webkit-flex;
|
|
|
|
justify-content:center;
|
|
|
|
align-items:center;
|
|
|
|
}
|
|
|
|
.flex-rs{
|
|
|
|
display:flex;
|
|
|
|
display: -webkit-flex;
|
|
|
|
justify-content:flex-start;
|
|
|
|
align-items:center;
|
|
|
|
flex-direction: row;
|
|
|
|
flex-wrap:wrap;
|
|
|
|
}
|
|
|
|
.flex-cmc{
|
|
|
|
display:flex;
|
|
|
|
display: -webkit-flex;
|
|
|
|
justify-content:center;
|
|
|
|
align-items:center;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
.flex-re{
|
|
|
|
display:flex;
|
|
|
|
display: -webkit-flex;
|
|
|
|
justify-content:flex-end;
|
|
|
|
}
|
|
|
|
.flex-lt{
|
|
|
|
display: flex;
|
|
|
|
display: -webkit-flex;
|
|
|
|
justify-content: flex-start;
|
|
|
|
align-items: flex-start;
|
|
|
|
flex-direction: row;
|
|
|
|
-webkit-flex-direction: row;
|
|
|
|
}
|
|
|
|
.flex-vtb{
|
|
|
|
display: flex;
|
|
|
|
display: -webkit-flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
align-items: left;
|
|
|
|
flex-direction: column;
|
|
|
|
-webkit-flex-direction: column;
|
|
|
|
}
|
|
|
|
/* 弹出框 */
|
|
|
|
.modal-dialog{
|
|
|
|
position:fixed;
|
|
|
|
left:0;
|
|
|
|
right:0;
|
|
|
|
top:50%;
|
|
|
|
margin:0 auto;
|
|
|
|
margin-top:-180rpx;
|
|
|
|
z-index:1000;
|
|
|
|
width:550rpx;
|
|
|
|
min-height:300rpx;
|
|
|
|
background:#fff;
|
|
|
|
|
|
|
|
}
|
|
|
|
.modal-mask{
|
|
|
|
position:fixed;
|
|
|
|
left:0;
|
|
|
|
right:0;
|
|
|
|
top:0;
|
|
|
|
bottom:0;
|
|
|
|
background:rgba(0,0,0,.7);
|
|
|
|
z-index:999;
|
|
|
|
}
|
|
|
|
.modal-dialog-title{
|
|
|
|
width:100%;
|
|
|
|
padding:35rpx 0;
|
|
|
|
}
|
|
|
|
.modal-dialog-input{
|
|
|
|
display:block;
|
|
|
|
width:90%;
|
|
|
|
height:75rpx;
|
|
|
|
margin:25rpx auto;
|
|
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
.modal-dialog-button{
|
|
|
|
width:100%;
|
|
|
|
height:105rpx;
|
|
|
|
border-top:1px solid #e0e0e0;
|
|
|
|
box-sizing:border-box;
|
|
|
|
}
|
|
|
|
.modal-button{
|
|
|
|
width:50%;
|
|
|
|
height:100%;
|
|
|
|
}
|
|
|
|
.modal-cancel{
|
|
|
|
border-right:1px solid #e0e0e0;
|
|
|
|
box-sizing:border-box;
|
|
|
|
}
|
|
|
|
.modal-confirm{
|
|
|
|
color:#008489;
|
|
|
|
}
|
|
|
|
.modal-dialog-all{
|
|
|
|
width:570rpx;
|
|
|
|
min-height:460rpx;
|
|
|
|
margin-top:-250rpx;
|
|
|
|
border-radius:10rpx;
|
|
|
|
overflow:hidden;
|
|
|
|
}
|
|
|
|
.modal-dialog-info{
|
|
|
|
min-height:205rpx;
|
|
|
|
height:auto;
|
|
|
|
}
|
|
|
|
.modal-dialog-single{
|
|
|
|
width:490rpx;
|
|
|
|
margin:0 auto;
|
|
|
|
padding-bottom:40rpx;
|
|
|
|
}
|
|
|
|
.modal-dialog-kind{
|
|
|
|
width:110rpx;
|
|
|
|
height:48rpx;
|
|
|
|
border:1px solid #dadada;
|
|
|
|
}
|
|
|
|
.modal-dialog-allInput{
|
|
|
|
width:300rpx;
|
|
|
|
height:48rpx;
|
|
|
|
border-bottom:1px solid #dadada;
|
|
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
.modal-dialog-reminder{
|
|
|
|
min-height:240rpx;
|
|
|
|
margin-top:-150rpx;
|
|
|
|
}
|
|
|
|
.modal-reminder-title{
|
|
|
|
width:100%;
|
|
|
|
padding:15rpx 40rpx 60rpx 40rpx;
|
|
|
|
box-sizing:border-box;
|
|
|
|
text-align:center;
|
|
|
|
color:#353535;
|
|
|
|
font-size:36rpx;
|
|
|
|
}
|
|
|
|
.icon16-28{
|
|
|
|
width:16rpx;
|
|
|
|
height:28rpx;
|
|
|
|
background:transparent;
|
|
|
|
margin-left:18rpx;
|
|
|
|
}
|
|
|
|
.default-setting{
|
|
|
|
color:#999;
|
|
|
|
font-size:38rpx;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
}
|
|
|
|
.cut{
|
|
|
|
width:100%;
|
|
|
|
height:20rpx;
|
|
|
|
}
|
|
|
|
.smooth{
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
}
|
|
|
|
button::after{
|
|
|
|
border:0;
|
|
|
|
}
|
|
|
|
.font-bold{
|
|
|
|
font-weight:bold;
|
|
|
|
}
|
|
|
|
.font-more{
|
|
|
|
overflow:hidden;
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
white-space:nowrap;
|
|
|
|
}
|
|
|
|
.font-more-two{
|
|
|
|
display: -webkit-box;
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
-webkit-line-clamp: 2;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
image{
|
|
|
|
background:transparent;
|
|
|
|
}
|
|
|
|
.gray-font{
|
|
|
|
color:#999;
|
|
|
|
}
|
|
|
|
.gray-deep-font{
|
|
|
|
color:#666;
|
|
|
|
}
|
|
|
|
.icon12-22{
|
|
|
|
width:12rpx;
|
|
|
|
height:22rpx;
|
|
|
|
background:transparent;
|
|
|
|
|
|
|
|
}
|
|
|
|
.bg_gray{
|
|
|
|
background:#efeef3;
|
|
|
|
}
|
|
|
|
.font-siny{
|
|
|
|
font-weight:300;
|
|
|
|
}
|
|
|
|
image{
|
|
|
|
background-color:transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.modal-alert{
|
|
|
|
width:550rpx;
|
|
|
|
height:auto;
|
|
|
|
min-height:252rpx;
|
|
|
|
position:fixed;
|
|
|
|
left:0;
|
|
|
|
top:50%;
|
|
|
|
right:0;
|
|
|
|
margin:0 auto;
|
|
|
|
margin-top:-125rpx;
|
|
|
|
background:#fff;
|
|
|
|
border-radius:10rpx;
|
|
|
|
z-index:999;
|
|
|
|
}
|
|
|
|
.modal-menu{
|
|
|
|
width:300rpx;
|
|
|
|
height:125rpx;
|
|
|
|
border-bottom:1px solid #efeef3;
|
|
|
|
margin:0 auto;
|
|
|
|
}
|
|
|
|
.modal-close{
|
|
|
|
width:67rpx;
|
|
|
|
height:67rpx;
|
|
|
|
position:absolute;
|
|
|
|
left:0;
|
|
|
|
right:0;
|
|
|
|
bottom:-160rpx;
|
|
|
|
margin:0 auto;
|
|
|
|
border:1px solid #fff;
|
|
|
|
border-radius:50%;
|
|
|
|
}
|
|
|
|
.close-image{
|
|
|
|
width:36rpx;
|
|
|
|
height:36rpx;
|
|
|
|
background:transparent;
|
|
|
|
}
|
|
|
|
.fixed{
|
|
|
|
position:fixed;
|
|
|
|
}
|
|
|
|
.left{
|
|
|
|
left:0;
|
|
|
|
}
|
|
|
|
.right{
|
|
|
|
right:0;
|
|
|
|
}
|
|
|
|
.top{
|
|
|
|
top:0;
|
|
|
|
}
|
|
|
|
.bottom{
|
|
|
|
bottom:0;
|
|
|
|
} |
...
|
...
|
|
