body,div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4 {margin:0;padding:0;font-style:normal; font-size: .875rem; font-family: ""; box-sizing: border-box;}
ol,ul,li {list-style:none;}
p{margin: 0; }
img {border:0;vertical-align:middle;}
body {color:#000000; padding: 0;}
.clear {clear:both;height:1px;width:100%;overflow:hidden;margin-top:-1px;}
a {color:#000000;text-decoration:none;}
a:hover {text-decoration:none;}
input, button, select, textarea { box-sizing: border-box;
outline: none;
border: none;
font-size: .875rem; font-family: "";
border-radius: 0; color: #333;
}


/* input通用样式 */
@supports (-webkit-appearance:none) or (-moz-appearance:none) {input[type='checkbox'],input[type='radio'] {--active:#fe6400;--active-inner:#fff;--input-border:#252525;--input-border-hover:#3476ff;--background:#fff;--disabled:#F5F9FF;--disabled-inner:#E4ECFA;--shadow-inner:rgba(18,22,33,.1);height:21px;outline:none;position:relative;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;box-shadow:none;cursor:pointer;height:19px;border:1px solid var(--input-border);background:var(--background);transition:background .3s ease,border-color .3s ease;}
input[type='checkbox']:after,input[type='radio']:after {content:'';display:block;left:0;top:0;position:absolute;transition:opacity .2s ease,-webkit-transform .3s ease,-webkit-filter .3s ease;transition:transform .3s ease,opacity .2s ease,filter .3s ease;transition:transform .3s ease,opacity .2s ease,filter .3s ease,-webkit-transform .3s ease,-webkit-filter .3s ease;}
input[type='checkbox']:checked,input[type='radio']:checked {background:linear-gradient(to left,#e9432d,#ff7344);border-color:var(--active);}
input[type='checkbox']:checked:after,input[type='radio']:checked:after {-webkit-filter:drop-shadow(0 1px 2px var(--shadow-inner));filter:drop-shadow(0 1px 2px var(--shadow-inner));transition:opacity 0.3s ease,-webkit-filter 0.3s ease,-webkit-transform 0.6s cubic-bezier(0.175,0.88,0.32,1.2);transition:opacity 0.3s ease,filter 0.3s ease,transform 0.6s cubic-bezier(0.175,0.88,0.32,1.2);transition:opacity 0.3s ease,filter 0.3s ease,transform 0.6s cubic-bezier(0.175,0.88,0.32,1.2),-webkit-filter 0.3s ease,-webkit-transform 0.6s cubic-bezier(0.175,0.88,0.32,1.2);}
input[type='checkbox']:disabled,input[type='radio']:disabled {cursor:not-allowed;opacity:.9;background:var(--disabled);}
input[type='checkbox']:disabled:checked,input[type='radio']:disabled:checked {background:var(--disabled-inner);border-color:var(--input-border);}
input[type='checkbox']:hover:not(:checked):not(:disabled),input[type='radio']:hover:not(:checked):not(:disabled) {border-color:var(--input-border-hover);}
input[type='checkbox']:not(.switch),input[type='radio']:not(.switch) {width:19px;}
input[type='checkbox']:not(.switch):after,input[type='radio']:not(.switch):after {opacity:0;}
input[type='checkbox']:not(.switch):checked:after,input[type='radio']:not(.switch):checked:after {opacity:1;}
input[type='checkbox']:not(.switch) {border-radius:4px;}
input[type='checkbox']:not(.switch):after {width:5px;height:9px;border:2px solid var(--active-inner);border-top:0;border-left:0;left:5px;top:1px;-webkit-transform:rotate(20deg);transform:rotate(20deg);}
input[type='checkbox']:not(.switch):checked:after {-webkit-transform:rotate(43deg);transform:rotate(43deg);}
input[type='checkbox'].switch {width:38px;border-radius:11px;}
input[type='checkbox'].switch:after {left:2px;top:2px;border-radius:50%;width:15px;height:15px;background:var(--input-border);}
input[type='checkbox'].switch:checked:after {background:var(--active-inner);-webkit-transform:translateX(17px);transform:translateX(17px);}
input[type='checkbox'].switch:disabled:not(:checked):after {opacity:.6;}
input[type='radio'] {border-radius:50%;}
input[type='radio']:after {width:19px;height:19px;border-radius:50%;background:var(--active-inner);opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7);}
input[type='radio']:checked:after {-webkit-transform:rotate(43deg);transform:rotate(43deg); background: none; border: 2px solid var(--active-inner);border-top: 0;border-left: 0; width: 4px;
    height: 8px;
    left: 5px;
    top: 2px; border-radius: 0;}
}


.head{
	background: #fff;
	height: 3rem;
	position: fixed;
    width: 100%;
	z-index: 9999;
}
.head-left{
	position: absolute;
	left: 0;
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
}
.head-left i{
	font-size: 1.125rem;
	color: #333;
}
.head-content{
	width: 100%;
	text-align: center;
	line-height: 3rem;
	color: #333;
	font-size: 18px;
    font-weight: bold;
}
.head-right{
	position: absolute;
	right: 3%;
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	top: 0;
    right: 0;
}
.head-right i{
	font-size: 1.25rem;
	color: #333;
}



.login{
	padding: 5rem 6% 1rem;
	width: 100%;
	box-sizing: border-box;
}
.login-title{
	text-align: center;
	margin-bottom: 2rem;
}
.login-title h1{
	font-size: 26px;
	line-height: 36px;
	margin-bottom: 4px;
}
.login-title p{
	font-size: 12px;
	color: #a0a1a3;
}
.login-input{
	margin-bottom: 16px;
	height: 48px;
	background: #f4f4f4;
	border: 1px solid #f4f4f4;
	border-radius: 8px;
	display: flex;
	overflow: hidden;
}
.login-input label{
	min-width: 48px;
	height: 48px;
	display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
}
.login-input label::after{
	content: "";
	width: 1px;
	height: 24px;
	position: absolute;
	background: linear-gradient(to top,#fff,#d9d9d9 , #fff);
	right: 0;
}
.login-input label i{
	font-size: 20px;
}
.login-input input{
	width: 100%;
	padding-left: 10px;
	background: none;
}
.focused{
	border-color:#fe6400;
}
.login-input span{
	min-width: 48px;
	height: 48px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.login-input span i{
	font-size: 20px;
}
.more{ width: 100%; text-align: center; margin:1rem 0 0;}
.more .more-title{ width:100%;line-height: 2rem; color: #aaa; font-size: .65rem;}
.more .more-title span{ display: inline-block; height: 2rem;  position: relative; padding: 0 .5rem;}
.more .more-title span::after{ content: ""; width: 2rem; height: 1px; background: #eee; position: absolute; left: -2rem; top:.95rem;}
.more .more-title span::before{ content: ""; width: 2rem; height: 1px; background: #eee; position: absolute; right: -2rem; top:.95rem;}
.more .more-icon{ width: 2.2rem; height: 2.2rem;margin: auto;line-height:2.2rem; color: #fff; border-radius: 50%; background: #fe6400 ; display: inline-block; text-align: center;}
.more .more-icon i{ font-size: 1.4rem;}
.more .more-label{ margin:0; position: relative;}
.more .more-label .label{ position: absolute; left: 0; top: 1px;}
.more .more-label .label input[type='checkbox']:not(.switch){ border-radius: 50%; border-color: #aaa; width: 18px; height: 18px;}
.more .more-label .label input[type='checkbox']:checked, input[type='radio']:checked{ border-color: #fe6400 ;}
.more .more-label .label input[type='checkbox']:not(.switch):after{width: 4px; height: 8px; left: 5px;  top: 2px;}
.more .more-label p{ font-size: .75rem; color: #aaa; text-align: left; padding-left: 22px; line-height: 20px;}
.login-button{
	margin-top: 2rem;
}
.login-button button{
	font-size: 16px;
}
.login-button .login-primary{
	background: linear-gradient(to left,#e9432d,#ff7344) ;
	color: #fff;
	height: 48px;
	border-radius: 8px;
	width: 100%;
	margin-bottom: 6px;
}
.login-button .login-large{
	background: none;
	color: #fe6400;
	height: 48px;
	border-radius: 24px;
	width: 100%;
}
.login-primary:disabled {
	opacity: .5;
	cursor: not-allowed;
}





.wrap{
    height: 100%;
    width: 100%;
	background: linear-gradient(to right,#ffe7dd,#fed1ba);
    padding: 1.5rem 0 2rem;
}
.wrap-content{
    /* background: linear-gradient(to top,#efeff4,rgb(240 240 245 / .8),rgb(240 240 245 / .01)); */
	padding: 0 4%;
	display: flex;
}
.wrap-top{
	width: 100%;
	display: flex;
	align-items: center;
}
.wrap-img{
	border: 2px solid #fd6301;
	height: 52px;
	width: 52px;
	background: #fff;
	border-radius: 50%;
	margin-right: 8px;
	padding: 3px;
}
.wrap-img img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.wrap-title{
	display: flex;
	flex-direction: column;
}
.wrap-title h1{
	font-size: 18px;
	margin: 0;
	line-height: 24px;
	color: #020202;
	margin-bottom: 4px;
}

.wrap-title .wrap-phone{
	background: linear-gradient(to bottom, #f6373c, #fc9f04);
	border-radius: 5px;
	padding: 0 0 0 5px;
	color: #fff;
	display: flex;
	height: 22px;
	overflow: hidden;
}
.wrap-phone em{
	font-style: normal;
	padding-right: 5px;
	font-size: 12px;
	line-height: 24px;
}
.wrap-phone span{
	font-size: 12px;
	margin: 0;
	padding: 0 5px 0 8px;
	color: #fff;
	background: linear-gradient(148deg, #f47339,#fb755c, #fc9f04);
	border-radius: 10px 0 0 0;
	border-top:1px solid #ffd89e;
	border-left:1px solid #fff2de;
	box-sizing: border-box;
}
.wrap-address{
	display: flex;
	align-items: center;
	justify-content: center;
}
.wrap-address div{
	padding: 0 4px 0 10px;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.wrap-address i{
	font-size: 22px;
	margin-bottom: 5px;
	color: #020202;
	font-weight: bold;
}
.wrap-address label{
	font-size: 13px;
	line-height: 20px;
	color: #020202;
	white-space: nowrap;
}
.list{
	width: 100%;
	padding: 1rem 3% 0;
	background: linear-gradient(to bottom,#fff,#f6f6f6,#f6f6f6);
	border-radius: 10px 10px 0 0;
	margin-top: -.5rem;
	min-height: 30vh;
}
.list-ul{
	width: 100%;
	
}
.list-ul li{
	display: flex;
	justify-content: space-between;
	background: #fff;
	padding: 1rem;
	border-radius: 10px;
	margin-bottom: 1rem;
}
.list-left{
	display: flex;
	align-items: center;
}
.list-left span{
	font-size: 16px;
}
.list-title{
	font-size: 18px;
	margin: 0;
	line-height: 28px;
	margin-bottom: 10px;
}
.list-icon{
	background: linear-gradient(to left, #e9432d, #ff7344);
	width: 28px;
	height: 28px;
	margin-right: 10px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.list-icon i{
	color: #fff;
}
.list-right{
	display: flex;
	align-items: center;
}


/************************************************************************************************/



.bottom{
	width: 100%;
	background-color: #fff;
	background-size: 100%;
	margin:-1.5rem auto 1rem;
	position: relative;
	padding: 1rem;
	border-radius: 10px 10px 0 0;
}
.bottom:last-child{
	margin: 0;
}
.bottom-title{
	display: flex;
	align-items: center;
	color: #582c0d;
	font-size: 18px;
	font-weight: bold;
	justify-content: space-between;
	background: linear-gradient(to left, #fbf1e9, #fdebdb);
	padding: 1rem;
	border-radius: 10px;
	border:1px solid #fff;
	margin-bottom: -1rem;
    z-index: 1;
    position: relative;
	box-shadow: 0px 10px 0px 0 #fffbfb;
}
.bottom-more{
	font-weight: initial;
	color: #a1a1a1;
}
.bottom-more i{
	font-size: .75rem;
	color: #a1a1a1;
}
.bottom-li , .bottom-lis{
	padding-top: 10px;
}
.bottom-li li , .bottom-lis li{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom:12px;
	line-height: 22px;
}
.bottom-lis li:last-child{
	margin: 0;
}
.bottom-li p {
	color: #a1a1a1;
	line-height: 21px;
	white-space: nowrap;
	margin-right: 5px;
	margin-bottom: 0;
	font-size:14px;
}
.bottom-lis p{
	color: #121212;
	line-height: 21px;
	white-space: nowrap;
	margin-right: 5px;
	margin-bottom: 0;
	font-size:14px;
}
.bottom-li span{
	color: #777777;
	line-height: 17px;
	white-space: nowrap;
	margin-left: 5px;
	margin-bottom: 0;
	font-size:14px;
	text-align: right;
}
.bottom-lis span{
	color: #777777;
	line-height: 21px;
	white-space: nowrap;
	margin-left: 5px;
	margin-bottom: 0;
	font-size:14px;

}
.bottom-li em{
	width: 100%;
	height: 0;
	margin: 10px 0;
	min-width: 30px;
	border-bottom: 1px dashed #8f8f8f;
}
.bottom-img{
	width: 100%;
	border-radius: 12px;
	overflow: hidden;
	margin-top: 10px;
}
.bottom-img img{
	width: 100%;
}
.bottom-li .bottom-name{
	line-height: 21px;
	margin-bottom: 8px;
}
.bottom-lis{
	border-radius: 10px;
}
.bottom-lis ul{
	padding:2.25rem 1rem 1rem;
	border-radius: 10px;
	background: #fff;
}
.bottom-left{
	display: flex;
	line-height: 22px;
}
.bottom-left p{
	margin:0 0 0 8px;
}
.bottom-icon {
	background: linear-gradient(to left, #ff3800, #fd5d03);
	color: #fff;
	width:20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.bottom-icon i{
	font-size: 12px;
}
.bottoms{
	width: 92%;
	margin: -2rem auto 1rem;
	position: relative;
	z-index: 1;
}
.colour{
	color: #fe6400 !important;
}
.colour i{
	color:#fe6400;
	font-size: .75rem;
	margin:0 -2px 0 2px;
}
.swiper{
	position: relative;
}
.swiper-container{
    width: 100%;
	height: 300px;
}
/* .swiper-slide{
	height: 280px;
	background-size: 100% 100% ;
} */
.swiper-slide{
	width: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.swiper-slide img{
	width: 100%;
	height: 100%;
}
.swiper-pagination-bullet-active{
	background:#2ca254;
}
.makido .swiper-pagination{
	position: initial;
	font-size: 13px;
}
.swiper-float{
	position: absolute;
	right: 20px;
	bottom: 40px;
	background: rgba(0,0,0,.5);
	color: #fff;
	z-index: 1;
	display: flex;
	align-items: center;
	border-radius: 16px;
	overflow: hidden;
	padding:4px 14px;
}
.swiper-href{
	white-space: nowrap;
	padding:5px 15px;
}



.logo{
	width: 100%;
	display: flex;
	position: relative;
}
.logo img{
	width: 100%;
}
.ranch{
	width: 92%;
	margin:0 auto 1rem;
	background: #fff;
	border-radius: 10px;
}
.ranch-title{
	position: relative;
	height: 52px;
	background: linear-gradient(to bottom, #ffb07c, #fde9e8);
	border-radius: 10px 10px 0 0;
}
.ranch-title h1{
	padding: 0 1rem;
	font-size: 18px;
	margin: 0;
	line-height: 48px;
	color: #612f0e;
	background: url(../image/xx.png) no-repeat 94% bottom;
	background-size: auto 60px;
}
.ranch-title::after{
	content: "";
	background: linear-gradient(to left, #fa4d2b, #ff9933);
	width: 32px;
	height: 8px;
	border-radius: 2px;
	left: 1rem;
	bottom: 3px;
	position: absolute;
}
.ranch-li{
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 1));
	backdrop-filter: blur(6px);
	margin-top: -6px;
	border-radius: 0 0 10px 10px;
	padding:12px 1rem 4px;
}

.ranch-li li{
	display: flex;
	justify-content: space-between;
	padding:12px 0;
	border-bottom: 1px solid #f1f1f1;
}
.ranch-li li:last-child{
	border-bottom: none;
}
.ranch-li li p{
	margin: 0;
	min-width: 64px;
	color: #111820;
}
.ranch-li li span{
	font-size: 14px;
	display: flex;
	text-align: right;
	color: #7f8690;
}
.ranch-left{
	display: flex;
}
.ranch-left i{
	margin-right: 6px;
	color: #1e1e1e;
}



.aui-dialog-content{
	max-height: 40vh;
}
.aui-dialog-content p{
	text-align: justify;
}
.aui-dialog-main{
	max-width: 300px;
}

.mui-preview-image.mui-fullscreen{
	z-index: 1000;
}
.aui-dialog-down-btn{
	color: #fe6400;
}

/********************************地址列表页*************************************/
.address-list-container{
	padding:4rem 4% 6rem;
}
.address-item {
    display: flex;
    flex-direction: column;
    padding: 1rem;
	margin-bottom: 1rem;
	border-radius: 12px;
	background: #fff;
}
.address-info{
	width: 100%;
}
.address-top{
	display: flex;
	align-items: center;
	margin-bottom: 6px;
}
.address-top p{
	margin-right: 8px;
	color: #1a1a1a;
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
}
.address-top .aui-tag-linear.aui-tag-error{
	margin: 0;
	padding: 0 10px;
	font-size: 12px;
}
.address{
	margin-bottom: 10px;
	color: #1a1a1a;
}
.actions{
	display: flex;
	justify-content: space-between;
}
.actions-left{
	display: flex;
	align-items: center;
}
.actions-left label{
	margin-left: 6px;
}
.actions-right{
	display: flex;
}
.actions-right button{
	background: #f6f6f6;
	color: #1a1a1a;
	border-radius: 6px;
	margin-left: 12px;
}

.container-button{
	position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    padding-top: 15px;
    z-index: 99;
}
.aui-btn-blue {
    background: linear-gradient(to left, #e9432d, #ff7344);
    border-radius: 8px !important;
}



.addressInput{
	width: 100%;
	padding:0 1rem;
	margin-bottom: 1rem;
}
.addressInput ul{
	background: #fff;
	border-radius: 13px;
	padding: 0 1rem;
}
.addressInput li{
	padding: 1rem 0;
	line-height: 24px;
	display: flex;
	align-items: flex-start;
	border-bottom: 1px solid #f0f0f0;
}
.addressInput li:last-child{
	border-bottom: none;
}
.addressInput li span{
	font-size: 14px;
	min-width: 68px;
	display: flex;
}
.addressInput li label{
	color: #757575;
	width: 100%;
}
.addressInput li input{
	width: 100%;
	height: 24px;
	background: none;
	line-height: 24px;
}
.addressInput li textarea{
	padding:1px 0 0;
	margin: 0;
	background: none;
}
.addressImg{
	background: url(../image/address.png) no-repeat top right !important;
	background-color: #fff !important;
	background-size: auto 56px !important;
}

.sheep{
	padding:0;
}
.sheep-bt{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.sheep-bt h1{
	font-size: 18px;
	line-height: 44px;
}
.sheep li{
	background: #fff;
	overflow: hidden;
	margin-bottom: 1rem;
	border-radius: 10px;
}
.sheep-top{
	display: flex;
	line-height: 24px;
	margin-bottom: 10px;
	padding:1rem 4% 0;
}
.sheep-top-title{
	color: #fd013a;
	border-radius: 5px;
	font-weight: bold;
	height: 24px;
	font-size: 16px;
	margin-right: 8px;
}
.sheep-top-name{
	display: flex;
}
.sheep-top-name span{
	margin-right: 4px;
	font-size: 16px;
	font-weight: bold;
}
.sheep-top-name i{
	font-size: 12px;
}
.sheep-content{
	display: flex;
	margin-bottom: 12px;
	padding: 0 4%;
}
.sheep-img{
	min-width: 98px;
	max-width: 98px;
	height: 98px;
	margin-right: 10px;
	border-radius: 8px;
	overflow: hidden;
}
.sheep-img img{
	height: 100%;
}
.sheep-title{
	display: flex;
	flex-direction: column;
	width: calc(100% - 108px);
}
.sheep-head{
	display: flex;
	font-size: 18px;
	margin-bottom: 4px;
	line-height: 22px;
	font-weight: 500;
}
.sheep-nav{
	display: flex;
	align-items: center;
	margin-bottom: 4px;
}
.sheep-nav span{
	font-size: 13px;
	line-height: 18px;
	display: flex;
	margin-right: 8px;
	color: #7c899c;
	border-radius: 4px;
}
.sheep-nav em{
	width: 1px;
	height: 10px;
	background: #cacfd2;
	margin-right: 8px;
}
.sheep-icon{
	background: linear-gradient(to bottom, #f5e1cc, #f1c6aa);
	display: flex;
	border-radius: 4px;
	line-height: 24px;
	align-items: center;
	padding: 0 0 0 4px;
	overflow: hidden;
	margin-bottom: 6px;
}
.sheep-icon img{
	width: 16px;
	min-width: 16px;
	margin-right: 4px;
}
.sheep-icon span{
	background: #f7eedf;
	width: 100%;
	padding:4px 0 4px 4px;
	line-height: 18px;
	font-size: 12px;
	color: #906547;
}
.sheep-address{
	display: flex;
	align-items: center;
	line-height: 20px;
}
.sheep-address span{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin-right: 4px;
	font-size: 13px;
	color: #7c899c;
}
.sheep-address i{
	font-size: 12px;
	color: #7c899c;
}
.sheep-bottom{
	display: flex;
	border-top: 1px solid #f0f0f0;
	padding: 12px 4% 1rem;
	justify-content: flex-end;
}
.sheep-bottom .aui-btn{
	width:auto;
	margin: 0 0 0 1rem;
	padding: 0 1rem;
	height: 36px;
	line-height: 34px;
	background: #ff7344;
	color: #fff;
	font-size: 14px;
}
.sheep-bottom .aui-btn-linear{
	color: #ff7344;
	background: transparent;
	border-color: #ff7344;
}

.float{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;
}
.sheepList{
	height: 600px;
	width: 100%;
	position: absolute;
	bottom: 0;
	border-radius: 13px 13px 0 0;
	background: #f2f2f2;
	left:0;
	padding: 4rem 1rem 6rem;
	z-index: 10000;
}
.sheepList-content{
	width: 100%;
	height: 100%;
	overflow: auto;
}
.sheepList-icon{
	right: 3%;
	top:13px;
	position: absolute;
	width: 36px;
    height: 36px;
}
.sheepList-icon img{
	width: 100%;
}



/*折叠面板*/
.accordion-li{
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
	margin-bottom: 1rem;
}
.accordion-li:last-child{
	margin: 0;
}
.accordion-li .button {
	padding: 14px;
	line-height: 24px;
	color: #232323;
	border: none;
	width: 100%;
	cursor: pointer;
	font-size: 16px;
	display: flex;
    justify-content: space-between;
}
.accordion-li .button .arrow {
	transition: transform 0.3s ease; /* 添加旋转动画 */
	font-size: 14px;
}

.arrow.rotate {
	transform: rotate(90deg); /* 点击时旋转180度 */
}

.mui-btn.mui-active:enabled, .mui-btn:enabled:active, button.mui-active:enabled, button:enabled:active, input[type=button].mui-active:enabled, input[type=button]:enabled:active, input[type=reset].mui-active:enabled, input[type=reset]:enabled:active, input[type=submit].mui-active:enabled, input[type=submit]:enabled:active{
	color: initial;
	background-color: initial;
}


.record{
	padding: 4rem 4% 1rem;
}
.record-li{
	width: 100%;
	display: flex;
	padding:0 0 16px 44px;
	box-sizing: border-box;
	position: relative;
}
.record-left{
	height: 100%;
	width: 30px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	padding: 30px 0 4px;
}
.record-left span{
	width: 1px;
	height: 100%;
	display: flex;
	margin: auto;
	border-left: 1px dashed #b0b0b0;
}
.record-left::after{
	content: "";
	width: 10px;
	height: 10px;
	background: linear-gradient(to left, #ff3800, #fd5d03);
	left: 10px;
	position: absolute;
	border-radius: 50%;
	top: 7px;
}
.record-left::before{
	content: "";
	width: 20px;
	height: 20px;
	background: linear-gradient(to left, #ff3800, #fd5d03);
	left: 5px;
	position: absolute;
	border-radius: 50%;
	top: 2px;
	opacity: .3;
}
.record-right{
	width: 100%;
}
.record-time{
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}
.record-title{
	margin: 3px 0 5px;
	color: #acacac;
}
.record-img{
	background: #fff;
	padding: 12px;
	border-radius: 10px;
	overflow: hidden;
}
.record-img img{
	width: 100%;
}
.record-img .content{
	height: auto;
	
}
.record-img .lists{
	display: flex;
}
.record-img .list{
	background: none;
	padding: 0;
	border-radius: 6px;
	overflow: hidden;
	width: 23%;
	min-height: auto;
	height: 0;
	padding-top: 23%;
	margin: 0;
	position: relative;
	margin-right: 2.3%;
}
.record-img .list:last-child{
	margin-right: 0;
}
.record-img .list .imgs{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.record-img .list .imgs .img{
	display: flex;
	width: 100%;
	height: 100%;
}





.immunity{
	padding: 4rem 4% 1rem;
}
.immunity-li{
	width: 100%;
	display: flex;
	padding:0 0 16px 44px;
	box-sizing: border-box;
	position: relative;
}
.immunity-left{
	height: 100%;
	width: 30px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	padding: 30px 0 4px;
}
.immunity-left span{
	width: 1px;
	height: 100%;
	display: flex;
	margin: auto;
	border-left: 1px dashed #b0b0b0;
}
.immunity-left::after{
	content: "";
	width: 10px;
	height: 10px;
	background: linear-gradient(to left, #ff3800, #fd5d03);
	left: 10px;
	position: absolute;
	border-radius: 50%;
	top: 7px;
}
.immunity-left::before{
	content: "";
	width: 20px;
	height: 20px;
	background: linear-gradient(to left, #ff3800, #fd5d03);
	left: 5px;
	position: absolute;
	border-radius: 50%;
	top: 2px;
	opacity: .3;
}
.immunity-right{
	width: 100%;
}
.immunity-time{
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 5px;
}
.immunity-bottom{
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	padding:1rem 1rem 10px;
}
.immunity-name{
	display: flex;
	font-size: 16px;
	font-weight: bold;
	align-items: center;
	margin-bottom: 10px;
}
.immunity-name span{
	font-size: 12px;
    color: #fff;
    height: 22px;
    line-height: 22px;
    padding: 0 6px;
    margin-right: 6px;
    font-weight: initial;
    border-radius: 3px;
    transform: skew(-5deg);
	background: linear-gradient(to left, #e9432d, #ff7344);
}
.immunity-name h1{
	font-size: 16px;
	line-height: 24px;
}
.immunity-nav{
    background: linear-gradient(to right, #f8f8f8,#fff);
    line-height: 22px;
	padding: 10px;
	border-radius: 10px;
    color: #666;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	margin-bottom: 10px;
}
.immunity-nav .li{
	display: flex;
	font-size: 13px;
}
.immunity-nav label{
	min-width:96px;
}
.immunity-foot{
	display: flex;
	position: relative;
	justify-content: space-between;
}
.immunity-foot::after{
	content: "";
	position: absolute;
	left: 49%;
	background: #f8f8f8;
	width: 1px;
	height: 32px;
	top: 5px;
}
.immunity-foot .li{
	width: 47%;
	display: flex;
	flex-direction: column;
	line-height: 22px;
}
.immunity-foot .li label{
	color: #000;
}
.immunity-foot .li:nth-child(1) label{
	color: #ea472f;
}
.immunity-foot .li span{
	color: #969696;
}
.salt{
	padding: 4rem 4% 1rem;
}
.circle{
	padding: 4rem 4% 1rem;
}
.cut{
	padding: 4rem 4% 1rem;
}
.wash{
	padding: 4rem 4% 1rem;
}

.empty-address img{
	width: 100%;
}
.aui-selectmenu-main{
	top: 0 !important;
}
.empty-address-inner img{
	width: 100%;
}



.popup{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}
.popup-div{
	width: 80%;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 6px 0px #717171;
	overflow: hidden;
}
.popup-title{
	background: linear-gradient(to top, rgb(191 213 248 / 0%), #f5f6f8);
	text-align: center;
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 20px 0;
}
.popup-input{
	padding: 0 20px;
	display: flex;
	align-items: center;
}
.popup-input:last-child input{
	margin: 0;
}
.popup-input input{
	background: #f6f6f6;
	border: none;
	border-radius: 6px;
	width: 100%;
	height: 3rem;
	padding:0 12px;
}
.popup-footer{
	padding: 0;
	width: 100%;
	margin-top:15px;
	display: flex;
	border-top: .5px solid #e5e5e5;
}
.popup-footer button{
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	font-size: 16px;
	padding: 0;
}
.popup-submit {
	color: #ff7344;
	border-left: .5px solid #e5e5e5;
}