@charset "UTF-8";
@font-face {
	font-family: "Baloo";
	src: url("Baloo.ttf") format("truetype");
}
@font-face {
  font-family: 'poppins';
  src: url("poppins.woff2") format('woff2');
}
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family: "poppins", "sans-serif";
	font-size:14px;
}
a{
	text-decoration: none;
	color:#08284a;
}
a:active, a:focus {
  outline: none;
  box-shadow: none
}
ul,li{
	list-style-type: none;
}
/*min 1000px*/
@media screen and (min-width:1000px){
  header{
	width:100%;
	background: #08284a;
	padding-top:20px;
	overflow:hidden;
  }
  .container{
     width:1170px;
	 margin:0 auto;
  }
  .logo{
	float: left;
	width:20%;
	overflow:hidden;
  }
  .search{
	float: left;
	width:50%;
	height:40px;
	border-radius:20px;
	background:#fff;
	margin-top:15px;
	margin-right:10%;
	margin-left:5%;
	overflow: hidden;
  }
  .banner{
	width:1170px;
	margin:2% auto;
	overflow:hidden;
  }
  .banner img{
	border-radius:4px;
  }
  .topr{
	float: right;
	padding-top:25px;
  }
  #translate select{
	background:none;
	border:0;
	outline:0;
	color:#fff;
	padding:2px 5px;
  }
  nav{
	width:87%;
	float:left;
	
  }
  nav ul{
	display: flex;
	flex-direction: row;
	gap:30px;
  }
  nav ul li{
	float:left;
	line-height:40px;
	padding:5px 0;
	position: relative;
  }
  nav ul li a{
	color:#fff;
	font-size:18px;
	font-family: "Baloo", "sans-serif";
  }
  nav ul li.active a{
	color:#fff;
  }
  nav ul li>ul{
	display: none;
	position: absolute;
	width:350%;
	left:-10px;
	top:40px;
	background:#08284a;
	z-index:3;
	padding:10px 12px 12px;
	border-radius:0 0 6px 6px;
  }
  nav ul li:hover>ul{
	display:block;
  }
  nav ul li>ul li{
	width:100%;
	display: inline-block;
  }
  nav ul li.active>ul li a{
	color:#f60;
	text-shadow:none;
  }
  nav ul li>ul li a{
	font-size:15px;
  }
  .member{
	float: right;
	width:12%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap:10px;
	padding-top:10px;
  }
  .sale h4{
	width:100%;
	margin-bottom:30px;
	overflow:hidden;
  }
  .sale h4 .salename{	
	font-size:32px;
	color:#08284a;
	float: left;
  }
  .sale h4 .sale_etime{
	float:left;
	padding-top:5px;
	margin-left:30px;
  }
  .sale_etime .time-count{
	width:40px;
	height:40px;
	background:#b62052;
	text-align: center;
	line-height:40px;
	display: block;
	float: left;
	color:#fff;
	border-radius:4px;
	font-size:24px;
  }
  .sale_etime .timef{
	float: left;
	margin:0 12px;
	line-height:40px;
  }
  .sale{
	padding:3% 2%;
	border:2px solid #b62052;
  }
  .server ul li{
	float: left;
	width:25%;
	padding:20px 0;
	text-align:center;
  }
  .server ul li:nth-child(4){
	border-right:0;
  }
  .server ul li h3{
	font-size:32px;
	margin-bottom:10px;
	color:#28201d;
	font-family: "Baloo", "sans-serif";
	text-shadow:1px 2px 4px #fff;
  }
  .server ul li p{
	margin-bottom:20px;
	color:#999;
  }
  .products h4{
	width:100%;
	height:40px;
	line-height:40px;
	font-size:32px;
	margin-bottom:2%;
  }
  .products ul li{
	width:19%;
	margin-right:1.25%;
	float:left;
	margin-bottom:2%;
  }
  .products ul li:nth-child(5n){
	margin-right:0;
  }
  .pdt_title{
	line-height:20px;
	color:#111;
	font-size:16px;
	margin-bottom:5px;
	font-weight:600;
  }
  .npage ul li{
	float:left;
	margin-right:20px;
	font-size:13px;
  }
  .ptbox{
  	width:100%;
  	margin-bottom:3%;
  	display: flex;
  	flex-direction: row;
  	justify-content: space-between;
  }
  .product_image{
	width:54%;
	height:500px;
	position: relative;
	overflow:hidden;
  }
  .product_info{
	width:44%;
	overflow:hidden;
  }
  .pm_image,.ps_image{
	width:100%;
	height:100%;
  }
  .swbig{
  	width:85%;
  	height:100%;
  	float: right;
  	overflow:hidden;
  }
  .swbig .swiper-slide{
  	height:100%;
  }
  .swbig .swiper-slide .bigpro{
  	width:100%;
  	height:100%;
  	object-fit: contain;
  }
  .swsmall{
  	width:12%;
  	height:500px;
  	position: relative;
  	float:left;
  	overflow:hidden;
  }
  .swsmall .swiper-container{
  	width:100%;
  	height:100%;
  	position: absolute;
  	left:0;
  	top: 0;
  }
  .swsmall .swiper-wrapper{
    display: flex;
    flex-direction: column;
    height:auto;
  }
  .swsmall .swiper-wrapper .swiper-slide{
  width: 100%;
  height: auto !important;
  flex-shrink: 0;
  margin-bottom: 10px;
  }
  .swsmall .swiper-slide-thumb-active{
  	opacity: 0.8;
  	border:1px dashed #161616;
  }
  .smallpro{
  	width:100%;
  	height:100%;
  	display: block;
  }
  .pi_title{
	font-size:30px;
	line-height:40px;
	font-weight:600;
	color:#08284a;
	margin-bottom:12px;
  }
  .sku_item_group{
	width:100%;
	display: flex;
	flex-direction:row;
	justify-content: space-between;
	margin-bottom:20px;
	gap:12px;
	overflow:hidden;
  }
  .scrolltop{
	width:40px;
	height:40px;
	display:block;
	position:fixed;
	right:20px;
	bottom: 20px;
	background:rgba(0,0,0,0.5);
	border-radius:50%;
	text-align:center;
	line-height:40px;
	color:#fff;
  }
  .sname{
	width:100%;
	display: inline-block;
	font-weight:bold;
	font-size:18px;
	margin-bottom:12px;
	overflow:hidden;
  }
  .xr-quantity-box .input-group-btn{
	width:42px;
	height:42px;
	display:block;
  }
  .xr-quantity-box .xr-quantity-input{
	width:66px;
	height:42px;
	border-top:1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	border-left:0;
	border-right:0;
	outline:0;
	text-align:center;
  }
  .xr-quantity-box .btn-default{
	width:42px;
	height:42px;
	border:0;
	outline:0;
	font-size:16px;
  }
  .adcart,.adbuy{
	width:35%;
	height:42px;
	line-height:42px;
	padding:0 20px;
	display:block;
	border-radius:4px;
  }
  .adfav{
	width:42px;
	height: 42px;
	display:block;
	text-align: center;
	line-height:42px;
	background:#f0f0f0;
  }
  .adcart a,.adbuy a{
	color:#fff;
	font-size:16px;
  }
  .protab ul{
	width:60%;
	margin:0 auto 2%;
	overflow: hidden;
  }
  .protab ul li{
	width:29.33%;
	font-size:24px;
	float:left;
	text-align: center;
	cursor: pointer;
	font-family: "Baloo", "sans-serif";
	margin:0 2%;
  }
  .pi_cname,.pi_tags{
	color:#08284a;
	font-size:12px;
	height:34px;
	line-height:34px;
	font-weight:400;
  }
  .pi_promotion{
	width:55%;
	text-align: center;
	border:1px dashed #111;
	height:40px;
	line-height:40px;
	border-radius:20px;
	margin-bottom:12px;
	display: inline-block;
  }
  .shares{
	width:100%;
	display:flex;
	justify-content:start;
	gap:20px;
	padding-top:20px;
  }
  .shares a{
	width:34px;
	height:34px;
	background:#08284a;
	display:block;
	border-radius:4px;
	text-align: center;
	line-height:34px;
	font-size:20px;
	color:#fff;
  }
  .probox{
	width:100%;
	padding:20px;
	border:1px solid #e0e0e0;
	border-radius:8px;
	min-height:500px;
	display:none;
	box-sizing: border-box;
	overflow:hidden;
  }
  .product_content img{
	width: auto!important;
	margin:0 auto;
  }
  .probox h2{
	font-size:24px;
	margin-bottom:20px;
  }
  .specifications li{
	padding:0 20px;
	height:40px;
	line-height:40px;
  }
  .specifications li b{
 	width:12%;
	float:left;
  }
  .specifications li:nth-child(odd){
	background:#f0f0f0;
  }
  .specifications li:nth-child(even){
	background:#f9f9f9;
  }
  .comments_top{
	text-align:right;
	color:#f60;
  }
  .lsbox h1{
	text-align: center;
	font-size:28px;
	margin-bottom:4%;
  }
  .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;
  }
  .flname{
	width:100%;
	display: inline-block;
	margin-bottom:12px;
	font-size:16px;
  }
  .forget-password{
	margin-right:12px;
	color:#08284a;
  }
  .flabel{
	width:100%;
	margin-bottom:20px;
	overflow:hidden;
  }
  .products ul li img:nth-child(2),.products ul li:hover img:nth-child(1){
	display:none;
	transition: all 1s;
  }
  .products ul li:hover img:nth-child(2){
	display: block;
	transition: all 1s;
  }
  .pdt_thumb{
	margin-bottom:12px;
  }
  .products ul li:hover img{
  	box-shadow: 1px 3px 13px #ddd;
  }
  .products .pdt_thumb img{
	transition: all 0.3s;
  }
  .products ul li:hover .pdt_title{
	color:#2848bb;
  }
  .cartform {
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 2%;
  }
  .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;
	border:0;
	outline:none
  }
  .ctb .checkout{
	background:#f60;
	color:#fff;
	float: right;
	margin-left:12px;
	margin-right:0;
	height:30px;
	line-height:30px;
	font-weight:600
  }
  .cko_left{
	width:58%;
	border:1px solid #cfcfcf;
	padding:20px;
	border-radius:8px;
	float: left;
	margin-bottom:30px;
	overflow:hidden;
  }
  .cko_right{
	width:40%;
	float:right; 
	border:1px solid #cfcfcf;
	padding:20px;
	border-radius:8px;
	margin-bottom:30px;
	overflow:hidden;
  }
  .user_menu{
    margin-top: 3%;
    width: 25%;
    float: left;
    border: 2px solid #f0f0f0;
    padding: 30px 0;
    min-height: 60vh;
    margin-bottom: 3%;
    overflow: hidden;
  }
  .user_menu h2{
	font-size:22px;
	margin-bottom:20px;
	font-weight:600;
	padding:0 20px;
  }
  .user_main{
    width: 72%;
    float: right;
    margin-top: 3%;
    margin-bottom: 3%;
    overflow: hidden;
  }
  .user_menu ul li a{
	width:100%;
	height:42px;
	color:#161616;
	font-size:14px;
	display:block;
  }
  .user_menu ul li>ul li.active {
    background: #f0f0f0;
    border-left: 2px solid #e36;
  }
  .mmuser{
	width:49%;
	border:2px solid #f0f0f0;
	float: left;
  }
  .mmaddress{
	width:49%;
	float: right;
	border:2px solid #f0f0f0;
	padding:30px 20px 10px;
	position: relative;
  }
  .mpagebar a{
	color:#777;
  }
  .user_menu ul li>ul li{
	padding:0 20px;
	font-size:14px;
  }
  .mpagebar ul li{
	float: left;
	margin-right:10px;
	color:#777;
  }
  .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;
  }
  .portlet ul{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap:20px;
  }
  .mcbox h4{
  	margin-bottom:20px;
  }
  .portlet ul li{
	width:20%;
	text-align:center;
	background:#f7f7f7;
	padding:12px;
	border-radius:12px;
	color:#777;
  }
  .portlet ul li h3{
	height:30px;
	line-height:30px;
	font-size:14px;
  }
  .portlet ul li p{
	font-size:12px;
  }
  .portlet ul li i{
	font-size:24px;
  }
  .product_cate a{
	float:left;
	margin-right:10px;
	padding:0 20px;
	height:34px;
	line-height:34px;
	color:#2848bb;
	font-size:16px;
	border:1px solid #2848bb;
	border-radius:17px;
	font-family: "Baloo", "sans-serif";
  }
  .product_list ul li{
	float: left;
	width:19%;
	margin-right:1.25%;
	margin-bottom:2%;
  }
  .product_list ul li:nth-child(5n){
	margin-right:0;
  }
  .mlogo,.micon:nth-child(1),.micon:nth-child(2),.pclose{
  	display:none;
  }
  .foot{
  	display: flex;
  	justify-content: space-between;
  	height:60px;
  	line-height:60px;
  }
  .flogo{
  	width:15%;
  	display:block;
  }
  .fnav{
  	width:60%;
  	margin:0 auto;
  	text-align: center;
  }
  .fnav a{
  	padding:0 12px;
  	font-size:15px;
  }
  .fcopy{
  	width:20%;
  	text-align:right;
  }
  .msgbox{
	width:30%;
	margin:20% auto 0;
	text-align:center;
  }
  .product_order{
	width:100%;
	margin:3% 0;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	height:40px;
	line-height:40px;
	border:1px solid #f0f0f0;
	border-radius:4px;
	overflow:hidden;
  }
}
/**max 999px**/
@media screen and (max-width:999px){
  a {
    -webkit-tap-highlight-color: transparent; /* iOS Safari */
    -webkit-touch-callout: none; /* 移除长按菜单 */
  }
  header{
	width:100%;
	background: #08284a;
	padding-top:10px;
	overflow:hidden;
  }
  .container{
	width:94%;
	margin:0 auto;
  }
  .banner{
	width:100%;
	margin-bottom:5%;
	overflow:hidden;
  }
  .banner img{
	border-radius:0;
  }
  .topr{
	float: right;
  }
  .mlogo{
  	width:45%;
  	float: left;
  }
  #translate select{
	background:#fff;
	border-radius:4px;
	border:0;
	outline:0;
	color:#161616;
	font-size:12px;
  }
  .search,nav{
	width:100%;
	position:fixed;
	top:0;
	bottom: 0;
	left:0;
	background:#f0f0f0;
	height:100vh;
	z-index:999;
	display: none;
  }
  .search form{
  	width:90%;
  	margin:45% auto;
  }
  nav .pclose,.search .pclose{
  	width:32px;
  	height:32px;
  	position:absolute;
  	right:12px;
  	top:12px;
  	border:1px solid #333;
  	text-align:center;
  	line-height:32px;
  	border-radius:50%;
  }
  nav ul{
  	padding-top:12%;
  	padding-left:12%;
  }
  nav ul li{
  	width:100%;
  	display:inline-block;
	line-height:50px;
  }
  nav ul li a{
	color:#333;
	font-size:18px;
	font-family: "Baloo", "sans-serif";
  }
  nav ul li.active a{
	color:#161616;
  }
  nav ul li>ul{
  	padding:0;
  }
  nav ul li.active a{
	color:#08284a;
  }
  .member{
	float: right;
	width:50%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-top:15px;
  }
  .sale h4{
	width:100%;
	margin-bottom:5%;
	overflow:hidden;
  }
  .sale h4 .salename{	
 	font-size:20px;
	color:#08284a;
	float: left;
  }
  .sale h4 .sale_etime{
	float:right;
	padding-top:2px;
  }
  .sale_etime .time-count{
	width:26px;
	height:26px;
	background:#b62052;
	text-align: center;
	line-height:26px;
	display: block;
	float: left;
	color:#fff;
	border-radius:4px;
	font-size:14px;
  }
  .sale_etime .timef{
	float: left;
	margin:0 5px;
	line-height:26px;
  }
  .sale{
  	width:100%;
  	overflow:hidden;
  }
  .server ul li{
	float: left;
	width:50%;
	padding:20px 0 0;
	text-align:center;
  }
  .server ul li:nth-child(2n){
	border-right:0;
  }
  .server ul li h3{
	font-size:18px;
	color:#28201d;
	font-family: "Baloo", "sans-serif";
	text-shadow:1px 2px 4px #fff;
  }
  .server ul li p{
  	font-size:12px;
	margin-bottom:12px;
	color:#999;
  }
  .products h4{
	width:100%;
	height:40px;
	line-height:40px;
	font-size:20px;
	margin-bottom:2%;
  }
  .products ul li{
	width:49%;
	margin-right:2%;
	float:left;
	margin-bottom:2%;
  }
  .products ul li:nth-child(2n){
	margin-right:0;
  }
  .pdt_title{
	line-height:20px;
	color:#111;
	font-size:14px;
	margin-bottom:5px;
	font-weight:600;
  }
  .pdt_avgsort{
  	font-size:12px;
  }
  .npage ul li{
	float:left;
	margin-right:10px;
	font-size:12px;
  }
  .product_image{
	width:100%;
	position: relative;
	margin-bottom:5%;
	overflow:hidden;
  }
  .product_info{
	width:44%;
	overflow:hidden;
  }
  .pm_image,.ps_image{
	width:100%;
	height:100%;
  }
  .swbig{
  	width:100%;
  	height:80%;
  	overflow:hidden;
  }
  .swbig .swiper-slide{
  	height:100%;
  }
  .swbig .swiper-slide .bigpro{
  	width:100%;
  	height:100%;
  	object-fit: contain;
  }
  .swsmall{
  	width:100%;
  	height:20%;
  	position: relative;
  	overflow:hidden;
  }
  .swsmall .swiper-container{
  	width:100%;
  	height:100%;
  	position: absolute;
  	left:0;
  	top: 0;
  }
  .swsmall .swiper-wrapper{
    display: flex;
    flex-direction:row!important;
    justify-content: space-between;
    height:100%;
  }
  .swsmall .swiper-wrapper .swiper-slide{
    width:auto!important;
    height: auto !important;
    flex-shrink: 0;
    margin-bottom: 10px;
  }
  .swsmall .swiper-slide-thumb-active{
  	opacity: 0.8;
  	border:1px dashed #161616;
  }
  .smallpro{
  	width:100%;
  	height:100%;
  	display: block;
  }
  .pi_title{
  	font-size:20px;
  	font-weight:600;
  }
  .pi_avgsort{
  	font-size:12px;
  }
  .pi_avgsort i{
  	font-size:12px;
  }
  .sku_item_group{
	width:100%;
	height:60px;
	background:#f0f0f0;
	position:fixed;
	bottom:0;
	left:0;
	display: flex;
	flex-direction:row;
	justify-content: space-between;
	padding:10px 5px;
	gap:5px;
	overflow:hidden;
  }
  .xr-quantity-box .input-group-btn{
	width:40px;
	height:40px;
	display:block;
  }
  .xr-quantity-box .xr-quantity-input{
	width:40px;
	height:40px;
	border-top:1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	border-left:0;
	border-right:0;
	outline:0;
	text-align:center;
  }
  .xr-quantity-box .btn-default{
	width:40px;
	height:40px;
	border:0;
	outline:0;
  }
  .adcart,.adbuy{
	height:40px;
	line-height:40px;
	padding:0 10px;
	display:block;
	border-radius:4px;
  }
  .adfav{
	width:40px;
	height: 40px;
	display:block;
	text-align: center;
	line-height:40px;
	background:#f0f0f0;
  }
  .adcart a,.adbuy a{
	color:#fff;
	width:100%;
	font-size: 13px;
  }
  .protab ul{
	width:100%;
	padding-top:5%;
	display: flex;
	justify-content: space-between;
	margin-bottom:3%;
	overflow: hidden;
  }
  .protab ul li{
	width:33.33%;
	font-size:18px;
	text-align: center;
	cursor: pointer;
	font-family: "Baloo", "sans-serif";
  }
  .pi_promotion{
	width:100%;
	text-align: center;
	border:1px dashed #111;
	height:40px;
	line-height:40px;
	border-radius:20px;
	margin-bottom:12px;
	display: inline-block;
  }
  .shares{
	width:100%;
	display:flex;
	justify-content:center;
	gap:20px;
	padding-top:20px;
  }
  .shares a{
	width:34px;
	height:34px;
	background:#08284a;
	display:block;
	border-radius:4px;
	text-align: center;
	line-height:34px;
	font-size:20px;
	color:#fff;
  }
  .probox{
	width:100%;
	padding:10px;
	border:1px solid #e0e0e0;
	border-radius:8px;
	min-height:500px;
	display:none;
	box-sizing: border-box;
	overflow:hidden;
  }
  .product_content img{
	width:100%!important;
	border-radius:0;
  }
  .probox h2{
  	text-align: center;
	font-size:20px;
	margin-bottom:20px;
  }
  .specifications li{
	padding:0 10px;
	border-bottom:1px solid #ddd;
	margin-bottom:6px;
	font-size:12px;
	padding-bottom:6px;
  }
  .specifications li b{
	width:100%;
	display:inline-block;
	border-bottom:1px dashed #ddd;
	line-height:22px;
	margin-bottom:6px;
  }
  .lsbox h1{
	text-align: center;
	font-size:20px;
	margin-bottom:4%;
  }
  .loginbox,.regsitebox{
	width:100%;
	padding:20px;
	color:#3d464d;
	overflow:hidden;
  }
  .loginbox h2,.regsitebox h2{
	font-size:20px;
	margin-bottom:20px;
  }
  .flname{
	width:100%;
	display: inline-block;
	margin-bottom:12px;
	font-size:14px;
  }
  .forget-password{
	margin-right:12px;
	color:#08284a;
	font-size:12px;
  }
  .flabel{
	width:100%;
	margin-bottom:20px;
	font-size:14px;
	overflow:hidden;
  }
  .products ul li img:nth-child(2){
	display:none;
  }
  .pdt_thumb{
	margin-bottom:12px;
  }
  .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
  }
  .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;
	border:0;
	outline:none
  }
  .cko_left{
	width:100%;
	border:1px solid #cfcfcf;
	padding:20px;
	border-radius:8px;
	margin-bottom:30px;
	overflow:hidden;
  }
  .cko_right{
	width:100%;
	border:1px solid #cfcfcf;
	padding:20px;
	border-radius:8px;
	margin-bottom:30px;
	overflow:hidden;
  }
  .user_menu{
    margin-top: 3%;
    width:100%;
    border: 2px solid #f0f0f0;
    padding:12px 0;
    margin-bottom: 3%;
    overflow: hidden;
  }
  .user_menu h2{
	font-size:20px;
	margin-bottom:20px;
	font-weight:600;
	padding:0 20px;
  }
  .user_main{
    width:100%;
    margin-top: 3%;
    margin-bottom: 3%;
    overflow: hidden;
  }
  .sub-menu li{
  	width: 50%!important;
  	float: left;
  }
  .sub-menu li a{
  	font-size:13px;
  }
  .user_menu ul li a{
	width:100%;
	height:34px;
	line-height: 34px;
	color:#161616;
	display:block;
  }
  .user_menu ul li>ul li.active {
    background: #f0f0f0;
  }
  .mmuser{
	width:100%;
	border:2px solid #f0f0f0;
	margin-bottom:20px;
  }
  .mmaddress{
	width:100%;
	border:2px solid #f0f0f0;
	padding:30px 20px 10px;
	position: relative;
  }
  .mpagebar a{
	color:#777;
	font-size:12px;
  }
  .mmuname p,.mmaddress p{
  	font-size:12px;
  }
  .user_menu ul li>ul li{
	padding:0 12px;
	font-size:14px;
  }
  .mpagebar ul li{
	float: left;
	margin-right:10px;
	font-size:12px;
	color:#777;
  }
  .accname{
	width:30%;
	float:left;
	text-align:right;
	padding-right:12px;
	line-height:40px;
	font-weight:600;
  }
  .accvalue{
	width:70%;
	float:left;
	line-height:40px;
	font-size:13px;
  }
  .mbtn,#clipArea,#view{
  	float:unset!important;
  	margin:20px auto!important;
  }
  .choseimg{
	width:300px!important;
	margin:12px auto!important;
	display:block!important;
  }
  .mcbox h2,.mcbox h2 a{
  	margin-bottom:4%!important;
  	text-align: center;
	font-size:20px!important;
  }
  .hipt{
  	width:100%!important;
  }
  .mpagebar{
  	margin-bottom:4%!important;
  }
  .mcorder{
  	width:100%;
  	overflow-x: scroll;
  }
  .mcorder ul{
    width: 800px;
  }
  .mcbox h4{
  	font-size:16px;
  	margin-bottom:20px;
  }
  .portlet ul li{
	width:100%;
	background:#f7f7f7;
	height:40px;
	line-height:40px;
	border-radius:12px;
	color:#777;
	padding:0 20px;
	display: inline-block;
	margin-bottom:6px;
  }
  .portlet ul li i{
  	width:10%;
	font-size:24px;
	float: left;
	margin-top:6px;
  }
  .portlet ul li h3{
  	width:50%;
  	float: left;
	font-size:14px;
  }
  .portlet ul li p{
  	width:40%;
  	float: left;
  }
  .navgitor{
  	margin-top:-1px;
  }
  .productmsg{
  	width:100%;
  	overflow-x: scroll;
  }
  .productmsg table{
  	width:800px!important;
  }
  .orderrow{
  	padding:0!important;
  }
  .product_cate a{
  	width:49%;
  	float: left;
	height:40px;
	line-height:40px;
	color:#2848bb;
	border:1px solid #2848bb;
	border-radius:17px;
	text-align:center;
	margin-right:2%;
	margin-bottom:2%;
	font-family: "Baloo", "sans-serif";
  }
  .product_cate a:nth-child(2n){
  	margin-right:0;
  }
  .product_list ul li{
	float: left;
	width:49%;
	margin-right:2%;
	margin-bottom:2%;
  }
  .product_list ul li:nth-child(2n){
	margin-right:0;
  }
  .foot{
  	width:100%;
  }
  .flogo{
  	width:50%;
  	display:block;
  	margin:0 auto;
  }
  .fnav{
  	display: flex;
  	justify-content: space-between;
  	margin-bottom:20px;
  }
  .fnav a{
  	float:left;
  	font-size:13px;
  	color:#999;
  }
  .fcopy{
  	width:100%;
  	text-align:center;
  }
  .msgbox{
	width:50%;
	margin:20% auto 0;
	text-align:center;
  }
  .ptbox,.product_image,.pm_image,.product_info,.ps_image,.scrolltop{
	width:100%;
	overflow:hidden;
  }
  .logo,.pi_cname,.sname,.pi_tags,.comments_top,.ctb button:nth-child(1), .ctb button:nth-child(2),.scrolltop,.product_order{
  	display: none;
  }
}
img{
	width:100%;
	display:block;
	border-radius:12px;
}
.mb20{
	margin-bottom:20px;
	overflow: hidden;
}
select option{
	background:#08284a;
	color:#fff;
	border:0!important;
	outline:none;
}
.f_ipt{
	width:90%;
	height:40px;
	line-height:40px;
	border:0;
	outline: 0;
	padding:0 20px;
	float: left;
	background:#fff;
}
.sbtn{
	width:10%;
	height:40px;
	text-align: center;
	line-height:40px;
	float: right;
	border:0;
	outline:0;
	background:#fff;
	border-left:1px solid #f0f0f0;
}
.sbtn i{
	font-size:18px
}
.navgitor{
	width:100%;
	background: #08284a;
	display:flex;
}
.member .micon{
	color:#f0f0f0;
	padding:5px;
	position:relative;
}
.micon i{
	font-size:19px;
}
.micon a{
	color:#f0f0f0;
}
.p_m_box{
	position: absolute;
	top:50px;
	right:0;
	background:#fff;
	width:120px;
	padding:12px;
	z-index:3;
	border-radius:4px;
	border:1px solid #eee;
	display:none;
}
.p_m_box i{
	width:10px;
	height:10px;
	background:#fff;
	display:block;
	position:absolute;
	top:-5px;
	right:6px;
	transform: rotate(45deg);
	border-left:1px solid #eee;
	border-top:1px solid #eee;
}
.p_m_box a{
	width:100%;
	height:30px;
	line-height:30px;
	display:inline-block;
	color:#161616;
}
#dr_cart_nums{
	position: absolute;
	top:0;
	right:-8px;
	width:20px;
	height:20px;
	border-radius:50%;
	background:#ff782c;
	font-size:12px;
	text-align: center;
	line-height:20px;
	color:#fff;
}
.sale{
	width:100%;
	border-radius:4px;
	margin-bottom:3%;
	overflow:hidden;
}
.sale .swiper-wrapper{
	width:100%;	
}
.sale .swiper-slide{
	border-radius:12px;
	border:1px solid #ebebeb;
	box-sizing: border-box;
}
.sale_cate,.pdt_cate{
	font-size: 12px;
	color:#08284a;
	margin-bottom:4px;
}
.sale_thumb img{
	border-radius:12px 12px 0 0;
}
.sale li.swiper-slide:hover img{
	opacity: 0.85;
	transition: all 0.3s;
}
.sale .sale_thumb,.sale .sale_group{
	width:100%;
	display:inline-block;
}
.sale .sale_group{
	padding:0 10px 12px; 
}
.sale_title{
	color:#08284a;
	max-height:44px;
	line-height:22px;
	overflow:hidden;
}
.sale_title a{
	color:#08284a;
	font-size:14px;
	font-weight:600;
}
.sale_avgsort i,.pdt_avgsort i{
	color:#ffa600;
	margin-right:2px;
}
.sale_g_b{
	width:100%;
	display:flex;
	justify-content: space-between;
}
.sale_price{
	width:80%;
	color:#08284a;
	font-size:18px;
	font-weight:600;
	height:30px;
	line-height:30px;
	margin-bottom:10px;
	position:relative;
}
.sale_cart{
	width:20%;
	font-family: "Baloo", "sans-serif";
	padding-top:6px;
	text-align:center;
}
.sale_cart a i{
	font-size:18px;
	color:#08284a;
}
.products{
	width:100%;
	margin-bottom:3%;
	overflow:hidden;
}
.products ul{
	width:100%;
	overflow:hidden;
}
.pdt_price{
	color:#000;
}
.pdt_price del{
	margin-left:6px;
	color:#d0d0d0;
	font-size:14px;
}
.product_cate{
	width:100%;
	margin:3% 0;
	overflow:hidden;
}
.product_cate a.check_active{
	background:#2848bb;
	color:#fff;
}
.server{
	width:100%;
	padding:3% 0;
	background:#f0f0f0;
	margin-bottom:4%;
	overflow:hidden;
}
.server ul{
	width:100%;
	padding-bottom:20px;
	overflow:hidden;
}
.server ul li .icon{
	width:70px;
	height:70px;
	display: block;
	border-radius:50%;
	margin:0 auto 2%;
}
.server ul li .icon i{
	font-size:32px;
	line-height:70px;
	display: block;
	color:#fff;
}
.server ul li:nth-child(1) .icon{
	background:#ff642e;
}
.server ul li:nth-child(2) .icon{
	background:#ecad3c;
}
.server ul li:nth-child(3) .icon{
	background:#019cd2;
}
.server ul li:nth-child(4) .icon{
	background:#007185;
}
.server ul li:hover h3{
	color:#ff642e;
}
.newstext h5{
	width:100%;
	font-size:16px;
	color:#08284a;
	display: inline-block;
}
.newstext p{
	color:#898989;
	font-weight:100;
	font-size:12px;
}
.product_order a{
	color:#444;
	font-size:14px;
	border-right:1px solid #f0f0f0;
	padding:0 12px;
	text-align:center;
}
.product_order a:nth-last-child(1){
	border-right:0
}
.product_order a.active{
	color:#36c;
}
.product_list{
	width:100%;
	margin-bottom:3%;
	overflow:hidden;
}
.pl_thumb{
	width:100%;
	position:relative;
	overflow:hidden;
}
.pl_thumb img{
	margin-bottom:6px;
}
.pl_thumb img:hover{
	opacity: 0.8;
}
.pl_title a{
	font-size:16px;
	color:#111;
}
.pl_rating i{
	color:#f60;
	font-size:14px;
	margin-right:2px;
}
.pl_price{
	font-size:18px;
	font-family: "Baloo", "sans-serif";
}
.pl_add_cart{
	width:100%;
	display:inline-block;
	height:34px;
	line-height:34px;
}
.pl_add_cart i{
	font-size:18px;
}
.pl_add_cart a{
	color:#a3a3a3;
}
.xr-pagination{
	width:100%;
	display:inline-block;
}
.xr-pagination ul li{
	float: left;
	width:30px;
	height:30px;
	text-align: center;
	line-height:30px;
	border:1px solid #ddd;
	margin-right:10px;
	font-size:14px;
	border-radius:4px;
}
.xr-pagination ul li a{
	width:100%;
	height:30px;
	display: block;
	color:#161616;
}
.xr-pagination ul li.active{
	background:#f0f0f0;
}
.catename{
	width:100%;
	height:40px;
	line-height:40px;
	margin:3% 0;
	font-size:32px;
	font-family: "Baloo", "sans-serif";
	overflow:hidden;
}
.news,.ntext{
	width:100%;
}
.news_list{
	width:100%;
	margin-bottom:20px;	
	overflow:hidden;
}
.news_list ul{
	width:100%;	
	column-count:4;
	column-gap:20px;
}
.news_list ul li{  
	break-inside: avoid;
	margin-bottom:20px;
}
.news_list ul li .news_thumb{
	width:100%;
	margin-bottom:10px;
	overflow:hidden;
}
.news_title{
	font-size:16px;
}
.news_time{
	font-size:12px;
	color:#999;
}
.nthumb{
	width:100%;
	margin-bottom:2%;
}
.npage{
	width:100%;
	display:inline-block;
	margin:3% 0;
}
.npage ul li a{
	color:#c3c3c3;
}
.ntitle{
	width:100%;
	line-height:30px;
	font-size:24px;
	display:inline-block;
	border-bottom:1px solid #f1f1f1;
	padding-bottom:6px;
	margin-bottom:12px;
	font-family: "Baloo", "sans-serif";
}
.nauthor{
	width:100%;
	display: inline-block;
	margin-bottom:30px;
	color:#bbb;
	font-size:13px;
}
.nauthor span{
	margin-right:20px;
}
.ncontent{
	width:100%;
	font-size:16px;
	line-height:30px;
	margin-bottom:2%;
	color:#333;
	overflow:hidden;
}
.npn{
	width:100%;
	height:40px;
	line-height:40px;
	padding:0 12px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background:#f0f0f0;
	overflow:hidden;
}
.npn a{
	font-size:14px;
	color:#333;
}
.news_keywords{
	width:100%;
	display: inline-block;
	padding-top:20px;
	margin-bottom:20px;
}
.news_keywords a{
	padding:0 10px;
	height:30px;
	line-height:30px;
	float:left;
	margin-right:12px;
	color:#999;
	border:1px dashed #ddd;
	border-radius:4px;
}
.ps_image ul li img{
	border:1px solid #ddd;
	border-radius:8px;
	box-sizing: border-box;
}
.pi_avgsort,.pi_des{
	width:100%;
	display:inline-block;
	margin-bottom:12px;
}
.pi_avgsort i{
	color:#ffa600;
	margin-right:2px;
}
.pi_des{
	font-size:13px;
	line-height:24px;
	color:#bfbfbf;
	padding-bottom:12px;
	margin-bottom:20px;
	border-bottom:1px dashed #ebebeb;
}
.pi_price{
	width:100%;
	font-size:22px;
	height:40px;
	line-height:40px;
	margin-bottom:12px;
	display:inline-block;
}
.dollor{
	float:left;
	font-size:24px;
	height:40px;
	line-height:40px;
	font-weight:bold;
	margin-right:5px;
	color:#b62052;
}
.pi_promotion span{
	background:#f30;
	color:#fff;
	padding:0 6px;
	border-radius:4px;
	margin-left:5px;
}
.bootstrap-touchspin{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.xr-quantity-input{
	width:50px;
	border-top:1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	border-left:0;
	border-right:0;
	outline:0;
	text-align:center;
}
.skus{
	width:100%;
	margin-bottom:20px;
	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;
}
#dr_sku_price{
	float: left;
	margin-right:20px;
}
.adcart a i,.adbuy a i{
	margin-right:2px;
}
.adcart{
	width:33%;
	background:#36c;
}
.adbuy{
	width:33%;
	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:26px;
	font-weight:600;
	color:#b62052;
}
.protab{
	width:100%;
	margin-top:5%;
	display:inline-block;
}
.protab ul li.active{
	padding-bottom:12px;
	border-bottom:4px solid #36c;
	position:relative;
}
.protab ul li.active i{
	width:10px;
	height:10px;
	background:#36c;
	display: block;
	transform: rotate(45deg);
	position:absolute;
	left:50%;
	margin-left:-5px;
	bottom:-5px;
}
.product_content{
	line-height:24px;
}
.prname{
	width:20%;
	padding-left:12px;
}
.prvalue{
	width:80%;
	padding-left:12px;
}
.comment_box{
	width:100%;
	padding-bottom:20px;
	margin-bottom: 20px;
	border-bottom:1px dashed #dfdfdf;
	overflow:hidden;
}
.comment_box:nth-last-child(1){
	border-bottom:0;
}
.cbhead{
	width:100%;
	display:flex;
	flex-direction: row;
	justify-content: start;
	gap:20px;
	margin-bottom:12px;
}
.cbface{
	width:60px;
	height:60px;
	background:#f0f0f0;
	display: block;
	border-radius:50%;
	overflow:hidden;
}
.cbname h4{
	font-size:14px;
}
.cbname p{
	font-size:12px;
}
.cbname p:nth-child(2){
	color:#999;
}
.cbname p i{
	color:#f60;
	margin-right: 2px;
}
.cbcontent{
	margin-bottom:20px;
	font-size:16px;
	line-height:24px;
}
.cbbottom{
	width:100%;
}
.cbbottom ul{
	display:flex;
	gap:12px;
}
.cbbottom ul li{
	width:20%;
}
.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 span{
	background:#f30;
	color:#fff;
	padding:0 6px;
	border-radius:4px;
	margin-left:5px;
}
.xr-sku-item{
	width:100%;
	padding:12px;
	overflow:hidden;
}
ul.pagination{
	display: table;
	margin:0 auto;
}
.cartbox{
	width:100%;
}
.cartbox thead{
	height:36px;
	line-height:36px;
	background:#f0f0f0;
}
.cartbox tbody tr{
	background:#f9f9f9;
}
.cartbox tfoot td{
	padding-top:20px;
	font-size:13px;
}
.cartbox tfoot td:nth-child(2){
	text-align: right;
}
.cartbox tfoot td:nth-child(2) button{
	margin-left:12px;
}
.xr-select-all{
	margin-right:12px;
}
.checkboxes{
	margin:0 auto;
	display: block;
}
.cartimg{
	padding:6px 12px;
}
.cartimg img{
	width:60px;
	height:60px;
	margin:0 auto;
}
.cartname{
	padding:0 12px;
}
.cartname a{
	color:#161616;
}
.cartname h4{
	font-size:14px;
	margin-bottom:12px;
}
.cartname p{
	font-size: 12px;
}
.cartprice{
	padding:0 12px;
	font-size:13px;
}
.cartnum{
	padding:0 12px;
}
.cartnum .dr_buy_num{
	width:30px;
	height:26px;
	outline:none;
	border:0;
	border-top:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	text-align: center;
}
.cartnum .btn-default{
	width:30px;
	height:30px;
	border:0;
	outline:0;
	font-size:16px;
	background:#f0f0f0;
}
.cartnum .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;
}
.cartsum,.cartedit{
	text-align: center;
}
.cartedit a{
	color:#161616;
}
.cartcheckout{
	height:30px;
	line-height:30px;
	background:#36c;
	border:0;
	outline:0;
	color:#fff;
	padding:0 12px;
	border-radius:6px;
}
.public_name{
	width:100%;
	margin:3% 0 2%;
	font-size:32px;
	text-align: center;
	font-family: "Baloo", "sans-serif";
	overflow:hidden;
}
.public_content{
	width:100%;
	line-height:30px;
	font-size:14px;
	margin-bottom:3%;
	overflow:hidden;
}
.psales{
	width:100%;
	display: inline-block;
	margin-bottom:3%;
	min-height:500px;
}
.psales ul{
	width:100%;
	margin-top:2%;
	overflow:hidden;
}
.psales ul li{
	float: left;
	width:49%;
	background:#f0f0f0;
	display: block;
	border:1px solid #ddd;
	border-radius:12px;
	margin-right:2%;
	margin-bottom:2%;
	overflow:hidden;
}
.psales ul li:nth-child(2n){
	margin-right:0;
}
.zkthumb{
	width:30%;
	float: left;
	overflow:hidden;
}
.zkthumb img{
	border-radius:12px 0 0 12px;
}
.zktext{
	width:67%;
	padding-top:20px;
	padding-right:12px;
	float: right;
}
.zktitle{
	color:#111;
	font-size:18px;
	font-family: "Baloo", "sans-serif";
}
.zkcomment{
	margin-bottom:12px;
}
.zkcomment i{
	font-size:13px;
	color:#f30;
	letter-spacing:2px;
}
.zktime{
	width:100%;
    background:#f63;
    color:#111;
    margin-bottom:10px;
    text-align: center;
    border-radius:4px;
}
.zktime div{
	height:34px;
	line-height:34px;
	font-size:12px;
}
.zktime div span.time-count{
	color:#fff;
	font-size:16px;
	padding-top:10px;
	margin-left:10px;
	margin-right:10px;
	font-weight:600
}
.zkbuy{
	width:30%;
	display: block;
}
.zkbuy a{
	width:100%;
	color:#111;
	height:30px;
	line-height:30px;
	border-radius:12px;
	display: block;
	text-align:center;
	background:#f60;
	color: #fff;
}
.ckoform h3{
	font-size:20px;
	margin-bottom:12px;
}
.cko_address,.cko_paytype{
	margin-bottom:20px;
}
.cko_paytype span{
	font-size:12px;
}
.cko_book textarea{
	width:100%;
	height:100px;
	padding:8px;
	box-sizing: border-box;
	line-height:30px;
	outline:0;
	border:2px solid #f0f0f0;
	border-radius:8px;
	resize:none;
}
.cko_address ul{
	margin-bottom:12px;
}
.cko_address ul li{
	width:100%;
	height:40px;
	line-height: 40px;
	border-bottom:1px dashed #ddd;
	display: inline-block;
}
.cko_address ul li a{
	color:#161616;
}
.aabtn{
	width:200px;
	background:#ddd;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius:8px;
	font-size:13px;
	display:block;
	color:#555;
	cursor: pointer;
}
.cko_list ul li{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	gap:20px;
	padding-bottom:6px;
	margin-bottom:6px;
	border-bottom:1px dashed #cfcfcf;
}
.cko_list ul li:nth-child(1){
	height:40px;
	line-height:40px;
	font-weight:bold;
	margin-bottom:12px;
}
.cothumb{
	width:20%;
	text-align:center;
}
.cothumb img{
	width:46px;
	height:46px;
	display:block;
	margin:0 auto;
}
.cotitle{
	width:60%;
}
.cotitle a{
	height:24px;
	line-height:24px;
	font-weight:600;
	color:#161616;
	font-size:14px;
}
.cotitle p{
	font-size:12px;
	color:#999;
}
.cotitle p span{
	height:22px;
	padding:0 5px;
	background:#f63;
	color:#fff;
	margin-right:12px;
	border-radius:3px;
}
.coprice{
	width:20%;
}
.regular-price{
	font-size:14px;
}
.cko_bottom{
	width:100%;
	padding-top:20px;
	font-size:14px;
	overflow:hidden;
}
.cko_bottom ul li{
	line-height:30px;
}
.cko_bottom ul li b{
	font-weight:normal;
	color:#9a9a9a;
	margin-right:12px;
}
.cko_bottom ul li span{
	font-weight:bold;
	color:#161616;
}
.cko_button{
	margin-top:20px;
	width:100%;
	height:40px;
	text-align:center;
	background:#36c;
	color:#fff;
	border:0;
	outline:0;
	font-size:18px;
	font-weight:bold;
	border-radius:8px;
}
.cko_button:hover{
	background:#161616;
}
.userbox{
	overflow:hidden;
}
.user_menu ul li{
	width:100%;
	line-height:42px;
	display: inline-block;
}
.user_menu ul li .nav-toggle{
	display: none;
}
.lsbox{
	padding:4% 0;
	overflow:hidden;
}
.fipt{
	width:100%;
	height:42px;
	line-height:42px;
	border:1px solid #eee;
	outline:0;
	padding:0 12px;
}
.hipt{
	width:65%;
	height:42px;
	line-height:42px;
	border:1px solid #eee;
	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 #eee;
	border-radius:0;
}
.mbtn{
	background:#36c;
	color:#fff;
	border:0;
	outline:0;
	padding:12px 40px;
	display: block;
}
.mcbox{
	width:100%;
	margin-bottom:3%;
	overflow:hidden;
}
.mcbox h2,.mcbox h2 a{
	width:100%;
	font-size:24px;
	margin-bottom:2%;
	font-weight:600;
}
.mcbox h2 .mcback{
	float: right;
}
.acclabel{
	width:100%;
	display:inline-block;
	color:#333;
	font-size:16px;
}
.mt20{
	margin-top:20px;
}
.mcnav{
	width:100%;
	display: inline-block;
	border-bottom:1px solid #f0f0f0;
	margin-bottom:12px;
}
.mcnav ul li{
	float: left;
	line-height:40px;
	margin-right:20px
}
.mcnav ul li.active a{
	font-weight:bold;
	color:#36c
}
.mpagebar{
	width:100%;
	margin-bottom:2%;
	height:40px;
	line-height:40px;
	background:#f0f0f0;
	padding:0 12px;
	overflow:hidden;
}
.mpagebar a{
	color:#777;
}
#clipArea{
	float: left;
	height:300px;
	width:300px;
	padding:20px;
	background:#f60;
}
#view{
    width:300px; 
    height:300px;
    text-align: center; 
    padding:20px;
    float: left;
	margin-right:20px;
}
.choseimg{
	width:100%;
	margin:12px 0;
	display:inline-block;
}
.ordernum{
	width:19%;
	overflow:hidden;
}
.orderconsignee{
	width:11%;
	overflow:hidden;
}
.orderamount{
	width:10%;
}
.orderstatus{
	width:25%;
	overflow:hidden;
}
.ordernethod{
	width:16%;
	overflow:hidden;
}
.orderstatus a{
	font-size:12px;
}
.orderremarks{
	width:9%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap:5px;
	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;
}
.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 4px;
}
.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;
}
.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;
}
.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;
}
.mcorder ul li{
	width:100%;
	line-height:40px;
	border-bottom: 1px dashed #f0f0f0;
}
.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;
}
.portlet{
	width:100%;
	margin-bottom:20px;
	overflow:hidden;
}
.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;
	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;
	line-height:30px;
}
.info{
	color:#fff;
	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;
}
.productmsg table{
	margin-bottom:12px;
}
.productmsg td{
	background:#f7f7f7;
}
.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;
}
.octhumb{
	width:50%;
	display:block;
	float: left;
	overflow:hidden;
}
.octext{
	width:48%;
	float:right;
}
.octext p{
	height:30px;
	line-height:30px;
	font-size:16px;
}
.ocfull{
	width:100%;
	outline:none;
	margin-bottom:20px;
	overflow:hidden;
}
.ocfull span.commstar{
	margin-top:0!important;
}
.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;
}
.comments,.comments_top,.comment_bottom,.comment_avatar,.comment_msg,.comment_imgs{
	width:100%;
	overflow:hidden;
}
.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%;
} 
.arctitle{
	float:left;
	width:70%;
}
.arctime{
	float:left;
	width:20%;
}
.arcedit{
	float:left;
	width:10%;
}
#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;
}
.mclist ul li,.mflist ul li{
	width:100%;
	border-bottom:1px dashed #f0f0f0;
	height:34px;
	line-height:34px;
}
.mfl{
	float: left;
	margin-right:10px;
	padding-top:10px;
}
.ctb{
	width:100%;
}
.price{
	font-size:12px;
}
.cfcheck {
    text-align: center;
}
.text-left label{
	float: right;
	line-height:40px;
	font-weight:600
}
label.aflabel{
	float: left;
	width:30%;
	font-size:13px;
}
footer{
	width:100%;
	border-top:1px solid #f0f0f0;
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
}