html,body,div,header,nav,head,span,object,iframe,section,figure,aside,article,h1,h2,h3,h4,h5,h6,img,ol,ul,dl,dd,p{margin:0;padding:0;border:0;background:transparent;}
html{
    background-color: #fff;
}
.tncode_div{ touch-action:none; touch-action:pan-y;-ms-touch-action:pan-y;}
body {
    color: #666;
    font-size: 14px;
    margin: 0 auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    font-family: PingFang SC,DFPKingGothicGB-Medium,sans-serif;
    width:100%;
    max-width: 1920px;
    margin: auto;
    position: relative;
}
body::-webkit-scrollbar {display: none;}

a:hover,a:focus,a:active {
    text-decoration:none;
    cursor:pointer;
    outline: 0
}

*,*:before,*:after {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.clear {clear:both;}.clear:after {clear: both;display: table;content: " ";}
article,aside,dialog,footer,header,section,footer,nav,figure,menu {display:block}
h1,h2,h3,h4,h5 {line-height:1.75;font-weight:normal;color:inherit;text-rendering:optimizelegibility;}
h1 {font-size:24px;}h2 {font-size:18px;}h3 {font-size:16px;}h4 {font-size:15px;}h5 {font-size:14px;}
.lf {float:left;}.lr {float:right;}
li {list-style:none;}
a {color:#666;vertical-align:baseline;text-decoration:none;font-size:100%;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}
abbr[title],dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-spacing:0;border-collapse:collapse;}
:focus{outline: 0}
.center{margin:0 auto;max-width: 1366px;}
/*********************/
.container {
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: 90;
    pointer-events: none;
}

.watermark {
    position: absolute;
    font-size: 24px;
    opacity: 0.1;
    pointer-events: none;
}

/*********************/

.heads{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 60;
    width: 100%;
    height: 60px;
    background-color: #fff;
    border-bottom: 1px solid rgb(229,230,235);
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
}

.heads .logo{
    height: 60px;
    display: flex;
    justify-content: start;
    align-items: center;
}

.heads .logo img{
    width: 130px;
    /*height: 25px;*/
    display: block;
}

.heads .login{
    display: flex;
    list-style: none;
    justify-content: end;
    position: relative;
}

.heads .login>a{
    height: 60px;
    /*display: flex; 导致A链接文本 不能居中 */
    justify-content: start;
    align-items: center;
}

.heads .login img{
    border-radius: 100%;
    width: 30px;
    height: 30px;
}

.heads .login>div{
    position: absolute;
    background-color: #fff;
    padding: 10px;
    right: 0px;
    top: 60px;
    width: 280px;
    border: 1px solid #e5e6ec;
    border-radius: 5px;
    display: none;
}

.heads .login>div::before{
    border: 10px solid transparent;
    border-bottom-color: #e5e6ec;
    content: "";
    right: 5px;
    margin-left: -8px;
    position: absolute;
    top: -20px;
    width: 16px;
    height: 16px;
}

.heads .login>div>div{
    padding: 5px 10px;
    margin-top: 10px;
    font-size: 12px;
    background: #e9faf8;
    border-radius: 2px;
    border: 1px solid #cdf0ec;
    position: relative;
}

.heads .login>div>div  a{
    position: absolute;
    font-size: 12px;
    color: #00b278;
    display: inline;
    right: 10px;
    top: 0px;
}

.heads .login>div hr{
    border: none;
    height: 1px;
    background-color: #e5e6ec;
    margin: 10px 0 10px 0;
}

.heads .login>div a{
    display: block;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    user-select: none;
    padding-left: 10px;
}

.heads .login>div a i{
    font-size: 14px;
    margin-right: 10px;
    color: #00b278;
}

.heads .login .loga{
    cursor: pointer;
    width: 75px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background-color: #1975ff;
    color: #fff;
    border-radius: 3px;
    font-family: PingFangSC-Regular;
    margin-top: 15px;
    user-select: none;
    font-size: 12px;
}

.heads .login .laga_is{
    padding-top: 15px;
}

.heads .pcnavbut{
    position: absolute;
    left: 200px;
    top: 20px;
    cursor: pointer;
}

.heads .wapnavbut{
    display: none;
}

.heads .an{
    position: absolute;
    left: 235px;
    top: 19px;
    cursor: pointer;
}

.heads .an i{
    font-size: 18px;
}

.heads .ts{
    position: absolute;
    left: 270px;
    top: 20px;
    cursor: pointer;
}

.heads .ts i{
    font-size: 18px;
    color: #888;
}

.heads .kf2{
    position: absolute;
    left: 305px;
    top: 20px;
    cursor: pointer;
}

.heads .kf2 i{
    font-size: 18px;
    color: #888;
}

.search{
    position: absolute;
    right: 120px;
    top: 13px;
    border: 1px solid #dfdfdf;
    padding: 5px 10px;
    border-radius: 6px;
}

.search input{
    border: 0;
    width: 200px;
    font-size: 12px;
}

.search input::-webkit-input-placeholder{
    color:#ccc;
    opacity: 1;
}
.search input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#ccc;
    opacity: 1;
}
.search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#ccc;
    opacity: 1;
}
.search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#ccc;
    opacity: 1;
}

.search i{
    font-size: 16px;
    color: #888;
    cursor: pointer;
}

.main{
    position: fixed;
    z-index: 50;
    top: 60px;
    left: 0;
    width: 100%;
    height: calc(100vh - 60px);
}

.main-nav{
    width: 170px;
    height: 100%;
    padding: 4px 8px;
    float: left;
    background-color: #fff;
    border-right: 1px solid rgb(229,230,235);
    overflow-x: auto;
}

.main-nav::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.main-nav::-webkit-scrollbar-thumb {
    border: 1px solid transparent;
    background-clip: padding-box;
    border-radius: 7px;
    background-color: rgb(201,205,212);
}

.main-nav::-webkit-scrollbar-thumb:hover {
    background-color: rgb(134,144,156);
}

.main-nav ul{
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.main-nav ul li{
    position: relative;
}

.main-nav ul .act,.pcnav_tip .act{
    color: #2196F3;
}

.main-nav ul li>a{
    line-height: 40px;
    padding: 0 12px;
    position: relative;
    display: block;
    color: #888;
    font-size: 14px;
}

.main-nav ul li>a:hover{
    background-color: rgb(242,243,245);
    transition: all .1s cubic-bezier(0,0,1,1);
    background-color: rgb(33 150 243 / 22%);
    color: #2196F3;
}

.main-nav ul li>a i{
    margin-right: 16px;
}

.main-nav ul li>a .fa-angle-right{
    position: absolute;
    top: 13px;
    right: 12px;
    font-weight: bold;
    font-size: 14px;
    transform: rotate(90deg);
}

.main-nav ul li dl{
    display: none;
    background-color: rgb(245 247 251);
    border-radius: 6px;
    margin: 5px 10px 5px 10px;
    position: relative;
}

.main-nav ul li dl::before{
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    transform: rotate(45deg);
    background-color: #f5f7fb;
    top: -5px;
    left: 5px;
    z-index: 2;
}

.main-nav ul li dl *{
    position: relative;
    z-index: 3;
}

.main-nav ul li dl dd{
    padding-left: 30px;
}

.main-nav ul li dl dd:hover{
    background-color: rgb(33 150 243 / 22%);
    color: #2196F3;
}

.main-nav ul li dl dd a{
    height: 40px;
    line-height: 40px;
    position: relative;
    display: block;
    color: #888;
    font-size: 12px;
    overflow: hidden;
}

.main-nav ul li dl dd a:hover{
    color: #2196F3;
}

.main-nav ul li dl dd a i{
    margin-right: 10px;
}

.pcnav_tip{
    position: fixed;
    left: 70px;
    top: 100px;
    z-index: 9999999999999;
}

.pcnav_tip dl{
    margin: 0;
    padding: 5px 15px;
    border-radius: 6px;
    border: 1px solid #e5e6ec;
    background-color: #fff;
    position: relative;
}

.pcnav_tip dl::before{
    border: 1px solid #fff;
    content: "";
    left: -8px;
    position: absolute;
    top: 10px;
    width: 16px;
    height: 16px;
    border-top: 1px solid #e5e6ec;
    border-left: 1px solid #e5e6ec;
    background-color: #fff;
    transform: rotate(317deg);
}

.pcnav_tip dl dd a{
    line-height: 30px;
    display: inline-block;
    font-size: 12px;
}

.pcnav_tip dl dd a:hover{
    color: #2196F3;
}

.pcnav_tip>span{
    background-color: #000;
    font-size: 12px;
    padding: 4px 10px;
    color: #bbb;
    border-radius: 3px;
}

.pcnav_tip>span::before{
    border: 8px solid transparent;
    border-right-color: #000;
    content: "";
    left: -15px;
    position: absolute;
    top: 2px;
    width: 16px;
    height: 16px;
}

.main-body{
    float: right;
    width:calc(100% - 170px);
    padding: 15px;
    overflow: auto;
    height: 100%;
}

.main-body::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.main-body::-webkit-scrollbar-thumb {
    border: 1px solid transparent;
    background-clip: padding-box;
    border-radius: 7px;
    background-color: rgb(201,205,212);
}

.main-body::-webkit-scrollbar-thumb:hover {
    background-color: rgb(134,144,156);
}

/*********************/

.in_body{
    margin: auto;
    width: 100%;
    max-width: 1360px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    
}

.in_main_bodys{
    overflow: hidden;
    margin: -15px;
    z-index: 99;
    position: relative;
    background-color: #fff;
}

.in_main{
    background: url(img/in_bg.png) no-repeat 50%;
    background-size: cover;
    position: relative;
    margin-bottom: 100px;
}

.in_main_nobg{
    background-color: #fff;
    position: relative;
    margin-bottom: 20px;
}


.in_one{
    padding: 60px 10px;
}

.in_one *{
    position: relative;
    z-index: 99;
}

.in_one img{
    position: absolute;
    right: 0;
    top:0;
    z-index: 98;
}


.in_main > div > div > span > a {
   color: aliceblue; 
}


.in_one h2{
    color: #252525;
    font-size: 46px;
    font-weight: bold;
    line-height: 50px;
    height: 50px;
    margin-bottom: 20px;
}

.in_one h2 span{
    color: #1975ff;
}

.in_one p{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 18px;
    margin-top: 10px;
    color: #444;
}

.in_one div{
    margin-top: 25px;
}

.in_one div>span{
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 162px;
    display: inline-block;
    background-color: #1975ff;
    color: #fff;
    border-radius: 3px;
}

.in_two{
    text-align: center;
    padding: 0px 10px;
}

.in_two h3{
    font-size: 30px;
    font-weight: 500;
    color: #252525;
}

.in_two h3 span{
    color: #1975ff;
    margin-right: 10px;
}

.in_two p{
    color: #888;
    font-family: PingFangSC,PingFangSC-Regular;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-top: 10px;
}

.in_three{
    background-color: #fff;
    padding: 0 0 20px 0;
}

.in_thlf{
    float: left;
    width: 50%;
    display: inline-block;
    padding: 20px 0;
}

.in_thlf ul{
    
}

.in_thlf ul li{
    width: calc(100% / 3);
    float: left;
    padding: 8px;
}

.in_thlf ul li div{
    border-radius: 8px;
    color: #252525;
    cursor: pointer;
    font-family: PingFangSC,PingFangSC-Medium;
    font-size: 16px;
    font-weight: 500;
    height: 89px;
    letter-spacing: 2.7px;
    line-height: 89px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    background: hsla(11,62%,95%,.48);
    position: relative;
    
}

.li_div_a{
    background: hsla(11,62%,95%,.48) !important;
}

.li_div_a:hover{
    box-shadow: 0 2px 12px 0 hsla(16,57%,71%,.39);
}

.li_div_a span{
    background-image: linear-gradient(to right bottom , #ff7767, #ffa07a);
}

.li_div_b{
    background: rgba(205,240,235,.38) !important;
}

.li_div_b:hover{
    box-shadow: 0 2px 12px 0 rgba(85,148,147,.34);
}

.li_div_b span{
    background-image: linear-gradient(to right bottom , #2ec8cb, #3bc6a1);
}

.li_div_c{
    background: rgba(215,235,255,.3) !important;
}

.li_div_c:hover{
    box-shadow: 0 2px 12px 0 rgba(108,150,233,.32)
}

.li_div_c span{
    background-image: linear-gradient(to right bottom , #6278ff, #4990ff);
}

.li_div_d{
    background-color: rgb(192 215 255 / 30%) !important;
}

.li_div_d span{
    background-image: linear-gradient(to right bottom , #125edf, #03A9F4);
}

.li_div_d:hover{
    box-shadow: 0 2px 12px 0 rgba(108,150,233,.32)
}

.in_thlf ul li div span{
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    padding: 0 5px;
    border-radius: 10px 0 10px 0;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.in_thlr{
    float: right;
    width: 50%;
    display: inline-block;
}

.in_thlr_lf{
    width:280px;
    float: left;
    display: inline-block;
    padding: 20px 0;
}

.in_thlr_lf>div{
    width: 100%;
    background-image: linear-gradient(to right top, #a6e7ff, #8977fd);
    color: #fff;
    padding: 150px 10px 0 10px;
    text-align: center;
    border-radius: 6px 0 0 6px;
    border-bottom: 2px solid #fff;
    position: relative;
}

.in_thlr_lf>div p{
    color: #fff;
    font-family: PingFangSC,PingFangSC-Semibold;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.14px;
    line-height: 26px;
    margin-bottom: 20px;
    text-align: center;
}

.in_thlr_lf>div h4{
    font-size: 38px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-bottom: 50px;
}

.in_thlr_lf>div i{
    font-size: 80px;
    position: absolute;
    top: 30px;
    transform: translate(-50%, 0);
    border-radius: 50%;
}

.in_thlr_lr{
    width:calc(100% - 280px);
    float: right;
    display: inline-block;
    height: 100%;
    background-color: #3bc6a1;
    border-radius: 0 6px 6px 0;
    overflow: hidden;
}

.in_thlr_lr h4{
    height: 70px;
    line-height: 70px;
    padding-left: 20px;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    background-image: linear-gradient( to left,#ff947e, #ffb474);
}

.in_thlr_lr ul{
    background-color: #fff6f0;
    padding: 23px 20px;

}

.in_thlr_lr ul li{
    height: 35px;
    line-height: 35px;
    padding: 0 20px 0 30px;
    position: relative;
}

.in_thlr_lr ul li::before{
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    background-color: #c16540;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 15px;
}

.in_thlr_lr ul li span{
    float: right;
    color: #c16540;
    font-family: PingFangSC,PingFangSC-Medium;
    font-size: 12px;
    opacity: .43;
}

.in_foot{
    background-color: #fff;
    padding: 20px 0 20px 0;
    border-top: 1px solid #f5f5f5;
    font-size: 12px;
}

.in_foot span{
    font-style: inherit;
    margin-left: 10px;
}

.in_foot div{
    float: left;
    position: relative;
    display: inline-block;
}

.in_foot div>div{
    position: absolute;
    width: 250px;
    left: 0;
    bottom: 30px;
    background-color: #fff;
    box-shadow: 0 0 1px 0 rgba(0,0,0,.3), 0 4px 14px 0 rgba(0,0,0,.1);
    padding: 10px;
    border-radius: 6px;
    font-size: 12px;
    display: none;
}

.in_foot div span:hover .beian{
    display: block;
}

.in_foot div>div p{
    height: 24px;
    line-height: 24px;
}

.in_foot a{
    float: right;
    margin-left: 10px;
}

/*********************/

.dtitle{
    background-color: #fff;
    padding: 10px 15px;
 
    margin-bottom: 1px;
    border-bottom: 1px solid #e8e8e8;
}

.dtitle h2{
    color: #2196f3;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5715;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dtitle h2 i{
    margin-left: 10px;
    cursor: pointer;
}

.dtitle p{
    margin-top: 15px;
    margin-bottom: 10px;
}

.dtool{
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.dt-l,.dt-r{
    width:calc(50% - 5px);
    background-color: #fff;
    float: left;
    padding: 10px 15px;
    position: relative;
}

.dt-l{
    position: sticky;
    top: 0;
}

.dt-r{
    float: right;
}

.dt-l h4,.dt-r h4{
    color: #2196f3;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5715;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dt-l .d{
    margin-top: 20px;
}

.dt-l .d p{
    color: #999;
    font-size: 12px;
    margin-bottom: 10px;
}

.dt-l .d textarea,.duibi .d textarea{
    width: 100%;
    min-height: 140px;
    /*background-color: #f2f3f5;*/
    resize: none;
    padding: 10px;
    font-size: 13px;
    line-height: 24px;
    color: rgb(29,33,41);
    border: 1px solid rgba(0,0,0,.125);
    font-weight: 400;
    border-radius: .5rem;
    overflow-y: hidden;
}

.duibi .d textarea{
    min-height: 350px;
}

.duibi-diff{
    margin: 10px 15px;
    border-radius: 10px;
    min-height: 200px;
    border: 1px solid #dfdfdf;
    padding: 10px;
    line-height: 26px;
    font-size: 13px;
    background-color: #f5f5f5;
    display: none;
}

.duibi-xiangsi{
    border: 1px solid #dfdfdf;
    margin: 5px 15px;
    padding: 10px;
    border-radius: 6px;
    font-size: 13px;
    background-color: #f5f5f5;
    color: green;
    display: none;
}

.duibi-xiangsi i{
    display: inline-block;
    font-style: normal;
    border: 1px solid #64aff4;
    padding: 2px 5px;
    border-radius: 3px;
    transform: scale(0.7);
    -moz-user-select: none;
    user-select: none;
    font-size: large;
}



.duibi-xiangsi i:hover {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    color: rgb(254, 44, 85);
    background-color: #f7f7f7;
}


.duibi-xiangsi i.act{
    background-color: #64aff4;
    color: #fff;
}

.dt-l .d textarea:focus{
    background-color: #FFF;
    border:1px solid #03A9F4;
}

.dt-l .d input{
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    height: 32px;
    width: 100%;
    padding-left: 10px;
    border-radius: 0.5rem;
}

.dt-l .d input:focus{
    background-color: #FFF;
    border:1px solid #03A9F4;
}

.dt-l .d select{
    height: 35px;
    width: 100%;
    background-color: #f2f3f5;
    border: 1px solid transparent;
    color: #666;
}

.dt-l .dtip{
    margin-top: 10px;
}

.dt-l .dtip p{
    font-size: 12px;
    color: #aaa;
}

.dt-l .tp{
    color: #555 !important;
}

.dt-l .but,.but{
    margin-top: 30px;
    margin-bottom: 20px;
    border: 1px solid #f2f3f5;
    background-color: #f2f3f5;
    color: #9E9E9E;
    display: inline-block;
    line-height: 30px;
    padding: 0 40px;
    font-size: 12px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.dt-l .rads{
    position: absolute;
    right: 15px;
    bottom: 30px;
    display: inline-block;
}

.dt-l .rads>span{
    margin-right: 0px;
    font-size: 12px;
}

.dt-l .rads>select{
    height: 30px;
    line-height: 30px;
    max-width: 150px;
    width: 100px;
    border: 1px solid #e5e6ec;
    display: inline-block;
    padding: 0 5px;
    color: #666;
}

.dt-l .rads label{
    margin-left: 10px;
    font-size: 12px;
}

.dt-l .rads label input{
    display: none;
}

.dt-l .rads label span{
    margin-right: 8px;
    vertical-align: -3px;
}

.dt-l .rads label input[type="radio"] + span{
    position: relative;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 50%;
}

.dt-l .rads label input[type="radio"]:checked + span::before{
    border: 1px solid #2196f3;
}

.dt-l .rads label input[type="radio"]:checked + span::after{
    content: ' ';
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    background-color: #2196f3;
    border-radius: 50%;
}

.dt-l .but i{
    margin-right: 8px;
    display: inline-flex;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    font-size: 22px;
    vertical-align: -3px;
}

@-webkit-keyframes load3{
	0%{-webkit-transform: rotate(0deg);transform: rotate(0deg)}
	100%{-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}
@keyframes load3{
	0%{-webkit-transform: rotate(0deg);transform: rotate(0deg)}
	100%{-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}

.dt-l .butpostdata,.dt-l .butpostajax,.butpostduibi{
    border: 1px solid #2196F3;
    background-color: #1a73e8;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
}

.dt-l .butpostdata:hover,.dt-l .butpostajax:hover,.butpostduibi:hover{
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
    background-color: #185abc;
}

.clearforms,.duankai,.clearforms_duibi{
    margin-top: 30px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    color: #888;
    display: inline-block;
    line-height: 30px;
    padding: 0 15px;
    font-size: 12px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    border: 1px solid #dadce0;
    border-radius: 4px;
}

.duankai{
    display: none;
}

.clearforms:hover,.duankai:hover{
    border-color: transparent;
    background-color: #f0f0f0;
}

.duibi_div{
    margin: 0 15px;
}

.duibi_div span{
    margin: 15px 0;
}

.dt-r .d{
    margin-top: 20px;
}

.dt-r .d p{
    color: #999;
    font-size: 12px;
    margin-bottom: 10px;
}

.dt-r .d ul{
    margin-bottom: 10px;
}

.dt-r .d .res p,.dt-r .d .res{
    color:rgb(78,89,105);
}

.dt-r .d .res{
    width: 100%;
    min-height: 180px;
    background-color: rgba(242,242,242,0.5);
    border: 1px solid transparent;
    resize: none;
    padding: 10px;
}

.dt-r .d .res_div{
    margin-top: 10px;
    display: none;
}

.dt-r .d .res_div span{
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    padding: 0 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: rgb(242,243,245);
    color: rgb(134,144,156);
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 3px;
}

.dt-r .d .res_div span.lr{
    margin-left: 10px;
    margin-right: 0px;
}

.dt-r .d .res_div span i{
    font-size: 12px;
}

.dt-r .d .res_div .b{
    background-color: rgb(232,247,255);
    color:rgb(52,145,250);
}

.dt-r .d .res_div .b i{
    display: inline-flex;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    margin-left: 5px;
}

.dt-r .d .res_div .g{
    background-color: rgb(232,255,234);
    color: rgb(0,180,42);
}

.dt-r .d .res_div .gotokens{
    display: none;
}

.dt-r .d .tips{
    margin: 15px 0 20px 0;
    font-size: 12px;
    color: #aaa;
}


.bg{
    position: fixed;
    background-color: rgb(0 0 0 / 31%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99;
    display: none;
}

@media screen and (max-width: 1640px) {
    .in_one img{
        width: 700px;
        right: -150px;
    }
    .in_main{
        margin-bottom: 20px;
    }
    
}

@media screen and (max-width: 1400px) {
    .in_one{
        padding: 60px 50px;
    }
    .in_main_nobg{
        padding: 0 40px;
    }
}

@media screen and (max-width: 1288px) {
    .in_thlr_lf{
        width: 170px;
    }

    .in_thlr_lr{
        width: calc(100% - 170px);
    }
}

@media screen and (max-width: 1150px) {
    .dt-l .rads{
        position: relative;
        display: block;
        right: unset;
        bottom: unset;
    }

    .in_thlr_lf{
        width: 190px;
    }

    .in_thlr_lr{
        width: calc(100% - 190px);
    }
    .in_one{
        padding: 50px;
    }
    .in_one img{
        width: 600px;
    }
    .in_main{
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 1024px) {
    .main-nav{
        width:60px;
    }
    .main-nav dl{
        display: none;
    }
    .main-body{
        width:calc(100% - 60px);
    }

    .main-nav li a span,.main-nav li .fa-angle-right{
        display: none;
    }
    .main-nav li dl{
        display: none;
    }

    .in_thlf{
        width:100%;
    }
    .in_thlr{
        width:100%;
    }

    .in_thlr_lf{
        width: 50%;
    }

    .in_thlr_lr{
        width: 50%;
    }
    .help{
        display: none;
    }
}

@media screen and (max-width: 960px) {
    .in_one{
        padding: 15px 50px;
    }
    .in_one img{
        width: 400px;
        right: -60px;
    }
    .in_one h2{
        font-size: 20px;
        margin-bottom: 0px;
    }
    .in_one p{
        font-size: 12px;
        color: #888;
    }
    .in_main{
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .heads .pcnavbut{
        display: none;
    }
    .heads .wapnavbut{
        height: 60px;
        display: flex;
        justify-content: start;
        align-items: center;
    }
    .main-nav{
        width:170px;
        position: absolute;
        float: none;
        z-index: 9999;
        display: none;
    }

    .main-body{
        width:100%;
        height: 100%;
    }

    .main-nav li a span,.main-nav li .fa-angle-right{
        display: inline-block;
    }
    .main-nav li dl{
        display: block;
    }

    .dtitle{
        padding: 10px 0px;
    }
    .dt-l, .dt-r{
        width:100%;
        padding: 10px 0px;
    }

    .dt-r{
        margin-top: 10px;
    }
    .dt-l .rads{
        position: absolute;
        right: 15px;
        bottom: 30px;
        display: inline-block;
    }
    .in_main{
        margin-bottom: 15px;
    }
    .search{
        display: none;
    }
}

@media screen and (max-width: 650px) {
    .in_one h2{
        font-size: 20px;
        margin-bottom: 0px;
        height: 30px;
        line-height: 30px;
    }
    .in_two h3{
        font-size: 20px;
    }
    .in_two p{
        font-size: 12px;
    }
    .in_one{
        padding: 25px 25px;
    }
    .in_main_nobg{
        padding: 0 15px;
    }

    .in_one img{
        width: 350px;
        right: -120px;
    }
}
@media screen and (max-width: 580px) {
    .in_thlr_lf{
        width: 100%;
    }

    .in_thlr_lr{
        width: 100%;
    }

    .in_thlf{
        padding-bottom: 0px;
    }

    .in_one h2{
        font-size: 18px;
    }

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

    .in_one img{
        width: 350px;
        right: -120px;
    }
}

@media screen and (max-width: 500px) {
    .coll li{
        width:calc(100%/3) !important;
    }

    .in_one{
        padding: 25px 15px;
    }
    .in_main_nobg{
        padding: 0 10px;
    }

    .in_one img{
        right: -180px;
    }
}

@media screen and (max-width: 470px) {
    .dt-l .rads{
        position: relative;
        display: block;
        right: unset;
        bottom: unset;
    }

    .in_foot div{
        display: block;
        float: unset;
        margin-bottom: 10px;
    }

    .in_foot a{
        float: left;
        margin-left: 0;
        margin-right: 10px;
    }

    .in_thlf ul li{
        width: calc(100%/2);
    }
    .in_thlr_lr ul{
        padding: 10px;
    }
    .in_thlr_lr ul li{
        padding: 0 10px 0 30px;
    }

    .in_one img{
        right: -200px;
    }

    .in_one div>span{
        width:100%;
    }
}

.data_xieyi{
    background-color: #fff;
    padding: 10px 15px;
}


/**********************************/

code, kbd, samp {
    font-family:monospace, monospace;
    font-size:1em;
    line-height:1.5em;
}

pre {
    font-family:monospace, monospace;
    font-size:1em;
}

pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em
}

code.hljs {
    padding: 3px 5px
}

.hljs {
    color: #abb2bf;
    background: #282c34
}

.hljs-comment,.hljs-quote {
    color: #5c6370;
    font-style: italic
}

.hljs-doctag,.hljs-formula,.hljs-keyword {
    color: #c678dd
}

.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst {
    color: #e06c75
}

.hljs-literal {
    color: #56b6c2
}

.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string {
    color: #98c379
}

.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable {
    color: #d19a66
}

.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title {
    color: #61aeee
}

.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_ {
    color: #e6c07b
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

.hljs-link {
    text-decoration: underline
}

/***********************************/
.tncode{
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 260px;
    height: 44px;
    cursor: pointer;
    opacity: 1;
    line-height: 44px;
}
/*浮层*/
.tncode_div_bg{
    width: 100%;
    height: 100%;
    position: fixed;
    top:0;
    left:0;
    z-index:1000;
    background-color: rgba(0,0,0,0.5);
    opacity:0.3;
}
.tncode_div{
    background-color: #fff;
    z-index: 100000000;
    width: 260px;
    height: 265px;
    position: fixed;
    left: calc(50% - 130px);
    top:calc(50% - 130px);
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    overflow: hidden;
}
.tncode_div .tncode_canvas_bg{
    z-index: 0;
}
.tncode_div .tncode_canvas_mark{
    z-index: 10000;
}
.tncode_div canvas{
    position: absolute;
    left: 10px;
    top: 10px;
}
.tncode_div .loading{
    padding-top: 60px;
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: #f5f5f5;
    width: 240px;
    height: 150px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing:border-box;
}

.hgroup{
    z-index: 20000;
    content: "";
    position: absolute;
    left: -800px;
    top: 70px;
    width: 250px;
    height: 15px;
    background-color: rgba(255,255,255,.5);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 1s ease-in 0s infinite;
    -o-animation: searchLights 1s ease-in 0s infinite;
    animation: searchLights 1s ease-in 0s infinite;
    display: none;
}


@-webkit-keyframes searchLights {
    0% {
        left: -200px;
        top: 70px;
    }

    to {
        left: 300px;
        top: 70px
    }
}

@-o-keyframes searchLights {
    0% {
        left: -200px;
        top: 70px;
    }

    to {
        left: 300px;
        top: 70px
    }
}

@-moz-keyframes searchLights {
    0% {
        left: -200px;
        top: 70px;
    }

    to {
        left: 300px;
        top: 70px
    }
}

@keyframes searchLights {
    0% {
        left: -200px;
        top: 70px;
    }

    to {
        left: 300px;
        top: 70px
    }
}

.tncode_msg_ok{
    background-color: #24C628;
}
.tncode_msg_error{
    background-color: #DE5145;
}
.tncode_msg_ok,.tncode_msg_error{
    position: absolute;
    top: 136px;
    left: 10px;
    width: 240px;
    color: #fff;
    margin: 0;
    padding: 4px 10px;
    overflow: visible;
    font-size: 14px;
    display: none;
    z-index: 10000;
    text-align: center;
}

.slide{
    position: absolute;
    top: 175px;
    width: calc(100% - 20px);
    left: 10px;
    height: 35px;
    background-color: #f9f9f9;
    color: #bbb;
}

.tools{
    position: absolute;
    top: 225px;
    left: 10px;
    width: calc(100% - 20px);
    overflow: visible;
    border-top: 1px solid #EEEEEE;
    padding-top: 8px;
}

.slide_block{
    width: 35px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 0;
    cursor: pointer;
    background-color: #fff;
    font-weight: bold;
    border: 1px solid #f8f8f8;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
    color: #ddd;
}

.slide_block_text{
    position: absolute;
    left: 65px;
    top: 10px;
    cursor: pointer;
    font-size: 12px;
    color: #888;
}
.tools .tncode_refresh,.tools .tncode_close{
    width: 20px;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}

.tools i{
    font-size: 16px;
    color: #999;
}

.ts_div{
    padding: 10px 20px 20px 20px;
    border-bottom: 1px solid #f5f5f5;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.ts_div p{
    position: relative;
    font-size: 12px;
    line-height: 35px;
    height: 35px;
    cursor: pointer;
    user-select: none;
    color: #1e9fff;
}

.ts_div ul{

}

.ts_div ul li{
    width: 50%;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding-left: 20px;
    color: #888;
    font-size: 12px;
    position: relative;
    box-sizing: border-box;
    list-style: none;
}

.ts_div ul li label{

}

.ts_div ul li label input[type="radio"]{
    display: none;
}

.ts_div ul li label input[type="radio"] + span{
    position: absolute;
    left: 0;
    top:9.5px;
    width: 16px;
    height: 16px;
    border:1px solid #ddd;
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 50%;
}

.ts_div ul li label input[type="radio"]:checked + span{
    border:1px solid #2196f3;
}

.ts_div ul li label input[type="radio"]:checked + span:after   
{   
    content: ' ';
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    background-color: #2196f3;
    border-radius: 50%;
}

.ts_div textarea{
    width: 100%;
    height: 100px;
    border: 1px solid #ddd;
    padding: 10px;
    box-sizing: border-box;
    resize: none;
}

.kfcode{
    padding: 20px;
}

.kfcode img{
    width: 260px;
    height: 260px;
    border:1px solid #f5f5f5;
}

.kfcode p{
    text-align: center;
    margin-top: 10px;
}

.help{
    position: fixed;
    z-index: 9999;
    right: 10px;
    bottom: 50px;
    /*background-color: #fff;*/
    /*border: 1px solid #dfdfdf;*/
    background-color: #fff;
    box-shadow: 0 2px 14px rgba(0,0,0,.14);
    border-radius: 4px 0 0 4px;
    padding: 5px;
}

.help span{
    display: block;
    text-align: center;
    padding: 10px;
    background-color: #f5f5f5;
    margin-bottom: 5px;
    cursor: pointer;
}

.help span:last-child{
    margin-bottom: 0px;
}


.help:hover span{
    box-shadow: 0 2px 12px 0 rgba(108,150,233,.32);
}


.dtitle h2 .fa-star{
    margin-left: 10px;
    cursor: pointer;
    color: #888;
}

.dtitle h2 .fa{
    color: #FF9800;
}

.dtitle h2 .far{
    color: #888;
}


.coll{
    padding: 10px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.coll li{
    display: inline-block;
    padding: 8px;
    width: calc(100% / 4);
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.coll li div{
    border: 1px solid #e0e0e0;
    height: 80px;
    padding: 15px 10px 10px 15px;
    border-radius: 6px;
}

.coll li i{
    font-size: 18px;
    color: #00b278;
    font-weight: bold;
}

.coll li div:hover{
    background-color: #f9f9f9;
}

.coll li p{
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin-top: 10px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
}

.coll_page{
    text-align: center;
    line-height: 40px;
    height: 40px;
    margin-bottom: 20px;
}

.coll_page span{
    padding: 0px 30px;
    border: 1px solid #e0e0e0;
    font-size: 12px;
    border-radius: 5px;
    margin: 0 5px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/***********************************/

.wechat_mp{
    border-radius: 6px !important;
}

.wechat_mp .layui-layer-setwin{
    bottom: -40px;
    top: unset;
    right: unset;
    left: calc(50% - 15px);
}

.login_al{
    padding: 5px 20px;
}

.login_al_title{
    padding: 0px 5px;
}

.login_al_title li{
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    user-select: none;
    cursor: pointer;
    display: inline-block;
    margin-right: 20px;
    color: #888;
}

.login_al_title li.act{
    color: #444;
    border-bottom: 2px solid #2196F3;
}


.login_al_div{
    height: 230px;
    padding: 20px 10px;
}

.login_al_div>div{
    display: none;
}

.login_al_div>.login_al_qrcode{
    display: block;
}

.login_al_div>.login_al_qrcode .wqrcode{
    border: 1px solid #f5f5f5;
    border-radius: 6px;
    width: 130px;
    height: 130px;
    cursor: pointer;
}

.login_al_div>.login_al_qrcode .wqtip{
    width: 130px;
    height: 130px;
    margin-left: 30px;
    float: right;
}

.login_al_div>.login_al_qrcode p{
    text-align: center;
    border: 1px solid #2196f3;
    color: #2196f3;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    border-radius: 15px;
    margin-top: 10px;
}

.login_al_div>.login_al_qrcode p i{
    margin-right: 15px;
}

.login_al .login_al_qrcode .login_tips{
    font-size: 12px;
    color: #aaa;
    user-select: none;
}

.login_al .login_al_tipyisi{
    font-size: 12px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background-color: #f2f4f8;
    margin: 0 -20px -5px -20px;
}

.login_al .login_al_tipyisi span{
    margin: 0 5px;
    color: #2196f3;
    cursor: pointer;
}

.login_al .login_al_tipyisi i{
    font-size: 13px;
    margin-right: 5px;
}

.login_al .login_al_phone .login_tips{
    font-size: 12px;
    color: #888;
    display: block;
    margin-bottom: 10px;
}

.login_al .login_al_phone p{
    position: relative;
    margin-bottom: 15px;
}

.login_al .login_al_phone input{
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #bbb;
}

.login_al .login_al_phone input::-webkit-input-placeholder{
    color:#aaa;
    font-size: 12px;
}
.login_al .login_al_phone input:-ms-input-placeholder{
    color:#aaa;
    font-size: 12px;
}

.login_al .login_al_phone p span{
    position: absolute;
    font-size: 12px;
    display: inherit;
    right: 10px;
    top: 10px;
    padding: 0 0 0 10px;
    border-left: 1px solid #ddeaf5;
    color: #2196f3;
    cursor: pointer;
}

.login_al .login_al_phone button{
    width: 100%;
    display: inline-block;
    text-align: center;
    background-color: #03A9F4;
    height: 36px;
    line-height: 36px;
    color: #fff;
    border-radius: 6px;
    border: 0;
}

.login_al .login_al_phone>a{
    text-align: center;
    border: 1px solid #4CAF50;
    color: #4CAF50;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    border-radius: 6px;
    margin-top: 5px;
    display: inline-block;
    width: 100%;
    user-select: none;
}

.login_al .login_al_phone>a i{
    margin-right: 10px;
}

.login_al .login_al_username{
    padding-top: 10px;
}

.login_al .login_al_username p{
    position: relative;
    margin-bottom: 15px;
}

.login_al .login_al_username input{
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #bbb;
}

.login_al .login_al_username input::-webkit-input-placeholder{
    color:#aaa;
    font-size: 12px;
}
.login_al .login_al_username input:-ms-input-placeholder{
    color:#aaa;
    font-size: 12px;
}

.login_al .login_al_username button{
    width: 100%;
    display: inline-block;
    text-align: center;
    background-color: #FF5722;
    height: 36px;
    line-height: 36px;
    color: #fff;
    border-radius: 6px;
    border: 0;
    margin-top: 5px;
}

.login_al .login_al_username .login_al_username_ispass a{
    float: right;
    font-size: 12px;
    display: inline-block;
    margin: 10px 0;
}

.wechat_mp_qrcode_ok::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    background-image: url(/zb_users/plugin/xcus/src/style/qrcode_ok.png);
    background-repeat: no-repeat;
    background-position: center;
}

.wechat_mp_qrcode_err::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    background-image: url(/zb_users/plugin/xcus/src/style/qrcode_err.png);
    background-repeat: no-repeat;
    background-position: center;
}

.userdata_alert .layui-layer-setwin{
    bottom: -40px;
    top: unset;
    right: unset;
    left: calc(50% - 15px);
}

.userdata{
    padding: 20px;
}

.userdata>span{
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    color: #01a9f4;
    margin-bottom: 15px;
}

.userdata p{
    position: relative;
    margin-bottom: 15px;
}

.userdata p input{
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #bbb;
}

.userdata p input::-webkit-input-placeholder{
    color:#aaa;
    font-size: 12px;
}
.userdata p input:-ms-input-placeholder{
    color:#aaa;
    font-size: 12px;
}

.userdata button{
    width: 100%;
    display: inline-block;
    text-align: center;
    background-color: #03A9F4;
    height: 36px;
    line-height: 36px;
    color: #fff;
    border-radius: 6px;
    border: 0;
}

.userdata .userdata_now{
    margin-top: 10px;
    font-size: 12px;
    background-color: #fff;
    height: 24px;
    line-height: 24px;
    color: #01a9f4;
    cursor: pointer;
}


.xieyis{
    padding: 10px 10px;
    background-color: hsla(220, 43%, 97%, 0.35);
    margin: 15px 10px;
}
.xieyis h2{
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    margin: 10px 0;
}
.xieyis p{ 
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 10px;
    padding-left: 20px;
}


.silsi{
    text-align: center;
    padding-top: calc(50vh - 45px - 130px);
    background-color: #f5f5f5;
    height: calc(100vh - 90px);
}

.silsi .b{
    position: relative;
    display: inline-block;
    padding: 00px 80px 40px 80px;
    border: 10px solid #666;
    border-radius: 6px;
}

.silsi .b::before{
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #f5f5f5;
    display: inline-block;
    top: -10px;
    left: -10px;
    border-radius: 6px;
}

.silsi span{
    font-size: 120px;
}

.silsi p{
    font-size: 18px;
}

@media screen and (max-width: 470px) {
    .silsi .b {
        padding: 00px 60px 30px 60px;
    }
}

@media screen and (max-width: 420px) {
    .silsi {
        padding-top: 80px;
    }
    .silsi .b {
        padding: 00px 40px 20px 40px;
        border: 6px solid #666;
    }

    .silsi span {
        font-size: 80px;
    }

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

/******************************************************/

.markdown-body h1:hover .anchor .octicon-link:before,
.markdown-body h2:hover .anchor .octicon-link:before,
.markdown-body h3:hover .anchor .octicon-link:before,
.markdown-body h4:hover .anchor .octicon-link:before,
.markdown-body h5:hover .anchor .octicon-link:before,
.markdown-body h6:hover .anchor .octicon-link:before {
    width: 16px;
    height: 16px;
    content: " ";
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
    mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>")
}

.markdown-body details,
.markdown-body figcaption,
.markdown-body figure {
    display: block
}

.markdown-body summary {
    display: list-item
}

.markdown-body [hidden] {
    display: none !important
}

.markdown-body a {
    background-color: transparent;
    color: var(--color-accent-fg);
    text-decoration: none
}

.markdown-body abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.markdown-body b,
.markdown-body strong {
    font-weight: var(--base-text-weight-semibold, 600)
}

.markdown-body dfn {
    font-style: italic
}

.markdown-body h1 {
    margin: .67em 0;
    font-weight: var(--base-text-weight-semibold, 600);
    padding-bottom: .3em;
    font-size: 2em;
    border-bottom: 1px solid var(--color-border-muted)
}

.markdown-body mark {
    background-color: var(--color-attention-subtle);
    color: var(--color-fg-default)
}

.markdown-body small {
    font-size: 90%
}

.markdown-body sub,
.markdown-body sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.markdown-body sub {
    bottom: -.25em
}

.markdown-body sup {
    top: -.5em
}

.markdown-body img {
    border-style: none;
    max-width: 100%;
    box-sizing: content-box;
    background-color: var(--color-canvas-default);
     max-width: 100%; /* 图片的最大宽度将自动适应容器的宽度 */
    height: auto; /* 图片的高度将自动按比例调整以保持原始宽高比 */
    display: block; /* 使图片成为块级元素，以在前后带有 <p> 标签时能够换行 */
}

.markdown-body code,
.markdown-body kbd,
.markdown-body pre,
.markdown-body samp {
    font-family: monospace;
    font-size: 1em
}

.markdown-body figure {
    margin: 1em 40px
}

.markdown-body hr {
    box-sizing: content-box;
    overflow: hidden;
    background: transparent;
    height: .25em;
    padding: 0;
    margin: 24px 0;
    background-color: var(--color-border-default);
    border: 0
}

.markdown-body input {
    font: inherit;
    margin: 0;
    overflow: visible;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.markdown-body [type=button],
.markdown-body [type=reset],
.markdown-body [type=submit] {
    -webkit-appearance: button
}

.markdown-body [type=checkbox],
.markdown-body [type=radio] {
    box-sizing: border-box;
    padding: 0
}

.markdown-body [type=number]::-webkit-inner-spin-button,
.markdown-body [type=number]::-webkit-outer-spin-button {
    height: auto
}

.markdown-body [type=search]::-webkit-search-cancel-button,
.markdown-body [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.markdown-body ::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

.markdown-body ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.markdown-body a:hover {
    text-decoration: underline
}

.markdown-body ::placeholder {
    color: var(--color-fg-subtle);
    opacity: 1
}

.markdown-body hr:after,
.markdown-body hr:before {
    display: table;
    content: ""
}

.markdown-body hr:after {
    clear: both
}

.markdown-body table {
    border-spacing: 0;
    border-collapse: collapse;
    display: block;
    width: max-content;
    max-width: 100%;
    overflow: auto
}

.markdown-body td,
.markdown-body th {
    padding: 0
}

.markdown-body details summary {
    cursor: pointer
}

.markdown-body details:not([open])>:not(summary) {
    display: none !important
}

.markdown-body [role=button]:focus,
.markdown-body a:focus,
.markdown-body input[type=checkbox]:focus,
.markdown-body input[type=radio]:focus {
    outline: 2px solid var(--color-accent-fg);
    outline-offset: -2px;
    box-shadow: none
}

.markdown-body [role=button]:focus:not(:focus-visible),
.markdown-body a:focus:not(:focus-visible),
.markdown-body input[type=checkbox]:focus:not(:focus-visible),
.markdown-body input[type=radio]:focus:not(:focus-visible) {
    outline: 1px solid transparent
}

.markdown-body [role=button]:focus-visible,
.markdown-body a:focus-visible,
.markdown-body input[type=checkbox]:focus-visible,
.markdown-body input[type=radio]:focus-visible {
    outline: 2px solid var(--color-accent-fg);
    outline-offset: -2px;
    box-shadow: none
}

.markdown-body a:not([class]):focus,
.markdown-body a:not([class]):focus-visible,
.markdown-body input[type=checkbox]:focus,
.markdown-body input[type=checkbox]:focus-visible,
.markdown-body input[type=radio]:focus,
.markdown-body input[type=radio]:focus-visible {
    outline-offset: 0
}

.markdown-body kbd {
    display: inline-block;
    padding: 3px 5px;
    font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    line-height: 10px;
    color: var(--color-fg-default);
    vertical-align: middle;
    background-color: var(--color-canvas-subtle);
    border-bottom-color: var(--color-neutral-muted);
    border: 1px solid var(--color-neutral-muted);
    border-radius: 6px;
    box-shadow: inset 0 -1px 0 var(--color-neutral-muted)
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: var(--base-text-weight-semibold, 600);
    line-height: 1.25
}

.markdown-body h2 {
    padding-bottom: .3em;
    font-size: 1.5em;
    border-bottom: 1px solid var(--color-border-muted)
}

.markdown-body h2,
.markdown-body h3 {
    font-weight: var(--base-text-weight-semibold, 600)
}

.markdown-body h3 {
    font-size: 1.25em
}

.markdown-body h4 {
    font-size: 1em
}

.markdown-body h4,
.markdown-body h5 {
    font-weight: var(--base-text-weight-semibold, 600)
}

.markdown-body h5 {
    font-size: .875em
}

.markdown-body h6 {
    font-weight: var(--base-text-weight-semibold, 600);
    font-size: .85em;
    color: var(--color-fg-muted)
}

.markdown-body p {
    margin-top: 0;
    margin-bottom: 10px
}

.markdown-body blockquote {
    margin: 0;
    padding: 0 1em;
    color: var(--color-fg-muted);
    border-left: .25em solid var(--color-border-default)
}

.markdown-body ol,
.markdown-body ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 2em
}

.markdown-body ol ol,
.markdown-body ul ol {
    list-style-type: lower-roman
}

.markdown-body ol ol ol,
.markdown-body ol ul ol,
.markdown-body ul ol ol,
.markdown-body ul ul ol {
    list-style-type: lower-alpha
}

.markdown-body dd {
    margin-left: 0
}

.markdown-body code,
.markdown-body pre,
.markdown-body samp,
.markdown-body tt {
    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    font-size: 12px
}

.markdown-body pre {
    margin-top: 0;
    margin-bottom: 0;
    word-wrap: normal
}

.markdown-body .octicon {
    display: inline-block;
    overflow: visible !important;
    vertical-align: text-bottom;
    fill: currentColor
}

.markdown-body input::-webkit-inner-spin-button,
.markdown-body input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

.markdown-body:after,
.markdown-body:before {
    display: table;
    content: ""
}

.markdown-body:after {
    clear: both
}

.markdown-body>:first-child {
    margin-top: 0 !important
}

.markdown-body>:last-child {
    margin-bottom: 0 !important
}

.markdown-body a:not([href]) {
    color: inherit;
    text-decoration: none
}

.markdown-body .absent {
    color: var(--color-danger-fg)
}

.markdown-body .anchor {
    float: left;
    padding-right: 4px;
    margin-left: -20px;
    line-height: 1
}

.markdown-body .anchor:focus {
    outline: none
}

.markdown-body blockquote,
.markdown-body details,
.markdown-body dl,
.markdown-body ol,
.markdown-body p,
.markdown-body pre,
.markdown-body table,
.markdown-body ul {
    margin-top: 0;
    margin-bottom: 16px
}

.markdown-body blockquote>:first-child {
    margin-top: 0
}

.markdown-body blockquote>:last-child {
    margin-bottom: 0
}

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
    color: var(--color-fg-default);
    vertical-align: middle;
    visibility: hidden
}

.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
    text-decoration: none
}

.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
    visibility: visible
}

.markdown-body h1 code,
.markdown-body h1 tt,
.markdown-body h2 code,
.markdown-body h2 tt,
.markdown-body h3 code,
.markdown-body h3 tt,
.markdown-body h4 code,
.markdown-body h4 tt,
.markdown-body h5 code,
.markdown-body h5 tt,
.markdown-body h6 code,
.markdown-body h6 tt {
    padding: 0 .2em;
    font-size: inherit
}

.markdown-body summary h1,
.markdown-body summary h2,
.markdown-body summary h3,
.markdown-body summary h4,
.markdown-body summary h5,
.markdown-body summary h6 {
    display: inline-block
}

.markdown-body summary h1 .anchor,
.markdown-body summary h2 .anchor,
.markdown-body summary h3 .anchor,
.markdown-body summary h4 .anchor,
.markdown-body summary h5 .anchor,
.markdown-body summary h6 .anchor {
    margin-left: -40px
}

.markdown-body summary h1,
.markdown-body summary h2 {
    padding-bottom: 0;
    border-bottom: 0
}

.markdown-body ol.no-list,
.markdown-body ul.no-list {
    padding: 0;
    list-style-type: none
}

.markdown-body ol[type=a] {
    list-style-type: lower-alpha
}

.markdown-body ol[type=A] {
    list-style-type: upper-alpha
}

.markdown-body ol[type=i] {
    list-style-type: lower-roman
}

.markdown-body ol[type=I] {
    list-style-type: upper-roman
}

.markdown-body div>ol:not([type]),
.markdown-body ol[type="1"] {
    list-style-type: decimal
}

.markdown-body ol ol,
.markdown-body ol ul,
.markdown-body ul ol,
.markdown-body ul ul {
    margin-top: 0;
    margin-bottom: 0
}

.markdown-body li>p {
    margin-top: 16px
}

.markdown-body li+li {
    margin-top: .25em
}

.markdown-body dl {
    padding: 0
}

.markdown-body dl dt {
    padding: 0;
    margin-top: 16px;
    font-size: 1em;
    font-style: italic;
    font-weight: var(--base-text-weight-semibold, 600)
}

.markdown-body dl dd {
    padding: 0 16px;
    margin-bottom: 16px
}

.markdown-body table th {
    font-weight: var(--base-text-weight-semibold, 600)
}

.markdown-body table td,
.markdown-body table th {
    padding: 6px 13px;
    border: 1px solid var(--color-border-default)
}

.markdown-body table tr {
    background-color: var(--color-canvas-default);
    border-top: 1px solid var(--color-border-muted)
}

.markdown-body table tr:nth-child(2n) {
    background-color: var(--color-canvas-subtle)
}


.markdown-body table   {
    background-color: transparent;
       width: 300px; /* 设置容器宽度 */
    margin: 0 auto; /* 居中容器 */
    
}

.markdown-body table img {
 max-width: 100%; /* 图片的最大宽度将自动适应容器的宽度 */
    height: auto; /* 图片的高度将自动按比例调整以保持原始宽高比 */
    display: block; /* 使图片成为块级元素，以在前后带有 <p> 标签时能够换行 */
    
}

.markdown-body img[align=right] {
    padding-left: 20px
}

.markdown-body img[align=left] {
    padding-right: 20px
}

.markdown-body .emoji {
    max-width: none;
    vertical-align: text-top;
    background-color: transparent
}

.markdown-body span.frame {
    display: block;
    overflow: hidden
}

.markdown-body span.frame>span {
    display: block;
    float: left;
    width: auto;
    padding: 7px;
    margin: 13px 0 0;
    overflow: hidden;
    border: 1px solid var(--color-border-default)
}

.markdown-body span.frame span img {
    display: block;
    float: left
}

.markdown-body span.frame span span {
    display: block;
    padding: 5px 0 0;
    clear: both;
    color: var(--color-fg-default)
}

.markdown-body span.align-center {
    display: block;
    overflow: hidden;
    clear: both
}

.markdown-body span.align-center>span {
    display: block;
    margin: 13px auto 0;
    overflow: hidden;
    text-align: center
}

.markdown-body span.align-center span img {
    margin: 0 auto;
    text-align: center
}

.markdown-body span.align-right {
    display: block;
    overflow: hidden;
    clear: both
}

.markdown-body span.align-right>span {
    display: block;
    margin: 13px 0 0;
    overflow: hidden;
    text-align: right
}

.markdown-body span.align-right span img {
    margin: 0;
    text-align: right
}

.markdown-body span.float-left {
    display: block;
    float: left;
    margin-right: 13px;
    overflow: hidden
}

.markdown-body span.float-left span {
    margin: 13px 0 0
}

.markdown-body span.float-right {
    display: block;
    float: right;
    margin-left: 13px;
    overflow: hidden
}

.markdown-body span.float-right>span {
    display: block;
    margin: 13px auto 0;
    overflow: hidden;
    text-align: right
}

.markdown-body code,
.markdown-body tt {
    padding: .2em .4em;
    margin: 0;
    font-size: 85%;
    white-space: break-spaces;
    background-color: var(--color-neutral-muted);
    border-radius: 6px
}

.markdown-body code br,
.markdown-body tt br {
    display: none
}

.markdown-body del code {
    text-decoration: inherit
}

.markdown-body samp {
    font-size: 85%
}

.markdown-body pre code {
    font-size: 100%;
    position: relative;
}

.markdown-body pre code i{
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #888;
    font-weight: bold;
    font-size: 14px;
}

.markdown-body pre>code {
    padding: 0;
    margin: 0;
    word-break: normal;
    white-space: pre;
    background: transparent;
    border: 0
}

.markdown-body .highlight {
    margin-bottom: 16px
}

.markdown-body .highlight pre {
    margin-bottom: 0;
    word-break: normal
}

.markdown-body .highlight pre,
.markdown-body pre {
    padding: 16px 16px 8px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    border-radius: 6px
}

.markdown-body pre code,
.markdown-body pre tt {
    display: inline-block;
    max-width: 100%;
    padding: 0;
    margin: 0;
    overflow-x: scroll;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0
}

.markdown-body .csv-data td,
.markdown-body .csv-data th {
    padding: 5px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1;
    text-align: left;
    white-space: nowrap
}

.markdown-body .csv-data .blob-num {
    padding: 10px 8px 9px;
    text-align: right;
    background: var(--color-canvas-default);
    border: 0
}

.markdown-body .csv-data tr {
    border-top: 0
}

.markdown-body .csv-data th {
    font-weight: var(--base-text-weight-semibold, 600);
    background: var(--color-canvas-subtle);
    border-top: 0
}

.markdown-body [data-footnote-ref]:before {
    content: "["
}

.markdown-body [data-footnote-ref]:after {
    content: "]"
}

.markdown-body .footnotes {
    font-size: 12px;
    color: var(--color-fg-muted);
    border-top: 1px solid var(--color-border-default)
}

.markdown-body .footnotes ol {
    padding-left: 16px
}

.markdown-body .footnotes ol ul {
    display: inline-block;
    padding-left: 16px;
    margin-top: 16px
}

.markdown-body .footnotes li {
    position: relative
}

.markdown-body .footnotes li:target:before {
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -24px;
    pointer-events: none;
    content: "";
    border: 2px solid var(--color-accent-emphasis);
    border-radius: 6px
}

.markdown-body .footnotes li:target {
    color: var(--color-fg-default)
}

.markdown-body .footnotes .data-footnote-backref g-emoji {
    font-family: monospace
}

.markdown-body .pl-c {
    color: var(--color-prettylights-syntax-comment)
}

.markdown-body .pl-c1,
.markdown-body .pl-s .pl-v {
    color: var(--color-prettylights-syntax-constant)
}

.markdown-body .pl-e,
.markdown-body .pl-en {
    color: var(--color-prettylights-syntax-entity)
}

.markdown-body .pl-s .pl-s1,
.markdown-body .pl-smi {
    color: var(--color-prettylights-syntax-storage-modifier-import)
}

.markdown-body .pl-ent {
    color: var(--color-prettylights-syntax-entity-tag)
}

.markdown-body .pl-k {
    color: var(--color-prettylights-syntax-keyword)
}

.markdown-body .pl-pds,
.markdown-body .pl-s,
.markdown-body .pl-s .pl-pse .pl-s1,
.markdown-body .pl-sr,
.markdown-body .pl-sr .pl-cce,
.markdown-body .pl-sr .pl-sra,
.markdown-body .pl-sr .pl-sre {
    color: var(--color-prettylights-syntax-string)
}

.markdown-body .pl-smw,
.markdown-body .pl-v {
    color: var(--color-prettylights-syntax-variable)
}

.markdown-body .pl-bu {
    color: var(--color-prettylights-syntax-brackethighlighter-unmatched)
}

.markdown-body .pl-ii {
    color: var(--color-prettylights-syntax-invalid-illegal-text);
    background-color: var(--color-prettylights-syntax-invalid-illegal-bg)
}

.markdown-body .pl-c2 {
    color: var(--color-prettylights-syntax-carriage-return-text);
    background-color: var(--color-prettylights-syntax-carriage-return-bg)
}

.markdown-body .pl-sr .pl-cce {
    font-weight: 700;
    color: var(--color-prettylights-syntax-string-regexp)
}

.markdown-body .pl-ml {
    color: var(--color-prettylights-syntax-markup-list)
}

.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
    font-weight: 700;
    color: var(--color-prettylights-syntax-markup-heading)
}

.markdown-body .pl-mi {
    font-style: italic;
    color: var(--color-prettylights-syntax-markup-italic)
}

.markdown-body .pl-mb {
    font-weight: 700;
    color: var(--color-prettylights-syntax-markup-bold)
}

.markdown-body .pl-md {
    color: var(--color-prettylights-syntax-markup-deleted-text);
    background-color: var(--color-prettylights-syntax-markup-deleted-bg)
}

.markdown-body .pl-mi1 {
    color: var(--color-prettylights-syntax-markup-inserted-text);
    background-color: var(--color-prettylights-syntax-markup-inserted-bg)
}

.markdown-body .pl-mc {
    color: var(--color-prettylights-syntax-markup-changed-text);
    background-color: var(--color-prettylights-syntax-markup-changed-bg)
}

.markdown-body .pl-mi2 {
    color: var(--color-prettylights-syntax-markup-ignored-text);
    background-color: var(--color-prettylights-syntax-markup-ignored-bg)
}

.markdown-body .pl-mdr {
    font-weight: 700;
    color: var(--color-prettylights-syntax-meta-diff-range)
}

.markdown-body .pl-ba {
    color: var(--color-prettylights-syntax-brackethighlighter-angle)
}

.markdown-body .pl-sg {
    color: var(--color-prettylights-syntax-sublimelinter-gutter-mark)
}

.markdown-body .pl-corl {
    text-decoration: underline;
    color: var(--color-prettylights-syntax-constant-other-reference-link)
}

.markdown-body g-emoji {
    display: inline-block;
    min-width: 1ch;
    font-family: Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 1em;
    font-style: normal !important;
    font-weight: var(--base-text-weight-normal, 400);
    line-height: 1;
    vertical-align: -.075em
}

.markdown-body g-emoji img {
    width: 1em;
    height: 1em
}

.markdown-body .task-list-item {
    list-style-type: none
}

.markdown-body .task-list-item label {
    font-weight: var(--base-text-weight-normal, 400)
}

.markdown-body .task-list-item.enabled label {
    cursor: pointer
}

.markdown-body .task-list-item+.task-list-item {
    margin-top: 4px
}

.markdown-body .task-list-item .handle {
    display: none
}

.markdown-body .task-list-item-checkbox {
    margin: 0 .2em .25em -1.4em;
    vertical-align: middle
}

.markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox {
    margin: 0 -1.6em .25em .2em
}

.markdown-body .contains-task-list {
    position: relative
}

.markdown-body .contains-task-list:focus-within .task-list-item-convert-container,
.markdown-body .contains-task-list:hover .task-list-item-convert-container {
    display: block;
    width: auto;
    height: 24px;
    overflow: visible;
    clip: auto
}

.markdown-body ::-webkit-calendar-picker-indicator {
    filter: invert(50%)
}

.markdown-body {
    /*!
  Theme: Tokyo-night-Dark
  origin: https://github.com/enkia/tokyo-night-vscode-theme
  Description: Original highlight.js style
  Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com>
  License: see project LICENSE
  Touched: 2022
*/
}

.markdown-body pre {
    padding: 0
}

.markdown-body code,
.markdown-body pre {
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace
}

.markdown-body pre code {
    display: block;
    overflow-x: auto;
    padding: 1em
}

.markdown-body code {
    padding: 3px 5px
}

.markdown-body .hljs,
.markdown-body pre {
    background: #1a1b26;
    color: #cbd2ea
}

.markdown-body .hljs-comment,
.markdown-body .hljs-meta {
    color: #565f89
}

.markdown-body .hljs-deletion,
.markdown-body .hljs-doctag,
.markdown-body .hljs-regexp,
.markdown-body .hljs-selector-attr,
.markdown-body .hljs-selector-class,
.markdown-body .hljs-selector-id,
.markdown-body .hljs-selector-pseudo,
.markdown-body .hljs-tag,
.markdown-body .hljs-template-tag,
.markdown-body .hljs-variable.language_ {
    color: #f7768e
}

.markdown-body .hljs-link,
.markdown-body .hljs-literal,
.markdown-body .hljs-number,
.markdown-body .hljs-params,
.markdown-body .hljs-template-variable,
.markdown-body .hljs-type,
.markdown-body .hljs-variable {
    color: #ff9e64
}

.markdown-body .hljs-attribute,
.markdown-body .hljs-built_in {
    color: #e0af68
}

.markdown-body .hljs-keyword,
.markdown-body .hljs-property,
.markdown-body .hljs-subst,
.markdown-body .hljs-title,
.markdown-body .hljs-title.class_,
.markdown-body .hljs-title.class_.inherited__,
.markdown-body .hljs-title.function_ {
    color: #7dcfff
}

.markdown-body .hljs-selector-tag {
    color: #73daca
}

.markdown-body .hljs-addition,
.markdown-body .hljs-bullet,
.markdown-body .hljs-quote,
.markdown-body .hljs-string,
.markdown-body .hljs-symbol {
    color: #9ece6a
}

.markdown-body .hljs-code,
.markdown-body .hljs-formula,
.markdown-body .hljs-section {
    color: #7aa2f7
}

.markdown-body .hljs-attr,
.markdown-body .hljs-char.escape_,
.markdown-body .hljs-keyword,
.markdown-body .hljs-name,
.markdown-body .hljs-operator {
    color: #bb9af7
}

.markdown-body .hljs-punctuation {
    color: #c0caf5
}

.markdown-body .hljs-emphasis {
    font-style: italic
}

.markdown-body .hljs-strong {
    font-weight: 700
}
.markdown-body li{
    list-style: unset;
}

/******************************************************/

.radis{
    width: 140px;
    float: right;
}

.radis input[type="radio"]{
    width: unset;
    height: unset;
    display: none;
}

.radis label{
    margin-left: 10px;
}

.radis label:first-child{
    margin-left: 0px;
}

.radis input[type="radio"] + span{
    width: 13px;
    height: 13px;
    border: 1px solid #ddd;
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    margin-right: 4px;
    vertical-align: -2px;
}

.radis input[type="radio"]:checked + span{
    border:1px solid #2196f3;
}

.radis input[type="radio"]:checked + span:after   
{   
    content: ' ';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 7px;
    height: 7px;
    box-sizing: border-box;
    background-color: #2196f3;
    border-radius: 50%;
    display: inline-block;
}

.fontmax{
    font-size: 12px;
    margin-top: -24px;
    height: 24px;
    color: green;
    text-align: right;
    padding: 0 10px;
    position: relative;
}

.fontmax span{
    position: absolute;
    top: 0px;
    right: 5px;
}

.names{
    background-color: #fff;
    padding: 20px;
}

.names fieldset {
    margin-bottom: 10px;
    border: 1px solid #f2f2f2;
    padding: 15px;
    border-radius: 5px;
}

.names fieldset span {
    padding: 5px 10px;
    border: 1px solid #e0f1e9;
    margin: 5px;
    display: inline-block;
    border-radius: 5px;
    font-size: 12px;
}

.chaci_ok>div{
    background-color: #fff;
    padding: 15px 15px 10px 15px;
    margin-bottom: 10px;
}

.chaci_ok fieldset {
    margin-bottom: 10px;
    border: 1px solid #f2f2f2;
    padding: 15px;
    border-radius: 5px;
}

.chaci_ok fieldset span {
    padding: 5px 10px;
    border: 1px solid #e0f1e9;
    margin: 5px;
    display: inline-block;
    border-radius: 5px;
    font-size: 12px;
}

.chaci_ok fieldset p{
    font-size: 13px !important;
    line-height: 24px;
    margin: 0 !important;
}

.chaci_ok ul{
    margin: 0 !important;
}

.chaci_ok ul li{
    font-size: 13px;
    line-height: 24px;
    color: #444;
}


.jiucuo-ok{
    padding: 8px 10px;
    border-radius: 3px;
    background-color: #f1f9f7 !important;
    border: 1px solid #83d0ac;
    color: #1d9d74;
    border-radius: 6px;
}

.jiucuo-ok i{
    margin-right: 10px;
    font-weight: bold;
}

.jiucuo-ok .jiucuotips{
    font-size: 12px;
    display: block;
    height: 24px;
    line-height: 24px;
}

.jiucuo-ok .jiucuocent{
    padding: 10px;
    margin: 10px 0 0 0;
    background-color: #cef1e9;
    border: 1px solid #1eb836;
    border-radius: 3px;
    font-size: 12px;
}

.jiucuo-err{
    background-color: #FFF3E0;
    border: 1px solid #FF9800;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.jiucuoerrtips{
    color: #FF9800;
    font-size: 12px;
}

.jiucuo-errdiv{
    margin-top: 10px;
    background-color: #FFCCBC;
    border: 1px solid #FFAB91;
    padding: 5px;
    border-radius: 3px;
}

.jiucuo-err p{
    margin: 0 !important;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
}

.jiucuo-err p span:first-child{
    color: red;
    margin-right: 10px;
}

.jiucuo-err p span:last-child{
    margin-left: 10px;
    color: green;
}

/*************************************************************************************/
#nm-preloader {
    display: flex;
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0px;
    left: 0px;
    z-index: 11;
    background-color: #fff;
    justify-content: center;
    align-items: center !important;
}

.nm-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}


.nm-ripple div {
	position: absolute;
	border: 4px solid #007bff;
	opacity: 1;
	border-radius: 50%;
	animation: nm-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.nm-ripple div:nth-child(2) {
	animation-delay: -0.5s;
}

@keyframes nm-ripple {
	0% {
	  	top: 36px;
	  	left: 36px;
	  	width: 0;
	  	height: 0;
	  	opacity: 1;
	}
	100% {
	  	top: 0px;
	  	left: 0px;
	  	width: 72px;
	  	height: 72px;
	  	opacity: 0;
	}
}

/*************************************************************************************/

.lg_main{
    min-height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
background: linear-gradient(230.68deg, #e2e8ff 10.37%, #fff6e0 111.38%), linear-gradient(0deg, #ffffff, #ffffff);
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
}

 
.lg_divs{
    width: 100%;
    max-width: 1120px;
    margin: auto;
    padding: 15rem 0;
    display: flex;
    -webkit-box-align: center !important;
    align-items: center !important;
}

.lg_logdiv{
    width: 500px;
    float: left;
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 0.125rem 1.25rem 0 rgba(153, 155, 168, 0.12);
    border-radius: 10px;
}

.lg_logdiv h2{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #292929;
}

.lg_logdiv .lg_in p{
    margin-bottom: 20px;
    position: relative;
}

.lg_logdiv .login_phone_get{
    position: absolute;
    font-size: 12px !important;
    display: inherit !important;
    right: 10px;
    top: 43px;
    padding: 0 0 0 10px;
    border-left: 1px solid #ddd;
    color: #2196f3 !important;
    cursor: pointer;
}

.lg_logdiv .lg_in p>span{
    font-size: 1rem;
    color: #1e2022;
    margin-bottom: 0.5rem;
    display: block;
}

.lg_logdiv .lg_in p>input{
    display: block;
    width: 100%;
    height: 40px;
    padding: 1.0625rem 1rem;
    font-size: 12px;
    font-weight: 400;
    line-height: 40px;
    color: #1e2022;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #eeeeff;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.lg_logdiv .lg_in p input::-webkit-input-placeholder{
    color:#aaa;
}

.lg_logdiv .lg_in p input:-ms-input-placeholder{
    color:#aaa;
}


.lg_logdiv label{
    position: relative;
    font-size: 14px;
}

.lg_logdiv label input[type="checkbox"]{
    display: none;
}

.lg_logdiv label input[type="checkbox"] + span{
    width: 14px;
    height: 14px;
    border: 1px solid #ddd;
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 3px;
    vertical-align: -2px;
    margin-right: 5px;
    overflow: hidden;
}

.lg_logdiv label input[type="checkbox"]:checked + span:after   
{   
    content: ' ';
    position: absolute;
    left: 1px;
    top: 2px;
    width: 14px;
    height: 14px;
    background-size: 10px 12px !important;
    background: url(img/duihao.svg) 1.5px 1px no-repeat;
    box-sizing: border-box;
    background-color: #2196f3;
}

.lg_logdiv .logbuts{
    min-width: 9.25rem;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.2;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    padding: 0.875rem 0.875rem;
    border-radius: 0.25rem;
    color: #ffffff;
    background-color: #007bff;
    border: 1px solid #007bff;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    cursor: pointer;
}

.lg_ordiv{
    position: relative;
    text-align: center;
}

.lg_ordiv span{
    position: relative;
    display: inline-block;
 
    font-size: 0.875rem;
    color: #292929;
    background-color: #fff;
    padding: 0 0.9375rem;
}

.lg_ordiv::before{
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: 100%;
    height: 0;
    background: #ffffff;
    border-top: 1px solid #eeeeff;
    transform: translateY(calc(-50% + 1px));
}

.lg_butdiv{
    margin-top: 20px;
}

.lg_butdiv span,.lg_butdiv a{
    width: calc(100%/3 - 10px);
    display: inline-block;
    font-weight: 400;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    user-select: none;
    border-radius: 4px;
    color: #fff;
    background-color: #3b5998 !important;
    border-color: #3b5998 !important;
    cursor: pointer;
    border:0;
}

.lg_butdiv span:nth-child(1),.lg_butdiv a{
    background-color: #0cc160 !important;
}

.lg_butdiv span:nth-child(1),.lg_butdiv span:nth-child(2),.lg_butdiv a{
    margin-right: calc(20px / 2);
}

.lg_butdiv span:last-child{
    margin-right: 0px;
    background-color: #66c3ff !important;
    border-color: #66c3ff !important;
}

.lg_tip{
    margin-top: 20px;
    font-size: 12px;
    color: #444;
}


.lg_logtip{
    float: right;
    width:calc(100% - 500px);
    padding: 20px 50px;
}

.lg_logtip h2{
    font-size: 28px;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #292929;
}

.lg_logtip>div>p{
    margin-bottom: 2rem;
    font-weight: 600;
    line-height: 2;
    color: #007bff;
 
}

.lg_logtip ul{

}

.lg_logtip li i{
 
    margin-right: 10px;
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    display: inline-block;
    background-color: #fff;
    position: relative;
    font-size: 24px;
    background: #f8fbff;
    background-color: #e4ecfa;
}

.lg_logtip li i::before{
    position: absolute;
    left: 12px;
    top: 13px;

}

.lg_logtip li{
    margin-bottom: 30px;
}

.lg_logtip li p{
    font-weight: 600;
    height: 50px;
    line-height: 25px;
    float: left;
    width: calc(100% - 70px);
}

.lg_logtip span{
    width: 150px;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    user-select: none;
    border-radius: 6px;
    color: #fff;
    background-color: #007bff;
    border: 1px solid #007bff;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.lg_wechatdiv{

}

.lg_wechatdiv .lg_qrcode{
    border: solid 1px #bfc7da;
    border-radius: 10px;
    
    width: 200px;
    height: 200px;
    float: left;
}

.lg_wechatdiv .lg_wptip{
    width: 200px;
    height: 200px;
    float: right;
}

.lg_wechatdiv .lg_pp{
    text-align: center;
    color: #fff;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    border-radius: 5px;
    margin-top: 25px;
    background-color: #0cc160;
}

.lg_wechatdiv .lg_pp i{
    margin-right: 10px;
}

@media screen and (max-width: 1024px) {
    .lg_divs{
        padding: 20px;
    }
    .lg_logtip h2{
        font-size: 22px;
    }

    .lg_logtip{
        padding: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .lg_logtip{
        display: none;
    }
    .lg_logdiv{
        float: none;
        margin: auto;
    }
}

@media screen and (max-width: 500px) {
    .lg_divs{
        padding: 5px;
    }
}

#source-text {
        cursor: pointer;
    }
    
    
#source-text:hover {
        color: #4285F4;  
    }