:root {
		--jrjr_color: #c72237;
		--main_color: #555;
		--section_odd_color: #fff; /* 单数 */
		--section_even_color: #F3F3F4; /* 双数 */
		--gold_color: #C8A74A;
		--title_color: #231815;
		--real_btn_color: #ed3c4a; /* .cta 开立真实账户 按钮颜色 */
		--virtual_btn_color: #e6e6e6; /* .cta 开立模拟账户 按钮颜色 */
	}

	/* background-image: var(--noise_bg); */ /* Noise bg */
	body{ background:#002565;}
	a {cursor:pointer}

	/* [class*="col"] { border: 1px solid red; } */ /* debug 时用 */
	[class*="section_"] { padding-top: 5em; padding-bottom: 3em; }
	[class*="section_"]:nth-child(odd) { background: none !important; }
	[class*="section_"]:nth-child(even) { background:  none !important; }

	.banner { width:100vw; padding-top:55px; z-index: -9; min-height:800px;}
	.banner img{ /*width:100%;*/ }
	 a { width:100%; height:100%;cursor: pointer;}

	 .banner .ma-5 { margin-top:-100px; margin-bottom: 20px; color:#000; } 
	 
	 .underline{ border-bottom:1px solid #DBDBDB; width:20%; text-align:center; margin:0 auto;  margin-bottom:1rem;}
	 
	 .text-padding{ padding:15px;}
	 .title_h1 { font-weight: bold; margin: 0 0em .3em !important; color:#fff !important;}
	 .title_h6{ color:#fff !important;}
	 .title_h1 img{ width:100%; height:100%;}
	 
	 .litter{ color:#fff !important;}
	  span.green-big{ color:#16ff8f !important; font-size:24px !important;}
	  span.green{color:#16ff8f !important; }
	 
	 .section_2 .details {color: #16ff8f;padding: 3px 15px;border-radius: 5em;text-align: center;margin-left: 1em; border:1px solid #16ff8f; }
	 .red{ color:#FF5722;}
	 h4.line-hight{ line-height:34px;}
	 
	 .col h1{display: inline-block; position: relative;}
	 .col h1:after{ content: '';background: url(../images/yun1.png) no-repeat; width:142px; height:34px; position: absolute; right:-170px;top: 5px;}
	 .col h1:before{ content: '';background: url(../images/yun.png) no-repeat; width:142px; height:34px; position: absolute;left: -170px;top: 5px;}
	 
	 
	 .bolang img { width: 80%; }
	 
	 .col-12 h1{display: inline-block; position: relative;}
	 .col-12 h1:after{ content: '';background: url(../images/yun1.png) no-repeat; width:142px; height:34px; position: absolute; right:-170px;top: 5px;}
	 .col-12 h1:before{ content: '';background: url(../images/yun.png) no-repeat; width:142px; height:34px; position: absolute;left: -170px;top: 5px;}

	.jiange{ margin-bottom:20px;}
	
	.real_btn{ font-weight:100 !important;}
	.real_btn, .virtual_btn {display: inline-block; padding: 0; max-width:300px; width: 80%; height: 60px; line-height:60px; font-size: 1.6rem; font-weight: bold; background-size: 100% !important; color:#fff;  border: none; }
	.real_btn { border:1px solid #4f6fcb; background:none; color:#4f6fcb !important; }
	.virtual_btn { background: #4f6fcb; color:#fff !important; }

	.real_btn:hover, .virtual_btn:hover {padding: 0; box-shadow: none!important; }
	.real_btn:hover { background: none; }

	.real_btn span, .virtual_btn span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; box-shadow:none!important; }
	.real_btn span:after, .virtual_btn span:after { content: '»'; position: absolute; opacity: 0; top: 0; right: -30px; transition: 0.5s; }
	.real_btn:hover span, .virtual_btn:hover span { padding-right: 25px; }
	.real_btn:hover span:after, .virtual_btn:hover span:after { opacity: 1; right: 0; }
	
	.card-img-left{ width:100%;}
	
	.table td{ vertical-align: middle !important;}
	
	.mys1{}
	.mys1 .btn-block{display: block; position: relative; margin: 0 auto; width: 100%; /*max-width: 350px;*/}
	.mys1 .btn-block .mys1-text{padding: 5% 9%; left: 0; right: 0; position: absolute;}
	.mys1 .btn-block .mys1-text h3{line-height: 35px; font-weight: lighter; color: #ede1a8;}
	.mys1 .btn-block .mys1-text .tt-warp{margin: 35% auto 1rem; padding: 20px 0 15px; border-radius: 3px;}
	.tt-warp h6:after{ content: ''; background: url(../images/line-1.png) no-repeat;width:33px; height:1px;position: absolute;left: -170px;top: 5px; }
	.mys1 .btn-block .mys1-text .tt-warp h2,.mys1 .btn-block .mys1-text .tt-warp h1{font-weight: bold; color: #c91c1c;}
	.mys1 .btn-block .mys1-text .tt-warp h1{font-size: 2.5rem;}
	.mys1 .btn-block .mys1-text .ttt{margin-bottom: 5px; padding-left: 20px; text-align: justify; color: #ede1a8;}
	.mys1 .btn-block img{top: 0; width:100%;}
	
	.st_con2{background:rgba(255,255,255,1);min-height:360px;width:100%;display:block;border-radius:.5em;padding:5% 10%; transition: all .4s;}
	.st_01{width:100%;margin-bottom:20px;}
	.st_con2 h6{ color:#A2A2A2; !important;}
	 .underline{ border-bottom:1px solid #DBDBDB; width:20%; text-align:center; margin:0 auto;  margin-bottom:1.5rem;}
	.st_con2:hover{background:#4f6fcb;
background: -moz-linear-gradient(0deg,#4f6fcb 0%, #4f6fcb 100%);
background: -webkit-linear-gradient(0deg,#4f6fcb 0%, #4f6fcb 100%);
	background: linear-gradient(220deg,#4f6fcb 0%, #4f6fcb 40%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444875', endColorstr='#444875',GradientType=1 ); color:#fff;}
	.st_con2:hover h4,.st_con2:hover h6{color:#fff;}
	
	
	.apple-warp{position: relative; overflow:hidden;width:100%;height:141px; }
	.apple-warp .apple ul{padding: 0; height: ; overflow: hidden;}
	.apple-warp-1{position:absolute; left: 0; width: 61px; height:140px; background: url(../images/3.png)left no-repeat;}
	.apple-warp-2{position:absolute; right: 0;width: 61px; height:140px; background: url(../images/3.png)right no-repeat;transform:rotateY(180deg); }
	.apple{position: absolute; left: 61px; right: 61px; padding: 30px 0; height: 140px; border-top: 2px solid #f1d19d; border-bottom: 2px solid #f1d19d; overflow: hidden; }
	.apple-inner{ height: 50px; overflow: hidden;}
	.apple li{ text-align:center; list-style:none; padding:20px 0px;}
	.apple p{ float:left; margin-bottom: 0; width:33%; color:#52579f; }
	.aa{height:99px; overflow:hidden; border:1px solid #079f84; background:#ffffff;}
	.apple p span.gry{ color:#f1d19d;}
	.apple-warp img{position: absolute; top:0;}
	
	.lq_btn{ background:#ffeead; margin-top:50px; height:50px; line-height:50px; display:block; color:#e73f43; font-size:1.5rem;border-radius: 3px;}
	.lq_btn:hover{ color:#e73f43 !important;}
	 
	/* 装置宽度为 320 及以下，例如 iPhone SE */
	@media screen and (min-width: 320px) and (max-width: 374px) {	
	[class*="section_"] { padding-top: 1em; padding-bottom: 3em; }

	.title_h1 { font-size: 1.3em!important; }
	.lq_btn{ margin-top:0px!important; }
	.mys1 .btn-block .mys1-text .tt-warp{margin:25% auto 1rem!important;}
	.banner img { width: 130%; margin-left: -15%; }
	.banner .ma-5 { margin-top:-10px; margin-bottom:10px; font-size: .8rem; } 

	.real_btn, .virtual_btn { padding: 0.1em 0.3em; }
	.real_btn:hover, .virtual_btn:hover { padding: .5em 1.3em;}
	
	.col h1{display: inline-block; position: relative; font-size:1.5rem;}
	.col h1:after{ content: '';width:1rem; height:1rem; position: absolute; right:-1.2rem;top:.6rem;background-size: 100%;}
	.col h1:before{content: '';width:1rem;height:1rem;position: absolute;right: -1rem; top: .6rem; background-size: 100%;left: -1.2rem;}
	
	.col-12 h1{display: inline-block; position: relative; font-size:1.5rem;}
	.col-12 h1:after{ content: '';width:1rem; height:1rem; position: absolute; right:-1.2rem;top:.6rem;background-size: 100%;}
	.col-12 h1:before{content: '';width:1rem;height:1rem;position: absolute;right: -1rem; top: .6rem; background-size: 100%;left: -1.2rem;}
	
	
	.bolang p{display: inline-block; position: relative; font-size:1rem; }
	.bolang p:after{ content: '';width:1rem; height:1rem; position: absolute; right:-1.2rem;top:.6rem;background-size: 100%;}
	.bolang p:before{content: '';width:1rem;height:1rem;position: absolute;right: -1rem; top: .6rem; background-size: 100%;left: -1.2rem;}

	
	.apple p{ float:left; width:100%;}
	.apple,.aa{height:299px;}
	}

	/* 装置宽度为 321 - 767px，适用大部份手机 */
	@media only screen and (min-width: 321px) and (max-width: 767px) {
	[class*="section_"] { padding-top: 1em; padding-bottom: 3em; }
	
	.title_h1,.title_h2 { font-size: 1.3em!important; }
	
	.banner img {margin-top:0px;  width: 120%; margin-left: -10%; }
	.banner .ma-5 { margin-top:-20px; margin-bottom:10px; font-size: .8rem; } 

	//.real_btn, .virtual_btn { padding: .5em 1.5em; }
	//.real_btn:hover, .virtual_btn:hover { padding: .5em 1.5em;}
	
	.col h1{display: inline-block; position: relative; font-size:1.5rem;}
	.col h1:after{ content: '';width:1rem; height:1rem; position: absolute; right:-1.2rem;top:.6rem;background-size: 100%;}
	.col h1:before{content: '';width:1rem;height:1rem;position: absolute;right: -1rem; top: .6rem; background-size: 100%;left: -1.2rem;}
	
	.col-12 h1{display: inline-block; position: relative; font-size:1.5rem;}
	.col-12 h1:after{ content: '';width:1rem; height:1rem; position: absolute; right:-1.2rem;top:.6rem;background-size: 100%;}
	.col-12 h1:before{content: '';width:1rem;height:1rem;position: absolute;right: -1rem; top: .6rem; background-size: 100%;left: -1.2rem;}
	
	.bolang img { width: 100%; }
	
	.apple p{ float:left; width:100%; font-size: .8rem;  }
	
	.apple{padding: 15px 0; }
	.apple-inner{ height:100px;}
	.apple li{padding: 0 !important;}
	.apple li p{margin: 0.5rem 0;}

	}
	/* 装置宽度为 767-1024px，适用大部份手机 */
	@media only screen and (min-width: 768px) and (max-width: 1023px) {
		.apple p{ float:left; width:50%;}
		
		.mys1 .btn-block .mys1-text h3{line-height: 20px; font-size: 1rem;}
		.mys1 .btn-block .img2{width: 80%;}
		.mys1 .btn-block .mys1-text .tt-warp{margin: 0.8rem auto;}
		.mys1 .btn-block .mys1-text .tt-warp h2{font-size: 1rem;}
		.mys1 .btn-block .mys1-text .ttt li{font-size: 0.8rem;}
		
		.apple li{ text-align:center; list-style:none; padding:25px 0px;}
		.apple-warp img{height: 120px;}
	}

	/* iphoneX 专用 */
	@media only screen and (width:375px) and (min-height:812px) {
	}

	/* iPad 专用 */
	@media only screen and (device-width: 768px) {
		
	}

	/* iPad Pro 专用 */
	@media only screen and (device-width: 1024px) {
	}


/*财经日历*/	
.fl-table{border-radius: 5px;font-size: 12px;font-weight: normal;border: none;border-collapse: collapse;width: 100%;max-width: 100%;white-space: nowrap;}
.fl-table td, .fl-table th{text-align: center;padding: 15px;font-size: 0.8rem;color: #FFFFFF;}
.fl-table th{font-size: 1rem;font-weight: bold;}
.fl-table td,.fl-table th{border-right: 1px solid #1c1f4e;}
.fl-table thead tr:first-child{color: #ffffff;background: rgba(40,43,95,.8);}
.fl-table tr{background: rgba(55,58,115,.8);}
.fl-table tr:nth-child(even){background: rgba(65,68,122,.8);}

.datelistul-s{display: none;}
.datelistul-s li {color: #3d4179;}
.datelistul-s li span{color: #FFFFFF;}

/* 利多利空金银 */
.table-wrapper ul{ margin:0px; padding:0px; color:#fff; font-size:13px}
.table-wrapper ul li{ margin:0px; float:left; width:100%; padding:10px 40px; list-style-type:none;background: rgba(65,68,122,.8); border-bottom:1px solid #1c1f4e; line-height:26px}
.table-wrapper ul li div{ float:left; min-width:500px; padding-right:15px}
.table-wrapper ul .lclsb{ border-right:1px solid #1c1f4e}
.table-wrapper table tbody tr td span{margin-bottom:3px; padding:0 3px; display:block; border-radius:2px; font-size:0.7rem;}
.table-wrapper table tbody tr td span.idnld{ color:#53bb07;}
.table-wrapper table tbody tr td span.idnlk{ color:#f51e1e;}

/* Responsive */
@media (max-width: 767px) {
	.banner{ background:none; min-height:0px;}
    .fl-table{display: block;width: 100%;}
	.table-wrapper:before{display: block;text-align: right;font-size: 11px;color: white;padding: 0 0 10px; color: #41457b;}
	.fl-table thead, .fl-table tbody, .fl-table thead th{display: block;}
	.fl-table thead th:last-child{border-bottom: none;}
	.fl-table thead{float: left;}
	.fl-table tbody{width: auto;position: relative;overflow-x: auto;}
	.fl-table td, .fl-table th{padding: 20px .625em .625em .625em;height: 60px;vertical-align: middle;box-sizing: border-box;overflow-x: hidden;overflow-y: auto;width: 230px;font-size: 13px;text-overflow: ellipsis;border-bottom: 1px solid #1c1f4e;}
	.fl-table thead th{width: 120px;}
	.fl-table tbody tr{display: table-cell;}
	.fl-table tbody tr:nth-child(odd){background: rgba(55,58,115,.8);}
	.fl-table tbody tr:nth-child(even){background: rgba(55,58,115,.8);}
	.fl-table tbody td{display: block;text-align: center;}
	
	.daylist{margin: 10px !important;}
	.daylist #datelistul{display: none;}
	.datelistul-s{display:block; padding: 0;}
	.datelistul-s li{float: left; width: 33.3%;}
.table-wrapper ul li{min-width:100%; padding:10px 20px;}
.table-wrapper ul li div{ float:left; min-width:350px; padding-right:15px;}
}

/*重要性*/
.ratio{text-align: center;}
.ratio p{margin: 0 auto; width:62px;height:4px; background:#e4e4e4; position:relative; overflow:hidden; border-radius:2px;}
.ratio p span{ position:absolute; top:0px; left:0px;border-radius:80px;height:4px;background:#ff4e09}

@media (min-width: 1200px)
{.container {
    max-width: 1140px ;
}
}

.flex-center{display: flex; justify-content: center;}
.flex-center .banner-phone1{padding: 40px; width: 580px; border-radius: 8px; background-color: #FFFFFF;}

/*--注册新样式--*/
.banner-phone{width: 100%; margin: 0 auto;border-radius: 15px;}
.banner-phone-wrapper{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.phone-title h2{margin-bottom:30px !important; font-size:1rem !important;}
.phone-top{width: 1.92rem;height: 0.5rem;background: url(https://jrjrbanner.oss-cn-shenzhen.aliyuncs.com/mobile/hd/2021/03/images/phone-bg.png) no-repeat;background-size: 100% 100%;margin: 0 auto;display: flex;justify-content: center;align-items: center;font-size: 0.3rem;color: #ffffff;}
.phone-title span img{width: 0.41rem;height: 0.19rem;display: block;}
.regindex{width:100%;}
.banner-phone-wrapper h2{color: #3b3f60;text-align: center;font-size: 0.28rem;}

.tel-outbox p{font-size: 14px !important;color: #999999 !important;text-align: center;padding-top: 20px !important;padding-bottom: 30px !important;}
.tel-box{display: flex;flex-direction: column; margin: 0 auto; padding-bottom: 20px; width: 100%; border-radius: 5px;background-color: ffffff;}
.input-sec{margin-bottom: 1rem; width: 100%; display:flex;}
.tel-box .input-sec input{padding-left: 20px; width: 100%;height: 50px; border:1px solid #eee;color: #282828;font-size: 16px; font-weight: 500;background-color: #fff;}
.tel-box .input-sec input::placeholder{color: #b2b2b2;}
.tel-box .input-sec input:focus{outline:none;}
.tel-box  input.register_text{border-radius: 30px;}
/* 验证码 */
.tel-box .input-yam{display:flex;}
.tel-box .input-yam .register_text2{display: block; padding-left: 20px; width: 70%; height: 50px; color: #282828;font-size: 16px;font-weight: 500; border-radius:30px 0 0 30px; border-right:0; box-sizing: border-box;background-color: #fff; }
.tel-box .input-yam .register_text2 + div{width:30%;}
.tel-box .input-yam .getcode{ padding:0; display: flex; justify-content: center;align-items: center; height: 100%;width: 100%; background: #ff5f11;color: #FFFFFF;font-size: 16px; text-align: center; border-radius:0 44px 44px 0;}

.banner-checked{display: flex;align-items: center;justify-content: center;padding-bottom: 20px;}
.banner-checked input{margin-right:8px;}
.banner-checked input:checked{ border: 0;}
.banner-checked span{color: #909090;padding-left: 0.05rem;font-weight: bold;}
.banner-checked span >span a{color: #FF5436 !important;}

.banner-button {display: flex;justify-content: center;align-items: center;}
.banner-button input{width: 355px;height: 55px;background: #ff5f11;color: #FFFFFF;text-align: center !important; font-size: 24px;margin: 0 auto;border-radius: 35px;cursor: pointer;cursor: pointer; outline:0px;transition:all .4s; border: 0;}
.banner-button input:hover{opacity: .9;-webkit-opacity: .9;-moz-opacity: .9;}