body{background-color:#fff}
/*list*/
.qun_list{text-align:left;margin-top:70px}
.qun_list a{width:94%;margin:12px 3% 20px 3%;-webkit-user-select:none;position:relative;background-color:#fff;padding:20px 15px 20px 15px;border-radius:6px;box-sizing:border-box;display:block;box-shadow:0 0 24px rgba(0,0,0,0.08)}
.qun_list a dt{float:left;width:70px;height:70px;margin-right:10px}
.qun_list a dt img{width:90%;height:90%;object-fit:cover;-webkit-object-fit:cover;border-radius:12px}
.qun_list a dd{float:left;width:-webkit-calc(100% - 155px)}
.qun_list a dd h4{display:block;margin-bottom:10px}
.qun_list a dd ul{margin:5px 0}
.qun_list a dd ul li{display:inline-block;line-height:20px;border-radius:3px;padding:0 5px;margin-right:6px;font-size:12px;margin-bottom:5px}
.qun_list a dd h6{color:#888;margin-top:10px;font-size:13px}
.qun_list a dd h6 b{color:#f00;font-weight:normal;margin:0 1px}
.qun_list a button{width:70px;float:right;margin-top:20px}

.qun_list a h6{color:#888;margin-top:1px;font-size:13px;display:block;float:left}
.qun_list a h6 b{color:#f00;font-weight:normal;margin:0 1px}


#backtop a{background:#fff}
.blank{height:150px}
a.so{position:fixed;top:0;right:15px;text-align:center;line-height:50px;color:#fff;z-index:3}
a.so i{line-height:30px;height:30px;font-size:28px;display:block;margin-top:5px}
a.so span{line-height:20px;height:20px;display:block;font-size:12px;margin-top:-8px}

/*detail*/
.blank{height:100px}
.Ublack{width:40px;height:40px;line-height:40px;color:#fff;border-radius:26px;text-align:center;position:fixed;top:10px;right:10px;background-color:rgba(0,0,0,0.3);display:inline-block;z-index:9}
.Ublack i{font-size:18px}

.dtl_bnr{width:100%;height:95vw;max-width:640px;max-height:608px;position:relative;margin:0 auto}
.dtl_bnr .bg{width:100%;height:95vw;max-height:608px;position:relative;z-index:-1}
.dtl_bnr .bg img{width:100%;max-height:608px}
.dtl_bnr .bg dl{position:absolute;bottom:60px;left:5%;width:90%}
.dtl_bnr .bg dl dt{width:55px;height:55px;float:left/*;box-shadow:0 0 4px rgba(255,255,255,0.9)*/}
.dtl_bnr .bg dl dt img{width:100%;height:100%;border-radius:6px;object-fit:cover;-webkit-object-fit:cover}
.dtl_bnr .bg dl dd{width:-webkit-calc(100% - 65px);height:60px;float:right;color:#fff;text-align:left}
.dtl_bnr .bg dl dd h2{font-size:18px}
.dtl_bnr .bg dl dd h5{width:95%;font-size:12px;margin-top:6px;line-height:150%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/*.dtl_bnr .bg dl dd h2,.dtl_bnr .bg dl dd h5{
text-shadow:#aaa 1px 0 0, #aaa 0 1px 0, #aaa -1px 0 0, #aaa 0 -1px 0;
-webkit-text-shadow:#aaa 1px 0 0,#aaa 0 1px 0,#aaa -1px 0 0,#aaa 0 -1px 0;
-moz-text-shadow:#aaa 1px 0 0,#aaa 0 1px 0,#aaa -1px 0 0,#aaa 0 -1px 0;
*filter:Glow(color=#aaa,strength=1);color:#fff}
*/
.dtl_box{width:94%;min-height:100px;border-radius:12px;margin:10px auto;background-color:#fff;padding:15px 15px 20px 15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-align:left;}
.dtl_box b{font-size:18px}
.dtl_box b font{font-size:13px;margin-left:2px;font-weight:normal}
.dtl_C{margin-top:-40px}
.dtl_C em{font-size:14px;color:#999;line-height:150%;margin-top:10px;word-wrap:break-word}
.dtl_box .uli{position:relative}
.dtl_box .uli li{width:17%;float:left;margin-right:1%;position:relative;text-align:center}
.dtl_box .uli li img{width:50px;height:50px;border-radius:25px;object-fit:cover;-webkit-object-fit:cove;display:block;margin:15px auto 10px auto}
.dtl_box .uli li span{color:#999;font-size:12px;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dtl_box .uli li font{width:40px;position:absolute;bottom:20px;left:5px;left:-webkit-calc(50% - 20px);display:block;line-height:18px;border-radius:10px;color:#fff;font-size:12px}
.dtl_box .uli i{color:#aaa;font-size:14px;position:absolute;right:5px;top:34px}
.dtl_box .nodatatips{margin:0 auto;padding:10px}
.dtl_box .tjul{margin-top:15px}
.dtl_box .tjul li{padding:0 10px;display:inline-block;line-height:28px;font-size:13px;margin:4px 8px 8px 0;border-radius:20px;box-shadow:0 0 4px rgba(0,0,0,0.09)}
.dtl_box .fuliul{margin-top:15px;font-size:13px}
.dtl_box .fuliul li{display:block;padding:1px 10px;border-radius:12px;margin-bottom:15px}
.dtl_box .fuliul li div{margin:15px 0;line-height:150%;font-size:15px}
.dtl_box .fuliul li div b{font-weight:normal;color:#f00;font-size:14px;margin:0 2px}
.pricelist{text-align:left}
.pricelist em{margin:6px 0}
.pricelist em i{color:#aaa}
.dtl_btm{width:100%;position:fixed;bottom:15px;left:0;height:50px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);z-index:8}
.dtl_btm a{width:80%;max-width:555px;height:50px;line-height:50px;border-radius:30px;display:inline-block;color:#fff;font-size:16px}
.dtl_btm a.enter{background-color:#5EB87B;box-shadow:0 3px 8px rgba(94,184,123,.4)}
.dtl_btm a.enter{background-color:#FE478C;background-image:-webkit-linear-gradient(left, #FE767E ,#FE478C );box-shadow:0 3px 8px rgba(254,117,126,.4)}

/*ulist*/
.ulist{padding:0 15px 20px 15px;margin-top:60px}
.ulist dl{width:100%;position:relative;height:100px;box-sizing:border-box}
.ulist dl dt,.ulist dl dd{position:absolute;top:13px}
.ulist dl dt{width:60px;left:0}
.ulist dl dt img{width:60px;height:60px;border-radius:30px;object-fit:cover;-webkit-object-fit:cover}
.ulist dl dt a{width:60px;height:60px;border-radius:40px;display:block;overflow:hidden;position:relative}
.ulist dl dt img{width:100%;height:100%;object-fit:cover;-webkit-object-fit:cover}
.ulist dl dt span{width:80%;position:absolute;bottom:0;left:10%;height:18px;line-height:16px;display:block;border-radius:6px;color:#fff;font-size:12px}
.ulist dl dt font{font-size:20px;position:absolute;right:0;top:-10px;color:#999}

.ulist dl dd{right:0;width:-webkit-calc(100% - 80px);text-align:left;border-bottom:#f5f5f5 1px solid;height:86px}
.ulist dl dd b{font-weight:normal}
.ulist dl dd h4{font-size:14px}



.ulist dl dd h4 img,.ulist dl dd h4 span{vertical-align:middle}
.ulist dl dd h5{font-size:12px;margin:5px 0}
.ulist dl dd h5 b{display:inline-block;line-height:20px;height:20px;padding:0 8px;border-radius:18px;color:#fff;}
.ulist dl dd h5 b:first-child{margin-right:10px}
.ulist dl dd h5 b:last-child{background-color:#9fbdeb;}
.ulist dl dd h6{font-size:13px;color:#888;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ulist dl .enter{position:absolute;right:0;top:35px;color:#c6c6c6;}
.ulist dl .enter i{font-size:15px}
.ulist dl .enter{padding:0 10px;display:inline-block;border-radius:20px;background-color:#fff;border:#999 1px solid;color:#999;font-size:13px;line-height:28px;}
.blankbottom{height:120px;clear:both;overflow:auto;color:#999}

.ulist_search{position:fixed;bottom:10px;text-align:center;line-height:16px;left:-webkit-calc(50% - 25px);display:block;width:50px;height:50px;line-height:16px;font-size:12px;border-radius:30px;color:#fff;/*;border:#fff 1px solid*/margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom);z-index:5}
.ulist_search i{font-size:22px;line-height:20px;height:20px;display:block;margin-top:7px}
.ulist_search span{display:inline-block;margin-top:8px;line-height:14px}
.ulist_search i{font-size:26px;margin-top:8px}