@charset "gbk";
@font-face { font-family: 'ElegantIcons'; src: url('../../images/fonts/ElegantIcons.ttf') format('truetype'); font-weight: normal; font-style: normal; }
body i:before { font-style: normal; font-family: 'ElegantIcons'; font-size: 20px; line-height: 20px; vertical-align: middle; content: attr(data-id);}
/**/
* { word-wrap: break-word; margin:0; padding:0;}
html,body { height:100%; font:14px/1.6 'Microsoft YaHei', Hei, arial, sans-serif; color:#4C4C4C; background: #f3f3f3;}
img,a img { border: 0; margin: 0; padding: 0; }
ul,ol,li { list-style:none; }
em, i { font-style: normal; }
.both { position: relative; }
.both:before { font-family: ElegantIcons; content: "\44"; }
.both:after { font-family: ElegantIcons; content: "\45"; }
select{background: none;}
input,select,textarea,button { font: 14px/1.5  'Microsoft YaHei', Hei, arial, sans-serif; outline: none; border-radius: 2px;  vertical-align: middle; }
textarea { width: 100%; border: 0px none #FFF; cursor: text; font-size: 14px; border-radius: 0px; }
.postlist input[type=email], .postlist input[type=password], .postlist input[type=text], .postlist select ,.postlist textarea{ border: 0px none #FFF; height: 22px; width: 100%; font-size: 16px;  }
input[type=text],input[type=button], input[type=submit], input[type=file], button, select, input[type=checkbox] {cursor: pointer; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
input[type=checkbox] {width:16px ; height:16px ; border: 1px solid #ddd; background: #FFF;}
input[type=checkbox]:checked:after { font-family: ElegantIcons; content: "\4e"; line-height: 0px; }
input[type=radio] {border-radius: 50%;}
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc { margin: 0; padding: 0; }
table { empty-cells: show; border-collapse: collapse; }
label { cursor: pointer; }
ul, .itemlist { overflow: hidden; }
.y { float: right; }
.z { float: left; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.pl10 { padding-right: 10px; padding-left: 10px; }
.p12 { padding: 12px; }
.p15 { padding: 15px; }
.m10 { margin: 10px; }
.message img { max-width:100%;}
#report_reasons { overflow: hidden; }
#report_reasons label{ float: left; min-width: 50%; line-height: 25px; }
.phiz i:before { font-size:26px;}
#loadmore { line-height: 40px; color: #999; text-align: center; }
#loadmore img { vertical-align: middle; }
.split15 { height:15px;}
#HeadTitle, #foot-memu, .mask_on, #menu .left-menu .info{-webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; -ms-transition: 1s;}
.navlist,#postmenu {-webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -ms-transition: .3s;}
#menu,#suspension{-webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; -ms-transition: .5s;}
.flexbox {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.flex { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.align_center{-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.pgs { text-align: center; padding:10px;}
.loginbox { position: relative; height: 100%; width: 100%; }
.loginbox.login_pop { border-radius: 5px;}
.loginbox .jump_c { width: 100%; margin-top: -50%; position: absolute; left: 0px; top: 50%; }
.loginbox.login_pop a.close i:before { font-size: 28px; line-height: 28px; }
.loginbox .icons { line-height: 150px; height: 150px;}
.loginbox .icons i:before { font-size: 80px; line-height: 80x; }
.loginbox.alert_info .icons i:before { content: '\e061'; color: #F93; }
.loginbox.alert_right .icons i:before { content: '\e052'; color: #093; }
.loginbox.alert_error .icons i:before { content: '\e051'; color: #F00; }
.bg-f4 { background-color: #F4F4F4; }
.bk { border: 1px solid #EBEBEB; }
#reward_box { padding:0px !important; margin-top:10px;}
.LoadingBar { border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; color: #FFF; background-color: rgba(51, 51, 51, 0.5); padding-right: 10px; padding-left: 10px; padding-bottom: 3px; margin-top: -36px; margin-left: -36px; z-index: 999; }
.LoadingBar img { margin-top: 10px; }
.arrow i:before { font-size: 28px; color: #CCC; }
/**/
.colorlist :nth-child(1) i{ background-color:#5ad4a1;}
.colorlist :nth-child(2) i{ background-color:#FFB300;}
.colorlist :nth-child(3) i{ background-color:#91B9EB;}
.colorlist :nth-child(4) i{ background-color:#DA99DB;}
.colorlist :nth-child(5) i{ background-color:#9DCA06;}
.colorlist :nth-child(6) i{ background-color:#F37D7D;}
.colorlist :nth-child(7) i{ background-color:#3EBBFD;}
.colorlist :nth-child(8) i{ background-color:#FF9900;}
/*：*/
.tips { background-color: #eee; display: inline-block; margin: auto; border-radius: 2px; color: #F26C4F; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; }
.tips img { vertical-align: middle; }
.tips.tn { margin-right: -12px; margin-left: -12px; border-radius: 0px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; }
/**/
.rq { color: #D00; float: right; font-size: 20px; padding-right: 3px; padding-left: 3px; height: 19px;}
/*′′*/
.invert { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); display: block;}
/**/
a:link, a:visited, a:hover { color: #507DAF; text-decoration: none; }
/*：*/
a.link { border: 1px solid #444; color: #444; border-radius: 2px; padding-right: 3px; padding-left: 3px; }
/**/
.even li:nth-of-type(even) { background-color: #F4F4F4; }
/*：*/
h3, .title { color: #333; font-size: 16px; font-weight: normal; }
/**/
.line { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
/**/
.window { background-color: #f8f8f8; }
.window a { color: #888; }
/**/
.bg-f { background-color: #FFF; }
/**/
.desc, .time { color: #999; }
.desc.tac { padding-top: 10px; padding-bottom: 10px; }
.desc.tac img { display: block !important; margin: auto; }
/*′′*/
.avatar img { vertical-align: top; }
.avatar img, #foot-memu .menu span, #foot-memu .menu,#foot-memu .postmenu,#foot-memu .postmenu span,#postmenu .navlist .close span { border-radius: 100%; display: inline-block; }
.avatar.small img { width: 16px; height: 16px; vertical-align: middle; }
/**/
#mask { z-index: 0 !important;}
.mask {visibility: hidden;display: block !important;opacity: 0 !important; position: fixed; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.3) !important; top: 0px; }
.mask_on{ visibility: visible !important; opacity: 1 !important; }
/**/
.level { background-color: #4C4C4C; color: #FFF; padding-right: 3px; padding-left: 3px; font-size: 12px; line-height: 14px; display: inline-block; border-radius: 1px; }
/*：：*/
h3.title b { background-color: #444; display: inline-block; height: 12px; width: 4px; margin-right:5px; border-radius: 2px;}
/*：*/
.tal { text-align: left; }
/**/
.tac { text-align: center; }
/**/
.tar { text-align: right; }
/*：*/
.btw1 { border-top: 1px solid #EBEBEB; }
.bbw1 { border-bottom: 1px solid #EBEBEB; }
.bbx1 { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #EBEBEB; }
/**/
.num { background-color: #4C4C4C; display: inline-block; line-height: 16px; padding-right: 3px; padding-left: 3px; color: #FFF; border-radius: 9px; min-width: 14px; text-align: center; font-size: 12px; }
/**/
.button { margin: 0px; background: none; background-color: #4C4C4C; display: inline-block; text-align: center; border-radius: 3px; height: 30px; padding-right: 5px; padding-left: 5px; border: 0px none #FFF; color: #FFF; min-width: 60px; }
.button.pn {font-size:15px;display: block;float: none !important; width:100%; height: 40px;}
a.button.pn {width:auto; line-height:40px; color:#FFF;}
/**/
.pns { border-radius: 0px 0px 3px 3px; overflow: hidden; border-top-width: 1px; border-top-style: solid; border-top-color: #EBEBEB; }
.pnc,.button2,.tip dd a { width: 50%; float: left; text-align: center; border: none; font-size: 16px; height: 44px; line-height: 44px; border-radius: 0 0 2px 2px; cursor: pointer; color: #777; background-color: #FFF; }
.button2 {width: 100%;}
.tip dd {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.tip dd a {width: 100%;}
.pns .close ,.pns a.pnc, .tip dd a { border-left-width: 1px; border-left-style: solid; border-left-color: #EBEBEB; margin-left: -1px; color: #777;}
#messagetext { padding:0px;}
#messagetext p:first-child { padding: 15px; text-align: center; }
#messagetext .button {width:100%; border-radius: 0 0 3px 3px; height: 35px; line-height: 35x;}
.disable { background-color: #C2C2C2 !important;  }
/**/
.linkbt { background-color: #E30101; border-radius: 2px; display: inline-block; color: #FFF !important; font-size: 12px; padding-right: 5px; padding-left: 5px; line-height: 22px; }
.linkbt.desc { background-color: #CCC; color: #666; }
/*：*/
.typelist { margin-right: -4px; margin-left: -4px; margin-bottom: 10px; }
.typelist a { background-color: #EBEBEB; display: inline-block; line-height: 26px; color: #888; text-align: center; padding-right: 6px; padding-left: 6px; border-radius: 2px; margin: 4px; }
.typelist a.curr { background-color: #4C4C4C; color: #FFF !important; }
/**/
.nonebutton { border: 1px solid #ddd; background-color: #FFF; border-left: none; border-radius: 0 3px 3px 0; padding-right: 5px; }
.nonebutton i:before{ font-size: 16px; color: #C2C2C2; }
/**/
.translucent { color: #FFF !important; font-size: 12px; background: rgba(0,0,0,0.5); border-radius: 2px; display: inline-block; padding-right: 5px; padding-left: 5px; line-height: 20px; text-align: center; }
.translucent i:before{ font-size: 13px; }
/*：*/
.icon { background-color: #4C4C4C; color: #FFF; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 12px; border-radius: 2px; display: inline-block; }
.icon i:before { display: inline-block; font-size: 12px; line-height: 13px; }
.icon.font { width: auto; padding-right: 3px; padding-left: 3px; }
/**/
.clx span { display: inline-block; text-align: center; background-color: #f8f8f8; border: 1px solid #EBEBEB; border-radius: 12px; padding: 0 6px; font-size: 12px; }
/**/
.gender { background-color: #CCC; color: #FFF; display: inline-block; padding-right: 4px; padding-left: 4px; height: 14px; line-height: 14px; font-size: 12px; border-radius: 1px; }
.gender.g1 { background-color: #09F !important; }
.gender.g2 { background-color: #F36 !important; }
.gender:before { font-size:12px; line-height:12px;}
.gender.g1:before { font-family: 'ElegantIcons'; content: "\e0bf"; }
.gender.g2:before { font-family: 'ElegantIcons'; content: "\e0c2"; }
/*′′：*/
h3 .new { color: #F00; font-style: italic; }
a.curr { color: #444; }
/*load*/
.loadbar { background-color: rgba(0, 0, 0, 0.5); color: #FFF; height: 75px; width: 75px; border-radius: 10px; padding: 5px; margin: auto; }
.loadbar img { margin-top:10px;}
.loadbar p { line-height: 30px; }
/**/
.shadow {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}
/**/
.flash { animation: flash 1.5s linear infinite; -webkit-animation: flash 1.5s linear infinite; }
@keyframes flash { 0% {
opacity: 1;
}
50% {
opacity: 1;
}
50.01% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes flash { 0% {
opacity: 1;
}
50% {
opacity: 1;
}
50.01% {
opacity: 0;
}
100% {
opacity: 0;
}
}
/**/
.head { height:0px; }
.head h3 { height:44px; background-color: #F22BA5;  line-height: 44px; text-align: center;  width: 100%; top: 0px; z-index: 1; position:relative;}
.head h3 span { display: block; padding-right: 30px; padding-left: 30px; color: #FFF; }
.head h3 a { position: absolute; top: 0px; left: 0px; }
.head h3 a.y { right: 0px; left: auto;}
.head h3 i.invert { padding-left: 10px; }
.head h3 a.si i:before {font-size: 20px;}
.head h3 a.z.si i {font-size: 20px; padding-right:10px; padding-left: 0px;}
.head h3 a i:before { font-size: 32px; color: #FFF; line-height: 44px;}
.head h3 a.y i:before { font-size: 22px; margin-right: 10px; }
.header_0, .header_0 h3{ display:none;}
.header_ h3, .header_1 h3, .header_3 h3{ position: fixed; }
.header_, .header_1, .header_3 {height:44px;}
.header_2 {height: auto;}
.header_on { -webkit-transform: translateY(-45px); -ms-transform: translateY(-45px); -o-transform: translateY(-45px); transform: translateY(-45px);}
.head h3 dl.y { position: absolute; right: 0px; top:0px;}
.head h3 dl.y a { position: relative; }

/**/
.foot_memu_1.foot_on {-webkit-transform: translateY(45px); -ms-transform: translateY(45px); -o-transform: translateY(45px); transform: translateY(45px);}
#foot-memu { position: fixed; width: 100%; bottom: 0px; font-size: 12px; padding-top: 2px; left: 0px; z-index: 2; }
#foot-memu ul { overflow: inherit; }
#foot-memu li { width: 20%; text-align: center; padding-top: 2px; float: left; }
#foot-memu li a { color: #444; }
#foot-memu li i { display: block; }
#foot-memu .menu ,#foot-memu .postmenu{ background-color: #F9F9F9; border-top-width: 1px; border-top-style: solid; border-top-color: #EBEBEB; padding: 7px; margin-top: -12px; display: inline-block; }
#foot-memu .menu span,#foot-memu .postmenu span,#postmenu .navlist .close span { display: inline-block; background-color: #444; width: 38px; height: 38px; color: #F9F9F9; }
#foot-memu .menu i,#foot-memu .postmenu i { padding-top: 9px; margin-left:-1px; }
#foot-memu .postmenu i {padding-top: 7px;}
#foot-memu .postmenu i:before { font-size: 24px; margin-left: -2px; }
#foot-memu .curr { color: #444; }
#foot-memu.return .menu i:before { content: "\4a"; font-size: 28px; }
/**/
.suspension_on {-webkit-transform: translateX(60px); -ms-transform: translateX(60px); -o-transform: translateX(60px); transform: translateX(60px);}
#suspension { position: fixed; right: 13px; bottom: 50px; }
#suspension a { display: block; border-radius: 100%; margin-bottom:10px; height: 40px; width: 40px; text-align: center; color: #F9F9F9 !important; background: rgba(0,0,0,0.5); position: relative; }
#suspension a em { position: absolute; right: 0px; font-size: 10px; padding-right: 1px; padding-left: 1px; line-height: 12px; min-width: 12px; }
#suspension a i:before { font-size: 24px; line-height: 40px; }
#suspension a b { position: absolute; top: -1px; right: 0px; background-color: #000; height: 6px; width: 6px; display: inline-block; border-radius: 100%; }
/**/
#stylelist { text-align: center; z-index: 1; position: relative; padding-top: 10px; padding-bottom: 10px; }
#stylelist b { display: inline-block; text-align: center; }
#stylelist b i { color: rgba(255, 255, 255, 0); height: 25px; width: 25px; border-radius: 2px; display: inline-block; vertical-align: middle; }
#stylelist .curr i { color: #FFF; }
#stylelist a {display: inline-block; text-align: center; }
#stylelist a i { border: solid 1px #ddd; width: 23px; height: 23px; border-radius: 2px; display: inline-block; line-height: 21px; }
.colormax { overflow: hidden; }
.colormax b {width: 25%; overflow: hidden; float: left; }
.colormax b dl { margin: 5px; }
.colormax b i { width: 100% !important; padding-bottom: 50%;}
.colormax b i:before {font-size: 30px; line-height: 60px;}
/**/
.menu_on {-webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);}
#menu { z-index: 1; position: fixed; left: -100%; width: 100%; height: 100%; top: 0px; font-size: 15px; line-height: 24px; }
#menu .left-menu { width: 70%; height: 100%; position: absolute; left: 0px; top: 0px; border-right-width: 0px; border-right-style: solid; border-right-color: #EBEBEB; z-index: 2; background-color: #FFF; }
#menu .left-menu .gdlist { position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; overflow: auto; }
#menu .right-menu { position: absolute; height: 100%; width: 100%; z-index: 0; }
#menu .left-menu .info { padding: 10px; background-image: url(../../images/bg/t1.jpg); background-size: 100% 100%; overflow: hidden; color: #FFF; position: relative; z-index: 1; }
#menu .avatar img { width: 60px; height: 60px; }
#menu .left-menu .info .userinfo { position: relative; }
#menu .left-menu .info .logout { min-width: 39px; float: right; }
#menu .left-menu .info .diy i:before { font-size: 12px; line-height: 5px; }
#menu .left-menu .info .reg { margin-left:10px; }
#menu .left-menu .info .level { background: rgba(0,0,0,0.5); line-height: 16px; }
#menu .left-menu .info .logout b { background-image: url(../../images/d.png); height: 12px; width: 12px; float: left; margin-top: 4px; margin-right: 3px; }
#menu .left-menu .info .reg b, .left-menu .info .login b { background-position: 0px bottom; }
#menu .left-menu .navs a { color: #333; width: 85%; display: inline-block; text-overflow: ellipsis; white-space: nowrap;  }
#menu .left-menu .navs li { border-top-width: 1px; border-top-style: solid; border-top-color: #EBEBEB; padding: 5px 15px 5px 15px; overflow: hidden; }
#menu .left-menu .navs a span { display: block; font-size: 12px; line-height: 12px; color: #999; }
#menu .left-menu .navs li i { float: left; height: 25px; width: 15%; margin-top: 8px; }
#menu .left-menu .navs li i img { height: 20px; width: 20px;}
#menu .left-menu .userinfo { margin-bottom: 0px;}
#menu [title^="INDEX"] + i:before { content: '\e009'; }
#menu [title^="Portal"] + i:before { content: '\e009'; }
#menu [title^="BBS"] + i:before { content: '\76'; }
#menu [title^="Guide"] + i:before { content: '\e007'; }
#menu [title^="Follow"] + i:before { content: '\7a'; }
#menu [title^="Manyou"] + i:before { content: '\e027'; }
#menu [title^="Group"] + i:before { content: '\77'; }
#menu [title^="Space"] + i:before { content: '\7c'; }
#menu [title^="Plugin"] + i:before { content: '\e02b'; }
#menu [title^="Help"] + i:before { content: '\75'; }
#menu [title^="Collection"] + i:before { content: '\e022'; }
#menu [title^="Blog"] + i:before { content: '\69'; }
#menu [title^="Album"] + i:before { content: '\e006'; }
#menu [title^="Share"] + i:before { content: '\e109'; }
#menu [title^="Doing"] + i:before { content: '\6b'; }
#menu [title^="Ranklist"] + i:before { content: '\65'; }
.left-menu .itemlist { position: relative; }
.left-menu .navs { margin-top: 221px; padding-bottom: 40px; }
.left-menu .msg { position: absolute; top: 0px; right: 0px; }
.left-menu .msg a { color: #FFF !important; margin-left: 5px; }
.left-menu .msg i { font-size: 25px; line-height: 25px; display: inline-block; }
.left-menu .msg .pm i { font-size: 20px; line-height: 20px; }
.left-menu .msg b { background-color: #000; line-height: 15px; display: inline-block; padding-right: 5px; padding-left: 5px; border-radius: 15px; font-size: 12px; font-weight: normal; vertical-align: top; margin-right: 2px; }

/**/
#postmenu { position: fixed; width: 100%; left: 0px; bottom: 0px; height: 100%; background-color: rgba(0, 0, 0, 0.3); visibility: hidden;opacity:0;}
#postmenu .navlist { position: absolute; width: 100%; left: 0px; bottom: -100%; background-color: #FFF; }
#postmenu .navlist ul { padding: 7.5px; }
#postmenu .navlist li { float:left; width:25%;}
#postmenu .navlist li a { display: block; margin: 7.5px; }
#postmenu .navlist li i { display: block; height: 55px; width: 55px; border-radius: 0px; color: #FFF; margin: auto; }
#postmenu .navlist li i:before {font-size: 30px; line-height: 55px;}
#postmenu .navlist .close { text-align: center; padding: 7px; }
#postmenu .navlist .close span i:before { font-size: 30px; margin-left: -2px; line-height: 34px; }
.postmenu_on { visibility: visible !important; z-index: 2; opacity:1 !important;}
.postmenu_on .navlist { bottom: 0px !important; }
#postmenu .postinfo { position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; }


/*：━━*/
.password_ico { width: 100px; height: 100px; line-height: 98px; text-align: center; position: relative; margin-top: 50px; margin-right: auto; margin-bottom: 20px; margin-left: auto; }
.password_ico i:before { font-size: 100px; }
.password_form { margin: 60px; margin-top:30px; }
.password_form .pwbox { padding: 5px 8px; margin-bottom: 20px; border-radius: 2px; border: 1px solid #CCCCCC; }
.password_form input.mtn { -webkit-appearance: none; width: 100%; height: 30px; line-height: 30px; border: none !important; font-size: 15px; vertical-align: middle; background-color: transparent; }
.password_form .pns {border: 0px solid #CCCCCC;}
.password_form .pnc { -webkit-appearance: none; display: block; width: 100%; height: 44px; line-height: 44px; font-size: 16px; border: 0px none #FFF; outline: none; text-align: center; overflow: hidden; border-radius: 2px; background: #444; color: #FFF; margin-top: 20px; margin-right: auto; margin-bottom: 0; margin-left: auto; }

/**/
.swiper-container { height: 260px; color: #FFF; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.swiper-pagination { right: 10px; font-size: 12px; position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); bottom: 0px; line-height: 34px; font-style: italic; }
.swiper-pagination-current { font-size: 18px; }
.swiper-slide .text { color: #FFF; position: absolute; bottom: 0px; width: 100%; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,.8) 100%); }
.swiper-slide .text span { padding-right: 10px; padding-left: 10px; line-height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 35px;display: block;}
.swiper-slide img { width:100%;}

/**/
.count { padding-top: 5px; padding-bottom: 5px; overflow: hidden; }
.count dl { width: 33.33%; text-align: center; line-height: 28px; float: left; }
.count dl em { display: block; color: #777; font-size: 20px; }
.announcement { overflow: hidden; line-height: 18px; }
.announcement #ancl { height: 20px; padding-left: 8px; }
.announcement #ancl li a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; color: #F00; }

/**/
.forumlist .cat .title { line-height: 25px; }
.forumlist .control { font-size: 12px; }
.forumlist .control span { border: 1px solid #EBEBEB; border-radius: 16px; line-height: 100%; display: inline-block; padding: 2px; }
.forumlist .control b { display: inline-block; width: 12px; height: 12px; border-radius: 12px; background-color: #CCC;     margin-right: 0px;}
.forumlist .on .control b { background-color: #444; float: right; }
.forumlist .off .control b { float: left; }
.forumlist .on .control span:before { content: 'ON'; padding-right: 2px; padding-left: 2px; font-size: 12px;}
.forumlist .off .control span:after { content: 'OFF'; padding-right: 2px; padding-left: 2px; font-size: 12px;}
.subforumlist {overflow: hidden;}
.subforumlist ul { margin-bottom: -1px; overflow: hidden; }
.subforumlist li { float: left; width: 50%; }
.subforumlist li .itembox { display: block; overflow: hidden; line-height: 20px; }
.subforumlist li:nth-child(odd) .itembox { border-right: 1px solid #EBEBEB; }
.subforumlist li a img { float: left; border-radius: 100%; width: 50px; height: 50px; }
.subforumlist li a p { padding-left: 8px; margin-top: 3px; }
.subforumlist li a p .curr { color: #444; }

.subforumlist .style_2 {border-bottom: 1px solid #EBEBEB;margin-right: -1px;}
.subforumlist .style_2 .itembox { border-right: 1px solid #EBEBEB; border-bottom: 0px; text-align: center; }
.subforumlist .style_2 li { width: 25%;  }
.subforumlist .style_2 li a { display: block; }
.subforumlist .style_2 li a p { padding-left: 0px;}
.subforumlist .style_2 li a img { float:none;vertical-align: top;}

.subforumlist .style_3 {}
.subforumlist .style_3 li { float:none; width:100%;}
.subforumlist .style_3 li .itembox {border-right:0px;}
/**/
.forum_head { line-height: 22px; position: relative; }
.forum_head dl { min-height:60px;}
.forum_head h3 { font-size: 15px; }
.forum_head .avatar { display: inline-block; overflow: hidden; float: left; margin-right: 10px; }
.forum_head .avatar img { height: 60px; width: 60px; border-radius: 100%; }
.forum_head .linkbt { float: right; line-height: 24px; padding-right: 7px; padding-left: 7px; position: absolute; top: 20px; right: 10px; }
.leveltab { line-height: 38px; margin-top: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EBEBEB; height: 38px; overflow: hidden; overflow-x: visible;}
.leveltab p,.submenu p { width: auto; display: inline; word-break: keep-all; white-space: nowrap;}
.leveltab a {height: 37px; float: left; width: 20%; color: #888; text-align: center; }
.leveltab.topnav a { width: auto; margin-right: 10px; margin-left: 10px; display: inline-block; float: none; }
.leveltab a.curr,.leveltab a.a { color: #4C4C4C; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #4C4C4C; }
.leveltab a.curr i:before {content: '\032';}
.pop_moremenu { margin-left: 0px; margin-right: 0px; }

/*：*/
.threadlist li { overflow: hidden; border-bottom: 1px solid #EBEBEB; background-color: #FFF; }
.threadlist li a { display: block; font-size: 15px; line-height: 18px; padding: 10px 10px; color: #4C4C4C; }
.threadlist .pl10 li a { padding-right: 0px; padding-left: 0px; }
.threadlist li.line a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.threadlist .icon { margin-right: 6px; }
.threadlist .itemhead { overflow: hidden; }
.threadlist .avatar { float: left; width: 40px; height: 40px; margin-right: 8px; }
.threadlist .avatar img { width: 100%; }
.threadlist .avatar .desc { text-align: center; }
.itemhead h3 { font-weight: normal; line-height: 23px; color: #444; font-size: 17px; padding-top: 5px; }
.itemhead h3.user { font-size: 14px; line-height: 20px; }
.itemhead h3.user a { padding: 0px; }
.itemhead h3.user a.user { display: inline-block; }
.itemhead h3.user a.type { color: #507daf; display: inline-block; }
.threaditem a.c { padding: 0px; }
.threaditem .content{ color: #888; font-size: 14px; }
.threaditem .piclist { margin-top: 5px; margin-right: -2px; margin-left: -2px; }
.itemhead .time { font-size: 12px; color: #999; line-height: 22px; padding-bottom: 5px; }
.itemhead .time em { }
.itemhead .clx { margin-top: 8px; color: #999; }
.itemhead .clx i:before { font-size: 14px; }
.itemhead .clx span.sd { margin-right: 10px; }
.threaditem .piclist img, .img_one img { width: 100%;vertical-align: top; }
.threaditem .piclist span { display: inline-block; width: 33.33%; }
.threaditem .piclist span b { display: block; height: 0px; padding-top: 2px; padding-right: 2px; padding-bottom: 75%; padding-left: 2px; overflow: hidden; }
.threaditem .piclist.pa-1 span { width: 33.33%; }
.img_one li { text-align: center; display: inline-block; width: 100%; border: 0px none #FFF; }
.commentlist .img_one li, .commentlist .img_list li  { width:33.33%;}
.img_list li { text-align: center; }
.img_list li img { max-width:100%;}
/**/
.threadlist li.picstyle { float: left; width: 50%; background: none; border-bottom: 0px solid #EBEBEB; }
.threadlist li.picstyle .box { border-radius: 3px; overflow: hidden; }
.threadlist li.picstyle a { padding: 0px; line-height: 22px; }
.threadlist li.picstyle a img { width: 100%; border-radius: 3px 3px 0 0; vertical-align: middle; }
.threadlist li.picstyle .subject { overflow: hidden; margin-top: 7px; margin-right: 7px; margin-left: 7px; margin-bottom: 3px; }
.threadlist li.picstyle .cls { color: #b1b1b1; padding-right: 7px; padding-left: 7px; padding-bottom: 5px; overflow: hidden; }
.threadlist li.picstyle .avatar { position: static; color: #b1b1b1; width: auto; height: auto; font-size: 13px; }
.threadlist li.picstyle .avatar img { border-radius: 18px; width: 20px; }
.threadlist li.picstyle .cls .y { font-size: 12px; padding-top: 5px; }
.threadlist li.picstyle .cls .y i { margin-right: 2px; }
.threadlist li.picstyle .cls .y i:before { font-size: 14px; }

/**/
.extend { position: fixed; bottom: 55px; display: none; right: 62px; z-index: 1; }
.extend_head { bottom: ; top: 55px; right: 15px; bottom: auto; }
.extend_head:before { font-family: ElegantIcons; content: '\42'; color: #f8f8f8;; font-size: 20px; line-height: 20px; position: absolute; top: -11px; right: 5px; }
.extend_bottom:before { font-family: ElegantIcons; content: '\43'; color: #f8f8f8; ; font-size: 20px; line-height: 20px; position: absolute; right: 5px; bottom: -12px; }
.extend ul { padding-top: 0px; padding-bottom: 0px; }
.extend .itemlist { border-radius: 3px; }
.extend li { padding-top: 7px; padding-bottom: 7px; }
.extend li:last-child { border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: #FFF; }
.extend a { font-size: 16px;  }
.extend a i { margin-right: 8px;}
.postextend { position: fixed; width: 100%; left: 0px; bottom: 0px; display: none; text-align: center; z-index: 2; }
.postextend li { padding-top: 7px; padding-bottom: 7px; }
.postextend li a { display: block; }
.postextend li i { margin-right: 5px; vertical-align: middle;}

/**/
.viewsort dl { padding-top: 3px; padding-bottom: 3px; overflow: hidden; }
.viewsort dl .z { min-width:70px;}
.relate .cn li { font-size: 14px; overflow: hidden; padding: 0 5px; }
.relate .cn li a { display: block; height: 38px; line-height: 38px; font-size: 15px; overflow: hidden; color: #4C4C4C; }
.relate .cn li a i { color: #999; }
.commentlist li { border-bottom: 0px solid #EBEBEB; }
.commentlist .commentitem .itemhead { margin: 12px 12px 7px 60px; }
.commentlist .commentitem .itemhead .user { padding:0px;}
.commentlist .commentitem .avatar { padding: 0px; position: absolute; left: 10px; }
.commentlist .commentitem .avatar img { border-radius: 100%; width: 40px; height: 40px; }
.commentlist .commentitem .quote,.showhide { border: 1px dashed #e3e3e3; background: #f8f8f8; padding: 5px; }
.commentlist .commentitem .img_one, .commentlist .commentitem .img_list { margin-right: -5px; margin-left: -5px; }
.commentlist .commentitem .img_one li, .commentlist .commentitem .img_list li { float: left; }
.commentlist .commentitem .img_one .orange { padding: 5px; }
.commentlist .commentitem .img_list .orange { padding: 5px; }
.commentlist .commentitem h3.user a { color: #888; }
.commentlist .commentitem h3.user a.y { font-size: 26px; margin-top: -8px; }

/**/
#bottom-post { position: fixed; width: 100%; bottom: 0px; }
#bottom-post .list { padding-top: 7px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; overflow: hidden; background-color: #f22ba5;}
#bottom-post a { display: inline-block; line-height: 28px; color: #888; }
#bottom-post .enter { border: 1px solid #EBEBEB; border-radius: 15px; width: 160px; font-size: 14px; }
#bottom-post .y a { padding-right: 8px; padding-left: 8px; position: relative; }
#bottom-post .y a i:before { font-size: 26px; }
#bottom-post .y a.dialog i:before { font-size: 20px; }
#bottom-post a i { vertical-align: middle; }
#bottom-post .enter i { background-image: url(../../images/bi.png); height: 20px; width: 20px; display: inline-block; background-repeat: no-repeat; margin-left: 10px; }
#bottom-post em.num { position: absolute; top: 0px; right: 0px; font-size: 8px; line-height: 10px; padding-right: 1px; padding-left: 1px; min-width: 10px; }

/**/
.postlist li { padding: 10px; overflow: hidden; }
.postlist li .name { padding-right: 10px; color: #888; min-width: 64px; font-size: 16px; }
.sm label { min-width: 33.33%; float: left; padding-top: 3px; padding-bottom: 3px; }
.sml label { min-width: 50%; float: left; padding-top: 3px; padding-bottom: 3px; }
.postbar .html.iocn, .postbar .html.select { position: relative; padding-right: 15px; }
.html.iocn:after,.html.select:after { font-family: ElegantIcons; content: "\43"; position: absolute; right: 2px; top: 3px; font-size: 16px; }
.exfm .image { position: relative; padding-top:0px; }

input[name=Filedata] {position: absolute;top: 0px;left: 0px;opacity: 0;height: 26px;}

.imagebox ul { overflow: hidden; }
.imagebox li { position: relative; padding:0px !important; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px;}
.imagebox li .Progress { position: absolute; left: 0px; top: 0px; text-align: center; width: 50px; font-size: 12px; color: #39C; line-height: 50px; height: 50px; }
.exfm .imagebox li { float:right; margin-right:0px;}
.imagebox .bigs { width: 50px !important; height: 44px; display: inline-block; }
.webuploader-element-invisible {display: none;}
.imagebox .webuploader-container div { width: 50px !important; height: 44px !important;}
.imagebox.si .webuploader-container div { width: 20px !important; height: 20px !important;}
.imagebox .bigs:before { color: #999; font-size: 50px; line-height: 38px; }
.imagebox .p_img { display: block; height: 44px; border-radius: 3px; overflow: hidden; }
.imagebox .p_img,i img { vertical-align: middle; }
.imagebox .del,.imagebox .del2 { margin-top: -10px; margin-left: -10px; position: absolute; left: 50%; top: 50%; }
.exfm .up { position: relative; margin-left: 5px; display: inline-block; }
.exfm .up input { opacity: 0; position: absolute; top: 0px; right: 0px; }
.post_from .err { box-shadow: inset 0px 0px 10px rgb(255, 0, 0); animation: errprompt .8s linear infinite alternate; -webkit-animation: errprompt .8s linear infinite alternate;} 
@keyframes errprompt { from {box-shadow: inset 0px 0px 10px rgb(255, 0, 0);}to {box-shadow: inset 0px 0px 5px rgba(253, 134, 134, 0);}}
@-webkit-keyframes errprompt {from {box-shadow: inset 0px 0px 10px rgb(255, 0, 0);}to {box-shadow: inset 0px 0px 5px rgba(253, 134, 134, 0);}}
.price em { padding-right: 10px; padding-left: 10px; }
input.un { border:none;}
.price input, input.un{ text-align: center; text-indent: 0; border-bottom-width: 1px !important; border-bottom-style: solid !important; border-bottom-color: #ddd !important; display: inline-block;  }
.calendar select { border-radius: 2px; display: inline-block; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; }

.ebox { display: none; }
.ebox.imagebox li { float: left; position: relative; margin: 5px; height: 44px; overflow: hidden; }
.ebox input[name=Filedata] { height: 50px; width: 50px; opacity: 0;}

.extra a { display: inline-block; }
.extra li a { width: 12.5%; text-align: center; margin-right: 0px !important; }
.ebox .tdlt { text-decoration: line-through; }

/**/
#editor, #activityjoin, #activityjoincancel{ position: fixed; bottom: 0px; width: 100%; z-index: 1; display: none; left: 0px; }
.ebox .smilies_nav { text-align: center; margin-bottom: 10px; }
.ebox .smilies_nav a { display: inline-block; padding-right: 8px; padding-left: 8px; }
.ebox .smilies_nav img { width: 30px; }
.ebox .smilie { margin: 10px; border: 1px solid #EBEBEB; border-radius: 3px; }
.ebox .smilie a { width: 12.5%; text-align: center; display: inline-block; }
.ebox .smilie a span { padding: 5px; display: block; }
.ebox .smilie a span img { max-width: 100%; }

/**/
.dialogbox {width: 90% !important; text-align: center;}
.dialogbox .title,.codebar .title { height: 44px; line-height: 44px; font-size: 16px; border-radius: 3px 3px 0 0; padding: 0 14px; background: #f8f8f8; text-align: left; }
.dialogbox .tip,.codebar .tip { border-radius: 3px; color: #555; border: 0px none #CCC; background: url() no-repeat #FFF; height: auto !important; overflow: hidden; margin: auto;text-align: left; }
.dialogbox .tip dt { padding: 10px; text-align: center; }
.dialogbox .tip dd {
border-radius: 0px 0px 3px 3px;
overflow: hidden;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #EBEBEB;
}

/*：━━*/
.codebar { display: none; position: fixed; top: 50%; z-index: 1; margin-top: -90px; margin-left: -132px; left: 50%; }
.codebar h3 { text-align: center; }
.codebar .sec_code { position: static; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 30px; padding-right: 15px; padding-bottom: 30px; padding-left: 15px; }
.codebar .sec_code .seccodeimg { width: 100px; height: 30px; border: 1px solid #FFF; }
.codebar .sec_code .txt{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: 15px; height: 30px; border: 1px solid #eee; }
.codebar .tip {width: auto;}
.prompt { animation: myprompt .08s linear infinite alternate; -webkit-animation: myprompt .08s linear infinite alternate; }
@keyframes myprompt { from {border: 1px solid #FFF;}to {border: 1px solid #F00;}}
@-webkit-keyframes myprompt {from {border: 1px solid #FFF;}to {border: 1px solid #F00;}}

/**/
.menulist :nth-child(1) i:before { color:#F37D7D;}
.menulist :nth-child(2) i:before { color:#10AEFF;}
.menulist :nth-child(3) i:before { color:#FF9900;}
.menulist :nth-child(4) i:before { color:#9DCA06;}
.menulist i:before { vertical-align: top; margin-right: 5px; line-height: 24px; }
.menulist a {color: #444 !important; font-size: 16px; display:block;}
.menulist em:before { color: #999; font-style: normal; font-family: 'ElegantIcons'; font-size: 24px; line-height: 26px; vertical-align: middle; content: attr(data-id); float: right; }
/*home*/
.profile .top { height: 160px; color:#FFF;}
.profile #position {height: 100%;}
.profile .return { float: left; margin-top: 10px; position: absolute; left: 0px; top: 0px; }
.profile .return i:before { font-size:32px; color: #FFF;}
.profile .top #avatarbar { margin: auto;  width: 100px; height: 100px; border-radius: 100%; padding: 3px; border: 1px solid #c8c7cc; overflow: hidden; }
.profile .top #avatarbar img { width: 100%; border-radius: 100%; vertical-align: middle; }
.profile .top .bgs { overflow: hidden; height: 160px; width: 100%; position: absolute; top: 0px; }
.profile .top .bgs img { width: 100%; text-align: center; vertical-align: middle; position: absolute; top: 0px; }
.profile .top .bgs .di { -webkit-filter: blur(10px); -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); }
.profile .tit dl b { display: inline-block; background-color: #00E0B4; padding-right: 3.5px; padding-left: 3.5px; font-weight: normal; color: #FFF; margin-right: 2px; font-size: 12px; line-height: 18px; height: 18px;}
.personal_nav_shop { overflow: hidden; margin-bottom: -5px; }
.personal_nav_shop i { color: #888; }
.personal_nav_shop .curr * { color: #4C4C4C; }
.personal_nav { width: 25%; box-sizing: border-box; -moz-box-sizing: border-box; margin-right: -1px; display: block; text-align: center; float: left; padding-top: 10px; padding-right: 0; padding-bottom: 5px; padding-left: 0; }
.profile h3 { font-size: 15px; }
.profile .nd { padding-bottom: 5px; }
.per_i { display: inline-block; background-repeat: no-repeat; background-position: center center; width: 18px; height: 18px; }
.cor12 { color: #9da3b2; }
.pf_l li { line-height: 30px; }
.pf_l li em { float: right; color: #4C4C4C; }
.integral .zf { border-left-width: 1px; border-left-style: solid; border-left-color: #EBEBEB; padding-right: 5px; padding-left: 5px; }
.stat li { float: left; width: 33.3%; }
.stat li em { padding-right: 10px; font-style: normal; color: #4E8EC2; }

#avat.s100 #avatarbar {width: 100px;height: 100px;}
#avat.s75 #avatarbar {width: 75px;height: 75px;}
#avat.s50 #avatarbar {width: 50px;height: 50px;}

#position.left #avat { position: absolute; left: 10px; bottom: 10px; }
#position.left .avatar { float: left; }
#position.left .user { position: absolute; bottom: 0px; float: left; padding-left: 10px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#position.left .user span { display: block; }
#position.left #avat.s100 .user { left: 110px; }
#position.left #avat.s75 .user { left: 85px; }
#position.left #avat.s50 .user { left: 60px; }

#position.right #avat { position: absolute; right: 10px; bottom: 10px; }
#position.right #avatarbar { float: right; }
#position.right .user { position: absolute; bottom: 0px; float: right; padding-right: 10px; text-align: right; white-space: nowrap;}
#position.right .user span { display: block; }
#position.right #avat.s100 .user { right: 110px; }
#position.right #avat.s75 .user { right: 85px; }
#position.right #avat.s50 .user { right: 60px; }
.fillet0,.fillet0 img {border-radius: 0px !important;}
.fillet5,.fillet5 img {border-radius: 5px !important;}
.fillet10,.fillet10 img {border-radius: 10px !important;}
.fillet25,.fillet25 img {border-radius: 25% !important;}
.fillet100,.fillet100 img {border-radius: 100% !important;}

/**/
.friend .px { height: 45px; margin: auto; }
.mtm { position: relative; }
.mtm:after { line-height: 38px; margin-right:5px; }
.mtm select{ margin-left:10px; border: 0px none #FFF; }
.poke .mbm ,.friend .mbm { overflow: hidden; vertical-align: middle; line-height:35px; height:35px; }
.friend .avatar,.poke .avatar { float:left; margin-right:10px; line-height:15px;}
.friend .avatar img, .poke .avatar img { height: 35px; width: 35px; }
.poke .list li { float: left; width: 50%; line-height: 25px; }
.poke .list li img {vertical-align: middle;}
.poke .list li input { margin-right: 5px; vertical-align: middle; }

.blog .message a img { max-width:100%;}
.blog .bloglist .ci span { margin-left: 8px; }
.blog .bloglist i:before { font-size: 14px; }
.blog .bloglist .content { overflow: hidden; color: #999; }
.blog .bloglist .atc { float: right; margin-top: 5px; margin-left: 5px; }
.blog .bloglist .atc .tn { max-height: 60px; padding: 1px; border: 1px solid #B0B0B0; }
.blog .bloglist h3.user { font-size: 16px; }
#click_div td { text-align: center; }

.albumlist li { float: left; width: 33.33%; padding: 6px; box-sizing: border-box; }
.albumlist li a { display: block; width: 100%; overflow: hidden; position: relative; border-radius: 3px; }
.albumlist li img { width: 100%; vertical-align: middle; }
.albumlist li .album_tit { display: block; width: 100%; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); text-align: center; color: #fff; height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.albumlist li .album_num { position: absolute; top: 5px; right: 5px; background: rgba(0, 0, 0, 0.3); height: 16px; line-height: 16px; padding: 0 5px; font-size: 12px; font-weight: 400; border-radius: 12px; }
.albumlist li i:before { font-size: 12px; margin-right: 3px; line-height: 12px; }
.albumlist li .album_num { color: #FFF; }
.album_view h3.title { font-size: 18px; font-weight: normal; }
.album_view h3 em { float: right; font-size: 14px; font-style: normal; line-height: 26px; }
.album_view .depict { padding-top: 7px; padding-bottom: 10px; }

.doing .ybk { padding-left: 45px; line-height: 25px; }
.doing .ybk .cl { margin-top: 0px; overflow: hidden; }
.doing .ybk .cl span { height: 20px; line-height: 20px; margin-left: 3px; }
.doing .ybk .cl a { color: #999; display: inline-block; font-size: 12px; }
.doing .ybk .cl a i:before { font-size: 16px; }
.doing .ybk .cmt.brm { border-radius: 3px; background: #F1F1F1; padding: 8px; position: relative; }
.doing .ybk .brm:before { content: ''; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #F1F1F1; position: absolute; left: 10px; top: -6px; }
.doing .ybk .cmt.brm li { background-color: transparent; border-bottom-width: 1px; border-bottom-style: none; border-bottom-color: #CCC; color: #777; }
.doing .ybk .cmt.brm li a { padding: 0px; color: #507daf; font-size: 14px; display: inline-block; }

#moodfm table { width: 100%; }
#moodfm table .poster-editor { border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC; padding: 2px; }
#moodfm table .moodfm_f { padding-top: 7px; color: #777; }
#moodfm table textarea { width: 100%; height: 50px; border: 0px none #FFF; outline: none; cursor: text; font-size: 14px; }
#moodfm .moodfm_btn .button { line-height: 56px; height: 56px; font-size: 18px; border-radius: 0px; padding: 0px; width: 60px; }
#moodfm .phiz b:before { font-size: 28px; line-height: 12px; margin-left: -5px; }
#moodfm #phizbox .smilie { position: absolute; left: 0; white-space: nowrap; }
#moodfm .hd { height: 23px; overflow-y: hidden; position: relative; width: 100%; overflow-x: scroll; webkit-overflow-scrolling: touch; white-space: nowrap; padding-top: 3px; padding-bottom: 7px; }
#moodfm .smilie { margin: 0px; }
#moodfm .smilie a { margin-right: 7px; }

/*bdsharebuttonbox*/
.bdsharebuttonbox { display: none; position: fixed; bottom: 0px; overflow: hidden; width: 100%; z-index: 1; }
.sharelist { overflow: hidden; padding-top: 10px; padding-bottom: 10px; }
.sharelist dt { float: left; width: 33.33%; text-align: center; padding-top: 5px; padding-bottom: 5px; }
.sharelist dt a { display: inline-block; float: none !important; height: 50px !important; width: 50px; margin: 0px !important; padding: 0px !important; background-image: url(../../images/share.png) !important; font-size: 13px !important;}
.sharelist dt a.bds_weixin { background-position: -57px top; }
.sharelist dt a.bds_sqq { background-position: -114px top; }
.sharelist dt a.bds_qzone { background-position: -228px top; }
.sharelist dt a.bds_tqq { background-position: -171px top; }
.sharelist dt a.bds_tsina { background-position: -285px top; }
.sharelist dt a.bds_more { background-position: -342px top; }
.bdshare_popup_box { display:none !important;}

.piclist li { float: left; width: 50%; }
.piclist li a { display: block; margin: 5px; overflow: hidden; border-radius: 3px; }
.piclist li a img { width: 100%; vertical-align: middle; }

/**/
.msgbox { overflow: hidden; }
.pm .head { position: fixed; width: 100%; top: 0px; z-index: 1; }
.msgbox .item { overflow: hidden; padding-top: 10px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
.msgbox .item .avat { border-radius: 50%; overflow: hidden; position: absolute; }
.msgbox .self_msg .avat { right: 10px; }
.msgbox .item .avat img { width: 40px; height: 40px; vertical-align: middle; }
.msgbox .item .dialog_c { background-color: #C1C1C1; border-radius: 4px; padding: 10px; position: relative; }
.msgbox .item .z .dialog_c:before { content: ''; width: 0; height: 0; border-top: 6px solid transparent; border-right: 6px solid #C1C1C1; border-bottom: 6px solid transparent; position: absolute; left: -5px; top: 13px; }
.msgbox .item .y .dialog_c:before { content: ''; width: 0; height: 0; border-top: 6px solid transparent; border-left: 6px solid #C1C1C1; border-bottom: 6px solid transparent; position: absolute; top: 13px; right: -5px; left: auto; }
.msgbox .item .avat.z { margin-right: 11px; }
.msgbox .item .avat.y { margin-left: 11px; }
.msgbox .item .time { font-size: 12px; }
.msgbox .item .y .time { text-align: right; }
.msgbox .item .dialog_green { margin-left: 50px; }
.msgbox .item .dialog_white { margin-right: 50px; }
.pmbox .avatar { width: 38px; display: inline-block; }
.pmbox .avatar img { width:38px;}

.pmform .reply { position: fixed; bottom: 0px; width: 100%; }
.pmform .reply .button { border-radius: 2px; min-width: 45px; width: 45px; }
.pmform .reply .edit { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; }
.pmform .reply .zyp { padding-right: 10px; padding-left: 10px; }
.pmform .reply .px { width: 100%; border-radius: 14px; height: 28px; text-indent: 8px; color: #666; border: 1px solid #ddd; background: #FFF; }
.pmform .reply .edit a { height: 30px; margin-left: -2px; color: #777; }
.pmform .reply .edit a i:before {line-height:28px; font-size:28px;}
.pmform #phizbox { overflow: hidden; }
.pmform .smilie { margin: 12px; border: 1px solid #EAEAEA; border-radius: 2px; }
.pmform .smilie a { width: 12.5%; text-align: center; display: inline-block; }
.pmform .smilie a span { padding: 5px; display: block; }
.pmform .smilies_nav { text-align: center; margin-bottom: 10px; }
.pmform .smilies_nav a { display: inline-block; padding-right: 8px; padding-left: 8px; }
.pmform .smilies_nav img { width: 30px; }
.pmform .smilie a span img { max-width: 100%; }

.spacecp .subnav { margin-top: 0px; }
.subnav a { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; position: relative; }
.subnav a .num { position: absolute; top: 1px; right: 0px; font-size: 10px; font-weight: normal; line-height: 12px; padding-right: 1px; padding-left: 1px; }
.subnav a.a {color: #4C4C4C; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #4C4C4C;}
.submenu{overflow: hidden;overflow-x: visible; height:30px;}
.submenu a { line-height: 30px; color: #999; padding-right: 8px; padding-left: 8px; }
.submenu a.a { color:#444;}

.creditl .nums { font-size: 38px; color: #444; font-weight: normal; text-align: center; }

.spacecp .tfm .cl { line-height: 44px; font-size: 15px; color: #888; height: auto; padding-right: 10px; padding-left: 10px; }
.spacecp .tfm .name { min-width: 70px; display: inline-block; }
.spacecp .tfm input { width: 100%; height: 25px; border: 0px none #CCC; font-size: 15px; }
.spacecp .tfm select { height: 28px; width: 100%;  border-radius: 2px; outline: none; border: 0px solid #CCC;}
.spacecp .tfm #birthyear,.spacecp .tfm #birthmonth,.spacecp .tfm #birthday { width: 30%; }
.spacecp .tfm #gender,.spacecp .tfm #bloodtype,.spacecp .tfm #education,.spacecp .tfm #idcardtype{ border: 0px solid #CCC;}
.spacecp .tfm #birthdistrictbox,.spacecp .tfm #residedistrictbox { line-height: 0px;  }
.spacecp .tfm textarea { border-radius: 2px; margin-top: 10px; height: 70px; margin-bottom:10px; }
.rq.mtn {height: auto;}
.spacecp .tfm #resideprovince {margin-top:8px;}

/**/
.loginbox .logo { text-align: center; padding: 20px; }
.loginbox .logo a {  display: inline-block; }
.loginbox .logo a img { width: 100px; border: 3px solid #CCC; border-radius: 50%; vertical-align: middle; }
.login_from li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ddd; margin-top: 10px; margin-right: 20px; margin-bottom: 10px; margin-left: 20px; padding-top: 10px; padding-bottom: 10px; }
.login_from li .name { margin-right:10px;}
.login_from li input { width:100%; border: 0px none #FFF; background-color: transparent; -webkit-box-shadow: 0 0 0px 24px #fff inset; font-size: 16px; }
.login_from li .login_select { position: relative; width: 100%; }
.login_from li select {border: 0px none #FFF; background-color:transparent; width: 100%;}

.ExpLogin { text-align: center; margin-top:15px; }
.ExpLogin a img { width:45px; height:45px;border-radius: 50%;}
.ExpLogin a {
	height:45px;
	display: inline-block;
	overflow: hidden;
	box-shadow: 0 0 0 0px rgba(0,0,0,.15) !important;
	margin: 5px;
}

.exptip { height: 10px; margin-bottom: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; margin-top: 5px; margin-right: 20px; margin-left: 20px; }
.exptip span { background-color: #fff; display: inline-block; padding-right: 10px; padding-left: 10px; }
.registerbox .name { min-width: 90px !important; text-align: justify; text-align-last: justify; display: inline-block; }
.searchform .search { padding:12px;background: #f3f3f3;}
.searchform .search dl{ border-radius: 3px 0 0 3px; background-color: #FFF; display: inline-block; padding-right: 5px; padding-left: 5px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #ddd; border-bottom-color: #ddd; border-left-color: #ddd; }
.searchform .search .select { position: relative; padding-right: 20px; }
.searchform .search_type { color: #999; background: none; height: 26px;line-height: 30px !important; }
.searchform .search .select:after {line-height: 30px;  }
.searchform .search select,.searchform .search input { border: 0px none #FFF; line-height: 34px; }
.searchform .search .input { border-left-width: 1px; border-left-style: solid; border-left-color: #ddd; border-radius: 0px; text-indent: 10px; width: 100%; line-height: 26px; height: 26px; margin-top: 5px; }
.searchform .search .button { border-radius: 0 3px 3px 0; line-height: 38px; height: 38px;}
#scbar_hot { margin-bottom: 0px; padding-right: 5px; padding-left: 5px; }
#scbar_hot a { border: 1px solid #CCC; background-color: #FFF; }
.searchform .search .input.si{text-indent: 5px;line-height: 22px;height: 22px;margin-top: 3px; margin-bottom:3px;}
.searchform .search .select.si:after {line-height: 24px;}
/**/
#click_div a { color: #666; display: inline-block; }
#click_div .avatar img { vertical-align: middle; width:38px; height:38px; }

/**/
.pren p { line-height: 28px; }

/**/
.votelist dl img { width: 100%; vertical-align: middle; }
.votelist dl input { vertical-align: top;}
.votelist .vbg { height: 16px; background-color: #E4E4E4; border-radius: 0px 10px 10px 0px; position: relative; font-size: 13px; }
.votelist label { height:16px; border-radius: 0px 10px 10px 0px; min-width:20px; display: inline-block; }
.votelist .vbg bb { position: absolute; left: 0px; top: 0px; width:100%; }
.votelist .vbg bb em { float: right;padding-right: 5px; }
.votelist #pollsubmit {}

.trdc { padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 3px; margin-top:5px; }
.trdc a { color:#FFF;}
.tradeitem { padding-top: 5px; padding-bottom: 5px; }
.tradeitem .z { position: relative; overflow: hidden; width: 90px; margin-right: 10px; }
.tradeitem .hot,.spvimg .hot { position: absolute; background-color: #ec2d2f; font-size: 12px; color: #FFF; transform: rotate(-9deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); left: -35px; top: 5px; text-align: center; display: inline-block; width: 100px; }
.price .h {color: #ec2d2f;}
.evenxu .tradeitem { border-top-width: 1px; border-top-style: dashed; border-top-color: #CCC; }
.evenxu .tradeitem:nth-of-type(1) { border:0px; }

.spvimg { position: relative; overflow: hidden; }
.spvimg .hot { left: -30px; top: 10px;}
.spvimg img { width: 100%; vertical-align: middle; }
.title_info .desc span {}

/**/
.buybottom { position: fixed; left: 0px; bottom: 0px; height: 45px; width: 100%; background-color: #FFF; }
.buybottom .si * { line-height: 16px; }
.buybottom .si a.b { border-left-width: 1px; border-left-style: solid; border-left-color: #CCC; }
.buybottom .si i {line-height: 25px;}

.buybottom .operation { background-color: #ec2d2f; float: right; line-height: 45px; height: 45px; }
.buybottom .operation .one-buy { min-width: 95px; color: #FFF; font-size: 17px; text-align: center; display: block; background: none; border: 0px none #CCC; line-height: 45px; }

a.curr.favorite i:before {content: attr(data-id2);}
.OrderSuccess { background-color: #c90e0e; color: #FFF; }
.OrderSuccess h3 { font-size: 20px; text-align: center; padding-top: 20px; padding-bottom: 20px; color: #FFF; }
.OrderSuccess .return i:before { font-size:28px;}
.OrderSuccess font {color: #FFF;}

.bk span.bg-f4 { min-width:80px;}
.userlist a { display: inline-block; }
.userlist a img { vertical-align: middle; width:38px; height:38px; }
.rewardbar { border: 1px dashed #E6DFCA; background-color: #FFFDEE; border-radius: 3px; }

/**/
.homefoot a { font-size: 16px; line-height: 38px; height: 38px; }
.homefoot a i:before { font-size: 18px; line-height: 18px; color: #F87882; }

.jdt { margin-top: 10px; margin-bottom:15px;}
.jdt .tit .square { text-align: left; color: #F90; }
.jdt .tit .opponent { text-align: right; color:#4FBBF5; }
.jdt .jd { background-color: #4FBBF5; height: 4px; margin-top: 10px; margin-bottom: 5px; }
.jdt .jd  b { background-color: #F90; float:left; height:4px; }
.mbn .mbc a { display: block; text-align: center; line-height: 35px; font-size: 15px; }
.mbn .square a{ background-color:#F90;}
.mbn .opponent a{background-color: #4FBBF5;}
.mbn .vs { font-size: 24px; color: #CCC; text-align: center; padding-right: 10px; padding-left: 10px; line-height: 35px; height: 35px; }

.dbresult { overflow: hidden; margin-top: 10px; margin-bottom: 10px; }
.dbresult .square{ float: left; width: 50%; border-right-width: 1px; border-right-style: dashed; border-right-color: #CCC; margin-right: -1px; }
.dbresult .square dl { padding-right:15px;}
.dbresult .opponent{ float: right; width: 50%; }
.dbresult .opponent dl { padding-left: 15px; text-align: right; }
.dbresult dl { min-height:80px;}
.dbresult .square .bg-f4 { margin-right:10px;border-radius: 3px;}
.dbresult .opponent .bg-f4 { margin-left:10px;border-radius: 3px;}
.dbresult .square a {color: #F90;}
.dbresult .opponent a {color: #4FBBF5;}
.dbresult .alist { padding-top: 3px; overflow: hidden; }
.dbresult .alist a { height:0px; padding-bottom:25%; width: 25%; overflow: hidden; float:left; }
.dbresult .alist a img { width:100%;}

.message { line-height: 25px; }
.display .message { font-size:15px; margin-top:10px; }
.display .message p {text-indent: 0px !important;}
.userinfo.itemlist .user .avatar img { width:48px; height:48px;}

/**/
.app { padding: 10px; }
.app dl.z { border: 1px solid #C33; border-radius: 5px; width:46px; }
.app img { width: 40px; vertical-align: top; margin: 2px; }

.toptab { overflow: hidden; text-align: center; }
.toptab a { position: relative !important; padding-right: 10px; padding-left: 10px; height: 36px; display: inline-block; color: #FFF; }
.toptab a.curr { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #FFF; color: #FFF !important; }

.subforumlist .group dl { min-height: auto; overflow: hidden; }
.groupicon img { vertical-align: top; border-radius: 2px; margin-right: 10px; }
.groupbox { overflow: hidden; min-height: 500px; }
.grouplist { width: 75%; position: relative;  }
.groupnav { width: 25%; min-width: 85px; position: relative; }
.groupnav dl { position: fixed; top: 44px; width: 25%; min-width: 85px; right: 0px; height: 100%; overflow: auto; }
.groupnav a { display: block; text-align: center; font-size: 16px; }
.groupnav a.curr { background-color: #FFF; }
.grouplist li .itembox { margin-top: 0px; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; }
.groupbox .subforumlist li a img {border-radius:2px;}

a.join { padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; font-size: 15px; border: 1px solid rgba(255,255,255,0.4);background: rgba(0,0,0,0.4);border-radius: 16px; }

.noxb a.curr { border: 0; }
.flexbox .upfile { position: relative; background: #f1f1f1; border-radius: 4px; height: 20px; width: 85px; text-align: center; }
.flexbox .upfile i:before { vertical-align: top; color: #999999; }
.flexbox .upfile i.curr:before {color: #4EBEFB;}
.flexbox .upfile input { position: absolute; height: 100%; width: 100%; z-index: 10; opacity: 0; right: 0px; top: 0px; }

.off, .on {position:relative;}
.off input.pr, .on input.pr { position: absolute; top: 0px; right: 0px; height: 25px; width: 45px;opacity: 0; }
.w40 { display: inline-block; width: 40px; text-align: center; float: left; }

.cl.min { line-height: 20px !important; font-size: 13px !important; padding-top: 10px; padding-bottom: 10px; }
.cl.min span {color: #F26C4F;}
.ajax.reward {width: 95%;}

.sticktop { max-height: 120px; overflow: hidden; }
.exp i:before { content: attr(data-id2);}

.announcement .icon { background-color: #ff9147 !important; }

/**/
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.lds-spinner {
  position: relative;
}
.lds-spinner div {
  left: 92px;
  top: 24px;
  position: absolute;
  -webkit-animation: lds-spinner linear 1s infinite;
  animation: lds-spinner linear 1s infinite;
  background: #ffffff;
  width: 16px;
  height: 40px;
  border-radius: 20%;
  -webkit-transform-origin: 8px 76px;
  transform-origin: 8px 76px;
}
.lds-spinner div:nth-child(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(2) {
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(3) {
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg);
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(4) {
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(5) {
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(6) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(7) {
  -webkit-transform: rotate(216deg);
  transform: rotate(216deg);
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(8) {
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg);
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(9) {
  -webkit-transform: rotate(288deg);
  transform: rotate(288deg);
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(10) {
  -webkit-transform: rotate(324deg);
  transform: rotate(324deg);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.lds-spinner {
  width: 50px !important;
  height: 50px !important;
  -webkit-transform: translate(-25px, -25px) scale(0.25) translate(25px, 25px);
  transform: translate(-25px, -25px) scale(0.25) translate(25px, 25px);
}