@import url('pub.css');

.cateTit{ height:46px; border-bottom:1px solid #e6e6e6; background:#fff; position:relative;}
.cateTit dl{ width:100%; height:44px; position:absolute; left:0px; top:0px;}
.cateTit dl dt{ width:20%; float:left; display:inline; text-align:center;}
.cateTit dl dt.hover{ border-bottom:2px solid #ee6d0f}
.cateTit dl dt.hover a{ color:#ee6d0f;}
.cateTit dl dt a{ font-size:21px; font-weight:bold; line-height:44px;}
.onePic{background:#fff; }
.mainNav{ width:100%; height:auto; overflow:hidden; background:#fff; padding-bottom:12px;  border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb;}
.mainNav li{ width:20%; height:80px; overflow:hidden; float:left; display:inline;  text-align:center; margin:8px 0 0 0px;}
.mainNav li a{ width:95%; display:block; height:100%; padding-top:57px; background:url(../images/mnav.png) no-repeat center 11px;background-size:43px 43px; margin: auto; font-size:14px; color:#767676;}
.mainNav li a.mainNav_1 {background:#fff url(../images/iconav-1.png) no-repeat center 11px;background-size:43px 43px;}
.mainNav li a.mainNav_2 {background:#fff url(../images/iconav-2.png) no-repeat center 11px;background-size:43px 43px;}
.mainNav li a.mainNav_3 {background:#fff url(../images/iconav-3.png) no-repeat center 11px;background-size:43px 43px;}
.mainNav li a.mainNav_4 {background:#fff url(../images/iconav-4.png) no-repeat center 11px;background-size:43px 43px;}
.mainNav li a.mainNav_5 {background:#fff url(../images/iconav-5.png) no-repeat center 11px;background-size:43px 43px;}
.mainNav li a.mainNav_6 {background:#fff url(../images/iconav-6.png) no-repeat center 11px;background-size:43px 43px;}
.mainNav li a.mainNav_7 {background:#fff url(../images/iconav-7.png) no-repeat center 11px;background-size:43px 43px;}
.mainNav li a.mainNav_8 {background:#fff url(../images/iconav-8.png) no-repeat center 11px;background-size:43px 43px;}
.mainNav li a.mainNav_9 {background:#fff url(../images/iconav-9.png) no-repeat center 11px;background-size:43px 43px;}
.mainNav li a.mainNav_10{background:#fff url(../images/iconav-10.png) no-repeat center 11px;background-size:43px 43px;}

.moveNav { background:#fff; border-bottom: 1px solid #e9e9e9; height:46px; width:100%; }
.moveNav .swiper-slide { color: #4b4b4b;  display: block; float: left; font-size:18px; height:46px; line-height:46px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap;}
.moveNav .swiper-slide.on { border-bottom: 3px solid #ee6d0f; color: #ee6d0f; height:45px; }
.moveNav .swiper-slide.on strong { font-weight: bold; }
.moveNav .moveNavLeft, .moveNav .moveNavRight {  display: none; }
.moveNav .navMask { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; height: 1.5rem; overflow: hidden; position: absolute; right: 0; top: 0; width: 0.5rem; z-index: 9;}
.moveNav .navMask.left { left: 0; right: auto; }

.swiper-wrapper {  box-sizing: content-box; display: flex; height: 100%; position: relative; transform-style: preserve-3d; transition-property: transform; width: 100%; z-index: 1;
}

.content{ background:#f5f5f5; position:relative;}
.onePic{ width:100%; height:auto; overflow:hidden; margin-top:0px; background-color:#fff; padding-top:0.1rem; }


.twoPics{ width:100%; height:auto; overflow:hidden; background:#FFFFFF; border-bottom:1px solid #ebebeb; padding:12px 0; padding-bottom:7px;}
.twoPics dl{ width:50%; float:left; display:inline;}
.twoPics dl dt,.twoPics dl dd{ width:96%; margin:0 auto; text-align:center;}
.twoPics dl dd{ margin-top:6px; font-size:14px; color:#666;}
.twoPics dl dd a { color:#fff;}

.weekHot { background:#fff; padding-top:2px;border-top:1px solid #ebebeb; margin-top:8px;  }
.weekHot ul{ background:#fff; padding:6px 0; border-left:4px solid #ff6600; color:#a4a4a4;  font-size:14px; padding-left:10px; }
.weekHot ul a{ color:#555; font-size:18px; font-weight:bold; padding-right:8px; }
.weekHot ul span{ float:right; display:inline; padding-right:10px; font-size:12px; margin-right:8px; line-height:25px; padding-top:2px; color:#666666; background:url(../images/moreaArrowsmall.png) no-repeat right center; background-size:6px auto;}
.notopmagin{ margin-top:0px;}

.weekHot ul span a { font-size:12px; color:#999999; padding:0px; font-weight:normal;}



.hotCate{ height:45px; background-color:#f5f5f5; border-bottom:1px solid #ebebeb; }
.hotCate li{ width:20%;  height:45px; float:left; display:inline;  text-align:center; font-size:16px; color:#555; line-height:45px; cursor:pointer;}
.hotCate li.hover{    color:#fff;  }
.hotCate li.hover span{ background:#222; padding:3px 10px;border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}

.hotppList{ height:auto; overflow:hidden; background:#fff; padding-bottom:10px;}
.hotppList ul{ width:98%; margin:0 auto;}
.hotppList ul li{ width:48%; height:35px; float:left; display:inline;  border:1px solid #e6e6e6; padding:2px 3px; margin:10px 0 0 0; }
.hotppList ul li.fr{ float:right;}

.hotppList ul li p{ float:left; display:inline; line-height:29px;}
.hotppList ul li .ppNum{ width:22px; height:22px;border-radius:20px;box-flex:1; line-height:21px; margin-top:5px; -moz-box-flex:1; -webkit-box-flex:1; background:#000; color:#CCCCCC; text-align:center; font-size:14px; }
.hotppList ul li .ppName{ width:50%; height:23px; overflow:hidden; font-size:16px; margin:0 0 0 3px; }
@media screen and (max-width:320px){
	.hotppList ul li .ppName{ width:47%;}
}

.hotppList ul li .gzNum{float:right; color:#c2c2c2; background:url(../images/heart.png) no-repeat 0 8px; background-size:14px 14px; padding-left:16px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}



.morebtnDiv{ text-align:center;}
.morebtnbut{ font-size:16px; border:1px solid #e8e7e7; background:#fff; text-align:center; border-radius:30px; width:95%; -moz-border-radius:30px; -webkit-border-radius:30px; display:inline-block; padding:6px 0px; margin:3px 0 8px 0;   }
.morebtnbut a{background:url(../images/moreaArrow.png) no-repeat center right ;background-size:15px 11px; padding-right:18px; }


.moreaBtn span{ font-family:"宋体"; font-size:18px; font-weight:bold;}


.brandList{ height:auto; overflow:hidden;  background:#fff;  padding:0px; margin:0px;padding-top:0.15rem;border-bottom:1px solid #ebebeb;}
.brandList dl{ width:50%; float:left; display:inline; margin-top:0px; }
.brandList dl dt{ width:95%; min-width:150px; max-width:269px; height:auto; overflow:hidden; margin:0 auto; text-align:center;position:relative;}
.brandList dl dt span{position:absolute; color:#fff; top:-0px; font-size:14px; left:0px; background:#333; font-family:"Times New Roman", Times, serif;  padding:0px 3px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.brandList dl dt.one span{ background:#f70302;}
.brandList dl dt.two span{background:#fa7236;}
.brandList dl dt.three span{background:#e7a334;}
.brandList table td{text-align:center;}
.brandList dl dd{ width:95%; min-width:150px; max-width:269px; height:25px; overflow:hidden;  overflow:hidden; margin:0 auto; line-height:130%; font-size:16px; padding-top:6px;}
.brandList dl dd.fg{ color:#787878; font-size:12px;}


@media screen and (max-width:320px){
	.soright span{ display:none;}
	.soright{ text-align:center;}
	.soright a.ppCate{float:none;}
}

@media screen and (min-width: 321px) and (max-width: 400px){  
	#hotKey2,#hotKey3,#hotKey4{ display:none;}
	.soright{ text-align:center;}
	.soright a.ppCate{float:right;}
}

@media screen and (min-width: 401px) and (max-width: 500px){ 
	#hotKey3,#hotKey4{ display:none;}
	.soright{ text-align:center;}
	.soright a.ppCate{float:right;}
}
@media screen and (min-width:640px){
	.soright span{ line-height:30px; height:30px; margin-left:10px;color:#494949;}
}


.soInp{ width:392px; height:35px; overflow:hidden; border:1px solid #dcdcdc; background:#fff; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; padding:0 39px 0 20px;}

.hotKey {width:96%;  height:auto; overflow: hidden; margin:0 auto; padding:7px 0;}

.hotKey span{height:auto; overflow:hidden; float:left; color:#ee6d0f; font-size:18px; float:left; display:block; line-height:30px;}
.hotKey a {background: #fff;border:1px solid #e7e7e7; border-radius:3px; color:#828282; display:inline-block; float:left; font-size:14px; height: 31px;line-height: 23px; margin:0 10px 8px 0; padding:3px 5px;}
.hotKey a.on {color: #f60;}
.hotKey.on {width: 15rem;}