@charset "utf-8";
body{background:#f5f5f5;}
.bannerSlide{width:100%;height:600px;text-align:center;position:relative;margin-top:1px}
.bannerSlide .bd{width:100%; height:570px}
.bannerSlide .bd li{width:100%;height:100%;text-align:center; margin:auto; background-position:top center;}
.bannerSlide .bd li a{width:100%;height:100%; margin:auto; position:relative; text-align:center; z-index:1}
.bannerSlide .bd li img{width:100%;height:600px;}

.zhanshi{height:55px;position:relative}
.zhanshi .zsc{height:188px;width:100%;position:absolute;top:-140px;z-index:9999}
.zhanshi .zsc .main{background:#FFF;height:187px;padding-top:10px;line-height:40px;border-radius:8px}
.zhanshi .box{height:130px;border-radius:10px;margin:0 10px;display:flex;justify-content:space-between;}
.zhanshi .box li{width:24.5%}
.zhanshi .box img{width:100%;height:100%}
.zhanshi .js{height:52px;display:flex;justify-content:space-between}
.zhanshi .js .sm{display:flex;justify-content:center;width:60%}
.zhanshi .js .sm li{display:flex;align-items:center;justify-content:center;padding:0 25px}
.zhanshi .js .sm li .iconfont{font-size:20px;color:#e3e3e3;margin-right:3px}
.zhanshi .js .sm li .kehu{font-size:22px}
.zhanshi .jlslide{height:52px;width:40%;position:relative;padding-right:30px}
.zhanshi .jlslide .bd{height:52px}
.zhanshi .jlslide .bd li{display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;max-height:52px;margin-right:20px;float:left}
.zhanshi .jlslide .bd li div{display:flex;align-items:center;justify-content:center;}
.zhanshi .jlslide .bd li div img{border-radius:20px;height:20px;width:20px;margin-right:5px}
.zhanshi .jlslide .bd li div span{background:#ffd100;line-height:normal;color:#FFF;padding:1px 2px;border-radius:3px;}
.zhanshi .jlslide .prev{width:8px;height:6px;background-image:url(/images/css_sprites.png);background-position:-801px -391px;position:absolute;right:10px;top:18px}
.zhanshi .jlslide .next{width:8px;height:6px;background-image:url(/images/css_sprites.png);background-position:-616px -415px;position:absolute;right:10px;bottom:18px}
.zhanshi .jlslide .tempWrap{max-height:52px}

.actgoods,.dbgoods,.khsgoods{height:100%;margin-top:30px}
.actgoods .tips,.dbgoods .tips,.khsgoods .tips{height:50px;line-height:50px;font-size:24px;position:relative}
.actgoods .tips .on,.dbgoods .tips .on,.khsgoods .tips .on{z-index:2;margin-left:8px}
.actgoods .tips .on:after,.dbgoods .tips .on:after,.khsgoods .tips .on:after{content:"";display: block;width: 30px;height:5px;border-radius:3px;-webkit-border-radius:3px;position:absolute;left:8px;bottom:13px;background: #FF0707;z-index:-1}
.actgoods .tips i,.dbgoods .tips i{font-size:14px;color:#74787A;margin-left:5px}
.actgoods .box{height:650px;background:#E6F0F8;border-radius:10px;-webkit-border-radius:10px}
.actgoods .box .cat{height:650px;float:left;width:180px}
.actgoods .cat .site{width:100px;text-align:center;margin-left:20px;padding-top:17px}
.actgoods .cat .site p{font-size:18px;color:#1D1D1D}
.actgoods .cat .site span{color:#A5B1B9}
.actgoods .lie{margin-left:20px}
.actgoods .yuanjiantou{position:absolute;top:0px;color:#8c9296;z-index:2;right:-9px;font-size:12px}
.actgoods .lie li{height:28px;line-height:28px;text-align:center;font-size:14px;color:#1D1D1D;position:relative;margin-top:20px;border-radius:4px;-webkit-border-radius:4px;cursor:pointer;width:100px}
.actgoods .lie li.on{background:#FF0707;color:#fff}
.actgoods .lie li.on .yuanjiantou{color:#FF0707;}
.actgoods .lie li.on .yuanjiantou:before{content:"\e664"}
.actgoods .lie li p{width:100px;height:28px;line-height:28px;position:absolute;top:0;left:0;z-index:1}
.actgoods .box .zw{height:650px;float:left;width:1100px;display:none}
.actgoods .box .zw.block{height:650px;float:left;width:1100px;display:block}
.actgoods .zw .liang{height:50px;display:flex;align-items:center;justify-content:space-between;padding-right:20px}
.actgoods .zw .goods{height:585px;background:#FFF;width:1086px;border-radius:10px;-webkit-border-radius:10px;overflow:hidden;}
.actgoods .goods ul{display:flex;flex-wrap:wrap}
.actgoods .goods li{width:362px;height:195px}
.actgoods .goods li:hover,.dbgoods li:hover{box-shadow:5px 9px 80px rgba(185,204,220,0.4);-webkit-box-shadow:5px 9px 80px rgba(185,204,220,0.4);}
.actgoods .goods .goods_box{border-right:1px solid #E6F0F8;border-bottom:1px solid #E6F0F8;height:175px;padding:20px 20px 0;width:322px}
.actgoods .goods .goods_box .shou{display:flex;width:322px}
.actgoods .goods_box .shou img{height:90px;width:90px;border-radius:5px;-webkit-border-radius:5px;}
.actgoods .goods_box .ml8{margin-left:8px;width:224px}
.actgoods .goods_box .title{font-size:15px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.actgoods .goods_box .title a,.actgoods .title a:visited{color:#1b2448}
.actgoods .goods_box .zy,.actgoods .goods_box .time{color:#6c6c6c; font-size:13px}
.actgoods .goods_box .lidu{font-size:13px;color:#F00;margin-top:12px;display:flex;height:35px;position:relative}
.actgoods .goods_box .lidu p{position:absolute;top:3px;left:10px;color:#bebebe;transform: rotate(-10deg);}
.actgoods .goods_box .lidu i{margin-top:4px}
.actgoods .goods_box .lidu b{font-size:18px}
.actgoods .goods_box .yaoqiu{display:flex}
.actgoods .goods_box .yaoqiu dl{border:1px solid #E4E8EA;height:20px;line-height:20px;padding:0 12px;border-radius:4px;-webkit-border-radius:4px;font-size:12px;color:#616161;margin-right:5px}
.actgoods .jdt,.dbgoods .jdt{width:100%;background:#ddd;height:10rpx;border-radius:10px;overflow:hidden}
.actgoods .jdt div,.dbgoods .jdt div{background:linear-gradient(to left, #fe8b3b, #f8c84c);height:10px}


.dbgoods .box{background:#FFF;border-radius:10px;-webkit-border-radius:10px;overflow:hidden;}
.dbgoods .box li{width:20%;float:left}
.dbgoods .box .goods_box{border-right:1px solid #E6F0F8;width:100%;border-bottom:1px solid #E6F0F8;padding:15px 0}
.dbgoods .img{text-align:center}
.dbgoods .img img{height:226px;width:226px;border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;}
.dbgoods .title{margin:0 15px;font-size:15px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.dbgoods .title a,.dbgoods .title a:visited{color:#1b2448}
.dbgoods .price{margin:0 15px;color:6c6c6c;font-size:13px;display:flex}
.dbgoods .price span{margin-top:7px}
.dbgoods .price b{font-size:20px;font-weight:bold;color:#F00;}
.dbgoods .price i{color:#F00;margin-top:7px}
.dbgoods .jd{margin:0 15px}
.dbgoods .jd .sy{font-size:12px}

.khsgoods .box{display:flex;justify-content:space-between}
.khsgoods li{width:24.5%;background:#FFF;border-radius:5px;-webkit-border-radius:5px;height:450px;overflow:hidden;position:relative}
.khsgoods li dl{background:#24244b; position:absolute; bottom:0; left:0; width:100%; height:155px; z-index:2}
.khsgoods li:hover dl{height:240px}
.khsgoods li dl .cent{display:none}
.khsgoods li:hover dl .cent{display:block}
.khsgoods .bg{min-height:300px;width:100%}
.khsgoods .gx{padding:20px 30px 0}
.khsgoods .gx .bt{color:#FFF;font-size:17px;border-bottom:#76768f solid 1px;padding-bottom:15px;margin-bottom:10px}
.khsgoods .gx div{display:flex;height:25px;color:#FFFFFF;align-items:center}
.khsgoods .gx .iconfont{width:20px;color:#76768f}
.khsgoods .cent{height:90px;background:#FFF;border-radius:10px;-webkit-border-radius:10px;margin:5px 12px 0;padding:10px 18px 0;font-size:13px}