@charset "utf-8";

/*==========格式化全局==========*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;} 
input,textarea{outline-style:none;-webkit-appearance: none;}
fieldset,img{border:0; display:block;} 
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;} 
ol,ul,li{list-style:none;} 
caption,th{text-align:left;} 
q:before,q:after{content:'';} 
abbr,acronym{ border:0;}
input{-webkit-user-select:auto !important;}

/*==========设置全局==========*/
html{ overflow-x:hidden; width:100%;}
body{ font-size:1rem; color:#444;}
*{ font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; }
a input{ mayfish:expression(this.onfocus=this.blur);cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/ 
a:hover,a:active{outline:none;}
i{ font-style:normal;}
/*::selection{background:#457fc2; color:#fff;}
::-moz-selection{background:#457fc2; color:#fff;}
::-webkit-selection{background:#457fc2; color:#fff;}*/
a{ color:#444;}
a:link, a:visited{text-decoration: none;cursor:pointer;}

.left{ float:left;}
.right{ float:right;}
.color{ color:#457fc2 !important;}
.bg_no{ background:none !important;}
.border_no{ border:0 !important;}
.margin_no{ margin:0 !important;}
.padding_no{ padding:0 !important;}
.border{ border:0.1rem solid rgba(0,0,0,0.15);}
.block{display: block;}
.none{display: none;}
.clear{clear: both; float:none}
{background: linear-gradient(-90deg, #457fc2, #ff6600);}

button{ font-size:1rem; border:0.1rem solid rgba(0,0,0,0.15); background:none;padding:0.3rem 0.8rem; cursor:pointer;} 
input{ padding:0.3rem 0.8rem; vertical-align: middle; line-height: normal; font-size:1rem; color:#444; border:0.1rem solid rgba(0,0,0,0.15);}
input:focus{ color:#457fc2;}
textarea{padding:0.3rem 0.8rem;font-size:1rem; color:#444; border:0.1rem solid rgba(0,0,0,0.15); }
textarea:focus{ color:#457fc2;}

table{ width:100%;}
table tr td{ border:0.1rem solid rgba(0,0,0,0.1); text-align:center; padding:1rem;}
 
/***********select************/
select{ border:0.1rem solid rgba(0,0,0,0.2);appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url("../images/arrow.png") no-repeat scroll right center transparent; min-width:100%; padding-left:4%;}
option{ padding-left:4%;}


/*==========过渡效果transition==========*/ 

{
transition: all 0.6s ease;
} 

.contact_map *{
transition: all 0s ease;
} 
 

/*==========等待效果==========*/
{
transition-property: all ;
transition-duration:2s;
transition-delay:0.6s;
}

/*==========放大效果==========*/
{
transform:scale(1.5);
}

/*==========旋转效果==========*/
{
transform: rotate(360deg);
}

/*==========移动效果==========*/
{
transform: translate(0rem,-10rem);
}

/*==========进场效果==========*/
header .search{
animation-name:opacity;
animation-duration:2s;
}

header .nav .left{animation-name:left;
animation-duration:1s;
}

{
animation-name:right;
animation-duration:2s;
}

{
animation-name:bottom;
animation-duration:1s;
}

@keyframes opacity
{
from{ opacity:0;}
to{ opacity:1;}
}

@keyframes left
{
from{left:-20rem; opacity:0;}
to{left:0rem; opacity:1;}
}

@keyframes right
{
from{right:-20rem; opacity:0;}
to{right:0rem; opacity:1;}
}

@keyframes bottom
{
from{bottom:-20rem; opacity:0;}
to{bottom:0rem; opacity:1;}
}



{width:100px;
height:100px;
background:red;
position:relative;
animation-name:myfirst;
animation-duration:5s;
animation-timing-function:linear;
animation-delay:2s;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-play-state:running;
}

@keyframes myfirst
{
0%{background:red; left:0px; top:0px;}
25% {background:yellow; left:200px; top:0px;}
50% {background:blue; left:200px; top:200px;}
75% {background:green; left:0px; top:200px;}
100%{background:red; left:0px; top:0px;}
}

/***********屏幕大小自适应************/
@media screen and (min-width:1366px) and (max-width:1920px){
html,body{ font-size: 200% !important; }
}

/***********字体自适应************/
@media screen and (min-width:550px) and (max-width:1366px){
html,body{ font-size: 100% !important; }
}

/* empty */
.empty{padding-top: 80px;text-align: center;}
.empty .icon-empty{display: inline-block;width: 80px;height: 60px;background: url(../images/icon_empty.png) no-repeat scroll center/contain;}
.empty p{margin-top: 2px;}

/* my css */
.link{
	display: block;
	width: 100%;
	overflow :hidden;
}

#cancelBtn{
	display:block;
	width:100%;
	border-radius:8px;
	font-weight:400;
	height:38px;
	line-height:38px;
	text-align:center;
	color:#fff;
	background-color:#6c757d;
}

.week_list .date_item_right.disabled{
	color: rgba(0,0,0,.54);
	background-color: #F5F5F5;
}

/************** common header start **************/
.common-header{
	position: relative;
	height: 45px;
	line-height: 45px;
	background-color: #018ee6;
}

.common-header > *{
	position: absolute;
	top: 0;
	padding: 10px 6px;
	box-sizing: border-box;
	height: 100%;
	width: 40px;
}

.common-header .icon-back{
	left: 0;
	background: url(../images/icon_back.png) no-repeat scroll center/cover;
	background-clip: content-box;
	background-origin: content-box;
}

.common-header .icon-home{
	right: 0;
	background: url(../images/icon_home.png) no-repeat scroll center/cover;
	background-clip: content-box;
	background-origin: content-box;
}
/************** common header end **************/