html{ user-select:none; }
body{ background:#f0f0f0; /*height:100%; overflow:auto;*/ }
.fill-wrapper .liangbox ul.lists li {background: url(static/index/img/liang1.png) no-repeat left center #eee;background-size: 1.4rem auto;background-position-x: .6rem;}
.fill-wrapper .liangbox ul.lists li .price {display: none;}
.fill-wrapper .liangbox ul.lists li .remark {display: none;}
.fill-wrapper .liangbox ul.lists li {line-height: 3.6rem;}
[v-cloak]{ display:none; }

.popup .content .popup-icon{ width:150px; height:150px; }
#success .content img{ width:150px; height:150px; }

.popup .content .popup-title{ font-size:1.4rem;}
.popup .content .popup-desc{ font-size:1.4rem; line-height:1.5em;}
#success .content .p-title{ font-size:1.4rem; }
#success .content .point{ font-size:1.4rem; line-height:1.5em; }

/*评分信息*/
.hd-company{overflow: hidden;display: flex;align-items: center;justify-content: space-between;border-bottom: 0px solid #f7f7f7;padding: 13px 3%;border-radius: 0.5rem 0.5rem 0 0;background: #fff; background:rgb(255 255 255 / 20%);}
.hd-company dt{width: 54px;height: 54px;}
.hd-company dt img{display: block;width: 80%;height: auto;border-radius: 8px}
.hd-company dd{width: calc(100% - 70px)}
.hd-company dd h1{font-size: 17px;margin-bottom: 4px;display: flex;align-items: center; color:#333; color:#723329; font-weight:bold; }
.hd-company dd h1 img{margin-left: 5px;display: block;margin-top: 2px}
.hd-company dd h2{display: flex;align-items: center;justify-content: space-between;font-weight: normal}
.hd-company dd h2 .xz_span1{font-size: 15px;background: url(/static/img/icon01.png) no-repeat left center ;background-size: 23px;padding-left: 25px;display: block;height: 23px;color: #d5aa12; line-height: 23px;}
.hd-company dd h2 .xz_span2{font-size: 15px;line-height: 23px;color: #999; color:#eee; }

.hd-score{overflow: hidden;padding: 13px 3% 5px;display: flex;align-items: center;justify-content:space-between;background: #fff; background:rgb(255 255 255 / 20%);border-radius:0 0 0.5rem 0.5rem }
.hd-score .shop dt{font-size: 15px;font-weight: bold; color:#333; color:#fff; }
.hd-score .shop dd{font-size: 23px;font-weight: bold;font-family: "arial";color: #fb571e}
.hd-score .score img{display: block;width: auto;height: 17px;}
.hd-score .score{text-align: right}
.hd-score .score span{font-size: 14px;color: #999; color:#eee; }

/*套餐列表*/
.package-box{ background:#fff; background:rgb(255 255 255 / 20%); border-radius:0.5rem; }
.package-title{ min-height:3rem; display:flex;  border-bottom:1px solid #666; padding:0 1rem; color:#333; font-size:1.14rem; }
.package-title span{ line-height:1em; height:3rem; display:flex; align-items:center;}
.package-title b{ line-height:1em; flex:1; display:flex; align-items:center;}
.package-list{ padding-bottom:1rem; overflow:hidden; }
.package-list div{ display:block; font-size:1.15rem; line-height:1em; width:calc(250% /3); padding:1rem 0 0 1rem; float:left; box-sizing:border-box; }
.package-list div span{ display:flex; border:1px solid #ccc; border-radius:5px; height:2.8rem; line-height:1em; align-items:center; margin-right:1rem; justify-content:center; user-select:none; position:relative; overflow:hidden; color:#333; background:#fff; }
.package-list div.active span{ border-color:#fbfd79; color:#fff; font-weight:bold; background:#1c72f7; }
.package-list div.active span:before{ content:''; display:block; position:absolute; right:-16px;bottom:-19px; width:30px; height:30px; background:red; transform:rotate(45deg); }
.package-list div.active span:after{
	content:''; display:block; position:absolute; width:8px; height:6px; right: 0; bottom: 1px; transform: scale(1.5) rotate(-23deg);
	background-image:url('/static/img/1.svg');
	background-position:center; 
	background-repeat:no-repeat; 
	background-size:100%;
}

/*套餐内容*/
.package-content{ display:flex; justify-content:space-between; align-items:center; height:6rem; background:#e6ffb5; border-radius:10px; margin:1rem 1rem 1.5rem; }
.package-content .row{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; }
.package-content .row b{ font-size:1.35rem; line-height:1em; padding-bottom:7px; }
.package-content .row span{ color:#ff3021; font-size:1.1rem; }

/*底部导航*/
footer{
	position:fixed; width:100%; height:5rem; bottom:0; left:0; z-index:200; 
	display:flex; justify-content:center; 
	user-select:none;
}
footer>.c{ flex:1; display:flex; max-width:480px;  background:#fff; border-top:1px solid #ccc; }
footer>.c .tools{ width:auto; display:flex; align-items:center; }
footer>.c .tools .item{ width:3rem; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; margin-left:1rem; }
footer>.c .tools .item img{}
footer>.c .tools .item span{ color:#777; line-height:1em; padding-top:3px; }
footer>.c .tools .item:first-child{  }
footer>.c .btns{ flex:1; padding:0 1rem 0 3rem; display:flex; align-items:center; }
footer>.c .btns span{ background:#3c85ed; display:flex; align-items:center; justify-content:center; flex:1; height:3rem; border-radius:1.5rem; color:#fff; font-size:1.14rem; line-height:1em; }

/*闪现弹窗*/
.sevpop{}
.sevpop .sevpop-zz{
	position:fixed; z-index:300; left:0; top:0; width:100%; height:100%;
	background-color: rgba(0, 0, 0, 0.4);
	opacity: 0;
    transition: opacity 300ms ease 0ms, -webkit-transform 300ms ease 0ms, transform 300ms ease 0ms;
    transform-origin: 50% 50%;
}
.sevpop .sevpop-box{
	position:fixed; z-index:300; 
	transform: scale(1.5);
    opacity: 0;
	display: flex;
    flex-direction: column;
    inset: 0px;
	left:0; top:0; right:0; bottom:0;
    justify-content: center;
    align-items: center;
    transition: opacity 300ms ease 0ms, -webkit-transform 300ms ease 0ms, transform 300ms ease 0ms;
    transform-origin: 50% 50%;
}
.sevpop .sevpop-box .sevpop-main{
	background:#fff; border-radius:10px; padding:10px;
}
.sevpop.show .sevpop-zz{ opacity:1; }
.sevpop.show .sevpop-box{ opacity:1; transform: scale(1); }
.share-img{  }
.share-img img{ max-width:280px; }
.share-btns{ padding:10px 10px 0; display:flex; justify-content:space-between; }
.share-btns span{ display:flex; background:#f8f8f8; color:#333; height:3rem; justify-content:center; align-items:center; border:1px solid #ccc; border-radius:5px; user-select:none; font-size:1.14rem; flex:1; margin-left:2rem;}
.share-btns span.blue{ background:#007aff; color:#fff; border-color:#007aff; }
.share-btns span:first-child{ margin-left:0; }

.fill-wrapper .fill h2.txt{
	background:unset; color:#1c72f7;
}

@media screen and (max-width:400px){
	html{ font-size:12px; }
}