html { color: #000; height: 100% }

html, input, button, select, textarea { padding: 0; border: 0; font: 400 13.9167px/1.5em "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif }

html {
  font-size: 62.5%; }

@media only screen and (min-width: 481px) {
  html {
    font-size: 94% !important; } }
@media only screen and (min-width: 561px) {
  html {
    font-size: 109% !important; } }
@media only screen and (min-width: 641px) {
  html {
    font-size: 125% !important; } }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure { margin: 0; padding: 0 }

table { border-collapse: collapse; border-spacing: 0 }

fieldset, img { border: 0 }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal }

ol, ul { list-style: none }

caption, th { text-align: left }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }

q:before, q:after { content: '' }

abbr, acronym { border: 0; font-variant: normal }

sup { vertical-align: text-top }

sub { vertical-align: text-bottom }

* + html input, * + html textarea, * + html select { font-family: inherit; font-size: inherit; font-weight: inherit }

* html input, * html textarea, * html select { font-size: 100% }

legend { color: #000 }

a:focus, input[type="button"][type="summit"]:focus { outline: thin dotted }

.noword { line-height: 999em }

* a { cursor: pointer }

.text-overflow, #studioBase .banner #studioInfo em strong, #studioBase .banner #studioInfo em span, #studioBase #studioMessage h1 strong, #studioBase #studioStatus h1 strong, #studioPhoto ul li a span, #studioLesson ul li figure a h2, .page-environment .imgList li figure figcaption, .page-excellent .imgList li figure figcaption, .ptrNameCard figure h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }

.inlineBlock { display: inline-block; vertical-align: top }

.hide { display: none }

body { background: #f2f2f2 }

body #wrap { position: relative; z-index: 5; overflow-x: hidden; padding: 0 0 70px 0 }

a { text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;}

a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;}

nav.pageLabel { padding: 0 2%; font-size: 0; overflow: visible; border-bottom: 1px solid #e6e6e6 }

nav.pageLabel a { display: inline-block; font-size: 14px; margin: 0 10px 0 0; padding: 0 6px 0 5px; line-height: 33px; text-decoration: none; color: #333; border-bottom: 3px solid #fff }

nav.pageLabel a.label { color: #e2368e; border-bottom: 3px solid #e2368e; margin: 0 10px -2px 0 }

nav.pageLabel.environment a { margin: 0; padding: 0; text-align: center; width: 16% !important }

nav.pageLabel.excellent a { margin: 0; padding: 0; text-align: center; width: 14% !important }

.arrow, h2.title-a a:after, h2.title-a .shortIntro:after, #studioBase .banner #studioInfo .comments strong:after, #studioBase #studioStatus p.intro:after { content: ">"; font-style: normal; margin-left: 2px; vertical-align: top; font-size: 16px; line-height: 16px }

.stars { position: relative; bottom: -5px; display: inline-block; width: 380px; height: 76px; font-size: 0; letter-spacing: 0; white-space: nowrap; zoom: .18 }

.stars label { display: inline-block; width: 76px; height: 76px; overflow: hidden; font-size: 0; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/star.png) repeat-x 0 -78px }

.stars label input { margin: -80px 0 0 -80px }

.star0 label { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/star.png) no-repeat 0 0 }

.star1 label:nth-child(1) ~ label { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/star.png) no-repeat 0 0 }

.star2 label:nth-child(2) ~ label { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/star.png) no-repeat 0 0 }

.star3 label:nth-child(3) ~ label { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/star.png) no-repeat 0 0 }

.star4 label:nth-child(4) ~ label { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/star.png) no-repeat 0 0 }

.toast { position: fixed; bottom: 80px; z-index: 100; display: inline-block; background: rgba(0, 0, 0, 0.7); border-radius: 2px; color: #fff; font-size: 12px; line-height: 23px; margin: 0; text-align: center; padding: 0 5px }

h2.title-a { padding: 5px 2.5%; border-bottom: 1px solid #e6e6e6 }

h2.title-a strong { border-left: 3px solid #838383; padding: 0 0 0 5px; font-size: 16px; color: #333 }

h2.title-a span { font-size: 14px; color: #999 }

h2.title-a a, h2.title-a .shortIntro { float: right; text-decoration: none; color: #999 }

h2.title-a .shortIntro:after { content: "" }

h2.title-a.border0 { border: 0 !important; padding: 8px 2.5% 5px 2.5% }

.inc { position: relative; width: 480px; overflow: hidden; height: auto; margin: 0 auto }

article#wrap { width: 1024px; overflow: hidden; margin: 0 auto !important }

article#wrap > section { background: #fff; margin-top: 10px }

#studioBase { background: #fff; margin: 0 !important }

#studioBase .banner { position: relative; width: 100%; height: auto; background: #f2f2f2 }

#studioBase .banner .photo { position: relative }

#studioBase .banner .photo a { position: relative; display: block }

#studioBase .banner .photo a img { position: relative; display: block; z-index: 1; width: 100%; height: auto }

#studioBase .banner .photo a span { position: absolute; z-index: 10; background: linear-gradient(rgba(0, 0, 0, 0.6) 0%, transparent 50%, rgba(0, 0, 0, 0.6) 100%); display: block; width: 100%; height: 100% }

#studioBase .banner #pictureNum { position: absolute; top: 10px; right: 10px; z-index: 100 }

#studioBase .banner #pictureNum a { display: inline-block; padding: 2px 6px; background: rgba(0, 0, 0, 0.4); text-decoration: none; border-radius: 20px; color: #fff; font-size: 12px }

#studioBase .banner #studioInfo { position: absolute; z-index: 100; bottom: 0; height: 36px; width: 95%; padding: 2px 2.5%; background: rgba(0, 0, 0, 0.4) }

#studioBase .banner #studioInfo em { display: inline-block; vertical-align: top; width: 45px; height: 33px; padding: 3px 0 0 0; line-height: 16px; text-decoration: none; text-align: center; color: #fff; font-size: 12px }

#studioBase .banner #studioInfo em strong { width: auto; display: block }

#studioBase .banner #studioInfo em span { display: block }

#studioBase .banner #studioInfo .comments { display: block; float: right; width: 95px; white-space: nowrap; text-align: left; line-height: 36px; height: 36px; color: #fff; font-size: 12px }

#studioBase .banner #studioInfo .comments strong { display: inline-block; width: 90px; text-align: right }

#studioBase .banner #studioInfo .comments strong:after { line-height: 33px }

#studioBase #studioMessage, #studioBase #studioStatus { position: relative; width: 95%; padding: 8px 2.5% 4px 2.5%; overflow: hidden; border-bottom: 1px solid #e6e6e6 }

#studioBase #studioMessage h1, #studioBase #studioStatus h1 { width: 290px; font-size: 12px; color: #333 }

#studioBase #studioMessage h1 strong, #studioBase #studioStatus h1 strong { display: inline-block; vertical-align: top; max-width: 185px; font-size: 16px }

#studioBase #studioMessage h1 span, #studioBase #studioStatus h1 span { display: inline-block; padding: 2px 2px 0 2px; font-size: 9px; background: #ffb61a; height: 12px; line-height: 9px; border-radius: 2px; color: #fff; text-align: right }

#studioBase #studioMessage h1 span:before, #studioBase #studioStatus h1 span:before { position: relative; content: ""; display: inline-block; width: 16px; height: 16px; vertical-align: top; zoom: 0.5; overflow: hidden; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat }

#studioBase #studioMessage h1 span.honest, #studioBase #studioStatus h1 span.honest { background: #54c8b6 }

#studioBase #studioMessage h2, #studioBase #studioStatus h2 { margin: 6px 0 2px 0; width: 290px; height: 30px; font-size: 12px; line-height: 15px; overflow: hidden; color: #999 }

#studioBase #studioMessage h2 a, #studioBase #studioStatus h2 a { color: #999; text-decoration: none }

#studioBase #studioMessage .follow, #studioBase #studioStatus .follow { display: block; position: absolute; top: 25px; right: 10px }

#studioBase #studioMessage .follow a, #studioBase #studioStatus .follow a { display: inline-block; color: #e2368e; padding: 2px 6px; border-radius: 2px;border: 1px solid #e2368e; text-decoration: none; font-size: 12px }

#studioBase #studioMessage .follow a.followed, #studioBase #studioStatus .follow a.followed { color: #666; border: 1px solid #d9d9d9; }

#studioBase #studioStatus { border: 0; font-size: 0 }

#studioBase #studioStatus ul { height: 36px }

#studioBase #studioStatus ul li { display: inline-block; position: relative; white-space: nowrap; text-align: center; font-size: 10px; padding: 18px 2px 0 2px; color: #505050 }

#studioBase #studioStatus ul li:before { position: absolute; content: ""; top: -3px; left: 5px; display: block; width: 24px; height: 24px; vertical-align: middle; -webkit-transform: scale(0.6); overflow: hidden; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat 0 -35px }

#studioBase #studioStatus ul li.pass:before { margin-left: 7px; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -8px -35px }

#studioBase #studioStatus ul li.closed:before { margin-left: 3px; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -54px -35px }

#studioBase #studioStatus ul li.classment:before { margin-left: 7px; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -93px -35px }

#studioBase #studioStatus ul li.single:before { margin-left: -3px; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -130px -35px }

#studioBase #studioStatus ul li.lesson:before { margin-left: 3px; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -169px -35px }

#studioBase #studioStatus ul li.refund:before { margin-left: 3px; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -207px -35px }

#studioBase #studioStatus ul li.gallery:before { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -242px -35px }

#studioBase #studioStatus ul li.cooperation:before { margin-left: 7px; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/cooperation.png) no-repeat center/100% 100%; }

#studioBase #studioStatus ul li.school:before { margin-left: 4px; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/school.png) no-repeat center/100% 100%; }

#studioBase #studioStatus p.intro { position: absolute; top: 15px; right: 4px; width: 50px; font-size: 14px; color: #999 }

#studioPhoto { padding: 8px 0 4px 0; font-size: 0; overflow: hidden }

#studioPhoto ul { overflow: hidden; white-space: normal; width: 102% }

#studioPhoto ul li { position: relative; display: inline-block; vertical-align: top; width: 49%; margin-right: 0.5%; margin-bottom: 1%; font-size: 12px; color: #333; overflow: hidden }

#studioPhoto ul li a { display: block; position: relative; height: 140px; max-height: 140px }

#studioPhoto ul li a img { display: block }

#studioPhoto ul li a span { position: absolute; bottom: 0; width: 100%; text-align: center; text-decoration: none; color: #fff; font-size: 12px; line-height: 23px; background: rgba(0, 0, 0, 0.4) }

#studioLesson ul li { position: relative; padding: 8px; min-height: 68px; border-bottom: 1px solid #e6e6e6 }

#studioLesson ul li figure { margin-right: 55px }

#studioLesson ul li figure a { display: block }

#studioLesson ul li figure a em { position: absolute; top: 10px; width: 68px; height: 68px }

#studioLesson ul li figure a em img { width: 68px; height: 68px }

#studioLesson ul li figure a h2 { margin-left: 78px; font-size: 14px; color: #333 }

#studioLesson ul li figure a h3 { margin-top: 4px; margin-left: 78px; font-size: 12px; color: #999; line-height: 15px; height: 30px; overflow: hidden }

#studioLesson ul li figure a p { margin-left: 78px; font-size: 12px; height: 18px; color: #333 }

#studioLesson ul li figure a p .term { float: right }

#studioLesson ul li figure div.report { width: 48px; height: 93px; position: absolute; right: 3px; top: 0; text-align: center; border-left: 1px solid #e6e6e6 }

#studioLesson ul li figure div.report a { display: block; width: 48px; height: 88px; line-height: 88px; font-size: 16px; text-decoration: none; color: #e2368e }

#onlineReport .scrollMsg { width: 100%; white-space: nowrap; overflow: hidden; border-bottom: 1px solid #e6e6e6 }

#onlineReport .scrollMsg .reportMsg { display: inline-block; padding: 4px 8px }

#onlineReport .scrollMsg .reportMsg ul { margin: 7px 0 }

#onlineReport .scrollMsg .reportMsg ul li { padding: 0px 8px; font-size: 10px; display: inline-block; border-radius: 10px; background: #e6e6e6 }

#onlineReport .scrollMsg .reportMsg ul li span { margin: 0 5px 0 0 }

#onlineReport .scrollMsg .reportMsg ul:nth-child(1) { padding-left: 50px }

#onlineReport .scrollMsg .reportMsg ul:nth-child(1) li { margin-right: 50px }

#onlineReport .scrollMsg .reportMsg ul:nth-child(2) { padding-left: 0px }

#onlineReport .scrollMsg .reportMsg ul:nth-child(2) li { margin-right: 60px }

#onlineReport .scrollMsg .reportMsg ul:nth-child(3) { padding-left: 50px }

#onlineReport .scrollMsg .reportMsg ul:nth-child(3) li { margin-right: 50px }

#onlineReport .scrollMsg .reportMsg ul:nth-child(n+4) { padding-left: 0px }

#onlineReport .scrollMsg .reportMsg ul:nth-child(n+4) li { margin-right: 60px }

#onlineReport .scrollMsg .reportMsg ul:nth-child(n+5) { padding-left: 50px }

#onlineReport .scrollMsg .reportMsg ul:nth-child(n+5) li { margin-right: 50px }

#onlineReport .completion { white-space: nowrap; padding: 8px 2.5% }

#onlineReport .completion .less { margin-top: 4px; display: inline-block; position: relative; width: 104px; overflow: hidden; height: 16px; line-height: 16px; color: #333; border-radius: 10px; background: #fff; border: 1px solid #f5b5bc; text-align: center }

#onlineReport .completion .less h3 { position: relative; z-index: 10; font-size: 12px }

#onlineReport .completion .less .bg { position: absolute; top: 0px; z-index: 5; left: 0; width: 60%; height: 18px; background: #f5b5bc; border-radius: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0 }

#onlineReport .completion .lessContent, #onlineReport .completion .toReport { margin-top: 3px; display: inline-block; vertical-align: top; font-size: 10px }

#onlineReport .completion .lessContent a, #onlineReport .completion .toReport a { font-size: 10px; color: #333; text-decoration: none }

#onlineReport .completion .toReport { margin: 0; float: right }

#onlineReport .completion .toReport a { position: relative; top: -2px; display: inline-block; padding: 3px 10px; background: #e2368e; border-radius: 2px; color: #fff; font-size: 12px; text-decoration: none }

#onlineReport .completion.beds { border-top: 1px solid #e6e6e6 }

#onlineReport .completion.beds .toReport a { background: #ff9e05 }

#teachers ul { font-size: 0 }

#teachers ul li { position: relative; display: inline-block; vertical-align: top; width: 33%; overflow: hidden; margin-top: 0.32%; margin-right: 0.30% }

#teachers ul li a { display: block; vertical-align: top; height: 100%; max-height: 160px }

#teachers ul li a img { display: block; vertical-align: top; width: 100%; height: 100% }

#teachers ul li a span { position: absolute; bottom: 0; width: 100%; text-align: center; text-decoration: none; color: #fff; font-size: 10px; line-height: 23px; background: rgba(0, 0, 0, 0.4) }

#zhibo-box{
  background-color: #fff;
  padding:0.75rem;
  overflow: hidden;
}
#studiozhibo .main-one {
  float: left;
  width: 50%;
  padding: 0.75rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
#studiozhibo .main-one .one-box {
  border:1px solid #ccc;
  background-color: #fff;
  display: block;
  outline: none;
  color: #000;
  position: relative; }
#studiozhibo .main-one .one-box .one-top .top-box {
  padding: 0.5rem 0.5rem 0 0.5rem; }
#studiozhibo .main-one .one-box .one-top .top-box .img-box {
  position: relative;
  border-radius: 2px; }
#studiozhibo .main-one .one-box .one-top .top-box .img-box img {
  display: block;
  width: 100%;
  border-radius: 2px; }
#studiozhibo .main-one .one-box .one-top .top-box .img-box .top-dec {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2.5rem;
  width: 100%;
  line-height: 2.5rem;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 1.3rem;
  color: #fff;
  text-align: center; }
#studiozhibo .main-one .one-box .one-top .top-box .top-name {
  height: 3.4rem;
  line-height: 3.4rem;
  font-size: 1.5rem;
  color: #4d4d4d;
  text-align: center; }
#studiozhibo .main-one .one-box .one-bottom {
  border-top: 1px solid #ccc;
  height: 2.9rem;
  line-height: 2.9rem;
  overflow: hidden; }
#studiozhibo .main-one .one-box .one-bottom .bottom-comment, #studiozhibo .main-one .one-box .one-bottom .bottom-dianzan {
  display: inline-block;
  margin-left: 5%;
  height: 100%;
  font-size: 1.2rem;
  color: #4d4d4d;
  position: relative; }
#studiozhibo .main-one .one-box .one-bottom .bottom-comment:before, #studiozhibo .main-one .one-box .one-bottom .bottom-dianzan:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-right: 0.6rem; }
#studiozhibo .main-one .one-box .one-bottom .bottom-comment {
  padding-left: 2rem; }
#studiozhibo .main-one .one-box .one-bottom .bottom-comment:before {
  height: 1.4rem;
  width: 1.4rem;
  background: url(https://image2.bjmeishu.com/hsadmin/studio_new/comment.png) no-repeat;
  background-size: 1.4rem; }
#studiozhibo .main-one .one-box .one-bottom .bottom-dianzan {
  padding-left: 2rem; }
#studiozhibo .main-one .one-box .one-bottom .bottom-dianzan:before {
  height: 1.2rem;
  width: 1.4rem;
  background: url(https://image2.bjmeishu.com/hsadmin/studio_new/heart.png) no-repeat;
  background-size: 1.4rem 1.2rem; }
#studiozhibo .main-one .one-box .playing {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9; }
#studiozhibo .main-one .one-box .playing .play-looking, #studiozhibo .main-one .one-box .playing .play-lookback {
  width: 4.15rem;
  height: 4.15rem; }
#studiozhibo .main-one .one-box .playing .play-looking {
  background: url(https://image2.bjmeishu.com/hsadmin/studio_new/looking.png) no-repeat;
  background-size: 4.15rem 4.15rem; }
#studiozhibo .main-one .one-box .playing .play-lookback {
  background: url(https://image2.bjmeishu.com/hsadmin/studio_new/lookback.png) no-repeat;
  background-size: 4.15rem 4.15rem; }



#photoList .contents, #videoList .contents { margin-top: 0.32%; position: relative }
.contents .contentsInn p {
  overflow-x: scroll !important;
}
#videoList .iScroll .hd a { display: block }

#videoList .iScroll .hd a:before { position: absolute; top: 24%; left: 39%; content: ""; display: block; width: 110px; height: 111px; vertical-align: middle; zoom: .7; overflow: hidden; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -11px -129px }

#address { position: relative }

#address .sAddress dd { border-top: 1px solid #e6e6e6; padding: 4px 8px; position: relative; clear: both; height: auto; font-size: 12px; overflow: hidden }

#address .sAddress dd a { float: right; display: block; font-size: 12px; color: #fff; background: #ff9e05; padding: 3px 15px; border-radius: 3px }

#address .sAddress dd.on { background: #fafafa }

#address .contents { margin-top: 0.32%; position: relative; width: 100%; height: 180px }

#address aside.message { border-top: 1px solid #e6e6e6; font-size: 12px; padding: 10px 8px; line-height: 14px; overflow: hidden }

#address aside.message p { position: relative; margin-top: 5px }

#address aside.message p .phoneNumber { position: absolute; vertical-align: top; top: 2px; width: 290px; line-height: 18px; border-radius: 0; border: 1px solid #b4b4b4; padding: 3px; font-size: 12px; background: rgba(255, 255, 255, 0.01) }

#address aside.message p button.submitBtn { vertical-align: top; position: relative; float: right; display: block; padding: 4px 5px; background: #e2368e; border-radius: 2px; color: #fff; font-size: 12px; text-decoration: none }

#painterMap { z-index: 300 !important }

.mapMask { position: absolute; z-index: 1000; top: 35px; width: 100%; height: 210px; background: rgba(0, 0, 0, 0.01) }

.mapMask a { display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.01) }

#synthetical .stars { font-size: 0 !important }

#synthetical .contents { padding: 0 10%; white-space: nowrap; font-size: 0 }

#synthetical .contents p { padding: 10px 0; display: inline-block; width: 24%; text-align: center; font-size: 14px }

#synthetical .contents p strong { display: block }

#userComment .contents { overflow: hidden }

#userComment .contents li { padding: 8px 8px 10px 8px; border-bottom: 1px solid #e6e6e6 }

#userComment .contents li h2 { font-size: 0; margin: 3px 0 0 0 }

#userComment .contents li h2 span { position: relative; top: 6px; display: inline-block; width: 45px; height: 45px; overflow: hidden; zoom: .4; vertical-align: top; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) -10px -81px }

#userComment .contents li h2 span img { display: none; width: 45px; height: 45px }

#userComment .contents li h2 strong { display: inline-block; font-size: 14px }

#userComment .contents li .scope { display: inline-block; font-size: 12px; white-space: nowrap; vertical-align: top; margin: 0 0 3px 0 }

#userComment .contents li .scope strong { display: inline-block; color: #999 }

#userComment .contents li .words { font-size: 12px; line-height: 18px; color: #333 }

#userComment .commentTool { white-space: nowrap; height: 50px }

#userComment .commentTool a { display: inline-block; width: 49.5%; height: 50px; line-height: 50px; font-size: 14px; border-right: 1px solid #e6e6e6; text-decoration: none; color: #333; text-align: center }

#userComment .commentTool a:before { content: ""; display: inline-block; width: 26px; height: 24px; vertical-align: middle; zoom: .6; overflow: hidden; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -83px -89px }

#userComment .commentTool .moreComment:before { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -134px -92px }

#userComment .doComment { border-top: 10px #f2f2f2 solid }

#userComment .doComment ul { padding: 5% 5% 5% 15% }

#userComment .doComment ul li { white-space: nowrap; margin-bottom: 5px }

#userComment .doComment ul li p { margin-top: 5px; display: inline-block; width: 30px; vertical-align: top }

#userComment .doComment ul li .stars { width: 460px; zoom: .3; position: relative; vertical-align: top; margin: 0 10px 0 0 }

#userComment .doComment ul li .stars label { margin: 0 10px 0 0 }

#userComment .doComment ul li .score { margin-top: 5px; vertical-align: top; width: 50px; display: inline-block }

#userComment .doComment ul li .score i { color: #999; font-style: normal }

#userComment .doComment ul li .score span { display: none; color: #333 }

#userComment .impression .imagingInc { padding: 10px 10px 0 10px }

#userComment .impression .imagingInc label { display: inline-block; font-size: 14px; margin: 0 10px 5px 0; white-space: nowrap; color: #333 }

#userComment .impression .imagingInc label:before { content: ""; display: inline-block; vertical-align: top; margin: 0 10px 0 0; width: 40px; height: 40px; zoom: .4; overflow: hidden; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -228px -139px }

#userComment .impression .imagingInc label input { display: none }

#userComment .impression .imagingInc label.label:before { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -179px -139px }

#userComment .impression .newLabelInput { display: none }

#userComment .impression .newLabelInput input { border: 1px solid #e6e6e6; margin: 0 10px 0 0 }

#userComment .impression .newLabel { padding: 8px 2.5% }

#userComment .impression .newLabel a { padding: 3px; font-size: 12px; color: #333; text-decoration: none; border: 1px solid #e6e6e6 }

#userComment .writeWords { padding: 8px 2.5% }

#userComment .writeWords h3 { font-size: 16px; color: #333 }

#userComment .writeWords .inputContent { margin: 6pt 0 0 0; height: 105px; padding: 5px; border: 1px solid #e6e6e6; background: #f6f6f6 }

#userComment .writeWords .inputContent textarea { width: 100%; height: 80px; resize: none; font-size: 12px; font-weight: 400; line-height: 16px; margin: 0; background: #f6f6f6 }

#userComment .writeWords .inputContent .count { text-align: right; font-size: 12px; margin: 0; padding: 0; line-height: 16px; height: 16px; font-family: Arial, Helvetica, sans-serif; color: #999 }

#userComment .writeWords .inputContent .red { color: #f00 !important }

#userComment .writeWords .submitInc { padding: 10px 0 0 0; text-align: center }

#userComment .writeWords .submitInc a { display: block; background: #e2368e; color: #fff; font-size: 14px; padding: 10px 0; text-decoration: none }

footer { white-space: nowrap; position: fixed; z-index: 100; width: 100%; bottom: 0; height: 58px; font-size: 0 }

footer .inc { background: #fff }

footer .inc a { position: relative; display: inline-block; vertical-align: top; width: 23.5%; height: 58px; text-align: center; text-decoration: none; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; color: #333 }

footer .inc a:before { position: absolute; top: 5px; left: 35%; content: ""; display: block; width: 30px; height: 30px; vertical-align: middle; -webkit-transform: scale(0.6); overflow: hidden; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -179px -86px }

footer .inc a strong { position: absolute; top: 33px; left: 27%; display: block; font-size: 12px }

footer .inc .phone:before { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -228px -86px }

footer .inc .moreComment { width: 52.5%; background: #f5502a; border-top: 0; color: #fff }

footer .inc .moreComment strong { position: relative; top: 0; left: 0; margin-top: 10px; font-size: 14px }

footer .inc .moreComment span { font-size: 12px }

footer .inc .moreComment:before { display: none }

body #wrap section:first-child { margin: 0 }

.subpage { height: 100%; overflow-y: auto }

.subpage #wrap { background: #fff; overflow-y: auto }

.page-docomment .doComment { display: block }

.page-environment .imgList, .page-excellent .imgList { padding: 5px 0 50px 3%; font-size: 0 }

.page-environment .imgList li, .page-excellent .imgList li { position: relative; width: 102%; height: 100%; font-size: 0 }

.page-environment .imgList li figure, .page-excellent .imgList li figure { display: inline-block; position: relative; width: 49%; margin: 0 0 2% 0; padding-right: 1%; vertical-align: top }

.page-environment .imgList li figure figcaption, .page-excellent .imgList li figure figcaption { position: absolute; bottom: 0; height: 23px; background: rgba(0, 0, 0, 0.3); color: #fff; width: 94%; font-size: 12px; text-align: center }

.page-environment .imgList li figure img, .page-excellent .imgList li figure img { width: 96%; min-height: 80px; display: block }

.page-painteroom #wrap { background: #f2f2f2 }

.page-painteroom .pageLabel a { margin: 0 10px !important; padding: 0 25px !important }

.page-painteroom .contents { padding: 8px 2.5%; font-size: 12px; color: #333; line-height: 23px }

.page-painteroom .contents .imgList li { display: none }

.page-painteroom .contents .imgList li:first-child { display: block }

.page-painteroom .contents h1, .page-painteroom .contents h2, .page-painteroom .contents h3, .page-painteroom .contents h4, .page-painteroom .contents h5, .page-painteroom .contents h6, .page-painteroom .contents strong, .page-painteroom .contents b, .page-painteroom .contents em { font-weight: 700 }

.lessonDetals #wrap { background: #f2f2f2 }

.lessonDetals .detail .contents { padding: 8px 2.5%; font-size: 14px; color: #333; line-height: 23px }

.lessonDetals .detail .contents h1, .lessonDetals .detail .contents h2, .lessonDetals .detail .contents h3, .lessonDetals .detail .contents h4, .lessonDetals .detail .contents h5, .lessonDetals .detail .contents h6, .lessonDetals .detail .contents strong, .lessonDetals .detail .contents b, .lessonDetals .detail .contents em { font-weight: 700 }

.lessonDetals .reported { padding: 0 0 30px 0; background: #fff }

.reported h2 { text-align: center; font-size: 14px; line-height: 40px; border-bottom: 1px solid #e6e6e6 }

.reported h2 .less { display: inline-block; vertical-align: middle; position: relative; top: 0px; width: 104px; overflow: hidden; height: 16px; line-height: 16px; color: #333; border-radius: 10px; background: #fff; border: 1px solid #f5b5bc; text-align: center }

.reported h2 .less h3 { position: relative; z-index: 10; font-size: 12px }

.reported h2 .less .bg { position: absolute; top: 0px; z-index: 5; left: 0; width: 60%; height: 18px; background: #f5b5bc; border-radius: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0 }

.reported h2 .lessTips { position: relative; top: 2px; display: inline-block; font-size: 12px }

.reported table { margin: 15px 0; font-size: 12px; white-space: nowrap; text-align: center }

.reported table td { line-height: 30px; padding: 0 10px }

.reported table span { color: #999 }

.reported .addMorePerson { padding: 3px; font-size: 12px; color: #333; text-decoration: none; border: 1px solid #e6e6e6 }

.page-excellent .contents li { display: none }

.page-excellent .contents li:first-child { display: block }

.page-report h1 { margin: 10px; font-size: 12px; line-height: 35px; padding: 0 10px; background: #f4c75d; color: #9e2f00; text-align: center }

.page-report .form { color: #9e2f00; background-position: center center; background-image: url(https://image2.bjmeishu.com/hsadmin/studio_new/formBg.gif); background-color: #f4c75d; padding: 10px; margin: 0 10px }

.page-report .form li { margin: 0 0 10px 0; text-align: center }

.page-report .form li p { background: #fff; border: 1px solid #c37016; line-height: 33px; padding: 0 0 0 10px; color: #333; font-size: 14px }

.page-report .form li p label { float: left }

.page-report .form li p input { display: inline-block; width: 80%; height: 24px }

.page-report .form li .submitBtn { width: 100%; margin: 15px 0; display: block; background: #f5502a; color: #fff; line-height: 33px; text-decoration: none }

.page-report .form .notes { font-size: 12px }

.page-report .reported h2 { text-align: center; font-size: 14px; line-height: 40px; border-bottom: 1px solid #e6e6e6 }

.page-report .reported dl { margin: 10px 20px }

.page-report .reported dl dd { line-height: 26px; white-space: nowrap; text-align: center }

.page-report .reported dl dd * { display: inline-block; margin: 0 6px 0 0 }

.page-report .addMorePerson { padding: 3px; font-size: 12px; color: #333; text-decoration: none; border: 1px solid #e6e6e6 }

.page-reportSucceed { text-align: center }

.page-reportSucceed .icons { margin: 60px 0; display: inline-block; width: 140px; height: 140px; zoom: .6; overflow: hidden; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -144px -190px }

.page-reportSucceed h1 { font-size: 21px; font-weight: 400 }

.page-reportSucceed h2 { margin: 7px 0; font-size: 16px; font-weight: 400 }

.page-reportSucceed h3 { margin: 7px 0; font-size: 16px; font-weight: 400; color: #999 }

.page-reportSucceed h4 { margin: 0; font-size: 14px; font-weight: 400; color: #e2368e }

.page-reportSucceed .buttonInc { margin: 35px 10px }

.page-reportSucceed .buttonInc a { display: block; padding: 10px 0; background: #e2368e; font-size: 14px; color: #fff; text-decoration: none }

.page-reportSucceed .buttonInc strong { display: block; margin: 10px 0 0; font-size: 14px }

.page-video ul { font-size: 0; padding: 0 0 2% 2% }

.page-video ul li { width: 50%; display: inline-block; vertical-align: top; margin: 2% 0 0 0 }

.page-video ul li a { display: block; width: 94%; margin: 0 5% 0 1%; text-decoration: none }

.page-video ul li a p { position: relative }

.page-video ul li a p img { display: block; width: 100% }

.page-video ul li a p span { position: absolute; right: 0; padding: 0 3px; color: #fff; font-size: 12px }

.page-video ul li a p span.times { top: 0; background: #4db3ce; font-size: 10px }

.page-video ul li a p span.long { bottom: 0; font-size: 10px; background: rgba(0, 0, 0, 0.4) }

.page-video ul li a h2 { font-size: 12px; line-height: 18px; color: #333 }

.reportNum { position: relative; padding: 2px 2.5%; line-height: 33px; clear: both; overflow: hidden }

.reportNum .report { float: right; width: 48px; height: 33px; text-align: center; border-left: 1px solid #e6e6e6 }

.reportNum .report a { display: block; width: 48px; height: 33px; line-height: 33px; font-size: 14px; text-decoration: none; color: #e2368e }

.classIntro { padding: 8px 2.5% 0 2.5% }

.classIntro h1 { font-size: 16px; line-height: 26px }

.classIntro h2 { font-size: 12px; color: #999; border-bottom: 1px solid #e6e6e6; line-height: 18px; padding-bottom: 5px }

.classIntro .theClass { font-size: 0; text-align: center }

.classIntro .theClass a { display: inline-block; margin: 10px 0; width: 31%; border-left: 1px solid #e6e6e6; line-height: 22px }

.classIntro .theClass a strong, .classIntro .theClass a em { display: block }

.classIntro .theClass a strong { font-size: 16px; color: #e2368e }

.classIntro .theClass a em { font-size: 14px }

.classIntro .theClass a:first-of-type { border: 0 }

.contents img { width: 100% }

.contents table { width: 100% }

.page-feature { padding: 0 0 200px 0 }

.page-feature #wrap { padding: 0 }

.page-feature .featureList li { border-bottom: 1px solid #e6e6e6 }

.page-feature .featureList li.pass a:before { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -8px -35px }

.page-feature .featureList li.closed a:before { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -54px -35px }

.page-feature .featureList li.classment a:before { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -93px -35px }

.page-feature .featureList li.single a:before { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -130px -35px }

.page-feature .featureList li.lesson a:before { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -169px -35px }

.page-feature .featureList li.refund a:before { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -207px -35px }

.page-feature .featureList li.gallery a:before { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -242px -35px }

.page-feature .featureList li.on em { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -244px -465px }

.page-feature .featureList li a { position: relative; display: block; padding: 0 2.5%; line-height: 50px; background: #fff; font-size: 14px }

.page-feature .featureList li a:before { content: ""; display: inline-block; width: 24px; height: 24px; margin: 0 5px 0 0; vertical-align: middle; zoom: .6; overflow: hidden; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat 0 -35px }

.page-feature .featureList li a:active { outline: 0 }

.page-feature .featureList li a em { position: absolute; right: 2.5%; top: 20px; display: block; width: 24px; height: 24px; margin: 0 5px 0 0; vertical-align: top; -webkit-transform: scale(0.6, 0.6); overflow: hidden; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -207px -465px }

.page-feature .featureList li .details { display: none; text-align: left; height: auto; overflow: hidden; white-space: normal; padding: 8px 2.5% 8px 2.5%; color: #999; background: #f1f1f1; font-size: 12px; line-height: 18px }

.page-feature .featureList li:first-of-type .details { display: block }

.ptrNameCard { max-width: 412px; margin: 10px auto; background: #fff; padding: 8px 2.5%; text-align: left }

.ptrNameCard figure { height: 40px; left: 2.5% }

.ptrNameCard figure img { position: absolute; width: 40px; height: 40px }

.ptrNameCard figure h1 { position: relative; top: -3px; margin: 0 0 0 46px; line-height: 16px; font-size: 16px }

.ptrNameCard figure h1 .crea { display: inline-block; width: 116px; height: 42px; zoom: .5; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -167px -495px }

.ptrNameCard figure h2 { margin: 3px 0 0 46px; line-height: 14px; font-size: 10px; color: #999 }

.ptrNameCard p { margin: 10px 0 5px 0 }

.ptrNameCard p a { display: inline-block; width: 46%; line-height: 29px; font-size: 12px; border-radius: 3px; text-align: center; border: 1px solid #c8c8c8; margin: 0 1% }

.ptrNameCard p a span { display: inline-block; width: 35px; height: 28px; margin: 0 5px 0 0; vertical-align: top; -webkit-transform: scale(0.6, 0.6); overflow: hidden; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat 0 -35px }

.ptrNameCard p a.services span { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icon-2.png) no-repeat center/80%; }

.ptrNameCard p a.getHome span { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -251px -410px }

.ptrNameCard p a:first-of-type { margin-left: 0 }

.ptrNameCard.paid { margin: 40px 2.5%; padding: 25px 2.5%; border-top: 1px solid #ededed }

.ptrNameCard.paid p { margin: 15px 0 0 0 }

.page-payment article#wrap { background: #f2f2f2 }

.page-payment h1 { background: #fff; line-height: 28px; padding: 8px 2% }

.page-payment h1 strong { float: right }

.page-payment h1 strong span { color: #e2368e }

.page-payment .payMeans h2 { line-height: 36px; padding: 0 2% }

.page-payment .payMeans li { position: relative; padding: 0 2%; line-height: 42px; border-top: 1px solid #e6e6e6; font-size: 16px }

.page-payment .payMeans li label { display: block }

.page-payment .payMeans li label:before { content: ""; display: inline-block; width: 71px; height: 71px; vertical-align: middle; margin: -10px 0 0 0; zoom: .4; overflow: hidden; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -14px -333px }

.page-payment .payMeans li input { display: none }

.page-payment .payMeans li span { position: absolute; right: 2%; top: 20px; display: inline-block; width: 36px; height: 36px; vertical-align: middle; overflow: hidden; zoom: .5; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -59px -268px }

.page-payment .payMeans li.label label span { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -15px -268px }

.page-payment .payMeans .wechat label:before { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -14px -333px }

.page-payment .payMeans .alipay label:before { background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -95px -333px }

.page-payment .buttonInc { margin: 35px 2% }

.page-payment .buttonInc a { display: block; padding: 10px 0; background: #e2368e; font-size: 14px; color: #fff; text-decoration: none; text-align: center }

#imgBg { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); text-align: center }

#imgBg .back { z-index: 100; position: absolute; top: 10px; left: 10px; display: block; font-size: 50px; font-weight: bold; font-family: "Tahoma, Geneva, sans-serif"; background-image: none; text-decoration: none; color: #fff }

#imgBg .number { z-index: 100; position: absolute; top: 5px; right: 10px; display: block; font-size: 18px; font-weight: bold; background-image: none; text-decoration: none; color: #fff }

#imgBg img { position: absolute; z-index: 10; display: inline-block; width: 100%; vertical-align: middle }

#imgBg a.page { position: absolute; z-index: 30; top: 50%; margin: -35px 0 0 0; width: 70px; height: 70px; zoom: .5; background-image: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png); background-repeat: no-repeat }

#imgBg .loading { top: 50%; left: 50%; width: 40px; margin: -20px 0 0 -20px }

#imgBg #imgZoom { zoom: 30; left: 0; zoom: 1; width: 100% }

#imgBg a#prev { left: 5%; background-position: -15px -438px }

#imgBg a#next { right: 5%; background-position: -95px -438px }

.iScroll { position: relative; overflow: hidden }

.iScroll .hd { width: 100%; overflow: hidden }

.iScroll .hd ul { white-space: nowrap }

.iScroll .hd ul li { display: inline-block; position: relative; width: 100%; overflow: hidden }

.iScroll .hd ul li a { position: relative; display: block; width: 100%; height: 323px; background: #f0f0f0; text-align: left }

.iScroll nav { text-align: center; padding-bottom: 3px; position: absolute; display: inline-block; width: 100%; bottom: 5px; right: 5px; font-size: 0; z-index: 300 }

.iScroll nav li { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; opacity: .5; margin: 5px; font-style: normal }

.iScroll nav li.on { opacity: 1 }

.contentsInn { width: 100%; height: auto; overflow: hidden }

@media screen and (max-width: 1024px) {
  article#wrap, .inc { width: 1023px }

  #studioBase #studioMessage h1, #studioBase #studioStatus h1 { width: 670px }

  #studioBase #studioMessage h2, #studioBase #studioStatus h2 { width: 670px }

  #studioPhoto ul li a { height: 506px; max-height: 292px }

  #teachers ul li a { height: 340px; max-height: 340px }

  .iScroll .hd { height: 574px }

  .iScroll .hd a { height: 574px !important }

  #videoList .iScroll .hd a:before { top: 34%; left: 40% }

  #userComment .doComment ul li .stars { zoom: 0.5 }

  #userComment .doComment ul li .score, #userComment .doComment ul li p, #userComment .doComment ul li .stars { vertical-align: middle }

  .ptrNameCard, .getBack { width: 100% !important; max-width: 100% !important }

  .page-map #wrap, .page-map #pageMap, .page-map #address { max-width: 100% !important }

  .ptrNameCard.paid { margin: 40px 0 }

  footer .inc a:before { left: 40% }

  footer .inc a strong { left: 36% }
}

@media screen and (max-width: 768px) {
  article#wrap, .inc { width: 768px }

  #studioBase #studioMessage h1, #studioBase #studioStatus h1 { width: 670px }

  #studioBase #studioMessage h2, #studioBase #studioStatus h2 { width: 290px }

  #studioPhoto ul li a { height: 220px; max-height: 221px }

  #teachers ul li a { height: 254px; max-height: 254px }

  .iScroll .hd { height: 433px }

  .iScroll .hd a { height: 433px !important }

  #videoList .iScroll .hd a:before { top: 34%; left: 40% }

  #userComment .doComment ul li .stars { zoom: 0.5 }

  #userComment .doComment ul li .score, #userComment .doComment ul li p, #userComment .doComment ul li .stars { vertical-align: middle }

  .ptrNameCard, .getBack { width: 100% !important; max-width: 100% !important }

  .page-map #wrap, .page-map #pageMap, .page-map #address { max-width: 100% !important }

  .ptrNameCard.paid { margin: 40px 0 }

  footer .inc a:before { left: 35% }

  footer .inc a strong { left: 23% }
}

@media screen and (max-width: 479px) {
  article#wrap, .inc { width: auto }

  .iScroll .hd { height: 282px }

  .iScroll .hd a { height: 282px !important }
}

@media screen and (min-width: 385px) and (max-width: 432px) {
  .page-video ul li a p img { height: 107px }

  .iScroll .hd { height: 282px }

  .iScroll .hd a { height: 282px }

  #studioPhoto ul li a { height: 120px }

  #teachers ul li a { height: 137px }

  #studioBase .banner { height: 216px; overflow: hidden }

  #address aside.message p .phoneNumber { width: 285px }

  .page-report .form li p input { width: 70% }
}

@media screen and (min-width: 376px) and (max-width: 384px) {
  .page-video ul li a p img { height: 97px }

  .iScroll .hd { height: 266px }

  .iScroll .hd a { height: 266px !important }

  #studioPhoto ul li a { height: 110px }

  #teachers ul li a { height: 127px }

  #studioBase .banner { height: 201px; overflow: hidden }

  #studioBase h1 { width: 280px }

  #studioBase h1 span { line-height: 12px }

  #studioBase h1 span:before { top: 2px }

  #address aside.message p .phoneNumber { width: 260px }

  .page-report .form li p input { width: 70% }
}

.page-map { position: relative; background: #fff; overflow-y: auto; height: 100% }

.page-map #wrap, .page-map #pageMap { margin: 0 auto; max-width: 480px; width: 100%; height: 100%; padding: 0 }

.page-map #address { width: 100%; max-width: 480px; background: #fff; overflow: visible; position: relative; position: absolute; bottom: 0 }

.page-map #address .sAddress { overflow: visible }

.page-map #address .showAll { -webkit-transform: scale(0.6, 0.6); position: absolute; z-index: 500; top: -22px; left: 50%; margin-left: -36px; display: block; width: 78px; height: 28px; overflow: hidden; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -16px -518px }

.page-map #address dd { display: none }

.page-map #address dd:nth-child(1), .page-map #address dd:nth-child(2) { display: block }

.page-map #address.all dd { display: block }

@media screen and (min-width: 361px) and (max-width: 375px) {
  .page-video ul li a p img { height: 97px }

  .iScroll .hd { height: 260px !important }

  .iScroll .hd a { height: 260px }

  #studioPhoto ul li a { height: 107px }

  #teachers ul li a { height: 124px }

  #photoList .contents .controll a, #videoList .contents .controll a, #videoList .contents .controll a { font-size: 10px }

  #studioBase .banner { height: 196px; overflow: hidden }

  #studioBase #studioMessage h1, #studioBase #studioStatus h1 { width: 280px }

  #studioBase #studioMessage h2, #studioBase #studioStatus h2 { width: 280px }

  #studioBase #studioMessage .follow a, #studioBase #studioStatus .follow a { font-size: 12px }

  #studioBase #studioMessage .follow a span i, #studioBase #studioStatus .follow a span i { display: none }

  #studioBase #studioStatus ul li { margin-right: 5px }

  #address aside.message p .phoneNumber { width: 245px }

  .page-report h1 { padding: 0 8px }

  .page-report .form li p input { width: 70% }
}

@media screen and (min-width: 321px) and (max-width: 360px) {
  .page-video ul li a p img { height: 97px }

  .iScroll .hd { height: 242px }

  .iScroll .hd a { height: 242px !important }

  #studioPhoto ul li a { height: 103px }

  #teachers ul li a { height: 127px }

  #photoList .contents .controll a, #videoList .contents .controll a, #videoList .contents .controll a { font-size: 10px }

  #studioBase .banner { height: 189px; overflow: hidden }

  #studioBase #studioMessage h1, #studioBase #studioStatus h1 { width: 280px }

  #studioBase #studioMessage h1 span, #studioBase #studioStatus h1 span { line-height: 12px }

  #studioBase #studioMessage h1 span:before, #studioBase #studioStatus h1 span:before { top: 2px }

  #studioBase #studioMessage h2, #studioBase #studioStatus h2 { width: 280px }

  #studioBase #studioMessage .follow a, #studioBase #studioStatus .follow a { font-size: 12px }

  #studioBase #studioMessage .follow a span i, #studioBase #studioStatus .follow a span i { display: none }

  #studioBase #studioStatus ul li { margin-right: 5px }

  #address aside.message p .phoneNumber { width: 230px }

  .page-report h1 { padding: 0 8px }

  .page-report .form li p input { width: 70% }
}

@media screen and (max-width: 320px) {
  .page-video ul li a p img { height: 83px }

  nav.pageLabel.environment a { width: 14% !important }

  nav.pageLabel.excellent a { width: 12% !important }

  .iScroll .hd { height: 230px }

  .iScroll .hd a { height: 230px !important }

  #studioPhoto ul li a { height: 91px }

  #teachers ul li { width: 32.7%; margin-right: 0.3% }

  #teachers ul li a { height: 106px }

  #studioBase .banner { height: 167px; overflow: hidden }

  #studioBase #studioMessage h1, #studioBase #studioStatus h1 { width: 240px }

  #studioBase #studioMessage h2, #studioBase #studioStatus h2 { width: 240px }

  #studioBase #studioMessage .follow a, #studioBase #studioStatus .follow a { font-size: 12px }

  #studioBase #studioMessage .follow a span i, #studioBase #studioStatus .follow a span i { display: none }

  #studioBase #studioStatus ul li a { padding: 18px 1px 0 1px }

  #address aside.message p .phoneNumber { width: 195px }

  .page-report h1 { padding: 0 8px }

  .page-report .form li p input { width: 70% }

  nav a { padding: 0 2px 0 3px !important }

  footer .inc a strong { left: 23% }
}

.pswp__button--share { display: none !important }

.getBack { width: 100%; max-width: 480px; margin: 10px auto; background: #fff; text-align: center; line-height: 50px; height: 50px; font-size: 16px }

.getBack a { display: block; padding: 0 2.5%; width: 95% }

.getBack strong::before { position: relative; top: 12px; content: ''; display: inline-block; -webkit-transform: scale(0.6, 0.6); vertical-align: top; width: 26px; height: 26px; background: url(https://image2.bjmeishu.com/hsadmin/studio_new/icons.png) no-repeat -205px -414px }