/* 登录 */
.login-main{
	display: flex; display: -webkit-flex;
    flex-direction: column; -webkit-flex-direction: column;
    height: 100%;
}
.login-main .login-cont{
    background-color: var(--all_colorDiy3);
    position: relative;
}
.login-main .login-banner{
	width: 100%; height: 100%;
    object-fit: cover; -webkit-object-fit: cover;
}
.login-main .login-join{
	position: absolute; right: var(--all_wh1_4); top: var(--all_wh1_4);
	color: var(--all_colorBlack);
	width: var(--login_joinW); height: var(--all_wh3); line-height: var(--all_wh3);
	text-align: center;
}
.login-main .login-tpl{
	border-bottom: var(--all_1px) solid var(--all_borColor);
	height: var(--login_tplH); line-height: var(--login_tplH);
	font-size: 0;
	text-align: center;
}
.login-main .login-tpl .tab-btn{
	display: inline-block; vertical-align: middle;
	font-size: var(--all_font14);
	width: 50%;
	position: relative;
}
.login-main .login-tpl .tab-btn.checked{ color: var(--all_colorDiy4);}
.login-main .login-tpl .tab-btn.checked::after{
	content: "";
	position: absolute; left: 50%; bottom: 0;
	width: var(--all_wh2); height: var(--all_wh_2);
	background: var(--all_colorDiy4);
	margin-left: var(--all_wh-1);
}
.login-main .tab{ padding: var(--login_tplcGap); }
.login-list .login-li{
	height: var(--all_wh6);
	border-bottom: var(--all_1px) solid var(--all_borColor);
	display: flex; display: -webkit-flex;
    align-items: center; -webkit-align-items: center;
}
.login-list .login-ico{
	display: inline-block; vertical-align: middle;
	width: var(--all_wh1_4); height: var(--all_wh1_4);
	margin-right: var(--all_wh_8);
}
.login-list .ico-img{ width: 100%; height: 100%; }
.login-list .imgCode{ width: var(--all_wh10); }
.login-list .login-code{
	width: var(--login_codeW);
	white-space: nowrap;
	text-align: right;
}
.login-list .login-li .mobile{ width: calc(100% - var(--login_mobileW)); height: 100%;}
.login-list .login-li .randomCode{ width: calc(100% - var(--login_randomCode)); height: 100%;}
.login-list .login-li .authCode{ width: calc(100% - var(--login_authCode)); height: 100%;}
.login-list .login-but{
	display: block;
	height: var(--all_wh4); line-height: var(--all_wh4);
	background: -webkit-linear-gradient( left, var(--all_colorGra), var(--all_colorGrb)); color: var(--all_colorWhite);
  	border-radius: var(--all_wh4);
  	text-align: center;
  	margin-top: var(--all_wh2);
}
.login-list .login-but.no-check{ background: var(--all_colorDiy8); }

/* 注册 */
.reg-body{
	background-color: var(--all_colorDiy8);
    overflow: hidden;
    /*padding-top: var(--reg_bodyGap);*/
}
.reg-body .reg-bg{
	position: absolute; bottom: 0; left: 0; z-index: 20;
	width: 100%; height: 100%;
	object-fit: cover; -wekbit-object-fit: cover;
}
.reg-body .reg-cont{
	background-color: var(--all_colorWhite);
    border-radius: var(--all_wh1);
    position: relative; top: var(--reg_bodyGap); z-index: 21;
    padding: var(--reg_contPd); margin: var(--reg_contMg);
}
.reg-body .reg-logo{
	position: absolute; top: var(--reg_logoTop); left: 50%; z-index: 21;
	width: var(--reg_logoW);
	margin-left: var(--reg_logoMg);
}
.reg-pop .reg-pop-cont{
	position: fixed; left: 50%; top: 50%; z-index: 21;
	width: var(--reg_popW); height: var(--reg_popH);
    margin: var(--reg_popMg);
}
.reg-pop .reg-pop-bg{
	position: relative; z-index: 1;
	width: 100%; height: 100%;
}
.reg-pop .reg-pop-list{
	position: absolute; left: 0; top: 0; z-index: 2;
	width: 100%; height: 100%;
	padding: var(--reg_popListPd);
}
.reg-pop .reg-pop-tag{
	font-size: var(--all_font12);
    color: var(--all_colorWhite);
    text-align: center;
    display: block;
    margin: var(--all_3pdTB);
}
.reg-pop .reg-button, .reg-pop .reg-button2{
	height: var(--all_wh3); line-height: var(--all_wh3);
	border: solid var(--all_1px) var(--all_colorWhite); border-radius: var(--all_wh1_5);
	font-size: var(--all_font12);
	color: var(--all_colorWhite);
	text-align: center;
	flex: 1; -webkit-flex: 1;
    margin-right: var(--all_wh1);
}
.reg-pop .reg-button2{
	background-color: var(--all_colorWhite); color: var(--all_colorDiy4);
	margin-right: 0;
}
.reg-hack{
	position: relative; left: 0; top: 0;
	width: 100%; height: 100%;
}

/* 我的 */
.personal-cont{
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.personal-cont .personal-head{
	height: var(--per_headH);
	display: flex; display: -webkit-flex;
    justify-content: center; -webkit-justify-content: center;
    align-items: center; -webkit-align-items: center;
    flex-direction: column; -webkit-flex-direction: column;
    position: relative;
}
.personal-cont .personal-bg{
	position: absolute; left: 0; top: 0; z-index: 1;
	width: 100%;
}
.personal-cont .setting{
	position: absolute; top: var(--per_settingXy); left: var(--per_settingXy); z-index: 2;
	color: var(--all_colorWhite);
}
.personal-cont .personal-userhead{
	position: relative; z-index: 2;
	width: var(--per_userImg); height: var(--per_userImg);
	overflow: hidden;
	border-radius: 50%;
	text-align: center;
	display: flex; display: -webkit-flex;
    justify-content: center; -webkit-justify-content: center;
    align-items: center; -webkit-align-items: center;
	margin-bottom: var(--all_wh_5);
	background: var(--all_colorDiy3);
}
.personal-cont .personal-img{
	width: 100%; height: 100%;
	object-fit: cover; -webkit-object-fit: cover;
	margin: 0 auto;
}
.personal-cont .user-name{
	position: relative; z-index: 2;
	display: block;
	color: var(--all_colorWhite);
}
.personal-cont .user-mobile{
	position: relative; z-index: 2;
	display: block;
	font-size: var(--all_font12);
	margin-bottom: var(--all_wh1);
	color: var(--all_colorWhite);
}
.personal-cont .user-eidt{
	position: absolute; right: var(--per_usereditXy); top: var(--per_usereditXy); z-index: 2;
	width: var(--per_userWh); height: var(--per_userWh);
	padding: var(--all_wh1);
	box-sizing: content-box;
}
.personal-cont .user-broker{
	position: absolute; right: 0; top: var(--per_brokerXy); z-index: 2;
	height: var(--per_brokerH); line-height: var(--per_brokerH);
	padding: var(--all_wh1);
	background-color: var(--per_brokerBg); color: var(--per_brokercolor);
	border-radius: var(--per_brokerR);
	box-sizing: content-box;
	font-size: var(--all_font12);
}
.personal-cont .user-navnumber{
	position: relative; z-index: 2;
	display: flex; display: -webkit-flex;
	justify-content: space-around; -webkit-justify-content: space-around;
	flex-wrap: wrap; -webkit-flex-wrap: wrap;
	background-color: var(--all_colorWhite);
	margin: var(--per_navGapM); padding: var(--per_navGapP);
	box-shadow: var(--per_navShadow);
	border-radius: var(--all_wh4);
	text-align: center;
	font-size: 0;
}
.personal-cont .navnumber-link{
	width: var(--per_navlinkW); height: var(--per_navLinkH);
    font-size: var(--all_font14);
    display: flex; display: -webkit-flex;
    justify-content: center; -webkit-justify-content: center;
    align-items: center; -webkit-align-items: center;
    flex-direction: column; -webkit-flex-direction: column;
}
.personal-cont .navnumber-n{
    margin-bottom: var(--all_wh_5);
    color: var(--all_colorDiy4);
    font-size: var(--all-font16);
}
.personal-cont .navnumber-t{
	height: var(--per_navlinkT); line-height: var(--per_navlinkT);
    font-size: var(--all_font12);
}
.personal-cont .user-menut{
	text-align: center;
    color: var(--all_colorDiy8);
    margin-top: var(--per_servicesGap);
}
.personal-cont .hr{
    background-color: var(--all_borColor);
    height: var(--all_1px);
    font-size: 0;
    margin: var(--per_servicesHrGap);
}
.personal-cont .menut-text{
	display: inline-block;
    padding: var(--per_servicesFontGap);
    background-color: var(--all_colorWhite);
    position: relative;
}
.personal-cont .user-menuico{
	margin: var(--per_menuIcoGap);
	display: flex; display: -webkit-flex;
	flex-wrap: wrap; -webkit-flex-wrap: wrap;
}
.personal-cont .menuico-link{
	width: var(--per_menuIcoW);
    text-align: center;
    margin-bottom: var(--all_wh3);
}
.personal-cont .menuico-img{
	display: inline-block;
    width: var(--per_menuIcoImg); height: var(--per_menuIcoImg);
    margin-bottom: var(--all_wh_5);
    background-image: url(../n-images/user_service_icon_contract.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.personal-cont .menuico-text{
	display: block;
    font-size: var(--all_font12);
    height: var(--per_menuIcoText); line-height: var(--per_menuIcoText);
}

.user-list{ margin: var(--all_2pdLR);}
.user-list .e-list:last-child{ border-bottom: none; }

/* 个人资料修改 */
.user-head-pice{
	position: relative;
	display: -webkit-flex; display: flex;
}
.user-head-pice .pice-box{
	position: relative;
	width: var(--all_wh5); height: var(--all_wh5);
	border-radius: var(--all_wh5);
	overflow: hidden;
	display: flex; display: -webkit-flex;
	justify-content: center; -webkit-justify-content: center;
	align-items: center; -webkit-align-items: center;
	background: url(../n-images/pic_icon_add.png) no-repeat var(--all_colorDiy3) center / 25%;
}
.user-head-pice .ico-closep{
	width: var(--all_wh2); height: var(--all_wh2); line-height: var(--all_wh2);
    font-size: var(--all_font14);
	right: 0;
}

/* 入驻认证 */
.enterverify-bg{
	position: absolute; left: 0; top: 0; z-index: 1;
	width: 100%; height: 100%;
	object-fit: cover; -webkit-object-fit: cover;
}
.enterverify-cont{
	display: flex; display: -webkit-flex;
	justify-content: center; -webkit-justify-content: center;
    align-items: center; -webkit-align-items: center;
    flex-direction: column; -webkit-flex-direction: column;
	position: relative; z-index: 2;
    width: 100%; height: 100%;
}
.enterverify-cont .enterverify-name{
	text-align: center;
    font-size: var(--ver_nameFont);
    color: var(--all_colorWhite);
}
.enterverify-cont .enterverify-form{
	background-color: var(--all_colorWhite);
    margin: var(--ver_formGap); padding: var(--all_wh2);
    border-radius: var(--all_wh_5);
    width: 64%;
}
.enterverify-cont .enterverify-li{
	height: var(--all_wh6);
    border-bottom: var(--all_1px) solid var(--all_borColor);
    display: flex; display: -webkit-flex;
    align-items: center; -webkit-align-items: center;
}
.enterverify-cont .enterverify-li .text{ text-align: left; }
.enterverify-cont .enterverify-ico{
	width: var(--ico_ver); height: var(--ico_ver);
	margin-right: var(--all_wh1);
}
.pop-success{
	position: fixed; left: 10%; top: 25%; z-index: 50;
    width: 80%;
}
.pop-success .success-bg{ width: 100%; }
.pop-success .success-cont{
	position: absolute; left: 0; top: 0;
	width: 100%; height: 90%;
	display: flex; display: -webkit-flex;
    flex-direction: column; -webkit-flex-direction: column;
    align-items: center; -webkit-align-items: center;
    justify-content: flex-end; -webkit-justify-content: flex-end;
}
.pop-success .confirm{
	height: var(--all_wh3); line-height: var(--all_wh3); width: 80%;
	display: block;
	background-color: var(--all_colorWhite); color: var(--all_colorDiy4);
	border-radius: var(--all_wh3);
	text-align: center;
	font-size: var(--all_font12);
	margin: var(--ver_confirmGap);
}
/* 暂无数据 */
.e-nodata{
	height: 100%;
	background-color: var(--all_colorDiy3);
	display: flex; display: -webkit-flex;
	flex-direction: column; -webkit-flex-direction: column;
	align-items: center; -webkit-align-items: center;
	justify-content: center; -webkit-justify-content: center;
}
.e-nodata.mg-tp40{ margin-top: var(--mg_tp40);}
.e-nodata .nodata-img{ width: 35%;}

/* 我的预定 */
.reserve-box{ background-color: var(--all_colorWhite);}
.reserve-box .mco-album{
	position: relative;
	height: var(--all_wh1);
	overflow: hidden;
	background-color: var(--all_colorWhite);
	white-space: nowrap;
}
.reserve-box .mco-album.rotate{ transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.reserve-box .mco-album::after{
	position: absolute; left: 0; top: var(--all_wh-1_5);
	content: "● ● ● ● ● ● ● ● ●  ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ●";
	font-size: var(--all_font20);
	color: var(--all_colorDiy3);
}
.reserve-box .reserve-cont{ margin: var(--res_contMg);}
.reserve-box .price-box{
	margin: var(--res_priceMg); padding: var(--all_wh2);
	background-color: var(--all_colorDiy3);
	border-radius: var(--all_wh_8);
	text-align: center;
}
.reserve-box .price-box .gold{ font-size: var(--all_font35);}

/* 我的页签 */
.e-tpl{
	display: flex; display: -webkit-flex;
	-webkit-align-items: center; align-items: center;
	-webkit-justify-content: center; justify-content: center;
	position: relative;
	background-color: var(--all_colorWhite);
	height: var(--all_wh4); line-height: var(--all_wh4);
}
.e-tpl .e-tpl-li{
	position: relative;
	width: 100%;
	text-align: center;
	cursor: pointer;
}
.e-tpl .e-tpl-li.checked::before{
	position: absolute; left: 50%; bottom: 0;
	content: "";
	width: var(--all_font20); height: var(--all_wh_3);
	margin-left: var(--all_wh-1);
	background: var(--all_colorDiy4);
}
.e-tpl .e-tpl-li.checked .e-tpl-text, .e-tpl .e-tpl-li.checked .e-tpl-number{ color: var(--all_colorDiy4);}

/* 我的卡券 */
.e-card-v{
	display: flex; display: -webkit-flex;
	flex-direction: column; -webkit-flex-direction: column;
}
.e-card-v .e-list{ height: auto; line-height: normal;}
.e-card-v .card{ margin: var(--card_contGap);}
.e-card-v .card:last-child{ margin-bottom: var(--all_wh2);}
.e-card-v .scl-bg{
	display: flex; display: -webkit-flex;
	flex-direction: column; -webkit-flex-direction: column;
	justify-content: center; -webkit-justify-content: center;
	height: var(--card_contH);
	background: url('../n-images/bg_gifcard_selected.png') no-repeat center / 100%; color: var(--all_colorWhite);
	border-radius: var(--all_wh_8);
	overflow: hidden;
	padding: var(--all_2pdLR);
	position: relative; z-index: 2;
}
.e-card-v .scl-bgno .scl-bg{ background: url('../n-images/bg_gifcard_default.png') no-repeat center / 100%; }
.e-card-v .scl-bgno .c-g{ color: var(--all_colorDiy8); }
.e-card-v .scl-price{
	position: relative;
	min-height: var(--card_priceH);
}
.e-card-v .scl-price .scl-price-n{
	position: absolute;
	left: var(--all_wh_-5); top: 0;
	font-size: var(--all_font28);
}
.e-card-v .scl-price .scl-text{
	display: block;
	text-align: right;
	font-size: var(--all_font12);
}
.e-card-v .ico-rdown{
	display: inline-block; vertical-align: middle;
	width: var(--all_wh1); height: var(--all_wh1);
	background: url('../n-images/payment_gifcard_icon_close@2x.png') no-repeat center / 100%;
}
.e-card-v .ico-rup{ transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.e-card-v .unactivateLogo{
	width: var(--card_unactivateLogoW);
	position: absolute; top: var(--all_wh1_5); right: var(--all_wh7);
}
.e-card-v .scl-cont{
	background-color: var(--all_colorWhite); color: var(--all_colorDiy5);
	border-radius: var(--card_contRadius);
	font-size: var(--all_font12);
	box-shadow: var(--card_contShadow) var(--all_colorLightGray);
	height: 0;
	overflow: hidden;
	position: relative; z-index: 1;
}
.e-card-v .scl-cont .scl-ct{ padding: var(--card_contMoveGap); }
.e-card-v .scl-contd{
	animation: scl-contd .3s;
	height: 100%;
	margin-top: var(--all_wh-1);
}
.e-card-v .scl-contu{
	animation: scl-contu .3s;
	height: 0;
	margin-top: 0;
}
@keyframes scl-contd{ from { height: 0} to { height: var(--all_wh7);}}
@keyframes scl-contu{ from { height: var(--all_wh7);} to { height: 0;}}
.e-card-v .scl-yes{
	display: none;
	position: absolute; right: 0; top: 0;
	width: var(--all_wh2); height: var(--all_wh2);
}
.e-card-v .checked .scl-yes{ display: block;}
.e-card-v .card-bg{
	height: var(--card_constH);
	background: url('../n-images/bg_coupon_selected.png') no-repeat right / 100%;
	box-shadow: var(--card_contShadow) var(--all_colorLightGray);
}
.e-card-v .card-bg .ico-rdown{ background: url('../n-images/payment_coupon_icon_close@2x.png') no-repeat center / 100%; }
.e-card-v .card-bg .card-price{
	display: block;
	font-size: var(--all_font28);
	color: var(--all_colorDiy4);
}
.e-card-v .radio-l, .e-card-v .radio-r{
	position: absolute; left: var(--all_wh_-5); top: 65%;
	width: var(--all_wh1); height: var(--all_wh1);
	background: var(--all_colorDiy3);
	border-radius: 50%;
}
.e-card-v .radio-r{ left: auto; right: var(--all_wh_-5); }
.card-bgno .scl-bg{ background: url('../n-images/bg_gifcard_default.png') no-repeat center / 100%;}
.e-card-v .card-bgno,
.card-bgno .scl-bg.card-bg{ background: url('../n-images/bg_coupon_default.png') no-repeat center / 100%; }
.e-card-v .card-bgno .card-price{ color: var(--all_colorDiy5); }


/* 我的预约 */
.e-perlist{
	display: block;
	background-color: var(--all_colorWhite);
	border-bottom: var(--all_wh1) solid var(--all_colorDiy3);
}
.e-perlist .e-perlist-t{
	margin: var(--all_2pdLR);
	border-bottom: var(--all_1px) solid var(--all_borColor);
	height: var(--all_wh5); line-height: var(--all_wh5);
}
.e-perlist .e-perlist-c{
	margin: var(--all_2pdLR); padding: var(--all_1_5pdTB);
	background-color: var(--all_colorWhite);
	border-bottom: var(--all_1px) solid var(--all_borColor);
}
.e-perlist .e-perc-pice{
	width: var(--perlist_imgW); height: var(--perlist_imgH);
	background-color: var(--all_borColor);
	border-radius: var(--all_wh_8);
	position: relative;
	overflow: hidden;
}
.e-perlist .e-perc-r{
	overflow: hidden;
	width: calc(100% - var(--perlist_imgW)); min-height: var(--perlist_imgH);
	display: flex; display: -webkit-flex;
	flex-direction: column; -webkit-flex-direction: column;
	justify-content: space-between; -webkit-justify-content: space-between;
}
.e-perlist .e-perc-img{
	width: 100%; height: 100%;
	object-fit: cover; -webkit-object-fit: cover;
}
.e-perlist .e-perc-tag{
	position: absolute; left: 0; top: 0;
	overflow: hidden;
	font-size: 0;
	border-radius: var(--perlist_tagRadius);
}
.e-perlist .e-perc-tag .mco-z, .e-perlist .e-perc-tag .mco-h{
	display: inline-block;
	font-size: var(--all_font12);
	width: var(--all_wh2_5); height: var(--all_wh2); line-height: var(--all_wh2);
	color: var(--all_colorWhite);
	border-radius: var(--perlist_tagRadius);
	text-align: center;
}
.e-perlist .e-perc-tag .mco-z{
	padding-left: var(--all_wh2_5); margin-left: var(--perlist_tagXy);
	background: var(--all_colorDiy10);
	box-sizing: initial;
}
.e-perlist .e-perc-tag .mco-h{
	background: var(--all_colorDiy11);
	position: relative;
}
.e-perlist .e-perr-name{
	display: block;
	height: var(--all_wh2_2); line-height: var(--all_wh2_2);
	overflow: hidden;
	text-overflow: ellipsis; white-space: nowrap;
}
.e-perlist .e-perr-tag{
	overflow: hidden;
	text-overflow: ellipsis; white-space: nowrap;
	height: var(--all_wh2_2); line-height: var(--all_wh2_2);
}
.e-perlist .e-pertag-t{
	display: inline-block;
	height: var(--all_wh2); line-height: var(--all_wh2);
	border: var(--all_1px) solid var(--all_borColor); border-radius: var(--all_wh2);
	font-size: var(--all_font12);
	background-color: var(--all_colorWhite); color: var(--all_colorDiy5);
	padding: var(--all_1pdLR); margin: var(--perlist_tagMg);
}
.e-perlist .e-perlist-b{
	height: var(--all_wh5); line-height: var(--all_wh5);
	margin: var(--all_2pdLR);
}
.e-perlist .e-add-text{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis; white-space: nowrap;
	font-size: var(--all_font12);
	color: var(--all_colorDiy5);
}
.e-perlist .e-button-fa{
	height: var(--all_wh3); line-height: var(--all_wh3);
	padding: var(--all_1_5pdLR);
}

/* 我的预定 */
.reserve-boxs{ background-color: var(--all_colorWhite);}
.reserve-boxs .mco-album{
	position: relative;
	height: var(--all_wh1);
	overflow: hidden;
	background-color: var(--all_colorWhite);
	white-space: nowrap;
}
.reserve-boxs .mco-album.rotate{ transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.reserve-boxs .mco-album::after{
	position: absolute; left: 0; top: var(--all_wh-1_5);
	content: "● ● ● ● ● ● ● ● ●  ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ●";
	font-size: var(--all_font20);
	color: var(--all_colorDiy3);
}
.reserve-boxs .reserve-cont{ margin: var(--res_contMg);}
.reserve-boxs .price-box{
	margin: 0 0 2rem 0; padding: var(--all_wh2);
	background-color: var(--all_colorDiy3);
	border-radius: var(--all_wh_8);
	text-align: center;
}
.reserve-boxs .pay-state{ margin: var(--all_2pdLR);}
.reserve-boxs .price-box .gold{ font-size: var(--all_font35);}
.reserve-boxs .pay-flex{
	position: relative;
	flex: 1; -webkit-flex: 1;
	padding: 2rem 0 2rem 1rem;
}
.reserve-boxs .pay-flex::after {
	content: "";
	position: absolute; right: 0; top: 0;
	width: var(--all_1px); height: 50%;
	background-color: var(--all_colorLightGray);
	margin-top: 20%;
	font-size: 0;
}
.reserve-boxs .pay-flex:last-child::after{ display: none;}
.reserve-boxs .pay-bill{
	max-height: 0;
	overflow: hidden;
	transition: max-height .3s linear;
}
.reserve-boxs .pay-bill-show{
	max-height: var(--res_payBillMove);
	transition: max-height .3s linear;
}
.reserve-boxs .remark-textarea{
	background-color: var(--all_colorDiy3); color: var(--all_colorDiy5);
	border-radius: var(--all_wh_5);
	width: 100%; height: var(--all_wh2_5); line-height: var(--all_wh2);
	resize: none;
	text-align: center;
	font-size: var(--all_font12);
}

/* 我的账单 */
.payRecord{
	height: var(--all_wh5); line-height: var(--all_wh5);
	background-color: var(--all_colorWhite);
	padding: var(--all_2pdLR); margin-bottom: var(--all_wh1_5);
	border-bottom: none;
}
.payrecord-bar{
	display: block;
	font-size: 0;
	margin: var(--res_payBarMg);
	height: var(--all_wh7);
	background: var(--all_colorDiy3);
	border-radius: var(--all_wh_5);
	overflow: hidden;
}
.reserve-box{
	margin: var(--res_payBoxMg);
	background-color: var(--all_colorWhite);
	border-radius: var(--all_wh_5);
	max-height: var(--all_wh7);
	overflow: hidden;
}
.reserve-box.move-show1{ max-height: none;}
.reserve-box.move-show1 .pay-head .pay-arrow{ transform: rotate(180deg);}
.reserve-box .pay-head{
	position: relative;
	display: flex;
	padding: var(--res_payHeadPd);
	/*box-shadow: var(--res_payShadow);padding: var(--res_payHeadPd);*/
	border-radius: var(--all_wh_5);
}
.reserve-box .pay-cont{ flex: 1;}
.reserve-box .pay-cont .pay-date{}
.reserve-box .pay-cont .pay-total{
	float: right;
	margin-right: 3.5rem;
	font-size: var(--all_font12);
	color: var(--all_colorDiy5);
}
.reserve-box .pay-cont .pay-arrow-new{
	position: absolute;
    right: 1.6rem;
    top: 2.1rem;
    /* transform: rotate(180deg); */
}
.reserve-box .pay-cont .payend{
	opacity: .8;
	width: 4rem;
	position: absolute; right: 4.2rem; top: 0.8rem;
}

.reserve-box.move-show1 .pay-cont .pay-arrow-new{ transform: rotate(180deg);}
.reserve-box .pay-arrow-new, .reserve-box .pay-arrow-new::before {
    position: absolute;
    bottom: var(--all_wh_8);
    margin-left: var(--res_payCbMg);
    width: 0;
    height: 0;
    border-left: var(--all_wh_8) solid transparent;
    border-right: var(--all_wh_8) solid transparent;
    border-top: var(--all_wh_8) solid var(--all_colorDiy8);
}
.reserve-box .pay-arrow-new::before {
    content: "";
    left: var(--res_payArrowL);
    bottom: var(--all_wh_2);
    margin-left: 0;
    border-top: var(--all_wh_8) solid var(--all_colorWhite);
}
.reserve-box .pay-checkbox{
	width: var(--all_wh5);
	display: flex; align-items: center; justify-content: center;
	position: relative; z-index: 1;
}
.reserve-box .pay-checkbox.disabled .pay-checkbox-c{ background-color: #eee;}
.reserve-box .pay-checkbox-c{
	width: var(--res_payCbWh); height: var(--res_payCbWh);
	border: var(--all_wh_2) solid var(--res_payCbBorColor); border-radius: 50%;
	background-color: var(--all_colorWhite);
	transition: .4s all linear;
}
.reserve-box .pay-checkbox-b{
	position: absolute; left: 0; top: 0; z-index: 1;
	opacity: 0;
	width: 100%; height: 100%;
	margin: 0;
}
.reserve-box .pay-checkbox-b:checked + .pay-checkbox-c{
	position: relative; left: 0; top: 0;
	background-color: var(--all_colorGrb);
	border: var(--all_wh_2) solid var(--all_colorGrb);
}
.reserve-box .pay-checkbox-b:checked + .pay-checkbox-c::before{
	content: '';
	position: absolute; top: var(--all_wh_6); left: var(--all_wh_9);
    width: var(--all_wh_4); height: var(--all_wh1);
	color: var(--all_colorWhite);
	border-bottom: var(--all_wh_2) solid; border-right: var(--all_wh_2) solid;
	transform-origin: center;
	transform: translate(-50%, -30%) rotate(45deg);
}
.reserve-box .pay-checkbox.selecthr .pay-checkbox-b:checked + .pay-checkbox-c::before{
	content: '';
    position: absolute; top: 50%; left: 16%;
    width: 70%; height: var(--all_wh_3);
    background-color: var(--all_colorWhite);
    margin-top: -.15rem;
    transform: none;
}
.reserve-box .pay-button{
	display: flex; align-items: center;
	width: var(--all_wh8);
	cursor: pointer;
	position: relative; z-index: 1;
}
.reserve-box .pay-button a{
	display: inline-block;
	width: var(--all_wh6); height: var(--all_wh3); line-height: var(--all_wh3);
	background: -webkit-linear-gradient( left, var(--all_colorGra), var(--all_colorGrb)); color: var(--all_colorWhite);
	border-radius: var(--all_wh1_5);
	text-align: center;
}
.reserve-box .pay-arrow, .reserve-box .pay-arrow::before{
	position: absolute; left: 50%; bottom: var(--all_wh_8);
	margin-left: var(--res_payCbMg);
	width: 0; height: 0;
	border-left: var(--all_wh_8) solid transparent;
    border-right: var(--all_wh_8) solid transparent;
	border-top: var(--all_wh_8) solid var(--all_colorDiy8);
}
.reserve-box .pay-arrow::before{
	content: "";
	left: var(--res_payArrowL); bottom: var(--all_wh_2);
	margin-left: 0;
	border-top: var(--all_wh_8) solid var(--all_colorWhite);
}
.reserve-box .pay-body{
	border: var(--all_wh1_5) solid var(--all_colorWhite); border-radius: var(--all_wh2);
	padding-bottom: var(--all_wh2);
	max-height: 50vh; overflow-y: auto;
	background-color: #fff;
}
/*.reserve-box .pay-body:last-child{ border: none;}*/
.reserve-box .pay-title{
	display: flex; align-items: flex-start;
	/* margin-right: var(--all_font20); */
}
.reserve-box .pay-proname{
	/* border-bottom: var(--all_1px) solid var(--all_colorLightGray); */
	padding-bottom: var(--all_wh1);
	padding-top: 0.3rem;
	word-wrap: break-word; word-break: break-all;
	white-space: normal;
	flex: 1;
}
.reserve-box .pay-cos{
	padding: var(--all_1_5pdTB); margin: var(--res_payListMg);
	border-bottom: var(--all_1px) solid var(--all_colorLightGray);
	font-size: var(--all_font12);
	display: flex;
}
.reserve-box .pay-cosl{
	width: 33.33%;
	color: var(--all_colorInGrey);
	position: relative;
}
.reserve-box .pay-cosl::before{
	content: "";
	position: absolute; right: var(--all_wh1_5); top: 50%;
	height: var(--all_wh2_5); width: var(--all_1px);
	margin-top: var(--res_payHrMg);
	background-color: var(--all_colorLightGray);
	font-size: 0;
}
.reserve-box .pay-cosl:last-child:before{ display: none;}
.reserve-box .pay-cost{ display: block;}
.reserve-box .pay-cosc{ color: var(--all_colorDarkGrey);}
.reserve-box .pay-body2{
	overflow: hidden;
	transition: .4s all linear;
	margin: var(--all_2pdLR);
}
.reserve-box .pay-body2.move-show2{ max-height: var(--res_payMoveH);}
.reserve-box .pay-body2.move-show2 .pay-arrow{ transform: rotate(180deg);}
.reserve-box .pay-title2{
	padding: var(--res_payTitlePd); margin-left: var(--all_wh3);
	display: flex; justify-content: space-between;
}
.reserve-box .pay-show{
	display: inline-block; padding-right: var(--all_wh1_5);
	position: relative;
	cursor: pointer;
}
.reserve-box .pay-show .pay-arrow{
	right: 0; left: auto; bottom: var(--all_wh_6);
	border-left: var(--all_wh_5) solid transparent;
    border-right: var(--all_wh_5) solid transparent;
	border-top: var(--all_wh_5) solid var(--all_colorLightGray);
	margin-left: 0;
}.reserve-box .pay-e-list{
	font-size: var(--all_font12);
	color: var(--all_colorInGrey);
	padding: var(--all_1_5pdTB);
}
.reserve-box .e-list-deta .deta-left{
	width: 10rem;
}
.reserve-box .t-right{
	text-align: right
}
.reserve-box .pay-e-list2{
	font-size: var(--all_font12);
	color: var(--all_colorInGrey);
	padding: var(--res_payList2Pd);
}
.reserve-box .pay-rabg{
	display: block;
	padding: .5rem .5rem .5rem 1rem; margin-bottom: var(--all_wh_5);
	background-color: #fff;
	border-radius: var(--all_font12);
	word-wrap: break-word ; word-break: break-all ;
    white-space: normal ;
}
.reserve-box .pay-list{ margin-bottom: 0.4rem; background-color: #f5f6f9;}
.reserve-box .pay-list:last-child .pay-body2{ border-bottom: none;}
.reserve-box .pay-list:last-child .pay-e-list2{ padding: var(--res_payList2sPd);}
.foot-fixed{
	position: fixed;
	z-index: 99;
	width: 100%;
	bottom: 0;
	background-color: #fff;
	padding: 0.8rem 2rem;
}
.foot-fixed .footer-total{color:#141414;font-size:1.6rem;float: left;line-height: 3.5rem}
.foot-fixed a{
	float: right;
    display: inline-block;
    width: var(--all_wh7);
    height: var(--all_wh3);
    line-height: var(--all_wh3);
    background: -webkit-linear-gradient( left, var(--all_colorGra), var(--all_colorGrb));
    color: var(--all_colorWhite);
    border-radius: var(--all_wh1_5);
    text-align: center;
}

/* 账单支付弹层 */
.pay-pop{ margin-top: var(--all_wh-1);}
.pay-pop .pay-tip{
	font-size: var(--all_font12);
	color: #9EA3A6;
	text-align: left;
	margin-bottom: var(--all_wh1);
}
.pay-pop .pay-head{
	color: #9EA3A6;
	display: flex; justify-content: space-between;
	font-size: var(--all_font12);
	margin-bottom: var(--all_wh1);
}
.pay-pop .pay-head  span + span{ color: var(--all_colorDarkGrey);}
.pay-pop .pay-body{
	max-height: 16rem;
    overflow-y: auto;
}
.pay-pop .pay-body .comlist{
	display: flex; justify-content: space-between;
	border: var(--all_1px) solid #E5E5E5; border-radius: var(--all_wh_5);
	padding: var(--all_wh1); margin-bottom: var(--all_wh1);
	text-align: left;
	cursor: pointer;
}

/* 支付 */
.tips-pop{
	position: fixed; left: 0; top: 0; z-index: 100;
	width: 100%; height: 100%;
	background: rgba(0,0,0,0.8);
}
.tips-pop .tips-pice{
	position: fixed; right: var(--tip_piceR); top: var(--tip_piceT); z-index: 100;
	width: 85%;
}
.pay-radio .e-radio{
	width: 100%; height: 100%;
	display: flex; display: -webkit-flex;
	justify-content: flex-end; -webkit-justify-content: flex-end;
}
.pay-radio .e-list:last-child{ border-bottom: none;}

/*星星打分 kunlun*/
@font-face {
	font-family: 'star';
	src: url('star.woff') format('woff') /* Modern Browsers */
}
.starrating {
    position: relative;
    display: inline-block;
    line-height: var(--all_wh1_4);
    color: var(--all_colorDiy3);
    font-size: var(--all_font18);
    margin-right: var(--all_wh1);
}
.starrating .icon-star::before, .starrating::before { content: "\e900\20\e900\20\e900\20\e900\20\e900";}
.starrating .icon-star {
    position: absolute; top: 0; left: 0;
    overflow: hidden;
    color: var(--all_starColor);
    white-space: nowrap;
}
[class*=" icon-"], [class^=icon-] {
    font-family: star; font-style: normal; font-weight: 400; font-variant: normal;
    speak: none;
    -webkit-font-feature-settings: normal; font-feature-settings: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 图片上传 */
.e-update-pice{
	display: -webkit-flex; display: flex;
	margin-bottom: var(--all_wh1);
}
.e-update-pice .piceu-list{
	width: var(--all_wh5); height: var(--all_wh5); line-height: var(--all_wh5);
	border-radius: var(--all_wh_5);
	overflow: hidden;
	background-color: var(--all_colorDiy3);
	position: relative;
	margin-left: var(--all_wh_4);
}
.e-update-pice .piceu-list:first-child{ margin-left: 0 !important;}
.e-update-pice .e-update-add{
	display: block;
	font-size: var(--all_font22);
	color: var(--all_colorDiy8);
}
.e-update-pice .e-update-input{
	position: absolute; left: 0; top: 0; z-index: 1;
	opacity: 0;
	width: 100%; height: 100%;
}
.e-update-pice .e-pice{
	width: 100%; height: 100%;
	object-fit: cover; -webkit-object-fit: cover;
}
.e-update-pice .mg-l20{ margin-left: var(--all_wh2);}

/* 投诉步骤 */
.step-cont .step-ct{ margin-bottom: var(--all_wh_2);}
.step-cont .step-cc{
	border-left: var(--all_wh_2) solid var(--all_colorDarkGrey);
	min-height: var(--all_wh4);
	padding: var(--all_1pdLR); margin-left: var(--all_wh_4);
}
.step-cont .step-ccn{ border-left: var(--all_wh_2) solid var(--all_colorDiy3);}

/* 弹出图片详情 */
.closePb{
	display: inline-block;
	width: var(--all_wh4); height: var(--all_wh4); line-height: var(--all_wh4);
	text-align: center;
	background: var(--all_colorBlack); color: var(--all_colorWhite);
	border-radius: 50%;
	font-size: var(--all_font35);
	position: fixed; left: var(--all_wh1_5); top: var(--all_wh1_5);
}
.navbar .centerPage{
	width: var(--all_wh10); height: var(--all_wh4);
	background: var(--all_colorBlack); color: var(--all_colorWhite);
	border-radius: var(--all_wh4);
	display: flex; display: -webkit-flex;
	justify-content: center; -webkit-justify-content: center;
	font-size: var(--all_font12);
	margin-top: var(--all_wh3);
}

/* 个人管家 */
.my-cont1{
    display: flex; display: -webkit-flex;
    justify-content: center; -webkit-justify-content: center;
    align-items: center; -webkit-align-items: center;
    flex-direction: column; -webkit-flex-direction: column;
    position: relative;
    width: 84%; height: 60%;
    margin: 20% 8%;
    background-color: var(--all_colorWhite); color: var(--all_colorDiy8);
    border-radius: var(--all_wh_5);
}
.my-cont1 .keeper-pice{
	border-radius: 50%;
	width: var(--all_wh7);
}
.my-cont1 .hr{
	border: none;
	background-color: var(--all_borColor);
	width: 70%; height: var(--all_1px);
}
.my-cont1 .slogan{ width: 70%;}
.contact-but-cont .contact-but .link{
	width: var(--all_wh7);
	text-align: center;
}
.contact-but-cont .contact-but .ico-tel{
	display: inline-block;
	margin-bottom: var(--all_wh_5);
}
/* .contact-but-cont .ico-im{ background: url('../n-images/housekeeper_icon_messagebuttob@2x.png') no-repeat center / 100%;} */

/* 我的参与 */
.e-list-myact{ background-color: var(--all_colorWhite);}
.e-list-myact .e-spabet{ padding: var(--all_wh2);}
.e-list-myact .myact-pice{
	position: relative;
	width: var(--myact_piceW); height: var(--myact_piceH);
	overflow: hidden;
	border-radius: var(--all_wh1);
}
.e-list-myact .myact-img{
	position: relative; z-index: 1;
	width: 100%; height: 100%;
	object-fit: cover; -webkit-object-fit: cover;
}
.e-list-myact .mycat-right{ width: calc(100% - 13rem);}
.e-list-myact .myact-tag{
	position: absolute; left: 0; top: 0; z-index: 2;
	color: var(--all_colorWhite);
	height: var(--all_wh3); line-height: var(--all_wh3);
	padding: var(--all_1_5pdLR);
	border-radius: var(--myact_tagRadius);
	text-align: center;
	font-size: var(--all_font12);
}
.e-list-myact .act-end{ background-color: var(--all_colorDarkGrey);}
.e-list-myact .act-valid{
	background: -webkit-linear-gradient( left, var(--all_colorGra), var(--all_colorGrb)); color: var(--all_colorWhite);
	background-blend-mode: normal, normal;
}

/* 门锁密码 */
.doorlock-list{
	margin: var(--doorlock_Mg);
	box-shadow: var(--doorlock_Radius);
	border-radius: var(--all_wh_5);
	background-color: var(--all_colorWhite);
}
.doorlock-list:last-child{ margin-bottom: var(--all_wh2);}
.doorlock-name{
    line-height: var(--doorlock_NameH);
    text-align: center;
    font-size: var(--all_font17);
    border-bottom: var(--all_1px) solid var(--all_borColor);
	color: var(--all_colorDarkGrey);
    overflow: hidden;
    padding: var(--doorlock_NamePd);
}
.doorlock-top{
	height: var(--doorlock_TopH); line-height: var(--doorlock_TopH);
	display: flex; display: -webkit-flex;
	align-items: center; -webkit-align-items: center;
    justify-content: center; -webkit-justify-content: center;
}
.doorlock-top .ico-lock{
	display: inline-block;
	width: var(--doorlock_Ico);
	margin-right: var(--all_wh1); margin-left: var(--all_wh-1);
}
.doorlock-top.bor-t{
	border-top: var(--all_1px) solid var(--all_borColor);
	margin: var(--all_2pdLR);
}
.doorlock-list .doorlock-subl{
	display: flex; display: -webkit-flex;
	padding: var(--doorlock_SubPd);
}
.doorlock-list .doorlock-left{
	position: relative;
	width: var(--doorlock_LeftW);
	padding-right: var(--all_wh2);
}
.doorlock-list .doorlock-left .lock-hr{
	position: absolute; right: 0; top: 0;
	border: none;
	height: var(--doorlock_HrH); width: var(--all_1px);
	border-right: var(--all_1px) dashed var(--all_borColor);
}
.doorlock-list .doorlock-left .doorlock-power, .doorlock-list .doorlock-right .doorlock-power{
	display: block;
	text-align: center;
	font-size: var(--all_font12);
	color: var(--all_colorDiy5);
}
.doorlock-list .doorlock-right .doorlock-power{ margin-left: var(--all_wh2_5); }
.doorlock-list .doorlock-right{ width: calc( 100% - 10.5rem );}
.doorlock-list .doorlock-right .doorlock-butl{ margin-bottom: var(--all_wh1_5); }
.doorlock-list .doorlock-right .doorlock-butl + .doorlock-butl{ margin-bottom: var(--all_wh_8); }
.doorlock-list .doorlock-right .e-button-fc, .doorlock-list .doorlock-right .e-button-fd{
	display: block;
	height: var(--all_wh3); line-height: var(--all_wh3);
	margin-left: var(--all_wh2_5);
	font-size: var(--all_font14);
}
.doorlock-list .doorlock-right .e-button-fd{
	background: var(--all_colorWhite); color: var(--doorlock_ButColorA);
	border: var(--all_1px) solid var(--doorlock_ButColorA);
}
.lock-input{
	border: var(--all_1px) solid var(--all_borColor); border-radius: var(--all_wh3);
	width: 80%; height: var(--all_wh3); line-height: var(--all_wh3);
	margin-bottom: var(--all_wh1);
	text-align: center;
}
.mco-battery .mco-battery-cont{
	position: relative;
	display: inline-block;
	width: var(--all_wh6); height: var(--doorlock_BatteryH);
	border: solid var(--all_wh_2) var(--doorlock_BatteryColora); border-radius: var(--all_wh_7);
	padding: var(--all_wh_3); margin: 0 auto 0.5rem auto;
	display: flex; display: -webkit-flex;
    align-items: flex-end; -webkit-align-items: flex-end;
}
.mco-battery .mco-battery-body{
	display: inline-block;
	width: 100%;
	background-color: var(--doorlock_BatteryColora);
	border-radius: var(--all_wh_2);
}
.mco-battery .mco-battery-head{
	position: absolute; left: 50%; top: var(--doorlock_BatteryTop);
	margin-left: var(--doorlock_BatteryMg);
	height: 0; width: var(--doorlock_BatteryW);
	border-bottom: var(--doorlock_BatteryTop) solid var(--doorlock_BatteryColora); border-left: var(--doorlock_BatteryTop) solid transparent; border-right: var(--doorlock_BatteryTop) solid transparent;
}
.mco-battery .mco-battery-text{
	position: absolute; bottom: 15%; left: 0;
	width: 100%;
	text-align: center;
	color: var(--doorlock_BatteryColorb);
}
.mco-battery.bat-red .mco-battery-cont{ border: var(--all_wh_2) solid var(--doorlock_BatteryColorc); }
.mco-battery.bat-red .mco-battery-body{ background-color: var(--doorlock_BatteryColorc); }
.mco-battery.bat-red .mco-battery-head{ border-bottom: var(--doorlock_BatteryTop) solid var(--doorlock_BatteryColorc);}
.mco-battery.bat-red .mco-battery-text{ color: var(--doorlock_BatteryColorc); }
.mco-battery.bat-green .mco-battery-cont{ border: var(--doorlock_BatteryTop) solid  var(--doorlock_BatteryColord); top: var(--doorlock_BatteryHack); }
.mco-battery.bat-green .mco-battery-body{ background-color: var(--doorlock_BatteryColord); }
.mco-battery.bat-green .mco-battery-head{ border-bottom: var(--doorlock_BatteryTop) solid var(--doorlock_BatteryColord);}
.mco-battery.bat-green .mco-battery-text{ color: var(--doorlock_BatteryColore); }
.mco-battery.bat-gray .mco-battery-cont{ border: var(--all_wh_2) solid var(--doorlock_BatteryColorf); }
.mco-battery.bat-gray .mco-battery-body{ background-color: var(--doorlock_BatteryColorf); }
.mco-battery.bat-gray .mco-battery-head{ border-bottom: var(--doorlock_BatteryTop) solid var(--doorlock_BatteryColorf);}
.mco-battery.bat-gray .mco-battery-text{ color: var(--all_colorDarkGrey); }
.button-gray .e-button-fc,.button-gray-half .e-button-fc{ background: var(--doorlock_BatteryColorg);}
.button-gray .e-button-fd{
	border: var(--all_1px) solid var(--all_borColor) !important;
	color: var(--all_colorDiy8) !important;
}

/* */

.login-main{
	display: flex; display: -webkit-flex;
    flex-direction: column; -webkit-flex-direction: column;
    height: 100%;
}
.login-main .login-cont{
	-webkit-flex-direction: column; flex-direction: column;
    height: 40%;
    background: #d4d7de;
    position: relative;
}
.login-main .login-cont .login-logo{
	position: absolute; left: 50%; bottom: var(--all_wh2);
	margin-left: -3.6rem;
	width: 7.2rem;
}
.login-main .login-cont span{
	position: absolute; right: 1.4rem; top: 1.4rem;
	color: #141414;
	width: 7.0rem; height: var(--all_wh3); line-height: var(--all_wh3);
	text-align: center;
}
.login-main .login-foot{
	-webkit-align-items: stretch ; align-items: stretch;
    -webkit-flex: 0 0 auto; flex: 0 0 auto;
    background-color: var(--all_colorWhite);
}
.login-tpl{
	border-bottom: 1px solid #e5e5e5;
	height: var(--all_wh4); line-height: var(--all_wh4);
	font-size: 0;
	text-align: center;
}
.login-tpl span{
	display: inline-block; vertical-align: middle;
	font-size: var(--all_font14);
	width: 50%;
	position: relative;
}
.login-tpl .checked{ color: #e33553;}
.login-tpl .checked b{
	position: absolute; left: 50%; bottom: 0;
	width: var(--all_wh2); height: 0.2rem;
	background: #e33553;
	margin-left: -1.0rem;
}
.login-tpla, .login-tplb{ padding: 1.4rem 6.0rem; }
.login-list li{
	height: 6.755rem;
	border-bottom: 1px solid #E7EAEF;
	display: -webkit-flex; display: flex;
    align-items: center; -webkit-align-items: center;
}
.login-list .ico-login1, .login-list .ico-login2, .login-list .ico-login3, .login-list .ico-login4, .login-list .ico-login5,
.login-flist .ico-login4, .login-flist .ico-login2, .login-flist .ico-login3{
	display: inline-block; vertical-align: middle;
	width: var(--all_wh1_4); height: var(--all_wh1_4);
	background: url('../n-images/login_icon_mobile.png') no-repeat center / 100%;
}
.login-list .ico-login2{ background: url('../n-images/login_icon_mobile.png') no-repeat center / 100%; }
.login-list .ico-login3, .login-flist .ico-login3{ background: url('../n-images/login_icon_code.png') no-repeat center / 100%; }
.login-list .ico-login4, .login-flist .ico-login4{ background: url('../n-images/login_icon_piccode.png') no-repeat center / 100%; }
.login-list .ico-login5, .login-flist .ico-login5{ background: url('../n-images/ico-key.png') no-repeat center / 100%; }
.login-list li span, .login-flist li span{ padding-right: 0.8rem; }
.login-list .text, .login-flist .text{
	text-align: left;
	color: #141414;
	flex: 1; -webkit-flex: 1;
}
.login-foot .login-but{
	display: block;
	height: var(--all_wh4); line-height: var(--all_wh4);
	background: -webkit-linear-gradient( left, #F2705B, #EE5A69);
  	background:    -moz-linear-gradient( left, #F2705B, #EE5A69);
  	background:      -o-linear-gradient( left, #F2705B, #EE5A69);
  	color: #FFF;
  	border-radius: var(--all_wh4);
  	text-align: center;
  	margin-top: 2.0rem;
}
.login-foot .login-but.no-check{ background: #d4d7de; }
.login-feri{
	background: url('../n-images/checkin_bg.png') no-repeat center / 100% 100%;
	display: flex; display: -webkit-flex;
	justify-content: center; -webkit-justify-content: center;
}
.login-ftop{
	text-align: center;
	font-size: 4.2rem;
	color: #FFF;
}
.login-flist{
	background: #FFF;
	margin: 0 5.0rem; padding: 2.0rem;
	border-radius: .5rem;
}
.login-flist .login-fcont{
	display: flex; display: -webkit-flex;
	flex-direction: column; -webkit-flex-direction: column;
}
.login-flist .login-fcont li{
	height: 6.755rem;
	border-bottom: 1px solid #E7EAEF;
	display: flex; display: -webkit-flex;
    align-items: center; -webkit-align-items: center;
}
.login-banner{
	width: 100%; height: 100%;
    object-fit: cover;
}

/* 我的 */
.my-cont{
	height: 24.0rem;
	background: url('../n-images/user_bg.png') no-repeat center / 100%; color: #FFF;
	display: flex; display: -webkit-flex;
    justify-content: center; -webkit-justify-content: center;
    align-items: center; -webkit-align-items: center;
    flex-direction: column; -webkit-flex-direction: column;
    position: relative;
}
.my-cont div{
	width: 7.5rem; height: 7.5rem;
	overflow: hidden;
	border-radius: 50%;
	text-align: center;
	display: flex;
    justify-content: center;
    align-items: center;
}
.my-cont div img{
	width: 100%; height: 100%;
	object-fit: cover; -webkit-object-fit: cover;
	margin: 0 auto;
}
.my-cont .my-eidt{
	position: absolute;
	right: 1.0rem; top: 1.0rem;
	width: 1.4rem; height: 1.4rem;
	padding: 1.0rem;
	background: url('../n-images/user_porfile_icon_edit.png') no-repeat center / 50%;
	box-sizing: content-box;
}
.my-cont .my-broker{
	position: absolute; right: 0; top: 8.4rem;
	width: 6.2rem; height: 0.56rem; line-height: 0.56rem;
	padding: .714rem;
	background: #fff000; color: #ff5572;
	border-top-left-radius: 2.8rem; border-bottom-left-radius: 2.8rem;
	box-sizing: content-box;
	font-size: 1.2rem;
}
.my-nav{
	display: flex; display: -webkit-flex;
	background: #FFF;
	margin: -4.9rem 2.0rem 0 2.0rem; padding: 0 2.8rem;
	box-shadow: 0 1.0rem 1.3rem 0 rgba(255, 86, 116, 0.08);
	border-radius: 4.0rem;
	height: 6.0rem; line-height: 6.0rem;
	text-align: center;
	font-size: 0;
	position: relative;
}
.my-nav a{
    width: 100%;
    font-size: 1.4rem;
    text-align: center;
}
.my-nav a i{
    display: block;
    width: 100%; height: 3.2rem; line-height: 4.0rem;
    color: #EE5A66;
    border-radius: 2.0rem;
    font-size: 1.6rem;
    text-align: center;
}
.my-nav a span{
	display: block;
	height: 1.4rem; line-height: 1.4rem;
	font-size: 1.2rem;
}
.my-menut{
	text-align: center;
	color: #D0D5D9;
	margin-top: 3.5rem;
}
.my-menut span{
	display: inline-block;
	padding: 1.0rem 2.0rem;
	background: #FFF;
	position: relative;
}
.my-menut .hr{
	border: none;
	background: #E7EAEF;
	height: 1px;
	margin: 0 5.0rem -2.24rem 5.0rem;
}
.my-menut1{ margin-bottom: 1.0rem;}
.my-menut1 .hr{
	width: 13.5rem;
	margin: 0 auto -2.24rem;
}
.my-menut2 .hr{ margin: 0 2.0rem -1.2rem 2.0rem;}
.my-menut2 span{
	font-size: 1.2rem;
	padding: 0 1.0rem;
}
.my-menut1 span{
	padding: 1.0rem 1.0rem;
	color: #333;
}
.my-menut1+div .ico-star{
	display: inline-block;
	width: 2.4rem; height: 2.4rem;
	background: url('../n-images/app_score_icon_star_default.png') no-repeat center / 100%;
	margin: 0 1.0rem;
}
.my-menut1 + div .ico-stars{ background: url('../n-images/app_score_icon_star_selected.png') no-repeat center / 100%;}
.my-menu{ margin: 1.54rem 1.0rem 0 1.0rem; }
.my-menu li{
	display: flex; display: -webkit-flex;
	flex-wrap: wrap; -webkit-flex-wrap: wrap;
}
.my-menu li a{
	width: 25%;
	text-align: center;
	margin-bottom: 3.0rem;
}
.my-menu li dfn{
	display: inline-block;
	width: 3.8rem; height: 3.8rem;
	margin-bottom: 0.5rem;
}
.my-menu .ico-menu1{ background: url('../n-images/user_service_icon_contract.png') no-repeat center / 100%;}
.my-menu .ico-menu2{ background: url('../n-images/user_service_icon_bill.png') no-repeat center / 100%;}
.my-menu .ico-menu3{ background: url('../n-images/user_service_icon_reserve.png') no-repeat center / 100%;}
.my-menu .ico-menu4{ background: url('../n-images/user_service_icon_application.png') no-repeat center / 100%;}
.my-menu .ico-menu5{ background: url('../n-images/user_service_icon_complaint.png') no-repeat center / 100%;}
.my-menu .ico-menu6{ background: url('../n-images/user_service_icon_repair.png') no-repeat center / 100%;}
.my-menu .ico-menu7{ background: url('../n-images/user_service_icon_lock.png') no-repeat center / 100%;}
.my-menu .ico-menu8{ background: url('../n-images/user_service_icon_housekeeper.png') no-repeat center / 100%;}
.my-menu .ico-menu9{ background: url('../n-images/user_service_icon_agent.png') no-repeat center / 100%;}
.my-menu .ico-menu10{ background: url('../n-images/user_service_icon_favor.png') no-repeat center / 100%;}
.my-menu .ico-menu11{ background: url('../n-images/user_service_icon_device.png') no-repeat center / 100%;}
.my-menu li span{
	display: block;
	font-size: 1.2rem;
	line-height: 1.2rem;
}
.bc-b{ background-color: #f3f4f8 !important; }


.c-e{ color: #a0a3a6}

.takesee-person img{ width: 4.0rem;}
.takesee-person .person-role{
	font-size: 1.2rem;
	color: #dfd6db;
}
.takesee-person .person-num{
	font-size: 1.2rem;
	color: #9ea3a6;
}

/* 我的-活动 banner */
.activity-banner {
	margin: 2rem;
}