@charset "utf-8";


// html{-webkit-text-size-adjust: none;}
/* html{font-size:625%;}
body{font-size: .16rem;} */

// .scrollbox{overflow-y: auto;}
.ic{display: inline-block;text-align: center;}
.ic_img{background-repeat: no-repeat;background-size: contain;background-position: center center;}

.cycle{border-radius: 50%;}
.btn{display: inline-block;border:0;text-align: center;cursor: pointer;}
// .btn:active{-webkit-filter:brightness(.8);}
.btn_cycle{border-radius: 50%!important;}
.btn-disable,*[btnstate=disable]{background:#ddd!important;}
.btn-disable,*[btnstate=disable],.btn-disable *,*[btnstate=disable] *{text-shadow:none!important;.tss(none);}
.btn-disable:hover,.btn-disable:active,*[btnstate=disable]:hover,*[btnstate=disable]:active{-webkit-filter:none!important;}
.btn.disabled,.btn[disabled]{background: @g82!important;-webkit-filter:none!important;filter:none!important;}

.redpoint{padding: 0 4px;display: inline-block;height: 14px;line-height: 14px;.h4;border-radius:7px;background: @red;color:@w;}


@blue_main:#00c0ff;

@red:#f74c30;
@orange:#ec571f;
@green:#0ac380;

@yellow:#f7ff00;
@blue_dark:#2a2b47;

@g98:#fafafa;
@g96:#f5f5f5;
@g95:#f2f2f2;
@g93:#ededed;
@g92:#ebebeb;
@g90:#e5e5e5;
@g89:#e3e3e3;
@g88:#e0e0e0;
@g87:#ddd;
@g86:#dcdcdc;
@g82:#d2d2d2;
@g80:#ccc;
@g78:#c7c7c7;
@g75:#bfbfbf;
@g73:#bbb;
@g72:#b8b8b8;
@g71:#b5b5b5;
@g70:#b2b2b2;
@g67:#aaa;
@g65:#a6a6a6;
@g63:#a0a0a0;
@g60:#999;
@g59:#979797;
@g58:#959595;
@g57:#919191;
@g56:#8e8e8e;
@g55:#8c8c8c;
@g54:#898989;
@g53:#868686;
@g52:#848484;
@g50:#808080;
@g49:#7d7d7d;
@g48:#7b7b7b;
@g47:#797979;
@g45:#737373;
@g44:#717171;
@g40:#666;
@g39:#646464;
@g35:#595959;
@g33:#545454;
@g30:#4d4d4d;
@g28:#484848;
@g25:#404040;
@g24:#3d3d3d;
@g23:#3b3b3b;
@g20:#333;
@g17:#2b2b2b;
@g14:#242424;
@g13:#202020;
@g12:#1e1e1e;

@w:#fff;
@b:#000;





.h1{font-size: 90px;}
.h2{font-size: 36px;}
.h3{font-size: 30px;}
.h4{font-size: 24px;}
.h5{font-size: 20px;}
.h6{font-size: 18px;}
// .h7{font-size: 1px;}

.toe{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.redtext{color:@red;}
.orangetext{color:@orange;}
.greentext{color:@green;}
.yellowtext{color:@yellow;}
.bluetext{color:@blue_main;}
.whitetext{color:@w;}

.bgc{background-position: center center;background-repeat: no-repeat;background-size: cover;}
.avatar{.fw(52px);.cycle;background-color: @w;.bgc;overflow: hidden;}
.avatar img{width: 100%;}


.ic_svg {
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}

/* ==========================================
Single-colored icons can be modified like so:
.ic_svg_name {
  font-size: 32px;
  color: red;
}
========================================== */

.cover{z-index: 5;position: absolute;top: 0;left: 0;.fw;display: block;opacity: 0;}
.hide{display: none!important;}
.show{display: block!important;visibility: visible!important;}
.fw(@fixedsize:100%){width:@fixedsize;height:@fixedsize;}
.wh(@width,@height){width:@width;height:@height;}
.ac{margin: 0 auto;}

.clear:after,.cleanfloat{content:'';display: block;clear: both;}
.hide{display: none;}

.txtshadow(@shadowxsc:#fff,@shadowy:8px){text-shadow:0 @shadowy @shadowy*2 @shadowxsc;}
.tss(@tss:.16s cubic-bezier(0.4, 0.0, 0.2, 1)){-webkit-transition:@tss;-o-transition:@tss;transition:@tss;}
.tsfo(@tsfo:center){-webkit-transform-origin:@tsfo;-moz-transform-origin:@tsfo;-ms-transform-origin:@tsfo;-o-transform-origin:@tsfo;transform-origin:@tsfo;}
.tssi(@tssi:.16s ease-out){-webkit-transition:@tssi;-o-transition:@tssi;transition:@tssi;}
.tsf(@tsf:scale(.90)){-webkit-transform:@tsf;-ms-transform:@tsf;-o-transform:@tsf;transform:@tsf;}
.tsfst(@tsfs:preserve-3d,@tsfp:1000px){-webkit-transform-style: @tsfs;-moz-transform-style: @tsfs;-o-transform-style: @tsfs;-ms-transform-style: @tsfs;transform-style: @tsfs;-webkit-perspective: @tsfp;-moz-perspective: @tsfp;-o-perspective: @tsfp;-ms-perspective: @tsfp;perspective: @tsfp;}

.ani(@ani:ease-out){-webkit-animation:@ani;-o-animation:@ani;animation:@ani;}

.textcenter{text-align: center!important;}
.textleft{text-align: left!important;}
.textright{text-align: right!important;}
.b{font-weight: bold;}

.aac{position: absolute;top: 50%;left: 50%;.tsf(translate(-50%,-50%));}

.pullleft{float: left!important;}
.pullright{float: right!important;}

.placeholder{color:@g80;}


.tac{text-align: center!important;}

.btn_clickenter{display: block;.wh(220px,72px);.h1;line-height: 72px;border-radius: 4px;background: @red;color:@w;}
.linkto{
	cursor: pointer;
	.link{*display: none;}
}

.link:hover{text-decoration: underline;cursor: pointer;}

.mask{position: absolute;left: 0;top: 0;.fw;display: block;background: #000;}

.toast{
	z-index: 1000;position: absolute;bottom: 20px;left: 50%;margin-left: -277px;width: 542px !important;height: 64px;line-height: 64px;.h2;text-align: center;color:@w;border:1px solid @g52;
	.blackmask{opacity: .2;filter:alpha(opacity=20)}
}
.blackmask{position: absolute;left: 0;top: 0;.fw;display: block;background: @b;opacity: .5;filter:alpha(opacity=50);}

* { position: relative; padding: 0; margin: 0; font-family:'Microsoft YaHei', SimHei , Arial; outline:none;list-style: none;}

hr{height: 0;border:0;border-top: 1px solid @g71;}
a,em,i,strong,b { text-decoration: none;outline:none;} 
table{table-layout: fixed;border-collapse: collapse;}
img{border:0;}
// html,body{.fw;overflow: hidden;position: relative;}

/* ————————自定义———————— */
input,textarea{box-shadow: none;}

/*————————————————————*/
/*————————————————————*/
/*————————————————————*/
/*————————————————————*/
/*————————————————————*/
/*————————————————————*/


.link{color:@orange;}

.table{
	thead{background-color: @g95;}
	.odd{background-color: @g96!important;}
	.btn{
		.fa{margin-right: 4px;}
	}
}
.table-hover>tbody>tr:hover{background-color:@g93!important;}
.body .table tr>*{vertical-align: middle;overflow: hidden;word-break: break-all;}

.popup_trigger,.close_popup{cursor: pointer;}
.popup_box{
	z-index: 100;position: fixed;left: 0;top: 0;display: block;.fw;overflow: auto;visibility: hidden;
	.popup_mask{z-index: 1;position: fixed;left: 0;top: 0;.fw;background-color: #000;opacity: .6;filter:alpha(opacity=60);}
	.popwindow{
		z-index: 5;top: 150px;.ac;width: 800px;min-height: 232px;background: #fff;border:1px solid @g75;box-shadow: 0 4px 7px rgba(0,0,0,.08);box-sizing: border-box;border-radius: 3px;
		&.alert_popup{
			width: 400px;min-height: 160px;
			.content{
				.ac;width: 88%;
				>*:first-child{padding-top: 24px;padding-bottom: 24px;}
			}
		}
		.ic_close{
			z-index: 10;position: absolute;right: 0;top: 0;.fw(14px);padding: 10px;.h3;color:@g75;cursor: pointer;
			&:active{color:@g60;}
		}
		.pop_arrow{position: absolute;top:-5px;right: 0;display: block;.fw(12px);background: @w;.tsf(rotate(-135deg));box-shadow: 1px 1px 0 @g75;}
		.title{
			margin: 0;padding:0 10px;.h3;line-height: 36px;font-weight: normal;background-color: @g96;border-bottom: 1px solid @g75;
			.link{float: right;}
			.close_popup{float: right;margin-top: 5px;.fw(24px);text-align: center;line-height: 24px;}
		}
		.content{
			padding:10px 0 0 0;box-sizing: border-box;.h3;color:@g20;
			>*{.ac;width: 96%;}
			table{width: 100%;}
			.table{
				.ac;width: 97%;
				th,td{background-color: none;border:0;}
				th{text-align: right;}
				.imgbox{
					display: inline-block;.fw(64px);overflow: hidden;border:1px solid #eee;
					img{width:100%;}
					~.btn{top: -30px;}
				}
			}
		}
		.btngroup{
			font-size: 0;/* text-align: center; */
			.btn{right: 20px;margin: 0 8px;}
		}
	}
}
.table-striped>tbody>tr:nth-of-type(odd){background-color: transparent;}


/*————————————————————*/
/*————————————————————*/
/*————————————————————*/
/*————————————————————*/
/*————————————————————*/
/*————————————————————*/
.g_yellow{background: #f8de7a;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZGU3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWM1MTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f8de7a 0%, #f1c512 100%);
	background: -webkit-linear-gradient(top,  #f8de7a 0%,#f1c512 100%);
	background: linear-gradient(to bottom,  #f8de7a 0%,#f1c512 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8de7a', endColorstr='#f1c512',GradientType=0 );
}



/* ---------- ---------- */

html,body,.body{.fw;overflow: hidden;background-color: #fff;}




.ic{background-size: contain;background-repeat: no-repeat;}
.ic_close{background-image: url(../images/ic_close.png);}
.ic_back{background-image: url(../images/ic_arrow_gray_l.png);}
.ic_countdown{background-image: url(../images/ic_countdown.png);}
.ic_pause{background-image: url(../images/ic_pause.png);}
.ic_voice{background-image: url(../images/ic_voice.png);}

.btn_back{
	display: block;.wh(120px,56px);line-height: 56px;.h3;border: 1px solid @g70;color: @g30;border-radius: 4px;overflow: hidden;
	.ic{.fw(24px);}
}
.btn_border{
	.b;color: #898989;border: 1px solid  @g82;
	&:active{color: #fff;background: #898989;}
}
.btn_underline{
	.h4;color:@w;
	span{display: inline-block;line-height: 40px;border-bottom:1px solid @w;vertical-align: middle;}
}
.btn_g{
	color:@w;
	&:active{background: transparent;border: 1px solid @g82;}
	&.g_yellow:active{color: #f1c512;}
}

.headerbar{
	padding: 0 36px;display: block;.wh(100%,70px);box-sizing: border-box;border-bottom: 1px solid @g70;background: #fff;
	.btn_back{position: absolute;left: 36px;top: 6px;}
	.title{.h4;text-align: right;line-height: 70px;color:@g65;}

	+.contain{height:~'calc(100% - 70px)';}
}

.contain{
	width: 100%;height: auto;background: url(../images/bg_grid.png) no-repeat right top;
	.title{
		padding: 0 40px;display: block;.wh(100%,80px);line-height: 80px;.h3;.b;color: @g44;box-sizing: border-box;
		+.content{height:~'calc(100% - 80px)';}
	}
	.countdown_timer{
		position: absolute;right: 0;top: 8px;padding-left: 64px;display: block;.wh(160px,64px);font-size: 0;line-height: 64px;box-sizing: border-box;color:@w;background: @g35;border-radius: 32px 0 0 32px;
		.ic_countdown{position: absolute;left: 6px;top: 6px;display: block;.fw(52px);background-color: #fff;border-radius: 50%;}
		*{.h3;}
	}
	.content{
		display: block;width: 100%;height: auto;
		video{.fw;}
		.inst_animate{
			position: absolute;left: 0;bottom: 0;height: ~'calc(100vh - 230px)';
		}
	}
}
.inst_animate{
	.fw;
	>*{
		position: absolute;left: 0;top: 0;.fw;visibility: hidden;
		&.active{visibility: visible;}
	}
	.animate_in{}
}

.avatar{background-image: url(../images/avatar_default.png);background-size: cover;background-position: center center;border-radius: 50%;}
.btn_group{
	font-size: 0;
	.btn{box-sizing: border-box;vertical-align: top;}
}

.popup_box{
	opacity: 0;.tss;overflow: hidden;
	&.show{
		opacity: 1;
	}
}
.windowpop{
	&.show{
		.popwindow{.tsf(scale(1));}
	}
	&[popwinid="idcard_info"]{
		.popwindow{width: 678px;}
		.idcard_info{
			.avatar{display: inline-block;.fw(106px);}
			*{vertical-align: top;}
			thead{
				th{
					padding-bottom: 40px;font-size: 0;line-height: 106px;color: @g40;
					*{font-size: 72px;}
					span{padding: 0 24px;}
				}
			}
			tbody{
				tr{
					>*{height: 52px;.h3;line-height: 30px;}
					th{text-align: right;font-weight: normal;color: @g73;}
					td{padding-left: 24px;text-align: left;.b;color: @g57;}
				}
			}
		}
	}
	.popwindow{
		.tsf(scale(0));.tss(.5s ease);
		.popup_title{padding: 16px;.b;.h2;line-height: 52px;text-align: center;box-sizing: border-box;background: @g92;color: #c2c1bd;}
		.popup_contain{
			padding: 32px 64px 64px 64px;text-align: center;box-sizing: border-box;
			table{margin: 0 auto;}
			.btn_group{
				margin-top: 24px;
				.btn{height: 80px;width: 198px;.h3;line-height: 80px;border-width: 2px;border-radius: 5px;}
				.btn+.btn{margin-left: 14px;}
				.btn_border{line-height: 76px;}
			}
		}
	}
}
.loading{
	.loading_contain{
		z-index: 5;.aac;text-align: center;
		.loading_img{
			.ac;display: block;.fw(174px);border-radius: 50%;background:#fff url(../images/loading.gif) no-repeat center;background-size: 75%;
		}
		.text{
			.h3;line-height: 72px;color:fade(@w,50%);
			&:after{content:"";padding-left: 4px;display: inline-block;width: 30px;text-align: left;letter-spacing: 4px;animation:loading_dot 2s infinite;}
		}
	}
}
@keyframes loading_dot{
	0%{content:'';}
	25%{content:'.';}
	50%{content:'..';}
	75%{content:'...';}
	100%{content:'';}
}


/* ---------- 对话界面 ---------- */
.smart_service{
	background: url(../images/bg_blur.png) no-repeat;background-size: cover;

	&.show{
		.welcome{animation:welcome_show .5s cubic-bezier(.35,.39,.72,1.21) 1;}
		.operation>*{animation:operation_show .2s cubic-bezier(0.4, 0.0, 0.2, 1) 1;}
	}

	.welcome{
		position: absolute;left: 0;top: 0;padding: 256px 0;.fw;text-align: center;opacity: 0;visibility: hidden;.tsf(translateY(-40vh));.tss(.2s);box-sizing: border-box;
		.btn_underline{
			width: 100%;.h1;
			span{line-height: 160px;}
		}
		p{line-height: 58px;.h4;color:@g80;}
		&.active{
			opacity: 1;visibility: visible;.tsf(translateY(0));
			+.dialog_flow{
				visibility: hidden;opacity: 0;.tss(0s);.tsf(translateY(40vh));
				.unit_msg{
					&.msg_him{.tsf(translateX(-100vw));opacity: 0;}
					&.msg_me{.tsf(translateX(100vw));opacity: 0;}
				}
			}
			~.operation .btn_record{animation:operation_show_wc .58s cubic-bezier(.24,.95,.66,1.25) 1;}
		}
	}

	.dialog_flow{
		height:~'calc(100% - 192px)';overflow: hidden;.tss(.5s);opacity: 1;
	}

	.btn_closepopup{position: fixed;right: 56px;bottom: 40px;.wh(160px,100px);line-height: 100px;}

	.operation{
		position: fixed;left: 0;bottom: 0;.wh(100%,192px);text-align: center;
		>*{visibility: hidden;.tss(.2s);}
		>*.active{visibility: visible;}
		.btn_record{
			position: absolute;left: 50%;top: 0;margin-left: -73px;.fw(146px);opacity: 0;.tsf(scale(.4));
			&.active{opacity: 1;.tsf(scale(1));}
		}
		.dialog_flow_loading{
			top: 48px;display: inline-block;.fw(54px);border-radius:50%;border:1px solid #fff;.tsf(scale(0));
			~*{z-index: 2;}
			&.active{
				.tsf(scale(1));
				~.recording{.tsf(translateY(0));opacity: 0;}
			}
			&:before,&:after{content:'';position: absolute;left: 0;top: 0;display: block;border:1px solid #fff;border-bottom: 0;box-sizing: border-box;animation:loading_roll linear 1s infinite;.tsfo(center bottom);}
			&:before{margin: 5px;.wh(44px,22px);border-radius:22px 22px 0 0;animation:loading_roll linear 1s infinite;}
			&:after{margin: -7px;.wh(68px,34px);border-width:2px;border-radius:34px 34px 0 0;animation:loading_roll_back linear 1.5s infinite;}
		}
		.recording{
			position: absolute;left: 0;top: 0;.fw;text-align: center;opacity: 0;.tsf(translateY(100%) scaleY(0));.tsfo(center center);
			&.active{.tsf(translateY(0) scaleY(1));opacity: .5;}
			.btn_pause{margin-top: 24px;display: inline-block;.fw(100px);}
			.audiopop{
				margin-top: 8px;width: 100%;height: 24px;text-align: center;font-size: 0;
				.freqbar{
					display: inline-block;.wh(8px,100%);.tsfo(center bottom);border-radius: 3px;background: #fff;.tsfo(center center);
					+.freqbar{margin-left: 4px;}
				}
			}
		}
	}

}

@keyframes loading_roll{
	from{.tsf(rotate(0deg));}
	to{.tsf(rotate(360deg));}
}
@keyframes loading_roll_back{
	from{.tsf(rotate(0deg));}
	to{.tsf(rotate(-360deg));}
}
@keyframes operation_show{
	from{opacity: 0;.tsf(scale(0));}
	to{opacity: 1;.tsf(scale(1));}
}
@keyframes operation_show_wc{
	0%{opacity: 0;.tsf(scale(0));}
	50%{opacity: 0;.tsf(scale(0));}
	100%{opacity: 1;.tsf(scale(1));}
}
@keyframes welcome_show{
	from{opacity: 0;.tsf(translateY(75vh));}
	to{opacity: 1;.tsf(translateY(0));}
}


.msgbox{
	z-index: 5;width: 100%;border: 1px solid @g82;border-top: 0;box-sizing: border-box;.tss;background: #fff;
	&.history_msg_show{
		width: 60%;
		.history_msg{background-color: @g96;}

		+.chat_history{
			visibility: visible;opacity: 1;
		}

	}
}
.show{
	.chatbox{
		.unit_msg{
			&.msg_him{animation:msg_him_in .5s ease;}
			&.msg_me{animation:msg_me_in .5s ease;}
		}
	}
}
.chatbox{
	padding:172px 40px 0 40px;box-sizing: border-box;overflow: hidden;color:@g80;
	>*{display: block;}
	.unit_msg{
		box-sizing: border-box;.tss;
		&.msg_him{padding-right: 24px;}
		&.msg_me{
			padding-left: 24px;color:@w;
			p{text-align: right;margin-left: 15%;}
			.img{
				float: right;
				+*{clear: both;}
			}
		}
		p{
			width: 85%;line-height: 56px;font-size: 40px;
			&.sub{padding: 0 10px;line-height: 40px;.h3;box-sizing: border-box;}
		}
		+.unit_msg{
			margin-top: 88px;
			&:last-child{margin-bottom: 88px;}
		}
		.img{
			margin: 16px 16px;.wh(434px,220px);background-size: cover;outline: 8px solid fade(@w,20%);
			&:after{content:'';.aac;display: block;.fw(85px);background: url(../images/ic_zoomin.png) no-repeat center;background-size: cover;}
		}
		.btn_group{
			text-align: right;
			.btn{font-size: 40px;text-align: center;}
			.btn_underline{
				height: 100px;line-height: 100px;
				span{line-height: 56px;}
			}
		}
	}
}
@keyframes msg_him_in{
	from{.tsf(translateX(-100vw));opacity: 0;}
	to{.tsf(translateX(0));opacity: 1;}
}
@keyframes msg_me_in{
	from{.tsf(translateX(100vw));opacity: 0;}
	to{.tsf(translateX(0));opacity: 1;}
}

/* 查看图片 */
.photo_view{
	z-index: 101;padding: 40px 100px;box-sizing: border-box;
	&.show{
		.popup_mask~*{.tsf(translateY(0));}
	}
	.popup_mask~*{z-index: 1;.tss(.2s);.tsf(translateY(-5vh));}
	.btn_close{position: absolute;right: 0;top: 0;.fw(100px);}
	.photo_box{.fw;background-size: contain;background-repeat: no-repeat;background-position: center center;}
}

/* 日期范围筛选器 */
.date_query_parent{
	margin-top: 32px;display: block;width: 100%;height: 180px;font-size: 0;
	>*{display: inline-block;height: 100%;overflow: hidden;}
	.date_query{
		width: 44%;
		.grayLayer{display: none;}
		.mobileSelect{
			visibility: visible;opacity: 1;z-index: 2;.fw;
			.content{
				position: absolute;top: 0;height: 100%;
				.btnBar{display: none;}
				.panel{
					.wheel,.wheels{height: 180px;}
				}
			}
		} 

		.roll_selecter{
			position: relative;padding: 0;background: fade(@w,20%);
			>div{position: relative;background: none;}
			.iosselect-header{margin-top: -44px;display: none;}
			.layer{
				height: 100% !important;
				&:before{content:'';position: absolute;left: 0;top: 50%;margin-top: -28px;width: 100%;height: 56px;background: fade(@w,20%);border-top: 1px solid fade(@w,20%);border-bottom: 1px solid fade(@w,20%);}
				.iosselect-header{display: none;}
				.iosselect-box{
					/* top: 6px; */height: 100% !important;
					>*{height: 100% !important;}
					ul{
						background:none;
						&.roll_tss{.tss(.16s ease);}
						>li{
							background: inherit;font-size: 22px;color:@w;opacity: .2;.tss(font-size .2s cubic-bezier(.5,0,.5,1));
							&.at{font-size: 40px;opacity: 1;}
						}
					}
				}
				.cover-area1,.cover-area2{display:none;}
			}
		}
	}
	.to{width: 12%;font-size: 40px;text-align: center;line-height: 180px;}

}


/* 语音动画 */
.m1{
	-webkit-animation: .8s .1s living linear infinite backwards normal;
	animation: .8s .1s living linear infinite backwards normal;
	-webkit-animation-delay: -1.1s;
}
.m2{
	-webkit-animation: .8s .3s living linear infinite backwards normal;
	animation: .8s .3s living linear infinite backwards normal;
	-webkit-animation-delay: -1.3s;
}
.m3{
	-webkit-animation: .8s .6s living linear infinite backwards normal;
	animation: .8s .6s living linear infinite backwards normal;
	-webkit-animation-delay: -1.6s;
}
@-webkit-keyframes living{
	0%{-webkit-transform:scaleY(1);transform:scaleY(1);}
	50%{-webkit-transform:scaleY(.3);transform:scaleY(.3);}
	100%{-webkit-transform:scaleY(1);transform:scaleY(1);}
}
@keyframes living{
	0%{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);}
	50%{-webkit-transform:scaleY(.3);-ms-transform:scaleY(.3);transform:scaleY(.3);}
	100%{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);}
}