/*layui重写样式*/
.layui-card-header {
	background-color: #5AB85B;
	color: #fff;
}
.layui-form-checkbox span{
	height:30px;
	line-height: 30px;
}

.layui-form-item{
	display:flex;	
}
.layui-form-item label{
	font-size:13px;
	color:#666;
}
.layui-form-item-bottom{
	margin-bottom:0!important;
	
}
.layui-form-label {
	min-width:100px;
	font-size:14px;
	height: 30px;
	line-height: 30px;
    padding: 0;
	margin-right:10px;
	text-align:right;
}

.layui-input-block {
	flex:1;
	margin: 0;
	left: 0;
	top: 0;
}

.layui-input,.layui-select,.layui-textarea {
	font-size:14px;
	height: 30px;
	line-height: 30px;
}

.layui-word-aux{
	flex:1;
	color: #999;
	font-size: 14px;
	margin-left:10px;
	
}

.layui-layer-title {
	padding: 0!important;
	height: 42px!important;
	line-height: 42px!important;
	background-color: #349EDC!important;
	color: #fff!important;
	text-align: center!important;
	font-size: 18px!important;
	font-family: "微软雅黑"!important;
}


.layui-input-inline {
	font-size:14px;
	height: 30px;
	line-height: 30px;
	padding: 0;
}

.layui-table-cell {
	height: auto;
}
.layui-btn .layui-icon{margin-right:0px;}

.tbcell .btn {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 260px;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	letter-spacing: 1px;
	color: #fff;
	text-align: center;
	background-color: #0096ff;
	border: 0;
	border-radius: 5px
}

.tbcell .btn:hover {
	opacity: .9
}

.tbcell .btn:active {
	-webkit-transform: scale(.98);
	transform: scale(.98)
}

.tools_right {
	z-index: 1;
	position: fixed;
	right: 0;
	bottom: 28%
}

.tools_right li {
	width: 60px;
	height: 60px;
	font-size: 0;
	text-align: center;
	background-color: #f5f5f5;
	cursor: pointer;
	padding-top: 4px;
	margin-bottom: 8px;
	position: relative
}

.tools_right .toolItem .toolIcon {
	display: inline-block;
	width: 34px
}

.tools_right .toolItem .toolDes {
	font-size: 12px;
	color: #015792
}

.tools_right .toolItem .contactBox {
	display: none;
	opacity: 0;
	background-color: #fff;
	border: 2px solid #e9e9e9;
	padding: 16px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

.tools_right .contactBox img {
	width: 160px;
	height: 160px
}

.tools_right .contactBox p {
	font-size: 16px;
	color: #333;
	line-height: 1;
	margin-top: 15px
}

a {
	text-decoration: none;
	color: #0096ff
}

a,
a:active,
button,
button:active,
input,
span,
label,
div {
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent
}

button {
	background: 0 0;
	border: 0
}

body,
input,
textarea {
	font-family: pingfang sc, hiragino sans gb, tahoma, arial
}

html,
body {
	font-size: 16px;
	line-height: 1.6;
	color: #333;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased
}

.bg-grey,
.bg-grey body {
	background-color: #f1f4f8
}

.no-scroll,
.no-scroll body {
	height: 100%;
	overflow: hidden
}

a,
button,
input,
textarea {
	outline: 0
}

small {
	font-size: 12px
}

.col-link {
	color: #0096ff
}

.col-highlight {
	color: #f60
}

.col-grey {
	color: #999
}

.col-org {
	color: #f60
}

.col-blue {
	color: #0096ff
}

.col-green {
	color: #40bb49
}

.abs {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%)
}

.ibl {
	display: inline-block
}

.elli {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.page {
	text-align: center
}

.page a {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #666;
	border: 1px solid #aaa
}

.page a.page-btn {
	width: 80px
}

.page a:hover {
	color: #0096ff;
	border-color: #0096ff
}

.page a.on {
	color: #fff;
	background-color: #0096ff;
	border-color: #0096ff
}

.page a.disable {
	opacity: .5;
	cursor: not-allowed;
	color: #666;
	border-color: #aaa
}

@media only screen and (max-width:735px) {
	.page a {
		width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 12px
	}
	.page a.page-btn {
		width: 50px
	}
}

.tab {
	border-bottom: 1px solid #ddd
}

.tab li {
	float: left;
	margin: 0 -1px -1px 0;
	width: 180px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #333;
	background-color: #fff;
	border: 1px solid #ddd;
	cursor: pointer
}

.tab li.on {
	color: #fff;
	background-color: #0096ff;
	border-color: #0096ff
}

.tab:after {
	display: table;
	content: "";
	clear: both
}

.tbbox {
	box-sizing: border-box;
	display: table;
	width: 100%;
	height: 100%
}

.tbcell {
	box-sizing: border-box;
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	text-align: center
}

.header {
	position: relative;
	z-index: 10;
	min-width: 1300px;	
}

@media only screen and (max-width:1068px) {
	.header {
		min-width: 100px
	}
}

.header .main {
	position: relative;
	margin: 0 auto;
	width: 1300px;
	display:flex;
}

@media only screen and (max-width:1068px) {
	.header .main {
		width: 100%;
	}
}

.header .main:after {
	display: table;
	content: "";
	clear: both
}

.header .logo{min-width:200px;flex:1;padding-left:5px;}

@media only screen and (max-width:1068px) {
	.navli-log a{
		display: inline-block!important;
    	height: 1rem;
    	line-height: 1rem;
	}
	.navli-center a{
		display: inline-block!important;
	}
}

.header .nav {
	float: right;
	height: 55px;
	line-height: 55px;
}

.header .nav:after {
	display: table;
	content: "";
	clear: both
}

.header .nav li {
	float: left;
	margin:0 10px;
}

.header .nav li.on a {
	color: #0096ff
}

.header .nav li.navli-log a {
	font-size: 13px;
	color: #0096FF;
	background-color: transparent;
	border: 1px solid #0096FF;
	border-radius: 4px;
	padding: 5px 10px;
}

.header .nav li.navli-log a.btn-green {
    
	color: #FFF;
	background-color: #0DBD73;
	border: 1px solid #0DBD73;
	margin-left: 20px;
}

.header .nav li.navli-log a:hover.btn-green {
	color: #fff;
	background-color: #0096FF;
	border: 1px solid #0096FF;
}

.header .nav a {
	color: #333
}

.header .nav a:hover {
	color: #0096ff
}

.navli-center a {
	color: #FF3F71;
}
@media only screen and (max-width:1068px) {
	.header .nav {
		height: 0;
		max-height: 0;
		font-size: 14px;
		overflow: hidden;
		-webkit-transition: max-height 1s;
		box-shadow: 0 12px 12px rgba(0, 0, 0, .3)
	}
}

@media only screen and (max-width:735px) {
	.header .nav li.navli-log {
		display: block
	}
	.header .nav li.navli-center {
		display: block
	}
}

.header .nav-check {
	display: none
}

.header .m-nav-icon {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 55px;
	height: 55px;
	z-index: 12
}

.header .m-nav-icon span {
	position: absolute;
	left: 13px;
	top: 50%;
	margin-top: -1px;
	width: 30px;
	height: 2px;
	background-color: #fff;
	-webkit-transition: -webkit-transform linear .2s;
	transition: transform linear .2s;
	-webkit-transform-origin: left center
}

.header .m-nav-icon span.icon-nav1 {
	margin-top: -12px
}

.header .m-nav-icon span.icon-nav3 {
	margin-top: 10px
}

.header input[type=checkbox].nav-check:checked+.main .icon-nav1 {
	-webkit-transform: rotate(45deg) translateY(1px)
}

.header input[type=checkbox].nav-check:checked+.main .icon-nav2 {
	display: none
}

.header input[type=checkbox].nav-check:checked+.main .icon-nav3 {
	-webkit-transform: rotate(-45deg) translateY(-1px)
}

.header input[type=checkbox].nav-check:checked+.main .nav {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 50px;
	padding: 20px 0;
	height: auto;
	max-height: 600px;
	background-color: #F8F9FB;
	-webkit-transform: translateZ(0)
}

.header input[type=checkbox].nav-check:checked+.main .nav li {
	float: none;
}

.header input[type=checkbox].nav-check:checked+.main .nav a:active {
	background-color: #000
}

@media only screen and (max-width:1068px) {
	.header .m-nav-icon,
	.header input[type=checkbox].nav-check:checked+.header .m-nav-icon {
		display: block
	}
}

.header .logined {
	float: right
}

.header .logined .user {
	float: right;
	position: relative;
	padding: 12px 50px 12px 60px;
	color: #fff;
	cursor: default;
	z-index: 10
}

.header .logined .user:hover .user-drop {
	display: block
}

.header .logined .user:hover .icon-down {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.header .logined .user p {
	line-height: 22px
}

.header .logined .user p em {
	font-style: normal;
	font-size: 14px;
	color: #f60
}

.header .logined .user .icon-user {
	position: absolute;
	left: 12px;
	top: 50%;
	margin-top: -35px;
	line-height: 70px;
	font-size: 36px
}

.header .logined .user .icon-down {
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -35px;
	line-height: 70px;
	font-size: 20px;
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s
}

.header .logined .user .user-drop {
	position: absolute;
	left: 0;
	right: 0;
	top: 70px;
	padding: 0 20px;
	text-align: center;
	background-color: #171b24;
	box-shadow: 0 5px 12px rgba(0, 0, 0, .35);
	display: none;
	-webkit-animation: dropNav .4s ease both;
	animation: dropNav .4s ease both
}

.header .logined .user .user-drop h4 {
	padding: 20px 0;
	font-size: 18px;
	line-height: 1.4;
	color: #fff
}

.header .logined .user .user-drop h4 strong {
	display: block;
	color: #f60
}

.header .logined .user .user-drop ul {
	padding: 10px 0 20px;
	font-size: 16px;
	border-top: 1px solid #333
}

.header .logined .user .user-drop ul a {
	display: block;
	line-height: 40px;
	color: #c7c7c7
}

.header .logined .user .user-drop ul a:hover {
	color: #fff;
	background-color: rgba(0, 0, 0, .2)
}

@media only screen and (max-width:1068px) {
	.header .logined {
		display: none!important
	}
}

.header .btn-nav {
	float: right;
	margin-top: 10px;
	margin-left: 20px;
	padding: 0 30px;
	line-height: 45px;
	color: #fff;
	background-color: #0096ff
}

.header .btn-nav:hover {
	background-color: #1aa1ff
}

.index .header {
	background-color: #fff
}

.index .header .nav a {
	color: #333
}

.index .header .nav a.active {
	color: #FFF;
	background-color: #FF3F71;
	padding: 10px 20px;
}

.index .header .nav a:hover {
	color: #26C931;
}

.index .header .m-nav-icon span {
	background-color: #0096FF
}

.index .header input[type=checkbox].nav-check:checked+.main .nav a:active {
	background-color: #ddd
}

.index .header .logined .user {
	color: #333
}

.ft {
	font-size: 14px;
	background-color: #171b24;
	min-width: 1300px
}

@media only screen and (max-width:1068px) {
	.ft {
		min-width: 100px
	}
}

.ft .main {
	position: relative;
	margin: 0 auto;
	width: 1300px;
	padding: 50px 0;
}

@media only screen and (max-width:1068px) {
	.ft .main {
		width: 100%
	}
}

.ft .ft-nav {
	padding: 0 90px
}

.ft .ft-nav:after {
	display: table;
	content: "";
	clear: both
}

.ft .ft-nav dl {
	float: left;
	box-sizing: border-box;
	width: 25%
}

.ft .ft-nav dl:hover dt:after {
	width: 60px
}

.ft .ft-nav dt {
	margin-bottom: 10px;
	font-size: 16px;
	color: #fff
}

.ft .ft-nav dt:after {
	display: block;
	margin-top: 10px;
	width: 30px;
	height: 1px;
	content: "";
	background-color: #fff;
	-webkit-transition: width .2s linear;
	transition: width .2s linear
}

.ft .ft-nav dd {
	line-height: 2;
	color: #999
}

.ft .ft-nav dd a {
	color: #999
}

.ft .ft-nav dd a:hover {
	color: #fff
}

.ft .ft-copyright {
	margin-top: 30px;
	padding-top: 20px;
	color: #fff;
	text-align: center;
	border-top: 1px solid #333439
}

@media only screen and (max-width:1068px) {
	.ft .ft-nav {
		padding: 0 40px
	}
	.ft .ft-copyright {
		margin-top: 30px
	}
}

@media only screen and (max-width:735px) {
	.ft {
		font-size: 12px
	}
	.ft .main {
		padding: 40px 0
	}
	.ft .ft-nav {
		padding: 0 30px
	}
	.ft .ft-nav dl {
		margin-bottom: 30px;
		width: 50%
	}
	.ft .ft-nav dl:nth-child(odd) {
		clear: both
	}
	.ft .ft-nav dt {
		font-size: 14px
	}
}

.side-nav {
	padding-bottom: 50px
}

.side-nav .side-navlist {
	position: relative
}

.side-nav .side-navlist a {
	display: block;
	padding-left: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	color: #333;
	border-left: 3px solid #fff
}

.side-nav .side-navlist a:hover {
	color: #0096ff
}

.side-nav .side-navlist .iconfont {
	margin-right: 15px;
	font-size: 22px;
	vertical-align: middle
}

.side-nav .side-navlist li.on a {
	color: #0096ff;
	background-color: #cbeaff;
	border-left-color: #0096ff
}

.side-nav .side-navlist:not(:first-child) {
	margin-top: 10px;
	padding-top: 10px
}

.side-nav .side-navlist:not(:first-child)::after {
	position: absolute;
	left: 30px;
	right: 30px;
	top: 0;
	height: 1px;
	content: "";
	background-color: #ddd
}

.tit {
	margin-bottom: 80px;
	text-align: center
}

.tit h2 {
	margin-bottom: 20px;
	font-size: 36px;
	line-height: 1.2
}

.tit p {
	color: #666
}

@media only screen and (max-width:735px) {
	.tit {
		margin-bottom: 40px;
		padding: 0 30px;
		font-size: 14px
	}
	.tit h2 {
		font-size: 24px
	}
}

.txtlist {
	text-align: center
}

.txtlist:after {
	display: table;
	content: "";
	clear: both
}

.txtlist li {
	float: left;
	box-sizing: border-box;
	padding: 0 35px;
	width: 25%
}

.txtlist h4 {
	margin-bottom: 15px;
	font-weight: 700;
	font-size: 20px
}

.txtlist p {
	font-size: 14px;
	color: #666
}

@media only screen and (max-width:1068px) {
	.txtlist {
		padding: 0 10px
	}
	.txtlist li {
		padding: 0 10px
	}
	.txtlist h4 {
		margin-bottom: 10px;
		font-size: 18px
	}
}

@media only screen and (max-width:735px) {
	.txtlist {
		padding: 0 10px
	}
	.txtlist li {
		margin-top: 20px;
		padding: 0 20px;
		width: 50%
	}
	.txtlist li:nth-child(odd) {
		clear: both
	}
	.txtlist h4 {
		margin-bottom: 5px;
		font-size: 14px
	}
	.txtlist p {
		font-size: 12px
	}
}

.tb-mod th,
.tb-mod td {
	height: 60px;
	text-align: center
}

.tb-mod th {
	font-weight: 400;
	color: #fff;
	background-color: #0096ff
}

.tb-mod td {
	border-bottom: 2px solid #fff;
	background-color: #f1f4f8
}

@media only screen and (max-width:735px) {
	.tb-mod th,
	.tb-mod td {
		height: 50px;
		font-size: 12px
	}
	.tb-mod td {
		border-bottom: 1px solid #fff
	}
}

.txt-tb {
	display: inline-block;
	width: auto;
	line-height: 1.8
}

.txt-tb th {
	font-weight: 400;
	text-align: right
}

.txt-tb td {
	text-align: left
}

.tiplist {
	margin-top: 30px;
	font-size: 14px;
	line-height: 2;
	color: #999
}

.tiplist a:hover {
	text-decoration: underline
}

@media only screen and (max-width:735px) {
	.tiplist {
		padding: 0 20px;
		font-size: 12px;
		line-height: 1.6
	}
}

.bd {
	min-width: 1300px
}

@media only screen and (max-width:1068px) {
	.bd {
		min-width: 100px
	}
}

.bd .main {
	position: relative;
	margin: 0 auto;
	width: 1300px
}

@media only screen and (max-width:1068px) {
	.bd .main {
		width: 100%
	}
}

.bd .main {
	padding: 100px 0
}

.bd.bd-grey {
	background-color: #f1f4f8
}

@media only screen and (max-width:1068px) {
	.bd .main {
		padding: 50px 0
	}
}

.ban {
	background: #111 url(../img/banner.jpg) no-repeat center top;
	background-size: auto 100%;
	min-width: 1300px
}

@media only screen and (max-width:1068px) {
	.ban {
		min-width: 100px
	}
}

@media only screen and (max-width:1068px) {
	.ban .main {
		width: 100%
	}
}

.ban .main {
	width: 100%;
	background-color: #0096FF;
	text-align: center;
}

.ban .ban-tit {
	padding-top: 20px;
	text-align: center;
	color: #fff;
	background-color: #fff;
}

.ban .ban-tit h2 {
	font-size: 48px
}

.ban .ban-tit p {
	font-size: 24px
}

.ban .ban-form {
	margin: 70px auto 0;
	padding-right: 180px;
	position: relative;
	box-sizing: border-box;
	width: 950px;
	height: 60px;
	background-color: #fff
}

.ban .ban-form .itxt {
	display: block;
	box-sizing: border-box;
	padding: 0 20px;
	width: 100%;
	height: 100%;
	font-size: 16px
}

.ban .ban-form .btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 180px;
	height: 60px;
	line-height: 60px;
	border-radius: 0;
	cursor: pointer
}

.ban .ban-form .btn:active {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.ban .ban-form-result {
	margin: 10px auto 0;
	width: 950px;
	background-color: #fff
}

.ban .ban-form-result th,
.ban .ban-form-result td {
	padding: 0 20px;
	height: 60px;
	font-size: 14px;
	text-align: left
}

.ban .ban-form-result td {
	background-color: #f1f4f8
}

.ban .ban-form-result .elli {
	max-width: 250px
}

.ban .ban-form-result .btn-lbl {
	margin: 0 5px
}

.ban .btn.btn-banlogin {
	display: none;
	margin: 70px auto 0
}

.ban .ban-tip {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	color: #fff;
	text-align: center
}

.ban .ban-tip a {
	margin: 0 6px
}

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

@media only screen and (max-width:1068px) {
	.ban .main {
		height: 500px
	}
	.ban .ban-tit {
		padding-top: 60px
	}
	.ban .ban-tit h2 {
		font-size: 36px
	}
	.ban .ban-tit p {
		font-size: 22px
	}
	.ban .ban-form {
		margin: 50px auto 0;
		padding-right: 100px;
		width: 90%;
		height: 40px
	}
	.ban .ban-form .itxt {
		padding: 0 10px;
		font-size: 12px
	}
	.ban .ban-form .btn {
		width: 100px;
		height: 40px;
		line-height: 40px;
		font-size: 14px
	}
	.ban .ban-form-result {
		width: 90%
	}
	.ban .ban-form-result th,
	.ban .ban-form-result td {
		padding: 0 10px;
		height: 40px;
		font-size: 14px
	}
	.ban .ban-form-result td:last-child {
		white-space: nowrap
	}
	.ban .ban-form-result .elli {
		max-width: 80px
	}
	.ban .ban-form-result .btn-lbl {
		margin: 0
	}
	.ban .ban-tip {
		bottom: 20px;
		padding: 0 40px;
		font-size: 12px
	}
}

@media only screen and (max-width:735px) {
	.ban .main {
		height: 400px
	}
	.ban .ban-tit {
		padding-top: 50px
	}
	.ban .ban-tit h2 {
		font-size: 24px
	}
	.ban .ban-tit p {
		font-size: 16px
	}
	.ban .ban-form {
		width: 95%;
		display: none
	}
	.ban .ban-form-result {
		width: 95%;
		display: none
	}
	.ban .ban-form-result th,
	.ban .ban-form-result td {
		padding: 0 5px;
		font-size: 10px
	}
	.ban .btn.btn-banlogin {
		display: block
	}
}

.ban-sub {
	min-width: 1300px
}

@media only screen and (max-width:1068px) {
	.ban-sub {
		min-width: 100px
	}
}

.ban-sub .main {
	position: relative;
	margin: 0 auto;
	width: 1300px
}

@media only screen and (max-width:1068px) {
	.ban-sub .main {
		width: 100%
	}
}

.ban-sub .main {
	height: 300px
}

.ban-sub.ban-price {
	background: url(../img/price_banner.jpg) no-repeat center top;
	background-size: auto 100%
}

.ban-sub.ban-price .tbcell {
	padding-left: 20px;
	text-align: left
}

.ban-sub.ban-price .tbcell h2 {
	margin-bottom: 10px;
	font-size: 36px
}

.ban-sub.ban-price .tbcell p {
	font-size: 18px;
	color: #666
}

.ban-sub.ban-news {
	background: #c4d8ef url(../img/news_banner.jpg) no-repeat center top;
	background-size: auto 100%
}

.ban-sub.ban-news h2 {
	position: absolute;
	right: 120px;
	top: 50%;
	margin-top: -.6em;
	font-size: 48px;
	font-style: italic;
	line-height: 1.2;
	color: #0096ff
}

@media only screen and (max-width:735px) {
	.ban-sub .main {
		height: 200px
	}
	.ban-sub.ban-news h2 {
		right: auto;
		left: 50%;
		font-size: 36px;
		white-space: nowrap;
		-webkit-transform: translateX(-50%)
	}
	.ban-sub.ban-price .tbcell {
		padding-left: 0;
		text-align: center;
		text-shadow: 0 0 8px #fff
	}
	.ban-sub.ban-price .tbcell h2 {
		margin-bottom: 5px;
		font-size: 24px;
		color: #000
	}
	.ban-sub.ban-price .tbcell p {
		font-size: 14px;
		color: #000
	}
}

.bd-service .txtlist .iconfont {
	font-size: 100px;
	color: #0096ff
}

@media only screen and (max-width:735px) {
	.bd-service .txtlist .iconfont {
		font-size: 70px;
		line-height: 1.2
	}
}

.bd-manage .txtlist .iconfont {
	font-size: 80px
}

.bd-manage .txtlist li:hover h4::after {
	width: 4em
}

.bd-manage .txtlist h4::after {
	display: block;
	margin: 10px auto 0;
	width: 2em;
	height: 1px;
	content: "";
	background-color: #333;
	-webkit-transition: width .3s;
	transition: width .3s
}

.bd-manage .txtlist p {
	text-align: justify;
	text-justify: inter-ideograph
}

@media only screen and (max-width:735px) {
	.bd-manage .txtlist .iconfont {
		font-size: 60px;
		line-height: 1.2
	}
}

.bd-brand .brand-list:after {
	display: table;
	content: "";
	clear: both
}

.bd-brand .brand-list li {
	float: left;
	box-sizing: border-box;
	padding: 20px 40px;
	width: 25%
}

@media only screen and (max-width:1068px) {
	.bd-brand .brand-list li {
		padding: 10px
	}
}

@media only screen and (max-width:735px) {
	.bd-brand .brand-list {
		padding: 0 10px
	}
	.bd-brand .brand-list li {
		padding: 5px
	}
	.bd-brand .brand-list li img{height:2rem;}
}

.bd-news {
	background: #f1f4f8 url(../img/news_bg.jpg) no-repeat center top;
	background-size: auto 100%
}

.bd-news .newsbox:after {
	display: table;
	content: "";
	clear: both
}

.bd-news .newsbox .news-unit {
	float: left;
	margin: 0 20px;
	padding: 40px;
	box-sizing: border-box;
	width: 560px;
	background-color: #fff;
	box-shadow: 0 6px 16px rgba(0, 0, 0, .1)
}

.bd-news .newsbox .news-unit h3 {
	padding-bottom: 10px;
	font-weight: 700;
	font-size: 18px;
	border-bottom: 1px solid #ddd
}

.bd-news .newsbox .news-unit li {
	padding: 20px 0 5px
}

.bd-news .newsbox .news-unit a {
	display: block;
	color: #333
}

.bd-news .newsbox .news-unit a:hover {
	color: #0096ff
}

.bd-news .newsbox .news-unit a:hover p,
.bd-news .newsbox .news-unit a:hover time {
	color: #0096ff
}

.bd-news .newsbox .news-unit h4 {
	margin-bottom: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.bd-news .newsbox .news-unit p,
.bd-news .newsbox .news-unit time {
	font-size: 14px;
	color: #999
}

@media only screen and (max-width:1068px) {
	.bd-news .newsbox .news-unit {
		float: none;
		margin-bottom: 20px;
		padding: 20px;
		width: auto
	}
	.bd-news .newsbox .news-unit h3 {
		font-size: 16px
	}
	.bd-news .newsbox .news-unit h4 {
		margin-bottom: 2px;
		font-size: 14px
	}
	.bd-news .newsbox .news-unit p,
	.bd-news .newsbox .news-unit time {
		font-size: 12px
	}
	.bd-news .newsbox .news-unit li {
		padding: 10px 0 0
	}
}

.bd-regist {
	background: #0096ff url(../img/ect_bg.png) no-repeat center top;
	background-size: auto 100%
}

.bd-regist h3 {
	margin-bottom: 30px;
	font-size: 24px;
	color: #fff
}

.bd-regist .btn {
	width: 270px;
	color: #0096ff;
	background-color: #fff
}

@media only screen and (max-width:735px) {
	.bd-regist h3 {
		font-size: 20px;
		line-height: 30px;
	}
	.bd-regist .btn {
		width: 200px
	}
}

.siteform-unit {
	position: relative;
	height: 80px
}

.siteform-unit .siteform-inp {
	position: relative;
	box-sizing: border-box;
	padding-left: 50px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #ddd
}

.siteform-unit .siteform-inp.siteform-inp-err {
	border-color: #f60
}

.siteform-unit .siteform-inp .iconfont {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	font-size: 24px;
	color: #999;
	text-align: center
}

.siteform-unit .siteform-inp input {
	display: block;
	width: 100%;
	height: 48px;
	font-size: 16px
}

.siteform-unit .siteform-inp .btn,
.siteform-unit .siteform-inp .codeimg-inp {
	position: absolute;
	right: -1px;
	top: -1px;
	width: 120px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	border-radius: 0
}

.siteform-unit .siteform-inp .codeimg-inp img {
	width: 100%;
	height: 100%
}

.siteform-unit .err {
	position: absolute;
	left: 0;
	top: 50px;
	font-size: 12px;
	color: #f60
}

.abs-link {
	position: absolute;
	right: 10px;
	top: 0;
	line-height: 48px;
	opacity: .7
}

.abs-link:hover {
	opacity: 1
}

.link-r {
	padding-top: 5px;
	text-align: right
}

.link-r a {
	color: #0096ff
}

.link-r a:hover {
	text-decoration: underline
}

.siteform {
	margin: 0 auto;
	width: 1200px;
	height: 700px;
	background-color: #fff;
	box-shadow: 0 6px 16px rgba(0, 0, 0, .15)
}

.siteform:after {
	display: table;
	content: "";
	clear: both
}

.siteform .siteform-left {
	float: left;
	box-sizing: border-box;
	padding: 90px 110px 0;
	width: 50%;
	height: 100%
}

.siteform .siteform-right {
	float: right;
	position: relative;
	box-sizing: border-box;
	width: 50%;
	height: 100%;
	background: #a7e8fc url(../img/log_bg.jpg) no-repeat center top;
	background-size: cover
}

.siteform .siteform-right .btn {
	position: absolute;
	left: 110px;
	right: 110px;
	bottom: 130px;
	width: auto;
	background: #fff;
	color: #0096ff;
	box-shadow: 0 6px 16px rgba(0, 62, 129, .1)
}

.siteform .siteform-right .btn:hover {
	opacity: 1;
	box-shadow: 0 6px 16px rgba(0, 62, 129, .3)
}

.siteform .siteform-tit {
	margin-bottom: 60px;
	text-align: center
}

.siteform .siteform-tit h2 {
	margin-bottom: 10px;
	font-size: 36px
}

.siteform .siteform-tit p {
	font-size: 18px;
	color: #999
}

.siteform .siteform-ubox {
	height: 325px
}

.siteform .siteform-btn .btn {
	width: 100%;
	cursor: pointer
}

.pricebox {
	padding-bottom: 100px
}

@media only screen and (max-width:1068px) {
	.pricebox {
		padding: 0 20px 60px
	}
}

.newsinfo-tab {
	height: 60px;
	line-height: 60px;
	background: #f1f4f8;
	box-shadow: 0 3px 10px rgba(0, 52, 89, .15)
}

.newsinfo-tab .main {
	padding: 0
}

.newsinfo-tab ul:after {
	display: table;
	content: "";
	clear: both
}

.newsinfo-tab li {
	float: left;
	width: 33.33%;
	text-align: center;
	cursor: pointer
}

.newsinfo-tab li a {
	display: block;
	color: #333
}

.newsinfo-tab li.on {
	color: #0096ff;
	background: #fff
}

.newsinfo-tab li.on a {
	color: #0096ff
}

.newsinfo {
	margin-bottom: 100px;
	padding: 0 100px;
	position: relative
}

.newsinfo ul {
	border-left: 1px solid #0096ff
}

.newsinfo li {
	position: relative;
	margin-bottom: 30px;
	padding-left: 30px
}

.newsinfo li:before {
	position: absolute;
	left: -6px;
	top: 32px;
	width: 9px;
	height: 9px;
	content: "";
	background: #fff;
	border: 1px solid #0096ff;
	border-radius: 100%
}

.newsinfo li a {
	display: block;
	padding: 20px;
	color: #333
}

.newsinfo li a h3 {
	margin-bottom: 10px;
	font-size: 20px
}

.newsinfo li a p {
	color: #666
}

.newsinfo li a time {
	position: absolute;
	left: -110px;
	top: 25px
}

.newsinfo li a:hover {
	color: #0096ff;
	box-shadow: 0 4px 15px rgba(0, 0, 0, .1)
}

@media only screen and (max-width:1068px) {
	.newsinfo {
		padding: 0 30px 0 120px
	}
	.newsinfo li {
		margin-bottom: 15px;
		padding-left: 15px
	}
	.newsinfo li a time {
		left: -100px;
		font-size: 14px
	}
}

@media only screen and (max-width:735px) {
	.newsinfo {
		margin-bottom: 60px;
		padding: 0 15px
	}
	.newsinfo ul {
		border: 0
	}
	.newsinfo li {
		margin-bottom: 20px;
		padding-left: 0
	}
	.newsinfo li:before {
		top: 0;
		left: 0;
		width: 1px;
		height: 100%;
		background: #0096ff;
		border: 0;
		border-radius: 0
	}
	.newsinfo li a {
		padding: 10px
	}
	.newsinfo li a h3 {
		margin-bottom: 5px;
		font-size: 16px
	}
	.newsinfo li a p {
		font-size: 14px
	}
	.newsinfo li a time {
		position: static;
		font-size: 12px
	}
}

.bd-news-detail .main {
	padding-top: 0
}

.news-article {
	padding: 60px 120px;
	background: #fff
}

.news-article .news-article-tit {
	margin-bottom: 30px;
	padding: 30px 0;
	text-align: center;
	border-bottom: 1px solid #ddd
}

.news-article .news-article-tit h2 {
	margin-bottom: 10px;
	font-size: 30px
}

.news-article .news-article-tit time {
	color: #999
}

.news-article .news-article-txt {
	font-size: 18px;
	line-height: 1.8
}

.news-article .news-article-txt p {
	padding: 10px 0;
	text-align: justify;
	text-justify: inter-ideograph
}

.news-article .news-article-txt img {
	margin: 20px auto;
	max-width: 80%
}

.news-article .news-article-links {
	position: relative;
	margin-top: 100px;
	height: 40px;
	line-height: 40px
}

.news-article .news-article-links .abs-right {
	position: absolute;
	right: 0;
	top: 0
}

.news-article .news-article-links a {
	color: #666
}

.news-article .news-article-links a:hover {
	color: #0096ff
}

@media only screen and (max-width:1068px) {
	.news-article {
		margin: 0 20px;
		padding: 40px
	}
	.news-article .news-article-tit {
		margin-bottom: 20px;
		padding: 20px 0
	}
	.news-article .news-article-tit h2 {
		font-size: 26px
	}
	.news-article .news-article-tit time {
		font-size: 14px
	}
	.news-article .news-article-txt {
		font-size: 16px
	}
	.news-article .news-article-txt img {
		margin: 20px auto;
		max-width: 90%
	}
	.news-article .news-article-links {
		margin-top: 80px
	}
}

@media only screen and (max-width:735px) {
	.news-article {
		margin: 0 15px;
		padding: 15px
	}
	.news-article .news-article-tit {
		margin-bottom: 10px;
		padding: 15px 0
	}
	.news-article .news-article-tit h2 {
		margin-bottom: 0;
		font-size: 18px
	}
	.news-article .news-article-tit time {
		font-size: 12px
	}
	.news-article .news-article-txt {
		font-size: 14px
	}
	.news-article .news-article-txt img {
		margin: 10px auto;
		max-width: 100%
	}
	.news-article .news-article-links {
		margin-top: 50px;
		height: auto;
		font-size: 12px
	}
	.news-article .news-article-links .abs-right {
		position: static
	}
}

.breadcrumb {
	padding: 20px 0;
	color: #999
}

.breadcrumb a {
	color: #333
}

.breadcrumb a:hover {
	color: #0096ff
}

@media only screen and (max-width:1068px) {
	.breadcrumb {
		padding: 20px
	}
}

@media only screen and (max-width:735px) {
	.breadcrumb {
		padding: 15px;
		font-size: 12px
	}
}

.bd-control .main {
	padding: 20px 0
}

.controlbox:after {
	display: table;
	content: "";
	clear: both
}

.control-nav {
	float: left;
	width: 280px;
	background: #fff;
	box-shadow: 0 4px 16px rgba(0, 0, 0, .1)
}

.control-main {
	float: right;
	width: 1000px;
	min-height: 900px;
	background: #fff;
	box-shadow: 0 4px 16px rgba(0, 0, 0, .1)
}

.control-chart {
	float: right;
	width: 1000px
}

.control-chart-unit {
	background: #fff;
	box-shadow: 0 4px 16px rgba(0, 0, 0, .1)
}

.control-tit h2 {
	padding-left: 25px;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	border-bottom: 1px solid #999
}

.control-tit h2 a {
	color: #333
}

.control-tit h2 a:hover {
	color: #0096ff
}

.control-info {
	padding: 50px
}

.control-mod {
	padding-top: 50px;
	font-size: 18px
}

.control-mod .control-result {
	margin-top: -50px;
	margin-bottom: 50px;
	text-align: center
}

.control-mod .control-result .iconfont {
	font-size: 100px;
	line-height: 1.2
}

.control-mod .control-result h3 {
	font-size: 24px
}

.control-mod .control-result.control-result-success {
	color: #0096ff
}

.control-mod .control-result.control-result-fail {
	color: #f60
}

.control-mod .control-inp {
	position: relative;
	margin-bottom: 20px;
	padding-left: 180px;
	line-height: 50px
}

.control-mod .control-inp h3 {
	position: absolute;
	left: 0;
	width: 150px;
	font-size: 16px;
	text-align: right
}

.control-mod .control-inp p {
	word-break: break-all
}

.control-mod .control-inp .itxt {
	display: block;
	box-sizing: border-box;
	padding: 0 10px;
	width: 80%;
	height: 50px;
	font-size: 16px;
	border: 1px solid #ddd
}

.control-mod .control-inp .itxt:focus {
	border-color: #999
}

.control-mod .control-inp .btn-lbl {
	margin-left: 10px
}

.control-mod .control-inp .tip {
	margin-top: 10px;
	font-size: 14px
}

.control-mod .control-inp .control-inp-code {
	position: relative
}

.control-mod .control-inp .control-inp-code .btn {
	position: absolute;
	right: 20%;
	top: 0;
	width: 150px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	border-radius: 0
}

.control-mod .control-result-qrcode img {
	display: inline-block;
	vertical-align: bottom;
	width: 170px
}

.control-mod .control-result-qrcode .control-result-qrcode-handler {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 10px
}

.control-mod .control-result-qrcode .control-result-qrcode-handler .tip {
	font-size: 16px;
	line-height: 1.2
}

.control-mod .control-btn {
	margin-top: 80px;
	padding-left: 180px
}

.control-mod .control-btn .btn {
	margin-right: 16px
}

.control-add h3 {
	margin-bottom: 40px;
	font-size: 24px;
	text-align: center
}

.control-add .control-addbox {
	padding-bottom: 50px
}

.control-add .control-addbox:after {
	display: table;
	content: "";
	clear: both
}

.control-add .control-add-unit {
	float: left;
	width: 40%
}

.control-add .control-add-unit h4 {
	margin-bottom: 10px;
	font-size: 18px;
	text-align: center
}

.control-add .control-add-unit .control-add-links {
	box-sizing: border-box;
	padding: 0 10px;
	width: 100%;
	height: 480px;
	border: 1px solid #ddd;
	overflow: hidden;
	overflow-y: auto
}

.control-add .control-add-unit .control-add-links::-webkit-scrollbar {
	width: 4px;
	background-color: transparent;
	border-radius: 4px
}

.control-add .control-add-unit .control-add-links::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #999
}

.control-add .control-add-unit .control-add-links::-webkit-scrollbar {
	height: 6px;
	background-color: transparent;
	border-radius: 6px
}

.control-add .control-add-unit .control-add-links::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background-color: #999
}

.control-add .control-add-unit .control-add-links textarea {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	font-size: 16px;
	line-height: 40px;
	overflow: auto
}

.control-add .control-add-unit .control-add-links textarea::-webkit-scrollbar {
	width: 4px;
	background-color: transparent;
	border-radius: 4px
}

.control-add .control-add-unit .control-add-links textarea::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #999
}

.control-add .control-add-unit .control-add-links textarea::-webkit-scrollbar {
	height: 6px;
	background-color: transparent;
	border-radius: 6px
}

.control-add .control-add-unit .control-add-links textarea::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background-color: #999
}

.control-add .control-add-unit .control-add-links textarea::-webkit-input-placeholder {
	line-height: 40px;
	white-space: normal
}

.control-add .control-add-unit .control-add-links p {
	position: relative;
	height: 40px;
	line-height: 40px
}

.control-add .control-add-unit .control-add-links p .iconfont {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 24px;
	color: #0096ff
}

.control-add .control-add-unit .control-add-btns {
	margin-top: 20px
}

.control-add .control-add-unit .control-add-btns .btn {
	display: block;
	margin-bottom: 20px;
	width: 100%
}

.control-add .control-add-unit .tiplist {
	margin-top: 20px
}

.control-add .control-add-mid {
	float: left;
	box-sizing: border-box;
	padding: 220px 10px 0;
	width: 20%
}

.control-add .control-add-mid .btn {
	display: block;
	margin-bottom: 10px;
	width: 100%
}

.control-manage {
	margin: -20px -50px 0
}

.control-filt {
	position: relative;
	margin-bottom: 40px;
	padding: 0 25px
}

.control-filt .control-filt-abs {
	position: absolute;
	right: 25px;
	top: 0;
	padding: 10px 0;
	font-size: 14px
}

.control-filt .date-filt {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	box-sizing: border-box;
	margin-right: 5px;
	padding: 0 10px;
	width: 190px;
	height: 40px;
	line-height: 38px;
	background-color: #fff;
	border: 1px solid #ddd
}

.control-filt .date-filt.date-filt-long {
	width: 280px
}

.control-filt .date-filt .icon-date {
	position: absolute;
	right: 10px;
	top: 0;
	font-size: 20px;
	line-height: 40px;
	color: #999;
	cursor: pointer
}

.control-filt .date-filt .icon-date:hover {
	color: #666
}

.control-filt .search-filt {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	box-sizing: border-box;
	padding: 0 10px;
	width: 220px;
	height: 40px;
	line-height: 38px;
	border: 1px solid #ddd
}

.control-filt .search-filt input {
	display: block;
	height: 100%;
	width: 100%;
	font-size: 14px
}

.control-filt .search-filt .btn {
	position: absolute;
	right: -1px;
	top: -1px;
	width: 60px;
	height: 40px;
	line-height: 40px;
	border-radius: 0
}

.control-filt .select-filt {
	display: inline-block;
	vertical-align: middle
}

.control-filt .select-filt select {
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
	width: 140px;
	height: 40px;
	font-size: 16px;
	border-color: #ddd
}

.control-filt .select-filt .btn {
	margin-left: 10px;
	width: 80px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	border-radius: 0
}

.control-filt .date-tab {
	margin-right: 6px;
	display: inline-block;
	vertical-align: middle
}

.control-filt .date-tab:after {
	display: table;
	content: "";
	clear: both
}

.control-filt .date-tab li {
	float: left;
	box-sizing: border-box;
	margin-right: -1px;
	padding: 0 15px;
	height: 40px;
	line-height: 38px;
	background-color: #fff;
	border: 1px solid #ddd;
	cursor: pointer
}

.control-filt .date-tab li.on {
	color: #fff;
	background-color: #0096ff;
	border-color: #0096ff
}

.control-filt .control-filt-tip {
	margin-top: 20px;
	font-size: 14px;
	color: #666
}

.control-tb {
	font-size: 14px;
	text-align: center
}

.control-tb th,
.control-tb td {
	padding: 0 10px;
	height: 60px
}

.control-tb thead th:first-child {
	padding-left: 20px
}

.control-tb thead th:last-child {
	padding-right: 20px
}

.control-tb tbody tr:nth-child(odd) {
	background-color: #f1f4f8
}

.control-tb tbody td:first-child {
	padding-left: 20px
}

.control-tb tbody td:last-child {
	padding-right: 20px
}

.control-tb tfoot {
	text-align: left
}

.control-tb tfoot td {
	padding-top: 30px
}

.control-tb tfoot td:first-child {
	padding-left: 20px
}

.control-tb tfoot td:last-child {
	padding-right: 20px
}

.control-tb tfoot .link-del {
	color: #f60
}

.control-tb tfoot .link-del:hover {
	text-decoration: underline
}

.control-tb tfoot .page {
	text-align: right
}

.control-tb tfoot .page a {
	text-align: center
}

.control-tb time {
	color: #999
}

.control-tb p a {
	margin-left: 10px
}

.control-tb p a:hover {
	text-decoration: underline
}

.control-tb .hover-qrcode {
	position: relative;
	padding: 10px
}

.control-tb .hover-qrcode .qrcode-zoom {
	display: block;
	margin: 0 auto;
	width: 22px;
	height: 22px
}

.control-tb .hover-qrcode .hover-qrcode-sub {
	position: absolute;
	left: 50%;
	top: 40px;
	box-sizing: border-box;
	margin-left: -100px;
	padding: 20px;
	width: 200px;
	background-color: #fff;
	box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
	border: 1px solid #ddd;
	-webkit-animation: dropNav .3s ease both;
	animation: dropNav .3s ease both;
	display: none
}

.control-tb .hover-qrcode .hover-qrcode-sub img {
	margin: 5px auto 10px
}

.control-tb .hover-qrcode .hover-qrcode-sub::before,
.control-tb .hover-qrcode .hover-qrcode-sub::after {
	position: absolute;
	left: 50%;
	top: -19px;
	margin-left: -10px;
	width: 0;
	height: 0;
	content: "";
	border-width: 10px;
	border-style: dashed dashed solid;
	border-color: transparent transparent #ddd
}

.control-tb .hover-qrcode .hover-qrcode-sub::after {
	top: -18px;
	border-color: transparent transparent #fff
}

.control-tb .hover-qrcode:hover {
	z-index: 10
}

.control-tb .hover-qrcode:hover .hover-qrcode-sub {
	display: block
}

.control-tb .elli {
	max-width: 200px
}

.control-tb input[type=checkbox] {
	vertical-align: middle;
	width: 16px;
	height: 16px
}

.control-tb .control-tb-empty {
	padding: 100px 0;
	font-size: 16px;
	text-align: center
}

.control-tb .control-tb-empty .iconfont {
	font-size: 100px;
	color: #ddd
}

.control-tb .control-tb-empty p {
	margin-bottom: 10px
}

.control-tb .control-tb-empty a {
	font-size: 18px
}

.control-tb .control-tb-empty a:hover {
	text-decoration: underline
}

.checkwrap {
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	display: block;
	width: 80px;
	text-align: left;
	white-space: nowrap
}

.checkwrap input {
	margin-right: 4px
}

.control-manage-edit {
	position: relative
}

.control-manage-edit .control-mod {
	padding-top: 0;
	width: 560px;
	font-size: 16px
}

.control-manage-edit .control-mod .control-inp .itxt {
	width: 100%
}

.control-manage-edit .control-mod .control-btn {
	padding-left: 0
}

.control-manage-edit .control-manage-edit-qrcode {
	position: absolute;
	right: 40px;
	top: 0;
	width: 170px;
	text-align: center;
	white-space: nowrap
}

.control-manage-edit .control-manage-edit-qrcode img {
	display: block;
	margin: 0 auto;
	width: 160px
}

.control-manage-edit .control-manage-edit-qrcode .btn {
	margin-top: 20px
}

.control-manage-edit .control-manage-edit-qrcode time {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	color: #999
}

.switch {
	display: inline-block;
	vertical-align: middle;
	margin-top: -5px;
	margin-left: 20px;
	position: relative;
	width: 66px;
	height: 26px;
	line-height: 26px;
	border-radius: 64px;
	cursor: pointer
}

.switch span {
	position: absolute;
	top: 0;
	font-size: 12px
}

.switch::before {
	position: absolute;
	left: 2px;
	top: 2px;
	width: 22px;
	height: 22px;
	content: "";
	border-radius: 100%;
	background: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .1)
}

.switch.switch-on {
	color: #fff;
	background: #0096ff;
	border: 1px solid #0096ff
}

.switch.switch-on span {
	left: 31px
}

.switch.switch-off {
	color: #999;
	background: #f1f4f8;
	border: 1px solid #ddd
}

.switch.switch-off::before {
	left: auto;
	right: 2px
}

.switch.switch-off span {
	right: 31px
}

.control-function {
	margin-top: 60px;
	padding: 10px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

.control-func-unit {
	padding: 40px 0
}

.control-func-unit h2 {
	margin-bottom: 15px;
	font-size: 18px
}

.control-func-unit p {
	font-size: 16px;
	color: #999
}

.control-func-unit .control-inp {
	margin-bottom: 0;
	margin-top: 10px
}

.control-func-unit .control-inp h3 {
	text-align: left
}

.control-func-unit .icon-pc,
.control-func-unit .icon-ios,
.control-func-unit .icon-android {
	margin-right: 5px;
	font-size: 20px
}

.control-chart-filter .control-filt {
	margin-bottom: 20px;
	padding: 0;
	height: auto
}

.control-chart-unit {
	margin-bottom: 20px
}

.control-chart-frame {
	position: relative;
	padding: 20px
}

.control-chart-tbtxt {
	position: absolute;
	top: 10px;
	right: 10px;
	width: auto;
	font-size: 12px;
	color: #333
}

.control-chart-tbtxt th,
.control-chart-tbtxt td {
	padding: 3px 8px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #0096ff
}

.control-chart-tbtxt th {
	font-weight: 400;
	background-color: #cbeaff
}

.control-chart-tbtxt thead th {
	font-weight: 700
}

.control-recharge-list {
	margin: 0 -1.5%
}

.control-recharge-list:after {
	display: table;
	content: "";
	clear: both
}

.control-recharge-list li {
	float: left;
	position: relative;
	box-sizing: border-box;
	margin: 1.5%;
	width: 30.33%;
	text-align: center;
	cursor: pointer;
	border: 1px solid #ddd
}

.control-recharge-list li.on {
	border-color: #0096ff;
	box-shadow: 0 6px 14px rgba(0, 0, 0, .2)
}

.control-recharge-list li.on::after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50px;
	height: 50px;
	content: "";
	background: url(../img/selected.png) no-repeat center;
	background-size: 100%
}

.control-recharge-list .control-recharge-t {
	padding: 15px 0;
	background-color: #f1f4f8
}

.control-recharge-list .control-recharge-t p.col-org {
	font-size: 20px
}

.control-recharge-list .control-recharge-v {
	padding: 15px 0
}

.control-recharge-list .control-recharge-v strong {
	margin-right: 5px;
	font-weight: 400;
	font-size: 48px;
	line-height: 1.2
}

.recharge-btn {
	margin-top: 80px;
	text-align: center
}

.recharge-btn .btn {
	margin: 0 8px
}

.recharge-btn .btn img {
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 10px;
	width: 32px
}

.recharge-btn .btn.btn-wx {
	background-color: #40ba49
}

.control-wealthy {
	margin: 0 -25px
}

.control-wealthy .tab {
	margin-bottom: 30px
}

.control-wealthy .control-tabbox .control-filt {
	margin-bottom: 20px
}

.control-wealthy .control-tabbox .control-filt .btn-lbl {
	width: 80px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	border-radius: 0
}

.control-wealthy .control-wealthy-bot {
	position: relative;
	margin: 30px auto;
	min-height: 40px
}

.control-wealthy .control-wealthy-bot .tiplist {
	margin-top: 0
}

.control-wealthy .control-wealthy-bot .page {
	position: absolute;
	right: 0;
	bottom: 0
}

.control-msg .control-mod {
	padding-top: 0
}

.control-msg .control-func-unit {
	padding-top: 0
}

.control-msg .control-msg-phone {
	font-size: 16px
}

.control-msg .control-msg-phone .btn-lbl {
	margin-top: -4px
}

.control-msg .control-msg-modify {
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid #ddd
}

.control-account .txt-tb {
	font-size: 18px
}

.control-account .txt-tb th,
.control-account .txt-tb td {
	padding: 15px 0
}

.control-account .txt-tb th {
	font-weight: 700
}

.control-account .txt-tb a:hover {
	text-decoration: underline
}

.control-pwd .control-mod {
	padding: 0 50px
}

.control-pwd-btn {
	margin-top: 50px;
	text-align: center
}

.control-pwd-btn .tip {
	margin-top: 20px;
	font-size: 14px;
	color: #f60
}

.control-api .txt-tb {
	font-size: 18px
}

.control-api .txt-tb th,
.control-api .txt-tb td {
	padding: 15px 0;
	vertical-align: top
}

.control-api .txt-tb th {
	font-weight: 700
}

.control-api .txt-tb a:not(.btn-lbl):hover {
	text-decoration: underline
}

.pop {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 1000
}

.pop .popwp {
	position: absolute;
	left: 50%;
	top: 50%;
	box-sizing: border-box;
	margin: -200px 0 0 -320px;
	padding: 50px;
	width: 640px;
	height: 400px;
	text-align: center;
	background-color: #fff;
	border-radius: 10px
}

.pop .poptxt {
	display: table;
	width: 100%;
	height: 220px
}

.pop .poptxt .poptxt-tb {
	display: table-cell;
	vertical-align: middle
}

.pop .poptxt .poptxt-tb .ibl {
	line-height: 1.8;
	text-align: left
}

.pop .popbtn .btn {
	margin: 0 10px
}

.pop .icon-close {
	position: absolute;
	right: 0;
	top: 0;
	padding: 20px;
	font-size: 24px;
	line-height: 1;
	color: #999;
	cursor: pointer
}

.pop .icon-close:hover {
	color: #333
}

.pop h2 {
	height: 30px;
	line-height: 30px;
	font-size: 24px
}

.paypage {
	padding: 50px 0
}

.paypage .paypage-main {
	margin: 0 auto;
	width: 1050px;
	height: 760px;
	background: #fff;
	box-shadow: 0 4px 24px rgba(0, 0, 0, .1)
}

.paypage .paypage-tit {
	padding: 10px 20px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	color: #fff
}

.paypage .paypage-tit img {
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 10px;
	width: 40px;
	height: 40px
}

.paypage .paypage-txt {
	padding: 70px;
	text-align: center
}

.paypage .paypage-txt h3 {
	margin-bottom: 10px;
	font-size: 24px
}

.paypage .paypage-txt h3 strong {
	margin: 0 10px;
	color: #f60
}

.paypage .paypage-txt p {
	font-size: 18px;
	color: #666
}

.paypage .paypage-qrcode {
	margin-top: 40px;
	text-align: center
}

.paypage .paypage-qrcode img {
	margin: 0 auto;
	width: 230px
}

.paypage .paypage-qrcode .txt-tb {
	margin-top: 20px;
	font-size: 18px
}

.paypage.paypage-wx .paypage-tit {
	background: #40ba49
}

.paypage.paypage-zfb .paypage-tit {
	background: #0096ff
}

.stop-use {
	padding: 50px 0
}

.stop-use .stop-use-main {
	margin: 0 auto;
	width: 750px;
	background-color: #fff;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .15)
}

.stop-use .stop-use-tit {
	height: 245px;
	line-height: 245px;
	background: url(../img/stop_bg.jpg) no-repeat center top;
	background-size: 100%
}

.stop-use .stop-use-tit h2 {
	font-size: 42px;
	text-align: center;
	color: #fff
}

.stop-use .stop-use-txt {
	position: relative;
	padding: 50px 40px 80px;
	min-height: 400px;
	line-height: 2
}

.stop-use .stop-use-txt a:hover {
	text-decoration: underline
}

.stop-use .stop-use-txt time {
	position: absolute;
	right: 40px;
	bottom: 50px;
	font-size: 14px
}

@media only screen and (max-width:735px) {
	.stop-use {
		padding: 0
	}
	.stop-use .stop-use-main {
		width: 100%
	}
	.stop-use .stop-use-tit {
		height: 150px;
		line-height: 150px;
		background-size: cover
	}
	.stop-use .stop-use-tit h2 {
		font-size: 32px
	}
	.stop-use .stop-use-txt {
		box-sizing: border-box;
		padding: 25px 20px 40px;
		min-height: calc(-50vh);
		font-size: 14px
	}
	.stop-use .stop-use-txt time {
		right: 20px;
		bottom: 20px
	}
}

@-webkit-keyframes dropNav {
	0% {
		-webkit-transform: translate3d(0, -20px, 0);
		opacity: 0
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes dropNav {
	0% {
		transform: translate3d(0, -20px, 0);
		opacity: 0
	}
	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.fixed-nav {
	position: fixed;
	right: 5px;
	bottom: 150px;
	z-index: 999;
	display: none
}

.fixed-nav li {
	margin-bottom: 5px;
	text-align: center;
	background-color: rgba(0, 0, 0, .5)
}

.fixed-nav img {
	width: 100%;
	height: 100%
}

.fixed-nav a {
	display: block;
	box-sizing: border-box;
	padding: 10px;
	width: 50px;
	height: 50px;
	line-height: 30px;
	color: #fff
}

.fixed-nav a:hover {
	background-color: #0096ff
}

.fixed-nav .iconfont {
	font-size: 20px
}

@media only screen and (max-width:735px) {
	.fixed-nav {
		display: block
	}
}

.omgui-header {
	padding: 0;
}

.omgui-title {
	text-align: center;
	font-size: 2rem;
	color: #3cc51f;
	font-weight: 400;
	margin: 0 15%;
}

.omgui-sub-title {
	text-align: center;
	color: #888;
	font-size: 0.5rem;
	line-height:50px;
}

.select-box {
	padding: 0 1rem;
}

.search-input {
	width: 100%;
	display: inline-block;
	height: 2rem;
	line-height: 2rem;
	box-sizing: content-box;
	border: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 5px 0 0 5px;
	font-family: inherit;
	color: #666;
	font-size: 1rem;
	font-weight: normal;
	padding: 0 0.5rem;
	background-color: #fff;
	border: 1px solid #07c160;
	opacity: 0.9;
}

.search-bar {
	display: flex;
	position: relative;
}

.search-input+button::after {
	border: 1px solid #07c160!important;
}

.weui-btn {
	cursor: pointer;
	border-radius: 0 5px 5px 0 !important;
}
.weui-btn img{
	height:30px;line-height:30px;width: auto;
}
.search-info {
	margin-top: 10px;
	display: none;
}

.w1080 {
	width: 1080px;
	margin: 0 auto;
	overflow: hidden;
}

@media all and (max-width:1080px) {
	.w1080 {
		width: 100%;
		overflow: hidden;
	}
}

.ft-copyright {
	display: flex;
}

.ft-link {
	flex: 1;
	height: 60px;
	border: 1px dashed #0EC5A1;
	border-radius: 5px;
	margin-bottom: 20px;
	overflow: hidden;
}

.ft-info {
	padding-left: 20px;
}
.ft-info p{
	font-size: 12px;
}
.ft-info p a{
	color:#999!important;
}

.ft-link ul {
	width: 100%;
}

.ft-link ul>span {
	float: left;
	font-size: 16px;
	background: linear-gradient(-125deg,#0EC5A1 0,#15A98C 100%);
	height: 60px;
	line-height: 25px;
	padding: 0 30px;
	color: #fff;
	padding-top: 2px;
	margin: -1px -1px -1px -1px;
	text-align: center;
	border-radius: 5px 0 0 5px;
}

.ft-link ul li {
	list-style: none;
	list-style-type: none;
	float: left;
}

.ft-link ul li a {
	padding: 0 10px;
	float: left;
	margin-bottom: 10px;
	font-size: 14px;
	color: #999;
	padding-top: 16px;
	font-weight: 400;
}

.ft-link ul li a:hover {
	color: #0EC5A1;
}

.ft-link ul>span>a {
	background: linear-gradient(-180deg,#fff 2%,#fff 98%);
	padding: 1px 10px;
	line-height: 20px;
	border-radius: 20px;
	font-size: 14px;
	color: #0EC5A1;
}

/* 小于750px */
@media all and (max-width:750px) {
	.ft-copyright {
		display: block;
	}

	.ft-link {
		display: none;
	}

	.ft-info {
		padding: 0;
	}
}