/*首页*/
/*5个分类*/
.index-nav{width:100%;display:block;background-color:#FFF;}
.index-nav ul{display:inline-block;width: 100%;}
.index-nav li{width:25%;float:left;text-align:center;}
.index-nav li a{width:100%;display:inline-block;padding:6px 0px;}
.index-nav li a span{width:13vw;height:13vw;text-align:center;line-height:13vw;border-radius:4.5vw;background-color:#E22425;display:inline-block;}
/*.index-nav li:nth-child(1) a span{background-image: linear-gradient(90deg,#Fe6549 0,#ff3360 100%);}
.index-nav li:nth-child(2) a span{background-image: linear-gradient(90deg,#ffd126 0,#ffb43d 100%)}
.index-nav li:nth-child(3) a span{background-image: linear-gradient(90deg,#aad646 0,#70d41a 100%);}
.index-nav li:nth-child(4) a span{background-image: linear-gradient(90deg,#64e2f6 0,#2196ff 100%);}
.index-nav li:nth-child(5) a span{background-image: linear-gradient(90deg,#ff3360 0,#Fe6549 100%);}
.index-nav li:nth-child(6) a span{background-image: linear-gradient(90deg,#ffb43d 0,#ffd126 100%);}
.index-nav li:nth-child(7) a span{background-image: linear-gradient(90deg,#70d41a 0,#aad646 100%)}
.index-nav li:nth-child(8) a span{background-image: linear-gradient(90deg,#2196ff 0,#64e2f6 100%);}
.index-nav li:nth-child(9) a span{background-image: linear-gradient(90deg,#64e2f6 0,#2196ff 100%);}
.index-nav li:nth-child(10) a span{background-image: linear-gradient(90deg,#16ecd5 0,#25ccbe 100%);}*/
.index-nav li:nth-child(1) a span{background-color: #ff3360;}
.index-nav li:nth-child(2) a span{background-color: #ffb43d;}
.index-nav li:nth-child(3) a span{background-color: #70d41a;}
.index-nav li:nth-child(4) a span{background-color: #2196ff;}
.index-nav li:nth-child(5) a span{background-color: #9296ED;}
.index-nav li:nth-child(6) a span{background-color: #7EC1EE;}
.index-nav li:nth-child(7) a span{background-color: #F78B8B;}
.index-nav li:nth-child(8) a span{background-color: #8EDD85;}
.index-nav li a i{font-size:24px;color:#FFF;font-size: 8vw;}
.index-nav li a p{font-size:14px;line-height:28px;}
.banner-first .swiper-pagination{bottom: 20px;}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin: 0 5px}
.swiper-pagination-bullet{background-color: #FFF;}
/*头条*/
.headline{width:100%;height:70px;padding:10px 10px 10px 70px;background-color:#FFF;margin-bottom:10px;}
.headline img{width:50px;left:10px;top:10px;position:absolute;}
.headline .index-headline{width:100%;height:50px;}
.headline .index-headline .swiper-slide{width:100%;line-height: 25px;}
.headline .index-headline .swiper-slide a{width:100%;display:inline-block;font-size:14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.headline .index-headline .swiper-slide a span{border:1px solid #E22425;color:#E22425;margin-right:5px;border-radius:2px;font-size: 13px;}
/*横幅广告*/
.index-box{margin-bottom:10px;}
.index-box img{width:100%;}
/*商品横排展示*/
.index-crosswise{padding:0 10px;}
.index-crosswise a{display:inline-block;text-align:center;width:27vw;}
.index-crosswise a img{width:27vw;height:27vw;display:inline-block;margin-bottom:4px;background-color:#FFF;}
.index-crosswise .swiper-slide:last-child a img{height: calc(27vw + 57px);}
.index-crosswise a p{line-height:16px;font-size:14px;height:32px;color:#333;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-align:left;}
.index-crosswise a h3{width:100%;text-align:left;line-height: 24px;height: 24px; overflow: hidden;font-weight: 600;}
.index-crosswise a em{font-size: 12px;line-height: 24px; color: #FB952E; text-align: left; display: block;}
.index-crosswise a h3 span{color:#E22425;font-size:16px;}
.index-crosswise a h3 em{font-size:12px;color:#E22425;font-weight: 600;}
.index-crosswise a h3 i{font-size:12px;color:#E22425; font-style:normal;}
.trademark{background-color:#FFF;padding:2vw;}
h4.nameban{text-align:center;height:40px;line-height:40px;background-color:#FFF;}
h4.nameban img{ width: 40px;margin:0px 10px; display: initial;}
.trademark ul{width:96vw;display: inline-block;}
.trademark ul li{width:17vw;margin: 1.1vw 1.1vw;float:left;}
.trademark ul li a {display:inline-block;float:left;}
.trademark ul li a img{width:17vw;height:17vw;float:left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border:1px solid #eeeeee;border-radius:4px;}
.trademark h5{height:19vw;line-height:19vw;width:100%;text-align:center;}
.trademark h5 a{display:inline-block;}
.trademark h5 img{width:50vw;margin:15px auto;}
.index-streamer{margin:10px auto;}
.ahead_list ul{display:inline-block; width: 102vw; position: relative; padding-top: 8px;}
.ahead_list ul li{display:inline-block; background-color:#FFF; float: left; width: 49vw; margin-right: 2vw;}
.ahead_list ul li em{font-size: 12px;line-height: 20px; color: #FB952E; text-align: left; display: block; width: 90%; margin: 0 auto;}
.ahead_list ul li>a{display:inline-block;width:100%;}
.ahead_list ul li>a img{width:100%;display:inline-block; min-height: 25px;}
.ahead_list ul li>a p{ width:90%;margin:0px auto;line-height: 18px;font-size: 14px;height: 36px;color: #333;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-align: left;margin-top:6px;}
.ahead_list ul li  h4{width: 90%;margin:0px auto;line-height:32px;height:32px;overflow:hidden;}
.ahead_list ul li  h4 span{color: #E22425;font-size: 16px;display:inline-block;margin-right: 8px;}
.ahead_list ul li  h4 em{font-size:12px;display:inline-block;color:#999;text-decoration:line-through; width:auto;}
.ahead_list ul li  h4 a{float: right;line-height: 32px;color: #999;}

/*资讯*/
.nodata{text-align: center; padding: 10px 0; font-size: 16px;}
.news-list ul li{overflow: hidden;padding: 10px 0; border-bottom: 1px solid #eee; height: 60px; position: relative;}
.news_img{float: left; margin-right: 5px; width: 65px; height: 65px; position: absolute; top: 10px; left: 10px;}
.news_img img{width: 100%; height: 100%;}
.news_tit{line-height: 20px; font-size: 16px; padding-left: 70px; width: 100%;-moz-box-sizing: border-box;  /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.news_tit h5{line-height: 20px; font-size: 16px; height: 40px; overflow: hidden;}
.news_time{font-size: 14px; color: #999; float: right; margin-top: 5px;}
.news_list_tab{position: fixed; top: 50px; left: 0; width: 100%; background: #fff; border-bottom: 1px solid #eee;}
.news_list_tab .swiper-slide{width: auto; padding:0 15px; font-size: 16px; line-height: 40px;}
.news_list_tab .swiper-slide.active a{color: #E22425;}
.news-list{padding-top: 40px;}

/*资讯内容页*/
.news-con-tit{padding: 10px 10px 10px; font-size: 16px;}
.news-con-tit .put-top{color: #fff; background: #80bd01; padding: 2px 4px; border-radius:3px ;}
.news-con-time{padding: 0px 10px 10px; color: #999; font-size: 12px; overflow: hidden;}
.news-con-time i{font-size: 14px;}
.details{padding: 10px 0 50px; background: #fff;}
.details h4{font-size: 18px; line-height: 25px; padding: 10px;}
.details .revert ul li{padding: 10px; border-bottom: 1px solid #eee; padding-left: 65px; min-height: 50px; position: relative;}
.details .revert ul li img{width: 50px; height: 50px; position: absolute; top: 10px; left: 10px;}
.details .revert ul li .name span{color: #ff5252; font-size: 16px;}
.details .revert ul li p{font-size: 14px; color: #666; padding: 5px 0;}
.details .revert ul li em{color: #999; font-size: 12px;}
.no_detail{font-size: 18px; padding: 15px; text-align: center; color: #666;}
.btnop.dis-box{position: fixed; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; background: #fff; border-top: 1px solid #eee; z-index: 100;}
.btnop.dis-box .fingerBox{margin-left: 20px;}
.btnop.dis-box i{font-size: 25px; color: #666;}
.btnop.dis-box .setlage{width: 100px; position: absolute; top: 10px; right: 30px; font-size: 16px; line-height: 30px; border-radius:3px ; text-align: center; display: inline-block; float: right; height: 30px; background: #EC5151; color: #fff;}
.backblak{position: fixed; bottom: 0px; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none;z-index: 110;}
.backblak .clocs{position: absolute; top: 0; left: 0;  width: 100%; height: 100%;}
.backblak .import{position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; padding: 30px 10px 30px; }
.backblak .import input{border: 1px solid #eee; border-radius:3px ; width: 60%; height: 30px; line-height: 30px; padding-left: 10px;}
.backblak .import a{height: 30px; float: right; margin-right: 30px; background: #EC5151; color: #fff; border-radius:3px ; padding: 0 10px; line-height: 30px; border: 1px solid #EC5151; font-size: 16px;}
.article_icon{float: right; color: #999;}
.interior .name{font-size: 14px;}
.details .revert ul li .interior .name span{font-size: 14px;}
.news-con-txt{padding: 10px;background-color: #FFF;}
.news-con-txt img{max-width: 100% !important;}
.news-con-txt p{max-width: 100% !important;}
.fingerBox.goodJob sup{float: none; font-size: 12px;}

/*地址选择*/
.add_box_box{position: fixed; top: 0; left: 100%; width: 100%; height: 100%; z-index: 150; background: #fff;max-width: 640px;}
.address_header{z-index: 150; position: initial;}
.address_index{height: calc(100vh - 100px); overflow: hidden; background: #fff;}
.address_tit{height: 60px; line-height: 60px; padding: 0 10px; background: #f0f0f0; color: #666; font-size: 16px; overflow: hidden;}
.address_fr{float: right; width: auto; height: 30px; line-height: 30px; padding: 0 10px; background: #e22425; color: #fff; font-size: 12px; margin-top: 15px; border-radius:5px; display: none;}
#address_up{display: none;}
.address_top_body{height: 60px; line-height: 60px; padding: 0 10px; font-size: 16px; color: #666;}
.address_top_body i{margin-right: 5px; color: #e22425; font-size: 18px;}
.address_bot_body{position: relative; overflow: hidden; width: 300%; height: calc(100vh - 280px);}
.address_bot_body ul{width: 33.333%; float: left; height: calc(100vh - 280px); overflow-y:auto ;}
.address_bot_body ul li{height: 55px; line-height: 55px; overflow: hidden; padding: 0 10px; font-size: 16px; color: #666; cursor: pointer;}
.address_bot_body ul li:active{background: #f5f5f5;}
.address_bot_body ul li i{float: right; color: #666;}
/*PC端控制大小显示*/
@media screen and (min-width: 640px) {	
.index-nav li a span{width: 84px;height: 84px;line-height: 84px;border-radius: 30px;}
.index-nav li a i{font-size: 50px;}
.index-crosswise a{width:175px;}
.index-crosswise a img{width:175px;height: 175px;}
.index-crosswise .swiper-slide:last-child a img{height: 234px;}
.trademark{padding: 10px;}
.trademark ul{width:620px ;}
.trademark ul li{margin: 8px;width: 108px;}
.trademark ul li a img{width: 108px;height: 108px;}
.trademark h5{height: 70px;line-height: 86px;}
.trademark h5 img{width: 200px;margin: 15px auto;}
.ahead_list ul{width: 102%;}
.ahead_list ul li{width:49%;margin-right:2%;}
}