@charset "utf-8";
.c2-con2-item-inner,.c2-con2-item:after,.c2-con3-item,.chart2-item .p,.chart2-item .chart-avatar,.poster .poster-bg .swiper-button-next,.poster .share-block .iconfont,.barrage{transition:all .5s;}
.container-painter h2{margin-top:60px;}
.container-painter h3{margin-top:46px;margin-bottom:20px;}
.painter-btn{margin-top:30px;width:140px;height:40px;line-height:40px;font-size:14px;background-color:#3dca99;border-radius:100px;color:#ffffff;position:relative;overflow:hidden;border:none;line-height:40px;}
.painter-btn span{z-index:2;position:relative;}
.painter-btn:after{z-index:1;content:'';display:inline-block;position:absolute;left:0;top:0;width:0;height:100%;background-color:rgba(255,255,255,.3);border-radius:100px;transition:all .2s;}
.painter-btn:hover:after{width:100%;}
.container-painter{font-size:14px;text-align:center;}
p{font-size:14px;word-wrap:break-word;}
.mask{z-index:17;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);}

/*painter-c1*/
.painter-c1{position:relative;height:540px;background:url('http://assets-cdn.lanqb.com/ImPainter/banner-bg.png?v=1') no-repeat center;background-size:auto 100%;}
.painter-c1 .container{position:relative;height:100%;}
.painter-c1 img{position:absolute;left:50%;}
.painter-c1 .banner-img01{top:6px;margin-left:-558px;width:1117px;}
.painter-c1 .banner-img02{top:17px;margin-left:-230px;width:461px;}
.painter-c1 .banner-img03{top:98px;margin-left:-362px;width:724px;}
.painter-c1 .banner-h1{top:157px;margin-left:-319px;width:638px;}
.painter-c1 .banner-h2{top:295px;margin-left:-310px;width:620px;}
.painter-c1 p{position:absolute;left:0;right:0;bottom:-60px;padding:16px 0;background-color:#ffffff;box-shadow:0px 5px 20px 0px rgba(65,87,134,0.1);}
.painter-c1 p span{display:block;color:#87959f;line-height:1.714;}
.painter-c1 .animated{-webkit-animation-duration:2s;animation-duration:2s;}

/*painter-c2*/
.painter-c2{padding-top:60px;}
.c2-con1-video{z-index:2;position:absolute;display:inline-block;width:645px;height:402px;background-color:#000000;left:50%;transform:translateX(-50%);}
.c2-con1-left,.c2-con1-right{position:relative;width:50%;height:402px;display:inline-block;vertical-align:top}
.barrage-item{position:absolute;display:inline-block;}
.barrage-item:hover .barrage{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);}
.barrage{position:relative;color:#87959f;padding:0 25px;height:52px;line-height:48px;border:2px solid rgb(61,202,153);border-radius:100px;vertical-align:top;background-color:#ffffff;}
.barrage span{z-index:2;position:relative;background-color:#ffffff;display:block;height:100%;overflow:hidden;}
.barrage:after{content:'';z-index:1;position:absolute;display:inline-block;right:34px;bottom:-3px;width:30px;height:20px;background-color:#ffffff;border-color:rgb(61,202,153);border-width:0 3px 2px 0;border-style:solid;-webkit-transform:rotate(36deg) skew(55deg);-moz-transform:rotate(36deg) skew(55deg);-ms-transform:rotate(36deg) skew(55deg);-o-transform:rotate(36deg) skew(55deg);transform:rotate(36deg) skew(55deg);}
.barrage-right:after{left:34px;border-width:0 0 2px 3px;-webkit-transform:rotate(-36deg) skew(-55deg);-moz-transform:rotate(-36deg) skew(-55deg);-ms-transform:rotate(-36deg) skew(-55deg);-o-transform:rotate(-36deg) skew(-55deg);transform:rotate(-36deg) skew(-55deg);}
.barrage em{display:block;line-height:1.2;margin-top:5px;text-align:left}
.c2-con1 .barrage-p1-item{top:22px;left:24px;}
.c2-con1 .barrage-p2-item{top:101px;left:140px;}
.c2-con1 .barrage-p3-item{top:166px;left:-25px;z-index:3;}
.c2-con1 .barrage-p4-item{top:226px;left:11px;}
.c2-con1 .barrage-p5-item{top:308px;left:20px;}
.c2-con1 .barrage-p6-item{top:47px;right:56px;}
.c2-con1 .barrage-p7-item{top:174px;right:35px;}
.c2-con1 .barrage-p8-item{top:210px;right:-26px;z-index:3;}
.c2-con1 .barrage-p9-item{top:315px;right:-26px;}
.barrage-p1-item,.barrage-p4-item,.barrage-p9-item{animation-delay:.2s}
.barrage-p2-item,.barrage-p7-item{animation-delay:.4s}
.barrage-p3-item,.barrage-p6-item{animation-delay:.6s}
.barrage-p5-item,.barrage-p8-item{animation-delay:.8s}
.c2-con2-list{margin:62px 0 0;}
.c2-con2-item{position:relative;float:left;width:25%;height:500px;padding:0 16px;}
.c2-con2-item-inner{height:100%;background-color:#ffffff;box-shadow:0px 1px 4.5px 0.5px rgba(65,87,134,0.1);}
.c2-con2-item .c2-avatar{width:93px;height:93px;margin-top:38px;}
.c2-con2-item .name{margin-top:10px;color:#525a67;line-height:1;}
.c2-con2-item .status{margin-top:10px;font-size:18px;color:#525a67;line-height:1;}
.c2-con2-item .c2-icon01{margin-top:18px;}
.c2-con2-item .course{margin-top:23px;font-size:24px;color:#212b34;}
.c2-con2-item .line{position:relative;display:inline-block;width:100px;border-top:1px solid #3dca99;}
.c2-con2-item .line:after{content:'';position:absolute;left:50%;top:-5px;margin-left:-5px;width:10px;height:10px;background-color:#3dca99;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.c2-con2-item .intr{color:#898989;text-align:justify;line-height:1.714;margin:20px 32px 0;}
.c2-con2-item:hover .c2-con2-item-inner{box-shadow:0px 10px 19px 1px rgba(65,87,134,0.15);}
.c2-con2-item:after{content:'';opacity:0;position:absolute;top:15px;left:30px;right:30px;bottom:15px;border:1px solid #212b34;}
.c2-con2-item:hover:after{opacity:1;}
.c2-con3-list{margin:-20px 0 0 -20px;}
.c2-con3-item{float:left;width:380px;margin-left:20px;margin-top:20px;}
.c2-con3-item:hover{box-shadow:0px 10px 19px 1px rgba(65,87,134,0.15);}
.c2-con3-item img{width:100%;}
.c2-con3-item p{padding:14px 14px 0;height:96px;text-align:justify;color:#898989;line-height:1.286;background-color:#ffffff;}
.c2-con4-con{overflow:hidden;margin-bottom:90px;padding:0 50px 100px;background-color:#ffffff;box-shadow:0px 10px 19px 1px rgba(65,87,134,0.15);}
.c2-con4-con h5{margin-top:43px;margin-bottom:20px;font-size:18px;color:#273039;font-weight:bold;}
.c2-con4-con h6{position:relative;padding:10px 72px 0 78px;margin-left:20px;height:50px;font-size:14px;color:#898989;border:1px solid #e3e9ef;text-align:left;}
.c2-con4-con h6 + h6{margin-top:10px;}
.c2-con4-con h6 span{position:absolute;top:50%;left:-23px;margin-top:-23px;width:45px;height:45px;border-radius:100%;background-color:#3dca99;color:#ffffff;font-weight:bold;padding:6px 5px;line-height:1.143;text-align:center;}
.c2-con4-con h4{position:relative;font-size:24px;color:#000000;text-align:left;}
.c2-con4-con h4:after{content:'';display:inline-block;position:absolute;left:0;bottom:-30px;width:60px;border-bottom:2px solid #3dca99;}
.chart .left,.chart .right{width:50%;text-align:left}
.chart h4{margin:78px 0 68px;}
.chart .chart01{margin-top:22px;}
.chart .chart2{position:relative;padding:33px 0 0 35px;width:240px;height:240px;background-color:#f5faff;border:2px dotted #b1bbc3;border-radius:100%;}
.chart2-item{position:absolute;}
.chart2-item01{top:-30px;left:-258px;}
.chart2-item02{top:75px;left:-300px;}
.chart2-item03{top:166px;left:-238px;}
.chart2-item04{top:-44px;right:-240px;}
.chart2-item05{top:178px;right:-200px;}
.chart2-item .p{opacity:0;visibility:hidden;float:left;padding:10px 20px;width:256px;height:80px;border:1px solid rgb(177,187,195);background-color:rgb(245,250,255);color:#525a67;}
.chart2-item .p .title{color:#212b34;}
.chart2-item .p .title span{font-size:18px;}
.chart2-item .chart-avatar{opacity:0;visibility:hidden;float:left;margin:25px 0 0 4px;}
.chart2-item .dot{float:left;position:relative;margin:52px 0 0 0;width:11px;height:11px;border:1px solid rgb(177,187,195);background-color:rgb(255,255,255);cursor:pointer;}
.chart2-item .dot:after{content:'';position:absolute;width:5px;height:5px;top:2px;left:2px;border-radius:100%;background-color:#3dca99}
.chart2-item .dot:before{content:'';position:absolute;width:100%;height:100%;border-radius:100%;box-shadow:0 0 10px 3px #3dca99;opacity:0.5;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:zoomIn;animation-name:zoomIn;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}
.chart2-item-right .chart-avatar{margin:25px 4px 0 0;-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);}
.chart2-item.active .p,.chart2-item.active .chart-avatar{opacity:1;visibility:initial;}
.chart2-item.active .dot:before{opacity:0;-webkit-animation:none;animation:none;}

/*painter-c3*/
.c3-barrage{position:relative;height:268px;}
.c3-barrage .barrage{position:absolute;}
.c3-barrage .barrage-p1{top:46px;left:24px;}
.c3-barrage .barrage-p2{top:148px;left:125px;z-index:3;}
.c3-barrage .barrage-p3{top:96px;left:304px;}
.c3-barrage .barrage-p4{top:46px;left:407px;z-index:3;}
.c3-barrage .barrage-p5{top:155px;left:468px;}
.c3-barrage .barrage-p6{top:35px;left:624px;z-index:3;}
.c3-barrage .barrage-p7{top:96px;left:615px;}
.c3-barrage .barrage-p8{top:132px;left:746px;z-index:3;}
.c3-barrage .barrage-p9{top:64px;left:885px;}
.c3-con{border:1px solid #e3e9ef;}
.c3-template{display:inline-block;margin-top:-10px;padding-top:10px;width:800px;height:111px;border-radius:100px;border:1px solid rgb(227,233,239);background-color:rgb(255,255,255);}
.statement-avatar{margin-right:16px;width:60px;height:60px;border-radius:100%;}
.statement-p{display:inline-block;width:620px;vertical-align:top;}
.statement-p span{display:block;color:#525a67;text-align:justify;line-height:1.286;}
.statement-p span + span{margin-top:16px;}
.c3-form{margin:46px 20px;padding:30px 0;background-color:#ffffff;border:1px solid rgb(227,233,239);}
.c3-form input{padding-left:10px;width:158px;height:29px;border-radius:2px;border:1px solid rgb(177,187,195);background-color:#ffffff;box-shadow:inset 0px 2px 0px 0px rgba(242,242,242,0.004);}
.c3-form input + input{margin-left:15px;}
.c3-form input:focus{border-color:#3dca99;}
.c3-form textarea{margin-top:13px;padding:5px 10px;width:512px;height:84px;border-radius:2px;border:1px solid rgb(177,187,195);background-color:#ffffff;box-shadow:inset 0px 2px 0px 0px rgba(242,242,242,0.004);}
.c3-form .tips{margin-top:14px;color:#87959f;}
.c3-form .tips span{color:#3dca99;}
.statement-title{padding-right:20px;}
.statement-title p{color:#2f3840;}
.statement-title p.left{position:relative;padding-left:18px;}
.statement-title p.left:before{content:'';position:absolute;left:0;top:3px;width:2px;height:15px;background-color:#3dca99;}
.statement-title p.right a.active{color:#87959f;}
.statement-title{margin-bottom:20px;}
.statement-item{margin:0 20px;padding:23px 0 23px 25px;border-top:1px solid #e3e9ef;text-align:left;}
.statement-item .statement-p{margin-right:50px;}
.statement-item .statement-btn{border-color:#87959f;border-radius:100px;width:auto;padding:0 20px;color:#87959f;vertical-align:bottom;}
.statement-item .statement-btn.disabled{opacity:.5;}
.statement-item .statement-btn .iconfont{padding-left:5px;}
.statement-item .statement-btn+.statement-btn{margin-left:15px;}
.statement-item .statement-btn:hover{color:#525a67;border-color:#525a67;}
.statement-item .zan-count{color:#87959f;display:inline-block;vertical-align:bottom;}
.statement-item .lan-page > li.active > a{background-color:#3dca99;border-color:#3dca99}

/*painter-c4*/
.painter-c4{margin-top:60px;height:300px;}
.painter-c4 .container{height:100%;}
.painter-c4 .c4-left,.painter-c4 .c4-right{width:50%;height:100%;display:block;float:left}
.painter-c4 .c4-right h4{font-size:30px;font-weight:bold;color:#212b34;margin:45px 0 20px;}
.painter-c4 .c4-right p{font-size:18px;color:#525a67;line-height:1.667;}
.painter-c4 .c4-right .btn{width:240px;}

/*painter-c5*/
.painter-c5{margin-bottom:100px;}
.painter-swiper{position:relative;}
.painter-swiper .swiper-button-next,.painter-swiper .swiper-button-prev{width:60px;height:60px;border-radius:100%;background-color:#3dca99;background-size:14px auto;}
.painter-swiper .swiper-button-next.swiper-button-disabled,.painter-swiper .swiper-button-prev.swiper-button-disabled{opacity:1;background-color:#b1bbc3}
.painter-swiper .swiper-button-prev{left:-90px;}
.painter-swiper .swiper-button-next{right:-90px;}
.painter-swiper .swiper-slide{position:relative;}
.painter-swiper .btn{position:absolute;margin-top:0;width:220px;height:50px;line-height:50px;font-size:16px;}
.painter-swiper .swiper-slide01 .btn{top:204px;left:78px;}
.painter-swiper .swiper-slide02 .btn{top:204px;right:100px;}
.painter-swiper .swiper-slide03 .btn{top:212px;left:78px;}

/*popup*/
.popup-con{position:absolute;top:50%;left:50%;}
.open-poster{width:260px;height:340px;margin:-170px 0 0 -130px;background-color:#ffffff;border-radius:10px;}
.popup-close{position:absolute;font-size:32px;color:#ffffff;top:-16px;right:-16px;}
.open-poster-top{overflow:hidden;width:100%;height:180px;border-radius:10px;}
.open-poster-top .open-poster-bg{border-radius:50%;background-image:-moz-linear-gradient(90deg,rgb(61,202,153) 0%,rgb(255,255,255) 100%);background-image:-webkit-linear-gradient(90deg,rgb(61,202,153) 0%,rgb(255,255,255) 100%);background-image:-ms-linear-gradient(90deg,rgb(61,202,153) 0%,rgb(255,255,255) 100%);box-shadow:0px 5px 4.85px 0.15px rgba(61,202,153,0.2);width:681px;height:389px;vertical-align:bottom;margin:-215px 0 0 -210px;}
.open-poster-top .iconfont{position:absolute;font-size:70px;color:#ffffff;top:54px;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
.open-poster-bottom p{margin-top:40px;font-size:18px;color:#2f3840;}
.open-poster-bottom .open-poster-btn{box-shadow:0px 5px 4.85px 0.15px rgba(61,202,153,0.2);}
.poster{width:375px;height:667px;margin:-333px 0 0 -187px;}
.poster .poster-bg{position:relative;width:100%;height:667px;margin-bottom:30px;}
.poster .poster-bg #poster-swiper{width:100%;height:100%;}
.poster .poster-bg .swiper-button-next{top:auto;right:auto;bottom:-90px;left:30px;padding-top:20px;width:60px;height:60px;font-size:16px;font-weight:bold;color:#3dca99;border-radius:100%;background:#ffffff;cursor:pointer;}
.poster .poster-bg .swiper-button-next:hover{background-color:#3dca99;color:#ffffff;}
.poster .poster-bg .swiper-button-next .iconfont{vertical-align:top;}
.poster .poster-bg .popup-bg{z-index:1;width:100%;height:100%;}
.poster .poster-bg h4{z-index:2;position:absolute;top:27px;left:237px;font-size:14px;color:#3dca99;font-weight:bold;line-height:1.214;text-align:left;font-style:oblique;}
.poster .poster-bg h4 p{line-height:1.214;}
.poster .poster-bg .popup-erweima{z-index:2;position:absolute;bottom:38px;right:20px;width:108px;height:108px;}
.poster .share-block{display:inline-block;vertical-align:top;margin-left:90px;color:#ffffff;background-color:#3dca99;border-radius:100px;width:240px;height:60px;padding-top:8px;}
.poster.my_exclusive_poster .share-block{margin-left:0;}
.poster .share-block h4 em{padding-right:10px;margin-right:2px;display:inline-block;height:24px;line-height:24px;font-size:22px;border-right:2px solid #ffffff;}
.poster .share-block .iconfont{display:inline-block;width:26px;height:26px;border-radius:100%;background-color:#ffffff;font-size:16px;color:#3dca99;vertical-align:top;line-height:26px;margin-left:8px;}
.poster .bdshare-button-style1-16 a,.poster .bdshare-button-style1-16 .bds_more{float:initial;padding-left:0;background-image:none;_background-image:none;cursor:pointer;margin:0 0 0 8px;}
.poster .share-block .iconfont:hover{background-color:#3dca99;color:#ffffff;}
.poster .popup-close{top:-55px;right:0;}
.poster .popup-close:after{content:'';position:absolute;top:30px;left:50%;margin-left:-1px;width:2px;height:30px;background-color:#ffffff;}
@media (min-width:768px){
  .container-painter .container{-webkit-transform:scale(.65);-ms-transform:scale(.65);-o-transform:scale(.65);transform:scale(.65);transform-origin:left top;width:1180px;padding:0 15px;}
  .painter-c1{height:351px}
  .painter-c1 p{left:50px;right:50px;bottom:-250px;}
  .painter-c2{padding-top:60px;height:2117px;}
  .c2-con3-item{width:370px;}
  .painter-c5{height:237px;margin-top:-46px;}
  .statement-item .statement-p{width:690px;}
}
@media (min-width:992px){
  .container-painter .container{-webkit-transform:scale(.868);-ms-transform:scale(.868);-o-transform:scale(.868);transform:scale(.868);}
  .painter-c1{height:468px}
  .painter-c1 p{left:50px;right:50px;bottom:-130px;}
  .painter-c2{padding-top:60px;height:2800px}
  .c2-con3-item{width:370px;}
  .painter-c5{height:316px;margin-top:0;}
  .statement-item .statement-p{width:690px;}
}
@media (min-width:1200px){
  .container-painter .container{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);padding:0;}
  .painter-c1{height:540px}
  .painter-c1 p{left:0;right:0;bottom:-60px;}
  .painter-c2{padding-top:60px;height:auto}
  .c2-con3-item{width:380px;}
  .painter-c5{height:auto;margin-top:0;}
  .statement-item .statement-p{width:800px;}
}
@media (max-height:870px){
  .poster{margin:-333px 0 0 -187px;-webkit-transform:scale(.868);-ms-transform:scale(.868);-o-transform:scale(.868);transform:scale(.868);}
}