body { background-color: #e7e7e7; }
.warp img { width: 100%; }
.ts_icon { background: url('/static/group16/images/tousu_icon.png') no-repeat; background-size: 12rem 12rem; }
.pp_icon { background: url('/static/group16/images/pp_icon.png') no-repeat; background-size: 4rem 6rem; }
.tousu_list { background: #F5F5F5; padding: .6rem .6rem 2rem .6rem; margin-top: -.6rem; border-radius: .7rem .7rem 0 0; z-index: 9; position: relative; }
.tousu_list h4 { font-size: .8rem; line-height: 1.5rem; color: #333333; margin-bottom: 1rem; font-weight: bold; }
.tousu_list li { position: relative; background-color: #fff; border-radius: .3rem; margin-bottom: 1.5rem; padding: .8rem .6rem 0; }
.tousu_list li h5 { font-size: .6rem; color: #333333; line-height: .85rem; font-weight: bold; margin: .3rem 0; }
.tousu_list li p { font-size: .52rem; color: #666666; line-height: .85rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: .6rem; }
.tousu_list li p.sign span, .tousu_item p.sign span { display: inline-block; border: 1px solid #e9e9e9; border-radius: .08rem; height: .64rem; line-height: .64rem; padding: 0 .08rem; font-size: .4rem; color: #999999; margin-right: .2rem; vertical-align: top; }
.tousu_list li p.date { border-top: 1px solid #ECEEF1; height: 1.5rem; line-height: 1.5rem; font-size: .4rem; color: #999999; position: relative; }
.tousu_list li p.date span { float: right; color: #8B97AC; font-size: .4rem; display: flex; align-items: center; cursor: pointer; }
.tousu_list li p.date i { display: inline-block; width: .64rem; height: .64rem; }
.tousu_list li img { width: 1.5rem; height: 1.5rem; border-radius: .8rem; position: absolute; top: -.75rem; left: .6rem; }
.tousu_list li em { position: absolute; height: 1rem; line-height: 1rem; color: #fff; padding: 0 .3rem; font-size: .4rem; color: #FFFFFF; top: 0; right: 0; background-image: linear-gradient(90deg, #5F9FFF 0%, #4F7AE4 100%); border-radius: 0 0 0 .32rem; }
.tousu_list li em.status2 { background-image: linear-gradient(90deg, #f95a72 0%, #F76074 100%); }
.tousu_list li em.status3 { background-image: linear-gradient(-224deg, #FFB262 0%, #FE7B33 97%); }
.tousu_btn { width: 5rem; height: 1.2rem; position: fixed; left: 50%; bottom: 2.2rem; z-index: 10; background: #fb4460; color: #fff; text-align: center; line-height: 1.2rem; border-radius: .8rem; margin-left: -2.5rem; font-size: .6rem; }
.sharebg { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.65); z-index: 1000; left: 0; right: 0; top: 0; bottom: 0; }
.shareimg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1001; margin: .6rem; display: flex; align-items: center; justify-content: center; }
.lejushare_img img { width: 100%; max-width: 100%; max-height: 100%; }
.lejushare_img p { text-align: center; color: #fff; line-height: 1rem; }
.lejushare_img a { width: 2rem; height: 2rem; margin: .5rem auto 0; display: block; background-position: -2.1rem -2.3rem; }
.share-container { display: none; }

/* 投诉详情 */
.ts_detail { background-color: #fff; }
header { height: 1.6rem; font-size: .6; color: #000; padding: 0 .6rem; background-color: #ededed; display: flex; justify-content: center; }
.go_back { display: inline-block; width: .8rem; height: 1.6rem; background-position: 0rem .5rem; }
header h1 { display: inline-block; width: 13rem; text-align: center; line-height: 1.6rem; }
.tousu_detail h3 { padding: .8rem .6rem; font-size: .62rem; color: #333333; line-height: 1rem; font-weight: bold; border-bottom: .4rem solid #F7F8FA; }
.tousu_detail h3 span { display: inline-block; width: 1.6rem; height: .8rem; border-radius: .1rem; font-size: .4rem; color: #FFFFFF; line-height: .8rem; text-align: center; vertical-align: top; margin-top: .06rem; margin-right: .2rem; }
.tousu_detail h3 span.wt_red { background-image: linear-gradient(-90deg, #FF755C 0%, #F76074 100%); }
.tousu_detail h3 span.wt_orange { background-image: linear-gradient(270deg, #FFB262 0%, #FE7B33 100%); }
.tousu_detail h3 span.wt_blue { background-image: linear-gradient(270deg, #5F9EFF 0%, #507AE4 100%); }
.tousu_items { padding: 1rem 0 0 .6rem; }
.tousu_item { padding: 0 .6rem; border-left: 1px solid #DEDEDE; position: relative; padding-bottom: .6rem; }
.tousu_head { height: 1.4rem; }
.tousu_head img { width: 1.4rem; height: 1.4rem; border-radius: 50%; float: left; margin-right: .4rem; }
.tousu_head p.name { line-height: .7rem; font-size: .58rem; color: #333333; font-weight: bold; display: block; }
.tousu_head p.name span { color: #999999; font-size: .5rem; margin-left: .3rem; }
.tousu_head p.time { font-size: .4rem; color: #999999; line-height: .6rem; display: block; }
.tousu_item p.detail { font-size: .58rem; color: #333333; line-height: 1rem; margin-top: .3rem; word-break: break-all; margin-bottom: .3rem; }
.tousu_item p.rem span { font-size: .5rem; }
.tousu_item em { position: absolute; left: -.15rem; width: .3rem; height: .3rem; border-radius: 50%; background: #DEDEDE; top: 0rem; }
.tousu_btns { display: flex; justify-content: center; margin: 2rem 0; }
.tousu_btns i { display: block; width: 2.5rem; height: 2.5rem; background-position: -.1rem -2.8rem; }
.tousu_btns i.on { background-position: -2.64rem -2.8rem; }
.tousu_btns i.share { background-position: -5.3rem -2.8rem; }
.tousu_btns em { font-size: .4rem; color: #999999; line-height: .4rem; display: block; margin-top: .2rem; }
.tousu_btns a { display: block; width: 2.5rem; color: #666;text-align: center; margin: 0 1rem; }
.tousu_item .pics img { width: 3.2rem; height: 3.2rem; margin-right: .2rem; margin-bottom: .2rem; float: left; }
.tousu_item video { width: 12rem; }
.back_home { position: fixed; width: 1.8rem; height: 1.8rem; background-color:#7e899d;opacity:.7; bottom: 1rem; right: 1rem; border-radius: 50%; color: #fff; text-align: center; }
.back_home i { display: block; width: .8rem; height: .8rem; margin: .2rem auto 0; background-position: -3.25rem -.8rem; }