/* @font-face {
    font-family: "AlimamaShuHeiTi";
    src: url(../font/AlimamaShuHeiTi-Bold.otf);
}


@font-face {
    font-family: "IvarFine";
    src: url(../font/IvarFine-Light.woff2);
}


@font-face {
    font-family: "Montserrat";
    src: url(../font/Montserrat-Medium.ttf);
}

@font-face {
    font-family: "OPPOSans";
    font-weight: 300;
    src: url(../font/OPPOSans-L-2.ttf);
}

@font-face {
    font-family: "OPPOSans";
    font-weight: 400;
    src: url(../font/OPPOSans-R-2.ttf);
}

@font-face {
    font-family: "OPPOSans";
    font-weight: 500;
    src: url(../font/OPPOSans-M-2.ttf);
}

@font-face {
    font-family: "OPPOSans";
    font-weight: 600;
    src: url(../font/OPPOSans-B-2.ttf);
} */

/* =====================================================================鍏叡 */

/* 20250811 crq 第一批次 */

/*婊氬姩鏉″楂樺強鑳屾櫙*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/*杞ㄩ亾棰滆壊銆佸唴闃村奖鍙婂渾瑙 */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: fff;
    border-radius: 0px;
}

/*婊戝潡*/
::-webkit-scrollbar-thumb {
    border-radius: 2px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #bbb;
}

/*涓ょ鎸夐挳*/
::-webkit-scrollbar-button {
    background-color: none;
    height: 0;
}

/*鍙充笅瑙掓眹鍚堝鏍峰紡*/
::-webkit-scrollbar-corner {
    background: khaki;
}


/*  */


.inner {
    width: 90%;
    margin: 0 auto;
}

.Tit {
    margin-bottom: 60px;
}

.Tit b {
    display: block;
    font-size: 22px;
    font-weight: 500;
    color: #51b288;
    margin-bottom: 15px;
}

.Tit span {
    display: block;
    font-size: 36px;
    font-weight: 500;
}

/* 鎵嬫満瀵艰埅 */

.headMenu {
    cursor: pointer;
    position: fixed;
    z-index: 99999;
    right: 0;
    display: none;
    margin-right: 24px;
}


.headMenu span {
    display: block;
    width: 26px;
    height: 2px;
    margin: 6px 0;
    background: #fff;
    -webkit-transition: all 0.48s ease-in-out;
    -moz-transition: all 0.48s ease-in-out;
    -ms-transition: all 0.48s ease-in-out;
    -o-transition: all 0.48s ease-in-out;
    transition: all 0.48s ease-in-out;
}

.headerMain-bg .headMenu span {
    background: #333;
}

.headMenu.active span {
    background: #333;
}

.headMenu.active span.headMenu_span1 {
    transform: rotate(45deg) translate(6px, 7px);
}

.headMenu.active span.headMenu_span2 {
    opacity: 0;
}

.headMenu.active span.headMenu_span3 {
    transform: rotate(-45deg) translate(4px, -6px);
}

.moHead_mlb {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    /* background-image: url(../images/bg3.jpg); */
    background: #fefefe;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
    z-index: 99990;
    padding: 24px;
}

.moHead_mlb .moHead_ico {
    text-align: center;
}

.moHead_mlb .moHead_ico a:last-child {
    display: inline-block;
}

.moHead_mlb ul {
    padding: 60px 0;
}

.moHead_mlb li {
    font-size: 15px;
    line-height: 2;
    padding: 14px 0;
    border-bottom: 1px dotted rgba(27, 47, 95, 0.18);
}

.moHead_mlb a {
    color: #242b3e;
    letter-spacing: 1px;

}

.moHead_mlb a svg {
    float: right;
    width: 21px;
    height: 24px;
    opacity: 0.8;
}

.moHead_mlb a svg path {
    fill: #242b3e;
}

.moHead_mlb .moHead_ico a {
    vertical-align: top;
    margin: 0 14px;
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    border: 1px solid rgba(27, 47, 95, 0.23);
}

.moHead_mlb .moHead_ico svg {
    width: 24px;
    height: 24px;
}

.moHead_mlb .moHead_ico svg path {
    fill: #242b3e;
}

.moHead_mlb .moHead_ico img,
.moHead_mlb .moHead_ico svg {
    margin-top: 10px;
}

@media (max-width: 480px) {
    .moHead_mlb a {
        font-size: 18px;
    }
}


/* =====================================================index */


/* 涓嬫媺瀵艰埅鍙樺寲 */

.headerMain-bg.header {
    border-bottom: none;
    background: #fff;
    box-shadow: 0 0px 20px 0 rgb(0 0 0 / 10%);
}

.header.white {
    border-bottom: 1px solid #eae8e4;
    background: #fff;
}

.header.white .img1 {
    display: none;
}

.headerMain-bg.header .img1 {
    display: none;
}


.headerMain-bg.header .img2 {
    display: inline-block;
}

.header.white .img2 {
    display: inline-block;
}


/* header */

body {
    background: #f4f6fd;
}

.header {
    width: 100%;
    height: 88px;
    padding: 0 3%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    border-bottom: 1px solid #eceeef;
    transition: all .48s;
}

.header .img2 {
    display: none;
}


.hLogo img {
    width: 240px;
}

.headerL {
    display: flex;
    align-items: center;
}

.headerL span {
    color: #fff;
    display: flex;
    align-items: center;
    margin-right: 26px;
    cursor: pointer;
}

.headerL a {
    color: #fff;
    font-family: "Montserrat";
}

.header_nav.on i {
    background: transparent;
}

.headerL span svg {
    width: 16px;
    height: 16px;
    margin-right: 15px;
}

.headerL span i {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 1px;
    background: #fff;
    margin-right: 15px;
}

.headerL span i::before {
    content: '';
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    top: -6px;
}

.headerL span i::after {
    content: '';
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -6px;
}

/*  */
.headerR {
    display: flex;
    align-items: center;
}

.headerR li {
    display: inline-block;
}

.headerMain-bg .headerR li a{
    color: #42a565;
}
.headerR li a {
    font-size: 20px;
    padding: 0 20px;
    color: #42a565;
    position: relative;
}

.headerR li a::after {
    content: '';
    width: 1px;
    height: 15px;
    background: rgb(110 202 142 / 46%);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.headerR li:last-child a::after {
    display: none;
}

.headerR li a.on {
    font-weight: 500;
    text-decoration: underline;
}

/*  */

.headerLog {
    display: inline-flex;
    align-items: center;
    border-radius: 100px;
    background: linear-gradient(90deg, rgb(115 207 147) 0%, rgb(65 165 100) 40%);
    border: 1px solid #42a565;
    padding: 12px 25px;
    padding-left: 80px;
    margin-left: 40px;
    position: relative;
}

.headerLog a {
    color: #fff;
    font-weight: 500;
}

.headerLog i {
    color: #fff;
    font-weight: 500;
}

.headerLog img {
    width: 64px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

/* == */

.headerMain-bg.header .headerL span {
    color: #19110b;
}


/* footer */

.footer {
    position: relative;
    border-top: 1px solid #ededed;
}

.footTop {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0;
    border-bottom: 1px solid #ededed;

    display: none;
}

.footLogo img {
    width: 150px;
}

.footNav ul {
    display: flex;
    justify-content: space-between;
}

.footNav li a {
    padding: 0 45px;
    font-size: 16px;
    position: relative;
}

.footNav li a:hover {
    color: #42a565;
}

.footNav li a.on {
    color: #42a565;
}

.footNav li a::after {
    content: '';
    width: 1px;
    height: 15px;
    background: #ccc;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* = */

.footXq {
    padding: 65px 0 20px;
    padding: 60px 0 30px;
    padding-right: 5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.footEwm span {
    display: block;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}

.footEwm img {
    width: 110px;
}

/*  */
/* .footCon_li {
    width: calc(25% - 80px);
} */

.footLogo{
    margin-bottom: 30px;
}
.footLogo img {
    width: 180px;
}

.footCon_li .footIcon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 20px;
}

.footCon_li span {
    display: block;
    align-items: center;
    font-size: 16px;
    margin-bottom: 5px;
}

.footCon_li a {
    display: block;
    font-size: 32px;
    font-family: "Montserrat";
}

.footCon_li p {
    font-size: 18px;
    font-weight: 500;
    margin: 5px 0;
    display: flex;
    align-items: center;
}

.footCon_li p a{
    font-size: 16px;
}

.footCon_li p a small{
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #999;
    margin: 0 5px;
}

.footCon_li i {
    display: block;
    font-size: 14px;
    color: #666;
}


.footBacktop {
    display: none;

    position: absolute;
    right: 0;
    top: 65px;
    cursor: pointer;
}

.footBacktop img {
    width: 88px;
    border-radius: 50%;
    border: 1px solid #ededed;
    padding: 30px;
}

/* =================================================================================index */
.indBan {
    width: 100%;
    height: 90vh;
    position: relative;
    overflow: hidden;
}

.indBanBox {
    width: 100%;
    height: 100%;
    /* background: linear-gradient(90deg, rgb(36 143 252) 40%, rgb(0 136 221 / 68%) 100%); */
    position: relative;
    overflow: hidden;
}

.indBanBox .swiper-container {
    width: 100%;
    height: 100%;
}

.indBanImg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.indBanImg .banM {
    display: none;
}


.indBanImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    transition: all .68s;
}

.indBanImg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .68s;
}

/*  */

.indBanText {
    position: absolute;
    left: 8%;
    top: 35%;
    z-index: 2;
}

.indBanText b {
    color: #42a565;
    font-size: 24px;
    display: block;
    margin-bottom: 20px;
}

.indBanText span {
    color: #1c4352;
    font-size: 62px;
    font-family: "AlimamaShuHeiTi";
    display: block;
    margin-bottom: 18px;
}

/*  */

/*  */

.indBanBox .swiper-pagination {
    width: auto;
    position: absolute;
    left: 8%;
    bottom: 10%;
}

.indBanBox .swiper-pagination-bullet {
    width: 30px;
    height: 6px;
    border-radius: 50px;
    background: #51b288;
    opacity: 0.4;
}

.indBanBox .swiper-pagination-bullet-active {
    width: 64px;
    opacity: 1;
}

/* = */
.indLog {
    width: 520px;
    background: #f3f7fb;
    border-radius: 10px;
    border: 1px solid #fff;
    position: absolute;
    top: 22%;
    right: 8%;
    z-index: 2;
}

.logTop {
    text-align: center;
    padding: 28px 0;
    border-bottom: 1px solid #e2e2e2;
}

.logTop span {
    font-size: 28px;
    font-weight: 500;
}

.logTop span b {
    font-size: 28px;
    font-weight: 500;
    color: #42a565;
}


.logSjBox{
    padding: 30px 50px 50px;

}
.logSjItem{
    padding: 15px 30px;
    border-radius: 8px;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.logSjText{
    position: relative;
}
.logSjItem img{
    width: 50px;
}
.logSjItem b{
    font-size: 36px;
    line-height: 1;
    font-weight: 600;
    color: #42a565;
    display: flex;
    font-family: "Montserrat";
}
.logSjItem span{
    display: block;
    font-size: 16px;
    margin-top: 10px;
}
.logTc{

    text-align: center;
    color: #999;
}
.logTc a{
    font-size: 14px;
    color: #999;
}
.logTc a:hover{
    color: #42a565;
}
.logSjBox .lopBut{
    margin: 30px 0 10px;
}
.logTop p{
    display: flex;
    margin-top: 15px;
    align-items: center;
    justify-content: center;
}
.logTop p img{
    width: 18px;
    margin-right: 5px;
}
/*  */

.logXq {
    padding: 35px 55px 60px;
}

.logItp {
    padding: 12px 25px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e2e2e2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.logItp label {
    display: block;
    width: 35px;
    height: 18px;
    padding-right: 15px;
    position: relative;
}

.logItp label svg {
    width: 100%;
    height: 100%;
}

.logItp label::after {
    content: '';
    width: 1px;
    height: 25px;
    background: #cccccc;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.logItp input {
    flex: auto;
    padding-left: 30px;
    font-size: 16px;
    font-family: monospace;
}

.logItp input::placeholder {
    font-size: 16px;
    font-weight: 300;
    color: #999;
}

.lopFg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 35px 0 40px;
}

.lopFg p {
    display: flex;
    align-items: center;
}

.lopFg p i {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    border-radius: 2px;
    border: 1px solid #42a565;
    margin-right: 5px;
}

.lopFg p i svg{
    display: none;
}
.lopFg .on svg{
    display: block;
}

.lopBut a {
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 8px;
    padding: 12px 0;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background: linear-gradient(90deg, rgb(115 207 147) 0%, rgb(65 165 100) 40%);
}

.logFg_a {
    color: #999;
}

/*  */

.lopBot {
    text-align: center;
    padding: 20px 0;
    border-top: 1px solid #e2e2e2;
}

.lopBot a {
    font-size: 16px;
    font-weight: 500;
}

.lopBot a b {
    font-size: 16px;
    font-weight: 500;
    color: #42a565;
}

/* = */

.indPro {
    padding-bottom: 20px;
}

.indProBox {
    background: #fff;
    border-radius: 40px;
    padding: 110px 145px;
}

.indProTop {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    margin-bottom: 68px;
}

.indProTop_l {
    width: 32%;
}

.indProTop_r {
    width: 72%;
}

.indProTop_r .swiper-container {
    width: 100%;
    padding: 0 10px 10px 10px;
}

.indProTop_item {
    width: 100%;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    overflow: hidden;
}

.indProTop_Img {
    width: 100%;
    padding-top: 40%;
    background: #f2f2f2;
}

.indProTop_Text {
    padding: 25px 26px;
}

.indProTop_Text span {
    display: block;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 10px;
}

.indProTop_Text p {
    font-size: 12px;
    color: #666;
    margin-bottom: 20px;
}

.indProTop_Text img {
    height: 80px;
    object-fit: contain;
}

/*  */

.indProBot {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.indProBot_li {
    width: calc(12.5% - 13px);
    padding: 24px 0;
    background: #fcfcfc;
    border-radius: 40px;
    border: 1px solid #ebe8e9;
    text-align: center;
    cursor: pointer;
}

.indProBot_li span {
    font-size: 16px;
    display: block;
    margin-bottom: 14px;
}

.indProBot_li img {
    height: 85px;
    object-fit: contain;
}

/*  */

.indProBot_li:hover {
    border-color: #54b787;
}

.indProBot_li:hover span {
    color: #54b787;
}

/* = */

.indFw {
    padding: 138px 0;
    background: url(../images/indFw_bg.png) no-repeat;
    background-size: cover;
    background-position: bottom;
}

.indFwBox {
    padding-right: 5%;
    display: flex;
    justify-content: flex-end;
}

.indFwR {
    width: 720px;
}

.indFw_changeBox {
    display: none;
}

.indFwR_dl {
    display: flex;
    flex-wrap: wrap;
}

.indFwR_dd {
    display: flex;
    min-height: 90px;
    align-items: center;
    padding: 10px 15px;
    border-radius: 20px;
    background: #fbfbfb;
    border: 1px solid #fff;
    margin-right: 15px;
    margin-bottom: 15px;
}

.indFwR_dd.big {
    min-width: 320px;
}

.indFwR_dd img {
    width: 68px;
    border-radius: 20px;
    margin-right: 15px;
}

.indFwR_dd span {
    display: block;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
}

.indFwR_dd p {
    font-size: 12px;
}

.indFwR_img {
    margin-right: 15px;
}

.indFwR_img img {
    width: 90px;
}

.indFwR_but {
    display: inline-flex;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(90deg, rgb(80 178 136) 0%, rgb(107 220 128) 50%);
    margin-left: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.indFwR_but svg {
    width: 80%;
    height: 80%;
    padding: 10%;
}


/* = */

.indPtBox {
    background: #fff;
    border-radius: 40px;
    padding: 110px 145px;
    background-image: url(../images/indPt_bg.png);
    background-size: cover;
}

.indPtUl {
    display: flex;
    justify-content: space-between;
}

.indPtLi {
    width: calc(25% - 112px);
    position: relative;
}

.indPtLi::after {
    content: '';
    width: 30px;
    height: 40px;
    background: url(../images/indPt_jt.png) no-repeat;
    background-size: contain;
    position: absolute;
    right: -100px;
    top: 22%;
}

.indPtLi:last-child::after {
    display: none;
}

.indPtLi img {
    width: 100%;
}

.indPtLi p {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
}

.indPtLi p i {
    color: #63ce9b;
    font-size: 26px;
    font-weight: 600;
    font-family: "Montserrat";
    margin-right: 10px;
    position: relative;
    top: -8px;
}

.indPtLi p i::after {
    content: '';
    width: 10px;
    height: 30px;
    background: #fff;
    border-left: 1px solid #d2d3d7;
    position: absolute;
    right: -5px;
    bottom: -4px;
    transform: rotate(45deg);
}

/* = */

.indHzBox {
    display: flex;
    flex-wrap: wrap;
}

.indHzImg {
    width: calc(25% - 10px);
    margin: 5px;
    padding-top: 13%;
    background: #fff;
    border-radius: 8px;
}

.indHzImg img{
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
    object-fit: contain;
}

.indHzImg:hover img {
    transform: scale(1.1);
}

/* = */

.mDl {
    display: none;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
}

.mDlXq {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mDlXq a {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #333;
    color: #51b288;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 12px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

.mDlXq a img {
    width: 18px;
    margin-right: 10px;
}

.mDlXq a.bg {
    background: #51b288;
    color: #fff;
    border-color: #51b288;
}

/* ==========================================================================================index */

/* 鍏叡 */


/* 澶撮儴 */

.headerN {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    background: #fff;
    border-bottom: 1px solid #eceeef;
    transition: all .48s;
}

.headerN .img2 {
    display: none;
}

.headerBox {
    width: 100%;
    height: 88px;
    padding: 0 3%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headerTop {
    background: #373a40;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 3%;
}

.headerTop_l span {
    color: #fff;
}

.headerTop_l span svg{
    width: 16px;
    height: 16px;
    margin: 0 0px 0 10px;
    vertical-align: sub;
}

.headerTop_l a {
    color: #fff;
    display: inline-block;
    position: relative;
}

.headerTop_r {
    display: flex;
    align-items: center;
}

.headerTop_r svg {
    width: 20px;
    height: 20px;
    margin-right: 4px;
}

.headerTop_r svg path {
    fill: #fff;
}

.headerTop_r p {
    color: #51b288;
}

.headerTop_r p a {
    color: #51b288;
}

.headerTop_r p b {
    color: #fff;
}

/*  */

.headerL {
    display: flex;
    align-items: center;
}

.hSs {
    width: 400px;
    height: 40px;
    position: relative;
    border: 1px solid #5cc584;
    border-radius: 8px;
    margin-left: 60px;
}

.hSs input {
    width: 100%;
    height: 100%;
    background: none;
    padding: 0 20px;
}

.hSs input::placeholder {
    color: #999;
}

.hSs i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 100%;
    border-radius: 4px;
    background: #5cc584;
    position: absolute;
    right: 0;
    top: 0;
}

.hSs i svg {
    width: 20px;
    height: 20px;
}

.hSs i svg path {
    fill: #fff;
}

.headerMy {
    position: relative;
}

.headerMy img {
    width: 32px;
    border-radius: 50%;
    margin-right: 8px;
}

.headerMy dl {
    padding: 20px 0;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 18px;
    cursor: pointer;
}

.headerMy svg {
    width: 16px;
    height: 16px;
    margin-left: 10px;
}

.deaderMy_zk {
    display: none;
    width: 100%;
    padding: 5px 0;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgb(232 230 230 / 80%);
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
}

.deaderMy_zk a {
    display: block;
    padding: 10px 0;
    text-align: center;
}

/* == */

.innerN {
    width: 84%;
    margin: 0 auto;
}

.marN {
    margin-top: 172px;
    transition: all .48s;
}

.marN.on {
    transform: translateY(-40px);
}

.More i {
    display: inline-block;
    width: 10px;
    height: 2px;
    border-radius: 2px;
    background: #fff;
    margin-right: 8px;
    transition: all .48s;
}

.More img {
    width: 12px;
    margin-left: 15px;
    transition: all .48s;
}

.More a .img2 {
    display: none;
}

.More.white a {
    color: #fff;
    background-color: rgba(25, 17, 11, .2);
    border-color: #fff;
}

.More a:hover img {
    transform: translateX(5px);
}

/*  */


.More a:hover .img1 {
    display: none;
}

.More a:hover .img2 {
    display: block;
}

/* == */

.Tit.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Tit.center {
    text-align: center;
}

.More a {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(90deg, rgb(80 178 136) 0%, rgb(107 220 128) 50%);
    padding: 10px 20px;
    border-radius: 4px;
    color: #fff;
    transition: all .48s;
}

.More.bg a {
    color: #19110b;
    background: #fff;
}



/* banner */


.banN {
    margin-top: 130px;
    width: 100%;
    height: 250px;
    position: relative;
}

.banNImg {
    width: 100%;
    height: 100%;
}

.banNImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banNText {
    position: absolute;
    left: 8%;
    top: 25%;
}

.banNText span {
    font-size: 40px;
    color: #1c4352;
    font-family: "AlimamaShuHeiTi";
}

/*  */

.dwNav {
    width: 100%;
    background: #58bc86;
}

.dwNav .inner {
    width: 84%;
}

.dwNavBox ul {
    display: flex;
}

.dwNavBox ul li {
    /* flex: 1; */
    transition: all .48s;
}

.dwNavBox ul li a {
    display: block;
    text-align: center;
    padding: 12px 30px;
    color: #fff;
    font-size: 16px;
    position: relative;
}

.dwNavBox ul li a i {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-20px, -6px);
}

.dwNavBox ul li a i img {
    width: 36px;
}

.dwNavBox ul li.on {
    background: #439c62;
}

.dwNavBox ul li:hover {
    background: #439c62;
}

/* 搴曢儴 */

/*  */

.footBot {
    border-top: 1px solid #ededed;
    padding: 20px 0 20px;
}

.footBot .inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footBot p,
.footBot a {
    font-size: 12px;
}

.footBot_link {
    width: 100%;
    margin-top: 40px;
}

.footBot_link a {
    padding: 0 20px;
    text-decoration: underline;
    position: relative;
}

.footBot_link a:first-child {
    padding-left: 0;
}

.footBot_link a::after {
    content: '';
    width: 1px;
    height: 14px;
    background: #ccc;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.footBot_link a:last-child::after {
    display: none;
}

/* ======================================================== 鍏叡 */

.paddN {
    padding: 68px 0;
}

.myTit {
    margin-bottom: 20px;
}

.myTit.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.myTit span {
    font-size: 20px;
}

.myTit a {
    text-decoration: underline;
}

.myBut {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 12px 0;
    background: #19110b;
    color: #fff;
}

.myBut.none {
    background: none;
    border: 1px solid #19110b;
    color: #19110b;
}



/* ======================================================== bx_list */

.bxSx {
    width: 100%;
    background: #fff;
}

.bxSxTop {
    padding-top: 25px;
    margin-bottom: 10px;
    /* border-bottom: 1px solid #f1f1f1; */
}

.bxSxTop a {
    display: inline-block;
    padding: 6px 28px;
    font-size: 16px;
    margin-right: 20px;
    background: #f0f0f0;
    border-radius: 8px;
    position: relative;
    margin-bottom: 10px;
}

.bxSxTop a.on {
    color: #fff;
    background: #4fb188;
}

.bxSxWarp {
    padding: 30px 0;
}

.bxSxItem {
    display: flex;
}

.bxSxItem:first-child {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #eeeeee;
}

.bxSxItem span {
    display: block;
    width: 150px;
    font-size: 18px;
    font-weight: 500;
}

.bxSxDiv {
    flex: auto;
    width: calc(100% - 150px);
    /* padding-right: 10%; */
    display: flex;
    flex-wrap: wrap;
}

.bxSxDiv a {
    font-size: 16px;
    display: block;
    min-width: 16.66%;
    margin-right: 40px;
    margin-bottom: 10px;
}

.bxSxDiv a i {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid #e2e2e2;
    box-shadow: 0 0 5px 0px rgb(232 230 230 / 10%);
    margin-right: 10px;
    vertical-align: sub;
    cursor: pointer;
    position: relative;
}

.bxSxDiv a i svg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.bxSxDiv a i svg path {
    fill: #fff;
}

.bxSxDiv a.on i {
    border-color: #51b288;
    background: #51b288;
}

.bxSxDiv a.on i svg {
    opacity: 1;
}

/* == */



.bxXq {
    padding: 40px 0 90px;
}

.bxXq .innerN {
    width: 86%;
}

.bxXqBox {
    display: flex;
    flex-wrap: wrap;
}

.bxXqItem {
    display: block;
    padding: 20px;
    width: calc(33.3% - 20px);
    margin: 10px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgb(232 230 230 / 10%);
    overflow: hidden;
    position: relative;
    border: 1px solid transparent;
    transition: all .48s;
}

.bxXqItem .rm {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 0;
}

.bxXqItem .rm img {
    width: 50px;
}

.bxXq_top {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.bxXq_top p {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5em;
    width: calc(100% - 95px);
    padding-right: 30px;
}
.bxXq_top img {
    height: 24px;
    margin-right: 10px;
}

.bxXq_top p b {
    display: block;
    font-size: 12px;
    color: #666;
}

.bxXq_top p span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding-right: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.bxXq_dl {
    margin-bottom: 15px;
    height: 110px;
}

.bxXq_dl dd {
    display: inline-block;
    background: #f6f6f6;
    padding: 2px 12px;
    font-size: 12px;
    color: #666;
    margin-right: 10px;
    margin-bottom: 10px;
}

.bxXq_bot {
    padding: 30px 0 0;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

/* .bxXq_bot::after {
    content: '';
    width: 150%;
    height: 1px;
    background: #f5f5f5;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -0);
} */
.bxXq_Con{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.bxXq_Left{
    /* width: calc(100% - 180px); */
    position: relative;
    width: 100%;
}
.bxXq_Img{
    width: 160px;
    height: 160px;
    border-radius: 8px;
    overflow: hidden;
    background: #f7f8f9;
    display: none;
}
.bxXq_Img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bxXq_bot p {
    font-size: 16px;
    color: #ff2442;
}

.bxXq_bot p i {
    font-size: 20px;
    font-weight: 600;
    color: #ff2442;
    line-height: 1;
}

.bxXq_bot p b {
    padding-left: 10px;
    font-size: 16px;
    color: #999;
}

.bxXq_bot span {
    color: #fff;
    background: #5cc584;
    display: inline-block;
    padding: 4px 20px;
    border-radius: 4px;
}

.bxXqItem:hover {
    /*border-color: #51b288;*/
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3), /* 涓绘姇褰  */
             -1px -1px 10px rgba(255, 255, 255, 0.8); /* 鍐呭彂鍏夌珛浣撴劅 */

    transform: translateY(-20px);
}
@media (max-width: 1480px){
    .bxXq_Img{
        width: 140px;
        height: 140px;
    }
}

/* ==========================================================================================fund */

.order {
    margin-top: 130px;
}

.orderBox {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.orderNav {
    width: 290px;
    background: #fff;
    border-radius: 10px;
    padding: 16px 10px;
}


.orderNav ul li {
    padding: 18px 25px;
    background: #f6fafd;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 8px;
}

.orderNav ul li a {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
}

.orderNav ul li a img {
    width: 16px;
    margin-right: 15px;
}

.orderNav ul li svg {
    width: 14px;
    height: 14px;
    transform: rotate(-90deg);
    transition: all .48s;
}

.orderNav_zk {
    padding: 10px 0;
    display: none;
}

.orderNav_zk a {
    display: block;
    font-size: 16px;
    color: #666;
    padding: 12px 55px;
}

.orderNav_zk a.on {
    color: #4fb186;
}

.orderNav_li.on li svg {
    transform: rotate(0);
}

.orderNav_li.on .orderNav_zk {
    display: block;
}


.orderNav_bot {
    margin: 20px 0 10px;
    padding-top: 20px;
    text-align: center;
    position: relative;
}

.orderNav_bot::after {
    content: '';
    width: 60%;
    height: 1px;
    border-top: 1px solid #eee;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    opacity: 0.6;
}

.orderNav_bot img {
    width: 140px;
    margin-bottom: 10px;
}

.orderNav_bot i {
    display: block;
    font-size: 12px;
    color: #666;
}

.orderNav_bot a {
    display: block;
    font-size: 18px;
    font-weight: 500;
}

/* == */

.orderXq {
    width: calc(100% - 320px);
}

.orderTit {
    display: flex;
    align-items: center;
    color: #999;
    margin-bottom: 15px;
}

.orderTit a {
    color: #999;
}

.orderTit a.on {
    color: #333;
}

.orderItem {
    padding: 20px 30px;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 20px;
}

.orderTit {
    display: flex;
    align-items: center;
}

.orderItem h6 {
    width: 100px;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

.orderItem dl {
    display: inline-flex;
    align-items: center;
    background: #f6fafd;
    border-radius: 8px;
}

.orderItem dl dd {
    display: block;
    padding: 4px 20px;
    font-size: 14px;
    border-radius: 4px;
    color: #8393ac;
    cursor: pointer;
}

.orderItem dl dd.on {
    background: #51b288;
    color: #fff;
}
.orderItem dl a {
    display: block;
    padding: 4px 20px;
    font-size: 14px;
    border-radius: 4px;
    color: #8393ac;
    cursor: pointer;
}

.orderItem dl a.on {
    background: #51b288;
    color: #fff;
}

.orderForm {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.orderIpt {
    width: calc(33.33% - 28px);
    margin-right: 40px;
    margin-bottom: 15px;

    display: flex;
    align-items: center;
}

@media(max-width:1280px) {
    .orderIpt {
        width: calc(33.33% - 20px);
        margin-right: 30px;
        margin-bottom: 15px;
    }
}

.orderIpt.w100 {
    width: 100%;
}

.orderIpt:nth-child(3n) {
    margin-right: 0;
}

.orderIpt .iptTime {
    width: 30%;
}

.orderIpt .iptTime:last-child {
    margin-left: 2%;
}

/*  */

.orderBut {
    width: calc(33.33% - 28px);
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
}


.orderBut a img {
    width: 14px;
    margin-right: 10px;
}

.orderBut a.bg1 {
    color: #fff;
    background: #51b288;
    border-color: #51b288;
}

.orderBut a.bg2 {
    color: #fff;
    background: #5b93ff;
    border-color: #5b93ff;
}

/* == */

.orderIpt_flex {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fundIpt {
    width: calc(50% - 40px);
}

.fundIpt.flex {
    display: flex;
    align-items: center;
}

.fundIpt.flex label {
    margin-bottom: 0;
}

.fundIpt.flex dl {
    margin-bottom: 0;
}

.orderBut a.bg2 {
    background: #128cee;
}

/* == */

/* .fundThead span:nth-child(1),
.fundTbody .orderTLi:nth-child(1) {
    flex: 0.5;
}

.fundThead span:nth-child(2),
.fundTbody .orderTLi:nth-child(2) {
    flex: 2;
} */

/* == */

.orderTable {
    padding: 20px 20px;
    border-radius: 10px;
    background: #fff;
}

.orderTable_tit {
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.orderTable_tit span {
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.orderTable_tit span img {
    width: 18px;
    margin-right: 10px;
}

.orderTable_tit p {
    display: flex;
    align-items: center;
}

.orderTable_tit p img {
    width: 14px;
    margin-left: 10px;
    cursor: pointer;
}

.orderThead {
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    background: #fafafa;
    border-radius: 8px;
}

.orderTbody {
    width: 100%;
}

.orderTUl {
    width: 100%;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.orderTUl:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.04);
}




.orderTLi img {
    width: 36px;
    border-radius: 50%;
    margin-right: 10px;
}

.orderTLi>div i {
    color: #999;
    font-size: 14px;
    display: block;
}

.orderTLi b {
    display: inline-block;
    padding: 2px 20px;
    border-radius: 50px;
    background: #f0f4ff;
    color: #5b93ff;
}

.orderTLi.center {
    justify-content: center;
}


.editZk svg {
    width: 18px;
    height: 18px;
}




/* ==========================================================================================home */

.homeItem {
    margin-bottom: 20px;
}

.homeTop {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.homeTop_l {
    width: calc(33.33% - 15px);
    padding: 25px 25px;
    border-radius: 10px;
    background: url(../images/homeTop_l.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.homeTop_l dl {
    display: inline-flex;
    border-radius: 10px;
    background: #f6fafd;
    padding: 5px 10px;
    margin-top: 0px;
}

.homeTop_l dl dd {
    padding: 5px 20px;
    border-radius: 10px;
    color: #9f9eae;
    cursor: pointer;
}

.homeTop_l dl dd.on {
    color: #fff;
    background: #4fb186;
}

.homeTop_l p {
    color: #8292ab;
    display: flex;
    align-items: center;
}

.homeTop_l p img {
    width: 14px;
    margin-right: 10px;
}

.homeTop_l i {
    display: block;
    font-weight: 600;
    color: #4fb186;
    font-size: 26px;
}

/* = */

.homeTop_r {
    width: calc(33.33% - 15px);
    padding: 25px 25px;
    border-radius: 10px;
    background: url(../images/homeTop_r.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.homeTop_r span {
    display: block;
    color: #fff;
    font-size: 14px;
}

.homeTop_r i {
    display: block;
    color: #fff;
    font-size: 26px;
    font-weight: 600;
}

.homeTop_r a {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 8px 0;
    border-radius: 4px;
    font-weight: 500;
}

.homeTop_r a svg {
    width: 14px;
    height: 14px;
    margin-right: 10px;
}


/* = */
.homeBot {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.homeBot_l {
    width: 100%;
    border-radius: 10px;
    background: #fff;
    padding: 35px 30px;
}

.homeBot_r {
    width: calc(33.33% - 15px);
    padding: 20px 25px;
    border-radius: 10px;
    background: #fff;
}

.homeBot_tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.homeBot_tit span {
    font-weight: 500;
    font-size: 18px;
    display: flex;
    align-items: center;
}

.homeBot_tit span img {
    width: 18px;
    margin-right: 10px;
}

.homeBot_tit a {
    padding: 6px 20px;
    border-radius: 8px;
    background: #4fb186;
    color: #fff;
}

.homeEd {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.homeEd p {
    display: flex;
    align-items: center;
    color: #666;
}

.homeEd p i {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #e5eafd;
    margin-right: 10px;
}

.homeEd p i.bg {
    background: #01b586;
}

.homeEd p b {
    font-weight: 600;
    padding-left: 10px;
}

.orderTable_tit a {
    display: inline-flex;
    align-items: center;
    padding: 6px 20px;
    background: #4eb286;
    border-radius: 8px;
    font-size: 16px;
    color: #fff;
}

.orderTable_tit a svg {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}


/* ==========================================================================================lipei */

.banN_lp {
    height: 350px;
}

.lipei {
    transform: translateY(-100px);
    margin-bottom: -100px;
}

.lipeiItem {
    background: #fff;
    border-radius: 40px;
    padding: 60px 80px;
}

.lipeiUl {
    display: flex;
    justify-content: space-between;
}

.lipeiLi {
    width: calc(16.66% - 10px);
    background: #fff;
    border-radius: 8px;
    padding: 40px 30px 80px;
    position: relative;
    border: 1px solid transparent;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.08);
    transition: all .48s;
}

.lipeiLi span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

.lipeiLi p {
    color: #999;
}

.lipeiLi img {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 120px;
    object-fit: contain;
    display: block;
    float: right;
    transition: all .48s;
}

.lipeiLi:hover {
    border-color: #51b288;
}

.lipeiLi:hover img {
    transform: scale(1.1) translate(-10%, -10%);
}


.More.center {
    text-align: center;
}

.lipeiBox .More a {
    min-width: 150px;
    justify-content: center;
    margin: 0 5px;
    position: relative;
    display: inline-flex;
    align-items: center;
}

.lipeiBox .More a svg{
    width: 14px;
    height: 14px;
    margin-left: 10px;
}


.lipeiBox .More a div{
    position: absolute;
    width: 100%;
    display: flex;
    min-width: 150px;
    flex-direction: column;
    flex-wrap: nowrap;
}

/* == */

.lipTable {
    padding: 40px 0;
}

.lipTable_head {
    background: linear-gradient(90deg, rgb(80 178 136) 0%, rgb(107 220 128) 50%);
    display: flex;
}

.lipTable_head span {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 15px 20px;
}

.lipTable_head span:nth-child(1) {
    width: 16%;
    border-right: 1px solid rgb(255 255 255 / 12%);
}

.lipTable_head span:nth-child(2) {
    width: 84%;
    text-align: center;
}

/*  */

.lipTable_body {
    width: 100%;
}

.lipTable_dl {
    display: flex;
    background: #f5f6fe;
    margin-bottom: 2px;
}

.lipTable_dd {
    flex: 1;
    opacity: 0.68;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.lipTable_dd span {
    display: block;
    padding: 10px 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.lipTable_dd span a {
    color: #00b686;
}

.lipTable_tit {
    width: 16%;
    flex: none;
    background: #f6f8fa;
    opacity: 1;
}

.lipTable_tit span {
    text-align: left;
    font-weight: 500;
    font-size: 16px;
}

.lipTable_dd:nth-child(2) {
    background: #e2e8ec;
}

.lipTable_dd:nth-child(3) {
    background: #f0f4ec;
}

.lipTable_dd:nth-child(4) {
    background: #e5f2f3;
}

.lipTable_dd:nth-child(5) {
    background: #f9e9ea;
}

.lipTable_dd:nth-child(6) {
    background: #f5e9df;
}

/* == */

.lipPhone {
    margin-bottom: 60px;
}

.lipPhoneBox {
    width: 100%;
}

.lipPhoneBox .swiper-container {
    padding: 10px;
}

.lipPhone_li {
    padding: 30px 32px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid transparent;
    /* box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.08); */
    transition: all .48s;
}

.lipPhone_tit {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    transition: all .48s;
}

.lipPhone_tit img {
    width: 45px;
    margin-right: 20px;
}

.lipPhone_tit span {
    font-size: 20px;
    font-weight: 500;
}

.lipPhone_li p {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-bottom: 5px;
    transition: all .48s;
}

.lipPhone_li p a {
    font-size: 14px;
    padding-left: 10px;
}

.lipPhone_li:hover {
    border-color: #51b288;
}

.lipPhone_li:hover .lipPhone_tit {
    transform: translateY(5px);
}

.lipPhone_li:hover p {
    transform: translateY(-5px);
}

/* == */



/* ==========================================================================================log */

.Login {
    width: 600px;
    border: 2px solid #fff;
    position: absolute;
    top: 50%;
    right: 8%;
    z-index: 2;
    transform: translateY(-50%);

    background: #f3f7fb;
    border-radius: 10px;
}

.logZuce {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.logZuce .logItp {
    width: calc(50% - 5px);
}

.logZuce .logItp.w100 {
    width: 100%;
}

.Login .logItp {
    margin-bottom: 10px;
}

.loginBot {
    padding: 18px 0 32px;
}

.lopBot a {
    display: none;
}

.lopBot a:first-child {
    display: block;
}

.loginTop {
    border-bottom: 1px solid #e2e2e2;
}

.loginTop dd {
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    color: #666;
    font-weight: 500;
    margin: 0 45px;
    padding: 20px 0;
    position: relative;
    cursor: pointer;
}

.loginTop dd::after {
    content: '';
    width: 0;
    height: 2px;
    border-radius: 2px 2px 0 0;
    background: #42a565;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all .48s;
}

.loginTop dd img {
    width: 28px;
    margin-right: 10px;
}

.loginTop dd .img2 {
    display: none;
}

.loginTop dd.on {
    color: #42a565;
}

.loginTop dd.on .img2 {
    display: block;
}

.loginTop dd.on .img1 {
    display: none;
}

.loginTop dd.on::after {
    width: 34px;
}

/*  */
.logItp {
    position: relative;
}

.logItp i {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
}

.logItp i svg {
    width: 100%;
    height: 100%;
}

.logItp i .i2 {
    display: none;
}

.logItp i.on .i2 {
    display: block;
}

.logItp i.on .i1 {
    display: none;
}


/* == */

.logIpt_yzm {
    width: calc(50% - 5px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.logIpt_yzm input {
    width: calc(100% - 100px);
    padding: 8px 20px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e2e2e2;
}

.logIpt_yzm input::placeholder {
    color: #999;
}

.logIpt_yzm a {
    width: 90px;
    padding: 9px 0;
    font-size: 12px;
    color: #fff;
    background: #5cc484;
    border-radius: 8px;
    text-align: center;
}

/* == */

.logCz {
    background: #fff;
    background-repeat: no-repeat;
}

.logCzBox {
    padding: 52px 0;
}

.logCz {
    display: none;
}

.logCz_top {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 55px;
    border-bottom: 1px solid #e2e2e2;
}

.logCz_top span {
    font-size: 20px;
    color: #42a565;
    font-weight: 500;
}

.logCz_top span img {
    width: 30px;
    margin-right: 10px;
}

.logCz_top svg {
    width: 25px;
    height: 25px;
}

.logCz_xq {
    padding: 35px 55px 60px;
}

.logCz_yzm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.logCz_yzm .logItp {
    width: calc(100% - 120px);
    margin-bottom: 0;
}

.logCz_yzm a {
    width: 110px;
    padding: 11px 0;
    color: #fff;
    background: #5cc484;
    border-radius: 8px;
    text-align: center;
}

.logCz_xq .lopBut {
    margin-top: 50px;
}


/* == 鐧诲綍鍚庡脊绐  */

.sheTc {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    display: none;
}

.tbClose {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.sheTcBox {
    width: 30%;
    border-radius: 8px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.copyTit {
    padding: 20px 40px 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.copyTit svg {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.copyTit span {
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.copyTit span  a{
    display: inline-block;
    padding: 8px 15px;
    background: #fa6c5b;
    border-radius: 4px;
    color: #fff;
    margin-left: 20px;
    position: relative;
}

.ywt_zk{
    display: none;
    width: 520px;
    padding: 20px;
    background: #fdddd9;
    border-radius: 8px;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(105%);
    z-index: 6;
}

.ywt_zk p{
    color: #fa6c5b;
    font-size: 18px;
    margin-bottom: 10px;
}
.ywt_zk p span{
    color: #fa6c5b;
    font-weight: 600;
    display: inline-flex;
    font-size: 18px;
}

.sheTcText {
    padding: 30px 40px;
}

.sheTcText p {
    width: 100%;
    color: #666;
    font-size: 16px;
    margin-bottom: 10px;
}

.sheTcText img {
    display: block;
    width: 120px;
    margin: 0 auto;
}

.sheTcText .More {
    position: relative;
}


/* ==========================================================================================my */

.rechTit {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #eee;
}

.rechTit span {
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.rechTit span img {
    width: 18px;
    margin-right: 10px;
}

.rechText {
    padding-left: 100px;
}

.myItem {
    margin-bottom: 20px;
}

.myIpt {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.myIpt label {
    width: 100px;
    text-align: right;
    margin-right: 10px;
    font-size: 16px;
    color: #666;
}

.myIpt p {
    color: #666;
    font-size: 16px;
}

.myText.flex {
    display: flex;
    flex-wrap: wrap;
}

.myIpt {
    width: calc(48% - 80px);
    margin-right: 80px;
}

.myIpt label {
    width: 110px;
    font-size: 16px;
    padding-right: 10px;
    margin-right: 2px;
    text-align: right;
}

.myIpt label i {
    color: #e71919;
    padding: 0 5px 0 0;
}

.myIpt select,
.myIpt input {
    flex: 1;
    border: 1px solid #ececec;
    border-radius: 4px;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    font-size: 14px;
    color: #666;
    position: relative;
}

.myIpt input::placeholder {
    color: #b1b1b1;
}


.myItem .More {
    margin-top: 20px;
    margin-left: 110px;
}

.myItem .More a {
    padding: 8px 28px;
    letter-spacing: 4px;
}

/* == */

/* ==========================================================================================order */

.order {
    margin-top: 120px;
}

.orderBox {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.orderNav {
    width: 200px;
    background: #fff;
    border-radius: 10px;
    padding: 16px 10px;
}


.orderNav ul li {
    padding: 18px 25px;
    background: #f6fafd;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 8px;
}

.orderNav ul li a {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
}

.orderNav ul li a img {
    width: 16px;
    margin-right: 15px;
}

.orderNav ul li svg {
    width: 14px;
    height: 14px;
    transform: rotate(-90deg);
    transition: all .48s;
}

.orderNav_zk {
    padding: 10px 0;
    display: none;
}

.orderNav_zk a {
    display: block;
    font-size: 16px;
    color: #666;
    padding: 12px 55px;
}

.orderNav_zk a.on {
    color: #4fb186;
}

.orderNav_li.on li svg {
    transform: rotate(0);
}

.orderNav_li.on .orderNav_zk {
    display: block;
}


.orderNav_bot {
    margin: 20px 0 10px;
    padding-top: 20px;
    text-align: center;
    position: relative;
}

.orderNav_bot::after {
    content: '';
    width: 60%;
    height: 1px;
    border-top: 1px solid #eee;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    opacity: 0.6;
}

.orderNav_bot img {
    width: 140px;
    margin-bottom: 10px;
}

.orderNav_bot i {
    display: block;
    font-size: 12px;
    color: #666;
}

.orderNav_bot a {
    display: block;
    font-size: 18px;
    font-weight: 500;
}

/* == */

.orderXq {
    width: calc(100% - 220px);
}

.orderTit {
    display: flex;
    align-items: center;
    color: #999;
    margin-bottom: 15px;
}

.orderTit a {
    color: #999;
}

.orderTit a.on {
    color: #333;
}

.orderItem {
    padding: 20px 30px;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 20px;
}

.orderTit {
    display: flex;
    align-items: center;
}

.orderItem h6 {
    width: 100px;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

.orderForm {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}


.orderIpt:nth-child(3n) {
    margin-right: 0;
}

.orderIpt label {
    width: 120px;
    padding-right: 10px;
    display: block;
    font-size: 16px;
    text-align: right;
}

.orderIpt input,
.orderIpt select {
    flex: auto;
    width: calc(100% - 120px);
    border-radius: 8px;
    border: 1px solid #f0f4f7;
    padding: 0 12px;
    height: 36px;
    line-height: 36px;
}

.orderIpt select {
    color: #b1b1b1;
}

.orderIpt input::placeholder {
    font-size: 14px;
    color: #b1b1b1;
}

.orderIpt .iptTime {
    width: 30%;
}

.orderIpt .iptTime:last-child {
    margin-left: 2%;
}

/*  */

.orderBut {
    width: calc(33.33% - 28px);
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
}

.orderBut a {
    display: inline-flex;
    align-items: center;
    padding: 5px 16px;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    color: #dcdfe6;
    margin-left: 10px;
}

.orderBut a img {
    width: 14px;
    margin-right: 10px;
}

.orderBut a.bg1 {
    color: #fff;
    background: #51b288;
    border-color: #51b288;
}

.orderBut a.bg2 {
    color: #fff;
    background: #5b93ff;
    border-color: #5b93ff;
}

/* == */

.orderTable {
    padding: 20px 20px;
    border-radius: 10px;
    background: #fff;
}

.orderTable_tit {
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.orderTable_tit span {
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.orderTable_tit span img {
    width: 18px;
    margin-right: 10px;
}


.orderTable_tit p {
    display: flex;
    align-items: center;
}

.orderTable_tit p img {
    width: 14px;
    margin-left: 10px;
    cursor: pointer;
}

.orderThead {
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    background: #fafafa;
    border-radius: 8px;
}

.orderThead span {
    flex: 1;
    font-size: 16px;
    color: #666;
    font-weight: 500;
    padding: 10px 10px;
}

.orderThead span.center {
    text-align: center;
}

/*  */

.orderTbody {
    width: 100%;
}

.orderTUl {
    width: 100%;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f7f6f6;
}

.orderTUl:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.04);
}


/*.orderTableBox .orderThead span:nth-child(1),*/
/*.orderTableBox .orderTLi:nth-child(1) {*/
/*    flex: 1.5;*/
/*}*/

/*.orderTableBox .orderThead span:nth-child(3),*/
/*.orderTableBox .orderTLi:nth-child(3) {*/
/*    flex: 2;*/
/*}*/

/*.orderTableBox .orderThead span:nth-child(4),*/
/*.orderTableBox .orderTLi:nth-child(4) {*/
/*    flex: 0.8;*/
/*}*/

/*.orderTableBox .orderThead span:nth-child(5),*/
/*.orderTableBox .orderTLi:nth-child(5) {*/
/*    flex: 0.8;*/
/*}*/

/*.orderTableBox .orderThead span:nth-child(6),*/
/*.orderTableBox .orderTLi:nth-child(6) {*/
/*    flex: 1.5;*/
/*}*/
.orderDThead{
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    background: #fafafa;
    border-radius: 8px;

    position: sticky;
    top: 130px;
}

.order_15{
    flex: 1.5 !important;
}
.orderDThead span{
    font-size: 16px;
    color: #666;
    font-weight: 500;
    padding: 10px 5px;
    text-align: center;
    flex: 1;
}
.orderDThead span.center{
    text-align: center;
}
.orderDTLi.center{
    justify-content: center;
}
.orderTLi img,.orderDTLi img {
    width: 36px;
    border-radius: 50%;
    margin-right: 10px;
}

.orderTLi>div span,
.orderDTLi>div span,
.orderTLi>div span a,
.orderDTLi>div span a{
    font-size: 16px;
}

.orderDTLi>div  i{
    display: block;
}

.orderTLi p,.orderDTLi p {
    font-size: 16px;
    word-break: break-all;
}

.orderTLi b,.orderDTLi b {
    display: inline-block;
    padding: 2px 12px;
    font-size: 16px;
    border-radius: 50px;
    background: #f0f4ff;
    color: #5b93ff;
    cursor: pointer;
}
.orderDTLi b:hover div{
    display: block;
}
.orderTLi.center,.orderDTLi.ceter {
    justify-content: center;
}

.orderThead span:last-child {
    flex: 1.6;
}

.orderTLi:last-child {
    flex: 1.6;
    justify-content: center;
    position: relative;
}

.edit_Zk {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.edit_Zk a {
    display: flex;
    align-items: center;
    color: #5b94ff;
    /* padding: 5px 10px; */
    border-radius: 4px;
    font-size: 16px;
    /* background: #f7faff; */
    margin: 4px 8px;
}

.edit_Zk .orderDown{
    position: relative;
    z-index: 2;
}

.orderWsc{
    display: none;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-120%);
    padding: 5px 10px;
    border-radius: 4px;
    background: #3f3f3f;
}

.orderWsc::after{
    content: '';
    width: 8px;
    height: 8px;
    background: #3f3f3f;
    transform: rotate(45deg) translate(-10%, 75%);
    position: absolute;
    left: 50%;
    bottom: 0;
}

.orderWsc span{
    white-space: nowrap;
    color: #fff;
    font-size: 12px !important;
}


.edit_Zk a.bg {
    background: #fef4f5;
    color: #e71d35;
}

.edit_Zk a img {
    width: 14px;
    margin-right: 6px;
}

/* ==========================================================================================order_xq */

.rechTit {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #eee;
}

.rechTit span {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
}

.rechTit span img {
    width: 18px;
    margin-right: 10px;
}

.orderItem {
    margin-bottom: 20px;
}

/* == */

.touBXx_table {
    width: 100%;
    margin-bottom: 20px;
}

.touBXx_table table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ececec;
}

.touBXx_table thead tr {
    background: #e1edfa;
    padding: 0;
}

.touBXx_table thead th {
    padding: 10px 12px;
    border-right: 1px solid #dfdfdf;
}

.touBXx_table tbody td {
    padding: 10px 12px;
    border-right: 1px solid #dfdfdf;
    border-top: 1px solid #ececec;
    position: relative;
}

.touBXx_table tbody td input,
.touBXx_table tbody td select {
    width: 100%;
    /* min-width: 140px; */
    padding: 6px 12px;
    border: 1px solid #ececec;
    border-radius: 4px;
}

.touBXx_table tbody .minW input{
    min-width: 220px;
}

.touBXx_table tbody td a {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.touBXx_table tbody td a svg {
    width: 100%;
    height: 100%;
}

.touBXx_table tbody td a svg path {
    fill: #333;
}


/* ==========================================================================================payment */

.payment {
    margin-top: 130px;
}

.payItem {
    border-radius: 8px;
    background: #fff;
    padding: 30px 40px;
    margin-bottom: 20px;
}

.payTit {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.payTit span {
    font-size: 20px;
    font-weight: 500;
}

.payTit p {
    font-size: 18px;
    font-weight: 500;
}

.payTit p i {
    font-size: 18px;
    font-weight: 500;
    color: #e71919;
}

.payOrder {
    border: 1px solid #ececec;
}

.payOrder_head {
    background: #e1edfa;
    display: flex;
}

.payOrder_head span {
    flex: 1;
    display: block;
    padding: 10px 12px;
    border-right: 1px solid #dfdfdf;
}

.payOrder_body {
    display: flex;
}

.payOrder_body span {
    flex: 1;
    display: block;
    padding: 10px 12px;
    border-right: 1px solid #dfdfdf;
}

.payOrder_body span i {
    color: #e71919;
}

.payYe {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.payYe h5 {
    font-size: 20px;
    font-weight: 500;
    min-width: 125px;
}

.payIpt {
    width: 80%;
    display: flex;
    align-items: center;
}

.payIpt i {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid #ececec;
    cursor: pointer;
    margin-right: 10px;
    position: relative;
}

.payIpt i svg {
    width: 16px;
    height: 16px;
}

.payIpt i svg path {
    fill: #fff;
}
/*.payIpt i::after{*/
/*    content: '';*/
/*    width: 30%;*/
/*    height: 30%;*/
/*    background: #fff;*/
/*    border-radius: 50%;*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    opacity: 0;*/
/*}*/
/*.payIpt i.on::after {*/
/*    opacity: 1;*/
/*}*/
.payIpt i.on {
    border-color: #51b288;
    background: #51b288;
}

.payIpt i.on svg {
    opacity: 1;
}

.payIpt p {
    color: #666;
}

.payIpt input {
    width: 200px;
    padding: 8px 20px;
    border-bottom: 1px solid #eee;
}

.payJge span {
    font-size: 18px;
    font-weight: 500;
}

.payJge span i {
    color: #e71919;
    font-size: 18px;
    font-weight: 500;
}

/*  */

.payZf {
    display: flex;
    margin-top: 20px;
}

.payZf_li {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px;
    border-radius: 8px;
    background: #f5f6f7;
    border: 1px solid #eee;
    cursor: pointer;
    margin-right: 10px;
}

.payZf_li span {
    min-width: 240px;
    font-size: 26px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
}

.payZf_li span i {
    width: 18px;
    height: 18px;
    padding: 0;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: pointer;
    margin-right: 15px;
    position: relative;
}

.payZf_li span i::after {
    content: '';
    width: 30%;
    height: 30%;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.payZf_li.on {
    background: #ecf4fc;
}

.payZf_li.on span i {
    background: #51b288;
}

.payZf_li.on span i::after {
    opacity: 1;
}

.payZf_li img {
    width: 32px;
}

.payBox .More {
    margin-top: 10px;
    text-align: right;
}

.payBox .More a {
    background: #e71919;
    padding: 10px 30px;
    font-size: 16px;
}

/* ==========================================================================================recharge */

.rechTit {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #eee;
}

.rechTit span {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
}

.rechTit span img {
    width: 18px;
    margin-right: 10px;
}

.rechText {
    padding-left: 100px;
}

.rechLi {
    display: flex;
    margin-bottom: 15px;
}

.rechLi span {
    display: block;
    font-size: 16px;
    margin-right: 10px;
}

.rechLi i {
    color: #e71919;
    font-size: 16px;
}

.rechLi>div {
    width: 62%;
}

.rechLi>div dd {
    display: inline-block;
    padding: 6px 20px;
    border: 1px solid #eee;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.rechLi>div dd img {
    width: 10px;
    position: absolute;
    right: 0;
    bottom: 1px;
    z-index: 2;
}

.rechLi>div dd::after {
    content: '';
    width: 30px;
    height: 30px;
    background: #42a565;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(50%, 50%) rotate(45deg);
    opacity: 0;
}

.rechLi>div dd.on {
    color: #42a565;
    border-color: #42a565;
}

.rechLi>div dd.on::after {
    opacity: 1;
}

.rechIpt {
    padding-right: 20px;
    display: inline-flex;
    align-items: center;
    border: 1px solid #eee;
}

.rechLi>div .rechIpt dd {
    margin-bottom: 0;
    border: none;
    border-right: 1px solid #eee;
    overflow: hidden;
}

.rechIpt input {
    width: 100px;
    margin-right: 10px;
}

/*  */
.rechLi .payZf {
    margin-top: 0;
}

.rechLi .payZf_li {
    padding: 10px 20px;
}

.rechLi .payZf_li span {
    min-width: 160px;
    font-size: 16px;
}

.payZf {
    display: flex;
    margin-top: 20px;
}

.payZf_li {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px;
    border-radius: 8px;
    background: #f5f6f7;
    border: 1px solid #eee;
    cursor: pointer;
    margin-right: 10px;
}

.payZf_li span {
    min-width: 240px;
    font-size: 26px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
}

.payZf_li span i {
    width: 18px;
    height: 18px;
    padding: 0;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: pointer;
    margin-right: 15px;
    position: relative;
}

.payZf_li span i::after {
    content: '';
    width: 30%;
    height: 30%;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.payZf_li.on {
    background: #ecf4fc;
}

.payZf_li.on span i {
    background: #51b288;
}

.payZf_li.on span i::after {
    opacity: 1;
}

.payZf_li img {
    width: 32px;
}

.rechText .More {
    padding-left: 80px;
    margin-top: 30px;
}

.rechText .More a {
    padding: 8px 25px;
}

.orderItem {
    margin-bottom: 20px;
}

.rechTit.flex {
    display: flex;
    align-items: center;
}

.rechTit p {
    margin-left: 20px;
    color: #999;
}

/* == */

.orderTable {
    padding: 20px 20px;
    border-radius: 10px;
    background: #fff;
}

.orderTable_tit {
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.orderTable_tit span {
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.orderTable_tit span img {
    width: 18px;
    margin-right: 10px;
}

.orderTable_tit p {
    display: flex;
    align-items: center;
}

.orderTable_tit p img {
    width: 14px;
    margin-left: 10px;
    cursor: pointer;
}


.orderThead span.center {
    text-align: center;
}


/*  */

/*.rechThead span:nth-child(1),*/
/*.rechTbody .orderTLi:nth-child(1) {*/
/*    flex: 0.5;*/
/*}*/


.rechThead span:last-child {
    flex: 1;
}

.rechTbody .orderTLi:last-child {
    flex: 1;
    justify-content: flex-start;
}

/*  */

/* ==========================================================================================safe */

.rechTit {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #eee;
}

.rechTit span {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
}

.rechTit span img {
    width: 18px;
    margin-right: 10px;
}

.rechText {
    padding-left: 100px;
}

.myItem {
    margin-bottom: 20px;
}

.myIpt {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.myIpt label {
    width: 100px;
    text-align: right;
    margin-right: 10px;
    font-size: 16px;
    color: #666;
}

.myIpt p {
    color: #666;
    font-size: 16px;
}

.myText.flex {
    display: flex;
    flex-wrap: wrap;
}

.myIpt {
    width: calc(48% - 80px);
    margin-right: 80px;
}

.myIpt label {
    width: 110px;
    font-size: 16px;
    padding-right: 10px;
    margin-right: 2px;
    text-align: right;
}

.myIpt label i {
    color: #e71919;
    padding: 0 5px 0 0;
}

.myIpt select,
.myIpt input {
    flex: 1;
    border: 1px solid #ececec;
    border-radius: 4px;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    font-size: 14px;
    color: #666;
    position: relative;
}

.myIpt input::placeholder {
    color: #999;
}


.myItem .More {
    margin-top: 20px;
    margin-left: 110px;
}

.myItem .More a {
    padding: 8px 28px;
    letter-spacing: 4px;
}


/* == */

.safe_p {
    padding: 10px 20px;
    border: 1px solid #f5e19f;
    background: #fff7dc;
    border-radius: 4px;
    margin-bottom: 10px;
}

.safe_p p {
    color: #999;
}

.safe_p p a {
    color: #ff6732;
}

.safe_li {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.safe_div {
    display: flex;
    align-items: center;
}

.safe_div img {
    width: 26px;
    margin-right: 20px;
}

.safe_div span {
    font-size: 16px;
    display: block;
    margin-right: 30px;
}

.safe_div p {
    font-size: 14px;
    color: #999;
}



.safe_a a {
    padding: 0 10px;
    color: #00a5f0;
    position: relative;
}

/*.safe_a a:first-child::after {*/
/*    content: '';*/
/*    width: 1px;*/
/*    height: 12px;*/
/*    background: #00a5f0;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*}*/

.safeText {
    margin-bottom: 20px;
}

/* == */

/* ==========================================================================================safe_edit */

.rechTit {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #eee;
}

.rechTit span {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
}

.rechTit span img {
    width: 18px;
    margin-right: 10px;
}

.rechText {
    padding-left: 100px;
}

.myItem {
    margin-bottom: 20px;
}

.myIpt {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.myIpt label {
    width: 100px;
    text-align: right;
    margin-right: 10px;
    font-size: 16px;
    color: #666;
}

.myIpt p {
    color: #666;
    font-size: 16px;
}

.myText.flex {
    display: flex;
    flex-wrap: wrap;
}

.myIpt {
    width: calc(48% - 80px);
    margin-right: 80px;
}
.myIpt.w100{
    width: calc(96% - 82px);
    margin-right: 0;
}

.myIpt label {
    width: 110px;
    font-size: 16px;
    padding-right: 10px;
    margin-right: 2px;
    text-align: right;
}

.myIpt label i {
    color: #e71919;
    padding: 0 5px 0 0;
}

.myIpt select,
.myIpt input {
    flex: 1;
    border: 1px solid #ececec;
    border-radius: 4px;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    font-size: 14px;
    color: #666;
    position: relative;
}

.myIpt input::placeholder {
    color: #999;
}


.myItem .More {
    margin-top: 20px;
    margin-left: 110px;
}

.myItem .More a {
    padding: 8px 28px;
    letter-spacing: 4px;
}

/* == */

.safeIpt {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.safeIpt label {
    width: 140px;
    margin-right: 10px;
    font-size: 16px;
    text-align: right;
}

.safeIpt label i {
    color: #e71919;
}

.safeIpt input {
    width: 40%;
    border-radius: 8px;
    border: 1px solid #f0f4f7;
    padding: 0 12px;
    height: 36px;
    line-height: 36px;
    margin-right: 20px;
}

.safeIpt p {
    font-size: 14px;
    color: #999;
}

.safeText .More {
    margin: 30px 0 30px 150px;
}

.safeText .More a {
    padding: 8px 30px;
}


/* ==========================================================================================son */
.rechTit {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #eee;
}

.rechTit span {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
}

.rechTit span img {
    width: 18px;
    margin-right: 10px;
}

.sonFlex {
    width: 100%;
    display: flex;
    align-items: center;
}

.sonIpt {
    width: calc(50% - 40px);
    margin-right: 40px;
    display: flex;
    align-items: center;
}

.sonBut {
    width: calc(50% - 40px);
}

.sonBut .bg2 {
    background: #5b93ff;
}

.sonTLi a {
    border-radius: 4px;
    padding: 2px 8px;
    color: #fff;
    background: #4fb186;
    margin: 0 4px;
}

.sonTLi a.bg {
    background: #e71919;
}

/* == */

.orderTable {
    padding: 20px 20px;
    border-radius: 10px;
    background: #fff;
}

.orderTable_tit {
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.orderTable_tit span {
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.orderTable_tit span img {
    width: 18px;
    margin-right: 10px;
}

.orderTable_tit p {
    display: flex;
    align-items: center;
}
.orderTable_tit p a{
    background: none;
    color: #333;
}

.orderTable_tit p img {
    width: 14px;
    margin-left: 10px;
    cursor: pointer;
}


.orderThead span.center {
    text-align: center;
}

/*  */


.orderTLi {
    padding: 20px 10px;
    display: flex;
    align-items: center;
    flex: 1;
}
.orderDTLi {
    flex: 1;
    padding: 10px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.orderTLi img {
    width: 36px;
    border-radius: 50%;
    margin-right: 10px;
}


/* == */

/* ==========================================================================================son_add */

.rechTit {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #eee;
}

.rechTit span {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
}

.rechTit span img {
    width: 18px;
    margin-right: 10px;
}

.sonFlex {
    width: 100%;
    display: flex;
    align-items: center;
}

.sonBut {
    width: calc(50% - 40px);
}

.sonBut .bg2 {
    background: #5b93ff;
}

.sonTLi a {
    border-radius: 4px;
    padding: 2px 8px;
    color: #fff;
    background: #4fb186;
    margin: 0 4px;
}

.sonTLi a.bg {
    background: #e71919;
}

.sonIpt.w100 {
    width: 55%;
    display: flex;
    align-items: center;
    margin-right: 0;
}

.sonIpt label {
    width: 100px;
    margin-right: 10px;
    text-align: right;
    margin-bottom: 0;
}

.sonIpt label i {
    color: #e71919;
    padding: 0 5px 0 0;
}

.sonP {
    width: 100%;
    margin-top: 50px;
}

.sonP p {
    color: #999;
    line-height: 2;
}

/* ==========================================================================================tb */

.touB {
    background: #f4f6fd;
    margin-top: 130px;
    padding: 30px 0 80px;
}

.innerN {
    max-width: 1600px;
    margin: 0 auto;
}

.touBox {
    background: #fff;
    /* background-image: url(./images/touB_bg.png); */
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    padding: 30px 40px;
    margin-bottom: 20px;
}

.touBTit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #ececec;
}

.touBTit img {
    height: 40px;
}

.touBTit p {
    display: flex;
    align-items: flex-end;
}

.touBTit p span {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}

.touBTit p a {
    display: inline-block;
    padding: 4px 12px;
    background: #51b288;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    margin-left: 8px;
}

.touBTit p a.bg1 {
    background: #ffc233;
}

.touBTit p a.bg2 {
    background: #8ec165;
}

.touBTit p a.bg3 {
    background: #fa6c5b;
}

.touBTit p a.bg4 {
    background: #128cee;
}

.touBTit p a:hover {
    font-weight: 500;
}

.touBFrom {
    display: flex;
    flex-wrap: wrap;
}

.touBIpt {
    width: calc(48% - 80px);
    height: 36px;
    margin-right: 80px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    position: relative;
}

.touBIpt .down {
    width: 16px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.touBIpt label {
    width: 120px;
    font-size: 18px;
    padding-right: 10px;
    margin-right: 2px;
    /* text-align: right; */
    padding-left: 16px;
}

.touBIpt label i {
    color: #e71919;
    padding: 0 5px 0 0;

    position: absolute;
    left: 0;
}

.touBIpt select,
.touBIpt input {
    width: 80%;
    flex: 1;
    border: 1px solid #ececec;
    border-radius: 4px;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    font-size: 16px;
    color: #666;
    position: relative;
}

.touBIpt::after {
    content: '';
    width: 16px;
    height: 90%;
    background: #fff;
    position: absolute;
    right: 3px;
    top: 5%;
}

.touBIpt i {
    font-size: 16px;
    font-weight: 500;
}

.touBIpt span,
.touBIpt b,
.touBIpt p {
    font-size: 16px;
}

.touBIpt b small {
    color: #e71919;
    font-weight: 500;
}
.touBIpt b small i{
    color: #e71919;
    font-weight: 500;
}

.touBIpt dl {
    display: flex;
    align-items: center;
    margin-right: 40px;
    cursor: pointer;
}

.touBIpt dl input {
    width: 16px;
    height: 16px;
    padding: 0;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    margin-right: 4px;
    position: relative;
}

.touBIpt dl input::after {
    content: '';
    width: 70%;
    height: 70%;
    background: #51b288;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.touBIpt dl.on input {
    border-color: #51b288;
}

.touBIpt dl.on input::after {
    opacity: 1;
}

/* == */

.copyTc {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    display: none;
}

.copyClose {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.copyTcBox {
    width: 60%;
    border-radius: 8px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.copyTit {
    padding: 20px 40px 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.copyTit svg {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.copyTit span {
    font-size: 20px;
    font-weight: 500;
}

.copyXq {
    padding: 30px 40px;
}

.copyTop{
    display: flex;
    margin-bottom: 20px;
}

.copyTop span{
    display: block;
    width: 100px;
    font-weight: 500;
    font-size: 18px;
}

.copyTop p{
    width: calc(100% - 100px);
    font-size: 18px;
}

.copyText {
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 20px;
}


.copyText form{
    position: relative;
}

.copyText form textarea{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 40px;
    background: #fff;
}

.copyText form textarea.on{
    z-index: 3;
}

.copy_ts{
    position: relative;
    z-index: 2;
}

.copyText.on .copy_ts{
    opacity: 0;
    z-index: -1;
}

.copyText span {
    display: block;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 10px;
}

.copy_div {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.copy_div b {
    width: 85px;
    padding-right: 20px;
    color: #999;
    text-align: right;
}

.copy_div .copy_p {
    flex: 1;
}

.copy_div p {
    width: 100%;
    color: #999;
    margin-bottom: 4px;
}

.copyBut {
    margin-top: 30px;
    text-align: center;
}

.copyBut a {
    display: inline-block;
    padding: 8px 40px;
    border-radius: 4px;
    background: #51b288;
    color: #fff;
}


/* == */

.tbTc {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    display: none;
}

.tbClose {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.tbTcBox {
    width: 50%;
    border-radius: 8px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.tbText {
    padding: 20px 40px;
}

.tbText p {
    width: 100%;
    color: #666;
    font-size: 16px;
    margin-bottom: 4px;
}

.tbText_dl {
    display: flex;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

.tbText_dl dd {
    padding: 8px 20px;
    color: #666;
    font-size: 16px;
    font-weight: 300;
    position: relative;
    cursor: pointer;
}

.tbText_dl dd::after {
    content: '';
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -1px;
    opacity: 0;
}

.tbText_dl dd.on {
    border: 1px solid #eee;
    border-bottom: none;
}

.tbText_dl dd.on::after {
    opacity: 1;
}

.tbText_p {
    overflow-y: scroll;
    height: 45vh;
    display: none;
}

.tbText_p:first-child {
    display: block;
}

.tbText .copyBut {
    padding: 40px 0 30px;
    position: relative;
}

.tbText .copyBut a {
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.tbText .copyBut a.on {
    z-index: 2;
    opacity: 1;
    pointer-events: visible;
}