/*reset: 重设外观 */
html{ font-size: 62.5%;}
a{ text-decoration:none; color:#333333;}
body,div,q,iframe,form,
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}
img,fieldset{border: none 0;}
body,td,textarea,p,span,a{word-break: normal; line-height:1.8;}
body,input,textarea,select,button{margin: 0; font-size: 1.2rem; font-family: "微软雅黑";}
div,p,table,th,td{  font-family:inherit; line-height:inherit;}
td,a{word-wrap:break-word; word-break:break-all;}
ul,dl,li{list-style: none outside;}
em,i,u,q,s,dl,caption{ font-style: normal; font-weight: normal; text-decoration: none; }
p{text-align: left; text-justify: inter-ideograph; margin-top:0em; margin-bottom:1em;}
textarea {line-height:1.4;}
label{display:block;}
* html textarea,*+html textarea {overflow:auto; overflow-x: hidden; }/*使多行文本框不显示默认的竖向滚动条*/
* html iframe, * html frame {overflow:auto; }/*使浮动窗口不显示默认的竖向滚动条*/
* html input {overflow: hidden; }/*使按钮文字不溢出*/
input[type=button], input[type=submit], input[type=file], input[type=text], button { cursor: pointer; -webkit-appearance: none; }
/*end reset*/

/*Global:常用样式*/
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.clearfix{display: block; display: table; *display: inline-block; _height: 1%;}
.clearfix:after {content:'\20'; display:block; clear:both;}
.clearself{ overflow:hidden; _overflow:visible; _height:1%;}
.inline-block{display:inline-block;*zoom: 1;*display: inline;vertical-align:middle;overflow:hidden;}
.justify{ text-align: justify; text-justify: inter-ideograph;}
.clear{font-size:0;height:0;line-height:0;overflow:hidden;clear:both;}
/* end Global */

/*公用样式*/
body{
    color:#333333;
    background:#efeff3;
    font-family:'微软雅黑';
    padding-left: constant(safe-area-inset-left);
    padding-left: env(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right);
    padding-right: env(safe-area-inset-right);
}
.disBox{
    display: box;
    display:-webkit-box;

    box-orient:horizontal;
    -webkit-box-orient:horizontal;

    box-align:center;
    -webkit-box-align:center;

    box-pack:center;
    -webkit-box-pack:center;
}
.hide{display: none!important;}
/*头部样式*/
#header{
    height:4rem;
    background: #272727;
    width:100%;
    position: fixed;
    z-index: 1000;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}
#header .headerCon{ height:100%;padding:0rem 0.4rem;}
#header .left{
    box-flex:1;
    -webkit-box-flex:1;

    display: box;
    display:-webkit-box;

    box-pack:center;
    -webkit-box-pack:center;

    box-orient:vertical;
    -webkit-box-orient:vertical;

    box-align:start;
    -webkit-box-align:start;

    height:100%;
}

#header .right-login ,#header .right-rili{
    box-flex:1;
    -webkit-box-flex:1;

    display: box;
    display:-webkit-box;
    box-pack:end;
    -webkit-box-pack: end;
    box-orient:horizontal;
    -webkit-box-orient: horizontal;
    box-align:center;
    -webkit-box-align: center;
    height:100%;
}
#header .right{
    box-flex:1;
    -webkit-box-flex:1;

    display: box;
    display:-webkit-box;

    box-pack:center;
    -webkit-box-pack:center;

    box-orient:vertical;
    -webkit-box-orient:vertical;

    box-align:end;
    -webkit-box-align:end;

    height:100%;
}
#header .left > a,#header .right > a{ width:3rem; height:3rem; display: block; text-indent: -9999px; -webkit-tap-highlight-color:transparent;}
#header .title{
    box-flex:3;
    color: #ffffff;
    font-size: 1.8rem;
    box-flex:3;
    -webkit-box-flex:3;
    text-align: center;
    padding-top:0.3rem;
}
#header .left>a{text-indent:-20rem;font-size:0;overflow: hidden;}
#header .back{display:block;overflow:hidden;width:3rem;height:3rem;background:url(../images/h_return.png) no-repeat center center;background-size:80%;text-indent:-20rem;font-size:0;}
#header .add{ display: block; overflow: hidden; font-size: 0rem; text-indent: -10rem; width:3rem; height: 3rem; background: url("../images/addIcon.png") no-repeat center center; background-size: 50%;}
#header .add.bgno{background:none;}
#header .ewm{ display: block; overflow: hidden; font-size: 0rem; text-indent: -10rem; width:3rem; height: 3rem; background: url("../images/ewmbgtop.png") no-repeat center center; background-size: contain;}
#header .openList{
    display: block;
    overflow: hidden;
    font-size: 0rem;
    text-indent: -10rem;
    width:3rem; height: 3rem;
    background: url("../images/y_listicon.png") no-repeat center center;
    background-size: contain;
}
#header .add.dianIcion{
    width:2rem;
    height:2rem;
    background: url("../images/dianIcon.png") no-repeat center center; 
    background-size: contain;
}

/*页面尾部*/
#footer{
    position:fixed;
    height:5.6rem;
    background: #282828;
    width:100%;
    bottom:0rem;
    left:0rem;
    color:#ffffff;
    z-index: 1000;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}
#footer .footerCon{ height: 100%;}
#footer .footerCon > li{
    width: 20%;
    box-flex:1;
    -webkit-box-flex:1;
    height:100%;
    position:relative;
}
#footer .footerCon > li.none{
    display: none;
}
#footer .footerCon > li > a{
    display: box;
    display:-webkit-box;

    box-pack:center;
    -webkit-box-pack:center;

    box-orient:vertical;
    -webkit-box-orient:vertical;

    box-align:center;
    -webkit-box-align:center;
    padding-top:0.2rem;
}
#footer a{height:100%; width:100%; text-align: center;  display: block; color: #ffffff; font-size: 1.4rem; }
#footer li > i{
    min-width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    line-height: 1.5rem;
    /*font-size: 1.4rem;*/
    font-size: 1rem;
    /*-webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -o-transform:scale(0.8);
    -ms-transform:scale(0.8);
    transform:scale(0.8);*/
    border-radius: 0.75rem;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: 1.3rem;
    top: 0.5rem;
    padding:0rem 0.4rem;
    font-family: sans-serif;
    box-sizing: border-box;
    background: #e13b29;
    color: #fff;
}
#footer li.current/* ,#footer a:hover*/{ background: #1681e1;}
#footer li span{ width:2.2rem; height:2.2rem; display: block;  font-size: 0rem; overflow: hidden; text-indent: -10rem; }
#footer .icon_group span{
    background: url("../images/groups_icon.png") no-repeat center center;
    background-size: contain;
}
#footer .icon_js span{
    background: url("../images/footerIcon01_new.png") no-repeat center center;
    background-size: contain;
}
#footer .icon_xx  span{
    background: url("../images/footerIcon02_new.png") no-repeat center center;
    background-size: contain;
}
#footer .icon_zl  span{
    background: url("../images/footerIcon03_new.png") no-repeat center center;
     background-size: contain;
 }
#footer .icon_wk  span{
    background: url("../images/weikeLogo1.png") no-repeat center center;
    background-size: contain;
}
#footer .icon_wd  span{
    background: url("../images/y_iconhd_new.png") no-repeat center center;
    background-size: contain;
}
#footer .icon_zl_1  span{
    background: url("../images/y_iconzl_new.png") no-repeat center center;
    background-size: contain;
}
#footer .icon_hd  span{
    width: 2.9rem;
    background: url("../images/footerIcon04_new.png") no-repeat center center;
    background-size: contain;
}
#footer .icon_my  span{
    background: url("../images/footerIcon05_new.png") no-repeat center center;
    background-size: contain;
}
#footer .icon_fd  span{
    width: 2.5rem;
    background: url("../images/fd.png") no-repeat center center;
    background-size: contain;
 }
#footer li > i.myNumber {
    margin-left: 0.7rem;
    display: none;
}
#content ,#alert{ padding:4rem 0rem 5.6rem 0rem;}

/*朋友圈和我的时间线发布的说说限制显示10行，全文和收起的效果*/
div.lineH2{
    line-height: 2;
}
div.ellipsisSayCon{
    overflow: hidden;
    height: 260px;
    padding-bottom: 0rem;
    text-overflow:ellipsis;
    /*display: -webkit-box; 解决文字重叠问题
    -webkit-box-orient: vertical;
    -webkit-line-clamp:10;*/
    text-align: left;
    margin-bottom: 0.5rem;
    line-height: 2;
}
.sayCon > .word.ellipsisSayCon{padding-bottom: 0rem;}
div.lookAllBoxDiv{
    text-align: left;
    padding-bottom:0.5rem;
    color:#3a98ed;
    display: none;
    cursor: pointer;
}
div.lookAllBoxDiv span{
    display: block;
    width:3rem;
}

/*2015-12-23 add*/
/*加载更多*/
.mInfoLoad,.mInfoLoads{ height:5rem; line-height: 5rem; text-align: center;}
.mInfoLoad > span{
    width:1.5rem;
    height:1.5rem;
    margin-right:0.5rem;
    display: inline-block;
    vertical-align: middle;
    background: url("../images/grey-loading.gif") no-repeat center center;
    background-size: contain;
}

/*空数据显示样式*/
.noDataBox{
    color: #666666;
    font-size: 20px;
    padding: 40px;
    text-align: center;
    background: #FFFFFF;
}
.loadingInfoBox{
    position: fixed;
    width:100%;
    height:100%;
    opacity: 0.8;
    background: #000000;
    z-index: 4000;
    top:0rem;
    left:0rem;
}
.loadingInfoBox .loadingInfo{
    text-align: center;
    padding: 1rem 2rem;
    width: 16rem;
    border-radius: 0.4rem;
    background: #ffffff;
    margin: 0 auto;
}
.pl1{ padding-left:0.5rem; }
img.face{ vertical-align: middle;}
.link_other {
    width:50%;
    float: left;
    text-align:center;
    padding:1.6rem 0rem;
}
.link_other:first-child,.link_other.firstLink{
    width:80%;
    display: block;
    margin:0 auto;
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    padding: 10px;
    background: #1681e1;
    border-radius: 0.4rem;
    float: none;
}


/*导师等级样式添加*/
.tList dl dd.name span.levelTbg11{ display: inline-block; width:35px; height:11px; background: url(../images/levelbg.png) no-repeat left top; margin:0px 5px; vertical-align: middle; padding-left:0rem;}
.tList dl dd.name span.levelTbg12{ display: inline-block; width:37px; height:11px; background: url(../images/levelbg.png) no-repeat -47px top; margin:0px 5px; vertical-align: middle; padding-left:0rem;}
.tList dl dd.name span.levelTbg13{ display: inline-block; width:38px; height:11px; background: url(../images/levelbg.png) no-repeat -99px top; margin:0px 5px; vertical-align: middle; padding-left:0rem;}
.tList dl dd.name span.levelTbg31{ display: inline-block; width:35px; height:11px; background: url(../images/levelbg.png) no-repeat left -24px; margin:0px 5px; vertical-align: middle; padding-left:0rem;}
.tList dl dd.name span.levelTbg32{ display: inline-block; width:37px; height:11px; background: url(../images/levelbg.png) no-repeat -47px -24px; margin:0px 5px; vertical-align: middle; padding-left:0rem;}
.tList dl dd.name span.levelTbg33{ display: inline-block; width:38px; height:11px; background: url(../images/levelbg.png) no-repeat -99px -24px; margin:0px 5px; vertical-align: middle; padding-left:0rem;}
.tList dl dd.name span.levelTbg41{ display: inline-block; width:35px; height:11px; background: url(../images/levelbg.png) no-repeat left bottom; margin:0px 5px; vertical-align: middle; padding-left:0rem;}
.tList dl dd.name span.levelTbg42{ display: inline-block; width:37px; height:11px; background: url(../images/levelbg.png) no-repeat -47px bottom; margin:0px 5px; vertical-align: middle; padding-left:0rem;}
.tList dl dd.name span.levelTbg43{ display: inline-block; width:38px; height:11px; background: url(../images/levelbg.png) no-repeat -99px bottom; margin:0px 5px; vertical-align: middle; padding-left:0rem;}


/*推荐关注页面*/
.namebox span.levelTbg11{ display: inline-block; width:35px; height:11px; background: url(../images/levelbg.png) no-repeat left top; margin:0px 1px; vertical-align: middle; padding-left:0rem;}
.namebox span.levelTbg12{ display: inline-block; width:37px; height:11px; background: url(../images/levelbg.png) no-repeat -47px top; margin:0px 1px; vertical-align: middle; padding-left:0rem;}
.namebox span.levelTbg13{ display: inline-block; width:38px; height:11px; background: url(../images/levelbg.png) no-repeat -99px top; margin:0px 1px; vertical-align: middle; padding-left:0rem;}
.namebox span.levelTbg31{ display: inline-block; width:35px; height:11px; background: url(../images/levelbg.png) no-repeat left -24px; margin:0px 1px; vertical-align: middle; padding-left:0rem;}
.namebox span.levelTbg32{ display: inline-block; width:37px; height:11px; background: url(../images/levelbg.png) no-repeat -47px -24px; margin:0px 1px; vertical-align: middle; padding-left:0rem;}
.namebox span.levelTbg33{ display: inline-block; width:38px; height:11px; background: url(../images/levelbg.png) no-repeat -99px -24px; margin:0px 1px; vertical-align: middle; padding-left:0rem;}
.namebox span.levelTbg41{ display: inline-block; width:35px; height:11px; background: url(../images/levelbg.png) no-repeat left bottom; margin:0px 1px; vertical-align: middle; padding-left:0rem;}
.namebox span.levelTbg42{ display: inline-block; width:37px; height:11px; background: url(../images/levelbg.png) no-repeat -47px bottom; margin:0px 1px; vertical-align: middle; padding-left:0rem;}
.namebox span.levelTbg43{ display: inline-block; width:38px; height:11px; background: url(../images/levelbg.png) no-repeat -99px bottom; margin:0px 1px; vertical-align: middle; padding-left:0rem;}

/*二维码页面样式添加*/
.inAppBrowserWrap {
    background-color: rgba(0,0,0,0.75);
    color: rgba(235,235,235,1.0);
}
.inAppBrowserWrap menu {
    overflow: auto;
    list-style-type: none;
    padding-left: 0;
}
.inAppBrowserWrap menu li {
    font-size: 25px;
    height: 25px;
    float: left;
    margin: 0 10px;
    padding: 3px 10px;
    text-decoration: none;
    color: #ccc;
    display: block;
    background: rgba(30,30,30,0.50);
}
.inAppBrowserWrap menu li.disabled {
    color: #777;
}

/* 朋友圈强制填写昵称的样式 */
.alertNameBox .nameInput{
    width: 60%;
    height: 2.3rem;
    line-height: 2.3rem;
    margin-left: 10px;
}
.alertNameBox .nameDiv{
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 30px;
}
.alertNameBox{
    height: 260px;
    width: 80%;
    background: #ffffff;
    position: fixed;
    left: 10%;
    border: 1px solid #CCCCCC;
    z-index: 50;
    top: 20%;
}
a.link_other:first-child.disLinkBtn{
    background: #999999;
    color: #fff;
}
a.link_other.disLinkBtn{
    color:#999999;
}
#header div.left.left.horLayout{
    box-orient:horizontal;
    -webkit-box-orient:horizontal;
}
/*专栏问答文字溢出的共用样式*/
.c-questInfo-con>div *,.user-Comment .Comment *,.c-questInfo-con>a *,.content_comment .askContent *,.zl-InfoBox .info-con *{
    word-wrap: break-word!important;
    word-break: normal!important;
    white-space: pre-wrap!important;
    max-width: 100%!important;
}

/*关于问答、专栏、朋友圈最多3行，超过则显示...*/
.ellipsisTxt{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: left;
}
.ellipsisTxt-Friends{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}
.fontSizeBigger{
    font-size:1.3rem;
}
.colorGray{
    color: #999999;
}
.dia_shadow_box{
    background: #000000 none repeat scroll 0 0;
    filter: alpha(opacity=50);
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 22;
}