body{
	width:100%;
	height:100%;
}
.page-header{
	margin:0px !important;
	padding:0px;
	height:95px;
	box-sizing: border-box;
}

/** bar begin*/
.header-bar{
	width:100%;
	min-width:1200px;
	height:34px;
	line-height:34px;
	background:#444444;	
}
.header-title{
	width:1200px;
	/* left:50%; 
    position: relative;
    margin-left: -600px; */
    margin:auto;
    color:#9e9e9e;
    font-family:"宋体";
    font-size:14px;
}
.header-icon{
	font-size:16px !important;
}
.header-left{
	float:left;
}
.header-right{
	float:right;
}

.header-cut-line{
	color:#707070;
}
.header-left label{
	margin:0;
}
.header-left label:hover{
	cursor:pointer;
	color:#ffffff;
}
.header-right span:nth-child(2n):hover{
	cursor:pointer;
	color:#ffffff;
}
.head-img img{
	top: 50%;
    position: relative;
}
.head-img{
 display:none;
 }
.head-img-style{
	width:22px;
	height:22px;
	border-radius: 50%;
}
.head-img .btn{
	padding:0;
	background: #444444;
	color:#9e9e9e;
	border:0;
}
.head-img .btn:hover{
	color:#ffffff;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	 background-color: beige;
}
.dropdown-menu .fa{
   padding-right: 20px;	
}
.dropdown-menu li{
	position: relative;
}
.badge{
	background:red;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}
 .mail-tip{
    margin-top: -15px;
    margin-left: -8px;
 }
/** bar end*/

/** menu begin*/
.header-menu{
	width:100%;
	height:60px;
	
}
.header-menu .menu{
	height:60px;
	width:1200px;
	/* left:50%; 
    position: relative;
    margin-left: -600px; */
    margin:auto;
    text-align: center;
}
.menu-logo{
	height:60px;
	text-align: center;
	float:left;
}
.menu-logo img{
	margin-top:10px; 
}
.menu-items{
	width:100%;
	height:100%;
}
.menu-items ul{
	 list-style: none;
	 margin: 0;
     padding: 0;
     line-height:60px;
     height:60px;
     display: inline-block;
}

.menu-items ul li{
	 font-size:18px;
	 float:left;
	 margin:0 25px;
	 box-sizing:border-box;
	 -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
}
.menu-items ul a{
	text-decoration: none;
}  
.menu-items ul li:hover{
	 border-top: 3px solid #008792 ;
}
.menu-items ul li:hover .text{
	 color: #008792 ;
}
.menu-items ul .active{
	border-top: 3px solid #008792 ;
}
.menu-items ul .active .text{
	color: #008792 ;
}
.menu-items ul .text{
	font-family:"微软雅黑";
	color:#000000;
}
/** menu end*/

/** 提示 begin*/
.fill-view{
	width:100%;
	height:100%;
	position: fixed;
	background:rgba(0,0,0,0.2);
	top:0;
	display: none;
	z-index:99;
}
.sub-tip{
	width:400px;
	height:280px;
	background:rgba(255,255,255,0.8);
	top:calc(50% - 140px);
	left:calc(50% - 200px);
	position:relative;
}
.sub-tip-head{
	width:100%;
	height:50px;
	line-height:50px;
	background:#008A92;
	text-align:center;
	font-size:24px;
	color:#ffffff;
}
.sub-tip-body{
	width:100%;
	height:230px;
	text-align:center;
	padding:20px; 
}
.tip-info{
	width:100%;
	height:60px;
	font-size:16px;
}
.tip-img{
	width:100%;
	height:130px;
	font-size:54px;
	
}
.img-contain{
	height:100px;
	width:100px;
	border-radius: 50%;
	border: 1px solid #009CFF;
	top:calc(50% - 50px);
	left:calc(50% - 50px);
	position:relative;
	color:#009CFF;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease; 
}
.img-contain i{
	top: calc(50% - 27px);
	left:calc(50% - 26px);
    position: absolute;
    overflow: hidden;
}
.img-contain:hover{
	cursor: pointer;
	background:#009CFF;
	color:#ffffff;
}

.apply-success{
	-webkit-animation-name: ok;
    animation-name: ok;
    -webkit-animation-timing-function:linear; 
    animation-timing-function:linear; 
    -webkit-animation-duration:1s;
    animation-duration:1s;
}

@-webkit-keyframes ok {
   0% {
       width:0;
    }
    100% {
       width:54px;
    }
}

@keyframes ok {
    0% {
        width:0;
    }
    100% {
        width:54px;
    }
}


.turnCircle-active{
	-webkit-animation-name: turnCircle1;
    animation-name: turnCircle1;
    -webkit-animation-timing-function:linear; 
    animation-timing-function:linear; 
    -webkit-animation-duration:2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count:infinite; 
    animation-iteration-count:infinite; 
}
@-webkit-keyframes turnCircle1 {
   0% {
        -webkit-transform: rotate3d(0,1,0,90deg);
        transform: rotate3d(0,1,0,0deg); 
    }
    100% {
         -webkit-transform: rotate3d(0,1,0,360deg);
         transform: rotate3d(0,1,0,360deg);   
    }
}

@keyframes turnCircle1 {
    0% {
        -webkit-transform: rotate3d(0,1,0,0deg);
        transform: rotate3d(0,1,0,0deg);
    }
    100% {
        -webkit-transform: rotate3d(0,1,0,360deg);
        transform: rotate3d(0,1,0,360deg);
    }
}
/** 提示 end*/
   
   
   
/** 提示 begin*/
.two-btn-view{
	width:100%;
	height:100%;
	position: fixed;
	background:rgba(0,0,0,0.2);
	top:0;
 	display: none; 
	z-index:99;
}
.two-btn-tip{
	width:400px;
	height:210px;
	background:rgba(255,255,255,0.8);
	top:calc(50% - 140px);
	left:calc(50% - 200px);
	position:relative;
}
.two-btn-head{
	width:100%;
	height:50px;
	line-height:50px;
	background:#008A92;
	text-align:center;
	font-size:24px;
	color:#ffffff;
}
.two-btn-body{
	width:100%;
	height:160px;
	text-align:center;
	padding:20px; 
}
.tip-btn>a:hover{
	background:#008A92;
	text-decoration: none;
	color:#ffffff;
}
.tip-btn>a{
	top: 30px;
	padding:10px 20px;
    position: relative;
    color:#008A92;
    font-size:16px;
    border-radius: 5%;
}
.tip-btn>a:focus{
	text-decoration: none;
	outline: 0;
}
.two-btn-body>.tip-info{
	height:40px;
}
.two-btn-body>.tip-btn{
	height:50px;
}
/** 提示 end*/   

.dropdown-menu .fa{
	width:35px;
}