/* base */
@charset "UTF-8";
/*滚动条*/
::-webkit-scrollbar { width: 12px; height:8px; background-color: #f5f5f5;}/*滚动条底色*/
::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius:5px;}/*滚动条背景色*/
::-webkit-scrollbar-thumb { background-color: #cccccc; border-radius:5px;}/*滚动条颜色*/
/*重置*/
body, html { width: 100%; height: 100%; color: #333333; font-size: 14px;}
body { margin: 0; padding: 0; background: #f5f7f9; color: #181818; height:auto; min-width:1280px;}
* {  margin: 0; padding: 0; text-decoration: none; list-style: none; font-family: "Microsoft Yahei", 微软雅黑, "Helvetica Neue", Helvetica, Arial, sans-serif;}
img { border: 0;}
p { line-height: 26px;}
ul, li, dl, dd, dt, p, ol, h1, h2, h3, h4, h5,img { padding: 0; margin: 0; font-size:14px;}
h1 { font-size: 30px; padding: 50px;}
h2 { font-size: 20px;}
em, i { font-style: normal;}
ul li { list-style: none;}
textarea, textarea:focus { resize: none; font-size: 14px; color: #afafb0; outline: none;}
a, input, button { outline: none; border: none;}
a:hover, a:link, a:visited { text-decoration: none; outline:none}
a { color: #333333; transition: all .3s; text-decoration: none;}
a:hover { color: #333333}
input,input:focus,select{outline:0!important;box-shadow:none!important}
.relative{position:relative}
.table .revise.icow,.table .title-revise.icow{font-size:14px;position:absolute;right:0;width:16px;height:16px;background:#e0e0e0;color:#fff;visibility:hidden;line-height:20px}
select, input:focus, input, textarea { outline:none !important; box-shadow:none !important;}
img { max-width: 100%;}
::-webkit-input-placeholder {color: #aaaaaa;}
::-moz-placeholder {color: #aaaaaa;}
::-ms-input-placeholder {color: #aaaaaa;}
body.bg-fff { background-color: #ffffff;}
/* 清除number默认样式 */
input[type='number']{-moz-appearance: textfield;}
input[type='number']::-webkit-outer-spin-button,input[type='number']::-webkit-inner-spin-button {appearance: none;}
.left { float: left;}
.right{ float: right;}
.w1280 { margin: 0 auto; width: 1280px;}
.w1200 { margin: 0 auto; width: 1200px;}
.w1000 { margin: 0 auto; width: 1000px;}
.tips-block { color: #fa2c19; display: block; overflow: hidden; line-height: 20px; margin-top: 3px;}
.hide { display: none;}

/* 头部 */
.top-wrap { height: 64px; z-index: 10; position: absolute; top: 0; left: 50%; margin-left: -640px;}
.top-height { height: 64px; line-height: 64px; overflow: hidden; width: 100%; display: none;}
.top-left { display: inline-block;}
	.top-logo { margin-right: 24px; height: 44px; margin-top: 10px;}
	.top-logo a { display: inline-block; height: 100%;}
	.top-code-img img { width: 100%; display: block; margin:0 auto;}
	.top-logo a img { height: 100%;}
	.top-menu { height: 64px; line-height: 64px;}
	.top-menu a,.top-right-item { position: relative; cursor: pointer; padding: 0 15px; color: #ffffff; font-size: 16px; display: inline-block;}
	.top-menu a:hover,.top-right-item:hover { text-decoration: underline;}
.top-right { display: inline-block;}
	.top-right-item { height: 64px; line-height: 64px; transition: all .3s; padding: 0 8px;}
	.top-right-tel { font-size: 20px; color: rgba(0,0,0,.7) !important; padding-left: 15px; margin-left: 7px;}
	.top-right-tel:hover { text-decoration: none; cursor: default;}
@media only screen and (min-width: 1680px){
	.top-menu a, .top-right-item { padding: 0 22px; font-size: 17px;}
	.top-right-tel { font-size: 20px; padding-left: 15px;}
}
.modal-reg-box .modal-title { margin-top: 20px;}
.modal-reg-box .modal-input { margin-bottom: 20px;}

/* 主体高度 */
.page-content { min-height: 580px; overflow: hidden;}

/* fixed-right */
.fixed-right { position: fixed; right: 0; top: 0; width: 50px; z-index: 10; height: 100%;}
	.fixed-right-box { background-color: #ffffff; box-shadow: 0 0 12px rgb(0 0 0 / 10%); position: absolute; top: 50%; right: 0; margin-top: -220px; width: 100%; padding-top: 15px;}
	.fixed-item { display: block; width: 100%; text-align: center; margin-bottom: 15px; cursor: pointer;}
	.fixed-item img { display: block; margin: 0 auto; width: 26px;}
	.fixed-item span {display: block; font-size: 12px; line-height: 26px; color: #888888;}
	.right-code { position: absolute; right: 50px; background-color: #ffffff; padding: 20px 20px 10px; box-shadow: 0 8px 13px 0 rgb(0 0 0 / 7%); transition: all .13s ease-in-out; visibility: hidden; opacity: 0; border: 1px solid #eeeeee; border-radius: 0 0 3px 3px;}
	.right-code-app { top: 0;}
	.right-code-mini { top: 0px;}
	.right-code-public {top: 154px;}
	.right-code-online {top: 77px;}
	.right-code-img { width: 140px;}
	.right-code-img img {display: block; width: 100%; margin: 0 auto;}
	.right-code-img span { display: block; line-height: 30px; text-align: center; color: #666666;}
	.fixed-item:hover .right-code { visibility: visible; opacity: 1;}
	.fixed-top { margin-top: 124px;}

/* 底部 */
.foot-wrap { width: 100%;float:left;}
.foot-bottom { background-color: #2a2c37; color: #9b9ea0; overflow: hidden;}
	.foot-icon { display: flex; align-items: center; padding: 50px 0 60px; color: #ffffff;}
	.foot-icon-item { flex-basis: 25%; display: flex; align-items: center; font-size: 16px; letter-spacing: 1px; justify-content: center;}
	.foot-icon-item:first-child { justify-content: start;}
	.foot-icon-item img { width: 38px; margin-right: 10px;}
	.foot-icon-t { display: flex; align-items: center;}
	.foot-icon-t-txt em { font-size: 24px; color: #ffe108;}
	.foot-copy { padding: 0 0 15px; overflow: hidden;}
	.foot-copy-left { float: left;}
		.foot-info { overflow: hidden;}
		.foot-logo { float: left; width: 150px;}
		.foot-logo img { display: block; margin: 0 auto; width: 100%;}
		.logo-dsc { float: left; margin-left: 20px; letter-spacing: 2px;}
		.logo-dsc span,.logo-dsc em { display: block; overflow: hidden;}
		.logo-dsc span { font-size: 18px; line-height: 24px; margin-bottom: 3px; color: #ffffff;}
		.logo-dsc em { line-height: 22px;}
		.foot-menu { line-height: 40px; margin-top: 15px;}
		.foot-menu a { margin-right: 10px;}
		.copyright { display: block; width: 100%; overflow: hidden;}
		.copyright span { float: left; margin-right: 10px;}
		.foot-copy-left a,.copyright a { cursor: pointer; color: #9b9ea0;}
		.foot-copy-left a:hover,.copyright a:hover { color: #ffffff; text-decoration: underline;}
	.foot-copy-right { overflow: hidden; float: right; padding-top: 0px;}
	.foot-copy-right div { float: left; margin-left: 30px; text-align: center;}
	.foot-copy-right img { width: 100px; margin: 0 auto; display: block;}
	.foot-copy-right span { display: block; overflow: hidden; margin-bottom: 7px; line-height: 40px;}

.foot-ads {position: fixed; bottom: 0;left: 0; height: 120px; width: 100%; z-index: 90; transition: all .6s linear; background: url('../image/bg.png') center top no-repeat;}
	.foot-ads-main {text-align: right;position: relative;}
	.foot-ads-main img { vertical-align: middle;}
	.foot-ads-img { float: right;margin-right: 100px;}
	.foot-ads-img img { width: 130px; height: auto;float: left;margin-top: -40px;margin-left: 40px;}
	.foot-ads-img img:first-child { margin-left: 0;}
	.ads-close { width: 22px; position: absolute; top: 7px;right: 15px;cursor: pointer;}
	.foot-ads-close {left: -200%;}
	.foot-ads-open {position: fixed; left: -44px; bottom: 100px; transition: all .3s linear; cursor: pointer;border-radius: 0 5px 5px 0;}
	.foot-ads-open-active {left: 0;}
	
/* tipmsg */
.tipmsg-box { background: #fff; position: absolute; top: 50%; left: 50%; padding: 30px 40px; border-radius: 5px; font-size: 16px; letter-spacing: 1px; margin-left: -215px; margin-top: -40px;}
.regtipmsg-box { margin-left: -175px;}
.modal-codebox { margin: 10px auto 0; width: 450px; overflow: hidden;}
	.modal-codeitem { float: left; width: 150px; padding: 10px; box-sizing: border-box; text-align: center;}
	.modal-codeitem img { display: block; width: 100%; margin: 0 auto;}
	.modal-codeitem span { font-size: 14px; color: #666666; display: block; line-height: 40px;}

/* reg-login */
.reg-modal,.tipmsg {position: fixed; top: 0;right: 0;left: 0;bottom: 0; z-index: 100;}
	.modal-bg { position: absolute; top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);}
	.modal-box { position: absolute; left: 50%;width: 520px;margin-left: -260px; top: 50%; height: 350px; margin-top: -175px; background-color: #ffffff; border-radius: 3px; z-index: 5;}
	.modal-img {margin:-40px auto 0;width:60px;height:60px;padding:10px;border-radius:40px;display:block; background-color: #ffffff;}
	.modal-img span { display: block; overflow: hidden; border-radius: 50%;width: 100%;height: 100%; text-align: center;}
	.modal-img span img {display: block; width: 100%; border-radius: 50%;}
	.modal-close{display:block;width:30px;height:30px;position:absolute;right:20px;top:40px;cursor:pointer; background: url('../image/close.png') no-repeat center; background-size: 100%;}
	.modal-close:hover { background: url('../image/del.png') no-repeat center; background-size: 100%;}
	.modal-title { font-size: 16px; text-align: center; margin: 40px auto 10px;}
	.modal-title2 { font-size:14px; color:#fa2c19; text-align: center;}
	.modal-dsc { text-align: center; display: block; color: #aaaaaa; margin-bottom: 30px; line-height: 20px;}
	.modal-form { margin: 0 auto; width: 370px;}
	.modal-input { position: relative; width: 100%; margin-bottom: 40px; height: 40px;}
	.modal-input input { width: 100%; box-sizing: border-box; padding-right: 140px; height: 40px; padding-left: 10px; border-radius: 4px; border: 1px solid #ddd; line-height: 38px;}
	.modal-input input:focus { border-color: #fa2c19;}
	.getcode-btn { color: #fa2c19; line-height: 40px; display: inline-block; height: 40px; position: absolute; right: 1px; top: 1px; cursor: pointer; width: 120px; text-align: center;}
	.getcode-btn.hide {display: none;}
	.getcode-btn.time{ cursor: not-allowed;}
	.modal-btn,.regmodal-btn {width:100%;height:44px;line-height: 44px;background:#fa2c19;border-radius:4px;border:none;font-size:18px;color:#ffffff;margin:0 auto;display:block;outline:0; text-align: center; cursor: pointer;}
	.opacity { opacity: .6;}
	.modal-input-pr10 input { padding-right: 10px;}