@charset "utf-8";
*{ margin:0; padding:0;}
a{color:#333333; text-decoration:none; cursor:pointer;}
img{ border:none;}
ul,li{ list-style:none;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
body{background-color: #fff; font-size:18px; width:100%; min-width:320px; color:#333333; overflow:auto;font-family:"Microsoft YaHei", "微软雅黑", "宋体", "SimSun", "Arial";}
.pcheadertop{
    background: #333;
    height: 35px;
    width: 100%;
}
#body{ width:100%; height:auto; background:#fff; overflow:hidden;}
/*顶部*/
#top{ width:100%; height:auto; overflow:hidden; background:#0badca;}
.top{ width:1200px; height:35px; line-height:35px; margin:0 auto;}
.top .top_1{ width:50%; height:auto; float:left; font-size:18px; color:#fff;}
.top .top_2{ width:40%; height:auto; float:right; font-size:18px; color:#fff;}
.top .top_2 a{ padding:0 20px; height:35px; line-height:35px; float:right; font-size:16px; color:#0badca; background:#fff; text-align:center; margin-left:10px;}
/*顶部*/

.pcheaderbox {
      background:#0b9b07; 
    padding: 34px 0;
}
.pcheaderbox-content{
    width: 1240px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.headerlogo {
    margin-right: 10px;
}
.headerdenglu {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #fff;
}
/*导航*/
#nav{ height:auto;}
.nav{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.nav .logo{ width:240px; height:auto;}
.nav .nav_1{ width:100%; height:auto;  font-size:18px;display:flex;}
.nav .nav_1 li{ height:30px; line-height:30px; margin-left:1px; padding:5px 14px; color:#fff; text-align:center;font-size: 16px;}
/*.nav .nav_1 a:hover{color:#fff; background:#4e4acc;text-decoration:none;}*/
.nav .nav_1 .nav_li1{ margin-left:0;}
.nav .nav_1 .nav_li2{ color:#fff; border-left:2px solid #0badca; background:#17c9e9;}
/*导航*/
/*banner*/
#banner{ width:100%; height:auto; overflow:hidden;}
.banner{ width:100%; height:auto; overflow:hidden;}
.banner img{ width:100%; height:auto;}
/*banner*/
/*底部*/
#font{ width:100%; height:auto; overflow:hidden; background:#0b9b07;}
.font{ width:1200px; height:auto; overflow:hidden; margin:0 auto; text-align:center; color:#fff; padding:34px 0; font-size:16px;}
.font p{ margin-bottom:0;}
.font a{ color:#fff;}
/*底部*/











/* 登录box
-------------------------------------------------------------------*/
#login{}
#login h1{
    color: #000;
    font-size: 21px;
    font-weight: normal;
    padding-left: 20px;
    line-height: 50px;
    margin: 0;
    font-weight: bold;
}
#login .back{ position:absolute; width:100px; right:0; top:16px; color:#000;  text-decoration:underline}
#login .back:hover{color:#000;}
#login .theme {margin-top: 30px;}

#login .theme li {
	margin-bottom: 20px;
	line-height: 30px;
	overflow:hidden;
	clear:both;
	color: #000;
}
#login .theme span{
	color: #000;
	width: 100px;
	display: block;
	float: left;
	font-size:14px;
	text-align: right;
	overflow:hidden;
	vertical-align:middle
}

#login .useNew .signUp {
	text-align: right;
	font-weight: bold;
	margin-top: 30px;
}
.other_login {
    margin-left: 32px;
    margin-top:35px;
}
.clear {
	clear: both;
}
a.regbt{ background-position:0 -98px; text-align:center;}
.rst_login span,.other_login span{ font-size:14px; font-weight:bold; color:#000000; padding-bottom:5px;}
.footer{ width:100%; margin:10px auto; text-align:center}
.lform .enumselect{ line-height:26px; padding:3px 0; height:26px;}
.success{ padding:20px; text-align:center}
.intxt,.text{
	background:url(../images/input_bg.gif) no-repeat 0 0;
	color: #666;
	   border: 1px solid #CFCFCF;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-left: 5px;
    padding: 0 4px;
    width: 238px;border-radius: 3px 3px 3px 3px;
}
.text_o{ border:1px solid #ff6666;}
.rank { border:none; background:url("../images/rank.gif") no-repeat; width:145px; height:22px; vertical-align:middle; cursor:default; margin:0 0 0 5px;}
.r0 { background-position:0 2; }
.r1 { background-position:0 -19px; }
.r2 { background-position:0 -40px; }
.r3 { background-position:0 -61px; }
.r4 { background-position:0 -82px; }
.r5 { background-position:0 -103px; }
.r6 { background-position:0 -124px; }
.r7 { background-position:0 -145px; }
.login {height:300px;}
.bor {
    width: 550px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    color: #000;
    background: #ffffff;
    margin-top: 55px;
    border: 2px solid #0b9b07;
}
button {
	margin:0;
	font-size:12px;
	cursor:pointer;
	border:none;
    text-align: center;
}

.back:focus,.back:hover{color:#000!important}
.xbtn1:focus,.xbtn1:hover{color:#000!important}
.thumbnail{border-radius:0!important;padding:0!important}
.thumbnail .caption {
    background: #015a2c;
    color: #000!important;
    font-size: 15px;
    padding: 7px;
}
.news_ct{
    line-height: 28px;
}
.news_ct h1{text-align: center;}
.news_ct p{text-align: center;}
.carousel-control.left{background:none !important}

.carousel-control.right{background:none !important}

.wrapper, .wrap {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.wrapper {
    margin-bottom: 50px;
    min-height: auto;
    padding-top: 30px;
}

.sidebar {
    float: left;
    width: 234px;
}

.side-menu {
    border: 1px solid #ddd;
}

.topclass {
    width: 100%;
    height: 60px;
    padding: 20px 0 0 0;
    text-align: center;
}

.topclass h2 {
    margin: 0;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
}

.topclass p {
    font-size: 15px;
}

.side-menu .list {
    background: #fff;
    padding: 5px 0 15px;
}

.side-menu dd {
    padding: 0 20px;
}

.side-menu dd > a {
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    padding: 0 0 0 30px;
    border-bottom: 1px dashed #ddd;
    background: url(../images/menu-dd.png) left center no-repeat;
    overflow: hidden;
}

.side-menu dd > a:hover {
}

.side-menu .drop {
    width: 100%;
    display: none;
    border-bottom: 1px dashed #ddd;
    padding: 5px 0;
}

.side-menu .drop li {
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.side-menu .drop a {
    display: block;
    padding: 0 0 0 30px;
    font-size: 15px;
}

.side-menu .drop a:hover {
}

.side-menu dd.current {
    border-left: 2px solid #015a2c;
    margin-left: -1px;
}

.side-menu dd.current .drop {
    display: block;
}

.side-menu li.current > a, .side-menu dd.current > a {
    color: #000;
    font-weight: bold;
}

.side-menu dd.current > a {
    background-image: url(../images/menu-dd-hover.png);
}

.side-contact {
    margin-bottom: 20px;
    position: relative;
    top: 20px;
    background: #FFF;
}

.side-contact .sketch {
}

.side-contact .sketch img {
    display: block;
    width: 100%;
}

.side-contact .main {
    padding: 15px 10px;
    line-height: 2;
    border: 1px solid #ddd;
    border-top: 0;
}

.side-contact .main h2 {
    margin: 0;
    font-size: 30px;
    text-align: center;
}

.location{
    height: 67px;
    line-height: 67px;
    background: #fa9144;
    position: relative;
    margin-bottom: -1px;
}

.location h2 {
    margin: 0;
    font-size: 24px;
    font-weight: normal;
    padding: 0 0 0 20px;
    /*background: url(../images/location-h2.png) 18px center no-repeat;*/
    color: #FFF;
    height: 67px;
    line-height: 67px;
    background: #fa9144;
    position: relative;
    margin-bottom: -1px;
    text-align: left;
}

.location .io {
    position: absolute;
    top: 0;
    right: 20px;
    padding: 0 0 0 15px;
    color: #fff;
}

.location .io a {
    color: #fff;
}

.location .io a:hover {
    text-decoration: underline;
}

.location + * {
    border: 1px solid #ddd;
}
.wrapper .article {
    line-height: 2;
    padding: 20px;
    font-family: "microsoft YaHei UI" !important;
    background: #fff;
}
.wrapper .container {
    float: right;
    width: 740px;
    padding: 0;
}


/******************************
 ** 内页页面通用
 ******************************/
/* 4:3 图片 */
.list-product {
    width: 100%;
    background: #fff;
    padding: 20px 0;
    margin-bottom: 10px;
}

.list-product .list {
    float: left;
    width: 100%;
}

.list-product .item {
    float: left;
    width: 220px;
    margin: 0 0 0 20px;
}

.list-product .item .img {
    width: 100%;
    overflow: hidden;
    background: #f1f1f1;
}

.list-product .item .img img {
    display: block;
    width: 100%;
    height: 280px;
}

.list-product .item h3 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 400;
}

.list-product .item h3 a {
}

/* 4:3 图文 */
.list-case {
    padding: 0 20px;
    margin-bottom: 10px;
    background: #fff;
}

.list-case .list {
    padding: 10px 0 10px;
}

.list-case .item {
    padding: 15px 0 15px 200px;
    height: 135px;
    border-top: 1px dashed #ddd;
    position: relative;
}

.list-case .item:first-child {
    border-top: 0;
}

.list-case .item .img {
    position: absolute;
    left: 0;
    top: 15px;
    width: 180px;
    height: 135px;
    background: #f1f1f1;
}

.list-case .item .img img {
    display: block;
    width: 180px;
    height: 135px;
}

.list-case .item h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
}

.list-case .item h3 a {
}

.list-case .item h3 a:hover {
    text-decoration: underline;
}

.list-case .item p {
    height: 60px;
    line-height: 20px;
    color: #666;
    overflow: hidden;
    margin-bottom: 16px;
}

.list-case .item .detail {
    height: 20px;
}

.list-case .item .detail a {
    line-height: 20px;
}

/* 3:4 图文 */
.list-case2 {
    padding: 0 20px;
    margin-bottom: 10px;
    background: #fff;
}

.list-case2 .list {
    padding: 10px 0 10px;
}

.list-case2 .item {
    padding: 15px 0 15px 140px;
    height: 160px;
    border-top: 1px dashed #ddd;
    position: relative;
}

.list-case2 .item:first-child {
    border-top: 0;
}

.list-case2 .item .img {
    position: absolute;
    left: 0;
    top: 15px;
    width: 120px;
    height: 160px;
    background: #f1f1f1;
}

.list-case2 .item .img img {
    display: block;
    width: 120px;
    height: 160px;
}

.list-case2 .item h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
}

.list-case2 .item h3 a {
}

.list-case2 .item h3 a:hover {
    text-decoration: underline;
}

.list-case2 .item p {
    height: 60px;
    line-height: 20px;
    color: #666;
    overflow: hidden;
    margin-bottom: 16px;
}

.list-case2 .item .detail {
    height: 20px;
}

.list-case2 .item .detail a {
    line-height: 20px;
}

/* 图片相册 */
.list-photo {
    width: 100%;
}

.list-photo .list {
    float: left;
    width: 101.5%;
}

.list-photo .item {
    float: left;
    width: 183px;
    padding: 10px 10px 0;
    border: 1px solid #ddd;
    margin: 0 10px 10px 0;
    cursor: pointer;
}

.list-photo .item .img {
    width: 100%;
    height: 137px;
    overflow: hidden;
    background: #f1f1f1;
}

.list-photo .item .img img {
    width: 100%;
    height: 137px;
}

.list-photo .item h3 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 400;
}

.list-photo .item:hover {
    border-color: #c8a48e;
}

/* 附属简介 */
.list-news {
    padding: 0 20px;
    margin-bottom: 10px;
    background: #fff;
}

.list-news .list {
    padding: 10px 0 10px;
}

.list-news .item {
    padding: 15px 0;
    height: 70px;
    border-top: 1px dashed #ddd;
    position: relative;
}

.list-news .item:first-child {
    border-top: 0;
}

.list-news .item .date {
    position: absolute;
    right: 0;
    top: 15px;
    line-height: 20px;
    color: #777;
}

.list-news .item h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
}

.list-news .item h3 a {
}

.list-news .item h3 a:hover {
    text-decoration: underline;
}

.list-news .item p {
    height: 40px;
    line-height: 20px;
    color: #777;
    overflow: hidden;
}
.layui-unselect {
    margin: 10px 0 0 5px;
}
.layui-unselect span {
    color: #000;
}
.layui-form-item a {
    color: #005FAC!important;
}
.theme input{
    padding: 8px 15px;
    font-size: 14px;
    border: solid 1px #ccc;
}
.reg-btn, .login-btn, .getpass-btn, .regbt {
    background: #000;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 40px;
    width: 114px;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}
.logoimg {
    height: 75px;
}
.sreach{ height:30px;background-color:#077904;margin-left:auto;}
.sreach .submitbtn {
    margin-left: auto;
    margin-right: -1px;
}
.sreach .submit{ 
    background:url(../images/ss.png) no-repeat center;
    height:25px;
    border:0;
    cursor:pointer;
    display:block;
    float:right;
    width:25px;
    background-size:cover;
    margin-right: 5px;
}
.sreach .inputtext{ line-height:30px; background:none; color:#fff; border:0px; padding:0px;display:block; float:left;padding:0 10px;width:124px;}
.sreach .inputtext:focus {
    outline: none;
}
/*充值*/

.main{
    margin: 0 auto;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.sidebar {
	min-height: 630px;
	font-size: 14px;
	border: 1px solid #eee;
	background-color: #fff
}

.sidebar>li {
	height: 48px;
	line-height: 48px;
	border-bottom: 1px solid #eee
}

.sidebar>li>a {
	display: block;
	text-decoration: none;
	margin-left: 15px
}

.sidebar>li.active>a {
	text-decoration: none
}

.chargebox {
	    border: 1px solid #e2e2e2;
    background-color: #fff;
	font-size: 14px;
	margin: 50px 0 50px;
	padding-bottom: 30px;
	display: flex;
	color: #fff;    border-radius: 6px 6px 0 0;
}

.chargebox .charge-help {
	color: #535353;
	font-size: 12px;
	position: relative;
	text-align: center
}

.chargebox .charge-help .content {
	display: inline
}

.chargebox .charge-help .content .red {
	position: relative
}

.chargebox .charge-help .qrcode {
	position: absolute;
	display: none
}

.chargebox .charge-help .content .red:hover .qrcode {
	display: block;
	bottom: 60%;
	left: 0
}

.hd-nav {
	/* display: none */
}

.sub-title {
	font-size: 18px;
	line-height: 36px;
	font-weight: bold
}

.huajiaodou {
	/* display: none */
}

#charge-container {
	margin-top: 20px;
	padding-bottom: 20px
}

.breadcrumb {
	display: none;
	font-size: 14px;
	position: relative;
	height: 30px
}

.breadcrumb>li {
	height: 30px;
	line-height: 30px;
	width: 33%;
	text-align: center;
	position: absolute;
	z-index: 1;
	border: 1px solid #eee;
	background-color: #fff
}

.breadcrumb>li.step1 {
	left: 0
}

.breadcrumb>li.step2 {
	left: 33%
}

.breadcrumb>li.step3 {
	left: 66%;
	width: 34%
}

.chargebox>li {
	display: none
}

.chargebox>li.active {
	display: list-item;
	width: 100%;
}

.chargebox .row {
    display: flex;
    justify-content: center;
    align-items: flex-start;
	padding-bottom: 15px;
}

.chargebox .row2 {
	margin-top: 20px
}

.chargebox .label {
	text-align: right;
	color: #000;
	margin-top: 10px;
}

.chargebox .content {
	width: 450px;
	padding-left: 20px;
	text-align: left;
	float: left;
    margin-top: 11px;color: #000;
}

.chargebox .user-info .nickname {
	display: inline-block;
	vertical-align: top;
	max-width: 190px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.chargebox .user-info .uid {
	display: inline-block;
	vertical-align: top
}

.chargebox .user-info .balance-label {
	float: right
}

.chargebox .charge-custom {
	height: 32px;
	line-height: 32px
}

.chargebox .charge-custom .content {
	white-space: nowrap;
	width: 600px
}

.chargebox .charge-custom input[name="price"] {
	text-align: center;
	outline: 0;
	border: 1px solid #d7d7d7;
	width: 100px;
	height: 32px
}

.chargebox .charge-custom .hjdou-label {
	color: #959595
}

.chargebox .charge-custom .hjdou-tip {
	display: none;
	font-size: 12px;
	background: url(https://p.ssl.qhmsg.com/t016e172f38f93507d5.png) left center no-repeat;
	padding: 5px 180px 5px 15px
}

.chargebox .charge-custom .hjdou-tip>img {
	margin-bottom: -3px;
	margin-right: 3px
}

.chargebox .package-list {
	margin-left: -7px
}

.chargebox .package-list .item {
	float: left;
	width: 120px;
	margin: 0 7px 14px;
	padding: 8px;
	border: 1px solid #eeeeee;
	border-radius: 3px;
	text-align: center;
	cursor: pointer
}

.chargebox .package-list .item>a {
	text-decoration: none;
	color: #0b9b07;
}

.chargebox .package-list .item>a:hover {
	color: #0b9b07
}

.chargebox .package-list .item .price,.chargebox .package-list .item .amount {
	display: block
}

.chargebox .package-list .item .amount span{
	float:right;
}

.chargebox .package-list .item .price {
	color: #959595
}

.chargebox .package-list .item.active {
	border-color: #0b9b07;
	background: url(../images/chongzhiduihao.png) right bottom no-repeat
}

.chargebox .package-list .item.active .price,.chargebox .package-list .item.active .amount {
	color: #0b9b07
}

.chargebox .charge-bank-list,.chargebox .charge-source-list {
	margin-left: -10px
}

.chargebox .charge-bank-list>li,.chargebox .charge-source-list>li {
	width: 130px;
	height: 36px;
	padding: 10px 5px;
	border-radius: 3px;
	float: left;
	margin: 5px 0 5px 10px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #d7d7d7;
	position: relative
}

.chargebox .charge-bank-list>li.active,.chargebox .charge-source-list>li.active {
	border-color: #0b9b07
}

.chargebox .charge-bank-list>li.active:before,.chargebox .charge-source-list>li.active:before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: url(../images/chongzhiduihao.png) 100% 100% no-repeat
}

.chargebox .charge-bank-list>li img,.chargebox .charge-source-list>li img {
	max-width: 100%
}

.chargebox .charge-errormsg {
	width: 380px;
	padding-left: 15px;
	visibility: hidden;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 45px;
	padding-top: 0;
	background: url(https://p.ssl.qhmsg.com/t01794ee47d99fd8976.png) left center no-repeat
}

.chargebox .charge-errormsg>img {
	margin-bottom: -3px
}

.chargebox .charge-errormsg .msg {
	margin-left: 3px;
	font-size: 12px
}

.chargebox .charge-submit .content,.chargebox .charge-help .content {
    width: 244px;
}

.chargebox .goback {
	padding-top: 0
}

.chargebox .goback .target {
	float: right;
	font-size: 16px;
	margin-right: 20px;
	cursor: pointer
}

.chargebox .charge-table {
	font-size: 14px;
	color: #959595
}

.chargebox .charge-table table {
	margin: 0 auto;
	border: solid #eee;
	border-width: 1px 1px 0 0
}

.chargebox .charge-table tr {
	height: 30px;
	line-height: 30px
}

.chargebox .charge-table td {
	border: solid #eee;
	border-width: 0 0 1px 1px;
	padding: 10px
}

.chargebox .charge-table td.key {
	width: 110px;
	background-color: #f6f6f6;
	text-align: center;
	font-weight: bold
}

.chargebox .charge-table td.value {
	width: 280px;
	text-align: left;
	padding-left: 20px
}

.chargebox .charge-result {
	text-align: center;
	font-size: 24px;
	margin-top: 80px
}

.chargebox .charge-info table {
	margin: 0 auto
}

.chargebox .charge-info table tr {
	height: 28px;
	line-height: 28px
}

.chargebox .charge-info table td {
	padding-left: 10px
}

.chargebox .charge-tip {
	line-height: 36px
}

.chargebox .charge-recharge {
	text-align: center
}

.chargebox .charge-recharge .btn-recharge {
	width: 240px;
	margin: 0 auto
}

.chargebox .step3-fail {
	padding-top: 80px
}

.chargebox .step3-fail .label {
	width: 400px
}

.chargebox .step3-fail .content {
	width: 450px
}

.chargebox .step3-fail .charge-result {
	text-align: left;
	margin-top: 0
}

.chargebox .step3-fail .charge-recharge {
	text-align: left
}

.chargebox .step3-fail .charge-recharge .btn-recharge {
	margin: 0
}

.chargebox .kefu-qrcode img {
	width: 90px;
	height: 90px;
	float: left
}

.chargebox .kefu-qrcode .title {
	font-size: 12px;
	display: block;
	float: left;
	padding: 30px 20px
}

.chargecover {
	width: 100%;
	height: 2000px;
	background-color: rgba(0,0,0,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
	position: fixed;
	_position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	display: none
}

.charge-qrcode {
	width: 180px;
	padding: 100px 40px 40px;
	margin-left: 300px;
	text-align: center
}

.charge-qrcode .qrcode-box {
	position: relative
}

.charge-qrcode .qrcode-box .title {
	display: block;
	font-size: 18px
}

.charge-qrcode .qrcode-box .source {
	padding-left: 20px
}

.charge-qrcode .qrcode-box .tip {
	position: absolute;
	top: -15px;
	left: 100%;
	width: 238px;
	height: 226px
}

.charge-qrcode .qrcode-box #qrcode-alipay,.charge-qrcode .qrcode-box #qrcode-weixin {
	width: 180px;
	display: none
}

.charge-qrcode .qrcode-box:hover .tip {
	display: block
}

.charge-qrcode .qrcode-box.alipay #qrcode-alipay {
	display: block
}

.charge-qrcode .qrcode-box.alipay #qrcode-weixin {
	display: none
}

.charge-qrcode .qrcode-box.alipay .tip {
	background: url(https://p.ssl.qhmsg.com/t0198b52a2f38b3bdae.png) center no-repeat
}

.charge-qrcode .qrcode-box.alipay .source {
	background: url(https://p.ssl.qhmsg.com/t01fc3818dbec12d6d4.png) 0 3px no-repeat
}

.charge-qrcode .qrcode-box.weixin #qrcode-alipay {
	display: none
}

.charge-qrcode .qrcode-box.weixin #qrcode-weixin {
	display: block
}

.charge-qrcode .qrcode-box.weixin .tip {
	background: url(https://p.ssl.qhmsg.com/t013ec189e000657a74.png) center no-repeat
}

.charge-qrcode .qrcode-box.weixin .source {
	background: url(https://p.ssl.qhmsg.com/t01fc3818dbec12d6d4.png) 0 -54px no-repeat
}

.charge-pay-tip {
	display: none;
	background-color: #fff;
	width: 440px;
	padding: 20px;
	position: fixed;
	_position: absolute;
	z-index: 200;
	top: 20%;
	left: 50%;
	margin-left: -200px
}

.charge-pay-tip .charge-qrcode {
	margin-left: 10px;
	padding: 0
}

.charge-pay-tip .btn-group {
	width: 100%;
	text-align: center;
	margin-top: 30px
}

.charge-pay-tip .btn {
	display: inline;
	padding: 10px 40px;
	border-radius: 5px
}

.charge-pay-tip .btn-complete {
	background-color: #009e96;
	margin-right: 20%
}

.charge-pay-tip .btn-complete:hover {
	background-color: rgba(0,158,150,0.8)
}

.charge-pay-tip .btn-problem {
	background-color: #fc4e53
}

.charge-pay-tip .btn-problem:hover {
	background-color: #ff7579
}

.charge-bankpay-tip {
	display: none;
	background-color: #fff;
	width: 480px;
	position: fixed;
	_position: absolute;
	z-index: 200;
	top: 20%;
	left: 50%;
	margin-left: -200px;
	font-size: 14px
}

.charge-bankpay-tip .title {
	height: 36px;
	line-height: 36px;
	background-color: #f0f0f0;
	padding-left: 20px
}

.charge-bankpay-tip .title .close {
	float: right;
	padding: 0 10px;
	font-size: 20px;
	text-decoration: none;
	font-family: Times New Roman;
	font-size: 28px
}

.charge-bankpay-tip .content {
	padding: 20px;
	text-align: center
}

.charge-bankpay-tip .content .tip {
	padding: 15px
}

.charge-bankpay-tip .content .tip .timer {
	color: #fc4e53
}

.charge-bankpay-tip .tail {
	text-align: right;
	margin-top: 15px;
	padding-right: 20px
}

.charge-bankpay-tip .tail a {
	color: blue
}

.charge-bankpay-tip .btn-group {
	width: 100%;
	text-align: center;
	margin-top: 15px
}

.charge-bankpay-tip .btn {
	display: inline;
	padding: 10px 40px;
	border-radius: 5px
}

.charge-bankpay-tip .btn-complete {
	background-color: #009e96;
	margin-right: 25px
}

.charge-bankpay-tip .btn-complete:hover {
	background-color: rgba(0,158,150,0.8)
}

.charge-bankpay-tip .btn-problem {
	background-color: #fc4e53
}

.charge-bankpay-tip .btn-problem:hover {
	background-color: #0b9b07
}.btn {background-color: #0b9b07;
    display: inline;
    padding: 13px 90px;
    line-height: 45px;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
}.btn:hover {
    background-color: #0b9b07;
    color: #fff;
    text-decoration: none;
}

/*充值2*/
.cashier_content,.cashier_head {
	position: relative;
	box-sizing: border-box
}
.cashier_content {
	top: 30px;
	width: 1032px;
	margin: 0 auto 20px;
	border-radius: 4px;
	border: 1px solid #c8ced1;
	box-shadow: 2px 2px 3px #e7e7e7;
	min-height: 480px;
	background-color: #fff
}

.cashier_head {
	width: 100%;
	height: 78px;
	border-bottom: 1px solid #f2f4f3;
	cursor: default
}

.cashier_head_logo {
	position: absolute;
	top: 16px;
	left: 24px;
	width: 154px;
	height: 46px;
	
}

.cashier_head_right {
	position: absolute;
	right: 24px;
	height: 78px;
	padding-top: 25px;
	box-sizing: border-box
}

.cashier_head_img {
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 50%;
	margin-right: 10px;
	background-size: cover;
	display: inline-block
}

.cashier_center,.cashier_info {
	width: 100%;
	box-sizing: border-box
}

.cashier_head_name {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	vertical-align: top;
	font-size: 14px;
	color: #656565
}

.cashier_center {
	padding: 0 24px 20px
}

.cashier_info {
	height: 162px;
	padding: 24px 0 0
}

.cashier_info_logo {
	width: 124px;
	height: 124px;
	background: url(../img/image_22.png) 100% 100% no-repeat;
	float: left
}

.cashier_info_right {
	font-size: 14px;
	line-height: 26px;
	margin-left: 12px;
	float: left
}

.cashier_info_title {
	color: #9f9f9f
}

.cashier_info_msg {
	float: left;
	width: 357px
}

.cashier_info_rmsg {
	float: left
}

.cashier_inset {
	min-height: 100px;
	width: 984px;
	background-color: #fcfcfc;
	border: 1px solid #ececec;
	box-sizing: border-box;
	padding: 22px 12px 24px;
	color: #252525
}

.cashier_bank_line {
	width: 100%;
	border-top: 1px solid #ececec;
	margin-top: 24px
}

.cashier_bank_list {
	width: 100%;
	box-sizing: border-box
}

.cashier_bank_top {
	margin: 16px 0
}

.cashier_bank_back.up {
	margin: 11px 0 0 916px;
	color: #3299c7;
	font-size: 14px;
	cursor: pointer
}

.cashier_bank_back.down {
	margin: 11px 0 0 863px;
	color: #3299c7;
	font-size: 14px;
	cursor: pointer;
	width: 84px
}

.changeCss {
	height: 42px;
	overflow: hidden
}

.cashier_checkbox {
	cursor: pointer;
	margin-bottom: 28px
}

.cashier_checkbox_icon {
	float: left;
	width: 14px;
	height: 14px;
	background: url(../img/icon.png) -9px -9px;
	margin-right: 8px;
	border-radius: 4px
}

.cashier_checkbox_icon.open {
	background: url(../img/icon.png) -9px -41px
}

.cashier_checkbox_txt {
	float: left;
	height: 14px;
	line-height: 14px
}

.checkbox_choice.open {
	background-color: #00a1d6
}

.cashier_pay_way {
	width: 100%;
	height: 30px
}

.cashier_pay_icon span {
	border-radius: 4px;
	margin-right: 9px;
	border: 1px solid #ddd;
	width: 150px;
	height: 42px;
	box-sizing: border-box;
	display: inline-block;
	cursor: pointer
}

.cashier_pay_icon span:last-child {
	margin-right: 0
}

.cashier_checked {
	border-color: #2996C4!important
}

.cashier_alipay {
	background: url(../img/logo_alipay.png) center no-repeat
}

.cashier_paypal {
	background: url(https://static-s.bilibili.com/bpay/img/logo_paypal.png) center no-repeat
}

.cashier_visa {
	background: url(https://static-s.bilibili.com/bpay/img/logo_visa.png) center no-repeat
}

.cashier_bank {
	background: url(../img/logo_unionpay.png) center no-repeat
}

.cashier_wechat {
	background: url(https://static-s.bilibili.com/bpay/img/logo_weixin.png) -4px -10px no-repeat
}

.cashier_bb {
	background: url(../img/image_bb.png) center no-repeat
}

.cashier_bottom {
	margin-top: 24px;
	border-top: 1px solid #f2f4f3;
	min-height: 148px;
	position: relative
}

.cashier_pay_qrcode {
	width: 168px;
	height: 160px;
	overflow: hidden;
	margin: 8px 0 0 24px
}

.cashier_qrcode_name {
	margin: 8px 0 0 66px
}

.wechat {
	width: 168px;
	height: 160px;
	display: none
}

.alipay {
	margin: -77px 0 0 -66px;
	position: relative
}

#iframeQrcode {
	border: 0;
	-webkit-transform: scale(.68);
	-moz-transform: scale(.68);
	-o-transform: scale(.68);
	transform: scale(.68);
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=.6, M12=0, M21=0, M22=.6, Dx=0, Dy=0)
}

.cashier_bottom_left {
	margin-bottom: 16px;
	display: none
}

.cashier_bottom_right {
	position: absolute;
	right: 0;
	bottom: 98px;
	box-sizing: border-box;
	padding-right: 24px;
	font-size: 14px;
	width: 214px
}

.cashier_bb_balance {
	display: none;
	color: #9f9f9f;
	margin-bottom: 10px
}

.cashier_bb_num {
	float: right
}

.cashier_button {
	position: absolute;
	right: 24px;
	bottom: 32px
}

.cashier_all_num {
	color: #3299c7;
	font-size: 20px;
	float: right;
	font-weight: 700;
	margin-top: -4px
}

.cashier_bank_middle span {
	width: 150px;
	height: 42px;
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-right: 9px;
	margin-bottom: 9px;
	overflow: hidden;
	cursor: pointer;
	text-align: center
}

.cashier_bank_middle span img {
	margin: 6px 0 0 6px
}

.cashier_bank_click {
	border-color: #2996c4!important
}

.cashier_success_icon {
	margin: 42px auto 0;
	background: url(../img/image_success.png) no-repeat;
	width: 467px;
	height: 282px
}

.cashier_success_msg {
	width: 100%;
	margin-top: 24px;
	font-size: 30px
}

.cashier_success_pay {
	font-size: 14px;
	color: #3299c7;
	display: inline-block;
	margin: 16px 0 36px 430px
}

.wechat_head {
	width: 100%;
	font-size: 16px;
	margin-top: 24px;
	text-align: center;
}

.wechat_head_info {
	color: #3299c7
}

.wechat_qrcode {
	width: 260px;
	height: 260px;
	margin: 16px auto 0;
	border: 1px solid #ececec;
	box-sizing: border-box;
	padding: 5px 0 0 5px
}

.wechat_btn {
	width: 306px;
	height: 55px;
	margin: 8px auto 24px;
	background-color: #fbfbfb;
	border: 1px solid #e3e3e3;
	border-radius: 6px;
	box-sizing: border-box;
	padding: 12px;
	font-size: 16px
}

.wechat_btn_icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../images/icon.png) -34px -2px no-repeat
}

.wechat_btn_info {
	display: inline-block;
	vertical-align: 56%;
	margin-left: 4px;
	cursor: default
}

.ieHead {
	width: 40px;
	height: 40px
}

.cashier_alipay_info {
	margin-top: 16px;
	cursor: default
}

.cashier_alipay_info i {
	font-weight: 700;
	color: #fe0000
}

.hide {
	display: none
}

.shouyez div ul {
    display: flex;
    justify-content: center;
    align-items: center;
	border-radius:4px;
	height:138px;
}
.shouyez div ul li
{
	width:179px;
	height:138px;
}
.schedule
{
	width:970px;
	margin:0 auto;
	text-decoration:none
}
.schedule:hover
{
	text-decoration:none
}
.fldiv
{
	overflow:auto;
	height:940px;
}
.schedule div ul
{
	margin-top:15px;
}
.schedule div ul li
{
	position:relative;
	float:left;
	margin:0 20px 20px 0;
	padding:10px 14px;
	width:270px;
	height:108px;
	border:1px solid #eee;
	border-radius:3px;
}
.schedule div ul li .info
{
	position:relative;
	padding-left:104px;
	height:88px;
}
.schedule div ul li .status
{
	height:28px;
	line-height:28px;
	color:#939598;
}
.schedule div ul li .status a
{
	float: left;
	height: 20px;
	padding: 0 5px;
	background: #0b9b07;
	border-radius: 4px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	font-size: 10px;
	cursor: pointer;
	text-decoration:none;
	margin-left:5px;
}
.schedule div ul li .info .user-pic
{
	position:absolute; left:0; top:0; padding:1px;border:1px solid #eee;width:80px; height:80px; border-radius:40px; overflow:hidden;
}
.schedule div ul li .info .user-pic:hover
{
	border:1px solid #ff950e;
}
.schedule div ul li .info .user-name
{
	height:44px; line-height:44px;
}
.schedule div ul li .info .user-name i
{
	display: inline-block;
	*display: inline; *zoom: 1; 
	width: 22px;
	height: 17px;
}
.schedule div ul li .info .user-name a
{
	font-size:14px;
	padding-left:20px;
	text-decoration:none;
	color:#000;
}
.schedule div ul li .info .user-name a:hover 
{
	color:#0babd1;
}
.schedule div ul li .info .count
{
	line-height:18px; color:#939598;
}
.schedule div ul li .info .status i
{
	background:url(../images/user_center_v6.png) no-repeat;
	background-position:-190px -165px;
	display:inline-block;
	width:20px;
	height:20px; 
	vertical-align:text-top;
}
.schedule div ul li .info .status span
{
	margin:0 26px 0 10px; 
	color:#09abb7;
}
.schedule div ul li .cancel
{
	background:url(../images/user_center_v6.png) no-repeat;
	position:absolute; 
	top:48px; 
	left:226px;
	background-position:0 -285px;
	display:none;
	width:60px;
	height:28px; 
	line-height:28px; 
	color:#555; 
	font-size:12px;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
}
.schedule div ul li .cancel:hover
{
	background-position:-70px -285px;
}
.schedule div ul li:hover
{
	 border:1px solid #0b9b07;
	 text-decoration:none;
}

.schedule div ul li:hover .cancel
{
	display:block;
	
}
.touxiangimgbox {
    width: 160px;
}
.touxiangimgbox .touxiangimg {
    width: 160px;
    height: 160px;
    border: 1px solid #e0e0e0;
}
.one
{
	
}
.one i
{
	display:block; 
	margin:5px auto 15px;
	width:70px; 
	height:70px; 
	line-height:70px;
	background-image:url("../images/user_center_v6.png");
}
.one div
{
	position:relative; 
	padding:3px 85px 3px 10px;
}
.one div span
{
	display:block; 
	height:17px; 
	line-height:17px;
	color:#000; 
	font-size:14px; 
	text-align:left;
}
.one div span a
{
	color:#000;
}
.one div a
{
	position:absolute;
	right:10px; 
	top:6px;
	background-image:url("../images/user_center_v6.png");
	display:block;
	width:53px; 
	height:28px; 
	line-height:28px;
	text-align:center;
	font-size:14px;
	color:#FFF;
	cursor:pointer;
	background-position:0 -165px;
	text-decoration:none;
}
.one i
{
	background-position:-150px -90px;
}
.two
{	
}
.two i
{
	display:block; 
	margin:5px auto 15px; 
	width:70px; 
	height:70px; 
	line-height:70px;
	background-image:url("../images/user_center_v6.png");
	background-position:-75px -90px;
}
.two div
{
	padding:3px 0;
}
.two div span
{
	display:block; 
	height:17px;
	line-height:17px;
	color:#000;
	font-size:14px; 
	text-align:center;
}
.two div span a
{
	color:#000;
	text-decoration:none;
}
.two div span b
{
	color:#0b9b07;
}
.three i
{
	display:block; 
	margin:5px auto 15px;
	width:70px; 
	height:70px; 
	line-height:70px;
	background-image:url("../images/user_center_v6.png");
	background-position:-75px -90px;
	background-position:0 -90px;
}
.three div
{
	padding:3px 0;
}
.three div span
{
	display:block; 
	height:17px;
	line-height:17px;
	color:#000;
	font-size:14px; 
	text-align:center;
}
.three div span a
{
	color:#000;
	text-decoration:none;
}
.three div span b
{
	color:#0b9b07;
}
.shouyey
{
	float:right;
	width:399px;

}
.Firstfloor {  
    width: 1208px;
    margin: 40px auto;
}
.Leftlayout {
    box-sizing: border-box;
    width: 100%;
}.accordion {
    display: flex;
    width: 100%;
    background: #0b9b07;
    border-radius: 8px;
}
.accordion li {
    width: 10%;
    border-left: solid 1px #ccc;
}
.accordion li:first-child {
    border-left: none;
}
.gangkaishi {
    background-color: #f0f0f0;
}.homepage {
    text-align: center;
    cursor: pointer;
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 50px;
     font-weight: 700; 
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-decoration: none;
}.link {
    text-align: center;
    cursor: pointer;
    display: block;
    color: #000;
    line-height: 50px;
    font-size: 14px;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.rightlayout {
   margin-bottom: 26px;
    width: 100%;
}
.rightlayout .header {
    display: none;
}
.rightlayout td {
    padding: 5px 10px;
}
.shouyez{
    padding: 0 6px 10px;
}

.schedule
{
	width:970px;
	margin:0 auto;
	text-decoration:none
}
.schedule:hover
{
	text-decoration:none
}
.fldiv
{
	overflow:auto;
	height:940px;
}
.schedule div ul
{
	margin-top:15px;
}
.schedule div ul li
{
	position:relative;
	float:left;
	margin:0 20px 20px 0;
	padding:10px 14px;
	width:270px;
	height:108px;
	border:1px solid #eee;
	border-radius:3px;
}
.schedule div ul li .info
{
	position:relative;
	padding-left:104px;
	height:88px;
}
.schedule div ul li .status
{
	height:28px;
	line-height:28px;
	color:#939598;
}
.schedule div ul li .status a
{
	float: left;
	height: 20px;
	padding: 0 5px;
	background: #0b9b07;
	border-radius: 4px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	font-size: 10px;
	cursor: pointer;
	text-decoration:none;
	margin-left:5px;
}
.schedule div ul li .info .user-pic
{
	position:absolute; left:0; top:0; padding:1px;border:1px solid #eee;width:80px; height:80px; border-radius:40px; overflow:hidden;
}
.schedule div ul li .info .user-pic:hover
{
	border:1px solid #ff950e;
}
.schedule div ul li .info .user-name
{
	height:44px; line-height:44px;
}
.schedule div ul li .info .user-name i
{
	display: inline-block;
	*display: inline; *zoom: 1; 
	width: 22px;
	height: 17px;
}
.schedule div ul li .info .user-name a
{
	font-size:14px;
	padding-left:20px;
	text-decoration:none;
	color:#000;
}
.schedule div ul li .info .user-name a:hover 
{
	color:#0babd1;
}
.schedule div ul li .info .count
{
	line-height:18px; color:#939598;
}
.schedule div ul li .info .status i
{
	background:url(../images/user_center_v6.png) no-repeat;
	background-position:-190px -165px;
	display:inline-block;
	width:20px;
	height:20px; 
	vertical-align:text-top;
}
.schedule div ul li .info .status span
{
	margin:0 26px 0 10px; 
	color:#09abb7;
}
.schedule div ul li .cancel
{
	background:url(../images/user_center_v6.png) no-repeat;
	position:absolute; 
	top:48px; 
	left:226px;
	background-position:0 -285px;
	display:none;
	width:60px;
	height:28px; 
	line-height:28px; 
	color:#555; 
	font-size:12px;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
}
.schedule div ul li .cancel:hover
{
	background-position:-70px -285px;
}
.schedule div ul li:hover
{
	 border:1px solid #0b9b07;
	 text-decoration:none;
}

.schedule div ul li:hover .cancel
{
	display:block;
	
}/*我的认证============结束========*/
/* 消费记录样式=========开始=========== */
.charge_mt
{
	height:30px;
	line-height:30px;
	margin-top:28px;
}
.charge_mt h4
{
	padding-right:62px;
	font-size:18px;
	color:#595757;
	float:left;
}
.charge_mt form
{
	float:left;
	color:#595757;
}
.charge_mt form label
{
	padding:0 5px;
	color:#595757;
}
.charge_mt form label:hover
{
	color:#595757;
}
.charge_mt form input
{
	display:inline-block;
	zoom:1;
	padding:4px 2px;
	width:80px;
	border:1px solid #ADADAD;
	border-radius:4px;
	vertical-align:middle;
	color:#595757;
}
.charge_mt form input:hover
{
	color:#595757;
}
.charge_mt form:hover
{
	color:#595757;
}
.charge_mt form button
{
	border-radius:4px 4px 4px 4px;
	display:inline-block;
	margin-left:5px;
	border:0 none;
	cursor:pointer;
	vertical-align:middle;
	background-position:0px -320px;
	background-image:url("../images/user_center_v6.png");
	width:45px;
	height:28px;
	line-height:28px;
	color:#555;
}
.charge_mt form button:hover
{
	background-position:-70px -320px;
}
.charge_table
{
	margin-top:15px;
}

.charge_table table
{
	border-collapse:collapse;
	border:1px solid #E4E4E4;
	width:100%;
	
}
.charge_table table tbody tr th
{
	background-color:#eee;
	color:#414042;
	padding:10px 15px;
	font-size:14px;
	cursor:default;
	border-collapse:collapse;
	border:1px solid #E4E4E4;
	text-decoration:none
}
.charge_table table tbody tr th:hover
{
	text-decoration:none
}
.charge_table table tbody tr td :hover
{
	text-decoration:none
}
.charge_table table tbody tr td 
{
	text-decoration:none;
	cursor:default;
	border:1px solid #E4E4E4;
	text-align:center;
	color:#414042;
	font-size:14px;
	height:30px;
	text-decoration:none
}
.charge_table table tbody tr td a
{
	display:block;
	text-align:center;
	color:#414042;
}
.charge_table table tbody tr td img
{
	display:block;
	height: 20px;
	width: 20px;
	float: right;
	margin-top: -20px;
	margin-right: 10px;
	text-align:center;
		
}

/* 消费记录样式=========结束=========== */
.exchange
{
	position:relative;
	background:#fff;
	padding:25px 100px 30px;
	border-top:2px solid #0b9b07;
	border-bottom:1px solid #AFAFAF;
	border-left:1px solid #AFAFAF;
	border-right:1px solid #AFAFAF;
	zoom:1;
	width:740px;
	margin:0 auto;
	margin-top:20px;
}
.exchange .dotico-l
{
	left:20px;
	bottom:-32px
}
.exchange .dotico-r
{
	right:20px;
	bottom:-32px
}
.exchange .dotico
{
	z-index:3;
	position:absolute;
	width:10px;
	height:46px;
	display:block;
	background:url(../images/dotico.png) no-repeat 0 0;
}
.exchange h4
{
	margin-bottom:35px;
	text-align:center;
	color:#0b9b07;
	font-size:16px;
	font-family:'Microsoft Yahei';
	font-weight:normal;
}
.exchange .item
{
	font-size:14px;
	*width:350px;
	padding-left:152px;
	padding-top:14px;
	clear:both;
	height: 30px;
	line-height: 30px;
}
.exchange .item input:hover
{
	color:#313131;
}
.exchange .item .coin_z
{
	color:#414042;
	font-size: 16px;
	margin-left: 10px;
	height: 30px;
	line-height: 30px;
	border: none;

}
.exchange .item .coin_c
{
	color:#F32A2A;
	font-size:12px;
	display:none;
	float: right;
	margin-right: 130px;
	
}
.exchange .item label
{
	float:left;
	color:#666;
	font-size: 15px;
}
.exchange .btn
{
	padding-left:278px
}
.exchange .btn button
{
	margin-top:18px;
	background:#0b9b07;
	border:1px solid #0b9b07;
	border-radius:3px;
	box-shadow:0 1px 0 #eee;
	height:32px;
	width:74px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}
.exchange-list
{
	margin-top:5px;
	background:#fff;
	padding:20px 60px;
	border-style:solid; 
	border-width:1px; 
	border-color:#AFAFAF;
	width:820px;
	margin:5px auto 0; 
}
.exchange-list .tip
{
	text-align:center;
}
.exchange-list .tip span
{
	color:#666;
}
.exchange-list .tip span strong
{
	color:#0b9b07;
}
.exchange-list .tip span em
{
	font-style:normal;
	margin:0 5px;
}
.exchange-list .tip .record 
{
	margin-left:25px;
	display:inline-block;
	vertical-align:middle;
	height:18px;
	padding:7px 14px;
	border:1px solid #d9d9d9;
	border-radius:3px;
	box-shadow:0 1px 0 #f2f2f2;
	color:#333;
	cursor:pointer;
}
.exchange-list .tip .record i
{
	width:10px;height:10px;margin-left:3px;
	background:url(../images/user_icon_v10.png) no-repeat -50px -48px;
	display:inline-block;
}

.page_title
{
	text-align:center;
	color:#000;
	font-size:24px;
	font-weight:normal;
	margin-top:20px;
}
.area_bd
{
	margin-bottom:35px;
}
.F_creBox .F_crePro
{
	width:910px;
	height:8px;
	padding:1px;
	margin:35px auto 55px;
	background: #ffefc0;
	box-shadow: inset 0 1px 2px #fff5d9;
	position:relative;
}
.F_creBox .F_crePro .F_creProC1
{
	width:50%;
	height:8px;
	background:#0b9b07;
}
.F_creBox .F_crePro .F_creProC2
{
	width:100%;
	height:8px;
	background:#0b9b07;
}
.F_creBox .F_crePro .F_proD
{
	position:absolute;
	left:0;
	top:-6px;
	width:60px;
	text-align:center;
	margin-left:-30px;
	color:#000;
	line-height:26px;
}
.area_bd
{
	margin-bottom:35px;
}
.F_creBox .F_crePro
{
	width:910px;
	height:8px;
	padding:1px;
	margin:35px auto 55px;
	background: #ffefc0;
	box-shadow: inset 0 1px 2px #fff5d9;
	position:relative;
}
.F_creBox .F_crePro .F_creProC1
{
	width:50%;
	height:8px;
	background:#0b9b07;
}
.F_creBox .F_crePro .F_creProC2
{
	width:100%;
	height:8px;
	background:#0b9b07;
}
.F_creBox .F_crePro .F_proD
{
	position:absolute;
	left:0;
	top:-6px;
	width:60px;
	text-align:center;
	margin-left:-30px;
	color:#000;
	line-height:26px;
}
.F_creBox .F_crePro .F_proD span
{
	background:#0b9b07;
	box-shadow:none;
	color:#fff;
	display:block;
	line-height:19px;
	width:19px;
	height:19px;
	margin:auto;
	box-shadow:inset 0 1px 2px #d9d6d6;
	border-radius:2px;
	padding:1px;
	text-align:center;
}
.F_creBox .F_crePro .one
{
	left:50%
}
.F_creBox .F_crePro .two
{
	left:100%
}
.card_shibai
{
	color:#D14C49;
	cursor:default;
	text-align:center;
}
.phone-logo {
	background:url(../images/appbg.jpg) no-repeat 0 0;
    padding: 14px 22px;
    background-size: cover;
    overflow: hidden;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    color: #fff;
    z-index: 1;
    text-align: center;
}
.phone-logo span{
    display: none;
    width: 65px;
    height: 5px;
    position: absolute;
    left: 50%;
    top: 67px;
    transform: translateX(-50%);
    z-index: -1;
    border-radius: 13px;
    background: linear-gradient(to left, #fda5d4, #6a79e0);
}
.phone-logo .gobackhome {
    position: absolute;
    top: 40px;
    right: 20px;
    font-size: 14px;
    line-height: 26px;
    font-weight: normal;
    color: #0b9b07;
}
.footer-app{
    display: flex!important;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e5e5e8;    z-index: 11111111111111;
}
.footer-app a{flex:1}
.footer-app-flex{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: #000;
    padding-bottom: 5px;
    font-size: 14px;
}
.footer-app img{
    width: 30px;
    height: 30px;
    margin: 5px auto 0;
}
.erweima {
    display: block;
    position: fixed;
    top: 80px;
    right: 15px;
    width: 200px;
    height: 200px;
    z-index: 9999;
}
.erweima img {
    width: 100%;
    height: 100%;
}
.erweima .erweimatext  {
    color: #fff;
    font-size: 14px;
    margin-top: 5px;
    text-align: center;
    background: rgb(11 155 7 / 81%);
    padding: 9px;
    border-radius: 24px;
}
.headerbtn {
    margin-right: 10px;
    font-size: 14px;
    color: #fff;
}
.headerbtn:hover {
    text-decoration: underline;
}
.headerline {
    height: 15px;
    width: 1px;
    background-color: #fff;
}
.headerimg {
    width: 16px;
    height: 16px;
    margin-bottom: -2px;
    margin-right: 3px;
}

.my-right{
    display: flex;
    align-items: center;
}
@media(max-width:767px) {
    .link {
    color: #fff;
}
    .erweima {
        display: none;
    }
    .Firstfloor{
    width: 100%;
    margin: 0px auto 20px;
    display: flex;
    flex-direction: column;
}
.rightlayout .header {
    display: block;
    height: 45px;
    background: linear-gradient(to bottom, #d4ffb8, #dbffd4);color: #000;font-weight: normal;        font-size: 16px;
}
.rightlayout .header td {
    width: 1%;
    padding: 0;
}
.rightlayout .tablebox {
    padding-left: 10px;
}
.rightlayout .tableboxa {
    padding: 0 10px;
}
.changebox {
    margin-bottom: 10px;
}
.Leftlayout{width: 100%;border:none;}
.accordion{
    display: flex;
    align-items: center;
    overflow-x: auto;
    max-width: 100%;
    border-radius: 0;
}
.accordion li{
    width: 100px;
    border-bottom: solid 1px #ccc;
}
.accordion .gangkaishi {
    background-color: #0b9b07;
}
.homepage {
    width: 100px;
    padding: 15px;
    text-align: center;
    border-bottom: none !important;
    padding: 16px 0;
    color: #fff;
    line-height: 1em;
}.rightlayout {
    margin-bottom: 26px;
    width: 100%;
    float: right;
}.shouyez div ul li {
    width: calc(100%/3);
}.bor{
    width: 87%;
} .bor-height{
    min-height: 404px!important;
}
.two div span {
    font-size: 12px;
    line-height: 16px;
    height: auto;
}.three div span{
 font-size: 12px;
 line-height: 16px;
 height: auto;
}.one div {
    position: relative;
    padding: 3px 0 3px 5px;
    font-size: 12px;
    /*display: flex;*/
}
.link {
    text-align: center;
    padding: 16px 0;
    line-height: 1em;
    width: 100px;
}
.headerbtn {
    margin: 0;
    background: #0b9b07;
    color: #fff;
    padding: 8px 10px;
    font-size: 14px;
    border-radius: 5px;
}
.headerimg,
.headerline {
    display: none;
}
.my-flex-top {
    flex-direction: column;
}
.my-right{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.my-namebox {
    width: 100%;
    line-height: 34px;
    color: #000;
    border-bottom: 1px solid #17191a;
    text-align: center;
}
.chargebox .charge-errormsg {
    display: none;
}
.rightlayout td {
    padding: 0;
}
.touxiangimgbox {
    width: 140px;
}
.touxiangimgbox .touxiangimg {
    width: 120px;
    height: 120px;
    margin-top: 10px;
}
}

.pcheadertop_wrap{
    display: flex;
    align-items: center;
    width: 1227px;
    margin: 0 auto;
    justify-content: space-between;
    padding: 7px 0;
}
.left_dh{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff;
}
.left_dh li {
    border-right: 1px #4d4d4d solid;
    height: 20px;
    line-height: 20px;
    float: left;
    padding: 0 12px;
    cursor: pointer;
}
.left_dh li:last-child {
    border: 0;
}
.left_dh a{color:#fff}
.sybjimg {
    background: url(../img/sybjimg.jpg) no-repeat top center;
    background-size: 100% auto;
    height: 1253px;
}
.pcheaderbox_b{
    height: 40px;
    background: #aaff9b;
    color: #000;
}
.pcheaderbox_b_box{
    width: 1214px;
    margin: 0 auto;
    font-size: 14px;
    padding-top: 10px;
}
.zhixun_head{
    height: 50px;
    line-height: 50px;
    background: #ffffff;
    color: #0b9b07;
    padding: 0 10px 0 14px;
    border-radius: 6px 6px 0 0;
    font-size: 19px;
    display: flex;
    font-weight: bold;
}
.zhixun_head a{
    color: #fff;
    font-size: 14px;
}