section {
    padding-left: 0;
    padding-right: 0;
}
/* header START */
#header-nav .pc-header {
    display: none;
}

#header-nav .mobile-header {
    display: block;
}

.mobile-header.open-menu {
    position: absolute;
    /* padding: 4rem 0; */
    width: 100%;
    min-height: 100%;
    z-index: 9999;
    background: #020202;
    font-size: 1.6rem;
}

.mobile-header .menu-top {
    padding: 1rem 1.5rem;
}

.mobile-header.open-menu .menu-top div+div {
    display: none;
}

.mobile-header .icon-menu {
    position: relative;
    padding: 0.7rem 0;
    width: 2rem;
    /* height: 16px; */
}

.mobile-header .icon-menu::before,
.mobile-header .icon-menu:after {
    content: '';
    position: absolute;
    width: 100%;
    transition: .3s;
    margin: auto;
}

.mobile-header .icon-menu::before {
    top: 0;
}

.mobile-header .icon-menu::after {
    bottom: 0;
}

.mobile-header .icon-menu::before,
.mobile-header .icon-menu::after,
.mobile-header .icon-menu .icon-menu-line {
    display: block;
    height: 0.2rem;
    background-color: #b3b5b6;
    border-radius: 0.2rem;
}

.mobile-header.open-menu .icon-menu::before {
    transform: rotate(45deg);
    bottom: 0;
}

.mobile-header.open-menu .icon-menu::after {
    top: 0;
    transform: rotate(-45deg);
}

.mobile-header.open-menu .icon-menu .icon-menu-line {
    display: none;
}

.mobile-header .icon-center {
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(/ayaneo/img/header/icon-my.png) no-repeat center/cover;
}

.mobile-header .menu-title {
    line-height: 2.5;
}

.mobile-header .menu-logo {
    margin-right: 2.5rem;
    width: 7.6rem;
    height: 5.4rem;
}

.mobile-header .nav-list {
    display: none;
    padding: 0 1.5rem 5rem;
    height: 100%;
}

.mobile-header.open-menu .nav-list {
    display: block;
}

.mobile-header .nav-list>li {
    margin-top: 4rem;
}

.mobile-header .menu-list li {
    margin-right: 2.5rem;
}
/* header END */

/* footer START */
#footer {
    font-size: 1.2rem;
    font-weight: Normal;
    background: #000;
    color: #b3b3b3;
}

#footer>.container {
    padding: 0 1.5rem;
}

#footer .top {
    padding: 0;
}

#footer .bottom-nav>ul,
#footer .top .brand {
    display: none;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
}

#footer .top .bottom-nav {
    margin-right: 0;
    width: 100%;
    border-bottom: 1px solid #292929;
    margin-bottom: 0;
}

#footer .top .official {
    order: 1;
}

#footer .bottom {
    align-items: start;
    padding: 0 0 2rem;
    font-size: 1rem;
    font-weight: Normal;
    border-top: none;
    flex-direction: column-reverse;
}

#footer .bottom p+p {
    margin: 1rem 0;
}

#footer .top .icon-box {
    padding: 1rem 0;
    justify-content: left;
}

#footer .top .icon {
    margin-right: 1.5rem;
    width: auto;
    height: auto;
    background: none !important;
}

#footer .icon>.more {
    top: -13rem;
}

#footer .bottom-nav.unfold>ul,
#footer .bottom-nav .title .operate,
#footer .top .icon .text {
    display: block;
}

#footer .bottom-nav .title .operate {
    transform: rotate(0);
    transition: transform .3s;
}
#footer .bottom-nav.unfold .title {
    color: #fff;
}
#footer .bottom-nav .title {
    margin: 0;
    padding: 1rem 0;
    font-size: 1.4rem;
    font-weight: Normal;
    color: #b3b3b3;
    transition: .3s;
}

#footer .bottom-nav.unfold .title .operate {
    transform: rotate(45deg);
}

/* footer END */

/* store START */
section#store {
    padding: 0 1.5rem;
}
section#store .product-nav {
    font-size: 1.2rem;
}
section#store .product-nav .nav-new::after {
    width: 5px;
    height: 5px;
}
section#store .product-nav>li {
    padding-right: 1rem;
    margin-right: 2.5rem;
}
section#store .num {
    font-size: 1.2rem;
}
section#store .product-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}
section#store .product-list li {
    font-size: 1.4rem;

}
section#store .product-list .pic {
    border-radius: 1.4rem;
}
section#store .w25 {
    width: 16.5rem;
}
section#store .product-list .new .before {
    font-size: 1rem;
    padding: 0.5rem 1rem;
    border-radius: 8rem;
}

/* store END */
section .header {
    padding: 0 1.5rem;
}
section .header a {
    padding: 1rem 0;
}
section .header .nav>li {
    margin-right: 2rem;
}
#support {
    padding: 2rem 1.5rem 3rem;
}
#support .margin-top+.margin-top {
    margin-top: 2rem;
}
#support .grid-3 {
    grid-template-columns: unset;
    gap: 1rem;
}
.link-card .list li a {
    margin-top: 1.5rem;
    padding: 0.6rem 2rem;
    font-size: 1.2rem;
}
.video .title {
    padding: 1rem 0;
}
.video .pic {
    border-radius: 1.5rem;
}
.about .list>li,
.link-card .list li {
    padding: 1.5rem 2rem;
    border-radius: 1.5rem;
}
.link-card .list li h3 {
    font-size: 1.2rem;
}
.link-card .list li .desc {
    font-size: 1rem;
}
.about .list>li .method {
    font-size: 1.8rem;
}

/* 社区 START */
nav#subnav,
section#brand {
    padding: 0 1.5rem;
}
nav#subnav ul a {
    margin-right: 3.5rem;
    padding: 1rem 0;
    font-size: 1.4rem;
}
/* 新闻中心 START */
section#brand .container {
    padding: 2rem 0;
}
section#brand ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}
section#brand ul li .pic {
    margin: .5rem 0;
}
section#brand ul li .desc {
    margin-bottom: 1rem;
}
section#brand ul li .author .icon::before {
    margin-right: 4px;
    width: 1.8rem;
    height: 1.8rem;
}
section#brand ul li {
    padding: 1rem;
}
section#brand ul li .title {
    font-size: 1.4rem;
}
section#brand ul li .desc {
    font-size: 1.2rem;
}
section#brand ul li .author {
    font-size: 1rem;
}
section#brand .btn-big {
    margin-top: 1.5rem;
}
/* 新闻中心 END */

/* CEO TALK START */
section#talk {
    padding: 0 2.5rem;
}

section#talk .blank {
    height: 2.5rem;
}
section#talk .list li .title {
    padding-right: 0;
    font-size: 1.6rem;
}
section#talk .list li .desc {
    margin: 1rem 0;
    font-size: 1.4rem;
}
section#talk .list li .timer {
    padding: .5rem 2rem;
    font-size: 1.2rem;
}
section#talk .bottom,
section#talk .list li {
    padding-right: 0;
    padding-left: 2rem;
    padding-bottom: 2rem;
    flex-direction: column;
    font-size: 1.4rem;
}
section#talk .list li .cover {
    margin-top: 1.5rem;
}
section#talk .list li .cover>div {
    border-radius: 1rem;
}
section#talk .list li .cover>div:nth-child(1) {
    width: 100%;
    height: 12.8rem;
}
section#talk .list li .cover>div:nth-child(2),
section#talk .list li .cover>div:nth-last-child(2) {
    width: 15rem;
    height: 15rem;
}
section#talk .list li .cover>div:nth-last-child(2) {
    margin-right: 1rem;
}
section#talk .bottom::before,
section#talk .list li::before {
    top: 0.8rem;
    left: -1rem;
    width: 1.8rem;
    height: 0.3rem;
    border-radius: 0.3rem;
}
/* CEO TALK END */

/* 社区首页 START */
#community .title,
#community-article .title {
    margin: 2rem 0 1.5rem;
    font-size: 1.6rem;
}
#community-article,
#community {
    padding: 0 1.5rem;
}
#community .nav {
    display: grid;
    grid-auto-flow: column;
    padding: 2rem 0;
    gap: 0;
    font-size: 1.2rem;
}
#community .nav li .pic {
    width: 4rem;
    height: 3.7rem;
}

#community .banner {
    flex-direction: column;
}
#community .banner .activity {
    margin-bottom: 1.5rem;
    width: 100%;
    height: 17.5rem;
}
#community .banner .activity .activity-slider .owl-nav .owl-prev,
#community .banner .activity .activity-slider .owl-nav .owl-next {
    width: 2.5rem;
    height: 4rem;
}
#community .activity-slider .title {
    margin: 0;
    font-size: 1.8rem;
}
#community .activity-slider .desc {
    padding: 1rem 1.5rem;
    font-size: 1.2rem;
}

#community .banner .banner-right {
    margin: 0;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}
#community .banner .recommend-list .title {
    margin: 0;
    font-size: 1.4rem;
}
#community .recommend-list li:not(:last-child) {
    margin-bottom: .7rem;
}
#community .banner .recommend-list {
    box-sizing: border-box;
    min-height: auto;
    margin-top: 0;
    padding: 1rem;
    font-size: 1.2rem;
    width: 16.5rem;
    max-height: 11rem;
    overflow: hidden;
}

/* 热议 START */
#community .hots-box {
    margin-top: 0;
    flex-direction: column;
    overflow: hidden;
}
#community .hots-box .community-24hrs {
    /* grid-template-columns: repeat(3, 24rem); */
    gap: 1.5rem;
    font-size: 1.2rem;
}
#community-article .choice-article .pre-article,
#community .hots-box .topic {
    box-sizing: border-box;
    margin-top: 1.5rem;
    margin-left: 0;
    padding: 0 1.5rem 1.5rem;
    width: 100%;
}
#community .hots-box .topic .topic-hot {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem 1.5rem;
    font-size: 1.2rem;
}
#community .hots-box .topic .topic-hot dt {
    margin-bottom: 0;
}
#community .hots-box .topic .topic-hot .num {
    font-size: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-right: 1rem;
}
#community .hots-box .btn-big {
    font-size: 1rem;
    height: auto;
    padding: 0.6rem;
}
/* 热议 END */

/* 精选文章 START */
#community-article .choice-article {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 0;
}
#community-article .choice-article .title {
    margin: 2rem 0 1.5rem;
    font-size: 1.6rem;
    line-height: 1;
}
#community-article .choice-graphics .graphics-info .graphics-desc,
#community-article .choice-graphics .graphics-info {
    padding: 1.5rem 1rem;
}
#community-article .choice-graphics .graphics-info {
    height: 16rem;
}
#community-article .choice-graphics .graphics-info::before,
#community-article .choice-graphics .graphics-info::after {
    width: 1.7rem;
    height: 1.7rem;
}
#community-article .choice-graphics .graphics-info::after {
    right: 1rem;
    bottom: 1.5rem;
}
#community-article .article-title {
    margin-bottom: 1rem;
    font-size: 1.4rem;
    line-height: 1.15;
}

#community-article .article-title+p {
    font-size: 1.2rem;
    line-height: 1.4;
    -webkit-line-clamp: 2;
}
#community-article .choice-article .pre-article li+li {
    margin-top: 1.5rem;
}
#community-article .choice-article .pre-article .cover {
    width: 7rem;
    height: 6rem;
}
#community-article .choice-article .pre-article .desc {
    font-size: 1.2rem;
}
.bottom-tip {
    margin: 2rem auto;
}
/* 精选文章 END */

/* 社区首页 END */

/* 社区板块 START */
#community .circle-main .box.right {
    display: none;
}
.circle-main .swiper {
    padding: 0 3rem;
}
#community .swiper .cover {
    margin-right: .8rem;
    width: 15rem;
    height: 9rem;
}
#community .swiper .swiper-item-info {
    padding: 0;
}
#community .swiper .swiper-item-info h2 {
    font-size: 1.4rem;
    line-height: 1.5;
}
#community .swiper .swiper-item-info .avatar-tiny {
    margin-right: 1rem;
    width: 2rem;
    height: 2rem;
}
.circle-main .swiper .owl-nav .owl-prev,
.circle-main .swiper .owl-nav .owl-next {
    width: 2.6rem;
    height: 4.3rem;
}
.tag-content .tag-tab .active,
.content .btn-tab li,
.tag-content .tag-tab li {
    padding: .5rem 1.5rem;
    font-size: 1.4rem;
}

#community .more-nav {
    padding-top: 3rem;
}
#community .tag-content .more-theme {
    font-size: 1.2rem;
}
#community .community-detail .title,
#community .more-nav .now,
#community .more-nav .index {
    font-size: 1.4rem;
    font-weight: 400;
}
#community .community-detail .top10 {
    margin-left: 0;
    display: flex;
    align-items: center;
}
#community .community-detail .top10 h2 {
    white-space: nowrap;
    margin-right: 0.5rem;
    font-size: 1rem;
    color: #c1c3c3;
}
.top10>ul {
    gap: 0 .6rem;
    font-size: 1rem;
}
.top10>ul>li:nth-of-type(n+6) {
    display: none;
}
.top10>ul .avatar-tiny {
    margin-top: 0;
    margin-bottom: 0.5rem;
    border: none;
    width: 2rem;
    height: 2rem;
}
.top10>ul .avatar-tiny>img {
    border: none;
}
.top10>ul .avatar-tiny>em,
#community .tag-content .more-theme.fold>a {
    display: none;
}
#community .community-detail {
    padding: 2rem 0;
    flex-direction: column;
}
#community .community-detail .moderator {
    display: none;
}
#community .community-detail .desc {
    margin: 1rem 0;
    font-size: 1rem;
}
#community .community-detail .icon {
    margin-right: 1.5rem;
    width: 7.5rem;
    height: 5.5rem;
}
.circle-main .box {
    margin-bottom: 2rem;
    padding: 2rem 1.2rem;
}
.article-list .article-item .article-content {
    padding: 0;
}
.article-list .article-item .article-content>dd {
    padding-bottom: 1.5rem;
}
section .share-more {
    margin-top: 1rem;
    margin-left: auto;
    width: 20rem;
}
.article-list .article-item+.article-item {
    margin-top: 1.5rem;
}
#community .article-list .top-content {
    padding: 0;
}
.article-list .article-item .cover {
    margin-right: 1rem;
    width: 12rem;
    height: 9rem;
}
.article-list .article-item .article-title {
    margin: 1rem 0;
    font-size: 1.4rem;
    line-height: 1.5;
}
.article-list .article-item .article-desc {
    font-size: 1.2rem;
    line-height: 1.5;
}
.article-list .article-item .look-link {
    margin-top: 0;
}

.article-list .article-item .comment-list {
    margin-top: 2rem;
}
.article-list .article-item .hashtag-tag,
.article-list .article-item .circle-tag {
    margin: 1rem 1rem 0 0;
    font-size: 1rem;
    font-weight: 300;
}
.article-list .btn-tab li {
    margin-bottom: 0;
}
.article-list .more-article {
    margin-top: 1.5rem;
}
.dropdown {
    margin-top: 2rem;
    transform: translateX(-50%);
}

#community .mobile-post {
    display: flex;
}
/* 社区板块 END */

/* 文章内容页面 START */
.bread-nav {
    padding: 1rem 1.5rem;
    font-size: 1.2rem;
}
.article-section .sidebar {
    display: none;
}
.mobile-bottom-nav {
    display: flex;
}
.comment-section {
    padding-top: 1.5rem;
    padding-bottom: 2rem;
}
.article-section .container,
.comment-section .container {
    padding-right: 0;
}
.article-section .card,
.comment-section .card {
    padding: 2rem 1.5rem;
}
.article-section h1 {
    font-size: 1.6rem;
    line-height: 1.5;
}
.article-section .text-content {
    font-size: 1.4rem;
    font-weight: 300;
}
.comment-list .publish-comment>.flex-top,
.comment-section .comment-form>.flex-top {
    align-items: end;
}
.comment-list .submit-btn-big,
.comment-section .comment-form .submit-btn-big {
    margin-left: 1rem;
    padding: 1rem 1.5rem;
    font-size: 1.2rem;
    border-radius: 3px;
    height: auto;
    white-space: nowrap;
    flex-shrink: 0;
}
.comment-list .comment-textarea,
.comment-section .comment-form .comment-textarea {
    padding: 1rem 0;
    height: 8rem;
    flex-shrink: 3;
}
.comment-list .comment-textarea textarea,
.comment-section .comment-form .comment-textarea textarea {
    box-sizing: border-box;
    padding: 0 1rem;
}
.content>dl>div .comment-list dt,
.comment-list .comment-stick,
.comment-section .comment-form .comment-stick {
    margin-top: 1rem;
}
.comment-section .comment-head {
    margin: 1.5rem 0;
}
.comment-section .comment-head .title {
    font-size: 1.6rem;
}
.comment-section .comment-head .sort-tab {
    display: none;
}
.comment-section .comment-reply {
    padding: 1.2rem;
    font-size: 1.4rem;
}
.comment-section .comment-main dt {
    padding-bottom: 2rem;
    margin-bottom: 0;
    border: none;
}
.bread-nav a,
.comment-main .comment-content,
.content-main .user-name,
.comment-main .more {
    font-size: 1.4rem;
}
.comment-main p.comment-content+.comment-more,
.comment-main p.comment-content {
    margin-left: 0;
}

/* 文章内容页面 END */

/* 社区 END */



/* 首页 START */
.product-card .product-name {
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
    font-weight: 300;
}
.product-card.product-3 {
    grid-template-columns: 100%;
}
.product-card.product-card-padding .pic {
    padding: 3rem;
}

section#space .tips .download-btn {
    min-width: auto;
    padding: 0.6rem 1.6rem;
    font-size: 1rem;
}
section#space .additional {
    padding: 1.5rem;
    font-size: 1.4rem;
}
section#space .additional .more {
    font-size: 3.2rem;
}
/* 首页 END */