@charset "utf-8";
.body-bggray{
    position:absolute;
    width: 100%;
    min-height: 100%;
    height: auto;
    background-color: #fbfbfb;
    overflow: auto;
}
.body-bggrayer{
    position:absolute;
    width: 100%;
    min-height: 100%;
    height: auto;
    background-color: #ebebeb;
    overflow: auto;
}
.body-bgblue{
    position:absolute;
    width: 100%;
    min-height: 100%;
    height: auto;
    background-color: #d8eefe;
    overflow: auto;
}
.body-bgbabyblue{
    position:absolute;
    width: 100%;
    min-height: 100%;
    height: auto;
    background-color: #d8eefe;
    overflow: auto;
}
.radio-item{
	float:left;
	padding-right:10px;
	display:flex;
	justify-content:flex-start;
    align-items: center;
}
.radio-item:last-child{
	padding-bottom:0;
}
.radio-item label{
	padding-left:5px;
}
.wrapper{
    overflow: hidden;  
}
.header{
	position: fixed;
	width: 100%;
	height: 54px;
	padding: 10px;
	background: #fff;
    -webkit-box-shadow:0px 1px 2px #e0e0e0; 
    box-shadow:0px 1px 2px #e0e0e0;
    z-index: 10;
}
.logo{
	width: 200px;
}
.logo img{
	display: block;
	width: 100%;
	height:34px;
}
.maincontent{
    position: relative;
    margin-top:54px;
    padding-bottom: 0;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}
.hasfooter{
     padding-bottom:54px;
}
.hasbtnfooter{
    padding-bottom:70px;
}
.mt0{
	margin-top:0;
}
.bggray{
    position: absolute;
    top:0;
    bottom: 0;
    width:100%;
    overflow: auto;
    background-color: #fbfbfb;
}
.footer-nav{
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 15px 0;
    background-color: #fff;
    z-index: 2;
}
.footer-nav:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #e0e0e0;
    color: #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.footer-nav a{
    display: block;
    /*float: left;*/
    /*width: 33.3333333%;*/
    text-align: center;
    color: #666;
    font-size: 16px;
    height:18px;
    overflow:hidden;
    flex: 1;
}
.footer-nav a.active label{
    color: #008cee;
}
#footerMenuData{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.botmenu{
	display:inline-block;
}
.botmenu label{
	display:block;
	float: left;
	padding-left:5px;
	height:18px;
	line-height:18px;
	font-size:16px;
}
.botmenu span{
	display:block;
	float:left;
	width:18px;
	height:18px;
}
.botmenu01 span{
	background: url(../image/page/menubg01.png) left center no-repeat;
	background-size:18px 36px;
	background-position:0 0;
}
.botmenu02 span{
	background: url(../image/page/menubg01.png) left center no-repeat;
	background-size:18px 36px;
	background-position:0 0;
}
.botmenu03 span{
	background: url(../image/page/menubg01.png) left center no-repeat;
	background-size:18px 36px;
	background-position:0 0;
}
a.active .botmenu01 span,a.active .botmenu02 span,a.active .botmenu03 span{
	background-position:0 -18px;
}

.footfix{
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
}
.btnfooter{
    padding: 10px 15px;
    background-color: #fff;
}
.masktop{
	z-index:5001;
}
.dialogtop{
	z-index:5002;
}

/*首页*/
.banner img{
    display: block;
    width: 100%;
}
.banner .swiper-pagination{
    padding-right: 15px;
    text-align: right;
}
.banner .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
}
.contantus{
    margin-top: -1px;
}
.aboutus{
    padding: 10px 15px 10px 15px;
    text-align:right;
}
.aboutus p{
    font-size: 14px;
    line-height: 26px;
    text-align: justify;
}
.aboutus .readmore{
	display:inline-block;
	padding-top:5px;
	width:100px;
	height:32px;
	color:#999;
	background-color:rgba(255,255,255,.8);	
}
.introducewrap{
	height:130px;
	overflow:hidden;
}
.formitem{
    padding: 15px 10px;
    font-size: 15px;
}
.logindialog .weui-dialog{
    max-width: 320px;
    font-size: 15px;
}
.logindialog .weui-dialog__bd{
    padding-top: 10px;
    padding-bottom: 25px;
    padding: 10px 15px 25px 15px;
}
.logindialog .weui-dialog__bd{
    font-size: 16px;
}
.closedialog-btn{
    position: absolute;
    top:20px;
    right: 15px;
}
.code-cell{
    padding: 0;
}
.getcode_btn{
    display: block;
    margin: 0;
    padding: 15px 10px;
    background-color: #008cee;
    font-size: 15px;
    border-radius: 0;
    border: none;
    color: #fff;
    border-bottom-right-radius: 4px;
}
.getcode_btn.disable{
    background-color: #E0E0E0;
}
.loginwrap{
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}
.agreecheck{
    padding: 15px 0;
}
.agreecheck:before{
    height: 1px;
    border-left: 1px solid #e0e0e0;
    border-top: 0;
}
.login-btn{
    width: 200px;
    font-size: 16px;
    background-color: #008cee;
    border-radius: 25px;
}

/*首页-盲文出版社*/
.braille-menu .weui-grid{
	padding: 20px 10px;
	width:33.33%;
}
.braille-menu .weui-grid:nth-child(9n+1){
	background-image:-webkit-linear-gradient(to right, #fac822, #fed653); 
	background-image:linear-gradient(to right, #fac822, #fed653);
}
.braille-menu .weui-grid:nth-child(9n+2){
	background-image:-webkit-linear-gradient(to right, #ff6a33, #fd7f50); 
	background-image:linear-gradient(to right, #ff6a33, #fd7f50);
}
.braille-menu .weui-grid:nth-child(9n+3){
	background-image:-webkit-linear-gradient(to right, #29c1ed, #2fd0fe); 
	background-image:linear-gradient(to right, #29c1ed, #2fd0fe);
}
.braille-menu .weui-grid:nth-child(9n+4){
	background-image:-webkit-linear-gradient(to right, #6dcdea, #77dfff); 
	background-image:linear-gradient(to right, #6dcdea, #77dfff);
}
.braille-menu .weui-grid:nth-child(9n+5){
	background-image:-webkit-linear-gradient(to right, #ff9e2d, #ffb053); 
	background-image:linear-gradient(to right, #ff9e2d, #ffb053);
}
.braille-menu .weui-grid:nth-child(9n+6){
	background-image:-webkit-linear-gradient(to right, #f95785, #ffa53d); 
	background-image:linear-gradient(to right, #f95785, #ffa53d);
}
.braille-menu .weui-grid:nth-child(9n+7){
	background-image:-webkit-linear-gradient(to right, #ff8686, #ffa6a6); 
	background-image:linear-gradient(to right, #ff8686, #ffa6a6);
}
.braille-menu .weui-grid:nth-child(9n+8){
	background-image:-webkit-linear-gradient(to right, #29c1ed, #2fd0fe); 
	background-image:linear-gradient(to right, #29c1ed, #2fd0fe);
}
.braille-menu .weui-grid:nth-child(9n){
	background-image:-webkit-linear-gradient(to right, #fac822, #fed653); 
	background-image:linear-gradient(to right, #fac822, #fed653);
}
.braille-menu .weui-grid:before{
	 border-right: 2px solid #fff;
}
.braille-menu .weui-grid:after{
	 border-bottom: 2px solid #fff;
}
.braille-menu .weui-grid__icon{
	width:44px;
	height:44px;
}
.braille-menu  .weui-grid__icon+.weui-grid__label{
	margin-top:10px;
}
.braille-menu .weui-grid__label{
	color:#fff;
}
.ruleinfo{
    font-size:14px;
    color:#333;
    text-align: justify;
    line-height: 160%;
}
.rulewarn{
    font-weight: 600;
    color:#333;
    font-size: 15px;
    text-align: justify;
    line-height: 180%;
    text-decoration: underline;
}
/*AED网点及服务网点*/
.maplistcontent{
    padding-top:300px;
}
.mapwrap{
    position: fixed;
    top: 54px;
    width: 100%;
    height: 300px;
    background-color: #eee;
    z-index: 9;
}
.mptopmenu{
    position: absolute;
    top: 15px;
    left: 15px;
    overflow: hidden;
    z-index:41;
}
.showmap,.showstar{
    float: left;
    padding: 5px 15px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #e0e0e0;
    color: #666;
}
.showmap{
    border-right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.showstar{
    margin-left: -1px;
    border-left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.showmap.active,.showstar.active{
    background: #008cee;
    border-color: #008cee;
    color: #fff; 
}
a.mdd{
	padding:1px 3px;
	border:1px #018cef solid;
	color:#018cef;
	border-radius:3px;
	white-space:nowrap;
}
.togglebtn{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 6px 0 2px 0;
    color: #fff;
    text-align: center;
    background-color: #008cee;
    z-index:41;
}
.togglebtn i{
    font-size: 20px;
}
.mapcontainer{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:270px;
	z-index:40;
}
.mapbtnwap{
	position:absolute;
	top:5px;
	left:5px;
	z-index:41;
}
.mbtn{
	display:inline-block;
	padding:4px 12px;
	color:#008cee;
	background-color:#fff;	
	border:1px solid #008cee;
	border-radius:3px;
	-webkit-border-radius:3px;
}
.addrlist li{
    position: relative;
    font-size: 14px;
}
.addrlist li:after {
    content: " ";
    position: absolute;
    left: 0;
    border-bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #e0e0e0;
    color: #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.addrlist li a{
    display: block;
    position: relative;
    padding: 10px 15px;
    width: 100%;
}
.addrinfo{
    padding-right: 80px;
}
.addrinfo h4{
    font-size: 16px;
    color: #333;
}
.addrinfo p{
    padding: 5px 0;
    font-size: 14px;
    color: #999;
}
.addrinfo span{
    color: #008cee;
}
.go{
    display: block;
    position: absolute;
    top:22px;
    right: 0;
    width: 60px;
    color: #008cee;
    text-align: center;
}
.go i{
    font-size: 20px;
    color: #008cee;
}
.go span {
    display: block;
    margin-top: 5px;
    text-align: center;
}
.near-website{
	float:left;
	display:block;
	margin-right:2px;
}

.near-website ul{
	background:rgba(255,255,255,0.6);
	border:1px solid #e0e0e0;
	border-radius:3px;
	-webkit-border-radius:3px;
}
.near-website ul li{
	display:block;
	padding:0 15px;
}
.near-website ul li a{
	display:block;
	padding:2px 0;
	padding-left:15px;
	color:#333;
	font-size:12px;
	background: url(../image/page/square_blue.png) left center no-repeat;
    background-size: 5px 5px;
}

/*急救微课*/
.weui-navbar__item{
    font-size: 15px;
}

.weui-navbar__item.weui-bar__item_on{
    background: #fff;
    color: #008cee;
    font-weight: 600;
    border-bottom: 3px solid #008cee;
}
.vlistwrap{
    margin-top: 54px;
}
.vlist li{
    position: relative;
    display: block;
    padding: 12px 15px 14px; 
    overflow: hidden;
}
.vlist li:after{
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #e0e0e0;
    color: #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5); 
}
.vimg{
    width: 72px;
    height: 72px;
}
.vimg img{
    display: block;
    width: 72px;
    height: 72px;
}
.sense{
    padding-left: 84px;
}
.video{
    padding-right: 84px;
}
.vlist h3{
    font-size: 16px;
    color: #333;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap; 
}
.vlist .overcont{
    padding-top: 10px;
    font-size: 14px;
    color: #999;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
}
.vlist .overcont li{
	padding:0;
}
.vinfowrap{
    padding: 15px;
    position: relative;
}
.vinfowrap h3{
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 28px;
    color: #333;
    font-weight: 600;
    border-bottom: 1px solid #e0e0e0;
}

.vinfowrap p{
    line-height: 24px;
}
.vinfowrap img{
    display: block;
    max-width:100%;
    margin: 0 auto;
}
.videowrap{
    position: relative;
    text-align: center;
}
.videowrap img{
    display: block;
    width: 100%;
}
.videoinfo{
    position: relative;
    overflow: hidden;
}
.videoinfo .tabcontent{
    margin-top: 48px;
}
.qimg{
    width: 46px;
    height: 46px;
}
.qimg img{
    display: block;
    width: 100%;
}
.questioninfo{
    padding-left: 56px;
}
.questioninfo h4{
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
}
.answer{
    position: relative;
    padding-top: 6px;
}
.answer span{
    display:block;
    padding-left:22px;
    right: 0;
}
.answer p{
    padding-top: 0;
    padding-bottom: 6px;
    width: 100%;
    height: auto;
    overflow: auto;
    text-overflow:inherit;
    text-align: justify;
    display:block;
}
.questioninfo .icon-q{
    font-size: 16px;
    color: #ff0033;   
}
.questioninfo .icon-a{ 
    font-size: 18px;
    color: #33cc00;  
}
.comments{
	position:relative;
	width:100%;
	padding:10px 15px;
	background-color:#fff;
}
.searchbox{
	position:relative;
	width:100%;
	padding:5px 15px 10px;
	background-color:#fff;
}
.searchbox:after{
	content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #e0e0e0;
    color: #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5); 
}
.commentinput,.inputcss{
	padding:5px 10px;;
	width:98%;
	height:46px;
	font-size:14px;
	background:#fff;
	border:1px solid #e0e0e0;
	border-radius: 5px;
	-webkit-appearance: none;
}
.loadmore{
	position:relative;
	width:60%;
	margin:0 auto;
	padding-bottom:20px;
	margin-top:30px;
	border-top:1px solid #f2f2f2;
	text-align:center;
}
.loadbtn,.nomore{
	position:relative;
	top:-10px;
	padding:5px 15px;
	color:#999;
	background-color:#fff;
}
/*车辆甄别*/
.carbanner img{
    display: block;
    width: 100%;
}
.carwrap{
    padding: 10px 15px;
}
.help-clock{
    color: #999;
    font-size: 12px;
    text-align: justify;
}
.inputwrap{
    margin: 10px 0 0 0;
    padding: 0;
    border-radius: 3px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.inputwrap label{
    display: inline-block;
    padding: 0px 10px;
    height: 46px;
    line-height: 46px;
    width: 80px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
}
.inputwrap input{
    flex:1;
    height: 46px;
    padding:0px 10px;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    border-left: 0;
}
.inputwrap button{
    margin-left: 5px;
    width: 55px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    height: 40px;
    box-sizing: border-box;
    background-color: #008cee;
    border: 0;
}
.btnwrap{
    margin: 10px 0;
}
.caritem{
    margin-top: 10px;
    padding: 6px 10px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}
.caritem p{
    line-height: 22px;
}
.caritem p span{
    color: #008cee;
}

/*价目清单*/
.priceblock{
    position: relative;
    padding: 10px 15px;
    background: #fbfbfb;
    font-size: 12px;
    color: #999;
    text-align: justify;
}
.priceblock:after{
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #e0e0e0;
    color: #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5); 
}
.pricelist li{
    position: relative;
    display: block;
    padding: 6px 15px 8px; 
    overflow: hidden;
}
.pricelist li:nth-child(2n){
    background: #fbfbfb;
}
.pricelist li:after{
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #e0e0e0;
    color: #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5); 
}
.pricetitle,.pricecon,.pricenum{
    margin: 8px 0;
    padding-left: 32px;
    background-position: left top;
}
.pricetitle{
    font-size: 16px;
    font-weight: 600;
    background: url(../image/page/iconplus.png) no-repeat;
    background-size: 20px 20px;
}
.pricenum{
    background: url(../image/page/iconlist.png) no-repeat;
    background-size: 20px 20px;
}
.pricecon{
    background: url(../image/page/iconyuan.png) no-repeat;
    background-size: 20px 20px;
    overflow: auto;
}

/*关于我们*/
.companyinfo{
    margin: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;    
}
.companyinfo h3{
    padding: 12px;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #e0e0e0;
}
.companyinfo .companycon{
    padding: 12px;
}
.companyinfo .companycon p{
    text-align: justify;
    line-height: 24px;
}
/*微急救*/
.aidimg{
    padding-top: 50px;
}
.aidimg img{
    display: block;
    margin: 0 auto;
    width: 60%;
}
/*我的*/
.userinfo{
    padding: 25px 0;
    background: url(../image/page/usercenter.png) no-repeat;
    background-size: 100% 100%;
}
.userinfo img{
    display: block;
    margin: 0 auto;
    width: 64px;
    height: 64px;
    border-radius: 32px;  
}
.userinfo h3{
   padding-top: 15px;
   font-size: 16px;
   color: #fff;
   text-align: center;
}
.useropt{
    margin-top: 5px;
}
.useropt a .weui-cell__bd{
    color: #333;
    font-size: 16px;
}
.user-menu{
	padding:5px 0;
	overflow:hidden;
}
.umenu-icon{
	width:20px;
	height:20px;
}
.umenu-icon img{
	display:block;
	width:100%;
}
.umenu-title{
	padding-left:28px;
	font-size:16px;
}

/*我的档案*/
.myinfoform{
    padding-bottom: 20px;
}
.formwithtab,.listwithtab{
	margin-top:48px;
    overflow: hidden;
}
.myinfoform .weui-cell_select{
    padding: 0 15px;
}
.myinfoform .weui-cell__bd{
    padding-left: 10px;
}
.addrcell{
    margin-top: 10px;
}
.myagreen{
    padding: 15px 10px;
    font-size: 15px;
}
.weui-cell.myagree:before{
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 0px solid #e0e0e0;
    color: #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.myinfodialog .weui-dialog__hd{
    font-size: 18px;
    font-weight: 600;
}
.myinfodialog .weui-dialog__bd{
    padding: 10px 15px 25px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}
.servicerule,.aedinfo{
	position:fixed;
	top:54px;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	min-height:100%;
	padding:15px;
	padding-bottom:54px;
	background:#fff;
	z-index:9;
	overflow:auto;
}
.servicetop{
	position:fixed;
	top:0;
	z-index:10000;
	width:100%;
	overflow:auto;	
}
.servicerule h3,.aedinfo h3{
	font-size:18px;
	padding-bottom:15px;
	text-align:center;
}
.rulecontent,.aedinfocon{
	padding-top:15px;
	border-top:1px solid #e0e0e0;
}
.rulecontent p,.aedinfocon p{
	font-size:14px;
	line-height:24px;
	text-align:justify;
}
.rulebtnwrap,.aedinfobtnwrap{
	padding:15px 0;
}

/*意见反馈*/
.suggestionform{
    padding: 15px 0;
}
.seebtn{
    display: block;
    margin-top: 15px;
    color: #008cee;
    font-size: 14px;
    text-align: center;
}
.suglist{
    margin: 5px 15px;
    margin-bottom: 20px;
    overflow: hidden;
}
.suglist ul li{
    display: block;
    position: relative;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #e0e0e0;
}
.sugimg{
    float: left;
    width:44px;
    height:44px;
}
.suginfo{
    padding-left: 54px;
    word-wrap:break-word;
}
.suginfo p{
    color: #333;
}
.suginfo span{
    display: block;
    padding-top: 5px;
    color: #999;
}
.replylist{
	margin-top:10px;
	background:#fbfbfb;
}
.replylist ul li{
	border-radius:4px;
}
/*=============================第二期=============================*/
.chk_1,.chk_2,.chk_3,.chk_4 {
    display: none;
}
 
/*******复选框*******/

.chk_3 + label {
	background-color: #fafbfa;
	padding: 9px;
	border-radius: 50px;
	display: block;
	position: relative;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	width: 50px;
	height: 26px;
}

.chk_3  + label:after {
	content: ' ';
	position: absolute;
	top: 0;
	-webkit-transition: box-shadow 0.1s ease-in;
	transition: box-shadow 0.1s ease-in;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100px;
	box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0,0,0,0.4);
}

.chk_3  + label:before {
	content: ' ';
	position: absolute;
	background: white;
	top: 1px;
	left: 1px;
	z-index: 999999;
	width: 24px;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	height: 24px;
	border-radius: 100px;
	box-shadow: 0 3px 1px rgba(0,0,0,0.05), 0 0px 1px rgba(0,0,0,0.3);
}

.chk_3:active + label:after {
	box-shadow: inset 0 0 0 20px #eee, 0 0 1px #eee;
}

.chk_3:active + label:before {
	width: 37px;
}

.chk_3:checked:active + label:before {
	width: 37px;
	left: 20px;
}

.chk_3  + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.chk_3:checked + label:before {
	content: ' ';
	position: absolute;
	left: 26px;
	border-radius: 100px;
}

.chk_3:checked + label:after {
	content: ' ';
	font-size: 1.5em;
	position: absolute;
	background: #008cee;
	box-shadow: 0 0 1px #008cee;
}
.afterline{position:relative;}
.afterline:after,.addresslist ul li:after{
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #e0e0e0;
    color: #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5); 
}
.beforeline{position:relative;}
.beforeline:before{
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #e0e0e0;
    color: #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5); 
}
.rightline{position:relative;}
.rightline:before{
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    border-right: 1px solid #e0e0e0;
    color: #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleX(0.5); 
}
.addrmap-wrap{
	position:absolute;
    top:0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index:20;
    width: 100%;
    height: 100%;
    background:#fff;
    overflow:auto;
}

.topfix{
    position: fixed;
    top:0;
    z-index:22;
    width:100%;
    background:#fff;
}
.mapsearch {
	padding:10px 15px 10px 0;
    height: 54px;
    border-bottom:1px solid #e0e0e0;
}
.mapsearch span{
	display:block;
	width:16%;
	height:34px;
	color:#008cee;
	line-height:34px;
	font-size:16px;
	font-weight:600;
	text-align:center;
}
.mapsearch input{
	width:68%;
	height:34px;
	padding:0 10px;
	line-height:34px;
	border:1px solid #e0e0e0;
	border-radius:3px;
}
.mapsearch a{
	display:block;
	width:15%;
	height:34px;
	padding-left:0;
	padding-right:0;
	line-height:34px;
	font-size:16px;
	font-weight:600;
	text-align:center;
	border-radius:3px;
}
.searchresult{
	position:fixed;
	top:54px;
	bottom:0;
	z-index:23;
	width:100%;
	height:100%;
	background:#fff;
	overflow:auto;	
}
.addrlist-wrap{
	padding-bottom:54px;
}
.addrmap {
    width:100%;
    height: 230px;
}
.addressinfo{
	position:relative;
	top:284px;
	z-index:21;
}
.selectaddr{
	padding:10px 15px;
	line-height:20px;
}
.addresslist ul li{
	position:relative;
	padding:10px 15px;
}
.addresslist ul li h3{
	font-size:15px;
	color:#000;
}
.addresslist ul li p{
	padding-top:6px;
	font-size:13px;
	color:#666;
	line-height:20px;
}

/*亲朋信息列表*/
ul.listul-wrap li{
    position: relative;
    margin-top: 10px;
    background: #fff;
}
ul.listul-wrap li:before,.operation:before{
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #e0e0e0;
    color: #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5); 
}
ul.listul-wrap li.borderyellow:before{
    border-top: 1px solid #ff9900;
    color: #ff9900;
}
ul.listul-wrap li:after{
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #e0e0e0;
    color: #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5); 
}
ul.listul-wrap li.borderyellow:after{
    border-top: 1px solid #ff9900;
    color: #ff9900;
}
.listinfo{
    padding: 10px 15px;
    overflow:hidden;
}
.listcon{
    margin: 8px 0;
}
.listcon-ico{
    margin:8px 0;
}
.listcon label{
    display: inline-block;
    padding-left: 26px;
}
.icon-name{
    background:url(../image/page/icon_name.png) left center no-repeat;
    background-size: 16px 16px;
}
.icon-tel{
    background:url(../image/page/icon_tel.png) left center no-repeat;
    background-size: 16px 16px;
}
.icon-addr{
    background:url(../image/page/icon_addr.png) left center no-repeat;
    background-size: 16px 16px;
}
.icon-start{
    background:url(../image/page/icon_start.png) left center no-repeat;
    background-size: 20px 20px;
}
.icon-end{
    background:url(../image/page/icon_end.png) left center no-repeat;
    background-size: 20px 20px;
}
.con-addr div{
    width: 100%;
    padding-left: 100px;
    text-align: justify;
}
.addr-start{
    margin-bottom: 0;
    padding-bottom: 8px;
    background:url(../image/page/bg_dottedline.png) left repeat-y;
}
.addr-end{
    margin-top: 0;
}
.operation{
    position: relative;
    padding: 10px 15px;
    overflow: hidden;
}
.operatebtns{
    text-align: right;
}
.emcontacter{
    display: inline-block;
    padding: 5px 0;
    font-size: 14px;
}
.obtn{
    display: inline-block;
    padding: 5px 15px;
    font-size: 14px;
    color: #fff;
    background-color: #008cee;
    border: none;
    border: 1px solid #008cee;
    border-radius: 3px;
}
.btn-yellow{
    color: #ff9900;
    background-color: #fff;
    border: 1px solid #ff9900;
}
.footerfix{
    position: fixed;
    bottom: 0;
    z-index:10;
    width: 100%;  
    background-color: #fff;
    border-top:1px solid #e0e0e0;
}
.footerbtn-wrap{
    padding: 10px 15px;
}
.nodata{
    padding: 50px 15px 30px;
}
.nodata img{
    display: block;
    margin: 0 auto;
    width: 50%;
}
.nodata p{
    padding-top: 20px;
    font-size: 16px;
    color: #999;
    text-align: center;
    line-height: 22px;
}

/*我的培训*/
.trainlist-title{
    padding: 10px 0;
    margin: 0 15px;
    line-height: 22px;
    text-align: justify;
}
.trainlist-img{
    float: left;
    display: block;
    width: 76px;
    height: 76px;
}
.trainlist-info{
    padding-left: 84px;
}
.trainlist-info p{
   overflow: hidden; 
   text-align: justify;
}
.trainlist-info label{
    color: #666;
}
/*报名详情*/
.registinfo-wrap{
    background: #fff;
}
.info-status{
    padding: 10px 15px;
    background: #008cee url(../image/page/bg_state.png) bottom repeat-x;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.bgborder{
    height: 4px;
    background: url(../image/page/bg_state.png) bottom repeat-x;
    background-size: 10px 4px;
}
.registinfo{
    padding: 10px 15px;
    background-color: #fff;
    position: relative;
}
.topbotborder{
    position: relative;
}
.topbotborder:before{
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #e0e0e0;
    color: #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5); 
}

.topbotborder:after{
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #e0e0e0;
    color: #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5); 
}
.regcontent{
    padding-left: 24px;
}
.regcontent p{
    line-height: 22px;
    text-align:justify;
}
.regcontent p label{
    color: #666;
}
.course-title{
    padding-left: 10px;
    color: #008cee;
    font-weight: 600;
    border-left: 4px solid #008cee;
}
.course-header{
    background-color: #fff;
}
.course-wrap{
    padding: 10px 15px;
    background: #fff;
}
.course-wrap .course-title{
    margin-bottom: 10px;
}
.course-name{
    padding: 50px 30px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    background: url(../image/page/bg_training.png) no-repeat;
    background-position:100% 100%;
    background-size: cover; 
}
.course-price{
    padding: 10px 15px;
    text-align: center;
}
.course-price p label,.course-wrap p label{
    color: #666;
}
.p-list p{
	display:inline;
}
/*我的转运*/
.trans-status{
    display: inline-block;
    padding: 5px 0;
    font-size: 14px;
}
.trans-time{
    display:inline-block;
    padding:5px 0;
    font-size: 14px;
}
.map-transport{
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
}
.closeMapTrans{
	position:absolute;
	top:5px;
	left:5px;
	z-index:200;
}
/*微急救*/
.aidbanner{
	position:relative;
}
.aidbanner img{
	display:block;
	width:100%;
}
.aidmenu{
	position:relative;
	top:-10px;
	margin:0 10px;
	padding:10px;
	background-color:#fff;
	border-radius:4px;
	overflow:hidden;
	-webkit-box-shadow:0px 4px 12px #c9eaff; 
	box-shadow:0px 4px 12px #c9eaff;
}
.aidmenu a{
	display:block;
	width:100%;
	font-size:20px;
	color:#fff;
	text-align:center;
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0px 4px 12px #c9eaff; 
	box-shadow:0px 4px 12px #c9eaff;
}
.aidmenugroup{
	margin-top:10px;
}
.mycall-wrap{
	width:50%;
	padding-right:5px;
}
.othercall-wrap{
	width:50%;
	padding-left:5px;
}
.aidmenugroup a{
	width:100%;
}
.menutxt{
	padding-top:20px;
	color:#fff;
	font-size:20px;
}
.aidmenu a.mycall{
	padding:50px 20px;
	font-size:24px;
	background-image:-webkit-linear-gradient(to right, #f95785, #ffa53d); 
	background-image:linear-gradient(to right, #f95785, #ffa53d);
}
.aidmenu a.friendcall{
	padding:30px 10px;
	background-image:-webkit-linear-gradient(to right, #fac822, #fed653); 
	background-image:linear-gradient(to right, #fac822, #fed653);
}
.aidmenu a.othercall{
	padding:30px 10px;
	background-image:-webkit-linear-gradient(to right, #29c1ed, #2fd0fe); 
	background-image:linear-gradient(to right, #29c1ed, #2fd0fe);
}
.othermenu{
	padding:10px;
	padding-top:0;
}
.othermenu a{
	display:block;
	padding:15px 0;
	width:100%;
	color:#333;
	font-size:16px;
	text-align:center;
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0px 4px 12px #c9eaff; 
	box-shadow:0px 4px 12px #c9eaff;
	background:rgba(255,255,255,.6);
}
.firstaid-icon img{
	display:block;
	margin:0 auto;
	width:50px;
	height:50px;
}
.myhelp-icon{
	display:block;
	float:left;
	padding-right:10px;
}
.myhelp-name{
	display:inline-block;
	line-height:44px;
}
.helplist-icon{
	display:block;
	float:left;
	padding-right:10px;
}
.helplist-icon img{
	width:20px;
	height:20px;
}
.helplist-name{
	display:block;
	line-height:20px;
}


/*呼救页面*/
.hcmap-wrap{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 8;
    padding-top: 284px;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: #fff;
    overflow: auto;
}
.hcmapfix{
    position: fixed;
    top: 54px;
    z-index: 9;
    width: 100%;
    background: #fff;
}
.hcaddressinfo {
    position: relative;
    top: 0;
    z-index: 8;
    padding-bottom:114px;
}
.hcfooterfix{
	position:fixed;
	bottom:0;
	z-index:9;
	padding:8px 15px;
	width:100%;
	background-color:#fff;
}
.calling{
	position:absolute;
	right:0;
	bottom:0;
	display:block;
	padding:10px;
	width:114px;
	height:114px;
}
.calling img{
	display:block;
	width:100%;
}
/*呼救亲朋列表*/
.callhelp-wrap{
	padding:0 15px;
	background:url(../image/page/bg_helpfri.png) no-repeat;
	background-size:100% auto;
	overflow:hidden;
}
.callhelp-wrap ul li {
	position:relative;
	display:block;
	margin-top:15px;
	min-height:100px;
	overflow:auto;
}
.callbox{
	position:relative;
}
.chfriendcall{
	text-align:right;
	margin-top:15px;
	margin-right:15px;
}
.chfriendcall img{
	display:inline-block;
	width:70px;
	height:70px;
}
.chdropmenu{
	padding-top:1px;
	text-align:right;
}
.chdropmenu-wrap{
	display:inline-block;
	width:220px;
	text-align:center;
}
.chmark{
	position:relative;
	height:10px;
}
.chmark img{
	position:absolute;
	top:0;
	right:42px;
	display:block;
	width:18px;
	height:10px;
}
.chcalllist{
	background-color:#fff;
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0px 4px 12px #c9eaff; 
	box-shadow:0px 4px 12px #c9eaff;
}
.chdropmenu a{
	display:block;
	width:100%;
	padding:10px 15px;
	color:#333;
}
.chfriend-info{
	position:absolute;
	top:0;
	left:0;
	padding:5px 15px 15px 15px;
	width:100%;
	height:100px;
	padding-right:90px;
	background-color:#fff;
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0px 4px 12px #c9eaff; 
	box-shadow:0px 4px 12px #c9eaff;
	overflow:hidden;
}
.chfriend-title{
	padding:10px 0;
}
.chfriend-title-em{
	padding-left:30px;
	background:url(../image/page/icon_emercy.png) left center no-repeat;
	background-size:24px 24px;
}
/*报警记录*/
.hrbanner img{
	display:block;
	width:100%;
}
.helprecordul li{
	margin:0 15px 0 25px;
}
.hritem{
	position:relative;
	padding-top:15px;
	border-left:2px solid #008cee;
}
.hrnum {
	position:absolute;
	left:-10px;
	padding:10px 0;
	width:40px;
	background:url(../image/page/triangle0.png) right center no-repeat;
	background-size:12px 12px;
}
.hrnum span{
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	background:url(../image/page/bg_recordnum.png) left center no-repeat;
	background-size:20px 20px;
	color:#fff;
	text-align:center;
}
.hrcontent{
	padding-left:29px;
}
.hrinfo{
	position:relative;
	padding:10px 15px;
	background-color:#fff;
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0px 4px 12px #ccc; 
	box-shadow:0px 4px 12px #ccc;
}
.hrinfo div {
	padding:5px 0;
	overflow:hidden;
}
.hrinfo div label{
	float:left;
}
.hrinfo div span{
	display:block;
	padding-left:44px;
	color:#008cee;
	text-align:justify;
}
.hrinfo div p{
	text-align:right;
}
.btn-communicate{
	display:block;
	position:absolute;
	top:10px;
	right:15px;
	padding:6px 20px;
	font-size:14px;
	color:#fff;
	background-color:#008cee;
	border-radius:20px;
	cursor:pointer;
}
/*清除缓存*/
.clear-wrap{
	padding:20px 15px 0 15px;
}
.clear-wrap img{
	display:block;
	margin:0 auto;
	width:50%;
}
.clear-txt{
	padding:0 0 40px 0;
	color:#999;
	font-size:16px;
	text-align:center;
}
/*志愿者*/
.volunteer-banner img{
	display:block;
	width:100%;
}
.volunteer-statistics{
	overflow:hidden;
}
.volunteer-statistics li{
	display:block;
	padding:15px 0;
	width:50%;
	float:left;
	font-size:15px;
	text-align:center;
}
.volunteer-content{
	background:#fff;
}
.volunteer-jobname{
	padding-left:5px;
	border-left:4px solid #008cee;
}
.volunteer-jobinfo{
	padding:15px;
}
.volunteer-jobinfo h4{
	font-size:16px;
}
.volunteer-jobinfo p{
	padding-top:10px;
	text-align:justify;
}
.volunteer-info{
	background:#fff;
}
.volunteer-info.padd{
	padding:15px;
}
.base-info{
	font-size:15px;
	font-weight:600;
}
/*志愿者任务列表*/
.volunteer-task-list ul li{
	margin-top:10px;
	background:#fff;	
}
.volunteer-task-list ul li a{
	display:block;
	padding:0 15px;
	overflow:hidden;
}
.vtask-head{
	padding:10px 0;
}
.vtask-state{
	float:right;
	width:80px;
	text-align:right;
}
.vtask-time{
	padding-right:100px;
	color:#666;
}
.vtask-content{
	padding:10px 0;
}
.vtask-content p{
	padding:4px 0;
}
.vtaskstate-list{
	padding-top:10px;
}
.vtaskstateitem{
	position:relative;
	padding:10px 0;
	border-left:1px solid #e0e0e0;
}
.vtaskstateitem.nowstate{
	border-left:1px solid #008cee;
}
.vstate-mark{
	padding:10px 0;
	position:absolute;
	top:15px;
	left:-5px;
	width:27px;
	height:10px;
	line-height:10px;
	background:url(../image/page/vstatebg.png) left center no-repeat;
	background-size:27px 10px;	
}
.vstate-content{
	padding-left:21px;
}
.vstate-info{
	padding:10px 15px;
	background-color:#fff;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #f0f0f0;
}
.nowstate .vstate-mark{
	background:url(../image/page/vstatebg0.png) left center no-repeat;
	background-size:27px 10px;		
}
.nowstate .vstate-info{
	border:1px solid #CBE7FC;
}

/*志愿者任务申请*/
.vlistbox{
	padding:10px 15px;
	overflow:hidden;
}
.task-title{
	padding-right:32px;
	height:20px;
	line-height:20px;
	font-size:16px;
	font-weight:600;
	background:url(../image/page/arrow_right.png) right center no-repeat;
	background-size:16px 16px;	
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.task-address{
	padding-top:4px;
	height:24px;
	line-height:24px;
	font-size:14px;
	color:#999;
}
.distance{
	font-weight:600;
}
.distance-time{
	margin-top:10px;
	padding-top:15px;
	padding-bottom:5px;
}
.distance-time ul{
	overflow:hidden;
}
.distance-time ul li{
	display:block;
	float:left;
	width:50%;
	text-align:center;
}
.distance-time ul li span{
	display:inline-block;
	padding-left:20px;
	color:#008cee;
	font-size:16px;
	font-weight:600;
}
.txt-walk{
	background:url(../image/page/icon_walk.png) left center no-repeat;
	background-size:16px 16px;	
}
.txt-bike{
	background:url(../image/page/icon_bike.png) left center no-repeat;
	background-size:16px 16px;	
}
.distance-time ul li p{
	padding-top:10px;
	height:28px;
}
.applybtn{
	float:right;
	width:96px;
}
.applybtn a{
	display:block;
	width:100%;
}
.applybtn a img{
	display:block;
	width:100%;
}
.progress-wrap{
	padding-right:120px;
}
.progress-info{
	padding-top:15px;
}
.progress{
	margin-top:10px;
}
.volunteermsg{
	top:0;
	padding-bottom:0;
}
.volunteermsg h3{
	font-weight:600;
}
.volunteermsg h4{
	padding-bottom:10px;
	font-size:16px;
	font-weight:600;
}
/*盲人出版社-健康咨询*/
.consulwrap{
    padding: 15px;
    position: relative;
    top: -50px;
}
.consul h3{
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    color:#88cf1d;
    position: relative;
    top: -10px;
    background-color: #fff;
    display: inline-block;
    padding:0 5px;
}
.consul{
    border:2px solid #88cf1d;
    border-radius: 5px;
    padding:15px;
    padding-top:0;
}
.consul .consulcon{
    font-size: 16px;
    color:#88cf1d;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 180%;
    text-align: justify;
}
.weui-btn_green{
    background-color: #88cf1d;
}
/*盲人出版社-陪诊就医*/
.accompanywrap{
    padding: 15px;
    position: relative;
    top: -50px;
}
.accompany h3{
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    color:#008cee;
    position: relative;
    top: -10px;
    background-color: #fff;
    display: inline-block;
    padding:0 5px;
}
.accompany{
    border:2px solid #008cee;
    border-radius: 5px;
    padding:15px;
    padding-top:0;
}
.accompany .consulcon{
    font-size: 16px;
    color:#008cee;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 180%;
    text-align: justify;
}
/*盲人出版社-自助挂号*/
.regwrap{
    padding: 15px;
    position: relative;
    top: -50px;
}
.reg h3{
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    color:#fdbc33;
    position: relative;
    top: -10px;
    background-color: #fff;
    display: inline-block;
    padding:0 5px;
}
.reg{
    border:2px solid #fdbc33;
    border-radius: 5px;
    padding:15px;
    padding-top:0;
}
.reg .regcon{
    font-size: 16px;
    color:#fdbc33;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 180%;
    text-align: justify;
}
.weui-btn_orange{
    background-color: #fdbc33;
}
/*免责声明*/
.condisclaimer p{
    text-indent: 2em;
}

/*图片预览*/
.imgview .weui-mask{
	background: rgba(0, 0, 0, 1);
}
.imgwrap{
	position: fixed;
    z-index: 5000;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}
.imgwrap img{
	display:block;
	margin:0 auto;
	max-width:100%;
}

/*交流窗口*/
.footer-talk{
	position:relative;
	width:100%;
	height:54px;
	overflow:hidden;
	background-color:#f5f5f7;
	border-top:1px solid #e0e0e0;
}
.upload-input-bg{
	position:absolute;
	top:0;
	left:0;
	width:54px;
	height:54px;
	background:none;
	background:url(../image/page/upload_img.png) center center no-repeat;
	background-size:32px 24px;	
}
.upload-btn-talking{
	width: 54px;
	height: 54px;
    opacity: 0;
}
.talking-wrap{
	position:relative;
	padding:8px 0;
	margin-left: 54px;
    margin-right: 10px;
}
.talksend-btn{
	display:block;
	position:absolute;
	top:12px;
	right:4px;
	width:60px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#fff;
	font-size:16px;
	background:none;
	border:none;
	background-color:#23e519;
	border-radius:20px;
	z-index: 11;
}
.talkSendBtn:active{
	background-color:#1dba14;
}
.talkSendBtn:visited{
	background-color:#23e519;
}
.talk-textarea-wrap{
	display:block;
	padding:8px 20px;
	padding-right:68px;
	width:100%;
	height:38px;
	background-color:#fff;
	border:1px solid #e0e0e0;
	border-radius:20px;
	overflow:auto;
}
textarea[name=talkInput]{
	display:block;
	width:100%;
	height:22px;
	line-height:22px;
	font-size:14px;
	background:none;
	border:none;
	overflow-y:hidden
}
.talk-container{
	padding:10px;
}
.talk-item{
	position:relative;
	overflow:hidden;
}
.talk-item.talk-item-helper{
	text-align:right;
}
.talk-item img.avator{
	position:absolute;
	top:0;
	left:0;
	width:36px;
	height:36px;
}
.talk-item.talk-item-helper img.avator{
	left:auto;
	right:0;
}
.talk-main{
	display:inline-block;
	margin :0 44px;
	margin-top:10px;
	padding: 8px 15px;
	text-align: justify;
	background-color:#fff;
	border-radius:15px;
	border-top-left-radius:0;
	-webkit-box-shadow:0px 2px 2px #d8d8d8; 
    box-shadow:0px 2px 2px #d8d8d8;
    overflow: auto;
}
.talk-main.talk-helper{
	background-color:#008cee;
	border-radius:15px;
	border-top-right-radius:0;
}
.talk-time{
	color:#999;
	font-size:12px;
}
 .talk-content{
	word-break:break-all;
 }
.talk-helper  .talk-content{
	color:#fff;
}
.talk-content img{
	display:block;
	margin:0 auto;
	max-width:100%;
}
.talk-helper .talk-time{
	color:#eee;
}
/* 培训退款 */
.refundform div.weui-cell:not(:first-child){
	background-color:#f9f9f9;
}
.refundform .explain{
	font-size:14px;
	color:#999;
	padding:10px 15px;
	text-align:center;
}
/* 账单管理  */
.bill-listul li{
	background-color:#fff;
	padding:15px 20px;
	margin-top:20px;
}
.bill-line{
    border-top: 2px solid #fbfbfb;
    margin-top: 8px;
    padding-top: 10px;
}
.bill-height{
	/* height:30px; */
	line-height:30px;	
}
.bill-info-box{
    padding: 15px 20px;
    background-color: #fff;
    margin-top: 20px;
    word-break:break-all;
}
.mt70{
	margin-top:70px;
}
.ml28{
	margin-left:28px;
}
.mr5{
	margin-right:5px;
}
.mr10{
	margin-right:10px;
}
/* 彈窗 */
.dialog-selbox{
   padding:10px;
}
.dialog-selbox .ulbox{
    border:1px solid #e0e0e0;
    border-radius: 4px;
    text-align: left;
    overflow-y: scroll;
    padding-bottom:30px;
    height: auto;
}
.dialog-selbox .ulbox .lilist{
    padding:10px;
    color:#333;
    font-size: 14px;
}
.dialog-autoinput{
    width:100%;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color:#333;
    padding:0px 10px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    -webkit-appearance: none;
    background-color: transparent;
}
.complete-dialog .searinput{
    padding-left:40px;
    width:100%;
}
.complete-dialog{
    background-color:#fff;
    overflow-y: scroll;
}
.auto-topbox{
    padding:10px;
}
.auto-topbox .closebtn{
    color:#008cee;
    font-size: 15px;
    font-weight: 600;
    float: left;
    display:block;
    height: 35px;
    line-height: 35px;
}
#userdefined>.weui-cell>.weui-cell__hd{
	width:96px;
}


/*
*time:2019/7/25
*服务号前端残障部分css新增
*/

.place{
    width: 14px;
    display: inline-block;
}

.weui_label{
    min-width: 96px;
    width: auto !important;
}

.healthType{
    display: none;
}

.isLy{
    display: none;
}

.weui-cell__bd{
    flex: 1;
}

#imgCodePic{
    width: 100px;
    height: 50px;
    padding: 5px ;
    box-sizing: border-box;
}

.aedNotice{
    display: none;
    top: 354px;
    height: 70px;
    font-size: 12px;
    color:#999;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 15px;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
    z-index: 2;
    position: fixed;
    justify-content: center;
    align-items: center;
}

.indexColor{
    color:#0E599A;
}

.index_Icon{
    width: 33.33%;
}

.index_Icon:before{
   border-right: 0px !important;
}

.index_Icon:after{
   border-bottom: 0px !important;
}

.sets{
    margin:0 15px;
    width: calc(100 - 40px);
    margin: 20px 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 2px #c9c9c9;
}

.mt30{
    margin-top: 60px;
}

.titles{
    margin:0 15px;
    width: calc(100% - 40px);
    margin: -30px 20px 20px 20px;
    border-radius: 5px;
    background-color: #fff;
    height: 70px;
    position: absolute;
    z-index: 1;
    border:1px solid #e0e0e0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}
.dgc{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.dgc span{
    margin: 0 5px;
    color: #008CEE;
}

.bgc{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bgc label{
    font-weight: 800;
    color: #000;
    margin: 0 5px;
}

.dgc:before{
    display: block;
    content: '';
    border-right: 1px solid #E0E0E0;
    position: absolute;
    right: 0;
    height: 100%;
    width: 1px;
}

.trainTitle{
    width: 100%;
    background-color: #fff;
    padding: 10px 15px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 800;
}

.trainBlue{
    color:#008CEE;
}

.trainGray{
    background-color: #ccc;
    color:#fff;
    width: 90px !important;
    height: 30px;
    border-radius: 5px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.trainBlueBtn{
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: #008CEE;
    color:#fff;
    width: 90px !important;
    height: 30px;
    border-radius: 5px;
    text-align: center;
    line-height: 30px;
}

.trainBatches{
    width: calc(100% - 30px);
    margin-left: 15px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 10px 15px;
    box-shadow: 0 0 10px -2px #999;
}
.trainBatches_li{
    width: 100%;
    margin-bottom: 20px;
    height: auto;
    position: relative;
}

.trainBatches_li div{
    width: 100%;
    margin-bottom: 5px;
    font-size: 14px;
}
.trainBatches_other{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.trainBatches_other img{
    width: 20px;
    margin-left: 15px;

}

.trainBatches_other div{
    flex:1;
    width: 0px;
}
.recruitList{
    margin-top: 65px;
    width: 100%;
    height: auto;
}

.recruitList ul{
    width: 100%;
    padding: 0;
    margin: 0;
}
.recruitList li {
    width: 100%;
    height: auto;
    margin-top: 10px;
    background-color: #fff;
}
.recruitHeader{
    padding: 5px 15px;
    width: 100%;
    box-sizing: border-box;
    min-height: 42px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}
.recruitContent{
    padding: 10px 15px;
    box-sizing: border-box;
    width: 100%;
    height: auto;
}
.body-recruit{
    height: 100vh;
    overflow: auto;
    background-color: #f0f0f0;
}
.recruitContent div{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    margin-bottom: 5px;
    color:#666;
}
.recruitContent div p{
    width: 0px;
    flex: 1;
}
.nothing{
    background-color: #f0f0f0 !important; 
    text-align: center;
    font-size: 16px;
    color:#666;
}
.recruitDetailHeader{
    width: 100%;
    margin-top: 65px;
    height: auto;
    min-height: 42px;
    display: flex;
    justify-content:flex-start;
    align-items: center;
    padding: 5px 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
    font-size: 16px;
    font-weight: 800;
}
.recruitDetailBody{
    box-sizing: border-box;
    width: 100%;
    padding: 10px 15px;
    background-color: #fff;
    font-size: 14px;
    color:#666;
    border-bottom: 1px solid #e0e0e0;
}

.recruitDetailBody div{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

.recruitDetailBody div p{
    width: 0px;
    flex: 1;
}
.recruitDetailBody div img{
    width: 20px;
    margin-left: 15px;
}
.recruitDetailFooter{
    width: 100%;
    box-sizing: border-box;
    padding: 10px 15px;
    background-color: #fff;
}
.recruitDetailFooter p{
    font-size: 15px;
    font-weight: 800;
    color:#666;
    margin-bottom: 15px;
}

.toAed{
    width: 80px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#fff;
    font-size: 12px;
    border-radius: 5px;
    background-color: #008cee !important;
}

.car_banner{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
    margin:90px 0 40px 0;
}

.car_banner img{
    width:calc(100vw * 0.57);
    height: calc(100vw * 0.37);
    display: inline-block;
}

.car_tips{
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
    color:#A4A9C6;
}

.car_result{
    display: none;
    margin: 0 20px;
    width: calc(100% - 40px);
    background-color: #E8EDFD;
    font-size: 13px;
    box-sizing: border-box;
    padding: 17px 40px;
}

.car_result div{
    color:#A4A9C6;
    margin-bottom: 5px;
}

.car_result span{
    color:#354AC0;
}

.car_regisNo{
    width: 100%;
    text-align: center;
    margin-bottom: 20px !important;
}

.car_regisNo span{
    font-size: 20px;
}

.datePickerTips{
    height: auto;
    padding: 0 15px 5px 35px;
    box-sizing: border-box;
    width: 100%;
    font-size: 12px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.datePickerTips >div{
    color:#999;
}
.datePickerTips p{
    color:#999;
}

.datePickerTipsRed >div{
    color:#ff3000;
}
.datePickerTipsRed p{
    color:#ff3000;
}

.transportFloor{
    width: 100px;
    font-size: 13px;
    padding: 0 10px;
    box-sizing: border-box;
    color:#333;
    height: 28px;
}

.transportRadio{
    float: left;
    margin-right: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.transportRadio input[type=checkbox]{
    width: 26px;
    height: 15px;
}

.transportRadio input[type=radio]{
    width: 20px;
    height: 15px;
}

.car_qrCodeImg{
    margin-top: 30px;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.car_qrCodeImg img{
    width: 50%;
    margin-bottom: 10px;
}

.car_qrCodeImg p{
    font-size: 16px;
    color:#999;
    text-align: center;
    margin-bottom: 40px;
}


.maskAll {
    position: fixed;
    top: 0;
    background-color: rgba(0, 0, 0, 0.51);
    z-index: 999;
    height: 100vh;
    width: 100vw;
    max-width: 640px;
    display: none;
}

.carNum .busResult{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 300px;
    width: 310px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -150px 0 0 -155px;
    font-size: 1.1em;
}
.carNum .busResult .tit1{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 35px;
    line-height: 35px;
    background: #0089de;
    color: #fff;
    padding-left: 10px;
}
.carNum .busResult .con-con1 li:hover{
    background:#e3ecf2;
}
.carNum .busResult .con-con1 li{
    padding:5px 20px;
}
.carNum .busResult .con-con{
    padding:15px 10px;
}
.carNum .busResult .con-con1{
    border:1px solid #d6d6d6;
    height: 170px;
    width: 100%;
    overflow-y: auto;
    border-radius: 0px;
}
.carNum .busResult li:not(:first-child){
    margin-top: 10px;
}
.carNum .busResult li p{
    color: #333;
    font-size: 1em;
}
.carNum .busResult .btn{
    margin:10px auto 0 auto;
    height: 35px;
    width: 180px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    background-color: #0089de;
}

/*菜单*/
.carNum .menu{
    width: 100%;
    background: #f0f0f0;
    height: 89px;
    box-sizing: border-box;
}
.carNum .menu .menu1{
    background: #fff;
    padding-top:20px;
    width: 25%;
    -moz-box-flex:1.0; /* Firefox */
    -webkit-box-flex:1.0; /* Safari 和 Chrome */
    box-flex:1.0;
    height: 89px;
    display: block;
    text-align: center;
    float: left;
    cursor: pointer;
}
.carNum .menu div:not(:first-child){
    border-left: 1px solid #f2f2f2;
    box-sizing: border-box;
}
.carNum .menu .menupic{
    width: 35px;
}
.carNum .menu .menupic,.carNum .menu .tit{
    display:block;
    text-align: center;
    margin:0 auto;
}
.carNum .menu .tit{
    height: 30px;
    line-height: 30px;
    font-size: 1em;
}
/*文字*/
.carNum .txt{
    height: 30px;
    line-height: 30px;
    background: #0089de;
    color: #fff;
    font-size: 1.1em;
    padding:0 10px;
} 
.carNum .con1{
    padding:15px 10px 30px 10px;
}
.carNum .explain{
    color:#a9a9a9;
    font-size: 1em;
    text-align: center;
    padding-bottom:20px;
}
.carNum .a1{
    font-size: 1.4em;
    width: 240px;
    height: 50px;
    line-height: 50px;
    color:#444;
    margin:0 auto;
    border: 1px solid #0089de;
    overflow:hidden;
}
.carNum .a1 .input1{
    font-size:1rem;
    /*max-width: 180px;*/
    height:100%;
    width: 180px;
    background: transparent;
    border:0;
    margin:0 auto;
    float: left;
    text-indent: 10px;
    overflow:hidden;
}
.carNum .a1 .cardcity{
    float: left;
    text-align: center;
    display: block;
    width: 49px;
    height: 49px;
    font-size: 16px;
    border-right: 1px solid #0089de;
}
.carNum .con1 .btn{
    width: 240px;
    box-sizing: border-box;
    background: #0089de;
    text-align: center;
    margin:15px auto 0 auto;
    height: 50px;
    line-height: 50px;
}
.carNum .con1 .btn .but{
    font-size: 1em;
    width: 100%;
    color: #fff;
    background-color: transparent;
    border:0px;
}
/*======外观甄别============*/
.aper .menu{
    height: 40px;
    width: 100%;
    border-bottom:1px solid #d6d6d6;
}
.aper .menu .lab{
    width: 50%;
    display: block;
    text-align: center;
    color:#444;
    font-size: 1em;
    height: 40px;
    box-sizing: border-box;
    float: left;
    line-height: 40px;
}
.aper .menu .choseed{
    color: #0089de;
    border-bottom: 3px solid #0089de;
}

/*===============证件甄别==========*/
.carNum .menu2Pop{
    width: 320px;
    height: 260px;
    background: #fff;
    position: absolute;
    top:50%;
    left:50%;
    margin: -130px 0 0 -160px;
}
.carNum .menu2Pop .close{
    text-align: right;
    height: 10px;
    width: 100%;
    position: relative;
}
.carNum .menu2Pop .close img{
    width: 24px;
    position: absolute;
    top:-12px;
    right: -12px;
    opacity: .5;
}
.carNum .menu2Pop .card{
    text-align: center;
    width: 100%;
}
.carNum .menu2Pop .card img{
    width:100%;
}
/*设备甄别*/
.carNum .menu3Pop{
    width:310px;
    height: 485px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin:-242.5px 0 0 -155px;
}
.carNum .menu3Pop .close{
    text-align: right;
    height: 10px;
    width: 100%;
    position: relative;
}
.carNum .menu3Pop .close img{
    width: 24px;
    position: absolute;
    top:-12px;
    right: -12px;
    opacity: .5;
}
.carNum .menu3Pop .facility{
    width:100%;
    text-align: center;
}
.carNum .menu3Pop .facility img{
    width:100%;
}
/*票据甄别*/
.carNum .menu4Pop{
    width:330px;
    height: 485px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin:-242.5px 0 0 -165px;
}
.carNum .menu4Pop .close{
    text-align: right;
    height: 15px;
    width: 100%;
    position: relative;
}
.carNum .menu4Pop .close img{
    width: 24px;
    position: absolute;
    top:-12px;
    right:-12px;
    opacity: .5;
}
.carNum .menu4Pop .notes{
    width:100%;
    text-align: center;
    overflow-y: auto;
    height: 470px;
}
.carNum .menu4Pop .notes img{
    width:100%;
}

/**图片*/*
/*威霆324*/
.aper .con324,.aper .con119{
    padding:15px 10px;
}
.aper .con324 .til,.aper .con119 .til{
    background-color: #0089de;
    color: #fff;
    font-size: 1em;
    padding-left:10px;
    height:25px;
    line-height:25px;
    text-align: left;
}
.aper .con324 .box,.aper .con119 .box{
    border:1px solid #d6d6d6;
    margin-top: 10px;
}
.aper .con324 .pic324,.aper .con119 .pic119{
    background: #fff;
    padding:10px;
    width: 100%;
    text-align: center;
}
.aper .con324 .pic324 img,.aper .con119 .pic119 img{
    width: 100%;
}


/*车牌查询pc*/

.car-number .car_content{
    height:100vh;
    width: 100%;
    overflow: auto;
    background:#F1EFF5;
    color:#656565;
}

/* .car-number .img1{
    width:100%;
    height:210px;
    float:left;
    -webkit-box-sizing:border-box;
    padding:15px 0px;
    position:relative;
    background:#fff url(/res/Sh120/structure/201507271051.png) center no-repeat;
    background-size:contain;overflow:hidden;
} */
/* 兼容ie8以下 */
.car-number .img1{
    width:100%;
    height:210px;
    float:left;
    padding:15px 0px;
    position:relative;
    background:#fff url('../image/page/car/201507271051.png') center no-repeat;
    background-size:contain;overflow:hidden;
}
.car-number .img1 p{width:100%;color:#60bff2;text-align:left;font-size:18px;line-height:140%;padding:0px 20px;position:absolute;left:0px;opacity:1;}
.car-number .img1 .p1{top:15px;
    animation:p1 2s;
    -moz-animation:p1 2s; /* Firefox */
    -webkit-animation:p1 2s; /* Safari and Chrome */
    -o-animation:p1 2s; /* Opera */
}
.car-number .img1 .p2{top:40px;text-indent:4em;
    animation:p2 4s;
    -moz-animation:p2 4s; /* Firefox */
    -webkit-animation:p2 4s; /* Safari and Chrome */
    -o-animation:p2 4s; /* Opera */
}

@keyframes p1{
    0%{left:-100%;opacity:0;}
    100%{left:0;opacity:1;}
}

@-moz-keyframes p1{
    0%{left:-100%;opacity:0;}
    100%{left:0;opacity:1;}
}

@-webkit-keyframes p1{
    0%{left:-100%;opacity:0;}
    100%{left:0;opacity:1;}
}

@-o-keyframes p1{
    0%{left:-100%;opacity:0;}
    100%{left:0;opacity:1;}
}
@keyframes p2{
    0%{left:-100%;opacity:0;}
    100%{left:0;opacity:1;}
}

@-moz-keyframes p2 {
    0%{left:-100%;opacity:0;}
    100%{left:0;opacity:1;}
}

@-webkit-keyframes p2 {
    0%{left:-100%;opacity:0;}
    100%{left:0;opacity:1;}
}
@-o-keyframes p2{
    0%{left:-100%;opacity:0;}
    100%{left:0;opacity:1;}
}
.car-number .ul1{width:100%;float:left;}
.car-number .ul1 li{box-sizing:border-box;width:100%;float:left;height:55px;position:relative;line-height:40px;padding:0px 10px;margin-top:15px;}

/*.car-number .ul1 .li1{background:#fff;margin-top:0px;border-top:1px #ddd solid;border-bottom:1px #ddd solid;}
.car-number .ul1 .li1 span{position:absolute;left:15px;width:auto;top:0px;}
.car-number .ul1 .li1 input{width:100%;float:left;height:35px;border:1px #ddd solid;border-radius:3px;margin-top:10px; outline:none;line-height:35px;-webkit-box-sizing:border-box;padding:0px 5px;}
*/

.car-number .ul1 .li1{position:relative;background:#fff;margin-top:0px;border-top:1px #ddd solid;border-bottom:1px #ddd solid;display:-webkit-box}
.car-number .ul1 .li1 span.cardcity{text-align:right}
.car-number .ul1 .li1 span{position:absolute;left:10px;top:8px;width:auto;}
.car-number .ul1 .li1 input{color:#999;position:absolute;left:45px;display:block; -webkit-box-flex: 1;width:250px;height:35px;border:1px #ddd solid;border-radius:3px;margin:10px 5px 0; outline:none;line-height:35px;box-sizing:border-box;padding:0px 5px;}


.car-number .ul1 li .but{width:100%;height:35px;float:left;border:none;border-radius:3px;background:#60bff2;font-size:16px;padding-left:0px;line-height:35px;color:#fff;}
.car-number .result{width:100%;float:left;margin-top:0px;box-sizing:border-box;padding:0px 15px 30px;text-align:center;color:#008CEE;}
.car-number .result img{height:20px;position:relative;right:12px;}
.car-number .tishi{width:100%;box-sizing:border-box;padding:5px 10px;text-align:left;font-size:14px;color:#a9a9a9;line-height:140%;float:left;border-top:1px #ddd solid;}
/* placeholder颜色 */
input::-webkit-input-placeholder { /* WebKit browsers */
    color:#999;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#999;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#999;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#999;
}
.checkBook {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 20px;
}
.checkBook p {
    text-align: center;
    width: 100%;
    color: #008cee;
    font-size: 16px;
    cursor: pointer;
}
.checkBook p img {
    width: 15px;
}

.car-number .result{
    overflow: auto;
    width: 100%;
}

.car-number .result ul{
    padding:0;
    list-style-type: none;
}

.car-number .result li p{
    text-align: left;
    color: #008CEE;
}

.car-number .result li{
    margin-top: 7px;
}

/*北京车辆甄别PC*/
/*120急救车鉴别手册*/

.checkTrueBody{
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
}

/*banner*/
.checkTrue .topbanner{
    padding:10% 0;
    width: 100%;
    background-color:#008cee;
    text-align: center;
    height:100%;
    border: 1px solid #008cee;
}
.checkTrue .topbanner img{
    width:70%;
    height: 100%;
}
/*å†…å®¹*/
.checkTrue .checkTrue_con{
    padding:0 10px 10px 10px;
}
/*çŽ°åœºè¯†åˆ«æ­¥éª¤*/
.checkTrue .title{
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    background-color: #008cee;
    width: 100px;
    margin:0;
    border: none;
    outline: none;
    text-align: center;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
/*æ ‡é¢˜*/
.checkTrue .title_min{
    color: #444;
    font-size:14px;
    font-weight: bold;
    padding:5px 0;
}
/*ç¬¬ä¸€ç‚¹*/
.checkTrue .con1{
    background: url("../image/page/car/con1_bg.png") no-repeat;
    background-size: 100% 100%;
    padding:10px;
    color: #444;
    font-size:12px;
    position: relative;
}
.checkTrue .con1 p{
    padding:2px 0 2px 20px;
}
.checkTrue .con1 span{
    position: absolute;
    left: 10px;
    padding-top:3px;
}
/*ç¬¬äºŒç‚¹*/
.checkTrue .con2{
    background: url("../image/page/car/con2_bg.png") no-repeat;
    background-size: 100% 100%;
}
/*ç¬¬ä¸‰ç‚¹*/
.checkTrue .con3{
    background: url("../image/page/car/con3_bg.png") no-repeat;
    background-size: 100% 100%;
}
/*åˆ†å‰²çº¿*/
.checkTrue .line{
    height: 1px;
    background:#008cee;
    width: 100%;
}

.trainContent{
    height: calc(100vh - 104px);
    overflow: auto;
    width: 100%;
    margin-top: 50px;
}

.trainContent2{
    height: auto !important;
    margin-top: 0px;
}

.trainStatistics{
    height: 80px;
    width: 100%;
    padding: 10px 5px 10px 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    /*position: absolute;*/
    z-index: 10;
    /*top: 0px;*/
}

.trainStatistics >div{
    border-radius: 5px;
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 5px;
    height: 60px;
    padding: 0 5px;
}

.trainStatistics >div:nth-child(1){
    background-color: #2198EB;
}

.trainStatistics >div:nth-child(2){
    background-color: #9DBA00;
}

.trainStatistics >div:nth-child(3){
    background-color: #EBA000;
}

.trainStatistics >div img{
    width: 26px;
    height: 26px;
}

.trainStatisticsTxt{
    margin-left: 8px;
    color:#fff;
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

.trainStatisticsTxt div{
    width: 100%;
    color: #fff;
    font-size: 10px;
}

.trainStatisticsTxt p{
    width: 100%;
    color: #fff;
    font-weight: 800;
    font-size: 16px;
}

.trainTabar{
    text-align: left;
    padding-left: 10px;
    font-weight: 800px;
    color: #333;
}

.masLogo{
    display: none;
    width: 100%;
    height: auto;
}

.masLogo img{
    width: 100%;
}

.masTitle{
    display: none;
    text-indent: 25px;
    font-size: 16px;
    width: 100%;
    height: 16px;
    line-height: 16px;
    position: relative;
    margin-top: 10px;
    font-weight: 800;
}

.masTitle:before{
    position: absolute;
    display: block;
    left: 10px;
    width: 3px;
    height: 16px;
    top: 0;
    content: '';
    background-color: #2198EB;
}

.tarinName{
    font-weight: 800;
    color: #333;
}

.notfound-img{
    width: 100%;
    height: 69vw;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 9vh;
}

.notfound-img img{
    width: 61vw;
    height: 43vw;
}

.notfound-notice{
    color: #333;
    font-size: 4.2vw;
    font-weight: 800;
    width: 100%;
    text-align: center;
}

.volunteerConfig{
    width: 100%;
    padding: 10px 15px 0;
    box-sizing: border-box;
}

.volunteerConfig div{
    margin-bottom: 10px;
}