/*===================================================基础设置===================================================*/
body{background-color: #f1f1f1;}

/*--------------------------------全局变量--------------------------------*/
:root {
  --pgWidth:85%;/*页面宽度87.5rem*/
  --hdHeight:5rem;/*头部高度*/ 
  
  
  /*色系_深蓝*/
  --mainColor:#73b037;
  --nearColor:#8ec459;
  --secondColor:#8ec459;
  --subColor:#f4feed; 
}

.mainColor{background-color: var(--mainColor,#0068b7); }
.nearColor{background-color: var(--nearColor,#5694e4) !important;  }
.secondColor{background-color: var(--secondColor,#e5f1fc) !important; }
.subColor{background-color: var(--subColor,#f2f2f2);}


/*--------通用a标签--------*/
a{ text-decoration:none;outline:none;color: #666;}
a:visited {text-decoration:none;}
a:hover {
    color: #C00;text-decoration:none;
    -webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;}


/*----------------------------------------------页面头部header----------------------------------------------*/

/*--------头部--------*/
#header {
	position:fixed;/*头部固定fixed；头部不固定relative  fixed*/	    
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	/*-moz-box-shadow: 0 0.25rem 0.25rem rgba(10,57,93,0.26);
        -webkit-box-shadow: 0 0.25rem 0.25rem rgba(10,57,93,0.26);
        box-shadow: 0 0.25rem 0.25rem rgba(10,57,93,0.26);*/
	z-index: 900;
        background-color:#fff;
}

#header_index .hdLogo{z-index:99;display: flex;justify-content: flex-start;margin-top: 0.625rem;}
#header_index .hdLogo .topname{display:block;float:left;margin:0.55rem 0.5rem 0 0;line-height:1.45rem;font-family: "SourceHanSansCN-Bold";color: #86c64c;text-align:center;}
#header_index .hdLogo h2{
        margin-top: 0.4rem;margin-bottom:0.3rem;
        margin-left: 0.8rem;
        font-size: 1.375rem;
        background: linear-gradient(to right, #e9ce1d, #86c64c 60%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: "SourceHanSansCN-Bold";
}

/*导航固定时的头部高度-*/
.headerspace{display:none;}


/*顶部*
#top{
	position:relative;overflow:hidden;
	width: 100%;height:1.875rem;
	color:#999;line-height:1.85rem;
	background-color:var(--subColor,#f2f2f2);
	z-index: 901;}	
#top .welcome{float:left;color:#999;}
#top .welcome i{font-size:0.75rem;padding-right:0.5rem;}
#top ul{float:right;}
#top ul li{float:left;margin-right:1.5rem;}	
#top ul li a{color:#999;}
#top ul li a:hover{ color:#333;}


/*logo*/
#header .hdLogo {
	position: relative;float: left;overflow:hidden;width:35%;
    height: var(--hdHeight,5rem);	
	z-index:99;}
/*logo图片*/
#header .hdLogo img {display: block;margin-top: 0.5rem;float: left;}
/*平台名*/
#header .hdLogo h2{margin-top: 0.8rem;margin-left: 1rem;font-size:1.375rem;float: left;
        background: linear-gradient(to right, #e9ce1d, #86c64c 60%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: "SourceHanSansCN-Bold";
}
#header .hdLogo .topname{display:block;float:left;margin:1rem 0.5rem 0 0;line-height:1.45rem;font-family: "SourceHanSansCN-Bold";color: #86c64c;text-align:center;}
/*平台英文名*
#header .hdLogo h4{	
	margin-top:0.375rem;
	font-size:1rem;color:#aaa;font-family:Arial, Helvetica, sans-serif;font-weight:normal;}	


/*头部右侧*/
#header .hdOther {
	position: relative;float: right;line-height: 5rem;
    height: var(--hdHeight,5rem);}
	

/*--------导航（PC端）--------*/

/*导航背景(通栏)*/
#header .navbg {
    position: relative; width: 100%;/*margin-top: -3.25rem;
    height: 3.25rem;
    background:-webkit-linear-gradient(to right,#e78024,#089a62); 
	background: -o-linear-gradient(to right,#e78024,#089a62);
	background: -moz-linear-gradient(to right,#e78024,#089a62);
	background: linear-gradient(to right,#e78024,#f8a839,#e47821);
	-moz-box-shadow: 0 5px 6px rgba(10,57,93,0.26);
    -webkit-box-shadow: 0 5px 6px rgba(10,57,93,0.26);
    box-shadow: 0 5px 6px rgba(10,57,93,0.26);*/
}

.top-icons{
     z-index:99;
     position:absolute;
     right:0;
     font-size:0.75rem;
     margin-top:1.925rem;
    display: flex;
    justify-content: space-between;
}
.top-icons a{
    color:#fff;padding:0 0.5rem;border-radius:0.2rem;
    height: 1.4rem;
    line-height: 1.4rem;
    text-align: center;
    margin-left: 0.5rem;
    background-color:rgb(134,198,76,0.85);
}
.top-icons a:hover{
   background-color:rgb(134,198,76,1);
}
.top-icons a:nth-child(2){
    background-color: rgb(233,206,29,0.85);
}
.top-icons a:nth-child(2):hover{
    background-color: rgb(233,206,29,1);
}

/*头部下拉*/
.navbar-login .nav-links {
    position: absolute;
    right: 0;
    z-index:99;
    top:1.6rem;
}

.navbar-login .nav-links li {
    display:flex;
    height: 100%;
    color: #fff;
    position: relative;
    font-size: 0.75rem;
    flex-flow: column;
    text-align: center;
}
.navbar-login .nav-links li div{
    font-size:0.75rem;
}

.navbar-login .nav-icon::before,.navbar-login .nav-icon::after{
    content: "";
    height: 0.4375rem;
    width: 0.0625rem;
    display: block;
    background:#ffffff;
    position: absolute;
    right: 0.375rem;
    top: 0.75rem;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin-top: 0;
    z-index:999;
}
.navbar-login .nav-icon:before {
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    right: 0.6875rem;
}

.navbar-login .nav-links li > a {
    font-size: 0.875rem;
    margin:0 auto;
    width:7rem;
    transition: background .3s cubic-bezier(.158,.201,.69,1);
    -webkit-transition: background .3s cubic-bezier(.158,.201,.69,1);
    background: linear-gradient(to right, #e9ce1d, #86c64c 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.navbar-login .nav-links .sub_links {
    position: absolute;
    top: 1.875rem;
    right: -1rem;
    width:8rem;
    display: block;
    background: rgb(255,255,255,0.4);
    border-radius: 0.2rem;
    padding: 0.2rem 0.2rem 0.7rem 0.2rem;
    z-index: 99;
    transition: all .3s cubic-bezier(.158,.201,.69,1);
    -webkit-transition: all .3s cubic-bezier(.158,.201,.69,1);
    visibility: hidden;
    opacity: 0;
    transform: translatey(7px);
    box-sizing: border-box;
}

.navbar-login .nav-links .sub_links li {
    position: relative;
    margin: 0 !important;
}
.navbar-login .nav-links .sub_links li:hover > a{
    background: rgb(158,201,69,1);
    color: #fff;
}
.navbar-login .nav-links .sub_links li a {
    display: block;
    font-size: 0.75rem;
    color: #fff;
    height: 1.5rem;line-height:1.5rem;
    background:rgb(158,201,69,1);
    border-radius:0.2rem;width:4rem;margin:0 auto;-webkit-text-fill-color: white;
}

.navbar-login .nav-links li:hover > .sub_links {
    visibility: visible;
    opacity: 1;
    transform: translatey(0);
}
	
/*导航*/	
.navBar {
    clear: both;
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 3.25rem;
    z-index: 2;
    width:58%;
    margin-right:7rem;
}
	
/*所有导航项UL样式*/		
.navBar ul {
	position: absolute;visibility: hidden;opacity: 0;
	width: 120%;
        background-color: rgb(115, 176, 55, 0.7);
        box-sizing: border-box;
       -moz-box-sizing: border-box;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition:all .4s ease;
	z-index: 999;
        border-radius: 0.25rem;
        padding: 0.3rem;
}

/*二级导航显示动画*/
.navBar ul {top: 60%;}		
.navBar li:hover > ul {opacity: 1;visibility: visible;top: 100%;}
	
/*三级导航显示动画*/		
.navBar ul ul {top: 0%;left: 80%;}
.navBar ul li:hover > ul {opacity: 1;visibility: visible;top: 0%;left: 98%;}
	
/*所有导航项li样式*/
.navBar li {position: relative;float: left;width:11%;}

/*二级及以下导航*/	
.navBar ul li {	position: relative;float: none;width:100%;}

/*一级a标签*/		
.navParent > a {
	display: block;
	color: #333;font-size:0.875rem;text-align: center;
        margin:1.5rem 0 0 0;width:100%;
        height: 2.25rem;
        line-height: 2.25rem;
}
.navParent:hover > a, li.active a {	color: #9ec945;}

#header_index .navParent > a{color:#fff;}
#header_index .navBar ul{background-color: rgb(255, 255, 255, 0.3)}

	
/*一级a标签的箭头*/		
.navParent > a i {
	position:absolute;
	right: -0.5rem;
	font-size:0.875rem;
	transition: transform 0.3s ease-out;
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-moz-transition: -moz-transform 0.3s ease-out;}
.navParent:hover > a i {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);}
	
/*当前选中样式*/		
.navParent > a.on {
    color: #9ec945;
}

/*二级导航a标签*/	
.navParent ul li:hover > a {
	color: #fff;
	}
/*二级及以下导航a标签*/		
.navParent ul li a {
	display: block;padding:0 0.2rem;
	color: #fff;font-size: 0.75rem;text-decoration: none;text-align: center;
	border-radius: 0.25rem;
	-webkit-border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;}
.navParent ul li a:hover {
	color: #fff;
	background-color: #9ec945;}


/*--------导航(移动端)--------*/
#navMbl{position:absolute;width:100%;}
#navMbl .navicon i{
	display:block;position:absolute;right:2%;z-index:999;
	margin-top:1.75rem;
	color:#ccc;font-size:1.8rem;height:1.8rem;
	border:1px solid #ccc;
	border-radius: 0.25rem;
	-webkit-border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;}
.navBarMbl{
	position:absolute;display:none;	
	top:var(--hdHeight,3.75rem);	
	padding:3%;width:94%;
	line-height:2.5rem;
	background-color:#fff;	
	border:1px solid #ddd;
	box-shadow: 0 1rem 0.625rem -1rem #999;
	-moz-box-shadow: 0 1rem 0.625rem -1rem #999;
	-webkit-box-shadow: 0 1rem 0.625rem -1rem #999;
	z-index:999;}
.navBarMbl li{float:left;font-size:1.125rem;}
.navBarMbl ul li{
	position:relative;float:left;width:33%;
	font-weight:normal;}
.navBarMbl ul ul{
	position:absolute;display:none;
	left:6rem;top:0rem;
	width:94%;padding-left:6%;
	background-color:#daeeff;
	border:1px solid #ddd;
	z-index:99;}	
.navBarMbl ul ul li{width:100%;}	
.navMblParent{
	clear:both;
	width:100%;padding:0.5rem 0;
	font-weight:bold;
	border-bottom:1px solid #ddd;}
.navMblParent i{border:none;padding-left:0.5rem;}



/*----------------------------------------------子页面设置----------------------------------------------*/

/*--------分栏(非等距 2分栏)--------*/
.gdSubL {position:relative;float: left;width: 18%}
.gdSubR {position:relative;float: right;width: 80%}

/*--------子页面宽度--------*/
.layoutSub {
	margin-top:1rem !important;
	margin-bottom:3rem !important;
	box-sizing: border-box;
    -moz-box-sizing: border-box;}

/*--------子页面模块--------*/
.panelSub{
    position: relative;overflow: hidden;
    padding: 2rem 2%;
    border: 1px solid #ddd;
    background-color: #fff;}

/*--------新闻列表页模块--------*/
.panelNews{
    position: relative;overflow: hidden;
    padding: 1rem 2%;
    background-color: #fff;}

/*--------子页面模块--------*/
.panelSub{
    position: relative;overflow: hidden;
    padding-top: 1rem;
    border: 1px solid #ddd;
    background-color: #fff;}


/*--------------------------------左侧菜单--------------------------------*/
.panelMenu{}	
.panelMenu ul.menu {margin-bottom: 2.5rem;}

/*一级菜单*/	
.panelMenu ul.menu > li {font-size: 1rem;}
.panelMenu ul.menu > li a {
	position: relative;display:block;	
	padding:0.75rem 0 0.75rem 1rem;
	line-height: 2rem;
	border:1px solid #ddd;border-top:none;background-color:#fff;}
.panelMenu ul.menu > li:first-child{border-top:1px solid #ddd;}	

/*一级菜单i标签*/		
.panelMenu ul.menu > li a i {position:absolute;right:4%;color: #ddd;}
.panelMenu ul.menu > li a:hover {
	color: var(--mainColor,#0068b7);
	border-left:0.25rem solid var(--mainColor,#0068b7);
	background-color:var(--subColor,#f2f2f2);}
.panelMenu ul.menu > li a:hover i {color: var(--mainColor,#0068b7)}
.panelMenu ul.menu > li a.active {
	color:#fff;
	border-left:0.25rem solid var(--mainColor,#0068b7);
	background-color:var(--nearColor,#5694e4);  }
.panelMenu ul.menu > li a.active i {color: #fff;}

/*二级菜单*/
.panelMenu ul.menu ul {display: none;
	background-color:var(--subColor,#f2f2f2);}
.panelMenu ul.menu ul li a{padding-left:2.5rem;}
.panelMenu ul.menu ul li a:hover{border-left:0.25rem solid var(--nearColor,#5694e4);}
.panelMenu ul.menu ul li a.active {
	border-left:0.25rem solid var(--nearColor,#5694e4);}

/*三级菜单*/
.panelMenu ul.menu ul ul li a:hover{border-left:0.25rem solid var(--nearColor,#5694e4);}



/*--------------------------------上侧菜单--------------------------------*/
.panelMenuTop{
    background-color: #f1f1f1;
    overflow: hidden;}	
.panelMenuTop ul.menuTop {}

/*一级菜单*/	
.panelMenuTop ul.menuTop li {float: left;margin-right: 0.5rem; font-size: 1rem;}
.panelMenuTop ul.menuTop li a {
	position: relative;display:block;	float: left;
	padding:0 1rem;
	line-height: 3rem;color: #666;
    border-bottom-color:#f1f1f1;
    border-bottom-style: solid;
    border-bottom-width: 2px;}

.panelMenuTop ul.menuTop li a:hover {
	color: var(--mainColor,#0068b7);
    border-bottom-color:var(--mainColor,#0068b7);}
.panelMenuTop ul.menuTop li a:hover i {color: var(--mainColor,#0068b7)}
.panelMenuTop ul.menuTop li a.active {
    color: var(--mainColor,#0068b7);
	border-bottom-color: var(--mainColor,#0068b7);}

.panelMenuTop ul.menuTop ul{float: left;}



/*----------------------------------------------模块设置----------------------------------------------*/

/*--------------------------------首页模块分割--------------------------------*/
.apartHome{padding:2.5rem 0;overflow: hidden;}
.apartHome-2{padding:2.5rem 0;background-color:#e2ecdf;overflow: hidden;}
.apartHome-3{padding:2.5rem 0;background-color:var(--nearColor,#0068b7);overflow: hidden;}

/*--------------------------------banner--------------------------------*/	
/*--------首页banner--------*/
.bannerHome {
	clear: both;position: absolute;
	top:0;}

/*通栏轮播图高度*
.bannerHome .slideBox {max-height:31.25rem}
.bannerHome .slideBox .bd img {max-height:31.25rem;}

/*--------子页面banner--------*/
.bannerSub {
	clear:both;position: relative;overflow: hidden;
	background-color: #021f41;
	height:12.5rem}
.bannerSub img {
	display: block;	margin: 0 auto;
	max-width: 100%;height:12.5rem;}
	

/*--------------------------------标题--------------------------------*/	
/*--------首页标题--------*/
.titleBigHome{margin-bottom:1.875rem;text-align:center;}
.titleBigHome h3{width:auto;font-size:1.5rem;color:#333;letter-spacing:0.2rem;font-family: "SourceHanSansCN-Bold";}
.titleBigHome span{
	display:block;
	font-size:1rem;color: #bbb;font-weight:normal;letter-spacing:0.2rem;font-family: airal;}

/*--------子页面标题--------*/
.titleBigSub {
	overflow:hidden;margin-bottom: 1.25rem;
	text-align:center;}
.titleBigSub h3 {font-size: 1.5rem;line-height:2.4375rem;}


/*--------------------------------尾部footer--------------------------------*/
#footer {
    clear: both;overflow:hidden;
	padding: 1rem 0;
	background-color: #1f2725;}
#footer p.copyright {color: #a1a1a1;line-height: 1.5rem;text-align: center;font-size: 0.75rem;}
#footer a {color: #a1a1a1;}



/*===================================================更新module样式===================================================*/

.titleSmall-4,.titleSmall-3{
    background-color:#fff !important;}

.slideBox{
	background-color:  transparent !important;
}

/*===================================================定制化样式===================================================*/

.gd4space{
	float: left; width:23%;margin-right: 2%;
	position:relative;float:left;display:block;
    box-sizing: border-box;-moz-box-sizing: border-box;}
 /*---------------翻面2---------------*/
.flip-2{
	display:block;position:relative;
	color:#fff;
	-webkit-transition:.6s;
	-moz-transition:.6s;
	-o-transition:.6s;
	transition:.6s;		
	z-index:5;}
/*高度*/	
.flip-2,.flip-2 .front,.flip-2 .back{
	position:relative;
	width:100%;height:17rem;	
	border-radius:1rem;
	-webkit-border-radius:1rem; 
	-moz-border-radius:1rem;}
/*翻前背景*/	
.flip-2 .front {
	   /* background:-webkit-linear-gradient(to right,#e78024,#089a62); 
	background: -o-linear-gradient(to right,#e78024,#089a62);
	background: -moz-linear-gradient(to right,#e78024,#089a62);
	background: linear-gradient(to right,#e78024,#f8a839,#e47821);*/
	z-index:5;}	
.flip-2 .front img{
        width:8.125rem;
        height:8.125rem;
        margin:3rem 0 0 0;
}
.flip-2 .front,.flip-2 .back{
	position:absolute;
	top:0;left:0;
	text-align:center;
	-webkit-transition:.6s;
	-moz-transition:.6s;
	-o-transition:.6s;
	transition:.6s;}
.flip-2 .back{
    -webkit-transform:scaleX(-1);
	-moz-transform:scaleX(-1);
	-ms-transform:scaleX(-1);
	-o-transform:scaleX(-1);
	transform:scaleX(-1);
       opacity: 0;
}
	
.flip-2 .front i{display:block;margin:5rem 0 2.5rem 0;font-size:5rem;}
.flip-2 .front h4{
         font-size:1rem;
         color: #333;
         font-family: "SourceHanSansCN-Bold";
}
.flip-2 .back h4{margin:3rem 0 1rem 0;font-size:1rem;font-family: "SourceHanSansCN-Bold";}
.flip-2 .back ul{}
.flip-2 .back ul li{margin-bottom:0.25rem;font-size: 0.875rem;}
.flip-2 .back ul li a{color: #333;}
.flip-2 .back i{display:inline-block;margin-right:0.5rem;font-size:0.75rem;}
/*翻后背景*/	
.flip-2:hover .front,.flip-2:hover .back {
	font-size:16px;	color:#2e2e2e;
	/*background: #e78024;*/
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	transform:scaleX(1);
	cursor:pointer;opacity:1;
	z-index:999;}
.flip-2:hover .front {
	-webkit-transform:scaleX(-1);
	-moz-transform:scaleX(-1);
	-ms-transform:scaleX(-1);
	-o-transform:scaleX(-1);
	transform:scaleX(-1);
	cursor:pointer;opacity:0;}
.flip-2 .back i.iconbig{
	position:absolute; 
	bottom:2rem;
	right: 0; display:block;font-size:10rem;opacity:0.16;filter:alpha(opacity=16);
	z-index: 1;}            
            
  /*--------board 交易信息--------*/
.board-jy{
	position:relative;display:block;overflow: hidden;
	margin:1rem 0.75rem;padding:1.5rem 4%;
	height: 20rem;
	background-color:#fff;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	}


/*插图*/
.board-jy .imgct{position:relative;margin: 0 auto;z-index:9;}	
.board-jy .imgct img{max-width:100%;}
.board-jy .title{margin-bottom: 1rem;}
.board-jy .title h3{font-size:1.25rem;color:#333;font-family: "SourceHanSansCN-Bold";}

 

/* 表格滚动*/
		.txtMarquee-top{ width:100%;  overflow:hidden; position:relative;   }
		
		.txtMarquee-top .bd{ 
			clear: both; padding:1rem;  }
		.txtMarquee-top .infoList li,.tMth li{ height:2rem; line-height:2rem;font-size: 0.75rem; color:rgb(47,47,47,0.5);}
                .tMth{background-color: rgb(204, 225, 219, 0.2);border-radius: 0.2rem;}
		.tMth li{ color:#333;font-weight: bold;padding:0 1rem;}
		.txtMarquee-top .infoList li span,.tMth li span{display: block;float: left;}
		.txtMarquee-top .infoList li span:nth-child(1),.tMth li span:nth-child(1){width:6%;margin-right:2%;}
		.txtMarquee-top .infoList li span:nth-child(2),.tMth li span:nth-child(2){width:28%;margin-right:2%;font-weight: bold;}
		.txtMarquee-top .infoList li span:nth-child(3),.tMth li span:nth-child(3){width:14%;margin-right:2%;}
		.txtMarquee-top .infoList li span:nth-child(4),.tMth li span:nth-child(4){width:12%;margin-right:2%;}
		.txtMarquee-top .infoList li span:nth-child(5),.tMth li span:nth-child(5){width:6%;margin-right:2%;}
		.txtMarquee-top .infoList li span:nth-child(6),.tMth li span:nth-child(6){width:14%;margin-right:2%;}
		.txtMarquee-top .infoList li span:nth-child(7),.tMth li span:nth-child(7){width:8%;}

.gd2jy{width:48.5%;position:relative;float:left;display:block;
    box-sizing: border-box;-moz-box-sizing: border-box;}
.inserbox{
   background: url('../../../../dmsg/public/contant/8eb43464-a552-4dc2-ba53-556191daa8b8.png') no-repeat; background-size: 100%; width: 100%; height: 20.8125rem;
}

/*金融服务*/
@font-face {
    font-family: "DouyinSansBold";
    src: url("../fonts/DouyinSansBold.otf") format('truetype');
}
.jr_banner{
    background: url("../../../../dmsg/public/contant/e8cb18a9-f51d-4cda-9112-7ffb91f0abc4.jpg") no-repeat center top;
    background-size: cover;
    height: auto;
}
.jr_ban_con{
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    width:var(--pgWidth,87.5rem);
    margin:0 auto;
}
.jr_ban_con a{
    display: block;
    width:16%;
    color:#fff;
    text-align: center;
    padding: 1.86rem 0;
    box-sizing: border-box;
    cursor: pointer;
}
.jr_ban_con dl::after{
    content: "";
    width:0.0625rem;
    height: 7.75rem;
    background-color: #4687d6;
}
.jr_ban_con dl dt{

    line-height:0;
}
.jr_ban_con dl dt img{
    width:3.75rem;
    height: 3.75rem;
}
.jr_ban_con dl dd{
    font-size:0.875rem;
}
.jr_ban_con a:hover{
    background-color: #2f69ce;
}

.jr-bg-wp1{
    background: url("../../../../dmsg/public/contant/722e76a8-5e12-465f-9826-e8d59dc96abf.jpg") no-repeat center top #fafdff;
    background-size: cover;
    height: auto;
    padding:2.5rem 0;
    box-sizing: border-box;
}
.jr-bg-wp2{
    background: url("../../../../dmsg/public/contant/590b23eb-8ad5-46f1-9fdc-250020342bba.jpg") no-repeat center top;
    background-size: cover;
    height: auto;
    padding:2.5rem 0 4rem 0;
    box-sizing: border-box;
}
.icons-block{
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    width:var(--pgWidth,87.5rem);
    margin:0 auto;
}
.icons-block >div{
    width:29%;
}
.icons-block dl{
    text-align: center;
}
.icons-block dl i{
    font-style: normal;
    font-size:0.75rem;
    padding-left:0.375rem;
    color:#4c4c4c;
}
.icons-block dl span{
    color:#4869e3;
    font-size:1.75rem;display:inline-block;
    font-family: "DouyinSansBold";
}
.icons-block dl dd{
    color:#000;
    font-weight: 500;
    font-size:0.875rem;
}
.icons-block img{
    width: 100%;
}
.jr-probox{
    box-sizing: border-box;
    width:var(--pgWidth,87.5rem);
    margin:0 auto;
}
.jr-ch{
    width: 18.75rem;
    height: 22.625rem;
    background: url("../../../../dmsg/public/contant/7eba02b1-8839-4cc0-a35f-a9df230d18ff.png") no-repeat;
    background-size: 100%;
}
.jr-titel{
    font-size:1.75rem;
    font-weight: normal;
    text-align: center;
    margin:3rem auto;
}
.jr-prolist{
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}
.jr-ch span{
    display: block;
    padding:1.6rem 0 0 2.5rem;
    font-size:1.375rem;
    color:#fff;
}
.jr-ch span::after{
    content: "";
    display: block;
    width:2.8rem;
    height: 0.1875rem;
    background-color: #ffe094;
    margin-top:0.1rem;
}
.jr-cr{
    width: 22%;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0.5rem 0.875rem rgb(85,91,112,0.07);
    box-sizing: border-box;
    padding:0.625rem 0.625rem 1.5rem 0.625rem;
    margin-top:0.4rem;
}
.bank-small{
    width: 5.875rem;
    height: 1.6875rem;
}
.jr-p-name{
    font-size: 1.25rem;
    text-align: center;
    padding:0.5rem 0 0.8rem 0;
}
.jr-cr span{
    font-size:1.25rem;
    font-family: "DouyinSans";
    color: #deb63d;
    display: block;
    text-align: center;
}
.jr-cr i{
    font-size:0.75rem;
    line-height: 1rem;
    text-align: center;
    font-style: normal;
    display: block;
    color:#878787;
    margin-bottom:2rem;
}
.jr-probox dl{
    border-bottom: 1px solid #cccccc;
    display: flex;
    justify-content: space-between;
    margin:0 1rem;
    font-size:0.75rem;
}
.jr-probox dl:nth-child(2n){
    border-bottom: 0;
}
.jr-more{
    display: block;
    width: 5rem;
    height: 1.875rem;
    line-height: 1.8rem;
    border: 1px solid #2b6bf3;
    background-color: #e9f0ff;
    font-size:0.75rem;
    text-align: center;
    color:#2b6bf3;
    box-sizing: border-box;
    border-radius: 0.125rem;
    margin:2.5rem auto 0 auto;
    cursor: pointer;
}
.jr-more:hover{
    color:#165ffa;
    background-color: #d1e0ff;
    /*box-shadow: 0 0.5rem 0.875rem rgb(43,107,243,0.1);*/
}
.jr-bg-wp2 .jr-titel{
    margin-top:0;
    margin-bottom:4rem;
}
.jr-bg-wp2 ul{
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    width:var(--pgWidth,87.5rem);
    margin:2rem auto 0 auto;
}
.jr-bg-wp2 ul li{
    text-align: center;
    width:24%;
}
.jr-bg-wp2 ul li img{
    width:100%;
    height: 100%;
}

.jr-ch .jr-more{
    border: 0;
    margin:2rem 0 0 2.5rem;
}

.jr-layout{
    background-color: #f0f2f5;
    padding:6rem 0 2.5rem 0;
    position: relative;
}
.jr-protable{
    box-sizing: border-box;
}
.jr-thead{
    font-weight: 500;
    text-align: left;
    background: #fafafa;
    border-bottom: 1px solid #e8e8e8;
    display: flex;
    justify-content: space-between;
    padding:0 0.5%;
    box-sizing: border-box;
}
.jr-thead > div{
    padding: 0.6rem 1rem;
    overflow-wrap: break-word;
    font-size:0.875rem;
    font-weight: bold;
}
.jr-thead > div:nth-child(1),.jr-tbody > div:nth-child(1){
    width:40%;
}
.jr-thead > div:nth-child(2),.jr-tbody > div:nth-child(2){
    width:50%;
}
.jr-thead > div:nth-child(3),.jr-tbody > div:nth-child(3){
    width:10%;
}
.jr-tbody{
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    background-color: #fff;
    border-top: 0.5rem solid #f4f5f8;
    border-bottom: 1px solid #e8e8e8;
    padding:0 0.5%;
}
.jr-tbody > div{
    padding: 0.7rem 1rem;
    overflow-wrap: break-word;
    word-break: break-word;
}
.jr-tbody > div:nth-child(1){
    padding:0.7rem 3rem 0.7rem 1rem;
}
.jr-tbody > div:nth-child(2),.jr-tbody > div:nth-child(3){
    align-items: center;
    display: flex;
}
.productname{
    display: flex;
    justify-content: space-between;
    align-items: center;
    word-break: break-all;
}
.prologo{
    width: 5rem;
    height: 1.4375rem;
    border: 1px solid #e8e8e8;
}
.text{
    margin:0 0 0 1rem;
}
.text-title{
    color:rgba(0, 0, 0, 0.65);
    font-size:1rem;
}
.text-cont{
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: rgba(0, 0, 0, 0.45);
    line-height: 1.375rem;
    text-align: justify;
    max-height: 4.125rem;
    overflow:hidden;
}
.productdetails{
    display: flex;
    justify-content: space-between;
    align-items: center;
    word-break: break-all;
    width:100%;
}
.rate{
    font-size: 0.875rem;
    color: rgba(0, 0, 0, 0.45);
    width:48%;
    flex: 1;
    -webkit-flex: 1;
}
.red-text {
    color: #ef3c46;
}
.btn-detail{
    color:#2b6bf3;
    cursor: pointer;
    font-size:0.875rem;
}
.btn-detail:hover{
    color: #518aff;
}

/*dropdown*/
:root {
    --bg-color: #222429;
    --primary-bg-color: #333740;
    --primary-color: #2c62f6;
    --text-color: #b1b8ca;
    --text-active: #ffffff;
    --button-hover-bg-color: #2b2e34;
    --border-color: #494d59;
    --dropdown-height: 0;
    --rotate-arrow: 0;
    --translate-value: 0;
    --list-opacity: 0;
    --transition-time: 0.4s;
    --transition-timing: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --border-radius: 1.4rem;
    --list-button-height: 4.6rem;
    --floating-icon-size: 26;
    --floating-icon-top: 0;
    --floating-icon-left: 0;
}

button {
    border: none;
    cursor: pointer;
    background-color: transparent;
    outline: none;
}

.dropdown-arrow svg {
    height: 1.2rem;
    width: 1.2rem;
}

.text-truncate {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size:0.875rem;
}

.jr-dpbox{
    width:100%;
    position: absolute;
    z-index:999;
    top:1.6rem;
    left:50%;
    margin-left:-50%;
    display: flex;
    justify-content: left;
}
.organization-name{
    font-size:0.875rem;
    margin-right:1rem;
    line-height: 2.5rem;
}
.dropdown-container {
    display: flex;
    flex-direction: column;
    width: 20%;
}

.dropdown-title-icon,
.dropdown-arrow {
    display: inline-flex;
}

.dropdown-title {
    margin: 0 auto 0 0.6rem;
    text-transform: capitalize;
}

.dropdown-button {
    font-weight: 400;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    padding: 0 1rem 0 1rem;
}

.dropdown-button svg {
    transition: all var(--transition-time) var(--transition-timing);
    fill: #d9d9d9;
}

.dropdown-button svg,
.dropdown-button span {
    pointer-events: none;
}

.dropdown-button:hover,
.dropdown-button:focus {
    color: #333;
}

.dropdown-button:hover svg,
.dropdown-button:focus svg {
    fill: #333;
}

.main-button {
    height: 2.5rem;
    border-radius: 0.375rem;
    color: rgba(0, 0, 0, 0.65);
    background-color: #fff;
    border: 1px solid #d9d9d9;
    transition: all var(--transition-time) var(--transition-timing);
}

.main-button:focus {
    border: 1px solid #2b6bf3;
    box-shadow: 0 0 0 0.16rem rgba(44, 98, 246, 0.1);
}

.main-button .dropdown-arrow {
    transition: transform var(--transition-time) var(--transition-timing);
    transform: rotate(var(--rotate-arrow));
    margin-left: 1.8rem;
}

.list-button {
    height: 2.25rem;
    transition: color var(--transition-time) var(--transition-timing);
    color: #333;
    overflow: hidden;
    cursor: none;
}

.dropdown-list-container {
    overflow: hidden;
    max-height: var(--dropdown-height);
    transition: max-height var(--transition-time) var(--transition-timing);
}

.dropdown-list-wrapper {
    margin-top: 0.6rem;
    padding: 0.6rem;
    background-color: #fff;
    border-radius: 0.375rem;
    border: 1px solid #d9d9d9;
    position: relative;
}

ul.dropdown-list {
    position: relative;
    list-style-type: none;
}

ul.dropdown-list::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    height: 2.25rem;
    background-color: #e9f0ff;
    transition: all var(--transition-time) linear;
    transform: translateY(var(--translate-value));
    border-radius: 0.375rem;
    pointer-events: none;
}
ul.dropdown-list:hover::before,
ul.dropdown-list:hover ~ .floating-icon {
    opacity: 1;
}

li.dropdown-list-item {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    opacity: var(--list-opacity);
    transition: opacity 0.8s var(--transition-timing);
}

.floating-icon {
    height: calc(var(--floating-icon-size) * 1px);
    width: calc(var(--floating-icon-size) * 1px);
    position: absolute;
    top: var(--floating-icon-top);
    left: var(--floating-icon-left);
    background-color: var(--border-color);
    border-radius: 1rem;
    pointer-events: none;
    opacity: 0;
    transition: opacity var(--transition-time) var(--transition-timing);
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.floating-icon svg {
    fill: var(--text-active);
}

.btn-search{
    width:5.625rem;
    height: 2.48rem;
    line-height: 2.48rem;
    text-align: center;
    font-size:0.875rem;
    color:#fff;
    background-color: #2b6bf3;
    border-radius: 0.375rem;
    margin-left:1rem;
    cursor: pointer;
}
.btn-search:hover{
    color: #fff;
    background-color: #4580ff;
    cursor: pointer;
}


/*index tab*/
ul.tabMenu {
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: right;
    position: absolute;
    top: 1.6rem;
    right: 0;
}

ul.tabMenu li a {
    width: 6.125rem;
    height: 1.875rem;
    line-height:1.875rem;
    border-radius: 2.125rem;
    display: block;
    font-size: 0.75rem;
    text-align: center;
    color: #2f2f2f;
    background-color: rgb(204, 225, 219, 0.2);
    margin-right:0.625rem;
    cursor: pointer;
}

ul.tabMenu li a:hover,ul.tabMenu li.selectedA a{
    color: #fff;
    background: linear-gradient(to right, #e9ce1d, #86c64c 60%);
}

.tabContent {
    height: auto;
    overflow: hidden;
    padding: 20px;
    margin:1rem 0;
}

.hide {
    display: none
}

.box-content{
    padding: 1rem 0;
    width: 80%;
    margin: 0 auto;
    box-sizing: border-box;
}
.box-content .line{
   margin:1rem 0 1.5rem 0;
   border-color:rgb(0,0,0,0.1)
}
.box-content .product-name{
    font-size:1.5rem;
    padding-bottom: 0.8rem;
}
.box-content .product-info-box-wrapper {
    display: -ms-flexbox;
    display: flex;
}
.box-content .product-info-form {
    margin-top: 1.5rem;
}
.product-info-box {
    width: 30%;
    font-size: 0.875rem;
    color: rgba(0, 0, 0, 0.65);
    line-height: 1.75rem;
}
.product-info-box .red-text{
    font-size:1.375rem;
}
.divide-line {
    height: 45px;
    margin-top: 7px;
    margin-right: 20px;
}
.ant-divider, .ant-divider-vertical {
    position: relative;
    top: 0.5rem;
    display: inline-block;
    width: 0.0625rem;
    height: 3rem;
    margin: 0 2rem;
    vertical-align: middle;
}
.ant-divider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    background: #e8e8e8;
}
.ant-row {
    position: relative;
    height: auto;overflow: hidden;
    margin-right: 0;
    margin-left: 0;
    zoom: 1;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size:0.875rem;
}
.ant-col-12 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    -webkit-box-flex: 0;
    float: left;
}
.form-label{
    display: inline-block;
    width: 8.75rem;
    text-align: right;
    -ms-flex: none;
    flex: none;
    vertical-align: top;
}
.form-content-row{
    max-width: 80%;
    display: inline-block;
}
.form-content{
    max-width: 120px;
    display: inline-block;
}
.product-footer-info-item {
    margin-bottom: 1rem;
}
.product-footer-info-item h2 {
    font-size:1rem;
    color: rgba(0, 0, 0, 0.85);
    margin-bottom: 0.5rem;
    font-weight: bold;
    font-family:"SourceHanSansCN-Bold";
}
.detNews-1 .detNewsCont .product-footer-info-item p{
    line-height:1.625rem;
    font-size:0.875rem;
}
.box-content .apply-btn {
    background: #ef3c46;
    border-color: #ef3c46;
    color: #fff;
    border-radius: 0.25rem;
    margin-bottom: 1.25rem;
}
.ant-btn {
    line-height: 2rem;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
    cursor: pointer;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    height: 2rem;
    padding: 0 1rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
    color: rgba(0, 0, 0, 0.65);
    background-color: #fff;
    border-color: #d9d9d9;
}


/*===================================================响应式===================================================*/

@media screen and (max-width:767px) {
	html{font-size:12px;}
    /*页面容器*/
    .layout,.layoutHd{width: 96%;}
    .layoutSub {width: 90%;}
	/*移动端导航*/
	#navMbl{display:block;}
	.navBar{display:none;height:0}
	.navbg{display:none;height:0}

        #header .hdLogo{width:auto !important;}
	
	/*移动端左侧菜单*/
	.gdSubL{display:none;width:0}
	.gdSubR{width:100%;}

	/*头部LOGO图片*
	#header .hdLogo img {width:80%;}

	/*左侧菜单*/
	.panelMenu ul.menu > li a i {right:0;}
	.panelMenu ul.menu > li a {padding-left:0.125rem;}
	.panelMenu ul.menu ul li a{padding-left:0.125rem;}
	
	/*首页交易栏目*/
	.gd2jy{width:100%;}

       .inserbox{height:10rem;}

       .top-icons{position: fixed;top:-1.5rem;right:1.4rem;}

       ul.tabMenu li a{width:5.375rem;}
	
       .box-content .product-info-box-wrapper{flex-direction: column;}
       .product-info-box{width:100%;}
       .ant-divider, .ant-divider-vertical{width:100%;height:0.0625rem;margin:1rem 0;}
       .ant-col-12{width:100%;}
       .form-label{text-align:left;}
       .form-content-row{max-width:100%;}

       .icons-block{display:block;height:auto;overflow:hidden;}
       .icons-block >div{float:left;margin:0 0 0 1rem;width:29%;}
       .icons-block >div img{width:100%;height:100%;}
       .jr-prolist{display:block;}
       .jr-ch{width:100%;background-position:center;height:9rem;}
       .jr-cr{width:92%;margin:1rem auto;}

       .dropdown-container{width:40%;}
       .jr-tbody{display:block;}
       .text{padding:0 2rem 0 0;}
       .jr-thead > div:nth-child(1), .jr-tbody > div:nth-child(1),.jr-thead > div:nth-child(2), .jr-tbody > div:nth-child(2),.jr-thead > div:nth-child(3), .jr-tbody > div:nth-child(3){width:100%;}

       .jr-cr i{margin-bottom:1rem;}
       .jr-p-name{padding:0;}
       .jr-more{margin-top:1rem;}
}


@media screen and (min-width:768px) and  (max-width:1359px){
	html{font-size:14px;}
    /*页面容器*/
    .layout,.layoutHd,.layoutSub{width: 96%;}
	/*移动端导航*/
	#navMbl{display:none;}
	.navBar{display:block;}
	.navbg{display:block;}

       #header .hdLogo{width:auto !important;}
    
    /*导航间距*/
    .navParent > a{padding: 0;}

}

	
@media screen and (min-width:1360px){
	html{font-size:16px;}
    /*页面容器*/
    .layout,.layoutHd,.layoutSub{width: var(--pgWidth,87.5rem);}

	/*移动端导航*/	
	#navMbl{display:none;}
	.navBar{display:block;}
	.navbg{display:block;}	

}
/* 2210208 */
/* 可视化编辑里的取消按钮样式问题更正 */
.btnEdit a {
	cursor: pointer;
	border: 1px solid #d7d7d7;
	padding: 0.2rem 1rem;
	border-radius: 0.2rem;
	margin-right: 0.5rem;
  }
  .btnEdit{
	display: flex;
  margin-top: 0.5rem;
  }
  /* 首页翻转点击问题 */
  .flip-2 .back i.iconbig {
    position: absolute;
    bottom: 2rem;
    right: 0;
    display: block;
    font-size: 10rem;
    opacity: 0.16;
    filter: alpha(opacity=16);
    z-index: -1;
}