@charset "utf-8";
/*width:1200+*/
@media only screen and (min-width: 1200px){

	}
@media only screen and (max-width: 1366px){
	.banimg{ height:auto;} 
}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
.wp{ width:94%;}
.loarea .wp{ width: 100%;}
.nav{ display:none;}
.menubtn{ display:block;} 
.loarea{ height:50px;}
.logo{ width:140px; margin-left: 2%;  }
.logo{ height:50px;}
.logo .tp{ height:32px;}
.inav{ display: block;}
.search_loginOpa{ margin-right: 70px;}

.hRecentlySlideWrap{ padding-bottom:70px;}
.hRecentlySlideWrap .swiper-button-prev,.hRecentlySlideWrap .swiper-button-next{ top: auto; margin-top: 0; bottom: 0;}
.hRecentlySlideWrap .swiper-button-prev{ left: 50%; margin-left: -66px;}
.hRecentlySlideWrap .swiper-button-next{ right:50%; margin-right: -66px;} 

.hnewlySlideWrap{ padding-bottom:70px;}
.hnewlySlideWrap .swiper-button-prev,.hnewlySlideWrap .swiper-button-next{ top: auto; margin-top: 0; bottom: 0;}
.hnewlySlideWrap .swiper-button-prev{ left: 50%; margin-left: -66px;}
.hnewlySlideWrap .swiper-button-next{ right:50%; margin-right: -66px;} 

.hspeSlideWrap{ padding-bottom:70px;}
.hspeSlideWrap .swiper-button-prev,.hspeSlideWrap .swiper-button-next{ top: auto; margin-top: 0; bottom: 0;}
.hspeSlideWrap .swiper-button-prev{ left: 50%; margin-left: -66px;}
.hspeSlideWrap .swiper-button-next{ right:50%; margin-right: -66px;} 



}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
.banimg{ width:150%; max-width: 150%; margin-left: -25%;}
.footer_wap{ display:block;}
.pcshow{ display:none;}
.wapshow{ display:inline-block;}
.bigimgw100 .tp{ width: 150%; max-width: 150%; margin-left: 25%;}

}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
body,input,textarea,select,button{ font-size: 0.22rem;}
body{ background-color:#fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.mt10{ margin-top: 0.10rem;}
.mt15{ margin-top: 0.15rem;}
.mt20{ margin-top: 0.20rem;}
.mt25{ margin-top: 0.25rem;}
.mt30{ margin-top: 0.30rem;}
.mt35{ margin-top: 0.35rem;}
.mt40{ margin-top: 0.40rem;}
.mt45{ margin-top: 0.45rem;}
.mt50{ margin-top: 0.50rem;}
.mt60{ margin-top: 0.60rem;}
.mt70{ margin-top: 0.70rem;}
.mt80{ margin-top: 0.80rem;}
.mt90{ margin-top: 0.9rem;}
.mt100{ margin-top: 1rem;}
.banner .swiper-pagination{ bottom:0.1rem !important;}
.banner .swiper-pagination-bullet{width:0.2rem;height:0.14rem; margin:0 0.05rem !important;}

.searchBtn .btn{font-size: 16px; }
.searchbox{ padding: 10px 20px;}
.searchbox .search{ height: 42px; }
.loginOpa{ margin-left: 16px;}
.loginOpa .sbtn{ font-size:14px; }

.h_tit{  padding: 0.4rem 0; }
.h_tit .mc{ padding-left: 0.4rem;}
.h_tit .mc .mc1{ font-size: 0.36rem;}
.h_tit .mc .mc2{ font-size: 0.3rem;}
.h_tit .mc .circle{width: 0.11rem; height: 0.11rem; border: 0.06rem solid #fff; }
.h_tit .mc .circle::after{ height: 1.22rem;  bottom: 0.2rem;}
.h_tit .morea .line{ width: 2.5rem; margin-right: 0.2rem;}
.h_tit .morea .line::after{  width: 0.1rem; height: 0.1rem; right: -0.15rem; }
.h_tit .morea .val{ font-size: 0.26rem; margin-top: 0.15rem; }
.h_tit .morea .val .arr{ margin-left: 0.08rem; width: 0.2rem;}

.h_recently{ padding: 0.5rem 0;}
.hRecentlySlideWrap { padding-bottom: 0.7rem;}
.hRecentlySlideWrap .swiper-button-prev,.hRecentlySlideWrap .swiper-button-next{ width:0.56rem; height:0.56rem; line-height: 0.56rem; }
.hRecentlySlideWrap .swiper-button-prev .iconfont,.hRecentlySlideWrap .swiper-button-next .iconfont{ font-size: 0.24rem; }
.hRecentlySlideItem .tparea .tp{ height: 3.9rem; }
.hRecentlySlideItem .shade .des{ padding: 0.2rem 0.2rem; }
.hRecentlySlideItem .shade .des .tit{ font-size: 0.26rem;}
.hRecentlySlideItem .shade .des .subtit,.hRecentlySlideItem .shade .des .time{ font-size: 0.24rem;}
.hRecentlySlideMultiple .col{ height: 3.9rem;}
.hRecentlySlideMultiple .col:nth-child(2) .hRecentlySlideItem{ height: 1.85rem;}
.hRecentlySlideWrap .swiper-button-prev{ margin-left: -0.66rem;}
.hRecentlySlideWrap .swiper-button-next{ margin-right: -0.66rem;} 

.h_advice{ padding: 0.5rem 0 1rem; }
.hAdviceSlideWrap{ padding-bottom: 0.6rem;}
.hAdviceSlideWrap .swiper-button-prev{ left:50%; margin-left: -0.52rem;}
.hAdviceSlideWrap .swiper-button-next{ left:auto;right:50%; margin-right: -0.52rem;} 
.hAdviceSlideWrap .swiper-button-prev,.hAdviceSlideWrap .swiper-button-next{ width:0.4rem; height:0.4rem; line-height: 0.4rem; bottom:0; }
.hAdviceSlideWrap .swiper-button-prev .iconfont,.hAdviceSlideWrap .swiper-button-next .iconfont{ font-size: 0.24rem;  }
.hAdviceSlideItem{ display: block;}
.hAdviceListItem:nth-child(3n){ margin-right: 2%;}
.hAdviceListItem:nth-child(2n){ margin-right: 0;}
.hAdviceSlideItem .tparea{ width: 100%;}
.hAdviceSlideItem .tparea .tp{ width: 100%; height: auto;}
.hAdviceSlideItem .intro{ width: 100%; margin-top: 0.2rem; }
.hAdviceSlideItem .intro .tit{ font-size: 0.36rem;}
.hAdviceSlideItem .intro .tit .val{margin: 0 0.3rem;}
.hAdviceSlideItem .intro .tit .val::after,.hAdviceSlideItem .intro .tit .val::before{ width: 0.1rem; height: 0.1rem; }
.hAdviceSlideItem .intro .tit .val::after{  right: -0.15rem;}
.hAdviceSlideItem .intro .tit .val::before{ left: -0.2rem;}
.hAdviceSlideItem .intro .nr{ font-size: 0.24rem; margin-top: 0.3rem;}
.hAdviceList{  margin-top: 0.5rem; }
.hAdviceListItem{ width: 49%; margin-right: 2%;}
.hAdviceListItem .tparea{  width: 52%;  }
.hAdviceListItem .tparea .tp{height: 2rem; }
.hAdviceListItem .des{ width: 0.7rem; margin-right: 0.2rem; font-size: 0.22rem; }
.hAdviceListItem .des::after{ height: 1.36rem;}
.hAdviceListItem .des .tit{ font-size:0.2rem;}

.h_newly{ padding: 0.5rem 0 1rem; overflow: hidden;}
.hnewlySlide  .swiper-slide {
	width: 100%;
}

.hnewlySlide  .swiper-slide .tparea .tp{ height: 6rem;}
.hnewlySlide  .swiper-slide  .tit{ font-size: 0.24rem; margin-top: 0.2rem;}
.hnewlySlide  .swiper-slide-active .tparea{box-shadow: 0 0.1rem 0.3rem #ddd;}

.hnewlySlideWrap { padding-bottom: 0.7rem;}
.hnewlySlideWrap .swiper-button-prev,.hnewlySlideWrap .swiper-button-next{ width:0.56rem; height:0.56rem; line-height: 0.56rem; }
.hnewlySlideWrap .swiper-button-prev .iconfont,.hnewlySlideWrap .swiper-button-next .iconfont{ font-size: 0.24rem; }
.hnewlySlideWrap .swiper-button-prev{ margin-left: -0.66rem;}
.hnewlySlideWrap .swiper-button-next{ margin-right: -0.66rem;} 

.h_artist{ padding: 0.5rem 0 1rem;}
.haItem1{ width: 47.5%; margin: 0 5% 3% 0;}
.haItem1:nth-child(2n){ margin-right: 0;}
.haItem1 .tparea{ width: 2rem;}
.haItem1 .tparea .tp{ width: 100%; height: 2rem; }
.haItem1 .des{ padding: 0.2rem 0px 0; }
.haItem1 .des .tit{ font-size: 0.28rem;}
.haItem1 .des .nr{ font-size: 0.24rem;margin-top: 0.08rem;}
.haItem2{ width: 100%; margin-right: 0 !important;}
.haItem2 .tparea .tp{ width: 100%; height:3rem;}
.haItem2 .des{ padding: 0.2rem;}
.haItem2 .des .tit{ font-size: 0.28rem;}
.haItem2 .des .nr{ font-size: 0.24rem;margin-top: 0.08rem;}

.hspeSlideWrap { padding-bottom: 0.7rem;}
.hspeSlideWrap .swiper-button-prev,.hspeSlideWrap .swiper-button-next{ width:0.56rem; height:0.56rem; line-height: 0.56rem; }
.hspeSlideWrap .swiper-button-prev .iconfont,.hspeSlideWrap .swiper-button-next .iconfont{ font-size: 0.24rem; }
.hspeSlideWrap .swiper-button-prev{ margin-left: -0.66rem;}
.hspeSlideWrap .swiper-button-next{ margin-right: -0.66rem;} 
.h_spe{ padding: 0.5rem 0 1rem;}
.hspeSlideItem .tparea .tp{ width: 100%; height: 4.4rem;}
.hspeSlideItem .des{ padding: 0.2rem 0.3rem;}
.hspeSlideItem .des .tit{ font-size: 0.26rem;}
.hspeSlideItem .des .nr{ font-size: 0.22rem;  margin-top: 0.15rem;}
.slideMuilte{ height: 5.58rem; display: flex; flex-direction: column; justify-content: space-between;}
.slideMuilte .hspeSlideItem .tparea .tp{ height: 1.5rem;}

.h_zone{  padding: 0.5rem 0 1rem;}
.hArticleSlideItem{width: 20%;  }
.hArticleSlideItem .tparea{ }
.hArticleSlideItem .tparea .tp{  height: 3.3rem; }
.hArticleSlideItem .des{ width: 0.8rem; margin-right: 0.1rem; font-size: 0.24rem; padding: 0 0.2rem; }
.hArticleSlideItem .des::after{ height: 1.36rem;}
.hArticleSlideItem .des .time .year{ font-size: 0.24rem;}
.hArticleSlideItem .des .time .day{ font-size: 0.28rem;}
.hArticleSlideItem .des .desc .tit{ font-size:0.26rem;}
.act_hArticleSlideItem{  width: 20% !important;}
.act_hArticleSlideItem .tparea{ display: none;}
.h_article{ padding: 0.5rem 0 1rem;}

.footer{ padding: 0.1rem 0;}
.f_t{ padding: 0.4rem 0;}
.f_b{ padding: 0.4rem 0;}
.copy{ font-size: 0.24rem;}

.f_t{ display: block}
.flogo_flink{ width: 100%;  }
.flogo { text-align: center;}
.flogo .tp{ height: 0.53rem;}
.flink{ margin-top: 0.3rem; margin-left: 0em; text-align: center;}
.flink a{ padding: 0 1em; font-size: 0.26rem;}
.flink a::after{  height: 0.15rem; }
.fcode{ margin-top: 0.3rem; width: 100%; display: flex; justify-content:center;}
.fcodeItem{ width: 1.4rem; margin:0 0.2rem;}
.fcodeItem .tp{ width: 100%; height: 1.4rem;}

.login_main{ padding: 1.9rem 0 0.7rem;}
.login{ padding: 0.3rem 0.2rem; width: 96%; }
.loginTit .mc{ font-size: 0.32rem; padding-bottom: 0.2rem;}
.login_form{ margin-top: 0.25rem;}
.formItem{ margin-bottom: 0.25rem;}
.formItem .text{ width: 100%; height: 0.7rem; line-height: 0.7rem; padding-left: 0.6rem; }
.formItem .icon{left: 0.08rem;}
.formItem_yzm .sendBtn{ margin-left: 0.1rem;height: 0.7rem; line-height: 0.7rem; padding: 0 0.25rem;;}
.formConfirm .sbtn{ font-size: 0.24rem;}
.thirdWay{ margin-top: 0.25rem;}
.thirdWay .tit .mc{ font-size: 0.24rem;}
.thirdWay .nr .iconfont{  font-size: 36px;}
.thirdWay .desc{ font-size: 0.22rem; }


}
/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){}
/** width:960px **/
@media only screen and (max-width: 1023px){
	.logined { margin:0 0 0 10px;  }
.logined .tp{ width:24px; height:24px; }
.logined .val,.logined .arr{ display: none;}
.logined .arr{ margin-left: 5px;}
.i_main{ min-height: 0;}
.i_ban .tp{ width: 150%; max-width: 150%; margin-left: -25%;}
.banIntro .lmmc{ font-size: 30px; visibility:hidden;}

.artistItem .tparea{ width: 150px; }
.artistItem .tparea .tp{ width: 100%; height: 150px; object-fit: cover;}

.m_l,.m_r{ min-height: 0px;}
.m_l{ width: 100%; margin-right: 0px;}
.m_r{  width: 100%; margin-top: 30px;}
.mnav{ padding-bottom: 0;}
.mnav .nr a{ display: inline-block;  padding: 0.5em 10px;}

.galleryDetail{ display: block;}
.galleryDetail .galleryIntro{ margin-top: 40px; width: 100%; max-width: 100%;  margin-left: 0px;}


}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){
.search_loginOpa{ margin-right: 50px;}
.turnpage a,.turnpage .span{ display: none;}
.turnpage .point{ display:inline-block; padding:0.1rem 0.3rem;margin:0 0.1rem; }
.turnpage .point .iconfont{ font-size:0.26rem;}
.iBanIntro .p1{ font-size: 0.36rem;  }
.iBanIntro .p2{ font-size: 0.22rem;}

.location{ padding: 0.2rem 0;}
.location span{ font-size:0.24rem;}
.location a{ font-size:0.24rem;}
.location .home::before{ margin-right: 0.1rem; font-size:0.26rem;}
.location i{ margin:0 0.1rem; }

.articles{ padding: 0.5rem 0 1rem;}
.articleItem{ width: 48.5%; margin: 0 3% 3% 0;}
.articleItem:nth-child(3n){ margin-right: 3%;}
.articleItem:nth-child(2n){ margin-right: 0;}
.articleItem .tparea .tp{ width: 100%; height: 2.66rem;}
.articleItem .des{ padding: 0.2rem 0px;}
.articleItem .des .tit{ font-size: 0.26rem}
.articleItem .des .nr{ font-size: 0.24rem; margin-top: .08rem;}
.articleItem .des .time{ font-size: 0.22rem;}

.in_sh{ padding: 0.5rem 0 1rem; }
.in_sh .in_tit{  padding:0.3rem 0; }
.in_sh .in_tit h4{ font-size:0.32rem;margin-bottom:0.2rem;}
.in_sh .in_tit .pub_del span.tutor{ font-size: 0.24rem; margin-top: 0.08rem;}
.in_sh .in_tit .pub_del span.time{ font-size: 0.22rem;}
.in_sh .sh_con{ padding:0px 0px 0.5rem;  }
.in_sh .sh_con .wz{ font-size: 0.24rem; }
.pnpage{ padding:0.3rem 0px; }
.pnpage p{ font-size: 0.22rem; margin-bottom: 0.15rem; width: 100%; }

.artist{ padding: 0.5rem 0 1rem; }
.artist .lists{ margin-top: 0.6rem; }
.artistItem{ width: 48.8%; margin: 0 2% 2% 0;}
.artistItem:nth-child(2n){ margin-right: 0;}
.artistItem .tparea{ width: 1.8rem;  }
.artistItem .tparea .tp{height: 1.8rem; }
.artistItem .des{ padding: 0.2rem 0px;}
.artistItem .des .tit{ font-size: 0.28rem;}
.artistItem .des .nr{ font-size: 0.24rem; margin-top: 0.05rem;}

.art_lm a{ font-size: 0.3rem; padding: 0.15rem 2em;}
.art_search{margin: 0.4rem auto 0px; }
.art_search .text{ padding-left: 0.3rem; font-size: 0.26rem;height: 0.8rem;line-height: 0.8rem;}
.art_search .tj{ width: 1.6rem; height: 0.8rem;line-height: 0.8rem;   font-size: 0.3rem;}

.topic{ padding: 0.5rem 0 1rem;}
.topicItem{ margin-bottom: 0.3rem; }
.topicItem a{ display: block;}
.topicItem .tparea{ width: 100%;  }
.topicItem .tparea .tp{ width: 100%; height: 4rem;}
.topicItem .des{ padding: 0.2rem 0.3rem; }
.topicItem .des .tit{ font-size: 0.3rem;}
.topicItem .des .desc{ font-size: 0.24rem;  margin-top: 0.08rem; }
.topicItem .des .para{ margin-top: 0.3rem;}
.topicItem .des .mandiv { margin-top: 0.2rem;}
.topicItem .des .mandiv .sbtn{ font-size: 0.24rem; padding: 0.4em 1em;}


.art_lm2 a{ font-size: 0.26rem; padding: 0.15rem 0em; margin-right: 0.3rem;}


.category1 .point{font-size: 0.26rem; padding: 0.2rem 0em; margin-right: 0.3rem;}
.category2{ margin-top: 0.2rem;}
.category2 .point{  font-size: 0.24rem; padding: 0.2rem 0em; margin-right: 0.2rem;}

.sortlist{ padding: 0.5rem 0 1rem;}
.sortlist .lists{ margin-top: 0.5rem;}
.sortItem{ margin-bottom: 0.3rem; margin: 0 2% 2% 0; }
.sortItem:nth-child(3n){ margin-right: 0;}
.sortItem:nth-child(6n+1),.sortItem:nth-child(6n){ width: 100%;}
.sortItem:not(:nth-child(6n+1)):not(:nth-child(6n)) { width: 49%;}
.sortItem:nth-child(6n+5){ margin-right: 0;}

.sortItem .tparea .tp{  height: 5rem;}
.sortItem .des{ padding: 0.15rem 0.3rem; }
.sortItem .des .info .span{  margin-left: 0.15rem; }
.sortItem .des .tit{ font-size: 0.28rem; }
.sortItem .des .add{ font-size: 0.24rem;margin-top: 0.08rem;}

.sortItem .des .mandiv{ margin-top: auto;}
.sortItem .des .mandiv .sbtn{ font-size: 0.24rem; }


.tutorInfo .tparea .tp{width: 3rem;height: 3rem;}
.tutorInfo .des{ padding: 0.3rem 0px;}
.tutorInfo .des .tit{ font-size: 0.3rem; }
.tutorInfo .des .para{ margin-top: 0.3rem;}
.tutorInfo .des .para .span{  margin-right: 0.3rem;font-size: 0.24rem;  }
.tutorInfo .des .para .span::before{ margin-right: 0.2em;}
.tutorInfo .des .para .sbtn{ font-size: 0.24rem;}

.allWorksTitle{ margin-top: 0.5rem;}
.allWorksTitle .tit{ font-size: 0.32rem;}
.allWorksTitle .subtit{ font-size: 0.24rem;}

.allWorksTitle2{ margin-top: 0.4rem;}
.allWorksTitle2 .mc .tit{font-size: 0.32rem;}
.allWorksTitle2 .mc .subtit{ font-size: 0.24rem; }
.allWorksTitle2 .morea {font-size: 0.26rem;margin-top: 0.15rem;}
.allWorksTitle2 .morea .arr {margin-left: 0.08rem;width: 0.2rem;}

.m_main{ padding-bottom: 0.5rem;}
.m_r{ margin-top: 0.3rem; padding: 0 0.3rem 0.3rem;}

.baseInfo{  padding: 0.4rem 0.15rem 0.3rem;}
.baseInfo .tp{ width: 1.36rem; height: 1.36rem;}
.baseInfo .title{ font-size: 0.3rem; margin-top: 0.2rem;}
.baseInfo .desc{ font-size: 0.24rem; margin-top: 0.15rem;}
.baseInfo .level{ font-size: 0.24rem; margin-top: 0.15rem;}
.baseInfo .level .icon{ width: 0.24rem;}
.mnav{ padding-bottom: 0.4rem;}
.mnav .tit{ font-size: 0.26rem;}
.mnav .nr a{ font-size: 0.24rem; padding: 0.5em 0.4rem;}
.mrTitle{ font-size: 0.26rem;}
.vipInfo{ padding: 0.4rem 0; display: block; }
.vipInfo .desc .tp{ width: 0.6rem; height: 0.6rem; margin-right: 0.15rem;}
.vipInfo .desc .name{ font-size: 0.26rem; margin-right: 0.15rem;}
.vipInfo .toVip{ font-size: 0.24rem;}
.vip_ban{ margin-top: 0.4rem; }
.m_tit1{ padding: 0.3rem 0; font-size: 0.26rem;}
.spePower{ padding: 0.2rem 0;;}
.spePowerItem{width: 25%; margin-bottom: 0.3rem; }
.spePowerItem .tp{ width:0.6rem; height: 0.6rem; }
.spePowerItem .tit{  margin-top: 0.15rem; font-size: 0.24rem;}
.spePowerListItem{ width: 100%; margin: 0 0% 2% 0; }
.spePowerListItem .tparea .tp{ width: 100%; height: 160px; }
.spePowerListItem .des{ padding: 0.15rem 0px; }
.spePowerListItem .des .info .span{ margin-left:0.15rem; }
.spePowerListItem .des .add{ font-size: 0.24rem;margin-top: 0.08rem; }
.spePowerListItem .des .mandiv .sbtn{ font-size: 0.24rem; padding: 0.4em 1em;}

.mnav2{padding: 0.2rem 0;}
.mnav2 a{ font-size: 0.26rem; padding: 0.1rem 0em; margin-right: 0.3rem;}
.attentionList .wrap{margin-top: 0.3rem;}
.attentionItem{ width: 48.5%;}
.attentionItem:nth-child(3n){ margin-right: 2%;}
.attentionItem:nth-child(2n){ margin-right: 0;}
.attentionItem .tparea{ width: 1.46rem; }
.attentionItem .tparea .tp{ height: 1.46rem; }
.attentionItem .des{ padding: 0.2rem 0px; }
.attentionItem .des .tit{font-size: 0.24rem; }
.attentionItem .des .nr{ font-size: 0.24rem; }

.collSort{ padding: 0.28rem 0;}
.collSortItem{ padding: 0.1rem 0;  font-size: 0.24rem;}
.collSortItem .mc{ margin-right: 0.28rem;}
.collSortItem .nr .point{ margin-right: 0.28rem;;}

.myOrder{ padding: 0.3rem 0 1rem;}
.myOrderTable th,.myOrderTable td{ font-size: 0.24rem; padding: 0.5em 0.15rem;}

.pformPart{padding: 0.2rem 0;}
.pformItem{ padding: 0.2rem 0;  font-size: 0.24rem;}
.pformItem .attrmc{ margin-right: 0.28rem; width: 1rem;}
.withSave .text,.withSave .btn{ height: 0.7rem; line-height: 0.7rem;}
.withSave .text{ flex: 1; padding: 0 0 0 0.2rem;}
.withSave .btn{  min-width: 0.8rem; padding: 0 0.28rem;  }
.pformItem .toVip{ font-size: 0.24rem; padding: 1em 1.4em; } 

.closePup{ font-size:0.36rem;  width: 0.6rem; height: 0.6rem;   line-height: 0.4rem;  right: 0.15rem; top: 0.15rem;	 }
.renewMain{ max-height: 70vh; overflow-y: auto;}
.renewMain .title{ padding: 0.2rem 0.36rem; }
.baseAccount{ padding: 0.26rem 0.4rem; margin-top: -0.15rem;}
.baseAccount .tp{width: 0.6rem; height: 0.6rem; margin-right: 0.16rem;}
.baseAccount .des .tit{font-size: 0.26rem;}
.baseAccount .des .notvip{ margin-top: 0.08rem;}
.renewMain .wrap{  padding: 0.22rem 0.4rem; }
.rnew_tit{ padding: 0 0.4rem; font-size: 0.26rem;}
.vipItem{ display: flex; padding: 1em 0.22rem;}
.vipItem .name{ font-size: 0.26rem; }
.vipItem .price .oldprice{ font-size: 0.24rem;}
.vipItem .price .newprice{ margin-left: 0.08rem; font-size: 0.26rem;}
.renew_tit2{ font-size: 0.26rem; padding: 0.26rem 0; margin-top: 0.15rem;}
.payWayItem{padding: 0.06rem 0; width:34%; margin: 0 5%; }
.payWayItem .icon{width: 0.34rem;}
.payWayItem .val{ margin: 0 0.15rem; font-size: 0.26rem;}
.payWayItem .iconfont{ font-size: 0.26rem;  }
.payCode{padding: 0.36rem 0.08rem; }
.payCode .p1{ font-size: 0.24rem;}
.payCode .p2{ font-size: 0.22rem;}
.payCode .tp{ width: 1.8rem; height: 1.8rem; margin: 0.16rem 0;}
.agreement{ padding:0.16rem 0.26rem; font-size: 0.24rem;}

.topicDetail{padding: 0.5rem 0 1rem; }
.topicDetail .intro{padding:0.3rem 0;}
.topicDetail .intro .tit{ font-size :0.32rem;margin-bottom:0.15rem;}
.topicDetail .intro .nr{ font-size: 0.24rem; margin-top: 0.28rem; }
.topicDetail .intro .nr .para{ margin-top: 0.4rem;}
.seeMulu::before{ margin-right: 0.15rem; font-size: 0.28rem; ;}
.topicDetail .tutorInfo .tparea .tp{ width: 1.64rem; height: 1.64rem;}
.topicDetail .tutorInfo{ padding-top: 0.15rem;}
.topicDetail .tutorInfo .nr{font-size: 0.24rem; }
.works{ padding: 0.28rem 0;}
.worksItem{ margin-bottom: 0.28rem;}
.worksItem .des{ padding: 0.28rem 0px; }
.worksItem .des .desc .tit{ font-size: 0.28rem;}
.worksItem .des .desc .para{ font-size: 0.24rem; margin-top: 0.1rem; }
.worksItem .des .info .span{ margin-left: 0.15rem; }
.worksItem .tparea .zoomBtn{ font-size: 0.3rem; right: 0.28rem; bottom: 0.15rem;}
.seeMulu{ font-size: 0.26rem;}

.muluMain{ padding:0 0.15rem 0.3rem;}
.muluMain .title{ font-size: 0.26rem;}
.muluTit{ padding: 0.3rem 0;}
.muluTit .list{ font-size: 0.26rem; padding: 0.15rem 0em; margin:0 0.2rem; }
.muluItem1 a{  padding: 0.1rem 0;margin-bottom: 0.15rem;}
.muluItem1 .tutor{ margin-left: 0.3rem;}
/* 艺术家 */
.muluArt{ padding: 0.36rem 0;}
.muluArt .baseTutor{ margin-top: 0.3rem;padding:0.2rem 0.2rem ;}
.muluArt .baseTutor .tp{ width: 0.8rem; height: 0.8rem; }
.muluArt .baseTutor .des .tit{ font-size: 0.24rem;}
.muluArt .baseTutor .des .subtit{  margin-top: 0.15rem;}
.muluArt .lists{ margin-top: 0.3rem; padding: 0 0.4rem;}
.muluArt .lists .span{padding: 0.15rem 0;}


.galleryDetail .galleryIntro{ margin-top: 0.4rem;}
.topicDetailSlideWrap{ padding-bottom: 0.8rem;}
.topicDetailSlide .ad_img{ height:auto;}
.topicDetailSlideWrap .swiper-button-prev{ left:50%; margin-left: -0.52rem;}
.topicDetailSlideWrap .swiper-button-next{ left:auto;right:50%; margin-right: -0.52rem;} 
.topicDetailSlideWrap .swiper-button-prev,.topicDetailSlideWrap .swiper-button-next{ top: auto; width:0.4rem; height:0.4rem; line-height: 0.4rem; bottom:0; }
.topicDetailSlideWrap .swiper-button-prev .iconfont,.topicDetailSlideWrap .swiper-button-next .iconfont{ font-size: 0.24rem;  }
.hAdviceSlideItem{ display: block;}

.galleryIntro{ padding: 0 0.4rem;}
.galleryIntro .title{ font-size: 0.26rem;}
.gBaseInfo{ padding: 0.2rem 0;}
.gBaseInfo .tit{ font-size: 0.32rem;}
.gBaseInfo .subtit{ font-size: 0.26rem; }
.gBaseInfo .subtit span{ margin: 0 0.08rem;}
.gBaseInfo .mandiv { margin-top: 0.15rem;}
.gBaseInfo .mandiv .sbtn{ margin-right: 0.15rem; font-size: 0.22rem;}
.gBaseInfo .mandiv .sbtn::before{ font-size: 0.24rem; margin-right: 0.05rem;}
.gParaItem{ padding: 0.15rem 0;}
.gParaItem>.tit .val{ font-size: 0.24rem; padding: 0 0.15rem; margin-left: 0.5em;}
.gParaItem .nr{ margin-top: 0.15rem; font-size: 0.24rem;} 
.gParaItem .nr .tags .tag{ font-size: 0.22rem; margin:0 0.08rem 0.08rem 0;}
.gParaItem .nr .adlists .adItem{ width: 20%;}
.gParaItem .nr .adlists .adItem a .tit{ margin-top: 0.15rem;}

}
/*******************************************************************/