.btn {
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0
}
.m-none {display:block;}

.inner {
    width: 1200px;
    height: 100%;
    margin: 0 auto;

}

.h-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 3rem;
}

.inner.h-inner{
    width: 100%;
    padding: 0 24px;
}

.header .cate {
    display: flex;
    column-gap: 24px;
}
.header .cate a {
    color:#000;
    font-size: 16px;
}
.header .cate a.active {
    color:#3778f7;
}

.left {
    float: left;
}

.right {
    float: right;
}

.main-name {
    margin-bottom: 20px;
    line-height: 50px;
    font-size: 42px;
    font-weight: bold;
    color: #3778f7;
}

.grey-text {
    margin-bottom: 13px;
    line-height: 40px;
    font-size: 20px;
    color: #636973;
}

.grey-desc{
    line-height: 22px;
    font-size: 16px;
    color: #636973;
}

.down-base-info {margin-top: 16px;font-size: 16px;color: #636973;line-height: 22px;text-align: center;display: flex;align-items: center;gap: 16px;justify-content: flex-start;}
.down-base-info em {all: unset;font-style: normal;}

.download-btn a {
    display: flex;
    background: #3778f7;
    text-align: center;
    padding: 17px 75px;
    border-radius: 20rem;
    align-items: center;
}

.download-btn a:hover {
    /*background: url(data:image/png;base64,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);*/
    opacity: 0.9;
}

.download-btn a .download-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAARnQU1BAACxjwv8YQUAAAABc1JHQgCuzhzpAAAAHlBMVEUAAAD///////////////////////////////////8kfJuVAAAACXRSTlMA1BUBDQ8WkJFBmKFmAAAAWklEQVQI12NgAIKZDDBADIvZAcxiMWAwFwKzFJsZAicqAFlMkqJALARkKU5MAIpPVJjJJCkG1AIUnAnkgXQrTpwJVMEAFpwJEQIKzhSCWsFi7MCAAmbCAIIFALkgG0tsWF1BAAAAAElFTkSuQmCC);
    vertical-align: middle;
}

.download-btn a .download-text {
    font-size: 20px;
    vertical-align: middle;
    color: #fff;
    content:"";
}

.float-img {
    transform: translateY(0) !important;
    transition: transform .8s ease-out;
}

/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
dl,
ol,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1.5;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* custom */
a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-decoration: none;
    outline: none;
}

a:focus {
    outline: none;
}

li {
    list-style: none;
}

html {
    width: 100%;
    height: 100vh;
    font-size: 16px;
}

body {
    width: 100%;
    height: 100vh;
    font-size: 16px;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    font-family: Microsoft Yahei, simsun, sans-serif;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.line-cut {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.two-line-cut {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.hide {
    display: none;
}

body {
    padding-top: 68px;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 68px;
    background: #fff;
    border: 1px solid #f0f0f0;
    z-index: 100;
}

.header .logo {
    height: 33px;
    cursor: pointer;
}

.header .logo img{
    width: auto;
    height: 33px;
}

.main {
    position: relative;
    z-index: 10;
}

.fast {
    padding: 40px 0 150px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fast .left {
    padding-top: 32px;
    text-align: center;
}

.fast .left .main-name {color:#232a37;}
.fast .name {
    margin-bottom: 15px;
    font-size: 50px;
    font-weight: bold;
    color: #232a37;
    display:flex;
    justify-content: center;
    align-items: center;
}

.fast .name i{
    background: url('../img/logo-1.png');
    background-size: 50px;
    width: 50px;
    height: 50px;
    margin-right:8px;
}

.fast .img-wrap {
    width: 544px;
    height: 444px;
    transform: translateY(100px);
    background: url('../img/1.png');
    background-size: cover;
}

.fast .grey-text span {
    display: inline-block;
    width: 1px;
    height: 14px;
    margin: 0 8px;
    background: #dcdcdc;
}

.doc, .ad, .switch {
    display: flex;
    justify-content: space-between;
}

.doc {
    padding-bottom: 150px;
}

.doc .left {
    /* margin-left: 25px; */
}

.doc .right {
    padding-top: 53px;
    /* margin-right: 126px; */
    width: 500px;
}

.doc .img-wrap {
    transform: translateY(100px);
    background: url(../img/2.png);
    width: 193px;
    height: 397px;
    background-size: 193px 397px;
}

.ad {
    padding-bottom: 150px;
}

.ad .left {
    padding-top: 78px;
    width: 500px;
}

.ad .right {
    /* margin-right: 20px; */
}

.ad .img-wrap {
    transform: translateY(100px);
    background: url('../img/3.png');
    width: 193px;
    height: 397px;
    background-size: 193px 397px;
}

.switch {
    padding-bottom: 150px;
}

.switch .left {
    /* margin-left: 25px; */
    /* margin-right: 40px; */
}

.switch .right {
    padding-top: 68px;
    width: 500px;
    /* margin-right: 180px; */
}

.switch .img-wrap {
    transform: translateY(100px);
    background: url('../img/4.png');
    width: 193px;
    height: 397px;
    background-size: 193px 397px;
}

/*.series {
    padding-bottom: 32px!important;
}*/

.series ul {

    display: flex;
    justify-content: space-between;
}

.series li {
    float: left;
    width: 33.33%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.series li .img-wrap {
    width: 386px;
    height: 236px;
    margin-bottom: 20px;
    box-shadow: 0 5px 15px #999;
}

.series li .main-text,
.series li .grey-text {
    margin-left: 16px;
    text-align: center;
}

.series li .main-text {
    margin-bottom: 20px;
    line-height: 24px;
    font-size: 24px;
    color: #3778f7;
    font-weight: bold;
}

.series li .grey-text {
    line-height: 16px;
    font-size: 16px;
    color: #636973;
}

.series li.translate .img-wrap {
    background: url('../img/5.png');
        width: 193px;
    height: 397px;
    background-size: 193px 397px;
}

.series li.account .img-wrap {
    background: url('../img/6.png');
        width: 193px;
    height: 397px;
    background-size: 193px 397px;
}

.series li.video .img-wrap {
    background: url('../img/7.png');
        width: 193px;
    height: 397px;
    background-size: 193px 397px;
}

.series .download-btn {
    margin-left: 0;
    display: block;
    margin-top: 1rem;

}

.series .download-btn a {
    margin: 0 auto;
}

.box-four {max-width: 1200px;margin: auto;}
.box-four .main-name{margin:150px 0 16px 0;text-align: center;}
.box-four .info {display: flex;flex-wrap: wrap;justify-content: center;column-gap: 50px;}
.box-four .item {display: flex;flex-direction: column;padding: 32px 0;row-gap: 16px;width: 30.5%;}
.box-four .item div {
    display: flex;
    align-items: center;
    column-gap: 8px;
    margin-left: -38px;
    font-size: 20px;
    color: #3778f7;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.box-four .item h3{
    font-weight: 400;
    font-size: 20px;
    width: 390px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
}
.box-four .item p {
    width: 100%;
    font-size: 14px;
    color: #636973;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 限制为两行 */
    overflow: hidden;
    text-overflow: ellipsis;
}
.box-four .item div::before {
    content: '';
    display: flex;
    width: 30px;
    height: 30px;
    background-image: url('../img/question.svg');
    background-repeat: no-repeat;
    background-size: 30px 30px;
    flex-shrink: 0;
}

.category {display: flex;flex-direction: column;}

.category .column-page {margin-bottom: auto;}

.crumbs { width: 1200px;  color: #666666; margin: 0 auto;padding:16px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }

.crumbs a ,.crumbs h1,.crumbs span { color: #666666; font-size: 14px; font-weight: 400;}

.column-page .container {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: auto;
}
.column-page .left-box {
    width: 100%;
}
.tabs { width: 100%; height: 44px; padding: 0 24px; background: #EEEEEE; border: 1px solid #DDDDDD; box-sizing: border-box; display: flex; align-items: center; }

.tabs .tab {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    position: relative;
    height: 100%;
    line-height: 44px;
    margin-right: 0;
}
.bg-white {
    background: #FFFFFF;
}
.column-page .left-box .section-2 .list { width: 100%; padding: 24px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #DDDDDD; box-sizing: border-box; }

.column-page .left-box .section-2 .list .item { box-sizing: content-box;display: flex; align-items: center; justify-content: space-between; padding: 24px 0; width: 100%; height: 180px; border-top: 1px solid #F0F0F0; }

.column-page .left-box .section-2 .list .item:first-child { padding-top: 0px; border-top: 0px solid; }

.column-page .left-box .section-2 .list .item:last-child { padding-bottom: 0px; }

.column-page .left-box .section-2 .list .item .cover-box {width: 275px;height: 180px;display: block;overflow: hidden;}

.column-page .left-box .section-2 .list .item .cover {width: 100%;height: 100%;transition: all 0.3s linear;overflow: hidden;object-fit: cover;}

.column-page .left-box .section-2 .list .item .cover:hover { transform: scale(1.2); }
.column-page .left-box .section-2 .list .item .right { width: 850px; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; }
.column-page .left-box .section-2 .list .item .right .name { display: block;width: 100%; font-size: 20px; font-weight: bold; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.column-page .left-box .section-2 .list .item .right .name:hover { color: #3778f7; }

.column-page .left-box .section-2 .list .item .right .desc {width: 100%;font-size: 16px;font-weight: 400;color: #666666;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}

.column-page .left-box .section-2 .list .item .right .others {width: 100%;display: flex;align-items: center;margin-top: 10px;}

.column-page .left-box .section-2 .list .item .right .others .time-box { display: flex; align-items: center; }

.column-page .left-box .section-2 .list .item .right .others .time-box img { width: 14px; height: 14px; margin-right: 4px; }

.column-page .left-box .section-2 .list .item .right .others .time-box .time { font-size: 14px; font-weight: 400; color: #999999; }

.column-page .left-box .section-2 .list .item .right .others .tag { margin-left: 55px; }

.column-page .left-box .section-2 .list .item .right .others .tag img { width: 12px; height: 11px; margin-right: 3px; }

.column-page .left-box .section-2 .list .item .right .others .tag span { font-size: 12px; font-weight: 400; color: #3778f7; margin-right: 16px; }

.column-page .left-box .section-2 .list .item .right .others .btn { margin-left: auto;box-sizing: border-box;font-size: 14px;font-weight: 400;color: #3778f7;text-align: center;transition: all 0.2s linear; }

.column-page .left-box .section-2 .list .item .right .others .btn:hover { transform: scale(1.2); }

.pagenation { display: flex; align-items: center; justify-content: center; padding: 40px 0; box-sizing: border-box;row-gap: .5rem;flex-wrap: wrap; }

.pagenation li { display: flex; align-items: center; justify-content: center; margin: 0 4px;  height: 30px; background: #fff; border: 1px solid #EFEFEF; font-size: 14px; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #666666; box-sizing: border-box; }

.pagenation li > a {  height: 100%; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0 8px;color:#000; }

.pagenation li > a.active, .pagenation li > a:hover { background: #3778f7; color: #FFFFFF; }

.pagenation li.total { padding: 0 8px; }


.container .left-box .section-1 { background: #FFFFFF; padding: 32px 24px 0; border: 1px solid #DDDDDD; border-bottom: 0px solid; }

.container .left-box .section-1 .name { font-size: 22px; font-weight: bold; color: #333333; text-align: center; margin-bottom: 25px; }

.container .left-box .section-1 .info {display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 400;color: #666666;padding-bottom: 24px;border-bottom: 1px solid #DDDDDD;width: 100%;}

.container .left-box .section-1 hr{border: 1px solid #ddd;width: 105.7%;margin-left: -3%;}
.container .left-box .section-1 .info .from { margin-left: 88px; }

.container .left-box .section-1 .info .from span a { color: #3778f7; }

.container .left-box .section-1 .desc-box .desc-name { font-size: 18px; font-weight: 400; color: #333333; position: relative; display: inline-block; padding: 8px 0; }
.container .left-box .section-2 .desc-box .desc-name { font-size: 18px; font-weight: 600; color: #333333; position: relative; display: inline-block; padding: 25px 0 8px; }

.container .left-box .section-1 .desc-box .desc-name::before { content: ''; width: 100%; height: 4px; background: #3778f7; border-radius: 3px; position: absolute; bottom: 0; left: 0; }
.container .left-box .section-2 .desc-box .desc-name::before { content: ''; width: 100%; height: 4px; background: #3778f7; border-radius: 3px; position: absolute; bottom: 0; left: 0; }

.container .left-box .section-1 .desc-box p { font-size: 14px; font-weight: 400; color: #666666; line-height: 24px; margin: 14px 0 40px; }

.container .left-box .section-1 .cont { display: flex; align-items: center;height: 135px;justify-content: center;padding: 10px 0; }

.container .left-box .section-1 .cont .cover-box { width: 160px; height: 120px; overflow: hidden; margin-right: 25px; }

.container .left-box .section-1 .cont .cover { width: 160px; height: 120px; transition: all 0.2s linear; }

.container .left-box .section-1 .cont .cover:hover { transform: scale(1.2); }

.container .left-box .section-1 .cont .right { height: 80%; font-size: 14px; font-weight: 400; color: #666666; display: flex; flex-direction: column; justify-content: space-between; }

.container .left-box .section-1 .cont .right .t1 { font-size: 18px; font-weight: bold; color: #333333; }

.container .left-box .section-1 .cont .right .t1:hover { color: #3778f7; }

.container .left-box .section-1 .cont .right .t1 a{color:#333;}
.container .left-box .section-1 .cont .right .t1 a:hover { color: #3778f7; }

.container .left-box .section-1 .cont .right .t1:hover span { color: #3778f7; }

.container .left-box .section-1 .cont .right .t1 span { font-size: 16px; font-weight: 400; color: #666666; }

.container .left-box .section-1 .cont .right .r1 > div, .container .left-box .section-1 .cont .right .r2 > div { width: 170px; }

.container .left-box .section-1 .cont .right .r1 > div span, .container .left-box .section-1 .cont .right .r2 > div span { color: #333333; }

.container .left-box .section-1 .cont .right .r3 .a1, .container .left-box .section-1 .cont .right .r3 .a2, .container .left-box .section-1 .cont .right .r3 .a3, .container .left-box .section-1 .cont .right .r3 .a4, .container .left-box .section-1 .cont .right .r3 .a5 { display: flex; align-items: center; margin-right: 18px; }

.container .left-box .section-1 .cont .right .r3 .a1 .text, .container .left-box .section-1 .cont .right .r3 .a2 .text, .container .left-box .section-1 .cont .right .r3 .a3 .text, .container .left-box .section-1 .cont .right .r3 .a4 .text, .container .left-box .section-1 .cont .right .r3 .a5 .text { margin: 0 3px; }

.container .left-box .section-1 .cont .right li { display: flex; align-items: center; justify-content: flex-start; }

.container .left-box .section-1 .cont a.download-btn img { width: 16px; height: 16px; }

.container .left-box .section-1 .cont a.download-btn { width: 122px; height: 40px; background: #3778f7; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 400; color: #FFFFFF; border-radius: 6px; transition: all 0.2s linear; }

.container .left-box .section-1 .cont a.download-btn:hover { transform: scale(1.2); }

.container .left-box .section-1 .cont a.download-btn img { margin-right: 8px; }

.container .left-box .section-2 .cont { background: #FFFFFF; padding: 0 24px 30px; border: 1px solid #DDDDDD; border-top: 0px solid;font-size: 15px;
    line-height: 30px;
    color: #666; }

.container .left-box .section-2 .cont p {
    font-size: 15px;
    line-height: 30px;
    color: #666666;
    margin-top: 15px;
    font-weight: 400;
    display: block;
}
.container .left-box .section-2 .cont h3 {
    font-size: 18px;
    font-weight: bold;
    color: #3778f7;
    margin-top: 15px;
    height: 24px;
    line-height: 24px;
    padding-bottom: 4px;
    display: block;
}
.section-2 .cont .tags img {
    margin:unset;
}
.section-2 .cont p img,.section-2 .cont img {
    width: unset;
    height: auto;
    margin: 15px auto;
    display: block;
    max-width: 50%;
    max-height: 300px;
    box-shadow: 0 0 5px 1px #3778f7;
}
.section-2 .cont p a {
    color: #3778f7;
}
.container .left-box .section-2 .cont > img { margin: 40px auto 0; width: 430px; height: 250px; display: block; padding-bottom: 14px; }

.container .left-box .section-2 .cont .tags { display: flex; align-items: center; margin-top: 32px; }

.container .left-box .section-2 .cont .tags img { width: 12px; height: 11px; }

.container .left-box .section-2 .cont .tags .tag { margin-left: 16px; display: block; font-size: 14px; font-weight: 400; color: #3778f7; }

.container .left-box .name-box { font-size: 18px; font-weight: bold; color: #333333; height: 50px; line-height: 50px; border: 1px solid #DDDDDD; box-sizing: border-box; padding: 0 24px; }

.container .left-box .name-box .name { display: inline-block; position: relative;font-weight: bold; }

.container .left-box .name-box .name::before { content: ''; width: 100%; height: 4px; background: #3778f7; border-radius: 3px; position: absolute; bottom: 0; left: 0; }

.Part5 {
    margin: 20px 0 40px 0;
}

.Part5 .lists {
    padding: 0 16px 16px 16px;
    border: 1px solid #DDDDDD;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Part5 .lists .item {
    width: 48%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
}

.Part5 .lists .item:hover .name {
    color: #3778f7 !important;
}
.Part5 .lists .item ._img {
    width: 120px;
    height: 80px;
    display: flex;
    overflow: hidden;
}
.Part5 .lists .item .thumb {
    width:100%;
    height: 100%;
    border: 1px solid #cfcfcf;
    transition: all 0.3s linear;
    overflow: hidden;
}

.Part5 .lists .item .thumb:hover {
    -webkit-transform: scale(1.1);
}

.Part5 .lists .item .base-info {
    width: 420px;
}

.Part5 .lists .item .base-info .name {
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
}

.Part5 .lists .item .base-info .desc {
    height: 44px;
    font-size: 14px;
    color: #999999;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    cursor: pointer;
    margin-top: 8px;
    letter-spacing: 1.5px;
}
.Part5 .lists .item .btn {
    display:none;
}

.main_wrap {
    width: 1200px;
    margin: auto;
}
.part-privacy h1 {
    font-size: 32px;
}
.part-privacy {
    padding: 32px 16px 16px;
    font-size: 16px;
    line-height: 32px;
}
.part-privacy p{
    font-size: 16px;
    line-height: 32px;
}
.page-404 {
    height: 100%;
    text-align: center;
}

.page-404 img {
    width: auto;
    margin-top: 4rem;
    padding: 0 2rem;
    box-sizing: border-box;
}

.page-404 h1,.page-404 span {
    display: block;
    font-size: 18px;
    text-align: center;
    margin-top: 1rem;
}

.page-404 .desc {
    text-align: center;
    font-size: 18px;
    margin-top: 16px;
}

.page-404 .desc a {
    color: #4570F6;
}

.page-404 .btn-lists {
    margin: 1rem 0 1rem;
    display: flex;
    justify-content: center;
}

.page-404 .btn-lists a {
    width: 78px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    background: #4570F6;
    font-size: 12px;
    color: #FFFFFF;
    margin-right: 1.5rem;
    border-radius: 4px;
}

.copyright {
    text-align: center;
    color: #757575;
    font-size: 12px;
    padding: 12px 0;
    line-height: 22px;
}

.copyright a {
    color: #757575;
}

.copyright .friend-link a {
    color: #3778f7;
}

.copyright a:hover {
    color: #3778f7;
    text-decoration-line: none;
}

#lijixiazai {
    width: 130px;
    height: 46px;
    background: url('../img/button.png');
    margin-top: 10px;
    display: none;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    line-height: 46px;
    text-align: center;
}

#lijixiazai:hover {
    opacity: 0.85;
}

#totop {
    display: none;
    width: 82px;
    height: 82px;
    background: url('../img/totop.png') no-repeat;
    position: fixed;
    bottom: 30px;
    right: 0;
    cursor: pointer;
    z-index: 100;
}

.index-btn_wrap{position: relative;cursor: pointer;--bs-btn-border-width:0;}
.index-code-box{display:flex;align-items:flex-end!important;justify-content:center!important;width:179px!important;height:197px!important;background:url(../img/code-box.png);background-size:179px 197px;position:absolute;top: 60px;left:10%;display:none!important;}
.index-code-box .index-code{margin-bottom:24px;}
.index-code-box .index-code img{width:136px!important;height:136px!important}
.series .index-code-box{left:60%;top:-74px;transform: rotate(-90deg);z-index: 9;}
@media screen and (max-width: 810px) {
    .m-none {display:none;}

    .inner {
        width: 100%;
    }

    .h-inner {
        align-items: center;
        padding: 0 1rem;
        justify-content: space-between;
    }
    
    .inner.h-inner {
        padding: 0 1rem;
    }

    .header .logo {
        height: 1.75rem;
        margin: 0;
    }
    
    .header .logo img{
        height: 2.125rem;
    }

    .header .cate {
        column-gap: 1rem;
    }
    .header .cate a {
        font-size: .875rem;
    }

    #lijixiazai {
        width: 6rem;
        margin-top: 0;
        display: none;
        cursor: pointer;
        color: #fff;
        font-size: 1rem;
        line-height: 2.5rem;
        text-align: center;
        height: 2.5rem;
        background: #0078ff;
    }

    .fast {
        padding: 2rem 0;
        flex-direction: column;
    }

    .fast .left {
        width: 100%;
        padding: 2rem 1rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .fast .name {
        margin-bottom: 1rem;
        font-size: 2.5rem;
        font-weight: bold;
        line-height: normal;
        color: #232a37;
    }
    
    .fast .name i{
        background-size: 2.5rem;
        width: 2.5rem;
        height: 2.5rem;
        margin-right:.5rem;
    }

    .main-name {
        margin-bottom: 1rem;
        line-height: 3rem;
        font-size: 1.75rem;
        font-weight: bold;
        color: #3778f7;
        text-align: center;
    }

    .grey-text {
        margin-bottom: 1rem;
        line-height: 1.5rem;
        font-size: 1rem;
        color: #636973;
    }
    
    .grey-desc{
         margin-bottom: 1rem;
        line-height: 1.5rem;
        font-size: .75rem;
        color: #636973;
        text-align: center;
        margin-top: .5rem;
    }
    
    .down-base-info {font-size: .75rem;margin-top: 1rem;line-height: 1.2rem;gap: 0 .5rem;flex-wrap: wrap;}

    .download-btn {
        margin: 0;
    }

    .download-btn a {
        display: flex;
        background: #0078ff;
        text-align: center;
        align-items: center;
        justify-content: center;
        padding: 1rem 4rem;
    }

    .download-btn a .download-text {
        font-size: 1rem;
        display: block;
    }

    .download-btn a .download-icon {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        margin-right: .5rem;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAARnQU1BAACxjwv8YQUAAAABc1JHQgCuzhzpAAAAHlBMVEUAAAD///////////////////////////////////8kfJuVAAAACXRSTlMA1BUBDQ8WkJFBmKFmAAAAWklEQVQI12NgAIKZDDBADIvZAcxiMWAwFwKzFJsZAicqAFlMkqJALARkKU5MAIpPVJjJJCkG1AIUnAnkgXQrTpwJVMEAFpwJEQIKzhSCWsFi7MCAAmbCAIIFALkgG0tsWF1BAAAAAElFTkSuQmCC);
        vertical-align: middle;
        background-size: 1rem;
    }

    .fast .right {
        padding: 0 1rem;
    }

    .right {
        float: right;
        width: 100%;
    }

    .fast .img-wrap {
        width: 23.75rem;
        height: 19rem;
        transform: unset;
        background: url(../img/1.png);
        background-size: 23.75rem 19rem;
    }

    .doc, .ad, .switch {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 1rem 2rem;
    }

    .doc .img-wrap, .ad .img-wrap, .switch .img-wrap {
        width: 12.0625rem;
        height: 24.8125rem;
        background-size: 12.0625rem 24.8125rem;
        transform: unset;
        margin: 0 auto;
    }

    .switch .img-wrap {
        transform: unset;
    }

    .doc .left, .switch .left {
        order: 2;
    }

    .doc .right, .ad .left, .switch .right {
        padding-top: 0;
        width: 100%;
    }

    .series {
        padding: 0 1rem 2rem!important;
    }

    .series ul {
        display: flex;
        /* justify-content: space-between; */
        /* flex-direction: column; */
        /* align-items: center; */
        /*overflow-x: scroll;*/
    }
    
    .series .swiper-pagination {
        bottom: 2rem!important;
    }
    .series .swiper-pagination-bullet {
        margin: 0 4px!important;    
    }
    
    .series li {
        float: left;
        width: 100%;
        padding-bottom: 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .series li .img-wrap {
        width: 23.75rem;
        height: 15rem;
        margin-bottom: 0;
        order: 3;
    }

    .series li .main-text,
    .series li .grey-text {
        margin-left: 0;
    }

    .series li .main-text {
        margin-bottom: 1rem;
        line-height: 3rem;
        font-size: 1.75em;
        font-weight: bold;
        color: #0078ff;
        text-align: center;
    }

    .series li .grey-text {
        margin-bottom: 1rem;
        line-height: 1.5rem;
        font-size: 1rem;
        color: #636973;
        text-align: center;
    }

    .series li.video .img-wrap, .series li.account .img-wrap, .series li.translate .img-wrap {
         width: 12.0625rem;
         height: 24.8125rem;
         background-size: 12.0625rem 24.8125rem;
         box-shadow: unset;
    }
    .box-four {padding: 1rem 1rem 1rem 2.5rem;background-color: #fff;}
    .box-four .main-name {margin:0 1.5rem 1rem 0;}
    .box-four .info {flex-direction: column;align-items: flex-start;row-gap: 1rem;}
    .box-four .item {padding: 0;row-gap: 0.5rem;width: 100%;}
    .box-four .item div {margin-left: -1.5rem;font-size: 0.875rem;column-gap: 0.5rem;}
    .box-four .item div::before { width: 1rem;height: 1rem;background-size: 1rem 1rem; }
    .box-four .item p { width: 100%;font-size: 0.75rem;line-height: 1.25rem; }
    .box-four .item h3{
        font-size: 0.9375rem;
        width: 22rem;
        color: #000;
    }

    .crumbs {
        background-color:#f5f5f7;
        padding: .325rem 1rem;
    }
    .crumbs a, .crumbs h1, .crumbs span {
        font-size: .875rem;
    }
    .crumbs,
    .column-page .container {
        width: 100%;
    }
    .tabs {
        border: none;
        height: auto;
        padding: 0 1rem;
    }
    .tabs .tab {
        font-size: 1rem;
        padding: 1rem 0;
        line-height:normal;
    }
    .column-page .left-box .section-2 .list {
        padding: 1rem 1rem 1.5rem 1rem;
        border:none;
    }
    .column-page .left-box .section-2 .list .item {
        height: auto;
        align-items: unset;
        padding:1.5rem 0;
    }
    .column-page .left-box .section-2 .list .item .cover-box {
        width: 7.25rem;
        height: 4.375rem;
        flex-shrink: 0;
    }
    .column-page .left-box .section-2 .list .item .right {
        width: calc(100% - 8.5rem);
        height: auto;
        justify-content: center;
    }
    .column-page .left-box .section-2 .list .item .right h2 {
    margin-top: auto;
    }
    .column-page .left-box .section-2 .list .item .right .name {
        font-size: .875rem;
        white-space: normal;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }
    .column-page .left-box .section-2 .list .item .right .desc {
        display: none;
    }
    .column-page .left-box .section-2 .list .item .right .others {
        margin-top: auto;
        align-items: flex-end;
    }
    .column-page .left-box .section-2 .list .item .right .others .time-box .time {
        font-size:.75rem;
    }
    .column-page .left-box .section-2 .list .item .right .others .btn {
        width: auto;
        height: auto;
        line-height: normal;
        border-radius: unset;
        font-size: .75rem;
        padding: 0;
        background: #fff;
        color: #3778f7;
        border: none;
    }
    .pagenation {
        background-color: #fff;
        padding: 1.5rem 0;
        border-top: 1px solid #ddd;
    }
    .pagenation li {
        height: 1.875rem;
        font-size: .875rem;
        margin: 0 .25rem;
    }
    .container .left-box .section-1 {
        border: none;
        padding: 1.5rem 1rem 0;
    }
    .container .left-box .section-1 .name {
        font-size: 1.125rem;
        margin-bottom: 1.5rem;
    }
    .container .left-box .section-1 .info {
        font-size: .875rem;
        padding-bottom: 1.5rem;
        column-gap: 2.5rem;
    }
    .container .left-box .section-1 .info .from {
        margin-left: 0;
    }
    .container .left-box .section-2 .cont {
        padding: 0 1rem 1.5rem;
        font-size: .875rem;
        line-height: 1.875rem;
        border: none;
        overflow-wrap: break-word;
        word-break: break-word;
        white-space: normal;
    }
    .container .left-box .section-2 .desc-box .desc-name {
        font-size: 0.9375rem;
        padding: 1.5rem 0 .5rem;
        margin-bottom: 0;
    }
    .container .left-box .section-2 .cont p {
        font-size: .875rem;
        line-height: 1.875rem;
        margin-top:.5rem;
    }
    .container .left-box .section-2 .cont h3 {
        font-weight: bold;
        font-size: .875rem;
        padding:0;
        line-height: 1.5rem;
        margin: .5rem 0;
    }
    .section-2 .cont p img, .section-2 .cont img {
        margin:1rem auto;
    }
    .Part5 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .container .left-box .name-box {
        border: none;
        font-size: 1.125rem;
        padding: 0 1rem;
        height: 3.125rem;
        line-height: 3.125rem;
    }
    .container .left-box .name-box .name {
        font-size: 0.9375rem;
    }
    .Part5 .lists {
        padding: 0 1rem 1rem 1rem;
        border: none;
    }
    .Part5 .lists .item {
        width: 100%;
        margin-top: 1rem;
        justify-content: flex-start;
        column-gap: .5rem;
    }
    .Part5 .lists .item ._img {
        width: 5.5rem;
        height: 3.75rem;
    }
    .Part5 .lists .item .base-info {
        width: 17.75rem;
    }
    .Part5 .lists .item .base-info .name {
        font-size: .875rem;
    }
    .Part5 .lists .item .base-info .desc {
        height: auto;
        line-height: normal;
        -webkit-line-clamp:1;
        font-size:.75rem;
        margin-top:.5rem;
    }
    .Part5 .lists .item .btn {
        display: flex;
        color: #3778f7;
        font-size: .75rem;
        padding: 0;
        margin-left: auto;
    }

    .main_wrap {
        width: 100%;
        margin: 0 auto;
    }
    .part-privacy h1 {
        font-size: 2rem;
    }
    .part-privacy {
        padding: 2rem 1rem 1rem;
        font-size: 0.875rem;
        line-height: 1.75rem;
    }
    .part-privacy p{
        font-size: 0.875rem;
        line-height: 1.75rem;
    }
    .page-404 h1,.page-404 span {
        font-size: 1.25rem;
        margin-top: 1rem;
    }
    .page-404 img {
        width: 100%;
    }
    .page-404 .desc {
        text-align: center;
        font-size: 1.25rem;
        margin-top: 1rem;
    }
    .page-404 .btn-lists {
        margin: 1.5rem 0 1rem;
    }


    .copyright {
        text-align: center;
        color: #757575;
        font-size: .75rem;
        padding: 1rem;
        line-height: 1.375rem;
    }

    .hr {
        height: .5rem;
        background-color: #f5f5f7;
        flex-shrink: 0;
    }
    #totop {
        width: 3rem;
        height: 3rem;
        background-size: 3rem;
        bottom: 4rem;
        right: 1rem;
    }
    .ios-desc{
        margin-top: 1rem;
        font-size: .75rem;
        padding: 0 1rem;
        color: #757575;
    }
}