body{  margin:0; padding:0; text-align:center;  font-size:0.12rem; font-family:PingFangSC, sans-serif;}
table,td,tr,img,ul,li,h1,h2,p,object,param,embed{margin:0; padding:0; border:0;}
ul,li{list-style:none;}
a{text-decoration:none; color:#fff;}
a:hover{text-decoration:none;}
.clear{clear:both;}
.clearfix{zoom:1;}
.clearfix:after{content:""; display:block; height: 0; clear:both; visibility:hidden;}

/*-返回定部-*/
#tbox{width:0.54rem; float:right; position:fixed; right:0.5rem; bottom:0.55rem;}
#gotop{ width:0.54rem; height:0.54rem; background:#f19601; display:block;}
#gotop .retopic{display: inline-block; border-top: 0.02rem solid; border-right: 0.02rem solid; margin-top: 0.2rem; width: 0.25rem; height: 0.25rem; border-color: #fff; transform: rotate(-45deg);}

.wap-main{width: 100%; height: auto; }
.wap-main .main-m{width:7.1rem; height: auto;position: relative; margin: 0 auto; text-align: center;}
.wap-main .main-m img{width: 100%;height: 100%;display: block;}

/* 公共title + 按钮 */
.wap-main .fontTitlebox{display: flex;align-items: center;justify-content: center;}
.wap-main .fontTitlebox .fontimg{width: 0.49rem;height: 0.51rem;margin-right: 0.15rem;}
.wap-main .fontTitle{display: flex;flex-direction: column;align-items: baseline;justify-content: center;position: relative;}
.wap-main .fontTitle .fontBig{font-size: 0.44rem;line-height: 0.46rem;font-weight: bold;color: #1a1a1a;margin-bottom: 0.15rem;text-align: left;}
.wap-main .fontTitle .fontSmall{font-size: 0.28rem;line-height: 0.28rem;font-weight: 600;color: #c7c7c7;}

.wap-main .clicbtn{position: relative;width: 4rem;height: 0.65rem;margin: 0.35rem auto 0 auto;background: linear-gradient(to bottom, #fbbe04, #fccd01, #fbbe04);border: 0.02rem solid #eeeef0; border-radius: 0.35rem;display: flex;align-items: center;justify-content: center;}
.wap-main .clicbtn .clicbtntxt{color: #672c00;font-size: 0.34rem;font-weight: bold;line-height: 0.34rem;}
.wap-main .clicbtn .clicbtnhand{width: 0.74rem;height: 0.67rem;position: absolute;right: -0.30rem;bottom: -0.25rem;animation: clickImg ease-in 2s infinite;}
@keyframes clickImg {
    0% {
        transform: scale3d(1, 1, 1);
    }
    50% {
        transform: scale3d(0.7, 0.7, 0.7);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}


/* 顶部*/
.wap-main .top{width: 100%; height:7.8rem;position: relative;background: url("../images/bg01.png") no-repeat center;background-size: 100%;}

/* 预约免费艺术留学规划 */
.wap-main .get{margin: 0.35rem 0;}
.wap-main .getbox{box-shadow: 0 0 0.1rem 0.03rem #e1e1e1;border-radius: 0.15rem;padding:0.3rem 0.5rem;box-sizing: border-box;}
.wap-main .gettitle{display: flex;align-items: center;justify-content: center;}
.wap-main .gettitle .getdes{color: #181818;font-size: 0.36rem;line-height: 0.36rem;font-weight: bold;margin-left: 0.15rem;}
.wap-main .gettitle .getdes span{color: #d70000;}

.wap-main .get-form{margin-top: 0.3rem;}
.wap-main .get-form .get-form-top{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.wap-main .get-form .get-form-top .gft-item{width: 100%;height: 0.9rem;position: relative;display: flex;align-items: center;border: 0.01rem solid #767676;padding: 0 0 0 0.25rem;box-sizing: border-box;margin-bottom: 0.3rem;}
.wap-main .get-form .get-form-top .gft-item .gfi-img{width: 0.3rem;height: 0.36rem;margin-right: 0.3rem;}
.wap-main .get-form .get-form-top .gft-item .gfi-input{height: 100%;}
.wap-main .get-form .get-form-top .gft-item .gfi-input input{font-size: 0.3rem;}
.wap-main .get-form .get-form-top .gft-item .gfi-input .gfi-input-name{border: none;background: #ffffff;height: 100%;}
.wap-main .get-form .get-form-top .gft-item .gfi-getCode{position: absolute;right: 0.2rem;top: 50%;transform: translate(0, -50%);}
.wap-main .get-form .get-form-top .gft-item .gfi-getCode .getYzm{border: none;padding: 0.1rem 0.15rem;border-radius: 0.5rem;display: flex;align-items: center;justify-content: center;color: #ffffff;font-size: 0.3rem;background-color: #767676;}
.wap-main .get-form .get-form-top .gft-submit{width: 100%;height: 0.8rem;background-color: #ee5625;padding: 0 0.65rem;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.wap-main .get-form .get-form-top .gft-submit .gfs-img{width: 0.43rem;height: 0.32rem; margin-right: 0.1rem;}
.wap-main .get-form .get-form-top .gft-submit .gfs-txt{color: #fffeff;font-size: 0.34rem;font-weight: bold;}
.wap-main .get-form .get-form-bottom{display: flex;align-items: center;justify-content: center;margin-top: 0.2rem;font-size: 0.24rem;}

/* 六大艺术科系-找到适合你发展的方向 */
.wap-main .fangxiang{width: 100%; height:auto;background: url("../images/bg02.png") no-repeat bottom;background-color: #ededed;background-size: 100%; padding: 0.35rem 0 0.5rem 0;box-sizing: border-box;}
.wap-main .fangxiang .fxbox{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 0.3rem;}
.wap-main .fangxiang .fxbox .fxboxitem{display: flex;flex-direction: column;width: 3.47rem;padding-bottom: 0.15rem;box-shadow: 0 0 0.02rem 0.01rem #c7c9c8;background-color: #fff;margin-bottom: 0.2rem;}
.wap-main .fangxiang .fxbox .fxboxitem:nth-child(n+5){margin-bottom: 0;}
.wap-main .fangxiang .fxbox .fxboxitem .fxitemimg{width: 3.47rem;height:2.9rem;position: relative;}
.wap-main .fangxiang .fxbox .fxboxitem .fxitemimg .fxitemname{position: absolute;bottom: 0;background: linear-gradient(to right, #0068ff, transparent);width: 100%;text-align: left;padding: 0.15rem;box-sizing: border-box;color: #fff;font-size: 0.32rem;font-weight: bold;line-height: 0.32rem;}
.wap-main .fangxiang .fxbox .fxboxitem .fxitemdesone{text-align: left;width: 100%;padding: 0.08rem 0.12rem;box-sizing: border-box;color: #989898;font-size: 0.28rem;line-height: 0.34rem;font-weight: bold;}
.wap-main .fangxiang .fxbox .fxboxitem .fxitemdestwo{text-align: left;width: 100%;padding: 0 0.12rem;box-sizing: border-box;color: #3f464e;font-size: 0.28rem;line-height: 0.34rem;}

/* 关于AF国际艺术中心 */
.wap-main .abouttitle{padding: 0.35rem 0 0.25rem 0;}
.wap-main .about{width: 100%; height:6.19rem;background: url("../images/bg033.png") no-repeat top;background-size: 100%;}
.wap-main .about .aboutbox{}

/* AF品牌优势  AF年度录取数据 */
.wap-main .adv{margin-top: 0.55rem;}
.wap-main .adv .advbox{}
.wap-main .adv .advbox .advonetitle{display: flex;align-items: center;}
.wap-main .adv .advbox .advonetitle .adoneimg{width:0.544rem;height: 0.544rem;margin-right: 0.15rem;}
.wap-main .adv .advbox .advonetitle .advonetitle{display: flex;flex-direction: column;align-items: baseline;}
.wap-main .adv .advbox .advonetitle .advonetitle .adtitlebig{font-size: 0.36rem;line-height: 0.36rem;font-weight: bold;color: #1a1a1a;margin-bottom: 0.08rem;}
.wap-main .adv .advbox .advonetitle .advonetitle .adtitlesmall{font-size: 0.28rem;line-height: 0.28rem;font-weight: 500;color: #c7c7c7;letter-spacing: 0.01rem;}

.wap-main .adv .advbox .advone{display: flex;flex-wrap: wrap;justify-content: space-between;}
.wap-main .adv .advbox .advone .advitem{width: 100%;margin-bottom: 0.25rem;}
.wap-main .adv .advbox .advone .advitem:last-child{margin-bottom: 0;}
.wap-main .adv .advbox .advone .advitem .advitemtop{display: flex;align-items: end;justify-content: space-between;width: 100%;padding-bottom: 0.05rem;border-bottom: 0.02rem solid #1a1a1a;}
.wap-main .adv .advbox .advone .advitem .advitemtop .advitemleft{color: #1a1a1a;font-size: 0.32rem;line-height: 0.32rem;font-weight: bold;position: relative;bottom: 0.05rem;}
.wap-main .adv .advbox .advone .advitem .advitemtop .advitemright{width: 0.99rem;height:0.70rem;}
.wap-main .adv .advbox .advone .advitem .advitembottom{font-size: 0.3rem;line-height: 0.34rem;color: #41464c;text-align: left;padding: 0.15rem 0 ;border-bottom: 0.02rem solid #1a1a1a;}

.wap-main .adv .advbox .advtwo{display: flex;flex-wrap: wrap; justify-content: space-between;align-items: center;margin-top: 0.25rem;}
.wap-main .adv .advbox .advtwo .advtwoitem{display: flex;align-items: center;flex-direction: column;width: 3rem;margin-bottom: 0.45rem;}
.wap-main .adv .advbox .advtwo .advtwoitem:nth-child(n+7){margin-bottom: 0;}
.wap-main .adv .advbox .advtwo .advtwoitem .advtwotitle{color: #1b1b1b;font-size: 0.3rem;line-height: 0.3rem;font-weight: 600;margin-bottom: 0.12rem;position: relative;}
.wap-main .adv .advbox .advtwo .advtwoitem .advtwotitle .advtwoblue{width: 0.32rem;height: 0.32rem;background: #0068ff;border-radius: 50%;position: absolute;left: -0.10rem;top: -0.08rem;opacity: 0.8;}
.wap-main .adv .advbox .advtwo .advtwoitem .advtwonum{color: #1b1b1b;font-size: 0.58rem;line-height: 0.58rem;font-weight: bold;}

/* AF产品与服务  艺术留学课程 */
.wap-main .cource{width: 100%;height: auto; background: url("../images/bg04.png") no-repeat top;background-size: 100%; background-color: #070707; padding: 0.35rem 0;box-sizing: border-box;}
.wap-main .cource .courcebox{margin-top: 0.15rem;position: relative;}
.wap-main .cource .courcebox img{width: 100%;height: 100%;display: block;}

.wap-main .cource .courcebox .gallery-topOne{width: 100%;height: auto;margin: 0 auto;box-sizing: border-box;}
.wap-main .cource .courcebox .gallery-topOne .swiper-wrapper .swiper-slide{ }
.wap-main .cource .courcebox .gallery-topOne .swiper-wrapper .swiper-slide .courcebox{box-sizing: border-box;width: 100%;height: auto;}
.wap-main .courcebox .courbordone{width:100%;height: 100%;padding: 0 0.1rem;box-sizing: border-box; border-radius: 0.20rem;background: linear-gradient(to bottom,#44474c,#3a3a3a);position: absolute;left: 0;top: 0;}
.wap-main .courcebox .courbordone .courbordtwo{width: 100%;height: 100%;padding: 0 0.1rem;box-sizing: border-box;  border-radius: 0.20rem;background: linear-gradient(to bottom,#69707a,#6b6b6b);}
.wap-main .courcebox .courbordone .courbordtwo .courbordthree{width: 100%;height: 100%;padding: 0 0.1rem;box-sizing: border-box;  border-radius: 0.20rem;background: linear-gradient(to bottom,#9098a5,#9c9c9c);}

.wap-main .cource .courcebox .courcontent{width:6.9rem;height: 100%;background: linear-gradient(to top, #d8e8ff,10%, #ffffff);border-radius: 0.20rem;position: relative;z-index: 1;padding: 0.35rem 0.1rem;box-sizing: border-box;margin: 0 auto}
.wap-main .cource .courcebox .courcontent .couitemone{width: 100%;display: flex;justify-content: space-between;}
.wap-main .cource .courcebox .courcontent .couitemone .coroneimg{width: 3.3rem;height: auto; margin-bottom: 0.15rem;}
.wap-main .cource .courcebox .courcontent .couitemone .coroneimgin {width: 0.80rem;height: 0.65rem;}
/* .wap-main .cource .courcebox .courcontent .couitemone .coroneimgin img{width:100%;height:100%;display: block;} */
.wap-main .cource .courcebox .courcontent .couitemone .cortwotitle{width: 3.3rem;text-align: left;color: #191a1e;font-size: 0.28rem;line-height: 0.28rem;font-weight: bold;margin-bottom: 0.15rem;}
.wap-main .cource .courcebox .courcontent .couitemone .corthreedes{width: 3.3rem;text-align: left;font-size: 0.28rem;line-height: 0.36rem;color: #49505a;margin-bottom: 0.2rem;}
.wap-main .cource .courcebox .courcontent .couitemone .corfourul{width: 3.3rem;}
.wap-main .cource .courcebox .courcontent .couitemone .corfourul .corfourli{display: flex;align-items: baseline;margin-bottom: 0.08rem;}
.wap-main .cource .courcebox .courcontent .couitemone .corfourul .corfourli .corfourlipoint{width: 0.12rem;height: 0.120rem;background: #1a1a1a;border-radius: 50%;margin-right: 0.05rem;}
.wap-main .cource .courcebox .courcontent .couitemone .corfourul .corfourli .corfourlitxt{color: #1a1a1a;font-size: 0.28rem;text-align: left;width: 3.13rem;}
.wap-main .cource .courcebox .courcontent .couitemone .corfiveper{width: 3.3rem;}
.wap-main .cource .courcebox .courcontent .couitemone .corfiveper .corfivepertitle{width: 1.2rem;height:0.45rem;background: #1a1a1a;color: #fff;font-size: 0.28rem;line-height: 0.28rem;display: flex;align-items: center;justify-content: center;margin: 0.2rem 0 0.085rem;}
.wap-main .cource .courcebox .courcontent .couitemone .corfiveper .corfiveperdes{text-align: left;font-size: 0.28rem;line-height: 0.32rem;}

.wap-main .luswiperChange{width: 94%;padding: 0 0.03rem;box-sizing: border-box; display: flex;justify-content: space-between;margin: 0 auto;top: 50%;left: 50%; position: absolute;transform: translate(-50%, -50%);z-index: 10;}
.wap-main .luswiperChange .luswiperChangepre{ width: 0.51rem;height: 1.095rem;display: flex;align-items: center;justify-content: center;}
.wap-main .luswiperChange .luswiperChangepre img{width: 100%;height: 100%;display: block;}

/* 雕塑 */
.wap-main .cource .courcebox .diaosu{width: 2.83rem;height: 1.94rem;position: absolute;top: -1.7rem;right: 0;}

/* AF产品与服务 作品集辅导流程 */
.wap-main .liu{width: 100%;height: auto; background: url("../images/bg05.png") no-repeat top;background-size: 100%; background-color: #fdfeff; padding: 0.35rem 0;box-sizing: border-box;}
.wap-main .liu .liubox{margin-top: 0.35rem;display: flex;flex-direction: column;}
.wap-main .liu .liubox .liuboxitem{display: flex;align-items: center;justify-content: space-around;margin-bottom: 0.25rem;}
.wap-main .liu .liubox .liuboxitem:last-child{margin-bottom: 0;}
.wap-main .liu .liubox .liuboxitem .liuitemimg{width:3.62rem;height: 2.32rem;}

.wap-main .liu .liubox .liuboxitem .liuitemright{width: 2.8rem;}
.wap-main .liu .liubox .liuboxitem .liuboxitemnum{width: 100%;background: #1a1a1a;color: #fff;font-size: 0.32rem;line-height: 0.32rem;font-weight: bold;text-align: left;padding:0.1rem 0 0.1rem 0.25rem;box-sizing: border-box;margin-bottom: 0.2rem;}
.wap-main .liu .liubox .liuboxitem .liunumul{display: flex;flex-direction: column;justify-content: space-between;width: 100%;padding: 0 0 0 0.25rem;box-sizing: border-box;}
.wap-main .liu .liubox .liuboxitem .liunumul .liuulboxli{display: flex; align-items: center;margin-bottom: 0.05rem;}
.wap-main .liu .liubox .liuboxitem .liunumul .liuulboxli:last-child{margin-bottom: 0;}
.wap-main .liu .liubox .liuboxitem .liunumul .liuulboxli .lipoint{width: 0.08rem;height: 0.08rem;background: #1a1a1a;border-radius: 50%;}
.wap-main .liu .liubox .liuboxitem .liunumul .liuulboxli .litxt{font-size: 0.28rem;line-height: 0.28rem;color: #1b1b19;margin-left: 0.1rem;}

/* 第二个预约 */
.wap-main .yyblue{height: auto; background: url("../images/bg06.png") no-repeat bottom;background-size: 100%;background-color: #f4f4f4; padding: 0.45rem 0;box-sizing: border-box;}
.wap-main .yyblue .yybluebox{background-color: #0068ff;width: 100%;padding: 0.35rem 0.25rem 0.25rem 0.25rem;box-sizing: border-box;display: flex;flex-direction: column; align-items: center;}
.wap-main .yyblue .blueleft{width: 100%;box-sizing: border-box;padding: 0 0 0 0.25rem;margin-bottom: 0.2rem;}
.wap-main .yyblue .blueleft .bleftitem{display: flex;align-items: center;margin-bottom: 0.2rem;}
.wap-main .yyblue .blueleft .bleftitem .blpoint{ width: 0.08rem;height: 0.08rem;background: #fff;border-radius: 50%;margin-right: 0.1rem;}
.wap-main .yyblue .blueleft .bleftitem .bldes{color: #e0ebff;font-size: 0.32rem;line-height: 0.32rem;}
.wap-main .yyblue .blueleft .bleftitem .bldes span{font-weight: bold;color: #fff;}

.wap-main .yyblue .getbox .wenhao{width: 2.09rem;height: 2.09rem;position: absolute;top: -1.8rem;right: -0.25rem;}

/* AF产品与服务  阿尔法教学体系 */
.wap-main .tixi{width: 100%;padding: 0.4rem 0 0.55rem 0;box-sizing: border-box;}
.wap-main .tixi .tixibox{}
.wap-main .tixi .tixibox .baguazhen{width: 5.92rem;height: 6.28rem;margin: 0.35rem auto 0.45rem auto;}
.wap-main .tixi .tixibox .diqiuimg{width: 6.55rem;height: 4.44rem;}

/* AF海外专家委员会 */
.wap-main .weiyuan{width: 100%;height: auto; background: #282828; padding: 0.35rem 0 0.55rem 0;box-sizing: border-box;}
.wap-main .weiyuan .wybox{}
.wap-main .weiyuan .wybox .wydes{color: #c9c9c9;font-size: 0.3rem;line-height:0.42rem;text-align: left;margin: 0.30rem auto ;}
.wap-main .weiyuan .wybox .wytea{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.wap-main .weiyuan .wybox .wytea .wyteaitem{width: 3.4155rem;display: flex;flex-direction: column;margin-bottom: 0.3rem;}
.wap-main .weiyuan .wybox .wytea .wyteaitem:nth-child(n+5){margin-bottom: 0;}
.wap-main .weiyuan .wybox .wytea .wyteaitem .teaname{width: 100%;background-color: #fff;color: #000000;font-size: 0.32rem;line-height: 0.32rem;border-bottom: 0.08rem solid #0068ff;padding: 0.08rem 0;box-sizing: border-box;}
.wap-main .weiyuan .wybox .wytea .wyteaitem .teaimg{width: 100%;height: 3.4rem;}
.wap-main .weiyuan .wybox .wytea .wyteaitem .teapro{color: #cacaca;font-size: 0.28rem;line-height: 0.28rem;padding: 0.15rem 0;border-bottom: 0.01rem dashed #cacaca;}
.wap-main .weiyuan .wybox .wytea .wyteaitem .teades{color: #cacaca;font-size: 0.24rem;line-height: 0.34rem;margin-top: 0.10rem;}

/* AF作品集展示 */
.wap-main .zhanshi {margin: 0.35rem 0;}

.wap-main .lasttwo{margin: 0.25rem auto 0 auto;position: relative;}
.wap-main  .lasttwo .swiper-scroll{}
.wap-main  .lasttwo .swiper-scroll .gallery-thumbsTwo {width: 100%;height: auto; background: url("../images/bggray.png") no-repeat center;}
.wap-main  .lasttwo .swiper-scroll .gallery-thumbsTwo .swiper-wrapper{display: flex;align-items: center;justify-content: center;width: 6.6rem;}
.wap-main  .lasttwo .swiper-scroll .gallery-thumbsTwo .swiper-slide {padding:0.25rem 0; cursor: pointer;width: 1.1rem !important; }
.wap-main  .lasttwo .swiper-scroll .gallery-thumbsTwo .swiper-slide .slidtxt{font-size: 0.3rem;line-height: 0.34rem; color: #1a1a1a; }
.wap-main  .lasttwo .swiper-scroll .gallery-thumbsTwo .swiper-slide-thumb-active {background:#0068ff;}
.wap-main  .lasttwo .swiper-scroll .gallery-thumbsTwo .swiper-slide-thumb-active .slidtxt{border: none;color: #fff;border-right: none;}
.wap-main .havebord{border-right: 0.02rem solid #d0d0d0;}

.wap-main  .lasttwo .swiper-scroll .gallery-topTwo{margin: 0.15rem auto;}
.wap-main  .lasttwo .swiper-scroll .gallery-topTwo .swiper-wrapper{}
.wap-main  .lasttwo .swiper-scroll .gallery-topTwo .swiper-wrapper .swiper-slide{display: flex;justify-content: center;}
/* .wap-main  .lasttwo .swiper-scroll .gallery-topTwo .swiper-wrapper .swiper-slide .imgListone img{width: 6rem;height: 7.6rem;} */


.wap-main  .lasttwo .swiper-scroll .gallery-topTwo .swiper-wrapper .swiper-slide .imgListone {width: 100%;height: 9.53rem; background: url("../images/swi01.png") no-repeat center;background-size: 100%;}
.wap-main  .lasttwo .swiper-scroll .gallery-topTwo .swiper-wrapper .swiper-slide .imgListtwo {width: 100%;height: 9.51rem; background: url("../images/swi02.png") no-repeat center;background-size: 100%;}
.wap-main  .lasttwo .swiper-scroll .gallery-topTwo .swiper-wrapper .swiper-slide .imgListhree {width: 100%;height: 9.5rem; background: url("../images/swi03.png") no-repeat center;background-size: 100%;}
.wap-main  .lasttwo .swiper-scroll .gallery-topTwo .swiper-wrapper .swiper-slide .imgListfour {width: 100%;height: 9.5rem; background: url("../images/swi04.png") no-repeat center;background-size: 100%;}
.wap-main  .lasttwo .swiper-scroll .gallery-topTwo .swiper-wrapper .swiper-slide .imgListfive {width: 100%;height: 9.5rem; background: url("../images/swi05.png") no-repeat center;background-size: 100%;}
.wap-main  .lasttwo .swiper-scroll .gallery-topTwo .swiper-wrapper .swiper-slide .imgListsix {width: 100%;height: 9.52rem; background: url("../images/swi06.png") no-repeat center;background-size: 100%;}

/* 电话 */
.wap-main .tel{background-color: #1a1a1a;}
.wap-main .tel .telbox{display: flex;flex-direction: column;align-items: center;justify-content: center; padding: 0.3rem 0;}
.wap-main .tel .telbox .aflogo{width: 2.23rem;height: 0.37rem;margin: 0 ;}
.wap-main .tel .telbox .telone{color: #1a1a1a;background-color: #fff;font-size: 0.3rem;line-height: 0.3rem;margin: 0.2rem 0;padding: 0.1rem 0.25rem;border-radius: 0.30rem;}
.wap-main .tel .telbox .teltwo{ color: #fff;font-size: 0.38rem;font-weight: bold;line-height: 0.38rem;}