@charset "UTF-8";

/*设置不同尺寸下的html大小/
/*公共样式*/

html,
body {
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 12px;
    /* font-family  : ""; */
    /* overflow-x: hidden; */
}

a {
    text-decoration: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: none;
    background: none;
    text-decoration: none;
    color: inherit;
}

li {
    list-style: none;
}

input,
button {
    outline: none;
}

ul {
    padding: 0;
    margin: 0;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    height: auto;
    padding: 0;
    margin: 0;
}

button {
    border: none;
    outline: none;
    padding: 0;
    background-color: transparent;
}

input {
    -webkit-touch-callout: auto;
    /*系统默认菜单被禁用*/
    -webkit-user-select: auto;
    /*webkit浏览器*/
    -khtml-user-select: auto;
    /*早期浏览器*/
    -moz-user-select: auto;
    /*火狐*/
    -ms-user-select: auto;
    /*IE10*/
    user-select: auto;
    caret-color: #999;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
}


/*滚动条样式*/

 ::-webkit-scrollbar {
    width: 0;
    height: 0;
}

 ::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent;
}

 ::-webkit-scrollbar-track {
    background: transparent;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.full {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.hide {
    display: none;
}

.clearfix::after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

a {
    text-decoration: none;
    cursor: pointer;
    outline: none;
}

body img {
    display: block;
    width: 100%;
    margin: 0 auto;
    border: 0;
}


/* 内页开始 */

.inner {
    width: 100%;
    margin: 0 auto;
    height: auto;
    background: url(../images/pc/inner-bg.jpg) no-repeat top center;
    background-position: center 5.91rem;
    background-size: cover;
}

.inner .inner-header {
    width: 100%;
    height: 0.84rem;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
}

.inner .inner-header .header-box {
    max-width: 1366px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.inner .inner-header .header-box .logo-box {
    position: absolute;
    transform: translateY(-50%);
    width: 2.01rem;
    height: 0.48rem;
    top: 50%;
    left: 6%;
}

.inner .inner-header .header-box .logo-box a.logo {
    background: url(../images/pc/logo2.png) no-repeat;
    background-size: 100% auto;
    width: 2.01rem;
    display: block;
    height: .48rem;
}

.inner .inner-header .header-box .nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3%;
    height: .84rem;
    font-family: 'Noto Serif JP', serif;
    line-height: .84rem;
}

.inner .inner-header .header-box .nav .item {
    float: left;
    color: #fff;
    font-size: .24rem;
    height: .84rem;
    padding: 0 .1rem;
    margin: 0 .15rem 0 0;
    line-height: .84rem;
}

.inner .inner-header .header-box .nav .item:hover {
    background: rgba(0, 0, 0, .8);
}

.inner .inner-header .header-box .nav .item.cur {
    background: rgba(0, 0, 0, .8);
}

.inner .inner-header .header-box .nav .item.item2 {
    position: relative;
}

.inner .inner-header .header-box .nav .item.item2 .drop-list {
    width: 100%;
    position: absolute;
    top: .84rem;
    left: 0;
    display: none;
    background: rgba(0, 0, 0, .8);
    border-bottom-right-radius: .1rem;
    border-bottom-left-radius: .1rem;
}

.inner .inner-header .header-box .nav .item.item2:hover .drop-list {
    display: block;
}

.inner .inner-header .header-box .nav .item.item2 .drop-list .drop-item {
    color: #fff;
    font-size: .24rem;
    display: block;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    position: relative;
}

.inner .inner-header .header-box .nav .item a.full {
    display: block;
    height: 100%;
    color: #fff;
    text-align: center;
    position: relative;
    white-space: nowrap;
}

.inner .inner-header .header-box .nav .item.cur a.full::before {
    position: absolute;
    top: .6rem;
    left: 0;
    width: 100%;
    background: #fff;
    height: .02rem;
    content: "";
}

.inner .inner-header .header-box .nav .item a.full:hover::before {
    position: absolute;
    top: .6rem;
    width: 100%;
    background: #fff;
    height: .02rem;
    content: "";
}

.inner .banner {
    position: relative;
    width: 100%;
    height: 5.91rem;
    background: url(../images/pc/inner-banner.jpg) no-repeat center center;
    background-size: cover;
}

.inner .main {
    position: relative;
    width: 100%;
    overflow: hidden;
    color: #fff;
    font-family: 'Noto Serif JP', serif;
    background: rgba(44, 52, 48, .8);
}

.inner .main .title {
    color: #fff;
    text-align: center;
    margin: .6rem auto;
    font-size: .36rem;
}


/* faq start*/
.classification{
    margin: 0 auto .6rem auto;
    position: relative;
    width: 10rem;
}
.classification ul{
    position: relative;
    width: 100%;
    height: .5rem;
    overflow: hidden;
}
.classification ul li{
    float: left;
    width: auto;
    margin: 0 .332rem;
    text-align: center;
}
.classification ul li:first-child{
    margin-left: 0;
}
.classification ul li:last-child{
    margin-right: 0;
}
.classification ul li .type{
    font-size: .3rem;
    color: #fff;
}
.classification ul li .type:hover{
    border-bottom: 1px solid #fff;
}
.classification ul li .type.cur{
    border-bottom: 1px solid #fff;
}
.inner .main .content.faq {
    color: #fff;
    width: 10rem;
    position: relative;
    margin: 0 auto;
    min-height: 7rem;
}

.inner .main .content.faq .item-group {
    margin-bottom: .3rem;
    font-family: 'Noto Serif JP', serif;
}

.inner .main .content.faq .item-group .q-title {
    font-size: .26rem;
    font-weight: bold;
    margin: .1rem auto;
    font-family: 'Noto Serif JP', serif;
}

.inner .main .content.faq .item-group .a-text {
    font-size: .2rem;
    font-family: 'Noto Serif JP', serif;
    line-height: .28rem;
}


/* faq end*/


/* 音乐 start*/

.inner .main .content.music {
    width: 10rem;
    position: relative;
    margin: 0 auto;
}

.inner .main .content.music .info {
    font-size: .18rem;
    color: #fff;
    line-height: .26rem;
}

.inner .main .content.music .music-list {
    position: relative;
    width: 7.5rem;
    margin: .5rem auto 1rem auto;
}

.inner .main .content.music .music-list .music-group {
    margin-bottom: .5rem;
    overflow: hidden;
    position: relative;
}

.inner .main .content.music .music-list .music-group .icon {
    width: 3.2rem;
    height: 3.2rem;
    float: left;
    margin-right: .3rem;
    cursor: pointer;
    border-radius: .1rem;
    overflow: hidden;
    position: relative;
}

.inner .main .content.music .music-list .music-group .icon::before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.42rem 0 0 -.42rem;
    content: "";
    width: .82rem;
    height: .81rem;
    background: url(../images/pc/play-icon.png) no-repeat;
    background-size: 100% auto;
}

.inner .main .content.music .music-list .music-group .icon.play::before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.42rem 0 0 -.42rem;
    content: "";
    width: .82rem;
    height: .81rem;
    background: url(../images/pc/pause-icon.png) no-repeat;
    background-size: 100% auto;
}

.inner .main .content.music .music-list .music-group .info-text {
    float: left;
    width: 4rem;
    height: 3.2rem;
    text-align: left;
    position: relative;
}

.inner .main .content.music .music-list .music-group .info-text .name {
    text-align: left;
    word-break: break-all;
}

.inner .main .content.music .music-list .music-group .info-text .name .p1 {
    font-size: .2rem;
    word-break: break-all;
}

.inner .main .content.music .music-list .music-group .info-text .name .p2 {
    font-size: .26rem;
    font-weight: bold;
    word-break: break-all;
}

.inner .main .content.music .music-list .music-group .info-text .name .p3 {
    font-size: .2rem;
    word-break: break-all;
}

.inner .main .content.music .music-list .music-group .info-text .download-btn {
    position: absolute;
    bottom: 0.05rem;
    left: 0;
    width: 3.33rem;
    height: .76rem;
    display: block;
    background: url(../images/pc/download-btn1.png) no-repeat;
    background-size: 100% auto;
}


/* 音乐 end*/


/* 写真下载页 start*/

.inner .main .content.photo {
    width: 10.32rem;
    position: relative;
    margin: 0 auto;
}

.inner .main .content.photo .photo-list {
    position: relative;
    width: 10.32rem;
    overflow: hidden;
}

.inner .main .content.photo .photo-list .photo-group {
    margin-bottom: .5rem;
    overflow: hidden;
    float: left;
    margin: 0 .2rem 0 0;
    width: 3.2rem;
    position: relative;
}

.inner .main .content.photo .photo-list .photo-group:last-child {
    margin-right: 0;
}

.inner .main .content.photo .photo-list .photo-group .name {
    font-size: .22rem;
    text-align: center;
    color: #fff;
    margin-bottom: .1rem;
}

.inner .main .content.photo .photo-list .photo-group .icon {
    width: 3.2rem;
    height: 3.2rem;
    margin: 0 .3rem .2rem 0;
    position: relative;
}

.inner .main .content.photo .photo-list .photo-group .download-btn {
    width: 3.1rem;
    height: .76rem;
    display: block;
    margin: 0 auto;
    background: url(../images/pc/download-btn1.png) no-repeat;
    background-size: 100% auto;
}
.inner .main .content.photo .photo-list .photo-group .download-btn.stop{
    background: url(../images/pc/download-btn2.png) no-repeat;
    background-size: 100% auto;
} 

.inner .main .content.photo .photo-list .photo-group .download-info {
    font-size: .16rem;
    text-align: center;
    color: #fff;
    margin: .1rem 0;
}

.inner .main .content.photo .info-main {
    margin: .5rem 0;
    font-size: .2rem;
    color: #fff;
    line-height: .36rem;
}


/* 写真下载页 end*/


/* 壁纸下载页 start*/

.inner .main .content.wallpaper {
    width: 10.8rem;
    position: relative;
    margin: 0 auto;
}

.inner .main .content.wallpaper .info {
    font-size: .18rem;
    color: #fff;
    line-height: .26rem;
}

.inner .main .content.wallpaper .wallpaper-list {
    position: relative;
    width: 10.8rem;
    margin: .3rem auto 1rem auto;
    overflow: hidden;
}

.inner .main .content.wallpaper .wallpaper-list .item {
    float: left;
    width: 3.4rem;
    margin: 0 .28rem .28rem 0;
    height: 1.9rem;
    cursor: pointer;
    overflow: hidden;
    border-radius: .1rem;
}

.inner .main .content.wallpaper .wallpaper-list .item:nth-child(3n+0) {
    margin-right: 0;
}

.pop-pic {
    position: fixed;
    z-index: 101;
    top: 50%;
    left: 50%;
    width: 8rem;
    height: 5.6rem;
    margin: -2.8rem 0 0 -4rem;
    border-radius: .1rem;
    display: none;
}

.pop-pic .pop-main {
    width: 100%;
    height: 100%;
    position: relative;
}

.pop-pic .pop-main .swiper-wallpaper {
    width: 100%;
    height: 5.6rem;
}

.pop-pic .pop-main .swiper-wallpaper .swiper-slide {
    width: 100%;
    position: relative;
    height: 5.6rem;
}

.pop-pic .pop-main .swiper-wallpaper .swiper-slide .img-box {
    width: 100%;
    margin: 0 auto;
    height: 4.5rem;
}

.pop-pic .pop-main .swiper-wallpaper .swiper-slide .download-btn {
    position: absolute;
    bottom: 0.05rem;
    left: 50%;
    margin-left: -1.66rem;
    width: 3.33rem;
    height: .76rem;
    display: block;
    background: url(../images/pc/download-btn1.png) no-repeat;
    background-size: 100% auto;
}

.pop-pic .pop-main .swiper-button-next {
    position: absolute;
    top: 2rem;
    right: -.8rem;
    width: .67rem;
    height: .92rem;
    transform: rotate(180deg);
    background: url(../images/pc/btn-next.png) no-repeat;
    background-size: 100% auto;
}

.pop-pic .pop-main .swiper-button-prev {
    position: absolute;
    top: 2rem;
    left: -.8rem;
    width: .67rem;
    height: .92rem;
    background: url(../images/pc/btn-next.png) no-repeat;
    background-size: 100% auto;
}


/* 壁纸下载页 end*/


/* 内容创作权利⻚页 start*/

.inner .main .content.cc {
    width: 10.8rem;
    position: relative;
    margin: 0 auto;
}


/* 内容创作权利⻚页  end*/


/* 隐私条款⻚ */

.inner .main .content.privacy {
    width: 10.8rem;
    position: relative;
    margin: 0 auto;
}


/* 隐私条款⻚ */



.main .rule {
    font-size: .22rem;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    padding: .5rem 0;
}

.main .rule .item {
    border-bottom: 1px solid #fff;
    margin: 14px;
}

.footer {
    text-align: center;
}

.footer .bottom {
    line-height: 0.67rem;
    background: #000;
    color: rgba(0, 0, 0, 0);
}

.footer .bottom .inner {
    background: url(../images/pc/footer.png) no-repeat center center;
    font-size: 0;
    height: 0.67rem;
}

.pop-close {
    position: absolute;
    top: -.6rem;
    right: 0;
    width: .48rem;
    height: .45rem;
    background: url(../images/pc/pop_close.png);
    background-size: 100% auto;
}

.mask {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
    display: none;
}


@media screen and (max-width: 750px) {
    .inner .inner-header .header-box .nav{
        width: 3.8rem;
        right: 0;
    }
    .inner .inner-header .header-box .nav .item3{
        display: none;
    }
    .inner .inner-header .header-box .nav .item2{
        margin-right: 0;
    }
    .inner .main .content.privacy{
        width: 7rem;
    }
    .main .rule{
        width: 7.2rem;
        padding: 0;
        margin: .4rem auto;
    }
    .main .rule .item{
        margin: 0 .1rem;
        font-size: .2rem;
    }
    .footer .bottom .inner{
        width: 7rem;
        background-size: 100% auto;
    }

    .inner .main .content.faq{
        width: 7rem;
        margin: 0 auto;
    }

    .inner .main .content.photo{
        width: 7.1rem;
        margin: 0 auto;
    }
    .inner .main .content.photo .photo-list{
        width: 100%;
    }
    .inner .main .content.photo .photo-list .photo-group{
        margin: 0 .1rem 0 0;
        width: 2.3rem;
    }
    .inner .main .content.photo .photo-list .photo-group .icon{
        width: 2.2rem;
        height: 2.2rem;
        margin: 0 auto .1rem auto;
        position: relative;
    }
    .inner .main .content.photo .photo-list .photo-group .download-btn{
        width: 2.2rem;
        height: .56rem;
        margin: 0 auto 0 auto;
    }

    .inner .main .content.wallpaper{
        width: 7rem;
        margin: 0 auto;
        min-height: 10rem;
    }

    .inner .wallpaper-main .title{
        font-size: .32rem;
    }

    .inner .main .content.wallpaper .wallpaper-list{
        width: 100%;
    }

    .inner .main .content.wallpaper .wallpaper-list .item{
        margin: 0 .2rem .2rem 0;
    }

    .inner .main .content.wallpaper .wallpaper-list .item:nth-child(2n+0) {
        margin-right: 0;
    }

    .main.wallpaper-main,.main.music_main{
        min-height: 12rem;
    }
    
    .inner .main .content.music{
        width: 7rem;
        margin: 0 auto;
    }

    .inner .main .content.music .music-list{
        width: 100%;
    }

    .inner .main .content.music .music-list .music-group .info-text{
        width: 3.5rem;
    }

    .inner .main .content.cc {
        width: 7rem;
        position: relative;
        margin: 0 auto;
    }

    .classification{
        width: 7rem;
        margin: 0 auto .3rem auto;
    }
    .classification ul li{
        width: auto;
        margin: 0 .18rem;
        text-align: center;
    }
    .classification ul li .type{
        font-size: .2rem;
    }
}