*{padding:0px;margin:0px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {zoom:1;}
ul,li {list-style:none;}
img,input {border:0px;}
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
button{font-family: inherit;}
a:link,a:visited,a:active {text-decoration:none;}
a{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none ;-webkit-user-select:none;}
input{ outline:none; /*outline-color:red;*/}
/*td, th, div {word-break: break-all;word-wrap: break-word;}*/
.fl{float:left;}
.fr{float:right;}
body{font-family:Helvetica,Tahoma, Arial,"PingFang SC",STXihei,"Microsoft yahei","WenQuanYi Micro Hei",sans-serif;margin:0 auto;width:100%;background:#F9F9EC;min-width:300px;max-width:640px;/*width: 100vw!important;overflow-x: hidden!important;overflow-x:visible;overflow-x: hidden;*/}
/*.m_w{max-width:640px;}
#header_wrapper{width:100%;background:#B1D3E0;}*/
#header{margin:0 auto;height:44px;background:#B1D3E0;overflow: hidden;display: flex;}
#app{width: 30px;height: 30px;margin-left:12px;line-height:25px;border-radius: 50%;margin-top:7px;text-align: center;background: #fff;}
#logo{width: 62px;height: 16px;font-size: 16px;font-weight: normal;color: #000000;line-height: 22px;margin-top:15px;margin-left:15px;}
#logo img{width:62px;height: 16px;display: block;border:0px;}
#search{ /*min-width: 180px;*/height: 28px;background: #FFFFFF;border-radius: 5px;margin-top:8px;margin-left:20px;margin-right:20px;flex-grow:1;padding-left:0px;padding-right:0px;display: block;}
#search input{width:100%;height:28px;/*background: url(search_icon_mini.png) no-repeat center 7px;*/text-align: center;border-radius: 5px;}
#search input.hadbgicon{background: url(search_icon_txt.png) no-repeat center 7px;background-size: auto 16px;}
/*#search input:focus{border-style: solid;border-color: red;}*/
#photo_wrapper{display: block;width: 30px;height: 30px;margin-right:10px;margin-top:7px;}
#photo{display: block;width: 100%;height: 100%;border-radius: 50%;}


#banner {width:100%; height:100px; overflow:hidden; position:relative;margin:0 auto;}
#banner ul {height:100px; position:absolute;}
#banner ul li {float:left; width:100%; height:100px; overflow:hidden; position:relative; background:#F9F9EC;}
#banner ul li img{display: block;width: 100%;height:100px;object-fit: cover;}
#banner ul li div {position:absolute; overflow:hidden;}
#banner .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#000;opacity: 0.2;}
#banner .btn {position:absolute; width:80%; height:10px; padding-bottom:10px;padding-right:5px; right:0; bottom:0; text-align:right;}
#banner .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#banner .btn span.on {background:#fff;}
#banner .preNext {width:45px; height:100px; position:absolute; top:0px; background:url(sprite.png) no-repeat 0 0; cursor:pointer;}
#banner .pre {left:0;}
#banner .next {right:0; background-position:right top;}

#swiper_nav_container{max-width:640px;z-index:99;background:#F9F9EC;overflow: hidden;/*position:fixed;*/width: 100%;height:22px;line-height:22px;padding-bottom:10px;padding-top:10px;}
#swiper_nav_container .swiper-slide{/*border-bottom:3px solid #F9F9EC;*/text-align: center;/*font-weight: bold;*/font-size:16px;color:#666;}
#swiper_nav_container .swiper-slide i{display:block;width:22px;height:2px;background: #F9F9EC;margin:0 auto;margin-top:-1px;border-radius: 2px;}
#swiper_nav_container .nav_clicked{color:#333;font-weight:bold;/*border-bottom:3px solid #0F7884;*/}
#swiper_nav_container .nav_clicked i{background: #0F7884;}

#swiper_nav_container .swiper-slide{text-align: center;width: auto;margin-left:15px;margin-right:15px;}
#swiper_nav_container .swiper-slide:first-child {/*margin-left:15px;*/}
#swiper_nav_container .swiper-slide:last-child {margin-right:15px;}


#bankuai{}
#bankuai_category{width: 90px;background: #E7EFE9;float:left;}
#bankuai_category li{height:50px;line-height:50px;text-align:center;font-size:12px;}
#bankuai_category li.current{background: #0F7884;color:#fff;}
#bankuai_list{float:left;margin-left:2px;}
#bankuai_list .bankuai_item{display:block;height:94px;background: #E7EFE9;margin-bottom:2px;}
#bankuai_list .bankuai_item .bankuai_icon{display: block;float: left;width:55px;height:55px;border-radius: 50%;margin-left:10px;margin-top:20px;}
#bankuai_list .bankuai_item .bankuai_info{display:block;float:left;margin-left:10px;color:#000;}
#bankuai_list .bankuai_item .bankuai_info .bankuai_title{font-weight: bold;margin-top:10px;font-size:14px;}
#bankuai_list .bankuai_item .bankuai_info .bankuai_description{height:34px;overflow:hidden;font-size:12px;color:#333;}
#bankuai_list .bankuai_item .bankuai_info .bankuai_other{font-size:13px;}


#thread_post_bankuai{}
#thread_post_bankuai_category{width: 90px;background: #E7EFE9;float:left;}
#thread_post_bankuai_category li{height:50px;line-height:50px;text-align:center;font-size:12px;}
#thread_post_bankuai_category li.current{background: #0F7884;color:#fff;}
#thread_post_bankuai_list{float:left;margin-left:2px;}
#thread_post_bankuai_list .bankuai_item{display:block;height:94px;background: #E7EFE9;margin-bottom:2px;}
#thread_post_bankuai_list .bankuai_item .bankuai_icon{display: block;float: left;width:55px;height:55px;border-radius: 50%;margin-left:10px;margin-top:20px;}
#thread_post_bankuai_list .bankuai_item .bankuai_info{display:block;float:left;margin-left:10px;color:#000;}
#thread_post_bankuai_list .bankuai_item .bankuai_info .bankuai_title{font-weight: bold;margin-top:10px;font-size:14px;}
#thread_post_bankuai_list .bankuai_item .bankuai_info .bankuai_description{height:34px;overflow:hidden;font-size:12px;color:#333;}
#thread_post_bankuai_list .bankuai_item .bankuai_info .bankuai_other{font-size:13px;}



.thread_list{}
.thread_list:first-child{margin-top:-20px;}
.thread_list .thread_item{border-bottom: 1px solid #E7EFE9;padding-bottom:12px;padding-top:20px;/*margin-bottom:20px;*//*margin-top:20px;*/}
.thread_list .thread_three_pics{}
.thread_list .thread_top{height: 50px;/*overflow: hidden;*/margin-left:15px;padding-right:15px;}
.thread_list .thread_top .thread_photo_wrapper{display:block;float:left;width:50px;height: 50px;position: relative;}
.thread_list .thread_top .thread_photo{display:block;width:50px;height: 50px;border-radius: 50%;float:left;}
.thread_list .thread_top .thread_photo_vip{position: absolute;top:-8px;right:-8px;width:19px;height:19px;}
.thread_list .thread_top .thread_author_updated_at{float:left;margin-top:8px;margin-left:5px;}
.thread_list .thread_top .thread_author{height: 16px;line-height: 16px;}
.thread_list .thread_top .thread_author_name{float:left;color:#333;font-size:14px;font-weight: bold;}
.thread_list .thread_top .thread_author_follow{float:left;margin-left:5px;margin-top:6px;}
.thread_list .thread_top .thread_author_follow img{width:16px;height: 16px;display: block;float: left;}
.thread_list .thread_top .thread_author_follow span{color:#0F7884;font-size:12px;display: block;float: left;margin-left:2px;}
.thread_list .thread_top .thread_updated_at{font-size:11px;color:#999;margin-top:7px;}
.thread_list .thread_top .forum_title{font-size:12px;display:block;margin-top:11px;float:right;color:#0F7884;text-align:center;line-height:25px;width:80px;height: 25px;border-radius: 5px;border: 1px solid #0F7884;}
.thread_list .thread_center{margin-top:3px;margin-left:15px;margin-right:15px;display: block;}
.thread_list .thread_title{display:block;font-size:15px;color:#333;font-weight:bold;margin-top:5px;line-height: 22px;word-break:break-word;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.thread_list .thread_title img{height: 15px;vertical-align: middle;margin-left:5px;}
.thread_list .thread_center_three_pics{margin-top:5px;display: flex; width: 100%}
.thread_list .thread_center_three_pics li{width: 29vw;max-width: 48%;height:80px;text-align: center;position:relative;/*width: 32%;margin: 0.65%;padding-bottom: 32%;height: 0;*/}
.thread_list .thread_center_three_pics li:before{content:"";display: block;padding-top: 80px;/*100%;*/}
.thread_list .thread_center_three_pics li img{width: 29vw;max-width: 100%;height:80px;top:0;left:0;position: absolute;border-radius: 4px;object-fit: cover;}
.thread_list .thread_tags{margin-left:15px;margin-right:15px;margin-top:10px;}
.thread_list .thread_tags a{font-size:12px; color:#0F7884;margin-right:12px;}
.thread_list .thread_tags a:last-child{margin-right:0px;}
.thread_list .thread_bottom{margin-left:15px;margin-right:15px;height:18px;line-height:18px;margin-top:10px;overflow:hidden;}
.thread_list .thread_bottom li{width:23%;float:left;text-align: center;}
.thread_list .thread_bottom li:nth-child(1){text-align: left;}
.thread_list .thread_bottom li:nth-child(2) {margin-left: 0;}
.thread_list .thread_bottom li:nth-child(3) {margin-left: 7%;}
.thread_list .thread_bottom li:nth-child(4){text-align: right;}
.thread_list .thread_bottom li img{width:18px;height:18px;vertical-align: middle;/*float: left;*/}
.thread_list .thread_bottom li span{vertical-align: middle;margin-left:5px;font-size:12px;color:#666;/*float: left;margin-left:3px;*/}

.thread_description{font-size:14px;color:#666;word-break:break-word;overflow: hidden;/*text-overflow: ellipsis; max-height: 64px;white-space: nowrap;*/display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height: 20px;}
.thread_center_right{width:120px;height:80px;margin-left:15px;}
.thread_center_right img{width:120px;height:80px;border-radius: 4px;object-fit: cover;}

.thread_video_info{width:100%;height:150px;overflow: hidden;position:relative;margin-top:10px;}
.thread_video_img{display:block;max-width:100%;max-height:150px;position: absolute;left: 50%; transform: translate(-50%,-50%); top: 50%; object-fit: cover;}
.thread_video_mask{display:block;width: 100%;height:150px;background: rgba(0, 0, 0, 0.5);position: absolute;}
.thread_video_icon{display: block;margin:0 auto;position: relative;width:50px;height:50px;margin-top:50px;}

.notice_wrapper{/*margin-top:20px;*/margin-left:15px;margin-right:15px;margin-bottom:20px;}
.notice_icon{display: block;width:145px;height: 140px;margin:0 auto;}
.notice_msg{margin-top:10px;text-align:center;font-size: 14px;color: #333;/*font-weight: bold;*/}
.notice_msg p{}
.notice_msg p a{color: #0F7884;font-weight: bold;}
.notice_ad_img{width: 100%;height:96px;display: block;margin:0 auto;margin-top:20px;}
.notice_ad_link{border-radius:6px;display: block;width: 107px;height: 36px;margin: 0 auto;margin-top:30px;background: #0F7884;text-align: center;line-height: 36px;color:#fff;font-size: 14px;}



.thread_share_wrapper{/*border-radius:4px;display:none;overflow:hidden;width:100%;min-width:366px;max-width:640px;position: fixed;top:30px;z-index:110;*//*height:90%;left:5%;max-height:414px;background:red;*/}
.thread_share{/*border-radius:4px;position:relative;margin-left:30px;margin-right:30px;background:#F9F9EC;padding-bottom:20px;padding-top:10px;*/}
.thread_share_forum_title{/*margin-left:15px;margin-right:15px;*/text-align:center;color:#0F7884;font-weight: bold;font-size: 16px;/*height:16px;line-height:16px;*/}
.thread_share_title_top{text-align: center;color:#333;font-size:14px;font-weight: 400;margin-top:10px;}
.thread_share_title{/*margin-left:15px;margin-right:15px;*/margin-top:5px;color:#333;font-size:14px;font-weight: 400;}
.thread_share_info{/*margin-left:15px;margin-right:15px;*/margin-top:20px;}
.thread_share_qrcode{width: 130px;height: 130px;}
.thread_share_btn_wrapper{display: flex;justify-content: center;width: 100%;align-items: center;}
.thread_share_btn{width: 100px;display: block;height: 32px;background: #0F7884;border-radius: 4px;font-size: 12px;color:#fff;line-height: 32px;text-align: center;}
.thread_share_copy{background: #169FAF;}
.thread_share_save{margin-left:25px;}
.thread_share_description{/*margin-left:15px;margin-right:15px;*/word-break: break-word;}
.thread_share_description img{width: 100%;height: 100%;display: block;margin:0 auto;margin-top:5px;object-fit: cover;}
.thread_share_description p{font-size: 11px;margin-top:5px;}
.thread_share_close{position: absolute;right: 0px;top: 0px;width:24px;height: 24px;}
.thread_share_body_bg{display:none;width:100%;height:0;z-index: 100;background:rgba(0, 0, 0, 0.5);position: fixed;top:0px;}

.vip_category{margin-left:15px;margin-right:15px;}
.vip_category li{width:25%;/*height:40px;*/overflow: hidden;float:left;margin-bottom:5px;}
.vip_category .vip_category_item{height: 40px;width: 95%;position: relative;margin-bottom:5%;}
.vip_category img{display: block;height: 40px;width: 100%;border-radius: 4px;}
.vip_category i{display: block;height: 40px;width: 100%;position: absolute;background: #000000;opacity: 0.29;top:0px;border-radius: 4px;}
.vip_category span{display: block;height: 40px;width: 100%;line-height: 40px;text-align: center;font-size:14px;color:#fff;font-weight: bold;position: absolute;top: 0;}
.vip_list{margin-left:15px;margin-right:15px;}
.vip_list li{margin-bottom:10px;}
.vip_list li img{width: 100%;height: 180px;display: block;border-radius: 4px;}

.vip_video_play{width:100%;height: 190px;background:#000;text-align: center;line-height: 190px;color:#fff;}
.vip_video_line{margin-top:10px;text-align: right;}
.vip_video_line a{color: #0F7884;font-size:12px;margin-right: 10px;}
.vip_play_button{margin-top:10px;margin-bottom:15px;}
.vip_play_button li{float: left;width: 25%;}
.vip_play_button li img{width: 40px;height: 40px;display: block;margin: 0 auto;}
.vip_play_button li p{text-align: center;font-size: 13px;color:#333;}

.ranking_category{border-bottom: 4px solid #e7efe9;padding-bottom:16px;}
.ranking_category li{width: 25%;float:left;/*height: 20px;line-height: 20px;*/text-align: center;}
.ranking_category li span{font-size:16px;display:inline-block;color:#999;padding-left:7px;padding-right:7px;padding-top:2px;padding-bottom:2px;border-radius: 4px;}
.ranking_category li.selected span{background:#B1D3E0;color:#157B86;font-weight:bold;}
.ranking_date_category{width:80%;margin:0 auto;margin-top:10px;margin-bottom: 10px;}
.ranking_date_category li{width: 25%;float:left;line-height: 20px;text-align: center;}
.ranking_date_category li span{font-size:14px;color:#999;}
.ranking_date_category li.selected span{color:#333;font-weight:bold;}
.ranking_date_category li.selected i {display: block;width:20px;height:2px;background: #0F7884;margin: 0 auto;margin-top:0px;border-radius:1px;}

.ranking_column{border-bottom: 1px solid #e7efe9;padding-bottom: 10px;display: flex;padding-left:15px;padding-right:15px;}
.ranking_column li{/*float: left;width:25%;text-align: center;*/color:#333;font-size:13px;}
.ranking_column li:nth-child(2){/*width:50%;text-align: left;*/flex-grow: 1;margin-left:88px;}
#ranking_list{padding-bottom: 20px;}
.ranking_item{border-bottom: 1px solid #e7efe9;/*height: 64px;*/display: flex; margin-left:15px;padding-left: 10px; margin-right: 15px;}
.ranking_item li{/*float: left;width:25%;*/text-align: center;color:#333;font-size:13px;height: 60px;line-height: 60px;}
.ranking_item li:first-child{width:20px;}
.ranking_item li a{color:#333;}
.ranking_item li:nth-child(2){/*width:50%;text-align: left;*/flex-grow: 1; margin-left: 15px;}
.ranking_item li .fan_photo_wrapper{width:40px;height:40px;display: block;position: relative;margin-top:10px;margin-right:10px;}
.ranking_item li .fan_photo_wrapper .fan_photo_vip{display:none;position: absolute; top: -8px ; right: -8px ; width: 19px ; height: 19px ;}
.ranking_item li img{width: 40px;height: 40px;border-radius: 50%;/*vertical-align: middle;*/}
.ranking_item li img.rank_caoliuicon{height: 20px;width:20px;border-radius: inherit;vertical-align: middle;}
#ranking_list ul:nth-child(1) li:nth-child(1){color:#157B86;font-size:20px;}
#ranking_list ul:nth-child(2) li:nth-child(1){color:#157B86;font-size:20px;}
#ranking_list ul:nth-child(3) li:nth-child(1){color:#157B86;font-size:20px;}

.chat_user_list{margin-left:15px;margin-right:15px;}
.chat_user_list li{height: 100px;overflow: hidden;background: #e7efe9;margin-bottom: 10px;}
.chat_user_list .chat_user_photo{margin-right:10px;float:left;width:123px;height:100px;clip-path: polygon(0% 0%, 100% 0%, 92% 100%, 0% 100%);}
.chat_user_list img{width:123px;height:100px;}
.chat_user_list .chat_user_info{color:#333;}
.chat_user_list .chat_user_name{font-size:15px;font-weight: bold;margin-top:0px;height: 30px;line-height: 30px;}
.chat_user_list .chat_user_description{font-size:12px;margin-top:0px;height:34px;overflow: hidden;}
.chat_user_list .chat_times_score{margin-top:8px;}
.chat_user_list .chat_times_score span{text-align:center;padding:3px 6px;margin-right:10px;display:inline-block;font-size:12px;color:#fff;/*width: 82px;*/background: #0f7884;border-radius: 4px;}
.chat_user_list .chat_times_score span b{font-size:14px;}
.chat_user_list .chat_times{}
.chat_user_list .chat_score{}

#nav_header{margin:0 auto;height:44px;background:#B1D3E0;text-align: center;line-height: 44px;position: relative;font-size:16px;font-weight:bold;}
#nav_goback{display:block;position:absolute;width: 11px;height: 20px;margin-left:15px;line-height:20px;/*border-radius: 50%;*/margin-top:12px;text-align: center;background: #B1D3E0;}
#nav_goback img{width:11px;height: 20px;display: block;}
#nav_setting{display: block;margin-right:15px;color:#0F7884;}
#nav_setting img{width: 30px;height:30px;vertical-align: middle;margin-right:3px;}
.you_info{height: 50px;overflow: hidden;border-bottom: 0px solid #b1d3e0;padding-bottom:5px;padding-left:15px;padding-right:15px;background:#B1D3E0;padding-top:5px;}
.you_info .photo{display:block;float:left;width:50px;height: 50px;border-radius: 50%;}
.you_info .user_name_id{float:left;margin-top:5px;margin-left:5px;}
.you_info .user_name_id .username{height: 16px;line-height: 16px;color:#0F7884;font-size:15px;margin-top:3px;margin-right:3px;}
.you_info .user_name_id .userid{font-size:12px;color:#666;margin-top:8px;}
.you_info .follow{margin-top:5px;float:right;border-radius:5px;background:#0f7884;font-size:12px;display:block;color:#fff;text-align:center;width:80px;line-height:40px;height:40px;}
.you_description{margin-top:5px;font-size: 12px;font-weight: 400;color: #333333;line-height: 17px;padding-left:15px;padding-right:15px;background:#B1D3E0;}
.you_category{width:90%;margin:0 auto;margin-top:10px;margin-bottom: 10px;}
.you_category li{width: 20%;float:left;line-height: 20px;text-align: center;}
.you_category li span{font-size:13px;color:#999;}
.you_category li.selected span{color:#0f7884;font-weight:bold;}
.you_category li.selected i {display: block;width: 18px;height: 3px;background: #0F7884;margin: 0 auto;margin-top:0px;border-radius: 5px;}
.you_statistics{height: 20px;line-height: 20px;padding-left:15px;padding-right:15px;background:#B1D3E0;font-size: 12px;color:#333;padding-top:10px;padding-bottom:15px;}
.you_statistics li{float:left;width:33.33%;text-align: center;}
.you_statistics li:first-child{text-align: left;}
.you_statistics li:nth-child(3){text-align: right;}
.you_statistics li b{color:#0f7884;margin-right:3px;}
.you_statistics li img{width:20px;height: 20px;vertical-align: middle;}
.you_comment_list{margin-left:15px;margin-right:15px;}
.you_comment_list li{padding-bottom:5px;border-bottom:1px solid #dedede;padding-top:5px;}
.you_comment_list .you_comment_content{color:#333;font-size: 14px;height:40px;overflow: hidden;}
.you_comment_list .you_comment_content span{color:#999;}
.you_comment_list .you_comment_subject{color:#0f7884;font-size: 12px;margin-top:5px;}
.you_comment_list .you_comment_subject span{color:#999;}
.you_comment_list .you_comment_time{font-size:12px;color:#999;text-align: right;margin-top:5px;}

.reg_login_form{margin-left:15px;margin-right:15px;padding-bottom: 30px;padding-top:10px;}
.reg_login_form p{font-size:14px;color:#333;/*height:30px;line-height: 30px;*/margin-top:30px;}
.reg_login_form p span{font-size:12px;color:#0f7884;margin-left:10px;}
.reg_login_form p b{margin-left:20px;}
.reg_login_form .wap_input_txt{width: 100%;border-bottom: 1px solid #e7efe9;/*height:30px;line-height: 30px;*/padding-top:15px;padding-bottom:10px;font-size:14px;background: #F9F9EC;}
.reg_login_form .wap_input_radio{margin-left:5px;height:13px; vertical-align:middle;/*vertical-align:text-top; margin-top:4px;*/}
.reg_login_form .wap_form_btn{font-size:14px;display:block;border:0px;margin:0 auto;margin-top:40px;color:#fff;text-align:center;line-height:36px;width: 144px;height: 36px;background: #0f7884;border-radius: 4px;}

.login_tips{font-size: 12px;/*height: 20px;line-height: 20px;*/color:#333;margin-top:20px;}
.login_tips a{font-size: 12px;color:#0f7884;}
.login_tips span{/*margin-right:1px;*/}


.errors{}
.errors li{color:red;font-size:12px;}





#thread_detail{margin-bottom:20px;max-width: 640px;}
.thread_detail{margin-top:20px;margin-left:15px;margin-right:15px;}
.thread_detail_title{}
.thread_detail_brief{line-height: 25px;height: 25px;margin-top:5px;margin-bottom:10px;}
.thread_detail_brief_forum{display:block;height:23px;line-height:23px;float:left;font-size: 12px;color: #0F7884;text-align: center;padding-left:15px;padding-right:15px;border-radius: 5px;border: 1px solid #0F7884;}
.thread_detail_brief_comment_view{float:right;}
.thread_detail_brief_comment_view img{width: 18px;height: 18px;vertical-align: middle;}
.thread_detail_brief_comment_view span{vertical-align: middle;margin-left: 3px;font-size: 12px;color: #666;}
.thread_detail_brief_comment_view .thread_detail_brief_comment{}
.thread_detail_brief_comment_view .thread_detail_brief_view{margin-left:8px;}
.thread_detail_ads{}
.thread_detail_ads li{width:100%;overflow:hidden;margin-top:5px;}
.thread_detail_ads li img{height:auto;display:block;object-fit: contain;max-width: 100%;
    min-width: 30px;
    min-height: 30px;
    background: #EFEFEF;}
.thread_detail_userinfo{height: 36px;overflow: hidden;margin-top:15px;}
.thread_detail_userinfo .thread_detail_userinfo_avatar{display:block;float:left;width:36px;height: 36px;border-radius: 50%;}
.thread_detail_userinfo .thread_detail_userinfo_author_time{float:left;color:#0F7884;margin-left:8px;display: block;}
.thread_detail_userinfo .thread_detail_userinfo_author{/*height: 16px;line-height: 16px;*/margin-top:4px;}
.thread_detail_userinfo .thread_detail_userinfo_author_name{float:left;color:#333;font-size:14px;font-weight: bold;}
.thread_detail_userinfo .thread_detail_userinfo_author_follow{float:left;margin-left:5px;}
.thread_detail_userinfo .thread_detail_userinfo_author_follow img{width:16px;height: 16px;display: block;float: left;}
.thread_detail_userinfo .thread_detail_userinfo_author_follow span{color:#0F7884;font-size:12px;display: block;float: left;margin-left:2px;}
.thread_detail_userinfo .thread_detail_userinfo_time{font-size:11px;color:#999;/*margin-top:5px;*/}
.thread_detail_userinfo .thread_detail_userinfo_forum{font-size:12px;display:block;float:right;color:#0F7884;text-align:center;line-height:25px;width:80px;height: 25px;border-radius: 5px;border: 1px solid #0F7884;}
.thread_detail_content{margin-top:0px;}
.thread_detail_content img{width:100%;}
.thread_detail_gift{margin-top:10px;}
.thread_detail_gift_title_count{font-size: 14px;}
.thread_detail_gift_title{font-weight: bold;}
.thread_detail_gift_count{}
.thread_detail_gift_count .gift_right_arrow{height: 10px;}
.thread_detail_gift_brief{margin-top:8px;}
.thread_detail_gift_brief li{width:30%;float:left;text-align: center;}
.thread_detail_gift_brief li img{width:50px;height:50px;border-radius: 50%;margin:0 auto;}
.thread_detail_gift_brief li span{display: block;font-size:13px;color:#000000;font-weight: bold;}
.thread_detail_gift_notice{font-size:12px;color:#0F7884;text-align: center;margin-top:10px;overflow:hidden;}
.thread_detail_hot{height:20px;font-size:12px;margin-top:10px;}
.thread_detail_hot_all{/*vertical-align: middle;*/position:relative;}
.thread_detail_hot_all img{height:20px;width:20px;/*border-radius: 50%;vertical-align: middle;*/float:left;}
.thread_detail_hot_all span{/*vertical-align: middle;*/margin-left:5px;color:#333;/*position: absolute;bottom: 1px;*/float:left;margin-top:3px;}
.thread_detail_hot_hour{color:#333;margin-top:3px;}
.thread_detail_hr{height:5px;background: #e7efe9;margin-top:10px;margin-left:-15px;margin-right:-15px;}
.thread_detail_comment_list{margin-top:10px;}
.thread_detail_comment_list li{font-size:14px;color:#555;border-bottom: 1px solid #E7EFE9;padding-top:8px;padding-bottom:8px;}
.thread_detail_comment_user{height:35px;}
.thread_detail_comment_user_avatar{float:left;display: block;width: 35px;height: 35px;border-radius: 50%;}
.thread_detail_comment_user_name_time{float:left;margin-left:5px;display: block;}
.thread_detail_comment_user_name{color: #0f7884;font-size: 12px;margin-top:3px;}
.thread_detail_comment_user_follow{line-height: 35px;font-size:12px;color:#0F7884;}
.thread_detail_comment_user_time{font-size: 11px;color: #999;}
.thread_detail_comment_content{margin-top:5px;margin-left:40px;}
.thread_detail_comment_content img{width:80px;}
.thread_detail_comment_interact{margin-top:5px;height:20px;line-height: 20px;margin-left:40px;}
.thread_detail_comment_reply_guard{float:left;color:#0F7884;font-size:12px;}
.thread_detail_comment_floor_like{float:right;color:#333;font-size:12px;}
.thread_detail_comment_floor{float:left;}
.thread_detail_comment_like{float:left;margin-left:5px;}
.thread_detail_comment_like img{width: 18px;height: 18px;float: left;}
.thread_detail_comment_like span{margin-left: 3px;font-size: 12px;color: #999;}
.thread_detail_comment{width:100%;height: 50px;background: #e7efe9;padding-left:0px;position:fixed;bottom:0px;max-width: 640px;}
.thread_detail_comment_form_wrapper{width:50%;float:left;margin-top:8px;}
.thread_detail_comment_sit_guard{color:#999;font-size: 14px;height:34px;display: block;width:90%;border-radius: 5px;text-align: center;background: #fff;line-height:34px;margin:0 auto;}
.thread_detail_comment_icon_wrapper{width:50%;float:right;margin-top:5px;}
.thread_detail_comment_icon{width:100%;}
.thread_detail_comment_icon li{width:25%;float:left;text-align: center;}
.thread_detail_comment_icon img{width:20px;height:20px;margin:0 auto;}
.thread_detail_comment_icon span{display:block;font-size:10px;color:#0f7884;}

.thread_audio_player,.aplayer{background: #0f7884;height:auto;}
.thread_detail_item_bought{font-size:14px;text-align: center;color:red;}


/*短视频*/
.clip_list{padding-left: 15px;padding-right: 15px;}
.clip_list li{height:220px;overflow: hidden;width:49.2%;float:left;margin-bottom:5px;}
.clip_list li:nth-child(2n){float:right;}
.clip_list li .clip_item{width:100%;margin:0 auto;position: relative;/*margin-left:10px;margin-right:10px;*/}
.clip_list li .clip_img{width:100%;height:220px;display: block;border-radius: 4px;object-fit: cover;}
.clip_list li .clip_title_bg{position: absolute;bottom: 0px;width:100%;height:20px;background: #000;opacity: 0.5;}
.clip_list li .clip_title{position: absolute;bottom: 0px;width:100%;height:20px;line-height: 20px;color:#fff;/*background: #000;opacity: 0.5;text-align: center;*/font-size:14px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;padding-left:10px;padding-right:6px;}
.clip_list li .clip_amount{position: absolute;top:0px;min-width:34px;padding-left:3px;color:#fff;font-size:12px;padding-right:3px;height:20px;line-height: 20px;right:0px;background: #0f7884;opacity: 0.8;text-align: center;border-radius: 0 4px 0 4px;}
.clip_list li .clip_amount img{height: 14px;vertical-align: middle;}
.clip_list li .clip_amount span{color:#fff;margin-left:3px;font-size:12px;}

.info_post_button{width:30px;height:30px;display: block;margin-top:7px;margin-right:15px;}


.simple_popup_wrapper{min-width:340px;overflow:hidden;/*width:90%;height:90%;left:5%;*/max-width:640px;max-height:414px;position: fixed;top:30px;z-index:110;/*background:red;*/}
.simple_popup{border-radius:4px;text-align:center;position:relative;margin-left:30px;margin-right:30px;background:#F9F9EC;padding-bottom:40px;padding-top:40px;}
.simple_popup_message{margin-left:15px;margin-right:15px;font-size: 14px;margin-top:5px;}
.simple_popup_message p{font-size: 16px;margin-top:5px;color:#333;}
.simple_popup_btn{width: 142px;height: 36px;background: #0f7884;border-radius: 4px;display: block;margin:0 auto;margin-top:20px;color:#fff;line-height: 36px;}
.simple_popup_tip{color:#0f7884;margin-top:20px;font-size:14px;}
.simple_popup_close{position: absolute;right: 0px;top: 0px;width:30px;height: 30px;}
.simple_body_bg{width:100%;height:0;z-index: 100;background:rgba(0, 0, 0, 0.5);position: fixed;top:0px;}



/*上传开始*/
.uploader_wrap *{box-sizing: border-box;padding: 0;margin: 0;}
.uploader_wrap{position:relative}
.webuploader .queueList{margin:20px}
.element-invisible{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}
.webuploader .placeholder{border:3px dashed #e6e6e6;text-align:center;color:#cccccc;font-size:18px;position:relative}
.webuploader .placeholder .webuploader-pick{font-size:18px;background:#00b7ee;border-radius:3px;line-height:44px;padding:0 30px;color:#fff;display:inline-block;margin:20px auto;cursor:pointer;box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.webuploader .placeholder .webuploader-pick-hover{background:#00a2d4}
.webuploader .placeholder .flashTip{color:#666666;font-size:12px;position:absolute;width:100%;text-align:center;bottom:20px}
.webuploader .placeholder .flashTip a{color:#0785d1;text-decoration:none}
.webuploader .placeholder .flashTip a:hover{text-decoration:underline}
.webuploader .placeholder.webuploader-dnd-over{border-color:#999999}
.webuploader .placeholder.webuploader-dnd-over.webuploader-dnd-denied{border-color:red}
.webuploader .filelist{list-style:none;margin:0;padding:0;height:240px}
.webuploader .filelist:after{content:'';display:block;width:0;height:0;overflow:hidden;clear:both}
.webuploader .filelist li{width:110px;height:110px;background:url(ucenter/upload_bg.png) no-repeat;text-align:center;margin:0 8px 20px 0;position:relative;display:inline;float:left;overflow:hidden;font-size:12px}
.webuploader .filelist li p.log{position:relative;top:-45px}
.webuploader .filelist li p.title{position:absolute;top:0;left:0;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;top:5px;text-indent:5px;text-align:left}
.webuploader .filelist li p.progress{position:absolute;width:100%;bottom:0;left:0;height:8px;overflow:hidden;z-index:50}
.webuploader .filelist li p.progress span{display:none;overflow:hidden;width:0;height:100%;background:#1483d8 url(ucenter/upload_progress.png) repeat-x;-webit-transition:width 200ms linear;-moz-transition:width 200ms linear;-o-transition:width 200ms linear;-ms-transition:width 200ms linear;transition:width 200ms linear;-webkit-animation:progressmove 2s linear infinite;-moz-animation:progressmove 2s linear infinite;-o-animation:progressmove 2s linear infinite;-ms-animation:progressmove 2s linear infinite;animation:progressmove 2s linear infinite;-webkit-transform:translateZ(0)}
@-webkit-keyframes progressmove{0%{background-position:0 0}
    100%{background-position:17px 0}
}
@-moz-keyframes progressmove{0%{background-position:0 0}
    100%{background-position:17px 0}
}
@keyframes progressmove{0%{background-position:0 0}
    100%{background-position:17px 0}
}
.webuploader .filelist li p.imgWrap{position:relative;z-index:2;line-height:110px;vertical-align:middle;overflow:hidden;width:100%;height:100%;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webit-transition:200ms ease-out;-moz-transition:200ms ease-out;-o-transition:200ms ease-out;-ms-transition:200ms ease-out;transition:200ms ease-out}
.webuploader .filelist li img{width:100%}
.webuploader .filelist li p.error{background:#f43838;color:#fff;position:absolute;bottom:0;left:0;height:28px;line-height:28px;width:100%;z-index:100}
.webuploader .filelist li .success{display:block;position:absolute;left:0;bottom:0;height:40px;width:100%;z-index:200;background:url(ucenter/upload_success.png) no-repeat right bottom}
.webuploader .filelist div.file-panel{position:absolute;height:0;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000',endColorstr='#80000000')\0;background:rgba(0,0,0,0.5);width:100%;top:0;left:0;overflow:hidden;z-index:300}
.webuploader .filelist div.file-panel span{width:24px;height:24px;display:inline;float:right;text-indent:-9999px;overflow:hidden;background:url(ucenter/upload_icons.png) no-repeat;margin:5px 1px 1px;cursor:pointer}
.webuploader .filelist div.file-panel span.rotateLeft{background-position:0 -24px}
.webuploader .filelist div.file-panel span.rotateLeft:hover{background-position:0 0}
.webuploader .filelist div.file-panel span.rotateRight{background-position:-24px -24px}
.webuploader .filelist div.file-panel span.rotateRight:hover{background-position:-24px 0}
.webuploader .filelist div.file-panel span.cancel{background-position:-48px -24px}
.webuploader .filelist div.file-panel span.cancel:hover{background-position:-48px 0}
.webuploader .statusBar{height:63px;border-top:1px solid #dadada;padding:0 20px;line-height:63px;vertical-align:middle;position:relative}
.webuploader .statusBar .progress{border:1px solid #1483d8;width:198px;background:#fff;height:18px;position:relative;display:inline-block;text-align:center;line-height:20px;color:#6dbfff;position:relative;margin-right:10px}
.webuploader .statusBar .progress span.percentage{width:0;height:100%;left:0;top:0;background:#1483d8;position:absolute}
.webuploader .statusBar .progress span.text{position:relative;z-index:10}
.webuploader .statusBar .info{display:inline-block;font-size:14px;color:#666666}
.webuploader .statusBar .btns{position:absolute;top:10px;right:20px;line-height:40px}
.m_filepicker{display:inline-block;float:left}
.webuploader .statusBar .btns .webuploader-pick,.webuploader .statusBar .btns .uploadBtn,.webuploader .statusBar .btns .uploadBtn.state-uploading,.webuploader .statusBar .btns .uploadBtn.state-paused{background:#ffffff;border:1px solid #cfcfcf;color:#565656;padding:0 18px;display:inline-block;border-radius:3px;margin-left:10px;cursor:pointer;font-size:14px;float:left}
.webuploader .statusBar .btns .webuploader-pick-hover,.webuploader .statusBar .btns .uploadBtn:hover,.webuploader .statusBar .btns .uploadBtn.state-uploading:hover,.webuploader .statusBar .btns .uploadBtn.state-paused:hover{background:#f0f0f0}
.webuploader .statusBar .btns .uploadBtn{background:#00b7ee;color:#fff;border-color:transparent}
.webuploader .statusBar .btns .uploadBtn:hover{background:#00a2d4}
.webuploader .statusBar .btns .uploadBtn.disabled{pointer-events:none;opacity:0.6}
.uploader_wrap{/*border:1px solid #dadada;background-color:#FFF;*/color:#838383;font-size:12px;}
.webuploader .filelist{height:auto}
.webuploader .queueList{margin:8px}
.filePicker2{display:inline-block;float:left}
.muploader .filelist li,.m_filepicker{width:75px;height:75px;text-align:center;margin:0 5px 5px 0;position:relative;float:left;overflow:hidden;font-size:12px}
.muploader .filelist{height:auto;width:100%}
.muploader .queueList{margin:10px 10px 0 10px}
.muploader.filelist li{margin-bottom:10px}
.m_filepicker::before{position:absolute;width:0px;height:19px;content:'';border:.5px solid #c5ced1;right:50%;top:50%;transform:translateY(-50%);z-index:1}
.m_filepicker::after{position:absolute;width:19px;height:0px;content:'';border:.5px solid #c5ced1;top:50%;left:50%;transform:translateX(-50%);z-index:1;transform: translate(-12px, 0px);}
.m_filepicker .webuploader-pick{width:100%;height:100%;padding:0;text-indent:-9999px}
.muploader .statusBar .info{display:block;line-height:1.5}
.muploader .statusBar .progress{width:140px}
.muploader .statusBar .btns{position:static;margin-top:10px;right:20px;line-height:40px;float:right}
.muploader .statusBar{min-height:64px;height:auto}
/*上传结束*/


.thread_video_info .clip_buy_info{position: absolute;top:0px;padding-left:5px;padding-right:5px;right:0px;height: 16px;opacity: 0.8;background: #0f7884;font-size: 12px;font-weight: 400;color: #ffffff;line-height: 16px;}
.thread_video_info .clip_buy_info .clip_buy_info_bought{margin-top:1px;height:14px;}
.thread_video_info .clip_buy_info .clip_buy_info_caoliucoin{margin-top:1px;height:14px;width:14px;float:left;margin-right:2px;}

.no_any_html{margin-top:20px;margin-bottom:20px;text-align: center;}
.no_any_html img{display: block;width:240px;height:240px;margin:0 auto;}
.no_any_html p{font-size: 14px;font-weight: 400;text-align: center;color: #666666;line-height: 14px;margin-top:15px;}
.no_more_html{font-size: 14px;font-weight: 400;text-align: center;color: #666666;line-height: 14px;margin-top:35px;margin-bottom:35px;}
.no_more_html img{height:213px;display:block;margin:0 auto;margin-bottom:10px;}



#search_history{margin-left:15px;margin-right:15px;max-width: 640px;}
.search_history_title{margin-top:20px;height: 20px;font-size: 14px;font-weight: bold;text-align: left;color: #333333;line-height: 20px;}
.search_history_list{}
.search_history_list li{float:left;height: 20px;font-size: 14px;font-weight: 400;text-align: left;color: #333333;line-height: 20px;margin-top:12px;margin-right:12px;}
.search_history_list li a{color:#333;}


#ranking_thread_list{margin-left:15px;margin-right:15px;}
.ranking_thread_item{border-bottom: 1px solid #e7efe9;height: 64px;display: flex;display: -webkit-flex;}
.ranking_thread_item li{float: left;width:15%;text-align: center;color:#333;font-size:13px;height: 64px;line-height: 64px;}
.ranking_thread_item li:nth-child(1){color: #333;font-size: 20px;}
#ranking_thread_list ul:nth-child(1) li:nth-child(1),#ranking_thread_list ul:nth-child(2) li:nth-child(1),#ranking_thread_list ul:nth-child(3) li:nth-child(1){color: #157B86;font-size: 20px;}
.ranking_thread_item li:nth-child(2){width:85%;text-align: left;flex-grow: 1;}
.ranking_thread_item li .ranking_thread_title{height:17px;margin-top:13px;overflow:hidden;font-size: 14px;font-weight: bold;text-align: left;color: #333333;line-height: 17px;display: flex;justify-content: space-between;}
.ranking_thread_item li .ranking_thread_title span{flex-grow: 1;line-height: 17px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;max-width: 87%;}
.ranking_thread_item li .ranking_thread_title img{width:20px;height:17px;margin-left:3px;}
.ranking_thread_item li .ranking_thread_hot{margin-top:7px;font-size: 12px;font-weight: 400;text-align: left;color: #333333;height: 16px;line-height: 16px;}
.ranking_thread_item li .ranking_thread_hot_total{float:left;}
.ranking_thread_item li .ranking_thread_hot_total img{float:left;width:16px;height:16px;margin-right:2px;}
.ranking_thread_item li .ranking_thread_hot_total b{float:left;font-weight: normal;}
.ranking_thread_item li .ranking_thread_hot_total span{float:left;color:#FF7F73;}
.ranking_thread_item li .ranking_thread_hot_hour{float:right;color:#666;}



.moment_list{}
.moment_list:first-child{margin-top:-15px;}
.moment_list .thread_item{border-bottom: 1px solid #E7EFE9;padding-bottom:8px;padding-top:15px;/*margin-bottom:15px;*//*margin-top:15px;*/}
.moment_list .thread_top{height: 50px;display:block;margin-left:15px;padding-right:15px;}
.moment_list .thread_top .thread_photo_wrapper{display:block;float:left;width:50px;height: 50px;position: relative;}
.moment_list .thread_top .thread_photo{display:block;width:50px;height: 50px;border-radius: 50%;float:left;}
.moment_list .thread_top .thread_photo_vip{position: absolute;top:-8px;right:-8px;width:19px;height:19px;}
.moment_list .thread_top .thread_author_updated_at{float:left;margin-top:8px;margin-left:5px;}
.moment_list .thread_top .thread_author_name{font-size: 16px;font-weight: bold;text-align: left;color: #333333;line-height: 16px;}
.moment_list .thread_top .thread_updated_at{font-size: 14px;color: #666666;line-height: 14px;margin-top:7px;}
.moment_list .thread_center{padding-top:10px;/*margin-left:70px;*/padding-left:15px;padding-right:15px;display: block;}
.moment_list .thread_center .thread_description{font-size: 14px;text-align: left;color: #666;line-height: 20px;word-break:break-word;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.moment_list .thread_center  .thread_one_pic.moment_one_pic img{object-fit: cover;width: 120px;height: 80px;}
.moment_list .thread_center  .moment_one_pic {float: right; margin: 0 15px 0 15px;width: 120px;height: 80px;}
.moment_list .thread_center  .moment_one_pic_description{font-size:14px;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;line-height: 25px; word-break: break-all;float: left;margin-top: 5px;width: calc(100% - 150px);}

.thread_list .moment_item .thread_center  .moment_one_pic_description b{color: rgb(87, 219, 234);}
.moment_list .thread_bottom{margin-left:15px;margin-right:15px;height:18px;line-height:18px;margin-top:10px;overflow:hidden;}
.moment_list .thread_bottom li{width:23%;float:left;text-align: center;}
.moment_list .thread_bottom li:nth-child(1){text-align: left;}
.moment_list .thread_bottom li:nth-child(2) {margin-left: 0;}
.moment_list .thread_bottom li:nth-child(3) {margin-left: 7%;}
.moment_list .thread_bottom li:nth-child(4){text-align: right;}
.moment_list .thread_bottom li img{width:18px;height:18px;vertical-align: middle;/*float: left;*/}
.moment_list .thread_bottom li span{vertical-align: middle;margin-left:5px;font-size:12px;color:#666;/*float: left;margin-left:3px;*/}
.moment_list .thread_center .thread_resource{margin-top:10px;}
.moment_list .thread_center .thread_resource img{object-fit: cover;display: block;border-radius: 4px;}
.moment_list .thread_center  .thread_one_pic img{width:100%;height: 166px;}
.moment_list .thread_center  .thread_two_pics img:nth-child(1){width:49%;float:left;height: 166px;}
.moment_list .thread_center  .thread_two_pics img:nth-child(2){width:49%;float:right;height: 166px;}
.moment_list .thread_center  .thread_three_pics img.thread_resource_left{width:49%;float:left;height: 166px;}
.moment_list .thread_center  .thread_three_pics .thread_resource_right{width:49%;float:right;height: 166px;overflow: hidden;}
.moment_list .thread_center  .thread_three_pics .thread_resource_right img{width:100%;height: 80px;}
.moment_list .thread_center  .thread_three_pics .thread_resource_right img:nth-child(1){}
.moment_list .thread_center  .thread_three_pics .thread_resource_right img:nth-child(2){margin-top:6px;}
.moment_list .thread_center  .thread_four_pics img{width:49%;height: 80px;float:left;}
.moment_list .thread_center  .thread_four_pics img:nth-child(2){float:right;}
.moment_list .thread_center  .thread_four_pics img:nth-child(4){float:right;margin-top:6px;}
.moment_list .thread_center  .thread_four_pics img:nth-child(3){margin-top:6px;}
.moment_list .thread_center  .thread_video img{max-height: 240px;max-width: 100%;}




.thread_list .moment_item{border-bottom: 1px solid #E7EFE9;padding-bottom:8px;padding-top:20px;/*margin-bottom:15px;*//*margin-top:15px;*/}
.thread_list .moment_item .thread_top{height: 50px;display:block;margin-left:15px;padding-right:15px;}
.thread_list .moment_item .thread_top .thread_photo_wrapper{display:block;float:left;width:50px;height: 50px;position: relative;}
.thread_list .moment_item .thread_top .thread_photo{display:block;width:50px;height: 50px;border-radius: 50%;float:left;}
.thread_list .moment_item .thread_top .thread_photo_vip{position: absolute;top:-8px;right:-8px;width:19px;height:19px;}
.thread_list .moment_item .thread_top .thread_author_updated_at{float:left;margin-top:8px;margin-left:5px;}
.thread_list .moment_item .thread_top .thread_author_name{font-size: 16px;font-weight: bold;text-align: left;color: #333333;line-height: 16px;}
.thread_list .moment_item .thread_top .thread_updated_at{font-size: 14px;color: #666666;line-height: 14px;margin-top:24px;}
.thread_list .moment_item .thread_center{margin-top:5px;margin-left:15px;margin-right:15px;display: block;}
.thread_list .moment_item .thread_center .thread_description{font-size: 14px;text-align: left;color: #666;line-height: 20px;word-break:break-word;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.thread_list .moment_item .thread_bottom{margin-left:15px;margin-right:15px;height:18px;line-height:18px;margin-top:10px;overflow:hidden;}
.thread_list .moment_item .thread_bottom li{width:23%;float:left;text-align: center;}
.thread_list .moment_item .thread_bottom li:nth-child(1){text-align: left;}
.thread_list .moment_item .thread_bottom li:nth-child(2) {margin-left: 0;}
.thread_list .moment_item .thread_bottom li:nth-child(3) {margin-left: 7%;}
.thread_list .moment_item .thread_bottom li:nth-child(4){text-align: right;}
.thread_list .moment_item .thread_bottom li img{width:18px;height:18px;vertical-align: middle;/*float: left;*/}
.thread_list .moment_item .thread_bottom li span{vertical-align: middle;margin-left:5px;font-size:12px;color:#666;/*float: left;margin-left:3px;*/}
.thread_list .moment_item .thread_center .thread_resource{margin-top:10px;}
.thread_list .moment_item .thread_center .thread_resource img{object-fit: cover;display: block;border-radius: 4px;}
.thread_list .moment_item .thread_center  .thread_one_pic img{width:100%;height: 166px;}
.thread_list .moment_item .thread_center  .thread_two_pics img:nth-child(1){width:49%;float:left;height: 166px;}
.thread_list .moment_item .thread_center  .thread_two_pics img:nth-child(2){width:49%;float:right;height: 166px;}
.thread_list .moment_item .thread_center  .thread_three_pics img.thread_resource_left{width:49%;float:left;height: 166px;}
.thread_list .moment_item .thread_center  .thread_three_pics .thread_resource_right{width:49%;float:right;height: 166px;overflow: hidden;}
.thread_list .moment_item .thread_center  .thread_three_pics .thread_resource_right img{width:100%;height: 80px;}
.thread_list .moment_item .thread_center  .thread_three_pics .thread_resource_right img:nth-child(1){}
.thread_list .moment_item .thread_center  .thread_three_pics .thread_resource_right img:nth-child(2){margin-top:6px;}
.thread_list .moment_item .thread_center  .thread_four_pics img{width:49%;height: 80px;float:left;}
.thread_list .moment_item .thread_center  .thread_four_pics img:nth-child(2){float:right;}
.thread_list .moment_item .thread_center  .thread_four_pics img:nth-child(4){float:right;margin-top:6px;}
.thread_list .moment_item .thread_center  .thread_four_pics img:nth-child(3){margin-top:6px;}
.thread_list .moment_item .thread_center  .thread_video img{max-height: 240px;max-width: 100%;}
.thread_list .moment_item .thread_center  .moment_one_pic img{object-fit: cover;width: 120px;height: 80px;}
.thread_list .moment_item .thread_center  .moment_one_pic {float: right; margin: 0 15px 0 15px;width: 120px;height: 80px;}
.thread_list .moment_item .thread_center  .moment_one_pic_description{font-size:14px;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;line-height: 25px; word-break: break-all;float: left;margin-top: 5px;width: calc(100% - 150px);}
.thread_list .moment_item .thread_center  .moment_one_pic_description b{color: rgb(87, 219, 234);}

#header #photo_wrapper{position: relative;}
#header #photo_wrapper #photo{width:30px;height:30px;}
#header #photo_wrapper i{position:absolute;bottom:0px;right:0px;width: 8px;height: 8px;background: #e84c3d;border-radius: 50%;}



/* tips */
.front_body_bg{display:none;width: 100%; height: 100%; z-index: 999; background: rgba(0, 0, 0, 0.5); position: fixed;top: 0; max-width: 640px;/*left:0;*/}
#tip1_wrapper{display:none;padding:10px 20px;margin:0 auto;position:fixed;z-index:1500;left: 50%;top:50%;transform: translate(-50%,-50%);background: rgba(15,120,132,0.80);border-radius: 4px;font-size: 13px;text-align: center;color: #ffffff;}
.tip3_wrapper{display:none;z-index:1300;/*width:250px;*/width:85%;overflow:hidden;min-width: 300px;margin:0 auto;position:fixed;left: 50%;top:50%;transform: translate(-50%,-50%);max-width: 640px;background: #f9f9ec;border-radius: 4px;padding-top:30px;padding-bottom:30px;padding-left:13px;padding-right:13px;}
.txt_center{text-align: center;}

#loadingWrapper{width: 70px; display: block; margin: 0 auto; height: 70px; border: 0px;}




.thread_list .clip_item{border-bottom: 1px solid #E7EFE9;padding-bottom:8px;padding-top:20px;position: relative;}
.thread_list .clip_item .thread_top{height: 50px;display:block;margin-left:15px;padding-right:15px;}
.thread_list .clip_item .thread_top .thread_photo_wrapper{display:block;float:left;width:50px;height: 50px;position: relative;}
.thread_list .clip_item .thread_top .thread_photo{display:block;width:50px;height: 50px;border-radius: 50%;float:left;}
.thread_list .clip_item .thread_top .thread_photo_vip{position: absolute;top:-8px;right:-8px;width:19px;height:19px;}
.thread_list .clip_item .thread_top .thread_author_updated_at{float:left;margin-top:8px;margin-left:5px;}
.thread_list .clip_item .thread_top .thread_author_name{font-size: 16px;font-weight: bold;text-align: left;color: #333333;line-height: 16px;}
.thread_list .clip_item .thread_top .thread_updated_at{font-size: 14px;color: #666666;line-height: 14px;margin-top:7px;}
.thread_list .clip_item .thread_center{margin-top:10px;margin-left:15px;margin-right:15px;display: block;}
.thread_list .clip_item .thread_center .thread_description{font-size: 14px;text-align: left;color: #666;line-height: 20px;word-break:break-word;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.thread_list .clip_item .thread_bottom{margin-left:15px;margin-right:15px;height:18px;line-height:18px;margin-top:10px;overflow:hidden;}
.thread_list .clip_item .thread_bottom li{width:23%;float:left;text-align: center;}
.thread_list .clip_item .thread_bottom li:nth-child(1){text-align: left;}
.thread_list .clip_item .thread_bottom li:nth-child(2) {margin-left: 0;}
.thread_list .clip_item .thread_bottom li:nth-child(3) {margin-left: 7%;}
.thread_list .clip_item .thread_bottom li:nth-child(4){text-align: right;}
.thread_list .clip_item .thread_bottom li img{width:18px;height:18px;vertical-align: middle;/*float: left;*/}
.thread_list .clip_item .thread_bottom li span{vertical-align: middle;margin-left:5px;font-size:12px;color:#666;/*float: left;margin-left:3px;*/}
.thread_list .clip_item .thread_center .thread_one_pic{margin-top:10px;position: relative;}
.thread_list .clip_item .thread_center .thread_one_pic .clip_img{object-fit: cover;display: block;border-radius: 4px;width:100%;}
.thread_list .clip_item .thread_center .thread_one_pic.horizontal{width:100%;height: 166px;}
.thread_list .clip_item .thread_center .thread_one_pic.horizontal .clip_img{height: 166px;}
.thread_list .clip_item .thread_center .thread_one_pic.vertical{width:144px;height: 240px;}
.thread_list .clip_item .thread_center .thread_one_pic.vertical .clip_img{height: 240px;}
.thread_list .clip_item .thread_center .thread_one_pic .play_icon{position: absolute;width:40px;height: 40px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.thread_list .clip_item .thread_center .thread_one_pic .clip_amount{position: absolute;top:0px;min-width:34px;padding-left:3px;color:#fff;font-size:12px;padding-right:3px;height:20px;line-height: 20px;right:0px;background: #0f7884;opacity: 0.8;text-align: center;border-radius: 0 4px 0 4px;}
.thread_list .clip_item .thread_center .thread_one_pic .clip_amount img{height: 14px;vertical-align: middle;}
.thread_list .clip_item .thread_center .thread_one_pic .clip_amount span{color:#fff;margin-left:3px;font-size:12px;}

/*for simple format*/
.height-80{ height: 80px;}