@charset "utf-8";
.submian {background: #F4F5F9;}
@media screen and (min-width: 1200px){
	.w1200, .m, .w {width: 1200px;margin: 0 auto;}
}
.b20{padding-top:20px;}
.mall-index{margin-top: 0;}
.position-nav{margin-top:18px;}

/*首页商品分类*/
.mall-cat{padding:20px 0;}
/*筛选*/
.so-muban{padding-bottom: 20px;padding-top: 20px;background: #ffffff;}
.nav-container{display: table;width:100%;margin: 0 auto;padding: 0 30px;height: 48px;line-height: 48px;overflow: hidden;}
.mc{float:left;width: 58px;line-height:44px;font-weight: bold;position: relative;}
.mc:after{content: ""; position: absolute; right: 12px; top: 20px; border: 1px solid #333; border-width: 0 1px 1px 0; width: 4px; height: 4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
/*按价格*/
.sxuan{width:calc(100% - 68px);color:#999999;float:left;line-height:40px;margin-left:10px;border-bottom: 1px dotted #e0e0e0;}
.sxuan a{color: #8d8d91;font-size: 14px;line-height: 14px;height: 14px;float: left;border-right:1px solid #e0e0e0;padding: 0 18px;margin: 14px 0;}
.sxuan a:last-child{border-right: 0 none;}
.sxuan a:hover{color:#D80A1C}
.sxuan a.active{color:#D80A1C}
/*按颜色找模板*/
/*颜色列表*/
.sim{width:calc(100% - 68px);height: 48px;line-height: 48px;margin-left: 10px;overflow: hidden;float: left;}
.temp-color-list{font-size: 0px;height: 48px;line-height: 48px;padding-left:6px;margin: 0 auto;}
.temp-color-list.s{border-top: 0;width: 700px;float: left;}
.temp-color-list span{display: inline-block;cursor: pointer;border-radius: 5px;overflow: hidden;margin: 0 0px 0 10px;line-height: 0;margin-top: 16px;}
.temp-color-list span em{display: inline-block;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 50px;width: 30px;height: 18px;/* border: 1px solid #FFF; */}
.temp-color-list span.color-9 em{background:linear-gradient(45deg,#ec5f67,#f99157,#fac863,#99c794,#5fb3b3,#6699cc,#c594c5);background-image: url('../images/mall/all_color.png');background-size: 30px 18px;}
.temp-color-list span.color-0 em{background-color:rgb(0 188 212 / 17%);}
.temp-color-list span.color-1 em{background-color: #663300;}
.temp-color-list span.color-2 em{background-color: #FFA200;}
.temp-color-list span.color-3 em{background-color: #F9F;}
.temp-color-list span.color-4 em{background-color: #A800FF;}
.temp-color-list span.color-5 em{background-color: #FF0000;}
.temp-color-list span.color-6 em{background-color: #80D032;}
.temp-color-list span.color-7 em{background-color: #0084FF;}
.temp-color-list span.color-8 em{background-color: #000000;}
.temp-color-list span.color-9 em{background-color: #818181;}
.temp-color-list span.color-10 em{background-color:#ffcc00;}
.temp-color-list span.cur{border-color: #000;}
.temp-color-list.s a.active em{border:2px solid rgba(2, 2, 2, 0.5);}
/*颜色右边搜索*/
.typeahead__container{position: relative;}
.typeahead__cancel-button{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; right: 0; cursor: pointer; line-height: 1.25; padding: 0.5rem 0.75rem; visibility: hidden;}
.search-container{float: right;}
.search-container input{background-color: #F1F1F1;color: #ABABAB;border: 0;width: 260px;height: 38px;line-height: 38px;margin: 10px 0;padding-left: 10px;float: left;border-radius: 3px 0 0 3px;}
.search-container .btn{height: 38px;width: 80px;color: #fff;background-color: #D80A1C;border: 0;border-radius: 1px;line-height: 38px;cursor: pointer;display: block;text-align: center;float: left;padding: 0;margin-top: 10px;padding-left: 0;border-radius: 0 3px 3px 0;}
.border-top{border-top: 1px dashed #EDEDED;}
/*活动*/
.dv{padding:0 0 15px;}
.dv .cathuodong{padding:10px;font-size:14px;border-left:#D80A1C 3px solid;color:#D80A1C;background:#f9e6e6;}
.dv .cathuodong:hover{border-left:#0460c4 3px solid;color:#0460c4;background:#e6e7f9;}
/*首页商品列表*/
.page-commonContent{position: relative;padding:5px 0 0;overflow: hidden;}
.page-commonContent.pt-20{padding-top:20px}
.item-list{width: 102%;}
.item-list-li{width: 31.3%;background-color: #ffffff;float: left;margin-right: 2%;margin-bottom: 24px;box-sizing: border-box;background: #ffffff;webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.item-list-li .tpl-header{height: 20px; line-height: 20px; background: #EBEDEF; padding-left: 10px; font-size: 0; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.item-list-li .tpl-header .point{width: 6px; height: 6px; border-radius: 100%; vertical-align: middle; display: inline-block; margin-right: 5px;}
.item-list-li .tpl-header .red-point{background: #ea5c6a;}
.item-list-li .tpl-header .yellow-point{background: #ecc468;}
.item-list-li .tpl-header .green-point{background: #2bc950;}
.preview-img{position: relative;border-radius: 10px;padding: 10px 12px 0;overflow:hidden}
.pc-view{width: 100%;/* height: 365px; */position: relative;}
.pc-view .pc-view-img{/* height: 365px; */z-index: 8;}
.pc-view .pc-view-img img{width: 100%;height: 100%;transition: all 0.6s;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
.pc-view .cover{width: 100%;height: 100%;position: absolute;z-index: 20;background: rgba(0,0,0,0.5);box-sizing: border-box;text-align: center;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;opacity: 0;filter: alpha(opacity=0);z-index: 10;}
.pc-view .cover .img_show_ico{margin-top: 28%;}
.pc-view .cover .img_show_ico .ey-iconfont{font-size: 60px;color: #9E9E9E;}
.pc-view .cover .img_show_ico.domeyes .ey-iconfont{font-size: 60px;color: #FFEB3B;}
.item-list-li:hover .cover{display: block;opacity:1;filter:alpha(opacity=100);top: 0;left: 0;}
.preview-img .show_iphone{position: absolute;right: 0px;bottom: -5px;z-index: 9;display: inline-block;overflow: hidden;padding: 14px 9px 52px 9px;width: 98px;height: 150px;background:url('../images/mall/iphone_for.png') no-repeat;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.preview-img .show_iphone span{display: block; height: 100%; overflow: hidden; position: relative;}
.preview-img .show_iphone img{width: 100%;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}

.pc-view .cover .f-pcModelUrl{position: absolute;display: block;line-height: 34px;text-align: center;height: 34px;color: #fff;font-size: 14px;border-radius: 20px;bottom:45%;z-index: 2;-webkit-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
.pc-view .cover .f-reg{width: 110px;background-color: #D80A1C;left: 60px;}
.pc-view .cover .f-reg-no{width: 110px;background-color: #383838;left: 15px;}
.pc-view .cover .f-show{width: 110px;background-color: #2f82ff;right: 15px;}
.pc-view .cover .f-reg:hover,.pc-view .cover .f-reg-no:hover,.pc-view .cover .f-show:hover{bottom: 45.5%;}
.item-btn{margin: 10px 0 10px;padding: 0 12px;}
.f_left{float: left;}
.f_right{float: right;}
.item-btn .item-btn-left-title{line-height:25px;font-size:15px;color:#333;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:5px;}
.item-btn .item-btn-left-title a{padding-left:10px;}
.ziying{color: #ffffff;background: #D80A1C;font-size:12px;height:20px;line-height:20px;padding:1px 3px;border-radius: 3px;}
.item-btn .item-btn-left{width: 100%;line-height: 28px;}
.item-btn .item-btn-left .item-btn-left-end{font-size: 14px;color: #999;height: 28px;line-height: 28px;overflow: hidden;}
.item-btn .item-btn-left .item-btn-left-end span{}
.item-btn .item-btn-left .item-btn-left-end span .f-hist{font-size: 24px;margin-right:1px;color: #999;vertical-align: sub;}
.item-btn .item-btn-right{text-align: right;position: absolute;bottom: 0;width: 60px;height: 60px;right: 10px;display:none;transition: all 200ms ease 0s;min-width: 45px;z-index: 10;filter: alpha(opacity=0);opacity: 0;}
.item-btn .item-btn-right .now-use{display: block;width: 50px;height: 50px;background: #D80A1C;background: rgba(240,58,58,1);background: -moz-linear-gradient(-45deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(240,58,58,1)), color-stop(100%, rgba(255,108,85,1)));background: -webkit-linear-gradient(-45deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);background: -o-linear-gradient(-45deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);background: -ms-linear-gradient(-45deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);background: linear-gradient(135deg, rgba(240,58,58,1) 0%, rgba(255,108,85,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f03a3a', endColorstr='#ff6c55', GradientType=1 );box-shadow: 0px 5px 8px 0px rgba(241, 61, 60, 0.2);border:1px solid #ffffff;font-size: 12px;color: #fff;text-align: center;line-height: 16px;border-radius: 50%;padding-top: 9px;transition: all 200ms ease 0s;}
.item-btn .item-btn-right .now-use:hover{color:#D80A1C;background: #ffffff;border:1px solid #D80A1C;transform: scale(1.1);}
.item-list-li:hover .item-btn-right{zoom: 1;filter: alpha(opacity=100);opacity: 1;transform: scale(1.2);}
.item-list-li:hover{transform: translateY(-6px); -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); box-shadow: 0 26px 40px -24px rgba(0,36,100,0.3); -webkit-box-shadow: 0 26px 40px -24px rgba(0,36,100,0.3); -moz-box-shadow: 0 26px 40px -24px rgba(0,36,100,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.item-list-li:hover .item-btn .item-btn-right{display: table; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; zoom: 1; filter: alpha(opacity=100); opacity: 1;}
/*推荐标识*/
.biaozhi{position: absolute;background:#dddddd;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;z-index: 11;width:40px;height:40px;line-height:40px;left: 0;top: 0;font-size:12px;text-align: center;border: 0;transition: opacity .3s;overflow: hidden;z-index: 9;}
.biaozhi.bzbg1{background:#FF5722;color: #ffffff !important;}
.biaozhi.bzbg2{background:#FF9800;color:#ffffff;width: 40px;border: 0;top: 0;}
.biaozhi.bzbg3{background:#FFC107;color:#ffffff;}
.biaozhi.bzbg4{background: #F44336;color: #ffffff;}
.biaozhi.bzbg5{background:#CDDC39;color:#ffffff}
.biaozhi.bzbg6{background:#8BC34A;color:#ffffff;}
.biaozhi.bzbg7{background:#4CAF50;color:#ffffff}
/*标识上的移动标*/
@keyframes ballRotate{0%{transform:rotate(0);} 100%{transform:rotate(360deg);}}
.pp1{position: absolute;top: 0%;left: 50%;width: 5px;height: 5px;transform-origin: 0 20px;animation: ballRotate 2.5s infinite linear;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);z-index: 9999;background: #ffffff;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}

@media screen and (max-width: 767px) {
	.submian{padding:0 10px;}
	.mall-cat{display:none;}
	.item-list-li{width:49%;margin-right:2%;}
	.item-list-li:nth-child(2n){margin-right:0;}
	.item-list-li:hover .cover{display:none;opacity:0;}
	.item-btn-left-title .ziying{display:none;}
	.item-btn-left-title a{display:block;line-height:25px;height:25px;overflow:hidden;padding-left:0!important;}
}