
header, .bbgg {
    background: none repeat scroll 0 0 RGB(24,180,237);
    color: #fff;
    font-size: 16px;
}
header, footer {
    display: block;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    position: fixed;
    width: 100%; z-index: 100;
}
header {
	top:0;
}
footer {
   bottom: 0;
}
.bg {
	background:RGB(241,241,241);
}
.h50{
 height: 50px;
}
.l_h50{
line-height: 50px;
}
.b0{
 border:medium none !important
}
.p08{
 padding: 8px; display: block;
}
.p13{
 padding: 13px;
}
.h30{
 height: 30px;line-height: 30px;
}
.block{
display: block;}
.bord5{
border-radius: 5px;}
.center{
    text-align: center;}

/*----- button -----*/
.cancelBtn{border:1px solid #c5c8cb}
.cancelBtn{background:-webkit-gradient(linear,0% 0,0% 100%,from(#FFF),to(#f8f8f8));background:-moz-linear-gradient(0% 0 270deg,#FFF,#f8f8f8)}
.button2{margin-left:6px;border:1px solid #538d00;background:-webkit-gradient(linear,0% 0,0% 100%,from(#85c429),to(#67a809));background:-moz-linear-gradient(0% 0 270deg,#85c429,#67a809)}
.cancelBtn,.button2{display:inline-block;margin:0 0 0 7px;width:60px;height:30px;text-align:center;line-height:30px}
/*----- icon -----*/
.imgPageBtn {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    content: "";
    height: 16px;
    margin: 17px 0 10px 10px;
	transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 16px;
}
/*----- ͨ�� -----*/
.locked{
    border: 1px dashed #f00;
    padding: 10px;
}
.box {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    color: #333;
    margin: 10px 3%;
	float: left; width: 94%; height: 30px;
    text-align: center;
    text-shadow: none;  text-align: center;line-height: 30px;
}
.ft11{  font-size: 11px;}
.ft12{  font-size: 12px;}
.ft14{  font-size: 14px;}
.ft15{
  font-size: 15px;}
.f12{
    font-size: 12px;
}
.m_13-8{
    margin:13px 8px;
}
.coloh1{ color:RGB(207,211,207)}
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.E4E5E7 {
    background: none repeat scroll 0 0 #f3f3f3;
}
.p_010 {
    padding: 0 10px;
}
.p_005{
    padding: 0 5px;
}
.gray1 {
    color:RGB(99,98,98);
}
.bbder1{
border-bottom: 1px solid rgb(226, 224, 222);}
.btder1{
border-top: 1px solid rgb(226, 224, 222);}
.bder1{
border: 1px solid rgb(226, 224, 222);}
.bfb3{  width: 33.3333%;   float: left;
}
/*----- allshare -----*/	
.allshare li {
    border-right: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    display: block;
    float: left;
    width: 25%;
}
.allshare li a {
    background-image: url("../img/share.png");
    background-position: 0 100%;
    background-size: 500% auto;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 50px;
}
.allshare li em {
    color: #737373;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.bds_tsina {
    background-position: 0 0 !important;
}
.bds_tqq {
    background-position: -100% 0 !important;
}
.bds_qzone {
    background-position: -200% bottom !important;
}
.bds_wx {
    background-position: -300% 0 !important;
}
.bds_bd {
    background-position: -400% 0 !important;
}
.bds_taojianghu {
    background-position: -400% bottom !important;
}
.bds_copy {
    background-position: -300% bottom !important;
}
/*----- pop -----*/		   .tip dt {  box-sizing: content-box; } 
#messagetext{    color: #fff;    font-size: 22px;}
#messagetext .button{  display: none;}
#tip2,#tip1{bottom: -200px;}

.tip ,.tipedit{
    background: none repeat scroll 0 0 #000;
    box-shadow: 0 0 20px #000;
    color: #fff;
    box-sizing: content-box;
}
.tipedit {
    background-color: #efefef;
    border-radius: 2px;
    left: 0;
    padding: 0 0 10px;
    position: fixed;
    top: 0;
    width: 100%;
}
#oyeeh_sns{position:fixed;top:0;z-index:99;overflow:hidden;width:100%;background:none repeat scroll 0 0 rgba(0,0,0,0.6)}
.nobg {
    background: none !important;
}
.hide {display: none !important;
}
.popupbg{position:fixed;width:100%}

.bgf{background:#fff}


#oyeeh_sns ul.i{
position: relative;
}
#oyeeh_sns ul.i i {
border-bottom: 10px solid rgb(231, 236, 240);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    display: block;
    height: 0;
    position: absolute;
    top: -10px;
    width: 0;
}
/*----- header -----*/


header > .nav > span.iconfont_616{   height: 50px; text-align: center;
    line-height: 50px;  font-size: 30px;
    width: 50px;}


#selct-edit,#selct-more,#selct-user,#selct-catgory{
    background: RGB(231,236,240);
    border-radius: 10px;
    color: rgb(44, 44, 45);
    font-size: 15px;
    width: 200px;
}
#oyeeh_sns ul.i li {
    border-bottom: 1px solid RGB(223,221,223);
    padding: 14px;  text-align: center;
}

#selct-edit ul.i i,#selct-more  ul.i i{
    right: 15px;
}

#selct-user {
    border-radius: 3px;width: auto;
}
#selct-user ul.i i {
    left: 15px;
}
#selct-catgory{
width: auto;
}
#selct-catgory span {
    border-top: 1px solid rgb(81, 81, 82);
    display: block;
    float: left;
    padding: 1%;
    width: 33.3%;
}
#selct-catgory span a{
    border-right: 1px solid;
    display: block;
}
#selct-catgory span:nth-child(-1n+3){border-top:none;}
#selct-catgory span:nth-child(3n) a{border-right:none;}
.newremind {
    background-color: RGB(235,87,15);border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 17px;
    line-height: 17px;
    margin: 3px;
    padding: 0 5px;
}
.t-center {text-align: center;
    display: block;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    width: 50%;
}
.t-center li {
    background-color: RGB(70,195,241);
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    margin: 8px 0;
    color: RGB(3,148,202);
    width: 50%;
	  border-radius: 6px;
}

.t-center li.on {
    background-color: RGB(22,162,213);color: #fff;
}
.t-center li:first-child {
    border-radius: 6px 0 0 6px;
}
.t-center li:last-child {
    border-radius: 0 6px 6px 0;
}
#oyeeh_sns ul.i li:last-child,#forum_list li:last-child{
    border-bottom: none;
}
/*----- footer -----*/
footer li {
    border-top: 1px solid rgb(210, 210, 209);
    color: rgb(120, 120, 120);
    display: block;
    float: left;
    height: 50px;
    line-height: 12px;
    text-align: center;
    width: 33.3333%;  position: relative;
}
footer li.on {
    color: RGB(0,165,224);
}
footer .iconfont_616 {
    font-size: 22px;
    line-height: 30px; height:30px; display: block;
}
.i_two,.on .i_one{
    display: none;
}
.on .i_two{
    display: block;
}
/*----- bbsidnex -----*/		
#forum_list li,.boxlist li {
    border-bottom: 1px solid RGB(240,240,240);
    height: 55px;
    padding: 8px; line-height: 23px;
}
#forum_list .subject,#forum_list .distance,.boxlist .subject,.boxlist .distance{
    display: block;
    font-size: 16px;
    height: 23px;
	color:RGB(128,128,128); letter-spacing: 1px;
	    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#forum_list .distance,.boxlist .distance{
    font-size: 12px;
 color: RGB(210,210,210);
}

#forum_list .num{
   background-color: RGB(24,180,237); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    color: #fff;
    display: block;
    height: 20px;
    line-height: 15px;
    margin: 9px 0;
    overflow: hidden;
    padding: 0px 5px;
   border: 2px solid #fff;
    border-radius: 10px;
    color: #fff;
}
#forum_list .imgbg ,.boxlist .imgbg{
display: block;
    float: left;
    height: 38px;
    line-height: 38px;
    margin-right: 8px;
    text-align: center;
    width: 38px;
}
#forum_list .imgbg img,.boxlist .imgbg img{
vertical-align:middle;
max-height: 38px;max-width: 38px;
}

.avt_36 img{ border-radius: 18px;
vertical-align:middle;
max-height: 36px;max-width: 36px;
}
/*----- threadlist -----*/	
.threadlist{
	 margin-top: 10px;
       overflow: hidden;
    padding: 0 5px;
}
.threadlist li {
    background-color: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px #cacaca;
    margin-bottom: 8px;
    overflow: hidden;
}

.threadlist .ad{
    /*background-color: rgba(158, 229, 255, 0.52);*/
    background-color: rgba(251, 219, 160, 0.38);
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px #cacaca;
    margin-bottom: 8px;
}

.threadlist .messagelist{
 margin-top: 8px;color: rgb(76, 76, 76);font-size: 14px;
}
.threadlist .imglist {
    height: 90px;
    /*width: 20000px;*/
}
.threadlist .imglist img{
    margin-left: 4px;
    /*margin-top: 8px; */
    height: 90px; 
    width:90px;
}
.threadlist .top {
    display: block;
    margin: 0 13px 13px;
    overflow: hidden;
    padding-top: 13px;
    position: relative;
}
.threadlist .listnum{
  background-color: rgba(0, 0, 0, 0.52);
    bottom: 0;
    color: #fff;
    display: block;
    padding: 3px 8px;
    position: absolute;
    right: 0;
    font-size:11px;
}
.threadlist .title {
    display: block;
    /*font-size: 16px;
    height: 22px;
    line-height: 22px;*/
    font-size: 1.05em;
    height: 1.2em;
    line-height: 1.2em;
}

.threadlist .ad_title {
    display: block;
    /*font-size: 16px;
    line-height: 22px;*/
    font-size: 1.05em;
    line-height: 1.2em;
}

.threadlist .title img{  display: block;
    float: left;
}
.threadlist .bottom {
    border-top: 1px solid rgb(240, 240, 240);
    color: rgb(208, 207, 207);
    overflow: hidden;

    height: 30px;
    line-height: 14px;
}
.threadlist .bottom span.z {
 margin-right: 5px;
}


/*----- ҳ�� -----*/	
.pg, .pgb {min-height: 50px;
    line-height: 20px;
    padding: 10px; 
}
.pg a, .pg strong, .pgb a {
    background-color: #fff;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 2px;
    color: #9e9e9e;
    display: inline;
    float: left;
    height: 30px; line-height: 30px;
    margin-right: 6px;
    overflow: hidden;
    padding: 0 11px;
    text-decoration: none;
}
.pg strong {
    background-color: #203854;
    color: #fff;
    font-weight: 100;
}
.pg label {
  display: none;
}
.pg .nxt {
    height: 40px;
    line-height: 40px;
    margin: 10px 0;
    text-align: center;
    width: 100%;
}

/*----- 15305556623 -----*/	
.ti_title_icon ,.threadlist i.title em, .threadlist i.ad_title em{ 
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 20px;
    letter-spacing: 20px;
    line-height: 21px;
    margin-right: 10px;
    overflow: hidden;
    padding: 0 5px;
    position: relative;
    width: 22px;background-color: RGB(69,151,221);
}

.ti_title_icon_ad{
    border-radius: 2px;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 22px;
    letter-spacing: 20px;
    line-height: 21px;
    margin-right: 10px;
    overflow: hidden;
    padding: 0 5px;
    position: relative;
    width: 22px;background-color: #CB1E1E;
}

.threadlist i.title em, .threadlist i.ad_title em {
    background-color:RGB(255,169,3);
    font-size: 0;
    height: 18px;
    letter-spacing: 0;
    line-height: 18px;
    margin-top: 2px;
    width: auto;
}
.threadlist i.title em a,.threadlist i.ad_title em a{ 
    font-size: 12px;color: #fff;
}
.ti_icon_pin{
background-color:RGB(70,195,241);
}
.ti_icon_digest{
background-color:#DD9745;
}

/*----- forumdisplay -----*/	
.sub_forumicon{margin: 8px; width: 60px; height: 60px;
background-position: center center; background-repeat: no-repeat;  border-radius: 8px;}
.sub_title_oyc
{    line-height: 30px; padding: 8px 8px 0;}
.sub_title_oyc i{
    font-size: 16px;
}

.sub_title_oyc em.y {
    background-color: rgb(235, 234, 234);
    border-radius: 3px;
    color: rgb(125, 123, 123);
    height: 26px;
    line-height: 26px;
    padding: 0 5px;margin-top: 3px;
}
.sub_title_oyc .rule{
    font-size: 14px; line-height: 15px; color: rgb(94, 94, 94);
}

/*----- view -----*/	
.postlist .cm_comments{
    line-height: 18px;
margin-left: 47px;}
.psta {
float: left;
 width: auto;
overflow: hidden;
}
.psti {
    margin-left: 60px;   color: rgb(91, 90, 90);
    overflow: hidden;
}
.pstl {
clear: left;
padding: 0.5em 0;border-top: 1px solid rgb(229, 227, 227);
}
.otherview li{
 width: auto; color: rgb(97, 98, 98);
overflow: hidden;
}





.postinput{
    margin-left: 44px;
    margin-right: 60px;
}
#fastpostmessage,.inputmessage {
    border: 1px solid rgb(207, 211, 217);
    height: 34px;
    padding: 0 5px;
    width: 100%;
}
.fastpostform {
    /*background-color: rgb(239, 238, 238);
    border: 1px solid rgb(207, 211, 217);
    border-radius: 5px;
    */
    background-color: #19b4ed;
    bottom: 0;
    display: block;
    height: 50px;
    line-height: 34px;
    overflow: hidden;
    padding: 8px;
    position: fixed;
    width: 100%;
    z-index: 200;
}
.fastpostform .z,.fastpost .z {
    background-color: #fff;
    border-radius: 17px;
}
.fastpostform .z,.fastpostform .y ,.fastpost .z{
    text-align: center;
    width: 34px;
}
.fastpostform .y,.button4 {
    background-color: RGB(31,126,186);

    width: 52px;
}
/*----- ͨ�� -----*/	
.button3 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 34px;
    margin: 0;
    padding: 0;
    width: 52px;
}



.userinfo2 {
 width: 100%;   text-align: center;
}
.userinfo2 span {
    height: 80px;
}
.userinfo2 .bfb3 em{color:RGB(24,180,237);
font-size: 30px; line-height: 30px;
}
.userinfo2 span a {
    border-right: 1px solid RGB(97,95,95);
    height: 54px;
    margin: 13px 0;
}
i.d.y{
    height: 76px;
    line-height: 76px; color: rgb(124, 128, 135);
width: 24px;
}

.iconli {
    line-height: 33px;
    padding: 8px 5px 8px 13px;
}
.iconli i.d.y{
    height: 33px;
    line-height: 33px;
}
.iconli i.d.z {
    background-color: #333;
    border-radius: 3px; color: #fff;
}
i.d.z{
font-size: 26px; text-align: center; width: 33px; margin-right: 13px;
}

/*----- ���� -----*/	

.oldforum th {
    color: #394b59;
    display: block;
    float: left;
    padding-right: 10px;
    text-align: right;
    width: 80px;       min-height: 35px;
    line-height: 35px;
}
.oldforum tr {
    border-bottom: 1px solid #9f9f9f;
    display: block;
    min-height: 50px;
    padding: 5px 0;
}




.portalplist.subs {
    background-color: #f8f8f8;
}
.portalplist li {
    float: left;
    overflow: hidden;
    padding: 5px 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 20%;
}
.portalplist li.a a {
    border-bottom: 3px solid #ff621c;
}




/* user_all_list */
.user_all_list li span.z img{  
width: 36px;
}

.user_all_list li .list_c {
    display: block;
    padding-left: 49px;
}
.user_all_list li .list_c a.y {
    background-color: #666666;
    border-radius: 3px;
    color: #fff;   margin-top: 8px;
    display: block;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
}

/* flw */
.flw_image {
    display: block;
    max-height: 200px;
    width: 100%;
}

.flw_image img {
    float: left;
    margin-right: 1%;
    max-width: 24%;  max-height: 180px;
}
.flw_image_1 img {
    margin-right: 10px;
    max-width: 100%;
}
.flw_attach{
    background-color:#f4f4f4;
    margin: 5px 0;
    padding: 5px;
}
.flw_attach span{
float: right;
}
/* pm */
.msgbox{  overflow: hidden;
}
.friend_msg .date {

margin-left: 45px;
    width: 100%;
}
.self_msg .date {
margin-right: 45px;
    width: 100%;
}
.pm_box {
    background: none repeat scroll 0 0 #fff;
    border-radius: 15px;
    margin-left: 10px;
    position: relative; padding: 10px;
}
.pm_box:after {
	top: 0%;
	content: " ";
	position: absolute;
	pointer-events: none;
}
.pm_box.z:after {
	left: 0%;
border: 0 solid transparent; border-bottom:10px solid #fff;-moz-border-radius:0 0 0 10px;-webkit-border-radius:0 0 0 15px;border-radius:0 0 0 15px;width:15px;height:15px;
}
.pm_box.y {
    background: none repeat scroll 0 0 RGB(172,217,248);
margin-right: 10px;
    margin-left: 0px;color: rgb(78, 171, 248);
}

.pm_box.y:after {
	right: 0%;
border: 0 solid transparent; border-bottom:10px solid RGB(172,217,248);-moz-border-radius:0 0 10px 0 ;-webkit-border-radius:0 0 15px 0 ;border-radius:0 0 15px 0;width:15px;height:15px;
}

.message {
	word-wrap: break-word; 
word-break: normal; 
line-height: 28px; 
}

.typeoption table {border:0;width:100%}
.typeoption tr{border-bottom:1px solid #DDD}
.typeoption th{width:16%;min-width: 80px;}
.typeoption caption{background:#F2F2F2;border: 1px solid #DDDDDD;border-left:0;border-right:0;font-size: 14px;font-weight: 700;padding:5px;}
.typeoption th,.typeoption td{padding:5px;}

.h_threadlist {    vertical-align: top; }
.h_threadlist_title {height: 44px;line-height: 22px;font-size: 16px;display: block;}

.em_6 {background-color:#ff9900 !important}
.em_7 {background-color:#009688 !important}
.em_9 {background-color:#a281ce !important}
.em_10 {background-color:#e91e63 !important}
.em_11 {background-color:#0f65a9 !important}
.em_14 {background-color:#4597dd !important}
.em_16 {background-color:#f44336 !important}
.em_17 {background-color:#4caf50 !important} 
.em_97 {background-color:#8bc34a !important}
.em_98 {background-color:#ffc107 !important}
.em_99 {background-color:#ff5722 !important}
.em_100 {background-color:#607d8b !important}
.em_101 {background-color:#795548 !important}
.em_102 {background-color:#9e9e9e !important}
.em_110 {background-color:#00bcd4 !important}

.em_130 {background-color:#4caf50 !important}
.em_131 {background-color:#00bcd4 !important}
.em_132 {background-color:#ff5722 !important}

.em_55 {background-color:#4caf50 !important}
.em_62 {background-color:#00bcd4 !important}
.em_108 {background-color:#ff5722 !important}

.em_58 {background-color:#4caf50 !important}
.em_60 {background-color:#00bcd4 !important}
.em_123 {background-color:#ff5722 !important} 

.em_140 {background-color:#009688 !important}
.em_141 {background-color:#a281ce !important}
.em_142 {background-color:#e91e63 !important}
.em_143 {background-color:#4597dd !important}
.em_144 {background-color:#f44336 !important}
.em_145 {background-color:#0f65a9 !important}
.em_146 {background-color:#ff9900 !important}

.em_37 {background-color:#ffc107 !important}
.em_39 {background-color:#ff5722 !important}
.em_40 {background-color:#607d8b !important}
.em_42 {background-color:#795548 !important}
.em_43 {background-color:#9e9e9e !important}
.em_45 {background-color:#00bcd4 !important}


.em_19 {background-color:#ff9900 !important}
.em_20 {background-color:#009688 !important}
.em_23 {background-color:#a281ce !important}
.em_24 {background-color:#e91e63 !important}
.em_26 {background-color:#0f65a9 !important}
.em_27 {background-color:#4597dd !important}
.em_28 {background-color:#f44336 !important}
.em_30 {background-color:#4caf50 !important} 
.em_113 {background-color:#8bc34a !important}

.em_114 {background-color:#009688 !important}
.em_115 {background-color:#a281ce !important}
.em_116 {background-color:#e91e63 !important}
.em_117 {background-color:#4597dd !important}
.em_118 {background-color:#f44336 !important}

.em_120 {background-color:#4caf50 !important}
.em_119 {background-color:#00bcd4 !important}
.em_124 {background-color:#ff5722 !important}

.em_122 {background-color:#4caf50 !important}
.em_121 {background-color:#00bcd4 !important} 

/*
#relatedarticle .pic{width:95px;}
#relatedarticle .title{white-space: normal;FONT-SIZE: 1.2em;}
#relatedarticle .withpic{height:105px;}
#relatedarticle .nopic{height:auto;}
#relatedarticle table{border-bottom:1px solid #eee;margin:5px 0; width:100%;}*/

.portal_d_a{font-size:1em;padding-top:5px;} 

@media (max-width:410px){
	.threadlist .bottom span.z{font-size:13px}
	.portal_d_a{font-size:13px;padding-top:5px;}
}

