@charset "utf-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

body {
	line-height: 1.8;
	font-family: 'Microsoft Yahei','simsun',arial,verdana,sans-serif;
	color: #000000;
	font-size: 14px
}

a {
	text-decoration: none
}

ul,li {
	list-style: none;
	margin: 0;
	padding: 0
}

.modal-open {
	overflow: hidden;
	padding-right: 18px !important
}

.modal-open .modal {
	padding-left: 0 !important
}

.modal-open {
	overflow: hidden
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	text-align: center;
	font-size: 0;
	vertical-align: middle;
	white-space: nowrap
}

.modal .link-org {
	color: #ebb400;
	font-size: 18px
}

.modal .link-org:hover {
	text-decoration: underline
}

.modal .qrcode-box {
	width: 158px;
	height: 158px;
	margin: 20px auto;
	position: relative;
	border: 1px solid #C4C5CF
}

.modal .qrcode-refresh {
	position: absolute;
	text-align: center;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
	background-color: rgba(255,255,255,0.8);
	font-size: 14px;
	color: #333;
	cursor: pointer;
	opacity: 1;
	display: none
}

.modal .qrcode-refresh:before {
	content: '';
	display: block;
	margin: 55px auto 1000px;
	width: 46px;
	height: 46px;
	background: url(https://img.77zhangh.com/images/images/refresh.png) no-repeat 0 0
}

.modal .qrcode-refresh:hover:before {
	background-position: 0 -46px
}

.modal .qrcode {
	padding: 4px;
	background-color: #fff;
	width: 150px;
	height: 150px
}

.modal:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
	font-size: 0
}

.modal .fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%)
}

.modal .in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	font-size: 12px
}

.modal-open .modal {
	overflow-x: auto;
	overflow-y: auto
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
	white-space: normal
}

.modal-content {
	position: relative;
	background-color: #fff;
	border-radius: 5px;
	outline: 0;
	padding: 40px 60px 60px
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000000
}

.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0
}

.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .5
}

.modal-header .close {
	position: absolute;
	z-index: 100;
	right: 20px;
	top: 20px;
	width: 14px;
	height: 14px;
	border: none;
	background: url('../images/close-btn.png') no-repeat 0 0;
	text-indent: -9999px;
	cursor: pointer;
	outline: none
}

.modal-header .close:hover {
	background-position: 0 -14px
}

.modal-header .close2 {
	position: absolute;
	z-index: 100;
	right: -30px;
	top: 3px;
	width: 18px;
	height: 18px;
	border: none;
	background: url('../images/close2.png') no-repeat 0 0;
	text-indent: -9999px;
	cursor: pointer;
	outline: none
}

.modal-title {
	height: 44px;
	line-height: 44px;
	font-size: 20px;
	font-weight: normal;
	color: #212537;
	text-align: center
}

.modal-body {
	position: relative;
	color: #6c757d
}

.modal-body .m-title {
	font-size: 24px;
	color: #212537;
	text-align: center
}

.modal-body .text {
	color: #8d8e99;
	font-size: 16px;
	text-align: center
}

.modal-body .tips-cont {
	height: 32px;
	text-align: center
}

.modal-body .tips-cont .warning,.modal-body .tips-cont .success,.modal-body .tips-cont .confirm {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding-left: 45px
}

.modal-body .tips-cont .warning .green,.modal-body .tips-cont .success .green,.modal-body .tips-cont .confirm .green {
	color: green
}

.modal-body .tips-cont .warning .red,.modal-body .tips-cont .success .red,.modal-body .tips-cont .confirm .red {
	color: #f76260
}

.modal-body .tips-cont .confirm {
	background-position: 0 -64px
}

.modal-body .tips-cont .success {
	background-position: 0 -32px
}

.modal-footer {
	min-height: 35px;
	padding: 15px 0 0;
	text-align: center
}

.modal-footer .btn {
	display: inline-block;
	background-color: #FFD200;
	color: #212537;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	margin: 0 15px;
	border-radius: 4px;
	padding: 0 20px
}

.modal-footer .btn:hover {
	background-color: #ffda33
}

.modal-footer .btn-cancel {
	display: inline-block;
	background-color: #E8E9EB;
	color: #212537;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	margin: 0 15px;
	border-radius: 4px;
	padding: 0 20px
}

.modal-footer .btn-cancel:hover {
	background-color: #F0F1F2
}

.modal-footer .btn-disabled,.modal-footer .btn-disabled:hover {
	cursor: not-allowed;
	color: #666;
	background-color: #333
}

.modal-footer .btn+.btn {
	margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
	margin-left: 0
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

.modal-dialog {
	width: 460px;
	margin: 0 auto;
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	text-align: left
}

.modal-md2 {
	width: 600px
}

.second-modal {
	z-index: 1052
}

.third-modal {
	z-index: 1054
}

.forth-modal {
	z-index: 1056
}

.modal-backdrop+.modal-backdrop {
	z-index: 1051
}

.modal-backdrop+.modal-backdrop+.modal-backdrop {
	z-index: 1053
}

.modal-backdrop+.modal-backdrop+.modal-backdrop+.modal-backdrop {
	z-index: 1055
}

.modal-body .iframe-wrap {
	margin: 0 auto -60px;
	position: relative
}

.modal-body .iframe-wrap iframe {
	width: 340px;
	height: 355px
}

.modal-record-header h4 {
	margin-bottom: 10px
}

.modal-record-body {
	padding: 0 20px
}

.modal-record-body .table-wrap {
	height: 360px;
	overflow: hidden
}

.modal-record-body table {
	border: 1px solid #ddd;
	color: #212537
}

.modal-record-body thead td {
	font-size: 18px;
	color: #212537;
	background-color: #f9f9f9
}

.modal-record-body td {
	border-left: none;
	border-right: none;
	text-indent: 10px
}

.modal-record-body tbody td {
	font-size: 14px;
	line-height: 38px
}

.modal-record-body input {
	width: 80%;
	background: none;
	border: none;
	color: #212537;
	font-size: 14px
}

.modal-record-body .code {
	width: 240px
}

.modal-record-body a {
	color: #518BDB
}

.modal-record-body a.active-code-red {
	color: #518BDB
}

.modal-record-body a:hover {
	text-decoration: underline
}

.modal-record-body a.active-code-red:hover {
	text-decoration: underline
}

.modal-code {
	padding-top: 12px;
	margin-bottom: -15px;
	text-align: center
}

.modal-code .modal-body-title {
	text-align: center;
	line-height: 36px;
	font-size: 24px;
	color: #212537;
	margin: 0 0 20px
}

.modal-code img {
	margin-top: 27px
}

.modal-code .price {
	line-height: 48px;
	font-size: 18px;
	color: #212537
}

.modal-code .price span {
	color: #FF5436;
	font-weight: bold
}

.modal-code .tips {
	display: none
}

.modal-reg {
	width: 320px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 40px
}

.modal-reg:before {
	content: '';
	border-bottom: 2px solid #333333;
	width: 342px;
	position: absolute;
	left: -10px;
	top: 45px
}

.modal-reg .modal-reg-title {
	line-height: 42px;
	font-size: 24px;
	color: #C28939;
	text-align: center;
	font-weight: normal;
	margin-bottom: 40px
}

.modal-reg .error {
	position: absolute;
	left: 0;
	top: 55px;
	overflow: hidden;
	line-height: 24px;
	font-size: 12px;
	color: #f00
}

.modal-reg .phone-num,.modal-reg .valid-code {
	height: 52px;
	margin-bottom: 20px
}

.modal-reg .phone-num label {
	float: left;
	width: 52px;
	height: 52px;
	text-indent: -9999px;
	overflow: hidden;
	background: #161717 url("../images/label-bg.png") no-repeat
}

.modal-reg .phone-num input,.modal-reg .valid-code input {
	float: left;
	width: 248px;
	height: 52px;
	border: none;
	padding: 0 10px;
	line-height: 52px;
	font-size: 12px;
	background: #161717
}

.modal-reg .valid-code input {
	width: 181px;
	height: 52px
}

.modal-reg .placeholder {
	color: #AFAFAF
}

.modal-reg .valid-code button {
	float: left;
	width: 109px;
	height: 52px;
	margin-left: 10px;
	border: none;
	font-size: 14px;
	background: #ebb400;
	color: #333;
	cursor: pointer
}

.modal-reg .valid-code .disabled,.modal-reg .valid-code .disabled:hover {
	background-color: #3F3F3F;
	color: #AFAFAF;
	cursor: not-allowed
}

.modal-reg .valid-code img {
	width: 80px;
	height: 52px;
	vertical-align: middle
}

.modal-reg .valid-code button:hover {
	background: #ffda33
}

.modal-reg .modal-btn-reg {
	display: block;
	height: 52px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	line-height: 52px;
	text-align: center;
	font-size: 18px;
	background: #D9933F;
	color: #000;
	font-weight: bold
}

.modal-reg .valid-code button:disabled {
	background: #3f3f3f;
	color: #afafaf;
	cursor: default
}

.modal-reg .modal-btn-reg:hover {
	background: #FFBA66
}

.modal-reg .sw-protocol {
	line-height: 24px;
	text-align: left;
	color: #666666;
	margin: -10px 0 10px
}

.modal-reg .sw-protocol a {
	color: #666666
}

.modal-reg .sw-protocol a:hover {
	color: #d9933f
}

.modal-tips-header {
	font-size: 14px
}

.modal-tips {
	padding: 15px 0
}

.modal-tips .placeholder {
	color: #666666
}

.modal-tips a {
	color: #518BDB
}

.modal-tips a:hover {
	text-decoration: underline
}

.modal-tips .code {
	color: #ebb400;
	border: 0 none;
	background-color: transparent;
	width: 100%;
	font-size: 16px;
	margin: 5px 0;
	outline: none
}

.modal-tips p {
	line-height: 32px;
	font-size: 16px;
	word-break: break-all;
	color: #212537
}

.modal-tips-footer .btn {
	margin: 0 20px
}

.modal-reg .valid-code input.text-s {
	width: 150px;
	margin-right: 10px;
	vertical-align: middle;
	display: inline-block
}

.btn-change {
	line-height: 52px;
	color: #afafaf;
	font-size: 16px;
	margin-left: 5px;
	vertical-align: middle
}

.modal-code .price p {
	line-height: 24px;
	font-size: 14px
}

.modal-amount {
	color: #212537;
	font-size: 14px
}

.modal-amount .discounts {
	color: #ebb400;
	margin: 0 0 15px
}

.modal-amount .modal-amount-title {
	font-size: 22px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 15px
}

.modal-amount .item {
	overflow: hidden;
	margin-bottom: 10px
}

.modal-amount .hd {
	display: inline-block;
	vertical-align: middle
}

.modal-amount .bd {
	display: inline-block;
	vertical-align: middle;
	max-width: 405px;
	line-height: 28px
}

.modal-amount .confirm-btn,.modal-amount .cancel-btn {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	font-size: 16px;
	text-align: center;
	width: 110px;
	line-height: 40px;
	font-weight: bold
}

.modal-amount .confirm-btn {
	background-color: #FFD200;
	color: #212537;
	border-radius: 5px
}

.modal-amount .confirm-btn:hover {
	background-color: #ffda33
}

.modal-amount .cancel-btn {
	background-color: #E8E9EB;
	color: #ABACB3;
	border-radius: 5px
}

.modal-amount .cancel-btn:hover {
	background-color: #edeef0
}

.modal-amount .ui-radio {
	margin: 5px 5px 5px 0;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	height: 34px
}

.modal-amount .ui-radio input {
	position: absolute;
	left: -999px;
	top: -999px
}

.modal-amount .ui-radio span {
	display: inline-block;
	line-height: 30px;
	border: 1px solid #D9DADE;
	width: 100px;
	text-align: center;
	cursor: default;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.modal-amount .ui-radio input:checked~span {
	color: #212537;
	border-color: #FFD200;
	position: relative
}

.modal-amount .ui-radio input:checked~span:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 15px;
	height: 15px;
	background: url(https://img.77zhangh.com/images/images/portfolio-check.png) no-repeat 0 0
}

.modal-amount .active span {
	color: #ebb400;
	border-color: #ebb400;
	position: relative
}

.modal-amount .active span:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 15px;
	height: 15px;
	background: url(https://img.77zhangh.com/images/images/portfolio-check.png) no-repeat 0 0
}

.modal-amount .now-price {
	margin-right: 15px
}

.modal-amount .now-price strong {
	color: #FF5436;
	font-size: 24px
}

.modal-amount .default-price {
	color: #999;
	text-decoration: line-through
}

.modal-buy-succ .hd {
	font-size: 24px;
	color: #212537;
	text-align: center;
	margin-bottom: 20px
}

.modal-buy-succ .succ-item {
	background-color: #f0f0f0;
	margin-bottom: 20px;
	padding: 15px 10px;
	font-size: 16px;
	color: #212537
}

.modal-buy-succ .foot {
	text-align: center;
	color: #666666;
	font-size: 14px;
	padding: 20px 0 10px
}

.modal-buy-succ .buy-type {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-bottom: 15px
}

.modal-buy-succ .buy-type strong {
	color: #ebb400;
	font-weight: bold
}

.modal-buy-succ .buy-code {
	position: relative
}

.modal-buy-succ .code {
	color: #212537;
	background-color: transparent;
	border: 0 none;
	font-size: 13px;
	width: 395px;
	line-height: 24px;
	height: 24px;
	vertical-align: middle
}

.modal-buy-succ .copy-btn {
	background-color: #FFD200;
	font-size: 14px;
	font-weight: bold;
	color: #212537;
	padding: 0 15px;
	line-height: 32px;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 3px
}

.modal-buy-succ .copy-btn:hover {
	background-color: #ffda33
}

.modal-buy-succ .buy-account {
	position: relative;
	overflow: hidden;
	font-size: 14px
}

.modal-buy-succ .buy-account .code {
	position: absolute;
	top: -50px;
	left: 0
}

.modal-buy-succ .buy-account .copy-btn {
	position: absolute;
	right: 0;
	top: 12px
}

.iframe-wrap .login-to-quick {
	position: absolute;
	right: 0;
	top: 3px;
	color: #cccccc;
	font-size: 16px
}

.iframe-wrap .login-to-quick:hover {
	color: #ebb400
}

.quick-login-wrap {
	margin: 0 25px;
	position: relative;
	height: 421px;
	top: -5px
}

.quick-login-wrap .quick-title {
	font-size: 24px;
	color: #ebb400;
	font-weight: bold;
	padding-left: 5px
}

.quick-login-wrap .quick-to-login {
	position: absolute;
	right: 5px;
	top: 8px;
	color: #cccccc;
	font-size: 16px
}

.quick-login-wrap .quick-to-login:hover {
	color: #ebb400
}

.quick-login-wrap .quick-body {
	padding: 50px 5px 0;
	position: relative
}

.quick-login-wrap .quick-body .error-tip {
	position: absolute;
	left: 5px;
	top: 25px;
	color: #FF0B16
}

.quick-login-wrap .quick-body .desc {
	color: #e21826
}

.quick-login-wrap .tel-input {
	line-height: 54px;
	padding-left: 52px;
	display: block;
	margin-bottom: 15px;
	background: #161717 url("../images/label-bg.png") no-repeat
}

.quick-login-wrap .tel-input input {
	line-height: 54px;
	height: 54px;
	width: 230px;
	padding: 0 18px;
	font-size: 14px;
	color: #afafaf;
	border: 0 none;
	background: transparent
}

.quick-login-wrap .tel-input input:-webkit-autofill {
	-webkit-text-fill-color: #AFAFAF;
	-webkit-box-shadow: 0 0 0 50px #161717 inset
}

.quick-login-wrap .quick-submit {
	margin-top: 50px;
	font-size: 18px;
	font-weight: bold;
	background-color: #ebb400;
	display: block;
	width: 320px;
	border: 0 none;
	height: 54px;
	color: #000000
}

.quick-login-wrap .quick-submit:hover {
	background-color: #ffda33
}

.modal-tip2 {
	padding-bottom: 1px
}

.modal-tip2 .hd {
	font-size: 24px;
	color: #212537;
	text-align: center;
	line-height: 80px;
	padding: 30px 0 0
}

.modal-tip2 .tip-content {
	margin-bottom: 25px;
	padding-top: 25px;
	border-top: 2px solid #333333;
	text-align: center;
	color: #bfbfbf;
	font-size: 14px
}

.modal-primary-btn {
	color: #000;
	background-color: #D9933F;
	display: inline-block;
	line-height: 44px;
	padding: 0 25px;
	font-size: 16px;
	font-weight: bold
}

.modal-primary-btn:hover {
	background-color: #dc9a4c
}

.welfare-result {
	margin: 20px 0
}

.welfare-result .welfare-result-head {
	background-color: #DDE0E5;
	color: #8d8e99;
	line-height: 34px;
	font-size: 14px;
	overflow: hidden;
	padding-right: 8px
}

.welfare-result .welfare-result-head span {
	float: left;
	width: 50%;
	text-align: center
}

.welfare-result .w01 {
	width: 50%
}

.welfare-result .w02 {
	width: 50%
}

.welfare-result-list {
	max-height: 214px;
	overflow: auto;
	background-color: #F7F8FA
}

.welfare-result-list table {
	width: 100%;
	text-align: center;
	font-size: 14px;
	margin-bottom: 5px
}

.welfare-result-list tbody tr:first-child td {
	padding-top: 10px
}

.welfare-result-list tbody tr:last-child td {
	padding-bottom: 10px
}

.welfare-result-list tbody td {
	color: #5e5f66;
	padding: 5px
}

.modal-tips-footer .f-tip {
	text-align: center;
	margin: 5px 0 -18px
}

.modal-tips-footer .f-tip a {
	color: #704e26;
	font-size: 14px
}

.modal-tips-footer .f-tip a:hover {
	color: #835b2c
}

.modal-result {
	text-align: center;
	padding: 0 0 20px;
	color: #bfbfbf
}

.modal-result .msg-head {
	text-align: center;
	color: #212537;
	font-size: 24px
}

.modal-result .icon-fail,.modal-result .icon-succ,.modal-result .icon-apply-free,.modal-result .icon-send-account {
	display: block;
	margin: 10px auto 5px
}

.modal-result .icon-fail {
	width: 66px;
	height: 77px;
	background: url(https://img.77zhangh.com/images/images/fail.png) no-repeat 0 0
}

.modal-result .icon-succ {
	width: 66px;
	height: 77px;
	background: url(https://img.77zhangh.com/images/images/order_succ_icon.png) no-repeat 0 0
}

.modal-result .icon-apply-free {
	width: 76px;
	height: 76px;
	background: url(https://img.77zhangh.com/images/images/apply_free.png) no-repeat 0 0
}

.modal-result .icon-send-account {
	width: 142px;
	height: 92px;
	background: url(https://img.77zhangh.com/images/images/send_account.png) no-repeat 0 0
}

.modal-result p {
	font-size: 16px;
	word-break: break-all;
	color: #8d8e99
}

.modal-form-row {
	overflow: hidden;
	padding-top: 10px
}

.modal-form-row input {
	width: 230px;
	float: left;
	box-sizing: border-box;
	border-radius: 5px 0 0 5px;
	border-right-width: 0
}

.modal-form-row input:focus {
	border-right-width: 0
}

.modal-form-row .btn {
	float: left;
	width: 110px;
	line-height: 40px;
	text-align: center;
	background-color: #FFD200;
	border-radius: 0 5px 5px 0;
	font-size: 16px;
	color: #212537
}

.modal-form-row .btn:hover {
	background-color: #ffda33
}

#Js_explain .modal-dialog {
	width: 600px
}

.modal-explain-box {
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0 0 15px 0;
	color: #8d8e99;
	font-size: 14px;
	word-break: break-all
}

.modal-explain-box .content {
	padding: 0 40px
}

.modal-explain-box .content img {
	max-width: 100%
}

.modal-explain .modal-content {
	padding: 55px 0 40px
}

.modal-explain .modal-footer .btn {
	width: 340px
}

.modal-photo {
	width: 650px
}

.modal-photo .modal-content {
	padding: 10px
}

.modal-gold-detail {
	font-size: 14px;
	padding: 30px 0 20px
}

.modal-gold-detail table {
	width: 100%;
	table-layout: fixed
}

.modal-gold-detail th,.modal-gold-detail td {
	padding: 3px 0
}

.modal-gold-detail th {
	color: #212537;
	width: 23%;
	text-align: right
}

.modal-gold-detail td {
	color: #8d8e99;
	word-break: break-all
}

#ieToolTip {
	min-width: 1200px;
	background: #FFFFE1;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 200
}

#ieToolTip a {
	color: #0066CC
}

#ieToolTip .close {
	position: absolute;
	right: 10px;
	top: 0;
	cursor: pointer
}

body {
	background-color: #F2F3F5;
	color: #212537
}

.wrap_group {
	min-width: 1200px;
	overflow: hidden
}

.wrap {
	width: 1200px;
	margin: 0 auto;
	padding-top: 15px
}

.wrap2 {
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	padding: 0 0 30px;
	width: 1200px;
	margin: 0 auto
}

.index-container.wrap_group {
	background: none
}

.index-container .wrap {
	padding: 0
}

.load-more {
	color: #333333;
	text-align: center;
	padding: 10px 0;
	display: none
}

.load-more i {
	display: inline-block;
	vertical-align: -2px;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	background: url(https://img.77zhangh.com/images/images/loading.png) no-repeat 0 0;
	animation: loading 1500ms linear infinite
}

@keyframes loading {
	form {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}
}

.division-list .lazy,.send-account-list .lazy,.index-column .lazy {
	background: url(https://img.77zhangh.com/images/images/img_loading.png) no-repeat center center
}

.page-container {
	min-width: 1200px;
	padding: 30px 0 60px
}

.glmall-header-group {
	min-width: 1200px;
	background: #FFFFFF
}

.glmall-header {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 80px;
	overflow: hidden
}

.glmall-header .glmall-header-logo {
	line-height: 80px;
	height: 80px;
	float: left;
	margin-right: 10px
}

.glmall-header .glmall-header-logo img {
	max-height: 50px;
	vertical-align: middle;
	margin-right: 20px
}

.glmall-top-login {
	position: absolute;
	right: 0;
	top: 27px
}

.glmall-top-login .glmall-login-btn {
	color: #1B1F33
}

.glmall-top-login .glmall-login-btn:before {
	content: '';
	display: inline-block;
	vertical-align: -2px;
	width: 13px;
	height: 13px;
	background: url(https://img.77zhangh.com/images/images/header_login_icon.png) no-repeat 0 0;
	margin-right: 8px
}

.glmall-top-login .glmall-login-btn:hover {
	color: #ebb400
}

.glmall-top-login .glmall-login-btn:hover:before {
	background-position: 0 -13px
}

.glmall-top-login-in {
	position: absolute;
	right: 0;
	top: 27px;
	color: #333
}

.glmall-top-login-in .glmall-user-name {
	color: #333
}

.glmall-top-login-in .glmall-user-name strong {
	color: #ebb400
}

.glmall-top-login-in a {
	color: #333
}

.glmall-top-login-in a:hover {
	color: #ebb400
}

.glmall-top-login-in a.glmall-user-center {
	display: inline-block;
	max-width: 120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom
}

.glmall-top-login-in a,.glmall-top-login-in span {
	margin-left: 12px
}

.glmall-top-login-in span {
	color: #d9d9d9
}

.glmall-header-wrapper {
	position: relative;
	box-shadow: 0 3px 5px rgba(0,0,0,0.05)
}

.glmall-header-menu {
	float: left;
	position: relative;
	max-width: 900px;
	height: 80px
}

.glmall-header-menu .glmall-menu-icon {
	position: absolute;
	z-index: 10;
	background-color: #FF5436;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	padding: 0 5px;
	border-radius: 9px;
	top: 24px;
	max-width: 60px;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.glmall-header-menu li {
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	height: 80px;
	position: relative;
	white-space: nowrap;
	transition: background 200ms
}

.glmall-header-menu li a {
	padding: 0 25px;
	display: block;
	color: #333333;
	font-size: 15px;
	line-height: 80px;
	position: relative;
	text-decoration: none
}

.glmall-header-menu li.glmall-curr a {
	font-weight: bold;
	position: relative
}

.glmall-header-menu li.glmall-curr a:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 60px;
	width: 100%;
	box-sizing: border-box;
	border-width: 0 25px;
	border-style: solid;
	border-color: #FFF;
	height: 2px;
	background-color: #333
}

.glmall-header-menu li.glmall-curr:hover {
	background-color: #fff
}

.glmall-header-menu li.glmall-curr:hover a:after {
	border-color: #fff
}

.glmall-header-menu li:hover {
	background-color: #F2F3F5
}

.glmall-header-menu li:hover a:after {
	border-color: #F2F3F5
}

.index-hot-group {
	margin: 0 0 60px;
	position: relative
}

.index-hot-group:after {
	content: '';
	position: absolute;
	width: 398px;
	height: 307px;
	right: -400px;
	bottom: -95px;
	background: url(https://img.77zhangh.com/images/images/car.png) no-repeat 0 0
}

.index-list {
	margin: 0 -20px -20px 0
}

.index-list:after {
	content: '';
	visibility: hidden;
	display: block;
	height: 0;
	font-size: 0;
	clear: both
}

.index-list li {
	width: 224px;
	background-color: #FFFFFF;
	float: left;
	height: 248px;
	margin: 0 20px 20px 0;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 0 20px rgba(0,0,0,0.05);
	position: relative;
	transition: box-shadow 200ms ease-in,transform 200ms ease-in
}

.index-list li:hover {
	box-shadow: 0 6px 15px rgba(0,0,0,0.1);
	transform: translateY(-2px)
}

.index-list li img {
	width: 100%;
	height: 126px;
	object-fit: cover
}

.index-list li a {
	position: relative;
	display: block;
	height: 100%
}

.index-list .pic {
	margin-bottom: 6px
}

.index-list .pic img {
	vertical-align: bottom
}

.index-list .title {
	color: #1b1f33;
	font-size: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; height:50px
}

.index-list .addition-info {
	position: absolute;
	bottom: 7px;
	line-height: 20px;
	width: 100%
}

.index-list .price-box,.index-list .title,.index-list .info {
	padding: 0 12px
}

.index-list .price-box {
	overflow: hidden;
	line-height: 20px
}

.index-list .discount-price {
	color: #FF5436;
	font-size: 12px;
	float: left
}

.index-list .discount-price strong {
	font-weight: bold;
	font-size: 14px
}

.index-list .discount-price strong span {
	font-size: 18px
}

.index-list .discount-price i {
	font-size: 14px;
	margin-right: 4px
}

.index-list .normal-price {
	float: left;
	font-size: 12px;
	color: #abadb2;
	text-decoration: line-through;
	margin: 2px 0 0 6px
}

.index-list .sell-count {
	color: #717175;
	font-size: 12px;
	float: right;
	width: 85px;
	margin-top: 1px;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.index-list .info {
	color: #717175;
	font-size: 12px;
	overflow: hidden
}

.index-list .quantity {
	width: 70px;
	float: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.index-list .support {
	float: right;
	width: 110px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.index-list .support:before {
	content: "|";
	margin: 0 12px 0 0;
	color: #D9D9D9
}

@-moz-document url-prefix() {
	.index-list li:hover {
		animation: displacement 400ms 1 forwards;
		box-shadow: none;
		transform: none
	}
}

@media \0screen\,screen\9 {
	.index-list a {
		position: relative;
		display: block
	}

	.index-list a:hover .opacity-layer {

		content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 20;
		background: rgba(255,255,255,0.07);
		background: url(https://img.77zhangh.com/images/images/hover.png) repeat 0 0
	}
}

.index-column .head {
	line-height: 36px;
	margin-bottom: 10px;
	position: relative;
	z-index: 5
}
.index-column .head em{ float:right; line-height:36px;}
.index-column .head .icon {
	display: none
}

.index-column .head h2 {
	color: #1b1f33;
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	margin-right: 18px
}

.index-column .head h2:before {
	content: '';
	display: inline-block;
	vertical-align: -4px;
	background-color: #FFC400;
	width: 4px;
	height: 22px;
	border-radius: 2px;
	margin-right: 15px
}

.index-column .head .desc {
	color: #8d8e99;
	vertical-align: -3px;
	display: inline-block
}

.index-column .head .more {
	display: none
}

.index-column .body03 {
	height: 248px
}

.index-column .body02:after,.index-column .body03:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0
}

.index-column .column-pic {
	width: 224px;
	height: 248px;
	float: left;
	position: relative
}

.index-column .column-pic img {
	position: absolute;
	bottom: 0;
	vertical-align: bottom;
	left: 0;
	width: 100%;
	max-height: 315px
}

.index-column .column-pic+.index-list {
	float: left;
	margin-left: 20px
}

.index-pic-group {
	background-color: #fff;
	height: 120px;
	padding: 20px 0
}

.index-intro-group {
	background: #F2F3F5 url(https://img.77zhangh.com/images/images/index_bg.jpg) repeat-x center 0;
	min-width: 1200px;
	padding: 20px 0 0
}

.index-intro-pic {width: 1200px; margin:0 auto}
.index-intro-pic ul {overflow: hidden; width:1220px; overflow:hidden;}

.index-intro-pic li {
	float: left;
	width: 285px;
	height: 120px; margin-right:20px;
	position: relative
}

.index-intro-pic li:hover a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	background: rgba(255,255,255,0.07)
}

.index-intro-pic li img {
	width: 100%;
	height: 100%;
	vertical-align: bottom
}

.index-intro-bar {
	margin-bottom: 40px;
	height: 297px
}

.index-intro-bar .index-column:after {
	content: '';
	visibility: hidden;
	display: block;
	height: 0;
	font-size: 0;
	clear: both
}

.index-intro-bar:after {
	content: '';
	visibility: hidden;
	display: block;
	height: 0;
	font-size: 0;
	clear: both
}

.index-list-group .index-column {
	margin-bottom: 40px
}

.index-flash-sale {
	width: 468px;
	float: left;
	margin-right: 20px
}

.index-flash-sale+.index-column {
	margin-left: 488px
}

.index-flash-sale .body {
	width: 468px;
	height: 248px;
	position: relative
}

.index-flash-sale .time-count-group {
	position: absolute;
	top: 145px;
	left: 20px;
	width: 200px;
	text-align: center
}

.index-flash-sale .time-count-group p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 5px
}

.index-flash-sale .countdown-time span {
	background: url(https://img.77zhangh.com/images/images/index_time.png) no-repeat 0 0;
	width: 37px;
	padding-left: 3px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin: 0 3px;
	letter-spacing: 3px
}

.index-flash-sale .pro {
	position: absolute;
	left: 235px;
	top: 10px;
	width: 224px
}

.index-flash-sale .pic {
	width: 224px;
	height: 160px;
	position: relative;
	margin-bottom: 20px
}

.index-flash-sale .pic img {
	width: 100%;
	height: 100%;
	font-size: 0;
	object-fit: cover
}

.index-flash-sale .pic .qua {
	position: absolute;
	left: 0;
	top: 0;
	color: #ffd240;
	font-size: 12px;
	padding: 0 8px;
	background: url(https://img.77zhangh.com/images/images/pro_qua_bg.png) no-repeat right 0;
	line-height: 24px;
	white-space: nowrap
}

.index-flash-sale .title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 6px;
	color: #ebb400;
	position: absolute;
	left: 0;
	top: 97px;
	width: 100%;
	padding: 30px 10px 8px;
	box-sizing: border-box;
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
	color: #fff
}

.index-flash-sale .title a {
	color: #fff
}

.index-flash-sale .buy-btn {
	display: block;
	width: 224px;
	height: 48px;
	background: url(https://img.77zhangh.com/images/images/index_buy_btn.png) no-repeat 0 0;
	position: relative
}

.index-flash-sale .buy-btn:hover {
	background-position: 0 -48px
}

.index-flash-sale .buy-btn .text {
	font-size: 18px;
	font-weight: bold;
	line-height: 48px;
	color: #fff;
	display: block;
	width: 130px;
	text-align: center
}

.index-flash-sale .buy-btn .ori-price {
	color: #5b2012;
	font-size: 12px;
	text-decoration: line-through;
	position: absolute;
	width: 82px;
	right: 0;
	top: 3px;
	text-align: center
}

.index-flash-sale .buy-btn .dis-price {
	color: #1b1f33;
	position: absolute;
	right: 0;
	top: 16px;
	width: 82px;
	line-height: 28px;
	text-align: center;
	font-weight: bold;
	white-space: nowrap
}

.index-flash-sale .buy-btn .dis-price .cent,.index-flash-sale .buy-btn .dis-price i {
	font-size: 14px
}

.index-flash-sale .buy-btn .dis-price .yen {
	font-size: 20px
}

.index-banner {
	width: 1200px;
	margin: -17px auto 70px;
	background: url(https://img.77zhangh.com/images/images/index_banner_bg.png) no-repeat 0 0;
	padding-top: 30px
}

.index-banner img {
	vertical-align: bottom;
	width: 100%;
	border-radius: 3px
}

.index-banner a {
	position: relative;
	display: block
}

.index-banner a:hover:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	background: rgba(255,255,255,0.07)
}

.glmall-footer-fn,.glmall-footer-group {
	min-width: 1200px;
	font-size: 12px;
	color: #808080
}

.glmall-footer-fn a,.glmall-footer-group a {
	color: #808080;
	transition: color 200ms
}

.glmall-footer-fn a:hover,.glmall-footer-group a:hover {
	color: #ebb400
}

.glmall-footer-fn {
	border-top: 2px solid #2E2E2E;
	background-color: #292929
}

.glmall-footer-group {
	background-color: #1A1A1A;
	padding: 10px 0
}

.glmall-footer-group img {
	vertical-align: middle;
	margin: 0 5px
}

.glmall-footer-advantage,.glmall-footer-about,.glmall-footer {
	width: 1200px;
	margin: 0 auto
}

.glmall-footer-advantage ul {
	overflow: hidden;
	padding: 35px 0 25px;
	border-bottom: 1px solid #2E2E2E
}

.glmall-footer-advantage li {
	float: left;
	width: 150px;
	position: relative;
	padding-left: 110px;
	min-height: 70px;
	margin-right: 40px
}

.glmall-footer-advantage li i {
	position: absolute;
	left: 35px;
	top: 0;
	width: 52px;
	height: 60px;
	background: url(https://img.77zhangh.com/images/images/foot_icon.png) no-repeat 0 0
}

.glmall-footer-advantage li i.glmall-icon02 {
	background-position: -52px 0
}

.glmall-footer-advantage li i.glmall-icon03 {
	background-position: 0 -60px
}

.glmall-footer-advantage li i.glmall-icon04 {
	background-position: -52px -60px
}

.glmall-footer-advantage strong {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin-bottom: 5px
}

.glmall-footer-about {
	overflow: hidden;
	padding: 30px 0
}

.glmall-footer-about .glmall-footer-link {
	float: left;
	padding-left: 60px
}

.glmall-footer-about .glmall-f-col {
	float: left;
	width: 205px;
	margin-right: 20px;
	line-height: 24px
}

.glmall-footer-about .glmall-f-col .glmall-title {
	color: #fff;
	font-size: 14px;
	margin-bottom: 15px
}

.glmall-footer-about .glmall-f-col li {
	white-space: nowrap
}

.glmall-footer-about .glmall-icon-alipay,.glmall-footer-about .glmall-icon-weixin,.glmall-footer-about .glmall-icon-qqpay {
	display: block
}

.glmall-footer-about .glmall-icon-alipay:before,.glmall-footer-about .glmall-icon-weixin:before,.glmall-footer-about .glmall-icon-qqpay:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 16px;
	margin-right: 5px;
	background: url(https://img.77zhangh.com/images/images/foot_icon.png) no-repeat 0 -126px
}

.glmall-footer-about .glmall-icon-weixin:before {
	background-position: -26px -127px
}

.glmall-footer-about .glmall-icon-qqpay:before {
	width: 16px;
	height: 18px;
	margin: 0 7px 0 2px;
	background-position: -85px -126px
}

.glmall-footer-about .glmall-f-service {
	display: inline-block;
	background-color: #333333;
	border-radius: 3px;
	padding: 0 10px;
	margin-top: 10px
}

.glmall-footer-about .glmall-f-service:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 13px;
	height: 13px;
	background: url(https://img.77zhangh.com/images/images/foot_icon.png) no-repeat -52px -128px
}

.glmall-footer-about .glmall-f-service:hover:before {
	background-position: -67px -128px
}

.glmall-footer {
	text-align: right
}

.glmall-footer .glmall-beian {
	margin: 0 10px
}

@keyframes displacement {
	from {
		top: 0;
		box-shadow: 0 0 0 rgba(0,0,0,0.1)
	}

	to {
		top: -2px;
		box-shadow: 0 6px 15px rgba(0,0,0,0.1)
	}
}

.user-center-group {
	padding-bottom: 100px
}

.user-center-group .wrap {
	margin: 40px auto 5px;
	min-height: 545px;
	position: relative;
	padding: 0
}

.user-center-group .modal-page {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -85px
}

.user-center-group .modal-page .btn {
	line-height: 40px;
	padding: 0 16px
}

.user-center-group .order-number {
	display: inline-block;
	vertical-align: middle;
	width: 140px;
	word-break: break-all
}

.user-center-group .buy-type {
	display: inline-block;
	vertical-align: middle;
	width: 70px;
	word-break: break-all
}

.user-center-group .contact-service {
	display: inline-block;
	margin: 0 auto;
	background-color: #FFD200;
	color: #212537;
	padding: 0 5px;
	border-radius: 3px
}

.user-center-group .contact-service:hover {
	background-color: #ffda33;
	text-decoration: none
}

.user-center-group .pro-account {
	position: relative;
	overflow: hidden;
	color: #212537;
	width: 250px;
	word-break: break-all
}

.user-center-group .pro-account .code {
	position: absolute;
	top: -50px;
	left: 0
}

.user-sidebar,.user-container {
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);
	border-radius: 2px;
	background-color: #fff
}

.user-sidebar {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 200px
}

.user-sidebar .active a {
	border-left: 5px solid #FFD200;
	padding-left: 51px;
	background-color: #F5F5F5
}

.user-sidebar .active a:hover {
	background-color: #F5F5F5
}

.user-sidebar a {
	display: block;
	line-height: 50px;
	padding-left: 56px;
	color: #212537;
	font-size: 14px
}

.user-sidebar a:hover {
	background-color: #f9f9f9
}

.user-sidebar .records:before {
	content: '';
	width: 22px;
	height: 22px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	background: url(https://img.77zhangh.com/images/images/user-center-icon.png) no-repeat 0 0
}

.user-sidebar .my-bag:before {
	content: '';
	width: 22px;
	height: 21px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	background: url(https://img.77zhangh.com/images/images/user-center-icon.png) no-repeat 0 -44px
}

.user-container {
	min-height: 590px;
	margin-left: 220px
}

.user-container .no-data {
	color: #333;
	text-align: center;
	padding-top: 150px
}

.user-container .no-data:before {
	content: '';
	display: block;
	margin: 0 auto 25px;
	width: 128px;
	height: 91px;
	background: url(https://img.77zhangh.com/images/images/no-data.png) no-repeat 0 0
}

.user-container .no-data a {
	color: #518bdb
}

.user-container .no-data a:hover {
	text-decoration: underline
}

.user-tab-head {
	overflow: hidden;
	border-bottom: 1px solid #E8E9EB
}

.user-tab-head a {
	float: left;
	padding: 0 25px;
	line-height: 58px;
	color: #212537;
	font-size: 16px
}

.user-tab-head a.active {
	position: relative
}

.user-tab-head a.active:after {
	content: '';
	background-color: #FFD200;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	border-width: 0 25px;
	border-style: solid;
	border-color: #fff
}

.user-tab-head a.active:hover:after {
	border-color: #f9f9f9
}

.user-tab-head a:hover {
	background-color: #f9f9f9
}

.user-tab-body {
	padding: 30px;
	position: relative;
	min-height: 575px
}

.user-center-table {
	width: 100%;
	font-size: 12px;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.15)
}

.user-center-table td {
	color: #8d8e99;
	vertical-align: middle
}

.user-center-table thead td {
	padding: 0 12px;
	background-color: #F7F7F7;
	border-bottom: 1px solid #E8E9EB;
	color: #5a5b66;
	line-height: 54px
}

.user-center-table .price {
	color: #FF5436
}

.user-center-table tbody td {
	padding: 20px 12px;
	line-height: 20px
}

.user-center-table tbody .row td {
	background-color: #F7F7F7
}

.user-center-table tbody tr:nth-child(even) td {
	background-color: #F7F7F7
}

.user-center-table img {
	width: 64px;
	height: 64px;
	vertical-align: middle;
	margin: 0 12px 0 8px
}

.user-center-table .name {
	vertical-align: middle;
	display: inline-block;
	width: 125px;
	word-break: break-all;
	color: #212537
}

.user-center-table a {
	color: #518bdb;
	margin: 0 10px 0 0
}

.user-center-table a:hover {
	text-decoration: underline
}

.user-center-table .code {
	width: 220px;
	border: 0 none;
	display: block;
	background: transparent;
	color: #212537;
	outline: none
}

.user-center-table .qua {
	display: inline-block;
	width: 60px
}

.user-center-table .price {
	display: inline-block;
	width: 80px
}

.user-center-table .progress,.user-center-table .complete,.user-center-table .refund {
	display: inline-block;
	width: 60px
}

.explain-tip {
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: -2px;
	background: url(https://img.77zhangh.com/images/images/help.png) no-repeat 0 0;
	margin-left: 5px
}

.modal-page {
	text-align: center;
	padding: 20px 0
}

.modal-page a.btn {
	display: inline-block;
	vertical-align: middle;
	line-height: 34px;
	padding: 0 12px;
	font-size: 14px;
	color: #000000;
	background: #fff;
	margin: 0 5px;
	border-radius: 2px
}

.modal-page a.btn:hover {
	background: #FFD200;
	color: #333
}

.modal-page a.btn.btn-disabled {
	cursor: not-allowed;
	color: #c4c8cc
}

.modal-page a.btn.btn-disabled:hover {
	background-color: #fff
}

.modal-page a.btn.active {
	background-color: #FFD200;
	color: #333
}

.modal-page span {
	color: #666666
}

.tip-layer {
	z-index: 1000;
	text-align: left;
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
	padding: 7px 10px;
	min-width: 50px;
	max-width: 180px;
	color: #212537;
	font-size: 12px;
	line-height: 18px;
	background-color: #FFFFFF;
	border-radius: 4px
}

.tip-layer a {
	color: #518bdb;
	margin-left: 20px
}

.tip-layer a:hover {
	text-decoration: underline
}

.tip-layer .tip-inner {
	margin-top: -2px;
	padding: 0 3px 1px 3px
}

.tip-layer .tip-arrow {
	width: 5px;
	height: 10px;
	overflow: hidden;
	background: url(https://img.77zhangh.com/images/images/c343dc1463b3417a8791cc4b196d8ecc.gif) no-repeat 0 0
}

.tip-layer .tip-arrow-top {
	left: 50%;
	top: -5px;
	margin-left: -5px;
	width: 10px;
	height: 5px;
	background-position: 0 -10px
}

.tip-layer .tip-arrow-right {
	right: -5px;
	top: 50%;
	margin-top: -5px;
	background-position: -5px 0
}

.tip-layer .tip-arrow-bottom {
	bottom: -5px;
	left: 50%;
	width: 10px;
	height: 5px;
	background-position: 0 -15px;
	margin-left: -5px
}

.tip-layer .tip-arrow-left {
	left: -5px;
	top: 50%;
	margin-top: -5px;
	width: 5px;
	height: 10px;
	background-position: 0 0
}

.pro-column {
	padding: 30px 30px 0 30px;
	overflow: hidden;
	position: relative
}

.pro-column .pro-item-box {
	float: left;
	width: 555px
}

.pro-column .title {
	color: #1b1f33;
	font-size: 24px;
	font-weight: bold;
	word-break: break-all;
	line-height: 1.5;
	margin-bottom: 4px
}

.pro-column .desc {
	color: #8d8e99;
	margin-bottom: 14px;
	font-size: 14px
}

.pro-column .tags {
	margin-bottom: 15px
}

.pro-column .tags span {
	border-radius: 3px;
	color: #FF5436;
	white-space: nowrap;
	margin: 0 10px 5px 0;
	max-width: 45%;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 10px;
	font-size: 14px;
	height: 22px;
	line-height: 21px;
	display: inline-block;
	vertical-align: middle;
	background-color: #FFEFE9;
	border: 1px solid #ffa393
}

.pro-column .sale-info {
	background-color: #F7F8FA;
	padding: 0 12px;
	color: #8d8e99;
	font-size: 14px;
	position: relative;
	line-height: 86px
}

.pro-column .sale-info .dis-price {
	display: inline-block;
	margin-right: 15px
}

.pro-column .sale-info .dis-price strong {
	font-size: 26px;
	color: #FF5436;
	font-weight: bold;
	vertical-align: -1px
}

.pro-column .sale-info .dis-price .yen {
	font-size: 16px
}

.pro-column .sale-info .ori-price {
	display: inline-block;
	vertical-align: 0;
	font-size: 14px;
	text-decoration: line-through
}

.pro-column .sale-info .sale-count {
	position: absolute;
	right: 0;
	top: 25px;
	text-align: center;
	color: #8d8e99;
	font-size: 14px;
	border-left: 1px solid #DCDCDE;
	padding: 0 20px;
	line-height: 20px
}

.pro-column .sale-info .sale-count strong {
	display: block
}

.pro-column .sale-info .prizes,.pro-column .sale-info .take-part {
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	margin-right: 50px
}

.pro-column .sale-info .prizes strong,.pro-column .sale-info .take-part strong {
	color: #FF5436;
	font-size: 26px;
	font-weight: bold;
	margin: 0 5px
}

.pro-column .send-account-box {
	padding: 15px 12px;
	line-height: 24px
}

.pro-column .send-account-box .progress-bar {
	line-height: 18px;
	margin-bottom: 10px
}

.pro-column .send-account-box .progress-bar .progress {
	width: 250px !important;
	margin-right: 10px !important
}

.pro-column .panic-bar {
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	background: #FF6B3F url(https://img.77zhangh.com/images/images/panic_bar_bg.png) no-repeat 0 0;
	padding: 0 10px 0 35px
}

.pro-column .panic-bar.disabled {
	background-position: 0 -32px;
	background-color: #9F9F9F
}

.pro-column .panic-bar.disabled .tip-text,.pro-column .panic-bar.disabled .panic-time em {
	color: #fff
}

.pro-column .panic-bar .title-text {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	float: left
}

.pro-column .panic-bar .tip-text {
	color: #fff;
	font-size: 12px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle
}

.pro-column .panic-bar .time-box {
	float: right
}

.pro-column .panic-bar .panic-time {
	line-height: 20px;
	color: #fff;
	vertical-align: middle
}

.pro-column .panic-bar .panic-time span {
	background-color: #2C2C2C;
	display: inline-block;
	vertical-align: 1px;
	width: 20px;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	font-size: 14px
}

.pro-column .panic-bar .panic-time em {
	vertical-align: 1px;
	margin: 0 3px
}

.pro-column .seckill-price {
	color: #FF5436;
	line-height: 34px;
	font-weight: bold;
	position: relative;
	top: -4px
}

.pro-column .seckill-price .yen {
	font-size: 16px
}

.pro-column .seckill-price .money {
	font-size: 26px
}

.pro-column .f-box {
	padding: 30px 0 0
}

.pro-group {
	margin-top: 30px
}

.pro-group .head {
	line-height: 48px;
	border-bottom: 1px solid #E8E9EB;
	padding: 0 30px
}

.pro-group .head h2 {
	color: #ffffff;
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;
	color: #212537
}

.pro-group .head span {
	display: inline-block;
	vertical-align: middle;
	color: #8d8e99;
	font-size: 12px;
	line-height: 22px;

	padding: 0 0 0 10px;
	border-radius: 11px;
	position: relative
}

.pro-group .head span:before {
	content: '';
	position: absolute;
	left: 0;
	top: 1px;
	height: 20px;
	border-left: 1px solid #E8E9EB;
	vertical-align: middle
}

.pro-group .body {
	color: #c2c2c2;
	padding: 30px 30px 0;
	overflow: hidden
}

.pro-group .body .result {
	display: inline-block;
	vertical-align: top;
	padding-left: 55px;
	position: relative;
	margin-top: 45px
}

.pro-group .body .result:before {
	content: '=';
	color: #C1C1C1;
	font-size: 24px;
	position: absolute;
	font-weight: bold;
	top: 5px;
	left: 18px
}

.pro-group .body .result .total {
	color: #8d8e99;
	margin-bottom: 7px
}

.pro-group .body .result .total .pri {
	display: inline-block;
	vertical-align: middle;
	color: #FF5436;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold
}

.pro-group .body .result .total .pri strong {
	font-size: 20px
}

.pro-group .body .result .buy-btn {
	background-color: #FFD200;
	display: inline-block;
	line-height: 34px;
	min-width: 100px;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
	border-radius: 2px;
	color: #212537;
	font-weight: bold
}

.pro-group .body .result .buy-btn:hover {
	background-color: #ffda33
}

.pro-group .body .result .buy-btn .buy-text {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #95220B;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 16px;
	color: #fff
}

.pro-group .body .count {
	color: #ff5938
}

.pro-group .body .count strong {
	font-size: 22px
}

.pro-group .body .current-pro {
	float: left;
	height: 184px;
	line-height: 20px;
	background-color: #F7F8FA;
	position: relative;
	width: 190px;
	text-align: center;
	font-weight: bold
}

.pro-group .body .current-pro img {
	width: 190px;
	height: 134px;
	vertical-align: middle;
	margin-bottom: 6px
}

.pro-group .body .current-pro .name {
	display: block;
	color: #333;
	font-weight: bold;
	padding: 0 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.pro-group .body .current-pro .price {
	color: #FF5436;
	font-size: 12px
}

.pro-group .body .portfolio {
	float: left;
	display: inline-block;
	vertical-align: top;
	line-height: 1.3;
	padding-left: 30px;
	position: relative
}

.pro-group .body .portfolio:before {
	content: '+';
	font-size: 28px;
	color: #C1C1C1;
	font-weight: bold;
	position: absolute;
	left: 15px;
	top: 50px
}

.pro-group .body .portfolio li {
	float: left;
	width: 186px;
	height: 184px;
	margin-left: 20px;
	position: relative;
	overflow: hidden;
	text-align: center;
	line-height: 20px;
	background-color: #F7F8FA
}

.pro-group .body .portfolio li input {
	position: absolute;
	z-index: 1;
	left: -30px;
	top: -30px
}

.pro-group .body .portfolio li input:checked~.icon-check {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
	border: 2px solid #FFD200;
	box-sizing: border-box
}

.pro-group .body .portfolio li input:checked~.icon-check:after {
	content: '';
	width: 15px;
	height: 15px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(https://img.77zhangh.com/images/images/portfolio-check.png) no-repeat 0 0
}

.pro-group .body .portfolio li input:checked~.detail-link {
	right: 2px;
	top: 2px;
	padding: 0 3px 2px 5px
}

.pro-group .body .portfolio li .portfolio-check {
	height: 100%;
	display: block;
	position: relative
}

.pro-group .body .portfolio li:hover .portfolio-check:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	background: rgba(255,255,255,0.07)
}

.pro-group .body .portfolio .active .icon-check {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
	border: 2px solid #FFD200;
	box-sizing: border-box
}

.pro-group .body .portfolio .active .icon-check:after {
	content: '';
	width: 15px;
	height: 15px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(https://img.77zhangh.com/images/images/portfolio-check.png) no-repeat 0 0
}

.pro-group .body .portfolio .active .detail-link {
	right: 2px;
	top: 2px;
	padding: 0 3px 2px 5px
}

.pro-group .body .portfolio .title {
	color: #333;
	font-size: 14px;
	word-break: break-all;
	display: block;
	vertical-align: bottom;
	padding: 0 10px;
	cursor: default;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.pro-group .body .portfolio .pic {
	cursor: default;
	display: block;
	height: 134px;
	position: relative;
	overflow: hidden;
	margin-bottom: 6px
}

.pro-group .body .portfolio img {
	width: 100%;
	height: 100%
}

.pro-group .body .portfolio .price {
	font-size: 12px;
	color: #8d8e99
}

.pro-group .body .portfolio .price strong {
	color: #FF5436
}

.pro-group .body .portfolio .detail-link {
	position: absolute;
	z-index: 100;
	right: 0;
	top: 0;
	color: #ccc;
	padding: 2px 5px;
	font-size: 12px;
	background-color: rgba(0,0,0,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, 0, endcolorstr=#7F000000, 0);
	border-radius: 0 0 0 2px
}

.pro-group .body .portfolio .detail-link:hover {
	color: #fffefe
}

.pro-group .body .portfolio .detail-link:hover:before {
	background-position: 0 -9px
}

.pro-group .body .portfolio .detail-link:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 9px;
	margin-right: 3px;
	background: url(https://img.77zhangh.com/images/images/portfolio_icon.png) no-repeat 0 0
}

.pro-column .pro-row {
	padding: 20px 0 1px;
	margin-bottom: -11px
}

.pro-column .pro-row .error-tip {
	margin-bottom: -10px
}

.pro-column .pro-row:after {
	content: '';
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
	display: block
}

.pro-column .pro-row .hd {
	float: left;
	color: #8d8e99;
	padding: 0 5px 0 10px;
	font-size: 14px;
	line-height: 34px;
	width: 62px;
	white-space: nowrap
}

.pro-column .pro-row .bd {
	margin-left: 77px
}

.pro-column .pro-row .service-box:hover span {
	color: #626266
}

.pro-column .pro-row .service-box:hover span:before {
	background-position: 0 -17px
}

.pro-column .pro-row .service-item {
	line-height: 34px;
	margin-right: 12px;
	white-space: nowrap;
	color: #8d8e99
}

.pro-column .pro-row .service-item:before {
	content: '';
	display: inline-block;
	vertical-align: -2px;
	width: 13px;
	height: 13px;
	margin-right: 5px;
	background: url(https://img.77zhangh.com/images/images/service-item.png) no-repeat 0 0
}

.pro-column .pro-row .check-type {
	line-height: 32px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	margin: 0 5px 10px 0
}

.pro-column .pro-row .check-type:hover span {
	border-color: #FFD200
}

.pro-column .pro-row .check-type input {
	position: absolute;
	top: -40px
}

.pro-column .pro-row .check-type span {
	user-select: none;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 400px;
	border: 1px solid #D9DADE;
	padding: 1px 21px;
	cursor: pointer;
	text-align: left;
	font-size: 14px;
	display: block;
	white-space: nowrap;
	color: #626266
}

.buy-type-group .check-type input:checked~span {
	border: 2px solid #FFD200;
	position: relative;
	padding: 0 20px
}

.buy-type-group .check-type input:checked~span:after {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	right: 0;
	bottom: 0;
	background: url(https://img.77zhangh.com/images/images/portfolio-check.png) no-repeat 0 0
}

.buy-type-group .check-type.active span {
	border: 2px solid #FFD200;
	position: relative;
	padding: 0 20px
}

.buy-type-group .check-type.active span:after {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	right: 0;
	bottom: 0;
	background: url(https://img.77zhangh.com/images/images/portfolio-check.png) no-repeat 0 0
}

.detail-step {
	margin: 30px 30px 0;
	background-color: #F7F8FA;
	overflow: hidden;
	line-height: 50px;
	height: 50px
}

.detail-step .title {
	color: #181818;
	background-color: #FFD200;
	float: left;
	font-size: 17px;
	font-weight: bold;
	padding: 0 35px;
	position: relative;
	z-index: 2;
	margin-right: 10px
}

.detail-step .title:after {
	content: '';
	position: absolute;
	right: -50px;
	top: 0;
	border-width: 25px;
	border-style: dashed dashed dashed solid;
	border-color: transparent transparent transparent #FFD200
}

.detail-step ol {
	overflow: hidden;
	color: #212537;
	font-size: 16px
}

.detail-step ol i {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	font-size: 22px;
	font-weight: bold;
	color: #abacb2;
	text-align: center;
	margin-right: 10px
}

.detail-step ol span {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px
}

.detail-step ol li {
	float: left;
	padding: 0 59px 0 70px;
	position: relative
}

.detail-step ol li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	width: 11px;
	height: 18px;
	background: url(https://img.77zhangh.com/images/images/step_arrow.png) no-repeat 0 0

}

@media \0screen\,screen\9 {
	.pro-group .body .portfolio li input {
		left: 0;
		bottom: 0;
		width: 99999px;
		height: 99999px
	}
}

.detail-wrap-group .buy-btn,.detail-wrap-group .progress-btn,.detail-wrap-group .buy-btn-xs,.detail-wrap-group .download-btn {
	font-size: 17px;
	font-weight: bold;
	display: inline-block;
	line-height: 50px;
	border-radius: 2px;
	padding: 0 15px;
	min-width: 230px;
	text-align: center
}

.detail-wrap-group .progress-btn {
	background-color: #E8E9EB;
	color: #ABACB3
}

.detail-wrap-group .progress-btn:hover {
	background-color: #f0f1f2
}

.detail-wrap-group .buy-btn,.detail-wrap-group .buy-btn-xs {
	color: #212537;
	background-color: #FFD200
}

.detail-wrap-group .buy-btn:hover,.detail-wrap-group .buy-btn-xs:hover {
	background: #ffda33
}

.detail-wrap-group .buy-btn.disabled,.detail-wrap-group .buy-btn-xs.disabled {
	background-color: #E8E9EB;
	color: #ABACB3;
	cursor: not-allowed
}

.detail-wrap-group .buy-btn .buy-icon01,.detail-wrap-group .buy-btn-xs .buy-icon01,.detail-wrap-group .buy-btn .buy-icon02,.detail-wrap-group .buy-btn-xs .buy-icon02,.detail-wrap-group .buy-btn .buy-icon03,.detail-wrap-group .buy-btn-xs .buy-icon03 {
	display: inline-block;
	margin-right: 10px
}

.detail-wrap-group .buy-btn .buy-icon01,.detail-wrap-group .buy-btn-xs .buy-icon01 {
	vertical-align: -2px;
	width: 15px;
	height: 17px;
	background: url(https://img.77zhangh.com/images/images/buy_btn_icon.png) no-repeat 0 0
}

.detail-wrap-group .buy-btn .buy-icon02,.detail-wrap-group .buy-btn-xs .buy-icon02 {
	width: 14px;
	height: 17px;
	vertical-align: -3px;
	background: url(https://img.77zhangh.com/images/images/buy_btn_result.png) no-repeat 0 0
}

.detail-wrap-group .buy-btn .buy-icon03,.detail-wrap-group .buy-btn-xs .buy-icon03 {
	width: 17px;
	height: 17px;
	vertical-align: -3px;
	background: url(https://img.77zhangh.com/images/images/send_account_btn_icon.png) no-repeat 0 0
}

.detail-wrap-group .buy-btn-xs {
	min-width: 140px
}

.detail-wrap-group .download-btn {
	border: 1px solid #cecfd9;
	line-height: 48px;
	min-width: 140px;
	margin-left: 10px;
	color: #212537
}

.detail-wrap-group .download-btn:hover {
	border-color: #FFD200;
	background-color: #FFD200
}

.district-check-group {
	height: 32px
}

.district-check-group .district-check-box {
	position: relative;
	float: left;
	width: 130px;
	height: 32px;
	line-height: 30px;
	margin-right: 10px
}

.district-check-group .district-check-box:first-child .district-list {
	left: 0
}

.district-check-group .district-check-box.show .district-checked {
	border-color: #BABCC4 #BABCC4 #fff #BABCC4;
	position: relative;
	z-index: 20
}

.district-check-group .district-check-box.show .district-checked .arrow {
	background-position: 0 -14px
}

.district-check-group .district-check-box.show .district-list {
	display: block
}

.district-check-group .district-checked {
	border: 1px solid #D9DADE;
	padding: 0 25px 0 10px;
	color: #8d8e99;
	position: relative;
	cursor: default;
	user-select: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.district-check-group .district-checked .arrow {
	position: absolute;
	right: 10px;
	top: 12px;
	width: 10px;
	height: 6px;
	background: url(https://img.77zhangh.com/images/images/district_arrow.png) no-repeat 0 0
}

.district-check-group .district-checked:hover {
	border-color: #BABCC4
}

.district-check-group .district-checked.disabled {
	cursor: not-allowed;
	color: #abadb2
}

.district-check-group .district-checked.disabled .arrow {
	opacity: .5
}

.district-check-group .district-checked.disabled:hover {
	border-color: #D9DADE
}

.district-check-group .district-list {
	border: 1px solid #BABCC4;
	position: absolute;
	z-index: 10;
	right: 0;
	top: 31px;
	width: 268px;
	background-color: #fff;
	padding: 10px 0;
	display: none;
	color: #626266;
	line-height: 24px;
	font-size: 12px
}

.district-check-group .district-list .c-tip {
	padding: 0 10px
}

.district-check-group .district-list ul {
	max-height: 130px;
	overflow: auto
}

.district-check-group .district-list ul li {
	display: inline-block;
	vertical-align: middle;
	width: 73px;
	padding: 0 0 0 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.district-check-group .district-list ul li:hover,.district-check-group .district-list ul li.active {
	color: #FF5436
}

.district-check-group .district-list ul li span {
	cursor: pointer
}

.pre-sales-service {
	position: fixed;
	z-index: 50;
	left: 50%;
	top: 35%;
	margin-left: -710px;
	width: 100px;
	height: 300px;
	text-align: right
}

.pre-sales-service img {
	max-width: 100%;
	max-height: 100%
}

.detail-content {
	margin-top: -30px;
	padding-bottom: 45px;
	background-color: #fff;
	min-width: 1200px
}

.detail-content .wrap {
	padding-top: 0
}

.detail-content .tab-head {
	height: 66px
}

.detail-content .detail-tool-bar {
	background-color: #fff
}

.detail-content .detail-tool-bar.fixed {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 300;
	box-shadow: 0 1px 7px rgba(0,0,0,0.07)
}

.detail-content .detail-tool-bar.fixed .tool-box {
	display: block
}

.detail-content .detail-tool-bar .bar-box {
	width: 1140px;
	margin: 0 auto;
	padding: 8px 30px;
	overflow: hidden;
	height: 50px
}

.detail-content .detail-tool-bar .item {
	float: left
}

.detail-content .detail-tool-bar .item a {
	display: inline-block;
	vertical-align: middle;
	line-height: 68px;
	font-size: 16px;
	margin: -8px 50px -8px 0;
	cursor: pointer;
	color: #abadb2
}

.detail-content .detail-tool-bar .item a.active {
	color: #333;
	position: relative
}

.detail-content .detail-tool-bar .item a.active:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	left: 0;
	top: 62px;
	border-radius: 2px;
	background-color: #FFD200
}

.detail-content .detail-tool-bar .tool-box {
	float: right;
	font-size: 14px;
	color: #8d8e99;
	display: none;
	line-height: 50px
}

.detail-content .detail-tool-bar .tool-box .dis-price {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	position: relative;
	top: -2px
}

.detail-content .detail-tool-bar .tool-box .dis-price strong {
	font-size: 26px;
	color: #FF5436;
	font-weight: bold;
	vertical-align: -1px;
	margin-left: -6px
}

.detail-content .detail-tool-bar .tool-box .dis-price .yen {
	font-size: 16px
}

.detail-content .detail-tool-bar .tool-box .ori-price {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	text-decoration: line-through;
	margin-right: 20px
}

.detail-content .detail-tool-bar .tool-box .take-part {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px
}

.detail-content .detail-tool-bar .tool-box .prizes {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	position: relative;
	top: -2px
}

.detail-content .detail-tool-bar .tool-box .prizes strong {
	color: #FF5436;
	font-size: 26px;
	font-weight: bold;
	margin: 0 8px 0 3px
}

.detail-content .tab-body {
	padding: 0 30px;
	text-align: left;
	color: #333;
	word-break: break-all;
	overflow: hidden
}

.detail-content .tab-body img {
	max-width: 100%;
	vertical-align: middle;
	margin: 0 auto
}

.index-slider {
	height: 260px;
	min-width: 1200px;
	position: relative
}

.index-slider:hover .ad-nav {
	opacity: 1
}

.index-slider .sheet-wrap {
	display: block;
	min-width: 1200px;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100% !important
	
}

.index-slider .sheet-wrap ul {
	position: absolute;
	height: 100%;
	width: 100%
}

.index-slider .sheet-con li {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 0;
	padding: 0;
	zoom: 1;
	float: left;
	background-repeat: no-repeat;
	background-position: center 0
}

.index-slider .sheet-con li a {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(https://img.77zhangh.com/images/images/0745bf309b7c413f88a07349cd5b914b.gif)
}

.index-slider .thumb-wrap {
	position: absolute;
	bottom: 12px;
	right: 10px;
	z-index: 5;
	width: 100%;
	text-align: center
}

.index-slider .thumb-wrap .thumb-con {
	display: inline-block;
	background-color: rgba(0,0,0,0.3);
	padding: 0 15px;
	height: 26px;
	border-radius: 13px
}

.index-slider .thumb-wrap span {
	background: #fff;
	background: rgba(255,255,255,0.4);
	margin: 0 5px;
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	line-height: 999px;
	overflow: hidden;
	transition: width 200ms ease-in,background 100ms ease-in;
	position: relative;
	top: -1px
}

.index-slider .thumb-wrap span.selected {
	background: #FFD200;
	width: 28px
}

.index-slider .ad-nav {
	position: absolute;
	width: 52px;
	height: 52px;
	text-indent: -999px;
	overflow: hidden;
	left: 50%;
	top: 103px;
	z-index: 50;
	background: url(https://img.77zhangh.com/images/images/slider_arrow.png) no-repeat 0 0;
	cursor: pointer;
	opacity: 0;
	transition: opacity 200ms
}

.index-slider .ad-nav.prev {
	margin-left: -600px
}

.index-slider .ad-nav.prev:hover {
	background-position: 0 -52px
}

.index-slider .ad-nav.next {
	margin-left: 548px;
	background-position: -52px 0
}

.index-slider .ad-nav.next:hover {
	background-position: -52px -52px
}

.service-online-group {
	width: 75px;
	position: fixed;
	z-index: 200;
	right: 0;
	top: 40%
}

.service-online-group a {
	color: #808080;
	display: block;
	position: relative
}

.service-online-group .back-top {
	text-align: center;
	display: block;
	font-size: 16px;
	background-color: #FFFFFF;
	text-indent: -999px;
	padding: 18px 0;
	border-radius: 3px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	transition: background 200ms
}

.service-online-group .back-top:hover {
	background-color: #F2F3F5
}

.service-online-group .back-top:before {
	content: '';
	display: block;
	width: 35px;
	height: 30px;
	margin: 0 auto 3px;
	background: url(https://img.77zhangh.com/images/images/service.png) no-repeat 0 -30px
}

.service-online-group ul {
	margin-bottom: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1)
}

.service-online-group ul li:first-child {
	border-radius: 3px 3px 0 0
}

.service-online-group ul li:last-child {
	border-radius: 0 0 3px 3px
}

.service-online-group li {
	background-color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	padding: 12px 0 6px;
	transition: background 200ms
}

.service-online-group li:hover {
	background-color: #F2F3F5
}

.service-online-group li a:after {
	content: '';
	position: absolute;
	left: 10px;
	bottom: -6px;
	width: 55px;
	height: 1px;
	font-size: 0;
	background-color: #ebebeb
}

.service-online-group li a:last-child:after {
	border: 0 none
}

.service-online-group li a.s-online:before {
	content: '';
	display: block;
	margin: 0 auto 3px;
	width: 28px;
	height: 26px;
	background: url(https://img.77zhangh.com/images/images/service.png) no-repeat -35px 0
}

.service-online-group li a.s-online:after {
	display: none
}

.service-online-group li a.s-weixin:before {
	content: '';
	display: block;
	margin: 0 auto 3px;
	width: 30px;
	height: 26px;
	background: url(https://img.77zhangh.com/images/images/service.png) no-repeat 0 0
}

.service-online-group li a.s-qun:before {
	content: '';
	display: block;
	margin: 0 auto 3px;
	width: 26px;
	height: 27px;
	background: url(https://img.77zhangh.com/images/images/service.png) no-repeat -40px -32px
}

.service-online-group .show-item {
	position: relative
}

.service-online-group .show-item:hover .show-detail {
	display: block;
	opacity: 1;
	animation: service-show 300ms forwards;
	right: 95px
}

.service-online-group .show-detail {
	position: absolute;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	right: 95px;
	top: -15px;
	display: none;
	opacity: 0;
	padding: 20px 20px 10px;
	background: #fff;
	text-align: center
}

.service-online-group .show-detail:before {
	content: '';
	position: absolute;
	right: -8px;
	top: 35px;
	border-width: 8px 0 8px 8px;
	border-style: dashed dashed dashed solid;
	border-color: transparent transparent transparent #fff
}

.service-online-group .show-detail img {
	width: 158px;
	height: 158px;
	padding: 4px;
	border: 1px solid #D7D7D9
}

.service-online-group .text01 {
	color: #1b1f33;
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px
}

.service-online-group .text02 {
	color: #8d8e99;
	font-size: 12px
}

@keyframes service-show {
	from {
		opacity: 0;
		right: 80px;
		display: block
	}

	to {
		opacity: 1;
		right: 95px;
		display: block
	}
}

.dialog-msg {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: none
}

.dialog-msg:before {
	content: '';
	height: 100%;
	width: 0;
	display: inline-block;
	font-size: 0;
	vertical-align: middle
}

.dialog-msg span {
	display: inline-block;
	vertical-align: middle;
	min-width: 150px;
	max-width: 300px;
	padding: 25px;
	word-break: break-all;
	text-align: center;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CC000000, 0, endcolorstr=#CC000000, 0);
	background-color: rgba(0,0,0,0.85);
	border-radius: 3px;
	font-size: 16px;
	color: #c2c2c2
}

.ui-radio {
	display: inline-block;
	word-break: break-all;
	position: relative;
	overflow: hidden
}

.ui-radio input {
	position: absolute;
	left: -20px;
	top: -20px;
	vertical-align: middle
}

.ui-radio input:checked+.txt:before {
	background-position: 0 -14px
}

.ui-radio .txt {
	vertical-align: middle
}

.ui-radio .txt:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	margin-right: 3px;
	background: url(https://img.77zhangh.com/images/images/ui_radio.png) no-repeat 0 0
}

.ui-checkbox {
	position: relative;
	overflow: hidden;
	word-break: break-all;
	display: inline-block
}

.ui-checkbox input {
	position: absolute;
	left: -20px;
	top: -20px
}

.ui-checkbox .txt:before {
	content: '';
	border: 1px solid #333333;
	width: 14px;
	height: 14px;
	display: inline-block;
	background-color: #fff;
	vertical-align: middle;
	margin-right: 5px
}

.ui-checkbox input:checked+.txt:before {
	background: #ffda33 url(https://img.77zhangh.com/images/images/check.png) no-repeat center center
}

@media \0screen\,screen\9 {
	.ui-checkbox input {
		position: static;
		margin-right: 3px;
		vertical-align: -2px
	}

	.ui-checkbox .txt:before {
		display: none
	}

	.ui-radio input {
		position: static;
		margin-right: 3px;
		vertical-align: -3px
	}

	.ui-radio .txt:before {
		display: none
	}
}

.ui-input {
	border: 1px solid #D9DADE;
	border-radius: 5px;
	background-color: #fff;
	line-height: 40px;
	height: 40px;
	width: 280px;
	padding: 0 10px;
	color: #333;
	outline: none
}

.ui-input::input-placeholder {
	color: #8d8e99
}

.ui-input::-ms-input-placeholder {
	color: #8d8e99
}

.ui-input::-webkit-input-placeholder {
	color: #8d8e99
}

.ui-input::-moz-placeholder {
	color: #8d8e99
}

.ui-input:focus {
	border: 1px solid #c6c7cb
}

.error .ui-input {
	border-color: #F66464
}

.error .form-tip {
	display: none !important
}

.error .error-tip {
	display: inline-block !important
}

.error-tip,.form-tip {
	display: inline-block;
	vertical-align: middle;
	line-height: 30px;
	position: relative;
	font-size: 12px;
	display: none
}

.error-tip:before,.form-tip:before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(https://img.77zhangh.com/images/images/form_tip.png) no-repeat 0 0;
	vertical-align: -2px;
	margin-right: 5px
}

.error-tip {
	color: #ff3c26
}

.form-tip {
	background-color: #F7F8FA;
	border: 1px solid #D9DADE;
	border-radius: 3px;
	padding: 0 8px;
	color: #212537
}

.form-tip:before {
	background-position: 0 -12px
}

.form-tip:after {
	content: '';
	position: absolute;
	left: -6px;
	top: 9px;
	width: 6px;
	height: 12px;
	background: url(https://img.77zhangh.com/images/images/form_tip.png) no-repeat 0 -24px
}

.ui-radio-primary {
	line-height: 32px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	margin: 0 5px 10px 0
}

.ui-radio-primary:hover span {
	border-color: #FFD200
}

.ui-radio-primary input {
	position: absolute;
	top: -40px
}

.ui-radio-primary span {
	user-select: none;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 420px;
	border: 1px solid #D9DADE;
	padding: 1px 21px;
	cursor: pointer;
	text-align: left;
	font-size: 14px;
	display: block;
	white-space: nowrap;
	color: #626266
}

.ui-radio-primary input:checked~span {
	border: 2px solid #FFD200;
	position: relative;
	padding: 0 20px
}

.ui-radio-primary input:checked~span:after {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	right: 0;
	bottom: 0;
	background: url(https://img.77zhangh.com/images/images/portfolio-check.png) no-repeat 0 0
}

.ui-radio-primary.active span {
	border: 2px solid #FFD200;
	position: relative;
	padding: 0 20px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.ui-radio-primary.active span:after {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	right: 0;
	bottom: 0;
	background: url(https://img.77zhangh.com/images/images/portfolio-check.png) no-repeat 0 0
}

.page404 {
	text-align: center;
	color: #212537;
	width: 600px;
	position: absolute;
	height: 300px;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.page404:before {
	content: '';
	width: 252px;
	height: 141px;
	display: block;
	margin: 0 auto;
	background: url(https://img.77zhangh.com/images/images/404.png) no-repeat 0 0
}

.page404 strong {
	font-size: 18px;
	font-weight: bold
}

.page404 p {
	margin-bottom: 50px
}

.page404 .back {
	color: #212537;
	background-color: #FFD200;
	display: inline-block;
	padding: 0 20px;
	line-height: 42px;
	border-radius: 3px;
	text-align: center;
	font-size: 16px
}

.page404 .back:hover {
	background-color: #ffda33
}

.mCustomScrollbar {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action {
	-ms-touch-action: auto;
	touch-action: auto
}

.mCustomScrollBox {
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr
}

.mCSB_container {
	overflow: hidden;
	width: auto;
	height: auto
}

.mCSB_inside>.mCSB_container {
	margin-right: 10px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-left: 0
}

.mCSB_scrollTools {
	position: absolute;
	width: 10px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0
}

.mCSB_outside+.mCSB_scrollTools {
	right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	right: auto;
	left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
	margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 10px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px;
	z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	position: relative;
	width: 10px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 8px
}

.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown {
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
	bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-bottom: 8px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
	min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: auto;
	height: 16px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
	margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 30px;
	height: 100%;
	left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 8px;
	margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
	left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	right: 0
}

.mCSB_container_wrapper {
	position: absolute;
	height: auto;
	width: auto;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-right: 30px;
	margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
	padding-right: 30px;
	padding-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
	margin-right: 0;
	margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
	padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
	padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
	margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0
}

.mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight {
	-webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
	transition: opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
	-webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
	-moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
	-o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
	transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools {
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)"
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #C6C8CC
}

.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight {
	background-image: url(https://img.77zhangh.com/images/images/mcsb_buttons.png);
	background-repeat: no-repeat;
	opacity: .4;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonUp:hover,.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover {
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active {
	opacity: .9;
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)"
}

.about-us-group {
	padding: 40px 60px 0;
	border-radius: 3px
}

.about-us-group .head,.about-us-group .head2 {
	font-size: 26px;
	font-weight: bold;
	color: #3d404c;
	padding-bottom: 10px;
	border-bottom: 1px solid #D7D8DE;
	margin-bottom: 30px
}

.about-us-group .body {
	color: #5e5f66;
	font-size: 14px;
	padding-bottom: 10px
}

.about-us-group .body p {
	margin: 20px 0
}

.company-address-group {
	color: #cccccc;
	margin: 25px 60px 50px;
	overflow: hidden;
	height: 350px;
	background: url(https://img.77zhangh.com/images/images/map.png) no-repeat 0 0;
	border: 1px solid #DCDCDE;
	border-radius: 5px
}

.company-address-group .company-address {
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
	background-color: rgba(0,0,0,0.5);
	padding: 40px;
	position: relative;
	float: left;
	width: 300px;
	height: 100%
}

.company-address-group .name {
	color: #e5e5e5;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 25px
}

.company-address-group p {
	margin-bottom: 15px
}

@media screen and (min-width:0\0) {
	.company-address-group .company-address {
		filter: none
	}
}

.cooperation {
	color: #5e5f66;
	margin: 0 60px 50px;
	overflow: hidden
}

.cooperation .hd {
	color: #3d404c;
	font-size: 22px;
	margin-bottom: 15px
}

.cooperation a {
	color: #5e5f66
}

.cooperation a:hover {
	color: #518bdb;
	text-decoration: underline
}

.cooperation li {
	display: inline-block;
	width: 300px;
	line-height: 2;
	position: relative
}

.cooperation li:before {
	content: '';
	height: 70px;
	border-left: 1px solid #E6E6E6;
	position: absolute;
	left: -60px;
	top: 8px
}

.qa-group dt {
	color: #3d404c;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 15px
}

.qa-group dd {
	color: #5e5f66;
	margin-bottom: 30px
}

.qa-group a {
	color: #5e5f66
}

.qa-group a:hover {
	color: #518bdb;
	text-decoration: underline
}

.buy-step-bar {
	padding: 35px 0 20px;
	text-align: center
}

.buy-step-bar ul {
	text-align: center;
	display: inline-block;
	overflow: hidden;
	font-size: 0
}

.buy-step-bar li {
	display: inline-block;
	vertical-align: middle;
	color: #8d8e99;
	font-size: 14px;
	margin: 0 160px 0 0;
	position: relative
}

.buy-step-bar li:before {
	content: '';
	height: 2px;
	position: absolute;
	background-color: #F0F2F5;
	width: 220px;
	top: 16px;
	left: 50%
}

.buy-step-bar li.last {
	margin: 0
}

.buy-step-bar li.last:before,.buy-step-bar li.last:after {
	display: none
}

.buy-step-bar li em {
	display: block;
	position: relative;
	z-index: 5;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	border-radius: 100%;
	background-color: #F0F2F5;
	margin: 0 auto;
	color: #b7bdc3;
	font-size: 16px;
	font-family: 'Impact','Microsoft Yahei',arial,verdana,sans-serif;
	margin-bottom: 5px
}

.buy-step-bar li.active em {
	background-color: #FFD200;
	color: #fff
}

.buy-step-bar li.active span {
	color: #212537
}

.buy-step-bar li.active:after {
	background-color: #FFD200;
	content: '';
	height: 2px;
	position: absolute;
	width: 120px;
	top: 16px;
	left: 50%
}

.buy-confirm-desc {
	margin: 0 60px 40px;
	background-color: #EBF0FA;
	color: #80a9df;
	padding: 0 20px;
	font-size: 14px;
	line-height: 34px;
	border-radius: 2px
}

.buy-confirm-desc:before {
	content: '';
	width: 15px;
	height: 17px;
	display: inline-block;
	vertical-align: -4px;
	margin-right: 13px;
	background: url(https://img.77zhangh.com/images/images/web_tip.png) no-repeat 0 0
}

.buy-confirm-group {
	padding: 0 60px;
	color: #808080
}

.buy-confirm-group .form-table {
	margin-bottom: -15px
}

.buy-confirm-group .form-table th {
	text-align: left;
	white-space: nowrap;
	padding-right: 10px;
	line-height: 42px
}

.buy-confirm-group .form-table th,.buy-confirm-group .form-table td {
	padding-bottom: 15px;
	vertical-align: top
}

.buy-confirm-group .form-table .error-tip,.buy-confirm-group .form-table .form-tip {
	margin-left: 12px
}

.buy-confirm-group .form-table .normal-tip {
	margin-left: 10px;
	font-size: 12px;
	color: #bbb
}

.buy-confirm-group .form-table .normal-tip a {
	color: #518bdb
}

.buy-confirm-group .form-table .normal-tip a:hover {
	text-decoration: underline
}

.buy-confirm-group .confirm-item {
	margin-bottom: 40px;
	position: relative
}

.buy-confirm-group .confirm-item .head {
	border-bottom: 1px solid #E8E9EB;
	font-size: 20px;
	color: #212537;
	padding-bottom: 10px;
	margin-bottom: 20px
}

.buy-confirm-group .confirm-item .body {
	position: relative
}

.buy-confirm-group .confirm-item .hd {
	margin-right: 10px
}

.buy-confirm-group .confirm-item .bd {
	color: #787880
}

.buy-confirm-group .confirm-item .bd.price {
	color: #FF5436
}

.buy-confirm-group .confirm-item .pro-info {
	background: #F0F2F5;
	padding: 12px 12px 12px 179px;
	position: relative;
	height: 105px;
	margin-bottom: 15px
}

.buy-confirm-group .confirm-item .pic {
	width: 150px;
	height: 105px;
	background-color: #979797;
	position: absolute;
	left: 12px;
	top: 12px
}

.buy-confirm-group .confirm-item .pic img {
	width: 100%;
	height: 100%
}

.buy-confirm-group .confirm-item .name {
	color: #212537;
	font-size: 16px;
	font-weight: bold;
	width: 630px;
	word-break: break-all
}

.buy-confirm-group .confirm-item .info {
	position: absolute;
	bottom: 10px;
	left: 175px;
	color: #8d8e99
}

.buy-confirm-group .confirm-item .info span {
	margin-right: 25px
}

.buy-confirm-group .confirm-item .price-box {
	position: absolute;
	right: 20px;
	top: 12px;
	text-align: right
}

.buy-confirm-group .confirm-item .price-box .dis-price {
	color: #FF5436;
	font-size: 16px
}

.buy-confirm-group .confirm-item .price-box .normal-price {
	text-decoration: line-through;
	color: #8d8e99
}

.buy-confirm-group .confirm-item .amount {
	text-align: right;
	white-space: nowrap;
	color: #212537;
	margin-top: -12px
}

.buy-confirm-group .confirm-item .amount .pri {
	color: #FF5436;
	font-size: 16px;
	font-weight: bold
}

.buy-confirm-group .confirm-item .amount strong {
	font-size: 26px
}

.buy-confirm-group .confirm-fn {
	margin-top: -30px;
	text-align: right
}

.buy-confirm-group .pay-btn {
	display: inline-block;
	border-radius: 5px;
	min-width: 160px;
	padding: 0 20px;
	line-height: 50px;
	text-align: center;
	color: #1b1f32;
	font-size: 18px;
	background-color: #FFD200
}

.buy-confirm-group .pay-btn:hover {
	background-color: #ffda33
}

.buy-confirm-group .pay-btn.disabled {
	cursor: not-allowed;
	color: #ABACB3;
	background-color: #E8E9EB
}

.buy-confirm-group .tel-confirm {
	color: #8d8e99;
	padding-top: 8px;
	word-break: break-all;
	line-height: 22px;
	height: 22px;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.pay-type-check {
	margin-bottom: -35px
}

.pay-type-check .ui-radio-primary {
	margin: 0 15px 0 0
}

.pay-type-check .ui-radio-primary span {
	width: 116px;
	line-height: 36px;
	text-align: center
}

.pay-type-check .pay-weixin .txt:before,.pay-type-check .pay-alipay .txt:before {
	content: '';
	display: inline-block;
	vertical-align: -3px;
	width: 22px;
	height: 18px;
	margin-right: 5px;
	background: url(https://img.77zhangh.com/images/images/pay_type.png) no-repeat 0 0
}

.pay-type-check .pay-alipay .txt:before {
	width: 18px;
	background-position: 0 -22px;
	vertical-align: -4px
}

.division-container {
	background: #F5F5F5 url(https://img.77zhangh.com/images/images/division_bg.jpg) no-repeat center bottom
}

.division-list {
	margin: 0 -10px 30px
}

.division-list ul:after {
	content: "";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden
}

.division-list li {
	background-color: #FFFFFF;
	width: 384px;
	float: left;
	margin: 10px;
	position: relative;
	transition: transform .2s ease 0s,box-shadow .2s ease 0s;
	height: 351px
}

.division-list li:hover {
	box-shadow: 0 6px 15px 0 rgba(0,0,0,0.1);
	transform: translateY(-2px)
}

.division-list .pic {
	height: 271px
}

.division-list .pic img {
	width: 100%;
	height: 100%;
	vertical-align: middle
}

.division-list .name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 17px;
	color: #333333
}

.division-list .info {
	padding: 14px 15px 18px;
	height: 48px
}

.division-list .desc {
	margin-right: 115px
}

.division-list .desc {
	font-size: 13px;
	line-height: 18px;
	color: #666666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.division-list .price {
	color: #ff5436;
	font-size: 16px;
	position: absolute;
	right: 20px;
	bottom: 10px
}

.division-list .price strong {
	font-size: 22px
}

@-moz-document url-prefix() {
	.division-list li:hover {
		animation: displacement 400ms 1 forwards;
		box-shadow: none;
		transform: none
	}
}

@media \0screen\,screen\9 {
	.division-list a {
		position: relative;
		display: block
	}

	.division-list a:hover .opacity-layer {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 20;
		background: rgba(255,255,255,0.07);
		background: url(https://img.77zhangh.com/images/images/hover.png) repeat 0 0
	}
}

@media screen and (min-width:0\0) {
	.division-list .info {
		filter: none
	}
}

.order-succ-wrap {
	border-radius: 4px
}

.order-succ-wrap .order-banner {
	position: relative;
	margin: 0 60px
}

.order-succ-wrap .order-banner img {
	width: 100%;
	vertical-align: bottom
}

.order-succ-wrap .order-banner a {
	display: block
}

.order-succ-wrap .order-banner a:hover:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	background: rgba(255,255,255,0.07)
}

.order-succ-wrap .succ-tip {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 35px
}

.order-succ-wrap .succ-tip:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 63px;
	height: 78px;
	background: url(https://img.77zhangh.com/images/images/order_succ_icon.png) no-repeat 0 0;
	margin: 0 20px 0 25px
}

.order-succ-wrap .order-succ {
	padding: 0 60px 70px
}

.order-succ-wrap .order-card {
	background-color: #F2F3F5;
	padding: 15px 25px;
	margin-bottom: 30px;
	line-height: 36px
}

.order-succ-wrap .order-card ul {
	overflow: hidden
}

.order-succ-wrap .order-card li {
	border-top: 1px solid #dedfe0;
	padding: 10px 0;
	vertical-align: bottom;
	margin-top: -1px
}

.order-succ-wrap .order-card a {
	color: #518bdb
}

.order-succ-wrap .order-card a:hover {
	text-decoration: underline
}

.order-succ-wrap .btn-one,.order-succ-wrap .btn-two,.order-succ-wrap .btn-three {
	line-height: 36px;
	text-align: center;
	border-radius: 2px;
	margin-right: 20px
}

.order-succ-wrap .btn-one {
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
	color: #212537;
	background-color: #FFD200;
	min-width: 120px
}

.order-succ-wrap .btn-one:hover {
	background-color: #ffda33
}

.order-succ-wrap .btn-two {
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
	color: #4c4c4c;
	border: 1px solid #CECFD9;
	line-height: 34px;
	min-width: 118px;
	margin-right: 25px
}

.order-succ-wrap .btn-two:hover {
	background-color: #f8f8f8
}

.order-succ-wrap .btn-three {
	color: #696a77
}

.order-succ-wrap .btn-three:hover {
	color: #518bdb;
	text-decoration: underline
}

.pro-photo-group {
	width: 555px;
	float: left;
	margin-right: 30px;
	position: relative;
	min-height: 390px
}

.pro-photo-group .show-shop {
	position: relative;
	user-select: none
}

.pro-photo-group .show-shop:hover .prev,.pro-photo-group .show-shop:hover .next {
	display: block
}

.pro-photo-group .prev,.pro-photo-group .next {
	position: absolute;
	display: none;
	width: 26px;
	height: 83px;
	background-color: green;
	top: 50%;
	margin-top: -42px;
	right: 0;
	z-index: 10;
	background: url(https://img.77zhangh.com/images/images/arrow_md.png) no-repeat -52px 0
}

.pro-photo-group .prev:hover,.pro-photo-group .next:hover {
	background-position: -78px 0
}

.pro-photo-group .prev.disabled,.pro-photo-group .next.disabled {
	opacity: .4
}

.pro-photo-group .prev.disabled:hover,.pro-photo-group .next.disabled:hover {
	background-position: -52px 0
}

.pro-photo-group .prev {
	background-position: 0 0;
	left: 0
}

.pro-photo-group .prev:hover {
	background-position: -26px 0
}

.pro-photo-group .prev.disabled:hover {
	background-position: 0 0
}

.pro-photo-group .show-box {
	height: 390px;
	line-height: 390px;
	text-align: center;
	background-color: #F7F8FA;
	overflow: hidden;
	position: relative
}

.pro-photo-group .show-box img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle
}

.pro-photo-group .preview-box {
	position: relative
}

.pro-photo-group .preview-prev,.pro-photo-group .preview-next {
	position: absolute;
	width: 22px;
	height: 77px;
	background-color: green;
	top: 0;
	right: 0;
	z-index: 10;
	background: url(https://img.77zhangh.com/images/images/photo_slider_arrow.png) no-repeat 0 0
}

.pro-photo-group .preview-prev:hover,.pro-photo-group .preview-next:hover {
	background-position: -22px 0
}

.pro-photo-group .preview-prev.disabled,.pro-photo-group .preview-next.disabled {
	display: none
}

.pro-photo-group .preview-prev {
	left: 0;
	background-position: -66px 0
}

.pro-photo-group .preview-prev:hover {
	background-position: -44px 0
}

.pro-photo-group .preview-box {
	margin-top: 15px
}

.pro-photo-group .preview-btns {
	position: relative;
	height: 80px;
	overflow: hidden
}

.pro-photo-group .preview-btns ul {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0
}

.pro-photo-group .preview-btns li {
	float: left;
	width: 110px;
	height: 77px;
	margin: 0 10px 0 0;
	position: relative
}

.pro-photo-group .preview-btns li.active i {
	position: absolute;
	left: 0;
	top: 0;
	width: 106px;
	height: 73px;
	border: 2px solid #FFD200
}

.pro-photo-group .preview-btns li img {
	width: 100%;
	height: 100%
}

.modal-photo-slider {
	width: 630px;
	position: relative
}

.modal-photo-slider .show-shop {
	position: relative
}

.modal-photo-slider .page-text {
	position: absolute;
	color: #626266;
	font-size: 16px;
	right: 10px;
	bottom: 7px
}

.modal-photo-slider .show-box {
	height: 445px;
	line-height: 445px;
	text-align: center;
	background-color: #F7F8FA;
	overflow: hidden
}

.modal-photo-slider .show-box img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle
}

.modal-photo-slider .prev,.modal-photo-slider .next {
	position: absolute;
	width: 30px;
	height: 87px;
	top: 50%;
	margin-top: -44px;
	right: 0;
	background: url(https://img.77zhangh.com/images/images/modal_photo_arrow.png) no-repeat 0 -30px
}

.modal-photo-slider .prev.disabled,.modal-photo-slider .next.disabled {
	opacity: .4
}

.modal-photo-slider .prev {
	left: 0;
	background-position: -99px -30px
}

.modal-photo-slider .prev:hover {
	background-position: -66px -30px
}

.modal-photo-slider .prev.disabled:hover {
	background-position: -99px -30px
}

.modal-photo-slider .next:hover {
	background-position: -33px -30px
}

.modal-photo-slider .next.disabled:hover {
	background-position: 0 -30px
}

.modal-photo-slider .preview-box {
	position: relative;
	padding: 0 15px;
	margin-top: 15px
}

.modal-photo-slider .preview-prev,.modal-photo-slider .preview-next {
	position: absolute;
	width: 9px;
	height: 23px;
	background-color: green;
	top: 26px;
	right: 0;
	z-index: 10;
	background: url(https://img.77zhangh.com/images/images/modal_photo_arrow.png) no-repeat 0 0
}

.modal-photo-slider .preview-prev:hover,.modal-photo-slider .preview-next:hover {
	background-position: -11px 0
}

.modal-photo-slider .preview-prev.disabled,.modal-photo-slider .preview-next.disabled {
	opacity: .4
}

.modal-photo-slider .preview-prev.disabled:hover,.modal-photo-slider .preview-next.disabled:hover {
	background-position: 0 0
}

.modal-photo-slider .preview-prev {
	left: 0;
	background-position: -33px 0
}

.modal-photo-slider .preview-prev:hover {
	background-position: -22px 0
}

.modal-photo-slider .preview-prev.disabled:hover {
	background-position: -33px 0
}

.modal-photo-slider .preview-btns {
	position: relative;
	height: 80px;
	overflow: hidden
}

.modal-photo-slider .preview-btns ul {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0
}

.modal-photo-slider .preview-btns li {
	float: left;
	width: 110px;
	height: 77px;
	margin: 0 5px;
	position: relative
}

.modal-photo-slider .preview-btns li.active i {
	position: absolute;
	left: 0;
	top: 0;
	width: 106px;
	height: 73px;
	border: 2px solid #FFD200
}

.modal-photo-slider .preview-btns li img {
	width: 100%;
	height: 100%
}

.website-notice {
	background-color: #FFF1EC;
	font-size: 12px;
	text-align: center;
	color: #FF544C;
	line-height: 34px;
	min-width: 1200px
}

.website-notice a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #FF544C;
	display: block
}

.website-notice a:hover {
	background-color: #ffe8df
}

.website-notice p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 800px;
	margin: 0 auto
}

.send-account-banner {
	background-color: #fff;
	min-width: 1200px;
	text-align: center;
	height: 80px;
	line-height: 80px;
	overflow: hidden
}

.send-account-banner img {
	vertical-align: middle
}

.send-account-wrap {
	background: #F2F3F5 url(https://img.77zhangh.com/images/images/index_bg.jpg) repeat-x center 0;
	min-width: 1200px
}

.send-account-group {
	width: 1200px;
	margin: 0 auto 40px
}

.send-account-progress .head {
	color: #1b1f33;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	padding: 30px 0
}

.send-account-end {
	display: none
}

.send-account-end .head {
	color: #797979;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	padding: 30px 0
}

.send-account-end .fn {
	margin: 40px auto 0;
	text-align: center
}

.send-account-end .more {
	font-size: 15px;
	color: #797979;
	display: none;
	width: 80px;
	margin: 0 auto;
	text-align: center
}

.send-account-end .more:after {
	content: '';
	display: block;
	margin: 0 auto;
	width: 19px;
	height: 19px;
	background: url(https://img.77zhangh.com/images/images/send_account_more.png) no-repeat 0 0
}

.send-account-end .more:hover {
	color: #ebb400
}

.send-account-end .more:hover:after {
	background-position: 0 -21px
}

.send-account-list a {
	overflow: hidden;
	display: block
}

.send-account-list ul {
	margin: 0 -15px -30px
}

.send-account-list ul:after {
	content: '';
	clear: both;
	visibility: hidden;
	font-size: 0;
	display: block;
	height: 0
}

.send-account-list li {
	float: left;
	background-color: #fff;
	width: 585px;
	height: 253px;
	font-size: 0;
	margin: 0 15px 30px;
	padding: 14px;
	box-sizing: border-box;
	border-radius: 5px;
	position: relative;
	transition: box-shadow 200ms ease-in,transform 200ms ease-in
}

.send-account-list li:hover {
	box-shadow: 0 6px 15px rgba(0,0,0,0.1);
	transform: translateY(-2px)
}

.send-account-list .pic {
	display: inline-block;
	vertical-align: middle;
	width: 320px;
	height: 225px;
	position: relative;
	font-size: 12px;
	margin-right: 25px
}

.send-account-list .pic img {
	width: 100%;
	height: 100%
}

.send-account-list .hot-step {
	position: absolute;
	left: 5px;
	top: 5px;
	color: #e8e9eb;
	z-index: 10;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
	background-color: rgba(0,0,0,0.4);
	border: 1px solid rgba(232,233,235,0.4);
	line-height: 17px;
	border-radius: 9px;
	padding: 0 7px;
	overflow: hidden
}

.send-account-list .hot-step .text {
	float: left
}

.send-account-list .hot-step .step-box {
	float: left;
	top: 5px;
	width: 65px;
	height: 8px;
	line-height: 999px;
	overflow: hidden;
	background: url(https://img.77zhangh.com/images/images/send_account_step.png) repeat-x 0 -24px;
	position: relative
}

.send-account-list .hot-step .step01:after,.send-account-list .hot-step .step02:after,.send-account-list .hot-step .step03:after,.send-account-list .hot-step .step04:after,.send-account-list .hot-step .step05:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 8px;
	height: 8px;
	background: url(https://img.77zhangh.com/images/images/send_account_step.png) repeat-x 0 0
}

.send-account-list .hot-step .step02:after {
	width: 21px
}

.send-account-list .hot-step .step03:after {
	width: 34px
}

.send-account-list .hot-step .step04:after {
	width: 47px
}

.send-account-list .hot-step .step05:after {
	width: 60px
}

.send-account-list .info {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	width: 210px
}

.send-account-list .title {
	font-weight: bold;
	font-size: 19px;
	word-break: break-all;
	line-height: 28px;
	color: #1b1f33
}

.send-account-list .labels span {
	color: #797979;
	margin-right: 10px;
	white-sapce: nowrap
}

.send-account-list .rush-btn {
	background-color: #FFD200;
	font-size: 17px;
	color: #212537;
	font-weight: bold;
	display: block;
	line-height: 44px;
	width: 140px;
	text-align: center;
	border-radius: 4px;
	margin-top: 8px
}

.send-account-list .rush-btn:hover {
	background-color: #ffda33
}

.send-account-list .rush-btn.disabled {
	background-color: #E8E9EB;
	color: #ABACB3
}

.send-account-list .progress-bar {
	line-height: 18px
}

.send-account-list .progress-bar .progress,.pro-column .send-account-box .progress-bar .progress {
	width: 138px;
	border: 1px solid #F7D49E;
	background-color: #fff;
	height: 8px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	border-radius: 8px;
	margin-right: 6px;
	position: relative
}

.send-account-list .progress-bar .progress i,.pro-column .send-account-box .progress-bar .progress i {
	display: inline-block;
	vertical-align: top;
	border-radius: 8px;
	height: 100%;
	background: #ff5436;
	background: linear-gradient(to right, #FFE59B, #FF5537)
}

.send-account-list .progress-bar .percent,.send-account-list .progress-bar .percent-all,.pro-column .send-account-box .progress-bar .percent,.pro-column .send-account-box .progress-bar .percent-all,.pro-column .send-account-box .progress-bar .percent-all {
	color: #ff5436;
	font-size: 13px;
	display: inline-block;
	vertical-align: middle
}

.send-account-list .progress-bar .percent-all,.pro-column .send-account-box .progress-bar .percent-all {
	color: #8d8e99
}

.send-account-list .mark-succ {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 77px;
	height: 77px;
	background: url(https://img.77zhangh.com/images/images/send_account_succ.png) no-repeat 0 0
}

@media screen and (min-width:0\0) {
	.send-account-list .hot-step {
		filter: none
	}
}


.index-step-group {
	background-color: #FFFFFF;
	padding: 31px 0 56px
}

.index-step-group .index-step {
	width: 1200px;
	margin: 0 auto;
	text-align: center
}

.index-step-group .head {
	color: #1b1f33;
	font-size: 0;
	font-weight: 600;
	text-align: center;
	margin-bottom: 48px
}

.index-step-group .head:before,.index-step-group .head:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 21px;
	background: url(https://img.77zhangh.com/images/images/index_step_icon.png) no-repeat 0 0
}

.index-step-group .head:before {
	margin-right: 15px
}

.index-step-group .head:after {
	margin-left: 15px
}

.index-step-group .head span {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px
}

.index-step-group ul {
	text-align: center;
	font-size: 0
}

.index-step-group li {
	display: inline-block;
	padding-right: 80px;
	position: relative
}

.index-step-group li:after {
	content: '';
	width: 43px;
	height: 17px;
	position: absolute;
	right: 18px;
	top: 25px;
	background: url(https://img.77zhangh.com/images/images/index_step.png) no-repeat -308px -20px
}

.index-step-group li.last {
	padding-right: 0
}

.index-step-group li.last:after {
	display: none
}

.index-step-group .icon-step01,.index-step-group .icon-step02,.index-step-group .icon-step03,.index-step-group .icon-step04 {
	display: block;
	margin: 0 auto 28px;
	width: 67px;
	height: 63px;
	background: url(https://img.77zhangh.com/images/images/index_step.png) no-repeat 0 0
}

.index-step-group .icon-step02 {
	width: 50px;
	background-position: -80px 0
}

.index-step-group .icon-step03 {
	width: 60px;
	background-position: -150px 0
}

.index-step-group .icon-step04 {
	width: 68px;
	background-position: -223px 0
}

.index-step-group .title {
	font-size: 18px;
	color: #1b1f33
}

.index-step-group .desc {
	font-size: 14px;
	color: #abadb2
}