* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.download-pc {
    width: 100%;
    height: 100%;
}

.download-pc .download-pc-navigation {
    width: 100%;
    height: 66px;
    background-color: #FFFFFF;
    /* background: linear-gradient(163deg, rgba(57, 57, 57, 0.96), rgba(39, 39, 39, 0.96)); */
    position: relative;
    z-index: 1;
}

.center {
    width: 1200px;
    margin: 0 auto;
}

.download-pc .download-pc-navigation .navigation {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.download-pc .download-pc-navigation .navigation .logo {
    width: 211px;
    height: 45px;
}

.download-pc .download-pc-navigation .navigation .logo img {
    max-width: 100%;
    max-height: 100%;
}

.download-pc .download-pc-navigation .navigation ul {
    color: #191919;
    display: flex;
    align-items: center;
}

.download-pc .download-pc-navigation .navigation ul li {
    color: #191919;
    list-style: none;
    margin: 0 24px;
}

.download-pc .download-pc-navigation .navigation ul li a {
    color: #191919;
    font-size: 18px;
    font-family: "Microsoft YaHei";
    font-weight: 600;
}

.download-pc .download-pc-content {
    width: 100%;
    background: url(../images/download-pc-bg.png) no-repeat top center;
    margin-top: -66px;
    background-size: auto 100%;
}

.download-pc .download-pc-content .download {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 100px;
    padding-right: 60px;
    box-sizing: border-box;
}

.download-pc .download-pc-content .download .download-lf-icon {
    width: 586px;
    height: 644px;
    min-width: 586px;
    margin-left: -60px;
}

.download-pc .download-pc-content .download .download-lf-icon img {
    width: 100%;
    height: 100%;
    vertical-align: baseline;
}

.download-pc .download-pc-content .download .download-rt h1 {
    text-align: center;
}

.download-pc .download-pc-content .download .download-rt h1 img {
    width: 505px;
    height: 143px;
}

.download-pc .download-pc-content .download .download-rt .download-context {
    display: flex;
    margin-top: 0px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(255, 224, 190, 0.4);
}

.download-pc .download-pc-content .download .download-rt .download-context .code {
	width: 160px;
	height: 180px;
	padding: 11px 11px;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-radius: 10px;
	margin-right: 21px;
	margin-left: 220px;
}

.download-pc .download-pc-content .download .download-rt .download-context .scan-down {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.download-pc .download-pc-content .download .download-rt .download-context .scan-down img {
    width: 19px;
    height: 19px;
    min-width: 19px;
    margin-right: 12px;
}

.download-pc .download-pc-content .download .download-rt .download-context .scan-down p {
    color: #1A1A1A;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    white-space: nowrap;
}

.download-pc .download-pc-content .download .download-rt .download-context .code .img,
.download-pc .download-pc-content .download .download-rt .download-context .code .img img {
    width: 137px;
    height: 137px;
    overflow: hidden;
}

.download-pc .download-pc-content .download .download-rt .download-context .download-btns {
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.download-pc .download-pc-content .download .download-rt .download-context .download-btns a {
    display: none;
}

.download-pc .download-pc-content .download .download-rt .download-context .download-btns button {
    width: 192px;
    height: 50px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #23211E;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.download-pc .download-pc-content .download .download-rt .download-context .download-btns button.without {
    font-size: 16px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    text-align: center;
    background: #e8e8e8;
    display: none;
    /* position: relative;
    top: -30px;
    left: 70px; */
}

.download-pc .download-pc-content .download .download-rt .download-context .download-btns button.without::after {
    display: none;
}

.download-pc .download-pc-content .download .download-rt .download-context .download-btns button::after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(45deg, #535353 20%, #23211E 90%);
    z-index: 1;
    transition: all 0.2s;
}

.download-pc .download-pc-content .download .download-rt .download-context .download-btns button:hover::after {
    width: 100%;
}

.download-pc .download-pc-content .download .download-rt .download-context .download-btns a:first-child button {
    margin-right: 18px;
}

.download-pc .download-pc-content .download .download-rt .download-context .download-btns button .icon {
    width: 27px;
    height: 29px;
    min-width: 27px;
    text-align: center;
    line-height: 29px;
    margin-right: 17px;
    position: relative;
    z-index: 2;
}

.download-pc .download-pc-content .download .download-rt .download-context .download-btns button .icon img {
    max-width: 100%;
    max-height: 100%;
}

.download-pc .download-pc-content .download .download-rt .download-context .download-btns button .icon img:nth-child(2) {
    display: none;
}

.download-pc .download-pc-content .download .download-rt .download-context .download-btns button span {
    color: #FFFFFF;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    position: relative;
    z-index: 2;
}

.download-pc .download-pc-content .download .download-rt .download-context .download-info {
    display: flex;
    margin-top: 22px;
}

.download-pc .download-pc-content .download .download-rt .download-context .download-info .info {
    padding-left: 15px;
}

.download-pc .download-pc-content .download .download-rt .download-context .download-info .info:nth-child(2) {
    padding-left: 0;
    margin-left: 69px;
}

.download-pc .download-pc-content .download .download-rt .download-context .download-info p {
    color: #FFF2E3;
    font-size: 15px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    margin-top: 23px;
    display: flex;
    align-items: center;
}

.download-pc .download-pc-content .download .download-rt .download-context .download-info p:nth-child(1) {
    margin-top: 0;
}

.download-pc .download-pc-content .download .download-rt .download-context .download-info p img {
    width: 17px;
    height: 16px;
    margin-left: 4px;
}

.download-pc .download-pc-content .download .download-rt .accumulated {
    margin-top: 37px;
    margin-bottom: 72px;
}

.download-pc .download-pc-content .download .download-rt .accumulated p {
    color: #FFFFFF;
    font-size: 19px;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    text-shadow: 3px 2px 0px rgba(255, 108, 0, 0.74);
}

.download-pc .download-pc-content .download .download-rt .accumulated p span {
    display: inline-block;
    width: 33px;
    height: 42px;
    color: #3D3D3D;
    font-size: 26px;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    text-align: center;
    line-height: 42px;
    background: linear-gradient(to bottom, #ffffff 50%, #f4f4f4 50%);
    border-radius: 8px;
    margin: 0 6px;
    text-shadow: none;
}

.download-pc .download-pc-content .content-box {
    padding: 0 80px;
    box-sizing: border-box;
    border-radius: 40px 40px 0 0;
    background-color: #FFFFFF;
    margin-top: -70px;
    position: relative;
    z-index: 1;
}


/* 平台优势 */

.download-pc .download-pc-content .advantage {
    width: 100%;
    padding: 74px 0 0;
}

.download-pc .download-pc-content .advantage .title {
    width: 100%;
    text-align: center;
    position: relative;
}

.download-pc .download-pc-content .advantage .title h1 {
    color: #191919;
    font-size: 34px;
    font-family: "DOUYU";
    font-weight: normal;
    position: relative;
    z-index: 1;
    opacity: 0;
}

.download-pc .download-pc-content .advantage .title img {
    width: 100%;
    position: absolute;
    top: -30px;
    left: 0;
}

.download-pc .download-pc-content .advantage .advantage-list {
    width: 100%;
    margin-top: 62px;
    display: flex;
}

.download-pc .download-pc-content .advantage .advantage-list .item {
    width: 247px;
    height: 239px;
    text-align: center;
    background: #FFFFFF;
    border: 2px solid #FFD0AB;
    border-radius: 20px;
    margin-right: 17px;
}

.download-pc .download-pc-content .advantage .advantage-list .item:last-child {
    margin-right: 0;
}

.download-pc .download-pc-content .advantage .advantage-list .item .icon {
    width: 94px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    margin: 47px auto 18px;
}

.download-pc .download-pc-content .advantage .advantage-list .item .icon img {
    max-width: 100%;
    max-height: 100%;
}

.download-pc .download-pc-content .advantage .advantage-list .item h4 {
    color: #191919;
    font-size: 20px;
    font-family: "Microsoft YaHei";
    font-weight: 600;
}

.download-pc .download-pc-content .advantage .advantage-list .item p {
    color: #818181;
    font-size: 15px;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    line-height: 22px;
    max-width: 185px;
    margin: 10px auto 0;
}


/* 海量游戏 */

.download-pc .download-pc-content .games {
    width: 100%;
    padding-top: 99px;
}

.download-pc .download-pc-content .games .title {
    width: 100%;
    text-align: center;
    position: relative;
}

.download-pc .download-pc-content .games .title h1 {
    color: #191919;
    font-size: 34px;
    font-family: "DOUYU";
    font-weight: normal;
    position: relative;
    z-index: 1;
    opacity: 0;
}

.download-pc .download-pc-content .games .title img {
    width: 100%;
    position: absolute;
    top: -30px;
    left: 0;
}

.download-pc .download-pc-content .games .games-view {
    width: 100%;
    margin-top: 73px;
    display: flex;
    align-items: center;
    font-size: 0;
}

.download-pc .download-pc-content .games .games-view .gams-lf-icon {
    width: 624px;
    height: 362px;
    min-width: 624px;
    position: relative;
    left: 58px;
}

.download-pc .download-pc-content .games .games-view .gams-lf-icon img {
    width: 100%;
}

.download-pc .download-pc-content .games .games-view .gams-rt-icon {
    width: 502px;
    height: 430px;
    min-width: 502px;
    position: relative;
    left: 58px;
}

.download-pc .download-pc-content .games .games-view .gams-rt-icon img {
    width: 100%;
}


/* 平台对比 */

.download-pc .download-pc-content .comparison {
    width: 100%;
    padding-top: 62px;
}

.download-pc .download-pc-content .comparison .title {
    width: 100%;
    text-align: center;
    position: relative;
}

.download-pc .download-pc-content .comparison .title h1 {
    color: #191919;
    font-size: 36px;
    font-family: "DOUYU";
    font-weight: normal;
    position: relative;
    z-index: 1;
    opacity: 0;
}

.download-pc .download-pc-content .comparison .title img {
    width: 100%;
    position: absolute;
    top: -30px;
    left: 0;
}

.download-pc .download-pc-content .comparison-view {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 66px;
    padding: 0 38px;
    box-sizing: border-box;
    position: relative;
}

.download-pc .download-pc-content .comparison-view .view-lf,
.download-pc .download-pc-content .comparison-view .view-rt {
    width: 407px;
    height: 436px;
    min-width: 407px;
    display: flex;
    justify-content: flex-end;
    padding-right: 39px;
    padding-top: 31px;
    box-sizing: border-box;
    background: url(../images/comparison-view-lf.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.download-pc .download-pc-content .comparison-view .view-rt {
    justify-content: flex-start;
    padding-right: 0;
    padding-left: 42px;
    box-sizing: border-box;
    background: url(../images/comparison-view-rt.png) no-repeat;
}

.download-pc .download-pc-content .comparison-view .view-lf .self,
.download-pc .download-pc-content .comparison-view .view-rt .self {
    width: 135px;
    height: 145px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    font-size: 32px;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    line-height: 42px;
    text-shadow: 2px 2px 2px rgba(212, 92, 0, 0.67);
    padding: 0 27px 0 12px;
    box-sizing: border-box;
    background: url(../images/self_01.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 146px;
    left: 44px;
}

.download-pc .download-pc-content .comparison-view .view-rt .self {
    background: url(../images/self_02.png) no-repeat;
    left: unset;
    right: 41px;
    padding: 0 21px 0 50px;
    box-sizing: border-box;
    text-shadow: 2px 2px 2px rgba(131, 131, 131, 0.67);
}

.download-pc .download-pc-content .comparison-view .view-lf .options .text,
.download-pc .download-pc-content .comparison-view .view-rt .options .text {
    display: block;
    text-align: center;
    width: 179px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    background: url(../images/options-bg_02.png);
    background-size: 100% 100%;
    margin-top: 8px;
    border-radius: 10px;
    position: relative;
}

.download-pc .download-pc-content .comparison-view .view-rt .options .text {
    background: url(../images/options-bg_04.png);
    background-size: 100% 100%;
}

.download-pc .download-pc-content .comparison-view .view-lf .options .text:nth-child(-n+3) {
    background: url(../images/options-bg_01.png);
    background-size: 100% 100%;
}

.download-pc .download-pc-content .comparison-view .view-rt .options .text:nth-child(-n+3) {
    background: url(../images/options-bg_03.png);
    background-size: 100% 100%;
}

.download-pc .download-pc-content .comparison-view .view-lf .options .text:first-child,
.download-pc .download-pc-content .comparison-view .view-rt .options .text:first-child {
    margin-top: 0;
}

.download-pc .download-pc-content .comparison-view .view-lf .options .text:nth-child(1),
.download-pc .download-pc-content .comparison-view .view-lf .options .text:nth-child(6) {
    left: -61px;
}

.download-pc .download-pc-content .comparison-view .view-lf .options .text:nth-child(2),
.download-pc .download-pc-content .comparison-view .view-lf .options .text:nth-child(5) {
    left: -30px;
}

.download-pc .download-pc-content .comparison-view .view-rt .options .text:nth-child(1),
.download-pc .download-pc-content .comparison-view .view-rt .options .text:nth-child(6) {
    left: 61px;
}

.download-pc .download-pc-content .comparison-view .view-rt .options .text:nth-child(2),
.download-pc .download-pc-content .comparison-view .view-rt .options .text:nth-child(5) {
    left: 30px;
}

.download-pc .download-pc-content .comparison-view .view-lf .options .text span,
.download-pc .download-pc-content .comparison-view .view-rt .options .text span {
    color: #FFFFFF;
    font-size: 20px;
    font-family: "Microsoft YaHei";
    font-weight: 600;
    text-shadow: 2px 2px 2px rgba(212, 92, 0, 0.67);
}

.download-pc .download-pc-content .comparison-view .view-rt .options .text span {
    text-shadow: 2px 2px 2px rgba(131, 131, 131, 0.67);
}

.download-pc .download-pc-content .comparison-view .view-md {
    width: 347px;
    height: 436px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.download-pc .download-pc-content .comparison-view .view-md img {
    width: 100%;
    height: 100%;
}


/* 五大特色 */

.download-pc .download-pc-content .feature {
    width: 100%;
    padding-top: 84px;
    padding-bottom: 62px;
}

.download-pc .download-pc-content .feature .title {
    width: 100%;
    text-align: center;
    position: relative;
}

.download-pc .download-pc-content .feature .title h1 {
    color: #191919;
    font-size: 36px;
    font-family: "DOUYU";
    font-weight: normal;
    position: relative;
    z-index: 1;
    opacity: 0;
}

.download-pc .download-pc-content .feature .title img {
    width: 100%;
    position: absolute;
    top: -30px;
    left: 0;
}

.download-pc .download-pc-content .feature .feature-view {
    width: 100%;
    height: 438px;
    margin-top: 66px;
    position: relative;
}

.download-pc .download-pc-content .feature .feature-view .featurePrev,
.download-pc .download-pc-content .feature .feature-view .featureNext {
    width: 56px;
    height: 56px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    cursor: pointer;
}

.download-pc .download-pc-content .feature .feature-view .featureNext {
    left: unset;
    right: 0;
    margin: auto;
}

.download-pc .download-pc-content .feature .feature-view .featurePrev img,
.download-pc .download-pc-content .feature .feature-view .featureNext img {
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}

.download-pc .download-pc-content .feature .feature-view .featurePrev img:nth-child(2),
.download-pc .download-pc-content .feature .feature-view .featureNext img:nth-child(2) {
    display: none;
}

.download-pc .download-pc-content .feature .feature-view .featurePrev:hover img:nth-child(1),
.download-pc .download-pc-content .feature .feature-view .featureNext:hover img:nth-child(1) {
    display: none;
}

.download-pc .download-pc-content .feature .feature-view .featurePrev:hover img:nth-child(2),
.download-pc .download-pc-content .feature .feature-view .featureNext:hover img:nth-child(2) {
    display: block;
}

.download-pc .download-pc-content .feature .feature-view .swiper-slide {
    padding-bottom: 40px;
}

.download-pc .download-pc-content .feature .feature-view .swiper-pagination-bullet {
    width: 20px;
    height: 6px;
    border-radius: 0;
    background-color: #D6D6D6;
    opacity: 1;
}

.download-pc .download-pc-content .feature .feature-view .swiper-pagination-bullet-active {
    background-color: #FFA10E;
}

.download-pc .download-pc-content .feature .feature-view .feature-view-item {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.download-pc .download-pc-content .feature .feature-view .swiper-slide:nth-child(2) .feature-view-item,
.download-pc .download-pc-content .feature .feature-view .swiper-slide:nth-child(7) .feature-view-item {
    background: url(../images/feature-view-item-bg_01.png) no-repeat center;
    background-size: 100%;
}

.download-pc .download-pc-content .feature .feature-view .swiper-slide:nth-child(3) .feature-view-item {
    background: url(../images/feature-view-item-bg_02.png) no-repeat center;
    background-size: 100%;
}

.download-pc .download-pc-content .feature .feature-view .swiper-slide:nth-child(4) .feature-view-item {
    background: url(../images/feature-view-item-bg_03.png) no-repeat center;
    background-size: 100%;
}

.download-pc .download-pc-content .feature .feature-view .swiper-slide:nth-child(5) .feature-view-item {
    background: url(../images/feature-view-item-bg_04.png) no-repeat center;
    background-size: 100%;
}

.download-pc .download-pc-content .feature .feature-view .swiper-slide:nth-child(6) .feature-view-item,
.download-pc .download-pc-content .feature .feature-view .swiper-slide:nth-child(1) .feature-view-item {
    background: url(../images/feature-view-item-bg_05.png) no-repeat center;
    background-size: 100%;
}

.download-pc .download-pc-content .feature .feature-view .feature-view-item .item-lf,
.download-pc .download-pc-content .feature .feature-view .feature-view-item .item-rt {
    width: 240px;
}

.download-pc .download-pc-content .feature .feature-view .feature-view-item .item-lf {
    position: relative;
    /* left: -5px; */
}

.download-pc .download-pc-content .feature .feature-view .feature-view-item .item-rt {
    width: 200px;
}

.download-pc .download-pc-content .feature .feature-view .feature-view-item .item-lf h4,
.download-pc .download-pc-content .feature .feature-view .feature-view-item .item-rt h4 {
    color: #FFFFFF;
    font-size: 32px;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.16);
    font-style: italic;
    text-align: center;
    letter-spacing: 5px;
}

.download-pc .download-pc-content .feature .feature-view .feature-view-item .item-rt h4 {
    font-size: 51px;
    letter-spacing: 8px;
}

.download-pc .download-pc-content .feature .feature-view .feature-view-item .item-icon {
    width: 216px;
    height: 438px;
    min-width: 216px;
    margin: 0 60px 0 26px;
}

.download-pc .download-pc-content .feature .feature-view .feature-view-item .item-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* 底部 */

.download-pc .download-footer {
    width: 100%;
    background-color: #212121;
}

.download-pc .download-footer .footer {
    padding: 24px 0;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.download-pc .download-footer .footer .footer-star {
    width: 157px;
    height: 164px;
    position: absolute;
    top: 25px;
    left: -112px;
}

.download-pc .download-footer .footer .footer-star.active {
    width: calc(157px/1.3);
    height: calc(164px/1.3);
    top: 15px;
}

.download-pc .download-footer .footer .footer-star img {
    width: 100%;
    height: 100%;
}

.download-pc .download-footer .footer .footer-logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    top: -5px;
}

.download-pc .download-footer .footer .footer-logo h1 {
    color: #fff;
    font-size: 36px;
    font-weight: 400;
    font-family: "Microsoft YaHei";
}

.download-pc .download-footer .footer .footer-logo img {
    width: 285px;
    height: 68px;
}

.download-pc .download-footer .footer .footer-logo p {
    color: #C8C8C8;
    font-size: 20px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    margin-top: 13px;
    letter-spacing: 8px;
}

.download-pc .download-footer .footer .footer-download {
    display: flex;
    align-items: center;
}

.download-pc .download-footer .footer .footer-download .footer-download-btns {
    padding-right: 60px;
    margin-right: 63px;
    box-sizing: border-box;
    border-right: 1px solid #424141;
}

.download-pc .download-footer .footer .footer-download .footer-download-btns a {
    display: none;
}

.download-pc .download-footer .footer .footer-download .footer-download-btns button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 225px;
    height: 45px;
    border: 0;
    background: #FF6C00;
    /* background: linear-gradient(84deg, #FF8E20, #FF6C00); */
    border-radius: 22px;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.download-pc .download-footer .footer .footer-download .footer-download-btns button.without {
    font-size: 15px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    text-align: center;
    margin-top: 0;
    background: #a6a6a6;
    display: none;
}

.download-pc .download-footer .footer .footer-download .footer-download-btns button.without:hover::after {
    display: none;
}

.download-pc .download-footer .footer .footer-download .footer-download-btns button:hover::after {
    width: 100%;
}

.download-pc .download-footer .footer .footer-download .footer-download-btns button::after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(45deg, #FF8E20 20%, #FF6C00 90%);
    z-index: 1;
    transition: all 0.2s;
}

.download-pc .download-footer .footer .footer-download .footer-download-btns a:first-child button {
    margin-top: 0;
}

.download-pc .download-footer .footer .footer-download .footer-download-btns button .icon {
    width: 25px;
    height: 27px;
    min-width: 25px;
    text-align: center;
    line-height: 27px;
    margin-right: 15px;
    position: relative;
    z-index: 2;
}

.download-pc .download-footer .footer .footer-download .footer-download-btns button .icon img {
    max-width: 100%;
    max-height: 100%;
}

.download-pc .download-footer .footer .footer-download .footer-download-btns button span {
    color: #FFFFFF;
    font-size: 15px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    position: relative;
    z-index: 2;
}

.download-pc .download-footer .footer .footer-download .footer-code {
    width: 146px;
    height: 174px;
    padding: 11px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    border-radius: 10px;
}

.download-pc .download-footer .footer .footer-download .footer-code .img {
    width: 123px;
    height: 124px;
    overflow: hidden;
}

.download-pc .download-footer .footer .footer-download .footer-code .img img {
    width: 100%;
    height: 100%;
}

.download-pc .download-footer .footer .footer-download .footer-code .scan-down {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.download-pc .download-footer .footer .footer-download .footer-code .scan-down img {
    width: 21px;
    height: 21px;
    min-width: 21px;
    margin-right: 8px;
}

.download-pc .download-footer .footer .footer-download .footer-code .scan-down p {
    color: #1A1A1A;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
}

.download-pc .download-footer .copyright {
    width: 100%;
    padding: 19px 0;
    text-align: center;
    border-top: 1px solid #424141;
}

.download-pc .download-footer .copyright p,
.download-pc .download-footer .copyright p a {
    color: #7C7C7C;
    font-size: 13px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
}

.download-pc .download-footer .copyright p a {
    transition: all 0.3s;
}

.download-pc .download-footer .copyright p a:hover {
    color: #FFFFFF;
}


/* 移动端样式 */

.download-mobile {
    display: none;
    overflow: hidden;
}

.download-mobile .header {
    width: 100%;
    max-width: 414px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
}

.download-mobile .header .logo {
    width: calc(366px/2.2);
    height: calc(92px/2.2);
}

.download-mobile .header button {
    width: 123px;
    height: 39px;
    color: #FEFEFF;
    font-size: 17px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    background: linear-gradient(84deg, #FF8E20, #FF6C00);
    border-radius: 20px;
    border: 0;
}

.download-mobile .header .logo img {
    max-width: 100%;
    max-height: 100%;
}

.mobile-content {
    width: 100%;
    padding: 0 14px 27px;
    box-sizing: border-box;
    background: url(../images/mobile-content-bg.jpg) no-repeat top center;
    background-size: 100% 100%;
}

.download-mobile .navTop {
    width: 100%;
    height: 40px;
    max-width: 414px;
    margin: 0 auto;
    background-color: #FFFFFF;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.download-mobile .navTop .item {
    width: 50%;
    height: 100%;
    text-align: center;
    line-height: 40px;
    position: relative;
}

.download-mobile .navTop .item span {
    color: #333333;
    font-size: 14px;
}

.download-mobile .navTop .item.active span {
    color: #1daafc;
}

.download-mobile .navTop .item.active span:nth-child(2) {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 18px;
    height: 5px;
    background: linear-gradient(270deg, #22b9ff 5%, #1f79ff 95%);
}

.download-mobile .mobile-top {
    width: 100%;
    padding-top: 100px;
    text-align: center;
}

.download-mobile .mobile-top h1 img {
    width: calc(588px/2);
    height: calc(168px/2);
}

.download-mobile .mobile-top p {
    color: #FFFFFF;
    font-size: 18px;
    font-family: "Microsoft YaHei";
    font-weight: 600;
    text-shadow: 1px 2px 2px #D45C00;
}

.download-mobile .mobile-top p:nth-child(3) {
    margin-top: 8px;
}

.download-mobile .mobile-top .icon {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.download-mobile .mobile-top .icon img {
    max-width: 100%;
    position: relative;
    left: 15px;
}

.download-mobile .accumulated {
    width: 100%;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #332E2A;
    border-radius: 21px;
    margin-top: -100px;
    position: relative;
    z-index: 1;
}

.download-mobile .accumulated p {
    color: #FFFFFF;
    font-size: 11px;
    font-family: "Microsoft YaHei";
    font-weight: bold;
}

.download-mobile .accumulated p span {
    display: inline-block;
    width: 18px;
    height: 23px;
    text-align: center;
    line-height: 23px;
    background: linear-gradient(to bottom, #ffffff, #fbfbfb);
    color: #3D3D3D;
    font-size: 15px;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    border-radius: 4px;
    margin: 0 3px;
}


/* 平台优势 */

.download-mobile .mobile-advantage {
    width: 100%;
    padding: 30px 10px 20px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 15px;
    margin-top: 9px;
}

.download-mobile .mobile-advantage .title {
    width: 100%;
    text-align: center;
    position: relative;
}

.download-mobile .mobile-advantage .title h1 {
    color: #191919;
    font-size: 20px;
    font-family: "DOUYU";
    font-weight: normal;
    position: relative;
    z-index: 1;
    opacity: 0;
}

.download-mobile .mobile-advantage .title img {
    width: 100%;
    position: absolute;
    top: -10px;
    left: 0;
}

.download-mobile .mobile-advantage .mobile-advantage-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 31px;
}

.download-mobile .mobile-advantage .mobile-advantage-list .item {
    width: 79px;
    height: 85px;
    text-align: center;
    border: 1px solid #FFD0AB;
    border-radius: 10px;
}

.download-mobile .mobile-advantage .mobile-advantage-list .item .icon {
    width: 52px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    margin: 14px auto 9px;
}

.download-mobile .mobile-advantage .mobile-advantage-list .item .icon img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.download-mobile .mobile-advantage .mobile-advantage-list .item h4 {
    color: #191919;
    font-size: 15px;
    font-family: "Microsoft YaHei";
    font-weight: 600;
}

.download-mobile .mobile-advantage .mobile-advantage-view {
    width: 100%;
    height: calc(69px/2);
    text-align: center;
    line-height: calc(74px/2);
    background: url(../images/mobile-advantage-view.png) no-repeat;
    background-size: 100% 100%;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    margin-top: 12px;
}

.download-mobile .mobile-advantage .mobile-advantage-view p {
    color: #FFFFFF;
    font-size: 15px;
    font-family: "Microsoft YaHei";
    font-weight: 600;
}


/* 平台对比 */

.download-mobile .mobile-comparison {
    width: 100%;
    padding: 30px 16px 0;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 15px;
    margin-top: 15px;
}

.download-mobile .mobile-comparison .title {
    width: 100%;
    text-align: center;
    position: relative;
}

.download-mobile .mobile-comparison .title h1 {
    color: #191919;
    font-size: 20px;
    font-family: "DOUYU";
    font-weight: normal;
    position: relative;
    z-index: 1;
    opacity: 0;
}

.download-mobile .mobile-comparison .title img {
    width: 100%;
    position: absolute;
    top: -10px;
    left: 0;
}

.download-mobile .mobile-comparison .mobile-comparison-view {
    width: 100%;
}

.download-mobile .mobile-comparison .mobile-comparison-view .comparison-view-vs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 31px;
    position: relative;
}

.download-mobile .mobile-comparison .mobile-comparison-view .self {
    width: 124px;
    height: 45px;
    min-width: 124px;
    color: #FFFFFF;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    text-align: center;
    line-height: 45px;
    background: url(../images/mobile-self_01.png) no-repeat;
    background-size: 100% 100%;
}

.download-mobile .mobile-comparison .mobile-comparison-view .self:nth-child(3) {
    background: url(../images/mobile-self_02.png) no-repeat;
    background-size: 100% 100%;
}

.download-mobile .mobile-comparison .mobile-comparison-view .vsImg {
    width: calc(97px/2);
    height: calc(72px/2);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.download-mobile .mobile-comparison .mobile-comparison-view .vsImg img {
    width: 100%;
}

.download-mobile .mobile-comparison .mobile-comparison-view .comparison-view-list {
    width: 100%;
}

.download-mobile .mobile-comparison .mobile-comparison-view .comparison-view-list .item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0 14px;
    box-sizing: border-box;
    border-bottom: 1px solid #E4E4E4;
}

.download-mobile .mobile-comparison .mobile-comparison-view .comparison-view-list .item:first-child {
    padding-top: 18px;
}

.download-mobile .mobile-comparison .mobile-comparison-view .comparison-view-list .item:last-child {
    padding-bottom: 22px;
    border-bottom: 0;
}

.download-mobile .mobile-comparison .mobile-comparison-view .comparison-view-list .item span {
    width: 124px;
    color: #939393;
    font-size: 15px;
    font-family: "Microsoft YaHei";
    font-weight: 600;
    padding-left: 10px;
    box-sizing: border-box;
}

.download-mobile .mobile-comparison .mobile-comparison-view .comparison-view-list .item span:first-child {
    background: linear-gradient(270deg, #FF9000 0%, #FF6C00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: right;
    padding-left: 0;
    padding-right: 10px;
}

.download-mobile .mobile-comparison .mobile-comparison-view .comparison-view-list .item img {
    width: calc(44px/2);
    height: calc(24px/2);
}


/* 五大特色 */

.download-mobile .mobile-feature {
    width: 100%;
    padding: 30px 20px 10px;
    box-sizing: border-box;
    background: url(../images/mobile-feature-list-bg.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 15px;
    margin-top: 15px;
}

.download-mobile .mobile-feature .title {
    width: 100%;
    text-align: center;
    position: relative;
}

.download-mobile .mobile-feature .title h1 {
    color: #191919;
    font-size: 20px;
    font-family: "DOUYU";
    font-weight: normal;
    position: relative;
    z-index: 1;
    opacity: 0;
}

.download-mobile .mobile-feature .title img {
    width: 100%;
    position: absolute;
    top: -10px;
    left: 0;
}

.download-mobile .mobile-feature .mobile-feature-list {
    width: 100%;
    margin-top: 31px;
}

.download-mobile .mobile-feature .mobile-feature-list .swiper-slide {
    padding-bottom: 35px;
}

.download-mobile .mobile-feature .mobile-feature-list .swiper-pagination-bullet {
    width: 20px;
    height: 6px;
    border-radius: 0;
    opacity: 1;
    background-color: #D6D6D6;
}

.download-mobile .mobile-feature .mobile-feature-list .swiper-pagination-bullet-active {
    background: linear-gradient(270deg, #FFA320, #FF6C00);
}

.download-mobile .mobile-feature .mobile-feature-list .item {
    width: 100%;
    text-align: center;
    position: relative;
}

.download-mobile .mobile-feature .mobile-feature-list .item .icon {
    max-width: 100%;
    margin: 0 auto;
}

.download-mobile .mobile-feature .mobile-feature-list .item .icon img {
    width: 100%;
    height: 100%;
}

.download-mobile .mobile-feature .mobile-feature-list .item h2 {
    width: 100%;
    color: #FFFFFF;
    font-size: 30px;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    font-style: italic;
    position: absolute;
    bottom: 13%;
}

.download-mobile .mobile-feature .mobile-feature-list .item h4 {
    width: 100%;
    color: #FFFFFF;
    font-size: 18px;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    font-style: italic;
    position: absolute;
    bottom: 5%;
}

.pop {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -171px;
    margin-top: -187px;
    width: 342px;
    height: 374px;
    padding: 53px 56px 40px;
    border-radius: 20px;
    background: #fff;
    background-position: bottom right;
    box-sizing: border-box;
}

.pop a {
    display: block;
    width: 230px;
    height: 230px;
}

.pop a img {
    width: 100%;
    height: 100%;
}

.pop_tip {
    margin-top: 30px;
    font-size: 16px;
    color: #333;
    text-align: center;
    font-weight: bold;
}

.pop_darkBg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: transparent;
    background: rgba(0, 0, 0, .7);
    display: none;
}

.close_icon {
    position: absolute;
    top: 19px;
    right: 19px;
    width: 22px;
    height: 22px;
    background: url('../images/icon_close.png') no-repeat;
    background-size: contain;
    background-position: center center;
    cursor: pointer;
}


/* 移动端底部 */

.download-mobile .footer {
    width: 100%;
    padding: 16px 0 calc(130px/2);
    text-align: center;
    line-height: 22px;
    background: #212121;
}

.download-mobile .footer p,
.download-mobile .footer p a {
    color: #858585;
    font-size: 10px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
}

.download-mobile .download-btn-box {
    width: 100%;
    height: calc(130px/2);
    max-width: 414px;
    background-color: rgba(25,25,25,0.94);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.download-mobile .download-btn {
    width: 170px;
    height: 45px;
    color: #FFFFFF;
    font-size: 20px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    text-align: center;
    line-height: 45px;
    background-color: #ff6c00;
    border-radius: 45px;
    display: none;
}

.download-mobile .download-btn.active {
    color: #353535 !important;
    background: linear-gradient(93deg, #EDD08B, #FFCD85) !important;
}

.download-mobile .download-btn.without {
    background: #a6a6a6;
    left: 0;
    right: 0;
    display: none;
}

.mobile-shade {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    margin: auto;
    background-color: rgba(0, 0, 0, .5);
    display: none;
}

.mobile-shade img {
    width: 100%;
}

/* 付费弹窗 */
.downloadmsk{
    width: 100%;
    height: 100%;
    max-width: 414px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, .67);
    display: none;
}
.downloadmsk .paypop-box{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.downloadmsk .paypop{
    width: calc(577px/2);
    background: url(../images/paypop-bg.png) no-repeat;
    background-size: 100%;
    background-color: #fff;
    border-radius: 10px;
    padding-bottom: calc(36px/2);
    position: relative;
}
.downloadmsk .paypop .paypop-close{
    padding: 10px;
    box-sizing: border-box;
    position: absolute;
    top: calc(-99px/2);
    right: calc(-45px/2);
    z-index: 10;
}
.downloadmsk .paypop .paypop-close img{
    width: calc(50px/2);
    height: calc(50px/2);
}
.downloadmsk .paypop .paypop-swiper{
    width: 100%;
}
.downloadmsk .paypop .paypop-swiper .swiper-slide{
    padding-bottom: 15px;
}
.downloadmsk .paypop .paypop-swiper .step-img{
    width: calc(442px/2);
    height: calc(386px/2);
    margin: calc(42px/2) auto 0;
}
.downloadmsk .paypop .paypop-swiper .step-img img{
    width: 100%;
    height: 100%;
    max-width: 100%;
}
.downloadmsk .paypop .paypop-swiper .step-guidance-box{
    width: 100%;
    display: flex;
    justify-content: center;
    padding: calc(60px/2) 0 0 0;
    box-sizing: border-box;
}
.downloadmsk .paypop .paypop-swiper .step-guidance h4{
    color: #111111;
    font-size: calc(32px/2);
    font-family: "PingFang SC";
    font-weight: 800;
    text-align: center;
    margin-bottom: calc(23px/2);
}
.downloadmsk .paypop .paypop-swiper .step-guidance p{
    color: #5E5E5E;
    font-size: calc(26px/2);
    font-family: "PingFang SC";
    font-weight: 500;
    line-height: calc(42px/2);
    text-align: justify;
}
.downloadmsk .paypop .paypop-btn{
    display: block;
    width: calc(470px/2);
    height: calc(90px/2);
    border: 0;
    margin: 5px auto calc(24px/2);
    background: linear-gradient(-90deg, #FF4200,#FF7600);
    border-radius: calc(45px/2);
}
.downloadmsk .paypop .paypop-btn p{
    color: #FFFFFF;
    font-size: calc(30px/2);
    font-family: "PingFang SC";
    font-weight: 800;
}
.downloadmsk .paypop .paypop-btn p span{
    font-size: calc(36px/2);
    line-height: calc(37px/2);
}
.downloadmsk .paypop .paypop-btn p:nth-child(2){
    font-size: calc(24px/2);
    font-weight: 500;
}
.downloadmsk .paypop .tips{
    width: 100%;
    padding: 0 calc(22px/2) 0 calc(75px/2);
    box-sizing: border-box;
    color: #878787;
    font-size: calc(20px/2);
    font-family: "PingFang SC";
    font-weight: 400;
    line-height: calc(35px/2);
    position: relative;
    margin-bottom: 5px;
}
.downloadmsk .paypop .tips:last-child{
    margin-bottom: 0;
}
.downloadmsk .paypop .tips::before{
    content: "";
    display: block;
    width: calc(22px/2);
    height: calc(22px/2);
    background: url(../images/tips-icon.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 3px;
    left: calc(43px/2);
}
.downloadmsk .paypop .swiper-pagination{
    bottom: 0;
}
.downloadmsk .paypop .swiper-pagination-bullet{
    width: calc(31px/2);
    height: calc(8px/2);
    border-radius: 0;
    opacity: 1;
    background-color: #DBDBDB;
    transform: skewX(-20deg);
}
.downloadmsk .paypop .swiper-pagination-bullet-active{
    background-color: #FF6F1C;
}

@media only screen and (max-width: 767px) {
    body {
        max-width: 414px;
        margin: 0 auto;
    }
    .download-mobile {
        display: block;
    }
    .download-pc {
        display: none;
    }
}


/* iPad 适配*/

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    body {
        max-width: 414px;
        margin: 0 auto;
    }
    .download-mobile {
        display: block;
    }
    .download-pc {
        display: none;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    body {
        max-width: 414px;
        margin: 0 auto;
    }
    .download-mobile {
        display: block;
    }
    .download-pc {
        display: none;
    }
}