.boxbody{min-width:1200px; background-color:#fff;}
.boxmainbody{background-color:#222981}
.boxtopic{font-size:20px; font-family: "microsoft yahei", "微软雅黑", tahoma, arial, helvetica, stheiti; position:relative}
.boxtopic .banner{width:100%; height:516px; position:absolute; top:0; left:0; right:0; z-index:0; background: #5e7dc0 no-repeat center top;}
.bannerfont{background: no-repeat center center; user-select:none; width:30.3em; height:17.1em; position:absolute; top:4.6em; left:50%; z-index:2; transform:translate(-50%,0)}
.bannerfont>*{position:absolute; font-size:1.2em; text-align:center;}
.bannerfont span{top:11.9em; width:18em; left:.5em; letter-spacing:1px}
.bannerfont b{color:#ff4200}
.bannerfont .bngoec{bottom:.7em; right:.2em; height:2.2em; width:6.6em; line-height:2em; font-weight:bold; font-style:italic; cursor:pointer; color:#fff}
.bannerfont .bngoec:hover{margin-bottom:-1px; color:#ffceb7}
.boxtopic .main{position:relative; background: no-repeat center 310px; height:2709px; box-sizing:border-box; padding-top:550px}
.boxtopic .main>.tit{background: no-repeat center top / cover; position:relative; z-index:2; width:40.9em; height:3.6em; line-height:3.6em; text-align:center; margin:2em auto -2.7em; user-select:none}
.boxtopic .tit span{font-size:1.8em; position:relative; display:inline-block; color:#161c4e; text-shadow: 1px 0 #fff, -1px 0 #fff, 0 1px #fff, 0 -1px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;}
.boxtopic .tit .tag{position: absolute; top:-1em; left:1.2em; border-radius:2em 2em 0 2em; color:#feedd0; font-size:1.8em; padding:.2em .5em; line-height:1em; font-style:italic; font-weight:bold;
    box-shadow:rgba(255,66,0,.6) 0 0 20px;
    background-image: -moz-linear-gradient( -58deg, rgb(255,66,0) 0%, rgb(251,104,38) 100%);
    background-image: -webkit-linear-gradient( -58deg, rgb(255,66,0) 0%, rgb(251,104,38) 100%);
    background-image: -ms-linear-gradient( -58deg, rgb(255,66,0) 0%, rgb(251,104,38) 100%);
}
.boxtopic .tit span:before,.boxtopic .tit span:after{content:''; position:absolute; font-size:.3em; background-color:#161c4e; top:50%; width:1em; height:1em; transform:rotate(45deg) translatey(-50%)}
.boxtopic .tit span:before{left:-3em;}
.boxtopic .tit span:after{right:-3em;}
.boxtopic .box{padding:3em 2em 2em; background-color:#3c45b1; border-radius:1.5em; max-width:1280px; position:relative; margin:0 auto; border:1px solid rgba(122, 208, 255,.1); color:#fff; overflow:hidden}
.boxtopic .box.bks{background-color:transparent;
    background: -moz-linear-gradient(48deg,  rgba(19,39,113,.3) 0%, rgba(43,60,167,0) 0%, rgba(65,106,255,.3) 100%);
    background: -webkit-linear-gradient(48deg,  rgba(19,39,113,.3) 0%,rgba(43,60,167,0) 0%,rgba(65,106,255,.3) 100%);
    background: linear-gradient(48deg,  rgba(19,39,113,.3) 0%,rgba(43,60,167,0) 0%,rgba(65,106,255,.3) 100%);
}

.lista{display:flex; justify-content:space-between; text-align:center; padding:1.5em .5em}
.lista i{width:5em; height:5em; margin:0 auto 1.5em; border-radius:50%;
    background-image: -moz-linear-gradient( 48deg, rgb(19,39,113) 0%, rgb(65,106,255) 100%);
    background-image: -webkit-linear-gradient( 48deg, rgb(19,39,113) 0%, rgb(65,106,255) 100%);
    background-image: -ms-linear-gradient( 48deg, rgb(19,39,113) 0%, rgb(65,106,255) 100%);}
.lista i:after{content:''; display:block; background:no-repeat center center / cover; width:100%; height:100%;}
.lista li:nth-child(1) i:after{background-image:}
.lista li:nth-child(2) i:after{background-image:}
.lista li:nth-child(3) i:after{background-image:}
.lista li:nth-child(4) i:after{background-image:}
.lista li:nth-child(5) i:after{background-image:}
.lista li:nth-child(6) i:after{background-image:}
.lista li:nth-child(7) i:after{background-image:}
.lista li>*{display:block}
.lista li span{font-size:1.2em;}
.lista li b{font-size:1.5em; color:#fff2e6}
.lista li a,.lista li em{font-size:.9em; color:#fff2e6; opacity:.5;}
.lista li a{text-decoration-line:underline}
.lista li a:hover{opacity:1}

.boxvs{display:flex; width:960px; margin:1em auto; justify-content:space-between; align-items:stretch; color:#333}
.boxvs>*{border-radius:1em; background-color:#ffe6d0; padding-bottom:1.5em; position:relative}
.boxvs>*:after{position:absolute; top:0; left:0; right:0; bottom:0; z-index:0;}
.boxvs .t{font-weight:bold; margin:.5em 0; padding:.4em 0; display:flex; justify-content:center; align-items:center; gap:.3em;
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,.0) 0%, #ffffff 20%,#ffffff 80%, rgba(255,255,255,.0) 100%);
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,.0) 0%, #ffffff 20%,#ffffff 80%, rgba(255,255,255,.0) 100%);
    background-image: -ms-linear-gradient(0deg,rgba(255,255,255,.0) 0%, #ffffff 20%,#ffffff 80%, rgba(255,255,255,.0) 100%);}
.boxvs ul{width:58%; margin:0 auto; position:relative; z-index:1}
.boxvs li{padding:.4em 0; text-align:left; display:flex; justify-content:start; align-items:center; gap:1.5em}
.boxvs li i{border-radius:50%; width:1.2em; height:1.2em; line-height:1.2em; text-align:center; overflow:hidden}
.boxvs li b{color:#ff4200}
.boxvs li i:before{font-family:iconfont_dg; display:block}
.boxvs li.s i{color:#fff; background-color:#02cb7d}
.boxvs li.s i:before{content:'\e63f'}
.boxvs li.e i{color:#ff0000; background-color:#fff; border:2px solid #ff0000;}
.boxvs li.e i:before{content:'\ebb3'; transform:scale(.6); line-height:1.1em;}
.boxvs .v{width:55%; color:#161c4e;
    background-image: -moz-linear-gradient( -90deg, rgb(254,235,218) 0%, rgb(229,175,130) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(254,235,218) 0%, rgb(229,175,130) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(254,235,218) 0%, rgb(229,175,130) 100%);}
.boxvs .v:after{content:''; background: no-repeat left bottom;}
.boxvs .v span{font-size:1.5em; font-weight:bold}
.boxvs .v .t:before{content:''; background: no-repeat center center / cover; font-size:1.5em; width:1.6em; height:1.4em}
.boxvs .p{width:45%; border-radius:0 1em 1em 0; margin:1em 0}
.boxvs .p:after{content:''; background: no-repeat right bottom;}
.boxvs .p ul{width:66%}
.boxvs .p li{padding:.5em 0}
.boxvs .p span{font-size:1.2em;}
.boxtopic .note{color:#fff; opacity:.5; font-size:.88em; display:inline-block; line-height:1.6em; text-align:left}

.boxtopicfooter{background: no-repeat center center / cover; height:7em; padding-top:1em; text-align:center}
.boxtopicfooter .bn{font-size:1.4em; font-weight:bold; color:#fff; display:inline-block; border:3px solid #ffb13b; border-radius:1em; overflow:hidden; padding:0.4em 3em; cursor:pointer; outline:none; transition:box-shadow 0.2s; box-shadow:none; letter-spacing:0.1em; margin:0.5em}
.boxtopicfooter .bn.reg:after{content:"\e629"; font-family:iconfont_dg; color:#fff; display:inline-block; font-weight:normal; margin-left:.5em}
.boxtopicfooter .bn:hover{box-shadow:0 0 0.5em #ffb13b,0 0 1em #ff3b3b}

.showlogin{position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(48, 62, 177, .9); display:flex; justify-content:center; align-items:center; z-index:1;}
.showlogin div{text-align:center; font-size:24px}
.showlogin div span{color:#f1ccad; display:inline-block; margin:0 .3em; cursor:pointer}
.showlogin div span:hover{color:#ffb13b}


#pagevue{min-height:510px;}
#pagevue .el-form-item__label,#pagevue .el-form-item__content,#pagevue .el-radio__label{font-size:24px; color:#fff}
#pagevue .el-form{max-width:850px; margin:0 auto; padding:2em 3em 0 0;}
#pagevue .el-select{display:block}
#pagevue .el-input__inner{font-size:22px; line-height:50px; height:50px;}
#pagevue .el-form-item.ipt .el-form-item__label{padding-top:5px;}
#pagevue .el-form-item{margin-bottom:1em}
#pagevue .el-form-item__error,#pagevue .notesc{font-size:14px; padding-top:7px; color:#f56c6c}
#pagevue .el-form-item.mb40{margin-bottom:2em}
#pagevue .el-radio__inner{width:22px; height:22px;}
#pagevue .el-radio__inner::after{width:10px; height:10px;}
#pagevue .el-radio-group{width:100%; display:flex; justify-content:start; flex-wrap:wrap; gap:20px; padding-top:10px}
#pagevue .el-radio{display:inline-flex; justify-content:start; align-items:center; min-width:23%; margin:0}
#pagevue .boxshowbanksubaccount.sc{margin:4em 0 1em 15.5em; background-color:#fff; color:#333}
#pagevue input[name="file"]{display:none;}
#pagevue .el-button--primary{border:none; width:300px; height:60px; line-height:60px; padding:0; font-size:24px; font-weight:bold; color:#333;
    background-image: -moz-linear-gradient( -90deg, rgb(254,235,218) 0%, rgb(229,175,130) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(254,235,218) 0%, rgb(229,175,130) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(254,235,218) 0%, rgb(229,175,130) 100%);}

.tagasa{background: no-repeat center center; width:4.5em; height:4.3em; position:absolute; right:20em; bottom:4.5em;}
.tagasa span{font-weight:bold; color:#00ad52; font-size:.7em; position:absolute; top:50%; left:50%; transform:translate(-53%,-55%) rotate(-30deg); white-space:nowrap}



.boxupimg{display:inline-block; margin-top:10px; width:194px; height:146px; background-color:#f8f6f3; position:relative; border:1px dashed #d9d9d9; border-radius:5px;}
.boxupimg.upbn{background-color:transparent; border:none; width:auto; height: 90px; margin-top:0}
.boxupimg.upbn .img.url{background-size: contain; width:150px; height:90px; border:1px dashed #d9d9d9;}
.boxupimg .boxupimg{margin-left:10px}
.boxupimg:hover{border-color:#008c95}
.boxupimg .img{background:no-repeat center center; width:100%; height:100%; position:absolute; top:0; left:0; z-index:0}
.boxupimg .img.url{background-size:cover}
.boxupimg .img span{position:absolute; left:50%; top:50%; font-size:16px; text-shadow:rgba(0,0,0,1) 0 0 10px; transform:translate(-50%,-50%); color:#fff; opacity:0; visibility:hidden}
.boxupimg .img:hover span{opacity:1; visibility:visible}