.up-banner,.up-banner img{
	height: 1.3125rem;
	width: 100%;
	display: inline-block;
	background-color: #EDEDED;
}
.up-banner>div{
	position: relative;
}
.up-banner .close-btn{
	position: absolute;
	right: .125rem;
	top: .125rem;
	width: .3375rem;
	height: .3375rem;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.5);
}
.container{
	width:	20rem;
	margin: 0 auto;
}
.QRcode{
	position: relative;
}
.QRcode img{
	position: absolute;
	top: -0.75rem;
	right: 50%;
	transform: translateX(50%);
}
.search-box{
	display: table;
	width: 100%;
	height: .75rem;
	border: .025rem solid #fd9025;
	border-radius: .125rem;
}
.search-box>div{
	display: table-cell;
}
.search-box>div:first-child{
	/* width: 1.775rem; */
	height: .775rem;
	line-height: .775rem;
	background-color: #f2f2f2;
	border-radius: .125rem 0 0 .125rem;
}
.search-box .input-div{
	position: relative;
}
.search-box .input-div img{
	width: .325rem;
	height: .325rem;
	position: absolute;
	left: .4375rem;
	top: .25rem;
	z-index: 1;
}
.search-box .down-icon{
	width: .2125rem;
	height: .1375rem;
}
.search-box>div input{
	width: 85%;
	height: .775rem;
	padding-left: 1rem;
	border: none;
	outline: none;
}
.search-btn{
	display: inline-block;
	width: 102%;
	height: .8125rem;
	line-height: .775rem;
	background: linear-gradient(0deg,#ffc546,#fe9021);
	color: #fff;
	border-radius: 0 .125rem .125rem 0;
}

.shopping-cart{
	display: inline-block;
	width: 2.2875rem;
	height: .8rem;
	line-height: .775rem;
	border-radius: .125rem;
	border:.0125rem solid #e2e2e2;
	margin-left: .375rem;
}

nav{
	background-color: #000000;
}
nav>div{
	width: 20rem;
	margin: 0 auto;
}
nav li{
	display: inline-block;
	float: left;
	width: 2.25rem;
	height: .6rem;
	line-height: .6rem;
	color: #fff;
	position: relative;
}
nav li a{
	display: inline-block;
	width: 100%;
	line-height: .6rem;
	color: #fff;
}
nav li a:hover{
	color: #fd9025;
}
nav li.active a{
	color:#fd9025;
}
nav li .sub-list{
	position: absolute;
	left: -0.3125rem;
	top: .6rem;
	width: 100%;
	height: 4.9125rem;
	padding: .25rem;
	background: rgba(0,0,0,0.5);
	/* display: none; */
}
nav li:hover .sub-list{
	display: inline-block;
}


.pro-list .col-3>div.pro-list-item{
	padding-right: .15rem;
}
.pro-list .col-3:nth-child(4n)>div.pro-list-item{
	padding-right: 0;
}

.up-img{
	padding: .3125rem .4625rem;
}
.up-img img{
	width: 3.95rem;
	height: 3.95rem;
	display: inline-block;
	background-color: #EDEDED;
	border-radius: .125rem;
}
.center-info{
	padding: 0 .4375rem 0 .35rem;
	line-height: .3125rem;
}
.bottom-button>div{
	height: 1.1rem;
}
.bottom-button>div:first-child{
	background-color: #fd9025;
}
.bottom-button>div:last-child{
	line-height: 1.1rem;
	background-color: #fd4e54;
}
.bottom-button a{
	display: inline-block;
	height: 1.1rem;
	width: 100%;
}
.hadSale{
	display: inline-block;
	background-color: #fff;
	padding: .0625rem .125rem;
	border-radius: 1.25rem;
	color: #fd9025;
	line-height: initial;
}
.banner-zone{
	width: 100%;
	height: 5.4125rem;
}
.banner-zone img{    
	display: inline-block;
    background-color: #b7b7b7;
    width: 100%;
    height: 5.4125rem;
}

.zone-logo img{
	display: inline-block;
    background-color: #EDEDED;
    width: 100%;
    height: 1.25rem;
}

.beside-nav-left,.beside-nav-right{
	height: 8.45rem;
	background-color: #fff;
	/* overflow: hidden; */
	border-radius: .125rem;
	position: relative;
}
.beside-nav-left .title{
	line-height: .6rem;
	background: linear-gradient(90deg,#ffc546,#fe9021);
}
.beside-nav-left .sub-menu{
	position: absolute;
	left: 3.3125rem;
	top: .6rem;
	width: 12.6875rem;
	height: 7.5625rem;
	box-shadow: 0rem .0125rem .125rem 0rem #c5c5c5;
	display: none;
}
.sub-menu-list li{
	display: inline-block;
	float: left;
	margin-right: .25rem;
	margin-bottom: .25rem;
}
.sub-menu-list li.hot-sales a{
	color:#FD9025;
}
.sub-menu-list li a:hover{
	opacity: 0.5;
}
.beside-nav-list>div{
	text-align: center;
	line-height: .5625rem;
}
.beside-nav-list>div>a{
	display: block;
}
.beside-nav-list>div>a:hover{
	background-color: #ffefdd;
	color: #d57718;
}
.beside-nav-list>div:hover .sub-menu{
	display: inline-block;
}
.beside-nav-right .title{
	line-height: .6rem;
	background-color: #4a4a48;
	color: #f1d294;
}
.beside-nav-right .border-bottom{
	border-bottom: .0125rem solid #f2f2f2;
	padding-bottom: .2875rem;
}
.center-nav-bar li{
	display: inline-block;
	float: left;
	width: 1.1875rem;
	height: .625rem;
	line-height: .625rem;
	text-align: center;
}
.center-nav-bar li a{
	display: block;
	font-weight: bold;
	font-size: .1875rem;
}
.center-nav-bar li.active a{
	color: #FD9025;
}
.banner-img1 {
	width: 8.2875rem;
	height: 7.85rem;
}
.signup-img {
	width: .9rem;
	height: .9rem;
}

.banner-img2 ,.banner-img3 {
	width: 4.6625rem;
	height: 3.8375rem;
}
.limited_time_kill{
	height: 4.7875rem;
}
.limited_time_kill_prolist{
	padding: .3125rem .125rem;
}
.limited_time_kill_prolist .pro-list-item{
	width: 2.9875rem;
	float: left;
	border-radius: .1875rem;
	overflow: hidden;
	background-color: #fff;
	margin: 0 .1375rem;
	cursor: pointer;
}
.limited_time_kill_prolist .pro-list-item:hover{
	/* border: 1px solid #ccc; */
	transform: scale(1.1);
	transform-origin: center;
}
.limited_time_kill_prolist .prolist:nth-child(5n){
	margin-right: 0;
}
.limited_time_kill_prolist .pro-img img{
	width: 2.9875rem;
	height: 2.9875rem;
	display: inline-block;
	background-color: #EDEDED;
	border-radius: .125rem;
}
.limited_time_kill_prolist .pro-info{
	line-height: .325rem;
}
.hours,.minutes,.seconds{
	padding: .125rem .1rem;
	border-radius: .0375rem;
}


.big-label{
	display: inline-block;
	border-radius: .0625rem;
	padding: 0 .0625rem;
	height: .425rem;
	line-height: .425rem;
	text-align: center;
	font-size: .225rem;
	margin-left: .1875rem;
}
.big-label.vip{
	border: .0125rem solid #f73434;
	color: #f73434;
}
.big-label.pintuan{
	border: .0125rem solid #4f90f7;
	color: #4f90f7;
}

.vip-welfare .pro-list-item{
	width: 3.55rem;
	float: left;
	border-radius: .1875rem;
	overflow: hidden;
	background-color: #fff;
	margin-right:.3rem;
}
.vip-welfare .prolist:nth-child(5n){
	margin-right: 0;
}
.vip-welfare .pro-img img{
	width: 3.55rem;
	height: 3.55rem;
	display: inline-block;
	background-color: #EDEDED;
	border-radius: .125rem;
}
.vip-welfare .pro-info{
	line-height: .325rem;
}
.vip-welfare .coupons{
	height: 1.375rem;
	background-color: #fff9ec;
	padding: .125rem;
	color: #fd541e;
}
.vip-welfare .coupons a{
	width: 1.375rem;
	height: .4125rem;
	display: inline-block;
	background-color: #fd541e;
	color: #fff;
	text-align: center;
	line-height: .4125rem;
	border-radius: .0625rem;
}


/* products商品区 */
.products-list{
    border-radius: .1875rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-top: .1875rem;
    margin-bottom: .1875rem;
    box-shadow: 0rem .0125rem .125rem 0rem #f5f5f5;
}
.mui-control-content{
    padding: 0 .125rem;
}
.products-list>div{
    flex: 0 1 auto;
}
.products-list .products-list-left{
	/* width: 4.5rem; */
	/* height: 2.4375rem; */
    background-color: #FFFFFF;
}
.products-list .products-list-left .shop-info{
    display: flex;
}
.products-list .products-list-left .shop-info>div:nth-child(2){
    flex: 1;
}
.products-list .products-list-left .shop-info .shop-logo img{
    height: .5625rem;
    width: .5625rem;
    border-radius: .125rem;
    background-color: #EDEDED;
	display: inline-block;
}
.products-list .products-list-left .shop-info .shop-info-detail{
    padding-left: .125rem;
}
.shop-info-addr span{
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.products-list .products-list-left .shop-info .shop-info-name h2{
    font-size: .25rem;
    color: #000000;
}
.products{
    display: flex;
}
.products .products-item{
    flex: 0 1 auto;
    text-align: center;
}
.products .products-item:nth-child(1),.products .products-item:nth-child(2){
    margin-right: .1875rem;
}
.products .products-item .products-item-img img{
    width:1.875rem;
    height: 1.875rem;
    border-radius: .125rem;
    background-color: #EDEDED;
}
.products .products-item .products-price{
    font-size: .2rem;
    color: #fd9127;
	text-align: left;
}

.fixed-content{
	position: absolute;
	right: -1.125rem;
	top: 1.9rem;
}
.fixed-content a:hover{
	color: #FD9025;
}

.top-line{
	border-top: .0125rem solid #d8d8d8;
}
.bottom-line{
	border-bottom: .0125rem solid #d8d8d8;
}
.left-line{
	border-left: .0125rem solid #d8d8d8;
}
.right-line{
	border-right: .0125rem solid #d8d8d8;
}
.bor-line{
	border: .0125rem solid #d8d8d8;
}
.number-operate{
	width: 1.3125rem;
	height: .425rem;
	line-height: .425rem;
	border: .0125rem solid #d8d8d8;
	border-radius: .0625rem;
}
.number-operate>div{
	width: .425rem;
	height: .425rem;
	float: left;
	text-align: center;
}
.number-operate>div a{
	display: block;
}
.number-operate>div input{
	width: .425rem;
	height: .425rem;
	background:none;
	border: 0;
	outline: none;
	text-align: center;
}

.wanwang-tab-item{
	display: none;
}

.public-left{
	width: 3.85rem;
	float: left;
}
.public-left-item li{
	padding-left: .6625rem;
}
.public-left-item a{
	display: block;
	line-height: .625rem;
}
.public-left-item li.active a{
	color: #fd9025;
	font-weight: bold;
}
.public-right{
	padding-left: 4.0375rem;
}


#CustomerServiceDialog{
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(0,0,0,0.3);
	z-index: 9999;
}
#CustomerServiceDialog .dialog{
	width: 20rem;
	height: 11rem;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -5.5rem;
	margin-left: -10rem;
}
#CustomerServiceDialog .columns-left{
	width: 4.125rem;
	height: 100%;
}
#CustomerServiceDialog .columns-center{
	width:15.8125rem;
	height: 100%;
}
#CustomerServiceDialog .table-form{
	display: table;
	width: 100%;
}
#CustomerServiceDialog .table-form>div{
	display: table-cell;
}
#ChatWindow{
	width: 8.875rem;
	height: 7.5rem;
}
.rich-text-box{
	width: 9.25rem;
	height: 1.875rem;
}


/* 聊天 */
#Session{
	margin-top: .8625rem;
    padding-bottom: .8625rem;
}
.session{
	padding: 0 .125rem;
}
.session li{
	overflow: hidden;
	position: relative;
	padding: 0 .625rem;
}
.session li .user>img{
	width: .5625rem;
	height: .5625rem;
	border-radius: 50%;
	position: absolute;
}
.session li .center-session{
	padding-top: .375rem;
}
.center-session div{
	display: inline-block;
	padding: .1875rem;
	background-color: #fff;
	border-radius: 10ppx;
}
.session li.others-msg .user>img{
	top: .0625rem;
	left: 0;
}
.session li.self-msg .user>img{
	top: .0625rem;
	right: 0;
}
.session li.others-msg>div.center-session{
	text-align: left;
}
.session li.self-msg>div.center-session{
	text-align: right;
}
.session li.self-msg>div.center-session div{
	background-color: #fd9025;
	color: #fff;
}
.session li.self-msg .user{
	text-align: right;
}