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

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

@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;}}

/*header*/
.logo img{height: 0.4rem;text-align: center;background-size: contain;margin: 0.2rem;}
.top {background:#fff; display:flex; align-items:center;}
.top_left {}
.top_right {}
.top_center {flex: 1; text-align: center;}
.top .iconfont {display:block; font-size:0.4rem; line-height:0.4rem; padding:0.25rem;}
/*header 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*/


/*user_index*/
.a1 {background-color: var(--qjztbj-color);color: #fff;}
.a1-1 {padding: 0.5rem 0.6rem 0.3rem 0.6rem;display: block;font-size: 0.5rem;text-align: center;font-weight: 600;}
.a1-2 {display: block;font-size: 0.3rem;padding: 0 0.4rem 0.3rem 0.4rem;text-align: center;line-height: 0.5rem;}
.a1-3 {height: 0.5rem;text-align: center;padding-top: 0.3rem;padding-bottom: 0.6rem;}
.a1-3 a {padding: 0.2rem 0.4rem;background: #fff;border-radius: 1rem;font-size: 0.3rem;color: var(--qjztbj-color);}
.a2 {background: #fff;}
.a2 ul {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 0.5rem;padding: 0.5rem;}
.a2 ul li {text-align: center;}
.a2 ul li .icon {}
.a2 ul li .icon img {height: 0.5rem;}
.a2 ul li .text {padding-top: 0.3rem;}
.a3 img {max-width: 100%;}
.a4 {background-color: #fff;}
span.a4-1 {padding: 0.3rem 0.3rem;display: block;font-size: 0.42rem;font-weight: 600;color: var(--qjztbj-color);text-align: left;}
span.a4-2 {padding: 0rem 0.3rem 0.6rem 0.3rem;display: block;font-size: 0.25rem;text-align: left;}
.a4-3 {margin: 0 0.3rem;}
.a5 {background-color: #fff;}
.a5-1 {padding: 0.3rem 0.3rem 0.1rem;font-size: 0.55rem;color: var(--qjztbj-color);font-weight: 600;}
.a5-2 {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 0.2rem;padding: 0.2rem;}
.a5-2 li img {width: 100%;}
/*user_index ends*/


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


/*home*/
.b2 {background-color: #382aa2;color: #fff;padding: 0.4rem 0.3rem;}
.b2-1 {font-size: 0.55rem;font-weight: bold;line-height: 0.65rem;}
.b2-2 {font-size: 0.3rem;padding: 0.3rem 0;}
.b2-3 li {display: flex;padding-bottom: 0.4rem;}
.b2-3 li .icon {margin-right: 0.6rem;}
.b2-3 li .icon img {width: 0.5rem;}
.b2-3 li .text1 {font-size: 0.3rem; margin-left: -0.35rem; white-space:break-spaces; font-weight:bold;}
.b2-3 li .text2 {white-space: normal;padding-top: 0.2rem;}
.b3 {padding: 0.5rem 0.3rem;background: #fff;}
.b3-1 {color: var(--qjztbj-color);font-size: 0.54rem;font-weight: bold;padding-bottom: 0.3rem;line-height: 0.64rem;}
.b3-2 {font-size: 0.28rem;}
.b3-2 li {padding: 0.1rem 0;}
.b3-2 li .iconfont {color: #2e8540;font-size: 0.4rem;}
.b3-3 {color: var(--qjztbj-color);font-size: 0.34rem;font-weight: bold;padding-top: 0.4rem;}
/*home ends*/


/*rot_order*/
.c2 {padding-bottom: 1.5rem;background-color: #fff;}
.c2-1 {margin-top: 12px;margin-bottom: 12px;padding: 0.6rem 0.9rem;}
.c2-1 a {display: block;background-color: var(--qjztbj-color);color: #fff;text-align: center;padding: 0.6rem 0;border-radius: 3rem;font-size: 1.4rem;line-height: 34px;height: 50px;}
.c2-1 .qdan {display: block;background-color: var(--qjztbj-color);color: #fff;text-align: center;padding: 0.6rem 0;border-radius: 3rem;font-size: 1.2rem;}

.c2-2 {box-shadow: 5px 10px 14px 4px rgb(0 0 0 / 16%);}
.c2-2 ul {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 1.5rem;margin: 0 1.5rem;text-align: center;padding: 0.75rem 0;}
.c2-2 ul:nth-child(1) {border-bottom: 1px solid #ccc;}
.c2-2 ul li .text1 {font-size: 0.9rem;font-weight: bold;}
.c2-2 ul li .text2 {color: var(--qjztbj-color);font-weight: bold;padding: 0.3rem 0;font-size: 0.9rem;}

.c3 {background: #fff;}
.c3-1 {font-size: 1.2rem;font-weight: bold;color: var(--qjztbj-color);padding: 0.3rem 0.9rem;}
.c3-2 {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 0.6rem;padding: 0.6rem;}
.c3-2 li img {width: 180px;height: 180px;}
.c3-text {display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;max-height: 3rem;line-height: 1.5rem;width: 180px;}

.c4 {background: #fff;padding: 0.9rem;}
.c4-1 {text-align: center;font-size: 1.15rem;padding: 0.6rem 0;font-weight: bold;}
.c4-2 {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 0.6rem;}
.c4-2 li {list-style: none;}
.c4-2 li img {width: 100%;}
/*rot_order ends*/


/*support*/
.kf1 {background: var(--qjztbj-color);height: 3rem;text-align: center;line-height: 3rem;}
.kf1 img {}
.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%;}
.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*/


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


/*Bottom Style*/
.foot {background-color: #696969;color: #fff;padding: 0.6rem 0.3rem;line-height: 0.36rem;}
.qc {clear: both;}
.f1 {display: flex;padding-bottom: 0.5rem;border-bottom: 1px solid #878787;}
.f1-1 {margin-right: 0.3rem;}
.f1-1 img {width: 1rem;}
.f1-2 {}
.f2 {padding-top: 0.5rem;text-align: center;}
.f2-1 {margin-bottom: 0.2rem;}
.f2-1 img {height: 0.45rem;}
/*Bottom Style ends*/


/*Button*/
.btn.btn-link-default.active {color: var(--qjztbj-color);}
/*Button*/
.btn-default {background-color: var(--qjztbj-color) !important;}