/*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{word-break: break-all; line-height:1.5;}
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{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: justify; 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; }/*使按钮文字不溢出*/
/*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;}
.boxFlex_w{-webkit-box-flex: 1;}
.padding_leftR{padding-left:1rem}

/* end Global */
/*加载提示样式*/
.loadingBox{
    height: 10rem;
    line-height: 10rem;
    text-align: center;
}
.loadingBox > 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;
}
/*placeholder*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit*/  
    color:    #999;  
}  
input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
    color:    #999;  
}  
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */  
    color:    #999;  
}  
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */  
    color:    #999;  
}
html,body,.wrapBox{
    width:100%;
    height:100%;
    padding:0px;
    margin:0px;
}
.wrapBox{
    position: relative;
}
/*头部样式*/
body {
    color: #333333;
    background: #ededf3;
    font-family: '微软雅黑';
    height: 100%;
}

#header{
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    position: fixed;
    top:0;
    left:0;
    z-index: 1000;
    background:#474a59;
}
#header .headerCon {
    height: 100%;
    padding: 0rem 0.8rem;
}
.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;
}
#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 .back {
    display: block;
    overflow: hidden;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../images/return_btn.png) no-repeat center center;
    background-size: contain;
    font-size: 0;
}
#header .title {
    color: #ffffff;
    font-size: 1.8rem;
    box-flex: 3;
    -webkit-box-flex: 3;
    text-align: center;
}
#header .right{
    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%;
    position: relative;
}
#header .add {
    display: block;
    overflow: hidden;
    font-size: 0rem;
    text-indent: -10rem;
    width: 1.5rem;
    height: 1.5rem;
    background: url("../images/right_add.png") no-repeat center center;
    background-size: contain;
}
#header .headMore {
    display: block;
    overflow: hidden;
    font-size: 0rem;
    text-indent: -10rem;
    width: 1.5rem;
    height: 1.5rem;
    background: url("../images/headMore.png") no-repeat center center;
    background-size: contain;
    vertical-align: middle;
    margin-right: 1.5rem;
}
.conBox{
    width:100%;
    position: absolute;
    top:4rem;
    bottom:5.5rem;
    -webkit-overflow-scrolling: touch;    
}
.conBox.nofooter{
    bottom:0;
}
.conBox .content{
    padding: 0rem 0rem 5.5rem 0rem;
}
#content{
    padding: 4rem 0rem 5.6rem 0rem;
}
#footer {
    position: fixed;
    width: 100%;
    height: 4.5rem;
    background: #fdfdfd;
    border-top: 1px solid #e3e3e3;
    bottom: 0rem;
    left: 0rem;
    color: #ffffff;
    z-index: 1000;
    box-shadow: 0px -1px 1px #f2f2f2;
    -webkit-box-shadow: 0px -1px 1px #f2f2f2;
}
#footer .footerCon {
    height: 100%;
    display: box;
    display: -webkit-box;
}
#footer .footerCon > li {
    box-flex: 1;
    -webkit-box-flex: 1;
    position: relative;
    padding: 0 0.5rem;
    position: relative;
}
#footer li.current a {
    color: #000;
}
#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;
    position: absolute;
    left: 50%;
    margin-left: -2.6rem;
}
#footer a {
    width: 5.2rem;
    height: 5.2rem;
    text-align: center;
    display: block;
    color: #86868a;
    font-size: 1.4rem;
}
#footer li span {
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    font-size: 0rem;
    overflow: hidden;
    text-indent: -10rem;
    margin-bottom: 0.2rem;
}

#footer .icon_gaiKong span{
    background: url("../images/footer_icon1.png") no-repeat center center;
    background-size: contain;
}
#footer .icon_gaiKong.current span{
    background: url("../images/footer_icon1Cur.png") no-repeat center center;
    background-size: contain;
}
#footer .icon_fenxi span{
    background: url("../images/footer_icon2.png") no-repeat center center;
    background-size: contain;
}
#footer .icon_fenxi.current span{
    background: url("../images/footer_icon2Cur.png") no-repeat center center;
    background-size: contain;
}
#footer li.current div{
    color: #42cd8d;
}

/* 公用的头部下拉菜单 */
.headerMenubox,.headerMenuboxMore{
    z-index: 2000;
    background: #000;
    opacity: 0.5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    right:0;
    top:3.3rem;
    height:0em;
    cursor: pointer;
  transition: height 0.2s linear 0s; /* Firefox 4 */
  -moz-transition: height 0.2s linear 0s;
  -webkit-transition: height 0.2s linear 0s; /* Safari and Chrome */
  -o-transition: height 0.2s linear 0s; /* Opera */
}
.headerMenu li{
    padding: 0.5rem 0;
    line-height: 2rem;
    border-bottom: 1px solid rgba(97,97,97,0.24);
}
.headerMenu li a{
    /* height:3.2rem;
    line-height:3.2rem;     */
    width: 10rem;
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;    
}
.headerMenu li:last-child a{
    border-bottom: none;
}
.headerMenu li .headerMenu-0,.headerMenu li .headerMenu-1,.headerMenu li .headerMenu-2,.headerMenu li .headerMenu-3,.headerMenu li .headerMenu-4{
    display: block;
    width:1.2rem;
    height:1.2rem;
    background: url("../images/headerMenu-1.png") no-repeat left center;
    background-size: contain;
    padding-right:0.5rem;
}
.headerMenu li .headerMenu-0{
    width: 1.3rem;
    height: 1.3rem;
    background: url("../images/headerMenu-00.png") no-repeat left center;
    background-size: contain;
    margin-top: 0.2rem;
}
.headerMenu li .headerMenu-2{
    background: url("../images/headerMenu-2.png") no-repeat left center;
    background-size: 80%;
}
.headerMenu li .headerMenu-3{
    width:1.5rem;
    height:1.5rem;
    background: url("../images/headerMenu-3.png") no-repeat left center;
    background-size: contain;
    font-size: 1rem;
    position: relative;
}
.headerMenu li .headerMenu-3 > span.showdate,#footer li span.showdate{
    position: absolute;
    top: -0.05rem;
    left: 0.1rem;
}
#footer li span.showdate{
    top: 0.5rem;
    left: 0.6em;
    width: auto;
    height: auto;
    display: inline-block;
    font-size: 1rem;
    text-indent: 0;
    margin-bottom: 0;
}
.headerMenu li .headerMenu-4{
    background: url("../images/headerMenu-4.png") no-repeat left center;
    background-size: contain;
}

/*空数据显示样式*/
.noDataBox{
    color: #666666;
    font-size: 20px;
    padding: 40px;
    text-align: center;
    background: #FFFFFF;
}

.ng-cloak{ display: none;}
.swiper-pagination-bullet{
    background: #e46a03 !important;
    opacity:.5 !important;
}
.swiper-pagination-bullet-active{
    background: #019f44 !important;
    transform:scale(1.5);
    transition:all 0.3s;
    opacity:1 !important;
}
#footer .gaikuang_current span{
    color:#24b673;
}
#footer .gaikuang_current div{
    color:#24b673;
}
#footer .fenxi_current span{
    color:#24b673;
}
#footer .fenxi_current div{
    color:#24b673;
}

.chat_dom{
    width:100%;
    max-height:100%;
	min-height: 10%;
}