/* 【 0 - 1500 】 */@media screen and (max-width: 767px) {  html {    font-size: 10vw;  }  /*        header    */  header {    width: 100%;    max-width: 767px;    min-width: 320px;    height: 1.333rem;  }  header .container {    width: 100%;    height: 100%;  }  header .container .logo {    width: 2.667rem;    height: 100%;    position: relative;  }  header .container .logo img {    max-width: 100%;    position: absolute;    top: 50%;    left: calc(50% + 0.267rem);    transform: translate(-50%, -50%);  }  header .container .nav {    width: calc(100% - 2.667rem);  }  header .container .nav li {    margin-right: 0.8rem;    display: flex;    align-items: center;  }  header .container .nav li:last-child {    margin-right: 0.267rem;  }  header .container .nav a {    font-size: 0.347rem;  }  header .container .search {    width: 400px;    display: none;  }  header .container .search .wrapper {    width: 100%;    height: 36px;    background-color: #f5f5f5;    border-radius: 8px;    display: flex;    align-items: center;  }  header .container .search .wrapper input {    width: calc(100% - 36px);    background: transparent;    border: none;    outline: none;    padding: 0 20px;    border-right: 1px solid #e5e5e5;  }  header .container .search .wrapper input::placeholder {    color: #cacaca;  }  header .container .search .wrapper button {    width: 36px;    height: 36px;    background: url('../images/icon-search.png') no-repeat center center;    border: none;    cursor: pointer;  }  /*        footer    */  footer {    width: 100%;    max-width: 767px;    min-width: 320px;  }  footer .container {    width: 100%;  }  footer .container .footer-info {    width: 100%;    padding: 35px 0 0;    display: flex;    align-items: flex-start;    justify-content: center;    display: none;  }  footer .container .footer-info .footer-item {    margin-right: 240px;  }  footer .container .footer-info .footer-item .footer-item-title {    font-size: 16px;    line-height: 24px;    color: #fff;  }  footer .container .footer-info .footer-item ul {    list-style: none;    margin-top: 10px;  }  footer .container .footer-info .footer-item ul li a {    font-size: 14px;    line-height: 24px;    color: rgba(255, 255, 255, 0.5);  }  footer .container .footer-info .footer-item ul li a:hover {    color: #00b689;    opacity: 0.5;  }  footer .container .footer-copyright {    border-top: none;    font-size: 0.347rem;    line-height: 2;    margin-top: 0.267rem;    padding: 0.267rem 0;  }  footer .container .footer-copyright i {    display: block;  }  footer .container .footer-copyright a {    font-size: 0.347rem;    line-height: 1.5;  }  /*        index    */  .index-banner {    width: 100%;    max-width: 767px;    min-width: 320px;    height: 14.267rem;    background: url('../images/index-banner.png') no-repeat center center;    /* background-size: 100% 100%; */    background-size: auto 100%;  }  .index-banner .container {    width: 100%;    padding: 2.133rem 0.533rem 0;  }  .index-banner .container .title {    font-size: 0.8rem;  }  .index-banner .container .descript {    width: 100%;    font-size: 0.4rem;    line-height: 0.64rem;    margin-top: 0.8rem;  }  .index-banner .container .btns {    margin-top: 1.6rem;  }  .index-banner .container .btns a {    width: 4.933rem;    height: 0.933rem;    border-radius: 0.133rem;    margin-right: 0;    font-size: 0.373rem;  }  .index-banner .container .btns a.download {    display: none;  }  .index-banner .container .supportSys {    font-size: 0.293rem;    line-height: 1.5;  }  .index-banner .container .feature {    width: 100%;    margin-top: 1.067rem;  }  .index-banner .container .feature li {    width: 100%;    margin-bottom: 0.267rem;  }  .index-banner .container .feature li i {    width: 0.467rem;    height: 0.467rem;    margin-right: 0.107rem;    background-size: 100% 100% !important;  }  .index-banner .container .feature li span {    font-size: 0.32rem;    line-height: 1;  }  .index-main {    width: 100%;    max-width: 767px;    min-width: 320px;    padding: 1.067rem 0 0;    background-color: #F8F9FA;  }  .index-main .container {    width: 100%;    flex-wrap: wrap;    transform: translateX(0);  }  .index-main .container .nav {    width: 100%;    padding: 0.267rem 0.2rem;    background: #fff;    border-radius: 0.2rem;    transform: translateX(0);    top: 0;    z-index: 100;    display: flex;    align-items: center;    overflow-x: scroll;  }  .index-main .container .nav li {    width: auto;    height: 0.667rem;    margin: 0 0.267rem 0 0;    font-size: 0.347rem;    padding: 0 0.267rem;    white-space: nowrap;  }  .index-main .wrapper {    width: 100%;    margin-top: 0.533rem;  }  .index-main .wrapper .left {    width: 100%;    padding: 0 0.533rem;  }  .index-main .wrapper .right {    display: none;  }  .index-main .wrapper .news-module {    border-radius: 0.133rem;    margin-bottom: 0.267rem;  }  .index-main .wrapper .news-module .module-title {    height: 1.067rem;    padding: 0 0.533rem;  }  .index-main .wrapper .news-module .module-title span {    font-size: 0.4rem;    padding-left: 0.2rem;  }  .index-main .wrapper .news-module .module-title span::before {    width: 0.067rem;    height: 0.4rem;  }  .index-main .wrapper .news-module .module-title a {    font-size: 0.32rem;  }  .index-main .wrapper .news-module .news-wrapper {    padding: 0 0.533rem;  }  .index-main .wrapper .news-module .news-wrapper .news-item {    padding: 0.4rem 0;  }  .index-main .wrapper .news-module .news-wrapper .news-item .thumb {    width: 2.667rem;  }  .index-main .wrapper .news-module .news-wrapper .news-item .thumb img {    max-width: 100%;  }  .index-main .wrapper .news-module .news-wrapper .news-item .content {    width: calc(100% - 2.667rem - 0.533rem);  }  .index-main .wrapper .news-module .news-wrapper .news-item .content .news-item-title a {    width: 100%;    font-size: 0.373rem;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;    overflow: hidden;  }  .index-main .wrapper .news-module .news-wrapper .news-item .content .news-item-descript {    font-size: 0.32rem;    line-height: 1.5;    margin-top: 0.267rem;  }  .index-main .wrapper .news-module .news-wrapper .news-item .content .news-item-info {    margin-top: 0.533rem;  }  .index-main .wrapper .news-module .news-wrapper .news-item .content .news-item-info .time {    font-size: 0.293rem;  }  .index-main .wrapper .news-module .news-wrapper .news-item .content .news-item-info .label {    display: none;  }  /*        download    */  .download-banner {    width: 100%;    max-width: 767px;    min-width: 320px;    height: 5.333rem;    background: url('../images/download-banner.png') no-repeat center center;    background-size: 100% 100%;  }  .download-banner .container {    width: 100%;    padding: 2.133rem 0.533rem 0;  }  .download-banner .container .title {    font-size: 0.8rem;  }  .download-main {    width: 100%;    max-width: 767px;    min-width: 320px;    padding: 1.333rem 0 1.6rem;  }  .download-main .container {    width: 100%;    padding: 0 0.533rem;  }  .download-main .container .downlaod-version {    flex-wrap: wrap;  }  .download-main .container .downlaod-version .version-item {    width: 8.933rem;    height: 4rem;    border-radius: 0.133rem;    margin-bottom: 0.533rem;  }  .download-main .container .downlaod-version .version-item:hover .system {    opacity: 1;  }  .download-main .container .downlaod-version .version-item:hover .package {    opacity: 0;  }  .download-main .container .downlaod-version .version-item .system {    width: 100%;    height: 100%;  }  .download-main .container .downlaod-version .version-item .system i.icon {    width: 1.333rem;    height: 1.333rem;    background-size: 100% 100% !important;  }  .download-main .container .downlaod-version .version-item .system label {    display: none;  }  .download-main .container .downlaod-version .version-item .system div {    display: block;    font-size: 0.373rem;    line-height: 1.5;    margin-top: 0.267rem;  }  .download-main .container .downlaod-version .version-item .package {    display: none;  }  .download-main .container .downlaod-support {    flex-wrap: wrap;    border-radius: 0.133rem;    margin-top: 0.4rem;    padding: 0.48rem 1.067rem 0.133rem;  }  .download-main .container .downlaod-support .support-item {    width: 50%;    margin-bottom: 0.4rem;  }  .download-main .container .downlaod-support .support-item i.icon {    width: 0.667rem;    height: 0.667rem;    background-size: 100% 100% !important;  }  .download-main .container .downlaod-support .support-item a {    font-size: 0.347rem;    line-height: 1;    margin-left: 0.133rem;  }  /*        support    */  .support-banner {    width: 100%;    max-width: 767px;    min-width: 320px;    height: 5.333rem;    background: url('../images/support-banner.png') no-repeat center center;    background-size: 100% 100%;  }  .support-banner .container {    width: 100%;    padding: 1.333rem 0.533rem 0;  }  .support-banner .container .title {    font-size: 0.56rem;  }  .support-banner .container .wrapper {    width: 100%;    margin: 0.8rem auto 0;  }  .support-banner .container .wrapper .search {    width: 100%;    height: 0.933rem;    border-radius: 0.133rem;    padding: 0 0.267rem;  }  .support-banner .container .wrapper .search input {    width: calc(100% - 0.4rem);    padding: 0 0.267rem 0 0.133rem;  }  .support-banner .container .wrapper .search button {    width: 0.4rem;    height: 0.4rem;    background-size: 100% 100% !important;  }  .support-banner .container .wrapper .search-keywords {    display: none;  }  .support-main {    width: 100%;    max-width: 767px;    min-width: 320px;    padding: 1.333rem 0.533rem 1.867rem;  }  .support-main .container {    width: 100%;  }  .support-main .container > .support-list {    padding: 0 0.533rem;  }  .support-main .container > .support-list .news-item {    padding: 0.4rem 0;  }  .support-main .container > .support-list .news-item .thumb {    width: 2.667rem;  }  .support-main .container > .support-list .news-item .thumb img {    max-width: 100%;  }  .support-main .container > .support-list .news-item .content {    width: calc(100% - 2.667rem - 0.533rem);  }  .support-main .container > .support-list .news-item .content .news-item-title a {    width: 100%;    font-size: 0.373rem;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;    overflow: hidden;  }  .support-main .container > .support-list .news-item .content .news-item-descript {    font-size: 0.32rem;    line-height: 1.5;    margin-top: 0.267rem;  }  .support-main .container > .support-list .news-item .content .news-item-info {    margin-top: 0.533rem;  }  .support-main .container > .support-list .news-item .content .news-item-info .time {    font-size: 0.293rem;  }  .support-main .container > .support-list .news-item .content .news-item-info .label {    display: none;  }  .support-main .container .news-pages {    padding: 0.4rem 0 0.8rem;  }  .support-main .container .news-pages span {    width: 0.667rem;    height: 0.667rem;  }  .support-main .container .news-pages a {    width: 0.667rem;    height: 0.667rem;    font-size: 0.293rem;  }  .support-slider {    display: none;  }  .position {    width: 100%;    max-width: 767px;    min-width: 320px;  }  .position .container {    width: 100%;    padding: 0.267rem 0.533rem 0;  }  .position .container span,  .position .container a {    font-size: 0.32rem;  }  .support-article {    width: 100%;    padding: 0.4rem 0.533rem 0.667rem;    border-radius: 0.133rem;  }  .support-article .article-title {    font-size: 0.373rem;    font-family: 'BestFont-Bold';  }  .support-article .article-time {    font-size: 0.32rem;    margin-top: 0.267rem;    padding-bottom: 0.267rem;  }  .support-article .article-time i {    display: inline-block;    width: 14px;    height: 14px;    background: url('../images/time.png') no-repeat center center;    margin-right: 0.133rem;  }  .support-article .article-content {    font-size: 0.347rem;    line-height: 1.5;    padding: 0.4rem 0 0;  }  .support-search {    width: 100%;    padding: 0.4rem 0.533rem 0.667rem;    border-radius: 0.133rem;  }  .support-search .search-title {    font-size: 0.32rem;    padding-bottom: 0.4rem;  }  .support-search .search-wrapper {    padding-top: 0.267rem;  }  .support-search .search-wrapper .search-item {    margin-bottom: 0.533rem;  }  .support-search .search-wrapper .search-item .item-title {    font-size: 0.32rem;  }  .support-search .search-wrapper .search-item .item-content {    font-size: 0.293rem;    line-height: 1.5;    margin-top: 0.133rem;  }  .support-search .search-title2 {    font-size: 0.293rem;    font-family: 'BestFont-Bold';  }}