@charset "UTF-8";
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	font-size:14px;
	font-family: Roboto, "sans-serif";
}
header{
	width:100%;
	background: #36c;
	color:#9bf;
	display: inline-block;
}
a{
	text-decoration: none;
	color:#161616;
}
img{
	width:100%;
	display: block;
}
ul,li{
	list-style-type: none;
}
/**min1000px**/
@media screen and (min-width:1000px){
	.container{
		width:1110px;
		margin:0 auto;
	}
	.head{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-bottom:20px;
	}
	.logo{
		height:50px;
		overflow: hidden;
	}
	.search{
		margin-top:5px;
		background:#fff;
		height:40px;
		display: block;
		border-radius:2px;
		padding:0 12px;
		overflow:hidden;
	}

	.phone{
		text-align:right;
	}
	.nav{
		display:flex;
		flex-direction: row;
		justify-content: space-between;
		gap:20px;
		margin-bottom:6px;
	}
	.category{
		width:25%;
		background:#fff;
		border-radius:4px;
		color:#3d464d;
		padding:0 12px;
		cursor: pointer;
		line-height:40px;
		position: relative;
		border:2px solid #36c;
		border-bottom:0;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	nav{
		width:55%;
	}
	.member{
		width:20%;
		display: flex;
		flex-direction: row;
		justify-content:right;
		gap:40px;
	}
	.banner{
		width:74%;
		height:340px;
		float: right;
		margin-top:20px;
		background:#f5f5f5;
		margin-bottom:20px;
		position: relative;
		overflow:hidden;
	}
	.banner img{
		width:100%;
		height:340px;
		display:block;
	}
	.service ul li{
		width:25%;
		padding:20px 12px;
		border-right:2px solid #f0f0f0;
	}
	.service ul{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.service ul li i{
		float: left;
		width:30%;
		font-size:40px;
		text-align:center;
		color: #36c;
	}
	.service ul li:nth-last-child(1){
		border-right:0;
	}
	.service ul li .stxt h3{
		font-size:17px;
		margin-bottom:5px;
	}
	.ptop{
		height:40px;
		line-height:40px;
		margin-bottom:2%;
		display: flex;
		flex-direction:row;
		justify-content: space-between;
	}
	.ptitle{
		width:18%;
		font-size:20px;
		font-weight:700;
	}
	.dliver{
		width:50%;
		height:2px;
		content: "";
		margin-top:19px;
		background:#eee;
	}
	.full_dliver{
		width:82%;
		height:2px;
		content: "";
		margin-top:19px;
		background:#eee;	
	}
	.pcate{
		width:26%;
		padding-top:5px;
		padding-left:5px;
	}
	.chosecate .swiper {
	    width: 100%;
	    height:422px!important;
	}
	.products .swiper-slide:hover .p_cart{
		display: block;
	}
	.products .swiper-slide:hover {
		border:2px solid #f0f0f0;
	}
	.fullads .fatxt{
		width:80%;
		left:10%;
		position:absolute;
		top:30%;
		z-index:3;
	}
	.fatxt p{
		font-weight:bold;
		color:#333;
		text-shadow:1px 3px 13px #ddd;
		width:100%;
		text-align:center;
		font-size:28px;
		margin-bottom:20px;
	}
	.fatxt a{
		width:120px;
		height:34px;
		text-align: center;
		line-height:34px;
		background:#36c;
		color:#fff;
		display:block;
		position: absolute;
		left:50%;
		margin-left:-60px;
		border-radius:8px;
	}
	.fatxt a:hover{
		background:#546069;
	}
	.recproduct ul{
		width:64%;
		float: left;
	}
	.recproduct ul li{
		width:32.33%;
		float: left;
		border:1px solid #f3f3f3;
		margin-right:1.25%;
		margin-bottom:1.25%;
		border-radius:4px;
		position: relative;
	}
	.recproduct ul li:nth-child(3n){
		margin-right:0;
	}
	.newpro ul li{
		width:24%;
		float: left;
		position: relative;
		border:1px solid #f0f0f0;
		margin-right:1.33%;
		margin-bottom:1.5%;
	}
	.newpro ul li:nth-child(4n){
		margin-right:0;
	}
	.newslist ul li .nsimg{
		width:45%;
		float:left;
	}
	.nstitle{
		width:55%;
		padding:0 12px;
		overflow:hidden;
	}
	.navgitor{
		width:100%;
		margin:2% 0 3%;
		display: inline-block;
	}
	.pm_image a img,.zoomWrapper a img{
		width:540px!important;
		height:540px!important;
		display:block;
		border-radius:12px;
	}
	.product_image{
		width:49%;
		float:left;
		margin-bottom:3%;
		overflow:hidden;
	}
	.product_info{
		width:49%;
		float: right;
		overflow:hidden;
	}
	.pi_title{
		font-size:36px;
		font-weight:700;
		margin-bottom:22px;
		color:#3d464d;
	}
	.pi_avgsort,.pi_oldprice,.pi_des{
		width:100%;
		margin-bottom:20px;
		display:inline-block;
	}
	.pi_des{
		font-size:16px;
		line-height:30px;
		color:#3d464d;
		padding-bottom:12px;
		margin-bottom:20px;
		border-bottom:1px solid #ebebeb;
	}
	.pi_price{
		width:100%;
		font-size:22px;
		height:40px;
		line-height:40px;
		margin-bottom:12px;
		display:inline-block;
	}
	.input-group-btn{
		width:42px;
		height:42px;
		display:block;
	}
	.btn-default{
		width:42px;
		height:42px;
		border:0;
		outline:0;
		font-size:16px;
	}
	.xr-quantity-input{
		width:50px;
		height:42px;
		border-top:1px solid #f0f0f0;
		border-bottom: 1px solid #f0f0f0;
		border-left:0;
		border-right:0;
		outline:0;
		text-align:center;
	}
	.adcart,.adbuy{
		height:42px;
		line-height:42px;
		padding:0 20px;
		display:block;
	}
	.adfav{
		width:42px;
		height: 42px;
		display:block;
		text-align: center;
		line-height:42px;
		background:#f0f0f0;
	}
	.adcart a,.adbuy a{
		color:#fff;
		font-size:16px;
	}
	.p_s_tab{
		width:50%;
		margin:0 auto;
		display:flex;
		flex-direction: row;
		justify-content: space-between;
		gap:12px;
	}
	.p_s_content{
		width:100%;
		border:2px solid #f0f0f0;
		padding:30px;
		margin-bottom:3%;
		line-height:24px;
		border-radius:8px;
		min-height:400px;
		overflow:hidden;
	}
	.p_s_content h2{
		font-size:24px;
		margin-bottom:20px;
	}
	.thumbnail{
		border:1px solid #ddd;
		width:10%;
		padding:10px;
		border-radius:6px;
		overflow:hidden;
	}
	.shop_search{
		width:23%;
		float: left;
		border:2px solid #e5e4e3;
		border-radius:4px;
		overflow:hidden;
	}
	.shop_product{
		width:75%;
		float: right;
		position: relative;
		overflow:hidden;
	}
	.shop_cnum{
		width:70%;
		float: left;
		font-size:16px;
		color:#111;
		font-weight:600;
		height:40px;
		line-height:40px;
	}
	.shop_sort{
		width:30%;
		height:40px;
		line-height:40px;
		float: right;
	}
	.shop_sort label{
		color:#111;
		float:left;
		text-align: right;
		padding-right:12px;
		width:40%;
	}
	.shop_sort select{
		width:60%;
		height:30px;
		line-height:30px;
		margin-top:5px;
		float: right;
		padding:0 12px;
		font-size:14px;
		color:#666;
		border:1px solid #e5e4e3;
		border-radius:4px;
	}
	.shop_products ul li{
		width:32.33%;
		margin-right:1.5%;
		margin-bottom:2%;
		float: left;
		border:1px solid #e5e4e3;
		border-radius:4px;
		padding:20px;
		overflow:hidden;
	}
	.shop_products ul li:nth-child(3n){
		margin-right:0;
	}
	.shop_products ul li:hover{
		border:1px solid #666;
	}
	nav ul{
		display: flex;
		flex-direction: row;
		justify-content:start;
	}
	nav ul li.fli{
		padding:0 30px;
		height:40px;
		line-height:40px;
		border-radius:2px;
		text-align: center;
		font-weight:600;
		display: inline-block;
		gap:10px;
		position: relative;
	}
	nav ul li>ul{
		display:none;
	}
	nav ul li:hover{
		background: hsla(0, 0%, 100%,0.15);
	}
	nav ul li a{
		color:#fff;
	}
	.fli ul{
		width:200%;
		position: absolute;
		left:100%;
		top:7px;
		z-index:4;
		box-shadow:0 1px 15px rgba(0,0,0,.25);
		background:#fff;
		padding:12px 20px;
	}
	.fli ul li{
		width:33.33%;
		float: left;
	}
	.mmenu{
		margin-top:3%;
		width:25%;
		float: left;
		border:2px solid #f0f0f0;
		padding:30px 0;
		min-height:60vh;
		margin-bottom:3%;
		overflow:hidden;
	}
	.mmenu h2{
		font-size:24px;
		margin-bottom:20px;
		padding:0 20px;
	}
	.mmenu ul li{
		width:100%;
		line-height:42px;
		display: inline-block;
	}
	.mmenu ul li>ul li{
		padding:0 20px;
		font-size:16px;
	}
	.mmain{	
		width:72%;
		float:right;
		margin-top:3%;
		margin-bottom:3%;
		overflow:hidden;
	}
	.mmuser{
		width:49%;
		border:2px solid #f0f0f0;
		float: left;
	}
	.mmaddress{
		width:49%;
		float: right;
		border:2px solid #f0f0f0;
		padding:30px 20px 10px;
		position: relative;
	}
	.accname{
		width:12%;
		float:left;
		text-align:right;
		padding-right:12px;
		line-height:40px;
		font-weight:600;
	}
	.accvalue{
		width:88%;
		float:left;
		line-height:40px;
	}
	#clipArea{
		float: left;
		height:300px;
		width:300px;
		padding:20px;
		background:#f60;
	}
	.img-circle{
		border-radius:50%;
		overflow:hidden;
	}
	#file,#clipBtn{
		margin: 5px;
	}
	#view{
		width:300px; 
		height:300px;
		text-align: center; 
		padding:50px;
		float: left;
		margin-right:20px;
	}
	.choseimg{
		width:100%;
		margin:12px 0;
		display:inline-block;
	}
	.mclist ul li span{
		color:#36c;
		margin:0 6px;
	}
	.products{
		width:100%;
		padding-bottom:20px;
		overflow:hidden;
		position: relative;
	}
	.loginbox,.regsitebox{
		width:45%;
		margin:0 auto;
		border:2px solid #f0f0f0;
		padding:30px;
		color:#3d464d;
		overflow:hidden;
	}
	.loginbox h2,.regsitebox h2{
		font-size:24px;
		margin-bottom:20px;
	}
	.cartform{
		width:100%;
		border:1px solid #ddd;
		margin-bottom:2%;
	}
	.cartform .product-name a{
		color:#111;
		font-size:16px;
	}
	.ctb button{
		margin-right:5px;
		height:40px;
		line-height:40px;
		padding:0 20px;
		border:0;
		outline:0;
		border-radius:8px;
	}
	.ctb .checkout{
		background:#f60;
		color:#fff;
		float: right;
		margin-left:12px;
		margin-right:0;
		height:40px;
		line-height:40px;
		font-weight:600
	}
	.check_left{
		width:58%;
		float: left;
		border:2px solid #f0f0f0;
		padding:20px;
		border-radius:4px;
		overflow:hidden;
	}
	.check_right{
		width:40%;
		float: right;
		border:2px solid #f0f0f0;
		padding:20px;
		border-radius:4px;
		overflow:hidden;
	}
	.check_left h1,.check_product h1{
		font-size:28px;
		margin-bottom:20px;
	}
	.shipads h2,.pays h2{
		font-size:20px;
		margin-bottom:12px;
	}
	.mmenu ul li>ul li.active{
		background:#f0f0f0;
		border-left:2px solid #e36;
	}
	#view{
	    width:300px; 
	    height:300px;
	    text-align: center; 
	    padding:50px;
	}
	.news_left{
		width:75%;
		float: left;
	}
	.news_right{
		width:23%;
		padding-top:40px;
		float:right;
	}
	.news_l_list li .nlimg{
		width:30%;
		float:left;
		overflow:hidden;
	}
	.news_l_list li .nltext{
		width:68%;
		float: right;
		color:#777;
	}
	.nltext h4{
		font-size:22px;
		margin-bottom:12px;
		color:#161616;
	}
	.nltext p i{
		margin-right:3px;
	}
	.nltext p{
		font-size:16px;
		line-height:24px;
		margin-bottom:12px;
	}
	.nrtext h3{
		font-size:16px;
		margin-bottom:8px;
		border-left:6px solid #36c;
		padding-left:10px;
	}
	.nrtext p{
		font-size:14px;
		line-height:24px;
		margin-bottom:8px;
		color:#777;
	}
	.products .slideCate{
		width:100%;
		height:420px;
		overflow:hidden;
	}
	.fcu{
		float:left;
		width:40%;
	}
	.finfor{
		width:20%;
		float: left;
	}
	.finfor ul li{
		height:30px;
		line-height:30px;
	}
	.fnl{
		width:40%;
		float:left;
	}
	.fnl p{
		margin-bottom:12px;
	}
	.fnl .footdy{
		width:260px;
		height:40px;
		line-height:40px;
		margin-right:5px;
		float: left;
		padding:0 12px;
		border:1px solid #ddd;
		outline: none;
	}
	.fnl button{
		width:100px;
		height:40px;
		line-height:40px;
		float:left;
		border:0;
		outline: none;
		background:#36c;
		color:#fff
	}
	.fbc{
		margin-top:12px;
		border-top:1px solid #f0f0f0;
		height:40px;
		line-height:40px;
		text-align: center;
	}
    .mobile_nav,.mobile_close{
    	display: none;
    }
}
/**max999px**/
@media screen and (max-width:999px){
	.container{
		width:94%;
		margin:0 auto;
	}
	.head{
		width:50%;
		float:left;
	}
	.logo{
		width:100%;
		float:left;
		margin-bottom:20px;
		overflow: hidden;
	}
	.member{
		width:40%;
		display: flex;
		flex-direction: row;
		justify-content:right;
		gap:20px;
		float: right;
	}
	nav{
		width:100%;
		height:100vh;
		position: fixed;
		top:0;
		left:0;
		background:#f0f0f0;
		z-index:99999

	}
	.banner{
		width:100%;
		margin:20px 0;
		background:#f5f5f5;
		position: relative;
		overflow:hidden;
	}
	.banner img{
		height:220px;
		display:block;
	}
	.service ul li{
		width:50%;
		padding:20px 12px;
		border-right:1px solid #f0f0f0;
		border-bottom:1px solid #f0f0f0;
	}
	.service ul li:nth-child(2n){
		border-right:0;
	}
	.service ul li:nth-child(n+3){
		border-bottom:0;
	}
	.service ul{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap:wrap;
	}
	.service ul li i{
		float: left;
		width:25%;
		font-size:24px;
		text-align:center;
		color: #36c;
		margin-top:6px;
	}
	.service ul li:nth-last-child(1){
		border-right:0;
	}	
	.service ul li .stxt{
		width:75%;
		float: right;
	}
	.service ul li .stxt h3{
		font-size:15px;
		margin-bottom:5px;
	}
	.service ul li .stxt p{
		font-size:11px;
		color:#888
	}
	.ptop{
		line-height:40px;
		margin-bottom:2%;
	}	
	.ptitle{
		width:100%;
		font-size:20px;
		font-weight:700;
		margin-bottom:6px;
	}
	.full_dliver{
		width:82%;
		height:2px;
		content: "";
		margin-top:19px;
		background:#eee;	
	}
	.pcate{
		width:100%;
		display: inline-block;
	}
	.fullads img{
		height:100px;
	}
	.fullads .fatxt{
		width:80%;
		left:10%;
		position:absolute;
		top:15%;
		z-index:3;
	}
	.fatxt p{
		font-weight:bold;
		color:#333;
		text-shadow:1px 3px 13px #ddd;
		width:100%;
		text-align:center;
		font-size:20px;
		margin-bottom:12px;
	}
	.fatxt a{
		width:120px;
		height:30px;
		text-align: center;
		line-height:30px;
		background:#36c;
		color:#fff;
		display:block;
		position: absolute;
		left:50%;
		margin-left:-60px;
		border-radius:8px;
	}
	.recproduct ul{
		width:100%;
	}
	.recproduct ul li{
		width:49%;
		float: left;
		border:1px solid #f3f3f3;
		margin-right:1.5%;
		margin-bottom:1.5%;
		border-radius:4px;
		position: relative;
	}
	.recproduct ul li:nth-child(2n){
		margin-right:0;
	}
	.newpro ul li{
		width:50%;
		float: left;
		position: relative;
	}
	.newslist ul li .nsimg{
		width:100%;
		display:inline-block;
	}
	.nstitle{
		width:100%;
		overflow:hidden;
	}
	.product_image{
		width:100%;
		margin-bottom:3%;
		overflow:hidden;
	}
	.pm_image a img,.zoomWrapper a img{
		width:360px!important;
		height:360px!important;
		display:block;
		border-radius:12px;
	}
	.product_info{
		width:100%;
		overflow:hidden;
	}
	.pi_title{
		font-size:22px;
		font-weight:700;
		margin-bottom:5px;
		color:#3d464d;
	}
	.pi_avgsort,.pi_oldprice,.pi_des{
		width:100%;
		margin-bottom:5px;
		display:inline-block;
	}
	.pi_des{
		font-size:14px;
		line-height:24px;
		color:#3d464d;
		padding-bottom:12px;
		margin-bottom:20px;
		border-bottom:1px solid #ebebeb;
	}
	.pi_price{
		width:100%;
		font-size:20px;
		height:40px;
		line-height:40px;
		margin-bottom:12px;
		display:inline-block;
	}
	.input-group-btn{
		width:30px;
		height:30px;
		display:block;
	}
	.btn-default{
		width:30px;
		height:30px;
		border:0;
		outline:0;
		font-size:16px;
	}
	.xr-quantity-input{
		width:30px;
		height:30px;
		border-top:1px solid #f0f0f0;
		border-bottom: 1px solid #f0f0f0;
		border-left:0;
		border-right:0;
		outline:0;
		text-align:center;
	}
	.adcart,.adbuy{
		height:30px;
		line-height:30px;
		padding:0 10px;
		display:block;
	}
	.adfav{
		width:30px;
		height: 30px;
		display:block;
		text-align: center;
		line-height:30px;
		background:#f0f0f0;
	}
	.adcart a,.adbuy a{
		color:#fff;
		font-size:14px;
	}
	.p_s_tab{
		width:100%;
		margin:0 auto 12px;
		display:flex;
		flex-direction: row;
		justify-content: space-between;
		gap:12px;
	}
	.p_s_content{
		width:100%;
		border:2px solid #f0f0f0;
		padding:12px;
		margin-bottom:3%;
		line-height:24px;
		border-radius:8px;
		min-height:400px;
		overflow:hidden;
	}
	.p_s_content h2{
		font-size:20px;
		margin-bottom:12px;
	}
	.thumbnail{
		border:1px solid #ddd;
		width:33.33%;
		padding:6px;
		border-radius:6px;
		overflow:hidden;
	}
	.shop_product{
		width:100%;
		position: relative;
		overflow:hidden;
	}
	.shop_cnum{
		width:100%;
		font-size:14px;
		color:#111;
		font-weight:600;
		height:40px;
		line-height:40px;
		text-align: center;
		background:#f0f0f0;
		margin-bottom:12px;
		display: inline-block;
	}
	.shop_sort{
		width:100%;
		height:40px;
		line-height:40px;
		display: inline-block;
	}
	.shop_sort label{
		width:30%;
		text-align: center;
		color:#111;
		float:left;
	}
	.shop_sort select{
		width:70%;
		height:30px;
		line-height:30px;
		margin-top:5px;
		float: right;
		padding:0 12px;
		font-size:14px;
		color:#666;
		border:1px solid #e5e4e3;
		border-radius:4px;
		outline:none;
	}
	.shop_products ul{
	    width: 100%;
	    column-count: 2;
	    column-gap:12px;
	}
	.shop_products ul li{
		break-inside: avoid;
		margin-bottom:12px;
		float: left;
		border:1px solid #e5e4e3;
		border-radius:4px;
		padding:12px;
		overflow:hidden;
	}
	.shop_products ul li:nth-child(2n){
		margin-right:0;
	}
    .mobile_nav{}
    nav {
    	padding-top:80px;
    }
	nav ul li.fli{
		width:100%;
		padding:0 30px;
		line-height:40px;
		font-weight:600;
		display: inline-block;
	}
	nav ul li.fli span{
		font-size:18px;
	}
	nav ul li a{
		color:#161616;
	}
	nav ul li>ul li a{
		color:#666
	}
	nav .mobile_close{
		position:absolute;
		right:10px;
		top:10px;
		border:1px solid #161616;
		width:30px;
		height:30px;
		display:block;
		border-radius:50%;
		text-align:center;
		line-height:30px;
		cursor: pointer;
	}
	nav .mobile_close i{
		font-size:18px;
		color:#161616;
	}
	.mmenu{
		margin-top:5%;
		width:100%;
		border:2px solid #f0f0f0;
		padding:12px 0;
		margin-bottom:3%;
		overflow:hidden;
	}
	.mmenu h2{
		font-size:18px;
		margin-bottom:12px;
		padding:0 20px;
	}
	.mmenu ul li{
		width:100%;
		line-height:42px;
		display: inline-block;
	}
	.mmenu ul li>ul.sub-menu li{
		width:50%;
		float:left;
	}
	.mmenu ul li>ul li{
		padding:0 10px;
		font-size:14px;
	}
	.mmain{	
		width:100%;
		margin:5% 0;
		overflow:hidden;
	}
	.mmuser{
		width:100%;
		border:2px solid #f0f0f0;
		margin-bottom:2%;
	}
	.mmaddress{
		width:100%;
		border:2px solid #f0f0f0;
		padding:30px 20px 10px;
		position: relative;
	}
	.accname{
		width:20%;
		float:left;
		text-align:right;
		padding-right:12px;
		line-height:40px;
		font-weight:600;
	}
	.accvalue{
		width:80%;
		float:left;
		line-height:40px;
	}
    #clipArea{
	    height:300px;
	    width:300px;
	    padding:20px;
	    display:block;
	    margin:0 auto;
    }
    .img-circle{
        border-radius:50%;
        overflow:hidden;
    }
	#file,#clipBtn{
	    margin: 5px;
	 }
	.mcorder ul li{
		width:100%;
		line-height:40px;
		border-bottom: 1px dashed #f0f0f0;
	}
	.choseimg{
	    width:100%;
	    margin:12px 0;
	    display:inline-block;
	}
	.products{
		width:100%;
		padding-bottom:20px;
		overflow:hidden;
		position: relative;
	}
	.loginbox,.regsitebox{
		width:94%;
		margin:0 auto;
		border:2px solid #f0f0f0;
		padding:20px;
		color:#3d464d;
		overflow:hidden;
	}
	.loginbox h2,.regsitebox h2{
		font-size:20px;
		margin-bottom:20px;
	}
	.jhform{
		margin-top:20px;
		border:1px solid #ddd;
	}
	.jhtable{
		overflow-x:scroll;
	}
	.cartform{
		width:600px;
		margin-bottom:4%;
	}
	.cartform .product-name a{
		color:#111;
		font-size:12px;
	}
	.ctb button{
		margin-right:5px;
		height:30px;
		line-height:30px;
		padding:0 12px;
		border:0;
		outline:0;
		border-radius:4px;
	}
	.ctb .checkout{
		background:#f60;
		color:#fff;
		float: right;
		margin-left:12px;
		margin-right:0;
		height:30px;
		line-height:30px;
		font-weight:600
	}
	.check_left{
		width:100%;
		border:2px solid #f0f0f0;
		padding:20px;
		margin:20px 0;
		border-radius:4px;
		overflow:hidden;
	}
	.check_right{
		width:100%;
		border:2px solid #f0f0f0;
		padding:20px;
		border-radius:4px;
		overflow:hidden;
	}
	.check_left h1,.check_product h1{
		font-size:24px;
		margin-bottom:20px;
	}
	.shipads h2,.pays h2{
		font-size:18px;
		margin-bottom:12px;
	}
	.mmenu ul li>ul li.active a{
		font-weight:bold;
		color:#36c;
	}
	.mcorder{
		width:100%;
		overflow-x:scroll;
	}
    .mcorder ul{
    	width:800px;
    }
	.news_left{
		width:100%;
		padding-top:20px;
	}
	.news_left h3{
		font-size:22px;
		margin-top:3%;
		height:40px;
		line-height:40px;
	}
	.news_l_list li .nlimg{
		width:100%;
		margin-bottom:12px;
		overflow:hidden;
	}
	.news_l_list li .nltext{
		width:100%;
		color:#777;
	}
	.nltext h4{
		font-size:22px;
		margin-bottom:12px;
		color:#161616;
	}
	.nltext p i{
		margin-right:3px;
	}
	.nltext p{
		margin-bottom:12px;
	}
	.nrtext h3{
		font-size:16px;
		margin-bottom:8px;
		border-left:6px solid #36c;
		padding-left:10px;
	}
	.nrtext p{
		font-size:14px;
		line-height:24px;
		margin-bottom:8px;
		color:#777;
	}
	.navgitor{
		margin:20px 0;
		font-size:14px;
		overflow:hidden;
	}
	.navgitor a{
		font-size:12px;
	}
	.p{
		margin-bottom:20px;
		padding-bottom:12px;
		color:#888;
		border-bottom:1px dashed #f0f0f0;
	}
	.products .slideCate{
		width:100%;
		overflow:hidden;
	}
	.fcu,.finfor,.fnl{
		width:100%;
		margin-bottom:12px;
	}
	.finfor ul li{
		height:30px;
		line-height:30px;
	}
	.fnl p{
		margin-bottom:12px;
	}
	.fnl .footdy{
		width:260px;
		height:40px;
		line-height:40px;
		margin-right:5px;
		float: left;
		padding:0 12px;
		border:1px solid #ddd;
		outline: none;
	}
	.fnl button{
		width:100px;
		height:40px;
		line-height:40px;
		float:left;
		border:0;
		outline: none;
		background:#36c;
		color:#fff
	}
	.fbc{
		margin-top:12px;
		border-top:1px solid #f0f0f0;
		height:40px;
		line-height:40px;
		text-align: center;
	}
	.phone,
	.category,
	.search,nav,
	.dliver,
	.full_dliver,
	.rec_pro,
	.shop_search,
	.mclist ul li span,
	.ctb button:nth-child(1),
	.ctb button:nth-child(2),	
	.shipads span:nth-child(4),
	#view,
	.news_right{
		display: none;
	}
	.nav{
		margin-bottom:6px;
	}
}

/**public style**/
.oh{
	overflow: hidden;
}
.top{
	height:40px;
	line-height:40px;
	border-bottom:1px solid #2e5cb8;
	margin-bottom:20px;
}
.top a{
	color:#9bf;
	margin-right:12px;
}
.topl{
	float: left;
}
.topr{
	float: right;
}
.topr span{
	margin-left:20px;
}
.bq{
	position: absolute;
	left:6px;
	top:6px;
	font-size:11px;
	padding:2px 8px;
	color:#fff;
	border-radius:4px;
}
.p{
	margin-bottom:20px;
    border-bottom: 1px dashed #f0f0f0;
    padding-bottom: 12px;
}
.public_content{
	margin-bottom:20px;
	line-height:30px;
	min-height:300px;
}
.news_bottom{
	background:#f0f0f0;
	padding:12px 20px;
}
.news_bottom p{
	height:30px;
	line-height:30px;
}
.new{
	background:#3377ff;
}
.hot{
	background:#614ba6;
}
.sale{
	background:#ff3333;
}
.mcorder ul li{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	line-height:40px;
	border-bottom: 1px dashed #f0f0f0;
}
.mcorder ul li:nth-child(1){
	font-weight: bold;
	background:#f0f0f0;
	padding-left:5px;
}
.ordername{
	width:26.66%;
	overflow:hidden;
}
.orderdate{
	width:16.66%;
	overflow:hidden;
}
.orderprice{
	width:16.66%;
	overflow:hidden;
}
.orderstatu{
	width:11.66%;
	overflow:hidden;
}
.ordertype{
	width:11.66%;
	overflow:hidden;
}
.orderbz{
	width:16.66%;
	overflow:hidden;
}
#translate{
	float: right;
	margin-left:10px;
}
.search button{
	background:none;
	outline: none;
	border:0;
}
.search button i{
	font-size:18px;
	color: #bfbfbf;
	transition: all 0.3s;
}
.search button i:hover{
	color:#36c;
	transition: all 0.3s;
}
.sipt{
	width:400px;
	height:40px;
	line-height:40px;
	border:0;
	outline:none;
	padding-left:10px;
}
.phone p{
	margin-top:10px;
	font-size:20px;
	color: #fff;
	font-weight:700
}
.category i{
	font-size:16px;
	line-height:40px;
}
.category span{
	font-weight:600;
	margin-left:12px;
	margin-right:25px;
}
.othercate{
	display: none;
}
.icate{
	position: absolute;
	width:102%;
	background:#fff;
	left:-1%;
	top:38px;
	padding-top:20px;
	border:2px solid #36c;
	border-top:0;
	padding-bottom:12px;
	border-radius:0 0 4px 4px;
	min-height:370px;
	z-index:999;
}
.icate a span{
	color: #5c6b73;
}
.icate ul li.fli{
	padding:0 12px;
}
.icate ul li.fli:hover{
	background:#f3f3f3;
}
.icate ul li.fli a{
	width:100%;
	display:inline-block;
}
.icate a:hover span{
	color:#36c;
}
.icate ul li.fli ul{
	display:none;
}
.icate ul li:hover.fli ul{
	display:block;
}
.fli a i{
	float: right;
	font-size:12px;
	color:#666
}
.member .micon{
	height:30px;
	position: relative;
} 
.member .micon i{
	font-size:20px;
	font-weight:bold;
	display: block;
	color:#fff;
	line-height:40px;
}
.micon span{
	width:20px;
	height:20px;
	display: block;
	background:#fff;
	border-radius:50%;
	position:absolute;
	top:0px;
	right:-13px;
	z-index:3;
	text-align:center;
	line-height:20px;
	font-size:10px;
}
.mlogin,.mcenter{
	min-width:200px;
	position: absolute;
	right: 0;
	background:#fff;
	padding:12px;
	box-shadow: 1px 3px 13px #ddd;
	z-index:4;
	border-radius:4px;
	display: none;
}
.mctop{
	width:100%;
	display: inline-block;
	border-bottom:1px solid #ddd;
	padding-bottom:6px;
}
.mcb_bottom{
	width:100%;
	display:inline-block;
}
.mcb_bottom a{
	width:100%;
	height:30px;
	line-height:30px!important;
	color:#666;
	display: inline-block
}
.mct_avatar{
	width:40px;
	height:40px;
	border-radius:50%;
	border:1px solid #ddd;
	float: left;
	margin-right:8px;
	overflow:hidden;
}
.mct_name{
	float:left;
	font-size:14px;
	color:#555;
	font-weight:600;
}
.ifipt{
	width:100%;
	display:inline-block;
	padding:0 12px;
	border:1px solid #d3d3d3;
	height:30px;
	line-height:30px;
	border-radius:4px;
	margin-bottom:12px;
}
.ihipt{
	width:50%;
	float: left;
	padding:0 12px;
	border:1px solid #d3d3d3;
	height:30px;
	line-height:30px;
	border-radius:4px;
	margin-bottom:12px;
}
.ihcode{
	width:50%;
	float:right;
}
.ifbtn{
	width:100%;
	height:30px;
	line-height:30px;
	text-align: center;
	color:#fff;
	background: #36c;
	border:0;
	outline: none;
	margin-bottom:12px;
}
.iftxt{
	width:50%;
	float:left;
	color:#111;
	font-size:12px;
	text-align: center;
}
.jhswiper-pagination{
	width:auto!important;
	background:#fff!important;
	left:45%!important;
	border-radius:8px!important;
	position: absolute;
	z-index:6;
}
.service{
	border:2px solid #f3f3f3;
	border-radius:2px;
	margin-bottom:5%;
	overflow: hidden;
}
.pcate ul li{
	float: left;
	width:33.33%;
	height:30px;
	line-height:28px;
	text-align:center;
	font-weight:600;
	cursor: pointer;
}
.pcate ul li.active{
	border:2px solid #36c;
	border-radius:15px;
}
.pcontorl{
	width:6%;
}
.products .swiper-slide {
    border: 2px solid #f3f3f3;
    box-sizing: border-box;
    padding: 12px;
    border-radius: 4px;
    background: #fff;
    height: auto;
    position: relative;
    margin-bottom:12px;
}
.products .swiper-button-next1,.products .swiper-button-next2,.products .swiper-button-next3{
	margin-top:0;
	position: absolute;
	top:10px;
	right:0!important;
	width:16px;
	height:16px;
	font-weight:bold;
	cursor: pointer;
	display:block;
}
.products .swiper-button-prev1,.products .swiper-button-prev2,.products .swiper-button-prev3{
	margin-top:0;
	position: absolute;
	top:10px;
	left: auto!important;
	right:30px!important;
	width:16px;
	height:16px;
	font-weight:bold;
	cursor: pointer;
	display:block;	
}
.swiper-button-disabled{
	color:#999
}
.swiper-button-next img,.swiper-button-prev img{
	width:100%;
	display: block;
}
.slideCate .chosecate2,.slideCate .chosecate3{
	width:100%;
	display:none;
	overflow:hidden;
}

.chosecate .swiper-wrapper{
	height:auto!important;
}
.chosecate .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pthumb{
	width:100%;
	display: inline-block;
}
.pthumb img{
	width:100%;
	display: block;
}
.p_title{
	width:100%;
	height:40px;
	display: inline-block;
	text-align:left;
	font-size:15px;
	line-height:20px;
	padding:0 12px;
	overflow: hidden;
}
.p_title a{
	color:#3d464d;
}
.p_price{
	padding:12px;
	font-weight:700;
	color:#111;
	font-size:16px;
	margin-bottom:12px;
}
.p_priceb{
	padding:12px;
	font-weight:700;
	color:#111;
	font-size:16px;
	margin-bottom:138px;
}
.p_cart{
	padding:0 12px;
	display: none;
}
.p_cartb{
	padding:0 12px;
}
.addcart{
	width:45%;
	height:36px;
	line-height:36px;
	text-align:center;
	background:#36c;
	color:#fff;
	border-radius:4px;
}
.addcartb{
	width:45%;
	height:36px;
	line-height:36px;
	text-align:center;
	background:#36c;
	color:#fff;
	border-radius:4px;
	margin-bottom:20px;
}
.rec_pro{
	width:35%;
	float: left;
	border:1px solid #f3f3f3;
	margin-right:1%;
	border-radius:4px;
}
.rec_pro:hover{
	border:1px solid #ddd;
}
.recproduct{
	width:100%;
	margin-bottom:3%;
	overflow:hidden;
}
.recproduct ul li:hover{
	border:1px solid #ddd;
}
.newpro,.newlist{
	width:100%;
	margin-bottom:3%;
	overflow:hidden;
}
.fullads{
	width:100%;
	display: inline-block;
	position:relative;
	margin-bottom:3%;
	overflow:hidden;
}
.nstitle h3{
	font-size:18px;
	color:#3d464d;
	margin-bottom:12px;
}
.nstitle .dtime{
	color:#adadad;
	font-size:14px;
	margin-bottom:12px;
}
.nstitle .ddes{
	color:#3d464d
}
.navgitor ul li{
	float:left;
	margin-right:20px;
}
.navgitor ul li a{
	color:#666;
}
.h2{
	width:100%;
	display: inline-block;
	margin-bottom:2%;
	color:#111;
	font-size:24px;
}
.shop_search h3{
	height:50px;
	line-height:50px;
	border-bottom:2px solid #e5e4e3;
	padding:0 20px;
	font-size:20px;
	margin-bottom:20px;
}
.filter_group{
	padding:0 20px;
	margin-bottom:20px;
	overflow:hidden;
}
.filter_group h4{
	font-size:16px;
	color:#3d464d;
	margin-bottom:12px;
}
.filter_group label{
	width:30%;
	float:left;
	text-align: center;
	height:30px;
	line-height:30px;
	overflow:hidden;
}
.filter_group .pmvalue{
	width:100%;
	border:0;
	outline: 0;
	background:#f0f0f0;
	border-radius:4px;
	height:30px;
	text-align:center;
}
.textli li{
	width:100%;
	display:inline-block;
	height:30px;
	line-height:30px;
}
.textli li a{
	color:#333;
}
.shopgroup{
	width:100%;
	margin-bottom:20px;
	border-top:1px solid #e5e4e3;
	padding-top:10px;
	display:inline-block;
}
.shop_sort select option{
	color:#666;
	border:0;
	outline: 0;
}
.shop_products{
	width:100%;
	margin-bottom:2%;
	overflow:hidden;
}
.spthumb,.spname,.spcomments,.spfilter_groupprice{
	width:100%;
	display: inline-block;
	margin-bottom:6px;
}
.spcomments i{
	margin-right:2px;
	color:#f60
}
.spname{
	height:40px;
	line-height:20px;
	font-weight:600;
}
.spname a{
	font-size:16px;
	color:#111;
}
.spprice{
	height:40px;
	line-height:40px;
	color:#111;
	font-weight:600;
}
.pnum{
	width:100%;
	margin-bottom:2%;
	overflow:hidden;
}
.pnum ul li{
	width:20px;
	height:20px;
	border-radius:4px;
	background:#e36;
	text-align:center;
	line-height:20px;
	font-size:12px;
	float: left;
	margin-right: 5px;
}
.pnum ul li a{
	width:20px;
	height:20px;
	display: block;
	color:#fff;
}
.pm_image{
	width:100%;
	margin-bottom:12px;
	overflow:hidden;
}
.ps_image{
	width:100%;
	overflow:hidden;
}
.ps_image ul li{
	width:19%;
	margin-right:1.25%;
	float: left;
	overflow:hidden;
}
.ps_image ul li:nth-child(5n){
	margin-right:0;
}
.ps_image ul li img{
	width:100%;
	display: block;
	box-sizing: border-box;
}
.ps_image ul li a{
	width:100%;
	height:100%;
	display:block;
	border-radius:6px;
	padding:6px;
	box-sizing:border-box;
	border:2px solid #e5e4e3;
}
.ps_image ul li a.active{
	border:2px solid #36c;
}
.pi_avgsort i{
	color:#e32222;
	margin-right:2px;
}
.parameter{
	margin-bottom:20px;
	color:#999;
}
.pp_name{
	margin-right:5px;
}
.pp_key{
	margin-right:12px;
}
.green{
	color:#28a745;
}
.dollor{
	float:left;
	font-size:30px;
	height:40px;
	line-height:40px;
	font-weight:bold;
	margin-right:6px;
}
#dr_sku_price{
	float: left;
	margin-right:20px;
}
.tag-free{
	width:120px;
	height:24px;
	text-align:center;
	line-height:24px;
	background:#000;
	color:#fff;
	font-size:14px;
	display: block;
	float: left;
	margin-top:8px;
	border-radius:4px;
}
.pi_promotion{
	width:100%;
	margin-bottom:12px;
	display: inline-block;
}
.pi_promotion span{
	background:#f30;
	color:#fff;
	padding:0 6px;
	border-radius:4px;
	margin-left:5px;
}
.skus{
	width:100%;
	margin-bottom:20px;
	overflow:hidden;
}
.sname{
	width:100%;
	display: inline-block;
	font-weight:bold;
	font-size:18px;
	margin-bottom:6px;
	overflow:hidden;
}
.svalue{
	outline:0;
	border:0;
	background:#e0e0e0;
	height:32px;
	line-height:32px;
	padding:0 12px;
	margin-right:6px;
	font-size:16px;
	font-weight:600;
}
.red{
	background:#36c;
	color:#fff;
}
.sku_item_group{
	width:100%;
	display:flex;
	flex-direction: row;
	justify-content:start;
	margin-bottom:20px;
	gap:12px;
	overflow:hidden;
}
.adcart a i,.adbuy a i{
	margin-right:2px;
}
.adcart{
	background:#36c;
}
.adbuy{
	background: #e32222;
}
.adfav a{
	color:#3d464d;
	font-weight:bold;
	font-size:18px;
}
.adfav:hover,.adcart:hover,.adbuy:hover{
	background:#111;
	transition: all 0.3s;
}
#dr_sku_price{
	font-size:28px;
	font-weight:bold;
	color:#3d464d;
}
.pstab{
	width:33.33%;
	font-size:20px;
	font-weight:600;
	height:60px;
	line-height: 60px;
	display:block;
	cursor: pointer;
	text-align: center;
}
.pstab.active{
	border-bottom:3px solid #36c;
}
.pscontent:nth-child(2),.pscontent:nth-child(3){
	display:none;
}
.xr-attr-table li{
	width:100%;
	display:inline-block;
	height:42px;
	line-height:42px;
	border-bottom:1px dashed #e0e0e0;
}
.comments,.comments_top,.comment_bottom,.comment_avatar,.comment_msg,.comment_imgs{
	width:100%;
	overflow:hidden;
}
.comments_top{
	text-align:right;
	color:#f60;
}
.comment_avatar{
	display:flex;
	flex-direction:row;
	justify-content:start;
	gap:12px;
	margin-bottom:12px;
}
.avatar_face{
	width:50px;
	height:50px;
	border-radius:50px;
	display: block;
	float: left;
	overflow:hidden;
}
.comment_msg p{
	margin-bottom:12px;
	line-height:30px;
	font-size:16px;
}
.comment_imgs{
	display: flex;
	flex-direction:row;
	justify-content: start;
	gap:12px;
	margin-bottom:3%;
} 
.cfcheck{
	text-align: center;
}
.qty .input-group{
	width:110px;
	margin:0 auto;
	overflow:hidden;
}
.qty .input-group-btn{
	width:30px;
	height:30px;
}
.qty .dr_buy_num{
	width:50px;
	height:30px;
	text-align:center;
	border:0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	outline:0;
}
.qty .btn-default{
	width:30px;
	height:30px;
}
.cartform .price{
	padding-left:12px;
}
.cartform .action{
	text-align:center;
}
.cartform .action a{
	color:#111;
	font-size:24px;
}
.cartform .product-name{
	margin-bottom:5px;
}
.cartform .cart_ref{
	color:#999;
}
.text-left label{
	float: right;
	line-height:40px;
	font-weight:600
}
.ctb{
	width:100%;
}
.ctb button i{
	margin-right:2px;
}
.news{
	width:100%;
	display:inline-block;
	margin-bottom:3%;
}
.news_l_list li{
	width:100%;
	display:inline-block;
	margin-bottom:3%;
}
.bootstrap-touchspin{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.shipads,.pays{
	border-bottom:1px solid #f0f0f0;
	margin-bottom:20px;
	padding-bottom:20px;
}
.shipads ul li{
	width:100%;
	height:40px;
	line-height:40px;
	display:inline-block;
	border-bottom:1px dashed #f0f0f0;
	margin-bottom:12px;
}
.pays ul{
	display: flex;
	flex-direction: row;
	justify-content: start
	gap:20px;
}
.pays ul li{
	height:40px;
	line-height:40px;
}
.shipads ul li input,.pays ul li input{
	float: left;
	margin-top:13px;
	margin-right:10px;
}
.shipads ul li a,.pays ul li span{
	float:left;
	color:#888;
}
.pays .form_note{
	width:100%;
	height:100px;
	padding:12px;
	border:1px solid #ececec;
	outline:0;
	border-radius:8px;
}
.add_address{
	background:#36c;
	height:40px;
	line-height:40px;
	padding:0 20px;
	color:#fff;
	display: inline-block;
	cursor: pointer;
	border-radius:4px;
}
.add_address i{
	margin-right:5px;
}
.check_product,.check_bottom{
	border-bottom:1px solid #ececec;
	margin-bottom:12px;
}
.check_product ul li,.check_bottom ul li{
	width:100%;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom:12px;
	color:#3d464d
}
.check_product ul li:nth-child(1){
	border-bottom:1px solid #f0f0f0;
}
.check_product ul li .cpb{
	font-size:16px;
	font-weight:600;
	height:40px;
	line-height:40px;
}
.check_product ul li h4{
	font-size:16px;
	font-weight:normal;
	margin-bottom:6px;
}
.check_product ul li p{
	color:#777;
	font-size:12px;
}
.check_btn{
	width:100%;
	height:46px;
	line-height:46px;
	text-align: center;
	border:0;
	outline:0;
	background:#36c;
	color:#fff;
	float: right;
	border-radius:8px;
	font-size:22px;
}
.mmenu ul li .nav-toggle{
	display: none;
}
.mmenu ul li a{
	width:100%;
	height:42px;
	display:block;
}
.mpagebar{
	width:100%;
	margin-bottom:2%;
	height:40px;
	line-height:40px;
	background:#f0f0f0;
	padding:0 12px;
	overflow:hidden;
}
.mpagebar ul li{
	float: left;
	margin-right:10px;
	color:#777;
}
.mpagebar a{
	color:#777;
}
.mmuser .mmavatar{
	width:100px;
	height:100px;
	border:2px solid #f0f0f0;
	margin:5% auto;
	display: block;
	border-radius:50%;
	overflow:hidden;
}
.mmuname{
	text-align:center;
	margin-bottom:14px;
	color:#333;
}
.mmuname h3{
	margin-bottom:12px;
}
.mmaddress i{
	margin-right:6px;
}
.mmaddress h3{
	height:30px;
	line-height:30px;
	margin-bottom:12px;
	font-weight:600;
	font-size:20px;
}
.mmaddress p{
	color:#333;
	margin-bottom:10px;
}
.eads{
	width:120px;
	height:26px;
	line-height:26px;
	background:#36c;
	text-align:center;
	color:#fff;
	display:block;
	border-radius:4px;
}
.mmadefault{
	position: absolute;
	top: 0;
	right: 0;
	background:#36c;
	height:24px;
	line-height:24px;
	padding:0 20px;
	color:#fff;
}
.mmorder{
	width:100%;
	display:inline-block;
}
.lsbox{
	padding:4% 0;
	overflow:hidden;
}
.lsbox h1{
	text-align: center;
	font-size:28px;
	margin-bottom:4%;
}
.flabel{
	width:100%;
	margin-bottom:20px;
	overflow:hidden;
}
.flname{
	width:100%;
	display: inline-block;
	margin-bottom:12px;
	font-size:16px;
}
.fipt{
	width:100%;
	height:42px;
	line-height:42px;
	border:1px solid #e0e0e0;
	outline:0;
	padding:0 12px;
}
.hipt{
	width:65%;
	height:42px;
	line-height:42px;
	border:1px solid #e0e0e0;
	outline:0;
	padding:0 12px;
	float:left;
}
.mcode{
	width:30%;
	height:42px;
	float:right;
}
.mcode img{
	width:auto;
	height:42px;
	float: right;
	border:1px solid #e0e0e0;
}
.mbtn{
	background:#36c;
	color:#fff;
	border:0;
	outline:0;
	padding:12px 40px;
	display: block;
}
.addbtn{
	width:150px;
	background:#36c;
	color:#fff;
	height:34px;
	line-height:34px;
	text-align: center;
	display: block;
	border-radius:8px;
	cursor: pointer;
}
.addbtn i{
	margin-right:6px;
}
.mcbox{
	width:100%;
	margin-bottom:3%;
	overflow:hidden;
}
.mcbox h2,.mcbox h2 a{
	width:100%;
	font-size:24px;
	margin-bottom:2%;
}
.mcbox h2 .mcback{
	float: right;
}
.acclabel{
	width:100%;
	display:inline-block;
	color:#333;
	font-size:16px;
}
.mt20{
	margin-top:20px;
}
.mcsearch{
	width:100%;
	height:28px;
	display: inline-block;
	margin-bottom:20px;
}
.mcnav{
	width:100%;
	height:40px;
	display: inline-block;
	border-bottom:1px solid #f0f0f0;
	margin-bottom:12px;
}
.mcnav ul li{
	float: left;
	font-size:16px;
	line-height:40px;
	margin-right:20px;
	font-size:18px;
}
.mcnav ul li.active a{
	font-weight:bold;
	color:#36c
}
.mclist ul li,.mflist ul li{
	width:100%;
	border-bottom:1px dashed #f0f0f0;
	height:34px;
	line-height:34px;
}
.ordernum{
	width:19%;
	overflow:hidden;
}
.orderconsignee{
	width:11%;
	overflow:hidden;
}
.orderamount{
	width:10%;
}
.orderstatus{
	width:25%;
	overflow:hidden;
}
.ordernethod{
	width:16%;
	overflow:hidden;
}
.orderremarks{
	width:9%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap:20px;
	padding:0 5px;
	overflow:hidden;
}
.orderremarks a{
	width:20px;
	height:20px;
	display: block;
	margin-top:10px;
	border:1px dashed #36c;
	text-align: center;
	color:#36c;
	line-height:20px;
	border-radius:4px;
}
.dropdown-menu{
    box-shadow: 5px 5px rgba(102, 102, 102, .1);
    left: 0;
    min-width: 175px;
    position: absolute;
    z-index: 1000;
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0;
    background-color: #fff;
    margin: 10px 0 0;
    border: 1px solid #eee;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.mcsipt{
	height:28px;
	line-height:28px;
	border:1px solid #e0e0e0;
	outline:0;
	float: left;
}
.input-daterange{
	width:50%!important;
	float: left;
}
.input-daterange .input-group-addon{
	width:30px!important;
	padding:0!important;
	height:28px!important;
	line-height:28px!important;
	display:block;
	float:left;
	border:0!important;
	margin:0!important;
	background:none!important
}
.mcsbtn{
	height:28px;
	line-height:28px;
	color:#fff;
	background:#36c;
	padding:0 12px;
	outline:0;
	border:0;
}
.table-scrollable table{
	width:100%;
}
.uppercase{
	height:36px;
	background:#f0f0f0;
}
.table-scrollable tbody tr{
	height:32px;
}
.table-scrollable tbody td{
	text-align: center;
}
.tablefoot{
	height:40px;
	padding:0 8px;
}
.adscheckbtn{
	margin-left:20px;
	background:#ddd;
	padding:0 12px;
	color:#333;
	height:20px;
	line-height:20px;
	margin-top:10px;
	border-radius:4px;
	border:0;
	outline:0;
}
.mfl{
	float: left;
	margin-right: 5px;
}
.portlet{
	width:100%;
	margin-bottom:20px;
	overflow:hidden;
}
.portlet ul{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap:20px;
}
.portlet ul li{
	width:20%;
	text-align:center;
	background:#f7f7f7;
	padding:12px;
	border-radius:12px;
	color:#777;
}
.portlet ul li i{
	font-size:24px;
}
.portlet ul li h3{
	height:30px;
	line-height:30px;
	font-size:14px;
}
.portlet ul li p{
	font-size:12px;
}
.portlet ul li.done{
	background:green;
	color:#fff;
}
.ordermsg{
	background:#f7f7f7;
	padding:20px 12px;
	border-radius:12px;
	margin-bottom:20px;
	overflow:hidden;
}
.ordermsg p{
	color:#666;
	height:30px;
	line-height:30px;
}
.ordermsg p b{
	color:#161616;
}
.ordersbox{
	background:#cc6600;
	border-radius:12px;
	padding:20px 12px;
	margin-bottom:20px;
}
.osstatu{
	color:#fff;
	font-size:16px;
	height:30px;
	line-height:30px;
}
.info{
	color:#fff;
	height:30px;
	line-height:30px;
}
.info li{
	width:100%;
	display:inline-block;
	color:#fff;
	height:30px;
	line-height:30px	
}
.info li a{
	color:#fff;
}
.osstatu_footer a{
	margin-right:20px;
}
.orderrow{
	width:100%;
	padding-left:70%;
	overflow:hidden;
}
.opbox{
	width:100%;
	display:inline-block;
}
.opname{
	float:left;
	font-weight:600;
	margin-right:12px;
}
.opvalue{
	float: left;
}
.productmsg table{
	margin-bottom:12px;
}
.productmsg td{
	background:#f7f7f7;
}
.octhumb{
	width:50%;
	display:block;
	float: left;
	overflow:hidden;
}
.octext{
	width:48%;
	float:right;
}
.octext p{
	height:30px;
	line-height:30px;
	font-size:16px;
}
.ds-review .commstar{
	margin-top:0!important;
}
.ocfull{
	width:100%;
	outline:none;
	margin-bottom:20px;
	overflow:hidden;
}
.ofcontent{
	width:100%;
	padding:12px;
	margin-bottom:12px;
	overflow:hidden;
}
.finecms-file-ts{
	display:none!important;
}
.files-grid-list .grid-item .files_row_preview{
	height:60px!important;
}
.msgbox{
	width:30%;
	margin:20% auto 0;
	text-align:center;
}
#kt_body{
	width:40px;
	height:40px;
	text-align: center;
	padding-top:8px;
	margin:0 auto 20px;
	background:#36c;
	border-radius:50%;
}
#kt_body i{
	font-size:24px;
	color:#fff;
}
.msg{
	font-weight:600;
	margin-bottom:12px;
}
footer{
	width:100%;
	border-top:1px solid #ebebeb;
	margin-top:30px;
	padding:2% 0 1%;
	overflow:hidden;
}
.scrolltop{
	position: fixed;
	bottom:20px;
	right:20px;
	width:40px;
	height:40px;
	border-radius:50%;
	text-align:center;
	line-height:40px;
	background:rgba(0,0,0,0.15);
	transition:all 0.3s;
}
.scrolltop:hover{
	background:#36c;
	color:#fff;
	transition:all 0.3s;
}