@charset "UTF-8";
.nav-right .nav5 a {
	color: #28a7e1!important;
}
body {
	font-family: "微软雅黑";
}
.w1200 {
	width: 1200px;
	margin: 0 auto;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clearfix:before,.clearfix:after{
	display: table;
	content: "";
	clear: both;
	height: 0;
}
.clearfix{
	zoom: 1;
}
/*公共样式*/

.banner-wrap {
	width: 100%;
	height: 600px;
	background: url(banner-heming.png) no-repeat center center;
}
.banner {
	height: 600px;
	position: relative;
}
.banner-input {
	padding: 380px 0 0 85px;
}
.banner-input-con {
	height: 60px;
	line-height: 60px;
	background: #fff;
	font-size: 14px;
}
.banner-city {
	width: 108px;
	padding-left: 40px;
	color: #3d4450;
	position: relative;
}
.banner-city-img {
	display: block;
	width: 11px;
	height: 6px;
	position: absolute;
	top: 28px;
	right: 10px;
}
#formCityMock4 {
	font-size: 14px;
	color: #3d4450;
}
.banner-name {
	width: 304px;
}
.banner-name .banner-name-input {
	border: none;
	outline: 0;
	border-left: 1px solid #d2d2d2;
	padding-left: 30px;
	height: 32px;
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
	color: #3d4450;
	font-size: 14px;
}
.banner-trade {
	width: 197px;
	position: relative;
}
.banner-trade .banner-trade-input {
	border: none;
	outline: 0;
	border-left: 1px solid #d2d2d2;
	padding-left: 18px;
	height: 32px;
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
	color: #3d4450;
	font-size: 14px;
}
.banner-trade-img {
	display: block;
	width: 11px;
	height: 6px;
	position: absolute;
	top: 28px;
	right: 42px;
}
.banner-suffix {
	width: 196px;
	position: relative;
}
.banner-suffix .banner-suffix-input {
	border: none;
	outline: none;
	border-left: 1px solid #d2d2d2;
	padding-left: 18px;
	height: 32px;
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
	color: #3d4450;
}
.banner-suffix-img {
	display: block;
	width: 11px;
	height: 6px;
	position: absolute;
	top: 28px;
	right: 45px;
}
.banner-btn {
	width: 180px;
	height: 60px;
	line-height: 60px;
	border: none;
	outline: none;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	background: -webkit-linear-gradient(left, #6bf9c2, #088cc3); /* Safari 5.1 - 6.0 */
  	background: -o-linear-gradient(right,#6bf9c2, #088cc3); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(right,#6bf9c2, #088cc3); /* Firefox 3.6 - 15 */
  	background: linear-gradient(to right,#6bf9c2, #088cc3); /* 标准的语法 */
}
.banner-hint {
	font-size: 14px;
	color: #fff;
	width: 100%;
	text-align: center;
	padding-top: 30px;
	letter-spacing: 1px;
}
.banner-hint-icon {
	display: inline-block;
	width: 13px;
	height: 17px;
	background: url(icon_position.png) no-repeat;
	padding-left: 6px;
	vertical-align: bottom;
}
.banner-trade-select {
	width: 1026px;
	height: 240px;
	background: #fff;
	border-radius: 6px;
	position: absolute;
	bottom: -91px;
	left: 85px;
	box-shadow: 0 6px 30px 0 rgba(106,109,141,0.1);
	display: none;
}
.banner-trade-select:before {
	position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 520px;
    top: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}
.banner-trade-select .lists li.actived {
	width: 64px;
	height: 26px;
	background: #e8effc;
	margin: 0 18px 0 16px; 
}
.banner-trade-select .lists li {
	height: 26px;
	line-height: 26px;
	text-align: center;
	margin-right: 24px;
	font-size: 14px;
	color: #3d4450;
}
.banner-trade-select .lists6 li.hint {
	height: 26px;
	line-height: 26px;
	text-align: center;
	padding-left: 16px;
	margin-top: 6px;
	font-size: 14px;
	color: #999;
}
.banner-trade-select .lists6 li i {
	display: inline-block;
	width: 13px;
	height: 13px;
	padding-right: 8px;
	vertical-align: middle;
	background: url(hm-friendly-hint.png) no-repeat;
}
.banner-trade-select .lists li a{
	font-size: 14px;
	color: #3d4450;
}
.banner-trade-select .lists li a:hover {
	color: #64a6fe;
}
.banner-trade-select .lists1 {
	margin-top: 24px;
}
.banner-trade-select .lists2,.banner-trade-select .lists3,.banner-trade-select .lists4,.banner-trade-select .lists5 {
	margin-top: 10px;
}
.banner-suffix-select {
	width: 153px;
	height: 173px;
	background: #fff;
	border-radius: 6px;
	position: absolute;
	bottom: -24px;
	right: 290px;
	font-size: 14px;
	color: #3d4450;
	box-shadow: 0 6px 30px 0 rgba(106,109,141,0.1);
	display: none;
}
.banner-suffix-select:before {
	position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 65px;
    top: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}
.banner-suffix-select li {
	height: 33px;
	line-height: 33px;
	padding-left: 25px;
	font-size: 14px;
	color: #3d4450;
	cursor: pointer;
}
.banner-suffix-select li:first-child {
	margin-top: 22px;
}
.banner-suffix-select li.suffix-actived {
	background: #eef4ff;
	color: #64a6fe;
}
.attention-wrap {
	width: 100%;
}
.attention-title-wrap {
	width: 100%;
	padding: 110px 0 80px;
}
.attention-line {
	width: 110px;
	height: 1px;
	background: #b1b4b9;
}
.attention-line1 {
	margin: 17px 32px 0 310px 
}
.attention-line2 {
	margin-left: 32px;
	margin-top: 17px;
} 
.attention-title {
	font-size: 36px;
	color: #3d4450;
}
.attention-title span {
	color: #64a6fe;
}
.attention-con li {
	width: 200px;
	height: 304px;
}
.attention-con .list1 {
	background: url(bg_1.png) no-repeat;
}
.attention-con .list2 {
	background: url(bg_2-heming.png) no-repeat;
}
.attention-con .list3 {
	background: url(bg_3.png) no-repeat;
}
.attention-con .list4 {
	background: url(bg_4.png) no-repeat;
}
.attention-con .list5 {
	background: url(bg_5.png) no-repeat;
}
.attention-con .list6 {
	background: url(bg_6.png) no-repeat;
}
.attention-list-title {
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding: 78px 0 36px;
}
.attention-list-title1 {
	padding: 70px 0 10px;
}
.attention-list-title2 {
	padding: 0 0 18px;
}
.attention-list-con {
	width: 150px;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	margin: 0 auto;
	text-align: justify;
}

.notice-wrap {
	width: 100%;
	padding-bottom: 90px;
}
.notice-title-wrap {
	width: 100%;
	padding: 110px 0 80px;
}
.notice-line {
	width: 110px;
	height: 1px;
	background: #b1b4b9;
}
.notice-line1 {
	margin: 17px 32px 0 310px 
}
.notice-line2 {
	margin-left: 32px;
	margin-top: 17px;
} 
.notice-title {
	font-size: 36px;
	color: #3d4450;
}
.notice-title span {
	color: #64a6fe;
}
.notice-con li {
	width: 160px;
	height: 213px;
	margin: 0 40px 0;
}
.notice-con li a:hover p {
	color: #5c7aff;
}
.notice-con li img {
	display: block;
	width: 78px;
	height: 82px;
	margin: 0 auto 26px;
}
.notice-con li p {
	text-align: center;
	font-size: 16px;
	color: #3d4450;
}
.notice-con li p.p1 {
	margin-bottom: 10px;
}
.notice-button {
	display: block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	background: -webkit-linear-gradient(left, #6bf9c2, #088cc3); /* Safari 5.1 - 6.0 */
  	background: -o-linear-gradient(right,#6bf9c2, #088cc3); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(right,#6bf9c2, #088cc3); /* Firefox 3.6 - 15 */
  	background: linear-gradient(to right,#6bf9c2, #088cc3); /* 标准的语法 */
  	border: none;
  	outline: none;
  	font-size: 18px;
  	color: #fff;
  	cursor: pointer;
  	margin: 0 auto;
}

.channel-wrap {
	width: 100%;
	height: 390px;
	background: url(banner_2.png) no-repeat center center;
}
.channel-title-wrap {
	width: 100%;
	padding: 98px 0 22px;
}
.channel-line {
	width: 110px;
	height: 1px;
	background: #6673b7;
}
.channel-line1 {
	margin: 17px 32px 0 310px 
}
.channel-line2 {
	margin-left: 32px;
	margin-top: 17px;
} 
.channel-title {
	font-size: 36px;
	color: #fff;
}
.channel-des {
	font-size: 16px;
	color: #1ee9c6;
	text-align: center;
}
.channel-person {
	width: 700px;
	padding-top: 64px;
	margin: 0 auto;
}
.channel-company {
	width: 523px;
	height: 58px;
	line-height: 58px;
	background: #fff;
	position: relative;
}
.channel-company input {
	height: 48px;
	width: 100%;
	box-sizing: border-box;
	border: none;
	outline: none;
	padding-left: 58px;
	font-size: 14px;
	color: #3d4450;
}
.channel-button {
	display: block;
	width: 172px;
	height: 58px;
	line-height: 60px;
	border: none;
	outline: none;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	background: -webkit-linear-gradient(left, #6bf9c2, #088cc3); /* Safari 5.1 - 6.0 */
  	background: -o-linear-gradient(right,#6bf9c2, #088cc3); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(right,#6bf9c2, #088cc3); /* Firefox 3.6 - 15 */
  	background: linear-gradient(to right,#6bf9c2, #088cc3); /* 标准的语法 */
}
.channel-icon {
	display: inline-block;
	width: 22px;
	height: 24px;
	background: url(icon_check.png) no-repeat;
	position: absolute;
	left: 26px;
	top: 17px;
}

.service-wrap {
	width: 100%;
	padding-bottom: 40px;
}
.service-title-wrap {
	width: 100%;
	padding: 108px 0 20px;
}
.service-line {
	width: 110px;
	height: 1px;
	background: #b1b4b9;
}
.service-line1 {
	margin: 17px 32px 0 310px 
}
.service-line2 {
	margin-left: 32px;
	margin-top: 17px;
} 
.service-title {
	font-size: 36px;
	color: #3d4450;
}
.service-des {
	font-size: 16px;
	color: #7e808a;
	text-align: center;
	padding-bottom: 80px;
	padding-left: 25px;
}
.service-lists {
	position: relative;
}
.service-lists li {
	width: 330px;
	height: 240px;
	margin-bottom: 46px;
}
.service-lists li:nth-child(2),.service-lists li:nth-child(5) {
	margin: 0 102px;
}
.service-lists li img {
	display: block;
	width: 118px;
	height: 121px;
	margin: 0 auto;
}
.service-lists .list-title {
	font-size: 18px;
	color: #3d4450;
	text-align: center;
	padding: 20px 0 13px;
}
.service-lists .list-con {
	font-size: 14px;
	color: #888f9b;
	line-height: 24px;
	text-align: justify;
}
.service-lists li.list6 img {
	width: 402px;
	height: 278px;
	position: absolute;
	bottom: 0;
	right: -115px;
}

.provider-wrap {
	width: 100%;
	background: #f5f9ff;
	padding-bottom: 102px;
}
.provider-title-wrap {
	width: 100%;
	padding: 120px 0 20px;
}
.provider-line {
	width: 110px;
	height: 1px;
	background: #b1b4b9;
}
.provider-line1 {
	margin: 17px 32px 0 310px 
}
.provider-line2 {
	margin-left: 32px;
	margin-top: 17px;
} 
.provider-title {
	font-size: 36px;
	color: #3d4450;
}
.provider-des {
	font-size: 16px;
	color: #7e808a;
	text-align: center;
	padding-bottom: 80px;
	padding-left: 25px;
}
.provider-con li {
	width: 224px;
	height: 160px;
	background: #fff;
	position: relative;
}
.provider-con li.list2,.provider-con li.list4 {
	margin: 0 18px;
}
.provider-con li img {
	display: block;
	margin: 32px auto 20px;
}
.provider-con li p {
	font-size: 18px;
	color: #3d4450;
	text-align: center;
}
.provider-con li .line-bottom {
	width: 100%;
	height: 4px;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
}
.provider-con li:hover .line-bottom{
	background: -webkit-linear-gradient(left, #46c3aa, #4399f9); /* Safari 5.1 - 6.0 */
  	background: -o-linear-gradient(right,#46c3aa, #4399f9); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(right,#46c3aa, #4399f9); /* Firefox 3.6 - 15 */
  	background: linear-gradient(to right,#46c3aa, #4399f9); /* 标准的语法 */
}
.provider-con li:hover {
	box-shadow: 0 6px 30px 0 rgba(172,196,216,0.27);
}
.provider-button {
	display: block;
	width: 200px;
	height: 50px;
	line-height: 50PX;
	background: -webkit-linear-gradient(left, #6bf9c2, #088cc3); /* Safari 5.1 - 6.0 */
  	background: -o-linear-gradient(right,#6bf9c2, #088cc3); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(right,#6bf9c2, #088cc3); /* Firefox 3.6 - 15 */
  	background: linear-gradient(to right,#6bf9c2, #088cc3); /* 标准的语法 */
  	border: none;
  	outline: none;
  	font-size: 18px;
  	color: #fff;
  	cursor: pointer;
  	margin: 50px auto 0;
}
.hm-waiting-wrap {
	width: 508px;
	height: 125px;
	line-height: 125px;
	background: url(bg4.png) no-repeat;
	position: fixed;
	display: none;
	left: 50%;
	margin-left: -254px;
	top: 25%;
	z-index: 999;
}
.hm-waiting-des {
	color: #fff;
	text-align: center;
	position: relative;
}
.hm-waiting-des span {
	display: block;
	position: absolute;
	left: 367px;
	top: 0;
}
.hm-waiting-des span:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    animation: ellipsis 2s infinite;
    content: "\2026"; /* ascii code for the ellipsis character */
}
@keyframes ellipsis {
    from {
        width: 2px;
    }
    to {
        width: 15px;
    }
}  
.hm-waiting-close {
	position: absolute;
	right: -44px;
	top: -44px;
}    
.hm-waiting-close img {
	display: block;
	width: 44px;
	height: 44px;
}
.hm-report-wrap {
	width: 508px;
	height: 125px;
	line-height: 125px;
	background: url(bg4.png) no-repeat;
	position: fixed;
	left: 50%;
	margin-left: -254px;
	top: 25%;
	z-index: 999;
	display: none;
}
.hm-report-des {
	padding-left: 124px;
	padding-right: 18px;
	font-size: 18px;
	color: #fff;
}
.hm-report-check {
	display: block;
	width: 143px;
	height: 41px;
	line-height: 41px;
	text-align: center;
	background: -webkit-linear-gradient(left, #405bff, #35a2ff); /* Safari 5.1 - 6.0 */
  	background: -o-linear-gradient(right,#405bff, #35a2ff); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(right,#405bff, #35a2ff); /* Firefox 3.6 - 15 */
  	background: linear-gradient(to right,#405bff, #35a2ff); /* 标准的语法 */
  	color: #fff;
  	border-radius: 6px;
  	margin-top: 41px;
}
.hm-report-close {
	position: absolute;
	right: -44px;
	top: -44px;
}
.hm-report-close img {
	display: block;
	width: 44px;
	height: 44px;
}
.hm-cover {
	width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 990;
    display: none;
}

.hm-entry {
	width: 552px;
	background: #fff;
	border-radius: 10px;
	position: fixed;
	left: 50%;
	margin-left: -254px;
	top: 12%;
	z-index: 999;
	display: none;
}
.hm-entry-nav {
	width: 400px;
	margin: 0 auto;
	padding-top: 5px;
}
.hm-entry-login {
	width: 200px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #fff;
	font-size: 20px;
	color: #3d4450;
	border-bottom: 2px solid #d2d2d2;
	cursor: pointer;
}
.hm-entry-register {
	width: 200px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #fff;
	font-size: 20px;
	color: #3d4450;
	border-bottom: 2px solid #d2d2d2;
	cursor: pointer;
} 
/*登录部分样式开始*/
.hm-login-form {
	padding-bottom: 40px;
	display: none;
}
.hm-login-tel {
	width: 398px;
	height: 48px;
	border: 1px solid #d2d2d2;
	margin: 38px auto 0;
}
.hm-login-tel input {
	width: 375px;
	height: 46px;
	border: none;
	outline: none;
	padding-left: 22px;
	font-size: 14px;
}
::-moz-placeholder { color: #888b94;font-size: 14px; }
::-webkit-input-placeholder { color:#888b94; font-size: 14px; }
:-ms-input-placeholder { color:#888b94; font-size: 14px; }

.hm-login-password {
	width: 398px;
	height: 48px;
	border: 1px solid #d2d2d2;
	margin: 38px auto 0;
}
.hm-login-password input {
	width: 375px;
	height: 46px;
	border: none;
	outline: none;
	padding-left: 22px;
	font-size: 14px;
}
.hm-entry-login-err {
	font-size: 14px;
	color: orange;
	padding-left: 76px;
	margin-top: 16px;
	display: none;
}
.hm-entry-login-err span {
	display: inline-block;
    width: 14px;
    height: 14px;
    background: url(icon_warning.png) no-repeat;
    padding-left: 12px;
    vertical-align: bottom; 
}
.hm-entry-login-button {
	display: block;
	width: 400px;
	height: 50px;
	line-height: 50px;
	border: none;
	outline: none;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	background: -webkit-linear-gradient(left, #6bf9c2, #088cc3); /* Safari 5.1 - 6.0 */
  	background: -o-linear-gradient(right,#6bf9c2, #088cc3); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(right,#6bf9c2, #088cc3); /* Firefox 3.6 - 15 */
  	background: linear-gradient(to right,#6bf9c2, #088cc3); /* 标准的语法 */
  	margin: 16px auto 0;
}
.hm-active-login {
	display: block;
	font-size: 14px;
	text-align: center;
	color: #64a6fe;
	padding-top: 20px;
}
/*登录部分样式结束*/

/*注册部分样式开始*/
.hm-register-form {
	padding-bottom: 20px;
	display: none;
}
.hm-register-name,.hm-register-tel,.hm-register-password,.hm-register-buttton {
	width: 398px;
	height: 48px;
	border: 1px solid #d2d2d2;
	margin: 16px auto 0;
}
.hm-register-name input,.hm-register-tel input,.hm-register-password input {
	width: 375px;
	height: 46px;
	border: none;
	outline: none;
	padding-left: 22px;
	font-size: 14px;
}
.hm-register-pic {
	width: 400px;
	margin: 16px auto 0;
}
.hm-register-pic-input {
	width: 268px;
	height: 48px;
	border: 1px solid #d2d2d2;
	position: relative;
}
.hm-register-pic-input input {
	width: 245px;
	height: 46px;
	border: none;
	outline: none;
	padding-left: 22px;
	font-size: 14px;
}
.hm-register-pic-fresh {
	width: 130px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #6d7373;
	cursor: pointer;
	background: url(hm-shuaxin.png) no-repeat 20px center;
	background-size: 15px;
}
.hm-register-img {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 100px;
	height: 48px;
}
.hm-register-code {
	width: 400px;
	margin: 16px auto 0;
}
.hm-register-code-input {
	width: 268px;
	height: 48px;
	border: 1px solid #d2d2d2;
}
.hm-register-code-input input {
	width: 246px;
	height: 46px;
	border: none;
	outline: none;
	padding-left: 22px;
	font-size: 14px;
}
.hm-register-code-button {
	border: none;
	outline: none;
	width: 130px;
	height: 50px;
	background: #64a6fe;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}
.hm-register-buttton {
	display: block;
	border: none;
	outline: none;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	background: -webkit-linear-gradient(left, #6bf9c2, #088cc3); /* Safari 5.1 - 6.0 */
  	background: -o-linear-gradient(right,#6bf9c2, #088cc3); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(right,#6bf9c2, #088cc3); /* Firefox 3.6 - 15 */
  	background: linear-gradient(to right,#6bf9c2, #088cc3); /* 标准的语法 */
  	margin-top: 20px;
}
.hm-register-agree {
	margin-top: 16px;
	padding-left: 76px;
	font-size: 14px;
	color: #3d4450;
}
.hm-register-agree span input {
	width: 15px; 
	height: 15px;
	vertical-align: text-bottom;
}
.hm-register-agree a {
	color: #64a6fe;
}

.hm-entry-close {
	position: absolute;
	top: -44px;
	right: -44px;
	cursor: pointer;
}
.hm-entry-close img {
	display: block;
	width: 44px;
	height: 44px;
}
.hm-entry-register-err {
	font-size: 14px;
	color: orange;
	padding-left: 76px;
	margin-top: 16px;
	/* display: none; */
}
.hm-entry-register-err1 {
	display: none;
}
.hm-entry-register-err2 {
	display: none;
}
.hm-entry-register-err3 {
	display: none;
}
.hm-entry-register-err .icon {
	display: inline-block;
    width: 13px;
    height: 17px;
    background: url(icon_check.png) no-repeat;
    padding-left: 12px;
    vertical-align: bottom; 
}
/*注册部分样式结束*/
.hm-actived {
	color: #64a6fe;
	border-bottom: 2px solid #64a6fe;
}
.hm-show {
	display: block;
}
/*用户协议部分样式开始*/
.hm-protocol-wrap {
	width: 600px;
	position: fixed;
	left: 50%;
	margin-left: -300px;
	top: 15%;
	z-index: 999;
	display: none;
}
.hm-protocol-title {
	width: 100%;
	height: 88px;
	line-height: 88px;
	background: url(bg5.png) no-repeat;
	font-size: 24px;
	color: #fff;
	text-align: center;
}
.hm-protocol-con {
	width: 100%;
	background: #fff;
	padding: 30px 0 30px;
	border-radius: 0 0 10px 10px;
}
.hm-protocol-con-page {
	width: 486px;
	height: 280px;
	line-height: 24px;
	margin: 0 auto;
	overflow: auto;
	font-size: 14px;
	color: #3d4450;
}
.hm-protocol-con-page p {
	text-align: justify;
	padding-right: 38px;
}
.hm-protocol-con-page .title {
	text-align: center;
}
.hm-protocol-con-page::-webkit-scrollbar {
	width: 10px;
	height: 300px;
	background: #eceff3;
	border-radius: 5px;
}
.hm-protocol-con-page::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.hm-protocol-btn {
	display: block;
	width: 145px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	margin: 35px auto 0px;
	background: -webkit-linear-gradient(left, #405dff, #35a1ff); /* Safari 5.1 - 6.0 */
  	background: -o-linear-gradient(right,#405dff, #35a1ff); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(right,#405dff, #35a1ff); /* Firefox 3.6 - 15 */
  	background: linear-gradient(to right,#405dff, #35a1ff); /* 标准的语法 */
  	border-radius: 5px;
}
.hm-protocol-close {
	position: absolute;
	top: -44px;
	right: -44px;
	cursor: pointer;
}
.hm-protocol-close img {
	display: block;
	width: 44px;
	height: 44px;
}
/*用户协议部分样式结束*/

/*动态登录部分样式开始*/
.hm-dynamic-wrap {
	width: 600px;
	position: fixed;
	left: 50%;
	margin-left: -300px;
	top: 15%;
	z-index: 999;
	display: none;
}
.hm-dynamic-title-wrap {
	width: 100%;
	height: 125px;
	background: url(bg6.png) no-repeat;
}
.hm-dynamic-title {
	font-size: 26px;
	color: #fff;
	text-align: center;
	padding-top: 40px;
}
.hm-dynamic-des {
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding-top: 10px;
}
.hm-dynamic-con {
	background: #fff;
	padding-bottom: 45px;
	border-radius: 0 0 10px 10px;
}
.hm-dynamic-tel {
	padding-top: 50px;
	width: 460px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
}
.hm-dynamic-tel-name {
	font-size: 14px;
	color: #3d4450;
	margin-right: 18px;
}
.hm-dynamic-tel-input {
	width: 382px;
	height: 48px;
	border: 1px solid #d2d2d2;
	padding-left: 16px;
}
.hm-dynamic-tel-input input {
	display: block;
	border: none;
	outline: none;
	height: 44px;
	width: 380px;
	margin-top: 1px;
	font-size: 14px;
}
.hm-dynamic-pic {
	padding-top: 16px;
	width: 460px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
}
.hm-dynamic-pic-name {
	font-size: 14px;
	color: #3d4450;
	margin-right: 3px;
}
.hm-dynamic-pic-wrap {
	width: 253px;
	height: 48px;
	border: 1px solid #d2d2d2;
	padding-left: 16px;
	position: relative;
}
.hm-dynamic-pic-input {
	display: block;
	width: 250px;
	border: none;
	outline: none;
	height: 44px;
	margin-top: 1px;
	font-size: 14px;
}
.hm-dynamic-pic-fresh {
	width: 130px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #6d7373;
	cursor: pointer;
	background: url(hm-shuaxin.png) no-repeat 20px center;
	background-size: 15px;
}
.hm-dynamic-img {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 100px;
	height: 48px;
}
.hm-dynamic-code {
	padding-top: 16px;
	width: 460px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
}
.hm-dynamic-code-name {
	font-size: 14px;
	color: #3d4450;
	margin-right: 18px;
}
.hm-dynamic-code-wrap {
	width: 253px;
	height: 48px;
	border: 1px solid #d2d2d2;
	padding-left: 16px;
}
.hm-dynamic-code-input {
	display: block;
	width: 253px;
	border: none;
	outline: none;
	height: 44px;
	margin-top: 1px;
	font-size: 14px;
}
.hm-dynamic-code-btn {
	display: block;
	width: 128px;
	border: none;
	outline: none;
	height: 50px;
	color: #fff;
	background: #64a6fe;
	cursor: pointer;
}
.hm-dynamic-button {
	font-size: 18px;
	color: #fff;
	border: none;
	outline: none;
	padding: 16px 146px;
	background: #04cb9a;
	cursor: pointer;
	text-align: center;
	margin-left: 130px;
	margin-top: 16px;
}
.hm-dynamic-cue {
	font-size: 14px;
	color: #3d4450;
	text-align: center;
	padding-top: 16px;
}
.hm-dynamic-cue span {
	color: #64a6fe;
	cursor: pointer;
}
.hm-dynamic-close {
	position: absolute;
	top: -44px;
	right: -44px;
	cursor: pointer;
}
.hm-dynamic-close img {
	display: block;
	width: 44px;
	height: 44px;
}/*动态登录部分样式结束*/
/*登录用户每查询5次进行一次图片验证*/
.count-wrap {
     position: fixed;
     top: 25%;
     left: 50%;
     margin-left: -200px;
     display: none;
     width: 400px;
     background: #fff;
     z-index: 9999;
     border-radius: 10px;
     padding-bottom: 48px;
}
 .count-title {
     border-radius: 10px 10px 0 0;
     font-size: 18px;
     color: #fff;
     padding: 35px 0 35px 75px;
     background: -webkit-linear-gradient(left, #477cfe, #33dfa5);
    /* Safari 5.1 - 6.0 */
     background: -o-linear-gradient(right,#477cfe, #33dfa5);
    /* Opera 11.1 - 12.0 */
     background: -moz-linear-gradient(right,#477cfe, #33dfa5);
    /* Firefox 3.6 - 15 */
     background: linear-gradient(to right,#477cfe, #33dfa5);
}
 .count-title span {
     display: block;
     width: 35px;
     height: 35px;
     position: absolute;
     left: 30px;
     top: 28px;
     background: url({SITE_URL}static/images/m_heming_imgs/hm_icon_hint.png) no-repeat;
     background-size: 35px 35px;
}
 .count-con {
     width: 100%;
}
 .count-yzm {
     width: 298px;
     height: 48px;
     border: 1px solid #d2d2d2;
     margin: 28px auto 16px;
}
 .count-yzm .count-yzm-input {
     display: block;
     border: none;
     outline: none;
     width: 200px;
     height: 40px;
     margin-top: 5px;
     margin-left: 24px;
     font-size: 14px;
     color: #888b93;
}
 .count-tp {
     width: 298px;
     height: 48px;
     border: 1px solid #d2d2d2;
     line-height: 48px;
     margin: 0 auto 16px;
     position: relative;
}
 #count-img {
     display: block;
     width: 65px;
     height: 40px;
     position: absolute;
     left: 24px;
     top: 4px;
}
 .count-tp p {
     font-size: 14px;
     color: #888b93;
     padding-left: 220px;
}
 .count-tp p span {
     display: block;
     width: 12px;
     height: 12px;
     position: absolute;
     right: 82px;
     top: 18px;
     background: url(hm-shuaxin.png) no-repeat;
     background-size: 12px 12px;
}
 .count-btn {
     width: 300px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     font-size: 18px;
     color: #fff;
     margin: 0 auto;
     cursor: pointer;
     background: -webkit-linear-gradient(left, #69f8c2, #0a8fc2);
    /* Safari 5.1 - 6.0 */
     background: -o-linear-gradient(right,#69f8c2, #0a8fc2);
    /* Opera 11.1 - 12.0 */
     background: -moz-linear-gradient(right,#69f8c2, #0a8fc2);
    /* Firefox 3.6 - 15 */
     background: linear-gradient(to right,#69f8c2, #0a8fc2);
}
 .count-close {
     position: absolute;
     right: -44px;
     top: -44px;
     width: 44px;
     height: 44px;
     border-radius: 50%;
     cursor: pointer;
     background: url(icon_close.png) no-repeat center center;
}
 .count-err {
     position: relative;
     font-size: 14px;
     color: #f56600;
     padding-left: 75px;
     margin-bottom: 16px;
     display: none;
}
 .count-err span {
     display: block;
     width: 14px;
     height: 14px;
     background: url(icon_warning.png) no-repeat;
     position: absolute;
     left: 52px;
     top: 0px;
}