@charset "utf-8";

/*古风插画 专题页*/

/*
** main
*/
.topics-list{background-repeat:no-repeat;background-position:center top;overflow:hidden;}
.clear{clear:both}
.main-h2{margin:152px auto 128px;width:714px;height:62px;}
.main-h2 img{width:100%;}

/*part01*/
.part01{position:relative;height:916px;background-image:url(https://assets-cdn.lanqb.com/activity/topic_gf/s1-bg.png)}
.part01 h1{width:312px;height:471px;background-image:url(https://assets-cdn.lanqb.com/activity/topic_gf/s1-h1.png)}
.part01 h2{margin:89px 28px 0 11px;padding:35px 21px;width:68px;height:357px;font-size:29px;line-height:1;color:#ffffff;box-sizing:border-box;background-image:url(https://assets-cdn.lanqb.com/activity/topic_gf/bgred01.png)}
.part01 h2 span{display:block;margin:5px auto;width:9px;height:9px;background-image:url(https://assets-cdn.lanqb.com/activity/topic_gf/icon03.png)}
.part01 h3{margin-top:89px;padding:0 10px;width:41px;height:360px;font-size:20px;color:#000000;box-sizing:border-box;border-left:1px solid rgba(0,0,0,0.3)}
.part01 h3 + h3{border-right:1px solid rgba(0,0,0,0.3)}
.p1-list{margin-top:36px;}
.p1-list li{float:left;}
.p1-list li + li{margin-left:38px;}
.p1-item{display:inline-block;width:109px;text-align:center;cursor:pointer;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;text-decoration-skip:objects;}
.p1-item:hover{margin-top:-10px;}
.p1-item img{width:109px;}
.p1-item .p1-item-btn{display:inline-block;margin-top:11px;width:78px;height:28px;line-height:28px;background-color:#900006;font-size:16px;color:#ffffff;text-align:center;border-radius:2px;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;text-decoration-skip:objects;}
.p1-item:hover .p1-item-btn{background: #c60810;}
.p1-tips{position:absolute;top:706px;left:0;width:100%;height:210px;text-align:center;}
.p1-tips span{display:inline-block;vertical-align:middle;}
.p1-tips p{font-size:20px;color:#ffffff;}

/*part02*/
.part02{height:1664px;background-image:url(https://assets-cdn.lanqb.com/activity/topic_gf/s2-bg.png)}
.pb-bank + .pb-bank{margin-top:110px}
.pb-block{width:485px;height:244px;background-size:100% 100%;overflow:hidden;}
.pb-block h3{float:left;padding:86px 20px;width:68px;font-size:30px;line-height:1.2;box-sizing:border-box;}
.pb-block-con{float:left;height:100%;padding-left:40px;}
.pb-block-con div{display:inline-block;vertical-align:middle;text-align:left;}
.pb-block h4{line-height:1.8;font-size:24px;}
.pb-block p{padding-left:20px;width:335px;font-size:18px;line-height:1.731;background-size:9px;background-repeat:no-repeat;background-position:left 10px}
.pb-list{width:695px;}
.pb-item{display:inline-block;vertical-align:top;text-align:center;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;text-decoration-skip:objects;}
.pb-item:hover{margin-top:-10px;}
.pb-item + .pb-item{margin-left:50px;}
.pb-item img{display:inline-block;width:150px;height:150px;}
.pb-item h3{margin:26px auto 10px;font-size:22px;line-height:1;}
.pb-item h4{font-size:16px;font-weight:normal;}
.pb-tips{display:block;margin:124px auto 0;width:100%;height:98px;background-size:100% auto;text-align:center;background-repeat:no-repeat;}
.pb-tips .pb-tips-p{display:inline-block;font-size:40px;line-height:98px;}
.pb-tips .pb-tips-icon{display:inline-block;margin-left:28px;width:15px;height:100%;background-size:100% auto;background-repeat:no-repeat;background-position:center;vertical-align:top;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;text-decoration-skip:objects;}
.pb-tips:hover .pb-tips-icon{margin-left: 40px;}
.pb-block01{background-image:url(https://assets-cdn.lanqb.com/activity/topic_gf/bgred02.png);}
.pb-block01 h3{color:#ffffff;}
.pb-block01 p{background-image:url(https://assets-cdn.lanqb.com/activity/topic_gf/icon01.png);}
.pb-item01 h3{color:#a40a18;}
.pb-tips01{color:#ffffff;background-image:url(https://assets-cdn.lanqb.com/activity/topic_gf/bgred03.png);}
.pb-tips01 .pb-tips-icon{background-image:url(https://assets-cdn.lanqb.com/activity/topic_gf/icon04.png);}

/*part03*/
.part03{height:1700px;background-image:url(https://assets-cdn.lanqb.com/activity/topic_gf/s3-bg.png)}
.pb-block02{background-image:url(https://assets-cdn.lanqb.com/activity/topic_gf/bgwhite01.png);}
.pb-block02 h3{color:#9e0713;}
.pb-block02 h4{color:#ffffff;}
.pb-block02 p{background-image:url(https://assets-cdn.lanqb.com/activity/topic_gf/icon03.png);color:#ffffff;}
.pb-item02 h3{color:#ffc973;}
.pb-item02 h4{color:#ffffff;}
.pb-tips02{color:#9e0713;background-image:url(https://assets-cdn.lanqb.com/activity/topic_gf/bgwhite02.png);}
.pb-tips02 .pb-tips-icon{background-image:url(https://assets-cdn.lanqb.com/activity/topic_gf/icon02.png);}

/*part04*/
.part04{height:1286px;background-image:url(https://assets-cdn.lanqb.com/activity/topic_gf/s4-bg.png)}
.part04 .pb-list{width:100%;margin-top:94px;}
.part04 .pb-item + .pb-item{margin-left:72px;}

/*part05*/
.part05{height:730px;background-image:url(https://assets-cdn.lanqb.com/activity/topic_gf/s5-bg.png);}
.part05 h2{margin-left:0;width:717px;}
.part05 p{padding-left:26px;font-size:30px;color:#000000;line-height:1.731;background-size:9px;background-image:url(https://assets-cdn.lanqb.com/activity/topic_gf/icon01.png);background-repeat:no-repeat;background-position:left center}
.p5-btn{float:left;display:inline-block;margin:52px 0 0 0;width:206px;height:68px;line-height:68px;font-size:30px;color:#ffffff;text-align:center;background-image:url(https://assets-cdn.lanqb.com/activity/topic_gf/bgred04.png);background-size:100%}

/*
**ipad适配
*/
@media (min-width:768px){
    .p1-tips p{font-size:12px}
    .pb-block{width:340px;height:220px;}
    .pb-block h3{padding:79px 12px;width:48px;font-size:26px;}
    .pb-block-con{padding-left:20px}
    .pb-block p{font-size:15px;width:248px;}
    .pb-list{width:398px;}
    .pb-item{width:120px;}
    .pb-item + .pb-item{margin-left:15px}
    .pb-item img{width:109px;height:109px;}
    .pb-item h3{font-size:16px;}
    .pb-item h4{font-size:12px;}
    .part04 .pb-item + .pb-item{margin-left:33px;}
    .pb-tips{height:65px;}
    .pb-tips .pb-tips-p{font-size:30px;line-height:65px;}
    .part05 h2{width:717px;}
}
@media (min-width:992px){
    .p1-tips p{font-size:16px}
    .pb-block{width:450px;height:226px;}
    .pb-block h3{padding:77px 17px;width:64px;font-size:30px;}
    .pb-block-con{padding-left:40px}
    .pb-block p{font-size:17px;width:335px;}
    .pb-list{width:500px;}
    .pb-item{width:auto;}
    .pb-item + .pb-item{margin-left:20px}
    .pb-item img{width:130px;height:130px;}
    .pb-item h3{font-size:20px;}
    .pb-item h4{font-size:13px;}
    .part04 .pb-item + .pb-item{margin-left:59px;}
    .pb-tips{height:81px;}
    .pb-tips .pb-tips-p{font-size:40px;line-height:81px;}
    .part05 h2{width:717px;}
}
@media (min-width:1200px){
    .p1-tips p{font-size:20px}
    .pb-block{width:485px;height:244px;}
    .pb-block h3{padding:86px 20px;width:68px;font-size:30px;}
    .pb-block-con{padding-left:40px}
    .pb-block p{font-size:18px;width:335px;}
    .pb-list{width:675px;}
    .pb-item{width:auto;}
    .pb-item + .pb-item{margin-left:50px}
    .pb-item img{width:150px;height:150px;}
    .pb-item h3{font-size:22px;}
    .pb-item h4{font-size:16px;}
    .part04 .pb-item + .pb-item{margin-left:72px;}
    .pb-tips{height:98px;}
    .pb-tips .pb-tips-p{font-size:40px;line-height:98px;}
    .part05 h2{width:717px;}
}