/* Global References*/
:root {
    --qjztbj-color: #0067a0;
}

/* Write your styles */
html,body {position:relative; height:100%; width:100%;}

a {color:#555555; text-decoration:none;}

a:focus,a:hover {color: #555555;}

* {padding: 0;margin: 0;}

li {list-style:none;}

body {width:100%; max-width:720px; margin: 0 auto !important;}

body {background: #f4f4f4; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: .22rem; /* =14px */ /* !important*/ color: #544e4c;}

*+address,*+blockquote,*+dl,*+fieldset,*+figure,*+hr,*+ol,*+p,*+pre,*+ul {margin-top: 0rem;}

address,blockquote,dl,fieldset,figure,hr,ol,p,pre,ul {margin: 0 0 0rem 0;}

ol,ul {padding-left: 0em;}

h1,h2,h3,h4,h5,h6 {margin: 0 0 0rem 0; font-weight: 600; font-size: 100%; color: #005299;}

@media screen and (min-width: 320px) {html {font-size: 50px;}}
@media screen and (min-width: 360px) {html {font-size: 56.25px;}}
@media screen and (min-width: 375px) {html {font-size: 58.59375px;}}
@media screen and (min-width: 400px) {html {font-size: 62.5px;}}
@media screen and (min-width: 414px) {html {font-size: 64.6875px;}}
@media screen and (min-width: 440px) {html {font-size: 68.75px;}}
@media screen and (min-width: 480px) {html {font-size: 75px;}}
@media screen and (min-width: 520px) {html {font-size: 81.25px;}}
@media screen and (min-width: 560px) {html {font-size: 87.5px;}}
@media screen and (min-width: 600px) {html {font-size: 93.75px;}}
@media screen and (min-width: 640px) {html {font-size: 100px;}}
@media screen and (min-width: 680px) {html {font-size: 100px;}}
@media screen and (min-width: 720px) {html {font-size: 100px;}}
@media screen and (min-width: 760px) {html {font-size: 100px;}}
@media screen and (min-width: 800px) {html {font-size: 100px;}}
@media screen and (min-width: 960px) {html {font-size: 100px;}}

/*user-index*/
.logo {height: 0.6rem;text-align: center;background-size: contain;margin: 0.2rem;}
.top {background: #fff;display: flex }
.top_left {}
.top_center {flex: 1;}
.top_right {}
.top .iconfont {display: block;font-size: 0.5rem;line-height: 0.5rem;padding: 0.25rem;color: #005299;}

.qc {clear: both;}
/*.main {padding: 0.3rem;}*/
/*.main img {width: 100%;}*/
.sm_dl_top {height: 48px;}
.sm_dl_top_logo {float: left;width: 50%;}
.sm_dl_top_logo img {width: 90%;}
.sm_dl_top .sm_dlzc {float: right;width: 50%;text-align: left;}

.sm_dl_banner{}
.sm_dl_banner img{width: 100%;}

.sm_dlzc li {float: right;}
.sm_zhuce a {background-color: #005299;color: #fff;}
.sm_denglu a {background-color: #fff;color: #005299;}
.sm_dlzc li {padding: 0 0.1rem;}
.sm_dlzc li a {border:1px solid #005299;border-radius: 10px;display: block;padding: 0.1rem 0.2rem;}
.sm_dl_bmore h2 {text-align: center;font-size: 0.25rem;padding-top: 0.2rem;}
.sm_dl_bmore span {text-align: center;font-size: 0.18rem;color: #666e7c;display: block;padding: 0.2rem 0;}
.sm_dl_dl .sm_dlzc li a {padding: 0.1rem 0.4rem;}


.sm_dl_dl {display: flex;}
.sm_dlzc {text-align: center;margin: 0 auto;}
.sm_dl_dl .sm_dlzc li a {padding: 0.1rem 0.6rem;}



.sm_dl_js {border-radius: 10px; background: #fff; margin: 20px 0; text-align: center;}
.sm_dl_js h2 {
	margin: 20px 0;
	text-align: center;
	padding: 7px 30px;
	background: #005299;
	display: inline-grid;
	color: #005299;
	color: #fff;
	border-radius: 10px;
	border: 1px solid #005299;
}
.sm_dl_js_list {text-align: left;}
.sm_dl_icon img {width: 50px;}
.sm_dl_tico img {width: 30px;}
.sm_dl_js_list li {display: flex; align-items: center; gap: 0.2rem; margin-top: 0.2rem;; margin-bottom: 0.2rem;}
.sm_dl_icon{}
.sm_dl_text{}
.sm_dl_tico{}
.sm_dl_text2{}
.sm_dl_text2 span{color:#666e7c;}



.sm_hz ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.3rem;
    padding: 0.0rem;
}

.sm_hz li {border: 1px solid #a7c3dc; border-radius: 4px; padding: 10px;}

.sm_hz {
    text-align: center;
    background: #fff;
    border-radius: 10px;
    padding: 0 0.3rem 0.5rem 0.3rem;
}
.sm_hz h2 {
    margin: 20px 0;
    text-align: center;
    padding: 7px 60px;
    display: inline-grid;
    color: #005299;
    border-radius: 10px;
    border: 1px solid #005299;
}


.sm_foot2 {display: flex;}
.sm_foot2 img{width: 70px; background-size: contain;}

.sm_fl {flex: 1;}
.sm_fl span{color:#000; font-weight:600; font-size: 18px;}
.sm_fl p{color: #666e7c;}

.sm_foot3 {display: flex; margin-bottom: 70px; margin-top: 30px; flex-direction: column; align-items: center;}
.sm_foot3{color: #666e7c;}


.sm_dl_top2 {
     position: fixed;
    bottom: 0; /* 固定在底部 */
    left: 0;   /* 左侧对齐 */
    width: 100%; /* 宽度占满 */
    background: #005299;
    color: white;
    padding: 15px;
    text-align: center;
    z-index: 1000; /* 确保悬浮层在最上层 */
    box-sizing: border-box; 
    border-radius: 15px 15px 0px 0px;
}

.sm_dl_top2 .sm_dlzc li a {border: 1px solid #ffffff;}
.sm_dl_top2 .sm_zhuce a {background-color: #ffffff; color: #005299;}
.sm_dl_top2 .sm_denglu a {background-color: #005299; color: #ffffff;}


/*Login/Register*/
.main {background-color: #fff;}
.d1 {padding: 0.3rem 0.3rem;}
.d2 {padding: 0 0.3rem;font-size: 0.4rem;color: var(--qjztbj-color);font-weight: bold;}
#zcxs {display: none;}
.d3 {padding: 0 0.5rem;}
.d3 .layui-tab-title li {width: 50%;padding: 0;}
.d3 .layui-tab-brief>.layui-tab-title .layui-this {color: var(--qjztbj-color);}
.d3 .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {border: none;border-radius: 0;border-bottom: 4px solid var(--qjztbj-color);}
.d3-an {margin: 0 15%;width: 70%;border-radius: 1rem;background-color: var(--qjztbj-color);}
.login {padding: 0.5rem 0;}.login-text {text-align: center;line-height: 0.4rem;}
.d3 li {padding-bottom: 0.3rem;}
.d3 .text {padding: 0.1rem 0;font-size: 0.26rem;font-weight: bold;}
.d3 .layui-input:focus,.d3 .layui-textarea:focus {border-color: var(--qjztbj-color)!important;box-shadow: 0 0 0 3px rgba(255,87,34,.08) }
/*Login/Register*/

/*lb*/
.swiper-container-banner {width: 100%;overflow: hidden;}
.swiper-wrapper {display: flex;transition-timing-function: ease;}
.swiper-slide {width: 100%;flex-shrink: 0;display: flex;justify-content: center;align-items: center;}
.swiper-slide img {max-width: 100%;height: auto;display: block;}
/*lb ends*/

/*home*/
.sm_banner {width: 100%;height:170px;}

.sm_about ul {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 0.5rem;padding: 0.2rem;}
.sm_about ul li {text-align: center;}
.sm_about ul li .icon {}
.sm_about ul li .icon img {width: 30%;}
.sm_about ul li .text {padding-top: 0.1rem;font-size: 0.16rem;}

.sm_yj {border-radius: 0.3rem;background-color: #005299;padding: 0 0.3rem;margin-top: 0.3rem;color: #fff;}
.sm_yj_bt {padding: 0.3rem;text-align: center;}
.sm_yj_bt h2 {font-size: 0.3rem; color:#fff; font-weight: 600;}
.sm_yj_list ul li{display: flex;padding-bottom: 0.4rem;}
.sm_yj_list_txt h3 {font-size: 0.3rem;padding: 0.1rem 0; color:#fff; font-weight: 600;}
.sm_yj_list_txt{flex: 1;}
.sm_yj_list_bg {width: 40px;padding-left: 0.3rem;padding-top: 20px;}
.sm_yj_list_txt span {font-size: 0.2rem;}

.sm_xz {border: 1px solid #005299;border-radius: 0.3rem;background-color: #fff;padding: 0 0.3rem;margin-top: 0.3rem;color: #005299;}
.sm_xz_bt {padding: 0.3rem;text-align: center;}
.sm_xz_bt h2 {font-size: 0.3rem; font-weight: 600;}
.sm_xz_bt2 {text-align: center;font-size: 0.25rem;font-weight: bold;padding: 0.3rem 0;}
.sm_ts {font-size: 0.1rem;border-bottom: 1px solid #ddd;}
.sm_ts {font-size: 0.16rem;border-bottom: 1px solid #ddd;margin: 0.2rem 0;padding-bottom: 0.2rem;}

.sm_xz_list ul li {display: flex;padding: 0.1rem 0;font-size: 0.23rem;}
.sm_xz_list ul li .xz_icon {width: 0.3rem;}
.sm_xz_list ul li .xz_t1 {flex: 1;}
.sm_xz_list ul li .xz_t2 {flex: 1;}

.foot {text-align: center; margin-bottom: 70px;}
.qc {clear: both;}
.foot_logo {padding: 0.3rem 0;}
.foot_logo img {width: 60%;}
/*home ends*/

/*support*/
.kf1 {background: var(--qjztbj-color);height: 3rem;text-align: center;line-height: 3rem;}
.kf1 img {width: 80%;}
.kf2 {background: #fff;}
.kf2-1 ,
.kf2-3 {font-size: 0.4rem;color: var(--qjztbj-color);font-weight: bold;padding: 0.5rem 0.3rem;display: block;}
.kf2-2 {background: #fff;margin: 0 0.5rem;border-radius: 0.2rem;text-align: center;}
.kf2-2 .icon img {height: 1.6rem;padding: 0.3rem;border-radius: 50%; width: 30%;}
.kf2-2 .text {font-size: 0.25rem;padding-bottom: 0.3rem;}
.kf_an {margin: 0 6%;width: 90%;height: 50px;font-size: 16px;border-radius: 10px;background-color: var(--qjztbj-color);}
.kf4 {display: flex;justify-content: center;margin-top: 30px;margin-bottom: 50px;}
/*support ends*/

/*Expand style*/
.faq-con {margin-top: 20px;padding-bottom: 15px;}
.layout-row {position: relative;padding: 0px 16px 90px;}
.title {font-size: 16px;line-height: 1.5;font-weight: 700;text-transform: uppercase;color: var(--qjztbj-color);}
.pxn-column {display: flex;flex-direction: column;}
.faq-item {position: relative;border-bottom: 1px solid #c2bfbf;font-weight: 400;overflow: hidden;}
.pxn-ac {display: flex;align-items: center;}
.pxn-jsb {display: flex;justify-content: space-between;}
.item-title {line-height: 1.5;margin: 13px 0;font-size: 14px;cursor: pointer;}
.flex-1 {flex: 1;}
.kf_iconfont {font-size: 18px;color: #dc3545;}
.item-content-active {opacity: 1;height: auto;visibility: visible;}
.item-content {font-size: 12px;line-height: 1.5;color: #dc3545;height: 0;opacity: 0;visibility: hidden;transition: all .5s;}
.pxn-flex {display: flex;}
/*Expand ends*/

/*My*/
.g1 {display: flex;padding: 0.5rem 0.3rem;}
.g1-1 {flex: 1;}
.g1-1-1 {font-size: 0.45rem;font-weight: bold;padding-bottom: 0.2rem;}
.g1-1-2, 
.g1-1-3 {font-size: 0.26rem;font-weight: bold;padding-bottom: 0.1rem;}
.g1-2 {margin: 0.4rem 0.3rem;}
.g1-2 img {height: 1.4rem; border-radius: 50%;}
.g2 ul {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 0.3rem;padding: 0rem 0.3rem;}
.g2 ul li {}
.g2 ul li.on a {background: var(--qjztbj-color);color: #fff;}
.g2 ul li a {text-align: center;display: block;width: 100%;border: 3px solid var(--qjztbj-color);border-radius: 0.2rem;padding: 0.2rem 0;color: var(--qjztbj-color);font-size: 0.3rem;font-weight: bold;}
.g3 {margin: 0.3rem;background: #fff;border-radius: 0.3rem;}
.g3 ul {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 0.3rem;padding: 0.3rem;}
.g3 ul li {text-align: center;}
.g3 ul li .icon img {height: 0.6rem;}
.g3 ul li .text1 {padding: 0.15rem 0;font-size: 0.3rem;font-weight: bold;}
.g3 ul li .text2 {font-size: 0.25rem;font-weight: bold;}
.g4 {padding: 0 0.3rem 1.5rem 0.3rem;}
.g4-1 {font-size: 0.4rem;font-weight: bold;color: var(--qjztbj-color);padding: 0.3rem 0;}
.g4 ul {padding-bottom: 0.3rem;background-color: #fff;border-radius: 0.2rem;}
.g4 ul li {margin: 0 0.3rem;padding: 0.2rem 0rem;border-bottom: 1px solid #e1e1e1;}
.g4 ul li a{display: flex;}
.g4 ul li .icon {}
.g4 ul li .icon img {height: 0.5rem;}
.g4 ul li .icon2 {}
.g4 ul li .icon2 i {font-size: 0.35rem;line-height: 0.5rem;}
.g4 ul li .text {padding-left: 0.3rem;flex: 1;line-height: 0.5rem;font-size: 0.3rem;}
/*My ends*/

/*header1*/
.pxn-navbar {width: 100%;position: relative;box-shadow: none;background-color: initial;left: 0;top: 0;z-index: 99999;}
.uni-navbar--shadow {box-shadow: 0 1px 6px #ccc;}
.uni-navbar__header {display: flex;padding: 0 10px;flex-direction: row;height: 44px;font-size: 12px;}
.uni-navbar__header-btns-left {display: flex;width: 62px;justify-content: flex-start;align-items: center;}
.uni-navbar__header-container {display: flex;flex: 1;padding: 0 10px;overflow: hidden;}
.uni-navbar__header-container-inner {display: flex;flex: 1;flex-direction: row;align-items: center;justify-content: center;font-size: 12px;overflow: hidden;}
.uni-nav-bar-text {color: #333!important;font-size: 14px!important;}
.uni-ellipsis-1 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.uni-navbar__header-btns-right {display: flex;flex-direction: row;justify-content: flex-end;align-items: center;}
/*header1 ends*/

/*bank,address,*/
.ny-1 {padding: 0.5rem 0.3rem;}
.ny-1 img {height: 0.5rem;}
.ny-3 {margin: 0.3rem;padding: 0.3rem;background: #fff;border-radius: 0.2rem;}
.ny-3 li {padding-bottom: 0.3rem;}
.ny-3 .text {padding: 0.1rem 0;font-size: 0.26rem;font-weight: bold;}
.ny-3 .layui-input:focus,.ny-3 .layui-textarea:focus {border-color: var(--qjztbj-color)!important;box-shadow: 0 0 0 3px rgba(255,87,34,.08) }
.ny-an {/* margin: 0 15%; */ /* width: 70%; */ border-radius: 1rem; background-color: var(--qjztbj-color);}
.ny-login {padding: 0.5rem 0;}
i.ny-hs {float: left;height: 0.26rem;display: block;width: 0.1rem;background: var(--qjztbj-color);border-radius: 0.05rem;margin-right: 0.2rem;}
.ny-4 {padding: 0 0.3rem;}
.ny-4 .text {padding-bottom: 0.2rem;font-size: 0.3rem;}
.ny-4 ul li {font-size: 0.19rem;padding-bottom: 0.15rem;}
.ny-4 p {font-size: 0.19rem;padding-bottom: 0.1rem;}
/*bank,address,ends*/