body{
    height: 100%;
    overflow-y: auto;
    background: #0b121a;
    color: #fff;
    font-family: PingFangSC-Regular!important;
}

button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    font-family: inherit;
    outline-offset: 0;
    outline-style: none;
    outline-width: 0;
    -webkit-font-smoothing: inherit;
    background-image: none;
    color: #fff;
}
.background-color{

}
.background-color span:first-child{
	display: block;
	width: .2rem;
	position: absolute;
    left: 10px;
}
.show-view-content{
	margin-top: .1rem!important;
	top: .25rem!important;
}
.qoute-view-ul{
	margin-top: .1rem!important;
	/*height: .65rem;*/
}
.qoute-view-ul li{
	height: .65rem!important;
	line-height: .65rem!important;
}
.qoute-view-ul li a{
	height: .65rem!important;
	line-height: .65rem!important;
}
.top-content{
	width: 100%;
	padding: 0 15px;
}
.layui-carousel{
	margin-top: .2rem;
}
.layui-carousel-arrow:hover, .layui-carousel-ind ul:hover {
     background-color: rgba(0,0,0,0);
}
.layui-carousel-ind ul {
    display: inline-block;
    padding: 5px;
    background-color: rgba(0,0,0,0)!important;
    border-radius: 10px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.layui-carousel-ind li{
	width: 5px!important;
	height: 5px!important;
}
.top-content-nav{
	width: 100%;
	display: flex;
	margin-top: .2rem;

}
.top-content-nav .ul-class{
	text-align: center;
	flex: 1;
}
.top-content-nav .ul-class>img{
	height: .35rem;
	width: .35rem;
}
.top-content-nav .ul-class p{
	font-size: 12px;
	color: #A2B2C8!important;
}
.user-capital-info{
	width: 100%;
	height: 1.25rem;
	display: flex;
	margin-top: .2rem;
	justify-content: space-between;
}
.user-capital-info>.my-account{
	padding: 0.09rem 0 .12rem .07rem;
	background-color: #20253A;
	border-radius:4px;
	width: 1.4rem;
	box-sizing: border-box;
	display: inline-block;
}
.user-capital-info>.my-account>p:first-child{
	font-size:14px;
	font-family:PingFangSC-Semibold;
	font-weight:600;
	color:#0176FE;
}
.user-capital-info>.my-account>p:nth-child(2){
	font-size:11px;
	font-family:PingFang-SC-Medium;
	font-weight:500;
	color:#52627A;
	margin-top: 4px;
}
.user-capital-info>.my-account>img{
	width:.62rem;
	height:.59rem;
	margin-top: 12px;
}
.capital-details{
	width: 1.96rem;
	display: flex;
	flex-flow: column;
	margin-left: .09rem;
	flex: 1;
}
.capital-details>div{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #20253A;
	border-radius:4px;
	height: .58rem;
	padding: 0 .12rem;
}
.capital-details>div:last-child{
	/*align-self: flex-end;*/
	margin-top: .09rem;
}
.capital-details>div>div{
}
.capital-details>div>div p{
	line-height: .2rem;
}
.capital-details>div>div p:first-child{
	font-size: 11px;
	color: #A2B2C8;
}
.capital-details>div>div p:last-child{
	font-size: 15px;
	color: #F4323B;
}
.capital-details>div>img{
	width: .2rem;
	height: .2rem;
}
.commodity-title{
	margin-top: 20px;
}
.commodity-title>div{
	font-size: 16px;
	color: #DAE7FA;
}
.commodity-title>p{
	margin-top: 5px;
	font-size: 12px;
	color: #52627A;
}
.slide-history.slider, .slide-qoute.slider {
	top: 10px!important;
	padding: 0 .15rem;
}

.bottom-tabs{
    background-color: #242A3D!important;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: .5rem;
	z-index: 5;
	display: flex;
	text-align: center;
	align-items: center;
}
.bottom-tabs a{
	font-size: 10px;
	color: #fff;
	flex: 1;
}

.has-tabs{
	bottom: .5rem;
}

/*模态框*/
.modal-recharge{
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.3);
	z-index: 99999;
	padding: 0 .38rem;
	display: flex;
	align-items: center;
	display: none;
}
.modal-recharge .modal-content{
	width: 100%;
	/* height: 1.81rem; */
	background: #262D44;
	padding: 0 .15rem;
	border-radius:4px;
	position: relative;
}

.modal-recharge .modal-content>div{
	height: .53rem;
	text-align: center;
	font-size: .15rem;
	color: #DAE7FA;
	border-bottom: 1px solid #313751;
	line-height: .53rem;
}
.modal-recharge .modal-content div:first-of-type{
	font-size: .15rem;
	color: #A2B2C8;
}
.modal-recharge .modal-content>div:last-child{
	border: none;
}
.modal-recharge .modal-content img{
	position: absolute;
	right: .1rem;
    top: .1rem;
}
/*goods页面样式*/
.goods-content{
	width: 100%;
	padding: 0 .15rem;
	background: #191E31;
}
.goods-title{
	width: 100%;
	display: flex;
}
.present-price p{
	font-size: .13rem;
	color: #8192AB;
}
.present-price section{
	font-size: .24rem;
	color: #F4323B;
}

.equity-market-info{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media screen and (max-width: 320px) {
	.present-price section{
		position: relative;
		bottom: 5px;
	}
}
.equity-market-info>section>p{
	margin: 0;
}
.equity-market-info>section>p:first-child{
		font-size: .13rem;
		color: #8192AB;
}
.equity-market-info>section>p:last-child{
	font-size: .16rem;
	color:#DAE7FA!important;
}
#has-header{
	top: 0;
}
.goods-bottom{
	width: 100%;
	height: .45rem;
	display: flex;
	position: fixed;
	bottom: 0;
	z-index: 5;
}
.goods-bottom div{
	flex: 1;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .15rem;
	color: #FFFFFF;
}
.goods-bottom div:first-child{
	background-color: #F4323B;
}
.goods-bottom div:last-child{
	background-color: #25D6C2;
}
/*休市*/
.closed-market{
	background-color: #242A3D!important;
}


.order-view,
.qoute-view {
    width: 100%;
    height: 100%;
    padding: 0px;
    position: relative;
}

.order-view > .order-view-header > ul,
.qoute-view > .qoute-view-header > ul {
    width: 100%;
    display: flex;
}

.order-view > .order-view-header > ul > li,
.qoute-view > .qoute-view-header > ul > li {
    color: #70829A;
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    cursor: pointer;
    text-align: center;
    background-color: #20253A;
    /*border-bottom: 1px solid rgb(41, 44, 49);*/
}

.slide-history.slider,
.slide-qoute.slider {
    position: absolute;
    top: 40px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.order-view .order-view-content,
.qoute-view .qoute-view-content {
    position: absolute;
    top: 35px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.order-view .order-view-content .scroll-view,
.qoute-view .qoute-view-content .scroll-view {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
   /* overflow:auto; */
}

.order-view .order-view-content ul,
.qoute-view .qoute-view-content ul {
    width: 100%;
    display: flex;
}

.order-view .order-view-content ul > li,
.qoute-view .qoute-view-content ul > li {
    color: #DAE7FA;
    width: 100%;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    background-color: #20253A;
}

.order-view .order-view-content ul > li:first-child a,
.qoute-view .qoute-view-content ul > li:first-child a {
    text-align: left;
    padding-left: 15px;
}

.qoute-view .qoute-view-content ul > li > a {
    color: white;
    width: 100%;
    height: 45px;
    font-size: .14rem;
    display: block;
    line-height: 45px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}

.fall-value {
    color: #50D7C8!important;
    font-size: 14px;
    /*margin-top: 8px;*/
    height: 30px !important;
    line-height: 30px !important;
    background:url(../images/rise.png) no-repeat;
    background-size: 100% 100%;
    background-position-y: .05rem;
}

.rise-value {
    color: #F4323B!important;
    font-size: 14px;
    height: 30px !important;
    line-height: 30px !important;
    background:url(../images/decline.png) no-repeat;
    background-size: 100% 100%;
    background-position-y: .05rem;
}

/* 个人中心样式 */

#code {
    width: 100%;
    height: 250px;
    margin-top: 40px;
    text-align: center;
}

#code img {
    width: 250px;
    height: 250px;
}

.profile-background {
    background-color: rgb(17, 20, 29);
    padding: 0 4%;
}
.profile-background header{
    color: white;
    width: 100%;
    height:40px;
    line-height: 40px;
    border-bottom:1px solid #666666 ;
}
.profile-capital {
    color: rgb(236, 181, 64);
    padding-top: 10px  !important;
    text-align: center;
}
.profile-capital .col{
    background-color: rgb(38, 40, 52);
    height:30px;
    line-height: 30px;
    color: wheat;
    text-decoration: none;
}
.profile-capital .col:nth-of-type(1){
    margin-right: 10px !important;
}
.profile-background header .col:nth-of-type(1) span{
    color: wheat;
}
.profile-background header .col:nth-of-type(2){
    text-align: right;
}
.capital-title {
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.capital-label {
    font-size: 14px;
    margin-top: 0px;
    text-align: center;
    color: rgb(200, 200, 200);
}

.profile-menu {
    margin-top: 8px !important;
}

.profile-menu, .profile-menu .list .item {
    border: none;
    margin-bottom: 1px;
    color: rgb(236, 181, 64);
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    background-color: rgb(38, 40, 52);
    border-bottom: 1px solid rgb(29, 32, 41);
}


.profile-menu .list .item .badge {
    top: 11px;
    font-size: 10px;
    padding: 1px 8px;
}

.agreement pre {
    padding: 10px;
}

.siup-code-btn,
.siup-code-btn:hover,
.siup-code-btn.activated {
    position: absolute;
    right: 0px;
    top: 4px;
    padding: 5px;
    border-width: 1px;
    border-color: rgb(236, 181, 64);
    border-radius: 0px;
    font-size: 10px;
    background-color: #1d1d25;
    color: rgb(200, 200, 200);
    width: 80px !important;
    margin: 2px 5px 2px 0px !important;
}

.item-input-wrapper {
    padding: 0px;
    background-color: rgba(0, 0, 0, 0.0);
}

.item-input-wrapper input {
    color: white;
    font-size: 18px !important;
    height: 50px !important;
    line-height: 50px !important;
}

.signup-scroll,
.signup-scroll .scroll {
    width: 100%;
    height: 100%;
}

.signup-scroll .signin {
    top: 20%;
}

.signup-scroll .system-logo img {
    height: 100px;
    width: 100px;
}

.signup-scroll .signin-header {
    margin-bottom: 10px;
}

.sub-profile-menu {
    height: 0px;
    overflow: hidden;
}

.sub-profile-menu.open {
    height: auto;
    margin-top: -1px;
}

.sub-profile-menu .item {
    padding-left: 25px;
}

.sub-profile-menu .item:first {
    border-top: 0px;
}

.pay-header {
    color: rgb(200, 200, 200);
    margin-top: -20px;
    padding: 10px;
    border-bottom: 1px solid rgb(38, 40, 52) !important;
}

.pay-list .item-content {
    padding: 0px 0px 0px 10px;
    background-color: rgb(30, 30, 40) !important;
}

.pay-list .radio-icon {
    font-size: 14px;
    padding: 0px 20px;
}

.pay-list img {
    max-height: 25px;
    max-width:100px;
    vertical-align: middle;
}

.pay-list .img-box {
    width: 100px;
    float: left;
    text-align: center;
}

.deposit_amount {
    padding: 25px 25px 25px 0px !important;
}

.webview-modal .scroll {
    width: 100%;
    height: 100%;
}
.pay_model{
    width: 100%;
    height: 100%;
}
.webview-modal .iframe_scroll{
    margin-top: 40px ;
    width:100%;
    height:92%;
    -webkit-overflow-scrolling:touch;
    overflow: scroll;
}

.webview-modal iframe {
    width: 100%;
        height: 100%;
}
.bank-info-modal ul {
    height: 100%;
}


.modal {
    background-color: #1b1b1b;
}
.order-modal-content .newinput{
    padding: 0;
}
.order-modal-content .newinput .input-text{
    height: 0.5rem;
    line-height: 0.5rem;
}
.web-install .header {
    border-bottom: 1px solid rgb(220, 220, 220);
}

.web-install .header .icon {
    float: left;
    padding: 15px;
}

.web-install .header .icon img {
    width: 80px;
    height: 80px;
    border-radius: 30px;
}

.web-install .header .content {
    padding: 15px;
}

.web-install .header .content .title h5 {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.web-install .header .content .sub-title {
    font-size: 12px;
}

.web-install .header .content .operate {
    height: 35px;
    width: 100%;
    position: relative;
    left: 0px;
    right: 0px;
    vertical-align: bottom;
}

.web-install .header .content .operate .star {
    position: absolute;
    left: 95px;
    bottom: 0px;
    font-size: 12px;
}

.web-install .header .content .operate .button-light {
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    background-color: white;
    border: 1px solid rgb(46, 120, 201);
}

.web-install .screen-preview .scroll-view {
    width: 100%;
    height: 300px;
    overflow: hidden;
    display: inline-block;
}

.web-install .screen-preview .scroll-view img {
    width: 180px;
    height: 300px;
}
/*确认下单*/
.order_confirm_title {
    height: 40px;
    line-height: 40px;
    background-color: rgb(46, 49, 58) !important;
}

.order_confirm_title > .title {
    height: 40px;
    line-height: 40px;
}

.order_confirm_title > .button:last-child {
    top: 0 !important;
    bottom: 0 !important;
    margin: auto;
    line-height: 30px;
    min-height: 0;
}

.confirm_order {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 350px;
    height: 400px;
    min-height: 400px;
    margin-left: -175px;
    margin-top: -200px;
    background-color: rgb(28, 28, 36);
}

.order_content {
    top: 45px !important;
}

.order_content .scroll {
    width: 100%;
}

.well {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 20px;
    background-color: rgba(51, 51, 51, 1);
    font-weight: 400;
    font-style: normal;
    text-align: center;
    line-height: 25px;
}
.well.selected {
    border-width: 2px;
    border-style: solid;
    border-color: rgba(255, 153, 0, 1);
    width: 100px;
    height: 100px;
}
.balance_time {
    font-size: 12px;
    color: rgb(102, 102, 102);
}
.remain_time {
    font-size: 28px;
    color: rgb(255, 255, 255);
}
.profit {
    font-size: 12px;
    color: rgb(255, 153, 0);
}
.price_row {
    margin-top: 10px !important;
}

.price_box {
    display: inline-block;
    width: 20%;
    margin-bottom: 10px;
}

.price_box,#other_account {
    border: 1px solid rgba(102, 102, 102, 1);
    text-align: center;
    margin-right: 6.66%;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    height: 22px;
}

.price_box:nth-of-type(4) {
    margin-right: 0;
}

.selected {
    box-sizing: border-box;
    border:1px solid rgba(255, 153, 0, 1);
    height: 22px;
}

#other_account {
    display: inline-block;
    margin-right: 4%;
    max-width: 20%;
    background-color: rgba(0, 0, 0, 1);
    line-height: 22px;
    padding-top: 0;
    margin-top: -4px;
}



.no_border {
    border:0;
    line-height: 1;
}
.no_border > span {
    font-size: 10px;
    color: #666666;
}
.buy_infos,.poundage {
    font-family: 'MicrosoftYaHei', 'Microsoft YaHei Normal', 'Microsoft YaHei';
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: #999999;
    text-align: left;
    margin-top: 5px;
    float: left;
}
.poundage {
    text-align: right;
    float: right;
}
.inside_box {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(121, 121, 121, 1);
    margin-top: 30px;
}
.confirm_infos {
    color: #999999;
    font-size: 14px;
}

.white_font {
    color: #fff !important;
}
.orange_font {
    color: #FF9900 !important;
}
.changed_font {
    color: #FF0000 !important;
}
.order_confirm {
    height: 40px;
    background-color: rgba(255, 102, 51, 1);
    font-size: 18px;
    color: #FFFFFF;
    line-height: 40px;
    margin-bottom: 0;
}
/*下单成功*/
.order_success {
    width: 90%;
    max-height: 40%;
    min-height:auto;
    position: fixed;
    top:0;
    bottom: 0;
    left:0;
    right:0;
    margin: auto;
    background-color: rgba(0, 0, 0, 1);
    border: 1px solid rgba(153, 153, 153, 1);
    overflow: auto;
}
.col > span:nth-of-type(1),.buy_price > span:nth-of-type(1) {
    font-size: 12px;
    color: #999999;
}
.order_name > span:nth-of-type(2) {
    font-size: 12px;
    color: #fff;
}
.order_count > span:nth-of-type(2) {
    font-size: 12px;
    color: #FF9900;
}
.countdown {
    width: 100%;
    height:82px;
    line-height: 82px;
    font-size: 72px;
    color: #FF0000;
    text-align: center;
}
.buy_price {
    width: 100%;
    text-align: center;
}
.buy_price > span:nth-of-type(2) {
    font-size: 12px;
    color: #fff;
}
.data_show > .col > span:nth-of-type(2) {
    font-size: 12px;
    color: #FF0000;
}

.order-confirm-panel .period-widget {
    padding: 5px 0;
    overflow: hidden;
}

.order-confirm-panel .period_footer {
    background-color: #22273F;
    width: 100%;
    margin-top: 3px;
    height: 23px;
    line-height: 23px;
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 5px;
}

.person_money_list .scroll{
    height: 92%;
}
.person_money_list .scroll .scroll-view .scroll{
    height: auto;
    margin-top: 60px;
}

#container{-webkit-tap-highlight-color: transparent; -webkit-user-select: none; position: relative; background: rgb(238, 238, 238); background:#191E31;}

#ecBar{ height:150px;}

#ecKx{}

#container>.txt1{position:absolute;left:5px;top:0; color:#fff;}
#container>.txt2{position:absolute;left:5px;bottom: 132px;color:#fff;top: 72%;}
#container>.txt1>span,#container>.txt2>span{margin-right:5px;font-size:10px;}
#container>.txt1>span.b{color:red;}
#container>.txt1>span.c{color:blue;}
#container>.txt1>span.d{color:green;}
#container>.txt1>span.e{color:yellow;}

#container>.txt2>span.b{color:red;}
#container>.txt2>span.c{color:blue;}

.pay_code_area{
        z-index: 99;
    position: absolute;
    top: 20%;
    width: 60%;
    text-align: center;
    padding: 0.3rem;
    background: #ccc;
    margin: 0 20%;
}
.pay_code_area p{
        margin: 0.1rem 0;
    color: #fff;
    font-size: 0.2rem;
}
.code_pay_ul li{
    margin: 0.1rem
}

.user_btn{
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #313751;
    font-size: .14rem;
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.user_btn .right{
    float: right;
}
.user_btn a{
    text-decoration:none;
}
.user_btn_p{
    padding: 0 0.2rem;
    color: #fff;
    margin: 0;
}

.ercodes{
    text-align: center;
    margin-top: 15%;
}

.editc{
    float: right;
    color: #FFBC0C;
    font-weight: 600;
    margin-right: 0.2rem;
    margin-top: 0.1rem;
}

.reg_push li{
    float: left;
    width: 30%;
    text-align: center;
    background: #fff;
    margin: 1.3%;
    border-radius:0.05rem;

}

.order-p{position:fixed;bottom:20px;width:100%;}
.order-p .order-item{width:70%;height:30px;padding:0 10px;line-height:30px;text-align:center;margin:0 auto;background-color:rgba(0,0,0,0.5);color:#fff;}

.bottom-tabs-this{
	color: #0176FE;
}
.ionic_toast {
  z-index: 9999;
}
.toast_section {
  color: #FFF;
  cursor: default;
  font-size: 1em;
  display: none;
  border-radius: 5px;
  opacity: 1;
  padding: 10px 30px 10px 10px;
  margin: 10px;
  position: fixed;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.75);
}

.ionic_toast_top {
  top: 10px;
}

.ionic_toast_middle {
  top: 40%;
}

.ionic_toast_bottom {
  bottom: 10px;
}

.ionic_toast_close {
  border-radius: 2px;
  color: #CCCCCC;
  cursor: pointer;
  display: none;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 20px;
  height: 20px;
}

.toast_close_icon {
  position: relative;
  top: 1px;
}

.ionic_toast_sticky .ionic_toast_close {
  display: block;
}



.order-modal-header {
    border: none;
    background-image: none;
    background-color: black;
    height: 40px;
    line-height: 40px;
}

.order-modal-header h1 {
    color: white;
    font-size: 14px !important;
}
.order-modal-header  .title{
        height:40px !important;
        line-height:40px !important;
}
.order-modal-header .close {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    height: 40px;
    width: 0.4rem;
    font-size: 25px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    color: white;
}

.order-modal-content {
    background-color: rgb(30, 30, 40);
    overflow:visible;
    height:100%;
}

.order-modal-content .list > .item {
    border: none;
    font-size: 12px;
    padding: 0px;
    height: 51px;
    line-height: 51px;
    margin-bottom: 1px;
    color: rgb(200, 200, 200);
    border-bottom: 1px solid rgb(38, 40, 52) !important;
}

.order-modal-content .list > .item input {
    color: white;
}

.order-modal .button-bar {
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 45px;
    line-height: 45px;
    position: absolute;
}

.order-modal .button-bar .button-dark {
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    border: none !important;
    border-radius: 0px 0px 0px 0px;
}

.order-modal .button-bar .button-balanced {
    font-size: 14px;
    border: none !important;
    border-radius: 0px 0px 0px 0px;
    background-color: rgb(185, 60, 65);
}

.order-modal .input-label {
    color: rgb(200, 200, 200);
    font-size: 14px;
    padding-left: 25px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.order-modal .input-content {
    color: rgb(200, 200, 200);
    font-size: 14px;
}

.modlity_color{
	color: #52627A!important;
}
.modlity_color>.col{
	color: #52627A!important;
}


/* 页头CSS */
.headerbar {
    border: none !important;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
}

.headerbar .header-item {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    font-weight: 600;
}

.headerbar button {
    border: none;
    height: 40px;
    line-height: 40px;
    color: rgb(236, 181, 64) !important;
    background-color: rgb(46, 49, 58) !important;
}

/* 导航栏CSS */
.navbar > .tab-nav {
    border: none;
    padding-top: 5px;
    height: 50px;
    background-image: none;
    /*background-color: #2c2b31 !important;*/
    font-size: 12px;
    color: #abacae;
}

.navbar > .tab-nav > .tab-item {
    padding-top: 5px;
    color: white !important;
}
.navbar > .tab-nav > .tab-item:before{
    font-size: 20px;
}
.tabnone:before{
    font-size: 0;
}
.navbar > .tab-nav > .tab-item.tab-item-active {
    color: rgb(236, 181, 64) !important;
}
.navbar > .tab-nav > .tab-item.tab-item-active:before{
    font-size: 20px;
}
.navbar > .tab-nav > .tab-item > span{
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
}


/* 行情页CSS */
.qoute-category {
    width: 100%;
    margin-bottom: -5px;
}

.qoute-category > ul {
    width: 100%;
    height: 40px;
    padding: 0px;
    display: flex;
    line-height: 40px;
    text-align: center;
    padding-left: auto;
    margin-bottom: 4px;
    background-color: rgb(31, 32, 36);
}

.qoute-category > ul > li {
    float: left;
    color: white;
    width: 100%;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    background-color: rgb(31, 32, 36);
}

.qoute-category > ul > li.active {
    color: rgb(236, 181, 64);
    border-bottom: 2px solid rgb(236, 181, 64);
}

.scroll-view {
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.order-view,
.qoute-view {
    width: 100%;
    height: 100%;
    padding: 0px;
    position: relative;
}

.order-view > .order-view-header > ul,
.qoute-view > .qoute-view-header > ul {
    width: 100%;
    display: flex;
}

.order-view > .order-view-header > ul > li,
.qoute-view > .qoute-view-header > ul > li {
    color: #70829A;
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    cursor: pointer;
    text-align: center;
    background-color: #20253A;
    /*border-bottom: 1px solid rgb(41, 44, 49);*/
}

.slide-history.slider,
.slide-qoute.slider {
    position: absolute;
    top: 40px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.order-view .order-view-content,
.qoute-view .qoute-view-content {
    position: absolute;
    top: 35px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.order-view .order-view-content .scroll-view,
.qoute-view .qoute-view-content .scroll-view {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
   /* overflow:auto; */
}

.order-view .order-view-content ul,
.qoute-view .qoute-view-content ul {
    width: 100%;
    display: flex;
}

.order-view .order-view-content ul > li,
.qoute-view .qoute-view-content ul > li {
    color: #DAE7FA;
    width: 100%;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    background-color: #20253A;
}

.order-view .order-view-content ul > li:first-child a,
.qoute-view .qoute-view-content ul > li:first-child a {
    text-align: left;
    padding-left: 15px;
}

.qoute-view .qoute-view-content ul > li > a {
    color: white;
    width: 100%;
    height: 45px;
    font-size: .14rem;
    display: block;
    line-height: 45px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}

/* 交易页面CSS */
.trade-qoute-header {
    padding: 0px;
    color: white;
    height: 80px;
    line-height: 80px;
    background-color: rgb(33, 33, 37);
}

.trade-content .row,
.trade-content .row .col {
    margin: 0px;
    padding: 0px;
    height: 80px;
}

.main-qoute {
    color: red;
    margin: 0px;
    font-size: 30px;
    height: 80px;
    line-height: 80px;
    width: 150px;
    text-align: center;
    color: #ffffff;
}

.row_price{
    float: left;
    margin-top: 10px !important;
}

.qoute-widget {
    text-align: center;
    padding: 15px 0px !important;
}

.qoute-widget .qoute-widget-title {
    display: block;
    height: 25px;
    line-height: 25px;
    font-size: 14px !important;
    text-align: left;
    color: rgb(89, 89, 90);
}

.qoute-widget .qoute-widget-value {
    display: block;
    height: 25px;
    line-height: 25px;
    font-size: 16px !important;
    text-align: left;
}

.row_padding {
    padding: 0 10px !important;
}

.row_buy > div {
    font-size: 20px;
    line-height: 40px;
    height: 40px;
    text-align: center;
}

.row_buy > div:nth-of-type(1){
    background-color: rgba(255, 0, 0, 0.8);
    color: #fff;
}

.row_buy > div:nth-of-type(2){
    border: 1px solid rgba(255, 0, 0, 1);
    margin: 0 2.5% !important;
}

.row_buy > div:nth-of-type(3){
    background-color: rgba(0, 255, 0, 0.8);
    color: #fff;
}

.index_scroll {
    width: 585px;
    padding-left: 10px;
    margin-bottom: 10px;
}

.index_scroll ul {
    border:1px solid #ccc;
    border-right: 0;
}

.index_scroll,.index_scroll ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 25px;
    line-height: 25px;
}

.index_scroll li {
    float: left;
    color: #fff;
}

.index_scroll a {
    display: inline-block;
    padding: 0 5px;
    border-right: 1px solid #ccc;
    color: #CCCCCC;
    text-decoration: none;
}

.index_ul > li.active a{
    color: #fff;
}


.trade-view .history-panel {
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    bottom: 100%;
    background-color: rgb(30, 30, 40);

    -moz-box-shadow:2px 2px 5px #333333;
    -webkit-box-shadow:2px 2px 5px #333333;
    box-shadow:2px 2px 5px #333333;
}

.trade-view .history-panel.open {
    top: 2.5rem;
    bottom: 0.5rem;
    -webkit-transition: top 300ms ease-out;
    -moz-transition: top 300ms ease-out;
    -ms-transition: top 300ms ease-out;
    -o-transition: top 300ms ease-out;
    transition: top 300ms ease-out;
}

.trade-view .order-confirm-panel {
    display: none;
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    margin-left: -45%;
    height: 464px;
    margin-top: -212px;
    border-radius: 10px;
    z-index: 20;
}

.trade-view .order-confirm-panel.open {
    display: block;
}

.trade-view .order-confirm-panel .period {
    width: 100%;
    height: 150px;
    padding: 10px 5px 0px 10px;
    overflow: hidden;
    border-top: 1px solid #2b2930;
}
.trade-view .order-confirm-panel .period .scroll-view{
        height: 110px;
}
.trade-view .order-confirm-panel .period .scroll {
    width: 100%;
    height: 100%;
}

.trade-view .order-confirm-panel .period .period-widget-view {
    width: 2000px;
}

.period-widget {
    height: 105px;
    width: 90px;
    float: left;
    padding: 5px;
    margin-right: 10px;
    background-image: url(../images/clock.png);
    background-size: contain;
    background-color: #2c2d31;
    border-radius: 5px;
    box-sizing: border-box;
}

.period-widget.active {
    border: 1px solid #0176FE;
    background-image: url(../images/sele.png);
    background-size: contain;;
    background-position: right top;
    background-repeat: no-repeat;
    /*background-position-x: .55rem;*/
    background-position-x: 102%;
}

.period-widget.hover {
    width: 100px;
}

.trade-view .order-confirm-panel .amount {
    width: 100%;
    height: auto;
    padding: 2px 5px 0px 10px;
    overflow: hidden;
}

.trade-view .order-confirm-panel .amount .scroll-view {
    width: 100%;
    margin-right: 5px;
    height: 50px;
    float: left;
}

.trade-view .order-confirm-panel .amount .scroll {
    width: 100%;
    height: 50px;
    float: left;
}

.trade-view .order-confirm-panel .period .period-widget-view {
    width: 2000px;
}

.amount-box {
    font-size: 12px;
    color: #DAE7FA;
    height: 30px;
    line-height: 30px;
    float: left;
    padding: 0px 8px;
    text-align: center;
    margin-right: 5px;
    background-color: #293049;
    border-radius: 3px;
}


.amount-box.active {
    border: 1px solid #0176FE;
    background-image: url(../images/sele.png);
    background-size: 15px;

    background-position: right top;
    background-repeat: no-repeat;
    color: #0176FE;
}

.trade-view .order-confirm-panel .amount .amount-view {
    width: 2000px;
}

.period-widget-header {
    font-size: 12px;
    color: #596981;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.period-widget-content {
    font-size: 15px;
    text-align: center;
    color: #e1ab32;
    height: 34px;
    line-height: 34px;
    padding-right: 5px;
}

.period-widget-content.active {
    line-height: 17px;
}

.period-widget-content > .final_unit {
    font-size: 15px;
    color: #0176FE;
}

.period-widget-content > .final_time {
    font-size: 28px;
    font-weight: bold;
    color: #0176FE;
}

.period-widget-footer {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fa2e42;
}

.info-view {
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    width: 100%;
    display: table;
}

.info-view div {
    display: table-cell;
}

.order-detail-view {
    width: 100%;
    height: 125px;
    clear: both;
    padding: 5px;
    color: white;
}

.order-detail-view .order-detail {
    height: 100%;
    width: 100%;
    border-top: 1px solid #333235;
}

.order-detail-view .order-detail .row {
    height: 30px;
    line-height: 30px;
}

.fields  > div{
    color: #6d6d6d;
    font-size: 12px;
}

.fields {
    margin-top: 5px !important;
    height: 24px !important;
    line-height: 24px !important;
}

.order-detail-view .order-detail .row > div {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.order-detail-view .order-detail .row > .qoute_name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#money {
    color: #0176FE;
}

.order-detail-view .order-detail .row:last-child > div {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.order-detail-view .button {
    width: 90%;
    color: #DAE7FA;
    background-color: #0176FE;
    min-height: 0;
    height: 40px;
    font-size: 15px;
   line-height: 40px;
   font-family: "microsoft yahei";
}

.btn_confirm {
    margin-top: 12px !important;

}

.expect_profit {
    color: #0176FE;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    margin-top: 15px;
    font-size: 12px;
}

.other-amount {
    width: 22%;
    float: left;
    height: 29px;
}

.other-amount.active {
    border: 1px solid #0176FE;
    border-radius: 3px;
    overflow: hidden;
}

.other-amount input {
    color: #ffffff !important;
    width: 100%;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #38373e;
    border-radius: 3px;
}
.other-amount input::-webkit-input-placeholder{
	color: #DAE7FA;
}
.trade-view .order-state-panel {
    display: none;
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    margin-left: -45%;
    height: 310px;
    margin-top: -155px;
    background-color: #1b1a1e;
    border-radius: 10px;
    z-index: 20;
}

/*倒计时圆形进度条*/
.circle_wrapper {
    position: relative;
    left: 0;
    right: 0;
    top: 5px;
    bottom: 120px;
    margin: auto;
    width: 110px;
    height: 127px;
    box-sizing: content-box;
}

.right_circle,.left_circle {
    position: absolute;
    width: 110px;
    height: 110px;
    overflow: hidden;
    top: 8px;
}
.right_circle {
    right: -50%;
}
.left_circle {
    left: -50%;
}
.right_circle > img {
    width: 100%;
    position: absolute;
    right: 50%;
    -webkit-animation: run 5s linear;
    animation-fill-mode: forwards;

}
@-webkit-keyframes run{
    0{
        transform: rotate(0);
    }
    50%{
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(180deg);
    }
}
.left_circle > img {
    width: 100%;
    position: absolute;
    left: 50%;
    -webkit-animation: runaway 5s linear;
    animation-fill-mode: forwards;
}
@-webkit-keyframes runaway{
    0{
        transform: rotate(0);
    }
    50%{
        transform: rotate(0);
    }
    100% {
        transform: rotate(180deg);
    }
}

.trade-view .order-state-panel .close {
    line-height: 44px;
    color: #6d6d6d;
    font-size: 28px;
    vertical-align: middle;
}

.trade-view .order-state-panel .success {
    color: white;
    border-top: 1px solid #2b2930;
}

.trade-view .order-state-panel .success .pupil_success {
    position: relative;
    height: 150px;
    text-align: center;
    padding-left: 0px !important;
}

.trade-view .order-state-panel .success .pupil_success p:nth-of-type(1) {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    color: #fdbe19;
    font-size: 18px;
    height:20px;
}

.trade-view .order-state-panel .success .pupil_success p:nth-of-type(2) {
    position: absolute;
    top:60%;
    width: 100%;
    color: #fff;
    font-size: 12px;
    height:15px;
    text-align: center;
}

.trade-view .order-state-panel .success .pupil_success p:nth-of-type(2) span {
    color: #6d6d6d;
}

.trade-view .order-state-panel .success .row {
    height: 70px;
    padding-top: 10px !important;
    border-top: 1px solid #333235;
}

.trade-view .order-state-panel .success .row .col {
    height: 30px;
}

.trade-view .order-state-panel .success .info_list .col {
    height: 40px;
    border-right: 1px solid #000;
    border-left: 1px solid #333235;
}

.trade-view .order-state-panel .success .info_list .first_info {
    border-left: 0;
}

.trade-view .order-state-panel .success .info_list .last_info {
    border-right: 0;
}

.trade-view .order-state-panel .success .row .col > p:nth-child(1) {
    font-size: 12px;
    color: #6d6d6d;
    text-align: center;
    margin-bottom: 0;
}

.trade-view .order-state-panel .success .row .col > p:nth-child(2) {
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.trade-view .order-state-panel .success .remaining {
    position: relative;
    height: 138px;
    border-bottom: 1px solid #000;
}

.trade-view .order-state-panel .success .count_remaining {
    margin-top: -128px !important;
}

.trade-view .order-state-panel .success .remaining > div >div:nth-of-type(1) {
    font-size: 40px;
    color: #fdbe19;
    text-align: center;
    margin-top: 19px;
}

.trade-view .order-state-panel .success .remaining > div >div:nth-of-type(2) {
    font-size: 12px;
    color: #6d6d6d;
    text-align: center;
    margin-top: 16px;
}

.trade-view .order-state-panel .success .remaining > div >div:nth-of-type(3) {
    font-size: 14px;
    color: #fa2e42;
    text-align: center;
}

.trade-view .order-state-panel .success .finish_remaining .result_profit {
    margin-top: 0 !important;
    height: 105px;
    line-height: 105px;
}

.trade-view .order-state-panel .success .finish_remaining .expired_statements {
    margin-top: -30px !important;
}


.trade-view .order-state-panel .success .remaining > .col {
    color: red;
    font-size: 40px;
    text-align: center;
    height: 105px;
    padding-left: 0px !important;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin: auto !important;
}

.trade-view .order-state-panel .success .remaining > .col > img {
    width: 100px;
}

.trade-view .order-state-panel .wait .row {
    height: 150px;
    line-height: 150px;
}

.trade-view .order-state-panel .wait .row .col {
    color: white;
    font-size: 20px;
    text-align: center;
    height: 150px;
    line-height: 150px;
    padding-left: 0px !important;
}

.trade-view .order-state-panel .button_row {
    position: absolute;
    bottom: 15px;
    padding-right: 20px !important;
}

.trade-view .order-state-panel .wait .row .col i {
    color: yellow;
    font-size: 25px;
}

.trade-view .order-state-panel .fail .row .col {
    color: white;
    font-size: 20px;
    text-align: center;
    height: 150px;
    line-height: 150px;
    padding-left: 0px !important;
}

.trade-view .order-state-panel .fail .row .col i {
    color: red;
    font-size: 25px;
}

.order-confirm-panel  .trade-view .order-state-panel .button {
    width: 96%;
    color: white;
    margin-left: 2%;
    margin-right: 2%;
    background-color: rgb(255, 91, 45);
}

 .trade-view .order-state-panel .button {
    width: 100%;
    height: 40px;
    min-height: 0;
    line-height: 40px;
    font-size: 15px;
    font-family: "microsoft yahei";
    color: #DAE7FA;
    background-color: #0176FE;
    left: 0;
 }

 /*毛玻璃效果*/
.glass_mask {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    /*background: -webkit-linear-gradient(left top, rgba(255, 177, 0, 0.49), rgba(0, 161, 255, 0.76));
    background: -moz-linear-gradient(left top, rgba(255, 177, 0, 0.49), rgba(0, 161, 255, 0.76));
    background: linear-gradient(left top, rgba(255, 177, 0, 0.49), rgba(0, 161, 255, 0.76));*/
   background:rgba(25,30,49,0.6);
    z-index: 10000;
    display: block;
}

.trade-view .order-state-panel.open {
    display: block;
}

.order-confirm-panel .panel-header,.order-state-panel .panel-header {
    position: relative;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    color: white;
    text-align: center;
    background-color: #242e4c;
    width: 100%;
    padding: 0 10px;
    font-family: "microsoft yahei";
}

.order-state-panel .panel-header > div{
    /*color: #fdbe19;*/
    border-bottom: 1px solid #000;
}

.order-confirm-panel .panel-header > div {
    border-bottom: 1px solid #313751;
}

.invest_account span{
    text-align: right;
    color: #FF0000;
    display: inline-block;
    width: 78%;
}

.panel-header {
    position: relative;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    color: white;
    text-align: center;
    background-color: #282828;
}

.close_tag {
    color: #6d6d6d;
    font-size: 28px;
    vertical-align: middle;
}

.end_time,.invest_account,.info-view > div {
    font-size: 12px;
    color: #6D6D6D;
    font-family: "microsoft yahei";
}

.order-confirm-panel .panel-body,.order-state-panel .panel-body {
    position: absolute;
    top: 45px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #242e4c;
    border-top: 0;
    width: 100%;
    padding: 0 10px;
    margin-top: 1px;
    background-size: 150px;
    background-position: bottom right;
    background-repeat: no-repeat;
}

.panel-body {
    position: absolute;
    top: 45px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #1b1a1e;
    border-top: 1px solid #2b2930;
}

.end_time {
    color: #6D6D6D;
}

.panel-header .close {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 40px;
    font-size: 25px;
    text-align: center;
    cursor: pointer;
    line-height: 35px;
}

.order-panel {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -160px;
    height: 181px;
    background-color: rgb(30, 30, 40);
}

.order-panel.open {
    bottom: 44px;
    -webkit-transition: bottom 300ms ease-out;
    -moz-transition: bottom 300ms ease-out;
    -ms-transition: bottom 300ms ease-out;
    -o-transition: bottom 300ms ease-out;
    transition: bottom 300ms ease-out;
}

.panel-body .button-bar .button-update-order {
    color: rgb(203, 204, 211);
    position: absolute;
    width: 50px;
    left: 0px !important;
    right: 0px !important;
    top: 0px !important;
    height: 146px !important;
    border: none !important;
    background-color: #006600;
}

.panel-body .button-bar .button-close {
    color: rgb(203, 204, 211);
    position: absolute;
    width: 50px;
    left: 0px !important;
    right: 0px !important;
    top: 0px !important;
    height: 111px !important;
    border: none !important;
    background-color: #006600;
}

.panel-body .order-info {
    position: absolute;
    right: 50px;
    top: 0px;
    bottom: 0px;
    left: 0px;
}

.panel-body .button-bar {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 50px;
}

.panel-body .button-bar .button-bid {
    color: rgb(203, 204, 211);
    position: absolute;
    width: 50px;
    left: 0px !important;
    right: 0px !important;
    top: 0px !important;
    height: 73px !important;
    border: none !important;
    background-color: rgb(185, 60, 65);
}

.panel-body .button-bar .button-ask {
    color: rgb(203, 204, 211);
    position: absolute;
    width: 50px;
    left: 0px !important;
    right: 0px !important;
    top: 73px !important;
    bottom: 0px !important;
    border: none !important;
    background-color: #006600;
}

.limit-order-panel .button-bar .button-bid {
    height: 106px !important;
}

.limit-order-panel .button-bar .button-ask {
    top: 106px !important;
}

.limit-order-panel {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -260px;
    height: 253px;
    background-color: rgb(30, 30, 40);
}

.limit-order-panel.open {
    bottom: 44px;
    -webkit-transition: bottom 300ms ease-out;
    -moz-transition: bottom 300ms ease-out;
    -ms-transition: bottom 300ms ease-out;
    -o-transition: bottom 300ms ease-out;
    transition: bottom 300ms ease-out;
}

.trade-footer .row .col-40 .badge {
    position: absolute;
    right: 5px;
    top: 5px !important;
    font-size: 10px !important;
    padding: 0px 8px;
}

.panel-body .order-info .list .item {
    margin: 0px;
    padding: 0px;
    height: 35px;
    border: none;
    margin-top: 1px;
    line-height: 35px;
    background-color: rgb(30, 30, 40);
    border-bottom: 1px solid rgb(38, 40, 52) !important;
}

.panel-body .order-info .list .item .input-label {
    color: rgb(203, 204, 211);
    text-align: center;
    font-size: 12px;
}

.panel-body .order-info .list .item .content-label {
    color: rgb(203, 204, 211);
    text-align: center;
    font-size: 12px;
}

.panel-body .order-info .list .item input,
.panel-body .order-info .list .item .input-content,
.panel-body .order-info .list .item select {
    color: rgb(203, 204, 211);
    font-size: 12px;
    background-color: rgb(30, 30, 40);
}

.panel-body .order-info .order-qoute {
    color: red;
    font-size: 18px;
    text-align: center;
}

.history-panel > .panel-body .list > .item {
    border: none;
    font-size: 14px;
    padding: 0px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 1px;
    color: rgb(200, 200, 200);
    background-color: rgb(30, 30, 40);
    border-bottom: 1px solid rgb(38, 40, 52) !important;
}

.panel-body .list .category {
    width: 30px;
    text-align: center;
}

.panel-body .list .quantity {
    width: 50px;
    text-align: center;
}

.history-panel > .panel-body > .scroll-view {
    height: 100%;
    overflow-y: hidden;
    bottom: auto;
}

.history-panel .panel-body .row {
    padding: 0px;
    margin: 0px;
    display: table;
}

.history-panel .panel-body .row .col {
    padding: 0px;
    margin: 0px;
    width: auto;
    text-align: center;
    display: table-cell;
}

/* 公用CSS */

/*所有按钮样式*/
.newbutton{
    height: 0.4rem;
    border-radius:0.05rem ;
    background: #D2C081;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.15rem;
    border: none;
    color: #000000;
    width: 100%;
    margin-top: 20px;
    border-radius: 30px;
}

.newbutton a{
   color:#fff;
}
button:disabled{
    background: #515151;
}

.row {
    padding: 0px !important;
    margin: 0px !important;
}

.col {
    padding: 0px !important;
    margin: 0px !important;
}

.left-buttons,
.left-buttons a {
    height: 0.4rem;
    line-height: 0.4rem;
    width: 0.3rem;
}

.back-button {
    display: block;
    height: 0.3rem;
    line-height: 0.3rem;
    text-align: center;
    font-size: 0.2rem !important;
    color: white !important;
}

.rise {
    color: #F4323B !important;
}

.fall {
    color: #1fc65b !important;
}

.rise-value {
    color: #F4323B!important;
    font-size: 14px;
    height: 30px !important;
    line-height: 30px !important;
    background:url(../images/decline.png) no-repeat;
    background-size: 100% 100%;
    background-position-y: .05rem;
}




.rise-bg {
    background-color: rgb(185, 60, 65) !important;
}

.fall-bg {
    background-color: green !important;
}

.content-background {
    background-color: #191E31;
}


.alert {
    z-index: 50;
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 44px;
    font-size: 12px;
    text-align: center;
    line-height: 40px;
    color: rgb(200, 200, 200);
    background-color: rgb(38, 40, 52);
}

.alert .spinner {
    margin-top: -14px;
}

/* 正在加载 */
.spinner {
    width: 40px;
    height: 40px;
    top:50%;
    left:50%;
    margin-top:-20px;
    margin-left:-20px;
    position: absolute;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgb(236, 181, 64);
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
    0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); }
    50% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}

/* 左侧菜单CSS */
.side-menu {
    color: white;
    background-color: black;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.side-menu-right {
    color: black;
    background-color: white;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.side-menu > ul > li {
    text-indent: 15px;
    line-height: 35px;
}

.side-menu > ul > li > a {
    display: block;
    text-decoration: none;
    color: rgb(236, 181, 64);
    font-size:12px;
}

.side-menu > ul > li > a > i {
    padding-top: 2px;
    color: rgb(236, 181, 64);
    font-size: 16px;
    margin-right: 5px;
}

.side-menu > ul > li > a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.3);
}

.side-menu > ul > li > a:active,
.side-menu > ul > li > a:focus {
    text-decoration: none;
}

.side-menu > ul > li.side-brand {
    font-size: 16px;
}

.side-menu > ul > li.side-brand a {
    color: #999999;
}

.side-menu > ul > li.side-brand a:hover {
    color: #fff;
    background: none;
}

.side-menu > ul > li.side-brand > .widget {
    width: 100%;
    height:30px;
    color: rgb(236, 181, 64);
}
.side-menu > ul > li.side-brand > .widget > span{
    width: 49%;
    display: inline-block;
    vertical-align: top;
    height:30px;
    text-align: center;
}

.side-menu > ul > li.side-brand > .widget > h4 {
    font-size: 14px;
    color: red;
    margin: 0px;
}

.side-menu > ul > li.side-brand > .widget > div {
    color: rgb(236, 181, 64);
    font-size: 14px;
}

.side-menu > ul > li:first-child {
    text-indent: 0px;
}

.side-menu > ul {
    padding-top: 15px;
}

.side-menu > ul > li.active a {
    text-decoration: none;
    color: rgb(236, 181, 64);
    background: rgba(255,255,255,0.2);
}

.side-menu > ul > li.side-brand > h4 {
    padding-top: 0px;
    padding-left: 20px;
    padding-bottom: 12px;
    margin: 0px;
    color: rgb(236, 181, 64);
    font-size: 14px;
    border-bottom: 1px solid rgba(128,128,128,0.2);
}

.side-menu > ul > li > .list > .item {
    border: none;
    background-color: white;
    margin-bottom: 1px;
    border-bottom: 1px solid rgba(128,128,128,0.2);
}

.side-menu > ul > li > .list > .item > select {
    color: black;
    background-color: white;
}

.side-menu > ul > li > .list > .item > .input-label {
    color: black;
    font-size: 14px;
}

.side-menu > ul > li > .list > .item > input {
    color: black;
    font-size: 14px;
}

.side-menu-right > .button-bar {
    position: absolute;
    bottom: 0px;
    left:0px;
    right: 0px;
    border-top: 1px solid rgba(128,128,128,0.2);
}

.side-menu-right > .button-bar > .button:first-child {
    border-radius: 0px 0px 0px 0px;
    background-color: rgb(38, 40, 52);
}

.side-menu-right > .button-bar > .button:last-child {
    background-color: red;
    border-radius: 0px 0px 0px 0px;
    background-color: rgb(185, 60, 65) !important;
}


.personalbg{
}
.personalbg header{
	width: 100%;
	height: 1.4rem;
	padding-top: 0.2rem;
	background: url(./images/userBanner.jpg) no-repeat;
	background-size:100% 100% ;
	position: relative;
}
.personalbg header i{
	position: absolute;
	display: block;
	width: 0.3rem;
	height: 0.3rem;
	top:0.1rem;
	right: 0.2rem;
	color: #FFFFFF;
	font-size: 0.2rem;
	text-align: center;
	line-height: 0.3rem;
}
.personalbg header article{
	width: 0.6rem;
	height: 0.6rem;
	border-radius:50% ;
	margin: 0 auto;
	border: 0.03rem solid #ccc9c6;
}
.personalbg header article img{
	width: 100%;
	height: 100%;
	border-radius:50% ;
}
.personalbg header p{
	text-align: center;
	height: 0.2rem;
	line-height: 0.2rem;
	font-size: 0.14rem;
	color: #787878;
	margin: 0;
	color: #fdbe19;
}
.personalbg header p:nth-of-type(1){
	font-size: 0.13rem;
	color: #FFFFFF;
	font-weight: 700;
	margin-top: 0.1rem;
}
.personalbg header p:nth-of-type(1) span{
	font-size: 0.13rem;
	margin-left: 0.05rem;
}
.personalbg ul{
	width: 100%;
	height: 0.8rem;
	margin-top:0.05rem ;
	display: flex;
}
.personalbg ul li{
	flex: 1;
	height: 100%;
}
.personalbg ul li section{
	width: 100%;
	height: 0.6rem;
	padding-top:0.05rem ;
	margin-bottom:0.1rem ;
	margin-top:0.1rem ;
	border-right:1px solid #171717 ;
	border-left: 1px solid #404040;
}
.personalbg ul li:nth-of-type(1) section{
	border-left:none;
}
.personalbg ul li:nth-of-type(4) section{
	border-right:none ;
}
.personalbg ul li section i{
	display: block;
	width: 0.3rem;
	height: 0.3rem;
	margin: 0 auto;
	font-size: 0.25rem;
	line-height: 0.25rem;
	text-align: center;

}
.personalbg ul li:nth-of-type(1) section i{
	color: #1fc65b;
}
.personalbg ul li:nth-of-type(2) section i{
	color: #eb3445;
}
.personalbg ul li:nth-of-type(3) section i{
	color: #ebac34;
}
.personalbg ul li:nth-of-type(4) section i{
	color: #3c9bf3;
}
.personalbg ul li:nth-of-type(5) section i{
	color: #ec3cf3;
}
.personalbg ul li section p{
	text-align: center;
	height: 0.2rem;
	line-height: 0.2rem;
	margin: 0;
	font-size: 0.12rem;
}
.personalbg footer{
	width: 60%;
	height: 3.5rem;
	margin: 0.5rem auto 0 auto;
	background: url(../images/erweimabg.png) no-repeat;
	background-size:100% 100% ;
	padding-top: 0.8rem;
}
.personalbg footer .erwema_img{
	width:1.5rem ;
	height: 1.5rem;
	margin: 0 auto;
}
.personalbg footer .erwema_img img{
	width: 100%;
	height: 100%;
}
.personalbg footer p{
	height: 0.2rem;
	margin-top: 0.05rem;
	line-height: 0.2rem;
	font-size: 0.12rem;
	text-align: center;
}
.personalbg footer p span{
	margin-right:0.05rem ;
	color: #d1d1d1;
}
.personalbg footer p span i{
	font-size: 0.12rem;
}

/* 签约银行 */
.bank-info-modal{
	background: #1b1b1b;
}
.bank-info-modal ul{
	margin-top: 0.8rem;
	width: 100%;
	height: auto;
}
.bank-info-modal ul li{
	width: 100%;
	height: 0.51rem;
	border-bottom: 1px solid #343438;
}
.bank-info-modal uls li span{
	display: inline-block;
    vertical-align: middle;
    width: 0.6rem;
    height: 0.5rem;
    text-align: right;
    font-size: 0.12rem;
    line-height: 0.5rem;
    color: white;
}
.bank-info-modal ul li input {
    display: inline-block;
    vertical-align: middle;
    border: none;
    padding: 0;
    width: 2rem;
    height: 0.5rem;
    color: #fdbe19;
    background: transparent;
    font-size: 0.14rem;
    line-height: 0.5rem;
    margin: 0 0 0 0.1rem;
    overflow: hidden;
  }
 .bank-info-modal ul li select{
 	vertical-align: middle;
 	-webkit-font-smoothing:initial;
	font-family: arial;
	color: #fdbe19;
	background: transparent;
	border: 1px solid #fdbe19;
 }
/* 个人中心资金流水样式 */
.order-modal-header{
	height: 0.3rem;
}
.order-modal-header  .title{
	height: 0.3rem !important;
	line-height: 0.3rem !important;
}
.in_money{
	color:#fa2e42 !important;
}
.out_money{
	color:#1fc65b !important;
}
.other_money{
	color:#159aef;
}
.in_money_bg{
	background-color:#fa2e42;
}
.out_money_bg{
	background-color:#1fc65b;
}
.other_money_bg{
	background-color:#159aef;
}
.person_money_list ul{
	width:100%;
	color: white;
}
.person_money_list ul li{
    margin-top:0.1rem;
    width: 94%;
    margin-left: 3%;
    height: auto;
}
.person_money_list ul li .money_list_header{
    width: 100%;
    height:0.8rem;
    border-radius: 0.1rem;
    box-shadow: 0 0 2px #000000;
    background: #232326;
}
.person_money_list ul li .money_list_header section{
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height:100%;
}
.money_list_header section:nth-of-type(1){
    width: 2%;
    border-top-left-radius: 0.1rem;
    border-bottom-left-radius: 0.1rem;
}
.money_list_header section:nth-of-type(2){
    width: 60%;
    padding: 0.05rem 0.1rem;
}
.money_list_header section:nth-of-type(2) p {
    margin:0;
    height:0.2rem;
    line-height: 0.2rem;
}
.money_list_header section:nth-of-type(2) p:first-child {
    font-size: 0.15rem;
    height:0.3rem;
    line-height: 0.3rem;
}
.money_list_header section:nth-of-type(2) p i{
	display: inline-block;
	width: 0.12rem;
	height: 0.2rem;
	vertical-align: top;
    font-size: 0.1rem;
    text-align: center;
    line-height: 0.2rem;
    color: #FDBE19;
}
.money_list_header section:nth-of-type(2) p:nth-of-type(2) span{
	vertical-align: top;
	display: inline-block;
	height: 0.2rem;
	line-height: 0.2rem;
}
.money_list_header section:nth-of-type(2) p:nth-of-type(2){
    color: white;
    font-size: 0.14rem;
}
.money_list_header section:nth-of-type(2) p:nth-of-type(3){
    color: #b0b0b0;
    font-size: 0.12rem;
}
.money_list_header section:nth-of-type(3){
    width: 30%;
    line-height: 0.8rem;
    font-size: 0.18rem;
}
.money_list_header section:nth-of-type(4){
    width: 7%;
    font-size: 0.2rem;
    line-height: 0.8rem;
    margin-top: 0.3rem;
}

.person_money_list ul li article{
    width: 100%;
    display: none;
    height: 0.4rem;
    padding-top:0.1rem;
}

.person_money_list ul li article p{
    margin: 0 0 0 0.2rem !important;
    height:0.3rem;
    font-size: 0.11rem;
    line-height: 0.14rem;
    color: #737373;
}

/*出金弹窗页面样式*/

.out_money_content .coldbg{
	color:#14a17d;
	background: -webkit-linear-gradient(right, #1db292 , #009eb7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #1db292 , #009eb7); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #1db292 , #009eb7); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #1db292 , #009eb7); /* 标准的语法 */
}
.out_money_content .coldbg i:nth-of-type(2){
	color: #40c1bf;
}
.out_money_content .hotbg{
	color:#e60012;
	background: -webkit-linear-gradient(right, #e2616b , #e64d7b); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #e2616b , #e64d7b); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #e2616b , #e64d7b); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #e2616b , #e64d7b); /* 标准的语法 */
}
.out_money_content .hotbg i:nth-of-type(2){
	color: #ec6678;
}
.out_money_content .ifnone_add_bank{
	background: #212124;
	background-clip:border ;
	-webkit-background-clip:border ;
	border: 0.02rem #505050 dashed;
}
.out_money_content .ifnone_add_bank p:nth-of-type(1){
	position: static;
	text-align: center;
	width: 100%;
	font-size: 0.8rem;
	height: 0.6rem;
	line-height: 0.6rem;
	color: #505050 ;
}
.out_money_content .ifnone_add_bank p:nth-of-type(2){
	position: static;
	text-align: center;
	width: 100%;
	font-size: 0.13rem;
	color: #505050 ;
}
.out_money_content header{
	width: 96%;
	height: 1rem;
	border-radius:0.1rem ;
	margin: 0.1rem 2% 0.1rem 2%;
	position: relative;
}
.out_money_content header i:nth-of-type(1){
	position: absolute;
	display: block;
	width: 0.55rem;
	height: 0.55rem;
	background: rgba(255,255,255,0.7);
	font-size: 0.4rem;
	top:0.1rem;
	left:0.1rem;
	line-height: 0.55rem;
	text-align: center;
	border-radius:50% ;
	z-index: 1000;
}
.out_money_content header i:nth-of-type(2){
	position: absolute;
	display: block;
	width: 1.2rem;
	height: 1rem;
	font-size: 1.2rem;
	top:0rem;
	right:0.4rem;
	line-height: 1rem;
	text-align: center;
	overflow: hidden;
	z-index: 100;
}
.out_money_content header p:nth-of-type(1){
	height: 0.2rem;
	font-size: 0.15rem;
	line-height: 0.2rem;
	text-align: left;
	position: absolute;
	top:0.1rem;
	left: 0.7rem;
	color: #FFFFFF;
	z-index: 1000;
	margin: 0;
}
.out_money_content header p:nth-of-type(2){
	height: 0.3rem;
	font-size: 0.2rem;
	line-height: 0.3rem;
	text-align: left;
	position: absolute;
	bottom:0.1rem;
	right: 0.1rem;
	color: #FFFFFF;
	z-index: 1000;
	font-weight: 700;
	margin:0;
}
.out_money_content article{
	widows: 100%;
	height: 0.4rem;
}
.out_money_content article span{
	display: inline-block;
	vertical-align: top;
	font-size: 0.15rem;
	color: #FFFFFF;
	height: 0.3rem;
	margin-top: 0.05rem;
	line-height: 0.3rem;
}
.out_money_content article span i{
	font-size: 0.2rem;
	color: #ebac34;
	margin-left:0.25rem ;
}
.out_money_content article input{
	display: inline-block;
	vertical-align: top;
	width: 60%;
	height: 0.2rem;
	line-height: 0.2rem;
	margin-top:0.1rem ;
	background: transparent;
	border: none;
	color: #fdbe19;
	font-size: 0.12rem;
}
.out_money_content section{
	width: 100%;
	padding-left: 7%;
	text-align: left;
	color: #4e4e4f;
	height: 0.3rem;
	line-height: 0.3rem;
	margin: 0;
	font-size: 0.12rem;
}
.out_money_content footer{
	width: 100%;
	text-align: center;
	height: 0.3rem;
	line-height: 0.3rem;
	color: #4e4e4f;
	font-size: 0.12rem;
}
.out_money_content footer span{
	display: inline-block;
	width: 15%;
	height: 100%;
	overflow: hidden;
	vertical-align: top;
	color: #fdbe19;
}
.out_money_content footer span:nth-of-type(1){
	color: #4e4e4f;
}
.out_money_content .outmoneybtn{
	width: 70%;
	margin: 0.3rem 15% 0.3rem 15%;
	border: none;
}
.btndisabled{
	background: #000000;
}

/*入金弹框样式*/

.red{
	color: #cc0011 ;
}
.blue{
	color: #1358bd ;
}
.qing{
	color: #19725d ;
}
.green{
	color: #007e3d ;
}
.orange{
	color: orangered ;
}
.pay_blue{
	color: #159aef !important;
}
.pay_green{
	color: #1fc65b !important;
}
.pay_purple{
	color: #1d2087 ;
}
.pay_yellow{
	color: #fbe900 ;
}
.pay_qing{
	color: #00a5d7 ;
}
.pay_blue_bg{
	background: #159aef;
}
.pay_green_bg{
	background: #1fc65b;
}
.pay_alipay_bg{
	background: #00a3ee;
}
.pay_yinlian_bg{
	background: #006a65;
}
.pay_alipay{
	color: #00a3ee !important;
}
.pay_yinlian{
	color: #006a65 !important;
}
#in_money_content{
	background: #1b1b1d;
}
#in_money_content header{
	margin-bottom:0.1rem ;
	margin-top: 0.1rem;
}
#in_money_content header .pay_channel{
	margin-top:0.1rem ;
}
#in_money_content article span i{
	color: #eb3445;
}
#in_money_content .item{
	border: none;
	background: #1b1b1d ;
}
#in_money_content .item .item-content{
	background: #1b1b1d ;
	padding: 0;
}
#in_money_content .item .item-content {
	width: 96%;
	margin-left: 2%;
}
#in_money_content .item .item-content  .pay_bank_list_header{
	border-radius:0.05rem;
	background: #28282b;
	width: 100%;
	height: 0.7rem;
	position: relative;
}
#in_money_content .item .item-content  .pay_bank_list_header i{
	display: inline-block;
	vertical-align: top;
	width: 0.05rem;
	height: 0.7rem;
	border-bottom-left-radius:0.05rem;
	border-top-left-radius:0.05rem;
}
#in_money_content .item .item-content  .pay_bank_list_header article{
	display: inline-block;
	width: 80%;
	height: 0.7rem;
}
#in_money_content .item .item-content  .pay_bank_list_header article p span{
	display: inline-block;
	vertical-align: top;
	height: 0.3rem;
	line-height: 0.3rem;
	text-align: left;
}
#in_money_content .item .item-content  .pay_bank_list_header p:nth-of-type(1){
	margin-top:0.05rem;
	font-size:0.15rem;
	height: 0.3rem;
}
#in_money_content .item .item-content  .pay_bank_list_header p:nth-of-type(1) span:nth-of-type(1){
	width:0.5rem;
	font-size: 0.25rem;
	text-align: center;
}
#in_money_content .item .item-content  .pay_bank_list_header p:nth-of-type(1) span:nth-of-type(2){
	width: 1rem;
}
#in_money_content .item .item-content  .pay_bank_list_header p:nth-of-type(2){
	margin:0;
	font-size:0.12rem;
	height: 0.3rem;
}
#in_money_content .item .item-content  .pay_bank_list_header p:nth-of-type(2) span:nth-of-type(1){
	width: 0.5rem;
	text-align: center;
}
#in_money_content .item .item-content  .pay_bank_list_header p:nth-of-type(2) span:nth-of-type(2){
	width: 1rem;
	color: #ffffff;
}
#in_money_content .item-radio .radio-icon{
	padding: 0;
	width: 0.15rem;
	height:0.15rem;
	text-align: center;
	line-height: 0.15rem;
	font-size: 0.1rem;
	top:0.3rem;
	color: #fdbe19;
	right:0.2rem;
	z-index: 1000;
}
.pay_bank_list_content{
	height: 2rem;
	width: 96%;
	margin-left:2% ;
	background: #222225;
	border-bottom-left-radius: 0.05rem;
	border-bottom-right-radius: 0.05rem;
}
#in_money_content .pay_bank_list_content .item .item-content{
	width: 100%;
	margin: 0;
}
#in_money_content .pay_bank_list_content ul{
	width: 98%;
	margin-left: 1%;
	background: #222225;
	border-bottom-left-radius:0.03rem ;
	border-bottom-right-radius:0.03rem ;
}
#in_money_content .pay_bank_list_content ul li{
	margin-left:3% ;
	height: 0.32rem;
	width: 94%;
	border-bottom:1px solid #343438 ;
	margin-bottom: 2px;
	position: relative;
}
#in_money_content .pay_bank_list_content ul li .item .item-content{
	background: #222225;
}
#in_money_content .pay_bank_list_content ul li .item-radio .radio-icon{
	top:0.11rem;
	right: 0.21rem;
}
#in_money_content .pay_bank_list_content ul li p{
	font-size: 0.13rem;
}
#in_money_content .pay_bank_list_content ul li p span{
	display: inline-block;
	height: 0.3rem;
	line-height: 0.3rem;
	vertical-align: top;
	font-size: 0.13rem;
	width: 2rem;
}
#in_money_content .pay_bank_list_content ul li p span:nth-of-type{
	color: #aaaaaa;
}
#in_money_content .pay_bank_list_content ul li p .bankicon{
	width: 0.4rem;
	text-align: center;
}
#in_money_content .pay_weixin  article p{
	height: 0.7rem !important;
	line-height: 0.7rem !important;
	margin: 0 !important;
	font-size: 0.15rem !important;
}
#in_money_content .pay_weixin  article p span{
	height: 0.7rem !important;
	line-height: 0.7rem !important;
}
.pay_bank_list_header .kuang{
	position: absolute;
	width: 0.15rem;
	height: 0.15rem;
	border-radius:3px ;
	border: 1px solid #343438;
	top:0.3rem;
	right: 0.13rem;
	z-index: 100;
}
#in_money_content .pay_bank_list_content ul li .kuang{
	position: absolute;
	width: 0.12rem;
	height: 0.12rem;
	border-radius:2px ;
	border: 1px solid #343438;
	top:0.1rem;
	right: 0.2rem;
	z-index: 100;
}
#in_money_content .pay_bank_list_content ul li .item-radio .radio-icon{
	font-size: 0.08rem;
	width: 0.12rem;
	height: 0.12rem;
	line-height: 0.12rem;
}


/*微信支付页面*/
.pay_weixin_code{
	width: 100%;
	height: 6.67rem;
	overflow: hidden;
	background:#1b1b1d ;
	text-align: center;
	position: relative;
}
.no-erweima{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10100;
}
.pay_weixin_code header{
	width: 2.9rem;
	height: 3.3rem;
	background: url(../images/payweixinbg.png) no-repeat;
	background-size:100% 100% ;
	margin: 0.4rem auto 0 auto;
}
.pay_weixin_code header p{
	height: 0.37rem;
	line-height: 0.37rem;
	margin: 0;
	color: white;
	font-size: 0.13rem;
}
.pay_weixin_code header p span{
	display: inline-block;
	width: auto;
	vertical-align: top;
	height: 0.37rem;
	color: #fdbe19;
	font-size: 0.18rem;
	line-height: 0.37rem;
}
.pay_weixin_code section{
	font-size: 0.13rem;
	color: white;
	height: 0.2rem;
	line-height: 0.2rem;
}
.pay_weixin_code footer{
	margin: 0 auto;
    width: 60%;
    text-align: center;
    color: #969696;
    font-size: 0.12rem;
}
.qrcode-modal article{
	position: absolute;
	width:1.8rem;
	height: 1.8rem;
	top:22%;
    left: 50%;
    margin-left: -0.9rem;
	z-index: 10000;
}
.qrcode-modal article img{
	width: 100%;
	height: 100%;
}
/*商信快捷支付页面*/
.pay_shangxin{
	background: #1b1b11b;
}
.pay_shangxin h3{
	text-align: center;
	height: 0.3rem;
	line-height: 0.3rem;
	color: white;
	font-size: 0.14rem;
	margin: 0.2rem 0 0.1rem 0;
}
.pay_shangxin h3 span{
	color: #e9b747;
	font-size: 0.18rem;
}
.pay_shangxin button{
	width: 70%;
	margin-left: 15%;
	margin-top: 0.4rem;
}
#gr-header{
	display: flex;
	width: 100%;
	padding: 0 .15rem;
}
#gr-header article{
	width: .54rem;
	height: .54rem;
	border-radius: 50%;
	overflow: hidden;
}
#gr-header article img{
	width: 100%;
	height: 100%;
}
#gr-header div{
	margin-left: .15rem;
}
#gr-header div p:first-child{
	color: #DAE7FA;
	font-size: .2rem;
}
#gr-header div p:last-child{
	color: #A2B2C8;
	font-size: .12rem;
}
.gr-info{
	width: 100%;
	padding: 0 .15rem;
	margin-top: .25rem;
}
.gr-info .gr-info-bakcground{
	width: 100%;
	background: url(../images/user_info_title_background.png);
	background-size: 100% 100%;
	border-radius: 4px!important;
	overflow: hidden;
	display: flex;
	height: .8rem;
	padding: .18rem 0;
}
.gr-info .gr-info-bakcground .gr-info-content{
	flex: 1;
	text-align: center;
}
.gr-info .gr-info-bakcground .gr-info-content span{
	display: block;
	color: #DAE7FA;
}
.gr-info .gr-info-bakcground .gr-info-content span:first-child{
	font-size: .12rem;
}
.gr-info .gr-info-bakcground .gr-info-content span:last-child{
	margin-top: 2px;
	font-size: .16rem;
}
.gr-info-content-list{
	width: 100%;
	padding-bottom: .56rem;
}
.gr-info-content-list a{
	text-decoration: none;
}
.gr-info-content-list .gr-info-content-div{
	width: 100%;
	border-bottom: 1px solid #313751;
	padding: 0 .15rem;
	color: #DAE7FA;
	font-size: .15rem;
	display: flex;
	align-items: center;
	height: .56rem;
	justify-content: space-between;
}
.gr-info-content-list .gr-info-content-div span{
	display: block;
	flex: 1;
	margin-left:.15rem;
}
.gr-info-content-list .gr-info-content-div img:first-child{
	height: .25rem;
	width: .25rem;
}
.gr-info-content-list .gr-info-content-div img:last-child{
	height: .16rem;
	width: .16rem;
}


/*历史记录页面*/
.trade_history{
	color: #70829A;
}
.trade_history p{
	margin: 0;
}
.trade_history header{
	width: 100%;
	height: 0.45rem;
	background: #20253A;
	display: flex;
}
.trade_history header article{
	flex: 1;
	height: 100%;
	border-bottom: 1px solid #313751;
}
.trade_history header article p{
	border-right:1px solid #313751 ;
}
.trade_history header article p{
	height: 0.23rem;
	margin: 0.1rem 0;
	line-height: 0.23rem;
	text-align: center;
	font-size:0.15rem ;

}
.trade_history header article.active{
	color: #0176FE;
	border-bottom: 1px solid #0176FE;
}

.trade_history_list{
	width: 100%;
	height: 100%;
}
.trade_history_list ul{
	width: 100%;
}
.trade_history_list ul li{
	width: 100%;
	height: 0.73rem;
	border-bottom:1px solid #313751;
	color: #DAE7FA;
	position: relative;
}
.trade_history_list ul li article{
	position: absolute;
	z-index: 1000;
	width: 100%;
	height: 0.1rem;
	left: 0;
	bottom: -0.05rem;
	background: transparent;
}
.trade_history_list ul li article i{
	display: inline-block;
	vertical-align: top;
	margin-top:0.02rem ;
	width: 0.06rem;
	height: 0.06rem;
	border-radius:50% ;
	box-shadow: 0 0 0.05rem yellow;
	float: right;
}
.trade_history_list ul li article i em{
	display: block;
	width: 0.04rem;
	height: 0.04rem;
	margin:0.01rem ;
}
.trade_history_list ul li article span{
	display: inline-block;
	vertical-align: top;
	margin-top:0.05rem ;
	height: 0.02rem;
	background: #159aef;
	float: right;
}
.trade_history_list ul li section{
	display: inline-block;
	vertical-align: top;
	height: 100%;
	height: 0.7rem;
	padding-top: 0.05rem;
	text-align: center;
}
.trade_history_list ul li section:nth-of-type(1){
	width: 60%;
	padding-left:2%;
	float: left;
}
.trade_history_list ul li section:nth-of-type(2){
	width: 40%;
	padding-right: 2%;
	float:right;
}
.trade_history_list ul li section:nth-of-type(1) p{
	height: 0.16rem;
	line-height: 0.16rem;
	text-align: left;
	font-size: 0.12rem;
}
.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1){
	height: 0.3rem;
	line-height: 0.3rem;
}
.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(1){
	display: inline-block;
	vertical-align: top;
	width: 45%;
	height: 100%;
	font-size: 0.16rem;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(2){
	font-size:0.12rem ;
}
.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(2) i{
	display: inline-block;
	vertical-align: middle;
	margin-right:0.05rem ;
	width: 0.12rem;
	height: 0.12rem;
}
.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(2) .buytop{
	background: url(../images/buytop.png);
	background-size:100% 100% ;
}
.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(2) .buydown{
	background: url(../images/buydown.png);
	background-size:100% 100% ;
}
.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(3){
	color: #52627A;
}
.trade_history_list ul li section:nth-of-type(2) p:nth-of-type(1){
	height: 0.35rem;
	line-height: 0.35rem;
	font-size: 0.24rem;
	text-align: right;
}
.trade_history_list ul li section:nth-of-type(2) p:nth-of-type(2){
	height: 0.25rem;
	line-height: 0.25rem;
	font-size: 0.13rem;
	text-align: right;
}


/* 登陆页CSS */
#login-close{
	position: absolute;
	z-index: 10;
	left: 15px;
	top: 31px;
	display: none;
}
.signin {
    width: 100%;
    height: 100%;
    padding:0 .29rem;
    text-align: center;
}
.register-content{
	width: 100%;
    height: 100%;
    padding:0 .3rem;
    padding-top: .62rem;
}
.register-title{
	height: .44rem;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 15px;
	position: relative;
}
.register-title span {
	font-size: 17px;
	height: 24px;
	font-weight: 600;
}
.register-title span:last-child{
	display: block;
}
.signin-header {
    margin-top: 0.8rem;
    margin-bottom:0.2rem;
}
.signin-header .system-logo{
		width: auto;
		height: auto;
		margin: 0 auto;
		max-width: 600px;
		max-height: 300px;
}
.signin-header .system-logo img {
    width: 75%;
}
.signin-header .system-logo p{
	margin-top: 5px;
	font-size: 18px;
	color: #A2B2C8;
}
/*登录*/
.login-input-class{
	width: 100%;
	height: .49rem;
	border-bottom: 1px solid #313751;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.login-input-class span{
	font-size: .14rem;
	color: #A2B2C8;
	width: .44rem;
	text-align: left;
}
.login-input-class input{
	background: transparent;
	font-size: .14rem;
	width: 70%;
	color: #A2B2C8;
	padding-left: .34rem;
}
.login-input-class img{
	width: .18rem;
	height: .18rem;
	visibility:hidden;
}
.login-input-class input::-webkit-input-placeholder{
	color: #52627A;
	/*text-align: center;*/
}
#login_buttom{
	margin-top: .34rem;
	width: 100%;
	height:.4rem;
	border-radius: 30px;
	font-size: 15px;
}
/*注册*/
.register-input-class{
	width: 100%;
	height: .49rem;
	border-bottom: 1px solid #313751;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: center;
}
.register-input-class span{
	width: 75px;
	text-align: left;
}
.register-input-class input{
	background: transparent;
}

.register-input-class_tow input{
	width: 38%;
}
.register-input-class_tow button{
	width:.9rem;
	height:.3rem;
	background:rgba(1,118,254,1);
	border-radius:3px;
	border: none;
	color: #DAE7FA;
	font-size: 13px;
}
.register-input-class img{
	width: .18rem;
	height: .18rem;
	visibility:hidden;
}
.register-input-class input::-webkit-input-placeholder{
	color: #52627A;
	/*text-align: center;*/
}
#register_buttom{
	margin-top: .34rem;
	width: 100%;
	height:.4rem;
	background:rgba(57,69,89,1);
	border-radius:5px;
	font-size: 15px;
	color: #A2B2C8;
	margin-left: 0!important;
}
.agreement-div{
	text-align: center;
	margin-top: .12rem;

}

.agreement-div img{
	width: .12rem;
	height: .12rem;
	position: relative;
	top: 0.01rem;
}
.agreement-div span{
	color: #555555;
	font-size: 12px;
}
.agreement-div span font{

	color: #0176FE;
}
.otherChoice{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.otherChoice a{
	text-decoration: none;
	color: #A2B2C8!important;
	font-size: 12px!important;
}

.signin-header .system-name{
		width: 100%;
		height: 0.3rem;
		line-height: 0.3rem;
		text-align: center;
		color: #e9b747;
		font-size: 0.2rem;
		font-family: "微软雅黑";
}
.signin-content > .list {
    width: 100%;
    height: 1rem;
    margin-bottom: 0.1rem;
}
.signin-content > p{
		width: 100%;
		height: 0.25rem;
}
.signin-content > p > span{
		display: block;
		width: 100%;
		height: 0.25rem;
		line-height: 0.25rem;
		font-size: 0.14rem;
		text-align: center;
		color: #fa2e42;
}
.signin-content > .list > .item {
    height: 0.45rem;
    line-height: 0.45rem;
    margin-bottom: 0.1rem;
    border-width: 0px;
    border-radius: 0.05rem;
    background: rgba(0, 0, 0, 0.2);
    padding: 0;
}

.signin-content > .list > .item > .input-icon {
		display:inline-block ;
		vertical-align: top;
		font-size: 0.2rem;
    width: 0.4rem;
    color: #e9b747;
    text-align: center;
    height: 0.45rem;
    margin-top: 0.24rem;
}

.signin-content > .list > .item > input {
    color: white;
    font-size: 0.14rem;
    padding: 0rem;
    border: none;
    background-color: transparent !important;
}

.signin-content > .signin-action {
    padding: 0.05rem 0.1rem;
}

.signin-action .sign_button{
	width: 100%;
}

.signin-footer {
    text-align: center;
    margin-top: 0.2rem;
}

.signin-footer > a {
    color: #e8af2e;
    font-size: .14rem;
    text-decoration: none;
}

.footer-login-txt{position: absolute;bottom: 0;width: 78%;text-align:center;color:#fff; font-size:14px;}
.footer-login-txt a{color:#fff;font-weight: normal;}
.footer-login-txt img{width: 0.27rem;padding:0 5px;}

.signin-tools {
    padding: 0px;
    height: 30px !important;
}

.signin-tools p {
    font-size: 12px;
    white-space: normal;
    text-align: left;
    padding: 5px;
    padding-left: 10px;
}

.signin-tools p a {
    color: #666;
}

.signin-tools.item-select {
    padding: 16px;
}

.signin-tools select {
    left: 0px;
    color: rgb(200, 200, 200);
    font-size: 12px;
    background-color: #1d1d25;
}

.signin-tools.item-checkbox {
    border: none !important;
}

.signin-tools .item-checkbox {
    padding: 5px;
    padding-top: 10px;
    padding-left: 35px;
    font-size: 12px;
    text-align: left;
    border: none;
    color: rgb(200, 200, 200);
    background-color: rgba(0, 0, 0, 0);
}

.signin-tools .item-checkbox .checkbox-icon:before {
    width: 14px;
    height: 14px;
    margin-top: 9px;
    border-radius: 2px !important;
}

.signin-tools .item-checkbox .checkbox-icon:after {
    position: static;
    margin-top: -12px;
}

.spinner-view {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 4;
    opacity: 0;
    background-color: rgb(31, 32, 36);
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    -ms-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}

.spinner-view.open {
    opacity: 100;
    background-color: rgb(31, 32, 36);
}

.spinner-view .message {
    top:50%;
    width:100%;
    opacity: 0;
    padding-top:30px;
    text-align: center;
    position: absolute;
    color: rgb(200, 200, 200);
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    -ms-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}

.spinner-view .message.fadein {
    opacity: 100;
}

/*注册页样式*/

input[disabled], select[disabled], textarea[disabled], input[readonly]:not(.cloned-text-input), textarea[readonly]:not(.cloned-text-input), select[readonly]{
	background: transparent !important;
}
.sign_up{
	width: 100%;
	height: 100%;
	padding-top:0.2rem ;
	position: relative;
}
.remake{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	display: flex;
	align-items: center;
	background: rgba(0,0,0,.9);
	z-index: 100;
}
.remakecon{
	width: 80%;
	margin-left: 10%;
	background: #fff;
	border-radius:0.04rem ;
	text-align: center;
}
.remakecon header{
	width: 100%;
	height: 0.4rem;
	line-height: 0.4rem;
	font-size: 0.14rem;
	border-top-left-radius:0.04rem ;
	border-top-right-radius:0.04rem ;
	background: #e8af2e;
	color: #fff;
	text-align: center;
	position: relative;
}
.remakecon header .close{
	width: 0.4rem;
	height: 0.4rem;
	position: absolute;
	right: 0;
	top:0;
	font-size: 0.3rem;
}
#versvg svg{
	width: 1.5rem;
	height: 0.5rem;
	margin: 0.1rem auto;
}
.remakecon .newinput{
	border: none;
	padding: 0;
}
.remakecon .newinput .input-text{
	color: #3c3c3c;
	border: none;
}
.ver_btn{
	margin:0.1rem auto;
}
.newinput{
	width: 100%;
	height: 0.51rem;
	border-bottom:1px solid #343438 ;
	padding-top:0.2rem ;
}
.sign_up_list{
	width: 80%;
	margin-left: 10%;
}
.input_iphone_code{
	position: relative;
}
.input_iphone_code .code_btn{
	position: absolute;
	right: 0;
	top:0.1rem;
	height: 0.3rem;
	width: 1rem;
	color: #abacae;
	line-height: 0.3rem;
	text-align: center;
	font-size: 0.12rem;
	background: transparent;
	border-radius:0.05rem ;
	border: 1px solid #343438;
	padding: 0;
}
.newinput .input-text{
	display: inline-block;
	vertical-align: top;
	width: 0.6rem;
	height: 0.3rem;
	text-align: right;
	font-size: 0.12rem;
	line-height: 0.3rem;
	color: white;
}
.newinput input{
	display: inline-block;
	vertical-align: top;
	border: none;
	padding: 0;
	width: 2rem;
	height: 0.3rem;
	color: #fdbe19;
	background: transparent;
	font-size: 0.14rem;
	line-height: 0.3rem;
	margin-left:0.1rem ;
}
.sign_up_check{
	width: 100%;
	height: 1rem;
	margin-top: 0.2rem;
	line-height: 0.3rem;
	color: white;
}
.sign_up_check .item-content p{
	color: white;
	font-size: 0.12rem;
	padding-left:0.35rem;
}
.sign_up_check a{
	vertical-align: top;
	display: inline-block;
	height: 0.3rem;
	line-height: 0.3rem;
	width: auto;
	color: white;
	font-size: 0.14rem;
	text-decoration: underline;
}
.sign_up_check .item{
	background: transparent;
	border: none;
	padding:0 ;
	height: 0.3rem;
	line-height: 0.3rem;
	color: #FFFFFF;
	font-size: 0.12rem;
	position: relative;
	width: 32%;
	display: inline-block;
	vertical-align: top;
}
.sign_up_check .item span{
	display: inline-block;
	width: 0.2rem;
	height: 0.2rem;
	border: 1px solid #343438;
	border-radius:0.02rem ;
}
.sign_up_check .item-checkbox .checkbox{
	top:0.05rem;
	left: 0;
	margin: 0;
	padding: 0;
}
.sign_up_check .item-checkbox .checkbox .checkbox-icon{
	width: 0.2rem;
	height: 0.2rem;
	line-height: 0.2rem;
	text-align: center;
}
.sign_up_check .checkbox input:before, .checkbox-icon:before{
	background: transparent !important;
	border-radius:0 ;
	border: 1px solid #343438 !important;
	border-color: #343438 !important;
}
.sign_up_btn{
	width: 70%;
	margin-left: 15%;
	margin-top:0.2rem;
}
.sign_up_check .item-content span{
	display: inline-block;
	width: 80%;
	height: 0.3rem;
	font-size: 0.12rem;
	border: none;
	margin-left: 0.3rem;
}
.sign_up_check .checkbox input:after, .checkbox-icon:after{
	border-color: #fdbe19;
	width: 0.14rem;
	height: 0.06rem;
}
.agreement{
	background: #1b1b1d !important;
}
.agreement pre{
	font-size: 0.14rem;
	color: white;
}

/*注册二维码页面样式*/
.sign_up_erweima{
	background:#1b1b1b;
	width: 100%;
	height: 100%;
}
.sign_up_erweima header{
	height: 0.9rem;
	width: 100%;
	text-align: center;
	padding:0.3rem 0 0.2rem 0rem;
}
.sign_up_erweima header h2{
	font-size: 0.13rem;
	color: white;
	height: 0.2rem;
	line-height: 0.2rem;
	margin: 0;
}
.sign_up_erweima header h2 span{
	font-size: 0.15rem;
}
.sign_up_erweima header p{
	height: 0.2rem;
	line-height:0.2rem;
	color: #707070;
	font-size: 0.11rem;
}
.sign_up_erweima article{
	width: 60%;
	height: 2.8rem;
	background: white;
	margin-left: 20%;
	border-radius:0.1rem ;
	padding-top: 0.4rem;
	text-align: center;
	color: #838383;
}
.sign_up_erweima section{
	position: absolute;
	top:2rem;
	left:30%;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0 auto;
}
.sign_up_erweima section img{
	width: 100%;
	height: 100%;
}
.sign_up_erweima article h3{
	margin: 0;
	height: 0.4rem;
	line-height: 0.4rem;
	font-size: 0.14rem;
	color: #838383;
}
.sign_up_erweima article h3 span{
	font-size: 0.15rem;
	color: #22bd39;
}
.sign_up_erweima article p{
	height: 0.2rem;
	line-height: 0.2rem;
	margin: 0;
	font-size: 0.13rem;
}
.sign_up_erweima a{
	text-decoration: none;
	display: block;
	width: 66%;
	margin-left: 17%;
	margin-top: 0.4rem;
}

.register-input-class_tow div{
	width:.9rem;
	height:.3rem;
	line-height: .3rem;
	background:rgba(1,118,254,1);
	border-radius:3px;
	border: none;
	color: #DAE7FA;
	font-size: 13px;
	text-align: center;

}
.register-input-class_tow input{
	width: 48%;
}


/*交易页面样式*/

.trade-content header{
	height: 0.7rem;
	width: 100%;
	border-top:1px solid black;
	display: flex;
}
.trade-content header section{
	-webkit-flex-basis: 20%;
	flex-basis: 20%;
	padding-top: 0.15rem;
	display: flex;
	align-items: center;
	flex-flow: column;
}
.trade-content header section p{
	margin:0;
	height: 0.2rem;
	line-height: 0.2rem;
	font-size: 0.12rem;
	width: 100%;
	text-align: left;
	color: #737373;
}
.trade-content header section p:nth-of-type(2){
	font-size: 0.14rem;
	font-weight: 700;
}
.trade-content header section:nth-of-type(1){
	padding: 0;
	-webkit-flex-basis: 40%;
	flex-basis: 40%;
	font-size: 0.3rem;
	text-align: center;
	line-height: 0.7rem;
	font-weight: 800;
}
.trade-content nav{
	height: 0.4rem;
	background: #20253A;
	display: flex;
	width: 100%;
	padding: 0 2%;
}
.trade-content nav section{
	flex: 1;
	color: #737373;
	margin-top:0.03rem;
	height: 0.34rem;
	line-height: 0.34rem;
	text-align: center;
	font-size: 0.13rem;
}
.trade-content nav article{
	padding: 0 0.02rem;
	flex: 2;
	height: 0.3rem;
	display: flex;
	border-radius:0.1rem ;
	background: #17171a;
	color: white;
	margin-top:0.05rem ;
}
.trade-content nav article span{
	display: inline-block;
	height: 0.26rem;
	margin-top:0.02rem;
	flex: 1;
	text-align: center;
	font-weight: 700;
	line-height: 0.26rem;
}
.trade-content nav article span.active{
	color: #25D6C2;
	background: #323237;
	border-radius:0.1rem ;
	box-shadow: 0 0 2px #3e3c42;

}
.trade-content nav section.active{
	color: #0176FE;
	/*border-bottom:1px solid #fdbe19 ;*/
}
.trade-content footer{
	width: 100%;
	height: 72%;
	position: relative;
}
.trade-content footer .history_chart{
    position: absolute !important;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 4.4rem;
}
.trade-content footer .chart-tip {
    position: absolute;
    left: 0.1rem;
    top: -0.5%;
    color: white;
}

.trade-content footer .func-tip {
    position: absolute;
    left: 0.1rem;
    top: 70%;
    color: white;
}

.trade-content footer .chart-tip > ul > li {
    float: left;
    margin-right: 5px;
    font-size: 12px;
}

.trade-content footer .func-tip > ul > li {
    float: left;
    margin-right: 5px;
    font-size: 12px;
}

.trade-content footer .history-open {
    color: red;
}

.trade-content footer .history-close {
    color: blue;
}

.trade-content footer .history-high {
    color: green;
}

.trade-content footer .history-low {
    color: yellow;
}
.trade-view .trade_bar{
    height: 0.5rem;
    display: flex;
    width: 100%;
    z-index: 9999;
    justify-content: flex-end;
    align-items: center;
    padding: 0 5px;
    position: fixed;
    bottom: 0;
}
.trade-view .trade_bar section{
    flex-basis: 50%;
    height: 0.35rem;
    font-size: 0.12rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    margin-left: 10px;
}
.trade-view .trade_bar section p{
	margin: 0;
	height: 0.2rem;
	line-height: 0.2rem;
	color: #ffffff;
	font-size: 16px;
}
.trade-view .trade_bar section p span{
	color: #fdbe19;
}
.trade-view .trade_bar section i{
	font-size: 0.18rem;
	display: block;
	height: 0.2rem;
	line-height: 0.2rem;
}
.trade-view .trade_bar section:nth-of-type(1){
	background: #d5423b;
	color: #abacae;
}
.trade-view .trade_bar section:nth-of-type(2){
	background: #52b064;
	color: #252323;
}
.trade-view .trade_bar section:nth-of-type(3){
	background: #1fc65b;
	color: #252323;
}

/*个人主页面样式*/
.scroll-content{
    overflow-y: scroll
}
.pay_code_area canvas{
	padding: 10px;
    background: #fff;
}
ion-header-bar{
    background: #20253A !important;border-top: 2px solid #000;
}
#in_money_content .item .item-content{
	background: #20253A ;
	padding: 0;
}
.order-modal-header .close{
    position: static;
}
.out_money_content article{
	widows: 100%;
	height: 0.4rem;
}
.modal {
    background-color: #191E31;
}
.quickprice{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.quickprice li{
	flex-basis: 49%;
    height: .62rem;
    color: #DAE7FA;
    border-radius: 2px;
    background-color: #293049;
    text-align: center;
    line-height: .62rem;
    border: 1px solid #293049;
    margin-top: 2.03%;
    display: inline-block;
    position: relative;
    font-size: 16px;
}
#money {
    color: red;
}
.out_money_content article input{
    font-size: 18px;
}

.bank-info-modal ul li input {
    display: inline-block;
    vertical-align: middle;
    border: none;
    padding: 0;
    width: 2rem;
    height: 0.5rem;
    color: #A2B2C8;
    background: transparent;
    font-size: 0.14rem;
    line-height: 0.5rem;
    margin: 0 0 0 0.1rem;
    overflow: hidden;
    margin-left: 22%;
}
.bank-info-modal ul li select{
 	vertical-align: middle;
 	-webkit-font-smoothing:initial;
	font-family: arial;
	color: #A2B2C8;
	background: transparent;
	border: 1px solid #191E31;
	width: 59%;
    font-size: 16px;
}
.person_money_list ul li .money_list_header{
    background: #20253A;
}
.personalbg header p:nth-of-type(1){
	font-size: 0.13rem;
	color: #FFFFFF;
	font-weight: 700;
	 margin-top: 0rem;
}
.navigation{
            width: 100%;
            position: fixed;
            left: 0;
            top: 0;
            background-color: #191E31;
            z-index: 99;
        }

        .loading-modality .svg-div{
            height: 100%;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        #weipan-svg2 {
            width: .50rem;
            height: .50rem;
            display: inline-block;
        }
        .index-content{
        }
        .index-content ul{
        }
        .order-view, .qoute-view{
            position: static;
            height: auto;
        }
        .order-view .order-view-content, .qoute-view .qoute-view-content{
            position: static;
        }
        .svg-gp{
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            height: 100%;
            width: 100%;
            background-color: rgba(255,255,255,0.6);
            transition: all;
            text-align: center;
            padding-top: 30px;
            display: none;
        }
        .user-capital-info{
            width: 100%;
            height: 1.25rem;
            display: flex;
            margin-top: 15px;
            justify-content: space-between;
        }
        .bannar{
            height: 156px;
            overflow: hidden;
        }

        .market {
          padding: 15px 0 0 0;
          height: 96px;
        }
        .market .market-item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-pack: distribute;
        }
        .market .market-item .item-box {
          font-weight: bold;
          width: 33.33%;
          text-align: center;
        }
        .market .market-item .item-box dt {
          font-size: 11px;
          font-family: PingFang;
        }
        .market .market-item .item-box dd {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          color: #03ae8f;
        }
        .market .market-item .item-box dd.green{color:#03ad8f;}
        .market .market-item .item-box dd.red{color:red;}
        .market .market-swiper-container{
          height: 100%;
        }
        .market .market-item .item-box dd p {
          padding:10px 0 9px 0;
          font-size: 17px;
          line-height: 13px;
          font-family: DINMittelschrift;
        }
        .market .market-item .item-box dd span {
          line-height: 8px;
          font-size: 12px;
        }
        .market .market-pagination{
          bottom: 3px;
        }
        .market .market-pagination .swiper-pagination-bullet {
          width: 15px;
          height: 2px;
          border-radius: 0;
          background: #6e89aa;
          margin: 0;
        }

        .market .market-pagination .swiper-pagination-bullet-active {
          background: #03AD8F;
        }
        .swiper-slide img{
            width: 100%;
            height: 100%;
        }


        .info {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          padding-top: 10px;
        }
        .info .info-pay {
          background: #20253A;
          border-radius: 5px;
          padding: 16px 13px;
          margin-right: 10px;
          width: 55%;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
        }
        .info .info-pay dl ,.info .info-pay dl a{
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          align-items: center;
          justify-content: center;
            margin-bottom: 0px;
        }
        .info .info-pay dl dt {
          margin-right: 15.5px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
        }
        .info .info-pay dl dt span {
          font-size: 16px;
          line-height: 16px;
          margin-bottom: 5px;
        }
        .info .info-pay dl dt em {
          font-size: 11px;
          line-height: 12px;
          color: #6b86a6;
        }
        .info .info-pay dl dd {
          width: 50px;
          height: 50px;
        }
        .info .info-detail {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
        }

        .info .info-detail dl{
          font-weight: bold;
          padding: 8px 10px;
          background: #20253A;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
                  border-radius: 5px;
            margin-bottom: 0px;
        }
        .info .info-detail dl dt {
          width: 22px;
          height: 22px;
          margin-right: 10px;
        }
        .info .info-detail dl dd {
          font-size: 13px;
          line-height: 13px;
          color: #d1d4eb;
        }


        .notice-w{
          padding: 0 15px;
        }
        .notice {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;

          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          border-bottom: 1px solid #1d2c3f;
          height: 41px;
          overflow: hidden;
          position: relative;
          z-index: 1;
        }
        .notice span {
          width: 16px;
          height: 16px;
          margin-right: 5px;
        }
        .notice ul {
          position: absolute;
          top: 0;
          left: 24px;
        }
        .notice ul li {
          font-size: 11px;
          line-height: 41px;
          font-family: pingfang;
          font-weight: bold;
        }
        .marquee-animate .show-marquee {
          transition: all 0.5s;
          margin-top: -41px;
        }


.back{
    width: 10%;
    position: relative;
    z-index: 999;
}

.back img {
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.addbank {
    height: .433333rem;
    margin-top: .2rem;
    position: relative;
}

.addbank .el-button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    width: 90%;
    height: 80%;
    font-size: .2rem;
    border-radius: .133333rem;
    background-color: #c73131;
}



.back img {
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}
.investt {
    font-size: .16rem;
    background-color: #d73741;
    border-radius: .1rem;
    padding: 3px 16px;
}
.investt a{
    color: #fff;
}

.ionic_toast {
  z-index: 9999;
}

.toast_section {
  color: #FFF;
  cursor: default;
  font-size: 1em;
  display: none;
  border-radius: 5px;
  opacity: 1;
  padding: 10px 30px 10px 10px;
  margin: 10px;
  position: fixed;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.75);
}
.ionic_toast_close {
  border-radius: 2px;
  color: #CCCCCC;
  cursor: pointer;
  display: none;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 20px;
  height: 20px;
}

.toast_close_icon {
  position: relative;
  top: 1px;
}

.ionic_toast_sticky .ionic_toast_close {
  display: block;
}

.ionic_toast_close:active {

}
    .goods-content {
        width: 100%;
        padding: 0 .15rem;
        /*margin-top: 40px;*/
        background: #191E31;
        background: url(/static/images/goods_title_bakcground.png);
    }
    .goods-title {
        width: 100%;
        display: flex;
    }
    .equity-market-info {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .present-price section{
        font-size: .24rem;
    }
    .present-price p {
        font-size: .13rem;
        color: #8192AB;
        margin: 5px 0;
    }
    .equity-market-info {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .equity-market-info>section>p:first-child {
        font-size: .13rem;
        color: #8192AB;
    }
    .equity-market-info>section>p:last-child {
        font-size: .16rem;
        color: #DAE7FA!important;
    }