/*body 背景色重置*/
html, body { 
	max-width: 720px;
	background: #f4f4f4 !important;
}

/*APP启动页css*/
.footer_ad {
	width: calc(100%);
	position: absolute;
	bottom:0;
	margin:0 auto;
	padding:20px;
	background:#fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 99;
}
.footer_ad img { 
	height: 50px;
	margin: 6px auto;
}
.footer_ad p { font-size: 1rem; font-weight: bold; margin: 5px auto 10px auto; color:#333}
.footer_ad .skip {
    border: 1px solid #eee;
    padding: 4px 8px;
    font-size: 0.8rem;
    color: #666;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 100;
}

.loginad {
	position: absolute;
	width: 100%; height: 100%;
	top:0; left:0;
	z-index: 0;
	overflow: hidden;
}
.loginad img{
	position: absolute;
	top:0; left:0;
	width: 100%; height: auto;
}


/*重置样式*/
.h5ui-form-label {
    width: 100px;
    padding: 14px 0 14px 15px;
    line-height: 1.1333;
    font-size: 1rem;
    font-weight: 550;
    margin: 0;
    color: #222;
    position: absolute;
}

.h5ui-form-input_tip .code-btn {
    padding: 14px 0;
    display: block;
    color: #000000;
}

.vercode {
	padding: 18px 15px 0 15px;
	font-size: 0.9rem;
}

.bigtitle {
	width: 100%; padding: 120px 0 30px 0;
	font-size: 1.6rem; text-align: center;
	font-weight: 500;
}

.agreen {
	width: 100%;
    padding: 20px 2px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: self-start;
	color:#999;
}
.agreen svg { 
    margin-top: 2px;
    margin-right: 10px;	
}
.btn_next {
	display: block;
    padding: 12px 0;
    text-align: center;
    border-radius: 6px;
    background: #bbc1cb;
    color: #fff;
    font-weight: 500;
    width: 100%;
    font-size: 1.4rem;
}
.btn_next_on{
	background: #333;
}

.ext_btn {
	padding: 16px 0;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.ext_btn a {
	color:#666;
}
/* 登录页 默认隐藏按钮 */
#lg2 , .usevcodelogin{ display: none;}
 
 
 /*完善资料 hack css*/
.pt23 { padding-top:23px;}
 .h5ui-select {
     padding: 10px 15px 10px 100px;
 }
 .h5ui-select:after {

     top: 28px;
 }
 
 /*主页*/
 /*55aee0*/
 .home {
	 width:100%;
	 padding: 0;
	 background: #fff;
 }
 .home .top {
	 padding: 4%;
	 background: #fff;
	 display: flex;
	 flex-direction: row;
	 align-items: center;
	 justify-content: space-between;
	 margin: 0 auto;
 }
 .home .hometitle h3 {
	 position: relative;
	 font-size: 1.05rem; color:#55aee0;
	 margin:0 auto; font-weight: bold;
 }
  .home .hometitle div {
	  display: flex;
	  flex-direction: row;
	  justify-content: space-between;
	  align-items: center;
  }
 .home .hometitle div span{
	 font-size:0.75rem; color:#999;
 }
.top svg{
	 margin-left: -80px;
 }
 .home .homelogo {
	height: 32px;
}

.home .searchbox{
	 padding: 4%;
	 background: #fff;
	 display: flex;
	 flex-direction: row;
	 align-items: center;
	 justify-content: space-between;
	 margin: 0 auto;
	 position: relative;
}
.home .schinput {
	width: 100%;
	padding: 10px 10px;
	color:#666;
	font-size: 0.8rem;
	background:#f4f3f8;
	border:none;
	border-radius: 6px;
	box-shadow: inset 0px 0 5px 1px rgb(0 0 0 / 5%);
}
.home .schbtn{
    position: absolute;
    right: 30px;
    top: 23px;
}

.home .slide {
	position: relative;
	max-width: 640px;
	overflow: hidden;
	margin: 0 auto;
	background: #fff;
	min-height: 210px;
}
.home .slide .dot {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0.8rem;
	padding: 0 1rem;
	font-size: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*图标按钮 菜单*/
.home .icon_menus {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	padding: 22px 0 0 0;
}
.home .icon_menus a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.home .icon_menus a span{ font-size:0.8rem; color:#000;}
.home .icon_menus a img {
	margin-bottom: 6px;
	height: 28px;
}

.cirbox {
    box-shadow: 0px 3px 8px 1px rgba(229,229,231,0.6);
	border-radius: 6px 6px 6px 6px;
}
.funcblock {
    width: 94%;
    margin: 0 auto 15px auto;
    background: #fff;
    padding: 2.5% 4%;
}
.funcblock .funccont a{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.funcblock .funccont h2 {
	margin:0;
	font-size: 1.4rem; font-weight: bold;
}
.funcblock .funccont span {
	margin:0 auto 0 4px;
	font-size: 18px; color:#333;
}
.funcblock .funccont .slider_goods {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 22px 0 0 0;
    overflow-x: auto;
}
.funcblock .funccont .slider_goods a {
    display: inline-table;
    margin-right: 22px;
    /* flex-direction: column; */
    /* align-items: center; */
    /* justify-content: center; */
    /* width: 33%; */
    /* padding: 0; */
    /* margin: 0 auto; */
    /* display: inline-table;*/
}
.funcblock .funccont .slider_goods a span{
	padding:0; margin: 0 auto;
	font-size: 0.88rem; color:#000;
	}
.funcblock .funccont .slider_goods a img {
	margin-bottom: 6px;
    height: 120px;
    width: 160px;
}
.funcblock .funccont .slider_goods a p{
	margin: 0 auto;
	font-size: 1rem;
	font-weight: bold;
}
.funcblock .funccont .slider_goods a span{
    font-size: 0.6rem;
    color: #999;
}
.funcblock .funccont .slider_goods a .price{
    font-size: 1.1rem;
    font-weight: bold;
}

.home_ad1 img{
	width: 96%; margin: 16px auto;
	display: block; border-radius: 6px;
}

.funcblock .rcmmbox {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.funcblock .rcmmbox>a {
    width: 36%;
}
.funcblock .rcmmbox .rcmm_r{
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.funcblock .rcmmbox .rcmm_r a{
	margin: 6px auto;
}
.funcblock .rcmmbox img{
	width: 100%;
}

.h5ui-toptips_error {
	position: fixed;
	top:0;
}

/*社区css*/
.clubmdl {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-top: 16px;
}
.clubmdl>div {
	margin-left: 10px;
}
.clubmdl>div p {
	margin: 5px auto 0 auto;
    padding: 0;
    font-weight: bold;
    font-size: 1rem;
}
.clubmdl>div>span{
	margin:4px auto 0 0 !important;
	color:#999 !important;
}
.clubmdl img {
	height: 58px; margin-right:5px;
}
.clubmdl .btn_post {
	border-radius: 6px;
	padding:10px 20px; text-align: center;
	width: 80px;
	background: #52aee2;
	margin: 0 0 0 auto;
}
.btn_post svg { margin:0 auto;}

.postlist {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: baseline;
	position: relative;
	margin-bottom: 20px;
}
.postlist .hot {
    background: #333;
    color: #fff;
    font-size: 0.8rem;
    padding: 4px 0;
    text-align: center;
    border-radius: 3px;
    width: 70px;
}

.postlist .text {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-left:12px;
	position: relative;
	top: -6px;
}
.postlist .text p, .postlist .text p span {
	color:#999; padding:0;
	margin:0;
}
.postlist .text p span { margin-left:20px}


/*服务分类*/

.simple-swiper-container>.swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 140px !important;
}

.catelogy {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 94%; margin:0 auto;
	padding-top: 4px;
}
.catelogy a {
	display: block;
	padding: 8px 10px;
	margin:0 auto;
	font-size: 18px; font-weight: 500;
}

.catelogy .active{
	border-bottom: 2px solid #0062CC;
	color:#3a9be3;
}

/*new 20221201*/
header.h5ui-bar .h5ui-bar_item span{
	margin-left: 10px;
}

.fcont1 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.fcont1>:nth-child(1){
	width: 12%; 
}
.fcont1>:nth-child(1) img {
	width: 24px; height: 24px;
}
.fcont1>:nth-child(2){
	width: 68%; display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: baseline;
}
.fcont1>:nth-child(2) label{
	width: 100%;
	font-size: 16px;
	font-weight: 400;
}
.fcont1>:nth-child(2)>input {
	width: 100%; border: none;
	padding: 2px 0; color: #999;
	font-size: 16px; color: #AEAEAE;
}
.fcont1>:nth-child(3){
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: -10px;
}
.fcont1>:nth-child(3) p{ margin:0 auto; font-size: 14px; }
.fcont1>:nth-child(3) img{
	width: 24px;
}

/*block 2*/
 input[type=checkbox] {
    width: 16px;
    height: 16px;
    margin-top: 0;
    background-color: #fff;            
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    line-height: 14px;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
    outline: none;
}
input[type=checkbox]:hover {
    border-color: #ec5055;
}
input[type=checkbox]:checked {
    color: #fff;
    background-color: #ec5055;
    border: 1px solid #ec5055;
}
input[type=checkbox]:after {
    content: "✓";
}
.fcont2 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.fcont2>:nth-child(1){
	width: 12%; 
}
.fcont2>:nth-child(1)>img {
	width: 24px;
    position: absolute;
    top: 16px;
}
.fcont2>:nth-child(2){
	width: 88%; display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: baseline;
}
.fcont2>:nth-child(2)>label{
	width: 100%; font-size: 16px;
    font-weight: 400;
	margin: 0 auto 10px auto;
}
.fcont2>:nth-child(2)>input {
	width: 100%; border: none;
	padding: 2px 0; color: #999;
	font-size: .9rem;
}
.fcont2>:nth-child(2)>.chkbox {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.fcont2>:nth-child(2)>.chkbox>div {
	width: 50%; margin: 0 auto 10px auto; color: #666;
	font-size: 16px;
	line-height: 20px;
	color: #AEAEAE;
}
.fcont2>:nth-child(2)>.chkbox>div>p{
	margin:0 auto 0 27px; 
}

/*paytype*/
.paytype>label>span { color:red !important; margin-left:10px }
.paytype>.chkbox>div {
	width: auto !important; 
	margin: 0 !important;
}
.paytype label span { font-size:14px !important }
/*block 3*/
.fcont3 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
}
.fcont3 span {
	margin: 0 10px !important; padding: 0; 
	font-size: 18px; font-weight: 400;
}
.fcont3 img { width: 24px; }
/*agree*/
.agree_box {
	width: 94%; margin: 0 auto;
	padding:  1px 0; text-align: center;
}
.agree_box .agree {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center; 
	width: 100%; margin-bottom: 4px;
	font-size: 14px; color: #999;
}
.agree_box .agree span{
	color: red;
}
.agree_box .tips {
	color: #0498e2;
}
.order_btn {
	width: 94%; margin: 16px auto;
	text-align: center;
	height: 54px;
	background: #0498E2;
	box-shadow: 0px 3px 6px 1px rgba(8,128,188,0.3);
	border-radius: 6px 6px 6px 6px;
	display: block;
	line-height: 54px; color: #fff; font-size: 20px;
}

/*warm*/
.warm { overflow: hidden; }
.warm>img {
	width: 100%;
}
.warmsearch {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.warmsearch input {
	border: none;
	padding: 4px 10px; width: 100%;
	font-size: 16px;
}

/*运费计算*/
.fcont4 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: baseline;
}
.fcont4>:nth-child(1){
	width: 23%; font-size: 18px; font-weight: 400;
}
.fcont4>:nth-child(1) img {
	width: 24px;
}
.fcont4 select {
	border: none; padding: 1px 0;
	color: #666; font-size: 16px;
	line-height: 180%; width: 100%;
	background: #fff;
	appearance:none;-moz-appearance:none;-webkit-appearance:none;
}
.fcont4>:nth-child(2){
	width: 62%; display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: baseline;
}
.fcont4>:nth-child(2) label{
	width: 100%; font-size: 18px; font-weight: 400;
}
.fcont4>:nth-child(2)>input {
	width: 100%; border: none;
	padding: 2px 0; color: #999;
	font-size: 16px;
}
.fcont4>:nth-child(3){
    width: 15%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: -10px;
}
.fcont4>:nth-child(3) p{ margin:0 auto; font-size: .8rem; }
.fcont4>:nth-child(3) img{
	width: 24px;
}

/*运输方式*/
.fcont5 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: baseline;
	position: relative;
}
.fcont5>:nth-child(1){
	width: 26%; font-weight: 400; font-size: 18px;
}
.fcont5>:nth-child(1)>img {
	width: 24px;
    position: absolute;
    top: 16px;
}
.fcont5>:nth-child(2){
	width: 74%; display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: baseline;
}
.fcont5>:nth-child(2)>label{
	width: 100%; font-size: 1rem; font-weight: bold;
	margin: 0 auto 10px auto;
}
.fcont5>:nth-child(2)>input {
	width: 100%; border: none;
	padding: 2px 0; color: #999;
	font-size: .9rem;
}
.fcont5>:nth-child(2)>.chkbox {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.fcont5>:nth-child(2)>.chkbox>div {
	width: 50%; margin: 5px auto ; color: #666;
}
.fcont5>:nth-child(2)>.chkbox>div>p{
	margin:0 auto 0 27px; font-size: .8rem;
}

.boxthree {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.boxthree input {
	padding:  3px;
	width: 40px; margin-left: 4px;

	background: #F3F3F3;
	border-radius: 4px 4px 4px 4px;
	opacity: 1;
	border: 1px solid #C9C9C9;
}

/*计算结果*/
.calc_result {
	position: fixed;
	background: rgba(0,0,0,0.8);
	top: 0; left: 0; width: 100%; height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 99999;
}
.calc_result .result {
	border-radius: 8px;
	width: 84%; 
	background: #fff; padding:  2%;
}
.calc_result .result h2{
	margin:  5px auto 10px auto; text-align: center;
	font-size: 18px; font-weight: 500;
}
.calc_result .result .lists {
	width: 92%; margin: 0 auto;
	padding:  6px 0; font-size:  16px;
	font-weight: 400;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.calc_result .result .topline { padding-top: 20px !important; margin-top: 20px !important; border-top:1px solid #eee; }
.calc_result .result .total {
	width: 92%; margin:  0 auto;
	padding: 5px 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.calc_result .result .total label { font-size: 18px; font-weight: 500; }
.calc_result .result .total span { font-size: 18px; font-weight: 500; color:red }

/*提示*/
.tips_box {
	position: fixed;
	background: rgba(0,0,0,0.8);
	top: 0; left: 0; width: 100%; height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 99999;
}
.tips_box .result {
	border-radius: 8px;
    width: 84%;
    background: #fff;
    padding: 0;
    overflow: hidden;
}
.tips_box .result .tit{
	background: #0498e2;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 10px;
    font-size: 1.05rem;
}
.tips_box .result  .cont {
	padding: 0 4%; font-size: 1rem; text-align: center;
}
.tips_box .result  .cont p { margin: 16px auto 2px auto; font-size: 18px}
.tips_box .result  .cont span { color:#000; font-size: 18px}

/*快递新单号*/
.tips_box {
	position: fixed;
	width: 100%; height: 100%;
	top: 0;left: 0;
}
.tips_box .addshipp {
	width: 100%; 
	position: absolute;
	/*bottom: 0;*/
	padding:  1% 3% 3% 3%;
	background: #fff;
}
.tips_box>.addshipp>div{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px solid #eee;
}
.tips_box .addshipp .lists>input  { border:none; padding:3px 0; color:#666;width: calc(100% - 100px); font-size: 16px;}
.tips_box .addshipp .tit {
	font-weight: 500; font-size: 18px; margin-top: 0px !important;
}
.tips_box .addshipp .lists { position: relative; }
.tips_box .addshipp .lists label {
	width: 100px; font-size: 16px;
}
.tips_box .addshipp .lists label span { color: red; margin: 0 5px}
.tips_box .addshipp .lists img { height: 10px; width: 10px; margin-right: 6px}
.tips_box .addshipp .osclose {
	position: absolute; right: 9px;
    top: 10px;
}
.tips_box .mul { 
	align-items: baseline !important;
 }
 .tips_box .chkbox {
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
 	justify-content: flex-start;
 	align-items: center;
 	width: calc(100% - 105px);
 	color: #AEAEAE; font-size: 16px;
 }
 .tips_box .chkbox>div { margin-right:10px;margin-bottom: 6px; }
  .tips_box .chkbox .mark p { margin:6px auto; }
 .tips_box .paytips {
 	color: #EC3434; font-size: 14px;
 	display: flex; align-items: center; justify-content: center !important;
 }
 .addshipp2 {
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	justify-content: space-between;
 	width: 100%;
 	border-bottom: none !important;
 }
 .addshipp2 a { width: 40%; }

 /*补丁*/
.orders {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;	
	position: relative;
}
.orders .c1{
	width: 44px;
}
.orders .c2 {
	width: 100%
}

.orders .c1 div, .orders .c2 div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; 
    padding:  4px 0
}
.orders .c2 label{
	font-size: 16px;
    font-weight: 400;
}
.orders .c2 label { width: 100%; }
.orders .c1 img,  .orders .c2 img{
	margin:  0; width: 24px;
}
.orders .c2 input {
	border:  none ; font-size: 16px;
}


.fcont3 .atten {
	font-size: 16px !important;
}

