/*public style*/
.disabled-status{
pointer-events:auto !important;
cursor: not-allowed !important;
}
.waiting-status{
pointer-events:auto !important;
cursor: progress !important;

}
@media screen and (max-width:640px){
	.bottom-fixed {
    position: fixed;
    width: 100%;
    bottom: 0px;
    z-index: 9999 !important;
    display: block !important ;
}
}

.content-wrap-l {
	float: left;
	width: 23%;
	max-width: 66px;
	min-width: 66px;
}

.content-wrap-r {
	float: left;
	width: 75%;
}

/*study-banner start*/
.study-banner {
	position: relative;
	width: 100%;
	min-height:158px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:#3edede;
    
}
.mui-slider-item .study-banner img {
	border: none;
	border-radius: 0;
	width: 100%;
	max-height: 200px;
}
.course-name{
position: absolute;
    color: #fff;
    font-size: 20px;
	margin-top:-10px;
}
.corporation {
	position: absolute;
	bottom: 14px;
	right: 20px;
	color: #fff;
	font-size: 16px;
}
/*study-banner end*/

.query-btn {
	padding: 5px 10px;
	border: none;
	font-size: 14px;
	color: #151515;
	background-color: #d6d6d6;
	border: none;
	border-radius: 0;
}

.btn-active {
	color: #FFFAFA;
	background-color: #3492e9;
}

.btns-container button {
	width: 50%;
	margin: 0;
}

.btns-container button:nth-child(1) {
	border-right: 1px solid #fff;
}

.item-name-container {
	float: left;
	width: 90%;
	padding: 0;
}
.hidden-element{
			float: right;
		    width: 20px;
		    position: absolute;
		    top: -3px;
		    border: none;
		    font-size: 11px;
		    color: #ccc;
		    display:none;
			}
.hint-text {
	text-align: center;
	margin: 0 auto;
	font-size: 13px;
}

.hint-text-warning {
	color: #b2b2b2;
}

.hint-text-success {
	/*color: #72cfdf;*/
	color: #76b8f8;
}

.component-hidden {
	display: none;
}

.mui-bar-nav {
	box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
}

.mui-popup {
	width: 300px;
}

.public-bg-blue {
	background-color: #2c8eee;
}

body {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.public-bg-white {
	background-color: #fff;
}

.public-bottom {
	margin-bottom: 15px;
}

.public-bottom-fixed {
	margin-bottom: 65px;
}

.bottom-fixed {
	position: fixed;
	width: 100%;
	bottom: 0px;
	z-index: 6;
}

.public-bg-gray {
	background-color: #f8f8f8;
}

.public-float-left {
	float: left;
}

.public-bg-gradient {
	background: -webkit-linear-gradient(45deg, #ffffff 58%, #f6f6f6 50%);
	background: linear-gradient(45deg, #ffffff 58%, #f6f6f6 50%);
	background-size: 1px 1px;
	//linear-gradient(45deg, #f8feff 23%, #f9fafa 50%)
}

.mui-bar-nav a,
.mui-bar-nav h1 {
	color: #fff;
}

.public-font-white {
	color: #fff;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.none-shadow {
	-webkit-box-shadow: 0 0 0 #ccc;
	box-shadow: 0 0 0 #ccc;
}

.l-big-text {
	font-size: 20px;
}

.public-top1 {
	margin-top: 10px;
}

.public-top2 {
	margin-top: 20px;
}

.public-top3 {
	margin-top: 30px;
}

.public-top4 {
	margin-top: 40px;
}

.public-top5 {
	margin-top: 50px;
}

.green-text {
	color: #00B008;
}

.btn-block {
	width: 100%;
	/*96%;*/
	padding: 0;
	display: block;
	margin: 0 auto;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	border: 0;
	border-radius: 0;
}

.btn-half-block {
	width: 46%;
	padding: 0;
	display: inline-block;
	margin: 0 auto;
	height: 42px;
	line-height: 42px;
	font-size: 18px;
	border: 0;
	border-radius: 0;
	margin: 0 1%;
}

.btn-third-block {
	width: 31%;
	padding: 0;
	display: inline-block;
	margin: 0 auto;
	height: 42px;
	line-height: 42px;
	font-size: 18px;
	border: 0;
	margin: 0 1%;
}

.btn-third-block:nth-child(1) {
	margin: 0;
}

.btn-third-block:nth-child(3) {
	margin: 0;
}

.public-btn-white {
	display: block;
	width: 100%;
	background-color: #fff;
	color: #f8b2b2;
	font-size: 16px;
	height: 42px;
	line-height: 42px;
	padding: 0;
	border: 1px solid #e3e3e3;
	border-radius: 0;
	margin: 0 auto;
}

.btn-bgblue {
	background-color: deepskyblue;
	color: #fff;
}

.btn-samll {
	display: block;
	width: 100px;
	background-color: #fff;
	color: #e1e1e1;
	font-size: 16px;
	height: 36px;
	line-height: 36px;
	padding: 0;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	margin: 0 auto;
}

.public-btn-bgcolor {
	background-color: #3492e9;
	color: #ecf8fd;
	border: 0px;
	border-radius: 0;
}

.btn-border {
	width: 150px;
	border: 1px solid #3492e9;
	border-radius: 20px;
	height: 36px;
	line-height: 36px;
	padding: 0;
}

.btn-box {
	margin-top: 15px;
	text-align: center;
}

.public-shadow {
	box-shadow: 0px 0px 9px #e9e9e9;
}

.blue-text {
	color: #2C8EEE;
}

.wainning-text {
	font-size: 15px;
	/*color: red;*/
	color: #A9A9A9;
}

.login-active {
	display: none;
}

.none-login {
	display: block;
}

.header {
	//background-color: rgba(28,143,255,0);
	//background-color: rgba(99, 209, 255, 0);
	box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
}


/*.header a.mui-icon {
	padding: 0;
	background-color: rgba(187, 225, 232, 0.7);
	height: 32px;
	width: 32px;
	text-align: center;
	border-radius: 100%;
	line-height: 32px;
	margin-top: 5px;
}*/

.header a {
	color: #FFF;
}

.mui-title input {
	width: 85%;
	height: 30px;
	background-color: #fff;
	border-radius: 15px;
	font-size: 14px;
}

.grid-table {
	background-color: #FAFAFC;
	padding: 5px 0;
}

.grid {
	border-bottom: 1px solid #fff;
}

.grid-l {
	width: 30%;
	float: left;
	text-align: center;
	padding: 5px 5px 0px 10px;
}

.grid-l p {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	float: left;
	margin-top: 15px;
}

.grid-l span {
	font-size: 2.5em;
	color: #fff;
	float: right;
}

.grid-r {
	width: 70%;
	float: left;
}

.hotel-r-l {
	width: 33.33%;
	float: left;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	height: 65px;
	line-height: 65px;
	border-left: 1px solid #fff;
}

.hotel-r-r {
	width: 66.67%;
	float: left;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	height: 65px;
	line-height: 65px;
	border-left: 1px solid #fff;
}

.airport-r-l,
.airport-r-c,
.airport-r-r {
	width: 33.33%;
	float: left;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	height: 65px;
	line-height: 65px;
	border-left: 1px solid #fff;
}

.travel-r-l,
.travel-r-c,
.travel-r-r {
	width: 33.33%;
	float: left;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	height: 65px;
	line-height: 65px;
	border-left: 1px solid #fff;
}

.grid {
	background-color: #FA6754;
	border-radius: 5px 5px 0 0;
}

.airport {
	background-color: #4D98ED;
	border-radius: 0;
}

.travel {
	background-color: #46C88F;
	border-radius: 0 0 5px 5px;
}

.mui-slider {
	margin: 0;
	background-color: #fff;
}

.mui-slider-item a img {
	border-radius: 0px 0px 5px 5px;
	width: 100%;
}

.mui-grid-view.mui-grid-9 .mui-table-view-cell {
	padding: 5px;
}

.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
	font-size: 12px;
}

.mui-grid-view.mui-grid-9 .mui-media .mui-icon {
	font-size: 1.6em;
	color: #FD915B;
}


/*.mui-table-view {
	border-bottom: 1px solid #dbdbdb;
}*/

.teimaihui-title {
	font-size: 18px;
	color: #FE8391;
	font-style: oblique;
	font-weight: bold;
	font-family: "微软雅黑";
	padding-left: 10px;
}

.temai a {
	float: right;
	font-size: 12px;
	border-radius: 20px;
	padding: 0px 10px;
	height: 20px;
	line-height: 20px;
	margin: 0;
	background-color: #FF5373;
	color: #fff;
}

.temai a span {
	font-size: 12px;
}

.temai {
	margin: 10px 0 5px 0;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	padding: 5px;
	max-height: 328px;
}

.teimaihui {
	margin: 10px 0;
}

.temaiGrid-l,
.temaiGrid-r {
	width: 48%;
	float: left;
}

.temaiGrid-l {
	margin-right: 5px;
	padding: 0 0 10px 0;
	background-color: #f9f9f9;
	height: 215px;
}

.temaiGrid-r {
	background-color: #fff;
}

.temaiGrid-l p {
	font-size: 14px;
	color: #000;
	padding: 0 4px;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 5px 2px;
	height: 36px;
}

.temaiGrid-l span {
	font-size: 1.13rem;
	color: #FF499F;
	padding: 0 5px;
}

.temaiGrid-r-t {
	padding: 20px 5px 15px 5px;
	background-color: #f9f9f9;
	position:
}

p {
	margin-bottom: 0;
}

.temaiGrid-r-t p {
	color: #FD3A51;
	font-weight: bold;
	margin: 0;
}

.temaiGrid-r-t span {
	color: #444;
	font-size: 12px;
}

.temaiGrid-r-b {
	text-align: center;
}

.temaiGrid-r-b-l {
	text-align: center;
	background-color: #f9f9f9;
}

.temaiGrid-r-b-l p {
	color: #6aabff;
	font-size: 15px;
	font-weight: bold;
}

.temaiGrid-r-b-r p {
	color: #53CA72;
	font-size: 15px;
	font-weight: bold;
}

.temaiGrid-r-b-l span {
	color: #444;
	font-size: 12px;
}

.temaiGrid-r-b-r span {
	color: #444;
	font-size: 12px;
}

.temaiGrid-r-b-r {
	text-align: center;
	background-color: #f9f9f9;
}

.temaiGrid-l img {
	width: 100%;
}

.temaiGrid-r-t img {
	float: right;
	width: 65px;
	height: 65px;
	position: absolute;
	top: 5px;
	right: 10px;
}

.temaiGrid-r-b-l {
	width: 49%;
	float: left;
	padding: 8px;
}

.temaiGrid-r-b-r {
	width: 49%;
	float: right;
	padding: 8px;
}

.temaiGrid-r-b-l {
	margin-right: 2%;
}

.temaiGrid-r-b-l {}

.temaiGrid-r-b-l img,
.temaiGrid-r-b-r img {
	display: block;
	width: 65px;
	height: 65px;
	margin: 0 auto;
}

.temaiGrid-r-t {
	margin-bottom: 5px;
}

.huodong {
	margin: 5px 0;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	padding: 5px;
}

.huodong-title {
	color: #FF940B;
}

.temaiGrid {
	border: 1px solid #f0f0f0;
}

.huodong-l {
	width: 50%;
	float: left;
	border-right: 1px solid #f0f0f0;
}

.huodong-r {
	width: 50%;
	float: left;
}

.huodong-l img,
.huodong-r img {
	width: 100%;
}

.huodong-title {
	font-size: 18px;
	color: #FE8391;
	font-style: oblique;
	font-weight: bold;
	font-family: "微软雅黑";
	padding-left: 10px;
}

.huodong a {
	float: right;
	font-size: 12px;
	border-radius: 20px;
	padding: 0px 10px;
	height: 20px;
	line-height: 20px;
	margin: 0;
	background-color: #FF5373;
	color: #fff;
}

.huodong a span {
	font-size: 12px;
}


/*order page style*/

.mui-bar .mui-title {
	left: 10px;
	right: 10px;
}

.kf {
	background-color: #383b66;
}

.order-content {
	margin-bottom: 60px;
}

.order-list-btn {
	float: left;
	width: 100%;
}

.dingdan {
	padding: 0 5px;
	font-size: 16px;
	font-weight: bold;
}

.condition {
	width: 33.33%;
	/*width:25%;*/
	float: left;
	text-align: center;
	/*height: 60px;
	line-height: 60px;*/
	height: 50px;
	line-height: 50px;
	color: #fff;
}

/*.condition:after {
	content: "";
	border-right: 1px solid #d0d0d0;
	height: 20px;
	font-size: 12px;
	position: relative;
	left: 10px;
	top: -2px;
}*/

.condition:last-child:after {
	content: "";
	border-right: 0;
}

.condition .iconfont {
	font-size: 20px;
}

.queryCondition {
	width: 100%;
	position: fixed;
	top: 44px;
	right: 0;
	z-index: 99;
}

.orderList {
	margin: 50px 0 10px;
}

.orderList ul li {
	/*box-shadow: #c9c9c9 0px 0px 5px;*/
}

.orderList ul .mui-table-view-cell .mui-collapse-content {
	padding: 5px 10px;
}

.orderList li .mui-navigate-right {
	font-size: 18px;
	padding: 15px;
}

.listItem {
	background-color: #fff;
	border-radius: 5px;
	padding: 5px 10px 10px;
	/*margin-bottom: 8px;*/
	box-shadow: #c9c9c9 0px 0px 5px;
}

.no-active {
	display: none;
}

.order-title .realname,
.order-title .item-name {
	font-size: 16px;
	color: #000;
	font-weight: normal;
}


/*.price {
	float: right;
	margin-right: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #FF940B;
}*/

.mui-navigate-right .price {
	float: right;
	margin-right: 25px;
	font-size: 14px;
	color: #3492e9;
	margin-top: 3px;
	border: 1px solid #3492e9;
	border-radius: 3px;
	padding: 4px 3px 3px;
}

.order-detail {
	margin: 4px 0;
	height: 25px;
	line-height: 25px;
}

.begin-time,
.end-time {
	font-size: 14px;
}

.till {
	background-color: #d1d1d1;
	font-size: 14px;
	padding: 0;
	display: inline-block;
	margin: 0 5px;
}

.order-num {
	/*background-color: #e0ffff;*/
	font-size: 14px;
	/*padding: 1px 2px;*/
	display: inline-block;
}

.pay-fail {
	background-color: #f0f0f0;
}

.order-status {
	float: right;
	margin: 0 5px;
	font-size: 12px;
	border-radius: 20px;
	padding: 4px 8px 3px;
	color: #999;
	border: 1px solid #c9c9c9;
	min-width: 66px;
}

.pay-success {
	background-color: #3492e9;
	color: #fff;
	border: 0;
}

.price.pay-none {
	color: #999;
	border: 1px solid #c9c9c9;
}

p.order-operation {
	margin: 8px 0;
}

.none-auth {
	display: none;
}

.auth-status {
	display: block;
}


/*.order-operation button {
	float: right;
	margin-right: 10px;
	padding: 5px 20px;
	border: 1px solid skyblue;
	font-size: 14px;
	color: deepskyblue;
}*/

.order-operation button {
	float: right;
	margin-right: 8px;
	padding: 5px 16px;
	border: 1px solid #62b3ff;
	font-size: 14px;
	color: #5faef8;
	/*border-radius: 20px;*/
}

.add_order {
	position: fixed;
	bottom: 0;
	width: 100%;
	border: 1px solid;
	z-index: 999;
}


/*create order*/

.login-content-login {
	/*padding: 10px 0;*/
	padding: 0 10px;
}

.create-order-title {
	text-align: center;
	font-size: 18px;
	font-weight: 100;
	padding: 10px;
	border-bottom: 1px solid silver;
	margin: 0;
}

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

.mui-navigate-right {
	font-size: 22px;
	color: #666;
}

.mui-input-row .mui-input-speech~.mui-icon-speech {
	font-size: 24px;
	top: 18px;
}

.mui-input-row .mui-input-speech~.mui-icon-clear {
	font-size: 24px;
	top: 20px;
}

.mui-title a.active {
	color: #fff;
	border-bottom: 1.2px solid #FFF;
	height: 42px;
}

.mui-title a {
	border-bottom: 1.2px solid #cacaca;
	height: 42px;
	color: #cacaca;
}

.icon-yonghuxinxi:before {
	font-size: 1.6em;
}

.icon-xiangmu:before {
	font-size: 1.5em;
}


/*order*/


/*行程*/


/*selectSpecialist page*/

.response {
	margin: 10px 0;
	border-top: 1px solid #dbdbdb;
	/* box-shadow: 1px 1px 5px #e1e1e1; */
}

.response h5 {
	padding: 8px 5px;
}

.mui-table-view {
	border-bottom: 0;
	font-size: 14px;
}

.mui-table-view-cell:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 5px;
	height: 1px;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background-color: #c8c7cc;
}

.no-result span {
	color: #B6B6B6;
}

.specialist-id {
	display: none;
}

.hospital-r {}


/*payment page*/


/*.real-data {
	float: left;
}*/

.pay_way {
	border: 1px solid #f3f3f3;
	border-radius: 10px;
	padding: 10px 5px;
}

.pay_way button {
	margin-top: 10px;
}

.pay_way .iconfont {
	font-size: 1.2em;
}

.public-bg-blue {
	/*background-color: #007aff;*/
	background-color: #3492E9;
}

.public-font-white {
	color: #fff;
}

.pay-note {
	margin: 5px 0;
	padding: 10px 5px;
	/* text-align: center; */
	color: #999;
	font-size: 13px;
	border: 1px solid #F2F2F2;
	border-radius: 5px;
}

.pay-note p {
	color: #888;
	font-size: 13px;
	margin: 2px 0;
}

.pay-amount {
	text-align: center;
	padding: 10px;
	margin: 10px 0;
}

.pay-amount span {
	margin-left: 5px;
}

.pay-title {
	font-size: 18px;
}


/*add_order page*/


/*.scan-btn {
	position: relative;
	top: -8px;
	right: -5px;
	color: #3492e9;
}*/

.scan-btn {
	position: fixed;
	top: 51px;
	right: -58px;
	color: #3492e9;
	width: 200px;
	z-index: 999;
}

.scan-icon span {
	font-size: 1.6em;
}

.scan-title {
	font-size: 11px;
	position: relative;
	top: -6px;
}

.scan-area {
	max-width: 400px;
	padding: 2px;
	border: 1px solid #f2f2f2;
	//box-shadow: 0 0 5px #e6e3e3;
	text-align: center;
	border-radius: 5px;
	margin: 0 auto;
}

.scan-img {
	width: 98%;
	border-radius: 5px;
	vertical-align: middle;
	border: 1px solid #f2f2f2;
	box-shadow: 0 0 5px #e6e3e3;
}

.login-content-box {
	padding: 0;
	margin-bottom: 44px;
}

.login-content-login-div-left {
	display: inline-block;
	width: 78px;
}

.login-content-login-div-right {
	float: right;
	color: #d8d8d8;
}

.login-content-login-div-left,
.login-content-login-div-right {
	margin-top: 18px;
	color: #5a5454;
}

.login-content-login-div-center input {
	width: 100%;
	border: 0px;
	margin-top: 7px;
	margin-left: 8px;
	margin-bottom: 8px;
	padding: 8px 0;
	font-size: 17px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.login-content-login-div {
	border-bottom: 1px solid #f0f0f0;
}

.regitser-content-box p {
	text-align: center;
	font-size: 15px;
	color: #666;
	margin-top: 20px;
}

.login-content-login-div-center {
	display: inline-block;
}

.radio {
	float: left;
	position: relative;
	left: -15px;
	width: 70%;
	padding: 7px 0 8px;
}

.custom-input .radio {
	padding: 0;
}

.radio .mui-input-row {
	width: 50%;
	float: left;
	max-width: 138px;
}

.radio .mui-input-row:nth-child(2) {
	margin-left: -35px;
}

.radio label {
	width: 50%;
	float: left;
}

.mui-input-row {
	clear: none;
	overflow: hidden;
}

.item-list li {
	width: 100%;
	padding: 12px;
}

.item-list li p {
	margin: 2px 0;
	text-align: left;
	font-size: 11px;
	/*text-indent: 5px;*/
	color: #666;
}

.item-list li>a:not(.mui-btn) {
	position: static;
	color: #333333;
	font-size: 16px;
}

.item-show {
	margin: 10px 0;
	font-size: 13px;
}

.item-show a {
	color: #7d8788;
}

.amount-light {
	font-size: 15px;
	color: #f97963;
	border-bottom: 1px solid darkgrey;
}

.amount {
	font-size: 18px;
	color: #f97963;
	border-bottom: 1px solid darkgrey;
}

.icon-active {
	color: red;
}

.payment-notice {
	text-align: center;
	font-size: 15px;
	line-height: 1.5;
	color: #acacb0;
	padding-bottom: 5px;
	border-bottom: 1px solid #DDDDDD;
	margin-left: -15px;
	margin-right: -15px;
}

.payment-content {
	text-align: left;
	padding: 10px;
	min-height: 100px;
}

.payment-content p {
    font-size: 16px;
    line-height: 24px;
    padding: 10px;
}

.payment-content p span {
	font-size: 13px;
	color: #908d8d;
	margin: 6px;
}

.identity-card {
	float: left;
	width: 55%;
	margin: 5px;
}

.mui-popup-inner {
	padding: 10px;
}

.link-way {
	/*text-align: center;*/
}

.quick-link {
	color: #8f8f94;
	border: 1px solid #e6d9d9;
	border-radius: 20px;
	padding: 3px 9px;
	font-size: 12px;
	margin: 5px 12px;
}

.login-link {}

.payment-notice p {
	color: #6f6464;
	font-size: 16px !important;
	margin: 5px 0;
}

.none-item {
	color: #ffadad;
	font-size: 14px;
}

.about-bottom .protocol {
	color: #9ac9f6;
}

.iconfont.tel-btn {
	color: skyblue;
	font-size: 15px;
	display: inline-block;
	padding: 0 5px;
	background: #fdfeff;
	text-align: center;
	/* border: 1px solid skyblue; */
	/* border-radius: 20px; */
}


/*order page end*/


/*payment2*/


/*recharge page*/

.rechare-amount {
	padding: 15px;
	border-bottom: 1px solid #eee;
}

.rechare-amount .mui-icon {
	color: #888888;
}

.rechare-amount span {
	color: #444;
}

.rechare-amount .amount {
	float: right;
	margin-right: 20px;
	color: orange;
}

.payment-way {
	border: 1px solid #f3f3f3;
	border-radius: 10px;
	padding: 10px 15px 15px;
	margin: 0;
}

.payment-title h4 {
	font-weight: normal;
	color: #848484;
	margin: 5px 0;
	font-size: 15px;
}

.payment-item {
	padding: 15px 0;
	border-bottom: 1px solid #E3E3E3;
}

.payment-item h4 {
	font-size: 15px;
	color: #848484;
}

.payment-logo {
	float: left;
	width: 10%;
	text-align: center;
}

.payment-logo .iconfont {
	font-size: 2.5em;
}

.icon-qq-copy {
	color: #E4937D;
}

.weixin {
	color: #00B008;
}

.alipay {
	color: #0094EA;
}

.bankCard {
	/*color: #728187;*/
	color: #c5b69a;
}

.cash {
	color: #9c9999;
}

.payment-logo img {
	width: 100%;
	display: block;
	margin: 0 auto;
	position: relative;
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 100%;
}

.payment-name {
	float: left;
	width: 90%;
	padding-left: 10px;
}

.payment-name-l {
	float: left;
	margin-left: 8px;
}

.payment-name-l h4 {
	margin: 3px 0;
	font-size: 16px;
	color: #555555;
}

.payment-name-l p {
	font-size: 12px;
	color: #848484;
}

.payment-name-r {
	float: right;
	top: 10px;
	position: relative;
}

.payment-name-r span {
	background-color: #CACACA;
	color: #fff;
	display: block;
	text-align: center;
	font-size: 1em;
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 100%;
}

.payment-name-r .pay-active {
	background-color: #0094EA;
}

.payment-name-r .pay-active {
	background-color: #0094EA;
}

.payment-btn {
	margin: 10px 0;
}

.payment-btn button {
	padding: 0;
	width: 98%;
	margin: 0 auto;
	height: 42px;
	line-height: 42px;
}

.payment-customer-info {
	font-size: 16px;
	color: #645f5f;
}

.payment-customerInfo {
	font-size: 16px;
	color: #645f5f;

}


/*my page*/

.my-head-bar a {
	color: #bEEEEE;
}

.my-head-bar {
	top: 0;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}

.my-logo {
	position: fixed;
	width: 100%;
	z-index: 99;
	height: 64px;
}

.my-logo-l {
	float: left;
	padding: 0px 7px;
}

.my-logo-l img {
	width: 55px;
	height: 52px;
	/*border-radius: 100%;*/
	border-radius: 10px;
}

.my-logo-r {
	float: left;
	width: 78%;
}

.my-logo-r-l {
	float: left;
	padding-top: 0px;
}

.my-logo-r-l h4 {
	color: #fff;
	font-size: 16px;
	margin: 10px 0 5px;
}

.my-logo-r-l p {
	color: #f3eeee;
	font-size: 13px;
	margin-bottom: 0;
}

.my-logo-r-r {
	position: relative;
	float: right;
	top: 0;
	right: -15px;
	padding: 20px 0;
	width: 20%;
	max-width: 55px;
}

.my-logo-r-r a {
	color: #fff;
	font-size: 1.3em;
}

.my-wallet {
	padding: 5px;
	margin-top: 71px;
}

.my-wallet-l {
	float: left;
	width: 50%;
	text-align: center;
	padding: 5px;
	border-right: 1px solid #ddd;
}

.my-wallet-r {
	float: left;
	width: 50%;
	text-align: center;
	padding: 5px;
}

.my-wallet .iconfont {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: skyblue;
	display: inlne-block;
	border-radius: 100%;
	font-size: 1.5em;
	color: #fff;
}

.my-wallet-l .iconfont {
	background-color: orange;
}

.my-wallet p {
	margin: 2px;
}

.my-list-wrapper {
	padding: 72px 0 0;
}

.my-list {
	margin-bottom: 12px;
}

.my-list:before,
.my-list:after {
	background-color: #fff;
}

.my-list-cell-l {
	float: left;
}

.my-list-cell-l span {
	margin-right: 4px;
}

.my-list-cell-r {
	float: right;
}

.my-list-cell-r span {
	color: #ddd;
	/*font-size: 1.4em;*/
}

.my-list-cell-l span {
	font-size: 16px;
	color: #444;
}

.mui-table-view-cell {
	padding: 10px 10px;
}

.my-list-cell-l .iconfont {
	font-size: 1.3em;
	font-weight: normal;
}

.my-list-cell-l .icon-01 {
	color: #3FA1F8;
}

.my-list-cell-l .icon-02 {
	color: #FD8453;
}

.my-list-cell-l .icon-03 {
	color: #46A1F6;
}

.my-list-cell-l .icon-04 {
	color: #91CC3A;
}

.my-list-cell-l .icon-05 {
	color: #FFC228;
}

.big-txt {
	font-size: 25px;
	margin-right: 3px;
}

.g-txt {
	color: #6DC310;
}

.icon-div {
	width: 30px;
	height: 30px;
	display: inline-block;
	background: red;
	text-align: center;
	line-height: 30px;
	color: #fff;
	border-radius: 100px;
}

.home-list-div {
	margin-top: 15px;
}

.list-l-icon {
	margin-right: 10px;
	font-size: 20px !important;
}

.mui-navigate-right span {
	font-size: 14px;
}


/*about page*/

.about-bq-txt {
	font-size: 18px;
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
}

.about-bq img {
	display: block;
	margin: 10px auto;
	margin-top: 60px;
	width: 50%;
}

.about-bq p {
	font-size: 13px;
	line-height: 18px;
	text-align: center;
}

.edition {
	border: 1px solid #ddd;
	padding: 2px 5px;
	border-radius: 20px;
	font-size: 12px;
	color: #A6A2A2;
}

.about-bq {
	text-align: center;
}

.core-word {
	margin: 60px 0;
	color: #666;
}

.core-word h4 {
	font-size: 15px;
	color: #999999;
}

.about-bq-txt p {
	font-size: 12px;
}


/*订单*/

.dd-box {
	padding-top: 20%;
	text-align: center;
}

.dd-box span {
	padding: 10px;
	font-size: 3em;
	border-radius: 100%;
	background-color: #EFEFF4;
	border: 1px solid #afafaf;
	color: #9b9a9a;
}

.dd-box h4 {
	color: #333;
	margin: 10px 0px;
	font-weight: normal;
}

.dd-box p {
	margin: 20px 0;
}

.dd-box button {
	padding: 8px 20px;
}

.mui-content {
	font-family: "宋体", "微软雅黑", "times new roman";
}


/*login page*/


/*.login-box {
	position: absolute;
	width: 90%;
	top: 15%;
	left: 50%;
	margin-left: -45%;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.5);
	padding: 20px 15px 10px;
	//box-shadow: #9c9c9c 5px 5px 5px;
	box-shadow: #c9c9c9 0px 0px 5px;
	border: 1px solid #f6f4f4;
	background: linear-gradient(#feffff, #f7fefffa);
}*/

.login-box {
	width: 90%;
	margin: 10px auto;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.5);
	padding: 20px 15px 10px;
	//box-shadow: inset #9c9c9c 5px 5px 5px;
	box-shadow: #eee 0px 0px 5px;
	border: 1px solid #f6f4f4;
	background: linear-gradient(#feffff, #f7fefffa);
}

.register-btn {
	//box-shadow: #9c9c9c 5px 5px 5px;
	width: 98%;
	color: #fff;
	//box-shadow: 0px 1px 5px #ddddce;
	border-radius: 20px;
}

.mui-table-view-cell.mui-collapse.my-collapse .mui-active {
	background-color: #fff;
}

.login-header * {
	color: #fff;
}

.login-box label {
	width: 62px;
	height: 44px;
	margin-right: 5px;
	line-height: 44px;
	padding: 0;
	background-color: #F3F3F3;
	font-size: 15px;
	text-align: center;
	color: #cdcdcd;
}

.login-box span {
	font-size: 1.2em;
	margin: 0 3px;
}

.link-btn span {
	font-size: 15px;
}

.login-box .mui-input-row {
	/*height: 50px;*/
	height: 44px;
	padding: 0;
	border: 1px solid rgba(210, 206, 206, 0.2);
	margin: 10px 0 15px;
	border-radius: 2px;
}


/*.login-box .mui-input-row label{
	max-width: 70px;
	float: left;
	padding:10px 0;
}*/

.login-box .mui-input-row input {
	float: left;
	margin-left: 5px;
	/*height: 50px;*/
	height: 44px;
	border: 0;
}

.login-box .mui-input-clear~.mui-icon-clear,
.login-box .mui-input-password~.mui-icon-eye,
.login-box .mui-input-speech~.mui-icon-speech {
	margin-top: 3px;
}

.link-btn button {
	padding: 10px 12px 5px;
	font-size: 14px;
	cursor: pointer;
}

.link-btn .mui-btn-link {
	color: #cdd1d5;
}


/*.login-box .mui-input-row .mui-input-clear~.mui-icon-clear{
	position: absolute;
	top:18px;
}*/

.verification_code_btn {
	float: right;
	position: absolute;
	right: 10px;
	top: 5px;
	border: 1px solid #91c2f1;
	color: #76b8f8;
}

.btn-disabled {
	border: 1px solid #dee2e6;
	color: #d2d5d9;
}


/*userInfo page*/

.userInfo {
	margin-top: 65px;
}

.account-item {
	padding: 12px 10px 10px 20px;
}

.mui-table-view-cell.account-item a {
	display: block;
	padding: 15px;
}

.account-item a span {
	display: inline-block;
	font-size: 16px;
	margin-top: 10px;
}

.account-item a img {
	width: 45px;
	height: 45px;
	border-radius: 100%;
	float: right;
	position: relative;
	right: 30px;
}

.account-item .pull-right {
	float: right;
	position: relative;
	right: 30px;
	font-size: 14px;
	color: #777777;
}

.account-bind,
.account-safe {
	margin: 15px 0;
}

.account-bind h4,
.account-safe h4 {
	font-size: 14px;
	color: #888888;
	padding: 0 10px;
	margin: 5px 0;
	font-weight: normal;
}

.media-list-l {
	float: left;
	width: 10%;
	max-width: 32px;
}

.media-list-l span {
	font-size: 1.1em;
	display: inline-block;
	color: #9b9a9a;
	margin-top: 5px;
}

.media-list-r {
	float: left;
	width: 90%;
	padding: 6px 0;
}

.media-list-r-l {
	float: left;
}

.media-list-r-l span {
	font-size: 16px;
}

.media-list-r-r {
	float: right;
	margin-right: 30px;
}

.media-list-r-r span {
	font-size: 14px;
	color: #777777;
}

.media-list-r-r .blue-text {
	color: #90b6e3;
}

.account-bind a.mui-navigate-right,
.account-safe a.mui-navigate-right {
	display: block;
	padding: 10px 20px;
}

.account-safe .media-list-r {
	width: 100%;
	padding: 8px 0;
}

.icon-weixin {
	color: #00B008;
}

.icon-alipay {
	color: #0094EA;
}

.icon-qq-copy {
	color: #E4937D;
}


/*notice page*/

.notice {}

.notice-item {
	padding: 12px 10px 10px;
	margin-bottom: 5px;
}

.notice-item-l {
	float: left;
	width: 10%;
	text-align: center;
}

.notice-item-l img {
	width: 100%;
	margin-top: 5px;
}

.notice-item-r {
	float: left;
	width: 90%;
	padding-left: 10px;
}

.notice-item-r-t {
	border-bottom: 1px solid #F0F0F0;
}

.notice-item-r-t h4 {
	float: left;
	font-size: 14px;
	margin-bottom: 5px;
	color: #555;
	margin-left: 5px;
}

.notice-item-r-t span {
	float: right;
	font-size: 13px;
	color: #999999;
}

.notice-item-r-b {
	padding: 5px;
}

.notice-item-r-b p {
	margin-bottom: 0;
	font-size: 13px;
}


/*setting*/

.quitBtn {
	margin: 20px 0;
}

.setting-list {}

.setting-list li.mui-table-view-cell a {
	font-size: 14px;
	color: #666;
}


/*address page*/

.add-address-box,
.add-order-box {
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 99;
	text-align: center;
}

.add-address-box button,
.add-order-box button {
	border: 0;
	font-size: 16px;
	color: #21A9F6;
}

.add-address-box button,
.add-order-box button {
	border: 0;
	border-radius: 0;
	font-size: 16px;
	color: #ffffff;
	background-color: #3492e9;
}

.add-address-box button button span,
.add-order-box button button span {
	font-size: 1.1em;
}

.address-list-box {
	padding: 5px 0;
}

.address-item {
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	padding: 10px;
}

.address-info {
	float: left;
	width: 90%;
}

.address-info h4 {
	font-weight: normal;
	color: #333;
}

.address-info h4 span {
	margin-right: 5px;
}

.address-info p {
	margin: 5px 2px;
	font-size: 14px;
	width: 98%;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}


/*
 * 多行省略
width:100px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
 */

.address-label {
	background-color: orange;
	padding: 2px 5px;
	border-radius: 1px;
	color: #fff;
	font-size: 13px;
}

.address-edit {
	float: right;
	width: 10%;
}

.address-edit .iconfont {
	width: 44px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 1.2em;
	color: #999;
}


/*add_address page*/

.address-form {
	padding: 5px 10px;
}

.mui-input-row.custom-input {
	padding: 8px 5px;
	border-bottom: 1px solid #F0F0F0;
}

.mui-input-row .custom-lable {
	width: 25%;
	padding: 11px 0px 10px;
	max-width: 85px;
	color: #888;
}

.mui-input-row.custom-input input {
	width: 75%;
	padding-left: 5px;
	float: left;
}

.custom-input select {
	position: relative;
	left: -36px;
}

.custom-textarea {
	margin: 10px 5px 5px;
	color: #888;
}

.custom-textarea textarea {
	margin-bottom: 0;
}

.custom-textarea span {
	margin-bottom: 10px;
	display: inline-block;
}

.add-address-btn {
	margin-top: 20px;
}

#showCityPicker3 {
	width: 60%;
	height: 36px;
}


/*.address-info .mui-input-row .mui-input-clear~.mui-icon-clear, .mui-input-row .mui-input-password~.mui-icon-eye, .mui-input-row .mui-input-speech~.mui-icon-speech{
	margin-top:0px;
}*/

.address-info input::-webkit-input-placeholder,
.address-info textarea::-webkit-input-placeholder {
	color: #999999;
}


/*withdraw_deposit page*/


/*payment_success page*/

.withdraw-status,
.identification-head {
	text-align: center;
	padding: 30px 0 10px;
}

.withdraw-status .iconfont {
	width: 50px;
	height: 50px;
	background-color: #41C562;
	line-height: 50px;
	border-radius: 100%;
	font-size: 2em;
	font-weight: bold;
	color: #fff;
}

.identification-head .iconfont {
	font-size: 3.8em;
}

.identification-success {
	color: #5ab9ff;
}

.identification-fail {
	color: #b4b4b4;
}

.withdraw-status h4 {
	font-size: 16px;
	margin: 15px;
	color: #2F2F2F;
	font-weight: normal;
}

.identification-head h4 {
	font-size: 16px;
	margin: 10px;
	color: #6c6f6f;
	font-weight: normal;
}

.withdraw-status p {
	font-size: 15px;
	color: #666;
}

.withdraw-description {
	/*padding: 20px 10px 20px 20px;*/
}

.withdraw-description h5 {
	font-size: 15px;
	color: #333333;
	font-weight: bold;
	margin: 10px;
	position: relative;
}

.withdraw-description h5 .iconfont {
	position: absolute;
	left: -25px;
	font-size: 1.5em;
	top: -8px;
	color: #FFEEAC;
	font-weight: bold;
}

.withdraw-description p {
	font-size: 13px;
	color: #999;
	line-height: 1.5;
	padding-left: 12px;
}

.identification-status {
	font-size: 24px;
	border-radius: 100%;
	margin-right: 5px;
}

.show-pay-info {
	margin: 0 auto;
	/*padding: 0 30px;*/
	padding: 0 10%;
}

.show-pay-info p {
	font-size: 13px;
	color: #999;
	line-height: 1.5;
	padding-left: 12px;
	margin: 8px 0;
}

.withdraw-btn {
	margin: 20px 0;
	text-align: center;
}


/*home page*/

.home-nav {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	padding: 5px 10px;
	color: #fff;
}

.home-nav-top {
	border: 1px solid;
	padding: 5px;
}

.home-nav-bottom {
	padding: 5px;
	border: 1px solid;
}

.home-nav-cell-l {
	float: left;
	width: 80%;
}

.home-nav-cell-r {
	float: right;
	width: 20%;
	text-align: center;
}

.home-nav-cell-r h4 {
	margin: 0;
}

.unknown-info {
	color: #f3eeee;
	font-weight: normal;
}

.home-nav-cell-r h4 span {
	margin-top: 2px;
	background-color: #fff;
	width: 32px;
	height: 32px;
	font-size: 1.8em;
	border-radius: 5px;
	color: #999;
}

.home-nav-cell-r p {
	color: #fff;
	margin: 0;
}

.takeout-grid .grid-cell {
	float: left;
	width: 25%;
	text-align: center;
	padding: 10px 0;
}

.grid-cell span {
	width: 50px;
	height: 50px;
	font-size: 2em;
	display: block;
	margin: 0 auto;
	line-height: 50px;
	/*border-radius: 100%;*/
	border-radius: 5px;
	color: #3492e9;
}

.grid-cell p {
	position: relative;
	top: 3px;
}


/*.grid-cell:nth-child(1) span{
	//background-color: #FF4E3D;
	background-color: #ddb891;
}
/*.grid-cell:nth-child(2) span{*/

background-color: #16B4EF;

}

*/
/*.grid-cell:nth-child(3) span{
	//background-color: #FF773E;
	background-color: #7fd02b;
}*/

/*.grid-cell:nth-child(4) span{
	//background-color: #4BA4FF;
	background-color: #79e2e7;
}
/*.grid-cell:nth-child(5) span{*/
//background-color: #2B8EF2;
background-color: #2c77b1;

}

*/
/*.grid-cell:nth-child(6) span{
	background-color: #00AB67;
}*/

/*.grid-cell:nth-child(7) span{
	background-color: #f67878;
}*/

/*.grid-cell:nth-child(8) span{
	//background-color: #ff7094;
	background-color: #7fd02b;
}*/
.home-service-center {
	margin: 10px 0;
	padding: 5px;
}

.home-service-function {
	margin: 5px 0;
	padding: 6px;
}

.home-service-center img {
	width: 100%;
	max-height: 52px;
}

.home-service-center h4 .line {
	color: #16B4EF;
}

.home-service-function h4 {
	font-size: 13px;
	font-weight: normal;
	padding: 5px 5px 5px;
	/*border-bottom: 1px solid #F3EEEE;*/
	border-bottom: 1px solid #f1f1f1;
	/*color: #515B6A;*/
	color: #97a0a3;
	margin: 0;
	margin-bottom: 5px;
}

.home-service-center h4 {
	font-size: 13px;
	font-weight: normal;
	padding: 10px 5px 10px;
	/*border-bottom: 1px solid #F3EEEE;*/
	border-bottom: 1px solid #f1f1f1;
	/*color: #515B6A;*/
	color: #97a0a3;
	margin: 0;
	margin-bottom: 10px;
}

.article-title {
	font-size: 15px;
	color: #333;
	margin: 5px 0;
}

.takeout-list {
	margin: 10px 0;
	padding: 8px 5px;
}

.takeout-list-item {
	margin: 10px 0;
	border-bottom: 1px solid #f0f0f0;
}

.takeout-list-item-l {
	float: left;
	width: 20%;
	text-align: center;
	padding: 2px;
}

.takeout-list-item-l img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.takeout-list-item-r {
	float: left;
	width: 80%;
	padding: 0 5px;
}

.takeout-list-item-r-one {
	padding-top: 0px;
}

.takeout-list-item-r-two {}

.takeout-list-item-r-three {}

.takeout-list-item-r-one-l,
.takeout-list-item-r-two-l,
.takeout-list-item-r-three-l {
	float: left;
}

.takeout-list-item-r-one-r,
.takeout-list-item-r-two-r,
.takeout-list-item-r-three-r {
	float: right;
}

.takeout-list h4 {
	margin: 0;
}

.takeout-list p {
	margin-bottom: 6px;
}

.takeout-list-item-r-one h4 {
	font-size: 16px;
	color: #777;
}

.big-text {
	font-size: 16px;
}

.small-text {
	font-size: 13px;
}

.gray-text {
	color: gray;
}

.takeout-list-item-r-two-l .gray-text {
	color: gray;
}

.orange-text {
	color: orange;
}

.takeout-list-item-r-two-l .iconfont {
	color: gray;
}

.mui-icon.star-active {
	color: orange;
}

.takeout-list-item-r-three-r p {
	font-size: 12px;
	background-color: #00b0fc;
	color: #f4f4f4;
	border-radius: 5px;
	padding: 1px 4px;
	height: 20px;
	line-height: 20px;
}

.takeout-list-item-r-three-r .iconfont {
	font-size: 13px;
}

.special-list img.mui-media-object {
	max-width: 90px;
	height: 53px;
	border-radius: 2px;
}

.service_logo {
	border-radius: 5px;
	border: 1px solid #e3e3e3;
}

.cooperator-list li {
	width: 33.33%;
}

.mui-grid-view.mui-grid-9.cooperator-list {
	background-color: #fff;
}

.mui-grid-view.mui-grid-9.cooperator-list .cooperator-list-item a {
	padding: 5px;
}

.cooperator-list li a img {
	width: 90%;
	border-radius: 5px;
}

.about-center {
	text-align: center;
	padding: 5px;
	margin-bottom: 10px;
}

.about-center p {
	color: #7cd9ff;
	font-size: 13px;
	margin-top: 0px;
}

.about-center h5 span {
	color: #33c4ff;
	font-size: 1.5em;
}

.scan-qrcode {
	text-align: center;
}

.scan-qrcode img {
	border: 1px solid #e3e1e1;
	/*border-radius: 30px;*/
	border-radius: 10px;
	width: 60%;
	max-width: 250px;
	padding: 10px;
	margin: 5px;
}

.scan-qrcode h4 {
	font-size: 15px;
	font-weight: normal;
	color: #A6A2A2;
	padding: 5px;
}

.home-service-center {
	position: absolute;
	bottom: 20px;
	width: 100%;
}


.none-auth-box {
	position: fixed;
	width: 100%;
	bottom: 1px;
	z-index: 99;
	text-align: center;
	padding: 10px;
	color: #ff9595;
	font-size: 15px;
}

.none-auth-box a {
	font-size: 12px;
	color: #d0d2d4;
	border: 1px solid #d0d2d4;
	padding: 4px 5px 3px;
	border-radius: 3px;
	margin-left: 10px;
}

/*home page end*/

/*.about-bottom {
	text-align: center;
	padding:2px;
	position: absolute;
	bottom: 3px;
	width:100%;
}*/
.about-bottom {
	text-align: center;
	width: 100%;
}

.about-bottom p {
	font-size: 11px;
	/*color: #b8c2c5;*/
	/*color: #959fa9;*/
	color: #A6A2A2;
	margin: 0;
}

.more {
	/*color: #fff;*/
	/*color: #878282;*/
	font-size: 12px;
	font-weight: normal;
	padding: 4px 12px 2px;
	border-radius: 0px;
	margin-right: 8px;
	border: 1px solid #DEDEDE;
	position: relative;
	top: -2px;
	color: skyblue;
}

.about-head {
	text-align: center;
	padding: 10px;
}

.my-mui-title {
	font-size: 17px;
	font-weight: 500;
	text-align: center;
}

/*modify_address page*/
.mui-bar-nav .right-link {
	display: inline-block;
	font-size: 14px;
	padding: 15px;
	position: absolute;
	right: 5px;
	color: #e7ecf1;
	bottom: -5px;
}

/*balance page*/
.balance-header {
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}

.balance-box {
	padding: 15px 10px;
	/*position: fixed;
	width:100%;
	z-index: 99;*/
}

.balance-content {
	border-radius: 4px;
	padding: 15px;
}

.balance-content div {
	margin: 10px 0;
}

.balance-content-description span {
	font-size: 14px;
	color: #aaa;
}

.balance-content-description .amount-explain {
	color: #3290EE;
}

.amount-explain {
	margin-right: 10px;
}

.balance-content-btn button {
	float: left;
	width: 45%;
	display: block;
	margin: 0 auto;
	margin-left: 4%;
	height: 40px;
}

.balance-detail-title {
	margin: 10px;
	font-size: 15px;
	color: #848484;
	font-weight: normal;
}

.balance-detail {
	margin: 10px 0;
	padding: 30px;
	text-align: center;
}

.balance-detail span {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #D8D8D8;
	border-radius: 100%;
	font-size: 2em;
	color: #D8D8D8;
}

.balance-detail h4 {
	margin-top: 20px;
	color: #888;
}

/*integral page*/
.integral-content-btn button {
	width: 100%;
	height: 40px;
	background-color: #FF7944;
	color: #fff;
}

.balance-detail p {
	font-size: 13px;
	margin: 10px 0;
}

/*recharge page*/
.rechare-amount {
	padding: 15px;
}

.rechare-amount .mui-icon {
	color: #888888;
}

.rechare-amount span {
	color: #444;
}

.rechare-amount .amount {
	float: right;
	margin-right: 20px;
	color: orange;
}

.payment-item {
	padding: 10px 0;
	border-bottom: 1px solid #E3E3E3;
}

.payment-item h4 {
	font-size: 15px;
	color: #848484;
}
/*hide pull-down show web address*/
.scroll{
	position:absolute; 
	overflow:scroll; 
	-webkit-overflow-scrolling: touch; 
	top:0; 
	left:0; 
	bottom:0; 
	right:0;
}
.payment-logo {
	float: left;
	width: 10%;
	text-align: center;
	max-width:40px;
}

.payment-logo .iconfont {
	font-size: 2.5em;
}

.icon-qq-copy {
	color: #E4937D;
}

.icon-weixin {
	color: #00B008;
}

.icon-alipay {
	color: #0094EA;
}

.payment-logo img {
	width: 100%;
	display: block;
	margin: 0 auto;
	position: relative;
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 100%;
}

.payment-name {
	float: left;
	width: 90%;
	padding-left: 10px;
}

.payment-name-l {
	float: left;
	margin-left: 8px;
}

.payment-name-l h4 {
	margin: 3px 0;
	font-size: 16px;
	color: #555555;
}

.payment-name-l p {
	font-size: 12px;
	color: #848484;
}

.payment-name-r {
	float: right;
	top: 10px;
	position: relative;
}

.payment-name-r span {
	background-color: #CACACA;
	color: #fff;
	display: block;
	text-align: center;
	font-size: 1em;
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 100%;
}

.payment-name-r .pay-active {
	background-color: #0094EA;
}

.payment-btn {
	margin: 12px 0 5px;
}

.payment-btn button {
	padding: 0;
	width: 98%;
	margin: 0 auto;
	height: 42px;
	line-height: 42px;
}

/*service page*/
.xc-a {
	margin-top: 65px;
	/*padding: 5px 0;*/
	position: fixed;
	width: 100%;
	background-color: #fff;
	z-index: 999;
}

.xc-a img {
	height: 120px;
	width: 120px;
}

.xc-list-l {
	width: 60%;
	float: left;
}

.xc-list-l h4 {
	height: 20px;
	line-height: 1.4;
	text-overflow: -o-ellipsis-lastline;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 14px;
}

.xc-list-l p {
	font-size: 13px;
	padding: 5px;
}

.xc-list-r {
	width: 40%;
	float: left;
}

.xc-list-b {}

.xc-list-r img {
	width: 100%;
}

.xc-list-b {
	padding: 0 5px;
}

.xc-edit {
	font-size: 13px;
	color: skyblue;
}

.xc-read {
	float: right;
	font-size: 13px;
}

.xc-list {
	background-color: #fff;
	padding: 10px;
	border-bottom: 1px solid #ddd;
}

.plus {
	position: fixed;
	bottom: 20px;
	right: 15px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	border-radius: 100%;
	background-color: deepskyblue;
	font-size: 30px;
}

.xc-a li {
	width: 33.33%;
}

.xc-a h4 {
	margin: 0px 5px 6px;
	font-size: 14px;
	font-weight: normal;
}

.xc-a h4 span {
	margin-right: 5px;
}

.mui-grid-view.mui-grid-9 {
	background-color: #fafafa;
}

.xc-list-container {
	margin-top: 220px;
}

.mui-grid-view.mui-grid-9 .mui-media .mui-icon {
	font-size: 1.6em;
	color: #b1afba;
}

.mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn) {
	margin: 0;
	padding: 9px 0;
}

.xc-list-l p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

/*complete_info page*/
.link-scan-btn {
	position: relative;
	text-align: center;
	padding: 3px 15px;
	right: -15px;
}

.mui-bar-nav.mui-bar .link-scan-btn .mui-icon {
	padding: 0 20px 0 20px;
	font-size: 28px;
}

.link-scan-btn p {
	position: relative;
	color: #fff;
	margin: 0px;
}

.complete-step {
	text-align: center;
	height: 90px;
	border-bottom: 1px solid #F0F0F0;
}

.complete-step .line {
	display: inline-block;
	width: 128px;
	border-bottom: 1px solid #e7e6e6;
	border-radius: 100%;
	position: relative;
	top: -28px;
}

.complete-step .step {
	border: 1px solid #e9e8e8;
	display: inline-block;
	width: 40px;
	background-color: #dfdede;
	height: 40px;
	line-height: 40px;
	border-radius: 100%;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

.step.step-active {
	background-color: #3492E9;
}

.complete-step p {
	margin-top: 5px;
}

.step1 {
	display: inline-block;
	position: relative;
	right: -26px;
	top: 10px;
}

/*.step1 {
	display: inline-block;
	position: absolute;
	left:18%;
	top:55px;
}*/
.step2 {
	display: inline-block;
	position: relative;
	left: -29px;
	top: 10px;
}

/*.step2 {
	display: inline-block;
	position: absolute;
	right:18%;
	top:55px;
}*/
* .complete-step-btn {
	margin-top: 15px;
}

/*select_professional page*/
.professional-list .mui-table-view li {
	padding: 15px 0;
}

/*upload_info page*/
.upload-box {
	text-align: center;
	padding: 5px;
}

.upload-box h4 {
	font-weight: normal;
	margin-bottom: 20px;
	font-size: 14px;
	color: #888888;
}

.upload-box img {
	border: 1px solid deepskyblue;
	border-radius: 10px;
	padding: 5px;
}

.upload-btn {
	position: fixed;
	width: 100%;
	bottom: 0px;
	z-index: 9;
}

.upload-img-list {
	margin-bottom: 50px;
}

.upload-img-list img {
	width: 100%;
}

/*update_order_detail page*/
.normal-text {
	font-size: 14px;
}

/*.status-success {
	background-color: #c4f8fd;
	border-radius: 0px;
	padding:2px 6px;
	font-size: 14px;
	font-weight: normal;
}*/
.status-success {
	background-color: #3492e9;
	border-radius: 20px;
	padding: 4px 6px 3px;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
}

.status-normal {
	background-color: #fff;
	border-radius: 20px;
	padding: 4px 6px 3px;
	font-size: 13px;
	font-weight: normal;
	color: #999;
	border: 1px solid #c9c9c9;
}

/*.pay-status {
	color: #1ea1b0;
	font-size: 1.5em;
	border-radius: 100%;
	background-color:#c4f8fd;
	margin-right: 5px;
}*/
.pay-status {
	color: #ffffff;
	font-size: 1.5em;
	border-radius: 100%;
	background-color: #3492e9;
	margin-right: 5px;
}

.none-pay-status {
	font-size: 1.5em;
	border-radius: 100%;
	margin-right: 5px;
}

/*order_detail*/
.order-detail-s {
	background: #fff;
	padding: 15px;
}

.line-btn {
	border: 1px solid #3492E9;
	color: #3492E9;
	height: 25px;
	font-size: 13px;
	line-height: 12px;
}

.order-info {
	margin-bottom: 18px;
	/*box-shadow: #c9c9c9 0px 0px 5px;*/
	/*box-shadow: #a8a8a8 0px 0px 5px;*/
	box-shadow: 0px 0px 5px #dadada;
}

.stress-tip {
	font-size: 14px;
	color: #fff;
	background-color: #e1b883;
	padding: 2px;
}

.order-item {
	color: #555;
	margin-right: 5px;
}

.first-cell {
	/*background-color: #f0f0f0;*/
}

.edit-info {
	font-size: 13px;
	border-bottom: 1px solid #A6A2A2;
	color: #999;
	padding-bottom: 2px;
	position: absolute;
	right: 10px;
}

.service-content {
	padding: 0 2px;
}

.service-content p {
	margin: 5px 0;
}

/*wx_qrcode page*/
.wx-pay-content {}

.wx-pay {
	font-size: 16px;
	padding: 5px;
	/*border: 1px solid #e5e2df;*/
	border-radius: 3px;
	/*box-shadow: 0px 1px 5px #ddddce;*/
	margin-bottom: 15px;
}

.wx-pay-title {
	padding: 10px;
	color: #26aa3a;
	border-bottom: 1px solid #efe8e8;
}

.alipay-title {
	padding: 10px;
	color: #049de9;
	border-bottom: 1px solid #efe8e8;
}

.cash-title {
	padding: 10px;
	color: #eaa80f;
	border-bottom: 1px solid #efe8e8;
}

.card-title {
	padding: 10px;
	/*color: #a09d9d;*/
	color: #eaa80f;
	border-bottom: 1px solid #efe8e8;
}

.payment-info {
	padding: 10px;
}

.payment-info p {
	margin: 12px 0;
}

.pay-amount-box {
	font-size: 24px;
	color: #555;
	font-weight: bold;
}

.pay-title {
	color: #333333;
}

.qrcode {
	text-align: center;
	margin-bottom: 30px;
}

.qrcode img {
	width: 52%;
	//width: 190px;
}

.pay-cash,
.pay-card {
	text-align: center;
}

.pay-cash .pay-icon {
	font-size: 2em;
	color: #eaa80f;
}

.pay-card .pay-icon {
	font-size: 2em;
	/*color: #a09d9d;*/
	color: #eaa80f;
}

.pay-cash p {
	margin: 6px 0 10px;
}

/*feadback page*/
.feedback input,
.feedback textarea {
	border: none;
}

.feedback textarea {
	height: 100px;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.feedback .row {
	width: 100%;
	background-color: #fff;
}

.feedback p {
	padding: 10px 15px 0;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	font-size: 15px;
}

.feedback .mui-inline {
	vertical-align: bottom;
	font-size: 14px;
	color: #8f8f94;
}

/*register page*/
.checkbox {
	width: 22px;
	height: 22px;
	vertical-align: middle;
}
.red-star {
	color: #fe8d8d;
	position: relative;
	top: 1px;
	left: -2px;
	margin-right:2px;
	font-size: 16px;
}
.my-collapse {
	padding: 0;
}

.mui-table-view-cell.my-collapse a {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: inherit;
	background-color: #fff;
}

.mui-table-view-cell.my-collapse a.mui-active {
	background-color: #fff;
}

.mui-table-view-cell.my-collapse .my-collapse-content {
	margin: 0;
	padding: 0;
}

.my-collapse label {
	color: #959797;
	background-color: inherit;
	height: 36px;
	line-height: 36px;
	position: relative;
	left: 40px;
	font-size: 14px;
}

.my-collapse .mui-checkbox.mui-left .checkbox {
	left: 15px;
}

.mui-checkbox.mui-left .my-lable {
	padding-left: 6px;
}

/*query_order_condition page*/
.query-order-content {
	margin-top: 68px;
}

.query-order-condition {
	width: 100%;
	position: fixed;
	top: 44px;
	right: 0;
	z-index: 999;
	padding: 5px 10px;
}

.order-condition-l {
	width: 80%;
	float: left;
	text-align: center;
	color: #fff;
}

.search input {
	color: #242424;
	background-color: #fff;
	border-radius: 20px;
}

.search .mui-placeholder {
	font-size: 16px;
	line-height: 34px;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: inline-block;
	height: 34px;
	text-align: left;
	color: #999;
	border: 0;
	border-radius: 6px;
	background: 0 0;
	text-indent: 10px;
}

.order-condition-r {
	width: 20%;
	float: left;
	text-align: center;
	color: #fff;
	position: relative;
	top: 6px;
}

.order-condition-r .iconfont {
	font-size: 1em;
}

.order-condition-r span {
	font-size: 16px;
}

/*setting page*/
.setting-item .iconfont {
	font-size: 1em;
	color: #6b727b;
}

/*download page*/
.download-notice {
	text-align: center;
	margin: 0 auto;
}

.download-notice p {
	width: 80%;
	text-align: left;
	font-size: 18px;
	margin-bottom: 20px;
	margin-left: 15%;
	color: #686b72;
}

.download-tip span {
	font-size: 18px;
	padding: 5px;
	color: #ff7979;
}

.click-btn .iconfont {
	position: relative;
	font-size: 32px;
	top: -6px;
	right: -5px;
}

.download-guide {
	position: absolute;
	right: 15px;
	top: 46px;
}

.download-guide .iconfont {
	font-size: 80px;
	color: #7dc0ff;
}

.download-bg {
	background-image: url(../images/bg.jpg);
	padding: 20px 0px;
	margin-top: 10px;
	text-align: center;
	position: relative;
}

.download-bg-l {
	float: left;
	width: 45%;
}

.download-bg-l img {
	width: 80%;
	min-width: 100px;
	float: right;
	max-width: 200px;
}

.download-bg-r {
	float: left;
	width: 55%;
	text-align: left;
}

.download-bg-r-b {
	position: absolute;
	bottom: 22%;
	//text-align: right;
	margin-left: 15px;
}

.download-bg-r-b p {
	margin-bottom: 10px;
	font-size: 16px;
	color: #FFFAFA;
}

.download-btn {
	display: inline-block;
	border: 0;
	background-color: #f8f8f8;
	color: #928686;
	/* padding: 13px 9px; */
	width: 140px;
	font-size: 15px;
	margin-bottom: 10px;
	border-radius: 5px;
	height: 44px;
	line-height: 44px;
	text-align: center;
}

.download-btn .iconfont {
	font-size: 1.2em;
}

.download-bg-r-b .download-btn-box {
	display: inline-block;
}

}

/*upload page*/
.upload-box {
	text-align: center;
}

.upload-box .upload-box-l,
.upload-box .upload-box-r {
	padding: 22px;
	margin: 3%;
	text-align: center;
	box-shadow: 0px 1px 4px #e8e3e3;
	border-radius: 5px;
}

.upload-box .iconfont {
	font-size: 3em;
}

.upload-center {
	width: 158px;
	height: 138px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 12px 5px;
	margin: 0 auto;
	color: #999;
}

.upload-center:hover {
	border-color: skyblue;
	color: skyblue;
}

.upload-center .iconfont:active {
	color: skyblue;
}

.upload-center p {
	font-size: 15px;
	margin: 10px 0 2px;
	color: inherit;
}

.upload-notice {
	font-size: 13px;
}

.upload-active {
	color: skyblue;
	border: 1px solid skyblue;
}

.upload-file-btn {
	border-radius: 20px;
}

/*upload_file page start*/
.upload-file-text {
	/*background-color: #f8f8f8;*/
	padding: 10px;
	line-height: 1;
}

.upload-file-text p {
	font-size: 16px;
}

.upload-file-text .iconfont {
	font-size: 20px;
}

.upload-imgs {
	margin: 0px 10px;
}

.images-container {
	margin: 0;
	padding: 10px 0;
	text-align: center;
}

.images-container li {
	list-style: none;
	float: left;
	width: 32%;
	margin-left: 1%;
	text-align: center;
	margin-bottom: 10px;
	position: relative;
}

.images-container img {
	width: 100%;
	max-width: 100px;
	height: 100%;
	min-height: 100px;
	max-height: 100px;
	border: 1px dotted #dbe9ff;
	border-radius: 3px;
}

.imgs-tip {
	margin: 5px 0;
	border-bottom: 1px solid #eaeaea;
	padding: 3px;
	font-size: 13px;
	color: #c7c6c6;
}

.del-icon {
	position: absolute;
	right: -1px;
	width: 20px;
	border-radius: 100%;
	height: 20px;
	line-height: 21px;
	text-align: center;
	opacity: .8;
	top: -5px;
	color: #fff;
	font-size: 1.1em;
	background-color: #ff4747;
}

/*upload_file page end*/

/*write_report page start*/
.mui-preview-image.mui-fullscreen {
	position: fixed;
	z-index: 20;
	background-color: #000;
}

.mui-preview-header,
.mui-preview-footer {
	position: absolute;
	width: 100%;
	left: 0;
	z-index: 10;
}

.mui-preview-header {
	height: 44px;
	top: 0;
}

.mui-preview-footer {
	height: 50px;
	bottom: 0px;
}

.mui-preview-header .mui-preview-indicator {
	display: block;
	line-height: 25px;
	color: #fff;
	text-align: center;
	margin: 15px auto 4;
	width: 70px;
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 12px;
	font-size: 16px;
}

.mui-preview-image {
	display: none;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.mui-preview-image.mui-preview-in {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

.mui-preview-image.mui-preview-out {
	background: none;
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

.mui-preview-image.mui-preview-out .mui-preview-header,
.mui-preview-image.mui-preview-out .mui-preview-footer {
	display: none;
}

.mui-zoom-scroller {
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	-webkit-backface-visibility: hidden;
}

.mui-zoom {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.mui-slider .mui-slider-group .mui-slider-item img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}

.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {
	width: 100%;
}

.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {
	display: inline-table;
}

.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {
	display: table-cell;
	vertical-align: middle;
}

.mui-preview-loading {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
}

.mui-preview-loading.mui-active {
	display: block;
}

.mui-preview-loading .mui-spinner-white {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	height: 50px;
	width: 50px;
}

.mui-preview-image img.mui-transitioning {
	-webkit-transition: -webkit-transform 0.5s ease,
		opacity 0.5s ease;
	transition: transform 0.5s ease,
		opacity 0.5s ease;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.mui-slider-img-content {
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	color: white;
	text-align: center;
	line-height: 21px
}

.mui-content-padded {
	box-shadow: 1px 1px 5px #e1e1e1;
	margin: 0;
	padding: 10px;
}

.reprot-title {
	font-size: 14px;
	/* background: #eeecec; */
	color: #b5aeae;
	padding: 0px 0 8px;
	font-weight: normal;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 10px;
}

.report {
	padding: 10px;
}

.report-note {
	margin: 0 0 5px;
	padding: 5px;
	/* text-align: center; */
	color: #999;
	font-size: 13px;
	border: 1px solid #F2F2F2;
	border-radius: 5px;
	text-align: left;
}

.report-note p {
	color: #888;
	font-size: 13px;
	margin: 2px 0;
}

.report textarea {
	margin: 0;
	padding: 5px;
	font-size: 14px;
}

.images-wrap {
	margin: 0;
	padding: 0;
	list-style: none;
}

.images-wrap li {
	width: 23%;
	max-width: 100px;
	height: auto;
	float: left;
	margin-left: 2%;
	margin-bottom: 8px;
}

.images-wrap img {
	width: 100%;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
}

/*write_report page end*/

/*shqreQR start*/
.switch-wrap {
	text-align: center;
}

.switch {
	display: inline-block;
	color: #ccc;
	border: 1px solid #999;
	padding: 5px;
	width: 40%;
	text-align: center;
}

.switch-list .switch-item {
	width: 50%;
	float: left;
	text-align: center;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 16px;
}

.switch-item:nth-child(1):after {
	content: "";
	border-right: 1px solid #d0d0d0;
	height: 20px;
	font-size: 12px;
	position: relative;
	left: 55px;
	top: -2px;
}

.switch-item a {
	color: #2c2c2d;
	padding: 5px;
}

.switch-item a:hover {}

.switch-item .select-active {
	border-bottom: 1px solid #f0feff;
	color: #fff;
}

.editions {
	margin-top: 80px;
}

.scan-qrcode h4 p {
	color: #A6A2A2;
	margin-top: 10px;
	font-size: 15px;
}

/*shqreQR end*/

/*teams page start*/
.user-item {
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
	padding: 10px;
}

.user-item .user-item-l,
.user-item .user-item-r {
	float: left;
}
.user-info{
	width:100%;
	position:relative;
}
.user-head {
	width: 82px;
    height: 82px;
    float: left;
    border: 1px solid #e8e8e8;
    text-align: center;
    border-radius: 2px;
    margin-right: 5px;
    width: 22%;
    max-width: 80px;
}
.user-head-logo{
	width:100%;
	height:100%;
	border-radius: 2px;
	object-fit:cover;
}
.user-info-field{
	display: flex;
    flex-direction: row;
    /* align-items: baseline; */
    /* justify-content: space-between; */
    flex-wrap: wrap;
    width: 76%;
	
}
.treatment-btn{
	float: right;
    width: 62px;
    background: #36c6d3;
    padding: 11px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
    height: 62px;
    letter-spacing: 2px;
    border-radius: 2px;
	cursor:pointer;
}
.treatment-btn:hover{
	color:#444444;
}
.close-examine-btn {
	position: fixed;
	right: 0;
	top: 0;
	width: 32px;
    text-align: center;
	background-color: #23abf0;
	padding: 5px;
	color: #fff;
	font-size: 14px;
	z-index: 999;
	cursor:pointer;
}
.close-examine-btn:hover{
	color:#ccc;
}
.detail-btn{
	position: absolute;
    right: 0;
    bottom: 5px;
    font-size: 10px;
    color: skyblue;
    cursor: pointer;
    padding: 5px;
}
.close-examine-btn .iconfont {
	font-size: 14px;
}
.user-item .user-info {
	width: 60%;
}

.user-item .user-edit {
	float: right;
	width: 10%;
}

.user-edit .iconfont {
	width: 44px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 1.2em;
	color: #999;
}

.user-label {
	background-color: #c6c6c6;
	padding: 2px 5px;
	border-radius: 5px;
	color: #fff;
	font-size: 13px;
}

.user-info h4 {
	font-weight: normal;
	color: #333;
	font-size: 16px;
	padding: 2px;
	;
}

.user-header {
	/*border: 1px solid #ccc;*/
	/*border-radius: 100%;*/
	padding: 5px;
	color: #aca9a9;
	font-size: 1.2rem;
	margin-top: 8px;
}

/*teams page end*/

/*add_team page start*/
.team-desc {
	color: #888;
	font-family: 'Helvetica Neue',
		Helvetica,
		sans-serif;
}

/*add_team page end*/

/*study-header page start*/
.study-header {
	box-shadow: 0px 1px 2px #f6f6f6;
	-webkit-box-shadow: 0px 1px 2px #f6f6f6;
}

.study-header .study-header-title {
	color: #77777b;
}

.study-header a {
	color: #77777b;
}

/*study-header page end*/
/*study_survey page start*/
fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: none;
}
div.ui_field {
    clear: both;
    padding: 10px 14px;
    margin: 6px 4px;
    border: none;
}
div.ui_field-label {
	position: relative;
	font-size: 16px !important;
	font-weight: bold;
	padding: 0 0 8px 0 !important;
	display: block;
	word-wrap: break-word;
	/* overflow: hidden; */
}
.ui_field.warning-border {
	border: 1px dashed #ff765b;
	border-radius: 5px;
	margin:10px 4px;
}

.selfMess {
	position: relative;
	height: 42px;
	display: flex;
}

.iconfont.name-icon {
	font-size: 20px;
	background-color: #efefef;
	color: #a9a9ab;
	width: 48px;
	line-height: 42px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px 0 0 4px;
}

.beginner_problem textarea {
	resize: none;
	color: #333333;
	font-size: 14px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100px;
	background-color: #ffffff;
	border-radius: 4px;
	border: solid 1px #e0e0e0;
	margin: 0;
}

.selfMess>input,
.phoneCodeMess>input {
	font-size: 14px;
	padding: 10px;
}

.public-bg-blue {
	/* background-color: #007aff; */
	background-color: #53cac8;
}

textarea::-webkit-input-placeholder {
	color: #bdbdbd;
	font-size: 14px;
}

textarea::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #bdbdbd;
}

textarea:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #bdbdbd;
}

textarea:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #bdbdbd;
}

.surveyradiowrapper, .jqcheckwrapper {
    margin: 16px 4px 0 12px;
}
.surveyradio {
	-webkit-appearance: none;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
}

.surveyradiowrapper a.radioChecked {
    background-color: #1ea0fa;
    color: #99a1a7;
    border: 1px solid #1ea0fa;
}
.surveyradiowrapper a.radioChecked:after {
    content: ' ';
    width: 10px;
    height: 10px;
    border-radius: 50px;
    position: absolute;
    top: 4px;
    background: #fff;
    left: 4px;
    font-size: 32px;
}
.ui-input-text {
	border: 1px solid #e0e0e0;
	margin: 5px 0;
	background-color: #fff;
	padding: 0;
	border-radius: 4px;
}

.ui-input-text input,
.ui-input-text textarea {
	width: 100%;
	background-color: #fff;
	border: none !important;
	border-radius: 4px;
	padding: 10px;
	font-size: 14px;
	display: inline-block;
	margin: 0;
	-webkit-appearance: none;
}

.errorMessage {
	position: relative;
	padding-left: 12px;
	color: Red;
	line-height: 38px;
	background-color: #ffe5e0;
	border-radius: 4px;
	font-size: 12px;
	margin-top: 9px;
	transition: all 1s ease 0s;
}

.ui-controlgroup {
	margin: 5px 0;
	padding: 0;
	border: 1px solid #e0e0e0;
	border-bottom: none;
	border-right: none;
	border-radius: 4px;
}

.ui-controlgroup .ui-radio:first-child,
.ui-controlgroup .ui-checkbox:first-child,
.ui-controlgroup .ui-li-static:first-child {
	border-radius: 4px 4px 0 0;
}

.ui-controlgroup .ui-radio:last-child, 
.ui-controlgroup .ui-checkbox:last-child, 
.ui-controlgroup .ui-li-static:last-child {
    border-radius: 0 0 4px 4px;
}

.surveyradiowrapper,
.jqcheckwrapper {
	 display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    height: 46px;
    line-height: 46px;
    text-align: center;
    padding: 0;
    margin: 0 12px;
}

.ui-controlgroup .ui-radio,
.ui-controlgroup .ui-checkbox,
.ui-controlgroup .ui-li-static {
	min-height: 50px;
}

.ui-controlgroup .ui-radio .label,
.ui-controlgroup .ui-checkbox .label,
.ui-controlgroup .ui-radio label,
.ui-controlgroup .ui-checkbox label {
	display: block;
	margin-left: 40px;
	cursor: pointer;
	font-size: 16px;
	/*color: #333;*/
	color: #97a0a3;
	text-align: left;
	padding: 0;
	line-height: 46px;
}

.beginner_problem {
	position: relative;
}

.ui-controlgroup .ui-checkbox,
.ui-controlgroup .ui-li-static {
	min-height: 50px;
}

.ui-controlgroup .ui-radio,
.ui-controlgroup .ui-checkbox,
.ui-controlgroup .ui-li-static {
	border-bottom: 1px solid #dae0e4;
	border-right: 1px solid #dae0e4;
	font-size: 14px;
	background-color: #ffffff;
	position: relative;
	flex: 1 1 auto;
}

.ui-controlgroup .ui-radio, .ui-controlgroup .ui-checkbox, .ui-controlgroup .ui-li-static {
    min-height: 50px;
}
.survey-title{
	color:#444;
}
/*study_survey page end*/
.no-realname{
color:#fe8d8d;
}
.tpl-user-panel-profile-picture{
cursor:pointer;
}
.mui-popup.mui-popup-in {
	border: 1px solid #dfdfdf;
	box-shadow: 0px 0px 5px #e4e2e2;
}

.mui-popup-backdrop.mui-active {
	opacity: 0;
}
.sidebar-nav-sub.active {
	display: block;
}
.image-M-upload-btn {
	border: none;
	margin: 0 15px;
}
.upload-file-tip{
display: flex;
justify-content:center;
align-items:baseline;
position: relative;
}
.count-time{
	position: absolute;
    top:50px;
    color: skyblue;
}
.upload_drag_hover{
       border: 1px dashed #ff7e7e;
}
.mui-popup-button.mui-popup-button-bold{
font-weight: normal;
}
.platform-table-container {
	padding: 10px;
	margin-top:10px;
}
.platform-table {
	border: 1px solid #eeeeee;
}
.platform-table-container .platform-table thead>tr>th {
	font-size: 14px;
	padding: 15px 5px;
	width: auto;
	border:none;
}
.platform-table-container .platform-table tbody>tr>td {
	font-size: 14px;
	color: #626b79;
	padding: 15px 5px;
	width: auto;
}
.row-4 {
	width: 22%;
	float: left;
	min-width: 120px;
	padding: 5px;
}