/*===================================================基础设置===================================================*/
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{background-color: #fff;z-index: 999;}
#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;padding-bottom:0.5rem;
    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;}

a.more-1{float:right;}

/*logo*/
#header .hdLogo {
    position: relative;float: left;overflow:hidden;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.5rem;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.875rem;
    margin-top:1.725rem;
    display: flex;
    justify-content: space-between;
}
.top-icons a{
    color:#fff;padding:0 0.5rem;border-radius:0.2rem;
    height: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin-left: 0.1rem;
    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:68%;
    margin-right:9rem;
}

/*所有导航项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:1.125rem;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:#333;}
#header_index .navBar ul{background-color: rgb(115, 176, 55, 0.7);}


/*一级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.1rem 0.2rem;
    color: #fff;font-size: 1rem;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: #9ec945;
    background-color: rgb(255,255,255,0.8);}


/*--------导航(移动端)--------*/
#navMbl{position:absolute;width:100%;display:none;}
#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:999999;}
.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 {font-size:1.125rem;
    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: relative;width:100%;
    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;
   }
.bannerSub img {
    display: block;	margin: 0 auto;
    max-width: 100%;}


/*--------------------------------标题--------------------------------*/
/*--------首页标题--------*/
.titleBigHome{margin-bottom:1.875rem;text-align:center;}
.titleBigHome h3{width:auto;font-size:1.8rem;color:#333;letter-spacing:0.2rem;font-family: "SourceHanSansCN-Bold";}
.titleBigHome span{
    display:block;
    font-size:1.25rem;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.875rem;}
#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:1.125rem;
    color: #333;
    font-family: "SourceHanSansCN-Bold";
}
.flip-2 .back h4{margin:3rem 0 1rem 0;font-size:1.125rem;font-family: "SourceHanSansCN-Bold";}
.flip-2 .back ul{}
.flip-2 .back ul li{margin-bottom:0.25rem;font-size:1rem;}
.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.875rem; 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:26%;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:10%;}

.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:1.125em;
}
.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%;
    text-align: center;
}
.icons-block dl{
    text-align: center;
}
.icons-block dl i{
    font-style: normal;
    font-size:0.875rem;
    padding-left:0.375rem;
    color:#4c4c4c;
}
.icons-block dl span{
    color:#4869e3;
    font-size:1.85rem;display:inline-block;
    font-family: "DouyinSansBold";
}
.icons-block dl dd{
    color:#000;
    font-weight: bold;
    font-size:1.125rem;
}
.icons-block img{
    width: 60%;
}
.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.85rem;
    font-weight: bold;
    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.5rem;font-weight:bold;
    color:#fff;
}
.jr-ch span::after{
    content: "";
    display: block;
    width:3rem;
    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.5rem;
    text-align: center;
    padding:0.5rem 0 0.8rem 0;
}
.jr-cr span{
    font-size:1.35rem;
    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:1rem;
}
.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.875rem;
    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;font-size:0.875rem;
}

.jr-layout{
    background-color: #f0f2f5;
    padding:6rem 0 2.5rem 0;
    position: relative;width:100%;
}
.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: left;
    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:99;
    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;
}
.line{
    margin:0.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;
}

.flex-between{
    display: flex;
    justify-content: left;
}
.hotlist >div{
    margin-bottom:2rem;
}
.hotlist a{
    display: block;
    background-color: #fff;
    border: 1px solid #d4f4b3;
    box-sizing: border-box;
    width:18%;
    border-radius: 0.5rem;
    margin-right:2.5%;
}
.hotlist a:nth-child(5n){
    margin-right:0;
}
.hotlist a img{
    width:100%;
    border-radius: 0.5rem;
}
.hotlist dl{
    padding:0.3rem 1rem 1rem 1rem;
    box-sizing: border-box;
}
.hotlist dl dt{
    font-size:1rem;
    padding-bottom:0.5rem;
    color:#333;
}
.hotlist dl dd{
    font-size:0.875rem;
    line-height: 1.5rem;
}
.hotlist dl dd:nth-child(5n),.hotlist a:hover{
    color: #ff4120;
}

/*采购专区*/
.cg-title{
            background: rgb(204, 225, 219, 0.2);
            border-bottom: 1px solid #e8e8e8;
            display: flex;
            justify-content: space-between;
            padding: 0.5% 0;
            box-sizing: border-box;
            text-align: center;
            font-size:0.875rem;
        }
        .cg-list{
            width:100%;
            box-sizing: border-box;
            font-size:0.875rem;
        }
        .cg-list .bd{
            padding:0;
        }
        .cg-list li{
            width:100%;
            border-bottom: 1px solid #e8e8e8;
            padding:0.3% 0;
        }
        .cg-list li a{
            display: flex;
            justify-content: space-between;
            cursor: pointer;
        }
        .cg-list li a:hover{
            color: #83a636;
        }
        .cg-list li:nth-child(odd){
            background-color:rgb(204, 225, 219, 0.2) ;
        }
        .cg-title span,.cg-list li span{
            display: flex;
            justify-content: center;
            align-items: center;
            line-height: 1.2rem;
            padding: 1% 0;
            text-align: center;
        }
        .cg-title span{
            font-weight: bold;
        }
        .cg-list li span{
            font-size:0.75rem;
        }
        .cg-title span:nth-child(1),.cg-list li span:nth-child(1){
            width:8%;
        }
        .cg-title span:nth-child(2),.cg-list li span:nth-child(2){
            width:35%;
        }
        .cg-title span:nth-child(3),.cg-list li span:nth-child(3){
            width:17%;
        }
        .cg-title span:nth-child(4),.cg-list li span:nth-child(4){
            width:22%;
        }
        .cg-title span:nth-child(5),.cg-list li span:nth-child(5){
            width:18%;
        }
        .cg-title span:nth-child(6),.cg-list li span:nth-child(6){
            width:14%;
        }
        .cg-title span:nth-child(7),.cg-list li span:nth-child(7){
            width:20%;
        }
        .cg-list li span i{
            font-style: normal;
            width:1.2rem;
            height: 1.2rem;
            line-height: 1.2rem;
            background: rgb(204, 225, 219, 0.5);
            border-radius: 0.125rem;
            display: block;
            font-size:0.75rem;
        }
        .p_40{
            padding:2.5rem 0;
        }
/*===================================================响应式===================================================*/
@media screen and (max-width: 1040px) {
	
    body {
        zoom:0.3;
        font-size:62.5% !important;
    }

/* 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;
}