page {
	height: 100%;
	font-size: 28upx;
	line-height: 1.8;
	background: #F8F8F8;
}

image {
	width: 100%;
}

.mui-table-view-cell:after {
	background-color: #f1f1f1;
}

/* 主色调 */
.main-bg-color {
	background-color: #f6651c !important;
}

/* 主色调-点击-淡橙色 */
.main-bg-hover-color {
	background: rgba(253, 104, 1, .85);
}

/* 字体颜色 */
.main-text-color {
	color: #f6651c
}

/* 主边框颜色 */
.main-border-color {
	border-color: #eaeaea
}

.main-border-color.d-flex.a-center.bg-white {
	border-color: #d8d8d8
}

.mui-table-view:before {
	background-color: #d8d8d8
}

/* 主边框颜色 */
/* 其他 */
/*  */
html, body, section, ul { padding: 0; margin: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Arial,'Microsoft YaHei';word-break:break-all;word-break:break-word;}
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-family:Arial,'Microsoft YaHei'; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #333;font-size:100%;}
body {font-size:15px;color:#333;}

a { color: #333;}
a:hover, a:active, a { text-decoration: none !important; }
a:hover{color:#005197}
ul, li { list-style: none; }
.txt-c { text-align: center; }
.clear{clear:both;font-size:0;line-height:0;height:0;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ 
.fl{float:left}.fr{float:right}
input:focus,button:focus{outline:none}
.divider {height:8px;background: #f2f2f2;}

.header{height:45px}
.mui-slider-indicator{bottom:0}
.mui-table-view-cell:after,.mui-input-group .mui-input-row:after{left:0}

.uni-list-cell::after {
	left: 0;
}

/*  */
/* .qui-flexView {width: 100%;height: 100%;margin: 0 auto;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;
	display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;
	-ms-flex-direction: column;flex-direction: column;}
.qui-scrollView {width: 100%;height: 100%;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;
	overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;position: relative;}
.qui-index-head {width: 100%;padding: 3.5vh 0;text-align: center;height:30vh;color: #fff;
background: #fff url(../../static/indexbg.jpg) no-repeat center top;background-size: cover}
.qui-index-head-box{padding: 0 5vw;}
.qui-index-head h1 {font-weight: normal;font-size: 120%;}
.qui-index-head span{font-size:100%;}
.qui-index-head a{font-size: 80%;}
.qui-index-top {margin-top:-10vh;padding: 0 5vw;}
.qui-index-top-box {background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, .3);border-radius:15px;
height:240px;padding:2.5vh 0;} */
.mui-content{background: #f2f2f2;}
.mui-bar-nav {background:#197fee;}
.mui-bar-nav *{color: white;}
*{font-family: "microsoft yahei",arial;}
.qui-flexView {width: 100%;height: 100%;margin: 0 auto;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;
	display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;
	-ms-flex-direction: column;flex-direction: column;}
.qui-scrollView {width: 100%;height: 100%;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;
	overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;position: relative;}
.qui-index-head {width: 100%;padding:2.1vh 0 5vh 0;text-align: center;height:150px;color: #fff;
	font-size: 0.95rem;background: #fff url(../../static/indexbg.jpg) no-repeat center top;background-size: cover}
.qui-index-head-box{padding: 0 5vw;}
.qui-index-head h1 {font-weight: normal;margin-bottom:3.2vh;font-size:140%;color: #fff;}
.qui-index-head span{font-size:120%;}
.qui-index-head a{font-size: 100%;}
.qui-index-top{margin-top:-95px;padding: 0 5vw;}
.qui-index-top-box{background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, .3);border-radius:14px;
padding-bottom: 1vh;}
.top-box-tit{text-align: center;color:#333;font-size:104%;padding:3vh 0 0.5vh 0;font-weight: bold;}
.top-box-button{padding:0 1%;}
.top-box-button>div{width:33vw;height:29.5vw;text-align: center;padding:4%;
box-sizing:content-box;}
.top-box-button>div a{height:100%;width:100%;border-radius:50%;color:#fff;background-image:linear-gradient(-5deg,#a5d6fb,#b9eaff);}
.top-box-button>div a.on{background-image:linear-gradient(-5deg,#f37255,#ff9178);}
.top-box-button>div:nth-child(2) a i{font-size:145%;}
.top-box-button>div a i{margin-bottom:4%;font-size:160%;}
.top-box-button>div a span{font-size:100%;}
.top-box-button>div a:hover{box-shadow: 0 0 5px rgba(0, 0, 0, .3);}
.qui-index-module{padding:2vh 3.5vw 1vh 3.5vw;}
.qui-index-module div div a{height:95%;width:86%;border-radius:14px;padding:12% 0;
background:#fff;box-shadow: 0 0 5px rgba(0, 0, 0, .3);}
.qui-index-module div div i{font-size:320%;margin-bottom: 5%;}
.qui-index-module div div span{color: #000;font-size:100%;}
.qui-index-module div div i{background-image: -webkit-linear-gradient(top, #fd9677, #ff5769);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
}
.qui-index-module div div:first-child i{background-image: -webkit-linear-gradient(top, #69e0ac, #0bb192);
            -webkit-background-clip: text;-webkit-text-fill-color: transparent;
}
.qui-index-module div div:last-child i{background-image: -webkit-linear-gradient(top,#fec52f, #ff8025);
            -webkit-background-clip: text;-webkit-text-fill-color: transparent;
}
.qui-list-box{padding:3vw 5vw;}
.qui-list-box .qui-list-top{margin-bottom: 2vh;}
.qui-list-box .qui-list-top span{font-size:104%;font-weight: bold;}
.qui-list-box .qui-list-top a{font-size:95%;color: #999;}
.qui-list-li{padding: 0;margin: 0;list-style: none;}
.qui-list-li li{background: #f1f8fe;border-radius:0.625rem;padding:10px 15px;}
.text-overflow{white-space: nowrap;-webkit-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden;}
.qui-list-li li span.font-sm{color: #989898;}
.qui-list-li li{margin-bottom:2vh;}
.qui-checkin-sj .font{font-size:104%;}

.qui-checkin-lx{}
.qui-checkin-lx span{background:#edebec;padding:7px;margin-bottom:10px;border-radius:5px;text-align:center;
font-size:100%;color:#666;width:30.5%;font-size:104%;margin-right:4% !important}

.qui-checkin-lx span.on{background:#197fee;color: #fff;}
.qui-checkin-lx span.mr{display: block;margin-right:4.15%;}
.qui-checkin-lx span:nth-child(3n){margin-right:0 !important}
.qui-butBox{padding:15px 18px;}
.qui-butBox input{background: #197fee;border-radius:10px;width:100%;padding:13px;font-size: 110%;color: #fff;}
.qui-card{padding:3% 5vw;}
.qui-card h1{font-size:100%;color: #0159c7;padding:0 3% 2% 3%;font-weight:500;}
.qui-card h1 span:last-child{color: #999999;}
.qui-card .outlist-li{padding:2% 3% 2% 3%;}
.qui-card .outlist-li li{padding:2px 0;font-size: 100%;color:#999;}
.qui-card .outlist-li li span{text-align:justify;text-align-last:justify;margin-right:8%;
width:62px;min-width:62px;color:#333;box-sizing: border-box;white-space: nowrap;}
.qui-card .outlist-li li span,.qui-card h1{font-size: 102%;}
.list-button-box button,.list-button-box a,.list-button-box button.px-2{border-radius:5px;padding:5px 10px;
margin-right:8px;font-size:100%;}
.list-button-box button:nth-child(1){padding-right:15px;padding-left: 15px;background-image: linear-gradient(#2bbaf7,#118ff1);border:1px #1b94f2}
.list-button-box button.px-2:nth-child(1){padding-right:15px;padding-left: 15px;background-image:none}
.list-button-box button:nth-child(2){background-image: linear-gradient(#fe9076,#f37256);border:1px #f57b5f solid}
.list-button-box button:nth-child(3){background-image: linear-gradient(#fecb47,#f8a952);border:1px #ffa135 solid}
.list-button-box button:last-child{margin-right:0;}
.list-button-box button i{font-size:80%;padding-right: 5px;}
input::-webkit-input-placeholder,.qui-checkin-sj span.font,textarea::-webkit-input-placeholder{
  color:#acacae;font-size:100%;
}
input:-moz-placeholder,textarea:-moz-placeholder{
  color:#acacae;
}
input::-moz-placeholder,textarea::-moz-placeholder{
  color:#acacae;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
  color:#acacae;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {/*背景颜色*/box-shadow:0 0 0 60px #fff inset; 
/*字的颜色*/
-webkit-text-fill-color: #878787;}

input[placeholder="请选择"]{height:30px !important;padding-top:5px !important;padding-bottom:5px !important;}