body{
    background: #f7f8fa;
}
/* 广告 */
.advertisement{
    width: 100%;
    height: 100%;
    /* margin-top: 30px; */
}
/* 广告2 */
.advertisement2{
    width: 100%;
    height: 100%;
    background: #fff;
    padding-top: 50px;
}
/* 当前位置 */
.position{
    font-size: 14px;
    color: #7e7e7e;
    margin-top: 30px;
}
.position a{
    color: #7e7e7e;
}
/* 图集列表 */
.atlasList{
    width: 100%;
    height: 100%;
    margin-top: 30px;
    position: relative;
    padding-bottom: 50px;
}
.atlasList .layout{
    width: 1140px;
    background: #fff;
    box-shadow: 0px 0px 10px 5px #f1f2f4;
    padding: 30px;
    position: relative;
}
.atlasList h1{
    font-size: 28px;
    color: #434343;
    font-weight: 500;
}
.atlasSwiper{
    margin-top: 20px;
}
.atlasSwiper .bigPic{
    width: 720px;
    height: auto;
    cursor: pointer;
    position: relative;
    background: url("../images/background.png") no-repeat;
}
.atlasSwiper .bigPic img{
    width: 720px;
}
.atlasSwiper .bigPic.wPic img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -360px;
}
.atlasSwiper .bigPic .tips{
    width: 90px;
    height: 19px;
    background: linear-gradient(top,#fff,#e7e8f1);
    background: -webkit-linear-gradient(top,#fff,#e7e8f1);
    background: -moz-linear-gradient(top,#fff,#e7e8f1);
    background: -ms-linear-gradient(top,#fff,#e7e8f1);
    background: -o-linear-gradient(top,#fff,#e7e8f1);
    font-size: 12px;
    color: #5e5e5e;
    display: block;
    text-align: center;
    line-height: 19px;
    border-radius: 3px;
    position: absolute;
    top: 220px;
    right: 135px;
    display: none;
}
.atlasSwiper .bigPic:hover .tips{
    display: block;
}
.atlasSwiper .floatR{
    width: 368px;
}
.atlasSwiper .floatR .atlas_information{
    padding-bottom: 20px;
    border-bottom: 1px solid #e8e8e9;
}
.atlasSwiper .floatR .atlas_information h3{
    font-size: 20px;
    color: #434343;
    font-weight: 500;
} 
.atlasSwiper .floatR .atlas_information ul{
    margin-top: 15px;
}
.atlasSwiper .floatR .atlas_information ul li{
    font-size: 14px;
    color: #999;
    line-height: 30px;
}
.atlasSwiper .floatR .atlas_information ul li:last-child{
    margin-top: 15px;
}
.atlasSwiper .floatR .atlas_information ul li span{
    font-size: 14px;
    color: #5e5e5e;
    margin-left: 20px;
}
.atlasSwiper .floatR .atlas_information ul li i{
    font-size: 14px;
    color: #4aa8ff;
    font-weight: bold;
}
.atlasSwiper .floatR .atlas_information ul li p{
    display: inline;
    font-size: 14px;
    color: #5e5e5e;
    margin-left: 58px;
}
.atlasSwiper .floatR .previewPic{
    margin-top: 30px;
}
.atlasSwiper .floatR .previewPic li{
    width: 88px;
    max-height: 117px;
    overflow: hidden;
    float: left;
    margin-right: 5px;
    position: relative;
}
.atlasSwiper .floatR .previewPic li.active::after{
    content: '';
    width: 88px;
    height: 100%;
    background: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    left: 0;
}
.atlasSwiper .floatR .previewPic li:nth-child(n+5){
    margin-top: 5px;
}
.atlasSwiper .floatR .previewPic li:nth-child(4n){
    margin-right: 0px;
}
.atlasSwiper .floatR .previewPic li img{
    width: 88px;
    transition: all 1s;
}
.atlasSwiper .floatR .previewPic li:hover img{
    transform: scale(1.2);
}
.atlasSwiper .floatR .previewPic{
    width: 373px;
    min-height: 109px;
    max-height: 361px;
    overflow-y: scroll;
}
.atlasSwiper .floatR .previewPic::-webkit-scrollbar-track-piece {
    background-color:#f7f9fa;  
    border: none;
}  
.atlasSwiper .floatR .previewPic::-webkit-scrollbar {
    width:3px;
}  
.atlasSwiper .floatR .previewPic::-webkit-scrollbar-thumb {
    width: 3px;
    background: #b2b2b2;
    border-radius: 5px;
}
.atlasSwiper .floatR .previewPic {
    scrollbar-color: #b2b2b2 #f7f9fa;
    scrollbar-width: thin;
}
.atlasSwiper .floatR .previewPic::-moz-scrollbar-thumb {
    width: 3px;
    background: #b2b2b2;
    border-radius: 5px;
}
.atlasSwiper .floatR .previewPic::-moz-scrollbar-track {
    background-color:#f7f9fa;  
    border: none;
}
  
.picLabel{
    border-top: 1px solid #e8e8e9;
    margin-top: 30px;
    font-size: 14px;
    color: #999;
    padding-top: 15px;
}
.picLabel a{
    padding: 8px 10px;
    background: #f4f4f4;
    border-radius: 30px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 15px;
}
.picLabel a:hover{
    background: #e9f7ff;
    color: #00a3ff !important;
}
.atlasList .prev{
    width: 50px;
    height: 50px;
    display: block;
    background-position: -54px -120px;
    position: absolute;
    left: 50px;
    top: 50%;
    margin-top: -25px;
}
.atlasList .next{
    width: 50px;
    height: 50px;
    display: block;
    background-position: 0px -120px;
    position: absolute;
    right: 50px;
    top: 50%;
    margin-top: -25px;
}
/* 查看大图浮层 */
.bigPic_fc{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
    position: fixed;
    top: 0px;
    display: none;
    z-index: 999;
}
.bigPic_fc .swiper{
    width: 100%;
    height: 100%;
    position: relative;
}
.bigPic_fc .swiper ul li {
    display: flex;
    align-items: center;
    justify-content: center;
}
.bigPic_fc .swiper ul li img{
    margin: 0 auto;
}
/* .bigPic_fc .swiper .btns{
    width: 244px;
    height: 44px;
    padding: 0px 20px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -142px;
    background: rgba(255,255,255,0.6);
    z-index: 99;
    border-radius: 10px;
}
.bigPic_fc .swiper .swiper-button-prev{
    width: 11px;
    height: 20px;
    display: block;
    background-position: -61px -230px;
    margin-top: 13px;
    position: static;
    outline: none;
}
.bigPic_fc .swiper .swiper-button-next{
    width: 11px;
    height: 20px;
    display: block;
    background-position: -80px -230px;
    margin-top: 13px;
    position: static;
    outline: none;
}
.swiper-button-next:after, .swiper-button-prev:after{
    display: none;
}
.bigPic_fc .btns i.download{
    width: 23px;
    height: 23px;
    display: block;
    background-position: 0 -174px;
    margin-left: 60px;
    margin-top: 11px;
    cursor: pointer;
    position: relative;
}
.bigPic_fc .btns i.download:hover,.bigPic_fc .btns i.download.active{
    background-position: 0px -263px;
}
.bigPic_fc .btns i.download:hover::after,.bigPic_fc .btns i.download.active::after{
    content: '';
    width: 44px;
    height: 44px;
    display: block;
    background: rgba(255,255,255,0.6);
    border-radius: 10px;
    z-index: -1;
    position: absolute;
    top: -11px;
    left: -11px;
}
.bigPic_fc .btns i.like{
    width: 25px;
    height: 23px;
    display: block;
    background-position: -29px -174px;
    margin-left: 48px;
    margin-top: 11px;
    cursor: pointer;
    position: relative;
}
.bigPic_fc .btns i.like:hover,.bigPic_fc .btns i.like.active{
    background-position: -58px -202px;
}
.bigPic_fc .btns i.like:hover::after,.bigPic_fc .btns i.like.active::after{
    content: '';
    width: 44px;
    height: 44px;
    display: block;
    background: rgba(255,255,255,0.6);
    border-radius: 10px;
    z-index: -1;
    position: absolute;
    top: -11px;
    left: -10px;
}
.bigPic_fc .btns i.swbz{
    width: 26px;
    height: 23px;
    display: block;
    background-position: -59px -174px;
    margin-left: 25px;
    margin-top: 11px;
    cursor: pointer;
    position: relative;
}
.bigPic_fc .btns i.swbz:hover,.bigPic_fc .btns i.swbz.active{
    background-position: -32px -263px;
}
.bigPic_fc .btns i.swbz:hover::after,.bigPic_fc .btns i.swbz.active::after{
    content: '';
    width: 44px;
    height: 44px;
    display: block;
    background: rgba(255,255,255,0.6);
    border-radius: 10px;
    z-index: -1;
    position: absolute;
    top: -11px;
    left: -9px;
} */
.bigPic_fc .close{
    width: 53px;
    height: 53px;
    display: block;
    background-position: 0 -206px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2;
    cursor: pointer;
}
/* 左侧浮栏 */
.leftFc{
    position: absolute;
    left: -65px;
    bottom: 200px;
    text-align: center;
}
.leftFc.scroll{
    position: fixed;
    left: 50%;
    margin-left: -680px;
    bottom: 200px;
    text-align: center;
}
.leftFc i{
    cursor: pointer;
}
.leftFc .download{
    width: 30px;
    height: 30px;
    display: block;
    background-position: -110px -121px;
    position: relative;
}
.leftFc .like{
    width: 33px;
    height: 30px;
    display: block;
    background-position: -109px -158px;
    margin-top: 50px;
    position: relative;
}
.leftFc .leftLikeCount{
    font-size: 14px;
    color: #c4c5c8;
}
.leftFc .leftLikeCount.active{
    color: #0082ff;
}
.leftFc .ckdt{
    width: 30px;
    height: 30px;
    display: block;
    background-position: -112px -194px;
    margin-top: 20px;
    position: relative;
}
.leftFc .swbz{
    width: 34px;
    height: 29px;
    display: block;
    background-position: -110px -230px;
    margin-top: 20px;
    position: relative;
}
.leftFc .download:hover{
    background-position: -152px -121px;
}
.leftFc .like:hover{
    background-position: -152px -158px;
}
.leftFc .like.active {
    background-position: -152px -158px;
}
.leftFc .ckdt:hover{
    background-position: -155px -194px;
}
.leftFc .swbz:hover{
    background-position: -155px -230px;
}
.leftFc .swbz:hover::after{
    content: "设为壁纸";
    background: #4aa8ff;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #fff;
    position: absolute;
    right: -82px;
    top: 0px;
    width: 68px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}
.leftFc .swbz:hover::before{
    box-sizing: content-box;
    position: absolute;
    top: 11px;
    right: -13px;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid #4aa8ff;
    display: block;
    content: '';
    z-index: 2;
}
.leftFc .download:hover::after{
    content: "下载";
    background: #4aa8ff;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #fff;
    position: absolute;
    right: -82px;
    top: 0px;
    width: 68px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}
.leftFc .download:hover::before{
    box-sizing: content-box;
    position: absolute;
    top: 11px;
    right: -13px;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid #4aa8ff;
    display: block;
    content: '';
    z-index: 2;
}
.leftFc .like:hover::after{
    content: "喜欢";
    background: #4aa8ff;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #fff;
    position: absolute;
    right: -82px;
    top: 0px;
    width: 68px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}
.leftFc .like.active:hover::after{
    content: "已喜欢";
    background: #4aa8ff;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #fff;
    position: absolute;
    right: -82px;
    top: 0px;
    width: 68px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}
.leftFc .like:hover::before{
    box-sizing: content-box;
    position: absolute;
    top: 11px;
    right: -13px;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid #4aa8ff;
    display: block;
    content: '';
    z-index: 2;
}
.leftFc .ckdt:hover::after{
    content: "查看大图";
    background: #4aa8ff;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #fff;
    position: absolute;
    right: -82px;
    top: 0px;
    width: 68px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}
.leftFc .ckdt:hover::before{
    box-sizing: content-box;
    position: absolute;
    top: 11px;
    right: -13px;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid #4aa8ff;
    display: block;
    content: '';
    z-index: 2;
}
/* 相关推荐 */
h2{
    font-size: 28px;
    color: #434343;
    line-height: 28px;
}
.xgtj{
    width: 100%;
    height: 100%;
    background: #fff;
    padding-top: 50px;
}
.xgtj ul{
    margin-top: 35px;
    display: flex;
    justify-content:flex-start;
}
.xgtj ul li{
    text-align: center;
    margin-right: 30px;
}
.xgtj ul li:nth-child(5) {
    margin-right: 0;
}
.xgtj ul li a.picBox{
    width: 215px;
    max-height: 323px;
    display: block;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    transition: transform .3s ease-in-out,translateY .3s ease-in-out,box-shadow .3s ease-in-out;
}
.xgtj ul li a.picBox:hover{
    transform: translateY(-10px);
    box-shadow: 0 4px 8px rgba(102,102,102,0.4);
}
.xgtj ul li img:hover{
    transform: scale(1.1);
}
.xgtj ul li img{
    width: 215px;
    border-radius: 5px;
    transition: all 1s;
}
.xgtj ul li .picName{
    font-size: 14px;
    color: #666;
    line-height: 14px;
    margin-top: 10px;
    width: 215px;
    overflow: hidden;
    line-height: 22px;
    white-space: nowrap;
    display: block;
}
/* 热门推荐 */
.rmtj{
    width: 100%;
    height: 100%;
    background: #fff;
    padding-top: 75px;
}
.rmtj .title h2{
    margin-top: 5px;
}
.rmtj .title ul{
    margin-left: 60px;
}
.rmtj .title ul li{
    font-size: 16px;
    color: #8b8b8b;
    padding: 12px 25px;
    background: #f5f5f5;
    border-radius: 25px;
    margin-right: 10px;
    cursor: pointer;
}
.rmtj .title ul li:hover,.rmtj .title ul li.active{
    background: linear-gradient(left,#f3fbff,#d6f0ff);
    background: -webkit-linear-gradient(left,#f3fbff,#d6f0ff);
    background: -moz-linear-gradient(left,#f3fbff,#d6f0ff);
    background: -o-linear-gradient(left,#f3fbff,#d6f0ff);
    background: -ms-linear-gradient(left,#f3fbff,#d6f0ff);
    font-size: 16px;
    color: #35b6ff;
    font-weight: bold;
}
.rmtj .list {
    margin-top: 20px;
    position: relative;
}
.swiperBox .swiper ul{
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}
.swiperBox .swiper ul li{
    text-align: center;
    float: left;
}
.swiperBox .swiper ul li a.picBox{
    width: 215px;
    max-height: 323px;
    display: block;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    transition: transform .3s ease-in-out,translateY .3s ease-in-out,box-shadow .3s ease-in-out;
}
.swiperBox .swiper.swiper2 ul li a.picBox{
    width: 215px;
    max-height: 143px;
    display: block;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    transition: transform .3s ease-in-out,translateY .3s ease-in-out,box-shadow .3s ease-in-out;
}
.swiperBox .swiper.swiper2 ul li a.picBox img{
    width: 215px;
}
.swiperBox .swiper ul li a.picBox:hover{
    transform: translateY(-10px);
    box-shadow: 0 4px 8px rgba(102,102,102,0.4);
}
.swiperBox .swiper ul li img:hover{
    transform: scale(1.1);
}
.swiperBox .swiper ul li img{
    width: 215px;
    border-radius: 5px;
    transition: all 1s;
}
.swiperBox .swiper ul li .picName{
    font-size: 14px;
    color: #666;
    line-height: 14px;
    margin-top: 10px;
    width: 215px;
    overflow: hidden;
    line-height: 22px;
    white-space: nowrap;
    display: block;
}
.swiperBox .swiper{
    width: 100%;
    height: 100%;
    position: static;
    display: none;
}
.swiperBox .swiper-button-prev{
    width: 35px;
    height: 35px;
    display: block;
    background-position: -21px 0;
}
.swiperBox .swiper-button-next{
    width: 35px;
    height: 35px;
    display: block;
    background-position: -60px 0;
}
.swiperBox .swiper-button-prev:hover{
    background-position: -138px 0;
}
.swiperBox .swiper-button-next:hover{
    background-position: -100px 0;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
    content: '' !important;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    content: '' !important;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
    left: -40px !important;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
    right: -40px !important;
}
/* 最新上传 */
.zxsc{
    width: 100%;
    height: 100%;
    background: #fff;
    padding-top: 75px;
}
.zxsc.swiperBox .swiper{
    display: block; 
}
.zxsc .layout {
    position: relative;
}
.zxsc .swiper{
    margin-top: 25px;
}
/* 热门关键词 */
.hotKeyword{
    width: 100%;
    height: 100%;
    background: #fff;
    padding-top: 50px;
    font-size: 14px;
    color: #999;
    padding-bottom: 60px;
}
.hotKeyword a{
    padding: 5px 10px;
    background: #f4f4f4;
    border-radius: 25px;
    margin-right: 5px;
	line-height:35px;
}
.hotKeyword a:hover{
    color: #00a3ff !important;
    background: #e9f7ff;
}

/* 图集浮层样式 */
.bigPic_fc .btns{
    width: 40px;
    height: 110px;
    position: absolute;
    top: 50%;
    margin-top: 160px;
    left: 200px;
    z-index: 2;
    /* text-align: center;
    margin: 0 auto; */
}
.bigPic_fc .btns .download{
    width: 30px;
    height: 30px;
    display: block;
    background-position: -164px -300px;
    cursor: pointer;
}
.bigPic_fc .btns .download:hover{
    background-position: -164px -342px;
}
.bigPic_fc .btns .like{
    width: 33px;
    height: 30px;
    display: block;
    background-position: -121px -300px;
    cursor: pointer;
    margin-top: 20px;
    position: relative;
}
.bigPic_fc .btns .like:hover,.bigPic_fc .btns .like.active{
    background-position: -121px -342px;
}
.bigPic_fc .btns .likeCount{
    font-size: 14px;
    color: #c4c5c8;
    float: left;
    margin-top: 3px;
    width: 33px;
    text-align: center;
}
.bigPic_fc .swiper-button-prev{
    width: 50px;
    height: 50px;
    display: block;
    background-position: 0 -297px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 50px !important;
    outline: none;
}
.bigPic_fc .swiper-button-prev:hover{
    background-position: 0 -357px;
}
.bigPic_fc .swiper-button-next{
    width: 50px;
    height: 50px;
    display: block;
    background-position: -59px -297px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    right: 50px !important;
    outline: none;
}
.bigPic_fc .swiper-button-next:hover{
    background-position: -63px -357px;
}
.bigPic_fc .close:hover{
    background-position: -121px -385px;
}
.bigPic_fc .swiper-button-prev.hover::after,.bigPic_fc .swiper-button-next.hover::after{
    content: '支持键盘左右滚动看图' !important;
    width: 136px;
    height: 21px;
    border: 1px solid #767676;
    border-radius: 5px;
    background: linear-gradient(top,#fefeff,#e5e6f1);
    background: -webkit-linear-gradient(top,#fefeff,#e5e6f1);
    background: -moz-linear-gradient(top,#fefeff,#e5e6f1);
    background: -ms-linear-gradient(top,#fefeff,#e5e6f1);
    background: -o-linear-gradient(top,#fefeff,#e5e6f1);
    font-size: 12px;
    color: #5e5e5e;
    text-align: center;
    line-height: 21px;
    position: absolute;
    bottom: -30px;
    right: 0;
}
.bigPic_fc .swiper-button-prev.hover::after{
    left: 0;
}
.bigPic_fc .btns .like.active:hover::after{
    content: "已喜欢";
    background: #4aa8ff;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #fff;
    position: absolute;
    right: -82px;
    top: 0px;
    width: 68px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}
.bigPic_fc .btns .like.active:hover::before{
    box-sizing: content-box;
    position: absolute;
    top: 11px;
    right: -13px;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid #4aa8ff;
    display: block;
    content: '';
    z-index: 2;
}
/* 轮播懒加载loading效果 */
.swiper{
    --swiper-preloader-color:rgb(212,236,254);
}
.bigPic_fc .swiper{
    --swiper-preloader-color:#c4c5c8;
}
.swiper-lazy-preloader{
    margin-top: 100px;
}
.rmtj .swiper-lazy-preloader,.zxsc .swiper-lazy-preloader{
    width: 27px;
    height: 26px;
    background: url("../images/loading.gif") no-repeat center center;
    background-size: 27px 26px;
    border: none;
    border-radius: 0;
}
.rmtj.swiperBox .swiper ul li .picName,.zxsc.swiperBox .swiper ul li .picName{
    display: none !important;
}
.bigPic_fc .btns .likeCount.active{
    color: #0082ff;
}
.atlasSwiper img,.atlas_introduce img{display:inline;margin:10px 0;}