html,body{
    height: 100%;
    font-family:Arial, Simsun,"microsoft yahei",sans-serif;
}

input:focus{
   box-shadow: none!important;
   outline: none;
}

.h-content{
	width: 1200px;
	margin: auto;
}
.h-main{
	padding-bottom: 10px;
}
/*header寮€濮�*/
.h-header{
	height: 60px;
	line-height: 60px;
	background-color: #1d9cfe;
}
.h-fr{
	float: right;
}
.h-index{
	background: url(../images/h-index.png) left center no-repeat;
}
.h-index:hover{
	color: #fff;
}
.h-headLink{
	display: inline-block;
	padding-left: 25px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	margin-left: 36px;
}
.h-headLink:hover{
	color: #fff;
}
.h-logo{
	display: inline-block;
	padding-right: 26px;
	border-right: 1px solid #44a6ff;
}
.h-headerUser{
	display: inline-block;
	position: relative;
	padding-right: 30px;
}
.h-headerUser .h-hNmae{
	font-size: 14px;
	color: #fff;
	padding-left: 28px;
	display: inline-block;
	background: url(../images/h-setUp.png) left center no-repeat;
}
.h-nav-more{
	width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #fff transparent transparent;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: absolute;
    top: 50%;
    right: 10px;
    border-width: 5px;
    margin-top: -2px;
}
.h-headerUser:hover .h-nav-more{
	border-color: transparent transparent #fff;
	margin-top: -8px;
}
.h-headerSelect{
	position: absolute;
    min-width: 100%;
    width: 140px;
    border-radius: 10px;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
    top: 60px;
    right: 0;
    height: 0;
    overflow: hidden;
    border:1px solid rgb(217,217,217);
}
.h-headerSelect a{
	display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    color: #262626;
    background-color: #fff;
    cursor: pointer;
    border-top: 1px solid rgb(217,217,217);
}
.h-headerSelect a:hover{
	background-color: #1f9ffe;
	color: #fff;
}

.h-headerSelect a:first-child{
	border-radius: 10px 10px 0 0;
	border-top: 0;
}
.h-headerSelect a:last-child{
	border-radius: 0 0 10px 10px;
}
.h-headerUser:hover .h-headerSelect {
    height: auto;
    top: 50px;
    opacity: 1;
    -ms-filter: 'alpha(opacity=100)';
}
.h-userImg{
	display: inline-block;
	height: 60px;
	width: 60px;
	background-color: #fff;
}
.h-userImg img{
	width: 100%;
	height: 100%;
	vertical-align: top;
}
/*header缁撴潫*/

/*棣栭〉寮€濮�*/
.h-moudle{
	width: 100%;
	background-color: #fff;
	padding: 0 18px 18px 18px;
	margin-top: 12px;
}
.h-form{
	padding-top: 18px;
}
.h-wrap{
	font-size: 0;
	margin-bottom: 14px;
}
.h-wrap> label{
	display: inline-block;
    font-size: 12px;
    color: #333;
    font-weight: normal;
    margin-bottom: 0;
    vertical-align: top;
    padding-right: 10px;
    width: 7%;
    text-align: right;
    margin-top: 6px;
}
.h-wrap> label> span{
	display: inline-block;
	vertical-align: middle;
}
.h-wrapCon{
	display: inline-block;
	vertical-align: middle;
	width: 93%;
}
.h-checkAll{
	height: 28px;
	width: 44px;
	line-height: 28px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: #2aabfe;
	vertical-align: middle;
	display: inline-block;
	cursor: pointer;
}
.h-checkAll:hover{
	background-color: #2aabfe;
	color: #fff;
}
.h-checkAll.h-checkActive:hover{
	color: #2aabfe;
	background-color: #fff;
}
.h-checkAll.h-checkActive{
    line-height: 26px;
    color: #2aabfe;
    background-color: #fff;
    border: 1px solid #2aabfe;
}
.h-checkAllrev:hover{
	background-color: #2aabfe;
	color: #fff;
}
.h-check{
	display: inline-block;
	padding-left: 17px;
	vertical-align: middle;
	width: 11%;
}
.h-check label{
	font-size: 14px;
	color: #333;
}
.h-check label> span{
	display: inline-block;
	vertical-align: middle;
}
.h-checkButton {
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
}
.h-checkBox {
    opacity: 0;
    cursor: pointer;
}
.h-checkBox+ span {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 0;
    border: 1px solid #cecece;
    background-color: #f5f5f5;
    overflow: hidden;
    line-height: 13px;
    text-align: center;
}
:root .h-checkBox+ span {
    height: 100%;
}
.h-checkBox+ span img{
	display: none;
}
.h-checkBox:checked+ span img{
	display: inline-block;
}
.h-check1 .h-checkBox:checked+ span{
	background-color: #df5a56;
	border-color: #df5a56;
}
.h-check2 .h-checkBox:checked+ span{
	background-color: #ff9000;
	border-color: #ff9000;
}
.h-check3 .h-checkBox:checked+ span{
	background-color: #56a8fe;
	border-color: #56a8fe;
}
.h-check4 .h-checkBox:checked+ span{
	background-color: #71cf09;
	border-color: #71cf09;
}
.h-searchBox{
	display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.h-searchBox label{
	margin-bottom: 0;
	font-weight: normal;
	font-size: 12px;
	color: #4c4c4c;
	vertical-align: middle;
	margin-right: 10px;
}

/*login寮€濮�*/
.h-loginCon{
	height: 100%;
	overflow: hidden;
}
.h-loginBg{
	height: 100%;
	width: 100%;
	position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/h-loginBg.png) center no-repeat;
    background-size: cover;
}
.h-loginBg img{
	width: 100%;
	position: fixed;
	bottom: 0;
}
.h-loginIn{
	height: 100%;
}
.h-loginB{
	height: 100%;
}
.h-heiP100{
	height: 100%;
}
.h-lHeader{
	height: 86px;
	line-height: 86px;
	position: fixed;
    width: 100%;
}
.h-loginL{
	display: inline-block;
	margin-left: 7.5%;
	margin-top: 100px;
}
.h-loginL p{
	font-size: 24px;
	color: #ffffff;
	font-family: "妤蜂綋","妤蜂綋_GB2312" ,"microsoft yahei";
}
.h-loginL p:first-child+ p {
	margin-top: 5px;
	text-align: center;
}

.h-loginBox{
	width: 398px;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	display: block;
}
.h-lbTitle{
	width: 100%;
	height: 81px;
	line-height: 81px;
	background: url(../images/loginTitle-bg.png) center no-repeat;
	text-align: center;
	font-size: 22px;
	color: #fff;
	font-family: "microsoft yahei";
	font-weight: lighter;
}
.h-lbCon{
	padding: 6px 48px;
	background-color: #fff;
	border-radius: 0 0 4px 4px;
}
.h-lbForm{
	padding: 0 8px;
}
.h-loginWrap{
	border-bottom: 1px solid #e2e2e2;
	margin-top:7px;
}
.h-loginWrap> input{
	width: 100%;
	padding: 10px 0 10px 35px;
	border: 0;
	background-color: #fff;
	font-size: 16px;
	color: #4c4c4c;
}
.h-loginWrap> select{
    width: 100%;
	padding: 7px 0 10px 35px;
	border: 0;
	background-color: #fff;
	font-size: 16px;
	color: #4c4c4c;
}
.h-user input{
	background: url(../images/login-user.png) 3px center no-repeat;
}
.h-code input{
	background: url(../images/login-phone.png) 3px center no-repeat;
	padding-right:60px ;
}
.h-select select{
	background: url(../images/login-password.png) 3px center no-repeat;
	min-width: 181px;
}
.h-code{
	position: relative;
}
.h-code> a{
	width:54px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	background-color: #2bacfe;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 7px;
}
.h-code> a:hover{
	background-color: #3ab2ff;
}
.h-password input{
	background: url(../images/login-password.png) 3px center no-repeat;
}
.h-code2 input{
	background: url(../images/yanzhengma.png) 3px center no-repeat;
}
.h-code2{
	position: relative;
}
.h-code2 input{
	padding-right: 67px;
}
.h-codeCon{
	width: 67px;
	height: 100%;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
}
.h-codeCon img{
	max-width: 100%;
	max-height: 100%;
}
.h-codeCon:after{
	content: " ";
	width:0;
	height: 100%;
	vertical-align:middle;
	display: inline-block;
}
.h-mrt26{
	margin-top: 26px;
}
.h-loginBtn{
	display: inline-block;
	width: 100%;
	height: 58px;
	line-height: 47px;
	text-align: center;
	background: url(../images/login-btn.png) center no-repeat;
	background-size:100% 100% ;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	border-radius: 20px;
	
}
.h-loginBtn:hover{
	color: #fff;
}
.h-registBtn{
	display: inline-block;
	width: 100%;
	height: 58px;
	line-height: 51px;
	text-align: center;
	background: url(../images/registerBtn-bg.png) center no-repeat;
	background-size:100% 100% ;
	font-size: 16px;
	color: #1f9ffe;
	font-weight: bold;
	cursor: pointer;
	border-radius: 20px;
}
.h-registBtn:hover{
	color: #1f9ffe;
}
.h-loginTxt{
	font-size: 14px;
	color: #444444;
	text-align: center;
	padding-bottom: 20px;
}
.h-loginTxt a{
	color: #1b99fd;
	cursor: pointer;
}
.h-disTable{
	display: table;
	width: 100%;
	height: 100%;
}
.h-disTablecell{
	width: 100%;
	height: 100%;
	vertical-align: middle;
	display: table-cell;
	position: relative;
	top: -40px;
}
.h-loginCheck{
	width: auto;
	padding-left: 0;
}
.h-loginCheck label{
	color: #444;
}
.h-loginCheck .h-checkButton{
	width: 15px;
	height: 15px;
}
.h-loginCheck .h-checkBox+ span{
	border: 1px solid #108dfd;
	background-color: #bee0ff;
	line-height: 10px;
}
.h-forgot{
	font-size: 14px;
	color: #1b99fd;
    cursor: pointer;
}
.h-forgot:hover{
	color: #1b99fd;
}
.h-mrt10{
	margin-top: 10px;
}

@media screen and (max-width: 450px){
	.h-content{width: 100%;}
	.h-loginBox{width: 90%;margin:0 auto;margin-top: 30px;}
	.h-lbCon{padding: 6px 12px;}

}

/*login*/