@charset "utf-8";
/* CSS Document */

:root {
    --hover: #ec2800
}

@font-face {
    font-family: "syRegular";
    src: url("../fonts/syRegular.eot");
    src: url("../fonts/syRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/syRegular.woff") format("woff"), url("../fonts/syRegular.ttf") format("truetype"), url("../fonts/syRegular.svg#syRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'syRegular',Arial,'Microsoft Yahei','微软雅黑',SimSun,Arial,tahoma,arial !important;
    margin: 0;
    padding: 0;
    font-style: normal !important;
    font-variant: normal !important;
    color: #222;
    font-size: 0.875rem;
}
html{font-size:62.5%;}
a{
	color:#222;
	text-decoration:none;outline:none;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;
}
a:hover
{
    color:#d92b38;
	text-decoration:none;outline:none;
}
a:focus{outline:none;text-decoration:none;}
.clear {
	clear:both;
	font-size:0px;
	line-height:0;
	height:0;
}
.pointer {cursor: pointer;}
* html .clearfix {
	zoom: 1;
}
*:first-child+html .clearfix {
	zoom: 1;
}
.cell, .cell2, .cell3 {
	border-collapse:collapse;
	border-spacing:0;
}
.fl {
	float:left;}
.fr {
	float:right;}
.yh {
    font-family:"Microsoft Yahei","微软雅黑";
}
a,img{border:0px;}

br{font-family:SimSun;}

p{margin:0px;padding:0px;line-height:1.75;}
i{margin:0px;padding:0px;font-style:normal;}
ul{margin:0px;padding:0px;list-style:none;}
ul li{margin:0px;padding:0px;list-style:none;}
br{margin:0px;padding:0px;}
.clearheight{width:100%;height:1px;overflow:hidden;}
input,select,textarea{font-family:'syRegular',Arial,'Microsoft Yahei','微软雅黑',SimSun,Arial,tahoma,arial !important;outline:none;}
input::-ms-clear, input::-ms-reveal{
        display: none;
  }
input[type="text"]:disabled
{
background-color: #999;
}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

input:-ms-input-placeholder {
    color: #999;
}

input::-webkit-input-placeholder {
    color: #999;
}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button {
    -webkit-appearance: none;-webkit-tap-highlight-color:rgba(255,255,255,0);
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 100px white inset;-webkit-tap-highlight-color:rgba(255,255,255,0);
}
input[type=button],input[type=text],input[type=password]{-webkit-appearance:none;outline:none}

a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}

/*loading*/
.loading{width:100%;height:100%;overflow:hidden;position:fixed;left:0px;top:0px;z-index:9998;display:block;}
.loading b.b1{width:100%;height:100%;display:block;overflow:hidden;background-color:#004c98;position:absolute;left:0px;top:0%;}

.container{width:100%;min-width:1280px;}
.section{width:100%;}
.section .pagefr_n{width:100%;height:calc(100vh);max-width:1920px;margin:0px auto;padding:0px;overflow:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:flex-start;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.section.active .pagefr_n{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}


/*common*/


.in_body{position:relative;background-color:#111;}
.home_body{overflow:hidden;height:100vh;}
.wrap{width:100%;margin:0px auto;padding:0px;min-width:1280px;}
.wrap_in{margin:0px auto;max-width:1920px;padding:0px;}

.w_pc{}
.w_wap{display:none !important;}

.topfr{width:100%;overflow:visible;position:fixed;left:0px;top:0px;height:12rem;border-bottom:.1rem solid rgba(255,255,255,.25);z-index:9999;background-color:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.topfr .fl{height:12rem;display:flex;display:-webkit-flex;align-items:center;justify-content:center;padding-left:5rem;}
.topfr .fl img{display:block;height:4rem;}


.topfr .top_menu{float:left;}
.topfr .top_menu ul li{float:left;font-size:1.8rem;height:12rem;margin-right:5vw;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.topfr .top_menu ul li.active{
    border-bottom: .3rem solid;
    border-image: linear-gradient(to right,#dcab5f,#bb8734) 1;
}
.topfr .top_menu ul li a{color:#fff;}
.topfr .top_menu ul li a:hover{color:#dcab5f;}

.topfr .top_sch{float:left;width:11.6rem;height:12rem;border-left:.1rem solid rgba(255,255,255,.25);display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.topfr .top_sch label{width:100%;height:2.4rem;display:block;overflow:hidden;}
.topfr .top_sch b{width:2.4rem;height:2.4rem;display:block;overflow:hidden;background:url("../img/top_01.png") center no-repeat;background-size:100%;margin-left:5rem;cursor:pointer;}



.topfr .top_user{float:left;overflow:visible;position:relative;width:19rem;height:12rem;border-left:.1rem solid rgba(255,255,255,.25);}
.topfr .top_user .top_u_t{width:19rem;height:12rem;overflow:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.topfr .top_user .top_u_t a{display:inline-block;font-size:1.8rem;color:#fff;background:url("../img/t1.png") right center no-repeat;background-size:.6rem;padding-right:2rem;}
.topfr .top_user .top_u_c{width:calc(100% + .2rem);position:absolute;left:-.1rem;top:12rem;display:none;border:.1rem solid rgba(255,255,255,.25);border-top:0px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.topfr .top_user .top_u_c p{width:100%;position:relative;height:7.8rem;overflow:hidden;font-size:1.8rem;color:#fff;display:flex;display:-webkit-flex;align-items:center;justify-content:center;border-bottom:.1rem solid rgba(255,255,255,.25);}
.topfr .top_user .top_u_c p:before{content:"";width:0;height:calc(100% + .2rem);overflow:hidden;position:absolute;left:50%;top:-.1rem;opacity:0;background: linear-gradient(to right,#dcab5f,#bb8734);background: -webkit-linear-gradient(to right,#dcab5f,#bb8734);background: -o-linear-gradient(to right,#dcab5f,#bb8734); background: -moz-linear-gradient(to right,#dcab5f,#bb8734);transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.topfr .top_user .top_u_c p span{position:relative;z-index:9;}
.topfr .top_user .top_u_c p a{color:#fff;}
.topfr .top_user .top_u_c p:hover:before{left:-.1rem;opacity:1;width:calc(100% + .2rem)}
.topfr .top_user a:hover{color:#dcab5f;}

.topfr .top_lgn{float:left;border-right:.1rem solid rgba(255,255,255,.25);border-left:.1rem solid rgba(255,255,255,.25);height:12rem;font-size:1.8rem;color:#fff;display:flex;display:-webkit-flex;align-items:center;justify-content:center;padding:0px 3rem;}
.topfr .top_lgn a{color:#fff;}



/* rem的原因不用再写media */
.topfr .fl{border-left:.1rem solid rgba(255,255,255,.25);}
.topfr .top_user{border-right:.1rem solid rgba(255,255,255,0.25);}
.topfr .top_menu ul li{margin-right:8rem;}
.topfr .top_sch{width:32.0rem;}



/* @media screen and (min-width:1921px) {
  .topfr{}
  .topfr .fl{border-left:.1rem solid rgba(255,255,255,.25);}
  .topfr .top_user{border-right:.1rem solid rgba(255,255,255,0.25);}


  .topfr .top_menu ul li{margin-right:8rem;}
  .topfr .top_sch{width:32.0rem;}

}





@media screen and (max-width:1880px) {

  .topfr .top_sch{width:14vw;}
  .topfr .top_menu ul li{margin-right:4vw;}

  .page1 .p1_c p.p1{font-size:5rem;}


  .btn_01 .fr{font-size:2rem;}

}


@media screen and (max-width:1600px) {

  .topfr .top_sch{width:13vw;}
  .topfr .top_menu ul li{margin-right:3vw;}

  .page1 .p1_c p.p1{font-size:4.5rem;}
  .p2c_c .p2cc_t{font-size:3.5rem;}

  .btn_01 .fr{font-size:2rem;width:calc(50% - 10rem);margin-right:5rem;}

  .btn_01 .fl{margin-left:5rem;width:calc(50% - 14rem);}

  .btn_02 .btn2_c{padding-left:5rem;padding-right:5rem;}

}

@media screen and (max-width:1440px) {

.topfr .top_sch{width:188px;}
.topfr .top_menu ul li{margin-right:44px;}
} */



/* footer */
/* .p3_btnfr{width:100%;overflow:hidden;position:absolute;left:0px;bottom:0px;z-index:990;margin:0px auto;max-width:1920px;} */
.p3_btnfr{width:100%;overflow:hidden;;margin:0px auto;max-width:1920px;min-width:1280px;}
.btn_01{width:100%;overflow:hidden;position:relative;}
.btn_01:before{content:"";width:50%;height:100%;display:block;overflow:hidden;background-color:#303030;position:absolute;left:0px;top:0px;z-index:1;}
.btn_01:after{content:"";width:50%;height:100%;display:block;overflow:hidden;position:absolute;right:0px;top:0px;z-index:1;background: linear-gradient(to right,#dcab5f,#bb8734);background: -webkit-linear-gradient(to right,#dcab5f,#bb8734);background: -o-linear-gradient(to right,#dcab5f,#bb8734); background: -moz-linear-gradient(to right,#dcab5f,#bb8734);}
.btn_01 .wrap_in{position:relative;z-index:99;}
.btn_01 .fl{width:calc(50% - 20rem);overflow:hidden;margin-left:10rem;}
.btn_01 .fl ul{width:100%;overflow:hidden;display:flex;display:-webkit-flex;justify-content:space-between}
.btn_01 .fl ul li{height:20rem;display:flex;display:-webkit-flex;align-items:center;justify-content:center;font-size:2rem;}
.btn_01 .fl ul li a{color:rgba(255,255,255,.75);}
.btn_01 .fr{width:calc(50% - 20rem);margin-right:10rem;height:20rem;overflow:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:space-between;font-size:2rem;color:#fff;}
.btn_01 .fr a{color:#fff;}

.btn_02{width:100%;overflow:hidden;background-color:#fff;}
.btn_02 a{color:#303030;}
.btn_02 .btn2_c{width:calc(100%);padding:0px 10rem;overflow:hidden;margin:0px auto;line-height:1.1;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-size:1.8rem;color:#303030;}
.btn_02 .btn2_c .fl{height:12rem;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.btn_02 .btn2_c .fr{height:12rem;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}



/* 合格投资者认证 */
.modal-open {
    padding-right: 0px!important;
}
.modal-open .modal{
    overflow: hidden;
}
#exampleModalCenter{
    z-index: 10000;
    padding-right: 0px!important;
}
#exampleModalCenter .modal-content{
    background-color: #ffffffe6;
    border-radius: 0.5rem;
}
#exampleModalCenter .modal-body{
    padding: 4rem 0 0 0;
}
#exampleModalCenter .modal-dialog{
    width: 122rem;
    max-width: 1220px;
}
#exampleModalCenter .modal-body-title{
    font-size: 2.8rem;
    text-align: center;
    line-height: 10rem;
    font-weight: 600;
    border-bottom: 1px solid #bbb;
    margin: 0 5rem 1.5rem 5rem;
    position: relative;
}
#exampleModalCenter .modal-body-title b{
    width: 3.8rem;
    height: 0.5rem;
    display: block;
    overflow: hidden;
    background: linear-gradient(to right,#dcab5f,#bb8734);
    position: absolute;
    left: 49%;
    bottom: -3px;
    margin-left: -0.9rem;
    border-radius: 5rem;
}
#exampleModalCenter .modal-body-content{
    line-height: 3rem;
    font-size: 1.8rem;
    max-height: 40vh;
    padding-bottom: 1rem;
    overflow: auto;
    padding: 2rem 5rem 2.8rem 6rem;
    margin: 0 1rem .2rem 0;
}
#exampleModalCenter .modal-first-bottom{
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    height: 9rem;
    box-shadow: 0px -14px 15px -20px #5e5e5e;
}
#exampleModalCenter .modal-first-bottom>div{
    width: 15rem;
    text-align: center;
    font-size: 2rem;
    line-height: 5rem;
    font-weight: 600;
    border-radius: 3rem;
}
#exampleModalCenter .modal-first-bottom-accept{
    background: linear-gradient(to right,#dcab5f,#bb8734);
    margin-right: 2rem;
}
#exampleModalCenter .modal-first-bottom-giveup{
    background: linear-gradient(to right,#444,#000);
    color: #fff;
}
  
/* 滚动条 */

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
#exampleModalCenter  ::-webkit-scrollbar  
{  
  width: .8rem!important;  
  background-color: transparent!important;  
}  
/*定义滚动条轨道 内阴影+圆角*/  
#exampleModalCenter  ::-webkit-scrollbar-track  
{  
  background-color: transparent!important;  
}    
/*定义滑块 内阴影+圆角*/  
#exampleModalCenter  ::-webkit-scrollbar-thumb  
{  
  border-radius: 10px!important;  
  background-color:#d7d7d9!important;  
}  
/*滑块效果*/
#exampleModalCenter  ::-webkit-scrollbar-thumb:hover
{
border-radius: 5px!important;
background: rgba(0,0,0,0.4)!important;
}
.modal-open{
  overflow: auto;
}

