﻿@charset "utf-8";

@import url("common.css");

/* 医疗服务 */

.am-banner{margin: 0.3rem;overflow: hidden;position: relative}

.ab-banner{margin: 0.52rem 0.55rem;}

.am-banner img{display: block;width: 100%;border-radius: 0.2rem;}

.am-banner .pag.swiper-pagination-horizontal{bottom:6px;}

.am-banner .pag span{background: rgba(157,67,136,0.6);opacity: 1;}

.am-banner .pag span.swiper-pagination-bullet-active{background: rgba(68,13,99)}

.am-header,.am-common div.flex-start{padding:0.1rem 0.24rem 0.3rem;}

.am-header a,.am-common a{color: #444;text-align: center;flex-shrink: 0;width: 1.28rem;font-size: 0.26rem;}

.am-header a img{display: block;width: 100%;margin: auto;}
.am-common div.flex-start{flex-wrap: wrap;padding-bottom: 0;justify-content: flex-start;padding-left: 0;padding-right: 4px;}
.am-common a{flex:0 0 25%;padding-bottom: 0.3rem;}
.am-common a img{display: block;width: 1.28rem;}
.am-common h2{padding: 0.24rem 0 0.2rem 0.28rem;}
.am-common h2.btw{display: flex;justify-content: space-between;align-items: center;}
.am-common h2.btw a{padding:0;font-weight: normal;color: #999;}

.am-common a img{display: block;margin: 0 auto 0.1rem;}

.am-common a:last-child{width: auto;}

.am-common.am-2{margin-bottom: 1.6rem;}

.SelectB{width: 100%;height: 100vh;position: fixed;left: 0;top: 0;z-index: 22;display: none;}
.SelectB .bg{width:100%;height: 100vh;background: rgba(0,0,0,0.6);position: fixed;z-index: 1;}
.SelectB .Box{width: 100%;height: 100vh;display: flex;}
.SelectB .con{margin: auto;background: #fff;border-radius: 0.2rem;padding: 0.3rem;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;z-index: 2;width: 5.6rem;}
.SelectB .con h3{font-size:0.34rem;color: #666;margin-bottom: 0.3rem;}
.SelectB .con .list{display: flex;justify-content: space-between;align-items: center;flex-direction: column;}
.SelectB .con .list a{position: relative;flex-shrink: 0;width: 5rem;margin-bottom: 0.3rem;}
.SelectB .con .list a:last-child{margin-bottom: 0;}
.SelectB .con .list a img{display:block;width: 100%;}
.SelectB .con .list a span{display:block;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,0.3);font-size: 0.34rem;color: #fff;position: absolute;left: 0;top: 0;z-index: 2;}
.SelectB .guanbi{position:absolute;top: 0.35rem;right: 0.3rem;text-align: center;}
.SelectB .guanbi span{display:inline-block;width: 0.45rem;height: 0.45rem;background: url(../img/close.png) no-repeat;background-size: 100%;}

.am-swiper{border-top:1px solid #eee;overflow: hidden;padding-bottom: 0.7em;position: relative;}
.am-swiper .list{border-radius: 0.1rem;margin-bottom: 0.2rem;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0.3rem 0.3rem 0 0.3rem;position: relative;}
.am-swiper .list .title{font-size: 0.3rem;color: #333;line-height: 0.36rem;text-align: left;}
.am-swiper .list .bot{font-size: 0.2rem;color: #9e9e9e;}
.am-swiper .list .bot .r{padding-left: 0.3rem;background: url(../img/icon-eye.png) no-repeat left center;background-size: 0.24rem 0.24rem;}
.am-swiper .list .left{flex-shrink: 0;width: 3.5rem;}
.am-swiper .list .left .title{padding-top: 0.1rem;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align: left;}
.am-swiper .list .left .bot{width: 2.85rem;position: absolute;bottom: 0.18rem;left: 0.3rem;}
.am-swiper .list .list_img{flex-shrink: 0;width: 2.68rem;border-radius: 0.2rem;height: 1.64rem;}
.am-swiper .list.on .title{color:#A04087;}
.am-swiper .pag{bottom:5px !important;}
.am-swiper .pag .swiper-pagination-bullet-active{background: rgba(68,13,99,0.7) !important;}

.am-1 a img{width: 0.7rem;}

.am-2 a img{width: 0.58rem;}

.am-2 a:last-child{color: #ccc;font-size: 0.2rem;}

.am-2 a:last-child img{margin-bottom: 0.05rem;}


/*科室简介*/

.aboutArc{padding: 0.38rem 0 0.55rem;}
.aboutArc h1{padding:0 0.3rem;font-size: 0.4rem !important;}

.aboutArc .date{text-align: center;margin: 0.15rem 0 0.4rem;}

.aboutArc .audio{margin-bottom: 0.52rem;}

.aboutArc .audio audio{width: 6.4rem;}

img.aboutTimg{display: block;margin: auto;width: 5rem;}

.aboutArc p{font-size: 0.25rem;color: #666;line-height: 2;margin: 0.3rem;text-align: justify;text-indent: 2em}
.aboutArc p,.aboutArc p *{font-size:17px;line-height: 1.8;}

.aboutArc img{display: block;border-radius: 0.2rem;max-width:100%; margin:auto;height: auto;}

/*名医团队*/

.team{padding: 0.42rem 0.42rem 2rem 0.42rem;/*column-count: 2;*/display: flex;justify-content: space-between;flex-wrap: wrap;}
.team-list{flex-shrink: 0;width: 3.18rem;margin-bottom: 0.34rem;background: #fff;border-radius: 0.1rem;padding-bottom: 0.36rem;border: 0.5px solid #E1E1E1;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);/*break-inside: avoid;*/display: block;}
.team-list:nth-of-type(1){width:6.66rem;display: flex;flex-direction: row;align-items: flex-start;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0.3rem;position: relative;}

.team-list .pic{width: 100%;border-radius: 0.1rem;height: 3.75rem;overflow: hidden;}
.team-list:nth-of-type(1) .pic{height: auto;flex-shrink: 0;width: 45%;}
.team-list:nth-of-type(1) .name{position:absolute;left: 49%;top: 0.6rem;padding-top: 0;}
.team-list:nth-of-type(1) .smname{padding-left: 3.2%;padding-top: 14%;text-align: left;font-size: 0.26rem;line-height: 1.6;}
.team-list img{width: 100%;display: block;}

.team-list .name{display: flex;align-items: center;justify-content: center;font-size: 0.28rem;color: #777;padding: 0.3rem 0 0.15rem;}

.team-list .name b{font-size: 0.32rem;color: #333;margin-right: 0.1rem;}

.team-list .smname{font-size: 0.2rem;color: #999;text-align: center;}

.team-list.on{background: #884F94;}

.team-list.on .name,.team-list.on .name b{color: #fff;}

.team-list.on .smname{color: #DBDBDB;}

/*医生详情页*/

.team_arc img{display: block;width: 4rem;margin: 0.6rem auto 0.46rem;border-radius: 0.1rem;}

.team_arc h2{font-size: 0.4rem;color: #333;text-align: center;}

.team_arc .zc{font-size: 17px;color: #666;text-align: left;padding: 0.3rem 0 0.38rem;margin: 0 0.45rem;border-bottom: 0.01rem solid #DDD;font-family: "宋体";line-height: 1.8;}

.team_arc .jj{padding: 0.5rem 0.46rem 0.8rem;font-size: 0.24rem;color: #666;line-height: 0.4rem;}

.team_arc .jj b{color: #0C0C0C;}
.team_arc .jj *{font-size:17px;line-height: 1.8;}

/*疾病科普*/

.kepu{padding: 0.5rem 0.3rem;}

.search {position: relative;}

.search .searchInput{width: 5.2rem;height: 0.8rem;line-height: 0.8rem;background: #FFF;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);border-radius: 1rem;border: none;text-indent: 0.88rem;font-size: 0.24rem;color: #333;flex-shrink: 0;}

.search label{width: 0.4rem;height: 0.4rem;background: #FFF url(../img/icon-search.png) no-repeat;background-size: 100%;position: absolute;left: 0.36rem;top: 0;bottom: 0;margin: auto;}

.search .searchSub{flex-shrink: 0;width: 1.4rem;height: 0.8rem;line-height: 0.8rem;font-size: 0.32rem;border-radius: 1rem;color: #fff;text-align: center;box-shadow: 0px 4px 10px 0px rgba(146, 75, 145, 0.5);background: url(../img/bg1.jpg) no-repeat;background-size: cover;border: none;-webkit-appearance: none;}

.switch{padding: 0.54rem 0.32rem 0.42rem;overflow-x: scroll;display: block;white-space: nowrap;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;}
.switch::-webkit-scrollbar {display: none;}

.switch a{font-size: 0.28rem;color: #777;flex-shrink: 0;width: 1.2rem;text-align: center;position: relative;padding-bottom: 0.2rem;margin: 0 0.25rem;}
.switch a:nth-of-type(1){margin-left:0;}
.switch a:last-child{margin-right:0;}

.switch a.on{color:#984891;font-weight: 700;}

.switch a.on::after{content: "";width: 100%;height: 0.08rem;background: #8E4C93;border-radius: 0.5rem;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;}

.kepu .list{border-radius: 0.1rem;background: #FFF;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);margin-bottom: 0.2rem;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0.3rem;position: relative;}

.kepu .list .title{font-size: 0.28rem;color: #333;line-height: 0.36rem;}

.kepu .list .date{font-size: 0.24rem;color: #9E9E9E;margin-top: 0.05rem;}

.kepu .list .videoImg{width: 100%;height:2.6rem;background: #888;margin: 0.2rem 0;border-radius: 0.25rem;overflow: hidden;}

.kepu .list .bot{font-size: 0.2rem;color: #9e9e9e;}

.kepu .list .bot .r{padding-left: 0.3rem;background: url(../img/icon-eye.png) no-repeat left center;background-size: 0.24rem 0.24rem;}

.kepu .list .left{flex-shrink: 0;width: 3.5rem;}

.kepu .list .left .title{padding-top: 0.15rem;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.kepu .list .left .bot{width: 2.85rem;position: absolute;bottom: 0.36rem;left: 0.3rem;line-height: 1;}

.kepu .list .list_img{flex-shrink: 0;width: 2.68rem;border-radius: 0.15rem;height: 1.64rem;}

.kepu .list.on .title{color:#A04087;}

.kepu_arc .dateEye{margin: 0.15rem 0.35rem 0.4rem;padding-bottom: 0.38rem;border-bottom: 0.01rem solid #DDDDDD;}

.kepu_arc .dateEye .r{margin-left: 0.4rem;padding-left: 0.3rem;background: url(../img/icon-eye.png) no-repeat left center;background-size: 0.24rem 0.24rem;}

.kepu_arc .video{margin: 0.4rem 0.3rem 0.58rem;}

.kepu_arc .video video{width: 100%;border-radius: 0.15rem;overflow: hidden;}

/*个人中心*/

.not_login{flex-direction: column;font-size: 0.36rem;color: #333;padding: 1rem 0;}

.not_login img{width: 2.4rem;margin-bottom: 0.3rem;}

.login{background: #fff;border-radius: 1rem;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0.2rem 0 0.2rem 0.3rem;margin: 0.6rem 0.3rem 0.2rem;display: flex;align-items: center;}

.login .userpic{flex-shrink: 0;width: 1.8rem;height: 1.8rem;border-radius: 50%;overflow: hidden;margin-right: 0.64rem;}

.login .userData .name{display: flex;align-items: center;font-size: 0.36rem;color: #333;}

.login .userData .name img{width: 0.42rem;}

.login .userData .age{font-size: 0.28rem;color: #9e9e9e;margin-top: 0.22rem;}

.user_Tourl{margin: 0 0.3rem;padding-bottom: 1.6rem;}

.user_Tourl .child{width: 100%;height: 1rem;-webkit-box-sizing: border-box;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;background: #fff;border-radius: 0.5rem;font-size: 0.28rem;color: #444;padding:0 0.8rem 0 1.1rem;position: relative;margin-bottom: 0.2rem;}

.user_Tourl .child::after{content: "";width: 0.46rem;height: 0.46rem;position:absolute;left: 0.44rem;top: 0;bottom: 0;margin: auto;}

.user_Tourl .child.ico-i1::after{background: url(../img/user-i1.png) no-repeat;background-size: 100%;}

.user_Tourl .child.ico-i2::after{background: url(../img/user-i2.png) no-repeat;background-size: 100%;}

.user_Tourl .child.ico-i3::after{background: url(../img/user-i3.png) no-repeat;background-size: 100%;}

.user_Tourl .child.ico-i4::after{background: url(../img/user-i4.png) no-repeat;background-size: 100%;}

.user_Tourl .child.ico-i5::after{background: url(../img/user-i5.png) no-repeat;background-size: 100%;}

.user_Tourl .child.ico-i6::after{background: url(../img/user-i6.png) no-repeat;background-size: 100%;}

.user_Tourl .child.ico-i7::after{background: url(../img/user-i7.png) no-repeat;background-size: 100%;}

.user_Tourl .child::before{content: "";width: 0.5rem;height: 0.5rem;background: url(../img/icon-right.png) no-repeat;background-size: 100%;position: absolute;top: 0;bottom: 0;margin: auto;right: 0.3rem;}

.user_Tourl .child i{width: 0.48rem;height: 0.48rem;font-size: 0.28rem;color: #fff;border-radius: 50%;line-height: 0.48rem;text-align: center;background: url(../img/bg1.jpg) no-repeat;background-size: cover;}

/*我的档案*/

.goback{font-size: 0.28rem;line-height: 0.4rem;color: #333;display: block;padding-left: 0.58rem;background: url(../img/icon-goback.png) no-repeat left center;background-size: 0.44rem 0.44rem;}

.dangan{margin: 0 0.3rem;background: url(../img/bg1.jpg) no-repeat;background-size: cover;padding: 0.5rem 0.26rem;border-radius: 0.1rem;}

.dangan .name{border-bottom: 0.01rem solid rgba(255, 255, 255, 0.1);padding: 0 0 0.15rem 0.26rem;font-size: 0.32rem;color: #fff;margin-bottom: 0.34rem;}

.dangan .name span{font-size: 0.4rem;margin-right: 0.16rem;}

.dangan .name .right{font-size: 0.28rem;padding-left: 0.45rem;background: url(../img/icon-xiu.png) no-repeat left center;background-size: 0.32rem 0.32rem;color: #fff;}

.dangan .type{display: flex;justify-content: flex-start;color: #fff;font-size: 0.32rem;margin-bottom: 0.22rem;}

.dangan .type .left{flex-shrink: 0;width: 2.08rem;padding-left: 0.26rem;}

.dangan .type .right{display: flex;flex-wrap: wrap;}

.dangan .type .right a{background: #fff;border-radius: 0.1rem;color: #333;padding: 0.16rem;font-weight: 700;margin:0 0.24rem 0.24rem 0;}

.dangan .ewm{border-top: 0.01rem solid rgba(255, 255, 255, 0.1);margin-top: -0.1rem;padding-top: 0.68rem;}

.dangan .ewm img{display: block;width: 3.2rem;margin:0 auto 0.36rem;}

.dangan .ewm p{font-size: 0.36rem;color: #fff;text-align: center;}

.dangan .btn{ display:block;font-size: 0.36rem; background-color:#fff;color: #904a92;text-align: center; width:60%; line-height:0.8rem; border-radius:0.2rem; margin:0.5rem auto}

.dangan_tips{padding-bottom: 1.5rem;}

.dangan_tips p{font-size: 0.24rem;color: #666;line-height: 0.26rem;padding: 0.4rem 0 0 0.6rem;}

.dangan_tips p span{color: #A04087;margin-right: 0.08rem;}

/*血液报告*/

.baogaoTop{padding: 0.46rem 0.3rem 0.3rem;}

.baogaoTop .right{font-size: 0.36rem;color: #333;font-weight: 700;display: flex;align-items: center;}

.baogaoTop .right b{font-size: 0.52rem;color: #A04087;margin: 0 0.08rem;}

.newDate{padding: 0.2rem 0.3rem 0.16rem;}

.newDate .left{font-size: 0.28rem;color: #333;}

.newDate .right{font-size: 0.24rem;color: #777;}

.blood{background: #fff;border-radius: 0.1rem;margin: 0 0.3rem 0.2rem;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0.4rem 0 0.4rem 0.32rem;position: relative;display: block;}

.blood .name{font-size: 0.36rem;color: #333;margin-bottom: 0.2rem;font-weight: 700;}

.blood .date{font-size: 0.24rem;color: #666;}

.blood::after{content: "";width: 0.24rem;height: 0.44rem;background: url(../img/icon-right2.png) no-repeat;background-size: 100%;position: absolute;top: 0;bottom: 0;margin: auto;right: 0.34rem;}

.btn_upload{position: fixed;left: 0.3rem;right: 0.3rem;bottom: 0.8rem;margin: auto;border-radius: 1rem;background: url(../img/bg1.jpg) no-repeat;background-size: cover;font-size: 0.36rem;color: #fff;line-height: 1rem;height: 1rem;text-align: center;z-index: 10;}

/*血液报告上传*/

.Report_form{margin: 0 0.3rem 2.8rem;}

.Report_form .upload{font-size: 0.36rem;color: #666;text-align: center;background: #fbd8f2;border-radius: 0.1rem;margin-bottom: 0.4rem;display: flex;flex-direction: column;align-items: center;padding: 0.6rem 0;}

.Report_form .upload img{width: 0.64rem;margin-bottom: 0.25rem;}

.imgContainer{position: relative;margin-bottom: 0.4rem;}

.imgContainer img{width: 100% !important;display: block;}

.imgContainer span{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 4rem;background: rgba(156,70,143,0.6);border-radius: 0.4rem;font-size: 0.3rem;color: #fff;margin: auto;height: 0.8rem;line-height: 0.8rem;text-align: center;}

.Report_form table{border: none;text-align: left;}

.Report_form table tr td:nth-of-type(1),.Report_form table tr th:nth-of-type(1){text-align: center;width: 0.86rem;}

.Report_form table tr td:nth-of-type(2),.Report_form table tr th:nth-of-type(2){width: 1.7rem;}

.Report_form table tr td:nth-of-type(3),.Report_form table tr th:nth-of-type(3){text-align: center;width: 1.25rem;}
.Report_form table tr td:nth-of-type(4),.Report_form table tr th:nth-of-type(4){text-align:center;}

.Report_form table tr td:nth-of-type(5),.Report_form table tr th:nth-of-type(5){width: 1rem;}

.Report_form table tr{height: 0.8rem;}

.Report_form table tr:nth-of-type(1){background: #9c468f;font-size: 0.28rem;color: #fff;height: 0.8rem;line-height: 0.8rem;}

.Report_form table tr th{font-weight: normal;}

.Report_form table tr td{color: #666;font-size: 0.2rem;}

.btn_submit{position: fixed;left: 0;right: 0;bottom: 0;margin: auto;text-align: center;z-index: 10;font-size: 0.32rem;color: #6c6c6c;padding: 0.3rem 0.3rem 0.8rem;background: #F6F7FB;}

.btn_submit button,.btn_submit a{border-radius: 1rem;background: url(../img/bg1.jpg) no-repeat;background-size: cover;font-size: 0.36rem;color: #fff;line-height: 1rem;height: 1rem;display: block;width: 100%;border: none;-webkit-appearance: none;margin-top: 0.14rem;}

/*血液报告详情页*/

.baogaoTop .delete{padding-left: 0.48rem;background: url(../img/icon-delete.png) no-repeat left center;background-size: 0.32rem 0.32rem;height: 0.32rem;line-height: 0.32rem;}

.baogao_pic img{display: block;width: 100%;margin-top: 0.3rem;}

/*血液报告上传 - 弹窗*/

.form-revise{width: 100%;height: 100vh;background: rgba(0,0,0,0.6);position: fixed;left: 0;top: 0;bottom: 0;right: 0;display: flex;z-index: 20;}

.form-revise form{margin: auto 0.3rem;width: 100%;background: #fff;border-radius: 0.4rem;overflow: hidden;}

.form-revise form .head{height: 1.2rem;background: #F1F1F1;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 0.32rem;color: #333;padding: 0 0.2rem 0 0.48rem;margin-bottom: 0.6rem;}

.form-revise form .head .close{width: 0.8rem;height: 0.8rem;background: url(../img/icon-close.png) no-repeat center;background-size: 0.3rem 0.3rem}

.form-revise form .inputLi{margin: 0 0.7rem 0.2rem;display: flex;justify-content: space-between;align-items: center;}

.form-revise form .inputLi label{width: 0.92rem;font-size: 0.28rem;color: #333;flex-shrink: 0;}

.form-revise form .inputLi input{width: 3.64rem;flex-shrink: 0;-webkit-box-sizing: border-box;box-sizing: border-box;border: 0.01rem solid #CDCDCD;border-radius: 0.1rem;height: 0.6rem;line-height: 0.6rem;font-size: 0.28rem;color: #666;text-indent: 0.4rem;}

.form-revise form .submit{margin: 0.64rem auto;width: 3rem;height: 0.9rem;line-height: 0.9rem;text-align: center;border-radius: 1rem;background: url(../img/bg1.jpg) no-repeat;background-size: cover;font-size: 0.32rem;color:#fff;border: none;display: block;-webkit-appearance: none;}

/*报告上传成功*/

.bg_success{text-align: center;width: 100%;justify-content: center;align-items: center;height: 100vh;display: flex;}

.bg_success .con{display: flex;flex-direction: column;flex-shrink: 0;width: 100%;}

.bg_success .con img{flex-shrink: 0;width: 1.8rem;margin: 0 auto 0.24rem;}

.bg_success b{font-size: 0.4rem;color: #222;}

.bg_success p{font-size: 0.24rem;color: #666;line-height: 0.5rem;margin-top: 0.56rem;}

.bg_success p span{display: block;}

.bg_success .btn{margin: 1.06rem 0.3rem 0;border-radius: 1rem;background: url(../img/bg1.jpg) no-repeat;background-size: cover;font-size: 0.36rem;color: #fff;line-height: 1rem;height: 1rem;display: block;}

/*患者档案查看*/

.danganSee{padding-top: 0.46rem;}

.danganSee .mod{margin: 0 0.32rem 0.26rem;border-radius: 0.1rem;background: #fff;padding: 0.4rem 0 0.4rem 0.38rem;}

.danganSee .mod1{display: flex;justify-content: space-between;}

.danganSee .mod p{display: flex;flex-direction: column;font-size: 0.24rem;color: #888;}

.danganSee .mod1 p:nth-of-type(3){width: 1.8rem;}

.danganSee .mod p b{font-size: 0.36rem;color: #333;margin-top: 0.1rem;}

.danganSee .mod2 p{margin-bottom: 0.4rem;}

.danganSee .mod2 p:last-child{margin-bottom: 0;}

.danganSee .mod2 p a{display: block;font-size: 0.28rem;color:#7C549A;padding-left: 0.18rem;background: url(../img/icon-left.png) no-repeat left center;background-size: 0.12rem 0.14rem;margin-top: 0.24rem;}

/*档案建立*/

.addform{padding: 0.36rem 0.3rem 1rem;}

.addMod{background: #fff;border-radius: 0.1rem;padding: 0.38rem;-webkit-box-sizing: border-box;box-sizing: border-box;margin-bottom: 0.2rem;}

.addItem{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.34rem;position: relative;}

.addItem:last-child{margin-bottom: 0;}
.addsur>.addItem{margin-bottom:0;}
.addsur .surBox{margin-top: 0.34rem;}

.addLabel{font-size: 0.28rem;color: #333;flex-shrink: 0;width: 1.6rem;}
.addLabel .red{color: #f00;}

.addInput,.addSelect{font-size: 0.28rem;color: #666;flex-shrink: 0;width: 4.4rem;height: 0.7rem;line-height: 0.7rem;border: 0.01rem solid #ddd;text-indent: 0.34rem;border-radius: 0.1rem;overflow: hidden;}

input.addInput::-webkit-input-placeholder{color:#9E9E9E;font-size: 0.28rem;}

.addSelect{text-indent: 0;position: relative;}

.addSelect select{text-indent: 0.34rem;width: 100%;height: 0.7rem;line-height: 0.7rem;background: transparent;overflow: hidden;border-radius: 0.1rem;}

.addSelect option{width: 4.4rem;display: block;}

.addSelect select,.addSelect option{appearance:none;-moz-appearance:none;-webkit-appearance:none;outline: none;border: 0.01rem solid #ddd;background: #fff; font-size: 0.28rem;background: white;overflow: hidden;color: #666;border: none;}

select.addSelect::-ms-expand { display: none; }

select{-webkit-appearance: none; }

input[disabled], textarea[disabled],

select[disabled='disabled']{-webkit-text-fill-color: #666; -webkit-opacity: 1; color: #666; font-size: 0.28rem;background: white;}

.addSelect::after{content: "";width: 0;height: 0;border-left: 0.1rem solid transparent;border-right: 0.1rem solid transparent;border-top: 0.1rem solid #3A3A3A;position: absolute;top: 0;bottom: 0;margin: auto;right: 0.36rem;}

input.addDate{position: absolute;right: 0;text-indent: 0.18rem;background: transparent !important;text-align: left;direction:ltr;float: left;width: 4.4rem;font-size: 0;opacity: 0;}

.addDateVal,.addssDateVal{background:#fff url(../img/icon-date2.png) no-repeat;background-size:contain; background-position: center right}

input[type="date"] {text-align:left !important;}

.addRadio{display: flex;align-items: center;justify-content: flex-start;width: 4.4rem;}

.addRadio .radio{margin-right: 0.48rem;font-size: 0.28rem;color: #666;}

.addRadio input[type="radio"] {position: absolute;opacity: 0;}

.radio input[type="radio"] + .radio-label:before {content: '';background: #fff;border-radius: 100%;border: 1px solid #d1d1d1;display: inline-block;width: 1.4em;height: 1.4em;position: relative;top: -0.1em;margin-right: 1em;vertical-align: top;cursor: pointer;text-align: center;-webkit-transition: all 250ms ease;transition: all 250ms ease;}

.radio input[type="radio"]:checked + .radio-label:before {background-color:#A04087;box-shadow: inset 0 0 0 4px #f4f4f4;}

.radio input[type="radio"]:focus + .radio-label:before {outline: none;border-color: #A04087;}

.addItem .right{display: flex;justify-content: space-between;align-items: center;flex-shrink: 0;width: 4.4rem;}

.addItem .right .addInput{width: 2.62rem;}

.addItem .right .send{flex-shrink: 0;width: 1.8rem;height: 0.7rem;line-height: 0.7rem; border:none;border-radius: 0.1rem;background: url(../img/bg1.jpg) no-repeat;background-size: cover;font-size: 0.28rem;color:#fff;text-align: center;}

.addItem .right .send.on{background: #777;}

.addButton{margin-top: 1rem;}

.agreeOn input{-webkit-appearance: none;width: 0.3rem;height: 0.3rem;display: inline-block;margin-right: 0.15rem;cursor: pointer;vertical-align: middle;background: url(../img/icon-agree-no.png) no-repeat;background-size: 100%;}

.agreeOn input:checked {background: url(../img/icon-agree.png) no-repeat;background-size: 100%;}

.agreeOn{display: flex;align-items: center;justify-content: center;font-size: 0.28rem;color: #9e9e9e;}

.agreeOn .link{color: #964991;text-decoration: underline;margin: 0 0.1rem;}

.addSubmit{width: 100%;font-size: 0.36rem;color: #fff;border-radius: 1rem;background: url(../img/bg1.jpg) no-repeat;background-size: cover;text-align: center;height: 1rem;line-height: 1rem;text-align: center;border: none;-webkit-appearance: none;margin-top: 0.4rem;}

input[type=date]::-webkit-inner-spin-button{ visibility: hidden;display: none;}

input[type=date]::-webkit-datetime-edit-fields-wrapper { background-color: #fff;width: 100%;}

input[type=date]::-webkit-datetime-edit-text {padding: 0;}

input[type=date]::after{content: "";width: 0.68rem;height: 0.48rem;background:#fff url(../img/icon-date2.png) no-repeat;background-size: 100%;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}

.icon-date{width: 0.68rem;height: 0.48rem;background:#fff url(../img/icon-date2.png) no-repeat;background-size: 100%;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}

input[type=date]::-webkit-calendar-picker-indicator {border: 1px solid transparent;background-color: transparent;color: transparent;width: 0.68rem;height: 0.48rem;opacity: 0;position: relative;z-index: 99;}


.hbimg{margin:0.3rem 0.3rem 0;position: relative;}
.hbimg .dateText{width: 26.1%;position: absolute;right: 0;top: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;color: #562880;font-size: 0.2rem;line-height: 1;}
.hbimg .dateText .bold{font-weight:700;}
.hbimg .dateText .n1{font-size: 0.26rem;padding-top: 0.2rem;}
.hbimg .dateText .n2{font-size: 0.5rem;padding: 0.12rem 0;}
.hbimg .dateText .n3{font-size: 0.26rem;}
.hbimg .dateText .n4{padding:0.15rem 0 0.05rem;}

.lianxi{margin:0.3rem;background-image: linear-gradient(to right, #73549C , #60497B);border-radius: 0.2rem;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0.3rem;display: flex;flex-direction: column;color: #fff;line-height: 1;font-size: 0.28rem;}
.lianxi .top{display:flex;align-items: center;margin-bottom: 0.3rem;}
.lianxi .top .l{font-size:0.32rem;font-weight: 700;margin-right: 0.5rem;}
.lianxi .address{background:url(../img/dw.png) no-repeat left center;background-size: 0.36rem 0.36rem;padding-left: 0.45rem;line-height: 0.45rem}

.map{height:4rem;margin: 0 0.3rem;}

.mapbox{margin:0.3rem;background: #eee;border-radius: 0.2rem;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0.3rem;display: flex;flex-direction: column;color: #fff;line-height: 1;font-size: 0.24rem;}
.mapbox .top{display:flex;font-size:0.32rem;font-weight: 700;color:#000;margin-bottom:0.15rem;}
.mapbox .address{color:#7C7C7C;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {display: none;-webkit-appearance: none;margin: 0;}
input[type='number'] {-moz-appearance:textfield;}
.surBox{display:block}

.comback{background:url(../img/back.png) no-repeat center;background-size: 100%;width: 1rem;height: 1rem;position: fixed;right: 0.3rem;bottom: 2rem;border-radius: 50%;}
