/* CSS reset*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

fieldset,
img {
    border: 0
}

:focus {
    outline: 0
}

address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup {
    font-style: normal;
    font-weight: normal
}

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

abbr,
acronym {
    border: 0;
    font-variant: normal
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

code,
kbd,
samp,
tt {
    font-size: 100%
}

input,
button,
textarea,
select {
    *font-size: 100%
}

body {
    line-height: 1.5
}

ol,
ul {
    list-style: none
}

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

caption,
th {
    text-align: left
}

sup,
sub {
    font-size: 100%;
    vertical-align: baseline
}

:link,
:visited,
ins {
    text-decoration: none
}

blockquote,
q {
    quotes: none
}

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

b,
em,
i {
    font-style: normal;
    font-weight: normal;
}

button,
input,
select,
textarea,
th {
    background: #fff;
    font-family: "Microsoft Yahei", Arial, Tahoma, Helvetica, "SimSun", "Hiragino Sans GB", sans-serif;
}

img {
    display: block;
    border: 0;
}

* {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

input[type="submit"],
input[type="reset"],
input[type="password"],
input[type="button"],
input[type="text"],
button {
    -webkit-appearance: none;
}

html {
    font-size: 100px;
}

body {
    font-size: .24rem;
}

.clearfix {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

body {
    margin: 0;
    font-family: "Microsoft Yahei", Arial, Tahoma, Helvetica, "SimSun", "Hiragino Sans GB", sans-serif;
    color: #333;
    background-color: #f2f2f2;
    position: relative;
}

html,
body {
    width: 100%;
}

a {
    color: #333;
    text-decoration: none;
}

.h20 {
    width: 100%;
    height: .12rem;
}

.bg {
    background: #fff;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex_grow {
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.wrap {
    width: 100%;
    max-width: 7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
}

.wrap2 {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -3.75rem;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

header .logo_box a,
header .ico i,
.footer_logo i,
footer .back_top i,
.searchOut .ser_cont input.btn,
.searchOut .ser_close,
.company_ser input.btn,
header .ico_nav.ico_close i,
.bdsharebuttonbox.bdshare-button-style1-32 a,
.more_meeting .ico,
.box404 .btn_box .btn1 i,
.box404 .btn_box .btn2 i,
.WeChat_applet .cont .close {
    background-image: url("../images/icon.png");
    background-size: 4rem 2.5rem;
}

header {
    height: .88rem;
    background: #fff;
    text-align: center;
    border-bottom: 1px solid #d8dfe3;
}

header .ico {
    width: .88rem;
    height: .88rem;
}

header .ico i {
    display: block;
    width: .36rem;
    height: .36rem;
    margin: .26rem auto;
}

header .logo-box a {
    display: block;
    width: 1.84rem;
    height: .45rem;
    margin: .21rem auto;
    text-align: center;
}

header .logo-box a img {
    max-width: 100%;
}

header .ico_nav i {
    background-position: -.66rem 0;
}

header .ico_ser i {
    background-position: -1.17rem 0;
}

header .ico_nav.ico_close i {
    background-position: -.66rem -.46rem;
}

.searchOut {
    width: 7.5rem;
    height: 100%;
    position: fixed;
    top: 0;
    left: 50%;
    bottom: 0;
    margin-left: -3.75rem;
    z-index: 3;
}

.searchOut .ser_cont {
    padding: .4rem .24rem;
}

.searchOut .ser_cont form {
    height: .72rem;
    background: #f0f0f0;
    border-radius: .36rem;
}

.searchOut .ser_cont input {
    border: none;
    background: none;
}

.searchOut .ser_cont input.txt {
    height: .34rem;
    line-height: .34rem;
    margin: .2rem .2rem .2rem 0;
}

.searchOut .ser_cont input.btn {
    width: .44rem;
    height: .44rem;
    background-position: -1.15rem 0;
    margin: .2rem .2rem 0 0;
}

.searchOut .ser_hot .tit {
    border-bottom: 2px solid #c6c6c6;
    text-align: left;
    margin: 0 .24rem;
}

.searchOut .ser_hot .tit h3 {
    display: inline-block;
    height: .74rem;
    line-height: .74rem;
    font-size: .36rem;
    color: #292929;
    border-bottom: 2px solid #00aff0;
    position: relative;
    top: 2px;
}

.searchOut .ser_hot .cont ul {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.searchOut .ser_hot .cont li {
    border: 1px solid #f2f2f2;
    border-radius: .26rem;
    margin: .2rem 0 0 .18rem;
}

.searchOut .ser_hot .cont li a {
    display: block;
    width: 1.24rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.searchOut .ser_close {
    display: block;
    width: .64rem;
    height: .64rem;
    background-position: -2.44rem 0;
    position: absolute;
    bottom: 1rem;
    left: 50%;
    margin-left: -.32rem;
}

.menuOut {
    width: 7.5rem;
    height: 100%;
    position: absolute;
    top: 1.78rem;
    left: 50%;
    bottom: 0;
    margin-left: -3.75rem;
    z-index: 3;
}

.menuOut .menu_cont {
    padding: .4rem .24rem;
}

.menuOut dl {
    padding-top: .58rem;
}

.menuOut dt {
    margin-left: .45rem;
}

.menuOut dt a {
    display: block;
    font-size: .32rem;
    color: #00aff0;
    text-align: left;
}

.menuOut dd {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: .4rem;
}

.menuOut dd a {
    width: 25%;
    font-size: .26rem;
    color: #666;
    text-align: center;
    margin-top: .4rem;
}

nav {
    height: .88rem;
    background: #f4f5f6;
}

nav a {
    width: 100%;
    line-height: .88rem;
    text-align: center;
    color: #4d4d4d;
    font-size: .32rem;
}

nav a.current {
    color: #00aff0;
}

/* 底部 */
.footer_logo {
    height: 1.8rem;
    background: #232323;
    padding-top: .8rem;
}

.footer_logo .mylogo {
    display: block;
    width: 2.9rem;
    height: .88rem;
    margin: 0 auto;
}

.footer_logo .mylogo img {
    max-width: 100%;
}

footer .cont {
    font-size: .18rem;
    background: #313131;
    border-top: 1px solid #000;
    color: #d9d9d9;
    padding: .24rem;
}

footer .cont p a {
    color: #fff;
}

footer .cont p {
    text-align: center;
}

footer .back_top {
    width: .94rem;
}

footer .back_top i {
    display: block;
    width: .36rem;
    height: .36rem;
    background-position: -3.12rem 0.05rem;
    margin: .15rem auto;
}

/* 搜索结果页 */
.ser_result {
    padding: .24rem;
}

.ser_result form {
    height: .7rem;
    border-radius: .36rem;
    border: 1px solid #e0e0e0;
}

.ser_result input {
    border: none;
    background: none;
}

.ser_result input.txt {
    height: .34rem;
    line-height: .34rem;
    margin: .2rem .2rem .2rem 0;
}

.ser_result input.btn {
    width: 1rem;
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    color: #00aff0;
    font-size: .32rem;
    border-left: 1px solid #e0e0e0;
}

.p24 {
    padding: 0 .24rem .24rem .24rem;
    margin-top: -.24rem;
}

.p24_2 {
    padding-bottom: .24rem;
}

.p24_2.index_meeting ul {
    border-top: none;
}

.p24_3 {
    padding: .24rem 0;
}

.p24_4 {
    padding-top: .24rem;
    border-top: 1px solid #c2c2c2;
}

.p24_5 {
    padding: 0 .24rem;
    border-top: 1px solid #c2c2c2;
}

.p24_2 .more_link,
.p24_3 .more_link {
    margin: 0 .24rem;
}

.ser_result_wrap .tab_menu {
    font-size: .32rem;
}

.ser_result_wrap .tab_menu li {
    width: 1rem;
    text-align: center;
    padding-bottom: .24rem;
}

.ser_result_wrap .tab_menu li.current {
    color: #00aff0;
}

/* 搜索下拉 */
.hide {
    display: none;
}

.sub_ser {
    position: relative;
}

.sub_ser span {
    display: block;
    width: 1.2rem;
    height: .72rem;
    line-height: .72rem;
    text-align: center;
    font-size: .24rem;
    color: #666;
}

.sub_ser span i {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: .1rem solid #666;
    border-right: .1rem solid transparent;
    border-bottom: .1rem solid transparent;
    border-left: .1rem solid transparent;
    margin-left: .1rem;
    position: relative;
    top: .05rem;
}

.sub_ser ul {
    width: 1.2rem;
    background: #fff;
    text-align: center;
    position: absolute;
    top: .72rem;
    left: 0;
    z-index: 2;
    box-shadow: 0 2px 2px #ddd;
    border: 1px solid #ddd;
    border-radius: .06rem;
}

.sub_ser ul li {
    height: .6rem;
    line-height: .6rem;
    font-size: .24rem;
}

.sub_ser ul li.current {
    color: #00aff0;
    font-weight: 700;
}

.no_record {
    text-align: center;
    margin-top: 1rem;
    font-size: .3rem;
}

/* add 2021-06-28 */
.wrapper {
    width: 100%;
    max-width: 7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
    overflow: hidden;
    background-color: #f4f5f5;
}

.lico {
    background-image: url(../images/ico.png);
    background-size: 9rem 11rem;
}

.gwIntro,
.gwInfo,
.gwEdition,
.gwDown,
.gwLike,
.gwComment,
.jhEdition {
    margin: 0 auto .3rem;
    width: 7.02rem;
    box-shadow: 0 .06rem .29rem 0 rgba(133, 212, 222, 0.18);
    background-color: rgba(255, 255, 255, .9);
    border-radius: .2rem;
}

.tiTle {
    padding: .2rem .24rem;
    line-height: .52rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.tiTle em {
    height: .52rem;
    font-size: .32rem;
    color: #2F5766;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
}

.tiTle span {
    font-size: .22rem;
    color: #aaa;
}

.tiTle span i {
    display: inline-block;
    width: .15rem;
    height: .14rem;
    background-position: -5.05rem -6.21rem;
    position: relative;
    top: 0;
    margin-left: .08rem;
}

.gTitle {
    padding: .2rem .24rem;
    line-height: .52rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.gTitle em {
    position: relative;
    height: .52rem;
    font-size: .32rem;
    color: #1B323B;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
    padding-left: .24rem;
}

.gTitle em:before {
    content: '';
    position: absolute;
    left: 0;
    top: .2rem;
    width: .16rem;
    height: .16rem;
    background: linear-gradient(90deg, #3BC3F5 0%, #48EBED 100%);
    border-radius: 50%;
}

.gTitle a {
    font-size: .22rem;
    color: #aaa;
}

.gTitle a i {
    display: inline-block;
    width: .09rem;
    height: .14rem;
    background-position: -7.02rem -6.20rem;
    position: relative;
    top: 0;
    margin-left: .08rem;
}


.nav ul {
    display: flex;
    min-width: 100%;
    height: .88rem;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
    background-color: #fff;
}

.nav ul::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0
}

.nav ul li {
    flex: 1;
    min-width: 20%;
}

.nav a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: .88rem;
    line-height: .88rem;
    text-align: center;
    color: #666;
    font-size: .32rem;
}

.nav a.current,
.nav li.current-menu-item a {
    font-weight: bold;
    color: #1B323B;
}

.nav a.current:after,
.nav li.current-menu-item a::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    width: .73rem;
    height: .36rem;
    background-image: url(../images/ico.png);
    background-size: 9rem 11rem;
    background-position: -6.11rem -6.11rem;
}

.crumb {
    position: relative;
    z-index: 2;
    padding: 0 .24rem;
    height: .62rem;
    line-height: .62rem;
    font-size: .22rem;
    color: #aaa;
}

.crumb a {
    color: #aaa;
}

.crumb span {
    color: #666;
}

.crumb i {
    display: inline-block;
    width: .19rem;
    height: .22rem;
    background-position: -2.33rem -6.17rem;
    position: relative;
    top: .03rem;
    margin-right: .1rem;
}

.pageWrap {
    padding: .2rem .24rem .3rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;

}

.pageWrap a,
.pageWrap i {
    display: block;
}

.pageWrap a,
.pageWrap span {
    width: .88rem;
    height: .88rem;
    line-height: .88rem;
    text-align: center;
    font-size: .26rem;
    color: #666;
    background-color: #fff;
    border-radius: .1rem;
    overflow: hidden;
    margin-right: 5px;
}

.pageWrap .current {
    color: #fff;
    font-size: .26rem;
    background-color: #48CEF8;
}

.pageWrap .disabled {
    background: #ededed;
    color: #b1b1b1;
}

.pageWrap i {
    display: block;
    background-image: url(../images/ico.png);
    background-size: 9rem 11rem;
}

.pageWrap .left {
    width: .15rem;
    height: .27rem;
    background-position: -5.38rem -6.14rem;
    position: relative;
    top: .31rem;
    left: .37rem;
}

.pageWrap .right {
    width: .16rem;
    height: .28rem;
    background-position: -5.74rem -6.14rem;
    position: relative;
    top: .3rem;
    left: .36rem;
}

.pageWrap a:first-child,
.pageWrap a:last-child {
    width: 1.01rem;
}


.gwList {
    width: 100%;
    background-color: #F4F5F5;
    background: linear-gradient(0deg, #F4F5F5 0%, #F4F5F5 20%, #E1FBF2 100%) no-repeat;
    background-size: 100% 100%;
}

.navSlider {
    width: 100%;
    max-height: 3.38rem;
    overflow: hidden;
}

.navSlider ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 .2rem;
}

.navSlider ul li {
    width: 1.42rem;
}

.navSlider ul li a {
    display: block;
    width: 100%;
    height: 1.64rem;
    text-align: center;
}

.navSlider ul li p {
    display: block;
    width: .88rem;
    height: .88rem;
    border-radius: .24rem;
    background-color: #fff;
    margin: auto;
}

.navSlider ul li span {
    display: block;
    line-height: .65rem;
    margin: auto;
}

.navSlider ul li.current p {
    background: #48CEF8;
    box-shadow: 0 .15rem .2rem 0 rgba(154, 247, 255, 0.5);
}

.navSlider ul li p i {
    display: block;
    width: .5rem;
    height: .5rem;
    background-image: url(../images/ico.png);
    background-size: 9rem 11rem;
    top: .2rem;
    left: .2rem;
    position: relative;
}

.navSlider ul li p .quanbu {
    background-position: -.12rem -.18rem;
}

.navSlider ul li p .dzjj {
    background-position: -2.3rem -.17rem;
}

.navSlider ul li p .kpcl {
    background-position: -.8rem -.17rem;
}

.navSlider ul li p .mnjy {
    background-position: -4.1rem -.19rem;
}

.navSlider ul li p .scjs {
    background-position: -1.52rem -.2rem;
}

.navSlider ul li p .jjgd {
    background-position: -3.22rem -1.82rem;
}

.navSlider ul li p .yywd {
    background-position: -7.24rem -.19rem;
}

.navSlider ul li p .zwjm {
    background-position: -.15rem -1.82rem;
}

.navSlider ul li p .fxsj {
    background-position: -4.98rem -.19rem;
}

.navSlider ul li p .tyjj {
    background-position: -5.76rem -.19rem;
}

.navSlider ul li p .scmx {
    background-position: -.82rem -1.83rem;
}

.navSlider ul li p .jsby {
    background-position: -3.25rem -.18rem;
}

.navSlider ul li p .gktf {
    background-position: -4.06rem -1.82rem;
}

.navSlider ul li p .cwyc {
    background-position: -8rem -.2rem;
}

.navSlider ul li p .xxyz {
    background-position: -6.56rem -.15rem;
}

.navSlider ul li p .qtyx {
    background-position: -1.55rem -1.81rem;
}

/*.navSlider ul li p .qipai{background-position: -2.28rem -1.82rem;} */

.navSlider ul li.current p .quanbu {
    background-position: -.12rem -.98rem;
}

.navSlider ul li.current p .dzjj {
    background-position: -2.3rem -.97rem;
}

.navSlider ul li.current p .kpcl {
    background-position: -.8rem -.97rem;
}

.navSlider ul li.current p .mnjy {
    background-position: -4.1rem -.99rem;
}

.navSlider ul li.current p .scjs {
    background-position: -1.52rem -1rem;
}

.navSlider ul li.current p .jjgd {
    background-position: -3.22rem -2.53rem;
}

.navSlider ul li.current p .yywd {
    background-position: -7.24rem -.99rem;
}

.navSlider ul li.current p .zwjm {
    background-position: -.17rem -2.53rem;
}

.navSlider ul li.current p .fxsj {
    background-position: -4.98rem -.99rem;
}

.navSlider ul li.current p .tyjj {
    background-position: -5.76rem -.99rem;
}

.navSlider ul li.current p .scmx {
    background-position: -.82rem -2.54rem;
}

.navSlider ul li.current p .jsby {
    background-position: -3.25rem -.98rem;
}

.navSlider ul li.current p .gktf {
    background-position: -4.06rem -2.53rem;
}

.navSlider ul li.current p .cwyc {
    background-position: -8rem -1rem;
}

.navSlider ul li.current p .xxyz {
    background-position: -6.56rem -.95rem;
}

.navSlider ul li.current p .qtyx {
    background-position: -1.53rem -2.52rem;
}

/* .navSlider ul li.current p .qipai{background-position: -2.28rem -2.53rem;} */
/* app */
.navSlider ul li p .spbf {
    background-position: -5.72rem -3.25rem;
}

.navSlider ul li p .shfw {
    background-position: -8.01rem -3.25rem;
}

.navSlider ul li p .xwyd {
    background-position: -4.15rem -3.27rem;
}

.navSlider ul li p .xxjy {
    background-position: -4.96rem -3.26rem;
}

.navSlider ul li p .sjbg {
    background-position: -7.24rem -3.25rem;
}

.navSlider ul li p .ydjs {
    background-position: -5.76rem -.19rem;
}

.navSlider ul li p .lrmy {
    background-position: -5.75rem -1.84rem;
}

.navSlider ul li p .wlgw {
    background-position: -6.53rem -3.27rem;
}

.navSlider ul li p .lycx {
    background-position: -1.53rem -3.28rem;
}

.navSlider ul li p .ztmh {
    background-position: -.165rem -3.25rem;
}

.navSlider ul li p .pzsy {
    background-position: -3.25rem -3.24rem;
}

.navSlider ul li p .xsmh {
    background-position: -4.99rem -1.84rem;
}

.navSlider ul li p .jrlc {
    background-position: -.83rem -3.25rem;
}

.navSlider ul li p .kgyy {
    background-position: -7.24rem -.19rem;
}

.navSlider ul li p .sjlt {
    background-position: -2.28rem -3.25rem;
}

.navSlider ul li p .qtyy {
    background-position: -1.55rem -1.81rem;
}

.navSlider ul li.current p .spbf {
    background-position: -5.72rem -3.92rem;
}

.navSlider ul li.current p .shfw {
    background-position: -8.01rem -3.92rem;
}

.navSlider ul li.current p .xwyd {
    background-position: -4.15rem -3.94rem;
}

.navSlider ul li.current p .xxjy {
    background-position: -4.96rem -3.93rem;
}

.navSlider ul li.current p .sjbg {
    background-position: -7.24rem -3.92rem;
}

.navSlider ul li.current p .ydjs {
    background-position: -5.76rem -.99rem;
}

.navSlider ul li.current p .lrmy {
    background-position: -5.75rem -2.55rem;
}

.navSlider ul li.current p .wlgw {
    background-position: -6.53rem -3.94rem;
}

.navSlider ul li.current p .lycx {
    background-position: -1.53rem -3.95rem;
}

.navSlider ul li.current p .ztmh {
    background-position: -.165rem -3.92rem;
}

.navSlider ul li.current p .pzsy {
    background-position: -3.25rem -3.91rem;
}

.navSlider ul li.current p .xsmh {
    background-position: -4.99rem -2.55rem;
}

.navSlider ul li.current p .jrlc {
    background-position: -.83rem -3.92rem;
}

.navSlider ul li.current p .kgyy {
    background-position: -7.24rem -.99rem;
}

.navSlider ul li.current p .sjlt {
    background-position: -2.28rem -3.92rem;
}

.navSlider ul li.current p .qtyy {
    background-position: -1.53rem -2.52rem;
}


.gcontainer {
    width: 6.54rem;
    background-color: #fff;
    border-radius: .4rem;
    margin: auto;
    padding: .2rem .24rem .04rem;
}

.gtop {}



.gtop .taba {
    display: flex;
    width: 3.33rem;
    padding: .04rem .05rem;
    height: .52rem;
    line-height: .52rem;
    background: #fff;
    border: 1px solid #00AFF0;
    border-radius: .3rem;
    margin: auto;
    text-align: center;
    overflow: hidden;
}

.gtop .taba a {
    display: block;
    color: #00AFF0;
    font-size: .26rem;
    padding: 0 .22rem;
}

.gtop .taba a:nth-of-type(1) {
    padding-left: .3rem;
}

.gtop .taba .current-menu-item a {
    display: block;
    padding: 0 .22rem;
    width: .81rem;
    height: .52rem;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(90deg, #3BC3F5 0%, #80E4E5 100%);
    border-radius: .26rem;
}

.gaList {}

.gaList ul {
    padding-top: .4rem;
}

.gaList ul li {
    display: flex;
    width: 100%;
    margin-bottom: .4rem;
}

.gaList ul li a {
    display: block;
}

.gaList ul li .info {
    flex: 1;
    display: flex;
}

.gaList ul li .info img {
    width: 1.28rem;
    height: 1.28rem;
    border-radius: .3rem;
    margin-right: .24rem;
}

.gaList ul li .info div {
    flex: 1;
    width: 3.82rem;
    height: 1.28rem;
}

.gaList ul li .info p {
    display: block;
    font-size: .24rem;
    color: #999;
    line-height: .4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gaList ul li .info p:nth-of-type(1) {
    color: #333;
    font-size: .28rem;
    font-weight: bold;
    line-height: .46rem;
}

.gaList ul li .btn {
    margin-top: .33rem;
    width: 1.2rem;
    height: .62rem;
    line-height: .62rem;
    border: 1px solid #00AFF0;
    border-radius: .1rem;
    font-size: .26rem;
    color: #3CC3F5;
    text-align: center;
}

.gaList ul li .btn.no {
    border: 1px solid #FD8A6C;
    color: #FD8A6C;
}

.topicSlider {
    position: relative;
    width: 7.02rem;
    height: 2.9rem;
    border-radius: .2rem;
    margin: auto;
    overflow: hidden;
}

.topicSlider img {
    width: 7.02rem;
    min-height: 2.9rem;
    height: auto;
    border-radius: .2rem;
}

.topicSlider .swiper-wrapper {
    height: 2.9rem;
}

.topicSlider .swiper-pagination {
    position: absolute;
    bottom: .25rem !important;
    left: auto !important;
    right: .3rem;
    text-align: right;
    width: 50% !important;
}

.topicSlider .swiper-pagination-bullet {
    width: .06rem;
    height: .06rem;
    background-color: #fff;
    opacity: 0.5;
    border-radius: .03rem;
}

.topicSlider .swiper-pagination-bullet-active {
    width: .17rem;
    opacity: 1;
}

.topicSlider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .015rem;
}

.topicSlider a p {
    position: absolute;
    font-size: .38rem;
    font-weight: bold;
    color: #fff;
    line-height: 2.9rem;
    text-shadow: 0 0 .1rem rgba(0, 0, 0, .8);
    margin: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    text-align: center;
    font-weight: bold;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0);
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.55));
}

.hotSlider {
    margin-bottom: .4rem;
}

.hotSlider img {
    width: 3.8rem;
    height: 2.14rem;
    border-radius: .4rem .4rem 0 0;
}

.hotSlider .swiper-slide div {
    position: relative;
    top: -.54rem;
    z-index: 1;
    padding: 0 .24rem;
    width: 3.32rem;
    height: 2.42rem;
    background-color: #fff;
    border-radius: .4rem;
    overflow: hidden;
}

.hotSlider .swiper-wrapper {
    height: 4.02rem;
    padding-left: .24rem;
    padding-right: .48rem;
}

.hotSlider .swiper-slide {
    width: 3.8rem;
    overflow: hidden;
    margin-right: .24rem;
}

.hotSlider p {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .22rem;
    color: #999;
    line-height: .32rem;
}

.hotSlider .name {
    font-size: .28rem;
    color: #333;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    line-height: .42rem;
    margin: .12rem 0 .09rem;
}

.hotSlider .txt {
    height: .96rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: .18rem;
}

.hotSlider span {
    display: block;
    border-top: 1px solid rgba(129, 129, 129, .3);
    text-align: center;
    line-height: .66rem;
    font-size: .26rem;
    color: #00AFF0;
}

.selTopic {
    position: relative;
    width: 7.02rem;
    margin: auto;
    border-radius: .4rem;
    background-color: #fff;
    padding: .08rem 0;
    overflow: hidden;
}

.selTopic .taba {
    position: absolute;
    right: .24rem;
    top: .24rem;
    display: flex;
    width: 3.5rem;
    justify-content: space-between;
    padding: .04rem .05rem;
    height: .52rem;
    line-height: .52rem;
    background: #fff;
    border: 1px solid #00AFF0;
    border-radius: .3rem;
    margin: auto;
    text-align: center;
    overflow: hidden;
}

.selTopic .taba a {
    display: block;
    color: #00AFF0;
    font-size: .26rem;
    padding: 0 .22rem;
}

.selTopic .taba a.current {
    display: block;
    padding: 0 .22rem;
    width: .81rem;
    height: .52rem;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(90deg, #3BC3F5 0%, #80E4E5 100%);
    border-radius: .26rem;
}

.selTopic ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .2rem .24rem .02rem;
}

.selTopic ul li {
    position: relative;
    width: 3.15rem;
    margin-bottom: .2rem;
}

.selTopic ul li a {
    display: block;
}

.selTopic ul li img {
    width: 3.15rem;
    height: 1.77rem;
    border-radius: .2rem;
}

.selTopic ul li p {
    display: block;
    font-size: .28rem;
    color: #333;
    line-height: .66rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.selTopic ul li span {
    position: absolute;
    top: .1rem;
    left: .1rem;
    display: block;
    padding: 0 .2rem 0 .52rem;
    height: .38rem;
    line-height: .38rem;
    background-color: rgba(0, 0, 0, .6);
    border-radius: .19rem;
    font-size: .22rem;
    color: #FEFEFE;
}

.selTopic ul li span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: .38rem;
    height: .38rem;
    background-image: url(../images/ico.png);
    background-size: 9rem 11rem;
    background-position: -.17rem -6.11rem;
}

.topicDe .gaList ul {
    padding-top: .13rem;
}

.topicTop {
    width: 7.02rem;
    max-height: 7.3rem;
    margin: 2.1rem auto 0;
    border-radius: .4rem;
    background-color: transparent;
    margin-bottom: .3rem;
}

.topicTop .info {
    position: relative;
    box-shadow: 0 -1.2rem .8rem 0 rgba(47, 87, 102, 0.2);
    padding: 2.14rem .3rem .2rem;
    border-radius: .4rem;
    background-color: #fff;
}

.topicTop .img {
    position: absolute;
    top: -2rem;
    z-index: 2;
    width: 6.42rem;
    height: 3.95rem;
    margin: auto;
    overflow: hidden;
    border-radius: .4rem;
}

.topicTop .img:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 6.42rem;
    height: 2.53rem;
    background: url(../images/ztbg.png) no-repeat;
}

.topicTop .img img {
    width: 6.42rem;
    min-height: 3.95rem;
    height: auto;
}

.topicTop .img h1 {
    position: absolute;
    z-index: 2;
    bottom: .55rem;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    font-size: .32rem;
    color: #fff;
    line-height: .66rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.topicTop .img p {
    position: absolute;
    z-index: 2;
    bottom: .2rem;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    font-size: .24rem;
    color: #fff;
    line-height: .4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.topicTop .img span {
    position: absolute;
    top: .2rem;
    left: .2rem;
    display: block;
    padding: 0 .2rem 0 .52rem;
    height: .38rem;
    line-height: .38rem;
    background-color: rgba(0, 0, 0, .6);
    border-radius: .19rem;
    font-size: .22rem;
    color: #FEFEFE;
}

.topicTop .img span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: .38rem;
    height: .38rem;
    background-image: url(../images/ico.png);
    background-size: 9rem 11rem;
    background-position: -.17rem -6.11rem;
}

.topicTop .txt p {
    height: 1.2rem;
    font-size: .26rem;
    color: #666;
    line-height: .4rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: .25rem;
}

.topicTop .txt div {
    display: flex;
    flex-wrap: wrap;
    width: 6.8rem;
}

.topicTop .txt a {
    display: block;
    padding: 0 .24rem;
    height: .52rem;
    line-height: .52rem;
    overflow: hidden;
    font-size: .24rem;
    margin-right: .14rem;
    white-space: nowrap;
    border-radius: .06rem;
    background-color: #00AFF0;
    color: #fff;
    margin-bottom: .2rem;
}

.topicTop .txt a:nth-of-type(6n+1) {
    background-color: #D4F3FF;
    color: #00A6E6;
}

.topicTop .txt a:nth-of-type(6n+2) {
    background-color: #FFE4E9;
    color: #F75372;
}

.topicTop .txt a:nth-of-type(6n+3) {
    background-color: #ECFDEC;
    color: #00D8AD;
}

.topicTop .txt a:nth-of-type(6n+4) {
    background-color: #EAE5FF;
    color: #9480E9;
}

.topicTop .txt a:nth-of-type(6n+5) {
    background-color: #ffedfb;
    color: #c77eb5;
}

.topicTop .txt a:nth-of-type(6n+6) {
    background-color: #FFF5E0;
    color: #FFAE61;
}

.rankList {
    position: relative;
    background: linear-gradient(0deg, #F4F5F5 0%, #EAFFF8 37%, #C0FFF5 70%, #68B1FE 100%);
    padding-top: 3.25rem;
}

.rankList:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    width: 7.49rem;
    height: 4.9rem;
    background: url(../images/rankbg.png) no-repeat;
    background-size: 100% 100%;
}

.raList {
    position: relative;
    z-index: 2;
    width: 6.54rem;
    background-color: #fff;
    border-radius: .4rem;
    margin: auto;
    padding: .3rem .24rem .04rem;
    text-align: center
}

.raList:before {
    content: '';
    position: absolute;
    top: -.28rem;
    left: 0;
    right: 0;
    z-index: 3;
    margin: auto;
    width: 5.9rem;
    height: .28rem;
    background: rgba(255, 255, 255, .3);
    border-radius: .4rem .4rem 0 0;
}

.raList:after {
    content: '';
    position: absolute;
    top: -.14rem;
    left: 0;
    right: 0;
    z-index: 3;
    margin: auto;
    width: 6.56rem;
    height: .28rem;
    background: rgba(255, 255, 255, .6);
    border-radius: .4rem .4rem 0 0;
}

.raList .taba {
    display: inline-block;
    padding: .04rem .05rem;
    height: .52rem;
    line-height: .52rem;
    background: #fff;
    border: 1px solid #00AFF0;
    border-radius: .3rem;
    margin: auto;
    text-align: center;
    overflow: hidden;
}

.raList .taba a {
    float: left;
    display: block;
    color: #00AFF0;
    font-size: .26rem;
    padding: 0 .22rem;
}

.raList .taba a.current {
    display: block;
    padding: 0 .22rem;
    height: .52rem;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(90deg, #3BC3F5 0%, #80E4E5 100%);
    border-radius: .26rem;
}

.raList .tabRMenu {
    display: inline-block;
    padding: .04rem .05rem;
    height: .52rem;
    line-height: .52rem;
    background: #fff;
    border: 1px solid #00AFF0;
    border-radius: .3rem;
    margin: auto;
    text-align: center;
    overflow: hidden;
}

.raList .tabRMenu span {
    float: left;
    display: block;
    color: #00AFF0;
    font-size: .26rem;
    padding: 0 .22rem;
}

.raList .tabRMenu span.current {
    display: block;
    padding: 0 .22rem;
    height: .52rem;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(90deg, #3BC3F5 0%, #80E4E5 100%);
    border-radius: .26rem;
}


.raList ul {
    padding-top: .4rem;
    text-align: left;
}

.raList ul li {
    display: flex;
    width: 100%;
    margin-bottom: .4rem;
}

.raList ul li a {
    display: block;
}

.raList ul li .info {
    flex: 1;
    display: flex;
}

.raList ul li .info i {
    display: block;
    width: .44rem;
    height: .44rem;
    line-height: .44rem;
    background-color: #eee;
    border-radius: .1rem;
    font-size: .24rem;
    color: #999;
    font-weight: bold;
    text-align: center;
    margin: .42rem .2rem 0 0;
}

.raList ul li:nth-of-type(1) .info i {
    background-image: url(../images/ico.png);
    background-size: 9rem 11rem;
    background-position: -1.13rem -6.83rem;
    background-color: transparent;
}

.raList ul li:nth-of-type(2) .info i {
    background-image: url(../images/ico.png);
    background-size: 9rem 11rem;
    background-position: -1.84rem -6.83rem;
    background-color: transparent;
}

.raList ul li:nth-of-type(3) .info i {
    background-image: url(../images/ico.png);
    background-size: 9rem 11rem;
    background-position: -2.55rem -6.83rem;
    background-color: transparent;
}

.raList ul li .info img {
    width: 1.28rem;
    height: 1.28rem;
    border-radius: .3rem;
    margin-right: .24rem;
}

.raList ul li .info div {
    flex: 1;
    width: 3rem;
    height: 1.28rem;
    margin-right: .16rem;
}

.raList ul li .info p {
    display: block;
    font-size: .24rem;
    color: #999;
    line-height: .4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.raList ul li .info p:nth-of-type(1) {
    color: #333;
    font-size: .28rem;
    font-weight: bold;
    line-height: .46rem;
}

.raList ul li .btn {
    margin-top: .33rem;
    width: 1.2rem;
    height: .62rem;
    line-height: .62rem;
    border: 1px solid #00AFF0;
    border-radius: .1rem;
    font-size: .26rem;
    color: #3CC3F5;
    text-align: center;
}

.raList ul li .btn.no {
    border: 1px solid #FD8A6C;
    color: #FD8A6C;
}

.gaDeTop {
    position: relative;
    padding: 0 .24rem;
    margin: .51rem 0;
}

.gaDeTop:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: -1.13rem;
    left: 0;
    margin: auto;
    width: 100%;
    height: 7rem;
    background: url(../images/juhebg.png) no-repeat;
    background-size: 100% 100%;
}

.gaDeTop:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: .2rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6.46rem;
    height: 100%;
    box-shadow: 0 .06rem .29rem 0 rgba(133, 212, 222, 0.21);
    background-color: rgba(255, 255, 255, .5);
    border-radius: .3rem;
}

.gaDeTop .info {
    padding-bottom: .2rem;
    position: relative;
    z-index: 2;
    top: 0rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 7.02rem;
    box-shadow: 0 .06rem .29rem 0 rgba(133, 212, 222, 0.18);
    background-color: rgba(255, 255, 255, .9);
    border-radius: .2rem;
    text-align: center;
}

.gaDeTop .info img {
    position: relative;
    top: -.4rem;
    display: block;
    margin: auto;
    width: 1.8rem;
    height: 1.8rem;
    box-shadow: 0 .2rem .26rem 0 rgba(150, 236, 249, 0.4);
    border-radius: .4rem;
}

.gaDeTop .info h1 {
    position: relative;
    top: -.13rem;
    margin: auto;
    display: block;
    font-size: .36rem;
    color: #1B323B;
    font-weight: bold;
    line-height: .4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}

.gaDeTop .info .time {
    display: flex;
    justify-content: space-around;
    padding: 0 .3rem;
    margin: .02rem 0 .24rem;
}

.gaDeTop .info .time p {
    font-size: .26rem;
    color: #999;
    line-height: .4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gaDeTop .info .time span {
    color: #333;
}

.gaDeTop .info .tag {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 7.18rem;
}

.gaDeTop .info .tag a {
    display: block;
    padding: 0 .24rem;
    height: .52rem;
    line-height: .52rem;
    overflow: hidden;
    font-size: .24rem;
    margin-right: .14rem;
    white-space: nowrap;
    border-radius: .06rem;
    background-color: #00AFF0;
    color: #fff;
    margin-bottom: .2rem;
}

.gaDeTop .info .tag a:nth-of-type(6n+1) {
    background-color: #D4F3FF;
    color: #00A6E6;
}

.gaDeTop .info .tag a:nth-of-type(6n+2) {
    background-color: #FFE4E9;
    color: #F75372;
}

.gaDeTop .info .tag a:nth-of-type(6n+3) {
    background-color: #ECFDEC;
    color: #00D8AD;
}

.gaDeTop .info .tag a:nth-of-type(6n+4) {
    background-color: #EAE5FF;
    color: #9480E9;
}

.gaDeTop .info .tag a:nth-of-type(6n+5) {
    background-color: #ffedfb;
    color: #c77eb5;
}

.gaDeTop .info .tag a:nth-of-type(6n+6) {
    background-color: #FFF5E0;
    color: #FFAE61;
}

.linkBtn {
    padding: .2rem 0
}

.linkBtn i {
    background-image: url(../images/ico.png);
    background-size: 9rem 11rem;
    position: relative;
    top: .04rem;
    margin-right: .1rem;
}

.linkBtn a,
.linkBtn button {
    display: block;
    width: 5.82rem;
    height: .8rem;
    line-height: .8rem;
    font-size: .28rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border: none;
    border-radius: .4rem;
    margin: 0 auto;
}

.linkBtn .adrBtn {
    background: linear-gradient(110deg, #3BC3F5 0%, #33D7EA 100%);
}

.linkBtn .adrBtn.no,
.linkBtn .iosBtn.no {
    background: linear-gradient(110deg, #d8d8d8 0%, #d8d8d8 100%) !important;
    cursor: not-allowed;
}

.linkBtn .adrBtn i {
    display: inline-block;
    width: .23rem;
    height: .26rem;
    background-position: -6.12rem -6.92rem;
}

.linkBtn .iosBtn {
    background: linear-gradient(110deg, #3BC3F5 0%, #33D7EA 100%);
}

.linkBtn .iosBtn i {
    display: inline-block;
    width: .22rem;
    height: .26rem;
    background-position: -6.62rem -6.92rem;
}

.linkBtn .orderBtn {
    background: linear-gradient(-90deg, #FC7E5B 0%, #FFA294 100%);
}

.linkBtn .orderBtn i {
    display: inline-block;
    width: .24rem;
    height: .24rem;
    background-position: -7.11rem -6.92rem;
}

.linkBtn .noDown {
    background: linear-gradient(-90deg, #c2c2c2 0%, #d5d3d3 100%)
}

.oTip {
    position: relative;
    display: block;
    width: 5.42rem;
    padding-left: .4rem;
    text-align: left;
    margin: .2rem auto 0;
    font-size: .24rem;
    color: #FB6961;
    line-height: .36rem;
}

.oTip:before {
    content: '';
    position: absolute;
    top: .06rem;
    left: 0;
    width: .26rem;
    height: .26rem;
    background-image: url(../images/ico.png);
    background-size: 9rem 11rem;
    background-position: -.74rem -6.17rem;
}

.gwIntro {
    position: relative;
    z-index: 1;
    padding-bottom: .2rem;
}

.introTab {
    display: flex;
    justify-content: space-around;
    margin-bottom: .2rem
}

.introTab span {
    position: relative;
    display: block;
    height: .88rem;
    line-height: .88rem;
    font-size: .32rem;
    color: #666;
}

.introTab span.current:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: .08rem;
    background-color: #FD806B;
}

.editReviews {
    position: relative;
    padding-left: 1.5rem;
    margin: auto;
    margin-bottom: .05rem;
    width: 5.12rem;
    height: .76rem;
    line-height: .76rem;
    font-size: .24rem;
    color: #666;
    background-color: #FFF5E9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.editReviews:before {
    content: '';
    position: absolute;
    top: .22rem;
    left: .2rem;
    width: 1.1rem;
    height: .32rem;
    background-image: url(../images/ico.png);
    background-size: 9rem 11rem;
    background-position: -3.69rem -6.14rem;
}

.game-video {
    height: 4.22rem;
    margin: auto;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: 50%
}

.game-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.game-video img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.game-video .cont {
    width: 7.5rem;
    height: 4.22rem;
}

.game-video .cont iframe {
    width: 7.5rem;
    height: 4.22rem;
}

.game-video .vback {
    display: none;
    width: 100%;
    height: 4.22rem;
    position: absolute;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
}

.game-video .vback .info {
    width: 2rem;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 1rem auto;
}

.game-video .vback .info .img_box {
    width: 2rem;
    text-align: center;
    position: relative;
}

.game-video .vback .info img {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: .3rem;
    margin: 0 auto;
}

.game-video .vback .info p {
    color: #fff;
    font-size: .28rem;
    overflow: hidden;
    white-space: nowrap;
    margin: .1rem auto 0 auto;
    text-align: center;
}

.game-video .vback .info .replay {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: .2rem;
    border-radius: .3rem;
}

.game-video .vback .info .replay:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: .64rem;
    height: .64rem;
    background-image: url(../images/ico.png);
    background-size: 9rem 11rem;
    background-position: -3.12rem -9.84rem;
}

.showImg {
    padding: .05rem 0 0 .24rem;
}

.img_item {
    overflow-x: auto;
    padding: 0 0 .1rem;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.img_item ul {
    font-size: 0;
}

.img_item ul li {
    margin-right: .2rem;
    display: inline-block;
}

.img_item ul li img {
    width: auto;
    max-height: 4.6rem;
}

.img_item ul li:last-of-type {
    margin-right: .26rem;
}

div.photo-box {
    width: 100%;
    background: rgba(0, 0, 0, .8);
    height: 100% !important;
    position: fixed;
    overflow: hidden;
    display: none;
    z-index: 999;
    left: 0;
    top: 0;
}

.cf {
    *zoom: 1;
}

.pinch-zoom-container {
    height: 100% !important;
}

.img-slider {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
}

.img-slider li {
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    z-index: 999;
}

div.photo-box li {
    list-style: none;
}

.img-slider li img {
    width: 92% !important;
    height: auto;
    vertical-align: middle;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

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

.cf:after {
    clear: both;
}

.gwCont {
    overflow: hidden;
}

.gwCont .cont {
    font-size: .26rem;
    line-height: .42rem;
    color: #666;
    padding: 0 .24rem;
}

.gwCont .cont a {
    color: #00A6E6;
    display: inline-block;
    line-height: .42rem;
    border-bottom: 1px solid #00A6E6;
    text-indent: 0;
}

.gwCont .cont p {
    margin-bottom: .16rem;
}

.gwCont .cont img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: .1rem auto;
}

.gwCont .cont br:last-child {
    display: none;
}

.gwCont .cont h3 {
    font-size: .3rem;
    color: #00aff0;
    height: .6rem;
    line-height: .6rem;
    font-weight: 700;
    margin: .1rem 0;
    border: 0;
}

.gwCont .cont h3:before {
    content: '';
    display: inline-block;
    width: .1rem;
    height: .1rem;
    background-color: #00aff0;
    transform: rotate(45deg);
    vertical-align: middle;
    margin-right: .16rem;
}

.gwCont .cont h3:after {
    content: '';
    display: inline-block;
    width: .1rem;
    height: .1rem;
    background-color: #00aff0;
    transform: rotate(45deg);
    vertical-align: middle;
    margin-left: .16rem;
}

.gwCont .cont iframe {
    width: 100%;
    height: 3.6rem;
    margin: 0 auto;
    display: block;
    border: none;
}

.gwCont .cont table {
    width: 100% !important;
    border-color: #d9d9d9;
}

.gwCont .cont table a {
    border-bottom: none;
}

.gwCont .cont strong {
    font-weight: bold;
}

.rizhi {
    position: relative;
    font-size: .26rem;
    line-height: .42rem;
    color: #666;
    margin-bottom: .1rem;
}

.rizhi .gTitle h3 {
    font-weight: bold;
}

.rizhi font {
    position: absolute;
    right: .24rem;
    top: .25rem;
    display: block;
    width: 1.18rem;
    height: .38rem;
    line-height: .38rem;
    border: 1px solid #FD8A6C;
    font-size: .24rem;
    color: #FD8A6C;
    border-radius: .38rem;
    text-align: center;
}

.rizhi strong {
    display: block;
    color: #454545;
    line-height: .52rem;
    font-size: .3rem;
    font-weight: bold;
    text-indent: 0em;
}

.rizhi p {
    margin-bottom: .1rem;
    border-bottom: none;
    display: block;
    text-indent: 1em;
    margin: 0 .24rem .1rem;
}

.rizhi p span {
    display: block;
}

.rizhi p br {
    display: none;
}

.gwInfo ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 .48rem .12rem;
}

.gwInfo ul li {
    width: 50%;
    line-height: .42rem;
    margin-bottom: .2rem;
    overflow: hidden;
}

.gwInfo .star {
    line-height: 0.42rem;
    height: 0.42rem;
    display: table-cell;
    vertical-align: middle;
}


.gwInfo ul p,
.gwInfo ul span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gwInfo ul p {
    font-size: .22rem;
    color: #999;
}

.gwInfo ul span {
    font-size: .26rem;
    color: #333;
}

.gwInfo ul .gPower {
    color: #00AFF0;
}

.gwEdition ul {
    padding: .02rem .24rem;
}

.gwEdition ul li {
    display: flex;
    width: 100%;
    margin-bottom: .4rem;
}

.gwEdition ul li a {
    display: block;
}

.gwEdition ul li .info {
    flex: 1;
    display: flex;
}

.gwEdition ul li .info img {
    width: 1.28rem;
    height: 1.28rem;
    border-radius: .3rem;
    margin-right: .24rem;
}

.gwEdition ul li .info div {
    flex: 1;
    width: 3.82rem;
    height: 1.28rem;
}

.gwEdition ul li .info p {
    display: block;
    font-size: .24rem;
    color: #999;
    line-height: .4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gwEdition ul li .info p:nth-of-type(1) {
    color: #333;
    font-size: .28rem;
    font-weight: bold;
    line-height: .46rem;
}

.gwEdition ul li .btn {
    margin-top: .33rem;
    width: 1.2rem;
    height: .62rem;
    line-height: .62rem;
    border: 1px solid #00AFF0;
    border-radius: .1rem;
    font-size: .26rem;
    color: #3CC3F5;
    text-align: center;
}

.gwEdition ul li .btn.no {
    border: 1px solid #FD8A6C;
    color: #FD8A6C;
}

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

.gwDown ul li {
    width: 1.75rem;
    overflow: hidden;
    margin-bottom: .4rem;
}

.gwDown ul li a {
    display: block;
}

.gwDown ul li img {
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: .3rem;
    margin: auto;
}

.gwDown ul li p {
    display: block;
    width: 80%;
    font-size: .28rem;
    color: #333;
    line-height: .62rem;
    margin: auto;
    overflow: hidden;
    white-space: nowrap;
}

.gwDown ul li .btn {
    margin: 0 auto;
    width: 1.2rem;
    height: .62rem;
    line-height: .62rem;
    border: 1px solid #00AFF0;
    border-radius: .1rem;
    font-size: .26rem;
    color: #3CC3F5;
    text-align: center;
}

.gwDown ul li .btn.no {
    border: 1px solid #FD8A6C;
    color: #FD8A6C;
}

.gwLike {
    padding-bottom: .02rem;
}

.gwLike .tabMenu {
    display: flex;
    padding: 0 .22rem;
    margin-bottom: .3rem;
    min-width: 6.58rem;
    height: .62rem;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
}

.gwLike .tabMenu::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0
}

.gwLike .tabMenu span {
    position: relative;
    display: block;
    min-width: 14.6%;
    margin: 0 .24rem;
    height: .62rem;
    line-height: .62rem;
    text-align: center;
    color: #999;
    font-size: .24rem;
    border-radius: .32rem;
    overflow: hidden;
    white-space: nowrap;
}

.gwLike .tabMenu span.current {
    color: #FEFEFE;
    padding: 0 .24rem;
    margin: 0;
    background: linear-gradient(-45deg, #FD896A 0%, #F8ADA1 100%);
    box-shadow: 0 .06rem .1rem 0 rgba(253, 137, 106, 0.24);
}

.gwLike .tabMenu span:last-of-type {
    padding-right: .24rem;
}

.gwLike .subTop {
    position: relative;
    display: flex;
    overflow: hidden;
    background-color: #F0F9FA;
    border-radius: .06rem;
    width: 6.54rem;
    margin: 0 auto .4rem;
}

.gwLike .subTop img {
    width: 3rem;
    height: 2.1rem;
    border-radius: .06rem 0 0 .06rem;
    margin-right: .24rem;
}

.gwLike .subTop div {
    flex: 1;
    width: 3.3rem
}

.gwLike .subTop div p:nth-of-type(1) {
    font-size: .28rem;
    color: #333;
    line-height: .62rem;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: .05rem;
}

.gwLike .subTop div p:nth-of-type(2) {
    font-size: .26rem;
    color: #666;
    line-height: .4rem;
    height: 1.2rem;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.gwLike .subTop span {
    position: absolute;
    top: .1rem;
    left: .1rem;
    display: block;
    padding: 0 .2rem 0 .52rem;
    height: .38rem;
    line-height: .38rem;
    background-color: rgba(0, 0, 0, .6);
    border-radius: .19rem;
    font-size: .22rem;
    color: #FEFEFE;
}

.gwLike .subTop span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: .38rem;
    height: .38rem;
    background-image: url(../images/ico.png);
    background-size: 9rem 11rem;
    background-position: -.17rem -6.11rem;
}

.gwLike .subBox ul {
    display: flex;
    flex-wrap: wrap;
}

.gwLike .subBox ul li {
    width: 1.75rem;
    overflow: hidden;
    margin-bottom: .2rem;
}

.gwLike .subBox ul li a {
    display: block;
}

.gwLike .subBox ul li img {
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: .3rem;
    margin: auto;
}

.gwLike .subBox ul li p {
    display: block;
    width: 80%;
    font-size: .28rem;
    color: #333;
    line-height: .62rem;
    margin: auto;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}

.moreLink {
    display: block;
    width: 1.96rem;
    height: .52rem;
    line-height: .52rem;
    color: #FD8A6C;
    font-size: .28rem;
    border: 1px solid #FD8A6C;
    border-radius: .12rem;
    text-align: center;
    margin: 0 auto .3rem;
}

.gwComment {
    padding-bottom: .02rem;
}

.gwComment .comTop {
    padding: 0 .24rem;
    text-align: right;
}

.gwComment textarea {
    display: block;
    width: 100%;
    border: none;
    padding: .1rem 0;
    height: 2.4rem;
    background-color: #F4F5F5;
    outline: none;
    resize: none;
    line-height: .56rem;
    text-indent: 1em;
    font-size: .26rem;
    color: #454545;
}

.gwComment textarea::-webkit-input-placeholder {
    font-size: .26rem;
    color: #aaa;
}

.gwComment textarea:-moz-placeholder {
    font-size: .26rem;
    color: #aaa;
}

.gwComment textarea::-moz-placeholder {
    font-size: .26rem;
    color: #aaa;
}

.gwComment textarea:-ms-input-placeholder {
    font-size: .26rem;
    color: #aaa;
}

.gwComment button {
    outline: none;
    border: none;
    cursor: pointer;
    width: 1.2rem;
    height: .68rem;
    line-height: .68rem;
    background: linear-gradient(110deg, #3BC3F5 0%, #33D7EA 100%);
    border-radius: .1rem;
    margin-top: .2rem;
    font-size: .26rem;
    color: #fff;
}

.gwComment button.disabled {
    cursor: default;
}

.comTit {
    width: 100%;
    height: .84rem;
    margin-top: .1rem;
}

.comTit em {
    position: relative;
    display: inline-block;
    height: .62rem;
    line-height: .62rem;
    font-size: .24rem;
    color: #999;
    padding: 0;
}

.comTit i {
    display: inline-block;
    width: .18rem;
    height: .2rem;
    background-position: -1.95rem -6.17rem;
    position: relative;
    top: .02rem;
    margin-left: .1rem;
}

.comList {
    padding: 0 .24rem;
}

.comList li {
    display: flex;
    justify-content: space-between;
    margin-bottom: .4rem;
}

.comList li img {
    width: .78rem;
    height: .78rem;
    border-radius: 50%;
    background-size: 100% 100%;
}

.comList li div {
    width: 4.78rem;
    max-height: 6rem;
    overflow: hidden;
}

.comList li .comName {
    font-size: .24rem;
    color: #999;
    line-height: .42rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comList li .comName span {
    display: inline-block;
    max-width: 3rem;
}

.comList li .comName em {
    font-size: .22em;
    color: #aaa;
    line-height: .42rem;
    margin-left: .24rem;
}

.comList li .txt {
    font-size: .26rem;
    color: #333;
    line-height: .42rem;
    margin-top: .04rem;
}

.comList li i {
    position: relative;
    font-size: .24em;
    color: #aaa;
    line-height: .42rem;
    padding-left: .32rem;
    margin-top: .24rem;
}

.comList li i:before {
    content: '';
    display: block;
    position: absolute;
    top: .08rem;
    left: 0;
    width: .24rem;
    height: .24rem;
    background-image: url(../images/ico.png);
    background-size: 9rem 11rem;
    background-position: -3.12rem -6.16rem;
}

.comList li i.current:before {
    background-position: -2.7rem -6.16rem;
}

.gwComment .unlist {
    width: 100%;
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: .28rem;
    color: #ababab;
    text-align: center;
    border-top: 1px solid #e6e6e6;
}

.comMore {
    text-align: center;
    font-size: .24rem;
    color: #00AFF0;
    margin-bottom: .3rem;
}

.jhTop,
.jhDown,
.jhEdition {
    position: relative;
    z-index: 1;
}

.jhIntro {
    position: relative;
    padding: 0 .24rem;
    margin: .2rem 0;
}

.jhIntro:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: -.82rem;
    left: 0;
    margin: auto;
    width: 100%;
    height: 7rem;
    background: url(../images/juhebg.png) no-repeat;
    background-size: 100% 100%;
}

.jhTop {
    display: flex;
    margin: 0 auto .3rem;
    width: 7.02rem;
    justify-content: space-between;
}

.jhTl,
.jhTr {
    height: 3.18rem;
    overflow: hidden;
    box-shadow: 0 0.06rem 0.29rem 0 rgb(133 212 222 / 18%);
    background-color: rgba(255, 255, 255, .9);
    border-radius: .2rem;
}

.jhTl {
    width: 2.14rem;
}

.jhTr {
    width: 4.68rem;
}

.jhTl img {
    display: block;
    margin: .2rem auto 0;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: .3rem;
}

.jhTl h1 {
    width: 100%;
    font-size: .36rem;
    color: #1B323B;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    line-height: .7rem;
    margin-bottom: .08rem;
    text-align: center;
}

.jhBtn a,
.jhBtn button {
    display: block;
    width: 1.2rem;
    height: .62rem;
    line-height: .62rem;
    font-size: .26rem;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: .1rem;
    margin: 0 auto;
}

.jhBtn .adrBtn {
    background-color: #00AFF0;
}

.jhBtn .iosBtn {
    background-color: #00AFF0;
}

.jhBtn .orderBtn {
    background-color: #FD8A6C
}

.jhBtn .noDown {
    background-color: #c2c2c2
}

.jhTr a {
    display: block;
    padding: .2rem;
}

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

.jhTr ul li {
    width: 50%;
    font-size: .24rem;
    color: #999;
    line-height: .42rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jhTr .txt {
    padding-top: .04rem;
    font-size: .24rem;
    color: #666;
    line-height: .36rem;
    height: 1.8rem;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.jhTr .txt i {
    display: inline-block;
    width: .7rem;
    height: .32rem;
    background-position: -4.12rem -6.89rem;
    position: relative;
    top: .06rem;
}

.jhDown .gTitle {
    padding-left: 0;
    padding-right: 0;
}

.jhDown .gaList {
    padding-top: 0;
    border-radius: .2rem;
}

.jhDown .gaList ul {
    padding-top: .05rem;
}

.jhDown .gaList .time {
    position: relative;
    font-size: .24em;
    color: #00AFF0;
    line-height: .42rem;
    padding-left: .28rem;
}

.jhDown .gaList .time:before {
    content: '';
    display: block;
    position: absolute;
    top: .115rem;
    left: 0;
    width: .2rem;
    height: .2rem;
    background-image: url(../images/ico.png);
    background-size: 9rem 11rem;
    background-position: -3.26rem -6.95rem;
}

.jhDown .gaList .time.no {
    color: #FD8A6C;
}

.jhDown .gaList .time.no:before {
    background-position: -3.69rem -6.95rem;
}

.jhEdition {
    padding-bottom: .02rem;
}

.jhEdition ul {
    display: flex;
    padding: 0 .22rem;
    margin-bottom: .3rem;
    min-width: 6.58rem;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
}

.jhEdition ul::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0
}

.jhEdition ul li {
    width: 4.3rem;
    min-width: 4.3rem;
    height: 1.68rem;
    border-radius: .2rem;
    overflow: hidden;
    margin-right: .2rem;
}

.jhEdition ul li:last-of-type {
    padding-right: .24rem;
}

.jhEdition ul li a {
    display: block;
    display: flex;
    padding: .2rem;
    background: #F0F9FA;
    border-radius: .2rem;
}

.jhEdition ul li img {
    width: 1.28rem;
    height: 1.28rem;
    border-radius: .3rem;
    margin-right: .24rem;
}

.jhEdition ul li div {
    flex: 1;
    height: 1.28rem;
}

.jhEdition ul li p {
    display: block;
    width: 2.5rem;
    font-size: .24rem;
    color: #999;
    line-height: .4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jhEdition ul li p:nth-of-type(1) {
    color: #333;
    font-size: .28rem;
    font-weight: bold;
    line-height: .46rem;
}

.feedBack i,
.orderList i,
.gRule i,
.gRule i,
.gPrivacy i,
.gLog i,
.feBaBtn i {
    background-image: url(../images/ico.png);
    background-size: 9rem 11rem;
}

/* feedback */
.gwInfo {
    position: relative;
}

.feBaBtn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.2rem .24rem;
    overflow: hidden;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: .22rem;
    color: #FD8A6C;
    text-align: center;
}

.feBaBtn i {
    display: inline-block;
    width: 0.2rem;
    height: 0.19rem;
    position: relative;
    top: 0.01rem;
    background-position: -1.2rem -6.21rem;
    margin-right: .06rem;
}

.feedBack {
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-width: 7.5rem;
    min-width: 3.2rem;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
}

.feHead {
    height: .88rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    box-shadow: 0 .06rem .15rem 0 rgba(244, 245, 245, 0.7);
}

.feHead span {
    color: #333;
    font-size: .32rem;
    font-weight: bold;
    line-height: .88rem;
    text-align: center;
}

.feHead>i {
    width: .18rem;
    height: .32rem;
    display: block;
    background-position: -1.57rem -6.14rem;
    position: relative;
    left: .24rem;
    top: .26rem;
}

.feHead a i {
    width: .36rem;
    height: .36rem;
    display: block;
    background-position: -7.36rem -6.14rem;
    position: absolute;
    right: .24rem;
    top: .24rem;
}

.feBack {
    margin: 0 .24rem .25rem;
}

.feBack span {
    font-size: .24rem;
    color: #aaa;
    margin: .40rem 0 .32rem;
    display: block;
}

.feBack .info p {
    font-size: .28rem;
    color: #303030;
    line-height: .88rem;
}

.feBack textarea {
    width: 6.78rem;
    height: 2rem;
    border: none;
    resize: none;
    background: #F4F5F5;
    padding-left: .24rem;
    padding-top: .26rem;
    font-size: .26rem;
    color: #999;
    border-radius: .1rem;
}

.checkbox {
    position: relative;
    height: .88rem;
    line-height: .88rem;
    background-color: #F4F5F5;
    border-radius: .1rem;
    margin-bottom: .1rem;
}

.checkbox:nth-last-child(1) {
    border-bottom: none;
}

.checkbox input[type='checkbox'] {
    position: absolute;
    left: 0;
    top: 0;
    width: .2rem;
    height: .2rem;
    opacity: 0;
}

.checkbox label {
    position: absolute;
    left: .9rem;
    top: 0;
    height: .2rem;
    line-height: .2rem;
    width: 6.1rem;
    font-size: .26rem;
    color: #666;
    padding: .34rem 0;
}

.checkbox label:after {
    content: '';
    position: absolute;
    left: -.6rem;
    top: .3rem;
    width: .2rem;
    height: .2rem;
    border: .05rem solid #F4F5F5;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #00AFF0;
}

.checkbox input[type='checkbox']:checked+label:after {
    background-color: #00AFF0;
}

.telBox {
    margin: 0 .24rem;
    overflow: hidden;
}

.telBox span {
    font-size: .24rem;
    color: #aaa;
    display: block;
}

.telBox input {
    display: block;
    border: none;
    width: 6.54rem;
    padding: 0 .24rem;
    height: .88rem;
    line-height: .88rem;
    background-color: #F4F5F5;
    margin: .3rem 0;
    font-size: .24rem;
    border-radius: .1rem;
}

.telBox input::-webkit-input-placeholder {
    color: #999;
}

.telBox input:-moz-placeholder {
    color: #999;
}

.telBox input::-moz-placeholder {
    color: #999;
}

.telBox input:-ms-input-placeholder {
    color: #999;
}

.feSubmit {
    height: 1.6rem;
    width: 7.5rem;
}

.feSubmit input {
    margin: .3rem .24rem 0;
    font-size: .32rem;
    width: 7.02rem;
    height: .88rem;
    line-height: .88rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border: none;
    border-radius: .1rem;
    background-color: #00AFF0;
}

/* order */
.orderList {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .62);
}

.orderBox {
    position: absolute;
    z-index: 5;
    top: 3.94rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 5.9rem;
    background-color: #fff;
    border-radius: .4rem;
    text-align: center;
}

.orderBox .oClose {
    position: absolute;
    top: -.9rem;
    right: 0;
    margin: auto;
    z-index: 5;
}

.orderBox .oClose i {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    background-position: -.17rem -6.75rem;
    position: relative;
}

.orderBox .oTitle {
    position: relative;
    width: 100%;
    height: 1.88rem;
    background-image: url(../images/maskbg.png);
    background-size: 100% 100%;
    text-align: center;
    border-top-left-radius: .08rem;
    border-top-right-radius: .08rem;
}

.orderBox .oTitle p:nth-of-type(1) {
    padding-top: .42rem;
    font-size: .38rem;
    color: #2F5766;
    font-weight: bold;
    line-height: .62rem;
    white-space: nowrap;
    overflow: hidden;
}

.orderBox .oTitle p:nth-of-type(2) {
    font-size: .24rem;
    color: #5C8999;
    line-height: .62rem;
    white-space: nowrap;
    overflow: hidden;
}

.orderBox form {
    position: relative;
}

.orderBox form .tel {
    width: 4.52rem;
    background-color: #F4F5F5;
    color: #aaa;
    font-size: .26rem;
    border-radius: .1rem;
    border: 1px solid transparent;
    padding: 0 .24rem;
    line-height: .88rem;
    margin: .5rem auto .1rem;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox form .tel::-webkit-input-placeholder {
    color: #999;
}

.orderBox form .tel:-moz-placeholder {
    color: #999;
}

.orderBox form .tel::-moz-placeholder {
    color: #999;
}

.orderBox form .tel:-ms-input-placeholder {
    color: #999;
}

.orderBox form p {
    color: #666;
    font-size: .28rem;
    line-height: .46rem;
    margin-top: .24rem;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox form .oBtn {
    width: 5rem;
    height: .88rem;
    background: linear-gradient(110deg, #3BC3F5 0%, #47DFED 100%);
    border-radius: .44rem;
    border: 0;
    color: #fff;
    font-size: .32rem;
    font-weight: bold;
    line-height: .88rem;
    margin: .4rem auto .4rem;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox .msg {
    display: block;
    width: 4.8rem;
    margin: 0 auto;
    color: #FD8A6C;
    font-size: .18rem;
    text-align: left;
}

.orderBox .oWin,
.orderBox .oAgin {
    width: 100%;
    height: 5.04rem;
    font-size: .36rem;
    border-radius: .4rem;
    text-align: center;
}

.orderBox .oWin .oTitle p:nth-of-type(1),
.orderBox .oAgin p:nth-of-type(1) {
    margin-top: .36rem;
}

.orderBox .oWin .oTitle>i,
.orderBox .oAgin .oTitle>i {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background-position: -2.15rem -7.77rem;
    position: relative;
    top: .64rem;
    margin: auto;
}

.orderBox .oWin .oTitle a,
.orderBox .oAgin .oTitle a {
    display: block;
    margin: .5rem auto 0;
    font-size: .28rem;
    line-height: .4rem;
    color: #00AFF0;
}

.orderBox .oWin .oTitle a>i,
.orderBox .oAgin .oTitle a>i {
    display: inline-block;
    width: .09rem;
    height: .14rem;
    background-position: -5.16rem -6.98rem;
    position: relative;
    margin-left: .06rem;
}

/* rule */
.gRule {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    max-width: 7.5rem;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .62);
}

.ruleBox {
    position: absolute;
    z-index: 3;
    top: 3rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    width: 5.9rem;
    max-height: 7.48rem;
    border-radius: .4rem;
    text-align: center;
}

.ruleBox .rClose {
    position: absolute;
    top: -.9rem;
    right: 0;
    margin: auto;
    z-index: 5;
}

.ruleBox .rClose i {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    background-position: -.17rem -6.75rem;
    position: relative;
}

.ruleBox .rTitle {
    position: relative;
    width: 100%;
    height: 1.24rem;
    background-image: url(../images/qxbg.png);
    background-size: 100% 100%;
    text-align: center;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
}

.ruleBox .rTitle>i {
    display: block;
    width: .71rem;
    height: .7rem;
    background-position: -8.55rem -3.54rem;
    position: absolute;
    top: -.42rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #38A6FD;
    border: .09rem solid #38a6fd;
    border-radius: 50%;
}

.ruleBox .rTitle p {
    display: block;
    font-size: .38rem;
    color: #2F5766;
    line-height: .62rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    padding-top: .3rem;
}

.ruleBox .rTitle p>i {
    display: inline-block;
    width: .3rem;
    height: .23rem;
    background-position: -5.48rem -6.95rem;
    position: relative;
    margin-right: .06rem;
}

.ruleBox .rSure {
    display: block;
    width: 4.28rem;
    height: .6rem;
    border: 0;
    background: linear-gradient(110deg, #3BC3F5 0%, #47DFED 100%);
    border-radius: .3rem;
    color: #fff;
    font-size: .28rem;
    line-height: .6rem;
    margin: .3rem auto;
    overflow: hidden;
    white-space: nowrap;
}

.ruleMain {
    display: block;
    width: 5.25rem;
    height: 4.4rem;
    border: none;
    padding: 0 .3rem;
    line-height: .42rem;
    font-size: .26rem;
    color: #666;
    margin: .26rem auto;
    overflow: auto;
}

.ruleMain p {
    text-align: left;
}

.ruleMain strong {
    display: block;
    color: #333;
    line-height: .52rem;
    font-size: .26rem;
    font-weight: bold;
    text-indent: 0em;
    text-align: left;
}

/* rule */
.gPrivacy {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    max-width: 7.5rem;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .62);
}

.privacyBox {
    position: absolute;
    z-index: 3;
    top: 3rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    width: 5.9rem;
    max-height: 7.48rem;
    border-radius: .4rem;
    text-align: center;
}

.privacyBox .pClose {
    position: absolute;
    top: -.9rem;
    right: 0;
    margin: auto;
    z-index: 5;
}

.privacyBox .pClose i {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    background-position: -.17rem -6.75rem;
    position: relative;
}

.privacyBox .pTitle {
    position: relative;
    width: 100%;
    height: 1.24rem;
    background-image: url(../images/qxbg.png);
    background-size: 100% 100%;
    text-align: center;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
}

.privacyBox .pTitle>i {
    display: block;
    width: .71rem;
    height: .7rem;
    background-position: -8.55rem -3.54rem;
    position: absolute;
    top: -.42rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #38A6FD;
    border: .09rem solid #38a6fd;
    border-radius: 50%;
}

.privacyBox .pTitle p {
    display: block;
    font-size: .38rem;
    color: #2F5766;
    line-height: .62rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    padding-top: .3rem;
}

.privacyBox .pTitle p>i {
    display: inline-block;
    width: .3rem;
    height: .23rem;
    background-position: -5.48rem -6.95rem;
    position: relative;
    margin-right: .06rem;
}

.privacyBox .pSure {
    display: block;
    width: 4.28rem;
    height: .6rem;
    border: 0;
    background: linear-gradient(110deg, #3BC3F5 0%, #47DFED 100%);
    border-radius: .3rem;
    color: #fff;
    font-size: .28rem;
    line-height: .6rem;
    margin: .3rem auto;
    overflow: hidden;
    white-space: nowrap;
}

.privacyMain {
    display: block;
    width: 5.25rem;
    height: 4.4rem;
    border: none;
    padding: 0 .3rem;
    line-height: .42rem;
    font-size: .26rem;
    color: #666;
    margin: .26rem auto;
    overflow: auto;
}

.privacyMain p {
    text-align: left;
}

.privacyMain strong {
    display: block;
    color: #333;
    line-height: .52rem;
    font-size: .26rem;
    font-weight: bold;
    text-indent: 0em;
    text-align: left;
}

/* log */
.gLog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    max-width: 7.5rem;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .62);
}

.logBox {
    position: absolute;
    z-index: 5;
    top: 2.6rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    width: 5.9rem;
    border-radius: .4rem;
    text-align: center;
}

.logBox .lClose {
    position: absolute;
    top: -.9rem;
    right: 0;
    margin: auto;
    z-index: 5;
}

.logBox .lClose i {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    background-position: -.17rem -6.75rem;
    position: relative;
}

.logBox .lTitle {
    position: relative;
    width: 100%;
    height: 1.88rem;
    background-image: url(../images/maskbg.png);
    background-size: 100% 100%;
    text-align: center;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
}

.logBox .lTitle p {
    display: block;
    font-size: .38rem;
    color: #2F5766;
    line-height: .62rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    padding-top: .6rem;
}

.logBox .lSure {
    display: block;
    width: 4.28rem;
    height: .6rem;
    border: 0;
    background: linear-gradient(110deg, #3BC3F5 0%, #47DFED 100%);
    border-radius: .3rem;
    color: #fff;
    font-size: .28rem;
    line-height: .6rem;
    margin: .3rem auto;
    overflow: hidden;
    white-space: nowrap;
}

.logMain {
    display: block;
    width: 5.25rem;
    min-height: 2rem;
    max-height: 4rem;
    border: none;
    padding: 0 .3rem;
    line-height: .42rem;
    font-size: .26rem;
    color: #666;
    margin: .26rem auto;
    overflow: auto;
}

.logMain strong {
    display: block;
    color: #333;
    line-height: .52rem;
    font-size: .26rem;
    font-weight: bold;
    text-indent: 0em;
    text-align: left;
}

.logMain p {
    margin-bottom: .12rem;
    border-bottom: none;
    display: block;
    text-indent: 2em;
    font-size: .24rem;
    line-height: .42rem;
    color: #5c5c5c;
    text-align: left;
}

.logMain p span {
    display: block;
}

.logMain p br {
    display: none;
}

/* tip */
.hTips {
    padding: .19rem .25rem;
    color: #666666;
    text-align: left;
    font-size: .24rem;
    line-height: .4rem;
    margin: .2rem .27rem .1rem;
    border-radius: .08rem;
    background-color: #fffaf2;
    border: 1px solid #ffd2a6;
}

.hTips label {
    font-size: .24rem;
    color: #ffa622;
    margin-right: .1rem;
}

/* game */
.navSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(1) i {
    background-position: -.12rem -.18rem;
}

.navSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(2) i {
    background-position: -2.3rem -.17rem;
}

.navSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(3) i {
    background-position: -.8rem -.17rem;
}

.navSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(4) i {
    background-position: -4.1rem -.19rem;
}

.navSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(5) i {
    background-position: -1.52rem -.2rem;
}

.navSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(6) i {
    background-position: -3.22rem -1.82rem;
}

.navSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(7) i {
    background-position: -7.24rem -.19rem;
}

.navSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(8) i {
    background-position: -.15rem -1.82rem;
}

.navSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(9) i {
    background-position: -4.98rem -.19rem;
}

.navSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(10) i {
    background-position: -5.76rem -.19rem;
}

.navSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(1) i {
    background-position: -.82rem -1.83rem;
}

.navSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(2) i {
    background-position: -3.25rem -.18rem;
}

.navSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(3) i {
    background-position: -4.06rem -1.82rem;
}

.navSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(4) i {
    background-position: -8rem -.2rem;
}

.navSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(5) i {
    background-position: -6.56rem -.15rem;
}

.navSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(6) i {
    background-position: -1.55rem -1.81rem;
}


.navSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(1).current i {
    background-position: -.12rem -.98rem;
}

.navSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(2).current i {
    background-position: -2.3rem -.97rem;
}

.navSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(3).current i {
    background-position: -.8rem -.97rem;
}

.navSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(4).current i {
    background-position: -4.1rem -.99rem;
}

.navSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(5).current i {
    background-position: -1.52rem -1rem;
}

.navSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(6).current i {
    background-position: -3.22rem -2.53rem;
}

.navSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(7).current i {
    background-position: -7.24rem -.99rem;
}

.navSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(8).current i {
    background-position: -.17rem -2.53rem;
}

.navSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(9).current i {
    background-position: -4.98rem -.99rem;
}

.navSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(10).current i {
    background-position: -5.76rem -.99rem;
}

.navSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(1).current i {
    background-position: -.82rem -2.54rem;
}

.navSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(2).current i {
    background-position: -3.25rem -.98rem;
}

.navSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(3).current i {
    background-position: -4.06rem -2.53rem;
}

.navSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(4).current i {
    background-position: -8rem -1rem;
}

.navSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(5).current i {
    background-position: -6.56rem -.95rem;
}

.navSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(6).current i {
    background-position: -1.53rem -2.52rem;
}

/* app */
.navpSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(2) i {
    background-position: -5.72rem -3.25rem;
}

.navpSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(3) i {
    background-position: -8.01rem -3.25rem;
}

.navpSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(4) i {
    background-position: -4.15rem -3.27rem;
}

.navpSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(5) i {
    background-position: -4.96rem -3.26rem;
}

.navpSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(6) i {
    background-position: -7.24rem -3.25rem;
}

.navpSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(7) i {
    background-position: -5.76rem -.19rem;
}

.navpSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(8) i {
    background-position: -5.75rem -1.84rem;
}

.navpSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(9) i {
    background-position: -6.53rem -3.27rem;
}

.navpSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(10) i {
    background-position: -1.53rem -3.28rem;
}

.navpSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(1) i {
    background-position: -.165rem -3.25rem;
}

.navpSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(2) i {
    background-position: -3.25rem -3.24rem;
}

.navpSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(3) i {
    background-position: -4.99rem -1.84rem;
}

.navpSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(4) i {
    background-position: -.83rem -3.25rem;
}

.navpSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(5) i {
    background-position: -7.24rem -.19rem;
}

.navpSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(6) i {
    background-position: -2.28rem -3.25rem;
}

.navpSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(7) i {
    background-position: -1.55rem -1.81rem;
}


.navpSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(2).current i {
    background-position: -5.72rem -3.92rem;
}

.navpSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(3).current i {
    background-position: -8.01rem -3.92rem;
}

.navpSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(4).current i {
    background-position: -4.15rem -3.94rem;
}

.navpSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(5).current i {
    background-position: -4.96rem -3.93rem;
}

.navpSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(6).current i {
    background-position: -7.24rem -3.92rem;
}

.navpSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(7).current i {
    background-position: -5.76rem -.99rem;
}

.navpSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(8).current i {
    background-position: -5.75rem -2.55rem;
}

.navpSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(9).current i {
    background-position: -6.53rem -3.94rem;
}

.navpSlider .swiper-slide:nth-of-type(1) ul li:nth-of-type(10).current i {
    background-position: -1.53rem -3.95rem;
}

.navpSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(1).current i {
    background-position: -.165rem -3.92rem;
}

.navpSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(2).current i {
    background-position: -3.25rem -3.91rem;
}

.navpSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(3).current i {
    background-position: -4.99rem -2.55rem;
}

.navpSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(4).current i {
    background-position: -.83rem -3.92rem;
}

.navpSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(5).current i {
    background-position: -7.24rem -.99rem;
}

.navpSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(6).current i {
    background-position: -2.28rem -3.92rem;
}

.navpSlider .swiper-slide:nth-of-type(2) ul li:nth-of-type(7).current i {
    background-position: -1.53rem -2.52rem;
}

.gwInfo ul .gPower,
.gwInfo ul .gSecret {
    color: #00AFF0;
}

/* news */
.newsList {
    background-color: #fff;
    margin: 0 .24rem;
    border-radius: .2rem;
    margin-top: .4rem;
}

.newsList ul {
    padding: 0 .24rem .1rem;
    margin-bottom: .1rem;
}

.newsList ul li {
    position: relative;
    padding: .1rem 0 .3rem;
}

.newsList li a {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.newsList li a img {
    display: block;
    width: 2.68rem;
    height: 1.51rem;
    border-radius: .2rem;
}

.newsList li .info {
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 0%;
    height: 1.51rem;
    margin-left: .2rem;
}

.newsList li .info>p {
    display: block;
    width: auto;
    font-size: .28rem;
    color: #333;
    font-weight: bold;
    line-height: .42rem;
    height: .84rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.newsList li .info div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-top: .2rem;
    height: .4rem;
    overflow: hidden;
}

.newsList li .info div>span {
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 0%;
    height: .4rem;
    overflow: hidden;
    text-align: right;
    font-size: .22rem;
    color: #AAAAAA;
    line-height: .42rem;
}

.newsList li .info div>p {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.newsList li .info div>p span {
    display: block;
    padding: 0 .26rem;
    margin-right: .12rem;
    font-size: .2rem;
    color: #FC5B32;
    text-align: center;
    line-height: .4rem;
    background-color: rgba(253, 138, 108, .2);
    border-radius: .04rem;
}

.newsList li .info div .nNew {
    color: #FC5B32;
    background-color: rgba(253, 138, 108, .2);
}

.newsList li .info div .nHot {
    color: #00A4E6;
    background-color: rgba(212, 243, 255, .5);
}

.newsTitle div,
.newsCont,
.nGame,
.nHotRec,
.newsRec {
    position: relative;
    z-index: 1;
    margin: 0 auto .3rem;
    width: 7.02rem;
    box-shadow: 0 .06rem .29rem 0 rgba(133, 212, 222, 0.18);
    background-color: rgba(255, 255, 255, .9);
    border-radius: .2rem;
}

.newsTitle {
    position: relative;
    padding: 0 .24rem;
    margin-top: .16rem;
}

.newsTitle:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: -.77rem;
    left: 0;
    margin: auto;
    width: 100%;
    height: 7rem;
    background: url(../images/juhebg.png) no-repeat;
    background-size: 100% 100%;
}

.newsTitle div {
    padding: .3rem 0;
}

.newsTitle h1 {
    font-size: .32rem;
    color: #333;
    line-height: .42rem;
    font-weight: 700;
    text-align: center;
}

.newsTitle p {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    overflow: hidden;
    margin-top: .2rem;
}

.newsTitle p span {
    font-size: .22rem;
    color: #aaa;
    line-height: .4rem;
}

.newsTitle p span i {
    display: inline-block;
    position: relative;
    top: .01rem;
    margin-right: .09rem;
    background-image: url(../images/ico.png);
    background-size: 9rem 11rem;
    background-repeat: no-repeat;
    ;
}

.newsTitle p span .nTime {
    width: .2rem;
    height: .2rem;
    background-position: -6.08rem -7.72rem;
}

.newsTitle p span .nNet {
    width: .22rem;
    height: .21rem;
    background-position: -5.6rem -7.72rem;
    top: .02rem;
}

.newsTitle p span .nAuthor {
    width: .18rem;
    height: .2rem;
    background-position: -6.54rem -7.72rem;
}

.newsCont {
    padding: .3rem 0;
    overflow: hidden;
}

.newsCont .cont {
    padding: 0 .3rem;
    font-size: .26rem;
    line-height: .4rem;
    color: #666;
    overflow: hidden;
}

.newsCont .cont a {
    color: #00AFF0;
    line-height: .42rem;
    border-bottom: 1px solid #00AFF0;
    text-indent: 0;
}

.newsCont .cont p {
    margin-bottom: .16rem;
}

.newsCont .cont img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: .12rem auto;
}

.newsCont .cont h3 {
    display: block;
    font-size: .26rem;
    line-height: .42rem;
    margin-bottom: .2rem;
    font-weight: bold;
    color: #454545;
}

.newsCont .cont iframe {
    width: 100%;
    height: 3.6rem;
    margin: 0 auto;
    display: block;
    border: none;
}

.newsCont .cont table {
    width: 100% !important;
    margin-bottom: .2rem;
}

.newsCont .cont table a {
    border-bottom: none;
}

.newsCont .cont strong {
    font-weight: bold;
}

.newsCont .cont video {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: .1rem auto;
}

.nDisclaimer {
    position: relative;
    padding-left: 1.5rem;
    margin: auto;
    margin-bottom: .05rem;
    width: 5.12rem;
    height: .76rem;
    line-height: .76rem;
    font-size: .24rem;
    color: #666;
    background-color: #FFF5E9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nDisclaimer:before {
    content: '';
    position: absolute;
    top: .24rem;
    left: .2rem;
    width: 1.1rem;
    height: .32rem;
    background-image: url(../images/ico.png);
    background-size: 9rem 11rem;
    background-position: -4.14rem -7.72rem;
}

.nGame>div {
    display: flex;
    padding: .3rem .24rem;
}

.nGame>div a {
    display: block;
}

.nGame>div .info {
    flex: 1;
    display: flex;
}

.nGame>div .info .suolue {
    width: 1.28rem;
    height: 1.28rem;
    border-radius: .3rem;
    margin-right: .24rem;
}

.nGame>div .info .star {
    margin-top: 5px;
}

.nGame>div .info div {
    flex: 1;
    width: 3.82rem;
    height: 1.28rem;
}

.nGame>div .info p {
    display: block;
    font-size: .24rem;
    color: #999;
    line-height: .4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nGame>div .info p:nth-of-type(1) {
    color: #333;
    font-size: .28rem;
    font-weight: bold;
    line-height: .46rem;
}

.nGame>div .btn {
    margin-top: .33rem;
    width: 1.2rem;
    height: .62rem;
    line-height: .62rem;
    border: 1px solid #00AFF0;
    border-radius: .1rem;
    font-size: .26rem;
    color: #3CC3F5;
    text-align: center;
}

.nGame>div .btn.no {
    border: 1px solid #FD8A6C;
    color: #FD8A6C;
}

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

.nHotRec ul li {
    width: 1.75rem;
    overflow: hidden;
    margin-bottom: .2rem;
}

.nHotRec ul li a {
    display: block;
}

.nHotRec ul li img {
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: .3rem;
    margin: auto;
}

.nHotRec ul li p {
    display: block;
    width: 80%;
    font-size: .28rem;
    color: #333;
    line-height: .62rem;
    margin: auto;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}

.newsRec ul {
    padding: 0 .24rem .1rem;
    margin-bottom: .1rem;
}

.newsRec ul li {
    position: relative;
    padding: .1rem 0 .3rem;
}

.newsRec li a {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.newsRec li a img {
    display: block;
    width: 2.68rem;
    height: 1.51rem;
    border-radius: .2rem;
}

.newsRec li .info {
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 0%;
    height: 1.51rem;
    margin-left: .2rem;
}

.newsRec li .info>p {
    display: block;
    width: auto;
    font-size: .28rem;
    color: #333;
    font-weight: bold;
    line-height: .42rem;
    height: .84rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.newsRec li .info div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-top: .2rem;
    height: .4rem;
    overflow: hidden;
}

.newsRec li .info div>span {
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 0%;
    height: .4rem;
    overflow: hidden;
    text-align: right;
    font-size: .22rem;
    color: #AAAAAA;
    line-height: .42rem;
}

.newsRec li .info div>p {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.newsRec li .info div>p span {
    display: block;
    padding: 0 .26rem;
    margin-right: .12rem;
    font-size: .2rem;
    color: #FC5B32;
    text-align: center;
    line-height: .4rem;
    background-color: rgba(253, 138, 108, .2);
    border-radius: .04rem;
}

.newsRec li .info div .nNew {
    color: #FC5B32;
    background-color: rgba(253, 138, 108, .2);
}

.newsRec li .info div .nHot {
    color: #00A4E6;
    background-color: rgba(212, 243, 255, .5);
}

.newSlider a {
    position: relative;
    display: block;
}

.newSlider a p {
    position: absolute;
    font-size: .32rem;
    color: #fff;
    line-height: 2.9rem;
    text-shadow: 0 0 .1rem rgba(0, 0, 0, .5);
    margin: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    text-align: center;
    font-weight: bold;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0);
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.55));
}

.indexSlider {
    position: relative;
    width: 7.02rem;
    height: 2.9rem;
    margin: .3rem auto;
    border-radius: .2rem;
    overflow: hidden;
}

.indexSlider img {
    width: 7.02rem;
    min-height: 2.9rem;
    height: auto;
    border-radius: .2rem;
}

.indexSlider .swiper-wrapper {
    height: 2.9rem;
}

.indexSlider .swiper-pagination {
    position: absolute;
    bottom: .25rem !important;
    left: auto !important;
    right: .3rem;
    text-align: right;
    width: 50% !important;
}

.indexSlider .swiper-pagination-bullet {
    width: .06rem;
    height: .06rem;
    background-color: #fff;
    opacity: 0.5;
    border-radius: .03rem;
}

.indexSlider .swiper-pagination-bullet-active {
    width: .17rem;
    opacity: 1;
}

.indexSlider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .015rem;
}

.indexSlider .info {
    position: absolute;
    z-index: 1;
    bottom: 0;
    padding: .24rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.indexSlider .info:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 2.3rem;
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    border-radius: 0 0 .2rem .2rem;
}

.indexSlider .info img {
    position: relative;
    width: 1.28rem;
    height: 1.28rem;
    min-height: 1.28rem;
    border-radius: .3rem;
    margin-right: .15rem;
}

.indexSlider .info div {
    position: relative;
    flex: 1;
    width: 3.8rem;
    height: 1.28rem;
    overflow: hidden;
    white-space: nowrap;
    margin-right: .1rem;
}

.indexSlider .info div p {
    font-size: .24rem;
    color: #fff;
    opacity: .6;
    line-height: .4rem;
    text-overflow: ellipsis;
}

.indexSlider .info div p:nth-of-type(1) {
    font-size: .32rem;
    font-weight: bold;
    opacity: 1;
    line-height: .52rem;
    margin-top: .3rem;
}

.indexSlider .info span {
    position: relative;
    display: block;
    margin: .05rem auto .15rem;
    width: 1.2rem;
    height: .62rem;
    line-height: .62rem;
    background-color: #00AFF0;
    border-radius: .1rem;
    font-size: .26rem;
    color: #fff;
    text-align: center;
}

.indexSlider .info span.no {
    background-color: #FD8A6C;
}

.nHotRec .btn {
    display: block;
    margin: .05rem auto .15rem;
    width: 1.2rem;
    height: .62rem;
    line-height: .62rem;
    background-color: #00AFF0;
    border-radius: .1rem;
    font-size: .26rem;
    color: #fff;
    text-align: center;
}

.nHotRec .btn.no {
    background-color: #FD8A6C;
}

.indexRank .gTitle {
    padding-top: 0;
    padding-bottom: .45rem;
}

.indexRank .raList:before {
    background: rgba(255, 255, 255, .45);
}

.moreLook {
    display: block;
    font-size: .26rem;
    color: #aaa;
    line-height: .32rem;
    padding: 0 0 .36rem;
    margin: .1rem auto 0;
    text-align: center;
}

.indexNews {
    margin-bottom: .3rem;
}


/* tab */