/* ===================

	Powered by 忽悠兄

   =================== */

@font-face {
	font-family: 'iconfont';
	src: url('../font/iconfont.eot');
	src: url('/font/iconfont.eot?#iefix') format('embedded-opentype'),
	url('../font/iconfont.woff2') format('woff2'),
	url('../font/iconfont.woff') format('woff'),
	url('../font/iconfont.ttf') format('truetype'),
	url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* 全局重写 */
* {word-wrap: break-word;font-weight: 400;}
html, body {font: 12px/1.5 -apple-system-font,'Helvetica Neue',sans-serif;}
a {-webkit-tap-highlight-color: rgba(0,0,0,0);}
ul, ol, li, span, p, form, h1, h2, h3, h4, h5, h6, dl, dt, dd {margin: 0;padding: 0;}
.bg {background: #fff;}

/* placeholder */
input::-webkit-input-placeholder {color: #bbb;}
input::-moz-input-placeholder {color: #bbb;}
input::-ms-input-placeholder {color: #bbb;}
input:-webkit-autofill {-webkit-text-fill-color: #666;-webkit-box-shadow: 0 0 0px 1000px transparent  inset;background-color:transparent;background-image: none;transition: background-color 50000s ease-in-out 0s;}
textarea::-webkit-input-placeholder {color: #bbb;}
textarea::-moz-input-placeholder {color: #bbb;}
textarea::-ms-input-placeholder {color: #bbb;}


/* 间距 */
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}

/* 绝对 */
.header_cl {height: 48px;}
.footer_cl {height: 50px;}

/* loadings */
.huyou_loadings {position: fixed;top: 0;right: 0;left: 0;bottom: 0;z-index: 999;background: rgba(0, 0, 0, 0.3);}
.huyou_loadings .huyou_loadings_icon {height: 120px; width: 100px; display: block; position: fixed; left: 50%; top: 50%;margin-left:-50px;margin-top:-50px; z-index: 99999; opacity: 1;background: rgba(0, 0, 0, 0.3);border-radius: 5px;}
.huyou_loadings .huyou_loadings_icon:before {content: '';display: block;padding-top: 100%;}
.huyou_loadings .huyou_loadings_icon p {line-height:0px;font-size: 14px;color: #fff;text-align: center;}
.huyou_loadings .circulars {-webkit-animation: rotate 2s linear infinite;animation: rotate 2s linear infinite;height: 60%;width: 60%;position: absolute;top: 0;left: 50%;margin-left:-30%;margin-top: 10px;}
.huyou_loadings .paths {stroke-dasharray: 1, 200;stroke-dashoffset: 0;-webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;stroke-linecap: round;}
@-webkit-keyframes rotate {100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes rotate {100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@-webkit-keyframes dash {0% {stroke-dasharray: 1, 200;stroke-dashoffset: 0;}50% {stroke-dasharray: 53bcf59, 200;stroke-dashoffset: -35px;}100% {stroke-dasharray: 89, 200;stroke-dashoffset: -124px;}}
@keyframes dash {0% {stroke-dasharray: 1, 200;stroke-dashoffset: 0;}50% {stroke-dasharray: 89, 200;stroke-dashoffset: -35px;}100% {stroke-dasharray: 89, 200;stroke-dashoffset: -124px;}}
@-webkit-keyframes color {100%,0% {stroke: #fff;}40% {stroke: #fff;}66% {stroke: #fff;}80%,90% {stroke: #fff;}}
@keyframes color {100%,0% {stroke: #fff;}40% {stroke: #fff;}66% {stroke: #fff;}80%,90% {stroke: #fff;}}

.miniload{float:left;margin-top: 5px;margin-left: 3px;}
.miniload .loader {position: relative;text-indent: -9999em;border-top: 2px solid rgba(255, 255, 255, 0.2);border-right: 2px solid rgba(255, 255, 255, 0.2);border-bottom: 2px solid rgba(255, 255, 255, 0.2);border-left: 2px solid #ffffff;font-size: 10px;-webkit-animation: miniload 1.1s infinite linear;animation: miniload 1.1s infinite linear;}
.miniload .loader,
.miniload .loader:after {border-radius: 50%;width: 10px;height: 10px;margin:2px 0;}
@-webkit-keyframes miniload {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes miniload {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}


.post_loading {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;background: rgba(0,0,0,0.3);z-index: 99;}
.post_loading .post_loading_img {position: fixed;top: 50%;left: 50%;width: 48px;height: 48px;margin-top: -24px;margin-left: -24px;z-index: 100;}
.post_loading .post_loading_img img {width: 28px;height: 28px;padding: 10px;background-color: #000;border-radius: 5px;opacity: 0.85;}



/* emp */
.emp {padding: 20px;text-align: center;font-size: 14px;color: #999;}

/* flex */
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.huyou_flex {t-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}

/* level */

.level {display: inline-block;height: 16px;line-height: 16px;padding: 0 5px;margin-right: 5px;background: #009eff;font-size: 12px;color: #FFF;}


/* top */

.huyou_menu {position: fixed;right: 10px;bottom: 80px;z-index: 98;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.huyou_menu a {display: block;width: 32px;height: 32px;line-height: 32px;margin-top: 8px;background: rgba(0,0,0,0.5);text-align: center;color: #fff;border-radius: 3px;overflow: hidden;}
.huyou_menu a.on {background: rgba(255, 0, 0, 0.6);}
.huyou_menu a i {font-size: 14px;}
.huyou_menu_y {right: -50px;}
.huyou_menu_x {right: 10px;}

/* button */

.huyou_button {margin: 10px;}
.huyou_button button {display: block;width: 100%;height: 40px;line-height: 40px;background: #009eff;border: none;text-align: center;font-size: 14px;color: #fff;border-radius: 3px;outline: none;}
.huyou_button button.on {background: #009eff;}

/* input */
.huyou_input {width: 100%;height: 22px;line-height: 22px;background: none;border: none;border-bottom: 1px solid #efefef;font-size: 14px;-webkit-appearance: none;outline: none;font-weight: 300;}

/* textarea */
.post_publish_box {padding: 10px;background: #fff;}
.huyou_textarea {width: 100%;min-height: 120px;line-height: 24px;background:none;border: none;font-size: 14px;vertical-align: middle;-webkit-appearance: none;outline: none;resize:none;}



/* 加载 */

.status {padding: 10px 0;margin-top: 10px;background: #fff;text-align: center;}
.status a {display: inline-block;padding: 5px 10px;background: #009eff;font-size: 14px;color: #fff;border-radius: 5px;}

/* 弹出 */
.menu_u {position: fixed;left: 0;top: -100%;width: 100%;height: 100%;background: #f8f8f8;z-index: 99;}
.menu_d {position: fixed;left: 0;bottom: -100%;width: 100%;height: 100%;background: #f8f8f8;z-index: 99;}
.menu_l {position: fixed;top: 0;bottom: 0;left: -280px;width: 280px;height: 100%;background: #F8F8F8;z-index: 99;}
.div_bg {position: fixed;left: 0;bottom: 0;display: none;width: 100%;height: 100%;background: #000;z-index: 98;opacity: 0.6;}
.mask_on {-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;transition: 1s;-ms-transition: 1s;}
.mask {position: fixed;top: 0px;left: 0px;display: block !important;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.3);z-index: 98 !important;opacity: 0;visibility: hidden;}
.mask_on {visibility: visible ;opacity: 1;}
.postextend {position: fixed;left: 0px;bottom: 0px;display: none;width: 100%;background: #FFF;text-align: center;z-index: 99;}
.postextend li a {display: block;height: 45px;line-height: 45px;border-top: 1px solid #efefef;font-size: 16px;color: #666;}


/* 分享 */


.share_box {position: fixed;left: 0;bottom: 0;width: 100%;padding-top: 20px;background: rgba(255, 255, 255, 0.8);-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);-webkit-transition: -webkit-transform 300ms;transition: transform 300ms;z-index: 105;}

.share_box .bdsharebuttonbox {display: none;}
.share_box.decide .bdsharebuttonbox {display: block;}
.share_box .share_click {display:none;}
.share_box.decide .share_click{ display:block;}
.modal_active {transform: translateY(0px);-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.share_bg {position: fixed;left: 0;bottom: 0;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 99;opacity: 0;}
.share_active {display: block;opacity: 1;}
.share_box .share_list a {width: 25%;height: 90px;line-height: 130px;padding-left: 0;margin: 0;text-align: center;font-size: 12px;color: #666;}
.share_box .share_list a.bds_qzone {background: url(../mimg/qzone.png) center 0 no-repeat;background-size: 50px;}
.share_box .share_list a.bds_tsina {background: url(../mimg/weibo.png) center 0 no-repeat;background-size: 50px;}
.share_box .share_list a.bds_sqq {background: url(../mimg/qq.png) center 0 no-repeat;background-size: 50px;}
.share_box .share_list a.bds_tqq {background: url(../mimg/qqweibo.png) center 0 no-repeat;background-size: 50px;}
.share_box .share_list a.bds_weixin {background: url(../mimg/wechat.png) center 0 no-repeat;background-size: 50px;}
.share_box .share_list a.bds_copy {background: url(../mimg/link.png) center 0 no-repeat;background-size: 50px;}
.share_box .share_list a.more {background: url(../mimg/more.png) center 0 no-repeat;background-size: 50px;}
.share_box .share_click {width: 100%;height: 40px;line-height: 40px;background: #fff;text-align: center;font-size: 14px;color: #e23936;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.share_box.bds_weixin_bg .share_click.share_bg2 {display: block;width: 100%;height: 100%;background: url(../mimg/share_bg2.png) no-repeat 0 top / 100%;text-indent:-9999px;}
.share_box.bds_weixin_bg {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);opacity: 1;}
.share_box.bds_weixin_bg .share_click {display: block;background: url(../mimg/weixin_share.png) no-repeat 0 bottom / 100%;width: 100%;height: 100%;text-indent: -9999px;}




/* 表态 */
#click_div {padding: 10px 0;background: #fff;}
#click_div .atd {margin: 0 auto;}
#click_div .atd td {padding: 10px;text-align: center;vertical-align: bottom;}
#click_div .atd .atdc {position: relative;margin: 0 auto 10px;width: 20px;height: 50px;}
#click_div .atdc div {position: absolute;left: 0;bottom: 0;width: 20px;text-align: left;}
#click_div .atd .ac1 {background: #C30;}
#click_div .atd .ac2 {background: #0C0;}
#click_div .atd .ac3 {background: #F90;}
#click_div .atd .ac4 {background: #06F;}
#click_div .atdc em {position: absolute;margin: -20px 0 0 -5px;width: 30px;font-size: 12px;text-align: center;color: #666;}

/* 性别 */
i.male {display: inline-block;width: 12px;height: 12px;line-height: 12px;padding: 2px;background: #87d0f5;font-size: 12px;color: #fff;border-radius: 2px;}
i.girl {display: inline-block;width: 12px;height: 12px;line-height: 12px;padding: 2px;background: #ffa3a3;font-size: 12px;color: #fff;border-radius: 2px;}

/* tip */

.tip {position: relative;height: auto;background: #fff;}
.tip .tip_title {height: 48px;line-height: 48px;background: #f8f8f8;font-size: 16px;}
.tip .tip_lang {line-height: 26px;padding: 40px 20px;font-size: 16px;}
.tip .tip_lang p {display: block;margin-bottom: 10px;font-size: 14px;color: #888;}
.tip .tip_lang strong {color: #f31100;font-weight: 700;}
.tip .tip_edit {padding: 10px;text-align: left;font-size: 14px;}
.tip .tip_edit p {display: block;padding-bottom: 15px;text-align: center;font-size: 16px;color: #f00;}
.tip .tip_edit select {width: 100%;height: 38px;line-height: 38px;border: 1px solid #efefef;font-size: 14px;color: #666;}
.tip .tip_edit textarea {width: 100%;line-height: 22px;padding: 10px;border: 1px solid #efefef;box-sizing: border-box;outline: none;resize: none;}
.tip .tip_submit {background: #fff;border-top: 1px solid #efefef;}
.tip .tip_submit a {float: left;width: 50%;height: 45px;line-height: 45px;border: none;font-size: 16px;color: #888;outline: none;}
.tip .tip_submit a span {display: block;border-left: 1px solid #efefef;color: #009eff;}
.tip .tip_submit button {float: left;width: 50%;height: 45px;line-height: 45px;background: #fff;border: none;border-left: 1px solid #efefef;text-align: center;font-size: 16px;color: #009eff;}
.tip .tip_time {padding: 30px 0;}
.tip .tip_time ul li {display: inline-block;padding: 5px;}
.tip .tip_time ul li select {display: inline-block;height: 32px;line-height: 32px;padding: 0 5px;background: none;border: 1px solid #efefef;color: #666;outline: none;}

.tip .tip_form {padding: 5px 20px;}
.tip .tip_form li {padding: 10px 0;border-bottom: 1px solid #efefef;text-align: left;font-size: 14px;}
.tip .tip_form li h2 {padding-right: 10px;}
.tip .tip_form li .huyou_flex {color: #f60;}

.tip .tip_form li input {width: 100%;height: 30px;line-height: 30px;padding: 0 5px;background: #f8f8f8;border: none;font-size: 14px;color: #666;box-sizing: border-box;outline: none;}

.tip .tip_form li.tip_emp {background: #fffdef;padding: 10px;border: 1px dashed #e7e1cd;font-size: 12px;}

.tip .tip_group {text-align: left;}
.tip .tip_group ul {padding: 20px 20px 5px;}
.tip .tip_group ul li {float: left;width: 50%;height: 28px;line-height: 28px;font-size: 14px;}





/* title */
.huyou_title {position: relative;height: 50px;line-height: 60px;padding: 0 10px;}
.huyou_title h2 {position: relative;font-size: 16px;color: #222;font-weight: 600;}
.huyou_title h2:before {content: "";position: absolute;left: -10px;bottom: 22px;width: 3px;height: 15px;background: #009eff;}
.huyou_title h2 i {font-size: 14px;color: #666;font-weight: 400;}
.huyou_title h2 span {padding-left: 5px;font-size: 13px;color: #666;}
.huyou_title a {padding-left: 5px;font-size: 13px;color: #999;}
.huyou_title a i {padding-right: 2px;font-size: 13px;color: #999;}



/* 边栏 */

.huyou_side {position: relative;height: 100%;background: #fff;}

.huyou_side .side_top {position: relative;width: 100%;height: 160px;background: url(../img/default_bannar.jpg) no-repeat center bottom;overflow: hidden;}
.huyou_side .side_top .side_register {position: absolute;bottom: 12px;right: 12px;}
.huyou_side .side_top .side_register a {display: inline-block;height: 22px;line-height: 22px;padding: 0 6px;background: rgba(0,0,0,0.5);font-size: 12px;color: #fff;border-radius: 2px;}
.huyou_side .side_top .side_avatar {position: absolute;left: 12px;bottom: 80px;width: 64px;height: 64px;background: #fff;border-radius: 50%;}
.huyou_side .side_top .side_avatar i {position: absolute;top: 0px;right: 0px;width: 8px;height: 8px;background: #009eff;border-radius: 50%;}
.huyou_side .side_top .side_avatar img {width: 60px;height: 60px;padding: 2px;border-radius: 50%;}
.huyou_side .side_top .side_username {position: absolute;left: 0;right: 0;bottom: 0;height: 50px;padding: 50px 12px 12px;background: url(../img/default_bannar_bg.png) no-repeat center bottom;overflow: hidden;}
.huyou_side .side_top .side_username span {display: block;width: 100%;height: 24px;line-height: 24px;font-size: 18px;color: #fff;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);overflow: hidden;}
.huyou_side .side_top .side_username span a {color: #fff;}
.huyou_side .side_top .side_username p {display: block;width: 100%;height: 24px;line-height: 24px;font-size: 13px;color: #fff;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);overflow: hidden;}
.huyou_side .side_menu {position: relative;height: -moz-calc(100% - 190px);height: -webkit-calc(100% - 190px);height: calc(100% - 190px);overflow: hidden;}
.huyou_side .side_menu ul {width: 105%;height: 100%;    margin: 5px 0;box-sizing: border-box;overflow-y: scroll;}
.huyou_side .side_menu ul li a {display: block;height: 38px;line-height: 38px;padding: 0 12px;font-size: 16px;color: #666;overflow: hidden;}




/* 昼夜 */

.night_bg {position: fixed;top: 0;width: 100%;height: 100%;background: #000;z-index:999;opacity: 0;transition: 1s;visibility: hidden;}
.night_bg.on {opacity: 0.95;visibility: visible;}


/* 头部 */
.header {padding: 6px 10px;background: #009eff;}
.header .header_left {float: left;width: 25%;}
.header .header_right {float: right;width: 25%;}
.header .header_right a {text-align: right;}
.header a {display: block;height: 38px;line-height: 38px;color: #fff;}
.header a img {height: 100%;}
.header a i {font-size: 16px;}
.header h1 {position: relative;float: left;width: 50%;line-height: 38px;text-align: center;font-size: 18px;color: #fff;}
.header .category .name {padding: 0;display: inline;width: 100%;color: #fff;}
.header .category .subname_list a {color: #333;}


/* 底部 */
.huyou_footer_memu {position: fixed;left: 0;right: 0;bottom: 0;width: 100%;height: 50px;background: #fff;border-top: 1px solid #efefef;z-index: 9;}
.huyou_footer_memu li {float: left;height: 50px;text-align: center;overflow: hidden;}
.huyou_footer_memu li a {position: relative;display: block;height: 50px;margin: 0 auto;color: #aaa;overflow: hidden;}
.huyou_footer_memu li a i {position: relative;display: inline-block;width: 24px;height: 24px;line-height: 24px;padding-top: 4px;font-size: 18px;}
.huyou_footer_memu li a span {display: block;height: 16px;line-height: 16px;font-size: 12px;overflow: hidden;}
.huyou_footer_memu li.on a {color: #009eff;}
.huyou_footer_memu li a i b {position: absolute;top: 3px;right: 0px;display: block;width: 6px;height: 6px;background: #dd0000;border-radius: 50%;z-index: 10;}
.huyou_footer_memu li.huyou_publish {overflow:visible;position:relative}
.huyou_footer_memu li.huyou_publish a {position: absolute;bottom: 0px;left: 50%;width: 60px;height: 60px;margin-left: -30px;background: #fff;border-radius: 50%;overflow: visible;}
.huyou_footer_memu li.huyou_publish a em {position:absolute;bottom:0px;left: 50%;z-index:100;width:60px;height:60px;margin-left: -30px;background: #fff;border: 1px solid #efefef;border-radius:50%;}
.huyou_footer_memu li.huyou_publish a span {position: absolute;bottom: -1px;left: 50%;width: 62px;height: 62px;line-height: 62px;margin-left: -30px;padding: 0;background: #fff;border-radius: 50%;z-index: 110;}
.huyou_footer_memu li.huyou_publish a span i {width: 44px;height: 44px;line-height: 44px;padding:0;margin-top:8px;background: #009eff;color: #fff;border-radius: 50%;}



.sec_code {position: relative;height: 30px;line-height: 30px;background: #fff;zoom: 1;}
.sec_code .px {position: absolute;width: auto !important;line-height: 30px;padding: 0;border: none;font-size: 14px;outline: none;box-sizing: border-box;}
.sec_code img {position: absolute;top: 10px;right: 10px;}


/* tab */

.huyou_tab {background: #fff;}
.huyou_tab ul li {display: block;width: 33.333%;}
.huyou_tab ul li.on {height: 40px;border-bottom: 1px solid #009eff;}
.huyou_tab ul li a {display: block;width: 100%;height: 100%;line-height: 40px;text-align: center;font-size: 14px;color: #888;}


/* 首页幻灯 */

.huyou_slider {position: relative;height: 220px;overflow: hidden;}
.huyou_slider li img {width: 100%;height: 100%;object-fit: cover;}


/* 首页公告 */
.huyou_notice {height: 45px;background: #fff;border-top: 1px solid #efefef;}
.huyou_notice .notice_roll {height: 45px;overflow: hidden;}
.huyou_notice .notice_roll li {height: 45px;line-height: 45px;padding: 0 10px;overflow: hidden;}
.huyou_notice .notice_roll li span {float: right;height: 45px;line-height: 45px;margin-left: 10px;font-size: 14px;color: #999;}
.huyou_notice .notice_roll li a {font-size: 16px;}
.huyou_notice .notice_roll li a i {display: inline-block;width: 20px;height: 20px;line-height: 20px;margin-right: 8px;background: #fcad30;text-align: center;font-size: 16px;color: #fff;border-radius: 2px;vertical-align: text-bottom;}

/* 首页头条 */
.huyou_news {background:#fff;}
.huyou_news .news_hot {padding-bottom: 10px;border-bottom: 1px dashed #efefef;}
.huyou_news .news_hot h2 {height: 20px;line-height: 20px;padding: 0 15px;margin-bottom: 8px;text-align:center;font-size: 16px;color: #009eff;font-weight: 700;overflow: hidden;}
.huyou_news .news_hot p {line-height: 22px;font-size: 14px;color: #999;}
.huyou_news ul {padding: 10px;}
.huyou_news ul li {width: 100%;height: 35px;line-height: 35px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.huyou_news ul li a {color: #666;}


/* 帖子列表 */
.thread_list {padding: 5px 0;background: #fff;border-bottom: 1px solid #efefef;overflow: hidden;}
.thread_list_top {padding: 10px 10px 0;background: #fff;}
.thread_list_top .thread_avatar {float: left;width: 36px;height: 36px;background: #f8f8f8;border-radius: 50%;}
.thread_list_top .thread_avatar img {width: 36px;height: 36px;border-radius: 50%;}
.thread_list_top h2 {display: block;height: 20px;line-height: 20px;padding-left: 46px;padding-bottom: 2px;}
.thread_list_top h2 a {font-size: 12px;color: #999;}
.thread_list_top h2 em {font-size: 12px;color: #999;}
.thread_list_top h2 em i {padding-right: 5px;font-size: 12px;color: #999;}
.thread_list_top h2 .thread_user {float: left;font-size: 16px;color: #333;}
.thread_list_top h2 span {float: left;padding: 0 5px;margin-left: 5px;height: 20px;line-height: 20px;background: #009eff;font-size: 12px;color: #fff;border-radius: 2px;}
.thread_list_top h2 .del span {background: #999;}
.thread_list_top .thread_time {display: block;height: 16px;line-height: 16px;padding-left: 46px;}
.thread_list_top .thread_time span {font-size: 13px;color: #bbb;}
.thread_list_top .thread_time span i {padding-left: 10px;font-size: 14px;color: #bbb;}
.thread_list_top .thread_time a {padding-left: 3px;font-size: 12px;color: #bbb;}
.thread_list_main {padding: 5px 10px 0 56px;}
.thread_list_main h3 {line-height: 24px;font-size: 16px;font-weight: 400;}
.thread_list_main h3 a span{font-size: 16px;color: #009eff;}
.thread_list_one {margin: 8px 10px 0 56px;}
.thread_list_one img {max-width: 68%;}
.thread_list_info {height: 15px;line-height: 15px;padding: 10px 0;margin-left: 56px;}
.thread_list_info ul li {float: left;}
.thread_list_info ul li span {display: block;font-size: 14px;color: #999;}
.thread_list_info ul li span.replies {padding: 0 8px;margin: 0 8px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}







/* 论坛版块 */
.huyou_forum_list {background: #fff;}
.huyou_forum_title {height: 42px;line-height: 42px;background: #f6f6f6;overflow: hidden;}
.huyou_forum_title h2 {height: 42px;line-height: 42px;padding: 0 10px;font-size: 16px;}
.huyou_forum_title h2 code {position: relative;float: right;width: 36px;height: 18px;margin-top: 11px;background: #fff;border: 1px solid #efefef;border-radius: 10px;overflow: hidden;}
.huyou_forum_title h2 code:before {content: "";position: absolute;top: 3px;left: 20px;display: block;width: 12px;height: 12px;background: #009eff;border-radius: 50%;transition: all .15s ease;-webkit-transition: all .15s ease;}
.huyou_forum_title.off h2 code:before {left: 3px;background: #ccc;}


.sub_forum {border: none;}
.sub_forum ul li {float: left;width: 50%;height: auto;line-height: inherit;border-bottom: none;}
.sub_forum ul li a {display: block;height: 48px;line-height: 48px;padding: 10px;overflow: hidden;}
.sub_forum ul li em {width: 48px;height: 48px;margin-right: 10px;}
.sub_forum ul li img {width: 48px;height: 48px;border-radius: 3px;}
.sub_forum ul li h3 {display: block;height: 20px;line-height: 20px;margin-top: 3px;margin-bottom: 3px;font-size: 16px;overflow: hidden;}
.sub_forum ul li span {display: block;height: 20px;line-height: 20px;font-size: 13px;color: #999;overflow: hidden;}



.huyou_forum_post ul {background: #fff;}
.huyou_forum_post ul li#block_forum {border-left: 1px solid #efefef;border-right: 1px solid #efefef;box-sizing: border-box;}
.huyou_forum_post ul li {float: left;width: 33.333%;min-height: 300px;overflow-x: hidden;overflow-y: auto;}
.huyou_forum_post ul li a {display: block;height: 35px;line-height: 35px;padding: 0 10px;font-size: 14px;}
.huyou_forum_post ul li p.on a, .huyou_forum_post ul li p a:hover {background: #f6f6f6;color: #009eff;}



.forum_banner {padding: 40px 10px;background-position: 50%;background-repeat: no-repeat;background-size: cover;text-align: center;}
.forum_banner h2 {font-size: 22px;color: #fff;}
.forum_banner p {margin-top: 10px;font-size: 14px;color: #fff;}




/* 论坛统计 */
.huyou_forum_num {padding: 10px 0;background: #fff;overflow: hidden;}
.huyou_forum_num li {float: left;width: 33.333%;line-height: 30px;text-align: center;font-size: 20px;}
.huyou_forum_num li span {display: block;line-height: 16px;height: 16px;padding-top: 5px;font-size: 13px;color: #999;overflow: hidden;}
.huyou_forum_num li em {color: #777;}


/* 版块列表 */
.huyou_block {position: relative;height: 160px;overflow: hidden;}
.huyou_block .block_name {position: absolute;left: 0;bottom: 10px;display: block;width: 100%;height: 48px;z-index: 20;overflow: hidden;}
.huyou_block .block_name .block_ico {float: left;width: 48px;height: 48px;margin: 0 10px;text-align: center;overflow: hidden;}
.huyou_block .block_name .block_ico img {width: 48px;height: 48px;border-radius: 3px;}
.huyou_block .block_name h2 {height: 22px;line-height: 22px;padding-top: 5px;}
.huyou_block .block_name h2 a {font-size: 16px;color: #fff;}
.huyou_block .block_name p {height: 18px;line-height: 18px;font-size: 12px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.huyou_block .block_fav {position: absolute;right: 10px;bottom: 10px;width: 60px;text-align: center;z-index: 30;}
.huyou_block .block_fav a {display: block;width: 60px;height: 28px;line-height: 28px;background: rgba(0,0,0,0.4);font-size: 12px;color: #eee;border-radius: 2px;}
.huyou_block .block_fav a.no_fav {background: #009eff;color: #fff;}
.huyou_block_desc {padding: 10px;background: #fff;font-size: 14px;color: #666;}

.huyou_subforum {margin-bottom: 10px;background: #fff;}
.huyou_subforum h3 {display: block;height: 40px;line-height: 40px;padding: 0 10px;border-bottom: 1px solid #efefef;font-size: 16px;color: #666;}
.huyou_subforum ul li {float: left;width: 50%;}
.huyou_subforum ul li a {display: block;height: 40px;line-height: 40px;padding: 0 10px;border-right: 1px solid #efefef;border-bottom: 1px solid #efefef;font-size: 14px;}
.huyou_subforum ul li:nth-child(even) a {border-right: 0;}

.screening_title {position: relative;height: 48px;line-height: 48px;padding-left: 10px;background: #f8f8f8;border-bottom: 1px solid #efefef;}
.screening_title h2 {font-size: 16px;color: #666;}
.screening_title span {width: 48px;height: 48px;text-align: center;}
.screening_title span i {font-size: 14px;color: #bbb;}


.screening_box ul {background: #fff;}
.screening_box ul li {float: left;}
.screening_box ul li em {display: block;height: 28px;line-height: 28px;margin-left: 10px;font-size: 14px;overflow: hidden;}
.screening_box ul li a {display: block;height: 28px;line-height: 28px;padding: 0 10px;margin-left: 10px;background: #f6f6f6;font-size: 12px;color: #999;border-radius: 2px;overflow: hidden;}
.screening_box ul li a.on {background: #009eff;color: #fff;}

.block_tops {background: #fff;}
.block_tops ul li {height: 20px;line-height: 20px;padding: 10px;border-bottom: 1px solid #efefef;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.block_tops ul li:nth-of-type(n+3) {display: none;}
.block_tops ul li a {font-size: 14px;}
.block_tops ul li a i {display: inline-block;width: 18px;height: 18px;line-height: 18px;margin-right: 5px;background: #009eff;text-align: center;font-size: 12px;color: #fff;border-radius: 2px;}
.block_tops ul li span {float: right;margin-left: 10px;font-size: 12px;color: #999;}
.block_tops .tops_more {display: block;padding: 8px;background: #fff;text-align: center;font-size: 14px;color: #999;}
.block_tops .tops_more i {padding-left: 2px;font-size: 12px;}

.huyou_advanced {background: #fff;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;}
.advanced_title {height: 38px;line-height: 38px;padding: 0 10px;border-bottom: 1px solid #efefef;font-size: 14px;}
.advanced_title em {font-size: 0;}
.advanced_title em a {font-size: 14px;color: #999;}
.advanced_title a span {float: right;font-size: 12px;}
.advanced_title .advanced_click {font-size: 12px;color: #ff9900;}
.advanced_title .advanced_click i {padding-left: 2px;font-size: 12px;}

.advanced_info {display: none;}
.advanced_info_string {background: #fff;font-size: 14px;}
.advanced_info_string #fontsearch {width: 100%;}
.info_string_box {display: block;line-height: 24px;padding-top: 8px;padding: 0 10px;overflow: hidden;}
.info_string_box th {float: left;width: 25%;padding: 5px 0;vertical-align: top;}
.info_string_box th span {padding-right: 10px;color: #999;}
.info_string_box td {float: left;width: 75%;padding: 5px 0;border-bottom: 1px solid #efefef;}
.info_string_box td li {float: left;margin-right: 18px;}
.advanced_info_search {padding:10px;background: #fff;}
.advanced_info_search .info_search_title {float: left;width: 25%;padding-bottom: 10px;vertical-align: top;}
.advanced_info_search .info_search_box {float: left;width: 75%;padding-bottom: 10px;border-bottom: 1px solid #efefef;}
.advanced_info_search .info_search_box select {color: #666;}
.info_search_btn {padding: 10px;}
.info_search_btn button {display: block;width: 100%;height: 40px;line-height: 40px;background: #009eff;border: none;font-size: 14px;color: #fff;outline: none;border-radius: 2px;}



.waterfall_list {float: left;width: 50%;background: #fff;}
.waterfall_sizer {width: 50%;}
.waterfall_list a {display: block;padding: 5px;background: #f6f6f6;}
.waterfall_list img {display: block;width: 100%;vertical-align: middle;}
.waterfall_list h2 {line-height: 22px;padding: 5px 10px;background: #fff;font-size: 14px;}
.waterfall_list p {height: 25px;line-height: 25px;padding: 8px 10px;background: #fff;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;font-size: 14px;}
.waterfall_list p span {float: right;font-size: 14px;color: #999;}
.waterfall_list p span i {padding-right: 5px;font-size: 14px;}
.waterfall_list .noimg {height: 120px;line-height: 120px;background: #dfdfdf;text-align: center;font-size: 16px;color: #999;font-weight: 300;}


.thread_wechat {background: #fff;}
.thread_wechat .wechat_list {position: relative;padding: 10px;border-bottom: 1px solid #efefef;}

.thread_wechat .wechat_avatar {position: absolute;top: 10px;left: 10px;width: 38px;height: 38px;}
.thread_wechat .wechat_avatar img {width: 38px;height: 38px;border-radius: 3px;}
.thread_wechat .wechat_info {padding-left: 50px;}
.thread_wechat .wechat_info h3 {margin-bottom: 2px;}
.thread_wechat .wechat_info h3 a {font-size: 16px;color: #009eff;font-weight: 400;}
.thread_wechat .wechat_info h2 {display: block;margin-bottom: 15px;font-size: 16px;}
.thread_wechat .wechat_pic_one img {width: 65%;}
.thread_wechat .wechat_pic_two a {position: relative;float: left;width: 32.333%;padding-bottom: 32.333%;margin-right: 1.5%;margin-bottom: 1.5%;background: #f8f8f8;}
.thread_wechat .wechat_pic_two a:nth-child(3n+0) {margin-right: 0;}
.thread_wechat .wechat_pic_two a img {position: absolute;width: 100%;}
.thread_wechat .wechat_pic_two a .nine {position: absolute;left: 0;bottom: 0;top: 0;right: 0;background: rgba(0, 0, 0, 0.3);}
.thread_wechat .wechat_pic_two a .nine span {position: absolute;top: 50%;left: 50%;width: 50px;height: 20px;line-height: 20px;margin-top: -10px;margin-left: -25px;text-align: center;font-size: 12px;color: #fff;}
.thread_wechat .wechat_pic_two a .nine span i {padding-right: 5px;font-size: 12px;}


.thread_wechat .wechat_info .wechat_bottom {position: relative;height: 18px;line-height: 18px;margin: 10px 0;font-size: 13px;color: #999;;}
.thread_wechat .wechat_info .wechat_bottom span {float: right;width: 30px;background: #f5f5f5;text-align: center;border-radius: 3px;}
.thread_wechat .wechat_info .wechat_bottom span i {display: inline-block;width: 10px;font-size: 10px;color: #666;transform: scale(0.4);}
.thread_wechat .wechat_info .wechat_bottom .wechat_menu {position: absolute;top: -10px;right: 35px;display: none;width: 160px;height: 38px;line-height: 38px;background: #333;border-radius: 3px;}
.thread_wechat .wechat_info .wechat_bottom .wechat_menu a {float: left;width: 50%;text-align: center;font-size: 14px;color: #fff;}
.thread_wechat .wechat_info .wechat_bottom .wechat_menu a i {padding-right: 5px;font-size: 14px;}





.thread_wechat .wechat_comment {position: relative;padding: 5px 10px;background: #f8f8f8;border-radius: 3px;}
.thread_wechat .wechat_comment:before {content: "";position: absolute;left: 15px;top: -8px;height: 0;width: 0;border-color: transparent transparent #f8f8f8 transparent;border-style: dashed dashed solid dashed;border-width: 0 8px 8px;}
.thread_wechat .wechat_comment li {position: relative;line-height: 24px;margin-bottom: 5px;font-size: 14px;}
.thread_wechat .wechat_comment li .comment_user {color: #009eff;}
.thread_wechat .wechat_comment li img {height: 18px;padding: 0 2px;vertical-align: middle;}
.thread_wechat .wechat_comment h5 {padding-top: 5px;margin-top: 5px;border-top: 1px solid #ecebeb;}
.thread_wechat .wechat_comment h5 a {font-size: 12px;color: #888;}
.thread_wechat .wechat_comment li .comment_quote {display: block;padding: 5px 10px;background: #fff;}
.thread_wechat .wechat_comment li .comment_quote span {display: block;line-height: 20px;padding-bottom: 5px;border-bottom: 1px solid #efefef;font-size: 12px;}


.thread_wechat .wechat_comment .wechat_recommend span {float: left;margin-right: 10px;margin-bottom: 6px;color: #666;}
.thread_wechat .wechat_comment .wechat_recommend span i {font-size: 14px;}
.thread_wechat .wechat_comment .wechat_recommend span img {width: 22px;height: 22px;border-radius: 50px;}




.forum_password_top {padding: 40px;}
.forum_password_top .forum_password_icon {width: 100px;height: 100px;line-height: 100px;margin: 20px auto;background: #009eff;text-align: center;border-radius: 50%;}
.forum_password_top .forum_password_icon i {font-size: 24px;color: #fff;}
.forum_password_top p {line-height: 26px;text-align: center;font-size: 14px;color: #666;}
.forum_password_box {padding: 10px;}
.forum_password_box .forum_password_input {padding: 10px;margin: 0 10px;background: #fff;}
.forum_password_box .forum_password_input input {width: 100%;border: none;outline: none;}





/* 帖子内容 */


.viewthread_manage {position: fixed;top: 58px;right: 10px;display: none;padding: 2px 0;background: #fff;border-radius: 3px;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);z-index: 100;}
.viewthread_manage ul li a {display: block;min-width: 100px;height: 40px;line-height: 40px;padding: 0 15px;border-bottom: 1px solid #efefef;font-size: 14px;color: #888;overflow: hidden;}
.viewthread_manage ul li:last-child a {border-bottom: 0;}
.viewthread_manage ul li a i {padding-right: 5px;font-size: 14px;color: #888;}
.viewthread_manage_bg {position: fixed;top: 0;left: 0;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.1);z-index: 99;}


.viewthread_title {background: #fff;border-bottom: 1px solid #efefef;}
.viewthread_title h2 {line-height: 28px;padding: 20px 10px;font-size: 20px;font-weight: 400;}
.viewthread_message {line-height: 30px;padding: 0 10px 10px;background: #fff;font-size: 16px;}
.viewthread_message a {color: #0084ff;}
.viewthread_message img {max-width: 100%;margin: 5px 0;vertical-align: middle;}
.viewthread_message img[smilieid] {max-height: 20px;margin: 0 2px;}

.viewthread_text {background: #fff;border-bottom: 1px solid #efefef;}
.viewthread_text:last-child {border-bottom: 0;}
.huyou_post_time {padding-left: 56px;padding-right: 10px;padding-bottom: 6px;}
.huyou_post_time span {font-size: 13px;color: #aaa;}



.cloud_music {position: relative;margin: 10px 0;background: #fff;border-radius: 2px;box-shadow: 0 0 10px #ccc;overflow: hidden;}
.cloud_music .cloud_music_img {position: absolute;top: 0;left: 0;width: 80px;height: 80px;margin: 0;}
.cloud_music .cloud_music_info {position: relative;height: 80px;margin-left: 80px;background: #fff;}
.cloud_music .cloud_music_info h2 {display: block;height: 40px;line-height: 50px;padding: 0 20px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cloud_music .cloud_music_info h2 span {font-size: 14px;}
.cloud_music .cloud_music_info audio {width: 100%;height: 40px;outline: none;}
.cloud_music .cloud_music_info audio::-webkit-media-controls-panel{background: #fff;}
.cloud_music .cloud_music_info audio::media-controls-panel{background: #fff;}



.quote {padding: 5px 10px;margin: 5px 0;background: #f8f8f8;border: 1px dashed #efefef;font-size: 12px;color: #666;}
.blockcode {padding-left: 40px;margin: 10px 0;border: 1px dashed #efefef;border-left: 2px solid #0084ff;background: #f0f0f0;overflow: hidden;}
.blockcode .huyou_code {padding: 10px 10px 10px 0;background: #f8f8f8;border-left: 1px solid #efefef;}
.blockcode .huyou_code ol li {list-style-type: decimal-leading-zero;padding-left: 10px;font: 12px/1.8 Monaco,Consolas,'Lucida Console','Courier New',serif;color: #666;}
.blockcode em {display: block;margin: 5px 0;font-size: 12px;color: #666;}



.viewthread_tag {line-height: 20px;padding: 10px;background: #fff;}
.viewthread_tag i {padding-right: 5px;font-size: 12px;color: #666;}
.viewthread_tag a {font-size: 12px;color: #777;}


.viewthread_rate {padding: 30px 10px;background: #fff;border-bottom: 1px solid #efefef;text-align: center;}
.viewthread_rate p {height: 20px;line-height: 20px;font-size: 14px;}
.viewthread_rate p span {padding: 0 4px;color: #ff9900;font-weight: 700;}
.viewthread_rate h2 {margin: 10px 0;}
.viewthread_rate h2 a {display: inline-block;width: 50px;height: 50px;line-height: 50px;background: #fcad30;text-align: center;font-size: 20px;color: #fff;border-radius: 50%;overflow: hidden;}


.huyou_rate .huyou_rate_top {position: relative;padding: 20px 10px 0;}
.huyou_rate .huyou_rate_top .rate_close {position: absolute;top: 0px;right: 0px;padding: 10px;color: #bbb;}
.huyou_rate .huyou_rate_top .huyou_rate_avatar {display: block;text-align: center;}
.huyou_rate .huyou_rate_top .huyou_rate_avatar  img {display: inline-block;width: 58px;height: 58px;border-radius: 50%;}
.huyou_rate .huyou_rate_top .huyou_rate_author {display: block;text-align: center;}
.huyou_rate .huyou_rate_top .huyou_rate_author h3 {display: inline-block;font-size: 16px;color: #999;}
.huyou_rate ul li {padding: 10px;font-size: 14px;}
.huyou_rate ul li .huyou_rate_title {padding-right: 10px;color: #999;}
.huyou_rate ul li .huyou_rate_select {position: relative;padding: 0px 5px;}
.huyou_rate ul li .huyou_rate_select select {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 2;}
.huyou_rate ul li .huyou_rate_select span {position: relative;display: block;width: 100%;font-size: 14px;color: #999;}
.huyou_rate ul li .huyou_rate_select select option {padding: 3px 5px;}
.huyou_rate ul li .huyou_rate_select select li {padding: 3px 5px;}
.huyou_rate ul li label {display: block;height: 20px;line-height: 20px;}
.huyou_rate ul li label code.huyou_checkbox {position: relative;float: right;height: 20px;width: 36px;border: 1px solid #efefef;border-radius: 11px;overflow: hidden;}
.huyou_rate ul li label code.huyou_checkbox:before {position: absolute;top: 3px;left: 18px;content: "";display: block;width: 14px;height: 14px;background: #009eff;z-index: 3;border-radius: 16px;transition: all .15s ease;-webkit-transition: all .15s ease;}
.huyou_rate ul li label code.huyou_checkbox_close:before {left: 4px;background: #ccc;}



.viewthread_rate_list {padding: 10px;background: #fff;border-bottom: 1px solid #efefef;}
.viewthread_rate_list ul li {height: 26px;line-height: 26px;margin-bottom: 10px;overflow: hidden;}
.viewthread_rate_list ul li:last-child {margin-bottom: 0;}
.viewthread_rate_list ul li .viewthread_rate_avatar {float: left;width: 26px;height: 26px;}
.viewthread_rate_list ul li .viewthread_rate_avatar img {width: 26px;height: 26px;border-radius: 50%;}
.viewthread_rate_list ul li .viewthread_rate_user {margin-left: 36px;font-size: 14px;}
.viewthread_rate_list .viewthread_rate_view {padding: 10px;background: #f6f6f6;text-align: center;font-size: 13px;}


.rate_count {padding: 10px;margin-bottom: 10px;background: #fff;font-size: 14px;color: #666}
.rate_list li {display: block;height: 40px;padding: 12px 10px;background: #fff;border-bottom: 1px solid #efefef;}
.rate_list li .rate_avatar img {float: left;width: 40px;height: 40px;border-radius: 50%;}
.rate_list li .rate_user {margin-left: 50px;}
.rate_list li .rate_user a {font-size: 14px;}
.rate_list li .rate_user p {padding-top: 5px;}


.viewthread_img_list {margin-top: 5px;}
.viewthread_img_list ul li {padding: 10px;}


.viewthread_block {padding: 10px;margin-top: 10px;background: #fff;}
.viewthread_block img {float: left;width: 40px;height: 40px;border-radius: 50%;overflow: hidden;}
.viewthread_block h2 {display: block;padding-left: 50px;margin-bottom: 2px;font-size: 16px;color: #333;}
.viewthread_block p {display: block;padding-left: 50px;font-size: 12px;color: #999;}
.viewthread_block span {margin-top: 10px;}
.viewthread_block span i {color: #bbb;}

.viewthread_relate {margin-bottom: 10px;}
.viewthread_relate ul li {padding: 10px;background: #fff;border-bottom: 1px solid #efefef;}
.viewthread_relate ul li h2 {line-height: 24px;margin-bottom: 5px;font-size: 16px;}
.viewthread_relate ul li .picture_many a {position: relative;float: left;width: 32%;padding-bottom: 29%;margin-top: 6px;margin-right: 2%;background: #f8f8f8;overflow: hidden;}
.viewthread_relate ul li .picture_many a img {position: absolute;width: 100%;}
.viewthread_relate ul li .picture_many a:nth-child(3n) {margin-right: 0;}
.viewthread_relate ul li p {display: block;margin-top: 10px;font-size: 14px;color: #999;}
.viewthread_relate ul li .picture_one_img {float: right;width: 32%;height: 80px;margin-left: 10px;background: #f8f8f8;overflow: hidden;}
.viewthread_relate ul li .picture_one_img img {width: 100%;}


.viewthread_attach_list {padding: 10px 10px 0;background: #fff;}
.viewthread_attach_list ul li {padding: 10px;margin-bottom: 10px;background: #f1f3f4;border: 1px dashed #efefef;}
.viewthread_attach_list ul li:last-child {margin-bottom: 0;}
.viewthread_attach_list ul li h3 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.viewthread_attach_list ul li h3 img {width: 22px;height: 22px;}
.viewthread_attach_list ul li h3 a {font-size: 14px;}
.viewthread_attach_list ul li p {display: block;margin-top: 5px;}

.viewthread_attach_input ul li {padding: 10px;margin-bottom: 10px;background: #f1f3f4;border: 1px dashed #efefef;}
.viewthread_attach_input ul li:last-child {margin-bottom: 0;}
.viewthread_attach_input ul li h3 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.viewthread_attach_input ul li h3 img {width: 22px;height: 22px;}
.viewthread_attach_input ul li h3 a {font-size: 14px;}
.viewthread_attach_input ul li p {display: block;margin-top: 5px;}



.huyou_viewsort {margin-bottom: 10px;}
.huyou_viewsort h2 {display: block;height: 40px;line-height: 40px;padding: 0 10px;background: #f8f8f8;border-top: 1px solid #efefef;border-left: 1px solid #efefef;border-right: 1px solid #efefef;font-size: 16px;color: #333;}
.huyou_viewsort dl {height: 36px;line-height: 36px;border-top: 1px solid #efefef;border-right: 1px solid #efefef;font-size: 14px;}
.huyou_viewsort dl:last-child {border-bottom: 1px solid #efefef;}
.huyou_viewsort dl dt {float: left;width: 80px;padding: 0 10px;background: #f8f8f8;border-left: 1px solid #efefef;color: #666;overflow: hidden;}
.huyou_viewsort dl dd {padding: 0 10px;margin-left: 80px;border-left: 1px solid #efefef;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.activity_button button {display: inline-block;height: 36px;line-height: 36px;padding: 0 20px;background: #009eff;border: none;font-size: 14px;color: #fff;outline: none;}
.activity_button a {display: inline-block;height: 34px;line-height: 34px;padding: 0 20px;margin-left: 10px;background: #f8f8f8;font-size: 14px;color: #333;}


.activity_join {background: #fffdef;border: 1px solid #efefef;}
.activity_join.examine {background: #f8f8f8;}
.activity_join h2 {height: 36px;line-height: 36px;padding: 0 10px;border-bottom: 1px solid #efefef;color: #666;}
.activity_join ul {padding: 5px 10px;}
.activity_join ul li {height: 45px;line-height: 45px;border-bottom: 1px solid #efefef;overflow: hidden;}
.activity_join ul li:last-child {border-bottom: 0;}
.activity_join ul li a {float: left;width: 50%;font-size: 16px;color: #333;}
.activity_join ul li a img {float: left;width: 30px;height: 30px;margin-top: 6px;margin-right: 10px;margin-bottom: 0;border-radius: 50%;}
.activity_join ul li h3 {float: left;width: 20%;color: #999;}
.activity_join ul li span {float: right;width: 30%;text-align: right;color: #999;}
.activity_jint h2 {height: 40px;line-height: 40px;margin: 10px 0;border-bottom: 1px solid #efefef;font-size: 16px;color: #333;}
.activity_manage_box {padding: 20px 0;background: #fff;}
.activity_manage_list {position: relative;margin: 0 50px 20px;background: #f8f8f8;border-radius: 10px;}
.activity_manage_list .activity_manage_avatar {position: absolute;top: 10px;left: -40px;width: 30px;height: 30px;}
.activity_manage_list .activity_manage_avatar img {width: 30px;height: 30px;border-radius: 50%;}
.activity_manage_list .activity_manage_member {padding: 10px;border-radius: 10px;overflow: hidden;}
.activity_manage_list .activity_manage_member li span {padding-right: 5px;color: #999;}
.activity_manage_list .activity_manage_member li a {color: #333;}
.activity_manage_list .activity_manage_data {padding: 10px;border-top: 1px dashed #ddd;}
.activity_manage_list .activity_manage_input {position: absolute;top: 10px;right: -35px;}
.activity_manage_list ul li {height: 24px;line-height: 24px;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.activity_manage_list p {padding: 10px;background: #009eff;border-top: 1px solid #efefef;font-size: 14px;color: #fff;border-radius: 0px 0px 10px 10px;}

.activity_manage_foot {position: fixed;left: 0px;bottom: 0px;width: 100%;height: 90px;background: #fff;border-top: 1px solid #efefef;z-index: 50;}
.activity_manage_foot .activity_manage_reason {position: relative;padding: 10px 35px 10px 10px;background: #fff;}
.activity_manage_foot .activity_manage_reason .activity_input {width: 100%;height: 30px;padding: 5px;border: 1px solid #efefef;color: #666;box-sizing: border-box;outline: none;}
.activity_manage_foot .activity_manage_reason label {position: absolute;top: 20px;right: 10px;}
.activity_manage_foot ul {display: table;table-layout: fixed;width: 100%;}
.activity_manage_foot ul li {padding: 0px 5px;display: table-cell;text-align: center;}
.activity_manage_foot ul li:first-child {padding-left: 10px;}
.activity_manage_foot ul li:last-child {padding-right: 10px;}
.activity_manage_foot ul li  button {width: 100%;height: 30px;line-height: 30px;background: #009eff;border: none;font-size: 12px;color: #FFF;border-radius: 2px;}


.activity_cancel {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);opacity: 0;z-index: 99;visibility: hidden;}
.activity_cancel.cancel_visible {opacity: 1;visibility: visible;}
.huyou_activity_cancel {padding: 10px 15px;background: #fff;}
.huyou_activity_cancel h2 {display: block;padding-bottom: 10px;font-size: 16px;}
.huyou_activity_cancel .huyou_activity_payment {padding: 10px;background: #f8f8f8;}
.huyou_activity_cancel .huyou_activity_payment input {padding: 2px;border: none;font-size: 12px;color: #666;outline: none;}
.huyou_activity_cancel ul {margin-bottom: 10px;}
.huyou_activity_cancel ul li {border-bottom: 1px solid #efefef;}
.huyou_activity_cancel ul li h3 {width: 80px;}
.huyou_activity_cancel ul li input {width: 100%;padding: 10px;border: none;font-size: 14px;color: #666;box-sizing: border-box;outline: none;}
.huyou_activity_cancel ul li p {display: none;}
.huyou_activity_cancel .activity_cancel_tip {padding: 5px 10px;margin-bottom: 10px;background: #fffdef;border: 1px dashed #e7e1cd;font-size: 12px;color: #999;}
.huyou_activity_cancel textarea {padding: 10px;border: 1px solid #efefef;box-sizing: border-box;}
.huyou_activity_cancel p {padding: 10px;}
.huyou_activity_cancel p button {float: left;width: 45%;height: 36px;line-height: 36px;background: #009eff;border: none;text-align: center;font-size: 14px;color: #fff;outline: none;}
.huyou_activity_cancel p a {float: right;width: 45%;height: 36px;line-height: 36px;background: #f8f8f8;text-align: center;font-size: 14px;color: #333;}



.huyou_poll {padding-top: 10px;background: #f8f8f8;}
.huyou_poll_list {position: relative;padding: 5px 60px 5px 10px;}


.huyou_poll_list .poll_file_upload {position: absolute;top: 5px;right: 60px;display: block;width: 42px;height: 42px;line-height: 42px;text-align: center;overflow: hidden;}
.huyou_poll_list .poll_file_upload input {position: absolute;top: 0px;right: 0;width: 42px;height: 42px;opacity: 0;}
.huyou_poll_list .poll_file_upload i {font-size: 14px;color: #009eff;}
.huyou_poll_list .poll_file_upload span {position: absolute;top: 0;right: 0;width: 42px;height: 42px;overflow: hidden;}
.huyou_poll_list .poll_file_upload span img {width: 100%;}
.huyou_poll_list .poll_input {width: 100%;padding: 10px;border: 1px solid #efefef;color: #666;box-sizing: border-box;outline: none;}
.huyou_poll_list .poll_file_close {position: absolute;top: 5px;right: 10px;text-align: center;width: 20px;height: 20px;line-height: 20px;padding: 10px;text-align: center;background: #fff;border: 1px solid #efefef;outline: none;}
.huyou_poll_list .poll_file_close i {font-size: 16px;color: #999;}

.huyou_poll_textarea {padding: 10px;margin: 10px;background: #fff;}
.huyou_poll_add a {display: block;padding: 5px 10px 10px;font-size: 14px;color: #f60;}



.reward_tip {padding: 10px;background: #fff;}
.reward_tip p {line-height: 22px;color: #666;}

.reward_title {margin-bottom: 5px;}
.reward_message {padding: 0 10px 10px;margin-bottom: 10px;background: #fffdef;border: 1px dashed #efefef;}
.reward_message h2 {height: 40px;line-height: 40px;border-bottom: 1px solid #efefef;font-size: 16px;color: #009eff;}
.reward_message h2 i {padding-right: 5px;font-size: 16px;}
.reward_message h2 span {float: right;line-height: 40px;font-size: 14px;}
.reward_message h2 span img {float: left;width: 20px;height: 20px;margin-top: 10px;margin-right: 5px;margin-bottom: 0;border-radius: 50%;}
.reward_message h2 span a {color: #009eff;}
.reward_message p {line-height: 26px;padding-top: 10px;font-size: 16px;}
.reward_message h3 {display: block;height: 28px;line-height: 28px;margin-top: 10px;text-align: right;overflow: hidden;}
.reward_message h3 a {font-size: 14px;color: #bbb;}
.reward_message h3 a i {padding-left: 5px;font-size: 12px;color: #bbb;}

.reward_message .reward_rate {height: 40px;line-height: 40px;color: #009eff;}
.reward_message .reward_rate em {font-size: 26px;}
.reward_message .reward_rate i {float: right;margin-top: 5px;font-size: 24px;}
.reward_message .reward_button {height: 30px;line-height: 30px;margin-top: 10px;}
.reward_message .reward_button button {float: left;height: 30px;line-height: 30px;padding: 0 15px;background: #fcad30;border: none;font-size: 14px;color: #fff;border-radius: 2px;outline: none;}
.reward_message .reward_button span {padding-left: 10px;font-size: 14px;color: #999;}



.trade_title {height: 40px;line-height: 40px;padding: 0 10px;margin-top: 10px;background: #f8f8f8;border: 1px solid #efefef;}
.trade_title a {color: #666;}
.trade_list {padding: 10px 10px 0;background: #fff;border-left: 1px solid #efefef;border-right: 1px solid #efefef;border-bottom: 1px solid #efefef;overflow: hidden;}
.trade_list a {display: block;padding: 10px 0;background: #fff;border-top: 1px solid #efefef;}
.trade_list .trade_list_img {float: left;width: 120px;height: 120px;line-height: 120px;background: #f8f8f8;text-align: center;font-size: 16px;color: #999;overflow: hidden;}
.trade_list .trade_list_img em {color: #009eff;font-weight: bold;}
.trade_list .trade_list_info {margin-left: 130px;}
.trade_list .trade_list_info h2 {display: block;line-height: 22px;margin-bottom: 10px;font-size: 16px;color: #333;}
.trade_list .trade_list_info span {display: inline-block;height: 22px;line-height: 22px;padding: 0px 6px;background: #FF705E;font-size: 10px;color: #fff;}
.trade_list .trade_list_info p {display: block;margin-top: 10px;font-size: 14px;color: #666;}
.trade_list .trade_list_info p i {font-size: 16px;color: #f60;}
.trade_list .trade_list_info p em {font-size: 12px;}


.trade_comment ul li {line-height: 24px;padding: 10px;background: #fff;border-bottom: 1px solid #efefef;font-size: 14px;color: #666;}
.trade_comment ul li a {padding-right: 5px;color: #009eff;}


.trade_info_foot {position: fixed;left: 0;right: 0;bottom: 0;width: 100%;height: 50px;z-index: 99;overflow: hidden;}
.trade_info_foot_box {padding-left: 120px;}
.trade_info_foot_box span {position: absolute;left: 0;bottom: 0;width: 120px;height: 50px;}
.trade_info_foot_box span a {float: left;width: 60px;height: 50px;background: #fff;border-right: 1px solid #efefef;text-align: center;box-sizing: border-box;}
.trade_info_foot_box span a i {display: block;height: 25px;margin-top: 3px;font-size: 18px;}
.trade_info_foot_box span a em {display: block;font-size: 12px;}
.trade_info_foot_box span a.on {color: #009eff;}

.trade_info_foot_box ul li {float: left;width: 50%;height: 50px;line-height: 50px;background: #ff9900;text-align: center;}
.trade_info_foot_box ul li a {display: block;font-size: 14px;color: #fff;}
.trade_info_foot_box ul li.cc2 {background: #009eff;}
.trade_info_foot_box ul li.cc3 {background: #999;}


.tradeform_box {width: 280px;padding: 10px 0 1px 0;background: #fff;}
.tradeform {padding: 0 10px;}
.tradeform td {width: 50px;height: 32px;line-height: 32px;padding: 5px 0px;border-bottom: 1px solid #efefef;font-size: 14px;}
.tradeform td input {border: 1px solid #efefef;font-size: 14px;color: #666;}
.tradeform th {width: 110px;height: 32px;line-height: 32px;padding: 5px 0px;border-bottom: 1px solid #efefef;font-size: 14px;}
.tradeform th h2 {width: 110px;height: 32px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.tradeform td.tradeform_edit {text-align: right;}
.tradeform td.tradeform_edit a {color: #f60;}


.trade_info_img {position: relative;width: 100%;}
.trade_info_img img {width: 100%;}
.trade_info_img p {display: block;height: 200px;line-height: 200px;background: #f8f8f8;text-align: center;font-size: 26px;color: #666;}
.trade_info_img em {position: absolute;right: 0;bottom: 0;}
.trade_info_img em a {float: left;width: 60px;height: 26px;line-height: 26px;margin-left: 5px;background: rgba(0, 0, 0, 0.4);text-align: center;font-size: 12px;color: #fff;}


.trade_info_price {position: relative;height: 50px;padding-right: 120px;overflow: hidden;}
.trade_info_price h2 {display: block;height: 50px;line-height: 50px;padding: 0 15px;background: -moz-linear-gradient(left,#009eff,#ff9900);background: -webkit-linear-gradient(left,#009eff,#ff9900);background: linear-gradient(left,#009eff,#ff9900);color: #fff;}
.trade_info_price h2 span {padding-right: 10px;font-size: 24px;}
.trade_info_price h2 del {font-size: 14px;color: #f8f8f8;}
.trade_info_price h3 {position: absolute;top: 0px;right: 0px;width: 120px;height: 50px;line-height: 20px;background: #FFEAE9;text-align: center;font-size: 14px;color: #009eff;overflow: hidden;}
.trade_info_price h3 p {margin-top: 5px;}

.trade_info_title {padding: 10px;background: #fff;}
.trade_info_title h2 {font-size: 16px;}
.trade_info_title a {line-height: 26px;font-size: 18px;}
.trade_info_title a em {float: left;height: 25px;line-height: 25px;padding: 0 6px;margin-right: 5px;background: #f60;font-size: 12px;color: #fff;}

.trade_info_num {padding: 10px;background: #fff;border-top: 1px solid #efefef;}
.trade_info_num ul li {font-size: 14px;}

.trade_info_attr ul li {padding: 10px;background: #fff;border-bottom: 1px solid #efefef;font-size: 14px;color: #666;}

.trade_info_pm li {padding: 10px;background: #fff;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;font-size: 14px;}
.trade_info_pm li img {float: left;width: 20px;height: 20px;margin-right: 5px;border-radius: 50%;}
.trade_info_pm li span a {float: left;height: 22px;line-height: 22px;padding: 0 5px;margin-left: 10px;border: 1px solid #efefef;font-size: 12px;color: #999;border-radius: 2px;}


.trade_buy_top {padding: 10px;background: #fff;}
.trade_buy_top .trade_buy_img {float: left;width: 120px;height: 120px;line-height: 120px;background: #f8f8f8;text-align: center;font-size: 16px;color: #999;overflow: hidden;}
.trade_buy_top .trade_buy_img em {color: #009eff;font-weight: bold;}
.trade_buy_top .trade_buy_info {margin-left: 130px;}
.trade_buy_top .trade_buy_info h2 {display: block;line-height: 22px;margin-bottom: 5px;font-size: 16px;}
.trade_buy_top .trade_buy_info p {display: block;line-height: 20px;font-size: 12px;color: #999;}
.trade_buy_top .trade_buy_info p span {font-size: 20px;color: #009eff;}

.trade_buy_user {padding: 10px;background: #fff;border-top: 1px solid #efefef;}
.trade_buy_user h2 a {font-size: 14px;}
.trade_buy_user h2 a img {float: left;width: 20px;height: 20px;margin-right: 5px;border-radius: 50%;}
.trade_buy_user span a {display: block;height: 20px;line-height: 20px;padding: 0 5px;border: 1px solid #009eff;font-size: 12px;color: #009eff;border-radius: 2px;}

.trade_buy_view_top {padding: 10px;background: #fff;border-bottom: 1px solid #efefef;}
.trade_buy_view_top .trade_buy_view_img {float: left;width: 60px;height: 60px;line-height: 60px;background: #f8f8f8;text-align: center;font-size: 12px;color: #999;overflow: hidden;}
.trade_buy_view_top .trade_buy_view_info {margin-left: 80px;}
.trade_buy_view_top .trade_buy_view_info h2 {display: block;line-height: 22px;font-size: 16px;}
.trade_buy_view_top .trade_buy_view_info p {display: block;line-height: 20px;font-size: 12px;color: #999;}
.trade_buy_view_top .trade_buy_view_info p span {font-size: 14px;color: #009eff;}



.debate_speed .speed {height: 4px;margin-top: 10px;background: #666;}
.debate_speed .speed span {float: left;height: 4px;background: #009eff;}
.debate_vs {margin-top: 15px;}
.debate_vs .square {float: left;width: 43%;height: 36px;line-height: 36px;background: #009eff;text-align: center;border-radius: 18px;}
.debate_vs .conside {float: left;width: 43%;height: 36px;line-height: 36px;background: #999;text-align: center;border-radius: 18px;}
.debate_vs span {float: left;width: 14%;line-height: 36px;text-align: center;font-size: 26px;color: #999;}
.debate_vs a {display: block;color: #fff;}
.debate_view li {float: left;width: 50%;box-sizing: border-box;}
.debate_view li p {display: block;padding: 5px;margin-top: 5px;}


.huyou_publish_comment {width: 320px;padding-bottom: 1px;margin: 0 auto;background: #fff;}
.huyou_publish_comment .publish_comment_title {height: 40px;line-height: 40px;padding-left: 10px;background: #f8f8f8;}
.huyou_publish_comment .publish_comment_title h2 {font-size: 16px;}
.huyou_publish_comment .publish_comment_title span i {display: block;width: 40px;height: 40px;text-align: center;font-size: 16px;color: #999;}
.huyou_publish_comment .publish_comment_box {padding: 10px;margin: 10px;background: #f8f8f8;}
.huyou_publish_comment .publish_comment_box h3 {display: block;color: #666;}


.comment_page {margin: 15px 0;text-align: center;}
.comment_page a {padding: 5px 9px;margin: 0 3px;background: #FFF;border: 1px solid #D7D7D7;font-size: 12px;color: #666;border-radius: 5px;}
.comment_page strong {padding: 5px 9px;margin: 0 3px;background: #009eff;border: 1px solid #009eff;font-size: 12px;color: #fff;border-radius: 5px;}


.viewthread_poll {margin-top: 10px;border: 1px solid #efefef;}
.huyou_poll_tip {padding: 5px 10px;font-size: 14px;color: #666;}
.huyou_poll_title {height: 40px;line-height: 40px;padding: 0 10px;background: #f8f8f8;}
.huyou_poll_title h2 {font-size: 14px;}
.huyou_poll_title span {font-size: 12px;color: #666;}
.poll_img_list ul {padding: 5px;}
.poll_img_list li {float: left;width: 50%;}
.poll_img_list li .poll_img_box {padding: 5px;}
.poll_img_list li .poll_img_box .poll_img_cover {width: 100%;height: 150px;line-height: 150px;background: #f8f8f8;text-align: center;color: #999;border-radius: 3px;overflow: hidden;}
.poll_img_list li .poll_img_box .poll_img_info h2 {height: 40px;line-height: 40px;font-size: 14px;}
.poll_img_list li .poll_img_box .poll_img_info p {position: relative;height: 18px;background: #f1f1f1;border-radius: 0 9px 9px 0;overflow: hidden;}
.poll_img_list li .poll_img_box .poll_img_info p span {display: block;height: 18px;border-radius: 0 9px 9px 0;}
.poll_img_list li .poll_img_box .poll_img_info p em {position: absolute;top: 0;height: 18px;line-height: 18px;font-size: 12px;color: #999;}
.poll_img_list li .poll_img_box .poll_img_info p em.votes {left: 5px;}
.poll_img_list li .poll_img_box .poll_img_info p em.percent {right: 5px;}


.poll_text_list ul li {line-height: 26px;padding: 10px;}
.poll_text_list ul li p {position: relative;height: 18px;line-height: 18px;padding-top: 5px;font-size: 12px;}
.poll_text_list ul li p span {float: left;width: 70%;height: 18px;margin-right: 10px;background: #f1f1f1;border-radius: 0 8px 8px 0;}
.poll_text_list ul li p span i {display: block;height: 18px;border-radius: 0 8px 8px 0;}
.poll_text_list ul li p em {float: left;height: 18px;line-height: 18px;border-radius: 0 8px 8px 0;}






.viewthread_foot {position: fixed;left: 0px;bottom: 0px;width: 100%;height: 50px;line-height: 50px;background: #f8f8f8;border-top: 1px solid #efefef;z-index: 9;}
.viewthread_foot ul {float: right;margin-right: 5px;}
.viewthread_foot ul li {display: inline-block;width: 40px;height: 50px;overflow: hidden;}
.viewthread_foot ul li a {position: relative;display: block;height: 30px;line-height: 30px;margin: 10px 0;text-align: center;}
.viewthread_foot ul li a i {font-size: 20px;color: #999;}
.viewthread_foot ul li a.on i {color: #F14440;}
.viewthread_foot ul li a span {position: absolute;top: -5px;right: 0px;display: block;min-width: 18px;height: 14px;line-height: 14px;padding: 0 2px;background: #F14440;text-align: center;font-size: 10px;color: #fff;border-radius: 10px;z-index: 10;-webkit-transform: scale(0.7);transform: scale(0.7);}
.viewthread_foot .foot_input {margin-right: 150px;}
.viewthread_foot .foot_input a {display: block;width: 100%;height: 30px;line-height: 30px;padding: 0 10px;margin: 10px;background: #fff;border: 1px solid #efefef;font-size: 14px;color: #666;border-radius: 16px;box-sizing: border-box;overflow: hidden;}



.huyou_post_head {padding: 5px;background: #f8f8f8;}
.huyou_post_head .post_head_z {position: relative;float: left;width: 25%;}
.huyou_post_head .post_head_y {position: relative;float: right;width: 25%;}
.huyou_post_head h2 {position: relative;float: left;width: 50%;height: 38px;line-height: 38px;text-align: center;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.huyou_post_head a {display: block;width: 38px;height: 38px;line-height: 38px;text-align: center;font-size: 16px;color: #666;overflow: hidden;}
.huyou_post_head a i {color: #666;}
.huyou_post_head .post_head_y a {float: right;}


.huyou_post_from .huyou_post_tip {padding: 10px;background: #fffdef;border-bottom: 1px solid #efefef;}
.huyou_post_from .huyou_post_tip i {float: left;width: 20px;height: 20px;font-size: 14px;color: #f60;}
.huyou_post_from .huyou_post_tip span {display: block;margin-left: 20px;color: #666;}

.huyou_post_from ul li {padding: 10px;background: #fff;border-bottom: 1px solid #efefef;}
.huyou_post_from ul li.option_title {height: 22px;line-height: 22px;background: #f8f8f8;}
.huyou_post_from ul li a {font-size: 13px;color: #666;}
.huyou_post_from ul li h2 {min-width: 80px;font-size: 14px;color: #666;}
.huyou_post_from ul li h3 {font-size: 14px;color: #666;}
.huyou_post_from ul li strong {font-weight: 700;}
.huyou_post_from ul li .huyou_input {border-bottom:0;}
.huyou_post_from ul li select {width: 100%;height: 22px;background: none;border: none;font-size: 14px;color: #555;outline: none;}
.huyou_post_from ul li label {float: left;width: 33.33%;height: 26px;line-height: 26px;font-size: 14px;}
.huyou_post_from ul li label input {vertical-align: middle;}
.huyou_post_from ul li .upload_box {position: relative;}
.huyou_post_from ul li .upload_box .upload_button {width: 80px;height: 28px;line-height: 28px;background: #009eff;text-align: center;font-size: 12px;color: #fff;border-radius: 3px;} 
.huyou_post_from ul li .upload_box input {position: absolute;top: 0;left: 0;width: 80px;height: 28px;opacity: 0;}
.huyou_post_from ul li .upload_image img {display: block;max-width: 100%;margin-top: 10px;}
.huyou_post_from ul li button {line-height: 22px;padding: 0 10px;background: #009eff;border: none;font-size: 12px;color: #fff;border-radius: 11px;outline: none;overflow: hidden;}



.huyou_post_img {background: #fff;}

.publish_set ul li {padding: 10px;background: #fff;border-bottom: 1px solid #efefef;font-size: 14px;}
.publish_set ul li input {display: none;}
.publish_set ul li label {position: relative;float: right;width: 36px;height: 18px;background: #fff;border: 1px solid #efefef;border-radius: 10px;}
.publish_set ul li label:after {content: "";position: absolute;top: 3px;left: 3px;width: 12px;height: 12px;background: #ccc;border-radius: 50%;transition: all .15s ease;-webkit-transition: all .15s ease;}
.publish_set ul li input:checked + label:after {left: 20px;background: #009eff;}

.publish_current ul li {padding: 10px;background: #fff;border-bottom: 1px solid #efefef;font-size: 14px;}
.publish_current ul li h2 {padding-right: 10px;}
.publish_current ul li .huyou_input {border-bottom:0;}

.media_top ul {padding: 5px;background: #fff;border-bottom: 1px solid #efefef;}
.media_top ul li {float: left;width: 33.333%;overflow: hidden;}
.media_top ul li a {display: block;height: 28px;line-height: 28px;margin: 5px;background: #fff;border: 1px solid #ddd;text-align: center;font-size: 12px;color: #bbb;border-radius: 14px;}
.media_top ul li.on a {border: 1px solid #009eff;color: #009eff;}

.media_list ul li {padding: 10px;background: #fff;border-bottom: 1px solid #efefef;font-size: 14px;}
.media_list ul li .huyou_input {border-bottom:0;}
.media_list ul li h2 {width: 50px;text-align: center;}
.media_list ul li h2 a {display: block;line-height: 22px;background: #009eff;font-size: 12px;color: #fff;border-radius: 11px;overflow: hidden;}
.media_list .media_tip {padding: 10px;background: #fffdef;border-bottom: 1px solid #efefef;font-size: 12px;color: #999;}





/* 圈子 */

.group_thread ul li {padding: 10px;background: #fff;border-bottom: 1px solid #efefef;}
.group_thread ul li h2 {line-height: 24px;margin-bottom: 8px;font-size: 14px;}
.group_thread ul li h2 a {color: #333;}
.group_thread ul li .group_thread_info span {font-size: 12px;color: #999;}
.group_thread ul li .group_thread_info span a {color: #666;}
.group_thread ul li .group_thread_info em {padding-left: 5px;font-size: 12px;}
.group_thread ul li .group_thread_info em a {color: #3869AB;}

.group_forum ul li {padding: 10px;background: #fff;border-bottom: 1px solid #efefef;}
.group_forum ul li img {float: left;width: 40px;height: 40px;margin-right: 10px;border-radius: 2px;overflow: hidden;}
.group_forum ul li h3 {height: 22px;line-height: 22px;font-size: 16px;overflow: hidden;}
.group_forum ul li p {height: 20px;line-height: 20px;overflow: hidden;color: #666;}
.group_forum ul li span {float: right;margin-top: 12px;margin-left: 10px;font-size: 14px;color: #bbb;}
.group_forum ul li span i {font-size: 14px;color: #bbb;}


.group_forum_demise {padding: 10px;background: #fff;}
.group_forum_demise h2 {display: block;margin-bottom: 5px;font-size: 14px;color: #333;}
.group_forum_demise span {display: block;font-size: 12px;color: #666;}

.group_forum ul li .group_forum_checkuser {margin-top: -15px;margin-left: 50px;}
.group_forum ul li .group_forum_checkuser a {display: inline-block;height: 20px;line-height: 20px;padding: 0 5px;background: #4C4C4C;font-size: 12px;color: #FFF;border-radius: 2px;}

.group_thread_more {display: block;padding: 10px;background: #fff;margin-top: 10px;text-align: center;}
.group_thread_more a {font-size: 14px;color: #999;}

.huyou_status_tip {padding: 20px 10px;background: #fff;text-align: center;}
.huyou_status_tip h2 {margin-top: 5px;}
.huyou_status_tip h2 i {display: block;height: 42px;line-height: 42px;font-size: 42px;color: #bbb;}
.huyou_status_tip span {display: block;line-height: 24px;padding: 5px 0;font-size: 14px;color: #bbb;}


.huyou_edit dl {padding: 10px;background: #fff;border-bottom: 1px solid #efefef;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.huyou_edit dl dt {float: left;width: 25%;font-size: 14px;color: #333;}
.huyou_edit dl dd {float: left;width: 75%;font-size: 14px;color: #666;}
.huyou_edit dl dd input {border: none;font-size: 14px;outline: none;}
.huyou_edit dl dd label {display: inline-block;width: 45%;}
.huyou_edit dl dd label input {margin: 0 10px 1px 0;}

.huyou_edit dl dd textarea {width: 100%;height: 80px;background: #fff;border: none;font-size: 14px;color: #666;outline: none;-webkit-appearance: none;}
.huyou_edit dl dd p {padding: 5px 10px;margin-top: 5px;margin-right: 5px;background: #fffdef;border: 1px dashed #e7e1cd;font-size: 12px;color: #999;}
.huyou_edit dl dd select {width: 100%;background: url(../mimg/select.png) right no-repeat;background-size: 14px;border: none;font-size: 14px;color: #666;outline: none;-webkit-appearance: none;}

.huyou_edit dl.edit_banner dd {position: relative;width: auto;}
.huyou_edit dl.edit_banner dd img {display: block;height: 48px;vertical-align: middle;border-radius: 3px;overflow: hidden;}
.huyou_edit dl.edit_banner dd input {font-size: 12px;color: #666;}
.huyou_edit dl.edit_banner dd span {position: absolute;top: 50%;left: 50%;width: 20px;height: 20px;margin-top: -10px;margin-left: -10px;}
.huyou_edit dl.edit_banner dd span img {width: 100%;height: 100%;}

.huyou_edit dl dd.edit_upload {padding: 10px;background: #f8f8f8;text-align: center;border-radius: 3px;}
.huyou_edit dl dd.edit_upload.on {color: #009eff;}
.huyou_edit dl dd.edit_upload i {padding-right: 5px;font-size: 14px;}
.huyou_edit dl dd.edit_upload em {font-size: 14px;}
.huyou_edit dl dd.edit_upload input {position: absolute;top: 0px;right: 0px;width: 100%;height: 100%;z-index: 10;opacity: 0;}

.group_threadtype ul li {padding: 10px;background: #FFF;border-bottom: 1px solid #efefef;}
.group_threadtype ul li a {font-size: 14px;color: #666;}
.group_threadtype ul li h2 {padding-right: 10px;font-size: 14px;color: #666;}
.group_threadtype ul li em.width_40 {float: left;display: inline-block;width: 40px;text-align: center;}
.group_threadtype ul li em input {border: 1px solid #efefef;color: #666;}

.group_operate ul {padding: 10px;background: #FFF;overflow: hidden;}
.group_operate ul li {float: left;width: 33.33%;margin-bottom: 6px;font-size: 14px;color: #333;}




.sidebar_group {height: 100%;background: #fff;}
.sidebar_title {position: relative;float: left;width: 60px;height: 100%;background: #f8f8f8;overflow-x: hidden;}
.sidebar_title ul li {display: block;height: 40px;line-height: 40px;border-bottom: 1px solid #efefef;overflow: hidden;}
.sidebar_title ul li.on {background: #fff;}
.sidebar_title ul li a {display: block;padding-left: 10px;font-size: 14px;}
.sidebar_box {margin-left: 60px;overflow-x: hidden;overflow-y: scroll;}


.viewthread_reply_box {position: fixed;left: 0;bottom: 0;display: none;width: 100%;background: #f8f8f8;z-index: 99;}
.viewthread_reply_bg {position: fixed;left: 0;bottom: 0;display: none;width: 100%;height: 100%;background: #000;z-index: 98;opacity: 0.3;}


.post_publish_ico {height: 60px;padding: 0 5px;}
.post_publish_ico a {position: relative;float: left;margin-top: 15px;padding: 0 12px;font-size: 13px;color: #666;}
.post_publish_ico a i {display: block;line-height: 22px;font-size: 22px;color: #999;}
.post_publish_ico a i b {display: block;text-align: center;font-size: calc(20px/2);}
.post_publish_ico .senior_button {height: 30px;line-height: 30px;padding: 0px 10px;margin-top: 15px;margin-left: 5px;background: #eee;font-size: 12px;color: #999;border-radius: 15px;overflow: hidden;}
.post_publish_ico a em {position: absolute;top: -5px;right: 0;display: block;width: 8px;height: 8px;background: #f00;border-radius: 50%;z-index: 2;}
.post_publish_ico a i.on {color: #009eff;}
.post_publish_ico span {margin-top: 15px;margin-right: 10px;}
.post_publish_ico span .button_post {display: block;width: 60px;height: 28px;line-height: 28px;background: #009eff;border: none;font-size: 12px;color: #fff;outline: none;}

.message_hide {display: none;margin-top: 1px;}

.smilies_style {position: relative;padding-bottom: 10px;background: #fff;}
.smilies_style .smilies_pack {background: #f8f8f8;}
.smilies_style .smilies_list {position: relative;}
.smilies_style ul li {float: left;width: 12.5%;height: 40px;line-height: 40px;text-align: center;}
.smilies_style ul li a.on {background: #fff;}
.smilies_style ul li a {display: block;}
.smilies_style ul li a img {max-width: 22px;padding: 10px;}
.smilies_style .swiper-wrapper {padding-bottom: 20px;}
.smilies_style .swiper-container-horizontal>.swiper-pagination-bullets,.smilies_style .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0px;}


.upload_attach {border: 1px solid #efefef;}
.upload_attach .upload_attach_title {position: relative;height: 30px;line-height: 30px;padding: 10px;background: #fff;}
.upload_attach .upload_attach_title a {display: inline-block;width: 80px;height: 30px;line-height: 30px;padding-left: 10px;background: #FF705E;font-size: 12px;color: #fff;border-radius: 15px;}
.upload_attach .upload_attach_title a i {float: left;padding-right: 5px;font-size: 12px;}
.upload_attach .upload_attach_title a input {position: absolute;top: 10px;left: 10px;width: 90px;height: 30px;z-index: 10;opacity: 0;}
.upload_attach .upload_attach_title span {font-size: 12px;color: #999;}
.upload_attach ul li {height: 25px;line-height: 25px;padding: 10px;background: #fff;border-top: 1px solid #efefef;font-size: 14px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.upload_attach ul li img {float: left;height: 20px;width: 20px;margin-top: 2px;margin-right: 5px;}
.upload_attach ul li span {font-size: 12px;}
.upload_attach ul li span i {font-size: 14px;color: #999;}
.upload_attach ul li span.upload_attach_input {padding: 0 10px;margin-left: 5px;background: #fcad30;color: #fff;border-radius: 3px;}
.upload_attach .upattach_tip {padding: 10px;background: #fffdef;border-bottom: 1px solid #efefef;font-size: 12px;color: #999;}

.post_imglist {padding: 10px 0 0 0;background: #fff;}
.post_imglist li {padding: 0 0 10px 10px;}
.post_imglist li .del {left: 0;}
.post_imglist li.imglist_upload a {display: block;width: 58px;height: 58px;line-height: 58px;background: #f8f8f8;border: 1px solid #e2e2e2;text-align: center;}
.post_imglist li a {display: block;}
.post_imglist li a i {font-size: 20px;color: #bbb;}
.post_imglist li a input {position: absolute;top: 0;left: 0;width: 60px;height: 60px;z-index: 10;opacity: 0;}
.post_imglist li .img_input {position: absolute;left: 13px;bottom: 13px;width: 54px;height: 18px;line-height: 18px;background: rgba(0,0,0,0.6);text-align: center;font-size: 10px;color: #fff;}





.huyou_home_avatar .home_avatar_bg {position: relative;width: 100%;height: 200px;transition: all .4s ease;-webkit-transition: all .4s ease;}
.huyou_home_avatar .home_avatar_bg span {position: absolute;top: 10px;right: 10px;text-align: center;}
.huyou_home_avatar .home_avatar_bg span a {display: block;width: 65px;height: 26px;line-height: 26px;margin-bottom: 10px;background: rgba(0, 0, 0, 0.4);font-size: 12px;color: #fff;}
.huyou_home_avatar .home_avatar_bg span a.on {background: #009eff;}
.huyou_home_avatar .home_avatar_middle {position: absolute;left: 0;right: 0;bottom: 0;padding: 50px 15px 15px;background: url(../img/forum_banner_bg.png) no-repeat center bottom;}
.huyou_home_avatar .home_avatar_middle img {float: left;width: 60px;height: 60px;border: 2px solid #fff;border-radius: 50%;}
.huyou_home_avatar .home_avatar_middle h2 {display: block;margin-top: 10px;margin-left: 75px;font-size: 18px;color: #fff;}
.huyou_home_avatar .home_avatar_middle h2 a {color: #fff;}
.huyou_home_avatar p {display: block;margin-top: 5px;margin-left: 75px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.home_avatar_cover {position: fixed;top: 20%;left: 50%;display: none;width: 200px;height: 200px;padding: 5px;margin-left: -105px;background: #fff;z-index: 99;box-shadow: 0 1px 2px rgba(0,0,0,.3);}
.home_avatar_cover img {width: 200px;height: 200px;}
.home_avatar_cover a {position:absolute;top: -10px;right: -10px;width: 28px;height: 28px;line-height: 28px;display: block;background: #333;text-align: center;font-size: 16px;color: #FFF;border-radius: 50%;}




.cover_picture {position: relative;height: 200px;text-align: center;overflow: hidden;}
.cover_picture img {width: 100%;height: 100%;}
.cover_picture span {position: absolute;top: 50%;left: 50%;width: 100px;height: 36px;line-height: 36px;margin-top: -18px;margin-left: -50px;background: rgba(0,0,0,0.6);font-size: 12px;color: #fff;border-radius: 3px;cursor: pointer;z-index: 10;}
.cover_picture span input {position: absolute;top: 0;left: 0;width: 100%;height: 36px;cursor: pointer;font-size: 0;filter: alpha(opacity= 0 );opacity: 0;}
.cover_picture .cover_previews {position: absolute;top: 0;left: 0;width: 100%;height: 101%;background-repeat: no-repeat;background-position: center;background-size: cover;z-index: 9;}
.cover_explain {padding: 10px;margin-bottom: 10px;background: #fff;}
.cover_explain p {text-align: center;font-size: 12px;color: #999;}
.cover_explain span {display: block;margin-top: 5px;text-align: center;font-size: 12px;color: #009eff;}

button.cover_save {float: right;display: none;line-height: 38px;margin-right: 10px;background: none;border: none;outline: none;color: #fff;}

.huyou_cover_list ul {padding: 5px;background: #fff;}
.huyou_cover_list ul li {float: left;width: 33.333%;background: #fff;border-radius: 3px;}
.huyou_cover_list ul li a {display: block;padding: 5px;text-align: center;}
.huyou_cover_list ul li a img {width: 100%;height: 65px;margin-bottom: 5px;border-radius: 3px;}
.huyou_cover_list ul li a span {font-size: 12px;color: #666;}
.huyou_cover_list ul li.on {background: #009eff;}
.huyou_cover_list ul li.on a span {font-size: 12px;color: #fff;}
.huyou_cover_list ul li a h2 {display: block;width: 100%;height: 65px;line-height: 65px;margin-bottom: 5px;background: #009eff;border-radius: 3px;}
.huyou_cover_list ul li a h2 i {font-size: 18px;color: #fff;}

.huyou_colour_style ul {padding: 5px;}
.huyou_colour_style ul li {float: left;width: 33.333%;}
.huyou_colour_style ul li a {position: relative;display: block;height: 100px;margin: 5px;border-radius: 4px;}
.huyou_colour_style ul li a i {position: absolute;width: 100%;padding: 5px 0;left: 0;bottom: 0;font-size: 12px;color: #fff;text-align: center;background: rgba(0, 0, 0, 0.2);}
.huyou_colour_style ul li.on a {background-image: url(../mimg/checked.png);background-position: center 25px;background-repeat: no-repeat;background-size: 30px auto;}


.huyou_home_credits {background: #fff;}
.huyou_home_credits ul li {float: left;width: 50%;height: 40px;line-height: 40px;font-size: 14px;padding: 0 10px;border-top: 1px solid #efefef;border-right: 1px solid #efefef;box-sizing: border-box;}
.huyou_home_credits ul li:nth-child(even) {border-right: 0;}
.huyou_home_credits ul li span {float: right;color: #009eff;}


.home_top {padding: 10px;background: #fff;}
.home_avatar {position: relative;float: left;height: 50px;width: 50px;border-radius: 50%;overflow: hidden;}
.home_avatar img {width: 50px;height: 50px;border-radius: 50%;}
.home_avatar span {position: absolute;left: 0;bottom: 0px;width: 50px;height: 20px;line-height: 18px;background: rgba(0,0,0,0.5);text-align: center;font-size: 10px;color: #eee;}
.home_info {margin: 0 40px 0 65px;}
.home_info h2 {display: block;height: 26px;line-height: 26px;margin-bottom: 4px;font-size: 16px;overflow: hidden;}
.home_info p {color: #666;}
.home_info p font {padding-right: 5px;}
.home_profile {float: right;line-height: 50px;height: 50px;padding-left: 20px;overflow: hidden;}
.home_profile i {font-size: 14px;color: #bbb;}
.home_ico {padding: 10px 0;background: #fff;}


.home_ico ul li {float: left;width: 25%;text-align: center;}
.home_ico ul li a {display: block;padding: 5px 0;text-align: center;}
.home_ico ul li a i {display: block;height: 32px;line-height: 32px;font-size: 22px;color: #999;}
.home_ico ul li a i.cc1 {color: #009eff;}
.home_ico ul li a i.cc2 {color: #FFB300;}
.home_ico ul li a i.cc3 {color: #53bcf5;}
.home_ico ul li a i.cc4 {color: #f60;}
.home_ico ul li a i.cc5 {color: #9DCA06;}
.home_ico ul li a i.cc6 {color: #f54998;}
.home_ico ul li a i.cc7 {color: #b162f9;}
.home_ico ul li a i.cc8 {color: #004cf7;}
.home_ico ul li a span {display: block;height: 22px;line-height: 22px;}


.home_menu li {display: block;height: 26px;line-height: 26px;padding: 10px;background: #fff;border-bottom: 1px solid #efefef;}
.home_menu li h2 {font-size: 14px;}
.home_menu li h2 span {display: inline-block;height: 18px;line-height: 18px;padding: 0 10px;margin-left: 10px;background: #dd0000;font-size: 10px;color: #fff;border-radius: 10px;-webkit-transform: scale(0.8);transform: scale(0.8);vertical-align: text-top;}
.home_menu li h2 i {float: left;width: 26px;height: 26px;line-height: 26px;margin-right: 5px;text-align: center;font-size: 12px;color: #fff;border-radius: 50%;}
.home_menu li h2 i.cc1 {background: #009eff;}
.home_menu li h2 i.cc2 {background: #FFB300;}
.home_menu li h2 i.cc3 {background: #53bcf5;}
.home_menu li h2 i.cc4 {background: #f60;}
.home_menu li h2 i.cc5 {background: #9DCA06;}
.home_menu li h2 i.cc6 {background: #f54998;}
.home_menu li h2 i.cc7 {background: #b162f9;}
.home_menu li h2 i.cc8 {background: #004cf7;}
.home_menu li h2 i.cc9 {background: #c33497;}
.home_menu li em {width: 20%;font-size: 14px;}
.home_menu li h3 {float: right;width: 80%;height: auto;text-align: left;font-size: 14px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home_menu li h3 i.more {font-size: 14px;color: #999;}
.home_menu li h4 {font-size: 14px;float: right;color: #666;}
.home_menu li h4 span {padding-right: 10px;font-size: 12px;color: #ff9900;}
.home_menu li h4 i {font-size: 12px;color: #bbb;}
.space_user_code {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 100;overflow: hidden;}
.space_user_code .user_code_box {position: absolute;top: 50%;left: 50%;width: 300px;height: 370px;margin: -185px 0 0 -150px;background: #fff;border-radius: 5px;}
.space_user_code .user_code_box h2 {padding: 25px 30px;}
.space_user_code .user_code_box h2 img {float: left;width: 50px;height: 50px;margin-right: 10px;border-radius: 50%;}
.space_user_code .user_code_box span {display: block;height: 22px;line-height: 22px;margin-top: 6px;font-size: 18px;overflow: hidden;}
.space_user_code .user_code_box p {height: 22px;line-height: 22px;font-size: 12px;overflow: hidden;}
.space_user_code .user_code_box #user_code {text-align: center;}
.space_user_code .user_code_box #user_code canvas {width: 240px;height: 240px;}



.usergroup_info p {padding: 10px;background: #fff;border-bottom: 1px solid #efefef;text-align: center;}
.usergroup_info p img {padding-left: 5px;}
.usergroup_info table {float: left;width: 50%;background: #f8f8f8;}
.usergroup_info table tr {background: #fff;}
.usergroup_info table tr.on {background: #f8f8f8;}
.usergroup_info table th {height: 20px;line-height: 20px;padding: 10px;font-size: 14px;font-weight: 700;}
.usergroup_info table td {height: 20px;line-height: 20px;padding: 10px;font-size: 14px;overflow: hidden;}




.huyou_usergroup_list li {position: relative;padding: 10px;background: #fff;border-bottom: 1px solid #efefef;overflow: hidden;}
.huyou_usergroup_list li span {float: right;height: 25px;line-height: 25px;margin-top: 10px;}
.huyou_usergroup_list li span a {display: inline-block;padding: 0 10px;background: #009eff;font-size: 12px;color: #fff;border-radius: 20px;}
.huyou_usergroup_list li h2 {height: 24px;line-height: 24px;font-size: 16px;overflow: hidden;}
.huyou_usergroup_list li p {height: 20px;line-height: 20px;font-size: 12px;color: #666;overflow: hidden;}



.usergroup_forum p {padding: 10px;background: #fff;border-bottom: 1px solid #efefef;text-align: center;}
.usergroup_forum p img {padding-left: 5px;}
.usergroup_forum table tr {background: #fff;}
.usergroup_forum table tr.on {background: #f8f8f8;}
.usergroup_forum table th {height: 20px;line-height: 20px;padding-top: 10px;padding-left: 10px;padding-bottom: 10px;font-size: 14px;}
.usergroup_forum table td {height: 20px;line-height: 20px;padding-top: 10px;padding-left: 10px;padding-bottom: 10px;font-size: 14px;overflow: hidden;}








.favorite_list ul li {padding: 10px;background: #fff;border-bottom: 1px solid #efefef;}
.favorite_list ul li input {float: left;margin-top: 5px;margin-right: 5px;}
.favorite_list ul li h2 {height: 26px;line-height: 26px;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.favorite_list ul li h2 img {vertical-align: middle;}
.favorite_list ul li span {height: 22px;line-height: 22px;padding: 0 3px;margin-top: 2px;margin-left: 10px;background: #f2f2f2;border-radius: 2px;}
.favorite_list ul li span i {font-size: 14px;color: #999;}





.friend_title {padding: 10px;background: #fff;border-bottom: 1px solid #efefef;}
.friend_title h2 {font-size: 14px;color: #666;}
.friend_title p {display: block;margin-top: 5px;font-size: 14px;}
.friend_title p span {padding: 0 15px;color: #bbb;}
.friend_title p a {color: #888;}


.friend_list {position: relative;padding: 10px;background: #fff;border-bottom: 1px solid #efefef;}
.friend_list .friend_avatar {float: left;margin-right: 10px;}
.friend_list .friend_avatar img {width: 36px;height: 36px;border-radius: 50%;vertical-align: middle;}
.friend_list .friend_info {line-height: 36px;height: 36px;font-size: 14px;color: #999;}
.friend_list .friend_info span {padding: 0 5px;color: #666;}
.friend_list .friend_group {font-size: 14px;}
.friend_list .friend_group select {font-size: 12px;}
.friend_list .friend_edit {float: right;}
.friend_list .friend_edit a {float: left;width: 40px;text-align: center;color: #bbb;overflow: hidden;}
.friend_list .friend_edit a i {display: block;height: 24px;line-height: 24px;font-size: 20px;color: #ff9900;overflow: hidden;}
.friend_list .friend_edit a i.on{color: #009eff;}
.friend_list p {display: block;margin-top: 10px;font-size: 14px;color: #999;}
.friend_list h2 {margin-left: 46px;}
.friend_list h2 a {font-size: 14px;}
.friend_list h2 font {padding-left: 5px;font-size: 12px;color: #999;}
.friend_list h2 em {padding-left: 5px;}
.friend_list h2 em a i {font-size: 14px;color: #666;}
.friend_list h2 span {display: block;font-size: 12px;color: #999;}
.friend_list h2 span a {font-size: 12px;color: #666;}

.friend_say {position: absolute;right: 10px;bottom: 10px;}
.friend_say a {padding-left: 5px;font-size: 12px;color: #999;}


.huyou_friend ul {padding: 10px 10px 0;margin: 10px;background: #fff;}
.huyou_friend ul li {float: left;width: 50%;margin-bottom: 10px;font-size: 14px;color: #666;}
.huyou_friend ul li input {vertical-align: middle;}





.huyou_friend dt {padding: 10px 10px 0;background: #fff;font-size: 14px;}
.huyou_friend dd {padding: 10px;background: #fff;font-size: 14px;}



.huyou_album .album_tip {padding: 10px;background: #fffdef;border: 1px dashed #e7e1cd;font-size: 12px;color: #666;}
.huyou_album .album_tip a {color: #222;font-weight: 400;}

.huyou_album ul {padding: 5px;}
.huyou_album ul li {float: left;width: 33.333%;}
.huyou_album ul li a {position: relative;display: block;margin: 5px;}
.huyou_album ul li a img {width: 100%;}
.huyou_album ul li a p {position: absolute;left: 0;right: 0;bottom: 0;height: 22px;line-height: 22px;padding: 0 10px;background: rgba(0,0,0,0.4);text-align: center;font-size: 12px;color: #fff;overflow: hidden;}
.huyou_album ul li a span {position: absolute;top: 5px;right: 5px;height: 18px;line-height: 18px;padding: 0 5px;background: rgba(0, 0, 0, 0.3);font-size: 12px;color: #fff;border-radius: 12px;}
.huyou_album ul li a span i {font-size: 12px;}
.huyou_album ul li a em {position: absolute;top: 30px;right: 5px;height: 18px;line-height: 18px;padding: 0 5px;background: rgba(0, 0, 0, 0.3);font-size: 12px;color: #fff;border-radius: 12px;}

.huyou_album .album_title {padding: 10px;background: #fff;}
.huyou_album .album_title h2 {font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.huyou_album .album_title h2 span {margin-top: 5px;margin-left: 10px;font-size: 14px;color: #bbb;}
.huyou_album .album_title p {display: block;line-height: 22px;margin-top: 10px;font-size: 14px;color: #999;}


.album_sizer {width: 50%;}
.album_list {padding: 5px 5px 0;}
.album_list ul li {float: left;width: 50%;}
.album_list ul li a {position: relative;display: block;padding: 5px;}
.album_list ul li a img {display: block;width: 100%;}
.album_list ul li a span {position: absolute;top: 10px;right: 10px;height: 18px;line-height: 18px;padding: 0 5px;background: rgba(0, 0, 0, 0.3);font-size: 12px;color: #fff;border-radius: 12px;}



.album_open_box {padding: 48px 10px 10px;background: #000;}
.album_open_wate .album_wate_list {float: left;width: 50%;}
.album_open_wate .album_wate_list img {display: block;width: 100%;height: auto;}



.album_flash {position: relative;}
.album_flash img {display: block;width: 100%;}
.album_info {background: #fff;}
.album_info ul li {padding: 5px 10px;font-size: 14px;color: #666;}
.album_info ul li span {padding-left: 5px;color: #222;}
.album_info ul li span i {font-size: 12px;color: #009eff;}


.album_show {position: absolute;top: 0;display: none;width: 100%;height: 100%;background: #000;z-index: 15;overflow: hidden;}
.album_show_top {position: fixed;top: 0;left: 0;right: 0;height: 48px;line-height: 48px;padding: 0 10px;background: rgba(0, 0, 0, 0.6);z-index: 11;}
.album_show_top a {font-size: 16px;color: #fff;}
.album_show_top i {font-size: 16px;}
.album_show_top span a {padding-left: 15px;font-size: 15px;}
.album_show_top span a i.on {color: #009eff;}
.album_show ul {position: relative;height: 100%;display: -webkit-box;display: -moz-box;display: -o-box;display: box;-webkit-transition: all 350ms linear;-moz-transition: all 350ms linear;-o-transition: all 350ms linear;transition: all 350ms linear;z-index: -1;}
.album_show ul li {text-align: center;}
.album_show ul li img {max-width: 100%;vertical-align: middle;}
.album_show_foot {position: fixed;display: block;left: 0;right: 0;bottom: 0;padding: 10px 10px 20px;background: rgba(0, 0, 0, 0.6);z-index: 11;}
.album_show_foot h2 {height: 28px;font-size: 16px;color: #fff;overflow: hidden;}
.album_show_foot h2 i {padding-left: 5px;font-size: 12px;color: #eee;}
.album_show_foot h2 span {font-size: 12px;}
.album_show_foot h2 span em {font-size: 16px;}
.album_show_foot p {display: block;line-height: 18px;font-size: 12px;color: #eee;overflow: hidden;}



.huyou_upload_pic {padding: 5px 0 10px;background: #fff;}
.huyou_upload_pic ul li {padding: 10px;background: #fff;border-bottom: 1px solid #efefef;font-size: 14px;color: #888;}
.huyou_upload_pic .upload_pic_button {position: relative;}
.huyou_upload_pic .upload_pic_button a {display: block;height: 30px;line-height: 30px;padding: 5px 10px;background: #f8f8f8;font-size: 14px;color: #999;border-radius: 3px;}
.huyou_upload_pic .upload_pic_button input {position: absolute;top: 10px;left: 10px;width: 100px;height: 40px;z-index: 10;opacity: 0;}
.huyou_upload_pic .upload_pic_button i {float: left;padding-right: 5px;font-size: 18px;}
.huyou_upload_pic ul li .del {float: left;padding-top: 10px;padding-right: 10px;}
.huyou_upload_pic ul li .del img {width: 20px;}
.huyou_upload_pic ul li .p_img {position: relative;float: left;width: 100px;height: 70px;margin-right: 10px;}
.huyou_upload_pic ul li .p_img img {width: 100px;height: 70px;}
.huyou_upload_pic ul li .p_img p {position: absolute;left: 0;bottom: 0;width: 100%;height: 24px;line-height: 24px;background: rgba(0, 0, 0, 0.6);text-align: center;overflow: hidden;}
.huyou_upload_pic ul li .p_img p a {display: block;font-size: 12px;color: #fff;}
.huyou_upload_pic ul li .upload_pic_textarea {height: 70px;}
.huyou_upload_pic ul li textarea {width: 100%;height: 70px;line-height: 22px;padding: 5px 7px;border: 1px solid #efefef;font-size: 14px;border-radius: 2px;box-sizing: border-box;outline: none;resize: none;}


.editpic_foot {position: fixed;z-index: 90;left: 0;right: 0;bottom: 0;width: 100%;height: 90px;background: #f8f8f8;border-top: 1px solid #efefef;overflow: hidden;}
.editpic_foot .editpic_foot_top {padding: 10px;}
.editpic_foot .editpic_foot_top button {background: none;border: none;color: #d00;outline: none;}
.editpic_foot .editpic_foot_top button i {padding-right: 5px;font-size: 12px;font-weight: bold;}
.editpic_foot_top label {font-size: 14px;}

.editpic_foot_box {height: 30px;line-height: 30px;padding: 10px;border-top: 1px solid #efefef;font-size: 14px;overflow: hidden;}
.editpic_foot_box button {line-height: 30px;padding: 0 10px;margin-right: 5px;background: #ff9900;font-size: 14px;color: #fff;border: none;outline: none;}
.editpic_foot_box select {width: 100%;height: 30px;line-height: 30px;background: #fff;border: 1px solid #efefef;font-size: 14px;color: #666;box-sizing: border-box;outline: none;}




.doing_list ul li {position: relative;padding: 10px 10px 10px 50px;background: #fff;border-bottom: 1px solid #efefef;}
.doing_list ul li .doing_avatar {position: absolute;top: 12px;left: 10px;width: 30px;height: 30px;border-radius: 50%;}
.doing_list ul li .doing_avatar img {width: 30px;height: 30px;border-radius: 50%;}
.doing_list ul li h2 {height: 22px;line-height: 22px;font-size: 14px;overflow: hidden;}
.doing_list ul li h2 em {font-size: 12px;color: #bbb;}
.doing_list ul li p {display: block;margin: 10px 0;line-height: 22px;font-size: 14px;}
.doing_list ul li span {display: block;height: 22px;line-height: 22px;padding-top: 10px;color: #009eff;overflow: hidden;}
.doing_list ul li span a {float: right;height: 20px;line-height: 20px;padding: 0 6px;margin-left: 8px;background: #f8f8f8;border: 1px solid #efefef;color: #999;border-radius: 15px;overflow: hidden;}
.doing_list ul li span a i {float: left;line-height: 20px;padding-right: 2px;font-size: 12px;}

.doing_list .doing_reply_list {position: relative;padding: 5px 10px;background: #f8f8f8;border-radius: 3px;}
.doing_list .doing_reply_list h3 {line-height: 22px;font-size: 13px;color: #777777;}
.doing_list .doing_reply_list h3 a {color: #FF6600;}
.doing_list .doing_reply_list h3 em {font-size: 13px;}
.doing_list .doing_reply_list h3 em {padding: 0 5px;}





.home_notice ul li {position: relative;padding: 10px 10px 10px 56px;background: #fff;border-bottom: 1px solid #efefef;}
.home_notice ul li .notice_img {position: absolute;top: 10px;left: 10px;width: 36px;height: 36px;line-height: 36px;background: #009eff;text-align: center;border-radius: 50%;}
.home_notice ul li .notice_img img {width: 36px;height: 36px;border-radius: 50%;}
.home_notice ul li .notice_img i {font-size: 20px;color: #fff;}
.home_notice ul li h2 {height: 26px;line-height: 26px;font-size: 14px;color: #666;}
.home_notice ul li h2 i {font-size: 16px;color: #999;}
.home_notice ul li p {line-height: 24px;font-size: 14px;color: #999;}
.home_notice ul li p a {color: #369;}
.home_notice ul li p a.lit {color: #009eff;}

.space_foot {position: fixed;left: 0px;bottom: 0px;width: 100%;height: 50px;line-height: 50px;background: #fff;border-top: 1px solid #efefef;z-index: 9;}
.space_foot ul li a {display: block;height: 30px;line-height: 30px;font-size: 12px;padding: 0 10px;margin: 10px;background: #f8f8f8;border: 1px solid #efefef;border-radius: 28px;overflow: hidden;}
.space_foot ul li a i {margin-top: 1px;font-size: 18px;color: #999;}


.home_logout a {display: block;height: 40px;line-height: 40px;background: #999;text-align: center;font-size: 14px;color: #fff;border-radius: 2px;overflow: hidden;}



.huyou_space_foot {position: fixed;left: 0;right: 0;bottom: 0;display: block;width: 100%;height: 40px;background: #fff;border-top: 1px solid #efefef;z-index: 90;overflow: hidden;}
.huyou_space_foot li {height: 40px;line-height: 40px;text-align: center;font-size: 14px;overflow: hidden;}
.huyou_space_foot li a {display: block;width: 80px;padding: 0 10px;margin: 0 auto;}
.huyou_space_foot li a i {padding-right: 5px;color: #f60;}
.huyou_space_foot li a span {color: #666;}



.blog_other {background: #fff;}
.blog_other ul {padding: 5px 0;}
.blog_other ul li {height: 30px;line-height: 30px;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.blog_other ul li a {font-size: 14px;overflow: hidden;}
.blog_other ul li i {padding-right: 5px;font-size: 10px;color: #999;}



.message_face_title {padding: 6px 10px;background: #fff;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;}
.message_face_title a {padding-right: 15px;}
.message_face_title a i {font-size: 20px;color: #999;}
.message_face_title a.on i {color: #009eff;}
.message_face_title span {margin-top: 5px;font-size: 12px;color: #f60;}



.home_comment {position: fixed;left: 0;bottom: 0;width: 100%;background: #f8f8f8;border-top: 1px solid #efefef;z-index: 98;}
.home_comment a {display: block;height: 30px;line-height: 30px;padding: 0 10px;background: #fff;font-size: 14px;color: #666;border-radius: 15px;box-sizing: border-box;}
.home_comment .comment_smilies {padding-right: 6px;}
.home_comment .comment_smilies i {line-height: 30px;font-size: 20px;color: #999;}
.home_comment .comment_submit {height: 22px;line-height: 22px;padding: 0 12px;margin-left: 6px;background: #f60;font-size: 12px;color: #fff;border-radius: 11px;}




.article_subs {padding: 10px;background: #fffdef;}
.article_subs a {padding-right: 5px;color: #999;}
.article_subs a:last-child {padding-right: 0;}

.article_list {padding: 10px;margin-top: 10px;background: #fff;}
.article_list .article_pic {float: left;width: 100px;min-height: 65px;margin-right: 10px;overflow: hidden;}
.article_list .article_pic img {width: 100%;}
.article_list .article_info h3 {max-height: 52px;line-height: 26px;font-size: 16px;overflow: hidden;}
.article_list .article_info p {display: block;margin-top: 15px;font-size: 12px;color: #999;}





.article_top {padding: 10px;background: #fff;}
.article_top h2 {display: block;line-height: 30px;margin-bottom: 10px;text-align: center;font-size: 20px;font-weight: 400;}
.article_top p {text-align: center;font-size: 14px;color: #999;}
.article_top p a {color: #999;}

.article_desc {line-height: 24px;padding: 10px;background: #fffdef;font-size: 14px;color: #999;}
.article_message {line-height: 26px;padding: 10px;background: #fff;font-size: 14px;white-space: pre-line;}
.article_message img {max-width: 100%;}

.article_next {padding: 10px;background: #fff;}
.article_next ul li {height: 30px;line-height: 30px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.article_next ul li a {color: #666;}


.related_article {background: #fff;}
.related_article ul {padding: 5px 0;}
.related_article ul li {height: 30px;line-height: 30px;padding: 0 10px;}
.related_article ul li a {display: block;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.article_success {padding: 20px;}
.article_success h2 {display: block;margin: 10px 0;font-size: 16px;}
.article_success p {height: 20px;line-height: 20px;}
.article_success p a {font-size: 14px;color: #666;}
.article_success p span {padding: 0 5px;color: #ccc;}







.huyou_search {padding: 10px;background: #f8f8f8;}
.huyou_search input {width: 100%;height: 32px;line-height: 32px;border: none;font-size: 14px;text-indent: 10px;outline: none;box-sizing: border-box;}
.huyou_search button {float: right;border: none;height: 32px;line-height: 32px;padding: 0 10px;margin-left: 10px;background: #009eff;font-size: 12px;color: #fff;border-radius: 2px;outline: none;overflow: hidden;}


.huyou_search .huyou_search_style {float: left;height: 32px;line-height: 32px;border-right: 1px solid #efefef;overflow: hidden;}
.huyou_search .huyou_search_style .search_style_select {position: relative;height: 32px;line-height: 32px;padding-right: 5px;background: #fff;}
.huyou_search .huyou_search_style .search_style_select select {position: absolute;top: 0;left: 0;opacity: 0;}
.huyou_search .huyou_search_style .search_style_select span {margin: 0 5px;font-size: 14px;color: #999;}
.huyou_search .huyou_search_style .search_style_select i {font-size: 12px;color: #999;}


.scbar_hot ul {padding: 10px 10px 2px;background: #fff;}
.scbar_hot ul li {float: left;}
.scbar_hot ul li a {display: block;height: 28px;line-height: 28px;padding: 0 10px;margin: 0 10px 10px 0;background: #f8f8f8;font-size: 14px;color: #666;}

.senior_search {font-size: 14px;color: #999;}
.senior_search_bg {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 11;}
.senior_search_nav {position: absolute;top: 41px;right: 0;display: none;padding: 5px 10px;background: #fff;z-index: 15;}
.senior_search_nav ul li {position: relative;height: 26px;line-height: 26px;z-index: 16;}
.senior_search_nav ul li a {font-size: 12px;}



.taglist ul {padding: 10px 10px 2px;background: #fff;}
.taglist ul li {display: inline-block;height: 28px;line-height: 28px;margin: 0 10px 10px 0;background: #f6f6f6;border: 1px solid #ddd;}
.taglist ul li a {display: block;padding: 0 10px;font-size: 12px;color: #666;}
.taglist ul li.cc_0 {background: #fbeeef;}
.taglist ul li.cc_1 {background: #E8F6F6;}
.taglist ul li.cc_2 {background: #f9e8ff;}
.taglist ul li.cc_3 {background: #f2fde8;}
.taglist ul li.cc_4 {background: #f0effc;}
.taglist ul li.cc_5 {background: #fdedcb;}
.taglist ul li.cc_6 {background: #eef9d5;}
.taglist ul li.cc_7 {background: #f6f6f6;}
.taglist ul li.cc_8 {background: #fffeee;}
.taglist ul li.cc_9 {background: #e0ffde;}



.huyou_spacecp table {width: 100%;background: #fff;}
.huyou_spacecp tr th {width: 80px;background: #f8f8f8;border-bottom: 1px solid #efefef;font-size: 14px;color: #666;text-indent: 10px;}
.huyou_spacecp tr td {padding: 10px;padding-bottom: 10px;border-bottom: 1px solid #efefef;font-size: 14px;}
.huyou_spacecp tr td a {color: #f60;}
.huyou_spacecp tr td input {width: 100%;height: 14px;line-height: 14px;padding: 0;border: none;font-size: 14px;outline: none;}
.huyou_spacecp tr td textarea {width: 100%;padding: 5px;border: 1px solid #efefef;outline: none;box-sizing: border-box;resize: none;}
.huyou_spacecp tr td .spacecp_select {padding: 5px 0;}
.huyou_spacecp tr td select {height: 25px;line-height: 25px;padding: 0 2px;background: none;border: 1px solid #efefef;font-size: 12px;color: #666;outline: none;}
.huyou_spacecp tr td#td_qq a {display: none;}




.promotion_tip {padding: 10px 10px 0;background: #fff;}
.promotion_tip p {display: block;line-height: 22px;padding-bottom: 10px;font-size: 14px;color: #666;}
.promotion_tip p span {color: #ff9900;}


.promotion_box {width: 80%;margin: 40px auto;background: #fff;border-radius: 3px;}
.promotion_box .promotion_qrcode {padding: 20px;}
.promotion_box .promotion_qrcode canvas {width: 100%;}
.promotion_box .promotion_user {width: 90%;padding: 5%;border-top: 1px solid #efefef;}
.promotion_box .promotion_user img {float: left;width: 48px;height: 48px;margin-right: 10px;border-radius: 50%;}
.promotion_box .promotion_user h2 {display: block;font-size: 18px;color: #333;}
.promotion_box .promotion_user p {display: block;font-size: 14px;color: #666;}



.huyou_pm li {position: relative;display: block;height: 45px;padding: 10px;background: #fff;border-bottom: 1px solid #efefef;overflow: hidden;}
.huyou_pm li img {float: left;width: 45px;height: 45px;margin-right: 10px;border-radius: 5px;}
.huyou_pm li h2 {height: 20px;line-height: 20px;margin-bottom: 5px;font-size: 16px;overflow: hidden;}
.huyou_pm li h2 em {padding-left: 5px;font-size: 12px;}
.huyou_pm li h2 em.new {color: #dd0000;}
.huyou_pm li h2 em.old {color: #999;}
.huyou_pm li h2 span {font-size: 12px;color: #999;}
.huyou_pm li p {display: block;height: 18px;line-height: 18px;font-size: 14px;color: #888;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}


.space_pm {padding-top: 5px;padding-bottom: 10px;overflow: hidden;}
.space_pm .pm_time {width: 100px;height: 25px;line-height: 25px;margin: 15px auto;background: rgba(0,0,0,0.2);text-align: center;font-size: 12px;color: #fff;border-radius: 3px;}
.space_pm .huyou_pmlist ul {position: relative;}
.space_pm .huyou_pmlist ul li {position: relative;}
.space_pm .huyou_pmlist ul li {padding: 10px 10px 10px 65px;}
.space_pm .huyou_pmlist ul li img {vertical-align: middle;}
.space_pm .huyou_pmlist ul li.pm_me {padding: 10px 65px 10px 10px;}
.space_pm .huyou_pmlist ul li .pm_avatar {position: absolute;top: 10px;left: 10px;width: 42px;height: 42px;border-radius: 3px;}
.space_pm .huyou_pmlist ul li .pm_avatar img {width: 42px;height: 42px;border-radius: 5px;}
.space_pm .huyou_pmlist ul li.pm_me .pm_avatar {left: auto;right: 10px;}
.space_pm .huyou_pmlist ul li h2 {position: relative;float: left;display: inline-block;min-width: 50px;padding: 10px 12px;background: #fff;border: 1px solid #efefef;font-size: 14px;color: #333;border-radius: 3px;}
.space_pm .huyou_pmlist ul li.pm_me h2 {float: right;background: #B2E866;}
.space_pm .huyou_pmlist ul li h2 strong {font-weight: bold;}
.space_pm .huyou_pmlist ul li h2:before {content: "";position: absolute;top: 5px;border-style: solid;left: -5px;border-width: 5px 5px 5px 0;border-color: #efefef #fff #efefef #efefef;}
.space_pm .huyou_pmlist ul li.pm_me h2:before {left: auto;right: -5px;border-width: 5px 0 5px 5px;border-color: #efefef #efefef #efefef #B2E866;}
.space_pm .huyou_pmlist ul li span {display: block;margin-top: 5px;font-size: 12px;color: #999;}
.space_pm .huyou_pmlist ul li.pm_me span {padding-right: 2px;text-align: right;}


.huyou_pm_form {position: fixed;left: 0;bottom: 0;width: 100%;background: #fff;border-top: 1px solid #efefef;font-size: 14px;z-index: 9;}
.huyou_pm_form .pm_form_send {padding: 8px 10px;}
.huyou_pm_form .pm_form_send .pm_form_ico {padding-right: 10px;}
.huyou_pm_form .pm_form_send .pm_form_ico i {line-height: 30px;font-size: 22px;color: #666;}
.huyou_pm_form .pm_form_send .pm_form_ico i.on {color: #009eff;}
.huyou_pm_form .pm_form_send .pm_form_button {padding-left: 10px;}
.huyou_pm_form .pm_form_send .pm_form_button button {height: 30px;line-height: 30px;padding: 0 12px;background: #EB3331;border: none;font-size: 12px;color: #fff;border-radius: 15px;outline: none;}
.huyou_pm_form .smilies_style {padding-bottom: 0;}
.huyou_pm_form .swiper-container {margin-bottom: 10px;}
.pm_foot_height {height: 48px;}
.pm_foot_height.pm_foot_height_show {height: 230px;}





.task_speed {position: relative;height: 20px;line-height: 20px;margin-bottom: 5px;background: #ccc;border-radius: 0 10px 10px 0;}
.task_speed h3 {position: absolute;left: 0;height: 20px;background: #009eff;border-radius: 0 10px 10px 0;}
.task_speed h4 {position: absolute;left: 0;top: 0;padding-left: 10px;font-size: 10px;color: #fff;}


.huyou_task ul li {position: relative;padding: 10px 10px 10px 70px;background: #fff;border-bottom: 1px solid #efefef;}
.huyou_task ul li .task_icon {position: absolute;top: 10px;left: 10px;width: 50px;height: 50px;border-radius: 50%;}
.huyou_task ul li .task_icon img {width: 100%;height: 100%;}
.huyou_task ul li h2 {line-height: 22px;font-size: 14px;}
.huyou_task ul li h2 em {font-size: 12px;color: #999;}
.huyou_task ul li h2 em a {display: block;height: 26px;line-height: 26px;padding: 0 10px;background: #009eff;font-size: 12px;color: #fff;border-radius: 13px;}
.huyou_task ul li h2 em a.on {background: #ff9900;}
.huyou_task ul li h2 em a.off {background: #ccc;}
.huyou_task ul li span {display: block;height: 20px;line-height: 20px;margin-top: 3px;font-size: 12px;color: #f60;border-radius: 2px;}
.huyou_task ul li p {display: block;line-height: 20px;margin: 5px 0;font-size: 12px;color: #999;}

.huyou_task_box {padding: 10px;background: #fff;overflow: hidden;}
.huyou_task_box .task_view p {margin-top: 5px;font-size: 14px;color: #666;}
.huyou_task_box .task_view {margin-bottom: 10px;}
.huyou_task_box .task_view a {color: #333;font-weight: 400;}
.huyou_task_box .task_view strong {display: block;padding-bottom: 5px;font-size: 14px;font-weight: bold;}
.huyou_task_box .task_view ul {margin-bottom: 10px;}
.huyou_task_box .task_view ul li {margin-top: 5px;font-size: 14px;color: #666;}

.huyou_task_box .task_allow p {margin: 10px 0 5px;}
.huyou_task_box .task_allow p a {float: left;height: 26px;line-height: 26px;padding: 0 10px;margin-right: 10px;background: #009eff;font-size: 12px;color: #fff;border-radius: 13px;}
.huyou_task_box .task_allow p a.on {background: #ff9900;}
.huyou_task_box .task_allow p a.off {background: #ccc;}
.huyou_task_box .task_allow h2 {display: inline-block;line-height: 26px;padding: 0 10px;margin: 10px 0 5px;background: #ccc;font-size: 12px;color: #fff;border-radius: 13px;}

.huyou_task_user {background: #fff;}
.huyou_task_user ul {margin-top: 10px;}
.huyou_task_user ul li {position: relative;float: left;width: 16.666%;margin-bottom: 10px;text-align: center;}
.huyou_task_user ul li .task_user_avatar {position: relative;display: block;margin: 0 10px 5px;}
.huyou_task_user ul li .task_user_avatar img {width: 100%;border-radius: 50%;vertical-align: middle;}
.huyou_task_user ul li span {display: block;width: 90%;height: 16px;line-height: 16px;margin: 0 auto;text-align: center;font-size: 12px;color: #666;overflow: hidden;}
.huyou_task_user ul li i {position: absolute;top: 0;left: 0;bottom: 0;width: 100%;height: 100%;padding: 12px 5px;background: rgba(0, 0, 0, 0.5);font-size: 12px;color: #fff;border-radius: 50%;box-sizing: border-box;}




.huyou_credits .credits_head {padding: 20px 10px;background: #009eff;}
.huyou_credits .credits_head h2 {font-size: 16px;color: #fff;}
.huyou_credits .credits_head span {display: block;font-size: 32px;color: #fff;}
.huyou_credits .credits_head p {display: block;margin-top: 5px;font-size: 14px;color: #f6f6f6;}
.huyou_credits .credits_head p u {text-decoration: none;}

.credits_list li {height: 40px;line-height: 40px;padding: 0 10px;background: #fff;border-bottom: 1px solid #efefef;font-size: 14px;}
.credits_list li a {font-size: 12px;color: #f60;}

.huyou_loglist ul li {padding: 10px;background: #fff;border-bottom: 1px solid #efefef;}
.huyou_loglist ul li h2 {margin-bottom: 5px;font-size: 14px;color: #f60;}
.huyou_loglist ul li h2 span {padding-right: 5px;}
.huyou_loglist ul li h2 em {font-size: 12px;color: #999;}
.huyou_loglist ul li p {display: block;font-size: 14px;color: #666;}
.huyou_loglist ul li p a {color: #666;}
.huyou_loglist ul li p strong {color: #333;font-weight: 400;}


.huyou_transfer {padding: 10px;margin-top: 10px;background: #fff;}
.huyou_transfer ul li {position: relative;padding-bottom: 10px;font-size: 14px;color: #666;}
.huyou_transfer ul li input {text-indent: 5px;color: #666;}
.huyou_transfer ul li .transfer_tip {font-size: 12px;color: #FFA800;}
.huyou_transfer ul li select {border: 1px solid #efefef;font-size: 12px;color: #999;}
.huyou_transfer ul li label {display: inline-block;width: 88px;height: 80px;border: 1px solid #efefef;text-align: center;overflow: hidden;}
.huyou_transfer ul li label.on {border: 1px solid #009eff;}
.huyou_transfer ul li label i {line-height: 80px;font-size: 40px;color: #2782ba;}
.huyou_transfer ul li label.on i {color: #009eff;}
.huyou_transfer ul li.huyou_buy input {position: absolute;opacity: 0;}


.huyou_ann ul li {position: relative;padding: 10px;background: #fff;border-bottom: 1px solid #efefef;overflow: hidden;}
.huyou_ann ul li h2 a {display: block;height: 24px;line-height: 24px;font-size: 16px;overflow: hidden;}
.huyou_ann ul li h2 i {float: right;font-size: 12px;color: #bbb;}
.huyou_ann ul li h3 {margin-top: 5px;}
.huyou_ann ul li h3 span {font-size: 14px;color: #bbb;}
.huyou_ann ul li h3 a {color: #f60;}
.huyou_ann ul li p {display: none;line-height: 24px;padding: 5px 10px;margin-top: 10px;background: #fffdef;border: 1px dashed #e7e1cd;font-size: 14px;}



.huyou_ranklist_hot {position: relative;height: 200px;padding-bottom: 30px;background: #fff url(../mimg/rank.png) no-repeat center bottom / 100%;overflow: hidden;}
.huyou_ranklist_hot li {width: calc(33% - 20px);padding: 75px 10px 0;text-align: center;overflow: hidden;}
.huyou_ranklist_hot li a {position: relative;display: block;}
.huyou_ranklist_hot li:nth-child(1) {position: absolute;top: 0;left: 33%;width: calc(34% - 20px);padding-top: 35px;}
.huyou_ranklist_hot li:nth-child(2) {position: absolute;top: 0;left: 0;}
.huyou_ranklist_hot li:nth-child(3) {position: absolute;top: 0;left: 67%;}
.huyou_ranklist_hot li img {width: 70px;height: 70px;padding: 2px;background: #fff;border-radius: 50%;vertical-align: middle;}
.huyou_ranklist_hot li:nth-child(1) img {width: 90px;height: 90px;}
.huyou_ranklist_hot li h2 {margin-top: 5px;height: 18px;line-height: 18px;overflow: hidden;}
.huyou_ranklist_hot li h2 span {padding-right: 5px;font-size: 14px;color: #fff;font-weight: 400;}
.huyou_ranklist_hot li p {font-size: 12px;color: #fff;}
.huyou_ranklist_hot li em {position: absolute;top: -15px;left: 50%;margin-left: -16px;width: 32px;z-index: 10;}
.huyou_ranklist_hot li em img {width: 100%;height: auto;background: none;padding: 0;border-radius: 0;}
.huyou_ranklist_hot li:nth-child(1) em {width: 36px;top: -18px;margin-left: -18px;}
.huyou_ranklist_hot li:nth-child(1) em img {width: 100%;height: auto;}



.huyou_ranklist_list li {height: 38px;line-height: 38px;padding: 10px;background: #fff;border-bottom: 1px solid #efefef;}
.huyou_ranklist_list li em {float: left;margin-right: 10px;font-size: 14px;color: #999;}
.huyou_ranklist_list li img {float: left;width: 38px;height: 38px;margin-right: 10px;border-radius: 50%;}
.huyou_ranklist_list li h2 {font-size: 16px;}
.huyou_ranklist_list li span {font-size: 12px;color: #999;}



.ranklist_sub {padding: 5px 0;background: #fff;border-bottom: 1px solid #efefef;}
.ranklist_sub li {float: left;}
.ranklist_sub li a {display: inline-block;height: 24px;line-height: 24px;padding: 0 5px;margin: 0 5px;font-size: 14px;color: #666;}
.ranklist_sub li.on a {color: #009eff;}


.ranklist_thread li {padding: 10px;background: #fff;border-bottom: 1px solid #efefef;}
.ranklist_thread li i {float: left;width: 30px;height: 48px;line-height: 48px;margin-right: 10px;border-right: 1px solid #efefef;font-size: 16px;color: #999;}
.ranklist_thread li i img {width: 20px;}
.ranklist_thread li h2 {display: block;height: 28px;line-height: 28px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ranklist_thread li p {display: block;height: 20px;line-height: 20pxx;font-size: 12px;}
.ranklist_thread li p a {float: left;margin-right: 5px;font-size: 12px;color: #009eff;font-weight: 400;}
.ranklist_thread li p span {color: #999;}



.ranklist_forum li {padding: 10px;background: #fff;}
.ranklist_forum li.on {background: #f8f8f8;}
.ranklist_forum li a {display: block;height: 38px;line-height: 38px;}
.ranklist_forum li i {float: left;width: 30px;height: 38px;line-height: 38px;margin-right: 10px;border-right: 1px solid #efefef;font-size: 16px;color: #999;}
.ranklist_forum li i img {width: 20px;}
.ranklist_forum li h3 img {float: left;width: 38px;height: 38px;margin-right: 10px;border-radius: 50%;}
.ranklist_forum li h2 {font-size: 14px;}
.ranklist_forum li span {font-size: 12px;color: #999;}


.huyou_medal {background: #fff;}
.huyou_medal ul {padding: 5px;}
.huyou_medal ul li {float: left;width: calc(33.333% - 10px);margin: 5px;background: #f8f8f8;text-align: center;border-radius: 3px;overflow: hidden;}
.huyou_medal ul li .medal_img {padding: 15px 10px 10px;text-align: center;}
.huyou_medal ul li .medal_img img {height: 30px;}
.huyou_medal ul li p {display: block;line-height: 24px;margin-bottom: 10px;font-size: 14px;color: #666;}
.huyou_medal ul li h2 {display: block;width: 60%;height: 22px;line-height: 22px;margin: 0 auto 10px;background: #fff;color: #009eff;border-radius: 3px;}
.huyou_medal ul li h2 a {display: block;background: #009eff;color: #fff;}


.huyou_medal_log ul li {padding: 10px;background: #fff;border-bottom: 1px solid #efefef;font-size: 14px;}
.huyou_medal_log ul li span {color: #009eff;}
.huyou_medal_log ul li img {float: left;width: 35px;height: 35px;margin-top: 5px;margin-right: 10px;border-radius: 50%;}
.huyou_medal_log ul li h2 {height: 24px;line-height: 24px;font-size: 16px;overflow: hidden;}
.huyou_medal_log ul li h2 span {padding-left: 10px;font-size: 12px;color: #999;}
.huyou_medal_log ul li p {height: 20px;line-height: 20px;font-size: 12px;color: #999;overflow: hidden;}

.medal_tip {width: 280px;padding-bottom: 1px;background: #fff;font-size: 14px;}
.medal_tip_top {position: relative;padding: 10px 0 5px;background: #f8f8f8;text-align: center;overflow: hidden;}
.medal_tip_top a {position: absolute;top: 0px;right: 0px;padding: 10px;}
.medal_tip_top img {display: block;height: 30px;margin: 10px auto;}
.medal_tip_top span {display: block;}
.medal_tip_top p {display: block;padding: 10px;font-size: 12px;color: #999;}
.medal_expire {padding-top: 10px;text-align: center;}





.login_from {margin: 10px 10px 20px;background: none;border: none;border-radius: 0;}
.login_from li {padding: 0;border-bottom: 1px solid rgba(255, 255, 255, 0.3);color: #fff;}
.login_from li h2 {min-width: 58px;padding-right: 5px;}
.login_from li h2 i {padding-right: 5px;font-size: 14px;color: #fff;}
.login_from li input:-webkit-autofill {-webkit-text-fill-color: #eee;}
.login_from li .huyou_input {border-bottom: 0;color: #fff;}
.login_from li input.px {width: 100%;height: 22px;line-height: 22px;padding: 0;background: none;border: none;font-size: 14px;color: #fff;-webkit-appearance: none;outline: none;}
.login_from li select {height: 30px;line-height: 30px;padding: 0 6px;background: none;border: 1px solid rgba(255, 255, 255, 0.3);color: #fff;outline: none;}
.login_from li select option {color: #666;}
.login_from .sec_code {padding: 10px 0;background: none;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.login_from .sec_code .px {background: none !important;color: #fff;}
.login_from .sec_code img {right: 0px;}

.huyou_reg_link {padding: 10px;}
.huyou_reg_link a {font-size: 14px;color: #fff;}


.third_login {margin: 20px 0;text-align: center;}
.third_login .third_login_title {height: 30px;line-height: 30px;margin-bottom: 5px;}
.third_login .third_login_title span {font-size: 14px;color: #fff;}
.third_login ul li {display: inline-block;}
.third_login ul li a {position: relative;display: inline-block;width: 24px;height: 24px;line-height: 24px;padding: 15px;margin: 5px 10px;background: #fff;border-radius: 50%;}
.third_login ul li a i {font-size: 24px;color: #8fd353;}
.third_login ul li:nth-child(2) a i {color: #5cb3eb;}
.third_login ul li:nth-child(3) a i {color: #f66c75;}
.third_login ul li a span {position: absolute;left: -6px;bottom: -28px;width: 60px;height: 20px;line-height: 20px;color: #fff;}
#bgstretcher {position: fixed;top: 0;right: 0;left: 0;bottom: 0;width: 100%;background: #000;z-index: -1;overflow: hidden;}
#bgstretcher ul, #bgstretcher ul li {position: absolute;top: 0;right: 0;left: 0;bottom: 0;}




.huyou_say {padding: 0 10px;margin-top: 10px;background: #fff;}
.huyou_say h2 {height: 40px;line-height: 40px;border-bottom: 1px solid #efefef;font-size: 14px;}
.huyou_say h2 span {font-size: 16px;color: #009eff;}
.huyou_say ul {padding: 5px 0;}
.huyou_say ul li {float: left;width: 50%;padding: 5px 0;font-size: 14px;}
.huyou_say ul li input {vertical-align: middle;}