/* CSS Document */
ul{padding:0; margin:0;}
ul li{
list-style-type:none;}
ol{padding:0; margin:0;}
ol li{
list-style-type:none;}

.logo{padding:0 5%; display:table; width:100%;}
.logo img{ float:left;}
.logo h2{ float:left; font-weight:400; margin:0 0 0 10px; line-height:38px; font-size:28px; color:#333;}

.login-content ul li{width:85%; margin:0 auto; border-bottom:1px solid #e0e0e0; padding:15px 0;}
.login-content ul li input{width:80%; border:none; background:none; padding:0 15px;}
.login-content ul li.code input{ width:50%;}
.login-content ul li.code .pull-right{ padding:0 5%; border-left:1px solid #e0e0e0; color:#4880ef;}
.login-more{ width:85%; text-align:right; display:table; margin:0 auto;} 
.login-more a{color:#999;}
.login-float{ position:fixed; width:100%; bottom:30px; width:100%; text-align:center;}

.qrcode{ position:relative; line-height:0;}
.qrcode input[type=file]{ position:absolute; width:100%; height:100%; top:0; left:0; opacity:0;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:1px;}
.swiper-pagination-bullet{width:6px; height: 6px;}
.swiper-pagination-bullet-active{background:#4880ef;}

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 16px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.page,.popup{background:#fafafa;}
.popup .button{line-height: 45px; background:none; border:1px solid #dcdcdc; color: #999; height: 45px; font-size:16px; border-radius: 3px; width: 85%; margin:0 auto 15px;}
.popup .button.on,.page .button.on{ background:#4880ef; color: #fff; border:1px solid #4880ef;}

.button:active{opacity: 0.8;}
.list-block .button{line-height: 45px; background:#fff; border:1px solid #dcdcdc; color: #999; height: 45px; font-size:16px; border-radius: 3px; width: 85%; margin:0 auto 15px;}
.list-block .button.success{background:#090; color: #fff; border:1px solid #090;}
.list-block .button.warning{background:#F60; color: #fff; border:1px solid #F60;}
.list-block .button.error{background:#f55750; color: #fff; border:1px solid #f55750;}
.list-block .button.diy{background:#4880ef; color: #fff; border:1px solid #4880ef;}
.list-block .button.white{background:#fff; color: #333; border:1px solid #ececec;}

.bar-tab{background:#fafafa; border-top:1px solid #e6e6e6;}
.bar-tab::before{display:none;}
.bar-tab span.tab-label{ font-size:12px; position:relative; top:1px;}
.bar-tab .tab-item .icon{height:27px; padding:0 18px;  position:relative; top:1px;}
.bar-tab .tab-item .icon-1{background:url(../img/icon-1-0.png) no-repeat center / auto 100%; width:100%;}
.bar-tab .tab-item .icon-2{background:url(../img/icon-2-0.png) no-repeat center / auto 100%; width:100%;}
.bar-tab .tab-item .icon-3{background:url(../img/icon-3-0.png) no-repeat center / auto 100%; width:100%;}
.bar-tab .tab-item .icon-4{background:url(../img/icon-4-0.png) no-repeat center / auto 100%; width:100%;}
.bar-tab .tab-item.active .icon-1{background:url(../img/icon-1-1.png) no-repeat center / auto 100%; width:100%;}
.bar-tab .tab-item.active .icon-2{background:url(../img/icon-2-1.png) no-repeat center / auto 100%; width:100%;}
.bar-tab .tab-item.active .icon-3{background:url(../img/icon-3-1.png) no-repeat center / auto 100%; width:100%;}
.bar-tab .tab-item.active .icon-4{background:url(../img/icon-4-1.png) no-repeat center / auto 100%; width:100%;}
.bar-tab .tab-item.active span.tab-label{color: #4880ef;}


/*
---资讯---
*/
.navbar{position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
.article-navbar{padding:0 2.5%; background:#4880ef; height: 44px;} 
.navbar::after{display:none;}
.article-navbar .input{ line-height:30px; width:82.5%; background:#fff; border-radius:3px; height:30px; text-align:center; float: left; margin:7px 0;}
.article-navbar .input p{margin:0; font-size:14px; color:#808080;}
.article-navbar .input i{padding:7px; background:url(../img/search.png) no-repeat center / 100% auto; margin-right:5px;}
.article-navbar .input input{ width:95%; height:30px; border:none; background:none; text-align:center; display:none; padding:0 2.5%;}
.article-navbar .right{width:14.5%; text-align:center; float: right;}
.article-navbar .right a.more{ line-height:31px; width:100%; border:1px solid #3562de; border-radius:5px; display: block; margin:6px 0;}
.article-navbar .right a.more:active{background:#4274d9;}
.article-navbar .right i{padding:12px; background:url(../img/article-more.png) no-repeat center / 100% auto;}

.article-more{ position:fixed; width:130px; background:#fff; box-shadow:0 0 5px #ccc; border-radius:5px; right:2.5%; top:45px; z-index:999; display:none; }
.article-more ul li{ line-height:40px; border-bottom:1px solid #e6e6e6; padding:0 15px;}
.article-more ul li a{width: 100%; height: 100%; display: block; color: #333;}
.article-more ul li:active{background:#f4f4f4;}
.article-more ul li i.icon1{padding:7px; background:url(../img/a-icon-1.png) no-repeat center / 100% auto; margin-right:10px;}
.article-more ul li i.icon2{padding:7px; background:url(../img/a-icon-2.png) no-repeat center / 100% auto; margin-right:10px;}
.article-more ul li i.icon3{padding:7px; background:url(../img/a-icon-3.png) no-repeat center / 100% auto; margin-right:10px;}

.label-swiper{ width:100%; height:40px; line-height:40px;}

.label-center{position: fixed; top:44px; width: 100%; z-index: 99; }
.label-center .swiper-slide{border-bottom: 1px solid #ececec; background:#fafafa; color:#999; position: relative;}
.label-center .swiper-slide.active{color:#000;}
.label-center .swiper-slide.active i{ display: block; height:3px; border-radius: 10px; width:15px; background:#4880ef; position: absolute; bottom:4px }
.label-center .swiper-slide.on i{margin-left: 7px;}

.article-slide {margin-top: 84px;}
.article-slide .article-slide-swiper{padding:15px 15px 20px; background:#fff;}
.article-slide .swiper-slide{height: 150px; border-radius:5px; position:relative; overflow: hidden;}
.article-slide .swiper-slide a{ display:block; width:100%; height:100%;}
.article-slide .swiper-slide p{position: absolute; bottom: 0; background:rgba(0,0,0,0.7); line-height: 30px; padding:2px 5%; color:#fff; margin: 0; width:100%; text-align: left;}

.article-center{background:#fff;}
.article-center ul li{padding:10px 15px 5px; border-bottom:1px solid #ececec; transition: 0.1s all 0s ease; position: relative;;}
.article-center ul li h2{margin:0; font-weight:400; font-size: 16px; color: #000;}
.article-center ul li p{padding:5px 0; margin:0; font-size: 12px; color:#999;}
.article-center ul li .img{width: 100%; display:table; padding:5px 0;} 
.article-center ul li .img div{ float: left; width:22.5%; margin-right:3%; height: 60px; border-radius: 3px; }
.article-center ul li .img div:nth-child(4){margin-right: 0;}
.article-center ul li:nth-last-child(1){border-bottom: none;}
.article-center ul li i{position: absolute; right:25px; top:16px; color:#F60;}
.article-center ul li i.on{background-image: url(../img/xin2.png);}

.article-loading{ text-align: center; font-size: 12px; color: #ccc; margin:20px 0; }

/*
---标签---
*/
.label-content{padding-bottom: 45px;}
.label-float{ position: fixed; bottom: 0; left: 0; line-height: 45px; text-align: center; background: #4880ef; z-index: 99; width: 100%;}
.label-float a{display: block; width: 100%; height: 100%; color: #fff;}
.label-main{width: 100%;}
.label-main ul li{line-height:50px; padding:0 15px; background:#fff; font-size:16px; border-bottom: 1px solid #f3f3f3;}
.label-main.minus ul li a{padding:11px; background: url(../img/a-.png) no-repeat center / 100% auto; margin-right: 20px;}
.label-main.plus ul li a{padding:11px; background: url(../img/a+.png) no-repeat center / 100% auto; margin-right: 20px;}
.label-main ul li:nth-child(1){border-top:1px solid #f3f3f3;}
.label-main ul li i{ float: right; }
.label-main ul li.sortable-ghost{ background:#fafafa; opacity:0.8;  } 

/*
---文章详情---
*/
.info-content .info-center{background: #fff; border-bottom:1px solid #ececec;}
.info-content .info-center .info-title h2{padding:15px; margin:0; font-size:18px; font-weight: 400;}
.info-content .info-center .info-title p {color:#666; font-size: 14px; padding:0 15px; margin: 0 auto; position: relative; width: 100%;}
.info-content .info-center .info-title p i{padding:10px; background: url(../img/xin.png) no-repeat center / 100% 100%;position: absolute; right:20px; top:0px;}
.info-content .info-center .info-title p i.on{background-image: url(../img/xin2.png);}
.info-content .info-center .info-main{padding:15px; line-height:30px;}
.info-content .info-center .info-main table{ width:100%; border:1px solid #ccc; margin:5px auto;}
.info-content .info-center .info-main table td{ border:1px solid #ccc;}
.info-content .info-center .info-main p{margin:5px auto; line-height:25px;} 
.info-content .info-center .info-main img{ width:100%;}
.info-more{font-size: 12px; text-align: center; letter-spacing: 2px; padding:10px 0; color:#999;}
.info-more p{margin:0 auto; line-height: 25px;}

/*
---会员中心---
*/
.icon-eye{background: url(../img/eye.png) no-repeat center / 100% auto; padding:10px;}
.icon-eye.on{background-image: url(../img/eye2.png);}
.icon-users{background: url(../img/login_icon_account@3x.png) no-repeat center / 100% auto; padding:10px;}
.icon-pasws{background: url(../img/login_icon_password@3x.png) no-repeat center / 100% auto; padding:10px;}
.icon-tels{background: url(../img/login_icon_phone@3x.png) no-repeat center / 100% auto; padding:10px;}
.icon-auth{background: url(../img/ic_security_name2@3x.png) no-repeat center / 100% auto; padding:10px;}

.user-content{padding-top: 25px;}
.user-content ul{width:90%; margin:0 auto 25px;  box-shadow: 0 0 20px #ececec;  border-radius:5px; overflow: hidden; }
.user-content ul li{background:#fff; position:relative; margin:0 auto; padding:11px 15px 11px 18px; border-top: 1px solid #f3f3f3; line-height: 32px;}
.user-content ul li i.icon-eye{ margin-top: 5px; }
.user-content ul li .username{width: 80%; margin-left: 5%; background:none; border:none;}
.user-content ul li .password{width:88%; background:none; border:none;} 
.user-content ul li .icon-check{display: none; font-weight: bold; color:#4880ef;}
.user-content ul li.check .icon-check{display:block;}
.user-content ul li .label-switch{height:auto; float: right;}
.user-content ul li.desc{text-align: center;} 
.user-content ul li.desc img{width:90%; margin:5% auto 0;}
.user-content ul li.desc p{font-size: 14px; line-height:25px;} 
.user-content ul li.on{line-height: 50px;}
.user-content ul li .text{ float: right; color:#999;} 
.user-content ul li .text input[type=file]{ position:absolute; width:100%; height:100%; top:0; left:0; opacity:0;}
.user-content ul li .text .img{width:50px; height: 50px; border-radius: 100%; margin-right:0px;}
.user-content ul li:active{background:#fafafa;}
.user-content ul li:nth-child(1){border-top: none;}
.user-content ul li a{color:#333; width:100%; height: 100%; display:table; position:relative;} 
.user-content ul li i{float: right; margin-left:10px;}
.user-content ul li i.icon-close{background: url(../img/close.png) no-repeat center / 100% auto; padding:10px;}
.user-content ul li i.icon-code{margin-left:0;}
.user-content ul li .img{width:50px; height: 50px; float: left; border-radius: 100%; margin-right: 15px;}
.user-content ul li.main{ padding:17px 15px; line-height: 25px;}
.user-content ul li.main i{ line-height: 52px;}
.user-content ul li.main .name{ float: left; }
.user-content ul li.main .name h2{font-weight: 400; font-size: 18px; margin: 0; margin-top: 1px;}
.user-content ul li.main .name .level{ font-size:12px; background:#4880ef; color:#fff; border-radius:3px; padding:2px 5px; position:relative; top:1px;}
.user-content ul li.main .name p{font-size: 14px; color:#999; margin: 0;}
.user-content ul li.main span.icon{ position:absolute; right:0; top:0; width:25px; margin:12px auto; height:25px; display:table; border:1px solid #ececec; border-radius:100%;}
.user-content ul li.main.on span.icon{background:#4880ef;}
.user-content ul li .assets{ width:100%; display:table; padding-top:12px; padding-left:5px;}
.user-content ul li .assets p{margin:5px 0 0; line-height:25px; font-size:15px;}
.user-content .button{line-height: 45px; background:none; border:1px solid #dcdcdc; color: #999; height: 45px; font-size:16px; border-radius: 3px; width:90%; margin:0 auto 15px;}
.user-content .button.on{ background:#4880ef; color: #fff; border:1px solid #4880ef;}
.user-content .notice-more{display: none;}
.user-content .user-title{font-size: .7rem; line-height: 1; width:85%; margin:0 auto .5rem; color:#6d6d72;}

.black-list li{background:#fff; display: table; width: 100%; border-bottom: 1px solid #ececec; height: 68px;}
.black-list li a{padding:11px; background: url(../img/a-.png) no-repeat center / 100% auto; margin-right: 20px; float: right; margin:22px;}
.black-list li .img{width:50px; height: 50px; float: left; margin:8px 10px; border-radius: 100%;}
.black-list li .name{float: left; padding:9px 10px; border-left: 1px solid #ececec; height: 68px;}
.black-list li .name h2{font-weight: 400; font-size: 18px; margin: 0; margin-top: 1px;}
.black-list li .name p{font-size: 14px; color:#999; margin: 0; }
.no-black-list{
  position: fixed;
  width: 100%; height: 93%;
  text-align: center;
  font-size: 18px;
  color:#999;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;}
 
 /*资产页*/
.assets_content .menu_left{width:18%; text-align:center; position:fixed; left:0; height:91.5%; top:0; box-shadow:0 0 20px #e0e0e0; z-index:9; border-right:1px solid #e7e7e7;}
.assets_content .menu_left ul{ height:100%;}
.assets_content .menu_left ul li{height:16.6%;
	border-left:2px solid #fafafa;
	border-right:2px solid #fafafa;
	font-size:16px;
/* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center; 
  -webkit-align-items: center;
  align-items: center;
}
.assets_content .menu_left ul li.on{border-left:2px solid #4880ef; border-right:2px solid #fafafa; color:#4880ef;}
.assets_content .menu_left ul li p{margin:0;}

.assets_content .right_center{width:82%; right:0; top:0; height:91.5%; position:fixed; overflow:auto; z-index:99}

.right_center .menu_center .menu_main{ display:none;}
.right_center .menu_center .menu_main.on{ display:block;}
.right_center .menu_center .item-after a{ font-size:14px;}
.right_center .menu_center .item-subtitle button{margin-top:12px;}
.right_center .menu_center .item-subtitle button.deal{background:#4880ef; color:#fff; border:1px solid #4880ef; border-radius:3px; width:30%; line-height:30px; margin-right:2.5%;}
.right_center .menu_center .item-subtitle button.else{background:#f4f4f4; color:#333; border:1px solid #f0f0f0; border-radius:3px; width:65%; line-height:30px;}

/*充值*/
.assets-content .main{background:#fff; display:table; width:100%;}
.assets-content .main .topup_code img{width:60%; margin:40px auto 20px; display:table;}
.assets-content .main .topup_code p{margin:0; text-align:center;}
.assets-content .main .topup_code button{width:90%; background:#4880ef; color:#fff; line-height:40px; height:40px; border:none; border-radius:5px; display:table; margin:20px auto;}

/*转账*/
.transfer_main{ text-align:center; padding:40px 0; line-height:35px; background:url(../img/bg_lishi.png) no-repeat center / 100% 100%; color:#fff;}
.transfer_main p{margin:0; font-size:14px; font-weight:300; }
.transfer_main h2{ margin:0; font-weight:300;}
.assets-content .transfer_float{ position:fixed; height:47px; line-height:47px; bottom:-2px; left:0; border:1px solid #ededed; width:100%;}
.assets-content .transfer_float button{width:50%; float:left}
.assets-content .transfer_float button.income{background:#4880ef; color:#fff; border:none;}
.assets-content .transfer_float button.from{background:#fff; color:#333; border:none;}

.assets-content .rolloff_step{display:none;}
.assets-content .rolloff_step.active{ display:block;}
.assets-content .rolloff_step .user{ text-align:center; padding:20px 0; line-height:27px;}
.assets-content .rolloff_step .user .img{height:65px; width:65px; display:table; margin:0 auto 10px; border-radius:100%;}
.assets-content .rolloff_step .user p{margin:0;}

.buy_psw .buy_title{ position:relative;}
.buy_psw .buy_title h2{ font-weight:300; font-size:16px; text-align:center; margin:20px auto;}
.buy_psw .buy_title span{ font-size:24px; position:absolute; right:20px; top:0; font-weight:300; color:#999;}
.buy_psw .buy_main ul{width:85%; border:1px solid #dcdcdc; border-radius:5px; display:table; margin:0 auto;}
.buy_psw .buy_main ul li{width:16.3%; border-right:1px solid #dcdcdc; text-align:center; line-height:45px; height:45px; color:#fff; font-size:1.5rem; float:left;}
.buy_psw .buy_main ul li:nth-last-child(1){border:none;}
.buy_psw .buy_main ul li.on{color:#000;}
.buy_psw .buy_key{background:#d2d3d7; margin-top:20px; display:table; width:100%; padding-top:2.5%;}
.buy_psw .buy_key ul li{width:30%; float:left; margin-left:2.5%; margin-bottom:2.5%; border-radius:5px; background:#fff; box-shadow:0px 1px 0px #666; text-align:center; line-height:45px; font-size:25px; color:#000;}
.buy_psw .buy_key ul li:active{background:#bbcfe3;}
.buy_psw .buy_key ul li.on{background:none; box-shadow:none;}

/*转账成功通知*/
.popup-rolloff-win .content-block{ text-align:center;}
.popup-rolloff-win .content-block .icon-check{ color:#09BB07; font-size:93px;}
.popup-rolloff-win .content-block .icon-1{background:url(../img/check.png) no-repeat center / 100% 100%; width:70px; height:70px; display:table; margin:0 auto}
.popup-rolloff-win .content-block h3{ font-weight:400; font-size:20px; color:#000; letter-spacing:2px; margin-bottom:10px;}
.popup-rolloff-win .content-block p{ font-size:14px; margin-top:0;}

/*c2c交易*/
.c2c_center .c2c_label { position:fixed; top:0; right:0; width:82%; background:#fafafa; border-bottom:1px solid #e7e7e7; z-index:999; box-shadow:0 0 20px #e0e0e0;}
.c2c_center .c2c_label ul li{width:1%; display:table-cell; line-height:42px; text-align:center; background:#fafafa; font-size:14px; z-index:10; position:relative;}
.c2c_center .c2c_label ul li.on{background:#4880ef; color:#fff; /*box-shadow:0 0 20px #4880ef;*/ z-index:9;}
.c2c_table_center .c2c_main{margin:42px auto 0; width:100%; display:none;}
.c2c_table_center .c2c_main:nth-last-child(1){margin:82px auto 0;} 
.c2c_table_center .c2c_main.on{ display:table;}

.list-block .icon-buy1{background:url(../img/png_zhifubao@3x.png) no-repeat center / 100% 100%; padding:14px;}
.list-block .icon-buy2{background:url(../img/png_wechat@3x.png) no-repeat center / 100% 100%; padding:14px;}
.list-block .icon-buy3{background:url(../img/png_yinglianka@3x.png) no-repeat center / 100% 100%; padding:14px;}
.c2c_main .item-after select{height:auto; direction: rtl; color:#999;}
.c2c_main .item-after select option{direction: rtl;}

.topup_check{border-top:1px solid #e7e7e7; border-bottom-left-radius:6px; border-bottom-right-radius:6px; overflow:hidden;}
.topup_check button{width:50%; float:left; line-height:40px; text-align:center; height:40px; border:none; padding:0;}
.topup_check button.close{background:#fff; color:#999;}
.topup_check button.win{background:#4880ef; color:#fff;}

.card{margin:0; border-radius:0px; margin:20px auto; box-shadow:none; border:none;}
.card .card-header{ font-size:16px; color:#333;}
.card .card-content-inner{padding:10px .75rem;}
.card .card-content-inner ul li{ line-height:30px; color:#333;}
.card .card-content-inner ul li .pull-right{color:#999;}

/*c2c买入详情*/
.c2cbuy-content .icon-me{font-size:19px; position:relative; top:1px;}
.c2cbuy-content .item-after{ font-size:15px; color:#999;}
.c2cbuy-content .item-after span{padding:7px 10px; margin-left:5px; border-radius:3px;}
.c2cbuy-content .item-after span.icon1{background:url(../img/png_zhifubao@3x.png) no-repeat center / auto 100%;}
.c2cbuy-content .item-after span.icon2{background:url(../img/png_wechat@3x.png) no-repeat center / auto 100%;}
.c2cbuy-content .item-after span.icon3{background:url(../img/png_yinglianka@3x.png) no-repeat center / auto 100%;}
.c2c_order .card .card-footer{ padding:0; table-layout: fixed; display:table; width:100%; border-top:1px solid #ececec; min-height:auto; padding:7px 0;}
.c2c_order .card .card-footer a{position: relative;
	padding:4px 0;
    display: table-cell;
    width:50%;
    color: #929292;
    text-align: center;
    vertical-align: middle;}
.c2c_order .card .card-footer a.info{color:#4880ef; border-left:1px solid #ececec}
.c2c_order .card .card-footer a:nth-child(1){border-left:none;}

.order_page{ line-height:35px; text-align:center;}
.order_page i{
	padding: 0 10px;
    border: 1px solid #e0e0e0;
    margin: 0 20px;
    border-radius: 3px;
	color:#ccc;
}
.order_page i.on{background:#fff; color:#666; border-color:#999;}

.c2c_buy_code .code{ display:table; margin:0 auto;}
.c2c_buy_code p{ text-align:center; color:#fff; font-weight:bold;}
.c2c_buy_code .footer{ line-height:0; border-bottom-left-radius:6px; border-bottom-right-radius:6px; overflow:hidden; text-align:center; background:#fff; }
.c2c_buy_code .footer img{height:50px;}

.c2cbuy-set{ position:fixed; bottom:0; border-top:1px solid #e7e7e7; width:100%; line-height:50px; background:#fff;}
.c2cbuy-set a{width:50%; float:left; text-align:center; color:#666;}
.c2cbuy-set a:nth-child(2){background:#4880ef; color:#fff;}

.c2c_order_select{ width:82%; position:fixed; top:40px; right:0; z-index:999; box-shadow:0 2px 3px #ececec;}
.c2c_order_select .main{ padding:0 10px; line-height:40px; height:40px; font-size:14px; background:#fff;}
.c2c_order_select .screen_center{background:#fff; display:none;}
.c2c_order_select .screen_center ul li{ display:table; width:100%; padding-top:3%; border-top:1px solid #ececec}
.c2c_order_select .screen_center label{ font-size:14px ; color:#999; display:block; float:left; width:20%; text-align:center; line-height:30px;}
.c2c_order_select .screen_center .list{ display:table; width:80%; float:left;}
.c2c_order_select .screen_center .list span{ display:block; float:left; height:30px; line-height:30px; width:22%; border-radius:3px; border:1px solid #ccc; margin-right:3%; text-align:center; margin-bottom:3%; color:#666; font-size:14px;}
.c2c_order_select .screen_center .list span.on{background:#4880ef; color:#fff; border:1px solid #4880ef;}
.c2c_order_select .screen_center .input{display:table; width:80%; padding:0 0 3%; background:#fff; float:left;}
.c2c_order_select .screen_center .input input{width:45%; text-align:center; border-radius:3px; background:#fafafa; border:1px solid #ececec; -webkit-appearance: none; font-size:14px; color:#666; line-height:30px; height:30px;}


.order_select{ width:100%; position:fixed; top:40px; right:0; z-index:999; box-shadow:0 2px 3px #ececec;}
.order_select .main{ padding:0 10px; line-height:40px; height:40px; font-size:14px; background:#fff;}
.order_select .screen_center{background:#fff; display:none;}
.order_select .screen_center ul li{ display:table; width:100%; padding-top:3%; border-top:1px solid #ececec}
.order_select .screen_center label{ font-size:14px ; color:#999; display:block; float:left; width:20%; text-align:center; line-height:30px;}
.order_select .screen_center .list{ display:table; width:80%; float:left;}
.order_select .screen_center .list span{ display:block; float:left; height:30px; line-height:30px; width:20%; border-radius:3px; border:1px solid #ccc; margin-right:3%; text-align:center; margin-bottom:3%; color:#666; font-size:14px;}
.order_select .screen_center .list span.on{background:#4880ef; color:#fff; border:1px solid #4880ef;}
.order_select .screen_center .input{display:table; width:80%; padding:0 0 3%; background:#fff; float:left;}
.order_select .screen_center .input input{width:45%; text-align:center; border-radius:3px; background:#fafafa; border:1px solid #ececec; -webkit-appearance: none; font-size:14px; color:#666; line-height:30px; height:30px;}


/*bb交易*/
.bb_content .bb_select{ position:fixed;width:82%; right:0; top:0; background:#000; z-index:99999;}
.bb_content .bb_select .select_main{height:36px; text-align:center; background:#fafafa; border-bottom:1px solid #e7e7e7; line-height:36px; font-size:14px;}
.bb_content .bb_select .select_main span{ font-size:12px; margin-left:5px; color:#ccc;}
.bb_content .bb_select .select_center{ display:none;  border-bottom:1px solid #e7e7e7;}
.bb_content .bb_select .select_center .label{height:36px; line-height:36px; text-align:center;}
.bb_content .bb_select .select_center .label ul li div{ display:table-cell; width:1%; color:#ccc;}
.bb_content .bb_select .select_center .select{width:100%;}
.bb_content .bb_select .select_center .select ul li{ display:table; width:100%; color:#fff;}
.bb_content .bb_select .select_center .select ul li:active{background:#666;}
.bb_content .bb_select .select_center .select ul li.on{background:#333; font-weight:bold;}
.bb_content .bb_select .select_center .select ul li div{ width:25%; float:left; line-height:40px; text-align:center; font-size:14px;}
.bb_content .bb_select .select_center .select ul li div .icon{ border-radius:100%; border:1px solid #ccc; padding:4px 5px 4px 4px; color:#000;}
.bb_content .bb_select .select_center .select ul li div .icon.on{background:#4880ef; border:1px solid #4880ef; color:#fff;}

.bb_content .bb_label { position:fixed; top:36px; right:0; width:82%; background:#fafafa; border-bottom:1px solid #e7e7e7; z-index:9; box-shadow:0 0 20px #e0e0e0;}
.bb_content .bb_label ul li{width:1%; display:table-cell; line-height:40px; text-align:center; background:#fafafa; font-size:14px; z-index:10; position:relative;}
.bb_content .bb_label ul li.on{background:#4880ef; color:#fff; /*box-shadow:0 0 20px #4880ef;*/ z-index:9;}
.bb_table_center .bb_main{margin:76px auto 0; width:100%; display:none;}
.bb_table_center .bb_main:nth-last-child(1){margin:117px auto 0;}
.bb_table_center .bb_main.on{ display:table;}
.bb_table_center .bb_main .list-block{margin:15px auto; display:table; width:100%; background:#fff; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding:10px;}
.bb_left_center{ width:43%; float:left;}
.bb_left_center p{margin:0; line-height:28px; color:#999;}
.bb_left_center p.text{font-size:14px;}
.bb_left_center p.number{font-size:20px; color:#333;}
.bb_left_center p.label{margin-top:15px;}
.bb_left_center .price{margin:5px auto 0; display:table; width:100%;}
.bb_left_center .price span{ display:block; float:left; width:22.5%; border:1px solid #ccc; text-align:center; color:#999; line-height:32px; font-weight:bold;}
.bb_left_center .price span:active{background:#f4f4f4;}
.bb_left_center .price span.minus{ border-top-left-radius:3px; border-bottom-left-radius:3px;}
.bb_left_center .price span.plus{ border-top-right-radius:3px; border-bottom-right-radius:3px;}
.bb_left_center .price input{background:#fff; -webkit-appearance: none; height:32px; width:55%; text-align:center; line-height:32px; border:none; border-top:1px solid #ccc; border-bottom:1px solid #ccc; float:left; border-radius:0; padding:0;}
.bb_left_center .input{margin:5px auto 10px; display:table; width:100%;}
.bb_left_center .input input{background:#fff; padding:0; float:left; -webkit-appearance: none; border-radius:3px; height:32px; width:100%; text-align:center; line-height:32px; border:1px solid #ccc;}
.bb_left_center .input span{ line-height:32px;}
.bb_left_center .button{ line-height:40px; height:40px; width:100%; margin:15px auto 10px;}

.bb_right_center{ display:table; float:right; width:55%;}
.bb_right_center .table{ width:100%; height:173px; overflow:hidden; overflow:auto;}
.bb_right_center .table_th{ line-height:32px; font-size:14px; font-weight:bold;}
.bb_right_center .table_th ul{border:none;}
.bb_right_center .table_th ul li{ width:25%; float:right; text-align:right;}
.bb_right_center .table_th ul li:nth-child(1){width:50%;}
.bb_right_center .table_td{ line-height:30px; font-size:14px;}
.bb_right_center .table_td.buy{ color:#F60;}
.bb_right_center .table_td.sale{ color:#09BB07;}
.bb_right_center .table_td ul{border:none;}
.bb_right_center .table_td ul li{ display:table; width:100%;}
.bb_right_center .table_td ul li:active{background:#f4f4f4;}
.bb_right_center .table_td ul li p{margin:0; width:25%; float:right; text-align:right;}
.bb_right_center .table_td ul li p:nth-child(1){width:50%;}
.bb_right_center .msg{margin:15px 0; display:table; line-height:40px; background:#f4f4f4; border-radius:3px; width:86%; border:1px solid #ededed; text-align:center; float:right; color:#999;}
.bb_right_center .msg font{color:#333;} 

<!--数字行情-->
.market_center{}
.market_center table{width:100%; margin-top:42px;}
.market_center table thead{background:#fafafa; line-height:40px; font-size:14px; font-weight:400; color:#999; text-align:center;}
.market_center table tbody tr{background:#fff; border-bottom:1px solid #ececec;}
.market_center table tbody tr:active{background:#f4f4f4;}
.market_center table tbody tr td{ text-align:center; padding:15px 0;}
.market_center table tbody tr td p{margin:0; font-weight:400; font-size:14px; color:#999;}
.market_center table tbody tr td h3{margin:0; font-weight:400; font-size:16px; color:#000;}
.market_center table tbody tr td button{background:#f0f0f0; border-radius:3px; border:none; color:#666; padding:4px 10px; font-size:16px;}
.market_center table tbody tr td button.win{background:#09BB07; color:#fff;}
.market_center table tbody tr td button.error{background:#F30; color:#fff;}

<!--账户设置-->
.setting_content{}
.setting_content .list-block .icon-1{padding:10px; background:url(../img/set1.png) no-repeat center / auto 100%;}
.setting_content .list-block .icon-2{padding:10px; background:url(../img/set2.png) no-repeat center / auto 100%;}
.setting_content .list-block .icon-3{padding:10px; background:url(../img/set3.png) no-repeat center / auto 100%;}
.setting_content .list-block .icon-4{padding:10px; background:url(../img/set4.png) no-repeat center / auto 100%;}
.setting_content .list-block .icon-5{padding:10px; background:url(../img/set5.png) no-repeat center / auto 100%;}
.setting_content .list-block .icon-6{padding:10px; background:url(../img/set6.png) no-repeat center / auto 100%;}

.setting_content .list-block .icon-7{padding:10px; background:url(../img/ic_pwd_pay@3x.png) no-repeat center / auto 100%;}
.setting_content .list-block .icon-8{padding:10px; background:url(../img/ic_security_name@3x.png) no-repeat center / auto 100%;}
.setting_content .list-block .icon-9{padding:10px; background:url(../img/ic_security_phone@3x.png) no-repeat center / auto 100%;}
.setting_content .list-block .icon-10{padding:10px; background:url(../img/ic_hand@3x.png) no-repeat center / auto 100%;}

.setting_content .item-inner img{width:100%;}
.setting_content .item-inner.img{ line-height:0;}
.setting_content .item-content{ line-height:30px;}

/*帮助中心*/
.help_content .help_label { position:fixed; top:0; right:0; width:100%; background:#fafafa; border-bottom:1px solid #e7e7e7; z-index:999; box-shadow:0 0 20px #e0e0e0;}
.help_content .help_label ul li{width:1%; display:table-cell; line-height:42px; text-align:center; background:#fafafa; font-size:14px; z-index:10; position:relative;}
.help_content .help_label ul li.on{background:#4880ef; color:#fff; /*box-shadow:0 0 20px #4880ef;*/ z-index:9;}
.help_label_center .help_main{margin:42px auto 0; width:100%; display:none;}
.help_label_center .help_main.on{ display:table;}

.help-img,.help-img ul{ display:table; width:100%;}
.help-img li{ line-height:0; } 
.help-img .img-list{ width:27%; height:100px; margin:4% 3%; float:left; display:table; position:relative; border:1px solid #e7e7e7;}
.help-img .img-list input[type=file] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.help-img .img-list span{padding:10px; background:url(../img/a-.png) no-repeat center / 100% auto; position:absolute; top:-7px; right:-7px;}
.help-img .img-list img{height:100%; width:100%;}

.issue_label { position:fixed; top:39px; right:0; width:100%; background:#f0f0f0; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; z-index:999;}
.issue_label ul li{width:1%; display:table-cell; line-height:42px; text-align:center; background:#f0f0f0; font-size:14px; z-index:10; position:relative;}
.issue_label ul li.on{color:#4880ef; border-bottom:1px solid #4880ef; z-index:9;}
.issue_label_center .issue_main{margin:42px auto 0; width:100%; display:none;}
.issue_label_center .issue_main.on{ display:table;} 

/*开通商家*/
.apply_content .apply_main{ display:none;}
.apply_content .apply_main.active{ display:table; width:100%;}
.apply_btn{ display:table; width:100%;}
.apply_content .apply_text iframe{ border:none; width:100%; height:100%; border-bottom:1px solid #e7e7e7}
.apply_content .list-block .icon-1{padding:10px; background:url(../img/wen.png) no-repeat center / auto 100%;}


/*历史订单*/
.history_content .history_label { position:fixed; top:0; right:0; width:100%; background:#fafafa; border-bottom:1px solid #e7e7e7; z-index:999; box-shadow:0 0 20px #e0e0e0;}
.history_content .history_label ul li{width:1%; display:table-cell; line-height:42px; text-align:center; background:#fafafa; font-size:14px; z-index:10; position:relative;}
.history_content .history_label ul li.on{background:#4880ef; color:#fff; /*box-shadow:0 0 20px #4880ef;*/ z-index:9;}
.history_label_center .history_main{margin:80px auto 0; width:100%; display:none;}
.history_label_center .history_main.on{ display:table;}
.history_content .card .card-footer{ padding:0; table-layout: fixed; display:table; width:100%; border-top:1px solid #ececec; min-height:auto; padding:7px 0;}
.history_content .card .card-footer a{position: relative;
	padding:4px 0;
    display: table-cell;
    width:50%;
    color: #929292;
    text-align: center;
    vertical-align: middle;}
.history_content .card .card-footer a.info{color:#4880ef; border-left:1px solid #ececec}
.history_content .card .card-footer a:nth-child(1){border-left:none;}