/* ====首页====== */
body{ background-color:#fff;}
/** header **/
.header{ position:fixed; width: 100%; z-index: 100; background-color: rgba(0, 0, 0, .4);}
.loarea{ position:relative; z-index:3; border-bottom: 1px solid rgba(255, 255, 255, .4);}
.loarea .wp{ display: flex; justify-content: space-between; position: relative; }
.logo{ width:340px; height:72px; display:inline-flex; align-items: center;}
.logo .tp{ width:auto; height: 52px;}
.logo .tp2{ display: none;}
.search_loginOpa{ display: flex; justify-content: flex-end; align-items: center;}
.searchBtn{}
.searchBtn .btn{ color: #fff; font-size: 20px; cursor: pointer;}
.searchBtn .btn:hover,.actSearchBtn .btn{ color: #17A086 !important;} 
.loginOpa{ margin-left: 20px;}
.loginOpa .sbtn{ font-size:18px; padding: 0.1em 1em;}
.logined{ margin-left: 20px; color: #fff; position: relative; text-align: right; display: inline-flex; align-items: center; cursor: pointer;}
.logined .tp{ width: 37px; height: 37px; margin-right: 5px;}
.logined .val{ font-size: 18px;}
.logined .arr{ margin-left: 5px;}


.searchbox{ position: absolute; right: 0; top: 100%; padding: 24px; background-color: #fff;
    border: 1px solid #A3ABC2; width: 100%; display: none; box-sizing: border-box; }
.searchbox .search{ height: 62px; border: 1px solid #A3ABC2; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 20px; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}
.searchbox .text{ -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; font-size: 14px;}
.searchbox .tj{ width: 60px; height: 42px; text-align: center; line-height: 42px; font-size: 20px;}


/*PC导航 begin*/
.nav{  z-index:5;}
.navul{ font-size:0; text-align: center;}
.navul li{ display:inline-block; font-size:20px;position:relative;}
.rowLi{ position: static !important;}
.navul li>a{  padding:0 3em; color: #fff; text-align:center; display:inline-block; line-height:54px; height:54px; position: relative;}
.navul li>a::after{ content: ""; display: block; width: 0em; height: 2px; background-color:#17A086 ; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.navul li>a:hover,.act_nav{color:#17A086 !important;}
.navul li>a:hover::after,.act_nav::after{  width: 2em !important;}


/*PC导航end*/
.subnav{ position:absolute; display: none;  }
.subnavNormal{left:50%; margin-left: -60px; top:54px; width:120px;padding-top: 0px;}
.subnav:after{ content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff; position: absolute; top: -16px; left: 50%; margin-left: -6px; display: none;}
.subnav>.nr{background:rgba(0, 0, 0, .6); padding:10px 0; box-shadow: 0 2px 10px 0 #333; }
.subnav .nr a{text-align:left; line-height:2; padding: 6px 0; width:100%; font-size:13px; display:block;  color:#fff; text-align:center; }
.subnav .nr a:hover{ color: #fff !important; background-color: #D34F05; }

.subnavRow{ position: absolute; width: 100%; left: 0; top: 112px; padding-top: 0px; }
.subnavRow .wrap{ display: flex; align-items: center; justify-content: space-between;background:rgba(0, 0, 0, .6); padding:10px 0; box-shadow: 0 2px 10px 0 #333; }
.subnavRow .nr{ width: 100%; padding: 10px 20px; font-size: 0;}
.subnavRow .nr a{ display: inline-block; width:23%; margin: 0 1%; color: #fff; border-bottom: 1px dashed #fff; font-size: 13px; text-align: center; padding: 8px 0;}
.subnavRow .nr a:hover{ color: #fff !important; background-color: #D34F05;}


/*手机导航按钮及下拉菜单begin*/
.menubtn{ position:absolute; width:24px; height:24px;top:12px; right:2%; cursor:pointer; display:none;}
.menubtn i{ display:block; width:21px; height:3px; background-color:#17A086; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius: 2px;}
.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menubtn i:nth-child(2){ top:11px;}
.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menubtn.on i:nth-child(2){ opacity:0;}
.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}
/*小导航*/
.inav{ width:400px; max-width: 60%; height: 100vh; overflow-y: auto; background-color:rgba(0, 0, 0, .9); position:fixed;  z-index:999; top:0px; left:-100%;  z-index:99; overflow-y: auto; display: none; }
.navlogo{ padding: 30px;}
.navlogo .tp{ max-width: 66%;}
.inav ul{ margin: 0 30px;}
.inavul li{border-bottom:1px solid #363636;}
.inavul li>a{ display:block; text-align:left;  font-size:14px; color:#fff; padding:15px 30px 15px 15px; position: relative;}
.inavul li>a .iconfont{ position: absolute; right: 0; top: 12px; font-size: 18px; }
.act_inav{ border-color: #17A086 !important; color:#17A086 !important;}
.act_inav .iconfont{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.inavul .nr{ display: none; padding:5px 30px 5px 40px;}
.inavul .nr a{display:inline-block; text-align:left; padding: 4px 0; margin-right: 10px;  font-size:13px; color:#ddd;}
/*手机导航按钮及下拉菜单end*/
/*banner begin*/
.banner{ position:relative; z-index:3; }
.banner .swiper-slide{position:relative; overflow:hidden;}
.banimg{ width:100%; height:100vh; object-fit: cover; display:block;}
.banner .swiper-pagination{ bottom:40px !important;}
.banner .swiper-pagination-bullet{width:40px;height:28px;padding: 0;background-color:transparent; background:url(../images/icon/ban_dot01.png) center center no-repeat ; font-size: 0;line-height: 0;outline:none;cursor: pointer; margin:0 11px !important;}
.banner .swiper-pagination-bullet-active{}
.banner .swiper-button-prev,.banner .swiper-button-next{ display: none;}
/* .banner .swiper-button-prev{ left:2%;}
.banner .swiper-button-next{ right:2%;} 

.banner .swiper-button-prev::after,.banner .swiper-button-next::after{ display: none;}
 .banner .swiper-button-prev,.banner .swiper-button-next{filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;width:80px;  height:150px; line-height: 150px; top:50%; margin-top:-75px; color: #fff;}
.banner .swiper-button-prev .iconfont,.banner .swiper-button-next .iconfont{ font-size: 80px; font-weight: bold;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} */
/*banner end*/
.h_tit{ display: flex; align-items: center; justify-content: space-between; padding: 45px 0; }
.h_tit .mc{ padding-left: 30px; font-weight: bold; line-height: 1.1; position: relative; text-align: left;}
.h_tit .mc .mc1{ font-size: 36px; display: block;}
.h_tit .mc .mc2{ font-size: 30px;}
.h_tit .mc .circle{ position: absolute; border-radius: 100%; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); display: inline-block; width: 11px; height: 11px; background-color: #17A086; border: 6px solid #fff; outline: 1px solid #17A086; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
.morea.h_tit .mc .circle::after{ content: ""; display: block; width: 0; height: 122px; border-left: 1px dashed #666666; position: absolute; left: 50%; bottom: 20px;}
.h_tit {  text-align: right;font-family: 'scBold';}
.h_tit .morea .line{ width: 277px; height: 1px; background-color: #E7E7E7; margin-right: 20px; position: relative;}
.h_tit .morea .line::after{ display: block; content: ""; width: 8px; height: 8px; border: 1px solid #E7E7E7; transform:rotate(45deg) translateY(-50%) ; -webkit-transform:rotate(45deg) translateY(-50%) ; -moz-transform:rotate(45deg) translateY(-50%) ; -ms-transform:rotate(45deg) translateY(-50%) ; -o-transform:rotate(45deg) translateY(-50%) ; position: absolute; right: -10px; top: 50%; }
.h_tit .morea .val{ font-size: 18px; margin-top: 12px; font-weight: bold; display: inline-flex; }
.h_tit .morea .val .arr{ margin-left: 5px; width: 15px;}
.h_tit .morea:hover .val{ color: #17A086;}
.h_recently{ padding: 50px 0; background-color: #f8f7f4;}
.hRecentlySlideWrap{ position: relative;}
.hRecentlySlideWrap .swiper-button-prev{ left: -28px;}
.hRecentlySlideWrap .swiper-button-next{ right:-28px;} 
.hRecentlySlideWrap .swiper-button-prev::after,.hRecentlySlideWrap .swiper-button-next::after{ display: none;}
.hRecentlySlideWrap .swiper-button-prev,.hRecentlySlideWrap .swiper-button-next{ width:56px; height:56px; line-height: 56px; top:50%; margin-top:-28px; color: #666; background-color: #fff; opacity: .6; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.13);}
.hRecentlySlideWrap .swiper-button-prev .iconfont,.hRecentlySlideWrap .swiper-button-next .iconfont{ font-size: 20px; }
.hRecentlySlideWrap .swiper-button-prev:hover,.hRecentlySlideWrap .swiper-button-next:hover{opacity: 1;} 

.hRecentlySlideItem{ position: relative; border-radius: 10px; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; cursor: pointer; }
.hRecentlySlideItem .tparea{ font-size: 0; overflow: hidden;}
.hRecentlySlideItem .tparea .tp{ width: 100%; height: 390px; object-fit: cover; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.hRecentlySlideItem .shade{ position: absolute; display: flex; align-items: flex-end; left: 0; bottom: 0; width: 100%; height: 100%;background: linear-gradient(0deg, rgba(0,0,0,0.81), rgba(255,255,255,0.27)); }
.hRecentlySlideItem .shade .des{ padding: 15px 20px; color: #fff;}
.hRecentlySlideItem .shade .des .tit{ font-size: 18px;font-family: 'scHeavy';}
.hRecentlySlideItem .shade .des .subtit{ font-size: 16px;}
.hRecentlySlideItem .shade .des .time{ font-size: 16px;font-family: 'scBold';}

.hRecentlySlideMultiple{ display: flex; justify-content: space-between;}
.hRecentlySlideMultiple .col{ width: 48%; height: 390px;}
.hRecentlySlideMultiple .col:nth-child(1){}
.hRecentlySlideMultiple .col:nth-child(2){ display: flex; flex-direction: column; justify-content: space-between; }
.hRecentlySlideMultiple .col:nth-child(2) .hRecentlySlideItem{ height: 185px;}
.hRecentlySlideItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.h_advice{ padding: 50px 0 100px; overflow: hidden; }
.hAdviceSlideWrap{ position: relative;}
.hAdviceSlideWrap .swiper-button-prev{ left: 56%;}
.hAdviceSlideWrap .swiper-button-next{ left:56%; margin-left: 52px;} 
.hAdviceSlideWrap .swiper-button-prev::after,.hAdviceSlideWrap .swiper-button-next::after{ display: none;}
.hAdviceSlideWrap .swiper-button-prev,.hAdviceSlideWrap .swiper-button-next{ width:40px; height:40px; line-height: 40px; top: auto; bottom:30px; margin-top:0px; color: #D1AD8D;  border:1px solid #D1AD8D; background-color: #fff; opacity: 1; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.hAdviceSlideWrap .swiper-button-prev .iconfont,.hAdviceSlideWrap .swiper-button-next .iconfont{ font-size: 20px; line-height: 1; }
.hAdviceSlideWrap .swiper-button-prev:hover,.hAdviceSlideWrap .swiper-button-next:hover{opacity: 1; background-color: #D1AD8D; color: #fff;} 
.hAdviceSlideItem{ position: relative; display: flex; justify-content: space-between;}
.hAdviceSlideItem .tparea{ font-size: 0; overflow: hidden; width: 52%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.hAdviceSlideItem .tparea .tp{ width: 100%; height: 370px; object-fit: cover; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.hAdviceSlideItem .intro{ width: 44%; }
.hAdviceSlideItem .intro .tit{ font-size: 30px;font-family: 'scBold';}
.hAdviceSlideItem .intro .tit .val{ position: relative;margin: 0 20px;}
.hAdviceSlideItem .intro .tit .val::after,.hAdviceSlideItem .intro .tit .val::before{display: block; content: ""; width: 8px; height: 8px; border: 1px solid #E7E7E7; transform:rotate(45deg) translateY(-50%) ; -webkit-transform:rotate(45deg) translateY(-50%) ; -moz-transform:rotate(45deg) translateY(-50%) ; -ms-transform:rotate(45deg) translateY(-50%) ; -o-transform:rotate(45deg) translateY(-50%) ; position: absolute; top: 50%; transform-origin: center center;}
.hAdviceSlideItem .intro .tit .val::after{  right: -15px;}
.hAdviceSlideItem .intro .tit .val::before{ left: -20px;}
.hAdviceSlideItem .intro .nr{ font-size: 16px; margin-top: 30px; line-height: 1.6; }

.hAdviceSlideItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.hAdviceList{ display: flex; flex-wrap: wrap; margin-top: 50px; }
.hAdviceListItem{ width: 32%; margin-right: 2%; margin-bottom: 2%;}
.hAdviceListItem:nth-child(3n){ margin-right:0%;}
.hAdviceListItem a{ display: flex;}
.hAdviceListItem .tparea{ flex: 1; font-size: 0; overflow: hidden; width: 52%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.hAdviceListItem .tparea .tp{ width: 100%; height: 205px; object-fit: cover; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.hAdviceListItem .des{ width: 60px; margin-right: 20px;writing-mode: vertical-rl; font-size: 16px; position: relative; }
.hAdviceListItem .des::after{ content: ""; display: block; width: 1px; height: 136px; background-color: #f7f7f7; position: absolute; left: 0; top: 0;}
.hAdviceListItem .des .tit{ font-size:18px; font-weight: bold;font-family: 'scHeavy';}
.hAdviceListItem .des .nr{ font-weight: normal;font-family: 'scBold';}

.h_newly{ padding: 50px 0 100px;}
.hnewlySlideWrap{ position: relative;}
.hnewlySlideWrap .swiper-button-prev{ left: -28px;}
.hnewlySlideWrap .swiper-button-next{ right:-28px;} 
.hnewlySlideWrap .swiper-button-prev::after,.hnewlySlideWrap .swiper-button-next::after{ display: none;}
.hnewlySlideWrap .swiper-button-prev,.hnewlySlideWrap .swiper-button-next{ width:56px; height:56px; line-height: 56px; top:50%; margin-top:-28px; color: #666; background-color: #fff; opacity: .6; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.13);}
.hnewlySlideWrap .swiper-button-prev .iconfont,.hnewlySlideWrap .swiper-button-next .iconfont{ font-size: 20px; }
.hnewlySlideWrap .swiper-button-prev:hover,.hnewlySlideWrap .swiper-button-next:hover{opacity: 1;} 


.hnewlySlideItem{}
.hnewlySlide  .swiper-slide {
	width: 568px;
	background: transparent;
	
}
.hnewlySlide  .swiper-slide .tparea{ font-size: 0; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.hnewlySlide  .swiper-slide .tparea .tp{width: 100%;
	height: 600px; object-fit: cover;}
.hnewlySlide  .swiper-slide  .tit{ font-size: 20px; font-weight: bold; text-align: center; margin-top: 15px;font-family: 'scHeavy';}
.hnewlySlide  .swiper-slide-active .tparea{box-shadow: 0 8px 30px #ddd;}

.h_artist{ padding: 50px 0 100px;}
.h_artist .wrap{ }
.haList1{ display: flex; flex-wrap: wrap;}
.haItem1{ width: 20%; margin: 0 6.66% 3% 0;}
.haItem1:nth-child(4n){ margin-right: 0;}
.haItem1 a{ display: block;}
.haItem1 .tparea{ width: 216px; max-width: 100%; margin: 0 auto; font-size: 0; overflow: hidden;}
.haItem1 .tparea .tp{ width: 100%; height: 216px; object-fit: cover;}
.haItem1 .des{ padding: 15px 0px 0; text-align: center;}
.haItem1 .des .tit{ font-size: 20px;font-family: 'scHeavy';}
.haItem1 .des .nr{ font-size: 16px; color: #666; line-height: 1.8; margin-top: 5px;}
.haItem1 a:hover .des .tit{ color: #17A086;}
.haItem1 a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.haList2{ display: flex; flex-wrap: wrap;}
.haItem2{ width: 48.5%; margin: 0 3% 3% 0; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.haItem2:nth-child(2n){ margin-right: 0;}
.haItem2 a{ display: block; position: relative;}
.haItem2 .tparea{ margin: 0 auto; font-size: 0; overflow: hidden;}
.haItem2 .tparea .tp{ width: 100%; height:310px; object-fit: cover;}
.haItem2 .des{ padding: 20px; box-sizing: border-box; width: 100%; background-color: rgba(0, 0, 0, .6);  position: absolute; left: 0; bottom: 0; color: #fff;}
.haItem2 .des .tit{ font-size: 20px;font-family: 'scBold';}
.haItem2 .des .nr{ font-size: 16px; color: #666; line-height: 1.8; margin-top: 5px;}
.haItem2 a:hover .des .tit{ color: fff;}
.haItem2 a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.h_spe{ padding: 50px 0 100px;}
.hspeSlideWrap{ position: relative;}
.hspeSlideWrap .swiper-button-prev{ left: -28px;}
.hspeSlideWrap .swiper-button-next{ right:-28px;} 
.hspeSlideWrap .swiper-button-prev::after,.hspeSlideWrap .swiper-button-next::after{ display: none;}
.hspeSlideWrap .swiper-button-prev,.hspeSlideWrap .swiper-button-next{ width:56px; height:56px; line-height: 56px; top:50%; margin-top:-28px; color: #666; background-color: #fff; opacity: .6; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.13);}
.hspeSlideWrap .swiper-button-prev .iconfont,.hspeSlideWrap .swiper-button-next .iconfont{ font-size: 20px; }
.hspeSlideWrap .swiper-button-prev:hover,.hspeSlideWrap .swiper-button-next:hover{opacity: 1;} 

.hspeSlideItem{}
.hspeSlideItem a{ display: block;border-radius: 10px; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;}
.hspeSlideItem .tparea{ font-size: 0; overflow: hidden;  }
.hspeSlideItem .tparea .tp{ width: 100%; height: 440px; object-fit: cover;}
.hspeSlideItem .des{ padding: 15px 20px; background-color: #fff; box-shadow:0 0 9px 0 rgba(0, 0, 0, .09) ;}
.hspeSlideItem .des .tit{ font-size: 18px;white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;font-family: 'scBold'; }
.hspeSlideItem .des .nr{ font-size: 14px; color: #666; margin-top: 10px;}
.hspeSlideItem a:hover .des .tit{ color: #17A086;}
.hspeSlideItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.slideMuilte{ height: 520px; display: flex; flex-direction: column; justify-content: space-between;}
.slideMuilte .hspeSlideItem .tparea .tp{ height: 170px;}

.h_zone{ background-color: #fff; padding: 50px 0 100px;}
.hArticleSlide{ display: flex; }
.hArticleSlideItem{display: flex; width: 12.5%; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.hArticleSlideItem a{ }
.hArticleSlideItem .tparea{  font-size: 0; overflow: hidden; width: 52%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;  width: 0px;}
.hArticleSlideItem .tparea .tp{ width: 100%; height: 333px; object-fit: cover; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.hArticleSlideItem .des{ width: 60px; margin-right: 10px; font-size: 16px; position: relative; padding: 0 20px; }
.hArticleSlideItem .des::after{ content: ""; display: block; width: 1px; height: 136px; background-color: #f7f7f7; position: absolute; left: 0; top: 0;}
.hArticleSlideItem .des .time{ font-weight: bold;}
.hArticleSlideItem .des .time .year{ font-size: 16px;}
.hArticleSlideItem .des .time .day{ font-size: 20px;    }
.hArticleSlideItem .des .desc{writing-mode: vertical-rl;}
.hArticleSlideItem .des .desc .tit{ font-size:18px; font-weight: bold;font-family: 'scHeavy';}
.hArticleSlideItem .des .desc .nr{ font-weight: normal;font-family: 'scBold';}
.act_hArticleSlideItem{  width: 50% !important;}
.act_hArticleSlideItem .tparea{ flex: 1;}

.h_article{ padding: 50px 0 100px;}

.footer{ padding: 10px 0; background-color: #f5f5f5;}
.f_t{ padding: 60px 0;}
.f_b{ padding: 35px 0; text-align: center; border-top: 1px solid #fff;}
.copy{ font-size: 16px; color: #333; line-height: 1.8;}

.f_t{ display: flex; align-items: center; justify-content: space-between;}
.flogo_flink{ flex: 1; overflow: hidden; min-width: 0; }
.flogo .tp{ height: 52px;}
.flink{ margin-top: 30px; margin-left: -2em;}
.flink a{ display: inline-block; padding: 0 2em; font-size: 18px; position: relative;}
.flink a::after{ content: ""; display: block; width: 1px; height: 15px; background-color: #333; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.flink a:nth-last-child(1)::after{ display: none;}
.flink a:hover{ color: #17A086;}
.fcode{ width: 350px; display: flex; justify-content: flex-end;}
.fcodeItem{ width: 126px; margin-left: 50px; border-radius: 10px; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.fcodeItem .tp{ width: 100%; height: 126px;}

/* 登录 */
.login_main{ padding: 190px 0 70px;}
.login{ padding: 25px 20px; box-sizing: border-box; width: 374px; margin: 0 auto; max-width: 100%; background-color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.loginTit{ text-align: center;}
.loginTit .mc{ font-size: 24px;font-family: 'scBold'; display: inline-block; font-weight: bold; position: relative; padding-bottom: 0.5rem; position: relative; color: #17A086;}
.loginTit .mc::after{ content: ""; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 80px; height: 2px; background-color: #17A086; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.login_form{ margin-top: 20px;}
.formItem{ margin-bottom: 20px; position: relative;}
.formItem .text{ width: 100%; height: 46px; line-height: 46px; border: 1px solid #E3E3E3; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; padding-left: 40px; }
.formItem .icon{ position: absolute; color: #666; left: 12px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.formItem_yzm{ display: flex;}
.formItem_yzm .sendBtn{ margin-left: 10px; box-sizing: border-box; color: #333; font-weight: bold; text-align: center; height: 46px; line-height: 46px; padding: 0 20px;; border: 1px solid #E3E3E3; border-radius: 5px; cursor: pointer; }
.formItem_yzm .text{ flex: 1;}
.formConfirm{}
.formConfirm .sbtn{ font-size: 16px; font-weight: bold;}
.thirdWay{ margin-top: 20px;}
.thirdWay .tit{ position: relative;}
.thirdWay .tit .mc{ font-size: 16px; z-index: 2; background-color: #fff; font-weight: bold; display: inline-block; position: relative; padding: 0 0.6em;}
.thirdWay .tit::after{ content: ""; display: block; width: 100%; height: 1px; background-color: #eee; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.thirdWay .nr .iconfont{ line-height: 1.2; font-size: 36px; color: #4ABD39;}
.thirdWay .desc{ font-size: 14px; }

/* 文章列表 */
.i_header{ position: relative; background-color: #fff;}
.i_header .navul li>a{ color: #333;} 
.i_header .loarea{  border-color: #CECECE;} 
.i_header .loarea .logo .tp1{ display:none;} 
.i_header .loarea .logo .tp2{ display: inline-block;} 
.i_header .loginOpa .sbtn{  border-color: #333; color:#333;} 
.i_header .searchBtn .btn{ color:#333;} 
.i_header .logined{ color: #333; }
.i_main{  min-height:400px;}
.i_ban{ font-size: 0; position: relative; overflow: hidden; }
.i_ban .tp{ width: 100%;}
.iBanIntro{ display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: rgba(0, 0, 0, .4); width: 100%; height: 100%; position: absolute; left: 0; top: 0;  position: absolute;  font-weight: bold; color: #fff; line-height: 1.2;font-family: 'scBold';}
.iBanIntro .p1{ font-size: 40px;  }
.iBanIntro .p2{ font-size: 34px;}

.location{ padding: 15px 0;  background-color: #F6F0E0; display: flex; align-items: center;}
.location span{ font-size:16px; color:#333;}
.location a{ font-size:16px; color:#333;}
.location .home{ display: inline-flex; align-items: center;}
.location .home::before{ margin-right: 6px; line-height: 1; font-size:18px; line-height: 1;}
.location a:hover{ color:#17A086;}
.act_loca{ color:#17A086 !important;}
.location i{ margin:0 6px;color:#333; font-style: normal; }

/* 分页 */
.turnpage{ font-size:0; text-align:center;}
.turnpage a,.turnpage span{ display:inline-block; padding:4px 10px; font-size:12px;margin:0 5px; color:#333; border:1px solid #d7d7d7; }
.turnpage a:hover{ color:#fff; background-color:#17A086; border-color:#17A086;}
.current{ color:#fff !important; background-color:#17A086 !important;border-color:#17A086 !important;}

.articles{ padding: 48px 0 100px;}
.articles .lists{ display: flex; flex-wrap: wrap;}
.articleItem{ width: 32%; margin: 0 2% 2% 0;}
.articleItem:nth-child(3n){ margin-right: 0;}
.articleItem a{ display: block;}
.articleItem .tparea{ font-size: 0; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.articleItem .tparea .tp{ width: 100%; height: 266px; object-fit: cover;}
.articleItem .des{ padding: 15px 0px;}
.articleItem .des .tit{font-family: 'scHeavy'; font-size: 18px; font-weight: bold; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
.articleItem .des .nr{ font-size: 16px; color: #666; margin-top: 5px;}
.articleItem .des .time{ font-size: 14px;}
.articleItem a:hover .des{}
.articleItem a:hover .des .tit{ color: #17A086;}
.articleItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
/* 新闻详情 */
.in_sh{ padding: 50px 0 100px; }
.in_sh .ad_img{  width: 100%;}
.in_sh .in_tit{  padding:30px 0; }
.in_sh .in_tit h4{ font-size:24px; color:#333; margin-bottom:10px;font-family: 'scBold';}
.in_sh .in_tit .pub_del{ text-align: center; }
.in_sh .in_tit .pub_del span{ display: block;}
.in_sh .in_tit .pub_del span.tutor{ font-size: 16px; color: #666; margin-top: 5px;}
.in_sh .in_tit .pub_del span.time{ font-size: 14px;}
.in_sh .sh_con{ padding:0px 0px 50px;  }
.in_sh .sh_con .wz{ font-size: 16px; line-height:2em;color:#666666; text-indent: 2em;}
.in_sh .sh_con .tp{ display:block; margin:0px auto;}
.pnpage{ line-height:2em; padding:20px 0px; }
.pnpage p{white-space:nowrap; overflow:hidden; font-size: 14px; -o-text-overflow:ellipsis; text-overflow:ellipsis; float: none; margin-bottom: 12px; width: 50%; float: left; }
.pnpage p .mc{ display: block; color: #666; }
.pnpage p a{  font-weight: bold; padding-bottom: 0.2em; position: relative;}
.pnpage p a::after{ content: ""; display: block; width: 0; height: 1px; background-color: #17A086; position: absolute; left: 0; bottom: 0; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.pnpage a:hover{ color:#17A086;}
.pnpage a:hover::after{ width: 100%;}

/* 首页-艺术家列表 */
.artist{ padding: 50px 0 100px;}
.artist .lists{ display: flex; flex-wrap: wrap; margin-top: 60px;}
.artistItem{ width: 23.5%; margin: 0 2% 2% 0;}
.artistItem:nth-child(4n){ margin-right: 0;}
.artistItem a{ display: block;}
.artistItem .tparea{ width: 216px; margin: 0 auto; max-width: 100%; font-size: 0; overflow: hidden; border-radius: 50% ; -webkit-border-radius: 50% ; -moz-border-radius: 50% ; -ms-border-radius: 50% ; -o-border-radius: 50% ; }
.artistItem .tparea .tp{ width: 100%; height: 216px; object-fit: cover;}
.artistItem .des{ padding: 20px 0px; text-align: center;}
.artistItem .des .tit{font-family: 'scHeavy'; font-size: 20px; font-weight: bold; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
.artistItem .des .nr{ font-size: 16px; color: #666; margin-top: 5px;}
.artistItem a:hover .des{}
.artistItem a:hover .des .tit{ color: #17A086;}
.artistItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.art_lm{ text-align: center;}
.art_lm a{ font-size: 24px; padding: 10px 2em;}
.art_lm a:hover,.act_artlm{ color: #17A086 !important;}
.art_search{ width: 90%; margin: 40px auto 0px; border: 1px solid #D8D8D8; max-width: 100%; display: flex; align-items: center; justify-content: center;}
.art_search .text{ padding-left: 20px; box-sizing: border-box; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; font-size: 18px;height: 70px;line-height: 70px;}
.art_search .tj{border-left: 1px solid #D8D8D8; width: 130px; height: 70px;line-height: 70px; text-align: center;  font-size: 20px;}

/* 专题列表 */
.topic{ padding: 50px 0 100px;}
.topic .lists{ }
.topicItem{ margin-bottom: 30px; }
.topicItem a{ display: flex; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.13); border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ;  overflow: hidden;}
.topicItem .tparea{ width: 60%; font-size: 0; overflow: hidden; border-radius: 10px ; -webkit-border-radius: 10px ; -moz-border-radius: 10px ; -ms-border-radius: 10px ; -o-border-radius: 10px ; }
.topicItem .tparea .tp{ width: 100%; height: 454px; object-fit: cover;}
.topicItem .des{ padding: 20px 30px; display: flex; flex-direction: column;  box-sizing: border-box; flex: 1; }
.topicItem .des .tit{ font-size: 20px; font-weight: bold; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
.topicItem .des .desc{ font-size: 16px;  margin-top: 5px; line-height: 1.8;}
.topicItem .des .para{ color: #666; margin-top: 20px; line-height: 2;}
.topicItem .des .mandiv{ margin-top: auto;}
.topicItem .des .mandiv .sbtn{ font-size: 16px; padding: 0.4em 1em;}
.topicItem a:hover{box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);}
.topicItem a:hover .des .tit{ color: #17A086;}
.topicItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

/* 年代 */
.art_lm2{}
.art_lm2 a{ font-size: 18px; padding: 10px 0em; margin-right: 30px; position: relative;}
.art_lm2 a::after{ content: ""; display: block; width: 0; height: 2px; background-color: #17A086; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.art_lm2 a:hover,.act_artlm2{ color: #17A086 !important;}
.art_lm2 a:hover::after,.act_artlm2::after{ width: 100%;}

/* 分类 */
.category1{ text-align: center;}
.category1 .point{ cursor: pointer; font-size: 18px; padding: 15px 0em; margin-right: 30px; position: relative;}
.category1 .point::after{ content: ""; display: block; width: 0; height: 1px; background-color: #17A086; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.category1 .point:hover,.act_category1{ color: #17A086 !important;}
.category1 .point:hover::after,.act_category1::after{ width: 100% !important;}

.category2{ text-align: center; margin-top: 20px;}
.category2 .point{ cursor: pointer; font-size: 16px; padding: 12px 0em; margin-right: 30px; position: relative;}
.category2 .point::after{ content: ""; display: block; width: 0; height: 1px; background-color: #17A086; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.category2 .point:hover,.act_category2{ color: #17A086 !important;}
.category2 .point:hover::after,.act_category2::after{ width: 100% !important;}



.sortlist{ padding: 50px 0 100px;}
.sortlist .lists{ display: flex; flex-wrap: wrap; margin-top: 50px;}
.sortItem{ margin-bottom: 30px; margin: 0 2% 2% 0; }
.sortItem:nth-child(3n){ margin-right: 0;}
.sortItem:nth-child(6n+1),.sortItem:nth-child(6n){ width: 49%;}
.sortItem:not(:nth-child(6n+1)):not(:nth-child(6n)) { width: 23.5%;}

.sortItem a{ display: block; box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.29); border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ;  overflow: hidden;}
.sortItem .tparea{font-size: 0; overflow: hidden;}
.sortItem .tparea .tp{ width: 100%; height: 500px; object-fit: cover;}
.sortItem .des{ padding: 10px 20px; line-height: 1.2; }
.sortItem .des .info{ display: flex; justify-content: flex-end; }
.sortItem .des .info .span{ display: inline-flex; align-items: center; color: #666; margin-left: 10px; }
.sortItem .des .add{ font-size: 16px; color: #666;font-family: 'scHeavy'; margin-top: 5px; line-height: 1.8;}

.sortItem .des .mandiv{ margin-top: auto;}
.sortItem .des .mandiv .sbtn{ font-size: 16px; padding: 0.4em 1em;}
.sortItem a:hover{box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);}
.sortItem a:hover .des .add{ color: #17A086;}
.sortItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

/* 艺术家详情-全部作品 */
.tutorInfo{}
.tutorInfo .tparea{  text-align: center; font-size: 0;   }
.tutorInfo .tparea .tp{width: 298px;height: 298px; object-fit: cover;border-radius: 50% ; -webkit-border-radius: 50% ; -moz-border-radius: 50% ; -ms-border-radius: 50% ; -o-border-radius: 50% ;}
.tutorInfo .des{ padding: 20px 0px; text-align: center;}
.tutorInfo .des .tit{font-family: 'scHeavy'; font-size: 20px; font-weight: bold; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
.tutorInfo .des .info{ color: #999; }
.tutorInfo .des .para{ margin-top: 25px;}
.tutorInfo .des .para .span{ display: inline-flex; align-items: center; color: #666; margin-right: 20px; }
.tutorInfo .des .para .sbtn{ font-size: 16px; padding: 0.1em 1em; cursor: pointer;}

.allWorksTitle{ margin-top: 50px;}
.allWorksTitle .tit{ font-size: 24px;font-family: 'scHeavy';}
.allWorksTitle .subtit{ font-size: 16px; color: #666; font-weight: bold;}

/* 艺术家详情 */
.allWorksTitle2{ display: flex; align-items: center; justify-content: space-between; margin-top: 40px;}
.allWorksTitle2 .mc{}
.allWorksTitle2 .mc .tit{font-size: 24px;font-family: 'scHeavy';}
.allWorksTitle2 .mc .subtit{ font-size: 16px; color: #666; font-weight: bold;}
.allWorksTitle2 .morea {font-size: 18px;margin-top: 12px;font-weight: bold;display: inline-flex;}
.allWorksTitle2 .morea .arr {margin-left: 5px;width: 15px;}
.allWorksTitle2 .morea:hover{color: #17A086;}

/* 个人中心-个人信息 */
.m_main{ padding-bottom: 100px;}
.m_main .wp{ display: flex; flex-wrap: wrap;}
.m_l,.m_r{ box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .17); min-height: 280px;}
.m_l{ width: 330px; margin-right: 30px;}
.m_r{ flex: 1; min-width: 0; padding: 0 30px 30px; box-sizing: border-box;}

.baseInfo{ text-align: center; padding: 40px 10px 25px;}
.baseInfo .tp{ width: 136px; height: 136px; object-fit: cover;}
.baseInfo .title{ font-size: 22px; margin-top: 15px;}
.baseInfo .desc{ font-size: 16px; margin-top: 10px;}
.baseInfo .level{ font-size: 16px; color: #B19770; display: inline-flex; align-items: center; margin-top: 10px;}
.baseInfo .level .icon{ width: 16px;}

.mnav{ padding-bottom: 30px;}
.mnav .tit{ font-size: 18px; background-color: #F0F0F0; text-align: center; padding: 0.5em 0;}
.mnav .nr{}
.mnav .nr a{ display: block; font-size: 16px; padding: 0.5em 30px;}
.mnav .nr a::after{ content: ""; display: block; width: 2px; height: 0; background-color: #17A086; position: absolute; top: 0; right: 0; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.mnav .nr a:hover,.act_mnav{ color: #17A086 !important; background-color: #F1FFFC !important;}
.mnav .nr a:hover::after,.act_mnav::after{ height: 100% !important;}

.mrTitle{ font-size: 18px; padding: 0.6em 0;border-bottom: 1px solid #eee; }
.vipInfo{ display: flex; align-items: center; justify-content: space-between; padding: 30px 0; border-bottom: 1px solid #eee; }
.vipInfo .desc{ flex: 1; min-width: 0;}
.vipInfo .desc .tp{ width: 50px; height: 50px; margin-right: 12px;}
.vipInfo .desc .name{ font-size: 18px; font-family: 'scBold'; margin-right: 12px;}
.vipInfo .desc .isvip{ color: #D48806;}
.vipInfo .desc .notvip{ color: #D48806; background-color: #FFFBE6; border: 1px solid #FFE58F; padding: 0.2em 1em;}
.vipInfo .toVip{ padding: 0.6em 1.5em; font-size: 16px; font-family: 'scBold'; cursor: pointer;}

.vip_ban{ margin-top: 30px; font-size: 0;}
.vip_ban .tp{ width: 100%;}

.m_tit1{ padding: 20px 0; font-size: 18px;}
.spePower{ padding: 15px 0; border-bottom: 1px solid #eee;}
.spePower .wrap{ display: flex; flex-wrap: wrap;}
.spePowerItem{ text-align: center; width: 25%; text-align: center; margin-bottom: 20px; }
.spePowerItem .tp{ width:50px; height: 50px; }
.spePowerItem .tit{  margin-top: 12px; font-size: 16px; color: #B19770;}


.spePowerList{ margin-top: 0px;}
.spePowerList .wrap{ display: flex; flex-wrap: wrap;}
.spePowerListItem{ width: 48.5%; margin: 0 3% 2% 0; }
.spePowerListItem:nth-child(2n){ margin-right: 0; }
.spePowerListItem a{ display: block;}
.spePowerListItem .tparea{font-size: 0; overflow: hidden;}
.spePowerListItem .tparea .tp{ width: 100%; height: 160px; object-fit: cover;}
.spePowerListItem .des{ padding: 10px 0px; line-height: 1.2; }
.spePowerListItem .des .tutor_info{display: flex; justify-content: space-between; }
.spePowerListItem .des .info{ display: flex; justify-content: flex-end; }
.spePowerListItem .des .info .span{ display: inline-flex; align-items: center; color: #666; margin-left: 10px; }
.spePowerListItem .des .add{ font-size: 16px;font-family: 'scHeavy'; margin-top: 5px; }

.spePowerListItem .des .mandiv{ margin-top: auto;}
.spePowerListItem .des .mandiv .sbtn{ font-size: 16px; padding: 0.4em 1em;}
.spePowerListItem a:hover .des .add{ color: #17A086;}
.spePowerListItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

/* 个人中心-关注 */
.mnav2{padding: 15px 0; border-bottom: 1px solid #eee;}
.mnav2 a{ font-size: 18px; padding: 6px 0em; margin-right: 30px; position: relative;}
.mnav2 a::after{ content: ""; display: block; width: 0; height: 2px; background-color: #17A086; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.mnav2 a:hover,.act_mnav2{ color: #17A086 !important;}
.mnav2 a:hover::after,.act_mnav2::after{ width: 100% !important;}

.attentionList .wrap{display: flex; flex-wrap: wrap; margin-top:30px;}
.attentionItem{ width: 32%; margin: 0 2% 2% 0;}
.attentionItem:nth-child(3n){ margin-right: 0;}
.attentionItem a{ display: block;}
.attentionItem .tparea{ width: 146px; margin: 0 auto; max-width: 100%; font-size: 0; overflow: hidden; border-radius: 50% ; -webkit-border-radius: 50% ; -moz-border-radius: 50% ; -ms-border-radius: 50% ; -o-border-radius: 50% ; }
.attentionItem .tparea .tp{ width: 100%; height: 146px; object-fit: cover;}
.attentionItem .des{ padding: 10px 0px; text-align: center;}
.attentionItem .des .tit{font-family: 'scHeavy'; font-size: 16px; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
.attentionItem .des .nr{ font-size: 16px; color: #666; }
.attentionItem a:hover .des{}
.attentionItem a:hover .des .tit{ color: #17A086;}
.attentionItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

/* 个人中心-收藏 */
.collSort{ padding: 20px 0;}
.collSortItem{ padding: 8px 0; display: flex; align-items: flex-start; font-size: 16px;}
.collSortItem .mc{ margin-right: 20px;}
.collSortItem .nr{ flex: 1; min-width: 0;}
.collSortItem .nr .point{ margin-right: 20px; cursor: pointer; position: relative;}
.collSortItem .nr .point::after{ content: ""; display: block; width: 0; height: 1px; background-color: #17A086; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.collSortItem .nr .clearBtn{ color: #17A086; cursor: pointer;}
.act_collSort{ color: #17A086 !important;}
.act_collSort::after{ width: 100% !important;}

.act_coll{ color: #17A086 !important;}
.spePowerListItem .tit{ display: flex; justify-content: space-between; align-items: center;}
.spePowerListItem .tit .btn{ cursor: pointer;}
.spePowerListItem .tit .btn:hover{ color: #4ABD39;}

/* 我的订单 */
.myOrder{ padding: 30px 0 100px;overflow-x: auto;}
.myOrderTable{ width: 100%; min-width: 750px; }
.myOrderTable th,.myOrderTable td{ text-align: center; font-size: 16px; padding: 0.5em 10px;}
.myOrderTable th{ background-color: #E7E7E7;}
.myOrderTable td{}
.myOrderTable tr:nth-child(2n+1) td{ background-color: #F5F5F5;}

/* 个人信息 */
.pform{}
.pformPart{padding: 15px 0; border-bottom: 1px solid #eee;}
.pformItem{ padding: 15px 0; display: flex; align-items: center; font-size: 16px;}
.pformItem .attrmc{ margin-right: 20px; width: 80px;}
.pformItem .attrval{ flex: 1; min-width: 0; }
.withSave{ display: flex; align-items: center; border: 1px solid #ccc;}
.withSave .text,.withSave .btn{ height: 34px; line-height: 34px;}
.withSave .text{ flex: 1; padding: 0 0 0 15px;}
.withSave .btn{ display: inline-block; min-width: 60px; padding: 0 20px; text-align: center; border-left: 1px solid #ccc;}
.pformItem .status{ color: #B19770; font-family: scBold;}
.pformItem .toVip{ font-size: 16px; padding: 1em 1.4em; margin-left: auto; cursor: pointer;} 

/* 立即续费弹窗 */
.renewPup{ width: 566px; max-width: 94%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; box-shadow: 0 0 5px 0 #ccc; }
.closePup{ position: absolute; right:0px; top: 0px; line-height: 1;cursor: pointer; font-size:30px; color: #999; display: inline-block; width: 40px; height: 40px;   line-height: 40px;  }
.closePup:hover{ color: #333;}
.renewMain{}
.renewMain .title{ text-align: left; padding: 10px 30px;  position: relative;}

.baseAccount{ padding: 20px 40px; margin-top: -10px; display: flex; align-items: center;}
.baseAccount .tp{width: 50px; height: 50px; margin-right: 12px;}
.baseAccount .des{ flex: 1; min-width: 0;}
.baseAccount .des .tit{font-size: 18px; font-family: 'scBold'; }
.baseAccount .des .notvip{display: inline-block; color: #D48806; background-color: #FFFBE6; border: 1px solid #FFE58F; margin-top: 5px; padding: 0.2em 1em;}
.renewMain .wrap{ background-color: #f5f5f5; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; padding: 14px 40px; }
.rnew_tit{ padding: 0 40px; font-size: 18px;}

.vipList{ overflow: hidden; box-shadow: 0 0 8px 0 #ddd; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.vipItem{ display: flex; padding: 1em 14px; border-bottom: 1px solid #17A086;}
.vipItem:nth-last-child(1){ border-bottom: none;}
.vipItem .name{ font-size: 20px; font-family: "scBold"}
.vipItem .price{ margin-left: auto;}
.vipItem .price .oldprice{ font-size: 16px; text-decoration: line-through; color: #666;}
.vipItem .price .newprice{ margin-left: 5px; font-size: 20px;}
.act_vipItem{ background-color: #17A086; color: #fff;}
.act_vipItem .price .oldprice{ color: #fff;}

.renew_tit2{ font-size: 18px; padding: 20px 0; margin-top: 10px;}
.payWay{ display: flex; justify-content: center;}
.payWayItem{ display: inline-flex; border: 1px solid #D4D4D4; border-radius: 10px; padding: 4px 0; align-items: center; justify-content: center; width:34%; margin: 0 5%; cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.payWayItem .icon{width: 28px;}
.payWayItem .val{ margin: 0 10px; font-size: 18px;}
.payWayItem .iconfont{ font-size: 18px; color: #666; }
.act_payway .iconfont{ color: #17A086 !important;}

.payCode{ text-align: center; padding: 30px 15px; text-align: center;}
.payCode .p1{ font-size: 16px;}
.payCode .p2{ font-size: 14px;}
.payCode .tp{ width: 160px; height: 160px; margin: 12px 0; border: 1px solid #17A086;}
.agreement{ padding:12px 20px; font-size: 16px; text-align: center; background-color: #fff;}
.agreement a{ color: #17A086;}
.agreement a:hover{ color: #0bac8e;}


/* 专题详情 */
.topicDetail{ width: 720px; max-width: 94%; margin: 0 auto; padding: 50px 0 100px; }
.topicDetail .ad_img{  width: 100%;}
.topicDetail .intro{padding:30px 0;}
.topicDetail .intro .tit{  text-align:center; font-size :24px; color:#333; margin-bottom:10px;font-family: 'scBold';}
.topicDetail .intro .nr{ font-size: 16px; margin-top: 20px; line-height: 1.8; }
.topicDetail .intro .nr .desc{}
.topicDetail .intro .nr .para{ margin-top: 40px;}
.seeMulu{ text-align: center; cursor: pointer;}
.seeMulu::before{ margin-right: 10px; font-size: 20px; line-height: 1;}
.topicDetail .tutorInfo .tparea .tp{ width: 164px; height: 164px;}
.topicDetail .tutorInfo{ padding-top: 10px;}
.topicDetail .tutorInfo .nr{font-size: 16px;  line-height: 1.8; }
.topicDetail .tutorInfo .mandiv .morea{color: #0bac8e; text-decoration: underline;}

.works{ padding: 20px 0;}
.worksItem{ margin-bottom: 20px;}
.worksItem .tparea{font-size: 0; overflow: hidden; position: relative;}
.worksItem .tparea .tp{ width: 100%;}
.worksItem .des{ padding: 20px 0px; line-height: 1.2; align-items: flex-start; display: flex; justify-content: space-between; }
.worksItem .des .desc{ flex: 1; min-width: 0;}
.worksItem .des .desc .tit{ font-size: 20px;}
.worksItem .des .desc .para{ font-size: 16px; margin-top: 8px; line-height: 1.8; color: #666;}
.worksItem .des .info{ display: flex; justify-content: flex-end; }
.worksItem .des .info .span{ display: inline-flex; align-items: center; color: #666; margin-left: 10px; }
.worksItem .tparea .zoomBtn{ font-size: 22px; color: #fff; right: 20px; bottom: 10px; position: absolute; cursor: pointer;}
.worksItem .tparea .zoomBtn:hover{ color: #17A086;}

/* 目录弹窗 */
.pupR{ height: 100vh; overflow-y: auto; transition: right .3s; position: fixed; right: -100%; top: 0; z-index: 202; -webkit-transition: right .3s; -moz-transition: right .3s; -ms-transition: right .3s; -o-transition: right .3s; }
.pupRShow{ right: 0;}
.muluPup{ width: 390px; max-width: 94%;  overflow: hidden; box-shadow: 0 0 5px 0 #ccc; }
.muluMain{ padding:0 10px 20px;}
.muluMain .title{  padding: 1em 0; font-size: 18px; border-bottom: 1px solid #eee;}
.muluTab{}
.muluTit{ text-align: center; padding: 20px 0;}
.muluTit .list{ cursor: pointer; font-size: 18px; padding: 10px 0em; margin:0 15px; position: relative;}
.muluTit .list::after{ content: ""; display: block; width: 0; height: 2px; bottom: 0; background-color: #17A086; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.muluTit .list:hover,.act_mulu{ color: #17A086 !important;}
.muluTit .list:hover::after,.act_mulu::after{ width: 100% !important; }
.muluContent{}
.muluBox{ display: none;}
.muluItem1{}
.muluItem1 a{ display: flex; padding: 8px 0; border-bottom: 1px solid #eee; margin-bottom: 10px;}
.muluItem1 .val{ flex: 1; min-width: 0;}
.muluItem1 .tutor{ margin-left: 20px;}
/* 艺术家 */
.muluArt{ padding: 30px 0;}
.muluArt .letter{ font-family: 'scBold';}
.muluArt .baseTutor{ display: flex; margin-top: 20px; background-color: #EFEFEF; padding:15px 15px ;}
.muluArt .baseTutor .tp{ width: 60px; height: 60px; border-radius:50%; margin-right: 20px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.muluArt .baseTutor .des{ flex: 1; }
.muluArt .baseTutor .des .tit{ font-size: 16px;}
.muluArt .baseTutor .des .subtit{ color: #999; margin-top: 10px;}
.muluArt .lists{ margin-top: 20px; padding: 0 40px; display: flex; flex-wrap: wrap;}
.muluArt .lists .span{ width: 50%; display: inline-block; font-weight: bold; padding: 10px 0;}




.galleryDetail{ display: flex;}
.galleryDetail .container{flex: 1; min-width: 0;}
.galleryDetail .galleryIntro{ box-sizing: border-box; width: 390px; max-width: 94%;  overflow: hidden; box-shadow: 0 0 5px 0 #ccc; margin-left: 20px;}

.topicDetailSlide{}
.topicDetailSlide .ad_img{ width: 100%; height: 100vh; object-fit: cover;}
.topicDetailSlideWrap{ position: relative; width: 90%; margin: 0 auto;}
.topicDetailSlideWrap .swiper-button-prev{ left: -28px;}
.topicDetailSlideWrap .swiper-button-next{ right:-28px;} 
.topicDetailSlideWrap .swiper-button-prev::after,.topicDetailSlideWrap .swiper-button-next::after{ display: none;}
.topicDetailSlideWrap .swiper-button-prev,.topicDetailSlideWrap .swiper-button-next{ width:56px; height:56px; line-height: 56px; top:50%; margin-top:-28px; color: #666; background-color: #fff; opacity: .6; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.2);}
.topicDetailSlideWrap .swiper-button-prev .iconfont,.topicDetailSlideWrap .swiper-button-next .iconfont{ font-size: 20px; }
.topicDetailSlideWrap .swiper-button-prev:hover,.topicDetailSlideWrap .swiper-button-next:hover{opacity: 1;} 
 

.galleryIntro{ padding: 0 10px;}
.galleryIntro .title{ font-size: 18px; padding: 0.5em 0; border-bottom: 1px solid #ddd;}
.gBaseInfo{ padding: 15px 0;}
.gBaseInfo .tit{ font-size: 26px;}
.gBaseInfo .subtit{ font-size: 18px; margin-top: 0px;}
.gBaseInfo .subtit span{ margin: 0 5px;}
.gBaseInfo .mandiv { margin-top: 10px;}
.gBaseInfo .mandiv .sbtn{ margin-right: 10px; display: inline-flex; align-items: center; padding: 0.2em 1em; font-size: 14px;}
.gBaseInfo .mandiv .sbtn::before{ font-size: 16px; margin-right: 4px;}
.gParaItem{ padding: 10px 0;}
.gParaItem>.tit{ position: relative;}
.gParaItem>.tit::after{ content: ""; display: block; width: 100%; height: 1px; background-color: #ddd; position: absolute; left: 0; top: 50%;}
.gParaItem>.tit .val{ position: relative; z-index: 2; font-size: 16px; padding: 0 10px; background-color: #fff; color: #666; margin-left: 50px;}
.gParaItem .nr{ margin-top: 10px; font-size: 16px;} 
.gParaItem .nr .tags{}
.gParaItem .nr .tags .tag{ font-size: 14px; padding: 0 0.5em; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; margin:0 5px 5px 0; border: 1px solid #ddd; }
.gParaItem .nr .adlists{ display: flex; flex-wrap: wrap;}
.gParaItem .nr .adlists .adItem{ width: 20%; padding:0 1%; text-align: center;}
.gParaItem .nr .adlists .adItem a{}
.gParaItem .nr .adlists .adItem a .tp{ width: 100%;}
.gParaItem .nr .adlists .adItem a .tit{ margin-top: 10px;}