/**通用样式*/
/* @charset "utf-8"; */
body{'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td {margin:0;padding:0;}
body,button,input,select,textarea {font:0.8rem/1rem 思源黑体;outline:none;}
address,cite,dfn,em,var,i {font-style:normal;}
ul,ol {list-style:none;}
*{margin:0;padding:0;}
view{margin:0 auto;padding:0;}
a{text-decoration:none;}
a:hover{}
img{border:0;}
@media( min-width:1080px){
  .main{width:980px!important;}
}
body{background-color: #ededed;}
/**按钮**/
/* 小边弧度 */
.smallButtonDiv{margin:1rem 5%;}
.smallButton_blue{color:#fff;display:block;margin:0 auto;border-radius:0.2rem;background:#13a8ea;text-align:center;font-size:1rem;height:2.5rem;line-height:2.5rem;}
.smallButton_blue:active{background:#0f96d2;}
/* 大边弧度 */
.ButtonDiv{margin:1rem 20%;}
.Button_blue{color:#fff;display:block;margin:0 auto;border-radius:2rem;background:#13a8ea;text-align:center;font-size:1rem;height:2.5rem;line-height:2.5rem;}
.Button_blue:active{background:#0f96d2;}
.Button_gray{color:#eee;display:block;margin:0 auto;border-radius:0.3rem;background:#a6a6a6;text-align:center;font-size:1rem;height:2.5rem;line-height:2.5rem;}
.Button_gray:active{background:#7d7d7d;}
.Button_red{color:#fff;display:block;margin:0 auto;border-radius:0.3rem;background:#d73d3d;text-align:center;font-size:1rem;height:2.5rem;line-height:2.5rem;}
.Button_red:active{background:#c02727;}
.Button_Orange{color:#fff;display:block;margin:0 auto;border-radius:0.3rem;background:#f29322;text-align:center;font-size:1rem;height:2.5rem;line-height:2.5rem;}
.Button_Orange:active{background:#d77c11;}
.Button_black{color:#ccc;display:block;margin:0 auto;border-radius:0.3rem;background:#000;text-align:center;font-size:1rem;height:2.5rem;line-height:2.5rem;}
.Button_black:active{background:#333;}
.Button_white{display:block;margin:0 auto;background:#fff;text-align:center;font-size:0.8rem;margin:2% 0;}
.Button_white:active{background:#0573cd;color:#fff;}
.Button_plain{color:#0573cd;display:inline-block;margin:0 auto;padding:0 2%;border-radius:1rem;background:#fff;text-align:center;font-size:0.8rem;height:1.8rem;line-height:1.8rem;border:1px solid #0573cd;}
.Button_plain:active{background:#0573cd;color:#fff;}
.white_bj_fff{background-color: #fff;}
.blue_bj_13a8ea{background-color: #13a8ea;}
.blue_bj_0b90ea{background-color: #0b90ea;}
.blue_bj_0573cd{background-color: #0573cd;}
.blue_bj_b8e5f9{background-color: #b8e5f9;}
.blue_bj_14d0bf{background-color: #14d0bf;}
.blue_bj_2fc2fb{background-color: #2fc2fb;}
.blue_bj_087bd2{background-color: #087bd2;}
.blue_bj_5dc6fb{background-color: #5dc6fb;}
.blue_bj_02b5fa{background-color: #02b5fa}
.blue_bj_e5f6fd{background-color: #e5f6fd}
.green_bj_57bf66{background-color: #57bf66;}
.green_bj_00ccba{background-color:#00ccba }
.green_bj_4cd39a{background-color:#4cd39a}
.green_bj_2da568{background-color:#2da568}
.green_bj_92e9f1{background-color:#92e9f1;border:1px solid #29ccdc }
.gray_bj_fbfbfb{background-color: #fbfbfb;}
.gray_bj_f7f8fa{background-color: #f7f8fa}
.red_bj_fe6666{background-color:#fe6666 ;}
.red_bj_fdebeb{background-color:#fdebeb ;}
.orange_bj_fe9933{background-color: #fe9933;}
.orange_bj_f7c9a9{background-color:#f7c9a9;border:1px solid #fc9d5b }
.yellow_bj_fbc74f{background-color: #fbc74f;}
.yellow_bj_f1f74d{background-color: #f1f74d;}
.yellow_bj_f1f74d{background-color:#ffe061}
.border-gray{border:1px solid #e5e5e5}
/*渐变背景*/
.jb_5cd891_41d09f{background-image: linear-gradient(to bottom,#5cd891,#41d09f);}
.jb_3fd0ed_27a0fe{background-image: linear-gradient(to bottom,#3fd0ed,#27a0fe);}
.jb_f8b675_fda061{background-image: linear-gradient(to bottom,#f8b675,#fda061);}
.jb_3fe1d6_10c8e4{background-image: linear-gradient(to bottom,#3fe1d6,#10c8e4);}
.jb_fe8395_fc668c{background-image: linear-gradient(to bottom,#fe8395,#fc668c);}
.red_text_f95d60{color: #f95d60;}
.red_text_fe6666{color: #fe6666;}
.red_text_f54547{color:#f54547 }
.red_text_f87fb3{color:#f87fb3 }
.blue_text_0573cd{color: #0573cd;}
.blue_text_30a8f2{color: #30a8f2;}
.blue_text_03c8d9{color:#03c8d9 }
.gray_text_666{color: #666;}
.gray_text_ccc{color: #ccc;}
.gray_text_999{color: #999;}
.gray_text_333{color: #333;}
.green_text_2fa124{color: #2fa124;}
.green_text_46a83e{color: #46a83e;}
.white_text_fff{color:#fff}
.orange_text_fe9933{color: #fe9933;}
/*粉色*/
.pink_text_f87ec3{color:#f87ec3 }
/**通用头部**/
.top{background:#fff;color:#666666;font-size:1.2rem;line-height:3rem;overflow:hidden;height:3rem;position:relative;}
.back_l{color:#666666;font-size:1rem;position:absolute;left:0;top:0;bottom:0;right:60%;text-align:left;}
.back_l i{float:left;display:block;width:1.2rem;height: 1rem;margin: 0.96rem 0 0 0.2rem;background:url(../img/style/back_l.png) no-repeat center;background-size:contain;}
.back_l_bai{color:#666666;font-size:1rem;position:absolute;left:0;top:0;bottom:0;right:60%;text-align:left;}
.back_l_bai i{float:left;display:block;width:1.2rem;height: 1rem;margin: 0.96rem 0 0 0.2rem;background:url(../img/style/back_l_bai.png) no-repeat center;background-size:contain;}

.top_title{top:0;left:30%;right:30%;bottom:0;font-size:1rem;position:absolute;text-align:center;}
.back_r{color:#666666;font-size:1rem;position:absolute;left:60%;top:0;bottom:0;right:0;text-align:right;}
.back_r i{float:right;display:block;width:1.2rem;height: 1rem;margin: 0.96rem 0.2rem 0 0 ;background:url(../img/style/back_r.png) no-repeat center;background-size:contain;}
.back_r_bai{color:#666666;font-size:1rem;position:absolute;left:60%;top:0;bottom:0;right:0;text-align:right;}
.back_r_bai i{float:right;display:block;width:1.2rem;height: 1rem;margin: 0.96rem 0.2rem 0 0 ;background:url(../img/style/back_r_bai.png) no-repeat center;background-size:contain;}
/**通用输入**/
.data_form{margin:0 5%;overflow: hidden;}
.data_form .item {color:#333;margin:0 1%;padding:4% 2%;min-width:90%;border-bottom:1px solid #e5e5e5;vertical-align:top;overflow: hidden;font-size: 0.9rem;}
.data_form .item .sign_field_explain{font-size: 13px; color: #0775EA}
.sign_field_explain{font-size: 13px; color: #0775EA}
.data_form .item text{/* line-height: 2rem; */background-color:#fff;text-align:right;padding-right:1.5%;margin-right:1.5%;font-size:1rem;}
.data_form .item text img{width: 1rem;vertical-align: -4px;}
.data_form .item .uni-input-text{display:inline-block;width:100%;vertical-align: middle;font-size:0.9rem;color:#333;border:none;outline:none;}
.data_form .item .uni-input-password{display:inline-block;width:100%;vertical-align: middle;padding:0 1%;font-size:0.9rem;color:#333;border:none;outline:none;}
.data_form .item .uni-input-checkbox{display:inline-block;height:1rem;padding:0 1%;font-size:0.9rem;color:#999;border:none;outline:none;vertical-align:middle;cursor:pointer;}
.data_form .item .uni-input-radio{display:inline-block;height:1rem;padding:0 1%;font-size:0.9rem;color:#999;border:none;outline:none;vertical-align:middle;cursor:pointer;}
.data_form .item select{width:70%;height:2rem;line-height:2rem;padding:0 1%;font-size:0.9rem;color:#333;background:inherit;outline:none;}
.data_form .item label{padding:0 1%;font-size:0.8rem;}
.data_form .item img{margin-right:2%;border:none;vertical-align:middle;outline:none;}
.data_form .item .yzm{width:60% !important;display: inline-block;padding: 3% 1%;vertical-align: middle;}
.data_form .item:-input-placeholder{color: #999;}
/*placeholder*/
::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999;
}
/* 空行 */
.blank_line{height: 3rem;}
/*p*/
/*下方新增*/
.indexAdd{width:60px;height: 60px;border-radius: 60px;background: url(../img/index/indexAdd.png) no-repeat; background-size: 100%;position: fixed; bottom: 5%;right: 0;left:0;margin: 0px auto;z-index: 10;}
/*上部日期切换*/
.calendar{ background-color: #fff; text-align: center;border-top:0.05rem solid #e1e1e1;padding:3% 0}
#msg{border:none; text-align: center;outline: none;color: #30a8f2; font-family: 思源黑体;font-size: 0.75rem; font-weight: bold;background: none;width: 40%;}
.jtBtu{ background: none; border: none; outline: none;/*zoom: 190%;*/color: #999999;}
.jtBtu:active{color:#30a8f2}
/*没有数据*/
.noDataShow{margin:30% 0px;text-align: center}
.noDataShow .noDataImg{width: 70%;margin: 3% auto;}
.noDataShow .noDataImg img{width: 100%;display: block}
.noDataShow .bottomNoData{color: #333;font-size: 1rem;margin-top:6%}
/*打卡状态*/
.punchStatus{position: absolute;right: 0;top:0px;width: 4rem;border-radius:0 0.3rem 0  0.3rem;line-height: 2rem;font-size: 0.7rem;padding:0 3%;text-align: center}
/*打卡状态*/
.punchStatus2{position: absolute;right: 0;top:40px;width: 4rem;border-radius:0 0.3rem 0  0.3rem;line-height: 1.2rem;font-size: 0.7rem;padding:0 3%;text-align: center}
/*提示说明*/
.classTitle{background-color: #f7f8fa;text-align: center;color: #666;border-radius: 0.6rem 0.6rem 0 0;padding: 5% 0}
.tipsImg{width: 60%;margin: 5% auto;}
.tipsImg img{width: 100%}
.tipsText{margin: 5% 10%;font-size:1rem;text-align: center}
/*添加摄氏度*/
.centigrade{position: absolute;left: 70%;top: 30%;color: #333}
/*标题*/
.classTitleName{background-color: #fff;font-size: 1rem ;text-align: center;color: #0573cd;padding: 5% 0;position: relative}
/* 字数限定 */
/* 一行 */
.contentdetails{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block !important;}
/* 二行 */
.contentdetailsTwo{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
  -webkit-line-clamp: 2;-webkit-box-orient: vertical;lines: 2;}
/* 三行 */
.contentdetailsThree{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
  -webkit-line-clamp: 3;-webkit-box-orient: vertical;lines: 3;}
/* 四行 */
.contentdetailsFour{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
  -webkit-line-clamp: 4;-webkit-box-orient: vertical;lines: 3;}
/* 六行 */
.contentdetailsSex{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
  -webkit-line-clamp: 6;-webkit-box-orient: vertical;lines:6;}
/*横线间距*/
.line_gray{height: 0.5rem;width: 100%;background-color: #f5f5f5}