@charset "utf-8";

*{ padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
html{ overflow-x: hidden; }
html, body{width:100%;height:100% !important;}
body{ font: 14px/1.5 "Microsoft YaHei", italic arial,sans-serif; background-color: #F5F5F5; }
h1, h2, h3, h4, h5, h6{ font-weight: normal; font-size: 100%; font: 16px/1.5 "Microsoft YaHei", italic arial,sans-serif; }
li{ list-style: none; }
a{ cursor: pointer; text-decoration: none; }
img{ margin: 0; padding: 0; /*max-width: 100%; max-height: 100%; display: block;*/ }
em, i{ font-style: normal; }
table { border-collapse:collapse; border-spacing:0; }
input, select, textarea{ border: 0 none; outline:none; resize: none; vertical-align:middle; font: 14px/1.5 "Microsoft YaHei", italic arial,sans-serif; }

.lf{ float: left; }
.rg{ float: right; }
/**clear float**/
.clearfix{
    display:block; zoom:1;
}
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.disable{ background-color: #ccc; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #BBBBBB;
    opacity: 1;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #BBBBBB;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #BBBBBB;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #BBBBBB;
}

.displayflex{display: -webkit-flex;
  display: -moz-flex;
  display: -o-flex;
  display: -ms-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flexbox;
  display: flex;}
 .flex{-moz-flex: 1;
  -webkit-flex: 1;
  -webkit-box-flex:1;
  -o-flex: 1;
  -ms-flex: 1;
  flex: 1;}
  
.c-position{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
/* 单行文本溢出 */
.inaline{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/* 多行文本溢出 */
.intwoline{
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.topshow:before{content:'';height: 1px;background: #D4D4D4;transform: scaleY(0.5);position: absolute;
    top: 0;
    left: 0;
    right: 0}
.bottomshow:after{content:'';height: 1px;background: #D4D4D4;transform: scaleY(0.5);position: absolute;
    bottom: 0;
    left: 0;
    right: 0}
.radius-1{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.radius-3{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.radius-5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.radius-10{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.radius-50{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.emptybox{position:fixed;top:0;left:0;height:100%;width:100%;background:#fff;}
.empty{position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);}
.empty .img{text-align:center;}
.empty .img img{width:106px;}
.empty .text{color:#666666;font-size:14px;text-align:center;margin-top:15px;}
    
    
.line{ position: relative; }
.line:after{ position: absolute; bottom: 0px; left: 0; right: 0; height: 1px; border-top: 1px solid #dcdcdc; content: ''; -webkit-transform: scaleY(.5); }

header{ background-color: #24C789; color: #fff; position: fixed; text-align: center; height: 50px; padding: 10px; line-height: 30px; font-size: 16px; width:100%;z-index:10;}
.header2{background:#fff;color:#333333;}
.headBack{ position: absolute; left: 10px; top: 0; color: #fff; display: block; width: 30px; height: 50px; background: url(../images/leftback.png) no-repeat center;background-size:45%; }
.header2 .headBack{ background: url(../images/leftback2.png) no-repeat center;background-size:45%; }
.container{height:100%;}
.headright{position:absolute;height:50px;right:0;font-size:15px;right:10px;top:0;line-height:50px;}

/*轻松周报列表页*/
.weeklylist-warp .typelist{background:#fff;padding:25px 4%;position:relative;margin-bottom:10px;}
.weeklylist-warp .typelist .icon{width:50px;height:50px;margin-right:15px;}
.weeklylist-warp .typelist .icon img{width:100%;height:100%;}
.weeklylist-warp .typelist .nr .topic{color:#333333;font-size:16px;line-height:20px;}
.weeklylist-warp .typelist .nr ul{overflow:hidden;}
.weeklylist-warp .typelist .nr ul li{float:left;width:50%;color:#666666;font-size:14px;margin-top:10px;}
.weeklylist-warp .typelist .rightgo{width:6px;height:12px;background:url(../images/rightgo.png) no-repeat center;position:absolute;right:4%;top:50%;background-size:6px 12px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
/*轻松周报表格统计页面*/
.tongji-warp{padding-top:66px;}
.tongji-warp .first-row{overflow:hidden;background:#fff;padding:10px 4%;position:fixed;top:50px;left:0;width:100%;z-index: 10;}
.tongji-warp .first-row .lf{width:36px;height:36px;background:#FBA56C;color:#fff;font-size:12px;text-align:center;line-height:36px;}
.tongji-warp .first-row .rg{background:#24C789;width:70px;height:30px;color:#fff;line-height:30px;text-align:center;font-size:16px;}
.tongji-warp .table{background:#fff;}
.tongji-warp .table-thead{overflow:hidden;position:relative;padding:0 4%;}
.tongji-warp .table-thead span{float:left;width:23%;line-height:50px;height:50px;font-size:16px;color:#999999;font-weight: normal;text-align:center;position:relative;}
.tongji-warp .table-thead .selected{color:#24C789;}
.tongji-warp .table-thead .selected:after{content:'';height: 3px;width:45px;background: #24C789;transform: scaleY(0.5);position: absolute;bottom: 0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);}
.tongji-warp .table-thead span:first-child{width:8%;}
.tongji-warp .table-thead span:nth-child(2){color:#333333;}
.tongji-warp .table-tbody li{height:70px;position:relative;padding:0 4%;}
.tongji-warp .table-tbody li span{float:left;width:23%;line-height:50px;height:50px;font-size:15px;color:#666666;font-weight: normal;text-align:center;line-height:70px;}
.tongji-warp .table-tbody li span:first-child{width:8%;position:relative;height:70px;}
.tongji-warp .table-tbody li span:first-child i{width:18px;height:18px;color:#343439;line-height:18px;text-align:center;font-size:12px;}
.tongji-warp .table-tbody li:first-child span:first-child i{background:#FFE35B;}
.tongji-warp .table-tbody li:nth-child(2) span:first-child i{background:#C7D4E4;}
.tongji-warp .table-tbody li:nth-child(3) span:first-child i{background:#FBA56C;}
/*轻松办应用页面*/
.qsb-warp .banner img{width:100%;}
.qsb-warp .topic{font-size:16px;color:#333333;margin:20px 0 10px 0;padding:0 4%;}
.qsb-warp ul{overflow:hidden;background:#fff;padding:20px 3% 0 3%;}
.qsb-warp .shouqi{height:240px;}
.qsb-warp ul li{float:left;width:25%;margin-bottom:20px;}
.qsb-warp ul li .icon{width:100%;text-align:center;}
.qsb-warp ul li .icon img{width:60px;height:60px;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;overflow:hidden;}
.qsb-warp ul li .text{color:#666666;font-size:14px;text-align:center;margin-top:0.5rem;line-height:16px;}
.qsb-warp .more{background:#fff;position:relative;text-align:center;padding:0.94rem 0;}
.qsb-warp .more span{color:#128BCA;}
.qsb-warp .more span img{width:15px;height:8px;margin-left:3px;}
/*二维码弹框*/
.wind-box{position:fixed;width:100%;height:100%;top:0;left:0;z-index:10;display:none;}
.wind-box .bg-opacity{width:100%;height:100%;background:#333;opacity:0.5;}
.wind-box .wind-nr{background:#fff;padding:16px;width:76%;}
.wind-nr .close-btn{width:26px;height:26px;background:url(../images/close.png) no-repeat center;background-size:13px 13px;position:absolute;right:8px;top:8px;}
.wind-nr .topic{font-size:19px;color:#585858;font-weight:bold;text-align:center;}
.wind-nr .text{color:#666666;font-size:15px;text-align:center;margin-top:10px;}
.wind-nr .img{text-align:center;margin:20px 0;}
.wind-nr .img img{width:75%;}
.wind-nr .tip{font-size:14px;color:#585858;text-align:center;}







.searchleftbg:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #888;
    opacity: 1;  
}

.searchleftbg::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #888;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #888;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #888;
}







@media only screen and (max-width: 320px){.addperson-warp ul li{float:left;padding:20px 1.3% 0 1.3%;}}
@media only screen and (min-width: 320px) and (max-width: 352px){.addperson-warp ul li{float:left;padding:20px 1.8% 0 1.8%;}}
@media only screen and (min-width: 352px) and (max-width: 384px){.addperson-warp ul li{float:left;padding:20px 1.4% 0 1.3%;}}
@media only screen and (min-width: 384px) and (max-width: 416px){.addperson-warp ul li{float:left;padding:20px 0.8% 0 0.8%;}}
@media only screen and (min-width: 416px) and (max-width: 448px){.addperson-warp ul li{float:left;padding:20px 0.8% 0 0.8%;}}