body{
	/*overflow-x: hidden;*/
	min-width:1280px;
	}
input
{
	/*width:89%;*/
/*	border:none;*/
	background: transparent;
    outline: medium;
    font-size:14px;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #cccccc;
    font-size:14px;
    letter-spacing: 3px;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #cccccc;
    font-size:14px;
  	letter-spacing: 0px;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #cccccc;
    font-size:14px;
  	letter-spacing: 0px;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #cccccc;
    font-size:14px;
    letter-spacing: 03px;
}

.wop-logo a img{
	width:auto !important;
	height:36px !important;
}

#wop-nav-items li:focus,
#wop-nav-items a:focus
{
	color:#E21F19;
}

.goods-list .goods .img a img{
	max-width:150px !important;
	max-height:150px !important;
}

.wop-footer-wz-ca{
	width:150px !important;
}

.wop-footer-info-img{
	width:50px !important;
	height:50px !important;
}



.wop-footer{
	border-top: 1px solid #f5f5f5;
    width: 950px;
}

.wop-footer-hp-ck1{
    padding-left: 136px !important;
    min-width: 1000px !important;
    box-shadow: none !important;
    border-bottom:none !important;
    border-top:none !important;
}

.article-list{
	padding-left:170px !important;
}
.article{
	width:260px !important;
	margin-right:60px !important;
}
.article>a>img{
	width:260px !important;
}

.article-list .article .title,
.article-list .article .intro{
	width:260px !important;
}

.bottom{
	width:900px !important;
}

.goods-list{
	width:860px !important;
	margin:0 auto !important;
}

.goods-list .goods{
	width:170px !important;
	height:296px !important;
	margin-left:10px !important;
	margin-bottom:10px !important;
}

.goods-list .goods .img{
	text-align: center !important;
    position: relative !important;
    margin: 0 auto !important;
    width: 150px !important;
    height: 150px !important;
    overflow: hidden !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.goods-list .goods .img a img{
	min-width:150px !important;
}
.goods-list .goods .p-intro{
	height:0 !important;
}
.goods-list .goods .p-price{
	line-height:20px !important;
}

.goods-list .goods .more{
    margin-top: 120px !important;
    margin-left: 35px !important;
}

.wop-shopstr-show img,
.wop-shopstr-show img
{
	width:100% !important;
	height:auto !important;
}

.wop-container{
	width:1200px;
	margin:0 auto;
}

.wop-container .wop-shopstr-show{
	padding-bottom:10px;
	padding-top:0;
}

.shop-list{
	width:900px !important;
	margin:0 auto !important;
}

.shop{
	width:270px !important;
}

.shop-list .shop .img{
	width:270px !important;
}

.search-info-box .exp{
    width: 720px !important;
    margin: 0 auto !important;
    font-size: 16px !important;
}
.search-cbox{
	width: 900px !important;
    margin: 0 auto !important;
}

.search-cbox .item{
	width:25% !important;
}

.wop-shopstr-pr span{
	height:18px !important;
	overflow-y: hidden !important;
}

.wop-search-container{
	position:relative;
	height:60px;
	line-height:60px;
}
.wop-search-container .wop-logo{
	position:absolute;
	/*left:160px;*/
	padding-top:5px;
	height:50px;
	float:none;
}

.wop-search-container .wop-nav-menus{
    height: 50px !important;
    margin: 0 !important;
    padding-top: 5px;
    float: none;  
    position: absolute;
    left: 350px;
}

#wop-nav-items{
	position:absolute;
	width:100%;
	height:100%;
}

#wop-nav-items ul:first-child{
	width:520px;
	height:50px;
	position:absolute;
	left:-9px;
}

#wop-nav-items ul:first-child li{
	margin-right:10px;
}

#wop-nav-items .new-nav-userbox{
	width:100px;
	height:50px;
	position:absolute;
	right:260px;
	padding-top:5px;
	display:flex;
}

#wop-nav-items .new-nav-userbox li{
	width:30px;
}

#wop-nav-items .new-nav-userbox .userboxitem1 a{
	width:30px;
	height:50px;
	background:url(../image/icon-top-search.png) no-repeat;
	background-position:center;
	padding:0;
}

#wop-nav-items .new-nav-userbox .userboxitem2 a{
	width:30px;
	height:50px;
	background:url(../image/icon-top-cart.png) no-repeat;
	background-position:center;
	padding:0;
}

#wop-nav-items .new-nav-userbox .userboxitem3 a{
	width:30px;
	height:50px;
	background:url(../image/icon-top-user.png) no-repeat;
	background-position:center;
	padding:0;
}


/*2018-11-03*/

.bg{
	background:#F7F7F6;
}

.index-title{
	text-align: center;
    font-size: 27px;
    letter-spacing: 5px;
    height: 130px;
    line-height: 130px;
}

.index-platform-box{
	width:900px;
	height:auto;
	margin:0 auto;
}

.index-platform{
	display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	flex-direction: row;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap:wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	width:100%;
	height:auto;
	padding-bottom:60px;
}

.index-platform-item{
	width:252px;
	height:170px;
	background:#ffffff;
	margin-left:10px;
	padding:35px 16px 0 16px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    text-align:center;
}

.index-platform-item:hover{
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.1)
}

.index-platform-item:nth-child(-n+3){
	margin-bottom:10px;
}

.index-platform-item:nth-child(3n+1){
	margin-left:0;
}

.index-platform-num{
	color:#ff5858;
	text-align:center;
    letter-spacing: 5px;
    margin-bottom: 15px;
}
.index-platform-title{
	font-size:14px;
	font-weight: 600;
	color:#4D4D4D;
}
.index-platform-line{
	display:block;
	background:#d9d9d9;
	width:100px;
	height:2px;
	margin:10px auto;
}
.index-platform-msg{
	font-size:12px;
	word-wrap: break-word;
	line-height:20px;
}

.index-class{
	display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	flex-direction: row;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap:wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	width:900px;
	height:auto;
	margin:0 auto;
}
.index-class-item{
    display: block;
    width: 438px;
    height: auto;
    margin-left:10px;
    margin-bottom:10px;
    border: 1px solid #F4F3F2;
}
.index-class-item-top{
	width:96%;
	height:36px;
	line-height:36px;
	padding:0 10px;	
}

.top-bg1{
	background:#ff5858;
}
.top-bg2{
	background:#EF973F;
}
.top-bg3{
	background:#9ABC64;
}
.top-bg4{
	background:#A0501A;
}
.top-bg5{
	background:#EA63C7;
}
.top-bg6{
	background:#4BA1E2;
}

.index-item-top-title{
	font-size:14px;
	color:#ffffff;
}
.index-item-top-btn{
	color:#ffffff;
	font-size:12px;
	float:right;
}
.index-item-top-btn:after{
	content:"";
	display:inline-block;
	width: 7px;
    height: 7px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: rotate(45deg);
}

.index-class-item-main{
	display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	flex-direction: row;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	width:99.9%;
	height:auto;
	padding:10px 2px;
}
.index-item-main-a{
    display: inline-block;
    width: 31%;
    min-width:136px;
    height: 180px;
    position:relative;
    text-align:center;
}
.index-item-main-a:nth-child(-n+6){
	border-bottom: 1px solid #F4F3F2;
}

.index-item-main-a:nth-child(3n+1),
.index-item-main-a:nth-child(3n+2)
{
	border-right: 1px solid #F4F3F2;
}


.index-item-main-a:nth-child(3n+1){
	margin-left:10px;
}
.index-item-main-a:nth-child(n+4) img{
	margin-top:10px;
}

.index-item-main-a:nth-child(n+7) .index-item-main-title{
	bottom:0;
}

.index-item-main-img{
    width: 90px;
    height: 90px;
}
.index-item-main-title{
	display:block;
	width:100%;
	font-size:13px;
}
.index-item-main-title font{
    display: block;
    width: 90%;
    margin-left: 5px;
    height: 18px;
    overflow: hidden;
    word-wrap: normal;
    text-overflow: ellipsis;
    font-size: 10px;
    color:#B0ABA6;
}

/*footer*/

.index-footer-box{
	width:100%;
	height:638px;
	background:url(../image/index/footer-bg-2.png) no-repeat;
}

.index-footer-main{
	position:relative;
	width:1200px;
	height:100%;
	margin:0 auto;
}

.index-footer-leftbox{
	position:absolute;
	left:0;
	width:550px;
	height:100%;
}
.index-footer-logobox{
    position: absolute;
    top: 26%;
    left: 25.5%;
}
.index-footer-logobox img{
    width: 345px;
	height:auto;
}

.index-footer-qrcodebox{
    position: absolute;
    top: 47.5%;
    left: 18%;
    width:500px;
    display: flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap:nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}
.index-footer-qrcode{
	width:135px;
	padding-right:23px;
	text-align: center;
}
.index-footer-qrcode-img{
	width:128px;
	height:auto;
}
.index-footer-qrcode-title{
    display: inline-block;
    color: #ffffff;
    font-size: 13px;
    margin-top: 10px;
    letter-spacing: 1px;
}

#certify{
	position:absolute !important;
	width:500px !important;
	height:200px !important;
	top:80px;
	right:0;
}
#certify .swiper-slide{
	width:250px !important;
	height:auto;
}
#certify .swiper-slide{
	width:200px !important;
	height:auto;
}