body, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, address, del, em, img, div 
strong, b, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, input,select,textarea
 thead, tr, th, td,header{margin:0;padding:0;border:0;outline: 0;font-family:'arial','microsoft yahei',Arial,Helvetica,serif;}
ol,ul,li{list-style:none;}
del{color: #d1d1d1;}
table{border-collapse:collapse;border-spacing:0;width: 100%;box-sizing:border-box;}
img{vertical-align:top;width: 100%;border: none;}
em,i{font-style:normal}
html,body{height: 100%; }
html{font-size: 100px;-webkit-text-size-adjust: none;}
body{word-break:break-all;-webkit-user-select:none;-webkit-text-size-adjust:none;width:100%;min-width:320px;overflow-x:hidden;}
a{text-decoration:none;outline:0;}
textarea{resize:none}
button{border:none;}
.form-group{margin-bottom: .5rem;}
.has-error .form-control{   border-color:none; }
.has-error .help-block{margin-top: 0;margin-bottom: 0;font-size: .6rem;}
#login-form .form-control {width: 12.5rem;height: auto;display: inline-block;}
#login-form .ofhide div {margin: 0;display: none;}
#login-form .ofhide .has-error {display: block;}
.summary{padding: .5rem;}
#form-signup .ofhide .has-error {display: block;}
#form-signup .ofhide div {margin: 0;display: none;}
.btn-success,.btn-success:hover{background:#c6010b;border-color: #c6010b; }
.empty{padding: .5rem;}
.p10{padding:0.25rem 0.5rem;overflow: hidden;}
.p20{padding:0.5rem;overflow: hidden;}
.cf:before,.cf:after {content:"";display:table;}
.cf:after { clear:both; }/* For IE 6/7 (trigger hasLayout) */
:focus{outline:0}
.clearfix:after{clear:both;content:"";display:block;height:0;visibility:hidden;line-height:0;font-size:1px}
.clearfix{*zoom:1;clear:both;}
.fl{float:left}
.fr{float:right}
.white{color:white}
.clffe22d {color:#ffe22d}




.wrap
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
	min-height: 100%; height: auto !important;height: 100%; position:relative;
}
/*==========================公共样式============================*/
#wrapper{font-size: .6rem;width: 100%;}
.anchor_information{padding:.5rem; position:relative; background-color:#fff}
.information_list{width:100%;}
.ms_avatar{width:2.0rem; height:2.0rem; background-color:#e3e3e3; border-radius:.5rem; margin-right:.350rem}
.ms_avatar img {background-color:#e3e3e3; border-radius:.5rem}
.ms_name{width:8.350rem}
.zb{float:left; width:100%;}
.top_grade_name{margin-top:.225rem; width:100%;}
.grade_pic{width:1.650rem; height:.75rem; margin-right:.25rem}
.username{font-size:.600rem; color:#555555}
.location {color:#888888; padding-top:.1rem}
.location img {width:.3rem; height:.450rem; margin-left:.25rem; margin-top:.192rem}
.online_users{width: 3.5rem;}
.number{ text-align:right; color:#ff9116;margin-top: .225rem; font-size:.6rem;margin-bottom:.1rem;width:100%}
.online{ text-align:right;font-size:.6rem; color:#888;width:100%}
.live{width:100%;}
.live img {height:16.0rem}
.footer{ width:100%;   position: fixed;z-index: 190;bottom: 0; background-color:#f8f8f8; padding:.2rem 0; border-top:1px solid #dcdcdc}
.button_img {margin:0 auto; width:2.800rem;}
.live_topic{float:left; width:100%; background-color:#fff; height:2.0rem; line-height:2.0rem; margin-bottom:.15rem}
.live_topic span {color:#888888; font-size:.525rem; margin-left:.5rem}
