/*
*通用样式
*
*/
html,body{
	margin: 0;
	padding: 0;
	background: #fff;
	/*font:12px/1.6 "微软雅黑","\5b8b\4f53";*/
    font: 12px/1.6 微软雅黑, 宋体;
}
a,a:link,a:visited,a:hover,a:active{
	text-decoration:none; 
	color:#000000;
}

/* for Chrome */
/*::-webkit-scrollbar {
    display: none;
}*/

/***通用样式***/
.no-radius{
	border-radius:0;
}

.pointer{
	cursor: pointer;
}

.btn-blue{
	background: rgba(0, 153, 255, 1);
	border-color: #0099ff;
	color: #ffffff;
}

.modal-half{
	float: left;
	width: 50%;
}
.modal-lg{
	width: 60%;
	margin-left: 20%;
}
.modal-md{
	width: 40%;
	margin-left: 30%;
}

.modal-sm{
	width: 30%;
	margin-left: 40%;
}

.modal-xs{
	width: 70%;
	margin-left: 15%;
}

.modal-btn-div {
	margin: 0;
	padding: 0;
}

.modal-btn-div .btn-white{
	float: left;
	margin: 0;
	padding: 0.8rem;
	width: 49.5%;
	text-align: center;
}

.modal-btn-div .btn-white:last-child{
	border-left: 1px #eeeeee solid;
}

.modal-vertical{
	position:absolute;
	margin:10px auto;
	left:0;
	right:0;
	top:50%;
	-webkit-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	-o-transform:translate(0, -50%);
	transform:translate(0, -50%);
	-webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}

.uncheck{
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid #0099ff;
}

.checked{
	display: inline-block;
	vertical-align: middle;
	margin-top: 2px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 4px solid #0099ff;
}

.clear{
	clear: both;
}

.mask{
	z-index:999;
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
}

.common-loading{
	position:absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	background: url("/resource/images/loading.gif") no-repeat center center;
	background-size: cover;
}

/***各种宽度百分比***/
.col-1{
	width: 100%!important;
}
.col-2{
	width: 50%!important;
}
.col-3{
	width: 33.3%!important;
}
.col-4{
	width: 25%!important;
}
.width-100{
	width: 100%!important;
}
.width-90{
	width: 90%!important;
}
.width-80{
	width: 80%!important;
}
.width-70{
	width: 70%!important;
}
.width-60{
	width: 60%!important;
}
.width-50{
	width: 50%!important;
}
.width-40{
	width: 40%!important;
}
.width-30{
	width: 30%!important;
}
.width-20{
	width: 20%!important;
}
.width-10{
	width: 20%!important;
}

select[readonly] {
	background: #eee;
	cursor: no-drop;
}
 
select[readonly] option {
	display: none;
}






.footer {
	background: #282828;
	height: 405px;
}

.footer .copyright {
	width: 1300px;
	margin: 0 auto;
	border-bottom: 1px solid #343d44;
	height: 65px;
}

.footer .copyright .left{
	float: left;
	position: relative;
	width: 50%;
}
.footer .copyright .left img{
	float: left;
	margin-top: 10px;
	margin-right: 15px;
	padding-right: 15px;
	border-right: 1px solid #fff;
}
.footer .copyright .left h4{
	color: #fff;
	font-size: 12px;
	padding-top: 15px;
	margin: 0;
	margin-bottom: 4px;
}
.footer .copyright .left p{
	font-size: 12px;
	color: #4e5c65;
}
.footer .copyright .left span{
	width: 82px;
	height: 28px;
	font-size: 12px;
	color: #fff;
	display: block;
	position: absolute;
	left: 293px;
	top: 20px;
	background: #344654;
	text-align: center;
	line-height: 28px;
}

.footer .copyright .right{
	float: right;
	top: 0;

}
.footer .copyright .right span{
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	line-height: 65px;
	margin-right: 40px;
}




.footer .phone {
	width: 1300px;
	margin: 0 auto;
	clear: both;
	padding-top: 20px;
	border-bottom: 1px solid #343d44;
	overflow: hidden;
	padding-bottom: 15px;
}

.footer .phone .left{
	float: left;
	width: 50%;
}
.footer .phone .left div{
	clear: both;
}
.footer .phone .left div img{
	float: left;
	margin-right: 10px;
	width: 58px;
	height: 58px;
}
.footer .phone .left div h4{
	color: #ffcb0d;
	font-size: 22px;
	line-height: 60px;

}
.footer .phone .left div h4 span{
	color: #91a0a5;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 15px;
}
.footer .phone .left p{
	color: #a0a1a5;
	font-size: 12px;
	margin: 10px 0;
}

.footer .phone .right{
	float: right;
	width: 25%;
	padding-top: 30px;
}
.footer .phone .right img{
	float: left;
	width: 20%;
	height: auto;
	margin-right: 20px;
	
}


.footer .phone .right p{
	padding-top: 10px;
	color: #a0a1a5;
	font-size: 12px;
}


.footer .three{
	width: 1300px;
	margin: 0 auto;
}
.footer .three h3{
	 color: #828d89;
	font-size: 12px;
	 line-height: 20px;
	 margin: 20px 0;
}
.footer .three p{
	height: 30px;
	line-height: 30px;
	clear: both;
	margin-bottom: 20px;
}
.footer .three p img{
	float: left;
	margin-right: 10px;
	width: 16px;
	height: 16px;
	margin-top: 7px;
}
.footer .three p span{
	color: #fff;
	font-size: 12px;
	margin-right: 75px;
	display: inline-block;
}
.footer .three div{
	height: 30px;
	line-height: 30px;
	clear: both;
	overflow: hidden;
}
.footer .three div img{
	float: left;
	padding-top: 4px;
	margin-right: 10px;
	width: 16px;
	height: 19px;
	margin-top: 3px;
}
.footer .three div span{
	 color: #828d89;
	font-size: 12px;

}

.login-container{
	position:absolute;
	margin:10px auto;
	left:0;
	right:0;
	top:50%;
	-webkit-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	-o-transform:translate(0, -50%);
	transform:translate(0, -50%);
    width: 300px;
    height: 420px;
    background: #ffffff;
    text-align: center;
}