/*团购频道页*/
header .headTitle li .switch{background: url(../images/tuan/category1.png) no-repeat 0 0.7rem / 1.6rem auto;display: block;width: 2.2rem;height: 3rem;position: absolute;right: 3.8rem;}
header .headTitle li .switch.on{background-position: 0 -1.8rem;}
#mainContent{background: #f5f5f5;}
/*焦点图样式*/
.slideBox{position:relative; overflow:hidden;max-width:100%;/* 设置焦点图最大宽度 */ }
.slideBox .hd{background-color: rgba(0,0,0,0);position:absolute;bottom:0;z-index:1;width: 100%;text-align: center;}
.slideBox .hd ul {background: rgba(0,0,0,0.3);height: 26px;}
.slideBox .hd li{display:inline-block; width:7px; height:7px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;background: #fff; text-indent:-9999px; overflow:hidden; margin:10px 5px;opacity: 0.5;}
.slideBox .hd li.on{background:#fff;opacity: 1;}
.slideBox .bd{position:relative; z-index:0;}
.slideBox .bd li{position:relative; text-align:center;}
.slideBox .bd li a > div {width: 100%;padding-bottom: 50%;background-position: 50%;background-size: cover;background-repeat: no-repeat;}
.slideBox .bd li img{background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{display:block; width:100%; position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(../images/focusBg.png) repeat-x; color:#fff;  text-align:left;}

/*团购类型*/
.tuanType .hd{background-color: #fff;height: 3.5rem;line-height: 3.5rem;border-left: 0.5rem solid #ffd000;font-size: 1.4rem;padding-left: 1rem;margin-top: 1rem;border-bottom: 1px solid #e6e6e6;position: relative;}
.tuanType .bd{background-color: #fff;}
.tuanType .bd ul{}
.tuanType .bd li{font-size: 1.2rem;width: 25%;box-sizing: border-box;float: left;height: 3.5rem;line-height: 3.5rem;text-align: center;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.tuanType .bd li:nth-child(4n){border-right: 0;};
.tuanType .bd li a{display: block;}

.tuantype{position:absolute;left:0;top:4.5rem;width:100%;display:none;height:100%;z-index:9999;}
.tuantype .bg{height:100%;position:absolute;left:0;top:0;opacity: 0.5;background:#999;width:100%;z-index: -1;}
.tuantype .typeList{max-height:350px;overflow:auto;text-align:left;background:#FFF;}
.tuantype p{height:44px;padding-left:20px;line-height:44px;border-bottom:1px solid #ccc;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;margin-bottom:0; font-size:14px;}
.tuantype p.cur{ color:#F60;}

/*团购列表页*/
.searchTitle{padding: 1rem 1.5rem; border-bottom: 1px solid #eee; background-color: #F7F7F7;}
.searchTitle h2{background-color: #fff;border: 1px solid #efefef;border-radius: 0.5rem;line-height: 3rem;height: 3rem;font-size: 1.2rem;color: #999;padding: 0 1rem;position: relative;}
.searchTitle h2 i.ico{background: url(../images/ico/search.png) no-repeat 0 0.8rem/1.6rem;display: block;width: 2rem;height: 3.5rem;float: left;position: absolute;}
.searchTitle h2 input[type="text"]{width: 85%;padding-left: 2rem;box-sizing: border-box;font-size: 1.2rem;}
.searchTitle h2 a{background: #f8f8f8;border-left: 1px solid #efefef;border-radius: 0 0.5rem 0.5rem 0;color: #2ebd59;display: block;font-size: 1rem;padding: 0 1rem;position: absolute;right: 0;top: 0;}
.list{}
.list .hd{background-color: #fff;height: 3.5rem;line-height: 3.5rem;border-left: 0.5rem solid #9ed969;font-size: 1.4rem;padding-left: 1rem;margin-top: 1rem;border-bottom: 1px solid #e6e6e6;position: relative;}
.list .hd .switch{background: url(../images/ico/category.png) no-repeat 0 0.72rem / 2.2rem auto;display: block;width: 2.2rem;height: 3.5rem;position: absolute;right: 1rem;}
.list .hd .switch.on{background-position: 0 -2.2rem;}
.list ul{padding: 1rem;background-color: #fff;/* border-bottom: 1px solid #eee; */}
.list li{border-bottom: 1px solid #dcdcdc;padding-bottom: 0.5rem;padding-top: 0.5rem;}
.list li:nth-last-child(1){border-bottom: 0;}
.list .list_l{width: 8rem;height: 7.3rem;float: left;display: block;border-radius: 0.5rem;background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;overflow: hidden;}
.list .list_l .tag_box{background: #75bb5d;width: 3rem;font-size: 1rem;color: #fff;line-height: 1.6rem;height: 1.6rem;text-align: center;position: absolute;left: 0;top: 1rem;}
.list .list_r{padding-left: 9rem;height: 7.3rem;}
.list .list_r h4{color: #000;font-size: 1.3rem;height: 3.6rem;line-height: 1.8rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list .list_r .info{height: 2rem;overflow: hidden;}
.list .list_r .price{font-size: 1rem;color: #999;line-height: 2rem;float: left;}
.list .list_r .price i{color: #f63;font-weight: bold;}
.list .list_r .price em{color: #f63;font-size: 1.4rem;font-weight: bold;}
.list .list_r .text{color: #888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 2rem;line-height: 2rem;}
.list .list_r .text .buyCount{float: right;}
.list .list_r .text .del{float: left;}
.list .picList{display: none;}
.list .picList ul{background: none;padding: 0;}
.list .picList li{background: #fff;padding: 0;margin: 0 0 1rem;}
.list .picList li .img{width: 100%;padding-bottom: 45%;background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;}
.list .picList li .img .extra{position: absolute;top: 1rem; left: 1rem; background: rgba(0, 0, 0, 0.7); color: #fff; height: 2.4rem; line-height: 2.4rem; font-size: 1.2rem; border-radius: 1.2rem; padding: 0 1.5rem;}
.list .picList li .text{max-width: 100%;box-sizing:border-box;padding: 0 1rem 1rem;}
.list .picList li .title{color: #333;font-size: 1.2rem;line-height: 1.5rem;text-overflow: ellipsis;overflow: hidden;margin-top: 1rem;width: 100%;height: 1.5rem;}
.list .picList li .describe{color: #999;font-size: 1rem;line-height: 1.5rem;margin-top: 10px;text-overflow: ellipsis;overflow: hidden;width: 100%;max-height: 3rem;}
.list .picList li .price{font-size: 1rem;color: #999;line-height: 2rem;float: left;}
.list .picList li .price i{color: #f63;font-weight: bold;}
.list .picList li .price em{color: #f63;font-size: 1.4rem;font-weight: bold;}
.list .picList li .del{float: left;text-decoration: line-through;padding: 0.45rem 0 0 0.5rem;}
.list .picList li .buyCount{float: right;padding: 0.45rem 0 0 0;}
footer.menu{position: fixed; bottom: 0; width: 100%;max-width: 640px;}
footer.menu li{background-color: rgba(255,255,255,0.95);}
footer.menu li em{display: block;}
/*筛选条件*/
.asort{display: none;position: fixed;width: 100%;bottom: 5.4rem;background-color: rgba(0,0,0,0.5);color: #666;z-index: 100;height: 100%;max-width: 640px;}
.asort.on{display: block;}
.asort .title{background-color: #fff;height: 4rem;line-height: 4rem;border-left: 0.5rem solid #2ebd59;font-size: 1.4rem;padding-left: 1rem;border-bottom: 1px solid #e6e6e6;}
.asort .sort_list{display: none;border-top: 1px solid #dcdcdc;position: absolute;bottom: -5.5rem;width: 100%;max-height: 28.5rem;overflow: scroll;z-index: 101;}
.asort .sort_list.on{display: block;}
.asort dd{font-size: 1.4rem;line-height: 4rem;position: relative;border-bottom: 1px solid #dcdcdc;background-color: rgba(255,255,255,0.95);}
.asort span{display: block;padding-left: 1rem;color: #000;}
.asort dd i,.asort dl i{display: none;width: 1rem;height: 1.8rem;border-right: 2px solid #2ebd59;border-bottom: 2px solid #2ebd59;-webkit-transform: rotate(45deg)translateY(-3px);transform: rotate(45deg)translateY(-3px);margin-left: 4px;position: absolute;top: .6rem;right: 2.3rem;}
.asort dd.on span{color: #2ebd59;}
.asort dd.on i,.asort dl.on i{display: block;}
.asort dl {font-size: 1.4rem;line-height: 4rem;position: relative;/* border-bottom: 1px solid #dcdcdc; */background-color: rgba(255,255,255,0.95);}
.asort dl dt{font-size: 1.4rem; line-height: 4rem; position: relative; border-bottom: 1px solid #dcdcdc; background-color: rgba(255,255,255,0.95);}
.asort dl.alist dt i{width: 1rem;height: 1rem;border-right: 2px solid #666;border-bottom: 2px solid #666;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin-left: 4px;position: absolute;top: 1.2rem;right: 2.3rem;display: block;}
.asort dl.alist dd{padding-left: 1rem;display: none;}
.asort dl.alist.open dd{display: block;}
.asort dl.alist dd span{color: #666;}
.list_loading {height: 25px;padding: 10px 0 10px;text-align: center;}
.list_loading i {height: 16px; width: 16px; display: inline-block; background: url('../images/icon/icons.png') no-repeat -288px -16px; background-size: 500px 500px; margin-right: 10px; vertical-align: middle; -webkit-animation: loading 1s infinite linear; -ms-animation: loading 1s infinite linear; -o-animation: loading 1s infinite linear; -moz-animation: loading 1s infinite linear; animation: loading 1s infinite linear;}
.list_loading span {height: 16px; display: inline-block; line-height: 16px; vertical-align: middle; color: #A0A0A0;font-size: 14px;}
@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}}


/*团购详情页*/
/*焦点图*/
.slideBox.focus .bd li a > div{padding-bottom: 50%;}
.slideBox.focus .hd{bottom: 1rem;height: 1.8rem;}
.slideBox .txBox{background: rgba(0, 0, 0, 0.3);position: absolute;left: 0;bottom: 0rem;z-index: 1;width: 100%;height: 2.6rem;line-height: 2.6rem;background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.7) 100%);background: linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.7) 100%);box-sizing: border-box;padding: 0 0.5rem;}
.slideBox .txBox .item{color: #fff;}
.slideBox .txBox .clock i{background: url(../images/icon/clock.png) no-repeat 0 0 / cover;padding: 0 0.7rem;margin-right: 0.3rem;}
/*简要信息*/
.baseInfo{background-color: #fff;margin-bottom: 1rem;}
.baseInfo h2{font-size: 1.4rem;padding: 1rem 1rem 0;}
.baseInfo .b_brief{color: #888;font-size: 1rem;height: 1.8rem;line-height: 1.6rem;overflow: hidden;padding: 0.5rem 1rem 0;text-overflow: ellipsis;white-space: nowrap;}
.baseInfo .b_price{font-size: 1rem;padding: 0 1rem 1rem;height: 2.2rem;color: #999;}
.baseInfo .b_price .price{font-size: 1rem;color: #999;line-height: 2rem;float: left;}
.baseInfo .b_price .price i{color: #f63;font-weight: bold;}
.baseInfo .b_price .price em{color: #f63;font-size: 1.4rem;font-weight: bold;}
.baseInfo .b_price .del{float: left;text-decoration: line-through;padding: 0.45rem 0 0 0.5rem;}
.baseInfo .b_price .sale{background: url(../images/icon/sale_ico.jpg) no-repeat scroll center center / 100% auto;color: #fff;display: inline-block;height: 1.6rem;line-height: 1.6rem;margin: 0.3rem 0 0 0.5rem;padding-right: 1rem;text-align: right;width: 4rem;}
.baseInfo .lable{/*border-bottom: 1px solid #dddddd;*/height: 3rem;line-height: 3rem;}
.baseInfo .lable > div{width: 50%;float: left;text-align: center;color: #666;}
.baseInfo .lable span{background: url(../images/icon/dui.png) no-repeat 0 0 / cover;margin-right: 0.3rem;padding: 0.1rem 0.7rem;}
.baseInfo .lable span.on{background: url(../images/icon/cuo.png) no-repeat 0 0 / cover;background-size:18px;}

/*团购介绍*/
.showInfo{}
.showInfo .hd{background-color: #fff;border-bottom: 1px solid #e6e6e6;border-left: 0.5rem solid #9ed969;font-size: 1.4rem;height: 3.5rem;line-height: 3.5rem;margin-top: 1rem;padding-left: 1rem;position: relative;}
.showInfo .bd{background-color: #fff;}
.showInfo .con{background-color: #fff;font-size: 1.2rem;color: #666;}
.showInfo .con .costInfo{padding: 1rem;}
.showInfo .con .costInfo h3{color: #000;line-height: 3rem;}
.showInfo .con .img{line-height: 3rem;height: 3rem;font-size: 1.4rem;}
.showInfo .con .img span{color: #000;}

/*其他事项*/
.other_things{margin-bottom: 1rem;}
.other_things li{position: relative;height: 3.5rem;line-height: 3.5rem;background-color: #fff;border-bottom: 1px solid #e6e6e6;padding: 0 1rem;font-size: 1.2rem;}
.other_things li:last-child{border-bottom: 0;}
.other_things li a{display: block;width: 100%;height: 3.5rem;}
.other_things span{}
.other_things span.fl{}
.other_things span.fr{color: #999;font-size: 1rem;padding-right: 1.5rem;}
.other_things span.add{background: url(../images/ico/add.png) no-repeat -0.2rem 1rem/1.5rem;padding-left: 1.8rem;width: 17rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.other_things span.tel{background: url(../images/ico/phone.png) no-repeat 0 1rem/1.5rem;padding-left: 1.8rem;width: 17rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.other_things li > a:after{content: '';display: inline-block;width: .5rem;height: .5rem;border-right: 1px solid #666;border-bottom: 1px solid #666;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin-left: 0.1rem;position: absolute;right: 1rem;top: 50%;margin-top: -.25rem;}
.other_things .other_show{width: 100%; height: 0; background: #fff; position: fixed; bottom: 0; left: 0; z-index: -1; overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0px,100%,0px); -moz-transform: translate3d(0px,100%,0px); transform: translate3d(0px,100%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); transition: all 0.3s cubic-bezier(0.55,0.055,0.675,0.19);}
.other_things .other_show.show{-webkit-transform: translate3d(0px,0%,0px); -moz-transform: translate3d(0px,0%,0px); transform: translate3d(0px,0%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -o-transition: -o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); transition: transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); display: block; z-index: 999; height: 100%;}
.other_things .other_show .hd{border-bottom: 1px solid #ccc;text-align: center;font-size: 1.4rem;color: #000;}
.other_things .other_show .bd{padding: 1rem; font-size: 1rem; line-height: 2rem; color: #666;}
.other_things .other_show .bd h3{color: #000; font-size: 1.2rem;}
.other_things .other_show .close{background: url(../images/ico/close.png) 0 0/cover;width: 5rem;height: 5rem;/* position: absolute; */bottom: 1rem;/* left: 50%; *//* margin-left: -2.5rem; */margin: 0 auto;}
/*猜您喜欢*/
.guess{background-color: #fff;margin-top: 1rem;}
.guess .hd{font-size: 1.4rem; line-height: 1.5rem; border-bottom: 1px solid #ccc; padding: 1rem 1rem 1rem 3.5rem; margin-bottom: 1rem; position: relative;color: #eb4f38;}
.guess .hd i{background-image:url(../images/ico/guess.png);background-size: cover;height: 2rem;left: 1rem;margin-top: -1rem;position: absolute;top: 50%;width: 2rem;}
.guess .bd{padding: 0 0 0 1rem;}
.guess .bd ul{}
.guess .bd li{width: 50%;float: left;box-sizing: border-box;padding-right: 1rem;padding-bottom: 1rem;}
.guess .bd li .img{width: 100%; padding-bottom: 75%; background-size: cover; background-position: 50% 50%;}
.guess .bd li .title{height: 3rem; font-size: 1rem; overflow: hidden; line-height: 1.5rem; margin-top: 0.5rem;}
.guess .bd li .price{color: #f40; font-size: 1rem; text-align: right;}
.guess .bd li .price em{font-size: 1.4rem;} 
.guess .bd li .price i{color: #666;}
/*页脚预订栏*/
footer.sub{background-color: #fff; bottom: 0; font-size: 1rem; height: 4rem; margin: 0 auto; max-width: 640px; position: fixed; width: 100%; z-index: 99;}
footer.sub span{float: left;display: block;text-align: center;height: 4rem;line-height: 4rem;box-sizing: border-box;}
footer.sub span a{display: block;}
footer.sub .collect{width: 20%;border-top: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;line-height: 1.5rem;}
footer.sub .collect:before{content: "";display: block;margin: .4rem auto 0;width: 1.6rem;height: 1.6rem;background: url(../images/ico/collect.png) 0 0/cover;}
footer.sub .collect.on:before{background-image: url(../images/ico/collect_on.png);}
footer.sub .tel{width: 20%;border-top: 1px solid #f1f1f1;line-height: 1.5rem;}
footer.sub .tel:before{content: "";display: block;margin: .4rem auto 0;width: 1.6rem;height: 1.6rem;background: url(../images/ico/phone.png) 0 0/cover;}
footer.sub .booking{background-color:#ff7d13;width: 60%;font-size: 1.2rem;}
footer.sub .booking a{color: #fff;}

/*团购预订页*/
/*.showCon h4.title{font-size: 1.4rem;padding: 1rem;padding-bottom: 0;}
.showCon section {background: #FFF;border: 1px solid #E5E5E5;margin-top: 1rem;padding: 0 1rem;position: relative;height: 3.5rem;line-height: 3.5rem;}
.showCon section i{display: inline-block; width: .5rem; height: .5rem; border-right: 1px solid #666; border-bottom: 1px solid #666; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 0.1rem; position: absolute; right: 1rem; top: 50%; margin-top: -.25rem;}
.showCon section.priceInfo{margin: 0;font-size: 1.2rem;}
.showCon section .price{color: #F94B42;font-weight: bold;padding-right: 10px;font-style:normal;}
.showCon section .price1{color: #888;font-weight: bold;padding-right: 10px;font-style:normal;text-decoration:line-through;}
.editInfo{padding: 1rem;}
.crowd {height: 3.5rem;line-height: 3.5rem;font-size: 1.2rem;background: #FFF;padding: 0 1rem !important;border: 1px solid #e5e5e5;border-top: none;}
.crowd .rooNum{float:right;height: 2.5rem;line-height: 2.5rem;color:#666;background-color:#fff;text-align:center;border:1px solid #e4e4e4;position:relative;left:auto;right:auto;top: 50%;display: inline-block;vertical-align: middle;margin-right: 0;overflow:hidden;margin-top: -1.3rem;}
.crowd .rooNum i {position:absolute;width: 2rem;height: 2.5rem;text-align:center;background:#FFF;font-size: 2rem;font-weight: bold;line-height: 2.3rem;}
.crowd .rooNum i:first-child {left:0;color:#f94b42;border-right:1px solid #e4e4e4;}
.crowd .rooNum i:last-child {right:0;color: #F94B42;border-left:1px solid #e4e4e4;}
.crowd .rooNum .listNum{line-height: 2.2rem;}
.crowd .rooNum input{border: 0 none;float: left;font-size: 1rem;height: 2.5rem;line-height: 2.5rem;margin: 0 3rem;text-align: center;width: 1.5rem;}
.crowd .rooNum .noNum {background:none;color:#d9d9d9 !important}*/
em.money {font-weight: 500; color: #FF8000;}
#pricetyperadio{margin-top: 0.5rem;padding: 0 1rem;margin-bottom: 1rem;}
#pricetyperadio span {background-color: #FFF;border: 1px solid #ddd;color: #333;display: inline-block;text-align: center;margin-right: .5rem;padding: .5rem 1rem;cursor: pointer;font-size: 1.2rem;}
#pricetyperadio span.cur {background-color: #ff9500; color: #FFF; border-color: #ff9500;}
/*预订尾部*/
footer.order{background-color: #fff; bottom: 0; font-size: 1rem; height: 4rem; margin: 0 auto; max-width: 640px; position: fixed; width: 100%; z-index: 99;}
footer.order input[type="submit"]{height: 4rem; float: right; width: 10rem; background-color: #ff7d13; color: #fff; font-size: 1.4rem;}
footer.order span{line-height: 4rem;}
footer.order .total{color: #f60; font-size: 1.4rem; padding-left: 1rem;}
footer.order .price{color: #f60;}
footer.order .price em{font-size: 1.5rem;}

/*用户评论*/
.comment{}
.comment .title{padding: 1rem;text-align: center;color: #666;position: relative;font-size: 1rem;}
.comment .title:after{content: ""; height: 1px; background: #d4d4d4; position: absolute; width: 100%; top: 49%; left: 0; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5);}
.comment .title span{position: relative;z-index: 1;padding: 0 1rem;background: #f5f5f5;}
.comment .commentInfo{margin: 0 1rem 1rem 1rem;padding: 1rem;background-color: #fff;border-radius: .3rem;margin-bottom: 0;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.comment .commentInfo .mark1{line-height: 2rem;width: 30%;text-align: center;float: left;border-right: 1px solid #ccc;box-sizing: border-box;}
.comment .commentInfo .mark1 p{}
.comment .commentInfo .mark1 p em{color: #f40;}
.comment .commentInfo .mark1 h3{color: #f40; font-size: 1.6rem;}
.comment .commentInfo .mark2{float: left;width: 70%;box-sizing: border-box;padding: 1rem 1rem 1rem 1.5rem;}
.comment .commentInfo .mark2 dl{width: 50%;float: left;line-height: 2rem;text-align: center;}
.comment .commentInfo .mark2 dt{/* float: left; */display: inline;}
.comment .commentInfo .mark2 dd{/* float: left; */color: #f40;display: inline;}
.comment .commentList{margin: 1rem;padding: 1rem;background-color: #fff;border-radius: .3rem;box-shadow: 0 1px #ccc;margin-top: 0;padding-top: 0;border-top-left-radius: 0;border-top-right-radius: 0;}
.comment .commentList li{border-top: 1px solid #ccc; padding-top: 1rem; padding-bottom: 1rem;}
.comment .commentList li:last-child{padding-bottom: 0;}
.comment .commentList li .top_part{margin-bottom: 0.5rem;}
.comment .commentList li .top_part .s1{display: block; float: left;}
.comment .commentList li .top_part .s1 img{width: 3rem;height: 3rem;border-radius: 100%;box-shadow: 0 0 5px #ccc;}
.comment .commentList li .top_part .s2{height: 3rem; display: block; float: left; padding-left: 1rem;}
.comment .commentList li .top_part .s2 .star{background: url(../images/ico/star.png) repeat 0rem 0.1rem/1.5rem;width: 7.5rem;height: 1.8rem;margin-right: 0.5rem;margin-top: 0.2rem;display: block;}
.comment .commentList li .top_part .s2 .star.st1{width: 1.5rem;}
.comment .commentList li .top_part .s2 .star.st2{width: 3rem;}
.comment .commentList li .top_part .s2 .star.st3{width: 4.5rem;}
.comment .commentList li .top_part .s2 .star.st4{width: 6rem;}
.comment .commentList li .top_part .s2 .star.st5{width: 7.5rem;}
.comment .commentList li .middle_part{color: #666;font-size: 1.2rem;}
.comment .commentList li .bottom_part{margin-top: 1rem;}
.comment .commentList li .bottom_part .date{font-size: 1rem;line-height: 2rem;color: #aaa;}
.comment .commentList li .bottom_part .img{}
.comment .commentList li .bottom_part .img img{display: none;}
.comment .commentList li .bottom_part .img li{width: 19%;padding-bottom: 13.5%;float: left;background-size: cover;margin-right: 1%;}
.comment .commentList .more{display: block; width: 100%; text-align: center;}
.comment .commentList .more span{position: relative;}
.comment .commentList .more span:after{content: '';display: inline-block;width: .5rem;height: .5rem;border-right: 1px solid #666;border-bottom: 1px solid #666;-webkit-transform: rotate(-45deg)translateY(0);transform: rotate(-45deg)translateY(0);margin-left: 0.1rem;position: absolute;right: -1rem;top: 50%;margin-top: -0.25rem;}