* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

html {
    background: #fff;
}

body {
    font: 14px 微软雅黑;
    background: #fff;
    color: #111e36;
    width: 100%;
    overflow-x: hidden;
    line-height: 1.8;
}

body * {
    scrollbar-width: thin;
    scrollbar-color: #ddd #eee;
}

img {
    border: none;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all .5s;
}

img:hover {
    opacity: .85;
}

a {
    color: #111e36;
    text-decoration: none;
}

a:hover {
    color: #009bff;
}

ul,
li {
    list-style: none;
}

input,
select,
button,
textarea {
    font: 14px Verdana, Arial, Tahoma;
    vertical-align: middle;
    outline: 0px;
    background: #fff;
}

input[type="number"] {
    -moz-appearance: textfield;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 14px;
    font-weight: normal;
}

i,
em {
    font-style: normal;
}

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

.lines2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.lines3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.trany {
    transition: .3s;
}

.trany:hover {
    transform: translateY(-3px);
}

.body_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 990;
    display: none;
}

.m {
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
    padding: 0 30px;
}

.p_r {
    position: relative;
}

.d_n {
    display: none;
}

.f_l {
    float: left;
}

.f_r {
    float: right;
}

.c_b:after {
    content: '';
    display: block;
    clear: both;
}

.pt10 {
    padding-top: 10px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.t_a_r {
    text-align: right;
}

.shadbox {
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}

.pic_zoom {
    overflow: hidden;
}

.pic_zoom img {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.pic_zoom:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.standoutText {
    color: #00a8ff;
    font-weight: 700;
}

.negativeText {
    color: #ff6600;
    font-weight: 700;
}

.positiveText {
    color: #199c44;
    font-weight: 700;
}

.backgroundText {
    color: #999;
}

.vrText {
    color: #00a8ff;
    font-weight: 700;
}

.arText {
    color: #1706e4;
    font-weight: 700;
}

.iconfont:before {
    vertical-align: middle;
}

.icon-jd {
    color: #d21b1c;
}

.icon-tmall {
    color: #f91f31;
}

.icon-taobao {
    color: #f4521e;
}

.icon-pinduoduo {
    color: #ed291e;
}

.icon-weixin {
    color: #52ce42;
}

.icon-qqspace {
    color: #f3c621;
}

.icon-qq {
    color: #508ae7;
}

.header {
    border-bottom: 1px #efefef solid;
    height: 70px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .02);
    position: relative;
    margin-top: 3px;
    background: #fff;
}

.header:before {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    top: -3px;
    left: 0;
    background-image: linear-gradient(-90deg, #e40666 0%, #009bff 100%);
}

.header .m {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
}

.header .logo {
    display: flex;
    align-items: center;
    height: 100%;
}

.header .logo img {
    height: 46%;
    width: auto;
}

.navs {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    height: 100%;
}

.navs,
.navs li {
    height: 100%;
}

.navs li a {
    display: flex;
    padding: 0 5px;
    margin: 0 10px;
    height: 100%;
    align-items: center;
    position: relative;
}

.navs li.active a {
    color: #009bff;
}

.navs li.active a:after,
.navs li a:hover:after {
    content: '';
    width: calc(100% - 10px);
    height: 2px;
    background: #009bff;
    position: absolute;
    bottom: 0;
    left: 5px;
}

.navs .icon-no {
    display: none;
}

.header .other {
    display: flex;
}

.header .other i {
    font-size: 24px;
    color: #666;
}

.header .other .search {
    display: none;
}

.header .other .user {
    position: relative;
    z-index: 99;
}

.header .other .user img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.header .other .user .menu {
    display: none;
    font-size: 14px;
    position: absolute;
    width: 120px;
    left: 50%;
    transform: translateX(-50%);
    top: 40px;
    margin-top: 0px;
    line-height: 37px;
    padding: 10px 0;
}

.header .other .user .menu ul {
    border: 1px solid #EBEEF5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    position: relative;
    background-color: #FFF;
}

.header .other .user .menu ul:before {
    position: absolute;
    left: 0;
    right: 0;
    top: -6px;
    margin: auto;
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #EBEEF5;
}

.header .other .user .menu a {
    padding: 0 20px;
    display: block;
}

.header .other .user .menu a:hover {
    background-color: #ecf5ff;
    color: #66b1ff;
}

.header .other .user .menu .one {
    position: relative;
    margin-top: 6px;
    border-top: 1px solid #EBEEF5;
}

.header .other .user .menu .one:before {
    content: '';
    height: 6px;
    display: block;
    margin: 0 -20px;
    background-color: #FFF;
}

.header .other .user:hover .menu {
    display: block;
}

.header .navbtn {
    display: none;
}

.header_sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999 !important;
    left: 0;
    right: 0;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.cnConvertBtn {
    position: absolute;
    top: 15px;
    right: 20px;
    background: #fff;
    color: #666;
    padding: 0 5px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border: 2px #bbb solid;
    border-radius: 5px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.breadcrumb {
    color: #8a8a8a;
    padding: 20px 0;
}

.breadcrumb a {
    color: #8a8a8a;
}

.breadcrumb a:hover {
    color: #333;
}

.breadcrumb span {
    padding: 0 10px;
}

.tbox {
    display: flex;
}

.tbox .left {
    width: 68%;
}

.tbox .right {
    margin-left: 40px;
    flex: 1;
}

.vrlayer{border-radius:10px!important;overflow:hidden;}
.vrlayer .layui-layer-setwin .layui-layer-close2{right:0;top:0;background:none;color:#bbb;border:0;font-size:20px;}
.vrlayer .layui-layer-setwin .layui-layer-close2:hover{transform: rotate(360deg);}

.cate {
    background: #009dff;
    display: inline-block;
    line-height: 2;
    font-size: 12px;
    padding: 0 8px;
    border-radius: 4px;
    color: #fff;
}

.cate a {
    color: #fff;
}

.hslide .item {
    position: relative;
    overflow: hidden;
    color: #fff;
    float: left;
    border-radius: 10px;
}

.hslide .item .pic {
    height: 100%;
    width: 100%;
}

.hslide .item a {
    color: #fff;
}

.hslide .item .txt {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    padding: 24px;
    background-image: linear-gradient(to top, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
}

.hslide .item .txt h3 {
    margin: 12px 0;
}

.hslide .item .txt h3 a {
    box-decoration-break: clone;
    display: inline;
}

.hslide .item .txt em {
    font-size: 12px;
    display: none;
}

.hslide .item:hover .pic img {
    transform: scale(1.06);
}

.hslide li .item:nth-child(1) {
    width: 55%;
    height: 502px;
}

.hslide li .item:nth-child(1) .txt h3 {
    font-size: 30px;
    line-height: 1.5;
}

.hslide li .item:nth-child(2) {
    width: 43.8%;
    float: right;
    height: 267px;
    margin-left: .2%;
    margin-bottom: 15px;
}

.hslide li .item:nth-child(2) .txt h3 {
    font-size: 20px;
    line-height: 1.3;
}

.hslide li .item:nth-child(n+3) {
    width: 21.3%;
    margin-left: 1.2%;
    height: 220px;
}

.hslide li .item:nth-child(n+3) .txt h3 {
    font-size: 16px;
    line-height: 1.4;
}

.hslide2 li .item:nth-child(1) {
    width: 68%;
    height: 300px;
}

.hslide2 li .item:nth-child(2) {
    width: 30.8%;
    height: 300px;
    margin-bottom: 0;
}

.tita {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px #eee solid;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
}

.tita:after {
    content: '';
    width: 40px;
    height: 2px;
    background: #009bff;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.tita .na {
    font-size: 22px;
    font-weight: 600;
}

.tita .nb {
    font-size: 18px;
    font-weight: 600;
}

.tita .more {
    color: #999;
}

.titb {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.titb .name {
    font-size: 22px;
    font-weight: 700;
}

.titb .more {
    order: 5;
    margin-left: 20px;
    display: flex;
    align-items: center;
    border: 1px #e8e8e8 solid;
    border-radius: 20px;
    line-height: 1;
    padding: 5px 14px;
    color: #999;
    transition: .3s;
}

.titb .more i {
    margin-left: 7px;
    font-size: 15px;
}

.titb .more:hover {
    color: #222;
}

.titb:after {
    content: '';
    margin: 1px 0 0 20px;
    flex: 1 1 auto;
    height: 2px;
    box-sizing: content-box;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: #e2e2e2;
}

.titc {
    height: 38px;
    display: flex;
    border-left: 3px #009bff solid;
    align-items: center;
}

.titc h4 {
    font-size: 19px;
    padding-left: 14px;
}

.sidenews li {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    padding: 35px 0;
    border-top: 1px #e2e2e2 solid;
}

.sidenews li .pic {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    margin-left: 25px;
}

.sidenews li .pic img {
    width: 100%;
    height: 100%;
}

.sidenews li .txt h4 {
    font-size: 11px;
    color: #009bff;
    text-transform: uppercase;
    font-weight: 600;
}

.sidenews li .txt h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 12px 0;
}

.sidenews li .txt em {
    color: #999;
    font-size: 12px;
}

.sidenews li:nth-child(1) {
    border: 0;
}

.sidenews li:nth-child(2) .txt h4 {
    color: #ab07ab;
}

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

.subcate a {
    display: block;
    margin: 0 6px;
    border: 1px #f1f1f1 solid;
    padding: 0 12px;
    line-height: 35px;
    border-radius: 5px;
    background: #f1f1f1;
}

.subcate a:nth-child(1) {
    margin-left: 0;
}

.subcate a.active {
    background: #00a8ff;
    border-color: #00a8ff;
    color: #fff;
}

.arclist li {
    display: flex;
    background: #fff;
    border-top: 1px solid #e2e2e2;
    padding: 25px 0;
}

.arclist li .pic {
    width: 282px;
    height: 180px;
    overflow: hidden;
    margin-right: 25px;
    position: relative;
    border-radius: 1px;
    flex-shrink: 0;
    border-radius: 10px;
}

.arclist li .pic .cate {
    position: absolute;
    left: 0;
    bottom: 0;
}

.arclist li .txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.arclist li .txt h3 {
    font-size: 20px;
    line-height: 1.6;
}

.arclist li .txt h3 a {
    display: block;
}

.arclist li .txt em {
    color: #999;
    margin: 12px 0 16px;
    display: block;
}

.arclist li .txt p {
    color: #888;
    line-height: 1.6;
    word-break: break-all;
}

.arclist li:nth-child(1) {
    border: 0;
}

.arclistd li {
    display: flex;
    flex-direction: row-reverse;
    padding: 15px 0;
    border-top: 1px #eee solid;
    justify-content: space-between;
    align-items: center;
}

.arclistd li .txt h3 {
    line-height: 1.6;
    margin-bottom: 0px;
    font-size: 16px;
}

.arclistd li .txt h3 a {
    display: block;
}

.arclistd li .txt em {
    color: #999;
    font-size: 12px;
}

.arclistd li .pic {
    flex-shrink: 0;
    margin-left: 25px;
    width: 100px;
    height: 80px;
    border-radius: 10px;
}

.arclistd li:nth-child(1) {
    border: 0;
    padding-top: 0;
    flex-direction: column;
}

.arclistd li:nth-child(1) .txt {
    width: 100%;
}

.arclistd li:nth-child(1) .pic {
    height: auto;
    width: 100%;
    margin-bottom: 15px;
    margin-left: 0;
}

.arcliste li {
    display: flex;
    padding: 15px 0;
    border-top: 1px #eee solid;
    align-items: center;
}

.arcliste li .txt h3 {
    line-height: 1.6;
    margin-bottom: 0px;
    font-size: 16px;
}

.arcliste li .txt h3 a {
    display: block;
}

.arcliste li .txt em {
    color: #999;
    font-size: 12px;
}

.arcliste li .pic {
    flex-shrink: 0;
    margin-right: 25px;
    width: 100px;
    height: 80px;
    border-radius: 10px;
}

.pages {
    padding-top: 60px;
    padding-bottom: 70px;
    *zoom: 1;
    text-align: center;
}

.pages a,
.pages em {
    display: inline-block;
    background: #f7f7fa;
    border: 1px solid #fff;
    color: #555 !important;
    font-size: 16px;
    margin: 0px 3px;
    padding: 7px 17px;
    white-space: nowrap;
    line-height: 25px;
    border-radius: 5px;
    font-weight: 500;
}

.pages a:hover,
.pages a.cur {
    color: #fff !important;
    background: #00a8ff;
    border-color: #00a8ff;
}

.foot {
    margin-top: 50px;
    height: 100px;
    border-top: 1px #eee solid;
    background: #232c3a;
    color: #fff;
}

.foot .m {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.foot .fc a {
    color: #fff;
}

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

.tags a {
    display: block;
    border: 1px #e5e5e5 solid;
    padding: 6px 12px;
    margin: 0 5px 5px 0;
    border-radius: 5px;
    transition: all 140ms;
    color: #656565;
}

.tags a:hover,
.tags a.active {
    background: #009dff;
    color: #fff;
    border-color: #009dff;
}

.archd {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px #eee solid;
}

.archd h1 {
    font-size: 30px;
    font-weight: 700;
    margin: 10px 0;
}

.archd .info {
    color: #999;
    display: flex;
}

.archd .info li {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.archd .info li i {
    margin-right: 5px;
    color: #bbb;
}

.archd .info li:nth-child(1) {
    margin-left: 0;
}

.arcbd {
    line-height: 2;
    font-size: 16px;
}

.arcbd ol,
.arcbd ul {
    padding-left: 30px;
    margin-bottom: 25px;
}

.arcbd ol li,
.arcbd ul li {
    list-style-type: disc;
    padding-left: 5px;
}

.arcbd h2 {
    font-size: 22px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 12px;
    font-weight: bold;
    margin-bottom: 25px;
}

.arcbd h3 {
    font-size: 1.25em;
    font-weight: bold;
    margin-top: 10px;
}

.arcbd h4 {
    font-size: 1.125em;
    font-weight: bold;
    margin-top: 10px;
}

.arcbd table {
    width: 100%;
    margin-top: 20px;
}

.arcbd table td,
.arcbd table th {
    padding: 0 8px;
    border: 1px #aaa solid;
}

.arcbd p {
    letter-spacing: .5px;
    margin-bottom: 25px;
    color: #3b3b3b;
}

.arcbd li p {
    margin-bottom: 0;
}

.arcbd blockquote {
    background: #f1f1f1;
    padding: 5px 20px;
    margin: 10px 0 20px;
}

.arcbd blockquote p {
    margin-bottom: 0;
    padding: 3px 0;
}

.arcbd img {
    width: 94%;
    height: auto;
    margin-left: 4%;
    display: block;
}

.arcbd .img_wrapper {
    text-align: center;
    margin: 10px 0;
}

.arcbd .video_iframe {
    display: flex;
    margin: 15px 0;
}

.arcbd .video_iframe iframe {
    min-width: 80%;
    height: 400px;
    margin: 0 auto;
}

.arcbd video {
    width: 100%;
    height: auto;
    display: block;
}

.arctag {
    margin-top: 20px;
}

.arctag a {
    line-height: 1.2;
}

.arcpn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0;
    background: #f8f8f8;
    padding: 15px 20px;
    border-radius: 5px;
}

.arcpn li {
    width: 100%;
    font-size: 16px;
    padding: 5px 0;
}

.arcpn li:nth-child(2) {
    border-top: 1px #f1f1f1 solid;
}

.arcpn li em {
    color: #999;
}

.totop {
    position: fixed;
    right: 20px;
    bottom: -100px;
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 50%;
    background: #00a8ff;
    justify-content: center;
    align-items: center;
    color: #fff;
    transition: .3s;
}

.totop i {
    font-size: 24px;
    transform: rotate(-90deg);
}

.totop.active {
    bottom: 25px;
}

.addcomparebtn {
    border: 0;
    border-radius: .2rem;
    background: #009bff;
    padding: .3rem .4rem;
    background: linear-gradient(180deg, #1673be, #154890);
    display: inline-flex;
    align-items: center;
}

.addcomparebtn:before {
    font-family: 'iconfont';
    content: '\e71c';
    color: #fff;
    font-size: .85rem;
}

.addcomparebtn.big {
    padding: .6rem .8rem;
}

.addcomparebtn.big:before {
    font-size: .9rem;
}

.addcomparebtn.disabled {
    pointer-events: none;
    filter: drop-shadow(0 0 0 #061524) brightness(60%) !important;
}

.addcomparebtn span {
    margin: -2px 0 0 7px;
    color: #fff;
}

.vrars {
    margin-top: 20px;
}

.vrars ul {
    display: flex;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 10px 0;
}

.vrars li {
    flex-shrink: 0;
    width: 148px;
    padding: 10px 0;
    border: 1px #74c0fc solid;
    background: #f7fbff;
    border-radius: 5px;
    margin-left: 15px;
    position: relative;
}

.vrars li a {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.vrars li .pic {
    display: flex;
    align-items: center;
}

.vrars li .pic img {
    width: 65px;
    height: 55px;
    object-fit: contain;
    transition: .3s;
}

.vrars li .pic span {
    margin: 0 11px;
}

.vrars li .txt {
    font-size: 12px;
    width: 95%;
    text-align: center;
    margin-top: 5px;
    line-height: 16px;
}

.vrars li .addcomparebtn {
    position: absolute;
    right: -.5rem;
    top: -.5rem;
}

.vrars li:hover .pic img {
    transform: scale(1.2);
}

.vrars ul li:nth-child(1) {
    margin-left: 0;
}

.vrarc li {
    width: 204px;
}

.games ul {
    display: flex;
    flex-wrap: wrap;
}

.games li {
    width: 23%;
    margin-left: 2.5%;
    margin-bottom: 15px;
}

.games li .pic {
    height: 120px;
    border-radius: 10px;
    border: 1px #eee solid;
}

.games li .txt {
    margin-top: 10px;
}

.games li .txt h3 {
    font-size: 16px;
}

.games li .txt p {
    color: #999;
}

.games li:nth-child(4n+1) {
    margin-left: 0;
}

.store_games li {
    width: 15%;
    margin-left: 2%;
}

.store_games li .pic {
    height: 120px;
}

.store_games li:nth-child(4n+1) {
    margin-left: 2%;
}

.store_games li:nth-child(6n+1) {
    margin-left: 0;
}

.makers {
    margin-top: 0px;
}

.makers ul {
    display: flex;
    flex-wrap: wrap;
}

.makers a {
    width: 49%;
    background: #fff;
    padding: 10px 0 10px 10px;
    border-radius: 10px;
    margin-left: 2%;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    border: 1px #eee solid;
}

.makers a:nth-child(2n+1) {
    margin-left: 0;
}

.makers a .pic {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 10px;
}

.makers a:hover {
    border-color: #009bff;
}

.arclista {
    display: block;
}

.arclista ul {
    display: flex;
    flex-wrap: wrap;
}

.arclista li {
    width: 31%;
    margin-left: 3.5%;
    margin-bottom: 20px;
}

.arclista li .pic {
    width: 100%;
    height: 170px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, .3);
}

.arclista li:nth-child(3n+1) {
    margin-left: 0;
}

.arclista li .txt {
    margin-top: 10px;
}

.arclista li .txt h3 {
    line-height: 24px;
    height: 48px;
    font-size: 16px;
    margin-bottom: 5px;
}

.arclista li .txt em {
    color: #999;
}

.arclistb li {
    float: left;
}

.arclistb li .pic {
    width: 100%;
    height: 290px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.arclistb li .txt {
    line-height: 24px;
}

.arclistb li .txt h3 {
    font-size: 16px;
}

.arclistb li .txt p {
    color: #999;
    margin-top: 10px;
}

.arclistb li .txt em {
    color: #999;
    font-size: 12px;
}

.arclistb li:nth-child(1) {
    width: 50%;
}

.arclistb li:nth-child(n+2) {
    width: 46%;
    margin-left: 4%;
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    padding: 14px 0;
    border-top: 1px #eee solid;
}

.arclistb li:nth-child(n+2) .pic {
    width: 30%;
    height: 80px;
    flex-shrink: 0;
    margin-left: 10px;
    border-radius: 5px;
    margin-bottom: 0;
}

.arclistb li:nth-child(n+2) .txt p {
    display: none;
}

.arclistb li:nth-child(2) {
    border-top: 0;
    padding-top: 0;
}

.arclistc ul {
    display: flex;
}

.arclistc li {
    width: 19%;
    flex-shrink: 0;
    margin-left: 1.25%;
}

.arclistc li .pic {
    height: 150px;
    border-radius: 10px;
}

.arclistc li .txt {
    margin-top: 10px;
}

.arclistc li:nth-child(5n+1) {
    margin-left: 0;
}

.splash {
    margin-top: 10px;
    border-radius: 10px;
    position: relative;    
    background-image: radial-gradient(circle at top left, #04bee8, #0031a5);
}

.splash .fg {
    height: 15rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: url(../img/splashfg.png) no-repeat;
    background-position: -3rem -2.6rem;
    background-size: 32rem;
}

.splash .fg h1 {
    font-size: 40px;
    color: #ffff;
    text-shadow: rgb(10, 10, 10) 0px 1px 0px;
    font-weight: 700;
}

.splash .fg h2 {
    font-size: 30px;
    color: #fff;
    text-shadow: rgb(10, 10, 10) 0px 1px 0px;
    font-weight: 400;
    padding: 0 50px;
    line-height: 50px;
}

.device_splash .detail {
    height: 20rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #fff;
    text-shadow: rgb(10, 10, 10) 0px 1px 0px;
    padding: 20px 20px 20px 30px;
}

.device_splash .pic {
    width: 25%;
    height: 100%;
    flex-shrink: 0;
}

.device_splash .pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 0 1px #9e9e9e);
}

.device_splash .tit h1 {
    font-size: 34px;
    font-weight: 700;
    padding: 0 30px;
    text-align: center;
}

.device_splash .spec {
    display: flex;
    align-items: center;
    width: 45%;
    flex-shrink: 0;
    justify-content: space-around;
}

.device_splash .spec .hb {
    font-size: 28px;
    margin-bottom: 10px;
}

.device_splash .spec .hb i {
    font-size: 28px;
    margin-right: 8px;
}

.device_splash .spec .fb {
    padding-left: 40px;
    margin-top: -15px;
}

.device_splash .share {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #032f69;
    color: #a5b4c8;
    padding: 0 15px;
    border-radius: 5px 5px 0 0;
    margin-right: 20px;
    border: 1px #0064a1 solid
}

.device_splash .share span {
    margin: 0 3px;
}

.device_splash .share i {
    color: #a5b4c8;
    cursor: pointer;
    font-size: 22px;
}

.index_splash .fg {
    height: 20rem;
    background-size: 45rem;
}

.maker_splash {
    margin-top: 0;
    border-radius: 0;
}

.maker_splash .fg {
    align-items: flex-end;
    height: 15rem;
}

.makerDetail {
    overflow: hidden;
    display: flex;
    align-items: center;
}

.makerDetail .logo {
    width: 150px;
    height: 130px;
    padding: 10px 20px;
    margin-right: 30px;
    border-radius: 15px;
    background: #fff;
    border-radius: 20px 20px 0 0;
    font-size: 0;
}

.makerDetail .logo span {
    font-size: 40px;
    display: flex;
    align-items: center;
    height: 100%;
}

.makerContent {
    margin-top: 30px;
    font-size: 16px;
    color: #666;
}

.makerContent p {
    margin-bottom: 10px;
}

.spec_table {
    width: 100%;
}

.spec_table table {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 2px #c2dbeb solid;
}

.spec_table th:nth-child(1) {
    width: 90px;
}

.spec_table th:nth-child(2) {
    width: 190px;
}

.spec_table tr {
    border-left: 1px #c2dbeb solid;
    border-right: 1px #c2dbeb solid;
}

.spec_table .first {
    border-top: 2px #c2dbeb solid;
}

.spec_table td {
    border: 1px #c2dbeb solid;
    padding: 10px;
    text-align: center;
    line-height: 22px;
}

.spec_table td .subpixel_img {
    width: 80px;
}

.spec_table td .icon-no {
    color: #999;
}

.spec_table td .icon-yes {
    color: #043c5f;
}

.spec_table td .icon-eye {
    color: #043c5f;
}

.spec_table .subtit {
    cursor: help;
    position: relative;
}

.spec_table .subtit .iconfont {
    color: #7bb4d1;
}

.spec_table .subtit .tip {
    position: absolute;
    background: #fff;
    border-radius: 10px;
    z-index: 2;
    padding: 10px 15px;
    text-align: justify;
    border: 1px #eee solid;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    visibility: hidden;
    opacity: 0;
    width: min(90vw, 20rem);
}

.spec_table .subtit:hover .tip {
    visibility: visible;
    opacity: 1;
}

.spec_table tr:nth-child(even) td:nth-child(n+2) {
    background: #f7fbff;
}

.spec_table tr td:nth-child(1) {
    border-left: 0;
    border-right: 2px #c2dbeb solid;
}

.spec_table tr.first td:nth-child(1) {
    border-right: 0;
    vertical-align: top;
    text-align: left;
    font-size: 16px;
    color: #00569b;
}

.spec_table tr.first td:nth-child(2) {
    background: #fff;
    border-left: 0;
    border-right: 2px #c2dbeb solid;
    text-align: center;
}

.spec_table thead tr {
    border: 0;
}

.spec_table thead tr th {
    padding: 20px 0;
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
}

.spec_table thead tr:hover,
.spec_table thead tr:hover th {
    background: #fff !important;
    color: #333;
}

.spec_table .addcomparebtn {
    font-size: 16px;
}

.spec_table .tbtit {
    position: relative;
}

.spec_table .tbtit a {
    display: block;
}

.spec_table .tbtit img {
    width: 85%;
    height: 130px;
    object-fit: contain;
}

.spec_table .tbtit .na {
    font-size: 20px;
    font-weight: 700;
}

.spec_table .tbtit .addcomparebtn {
    position: absolute;
    right: 5px;
    top: -1rem;
}

.spec_table .other {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    color: #999;
    font-size: 12px;
}

.spec_table .other a {
    color: #999;
}

.compare_table {
    padding-top: 10px;
}

.compare_table th:nth-child(1) {
    width: 5%;
}

.compare_table th:nth-child(2) {
    width: 14%;
}

.compare_table th:nth-child(n+3) {
    vertical-align: top;
}

.compare_table .cp2 th:nth-child(n+3) {
    width: 40.5%;
}

.compare_table .cp3 th:nth-child(n+3) {
    width: 27%;
}

.compare_table .cp4 th:nth-child(n+3) {
    width: 20.25%;
}

.compare_table .cp5 th:nth-child(n+3) {
    width: 16.2%;
}

.compare_table .tbtit h3 {
    color: #00a8ff;
    margin-top: 10px;
}

.compare_table .cp4 th:nth-child(n+3) .tbtit h3 {
    font-size: 18px;
}

.compare_table .cp5 th:nth-child(n+3) .tbtit h3 {
    font-size: 16px;
}

.vrarlist {
    overflow-x: scroll;
}

.vrarlist table {
    width: 100%;
    border-spacing: 0;
    background: #f8f8f8;
    border-radius: 10px;
    border: 1px #ddd solid;
    border-collapse: collapse;
}

.vrarlist th {
    min-width: 80px;
    position: sticky;
    top: 0;
    z-index: 10;
    background: #f8f8f8;
}

.vrarlist thead tr:nth-child(1) th {
    padding: 15px 0 10px;
}

.vrarlist thead tr:nth-child(2) th {
    padding: 10px 0 15px;
}

.vrarlist thead tr:nth-child(2) th {
    top: 50px;
}

.vrarlist td {
    text-align: center;
    border-top: 1px #eee solid;
}

.vrarlist tbody tr {
    height: 108px;
    background: #fff;
}

.vrarlist tbody tr td:nth-child(1) div {
    position: relative;
    width: 140px;
}

.vrarlist tbody tr td:nth-child(1) img {
    max-width: 6rem;
    max-height: 4rem;
    object-fit: contain;
}

.vrarlist tbody tr td:nth-child(1) .addcomparebtn {
    right: 0;
    bottom: -1rem;
    top: auto;
}

.vrarlist tbody tr:hover {
    background: #f0f8ff;
}

.vrarlist tbody td:hover {
    background: #d8edff;
}

.vrarlist .note_break .backgroundText {
    display: block;
}

.rightabout {
    line-height: 1.8;
    margin-bottom: 20px;
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.54), rgba(191, 223, 255, .35));
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    text-align: justify;
}

.rightabout h3 {
    font-size: 1.125em;
    font-weight: bold;
}

.rightabout h4 {
    font-size: 1.125em;
    font-weight: bold;
}

.rightabout p {
    padding: 7px 0;
}

.rightabout img {
    display: block;
    width: 70%;
    margin: 0 auto;
}

.vrquestions li {
    padding: 10px;
    border: 1px #ccc dotted;
    background: #fcfeff;
    margin-bottom: 10px;
    border-radius: 6px;
}

.vrquestions li h3 {
    font-size: 15px;
    color: #000;
}

.vrquestions li p {
    color: #888;
    margin-top: 10px;
    text-align: justify;
}

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

.vrcompatibles a {
    width: 100%;
}

.vrcompatibles li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    background: #f7fbff;
    padding: 20px 20px;
    border-radius: 5px;
    border: 1px #cfeaff solid;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.vrcompatibles li .pic {
    width: 30%;
    height: 70px;
}

.vrcompatibles li .pic img {
    object-fit: contain;
    filter: drop-shadow(0 0 1px #9e9e9e);
}

.vrcompatibles li .txt {
    flex: 1;
}

.vrcompatibles li h3 {
    font-size: 16px;
    font-weight: 400;
}

.vrcompatibles li .btn {
    margin-top: 15px;
    display: block;
    width: 62px;
    line-height: 24px;
    border-radius: 2px;
    text-align: center;
    font-size: 12px;
    color: #005390;
    background: linear-gradient(90deg, #e8f5ff 0, #daf1ff 100%);
}

.adunion {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.adunion a {
    border: 1px #ccc solid;
    height: 40px;
    border-radius: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    color: #222;
    font-weight: 500;
    margin: 5px 5px 0;
    position: relative;
    z-index: 2;
}

.adunion a i {
    margin-right: 5px;
    font-size: 24px;
}

.adunion a em {
    flex-shrink: 0;
}

.adunion a span {
    color: #ff4c4c;
    margin-left: 5px;
}

.adunion a b {
    color: green;
    line-height: 1.2;
    margin-left: 5px;
}

.adunion .fiximg {
    visibility: hidden;
    opacity: 0;
    width: 400px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-110%, -50%);
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px 20px rgba(0, 0, 0, .1);
}

.adunion .fiximg .txt {
    line-height: 50px;
    color: green;
    font-weight: 700;
    font-size: 16px;
}

.adunion a:hover {
    border-color: #ff4c4c;
    z-index: 3;
}

.adunion a:hover .fiximg {
    visibility: visible;
    opacity: 1;
    transition: .5s;
}

.vrarlist .filterin {
    padding: 0 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vrarlist .filterin input,
.vrarlist .filterin select {
    width: 100%;
    padding: 6px 7px;
    border-radius: 3px;
    border: 1px #ccc solid;
}

.vrarlist .filterin input:hover,
.vrarlist .filterin input:focus {
    border-color: #29a2ff;
}

.vrarlist .reset {
    border: 1px #aaa solid;
    border-radius: 5px;
    font-weight: 500;
    cursor: pointer;
    padding: 5px 10px;
}

.vrarlist .reset:hover {
    color: #fff;
    background: #29a2ff;
    border-color: #29a2ff;
}

.vrarlist button[type='reset'] {
    display: none;
}

.appslide {
    height: 480px;
    margin-bottom: 30px;
}

.appslide .swiper-container {
    width: 100%;
    height: 100%;
    padding: 20px 0 40px;
}

.appslide .swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.appslide .swiper-slide {
    transition: 0;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    transform: scale(.85);
    transition: .3s;
}

.appslide .swiper-slide a {
    opacity: .3;
}

.appslide .swiper-slide .txt {
    opacity: 0;
    height: 80px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font-weight: 700;
    width: 100%;
    background: rgba(0, 0, 0, .3);
    display: flex;
    align-items: center;
    padding: 0 30px;
    justify-content: space-between;
}

.appslide .swiper-slide .txt span {
    font-size: 16px;
    text-shadow: rgb(10, 10, 10) 0px 1px 0px;
}

.appslide .swiper-slide .txt em {
    padding: 8px 15px;
    background: #00a0e9;
    color: #fff;
    border-radius: 5px;
}

.appslide .swiper-slide-active {
    transform: scale(1);
}

.appslide .swiper-slide-active a {
    opacity: 1;
}

.appslide .swiper-slide-active .txt {
    opacity: 1;
}

.appslide .prevnext {
    position: absolute;
    height: 0;
    bottom: 29px;
    left: 0;
    right: 0;
    z-index: 3;
    opacity: 1;
    width: 260px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.appslide .prevnext .iconfont {
    font-size: 14px;
    color: #fff;
}

.appslide .prevnext .prev,
.appslide .prevnext .next {
    width: 24px;
    height: 24px;
    background: rgba(200, 200, 200, .8);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.appslide .prevnext .prev {
    transform: rotate(180deg);
}

.appslide .prevnext .prev:hover,
.appslide .prevnext .next:hover {
    background: #00a0e9;
}

.appslide:hover .prevnext {
    opacity: 1;
}

.appslide .swiper-pagination {
    z-index: 2;
    width: 1200px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    bottom: 0 !important;
}

.appslide .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    margin: 0 4px !important;
    margin-bottom: 4px !important;
    background: none;
    opacity: 0.3;
    background: #00a0e9;
    border-radius: 50%;
    opacity: 1;
}

.appslide .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    opacity: 1;
    background: #FFF;
    border: 6px solid #00a0e9;
    box-sizing: content-box;
    margin-bottom: 0 !important;
}

.apparcslide {
    height: 470px;
}

.apparcslide .swiper-slide {
    transform: scale(1);
}

.apparcslide .video {
    position: relative;
}

.apparcslide .video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.apparcslide .video .iconfont {
    position: absolute;
    color: #fff;
    z-index: 2;
    font-size: 80px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.apparcslide .swiper-slide:hover {
    transform: scale(1.02);
}

.apparcslide .prevnext {
    width: 100%;
    top: 0;
    padding: 0 50px;
}

.apparcslide .prevnext .iconfont {
    font-size: 20px;
}

.apparcslide .prevnext .prev,
.apparcslide .prevnext .next {
    width: 50px;
    height: 50px;
}

.apparcslide .swiper-container {
    padding-bottom: 30px;
}

.apparcslide .swiper-pagination-bullet {
    width: 18px;
    height: 2px;
    border-radius: 0;
    background: #ddd;
    margin-bottom: 0 !important;
}

.apparcslide .swiper-pagination-bullet-active {
    width: 18px;
    height: 2px;
    border: 0;
    background: #00a0e9;
}

.progress {
    display: inline-block;
    width: 100%;
    background: #eee;
    height: 7px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.progress:after {
    content: '';
    width: var(--progress-width);
    height: 100%;
    background: #00A8FF;
    position: absolute;
    left: 0;
    top: 0;
}

.apptop {
    display: flex;
    margin-bottom: 10px;
}

.apptoplist {
    width: 100%;
}

.apptoplist .hd {
    font-size: 18px;
    padding: 15px 0;
}

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

.apptoplist .pic {
    width: 150px;
    height: 80px;
    border-radius: 5px;
    flex-shrink: 0;
}

.apptoplist .txt {
    margin-left: 20px;
}

.apptoplist .txt b {
    font-weight: 500;
}

.apptoplist .txt p {
    color: #999;
    margin-top: 10px;
}

.apptop .apptoplist {
    width: 32%;
    margin-left: 2%;
    background: #f6f6f6;
    padding: 0 20px;
    border-radius: 15px;
}

.apptop .apptoplist:nth-child(1) {
    margin-left: 0;
}

.appcate {
    text-align: center;
    padding-top: 30px;
}

.appcate a {
    font-size: 16px;
    margin: 0 10px;
    border-radius: 30px;
    padding: 8px 50px;
    background: #eee;
}

.appcate a.active {
    border-color: #ffcc32;
    background: #ffcc32;
}

.appcate a:hover,
.appcate a.index {
    color: #fff;
    background: #00a8ff;
    border-color: #00a8ff;
}

.appsearch {
    display: flex;
    justify-content: center;
}

.appsearch .form {
    display: flex;
    align-items: center;
    background: #fff;
    height: 42px;
    padding: 2px;
    border-radius: 25px;
    border: 1px #eee solid;
}

.appsearch .fmtxt {
    height: 100%;
    width: 420px;
    padding-left: 20px;
    border: 0;
    background: none;
}

.appsearch .fmbtn {
    height: 100%;
    border: 0;
    background: #00a8ff;
    color: #fff;
    padding: 0 20px;
    border-radius: 25px;
    font-size: 16px;
    background-image: linear-gradient(270deg, #2bcdff, #00a8ff);
}

.appfilter {
    padding: 20px 20px;
    background: #f8f8f8;
    border-radius: 20px;
    margin-top: 30px;
}

.appfilter dl {
    display: flex;
    margin-top: 10px;
}

.appfilter dt {
    flex-shrink: 0;
    width: 50px;
}

.appfilter dd a {
    display: inline-block;
    padding: 0 15px;
    border-radius: 20px;
    margin-bottom: 15px;
}

.appfilter dd a:nth-child(1) {
    float: left;
}

.appfilter dd a.active {
    color: #fff;
    font-weight: 500;
    background: #00a8ff;
}

.appfilter dd p {
    margin-left: 60px;
}

.applist ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

.applist li {
    display: flex;
    width: 22%;
    margin-bottom: 20px;
    flex-direction: column;
    margin-left: 4%;
    border-radius: 10px;
}

.applist li .pic {
    border-radius: 10px;
    height: 162px;
}

.applist li .tit {
    padding: 10px 0;
}

.applist li .tit h3 {
    font-size: 16px;
}

.applist li .tit h4 {
    margin: 0px 0 5px;
    color: #999;
}

.applist li .tit p {
    color: #999;
    font-size: 12px;
}

.applist li:nth-child(4n+1) {
    margin-left: 0;
}

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

.appdetail .tit h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
}

.appdetail .tit h1 span {
    font-size: 16px;
    display: block;
    color: #999;
    font-weight: 400;
}

.appdetail .tit .opt {
    display: flex;
    flex-shrink: 0;
}

.appdetail .tit .opt .li {
    color: #999;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
    margin-left: 30px;
    font-size: 12px;
    cursor: pointer;
}

.appdetail .tit .opt .li:nth-child(1) {
    margin-left: 0;
}

.appdetail .tit .opt .li i {
    font-size: 24px;
    margin-bottom: 5px;
}

.appdetail .tit .opt .li:hover {
    color: #333;
}

.appdetail .txt {
    margin-top: 30px;
    color: #666;
    line-height: 2;
    text-align: justify;
    font-size: 16px;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 30px;
}

.appdetail .catetag {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.appdetail .catetag li {
    padding: 0 10px;
    line-height: 28px;
    background: #f5f5f5;
    margin-right: 5px;
    border-radius: 5px;
}

.appdetail .parameter {
    background: #fafafa;
    padding: 5px 20px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    border-radius: 10px;
    border: 1px #eee solid;
}

.appdetail .parameter li {
    width: 50%;
    margin: 6px 0;
}

.appdetail .parameter li label {
    color: #999;
}

.appdown {
    display: block;
    background: #009bff;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    border-radius: 30px;
    margin-bottom: 20px;
    font-size: 18px;
}
.appdown:hover{color:#fff;}

.activityFilter {
    display: flex;
    margin: 20px auto;
}

.activityFilter a {
    display: block;
    background: #f3f3f3;
    line-height: 40px;
    padding: 0 20px;
    margin-left: 10px;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
}

.activityFilter a.active,
.activityFilter a:hover {
    background: #ffcc32;
    position: relative;
    color: #000;
}

.activityFilter a.active:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 12px;
    height: 12px;
    background: #ffcc32;
    transform: rotate(-45deg) translateX(-50%);
}

.activityFilter a:nth-child(1) {
    margin-left: 0 !important;
}

.activityList ul {
    display: flex;
    flex-wrap: wrap;
}

.activityList li {
    width: 100%;
    margin-top: 20px;
}

.activityList li a {
    display: flex;
}

.activityList li .pic {
    width: 265px;
    height: 150px;
    border: 1px #f1f1f1 solid;
    border-radius: 10px;
    flex-shrink: 0;
}

.activityList li .txt {
    padding: 10px 20px;
    margin-left: 10px;
    background: #f9f9f9;
    border-radius: 10px;
    width: 100%;
}

.activityList li h3 {
    font-size: 18px;
    font-weight: 600;
}

.activityList li .detail {
    color: #666;
    margin: 5px 0;
}

.activityList li .detail span:nth-child(1) {
    margin-right: 30px;
}

.activityList li p {
    color: #999;
}

.activityList li:hover .txt {
    background: #fffaea;
}

.activityNears li {
    padding: 10px 0;
}

.flink {
    background: #f8f8f8;
    padding: 15px 0;
    font-size: 12px;
    color: #999;
    margin-bottom: -50px;
}

.flink .m {
    display: flex;
    line-height: 2;
}

.flink dt {
    flex-shrink: 0;
}

.flink dd {
    padding-left: 25px;
}

.flink dd a {
    display: inline-block;
    margin-right: 20px;
    color: #999;
}

.flink dd a:hover {
    text-decoration: underline;
}

.raus {
    background: #f8f8f8;
    border-radius: 10px;
    padding: 10px 30px 20px;
}

.raus .tit {
    font-size: 30px;
    font-weight: 700;
    line-height: 2;
    border-bottom: 1px #eee solid;
}

.raus .txt {
    padding-top: 10px;
}

.fix_tool {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
}

.fix_tool ul {
    background: #fff;
    border-radius: 5px;
    padding: 10px 5px;
    position: absolute;
    left: -32px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:15px;
}

.fix_tool li {
    display: flex;
    flex-direction: column;
    align-items: center;   
    position: relative;
    cursor: pointer;
}

.fix_tool li>i {
    border: 1px #e5efff solid;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #444;
}

.fix_tool li label {
    color: #666;
    font-size: 12px;
}

.fix_tool li .sub {
    display: none;
    position: absolute;
    left: 48px;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 10px;
}

.fix_tool li:hover>i, .fix_tool li.active>i {
    color: #009bff;
    border-color: #009bff;
}

.fix_tool li:hover label,.fix_tool li.active label {
    color: #009bff;
}

.fix_tool li:hover .sub {
    display: block;
}

.fix_tool ul li:nth-child(-n+3) {
    display: none;
}

.fix_tool .share {
    display: flex;
    align-items: center;
    border: 1px #74c0fc solid;
    background: #f7fbff;
    padding: 15px 25px 15px 15px;
    border-radius: 5px;
}

.fix_tool .share span {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    margin-left: 15px;
}

.fix_tool .share span i {
    font-size: 24px;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.fix_tool .share span i:before {
    color: #fff;
}

.fix_tool .share span:nth-child(1) {
    margin-left: 0;
}

.fix_tool .share .icon-weixin {
    background: #52ce42;
}

.fix_tool .share .icon-qq {
    background: #508ae7;
}

.fix_tool .share .icon-weibo {
    background: #d32024;
}

.fix_tool .share span i:hover {
    opacity: .8;
}

.fix_tool_detail ul li:nth-child(-n+3) {
    display: flex;
}

.makerList {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
}

.makerList li {
    border-bottom: 1px #eee solid;
    background: #f8f8f8;
    border-radius: 20px;
    margin-bottom: 20px;
    width: 23.5%;
    margin-left: 2%;
}

.makerList li a {
    padding: 20px;
    height: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.makerList li .pic {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    font-size: 12px;
    color: #000;
    overflow: hidden;
    margin-right: 10px;
    border: 1px #eee solid;
}

.makerList li h3 {
    font-size: 20px;
    font-weight: 700;
}

.makerList li .txt {
    width: 100%;
    flex-shrink: 0;
    color: #888;
    line-height: 30px;
}

.makerList li:nth-child(4n+1) {
    margin-left: 0;
}

.makerList li:hover {
    background: #f1faff;
}

.dataEmpty {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

.dataEmpty:after {
    font-family: 'iconfont';
    content: '\e606';
    font-size: 150px;
    color: #bbb;
}

.makerCate {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.makerCate ul {
    background: #f8f8f8;
    border: 1px #eee solid;
    display: flex;
    border-radius: 40px;
    line-height: 42px;
    padding: 5px 0;
}

.makerCate a {
    display: block;
    padding: 0 30px;
    margin: 0 5px;
    font-size: 16px;
    font-weight: 500;
}

.makerCate .active {
    background: #ffcc32;
    border-radius: 30px;
}

.comments {
    margin-top: 30px;
}

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

.comments .tit .num {
    font-size: 18px;
    font-weight: 600;
}

.comments .tit .order {
    display: flex;
}

.comments .tit .order li {
    margin-left: 20px;
    color: #666;
}

.comments .tit .order .cur {
    color: #000;
    position: relative;
    z-index: 0;
}

.comments .tit .order .cur:after {
    content: '';
    width: 100%;
    height: 3px;
    background: rgba(255, 102, 0, 0.3);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.comments .feedback {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.comments .feedback .uhd {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border: 1px #eee solid;
    margin-right: 15px;
    border-radius: 50%;
    overflow: hidden;
}

.comments .feedback .wmsg {
    position: relative;
    width: 100%;
}

.comments .feedback .intext {
    width: 100%;
    border-radius: 12px 0 12px 12px;
    background: #f5f5f6;
    overflow: hidden;
    padding-bottom: 42px;
}

.comments .feedback .intext textarea {
    padding: 16px;
    width: 100%;
    height: 100px;
    background: #f5f5f6;
    resize: none;
    border: none;
    color: #1f1f1f;
}

.comments .feedback .operat {
    position: absolute;
    top: 95px;
    left: 0;
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    width: 100%;
}

.comments .feedback .operat span {
    display: block;
    width: 80px;
    line-height: 30px;
    background: #00a8ff;
    text-align: center;
    border-radius: 15px;
    color: #fff;
    cursor: pointer;
}

.comments .list .feedback {
    padding-left: 55px;
}

.comments .list {
    margin-top: 20px;
}

.comments .list>li {
    margin-bottom: 20px;
}

.comments .list .uinfo {
    display: flex;
    align-items: center;
}

.comments .list .uinfo img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 15px;
    border: 1px #eee solid;
}

.comments .list .uinfo .rate {
    height: 18px;
    margin-top: -15px;
}

.comments .list .uinfo .rate .layui-icon {
    font-size: 12px;
}

.comments .list .uinfo .rate .layui-rate {
    padding: 0;
}

.comments .list .msg {
    padding-left: 55px;
    margin-top: 2px;
}

.comments .list .other {
    padding-left: 55px;
    margin-top: 2px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.comments .list .other .time {
    color: #999;
}

.comments .list .other .operation {
    color: #666;
}

.comments .list .other .operation>span {
    cursor: pointer;
    margin-left: 16px;
}

.comments .list .other .operation .tipoff {
    display: none;
    color: #999;
    margin-right: 20px;
}

.comments .list .other .operation .like .active {
    color: #f60;
}

.comments .list .other:hover .operation .tipoff {
    display: inline-block;
}

.comments .list .other .iconfont {
    font-size: 16px;
    margin-right: 3px;
}

.comments .seemore {
    background: #f5f5f5;
    text-align: center;
    border-radius: 6px;
    line-height: 42px;
    cursor: pointer;
    margin-top: 50px;
    color: #666;
}

.comments .nomore {
    background: none;
    cursor: default;
}

.grade .sub {
    padding-right: 30px;
}

.grade .sub li {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.grade .sub label {
    display: block;
    text-align: right;
    width: 50px;
    flex-shrink: 0;
    font-size: 12px;
}

.grade .sub .progress {
    margin-left: 10px;
}

.grade .tit {
    font-size: 18px;
    font-weight: 700;
}

.grade .total {
    border-radius: 10px;
    border: 3px #fff solid;
    background-image: radial-gradient(circle at top left, #FAFCFE, #FAFCFE, #F8F5FE, #FAFCFE);
    padding: 5px 10px;
    margin: 10px 0 10px;
    display: flex;
    align-items: center;
}

.grade .total b {
    font-size: 50px;
    margin-right: 15px;
    line-height: 70px;
}

.grade .total .rate {
    height: 24px;
    display: flex;
    align-items: center;
}

.grade .total .rate .layui-icon {
    font-size: 24px;
}

.grade .total .rate .layui-rate {
    padding: 0;
}

.grade .total .num {
    color: #999;
}

.fixedCompare {
    position: fixed;
    z-index: 99;
    width: 140px;
    right: -140px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 5px 0 0 5px;
    transition: .3s;
    overflow: hidden;
}

.fixedCompare.active {
    right: 0px;
}

.fixedCompare .hb {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00a8ff;
    color: #fff;
}

.fixedCompare .list {
    padding: 5px 10px;
}

.fixedCompare li {
    text-align: center;
    border: 1px #fff solid;
    position: relative;
    margin-bottom: 5px;
    border-radius: 5px;
    transition: .3s;
    padding: 5px;
    background: #f7f8fc;
}

.fixedCompare li img {
    width: 70px;
    height: 60px;
    object-fit: contain;
}

.fixedCompare li .removeBtn {
    position: absolute;
    right: 5px;
    top: 0;
    font-size: 18px;
    cursor: pointer;
}

.fixedCompare li .removeBtn:hover {
    color: #ff6600;
}

.fixedCompare li:hover {
    background: rgba(255, 204, 50, .12);
    border: 1px solid #ffcc32;
}

.fixedCompare .fb {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 10px 10px;
}

.fixedCompare .startBtn {
    border: 0;
    background: #ffcc32;
    color: #1a1a1a;
    padding: 8px 0;
    width: 100%;
    border-radius: 5px;
    cursor: pointer;
}

.fixedCompare .startBtn:disabled {
    pointer-events: none;
    filter: drop-shadow(0 0 0 #061524) brightness(70%) !important;
}

.fixedCompare .clearAll {
    color: #666;
    margin-top: 10px;
    font-size: 12px;
}

.fixedPk {
    position: fixed;
    z-index: 99;
    width: 50px;
    height: 50px;
    top: 50%;
    transform: translateY(-50%);
    right: -50px;
    margin: auto;
    background: #00a8ff;
    color: #fff;
    border-color: #0093df;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    transition: .3s;
}

.fixedPk i {
    font-size: 30px;
}

.fixedPk span {
    display: flex;
    position: absolute;
    right: -9px;
    top: -9px;
    width: 18px;
    height: 18px;
    background: #ff6600;
    color: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
}

.fixedPk.active {
    right: 20px;
}

.activityDetail {
    margin-bottom: 30px;
}

.activityDetail .pic {
    border-radius: 20px;
    font-size: 0;
}

.activityDetail h1 {
    font-size: 32px;
    font-weight: 600;
    margin-top: 30px;
}

.activityDetail h2 {
    font-size: 16px;
}

.activityDetail .detail {
    margin-top: 30px;
    background: #f3f6f8;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 38px;
}

.activityDetail .detail span:nth-child(1) {
    font-weight: 400;
    font-size: 14px;
    color: #666;
}

.activityDetail .txt {
    margin-top: 30px;
    color: #666;
    font-size: 16px;
}

.activityDetail .txt b {
    color: #333;
}

@media screen and (max-width:1200px) {
    .m {
        padding: 0 20px;
    }

    .navs li a {
        margin: 0 10px;
    }

    .navs {
        position: fixed;
        transition: .4s;
        left: -260px;
        top: 0;
        width: 260px;
        height: 100%;
        padding: 100px 40px 40px;
        background: #fff;
        flex-direction: column;
        z-index: 999;
    }

    .navs li {
        width: 100%;
        height: auto;
    }

    .navs li a {
        padding: 10px 0;
    }

    .navs li.active a,
    .navs li a:hover {
        color: #009bff;
    }

    .navs li.active a::after,
    .navs li a:hover::after {
        background: #fff;
    }

    .navs.active {
        left: 0;
        box-shadow: 5px 0 30px rgba(0, 0, 0, .2);
    }

    .navs.active .icon-no {
        display: block;
        position: absolute;
        right: 30px;
        top: 30px;
        background: #009bff;
        color: #fff;
        width: 35px;
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 5px;
    }

    .header .navbtn {
        display: block;
        margin-left: 25px;
    }

    .subcate {
        overflow-x: scroll;
        padding-bottom: 10px;
    }

    .subcate a {
        margin: 0 5px;
        flex-shrink: 0;
    }

    .totop.active{bottom:65px;}

    .foot:after{content:'';height:40px;display:block;}

    .fix_tool {
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        transform: none;
        padding:0;               
    }
    .fix_tool ul{        
        position:relative;
        flex-direction: row;
        justify-content: space-around;
        width: 100%;
        left: 0;
        top: auto;
        bottom: 0;
        transform:none;
        padding:0 10px;
        border-radius:0;   
        height:40px;     
        background:#03539a; 
    }
    .fix_tool li{
        flex-direction:row;
        gap:2px;
        width:100%;
        justify-content: center;
    }
    .fix_tool li > i{
        border:0;
        width:32px;height:32px;
        color:#fff;
        font-size:20px;
    }
    .fix_tool li label{color:#fff;font-size:14px;}
    .fix_tool_detail ul > *{width:25%;border-left:1px #13436e solid;}
    .fix_tool_detail ul > *:nth-child(1){border:0;}
    .fix_tool li .sub{left:auto;right:0;top:auto;bottom:5px;}

    .apparcslide {
        height: 280px;
    }

    .appslide {
        height: 280px;
    }

    .apptoplist .pic {
        width: 130px;
        height: 69px;
    }

    .device_splash .detail {
        flex-direction: column;
        height: auto;
        padding: 40px 10px 60px;
    }

    .device_splash .pic {
        width: 350px;
    }

    .device_splash .detail .tit {
        padding: 40px 20px 20px;
    }

    .device_splash .spec {
        width: 100%;
    }

    .device_splash .spec .hb {
        margin-bottom: 0;
    }

    .device_splash .tit h1 {
        padding: 0;
    }

    .cnConvertBtn {
        top: 15px;
        left: 160px;
        right: auto;
        border-width: 1px;
    }
}

@media screen and (max-width:981px) {
    .tbox {
        flex-wrap: wrap;
    }

    .tbox .left {
        width: 100%;
    }

    .tbox .right {
        margin-left: 0;
    }

    .raus {
        padding: 5px 20px 10px;
    }

    .splash .fg {
        padding: 0 2rem;
    }

    .splash .fg h1,
    .splash .fg h2 {
        font-size: 1.9rem;
    }

    .splash .fg h2 {
        padding: 0 10px;
    }

    .splash .fg {
        height: 15rem;
        background-size: 32rem;
    }

    .makers a {
        width: 19%;
        margin-left: 1.25%;
    }

    .makers a:nth-child(2n+1) {
        margin-left: 1.25%;
    }

    .makers a:nth-child(5n+1) {
        margin-left: 0;
    }

    .makers a .pic {
        width: 2.2rem;
        height: 2.2rem;
        margin-right: .3rem;
    }

    .games li .pic {
        height: 6rem;
    }

    .arclistb li .pic {
        height: 12rem;
    }

    .arclistb li:nth-child(n+2) .pic {
        height: 4rem;
    }

    .arclistc li .pic {
        height: 6.5rem;
    }

    .arclistd li {
        float: left;
    }

    .arclistd li:nth-child(1) {
        width: 50%;
    }

    .arclistd li:nth-child(1) .pic {
        height: 13rem;
    }

    .arclistd li:nth-child(n+2) {
        width: 46%;
        margin-left: 4%;
        border-top: 1px #eee solid;
    }

    .arclistd li:nth-child(2) {
        border-top: 0;
        padding-top: 0;
    }

    .arclistd li:nth-child(5) {
        margin-left: 0;
        width: 50%;
    }

    .makerList li {
        width: 31.83333%;
        margin-left: 2.25%;
    }

    .makerList li:nth-child(4n+1) {
        margin-left: 2.25%;
    }

    .makerList li:nth-child(3n+1) {
        margin-left: 0;
    }

    .maker_splash .m {
        padding: 0;
    }

    .maker_splash .fg {
        padding: 0 20px;
    }

    .breadcrumb {
        padding: 1rem 0;
    }

    .hslide li .item:nth-child(1) .txt h3 {
        font-size: 24px;
    }

    .hslide li .item:nth-child(2) .txt h3 {
        font-size: 18px;
    }

    .apptop .apptoplist {
        padding: 0 15px;
    }

    .apptoplist .pic {
        width: 110px;
        height: 59px;
    }

    .apptoplist .txt {
        margin-left: 15px;
    }

    .rapps ul {
        display: flex;
        flex-wrap: wrap;
    }

    .rapps ul a {
        width: 50%;
    }

    .vrcompatibles a {
        width: 49%;
    }

    .applist li {
        width: 30.66666%;
    }

    .applist li:nth-child(4n+1) {
        margin-left: 4%;
    }

    .applist li:nth-child(3n+1) {
        margin-left: 0;
    }

    .appfilter {
        padding-bottom: 0;
    }
}

@media screen and (max-width:769px) {
    .splash .fg {
        padding: 0 1.5rem;
    }

    .splash .fg h1,
    .splash .fg h2 {
        font-size: 1.5rem;
    }

    .splash .fg {
        height: 12rem;
        background-size: 26rem;
    }

    .maker_splash .fg {
        padding: 0 20px;
    }

    .arclista li .pic {
        height: 130px;
    }

    .arcliste li .pic {
        width: 200px;
        height: 160px;
    }

    .makerCate {
        margin-top: 2rem;
    }

    .makerCate a {
        padding: 0 20px;
    }

    .makerList {
        margin-top: 2rem;
    }

    .makerList li {
        width: 48.5%;
        margin-left: 3%;
    }

    .makerList li a {
        padding: 15px;
    }

    .makerList li h3 {
        font-size: 18px;
    }

    .makerList li:nth-child(3n+1) {
        margin-left: 3%;
    }

    .makerList li:nth-child(2n+1) {
        margin-left: 0;
    }

    .makerDetail .logo {
        width: 120px;
        height: 104px;
    }

    .hslide2 li .item:nth-child(1),
    .hslide2 li .item:nth-child(2) {
        height: 15rem;
    }

    .hslide li .item:nth-child(1) .txt h3 {
        font-size: 20px;
    }

    .hslide li .item:nth-child(2) .txt h3 {
        font-size: 16px;
    }

    .pages {
        padding: 20px 0;
    }

    .apparcslide {
        height: 220px;
    }

    .appslide {
        height: 220px;
    }

    .appslide {
        height: 320px;
        padding: 0 20px;
    }

    .store_games li {
        width: 32%;
    }

    .store_games li .pic {
        height: 130px;
    }

    .store_games li:nth-child(3n+1) {
        margin-left: 0;
    }

    .spec_table .addcomparebtn.big {
        font-size: 14px;
        padding: 10px;
    }

    .compare_table {
        overflow-x: scroll;
    }

    .compare_table .cp5 th:nth-child(n+3) {
        width: 300px;
    }

    .apptop {
        flex-wrap: wrap;
    }

    .apptop .apptoplist {
        width: 49%;
    }

    .apptop .apptoplist:nth-child(3) {
        margin-left: 0;
        margin-top: 15px;
    }

    .flink {
        margin-bottom: -30px;
    }

    .foot {
        margin-top: 30px;
    }

    .activityFilter {
        justify-content: space-around;
    }

    .activityFilter a {
        width: 100%;
        padding: 0;
    }

    .activityList li {
        width: 49%;
        margin-left: 2%;
        margin-top: 15px;
    }

    .activityList li:nth-child(2n+1) {
        margin-left: 0;
    }

    .activityList li a {
        flex-direction: column;
    }

    .activityList li .txt {
        margin-left: 0;
    }

    .activityList li .pic {
        height: 190px;
        width: 100%;
    }

    .activityList li .detail {
        display: flex;
        flex-direction: column;
    }

    .arcbd .video_iframe iframe {
        height: 350px;
    }

    .applist li .pic {
        height: 125px;
    }

    .appfilter dl:nth-child(3) {
        margin-top: 20px;
    }

    .appfilter dd p {
        display: inline;
        margin-left: 0;
    }
}

@media screen and (max-width:641px) {
    .m {
        padding: 0 1rem;
    }

    .splash .fg {
        padding: 0 .8rem;
    }

    .splash .fg h1,
    .splash .fg h2 {
        font-size: 1.4rem;
    }

    .splash .fg {
        height: 10rem;
        background-size: 22rem;
    }

    .device_splash .spec {
        flex-wrap: wrap;
    }

    .device_splash .spec li:nth-child(3) {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    .compare_splash h2 {
        font-weight: 600;
        line-height: 1.2;
    }

    .compare_splash h2 span {
        display: block;
        text-indent: -10000px;
        line-height: 0;
    }

    .compare_splash .fg {
        min-height: 10rem;
        height: auto;
    }

    .fix_tool{padding:0;}

    .makers a {
        width: 24%;
        margin-left: 1.33333%;
        margin-bottom: .5rem;
    }

    .makers a .pic {
        width: 2.6rem;
        height: 2.6rem;
    }

    .makers a:nth-child(2n+1),
    .makers a:nth-child(5n+1) {
        margin-left: 1.33333%;
    }

    .makers a:nth-child(4n+1) {
        margin-left: 0;
    }

    .hslide2 li .item:nth-child(1),
    .hslide2 li .item:nth-child(2) {
        height: 12rem;
    }

    .hslide li .item:nth-child(1) .txt h3 {
        font-size: 18px;
    }

    .hslide .item .txt {
        padding: 18px;
    }

    .arclist li {
        padding: 15px 0;
    }

    .arclist li .pic {
        width: 12rem;
        height: 8rem;
        margin-right: 20px;
    }

    .arclist li .txt h3 {
        font-size: 16px;
    }

    .arclist li .txt em {
        margin: .3rem 0;
    }

    .arclista li {
        width: 48.25%;
    }

    .arclista li:nth-child(3n+1) {
        margin-left: 3.5%;
    }

    .arclista li:nth-child(2n+1) {
        margin-left: 0;
    }

    .arclista li .pic {
        height: 160px;
    }

    .arclistc ul {
        flex-wrap: wrap;
    }

    .arclistc li {
        width: 32%;
        margin-left: 2%;
        margin-top: 1.3rem;
    }

    .arclistc li .pic {
        height: 7.5rem;
    }

    .arclistc li:nth-child(5n+1) {
        margin-left: 2%;
    }

    .arclistc li:nth-child(3n+1) {
        margin-left: 0;
    }

    .arclistc li:nth-child(-n+3) {
        margin-top: 0;
    }

    .arclistd li .txt h3 {
        font-size: 14px;
    }

    .makerCate ul {
        padding: .2rem 0;
    }

    .makerCate a {
        padding: 0 12px;
        margin: 0 .2rem;
        font-size: 14px;
    }

    .makerDetail .logo {
        width: 100px;
        height: 87px;
    }

    .arcpn {
        padding: 5px 20px;
    }

    .vrcompatibles a {
        width: 100%;
    }

    .apparcslide {
        height: 320px;
        padding: 0 1rem;
    }

    .appslide {
        padding: 0 1rem;
    }

    .appsearch .fmtxt {
        width: 300px;
    }

    .appsearch .fmbtn {
        flex-shrink: 0;
    }

    .store_games li .pic {
        height: 120px;
    }

    .apptop .apptoplist {
        width: 100%;
    }

    .apptoplist .pic {
        width: 150px;
        height: 90px;
    }

    .apptop .apptoplist:nth-child(2) {
        margin-left: 0;
        margin-top: 15px;
    }

    .rapps ul a {
        width: 100%;
    }

    .spec_table th:nth-child(1),
    .spec_table th:nth-child(2) {
        width: auto;
    }

    .spec_table th:nth-child(2) {
        min-width: 100px;
    }

    .spec_table th:nth-child(1),
    .spec_table .first td:nth-child(1) {
        display: none;
    }

    .spec_table .subtit .tip {
        transform: translateX(-15%);
    }

    .fixedPk.active {
        right: 1rem;
    }

    .totop {
        right: 1rem;
    }

    .foot .m {
        align-items: baseline;
    }

    .foot .fc span {
        display: block;
    }

    .activityFilter {
        overflow-x: scroll;
        padding-bottom: 15px;
        justify-content: flex-start;
    }

    .activityFilter a {
        width: 20%;
        flex-shrink: 0;
    }

    .activityList li {
        width: 100%;
        margin-left: 0;
    }

    .activityList li .pic {
        height: auto;
    }

    .arcbd .video_iframe iframe {
        min-width: 100%;
        height: 320px;
    }

    .pages a,
    .pages em {
        margin-bottom: 5px;
        padding: 4px 13px;
        font-size: 15px;
    }

    .applist li {
        width: 48%;
        margin-bottom: 15px;
    }

    .applist li:nth-child(3n+1) {
        margin-left: 4%;
    }

    .applist li:nth-child(2n+1) {
        margin-left: 0%;
    }

    .applist li .pic {
        height: 162px;
    }

    .appdetail h1 {
        font-size: 24px;
    }
}

@media screen and (max-width:481px) {
    .mt30 {
        margin-top: 20px;
    }

    .device_splash .pic {
        width: 90%;
    }

    .device_splash .tit h1 {
        line-height: 1.4;
    }

    .splash .fg h1,
    .splash .fg h2 {
        font-size: 1.2rem;
    }

    .arclistb li .pic {
        height: 9rem;
    }

    .arclistb li .txt h3 {
        font-size: 14px;
    }

    .arclistb li:nth-child(n+2) .pic {
        height: 3.15rem;
    }

    .makers a {
        width: 32.33333%;
        margin-left: 1.5% !important;
    }

    .makers a:nth-child(3n+1) {
        margin-left: 0 !important;
    }

    .games li {
        width: 31.33333%;
        margin-left: 3%;
    }

    .games li:nth-child(4n+1) {
        margin-left: 3%;
    }

    .games li:nth-child(3n+1) {
        margin-left: 0%;
    }

    .games li .txt h3 {
        font-size: 14px;
    }

    .arclist li .pic {
        width: 7rem;
        height: 5rem;
    }

    .arclist li .txt p {
        display: none;
    }

    .arclista li .pic {
        height: 130px;
    }

    .arcliste li .pic {
        width: 150px;
        height: 120px;
        margin-right: 15px;
    }

    .makerCate {
        margin-top: 1.5rem;
    }

    .makerCate ul {
        line-height: 2.2rem;
        overflow-x: scroll;
    }

    .makerCate a {
        padding: 0 6px;
        flex-shrink: 0;
    }

    .makerList {
        margin-top: 1.5rem;
    }

    .makerList li {
        width: 100%;
        margin-bottom: .8rem;
        margin-left: 0 !important;
    }

    .makerList li h3 {
        font-size: 16px;
    }

    .hslide2 li .item:nth-child(1),
    .hslide2 li .item:nth-child(2) {
        width: 49%;
        height: 150px;
    }

    .hslide li .item:nth-child(1) .txt h3,
    .hslide li .item:nth-child(2) .txt h3 {
        font-size: 16px;
        line-height: 1.5;
    }

    .arcpn li {
        font-size: 14px;
    }

    .apparcslide .prevnext {
        padding: 0 10px;
    }

    .apparcslide .prevnext .prev,
    .apparcslide .prevnext .next {
        width: 40px;
        height: 40px;
    }

    .appdetail h1 {
        font-size: 24px;
    }

    .appslide {
        height: 280px;
    }

    .appsearch .fmtxt {
        width: 250px;
    }

    .store_games li .pic {
        height: 90px;
    }

    .arcbd img {
        width: 100% !important;
        margin-left: 0;
    }

    .arcbd .video_iframe iframe {
        height: 290px;
    }

    .activityFilter a {
        font-size: 14px;
        margin-left: 5px;
    }

    .applist li .pic {
        height: 120px;
    }

    .appdetail .parameter li:nth-child(-n+2) {
        width: 100%;
    }

    .compare_table .cp2 th:nth-child(n+3) {
        min-width: 180px;
    }
}

@media screen and (max-width:376px) {
    .makers a {
        width: 49%;
        margin-left: 2% !important;
    }

    .makers a:nth-child(3n+1) {
        margin-left: 2% !important;
    }

    .makers a:nth-child(2n+1) {
        margin-left: 0 !important;
    }

    .games li {
        width: 48%;
        margin-left: 4%;
    }

    .games li:nth-child(3n+1) {
        margin-left: 4%;
    }

    .games li:nth-child(2n+1) {
        margin-left: 0;
    }

    .arclistb li:nth-child(1) {
        width: 100%;
    }

    .arclistb li:nth-child(n+2) {
        width: 100%;
        margin-left: 0;
        padding: 10px 0;
    }

    .arclistb li:nth-child(n+2) .pic {
        height: 3.9rem;
    }

    .arclistb li:nth-child(2) {
        padding-top: 10px;
    }

    .arclistc li {
        width: 48%;
        margin-left: 4%;
        margin-top: 1rem;
    }

    .arclistc li:nth-child(3) {
        margin-top: 1rem;
    }

    .arclistc li:nth-child(3n+1) {
        margin-left: 4%;
    }

    .arclistc li:nth-child(2n+1) {
        margin-left: 0;
    }

    .arclistd li {
        padding: 10px 0;
    }

    .arclistd li:nth-child(1) {
        width: 100%;
    }

    .arclistd li:nth-child(n+2) {
        width: 100%;
        margin-left: 0;
    }

    .arclistd li:nth-child(2) {
        padding-top: 0;
    }

    .arcliste li .pic {
        width: 110px;
        height: 80px;
    }

    .arclist li {
        padding: .6rem 0;
    }

    .arclist li .pic {
        margin-right: 15px;
    }

    .arclist li .txt h3 {
        font-size: 14px;
    }

    .makerCate {
        padding: 0;
    }

    .hslide .item .txt {
        padding: 10px 5px;
    }

    .hslide2 li .cate {
        display: none;
    }

    .hslide2 li .item:nth-child(1),
    .hslide2 li .item:nth-child(2) {
        width: 49%;
        height: 120px;
    }

    .hslide li .item:nth-child(1) .txt h3,
    .hslide li .item:nth-child(2) .txt h3 {
        font-size: 14px;
        margin: 5px 0 0;
    }

    .archd h1 {
        font-size: 24px;
        text-align: justify;
    }

    .arcpn {
        padding: 5px 10px;
    }

    .apparcslide {
        height: 260px;
    }

    .appslide {
        height: 240px;
    }

    .apptoplist .pic {
        width: 140px;
        height: 84px;
    }

    .activityDetail .detail {
        line-height: 24px;
        padding: 10px 15px;
        margin-top: 20px;
    }

    .activityDetail .detail li {
        padding: 5px 0;
    }

    .activityDetail .detail li span:nth-child(2) {
        display: block;
        padding-left: 20px;
        font-size: 14px;
    }

    .arcbd .video_iframe iframe {
        height: 270px;
    }

    .applist li {
        width: 100%;
        margin-left: 0 !important;
        margin-bottom: 10px;
    }

    .applist li .pic {
        height: 180px;
    }

    .appdetail h1 {
        font-size: 20px;
    }
}