#other_div .mui-slider-item{ padding-bottom: 30px; margin-right: 10px; } #other_div .mui-slider-item li img { width: 43px; } .xzzd.tixys span{ background: #17b3ec; border:none; color: #fff; } .c-msg { background: none; line-height: inherit; color: #000; } .c-chat-box { border: none; padding-left: 2%; padding-right: 2%; } .service .tit{ font-size: 16px; color: #323232; margin-top: 10px; text-align: center; position: relative; } .pulled-bg{ width:30px ; height: 16px; background: url('../images/pull-bg.png') no-repeat; background-size: contain; position: absolute; bottom: -2px; left: 50%; margin-left: -15px; z-index: 100; } .pulled-down{ width:24px ; height: 25px; background: url('../images/icon_shangla.png') no-repeat; background-size: contain; position: absolute; bottom: -14px; left: 50%; margin-left: -12px; z-index: 110; background-color: #f2f4f6; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } .pulled-up{ width:24px ; height: 25px; background: url('../images/icon_xiala.png') no-repeat; background-size: contain; position: absolute; bottom: -14px; left: 50%; margin-left: -12px; z-index: 110; background-color: #f2f4f6; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } .no-service{ width: 100%; background-color: #fff; border-bottom: solid 1px #dcdcdc; position: fixed; top: 45px; left: 0px; z-index: 99; height:50px; line-height: 50px; text-align: center; font-size: 16px; color: #323232; } .service{ width: 100%; height: 50px; background-color: #fff; border-bottom: solid 1px #dcdcdc; position: fixed; top: 45px; left: 0px; z-index: 99; } .value-show{ width: 100%; background-color: #fff; border-bottom: solid 1px #dcdcdc; position: fixed; top: 45px; left: 0px; z-index: 99; } .value-show .nav{ font-size: 14px; color: #909090; width: 100%; text-align: center; margin-top: 10px; } .value-show .msg{ padding-bottom: 15px; } .value-show .msg li.one .img{ width: 30px; height: 30px; border-radius: 50%; overflow: hidden; margin-right: 10px; } .value-show .msg li.one .name{ width: 80px; font-size: 14px; color: #323232; margin-right: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .value-show .msg li.one{ display: -webkit-box; display: box; margin-top: 15px; -webkit-box-align: center; box-align:center; padding-left: 10px; } .value-show .msg li.one:first-child{ margin-top: 10px; } .value-show .msg li.one .img img{ width: 100%; } .value-show .star li{ margin-right: 5px; width: 16px; height: 16px; } .value-show .star{ display: -webkit-box; display: box; -webkit-box-align: center; box-align:center; } .value-show .star li img{ width: 100%; } .new-li{ margin-top: 10px; display: -webkit-box; -webkit-box-align: center; margin-bottom: 20px; } .new-li:last-child{ margin-bottom: 10px; } .new-li .p1{ width: 120px; } .new-li .p1 .imgs{ width: 50px; height: 50px; border-radius: 50%; overflow: hidden; margin: 0px auto; } .new-li .p1 .name{ width: 100px; text-align: center; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 5px auto 0px; } .new-li .p1 .imgs img{ width: 100%; } .new-li .p2 .div{ display: -webkit-box; -webkit-box-align: center; margin-bottom: 6px; } .new-li .p2 .div:last-child{ margin-bottom: 0px; } .new-li .p2 .div .label{ font-size: 14px; color: #333; line-height: 21px; margin-right: 15px; } .new-li .p2 .div .list{ display: -webkit-box; } .new-li .p2 .div .list li{ margin-right: 5px; width: 16px; height: 16px; } .new-li .p2 .div .list li img{ width: 100%; }