body, textarea, input, button { font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi; }
a:hover { text-decoration: none; }
a, button { cursor: pointer; text-align: center; }
button { border: 0px; outline: 0px; background: 0px 0px; }
li { list-style: none; }
textarea { overflow: auto; resize: none; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { margin: 0px; -webkit-appearance: none !important; }
table { border-collapse: collapse; border-spacing: 0px; }
html, body { width: 100%; height: auto; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif; line-height: 1.5; }
.side-nav { position: fixed; z-index: 150; right: 33px; top: 50%; transform: translateY(-50%); width: 143px; }
.side-nav .side-phone { color: rgb(255, 255, 255); font-size: 13px; margin-bottom: 9px; white-space: nowrap; }
.side-nav .side-phone::before { content: " "; display: inline-block; vertical-align: text-bottom; margin-right: 2px; width: 15px; height: 15px; background-repeat: no-repeat; }
.side-nav .download p { text-align: center; color: rgb(255, 255, 255); margin-bottom: 5px; font-size: 15px; }
.side-nav .download p::before, .side-nav .download p::after { content: " "; display: inline-block; margin: 0px 5px; width: 11px; height: 11px; background-repeat: no-repeat; }
.side-nav .download .code { margin: 0px auto 10px; width: 130px; height: 130px; background: rgb(111, 13, 17); padding: 5px; }
.side-nav .download .code img { float: left; width: 130px; height: 130px; }
.side-nav .download .btn-ios { margin: 0px auto 10px; display: block; width: 132px; height: 40px; cursor: pointer; background-repeat: no-repeat; }
.side-nav .download .btn-ios:hover { background-repeat: no-repeat; }
.side-nav .download .btn-android { margin: 0px auto; display: block; width: 132px; height: 40px; cursor: pointer; background-repeat: no-repeat; }
.side-nav .download .btn-android:hover { background-repeat: no-repeat; }
.side-nav .download .btn-mumu { margin: -6px auto 10px; display: block; width: 140px; height: 61px; cursor: pointer; background-repeat: no-repeat; line-height: 75px; font-size: 20px; color: rgb(255, 255, 255); }
.side-nav .download .btn-mumu:hover { background-repeat: no-repeat; }
.side-nav .reserve { width: 94px; height: 34px; margin: 0px 0px 10px; background-repeat: no-repeat; }
.side-nav .reserve:hover { background-repeat: no-repeat; }
.side-nav .nav-item { white-space: nowrap; width: 60px; height: 27px; font-size: 16px; text-align: left; cursor: pointer; margin-top: 10px; padding-left: 30px; background: url("../images/nav-bg-1.png") no-repeat; color: rgb(176, 54, 56); display: block; position: relative; transition: background 0.3s cubic-bezier(0.2, 1, 0.3, 1) 0s; }
.side-nav .nav-item:hover { width: 110px; height: 27px; background: url("../images/nav-bg-2.png") no-repeat; }
.side-nav .nav-item:hover span { opacity: 0; transform: translate3d(0px, -25%, 0px); }
.side-nav .nav-item:hover::after { opacity: 1; transform: translate3d(0px, 0px, 0px); }
.side-nav .nav-item::after, .side-nav .nav-item span { transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1) 0s, opacity 0.3s ease 0s; }
.side-nav .nav-item::after { content: attr(data-text); position: absolute; color: rgb(255, 255, 255); top: 0px; left: 30px; opacity: 0; transform: translate3d(0px, 25%, 0px); }
.side-nav .nav-item.nav-item-active { width: 110px; height: 27px; background-image: url("../images/nav-bg-2.png"); color: rgb(255, 255, 255); }
.side-nav .top-btn { display: none; width: 25px; height: 21px; margin: 25px auto 0px; cursor: pointer; background-repeat: no-repeat; }
.side-nav .top-btn:hover { background-repeat: no-repeat; }
.side-nav .download .btn-mumu:hover { background-position: -1611px -862px; }
.side-nav .download .btn-mumu { background-position: -1761px -862px; }
.side-nav .download p::before, .side-nav .download p::after { background-position: -2102px -268px; }
.num-wrap .num-list div.num-4, .num-wrap .num-list div.num-5, .num-wrap .num-list div.num-6, .num-wrap .num-list div.num-0, .queryModal .pop_con1 .downBtn, .queryModal .pop_con1 .downBtn:hover, .content-5 .c5-title, .content .slogan-download .code, .content-6 .c6-title, .content .slogan-download .btn-mumu:hover, .content .slogan-download .btn-mumu, .content-3 .c3-title, .content-2 .c2-title, .content-4 .c4-title, .query, .query:hover, .queryModal .pop_con3 .box .btn-see, .queryModal .pop_con3 .box .btn-see:hover, .btn-group .reserve, .btn-group .reserve:hover, .queryModal .pop_con1 .seeDownload:hover, .queryModal .pop_con1 .submitBtn:hover, .queryModal .pop_con1 .submitBtn, .queryModal .pop_con1 .seeDownload, .content-2 .c2-kv .swiper-wrapper .swiper-slide .kv .video-bg .video-play-btn, .content-3 .video-list .video-item .video-play-btn, .content-4 .c4-kv .swiper-wrapper .swiper-slide .video-bg .video-play-btn, .queryModal .pop_con2 .qcode-btn:hover, .queryModal .pop_con2 .qcode-btn { background-image: url("../images/index_z.png"); }
.side-nav .download .btn-mumu:hover, .side-nav .download .btn-mumu, .giftModal .container .pop-btn-close, .queryModal .pop_con1 .inputBox .code, .giftModal .container .pop-btn-close:hover, .queryModal .pop_con1 .inputBox .email, .queryModal .pop_con1 .inputBox .phone, .btn-group, .queryModal .pop_con1 .inputBox .imgCode, .content-2 .c2-kv #c2-kv-btn-r, .content-4 .c4-kv #c4-kv-btn-r, .content-6 #c6-kv-btn-r, .content-2 .c2-kv #c2-kv-btn-r:hover, .content-4 .c4-kv #c4-kv-btn-r:hover, .content-6 #c6-kv-btn-r:hover, .content-2 .c2-kv #c2-kv-btn-l, .content-4 .c4-kv #c4-kv-btn-l, .content-6 #c6-kv-btn-l, .queryModal .pop_title, .content-2 .c2-kv #c2-kv-btn-l:hover, .content-4 .c4-kv #c4-kv-btn-l:hover, .content-6 #c6-kv-btn-l:hover, .giftModal .container .nav .nav-6.active, .giftModal .container .nav .nav-5, .giftModal .container .nav .nav-6, .giftModal .container .nav .nav-5.active, .giftModal .container .nav .nav-4.active, .giftModal .container .nav .nav-4, .giftModal .container .nav .nav-3.active, .giftModal .container .nav .nav-3 { background-image: url("../images/index_z.png"); }
.giftModal .container .nav .nav-2.active, .giftModal .container .nav .nav-2, .giftModal .container .nav .nav-1.active, .giftModal .container .nav .nav-1, .close_pv, .close_pv:hover, .queryModal .pop_title.pop_title_reservation, .side-nav .download .btn-ios, .content .slogan-download .btn-ios, .side-nav .download .btn-ios:hover, .content .slogan-download .btn-ios:hover, .side-nav .download .btn-android, .content .slogan-download .btn-android, .side-nav .download .btn-android:hover, .content .slogan-download .btn-android:hover, .queryModal .pop_con3 .box .qq-wrap .title, .queryModal .pop_con2 .qcode-info, .content-2 .c2-kv .btn-weapon:hover, .content-2 .c2-kv .btn-weapon, .pop_hd .close_pv:hover, .pop_init_hd .close_pv:hover, .content-2 .c2-news .more-btn, .content-3 .more-btn, .content-2 .c2-news .more-btn:hover, .content-3 .more-btn:hover, .pop_hd .close_pv, .pop_init_hd .close_pv, .side-nav .reserve, .side-nav .reserve:hover, .queryModal .pop-btn-close::after { background-image: url("../images/index_z.png"); }
.nav-wrap ul > li .nav-item-2, .nav-wrap ul > li .nav-item-2:hover, .nav-wrap ul > li .nav-active.nav-item-2, .nav-wrap ul > li .nav-item-6:hover, .nav-wrap ul > li .nav-active.nav-item-6, .nav-wrap ul > li .nav-item-1, .nav-wrap ul > li .nav-item-3, .nav-wrap ul > li .nav-item-3:hover, .nav-wrap ul > li .nav-active.nav-item-3, .nav-wrap ul > li .nav-item-6, .nav-wrap ul > li .nav-item-1:hover, .nav-wrap ul > li .nav-active.nav-item-1, .nav-wrap ul > li .nav-item-4:hover, .nav-wrap ul > li .nav-active.nav-item-4, .nav-wrap ul > li .nav-item-8, .nav-wrap ul > li .nav-item-7, .nav-wrap ul > li .nav-item-8:hover, .nav-wrap ul > li .nav-active.nav-item-8, .nav-wrap ul > li .nav-item-4, .nav-wrap ul > li .nav-item-5:hover, .nav-wrap ul > li .nav-active.nav-item-5, .nav-wrap ul > li .nav-item-5, .nav-wrap ul > li .nav-item-7:hover, .nav-wrap ul > li .nav-active.nav-item-7, .queryModal .pop_con3 .box .btn-see i, .queryModal .pop-tip i, .side-nav .top-btn, .side-nav .top-btn:hover, .content-2 .c2-news .news-list-wrap .news-item .icon, .side-nav .side-phone::before { background-image: url("../images/index_z.png"); }
.side-nav .download p::before, .side-nav .download p::after, .content .slogan-download p::before, .content .slogan-download p::after { background-image: url("../images/index_z.png"); }
html, body, span, object, iframe, h1, h2, h3, h4, h5, p, blockquote, pre, a, address, code, del, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label { margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-family: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, audio, video { margin: 0px; padding: 0px; display: block; }
html { text-size-adjust: none; }
img { border: none; vertical-align: middle; }
input, select, button { padding: 0px; margin: 0px; outline: none; font-family: inherit; vertical-align: middle; }
textarea { font-family: inherit; padding: 0px; margin: 0px; }
button { cursor: pointer; }
html { overflow-x: hidden; }
body { font-size: 12px; font-family: "Microsoft YaHei"; }
ul, ol { list-style-type: none; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3, h4 { font-size: 14px; }
h5 { font-size: 12px; }
i, em, address { font-style: normal; }
a { text-decoration: none; color: rgb(79, 79, 79); }
a:hover { text-decoration: underline; transition: color 200ms linear 0s, background-color 200ms linear 0s, border-color 200ms linear 0s; }
a:active { }
a:visited { }