body{background-color:#F5F5F5;}


.menuhp{float:left;height:190px;background-color:#fff;padding:15px 0 0 0;float:left;margin:-25px 10px 0 10px;width:calc(100% - 20px);position:relative;z-index:25;border-radius:10px;clear:both;}
.swiper-container .swiper-slide .d1{width:20%;float:left;text-align:center;height:90px;font-size:14px;}
.swiper-container .swiper-slide .d1 img{margin:0 0 8px 0;border:0;width:40px;height:40px;border-radius:40px;}

.indexgg{height:44px;width:100%;}
.indexgg .d1{margin:10px 0 10px 10px;height:34px;width:85px;background-color:#fff;border-radius:30px 0 0 30px;}
.indexgg .d1 img{float:left;height:16px;margin:9px 10px 0 10px;}
.indexgg .d1 span{float:left;height:16px;border-left:#D5D4D4 solid 1px;width:2px;margin:9px 0 0 0;}
.indexgg .d2{margin:10px 10px 10px 0;background-color:#fff;border-radius:0 30px 30px 0;height:34px;}
.indexgg .d2 .divm{float:left;width:calc(100% - 20px);margin:7px 20px 0 0;height:16px;overflow:hidden;font-size:14px;}

.ggbox{width:100%;margin-top:15px;}

.indexcap{margin:10px 0 0 0;height:40px;background-color:#fff;border-bottom:#ebebeb solid 1px;}
.indexcap .d1{margin:10px 0 0 16px;font-size:15px;}
.indexcap .d2{margin:12px 16px 0 0;text-align:right;}
.indexcap .d2 a{color:#999;}
.newslist{padding:18px 0;background-color:#fff;border-bottom:#ebebeb solid 1px;}
.newslist .d1{margin:0 0 0 10px;}
.newslist .d1 .s1{float:left;width:100%;height:45px;margin-bottom:10px;line-height:23px;font-size:14px;overflow:hidden;}
.newslist .d1 .s2{float:left;color:#70B9EC;padding:2px 3px 2px 3px;border-radius:2px;background-color:#ECF5FF;}
.newslist .d1 .s3{float:right;margin:2px 0 0 0;color:#999;}
.newslist .d2{margin:0 10px 0 15px;width:100px;}
.newslist .d2 img{width:100px;height:75px;}

.swiper-container1 {background-color:#fff;overflow:hidden;line-height:normal;}
.swiper-container1 .dmain{float:left;margin:15px 0 0 15px;width:calc(100% - 15px);}
.swiper-container1 .dmain .d1{text-align: left;float:left;width:100%;padding-top:100%;position:relative;overflow:hidden;}
.swiper-container1 .dmain .d1 img{position: absolute;top: 0;left:0;width: 100%;height:100%;border-radius:10px;}
.swiper-container1 .dmain .d2{float:left;width:100%;margin:10px 0 0 0;height:16px;overflow:hidden;}
.swiper-container1 .dmain .d3{float:left;width:100%;margin:5px 0 0 0;height:16px;overflow:hidden;color:#ff663d;font-size:12px;}
.swiper-container1 .dmain .d4{float:left;width:100%;margin:5px 0 0 0;height:16px;overflow:hidden;color:#ff663d;}

.swiper-containerpp {background-color:#fff;overflow:hidden;line-height:normal;padding:0 0 15px 0;}
.swiper-containerpp .dmain{text-align: left;float:left;margin:15px 0 0 15px;width:calc(100% - 15px);}
.swiper-containerpp .dmain .d1{float:left;width:100%;padding-top:72%;position:relative;overflow:hidden;}
.swiper-containerpp .dmain .d1 img{object-fit:cover;position: absolute;top: 0;left:0;width: 100%;height:80px;border-radius:0.3rem;}
.swiper-containerpp .dmain .d2{float:left;width:100%;margin:10px 0 0 0;height:16px;overflow:hidden;}
.swiper-containerpp .dmain .d3{float:left;width:100%;margin:5px 0 0 0;height:16px;overflow:hidden;color:#ff663d;font-size:12px;}
.swiper-containerpp .dmain .d4{float:left;width:100%;margin:5px 0 0 0;height:16px;overflow:hidden;color:#ff663d;}

.prolist{background-color:#fff;}
.prolist .dmain{margin:0;}
.prolist .dmain .dm{float:left;width:calc(100% - 20px);border-bottom:#ebebeb solid 1px;padding:15px 10px;}
.prolist .dmain .dm .d1{float:left;width:170px;height: 102px;}
.prolist .dmain .dm .d1 div{float:left;width:100%;padding-top:100%;position:relative;overflow:hidden;}
.prolist .dmain .dm .d1 div img{object-fit: cover;position: absolute;top: 0;left:0;width: 100%;height:60%;border-radius:0.3rem;}
.prolist .dmain .dm .d2{float:right;width:calc(100% - 180px);}
.prolist .dmain .dm .d2 .b1{float:left;width:100%;font-size:14px;overflow:hidden;line-height:20px;height:39px;}
.prolist .dmain .dm .d2 .b2{float:left;width:calc(100% - 50px);margin:8px 0 0 0;}
.prolist .dmain .dm .d2 .b2 .sb1{float:left;width:100%;height:20px;overflow:hidden;}
.prolist .dmain .dm .d2 .b2 .sb1 span{float:left;padding:2px 3px 0 3px;height:18px;margin:0 5px 0 0;border-radius:2px;background-color:#F4F4F4;color:#666;}
.prolist .dmain .dm .d2 .b2 .sb2{float:left;width:100%;margin:10px 0 0 0;font-size:14px;}
.prolist .dmain .dm .d2 .b2 .sb2 .s1{color:#ff663d;float:left;}
.prolist .dmain .dm .d2 .b2 .sb2 .s2{color:#999;margin:0 0 0 10px;float:left;}
.prolist .dmain .dm .d2 .b3{float:right;width:50px;margin:32px 0 0 0;}
.prolist .dmain .dm .d2 .b3 span{color:#fff;float:left;width:50px;border-radius:20px;text-align:center;background-color:#ff663d;font-size:15px;padding:5px 0 0 0;height:25px;box-shadow: 0 0.05rem 0.3rem rgba(255, 102, 61, 0.5);}

.prolist1{background-color:#fff;text-align:left;}
.prolist1 .dmain{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;margin:0 5px;}
.prolist1 .dmain .dm{float:left;width:calc(50% - 12px);margin:10px 5px 0 5px;padding:0 0 5px 0;border:#ffffff solid 1px;}
.prolist1 .dmain .dm .d1{float:left;width:100%;height: 107px;overflow:hidden;}
.prolist1 .dmain .dm .d1 img{object-fit: cover;height: 107px;border-radius: 0.3rem;background-position: 50% 50%;background-color: #e6e6e6;width:100%;}
.prolist1 .dmain .dm .d2{width:calc(100%-(6px));padding:8px 3px 3px 3px;line-height:17px;height:33px;
overflow:hidden;}
.prolist1 .dmain .dm .d3{width:calc(100%-(6px));padding:2px 3px 0 3px;height:18px;color:#ff6600;font-size:10px;}
.prolist1 .dmain .dm .d3 strong{font-size:14px;}
.prolist1 .dmain .dm .d4{float:left;width:calc(100%-(42px));padding:0 3px;color:#ff663d;}
.prolist1 .dmain .dm .d5{float:right;padding:0 3px;color:#929699;}
.prolist1 .dmain .dm .d6{float:left;width:calc(100%-(6px));padding:0 3px;color:#929699;}



.guessulike {text-align:left;margin-top: 10px; background: rgb(255, 255, 255); position: relative; border-style: solid; border-color: rgb(255, 253, 253); border-width: 1px 0px; }

.guessulike h3 { height: 40px; line-height: 40px; font-size: 16px; padding: 0px 10px; color: rgb(44, 62, 80); border-bottom: #ebebeb solid 1px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; }

.guessulike h3 i { display: inline-block; width: 5px; height: 16px; background: rgb(244, 70, 35); border-radius: 5px; vertical-align: middle; position: relative; bottom: 2px; margin-right: 5px; }
.guessulike h3 .more {float: right;font-size: 0.7rem;color: #a4a6a9;}
.guessulike div.pj_box { padding-top: 10px; height: 135px; }

.guessulike div.pj_box ul li { margin: 0px 5px; }

.pj_box { width: 100%; height: 135px; overflow: auto; }

.pj_box ul li { width: 90px; margin-right: 10px; float: left; }

.pj_box ul li img {border: 1px solid #e8e7e5;border-radius:50%;display: block; margin: 0px auto; }

.pj_box ul li em {text-align: center;font-style: normal;font-size: 12px; display: block; line-height: 1.5; height: 16px; overflow: hidden; margin: 5px 0px; }

.pj_box ul li b {text-align: center;display: block; color: rgb(244, 70, 35); }