html {line-height: 1.2}
body{ background-color: #fff;  color: #333333; font-size: 18px; position: relative;max-width: 750px;margin: 0 auto;}
/* 头部 标题 */
.top{ text-align: center; position: relative; padding: 25px 30px; height: 80px;box-shadow: 1px 0px 4px #eee;font-size: 28px;}
.back{ position: absolute; left: 20px; top: 25px; }
.back::before{ content: ''; background-image: url(../images/back.png); height: 30px; width: 16px; display: block; overflow: hidden;}

/* 预产期 */
.wrap_box{padding: 20px 20px 0;}
.wrap_box .section_box1{display: flex;justify-content: space-between;align-items: center;}
.wrap_box .section_box1 .inp_box{width:68%;}
.wrap_box .section_box1 .sel_box{width:30%;}
.jeinput{padding: 16px 20px !important;}
.jeinput,
.wrap_box .section_box1 .sel_box .sel{border-radius:10px !important; width: 100% !important;border: 1px solid #eee !important;font-size: 25px !important;color: #777 !important;}
.wrap_box .section_box1 .sel_box .sel{padding: 15px 20px;}
.wrap_box .section_box2{display: flex;justify-content: space-between;align-items: center;font-size: 25px;padding: 20px 0 0;}
.origo_box{display: flex;}
.origo_box .in_item{display: flex;flex-flow: row-reverse;align-items: center;margin-left: 10px;}
.origo_box .in_item label{padding-left: 5px;}
.origo_box .title{padding-right: 15px;}
.wrap_box .section_box2 .filter .btn{font-size:23px;border-radius:14px;border: 1px solid #eee;padding:6px 10px;background: #ff647c;color: #fff;}
.jedate .jedate-footbtn .btnscon span{background-color:#ff647c !important;}
.jedate .jedate-content .daystable td.action,
.jedate .jedate-content .daystable td.action:hover,
.jedate .jedate-content .daystable td.action .lunar{background-color: #ff647c !important;}
.jedate .jedate-content .daystable td.other,
.jedate .jedate-content .daystable td.other .nolunar,
.jedate .jedate-content .daystable td.other .lunar{color: #ff647c !important;}
.jedate .jedate-pane{width: 100% !important;max-width: 400px !important;height: 300px;}
.jedate .jedate-content .daystable{height: 100% !important;}
.jedate .jedate-content .daystable td{width: 41px !important;height: 36px !important;}
.jedate .jedate-footbtn .btnscon span,
.jedate .jedate-header .ymbtn,
.jedate .jedate-content .daystable th,
.jedate .jedate-content .daystable td .nolunar{font-size: 20px !important;}
.jedate .jedate-content .daystable th{width: 56px !important; height: 40px !important;}
.jedate .jedate-footbtn{height:55px !important;}
.jedate .jedate-footbtn .btnscon span{padding: 0px 10px !important;height:44px !important;line-height:44px !important;}
.jedate .jedate-content{height: 264px !important;}

/* 文章列表 */
.news{padding: 0 20px 20px 0}
.news .item_box .item:first-child{padding-top: 20px;}
.news .item_box .item{padding: 10px 0;}
.news .item_box .item .in_items{display:block;width: 100%;}
.news .item_box .item .in_items .num{width: 10%;float: left;font-size: 30px;padding-top: 60px;padding-left: 22px;}
.news .item_box .item .in_items .content_box{width: 88%;float: right;}
.news .item_box .item .in_items .content_box .boxs{display: flex;position: relative;justify-content: space-between;align-items: center;font-size:23px;}
.news .item_box .item .in_items .intro_box .info{display: flex;flex-wrap: wrap;}
.news .item_box .item .in_items .intro_box .info .info_item{width:45%;padding: 15px 0 0 0; white-space: nowrap;}
.news .item_box .item .in_items .content_box .boxs .img_box{width:22%;}
.news .item_box .item .in_items .content_box .boxs .intro_box{width:76%;}
.news .item_box .item .in_items .content_box .date{padding:15px 80px 0 80px;position: relative;font-size: 20px;min-height: 70px;}
.news .item_box .item .in_items .content_box .date .title{position: absolute;left: 0;}
.news .item_box .item .in_items .content_box .date .items{padding-bottom: 5px;color: #000000;}
.icon_box .icons{display: inline-block;}
.icon_box .icons img{width:125px;}
.icon_box{position: absolute;right:10px;z-index: 99;bottom: 10px;}

.wrap_box .img{width: 100%;}
/* 弹窗 */
.window_box{position: fixed;width: 100%;height: 100%;top:0;left: 0;z-index: 9999;display: flex;align-items: center;justify-content: center;display: none;}
.window_box .bgs{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, .5);}
.window_box #form{position: relative;z-index: 9;width:400px;background: #fff;padding: 30px;border-radius: 8px;}
.window_box #form .inp input{border:1px solid #ff647c;background: #fff;width: 100%;padding: 15px 20px;border-radius: 8px;font-size: 24px;}
.window_box #form .btn_box {padding-top: 15px;}
.window_box #form .btn_box .btn{width: 100%;background: #ff647c;color: #fff;padding: 15px 20px;border-radius: 8px;font-size: 24px;}
/* 弹窗 end */



/* banner图上阴影 图片文字 */
.top_img{position: relative;}
.top_img .logo_title{position: absolute;left: 0;bottom:0;height: 60px; width: 100%;background: rgba(0,0,0, .4);width: 100%;}
.top_img .logo_title img{margin: 10px 30px 5px 40px;}
.top_img .logo_title span{font-size: 20px; color: white; line-height: 60px;}

.youdian{width: 100%; height: 60px; border-bottom: 1px solid #eee; padding: 0 43px; margin-bottom: 10px; display: flex; justify-content: space-between; line-height: 60px; font-size: 20px; color: #9f9f9f; background: white;}
.youdian span img{vertical-align: text-top; margin-right: 5px;}

/* 底部 */
.foot{position: fixed;  z-index: 1000;max-width: 750px;bottom: 0; padding-bottom:5px; display: flex;width: 100%;left: 50%; transform: translate(-50%);justify-content: space-between; background: white; border-top: 5px solid #eee;}
.foot .item{padding:20px; width: 33.33%; font-size: 16px; font-weight: initial; text-align: center;}
.foot .item .icon{ font-size: 30px; margin-bottom: 5px;}
.foot .item.active{ color: #ff7e00;}
/* .foot a:nth-child(1){margin-left: 40px;border-right: 1px solid black;}
.foot a:nth-child(3){background: #ff7e00;}
.foot a:nth-child(3) img{width: 50px;height: 50px;} */


/* 公司介绍 */
/* .content{padding-bottom: 100px;} */

.synopsis{width: 96%; background: white;margin-left: 2%; font-size: 20px; padding:20px 10px;}
.synopsis div:nth-child(1){ border-left: 4px solid #fdb9c8;padding-left: 20px;}
.synopsis div:nth-child(2){margin: 20px 0;  min-height: 140px;}
.synopsis div:nth-child(3) span{vertical-align: sub;}
.synopsis div:nth-child(3) span img{width: 20px; height: 20px;}
.synopsis div:nth-child(3) span:nth-child(2){margin-left: 15px;}

.synopsis div:nth-child(4) {margin:20px 0;}
.synopsis div:nth-child(4) span{vertical-align: sub;}
.synopsis div:nth-child(4) span img{width: 25px; height: 25px;}
.synopsis div:nth-child(4) span:nth-child(2){margin-left: 10px;}

/* 公司环境 */
.ambient{width: 96%; background: white;margin:20px 2%; font-size: 20px; padding:20px 10px;}
.ambient .title {border-left: 4px solid #fdb9c8;padding-left: 20px;}
.ambient .ambient_img{ display: flex; flex-wrap: wrap; min-height: 300px; margin-left: 3%; margin: 0 -10px;padding: 20px 20px; }
.ambient .ambient_img .img {width: 33.33%; min-height:150px; margin-bottom: 20px; padding: 0 10px;}
.ambient .ambient_img .img img { width: 100%;}


.contract_box{ box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2); margin: 1em; background: #fff;}
.contract_title{ font-size: 1.6em; text-align: center; padding: .5em; background: #23262E; color: #fff;}
.contract_detail{ padding:  25px; line-height: 1.5; font-size: 15px;}
.contract_detail p{ margin-bottom: 1em;}
.contract_body{ max-width: 100%;}

.sign_box{ border-top: 1px solid #eee; padding: 15px; font-size: 1.6em; overflow: hidden; display: flex;}
.sign_box .label{ margin-bottom: 10px;}
.sign_box .item{ width: 50%; }
.sign_box .sing_show{ width: 200px; }
.button{ display: inline-block; padding: .4em 1.2em; background: #1E9FFF; color: #fff; border-radius: 3px; font-size: 1em;}
.button.danger{ background: #FF5722;}

.bg-gray{ background: #f2f3f2;}


.dialog{ z-index: 10; position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,.4);}
.dialog .dialog-box{ background: #fff; max-width: 90%; max-height: 90%; width: 500px; border-radius: 5px; padding: 15px;}
.dialog .dialog-box .dialog-title{ font-size: 18px; margin-bottom: 15px; text-align: center; overflow: hidden; }
.dialog .dialog-box .close_btn{ float: right;}
.dialog .dialog-box .sign_canvas{ display: flex; justify-content: center; }

.dialog .dialog-box .button-box{  margin-top: 15px; overflow: hidden; display: flex; justify-content: space-between;}

.rotate_wrap{ position: fixed; left: 0; top: 0; width: 0; height: 0; transform: rotate(90deg); }
.rotate_wrap_box{ position: absolute; z-index: 9; top: -100vw; left: 0;}

.sign_dialog{ position: fixed; z-index: 9; 
     font-size: 16px;
    /* width: 100%; height: 100%; */
    width: 100%; height: 100%; 
    /* top: -100vw; left: 0; */
}

.sign_dialog .dialog_title{ position: relative; padding: 15px 40px; text-align: center;}
.sign_dialog .dialog_title .left_btn{ position: absolute; left: 15px; top: 15px;}
.sign_dialog .dialog_body{ position: absolute; top: 50px; bottom: 50px; left: 0; width: 100%; background: #fff; width: 100%;}
.sign_dialog .dialog_footer{ padding: 15px; position: absolute; bottom: 0; left: 0; width: 100%; display: flex; justify-content: space-between;}

.share_wrap{ background: rgba(0, 0, 0, .9); position: fixed; z-index: 99; width: 100%; height: 100%; color: #fff; display: flex; justify-content: flex-end; align-items: flex-start;}
.share_wrap .share_box{ font-size: 50px; text-align: right; width: 60%;}
.download_btn{ text-align: center; padding: 1em; font-size: 1.8em;}

.copyright{ margin-bottom: 130px; text-align: center; font-size: 18px;}

.worker_page{ padding: 20px; }
.worker_page .user_info{ display: flex;}
.worker_page .user_info .cover > img{ width: 280px; overflow: hidden; border-radius: 15px; display: block; }
.worker_page .user_info .text{ font-size: 18px; padding: 5px 15px;}
.worker_page .user_info .name{ font-size: 30px; }
.worker_page .user_info .subtitle{ background: #ff647c; display: inline-block; color: #fff; padding: 5px 10px; font-size: 22px; border-radius: 5px; }
.worker_page .user_info .info_list{ display: flex; flex-wrap: wrap; margin-top: 10px; }
.worker_page .user_info .info_list .item{ width: 40%; white-space: nowrap; margin: 5px 0; }
.worker_page .user_info .info_list .item .fa{ margin-right: 5px;}
.worker_page .icon_bar{ width: 100%; margin-top: 15px; }
.worker_page .line{ background: #eee; height: 12px; margin: 15px -20px; }
.worker_page .row_title{ font-size: 26px; font-weight: bold; border-bottom: 6px solid #ff647c; display: inline-block; line-height: .4; margin: 15px 0;}
.worker_page .cert_list{ display: flex; flex-wrap: wrap; }
.worker_page .cert_list .item{ width: 50%; font-size: 22px; margin: 10px 0;}
.worker_page .cert_list .item .icon{ height: 1em; margin-right: 10px;}
.worker_page .photos_list_wrap{ overflow: hidden; border-radius: 15px; }
.worker_page .photos_list{ display: flex;  flex-wrap: wrap; margin: -5px; }
.worker_page .photos_list .item{ width: 33.33%; padding: 5px; display: none; }
.worker_page .photos_list .item:nth-child(1),
.worker_page .photos_list .item:nth-child(2),
.worker_page .photos_list .item:nth-child(3),
.worker_page .photos_list .item:nth-child(4),
.worker_page .photos_list .item:nth-child(5),
.worker_page .photos_list .item:nth-child(6){ display: block;}

.worker_page .show_more .photos_list .item{ display: block; }

.worker_page .more_btn{ display: block; text-align: center; margin-top: 20px; font-size: 24px; color: #ff647c; }
.worker_page .show_more .more_btn{ display: none;}

.footer_show{ position: fixed; bottom: 0; left: 0; right: 0; background: #fff; display: flex; justify-content: center; align-items: center; padding: 15px; border-top: 5px solid #eee;}
.footer_show .tell_btn{ background: #ff647c; color: #fff; padding: 10px 15px; font-size: 28px; border-radius: 8px;}
.footer_show .name{ font-size: 28px; font-weight: bold; color: #ff647c; margin-right: 30px;}