@charset "UTF-8";
/* base */
html {
  color: #000;
  font: 400 13.9167px/1.5em "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;
  height: 100%; }

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: none; }

a {
  color: #000;
  text-decoration: none; }

.noword {
  line-height: 999em; }

* a {
  cursor: pointer; }

.text-overflow, .vedio figcaption h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

#studioInfo aside .phone, #studioInfo .imgList a figure figcaption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.studioPage .studioNav a, .studioPage .teacherList .teachers a figcaption, .studioPage .paint .paintList figure figcaption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

#headlines li aside h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

#studio li figure figcaption h2 a, #studio li figure figcaption p a span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

#subheadfold .subheadtitle .h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

#personalMessage .wallPic .accountMessage .innerContent .nickname, #personalMessage .wallPic .accountMessage .innerContent .basicMessage {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
#personalMessage .otherMessage .innerContent .organization p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

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

.hide {
  display: none;
  display: none; }

.hidding {
  display: none; }

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.clearfix {
  zoom: 1; }
.clearfix:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.w940 {
  position: relative;
  width: 960px;
  margin: 0 auto;
  /*font-size: 0;*/ }

.w230 {
  width: 230px; }

.w300 {
  width: 300px; }

.m-15 {
  margin-top: 15px; }

body {
  background-color: white; }

#wrap {
  font-size: 0; }
#wrap .header {
  height: 70px;
  padding: 25px 0; }
#wrap .header .logo {
  margin: 5px 60px  0 0;
  float: left;
  width: 290px;
  height: 60px; }
#wrap .header .logo img {
  display: block;
  width: 100%; }
#wrap .header .search {
  float: left;
  height: 43px;
  margin-top: 13.5px; }
#wrap .header .search .input {
  float: left;
  width: 502px;
  height: 39px; }
#wrap .header .search .input input {
  border: 2px solid #08b4d9;
  height: 100%;
  width: 418px;
  text-indent: 10px;
  outline: none; }
#wrap .header .search .s-btn {
  cursor: pointer;
  width: 80px;
  height: 43px;
  background-color: #08b4d9;
  color: white;
  font-size: 16px;
  outline: none; }
#wrap .header .search .question {
  float: left;
  width: 95px;
  height: 41px;
  line-height: 41px;
  text-align: center;
  margin-left: 12px;
  font-size: 16px;
  border: 1px solid #c2c2c2;
  background-color: #f2f2f2;
  color: #393939;
  outline: none; }
#wrap .header .h-icon {
  margin-top: 9px;
  display: inline-block;
  margin-left: 155px;
  width: 52px;
  height: 52px; }
#wrap .header .h-icon img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%; }
#wrap .nav {
  min-width: 1200px;
  background-color: #353a3e; }
#wrap .nav ul {
  height: 42px; }
#wrap .nav ul li {
  float: left;
  height: 100%;
  text-align: center;
  width: 150px;
  position: relative; }
#wrap .nav ul li a {
  display: block;
  height: 100%; }
#wrap .nav ul li a span {
  margin-top: 13px;
  display: inline-block;
  width: 100%;
  height: 22px;
  border-right: 1px solid white;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  color: white; }
#wrap .nav ul li.more {
  position: relative; }
#wrap .nav ul li.more .m-word::after {
  position: absolute;
  right: 28px;
  top: 16px;
  content: '';
  width: 13px;
  height: 7px;
  background: url(../images_content/arrow1.png) no-repeat; }
#wrap .nav ul li.more .m-list {
  display: none;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  z-index: 9999;
  background-color: #353a3e; }
#wrap .nav ul li.more .m-list p {
  height: 42px; }
#wrap .nav ul li.more .m-list p a {
  outline: none; }
#wrap .nav ul li.more .m-list p a span {
  border-right: none; }
#wrap .nav ul li.more:hover .m-word::after {
  background: url(../images_content/arrow2.png) no-repeat; }
#wrap .nav ul li.more:hover .m-list {
  display: block; }
#wrap .nav ul li.go-other {
  float: right;
  width: auto;
  margin-right: 12px; }
#wrap .nav ul li.go-other a {
  border: none;
  font-size: 14px;
  outline: none;
  margin: 0 9px 0 0;
  height: 100%;
  line-height: 42px;
  display: block;
  color: white; }
#wrap .nav ul li.go-other a:before {
  content: '';
  display: inline-block;
  margin: 9px 12px 0 0;
  height: 24px;
  width: 16px;
  background: url(../images_content/tel-icon.png) no-repeat;
  vertical-align: top; }
#wrap .m-slide {
  height: 417px;
  padding: 22px 0; }
#wrap .m-slide .m-s-left {
  width: 875px;
  height: 417px;
  float: left; }
#wrap .m-slide .m-s-left li {
  height: 100%;
  width: 875px;
  float: left; }
#wrap .m-slide .m-s-left li a, #wrap .m-slide .m-s-left li img {
  display: block;
  width: 100%;
  height: 100%; }
#wrap .m-slide .m-s-right {
  height: 417px;
  float: right;
  width: 300px; }
#wrap .m-slide .m-s-right .down-box {
  background-color: #353a3e;
  height: 132px;
  padding-top: 20px; }
#wrap .m-slide .m-s-right .down-box .d-words {
  position: relative;
  width: 80%;
  margin: 0 auto;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  color: white;
  text-indent: 14px; }
#wrap .m-slide .m-s-right .down-box .d-words:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  height: 15px;
  width: 5px;
  background-color: white; }
#wrap .m-slide .m-s-right .down-box .go-down {
  margin-top: 30px;
  height: 34px; }
#wrap .m-slide .m-s-right .down-box .go-down a {
  float: left;
  width: 50%;
  height: 100%;
  outline: none; }
#wrap .m-slide .m-s-right .down-box .go-down a img {
  display: block;
  width: 100%;
  height: 100%; }
#wrap .m-slide .m-s-right .i-info {
  height: 263px;
  width: 298px;
  border: 1px solid #d9d9d9; }
#wrap .m-slide .m-s-right .i-info .p1 {
  font-size: 18px;
  height: 18px;
  padding: 20px 0;
  color: #393939;
  text-align: center; }
#wrap .m-slide .m-s-right .i-info .p2 {
  font-size: 14px;
  color: #888;
  text-align: center; }
#wrap .m-slide .m-s-right .i-info .p2 span {
  color: #ff301b;
  font-size: 28px;
  font-weight: 600; }
#wrap .m-slide .m-s-right .i-info .p3, #wrap .m-slide .m-s-right .i-info .p4 {
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 257px;
  margin: 25px auto 0 auto;
  font-size: 16px; }
#wrap .m-slide .m-s-right .i-info .p3 a, #wrap .m-slide .m-s-right .i-info .p4 a {
  outline: none;
  width: 100%;
  height: 100%;
  display: block; }
#wrap .m-slide .m-s-right .i-info .p3 {
  background-color: #ee584d; }
#wrap .m-slide .m-s-right .i-info .p3 a {
  color: white; }
#wrap .m-slide .m-s-right .i-info .p4 {
  border: 1px solid #d9d9d9;
  box-sizing: border-box; }
#wrap .m-slide .m-s-right .i-info .p4 a {
  color: #393939; }
#wrap .aside {
  vertical-align: top;
  display: inline-block;
  background-color: white; }
#wrap .aside h2 {
  height: 18px;
  line-height: 18px;
  padding: 10px 0 22px 22px;
  font-size: 18px;
  position: relative;
  border-bottom: 1px solid #d9d9d9; }
#wrap .aside h2:before {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  background-color: #ee584d;
  width: 5px;
  height: 26px;
  border-radius: 2.5px; }
#wrap .aside h2 a {
  float: right;
  font-size: 14px;
  color: #999; }
#wrap .aside .a-list .a-item {
  padding: 10px 10px 10px 18px;
  position: relative;
  border-bottom: 1px dotted #dedede; }
#wrap .aside .a-list .a-item:last-of-type {
  border-bottom-color: transparent; }
#wrap .aside .a-list .a-item:before {
  position: absolute;
  content: '';
  left: 1px;
  top: 20px;
  width: 3px;
  height: 3px;
  background-color: #08b4d9;
  border-radius: 50%; }
#wrap .aside .a-list .a-item .a-words {
  font-size: 16px;
  line-height: 24px; }
#wrap .aside .a-list .a-item .a-words span {
  padding-top: 6px;
  font-size: 12px;
  color: #999;
  margin-left: 10px; }
#wrap .aside .a-list .a-item .a-answer {
  padding-top: 6px;
  font-size: 12px;
  color: #999; }
#wrap #main {
  margin: 0 25px;
  width: 620px; }
#wrap #main .pageTool {
  border-color: transparent;
  border-top-color: #08b4d9;
  box-shadow: none;
  background-color: #fafafa;
  width: 618px; }
#wrap #main .pageTool nav {
  height: 100%;
  width: auto;
  margin: 0;
  top: 0; }
#wrap #main .pageTool nav h2 {
  float: left; }
#wrap #main .pageTool nav a {
  height: 100%;
  width: 77px;
  padding: 0;
  margin: 0;
  line-height: 53px;
  background: none;
  color: #000;
  font-size: 16px; }
#wrap #main .pageTool nav a.on {
  color: white;
  background-color: #08b4d9; }
#wrap #main .pageTool p.more {
  height: 100%;
  width: 80px;
  top: 0;
  line-height: 53px; }
#wrap #main .pageTool p.more a.moreBtn {
  font-size: 16px; }
#wrap #main .pageTool p.more a.moreBtn::after {
  top: 24px; }
#wrap #main .pageTool p.more span {
  width: 100%; }
#wrap #main .pageTool p.more span a {
  display: block;
  width: 100%;
  height: 53px;
  line-height: 53px;
  font-size: 16px;
  text-align: center; }
#wrap #main .articleDetail {
  background-color: #fafafa;
  box-shadow: none;
  border: none; }
#wrap .a-right {
  display: inline-block; }
#wrap .footer {
  min-width: 1200px;
  background-color: #08b3d9;
  padding: 35px 0 15px 0;
  height: auto;
  font-size: 0; }
#wrap .footer .d-box3 .d-words {
  display: inline-block;
  width: 351px;
  position: relative; }
#wrap .footer .d-box3 .d-words .go-a, #wrap .footer .d-box3 .d-words .go-i {
  position: absolute;
  width: 183px;
  height: 60px;
  left: 0;
  outline: none; }
#wrap .footer .d-box3 .d-words .go-a {
  top: 58px; }
#wrap .footer .d-box3 .d-words .go-i {
  top: 153px; }
#wrap .footer .d-box3 .d-img {
  width: 100%; }
#wrap .footer .d-box3 .d-img img {
  display: block;
  width: 100%; }
#wrap .footer .d-box3 .f-link {
  display: inline-block;
  vertical-align: top;
  width: 674px;
  margin-left: 170px;
  color: white; }
#wrap .footer .d-box3 .f-link .f1 {
  font-size: 16px;
  padding-bottom: 20px; }
#wrap .footer .d-box3 .f-link .f2 a {
  font-size: 16px;
  color: white;
  line-height: 40px;
  margin-right: 5px; }
#wrap .footer .other {
  margin-top: 60px;
  text-align: center; }
#wrap .footer .other p {
  font-size: 12px;
  color: white;
  text-align: center;
  line-height: 24px; }

.dialog-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7); }
.dialog-mask .d-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }
.dialog-mask .d-wrap .d-img img {
  display: block; }
.dialog-mask .d-wrap .d-close {
  margin-top: 30px; }
.dialog-mask .d-wrap .d-close img {
  display: block;
  margin: 0 auto;
  cursor: pointer; }

.articleDetail .title aside h3 {
  font-weight: 400;
  font-size: 16px; }

.words h2 {
  font-size: 16px; }

.articleDetail .commemt p.base span {
  color: #ccc; }
.articleDetail .commemt p.base a:hover {
  color: #08b4d9; }

.pageMark span.current, .pageMark a:hover {
  background-color: #08b4d9;
  border-color: #08b4d9; }

.p-fixed {
  position: fixed;
  top: 0;
  margin: 0;
  z-index: 999; }

.n-article {
  height: 360px;
  padding-bottom: 35px;
  margin: 30px auto 35px auto;
  border-bottom: 1px solid #E8E8E8; }
.n-article .n-a-left {
  float: left;
  padding: 15px 15px 0 15px;
  box-sizing: border-box;
  width: 360px;
  height: 100%;
  background-color: #fafafa; }
.n-article .n-a-left .l-inner {
  width: 100%;
  height: 100%; }
.n-article .n-a-left .l-inner .l-img {
  height: 204px;
  position: relative; }
.n-article .n-a-left .l-inner .l-img img {
  width: 100%;
  height: 100%;
  display: block; }
.n-article .n-a-left .l-inner .l-img .l-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 14px;
  color: white;
  background-color: rgba(0, 0, 0, 0.4); }
.n-article .n-a-left .l-inner .l-list {
  margin-top: 20px; }
.n-article .n-a-left .l-inner .l-list .l-item {
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  padding-left: 20px;
  position: relative;
  color: #000; }
.n-article .n-a-left .l-inner .l-list .l-item a {
  display: block;
  outline: none; }
.n-article .n-a-left .l-inner .l-list .l-item:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #454C52;
  border-radius: 50%;
  left: 0;
  top: 13px; }
.n-article .n-a-center {
  float: left;
  height: 100%;
  width: 460px;
  padding: 0 40px; }
.n-article .n-a-center .c-list {
  margin-top: 25px; }
.n-article .n-a-center .c-list .i-first {
  height: 96px;
  margin-bottom: 18px; }
.n-article .n-a-center .c-list .i-first .img-box {
  height: 96px;
  width: 96px;
  float: left; }
.n-article .n-a-center .c-list .i-first .img-box img {
  display: block;
  width: 100%;
  height: 100%; }
.n-article .n-a-center .c-list .i-first .i-words {
  overflow: hidden;
  height: 100%;
  padding-left: 15px; }
.n-article .n-a-center .c-list .i-first .i-words .w-title {
  height: 54px;
  line-height: 26px;
  overflow: hidden;
  font-size: 18px; }
.n-article .n-a-center .c-list .i-first .i-words .w-info {
  margin-top: 5px;
  color: #b8b8b8;
  font-size: 12px;
  overflow: hidden; }
.n-article .n-a-center .c-list .c-item {
  height: 32px;
  line-height: 32px; }
.n-article .n-a-center .c-list .c-item a {
  outline: none; }
.n-article .n-a-right {
  float: left;
  height: 100%;
  width: 300px; }
.n-article .n-a-right .go-ques {
  float: right;
  font-size: 12px;
  color: #b8b8b8; }
.n-article .n-a-right .r-item {
  height: 44px;
  line-height: 44px;
  font-size: 16px; }
.n-article .n-a-right .r-item a {
  display: block;
  outline: none; }
.n-article .n-a-right .r-item span {
  float: right;
  font-size: 12px;
  color: #949494; }
.n-article .n-a-title {
  height: 45px;
  position: relative;
  padding-left: 20px;
  font-size: 18px;
  border-bottom: 1px solid #E8E8E8; }
.n-article .n-a-title:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background-color: #F34F4E;
  width: 5px;
  height: 24px;
  border-radius: 2.5px; }
.n-article .n-a-item {
  position: relative;
  padding-left: 20px;
  font-size: 16px; }
.n-article .n-a-item:before {
  content: '';
  position: absolute;
  left: 2px;
  top: 50%;
  background-color: #25B1BE;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.articleDetail .title blockquote {
  right: 0; }
.articleDetail .title blockquote p {
  color: #ee584d;
  background: transparent;
  text-align: right; }
.articleDetail .title blockquote p:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../images_content/arrow3.png) no-repeat;
  margin-right: 10px;
  background-size: cover; }

h5.standR {
  margin-right: 0px; }

.breads {
  width: 1200px;
  height: 70px;
  line-height: 70px;
  margin: 0 auto; }
.breads span {
  color: #989898;
  margin: 0;
  font-size: 14px; }
.breads a {
  color: #989898;
  font-size: 14px;
  font-weight: 400; }
.breads em {
  color: #08B4D9;
  font-size: 14px; }

.answer {
  float: right;
  width: 120px;
  height: 38px !important;
  line-height: 38px !important;
  text-align: center;
  background-color: #EE584D;
  border-radius: 2px;
  color: #ffffff !important;
  margin: 16px 0px;
  display: none; }

.comments {
  width: 584px;
  height: 180px;
  position: relative;
  margin: 0 auto; }

.comments-content {
  padding: 10px;
  outline: none;
  resize: none;
  width: 562px;
  height: 90px;
  margin: 0 auto;
  border: 1px solid #CCCCCC; }

.comments > div {
  position: absolute;
  right: 10px;
  bottom: 75px;
  color: #989898;
  font-size: 14px; }
.comments > div > span {
  color: #FF2D68; }
.comments > a {
  position: absolute;
  right: 0px;
  bottom: 25px;
  background-color: #08B4D9;
  color: #FFFFFF;
  width: 80px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  text-align: center;
  border-radius: 3px; }

#wrap .footer .address p {
  font-size: 12px;
  color: white;
  text-align: center;
  line-height: 24px; }

.commentList {
  margin: 10px 0px; }

.articleDetail .commemt .commentList dd strong, .articleDetail .commemt .commentList dd a, .articleDetail .commemt .commentList dd span, .articleDetail .commemt .commentList dd em, .articleDetail .commemt .commentList dd .word {
  font-size: 14px; }

#main .problems {
  font-size: 16px;
  margin-top: 15px; }
#main .problems h3 {
  height: 18px;
  line-height: 18px;
  padding: 10px 0 15px 22px;
  font-size: 18px;
  position: relative; }
#main .problems h3:before {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  background-color: #ee584d;
  width: 5px;
  height: 26px;
  border-radius: 2.5px; }
#main .problems .a-words {
  font-size: 16px;
  line-height: 24px;
  width: 495px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
#main .problems .a-answer {
  display: inline-block;
  width: 55px;
  line-height: 24px;
  font-size: 12px;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right; }
#main .problems .a-item {
  padding: 5px 10px 5px 18px;
  position: relative; }
#main .problems .a-item a {
  outline: none; }
#main .problems .a-item span {
  display: inline-block;
  width: 37px;
  line-height: 24px;
  font-size: 12px;
  color: #999;
  overflow: hidden; }
#main .problems .a-item:before {
  position: absolute;
  content: '';
  left: 1px;
  top: 15px;
  width: 5px;
  height: 5px;
  background-color: #08b4d9;
  border-radius: 50%; }

/* section start */
.persion-info {
  width: 300px; }
.persion-info .p-name {
  height: 182px;
  position: relative; }
.persion-info .p-name .bg-img {
  display: block;
  height: 100%;
  width: 100%; }
.persion-info .p-name .p-info {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 14px;
  top: 0;
  left: 0;
  color: white; }
.persion-info .p-name .p-info .p-id {
  position: absolute;
  top: 20px;
  left: 15px; }
.persion-info .p-name .p-info .p-focus {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 52px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  background-color: #08b4d8;
  border-radius: 2px;
  cursor: pointer; }
.persion-info .p-name .p-info .p-img {
  position: absolute;
  height: 70px;
  width: 70px;
  border-radius: 70px;
  border: 2px solid white;
  top: 36px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
.persion-info .p-name .p-info .p-words {
  position: absolute;
  top: 120px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
.persion-info .p-name .p-info .p-words .w-18 {
  font-size: 18px;
  margin-bottom: 6px; }
.persion-info .p-all {
  border: 1px solid #d9d9d9;
  border-top-color: transparent;
  height: 120px;
  box-sizing: border-box; }
.persion-info .p-all ul {
  width: 100%;
  height: 100%;
  padding-top: 15px;
  box-sizing: border-box; }
.persion-info .p-all ul li {
  text-align: center;
  width: 33.33%;
  float: left;
  line-height: 18px;
  height: 39px; }
.persion-info .p-all ul li a {
  color: #000;
  outline: none;
  font-size: 14px; }
.persion-info .p-all ul li a span {
  color: #b4b4b4; }
.persion-info .p-all ul li.m-10 {
  margin-top: 10px; }
.persion-info .p-all ul .p-border {
  position: relative; }
.persion-info .p-all ul .p-border:before, .persion-info .p-all ul .p-border:after {
  content: '';
  position: absolute;
  background-color: #d9d9d9;
  width: 2px;
  height: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
.persion-info .p-all ul .p-border:before {
  left: 0; }
.persion-info .p-all ul .p-border:after {
  right: 0; }

.ask {
  position:  absolute;
  top:  10px;
  right:  0;
  padding:  10px;
  max-width: 60%;
  min-width: 35%;
  background:   #fff;
  margin-top:  15px;
  word-break:  break-all; }

.reasks span {
  float:  right;
  position:  relative; }

/*聚合列表页css start*/
.mb20 {
  margin-bottom: 20px; }

.agg {
  width: 855px !important;
  margin: 0 30px 0px 0px !important;
  padding-bottom: 150px;
  overflow: hidden;
  position: relative;
  font-size: 16px; }

.agg-head {
  border: 1px solid #CCCCCC;
  padding: 10px;
  overflow: hidden; }

.agg h3 {
  height: 22px;
  line-height: 22px;
  padding: 10px 0 22px 22px;
  font-size: 22px;
  position: relative;
  border-bottom: 1px solid #d9d9d9;
  font-weight: bold; }
.agg h3 > a {
  float: right;
  font-size: 14px;
  color: #999; }
.agg ul {
  padding: 10px 0px;
  overflow: hidden; }

.agg-body {
  border: 1px solid #CCCCCC;
  padding: 10px;
  overflow: hidden; }

.agg > .agg-body > ul > li {
  float: left;
  width: 128px;
  padding: 5px; }
.agg > .agg-body > ul > li > a {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  width: 100%;
  line-height: 25px;
  outline-style: none;
  font-size: 14px; }
.agg > .agg-body > ul > li > a:hover {
  color: #08b4d9; }
.agg ~ .a-right > .aside > .item {
  overflow: hidden;
  padding: 10px; }
.agg ~ .a-right > .aside > .item > a {
  font-size: 14px;
  margin-right: 10px; }
.agg ~ .a-right > .aside > .item > a:hover {
  color: #08b4d9;
  text-decoration: underline; }
.agg > .agg-body > .agg-nav {
  height: 22px;
  line-height: 22px;
  padding: 10px 22px 22px 22px;
  font-size: 22px;
  position: relative;
  border-bottom: 1px solid #d9d9d9;
  font-weight: bold; }
.agg > .agg-body > .agg-nav > .on {
  color: #08b4d9;
  float: left; }
.agg > .agg-body > .agg-nav > a {
  display: inline-block;
  width: 23px;
  height: 25px;
  line-height: 25px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  float: right; }
.agg > .agg-body > .agg-nav > a:hover {
  color: #08b4d9;
  outline: none; }

/*聚合详情页css start*/
/*院校详情css start*/
#main.shcoolDetails {
  width: 620px; }
#main.shcoolDetails .sd-head {
  width: 100%;
  height: 166px;
  background: url(../images/s-head.jpg) no-repeat center/cover;
  box-sizing: border-box;
  padding: 32px 18px; }
#main.shcoolDetails .sd-head .sd-left {
  width: 94px;
  height: 94px;
  display: inline-block;
  border-radius: 50%;
  border: 4px solid rgba(242, 242, 242, 0.95);
  overflow: hidden;
  float: left; }
#main.shcoolDetails .sd-head .sd-left img {
  width: 100%;
  height: 100%; }
#main.shcoolDetails .sd-head .sd-middle {
  height: 102px;
  overflow: hidden;
  line-height: normal;
  color: #fff;
  padding: 0 18px; }
#main.shcoolDetails .sd-head .sd-middle .p1 {
  font-size: 24px;
  color: #fff; }
#main.shcoolDetails .sd-head .sd-middle .p1 > a {
  font-size: 24px;
  color: #fff; }
#main.shcoolDetails .sd-head .sd-middle .p2 {
  font-size: 14px; }
#main.shcoolDetails .sd-head .sd-right {
  width: 120px;
  height: 102px;
  line-height: 38px;
  float: right;
  text-align: center;
  font-size: 14px; }
#main.shcoolDetails .sd-head .sd-right .a1 {
  display: block;
  border-radius: 4px;
  background-color: #08b4d9;
  color: #fff; }
#main.shcoolDetails .sd-head .sd-right .a2 {
  display: block;
  border-radius: 4px;
  background-color: #fff;
  margin-top: 26px; }
#main.shcoolDetails .sd-info {
  margin-top: 20px;
  background-color: #fafafa;
  font-size: 14px;
  color: #333;
  text-indent: 28px;
  line-height: 24px;
  padding: 20px; }
#main.shcoolDetails .sd-info > p:not(:first-child) {
  margin-top: 10px; }
#main.shcoolDetails .sd-headline {
  margin-top: 20px; }
#main.shcoolDetails .sd-headline strong {
  font-size: 20px !important; }
#main.shcoolDetails .sd-topic {
  margin-top: 20px; }

/*院校详情css end*/
/*画室主页 start*/
#wrap #main.studioHomePage .details .home {
  display: block;
  width: 474px;
  height: 273px;
  float: left; }
#wrap #main.studioHomePage .details .home img {
  width: 100%;
  height: 100%; }
#wrap #main.studioHomePage .details .home p {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 12px;
  position: absolute;
  right: 20px;
  top: 20px;
  padding: 2px 10px;
  border-radius: 20px; }
#wrap #main.studioHomePage .details .info {
  overflow: hidden;
  padding-left: 20px; }
#wrap #main.studioHomePage .details .info .title {
  font-size: 24px;
  color: #333; }
#wrap #main.studioHomePage .details .info .title img {
  margin-left: 5px; }
#wrap #main.studioHomePage .details .info .scope .p1 {
  font-size: 14px;
  color: #999; }
#wrap #main.studioHomePage .details .info .scope .p2 {
  font-size: 18px;
  color: #999; }
#wrap #main.studioHomePage .details .info .scope .p3 {
  font-size: 28px;
  color: #ff2d68; }
#wrap #main.studioHomePage .details .info .scope .p_stars {
  vertical-align: top;
  margin: 17px 0px; }
#wrap #main.studioHomePage .details .info .desc {
  font-size: 14px;
  color: #333; }
#wrap #main.studioHomePage .details .info .label {
  height: 35px;
  line-height: 35px; }
#wrap #main.studioHomePage .details .info .label p {
  display: inline;
  padding: 5px 10px;
  border: 1px solid #333;
  border-radius: 3px;
  font-size: 14px;
  color: #505050;
  margin-right: 10px; }
#wrap #main.studioHomePage .details .info .button {
  display: block;
  width: 110px;
  height: 35px;
  line-height: 35px;
  background: #08b4d9;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  font-size: 14px; }
#wrap #main.studioHomePage .details .hd li a {
  position: relative;
  display: block;
  width: 292.5px;
  height: 162px; }
#wrap #main.studioHomePage .details .hd li a img {
  width: 100%;
  height: 100%; }
#wrap #main.studioHomePage .details .hd li a p {
  width: 100%;
  height: 26px;
  line-height: 26px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 14px;
  text-align: center; }
#wrap #main.studioHomePage .course table {
  width: 100%; }
#wrap #main.studioHomePage .course table tr {
  width: 100%; }
#wrap #main.studioHomePage .course table tr th:nth-child(1) {
  width: 400px; }
#wrap #main.studioHomePage .course table tr th:nth-child(2) {
  width: 200px; }
#wrap #main.studioHomePage .course table tr th:nth-child(3) {
  width: 200px; }
#wrap #main.studioHomePage .course table tr th:nth-child(4) {
  width: 200px; }
#wrap #main.studioHomePage .course table tr th:nth-child(5) {
  width: 200px; }
#wrap #main.studioHomePage .course table tr th {
  height: 50px;
  text-align: center;
  font-size: 16px;
  color: #666; }
#wrap #main.studioHomePage .course table tr td {
  height: 80px;
  font-size: 14px;
  color: #666;
  text-align: center; }
#wrap #main.studioHomePage .course table tr td img {
  width: 60px;
  height: 60px; }
#wrap #main.studioHomePage .course table tr td a {
  font-size: 14px; }
#wrap #main.studioHomePage .course table tr td:nth-child(1) {
  text-align: right;
  font-size: 0; }
#wrap #main.studioHomePage .course table tr td:nth-child(2) {
  text-align: left;
  padding-left: 20px;
  color: #999;
  font-size: 12px; }
#wrap #main.studioHomePage .teachers .szSwiper {
  height: 187px;
  overflow: hidden;
  position: relative; }
#wrap #main.studioHomePage .teachers .szSwiper > div {
  height: 100%; }
#wrap #main.studioHomePage .teachers .szSwiper > div > a {
  float: left;
  display: block;
  width: 187px;
  height: 187px; }
#wrap #main.studioHomePage .teachers .szSwiper > div > a img {
  width: 100%;
  height: 100%; }
#wrap #main.studioHomePage .teachers .szSwiper > div > a p {
  height: 30px;
  line-height: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  font-size: 14px; }
#wrap #main.studioHomePage .teachers .szSwiper .prev {
  width: 70px;
  height: 70px;
  cursor: pointer;
  position: absolute;
  z-index: 1;
  left: -35px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.5) url(../images/arrow4.png) no-repeat 42px center;
  border-radius: 50%; }
#wrap #main.studioHomePage .teachers .szSwiper .next {
  width: 70px;
  height: 70px;
  cursor: pointer;
  position: absolute;
  z-index: 1;
  right: -35px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.5) url(../images/arrow5.png) no-repeat 15px center;
  border-radius: 50%; }
#wrap #main.studioHomePage .teachers > ul li a {
  display: block;
  width: 187px;
  height: 187px;
  margin: auto;
  position: relative; }
#wrap #main.studioHomePage .teachers > ul li a img {
  width: 100%;
  height: 100%; }
#wrap #main.studioHomePage .teachers > ul li a p {
  height: 30px;
  line-height: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  font-size: 14px; }
#wrap #main.studioHomePage .assess .syn {
  width: 100%;
  height: 90px;
  line-height: 90px;
  box-sizing: border-box;
  padding-top: 25px; }
#wrap #main.studioHomePage .assess .syn li:first-child {
  float: left;
  width: 140px;
  height: 100%;
  border-right: 1px solid #d9d9d9;
  text-align: center; }
#wrap #main.studioHomePage .assess .syn li:first-child p {
  height: 35px;
  line-height: 35px;
  color: #ff2d68;
  font-size: 18px;
  text-align: center; }
#wrap #main.studioHomePage .assess .syn li:not(:first-child) {
  float: left;
  width: 200px;
  height: 65px;
  line-height: normal;
  padding: 0px 15px; }
#wrap #main.studioHomePage .assess .syn li:not(:first-child) .f {
  display: inline-block;
  height: 65px;
  line-height: 65px;
  font-size: 14px;
  color: #666;
  margin-right: 15px;
  vertical-align: top; }
#wrap #main.studioHomePage .assess .syn li:not(:first-child) .p_stars {
  margin: 25px 0px; }
#wrap #main.studioHomePage .assess .comment {
  height: 140px;
  position: relative;
  margin: 0 auto; }
#wrap #main.studioHomePage .assess .comment .comment-content {
  padding: 10px;
  box-sizing: border-box;
  outline: none;
  resize: none;
  width: 100%;
  height: 90px;
  margin: 0 auto;
  border: 1px solid #ccc; }
#wrap #main.studioHomePage .assess .comment a {
  position: absolute;
  right: 0px;
  bottom: 10px;
  background-color: #08B4D9;
  color: #FFFFFF;
  width: 80px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  text-align: center;
  border-radius: 3px; }
#wrap #main.studioHomePage .assess .comment p {
  position: absolute;
  left: 10px;
  bottom: 15px;
  font-size: 14px; }
#wrap #main.studioHomePage .assess .comment p span {
  color: #08B4D9; }
#wrap #main.studioHomePage .assess .list li {
  overflow: hidden;
  background: #fafafa; }
#wrap #main.studioHomePage .assess .list li > a {
  display: block;
  width: 50px;
  height: 50px;
  float: left;
  margin: 20px; }
#wrap #main.studioHomePage .assess .list li > a img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  text-align: center; }
#wrap #main.studioHomePage .assess .list li > div {
  height: 20px; }
#wrap #main.studioHomePage .assess .list li > div strong {
  font-size: 14px;
  color: #666;
  margin-right: 10px; }
#wrap #main.studioHomePage .assess .list li > div em {
  font-size: 14px;
  color: #999;
  margin-right: 20px; }
#wrap #main.studioHomePage .assess .list li > div .p_stars {
  vertical-align: top;
  margin: 2px 15px 0px 0px; }
#wrap #main.studioHomePage .assess .list li p {
  font-size: 14px;
  color: #333; }
#wrap #main.studioHomePage .assess .btn {
  text-align: center;
  padding: 20px; }
#wrap #main.studioHomePage .assess .btn a {
  font-size: 14px;
  color: #666; }
#wrap #main.studioHomePage .assess .btn a em {
  color: #08b4d9; }
#wrap #main.studioHomePage .studioPosition {
  height: 360px; }
#wrap #main.studioHomePage .studioPosition .map {
  float: left;
  width: 520px;
  height: 310px;
  background: #fff;
  margin: 25px 30px 25px 0px; }
#wrap #main.studioHomePage .studioPosition .address {
  padding: 50px 0px; }
#wrap #main.studioHomePage .studioPosition .address dd {
  margin-bottom: 10px; }
#wrap #main.studioHomePage .studioPosition .address .name {
  font-size: 18px;
  color: #333; }
#wrap #main.studioHomePage .studioPosition .address .add {
  font-size: 14px;
  color: #666; }
#wrap #main.studioHomePage .studioPosition .address .chgMap {
  font-size: 14px;
  color: #666; }
#wrap #main.studioHomePage .article .title {
  text-align: center;
  margin-top: 20px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #ccc; }
#wrap #main.studioHomePage .article .title .h3 {
  padding-bottom: 10px;
  font-size: 22px;
  white-space: normal;
  color: #333333; }
#wrap #main.studioHomePage .article .title .times {
  font-size: 14px;
  color: #999999; }
#wrap #main.studioHomePage .article .info {
  line-height: 200%;
  color: #333;
  font-size: 16px;
  width: 860px;
  margin: auto;
  padding: 30px; }
#wrap #main.studioHomePage .article .info img {
  max-width: 800px; }
#wrap #main.studioHomePage .live .playback li .pre {
  position: relative;
  display: block;
  width: 292.5px;
  height: 162px;
  overflow: hidden; }
#wrap #main.studioHomePage .live .playback li .pre img {
  width: 100%;
  height: 100%; }
#wrap #main.studioHomePage .live .playback li .pre .bottom {
  width: 100%;
  height: 26px;
  line-height: 26px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 0 10px;
  box-sizing: border-box; }
#wrap #main.studioHomePage .live .playback li .pre .bottom .people {
  float: left;
  font-size: 12px;
  color: #f2f2f2; }
#wrap #main.studioHomePage .live .playback li .pre .bottom .praise {
  float: right;
  font-size: 12px;
  color: #f2f2f2; }
#wrap #main.studioHomePage .live .playback li .pre .bottom .comment {
  display: block;
  font-size: 12px;
  color: #f2f2f2;
  overflow: hidden;
  text-align: right;
  padding-right: 10px; }
#wrap #main.studioHomePage .live .playback li .link {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  color: #333;
  font-size: 16px;
  margin: 15px 0px; }

/*画室主页 end*/
/*图库看大图 start*/
#wrap .galleryBigPic .bigPic .img {
  display: block;
  width: 100%;
  overflow: hidden; }
#wrap .galleryBigPic .bigPic .original {
  display: inline-block;
  color: #08b4d9;
  font-size: 16px;
  margin: 20px 0px;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent; }
#wrap .galleryBigPic .bigPic .original:hover {
  border-bottom: 1px solid #08b4d9; }
#wrap .galleryBigPic .bigPic .desc {
  font-size: 16px;
  color: #333;
  text-align: left; }
#wrap .galleryBigPic .bigPic .label {
  text-align: left;
  margin-top: 20px; }
#wrap .galleryBigPic .bigPic .label a {
  line-height: 25px;
  font-size: 14px;
  color: #08b4d9;
  margin-right: 10px;
  vertical-align: text-bottom;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent; }
#wrap .galleryBigPic .bigPic .label a:hover {
  border-bottom: 1px solid #08b4d9; }
#wrap .galleryBigPic .bigPic .label .imgLabel {
  width: 20px;
  height: 20px;
  margin-right: 10px; }

/*图库看大图 end*/
/*----------------------------------------------------------------------------------*/
.icons::before, .icons::after {
  content: "";
  display: inline-block;
  position: relative;
  top: -4px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url("icon.png") -328px -68px; }
.icons.before::before {
  margin-right: 5px; }
.icons.before::after {
  display: none; }
.icons.after::after {
  margin-left: 5px; }
.icons.after::before {
  display: none; }
.icons.commented::before {
  background: url("icon.png") -329px -100px; }
.icons.support::before {
  background: url("icon.png") -329px -133px; }
.icons.showComment::after {
  background: url("icon.png") -329px -162px; }
.icons.showComment.on::after {
  background: url("icon.png") -329px -190px; }
.icons.feed::before {
  width: 25px;
  height: 25px;
  top: -3px;
  background-position: -109px -151px; }
.icons.studio0::after {
  top: 0;
  left: 42px;
  background-position: -268px -222px; }
.icons:hover.eyes::before {
  background: url("icon.png") -363px -68px; }
.icons:hover.commented::before {
  background: url("icon.png") -364px -100px; }
.icons:hover.support::before {
  background: url("icon.png") -364px -133px; }
.icons:hover.showComment::after {
  background: url("icon.png") -364px -162px; }
.icons:hover.showComment.on::after {
  background: url("icon.png") -364px -190px; }

.crown {
  position: absolute;
  left: 7px;
  top: 11px;
  width: 48px;
  height: 31px;
  background: url("icon.png") -9px -249px no-repeat; }
.crown.silver {
  background-position: -9px -285px; }
.crown.copper {
  background-position: -9px -334px; }

.vedio {
  width: 100%;
  height: 100%; }
.vedio figcaption {
  font-size: 12px;
  line-height: 22px; }
.vedio figcaption h3 {
  font-weight: bold;
  color: #333333;
  white-space: nowrap; }
.vedio figcaption p {
  color: #999999;
  font-weight: bold; }

/*.next {
  position: absolute;
  right: 24px;
  font-size: 14px;
  color: #999999;

  &::before {
    position: absolute;
    top: 24px;
    top: 21px;
    right: -19px;
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: url("icon.png") -141px -44px no-repeat;
  }
}*/
.stars {
  position: relative;
  bottom: 2px;
  display: inline-block;
  height: 24px;
  font-size: 0;
  letter-spacing: 0;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden; }
.stars label {
  display: inline-block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  font-size: 0;
  background: url(star.png) repeat-x 0 -26px; }
.stars label input {
  margin: -80px 0 0 -80px; }

.star0 label, .star1 label:nth-child(1) ~ label, .star2 label:nth-child(2) ~ label, .star3 label:nth-child(3) ~ label, .star4 label:nth-child(4) ~ label {
  background: url(star.png) no-repeat 0 0; }

.stars.sstars label {
  vertical-align: middle;
  display: inline-block;
  width: 14px;
  height: 14px;
  overflow: hidden;
  background: url(star.png) repeat-x -31px -26px !important; }
.stars.sstars.star0 label {
  vertical-align: middle;
  background: url(star.png) no-repeat -28px 0px !important; }
.stars.sstars.star1 label:nth-child(1) ~ label {
  background: url(star.png) no-repeat -28px 0px !important;
  vertical-align: middle; }
.stars.sstars.star2 label:nth-child(2) ~ label, .stars.sstars.star3 label:nth-child(3) ~ label, .stars.sstars.star4 label:nth-child(4) ~ label {
  background: url(star.png) no-repeat -28px 0px !important; }

header {
  width: 100%;
  height: 70px;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid #efefef;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
header #logo {
  position: relative;
  width: 250px;
  overflow: hidden; }
header #logo a img {
  position: relative;
  left: -25px;
  top: -70px; }
header nav {
  position: absolute;
  left: 340px;
  top: 23px;
  font-size: 0; }
header nav a {
  position: relative;
  display: inline-block;
  width: 80px;
  margin-right: 0px;
  font-size: 16px;
  text-align: center;
  color: #666; }
header nav a.long {
  width: 100px; }
header nav a.on, header nav a:hover {
  color: #ff2d68; }
header nav a.on::before, header nav a.on::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 7px;
  width: 6px;
  height: 6px;
  overflow: hidden;
  background: #ff2d68; }
header nav a:hover::before, header nav a:hover::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 7px;
  width: 6px;
  height: 6px;
  overflow: hidden;
  background: #ff2d68; }
header nav a.on::before, header nav a:hover::before {
  display: none;
  left: 8px; }
header nav a.on::after, header nav a:hover::after {
  display: none;
  right: 8px; }

footer {
  margin-top: 70px;
  width: 100%;
  height: 205px;
  background: #fff;
  border-top: 1px solid #efefef;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
footer #footlogo {
  top: 40px;
  position: relative;
  width: 220px;
  height: 60px;
  overflow: hidden; }
footer #footlogo a {
  cursor: default; }
footer #footlogo a img {
  position: relative;
  left: -112px;
  top: -291px; }
footer .contact {
  position: absolute;
  left: 600px;
  top: 45px;
  width: 170px;
  height: 60px;
  font-size: 14px;
  padding: 0 0 0 70px; }
footer .contact .phone {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 55px;
  height: 42px;
  border-right: 1px solid #dadada;
  background: url("icon.png") -177px -142px no-repeat; }
footer .contact h3 {
  font-size: 18px;
  font-weight: 700;
  margin-top: 3px;
  color: #ff2d68; }
footer .qr {
  position: absolute;
  top: 20px;
  right: 0;
  width: 96px;
  text-align: center; }
footer .qr img {
  display: block;
  width: 96px;
  height: 96px; }
footer .copyright {
  text-align: center;
  margin-top: 100px;
  color: #666;
  font-size: 12px; }

#studioInfo {
  position: relative;
  margin-top: 20px;
  padding: 15px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #efefef;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
#studioInfo aside {
  width: 570px; }
#studioInfo aside h1 {
  font-size: 22px; }
#studioInfo aside h1 span {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-left: 5px; }
#studioInfo aside h1 span.honest {
  background: url(icon.png) -249px -270px; }
#studioInfo aside h1 span.vip {
  background: url(icon.png) -289px -270px; }
#studioInfo aside .studioComment {
  position: relative;
  vertical-align: top;
  margin-top: 20px;
  font-size: 0; }
#studioInfo aside .studioComment p {
  display: inline-block;
  margin-right: 20px; }
#studioInfo aside .studioComment .score em {
  display: inline-block;
  position: relative;
  top: -3px;
  margin-left: 10px;
  font-size: 20px;
  font-weight: 700;
  color: #ff2d68; }
#studioInfo aside .studioComment .otherScore {
  top: -3px; }
#studioInfo aside .studioComment .otherScore strong {
  display: inline-block;
  margin-right: 5px;
  font-size: 12px;
  color: #999; }
#studioInfo aside .studioComment .allComment {
  top: -3px; }
#studioInfo aside .studioComment .allComment a {
  border-radius: 5px;
  display: inline-block;
  padding: 0 23px;
  line-height: 26px;
  color: #fff;
  background: #ff2d68;
  font-size: 12px; }
#studioInfo aside .words {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #999; }
#studioInfo aside .phone {
  color: #50b7ff;
  margin: 10px 0;
  font-size: 14px; }
#studioInfo aside .feature {
  font-size: 0; }
#studioInfo aside .feature li {
  display: inline-block;
  font-size: 13px;
  color: #505050;
  margin-right: 8px; }
#studioInfo aside .feature li:before {
  display: inline-block;
  vertical-align: top;
  content: '';
  width: 23px;
  height: 23px;
  zoom: 0.8;
  overflow: hidden;
  background: url(icon.png); }
#studioInfo aside .feature li.pass:before {
  background-position: -23px -376px; }
#studioInfo aside .feature li.closed:before {
  background-position: -69px -376px; }
#studioInfo aside .feature li.classment:before {
  background-position: -109px -376px; }
#studioInfo aside .feature li.single:before {
  background-position: -145px -376px; }
#studioInfo aside .feature li.lesson:before {
  background-position: -185px -376px; }
#studioInfo aside .feature li.refund:before {
  background-position: -222px -376px; }
#studioInfo aside .feature li.gallery:before {
  background-position: -258px -376px; }
#studioInfo .photo-list {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 335px;
  height: 175px;
  overflow: hidden; }
#studioInfo .photo-list article {
  display: block;
  width: 100%;
  height: 100%; }
#studioInfo .photo-list figure {
  display: none; }
#studioInfo .photo-list figure:first-of-type {
  display: block; }
#studioInfo .photo-list figure a, #studioInfo .photo-list figure img {
  display: block;
  width: 100%;
  height: 100%; }
#studioInfo .photo-list p {
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  font-size: 12px;
  letter-spacing: 1px;
  white-space: nowrap;
  padding: 2px 7px;
  color: #fff;
  border-radius: 13px;
  font-weight: 100;
  background: rgba(0, 0, 0, 0.5); }
#studioInfo .imgList {
  margin-top: 15px;
  height: auto;
  overflow: hidden;
  padding: 2px 0;
  font-size: 0;
  width: 950px; }
#studioInfo .imgList a {
  display: inline-block;
  margin-right: 12px;
  margin-left: 1px;
  width: 175px;
  height: 100px; }
#studioInfo .imgList a figure {
  position: relative; }
#studioInfo .imgList a figure img {
  display: block;
  width: 175px;
  height: 100px; }
#studioInfo .imgList a figure figcaption {
  position: absolute;
  bottom: 0;
  width: 175px;
  height: 23px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.5); }

.studioPage .studioNav {
  height: 50px;
  border: 1px solid #efefef;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  font-size: 0;
  white-space: nowrap;
  background: #fff; }
.studioPage .studioNav a {
  display: inline-block;
  width: 106px;
  line-height: 50px;
  background: #fff;
  color: #666;
  font-size: 16px;
  text-decoration: none;
  text-align: center; }
.studioPage .studioNav a:hover, .studioPage .studioNav a.on {
  background: #ff2d68;
  color: #fff; }
.studioPage .pageSection {
  margin-top: 20px;
  border: 1px solid #efefef;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background: #fff; }
.studioPage .pageSection .title {
  width: 615px;
  height: 44px;
  margin: 0 auto 10px auto;
  overflow: hidden;
  border-bottom: 1px solid #d9d9d9; }
.studioPage .pageSection .title em {
  position: relative;
  top: 14px;
  font-size: 18px;
  font-weight: 700;
  color: #ff2d68;
  margin-left: 5px; }
.studioPage .pageSection .title em::before {
  display: inline-block;
  content: '';
  width: 2px;
  height: 15px;
  background: #ff2d68; }
.studioPage .list {
  position: relative;
  font-size: 0;
  width: 615px;
  margin: 0 auto 10px auto;
  overflow: hidden; }
.studioPage .teacherList .teachers {
  white-space: nowrap;
  overflow: hidden; }
.studioPage .teacherList .teachers a {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 120px;
  margin-right: 5px;
  vertical-align: top; }
.studioPage .teacherList .teachers a img {
  width: 100%;
  height: 100%; }
.studioPage .teacherList .teachers a figcaption {
  position: absolute;
  bottom: 0;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 23px;
  line-height: 23px;
  font-size: 12px; }
.studioPage .teacherList p {
  position: absolute;
  z-index: 30;
  top: 40px;
  width: 20px;
  height: 40px; }
.studioPage .teacherList p a {
  display: block;
  width: 20px;
  height: 40px;
  background: url(icon.png) no-repeat; }
.studioPage .teacherList p.prev {
  left: 0; }
.studioPage .teacherList p.prev a {
  background-position: -334px -226px; }
.studioPage .teacherList p.next {
  right: 0; }
.studioPage .teacherList p.next a {
  background-position: -354px -226px; }
.studioPage .videoList {
  width: 620px;
  left: 3px; }
.studioPage .videoList figure {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 150px;
  height: 85px;
  margin-right: 5px;
  margin-bottom: 5px; }
.studioPage .videoList figure a {
  position: relative; }
.studioPage .videoList figure a::before {
  z-index: 100;
  position: absolute;
  display: block;
  top: 23px;
  left: 52px;
  content: '';
  width: 42px;
  height: 42px;
  background: url("icon.png") -350px -283px; }
.studioPage .videoList figure img {
  display: block;
  width: 100%;
  height: 100%; }
.studioPage .paint .title0 {
  margin-bottom: 0; }
.studioPage .paint .excellent-navigation {
  width: 100%;
  height: 49px; }
.studioPage .paint .excellent-navigation li {
  display: inline-block;
  width: 86px;
  height: 49px;
  font-size: 16px;
  text-align: center; }
.studioPage .paint .excellent-navigation li a {
  display: block;
  width: 33px;
  height: 21px;
  margin: 12px auto 14px;
  color: #666666;
  border-bottom: 2px solid transparent; }
.studioPage .paint .excellent-navigation li:hover a, .studioPage .paint .excellent-navigation li.on a {
  border-bottom-color: #ff2d68;
  color: #ff2d68; }
.studioPage .paint .paintList {
  width: 620px;
  left: 3px; }
.studioPage .paint .paintList figure {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 150px;
  height: 85px;
  margin-right: 5px;
  margin-bottom: 5px; }
.studioPage .paint .paintList figure img {
  display: block;
  width: 100%;
  height: 100%; }
.studioPage .paint .paintList figure figcaption {
  display: none;
  position: absolute;
  bottom: 0;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 23px;
  line-height: 23px;
  font-size: 12px; }
.studioPage .paint .addmore {
  text-align: center; }
.studioPage .paint .addmore a {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url("icon.png") -358px -344px; }
.studioPage .address #map {
  vertical-align: top;
  display: inline-block;
  width: 270px;
  height: 270px;
  min-height: 270;
  margin-left: 10px; }
.studioPage .address #map #painterMap {
  width: 270px;
  height: 270px; }
.studioPage .address dl {
  vertical-align: top;
  display: inline-block;
  width: 300px;
  height: auto;
  margin-left: 20px; }
.studioPage .address dl dt {
  margin-top: 3px;
  font-size: 18px;
  font-weight: 700; }
.studioPage .address dl dd {
  margin-top: 18px; }
.studioPage .address dl dd a {
  font-size: 14px; }
.studioPage .address dl dd a strong {
  font-weight: 700; }
.studioPage .studioCommentList .scores {
  margin: 10px 0;
  white-space: nowrap; }
.studioPage .studioCommentList .more {
  margin-bottom: 10px; }
.studioPage .studioCommentList .totalScore {
  margin-top: -5px;
  display: inline-block;
  vertical-align: top;
  height: 65px; }
.studioPage .studioCommentList .totalScore h3 {
  line-height: 45px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #ff2d68; }
.studioPage .studioCommentList .scoreList {
  display: inline-block;
  vertical-align: top;
  height: 40px;
  margin-left: 15px;
  padding-left: 15px;
  overflow: visible;
  font-size: 14px;
  border-left: 1px solid #d9d9d9;
  line-height: 35px;
  margin-top: 10px; }
.studioPage .studioCommentList .scoreList table {
  margin-top: -15px; }
.studioPage .studioCommentList .scoreList strong {
  display: inline-block;
  width: 50px; }
.studioPage .studioCommentList .scoreList p.score {
  position: relative;
  left: -15px;
  margin-right: 35px;
  display: inline-block; }
.studioPage .studioCommentList .list {
  margin: 0 30px; }
.studioPage .lesson thead tr {
  border-bottom: 1px solid #d9d9d9; }
.studioPage .lesson thead tr th {
  line-height: 45px;
  font-size: 14px;
  text-align: center; }
.studioPage .lesson tbody tr {
  font-size: 12px; }
.studioPage .lesson tbody tr td {
  text-align: center; }
.studioPage .lesson tbody tr td:first-of-type {
  text-align: left; }
.studioPage .lesson tbody tr figure img {
  margin: 10px;
  vertical-align: top;
  display: inline-block;
  width: 57px;
  height: 57px; }
.studioPage .lesson tbody tr figure figcaption {
  margin: 10px 10px 10px 0;
  display: inline-block;
  max-width: 230px; }
.studioPage .lesson tbody tr:nth-child(odd) {
  background: #f4f4f4; }

#main {
  display: inline-block;
  vertical-align: top;
  width: 636px;
  margin-top: 16px; }
#main .pageTool {
  position: relative;
  z-index: 30;
  width: auto;
  height: 53px;
  background: #fff;
  border: 1px solid #efefef;
  border-top: 2px solid #ff2d68;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  font-size: 14px; }
#main .pageTool nav {
  position: relative;
  top: 13px;
  display: inline-block;
  width: 310px;
  height: 30px;
  margin: 0 20px;
  line-height: 26px;
  vertical-align: top;
  white-space: nowrap; }
#main .pageTool nav a {
  display: inline-block;
  padding: 0;
  width: 54px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  text-decoration: none;
  margin-right: 5px; }
#main .pageTool nav a.on, #main .pageTool nav a:hover {
  color: #fff;
  background: url("icon.png") -28px -19px; }
#main .pageTool p.more {
  position: relative;
  top: 11px;
  display: inline-block;
  width: 60px;
  height: 30px;
  line-height: 28px;
  text-align: left; }
#main .pageTool p.more a.moreBtn {
  display: inline-block;
  padding: 0 5px 0 5px;
  border: 1px solid #fff;
  border-radius: 3px;
  white-space: nowrap;
  outline: none;
  color: #333;
  text-decoration: none; }
#main .pageTool p.more a.moreBtn::after {
  content: '';
  display: inline-block;
  position: relative;
  top: 12px;
  margin-left: 5px;
  vertical-align: top;
  width: 14px;
  height: 4px;
  background: url("icon.png") -192px -56px; }
#main .pageTool p.more a.moreBtn:hover::after {
  transform: rotate(180deg);
  background-position: -187px -56px; }
#main .pageTool p.more.area a.moreBtn {
  position: relative;
  width: 75px;
  background: #fff;
  z-index: 30; }
#main .pageTool p.more.area span {
  border-top: 1px solid #d2d2d2;
  width: 294px;
  left: -222px;
  top: -5px;
  padding: 5px;
  text-align: left;
  border-top-right-radius: 0; }
#main .pageTool p.more.area span a {
  display: inline-block;
  padding: 0 5px;
  margin: 3px 0; }
#main .pageTool p.more span {
  position: relative;
  top: -7px;
  left: -3px;
  display: none;
  z-index: 5;
  width: 53px;
  background: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  border-top: 0; }
#main .pageTool p.more span a {
  display: block;
  text-align: left;
  padding-left: 5px;
  background: #fff; }
#main .pageTool p.more span a:hover {
  color: #fff;
  background: #ff2d68; }
#main .pageTool .searchBox {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 176px;
  height: 34px;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 3px;
  font-size: 0; }
#main .pageTool .searchBox input {
  padding-left: 15px;
  width: 125px;
  background: #ebebeb;
  line-height: 34px;
  height: 34px; }
#main .pageTool .searchBox button {
  position: relative;
  width: 36px;
  height: 34px;
  background: #ff2d68; }
#main .pageTool .searchBox button::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 10px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background: url("icon.png") -227px -19px; }

.articleDetail {
  position: relative;
  padding: 18px 18px 0 18px;
  background: #fff;
  border: 1px solid #efefef;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin-top: 10px; }
.articleDetail.mc {
  margin: 0; }
.articleDetail .title {
  position: relative;
  width: 580px; }
.articleDetail .title .portrait {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 30px; }
.articleDetail .title .portrait a {
  display: block; }
.articleDetail .title .portrait a img {
  width: 50px;
  height: 50px; }
.articleDetail .title aside {
  position: absolute;
  top: 0;
  left: 60px;
  width: 400px;
  overflow: hidden;
  font-size: 0; }
.articleDetail .title aside h3 {
  line-height: 30px;
  font-size: 14px;
  font-weight: 700; }
.articleDetail .title aside h3 a {
  color: #333; }
.articleDetail .title aside h4 {
  height: 20px; }
.articleDetail .title aside h4 span {
  display: inline-block;
  margin-right: 5px;
  font-size: 12px;
  line-height: 20px;
  color: #999; }
.articleDetail .title blockquote {
  position: absolute;
  /*right: -47px;*/
  top: 0px;
  width: 115px;
  height: 45px;
  overflow: hidden; }
.articleDetail .title blockquote a {
  display: block; }
.articleDetail .title blockquote p {
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  /*  color: #fff;
    text-align: center;
    background: url("icon.png")tpa=http://pccontent.meishubao.com/images/icon.png -290px -19px;*/ }
.articleDetail .title blockquote h5 span {
  float: right;
  margin: 0 4px;
  font-size: 12px;
  line-height: 20px;
  color: #999; }
.articleDetail .words {
  margin: 10px 0 0 60px;
  width: calc(100% - 60px);
  overflow: hidden; }
.articleDetail .words table {
  width: 100%; }
.articleDetail .words h2 {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 15px;
  color: #333; }
.articleDetail .words .imgCollection {
  font-size: 0;
  margin-bottom: 10px; }
.articleDetail .words .imgCollection li {
  vertical-align: top;
  height: auto; }
.articleDetail .words .imgCollection li a {
  display: block;
  font-size: 0;
  outline: none; }
.articleDetail .words .imgCollection li a img {
  display: block;
  font-size: 12px; }
.articleDetail .words .imgCollection.img1 {
  width: 90%; }
.articleDetail .words .imgCollection.img1 img {
  width: 90%; }
.articleDetail .words .imgCollection.img2 {
  width: 100%; }
.articleDetail .words .imgCollection.img2 li {
  display: inline-block;
  width: 49%;
  margin-right: 1%; }
.articleDetail .words .imgCollection.img2 li img {
  width: 100%; }
.articleDetail .words .imgCollection.img3 {
  width: 100%; }
.articleDetail .words .imgCollection.img3 li {
  display: inline-block;
  width: 32%;
  margin-bottom: 1%;
  margin-right: 1%; }
.articleDetail .words .imgCollection.img3 li img {
  width: 100%;
  max-height: 130px; }
.articleDetail .commemt {
  border-top: 1px solid #e9e9e9;
  padding: 8px 0; }
.articleDetail .commemt p.base {
  white-space: nowrap;
  font-size: 0; }
.articleDetail .commemt p.base a {
  display: inline-block;
  width: 197px;
  font-size: 12px;
  padding: 7px 0;
  text-align: center;
  color: #666; }
.articleDetail .commemt p.base a:hover {
  color: #ff2d68; }
.articleDetail .commemt p.base span {
  display: inline-block;
  font-size: 12px;
  color: #666; }
.articleDetail .commemt .commentList {
  margin-top: 10px;
  padding: 0;
  border-top: 1px solid #e9e9e9; }
.articleDetail .commemt .commentList dt {
  position: relative;
  padding: 10px;
  font-size: 0; }
.articleDetail .commemt .commentList dt * {
  display: inline-block;
  font-size: 14px;
  color: #333; }
.articleDetail .commemt .commentList dt span {
  color: #d9d9d9;
  margin: 0 10px; }
.articleDetail .commemt .commentList dt a:hover, .articleDetail .commemt .commentList dt a.on {
  color: #ff2d68; }
.articleDetail .commemt .commentList dt em {
  position: absolute;
  right: 0; }
.articleDetail .commemt .commentList dd {
  position: relative;
  background: #f4f4f4;
  min-height: 30px;
  margin-bottom: 10px;
  padding: 10px 10px 10px 60px;
  font-size: 0; }
.articleDetail .commemt .commentList dd aside {
  position: absolute;
  left: 30px;
  top: 10px;
  width: 25px;
  height: 25px;
  overflow: hidden;
  border-radius: 50%; }
.articleDetail .commemt .commentList dd aside a {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
  width: 100%;
  height: 100%;
  border: none; }
.articleDetail .commemt .commentList dd aside a img {
  display: block;
  width: 100%;
  height: 100%; }
.articleDetail .commemt .commentList dd h3 {
  line-height: 20px; }
.articleDetail .commemt .commentList dd strong, .articleDetail .commemt .commentList dd a, .articleDetail .commemt .commentList dd span, .articleDetail .commemt .commentList dd em {
  display: inline-block;
  margin-right: 10px;
  font-size: 12px; }
.articleDetail .commemt .commentList dd strong {
  color: #666; }
.articleDetail .commemt .commentList dd em {
  color: #999; }

/*.articleDetail .commemt .commentList dd .word {
  font-size: 12px; }*/
.commentList dd .reasks .ask {
  float: right;
  position: relative;
  padding: 10px;
  max-width: 60%;
  min-width: 45%;
  background: #fff;
  margin-top: 15px;
  word-break: break-all; }
.commentList dd .reasks .ask span {
  position: absolute;
  top: 10px;
  right: 0; }

.articleDetail .commemt .more {
  text-align: center; }
.articleDetail .commemt .more a {
  color: #666;
  font-size: 12px; }
.articleDetail .commemt .more span {
  margin: 3px;
  color: #ff2d68; }
.articleDetail .commemt .more em {
  margin-left: 5px;
  font-size: 14px; }

#sideBar {
  display: inline-block;
  width: 298px;
  margin-left: 21px;
  margin-top: 16px;
  font-size: 0; }
#sideBar .app {
  width: 298px;
  background-color: #fff;
  border: 1px solid #ededed;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
#sideBar .app h2 {
  box-sizing: border-box;
  height: 41px;
  font-size: 0; }
#sideBar .app h2 a {
  display: inline-block;
  width: 147px;
  height: 39px;
  border: 1px solid #d9d9d9;
  font-size: 14px;
  color: #333333;
  line-height: 39px;
  vertical-align: top;
  text-align: center;
  background-color: #f4f4f4;
  outline: none; }
#sideBar .app h2 a:hover, #sideBar .app h2 a.on {
  color: #ff2d68;
  width: 149px;
  line-height: 38px;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-top: 2px solid #ff2d68;
  background-color: #fff; }
#sideBar .app .sweep {
  padding: 24px 18px 10px;
  padding: 0 18px 10px; }
#sideBar .app .sweep li {
  display: none;
  padding-top: 24px;
  border-bottom: 1px solid #d9d9d9;
  text-align: center; }
#sideBar .app .sweep li.on {
  display: block; }
#sideBar .app .sweep li figure {
  width: 180px;
  height: 180px;
  padding: 10px 0;
  margin: 0 auto;
  border: 1px solid #d9d9d9; }
#sideBar .app .sweep li figure figcaption {
  margin-top: 6px;
  font-size: 14px; }
#sideBar .app .sweep li strong {
  display: block;
  line-height: 40px;
  color: #b5b5b5;
  font-size: 12px; }
#sideBar .app .sweep .download {
  height: 75px;
  font-size: 14px;
  color: #666666; }
#sideBar .app .sweep .download a {
  position: relative;
  display: inline-block;
  width: 78px;
  height: 55px;
  padding-top: 20px;
  padding-left: 50px; }
#sideBar .app .sweep .download a::before {
  position: absolute;
  top: 23px;
  left: 12px;
  content: '';
  display: inline-block;
  width: 25px;
  height: 29px;
  background: url("icon.png") -40px -148px; }
#sideBar .app .sweep .download a.android::before {
  background-position: -40px -199px; }
#sideBar h4 {
  position: relative;
  margin-top: 16px;
  border: 1px solid #ededed;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  line-height: 46px;
  font-size: 17px;
  color: #ff2d68; }
#sideBar h4 strong {
  padding-left: 84px;
  font-weight: bold; }
#sideBar h4 strong span {
  color: #666666; }
#sideBar h4 em {
  position: absolute;
  top: 12px;
  left: 52px;
  display: inline-block;
  width: 22px;
  height: 21px;
  background: url("icon.png") -262px -155px no-repeat; }
#sideBar .findStudio {
  display: none;
  margin-top: 10px;
  background-color: #fff;
  border: 1px solid #ededed;
  border-top: 2px solid #ff2d68;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 0 15px; }
#sideBar .findStudio h2 {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  text-align: center; }
#sideBar .findStudio h2 a {
  display: block;
  color: #ff2d68; }
#sideBar .findStudio h2 a:focus {
  outline: 0; }
#sideBar .findStudio .content {
  display: none;
  border-top: 1px solid #d9d9d9; }
#sideBar .findStudio .inputBox {
  position: relative;
  width: 264px;
  height: 34px;
  margin-top: 14px; }
#sideBar .findStudio .inputBox input {
  width: 230px;
  height: 34px;
  padding-left: 34px;
  line-height: 34px;
  border: 1px solid #d9d9d9;
  outline: none;
  color: #bcbcbc;
  font-size: 12px; }
#sideBar .findStudio .inputBox input[type=text]:focus {
  border-color: #666666; }
#sideBar .findStudio .inputBox i {
  position: absolute;
  top: 7px;
  left: 9px;
  display: inline-block;
  width: 16px;
  height: 20px;
  background: url("icon.png") -211px -213px; }
#sideBar .findStudio .inputBox i.tel {
  background-position: -211px -245px; }
#sideBar .findStudio blockquote {
  font-size: 20px;
  margin-top: 13px; }
#sideBar .findStudio blockquote h5 {
  line-height: 30px;
  font-size: 12px;
  color: #333333; }
#sideBar .findStudio blockquote div {
  font-size: 0; }
#sideBar .findStudio blockquote div label {
  display: inline-block;
  height: 23px;
  line-height: 23px;
  margin-left: 6px;
  margin-right: 8px;
  margin-top: 5px;
  padding: 0 13px;
  background-color: #ececec;
  font-size: 12px;
  color: #888888;
  cursor: pointer; }
#sideBar .findStudio blockquote div label input {
  display: none; }
#sideBar .findStudio .subBtn {
  width: 100%;
  height: 44px;
  line-height: 44px;
  color: #fff;
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 32px;
  background-color: #ff2d68;
  border-radius: 5px;
  cursor: pointer; }

#mainAdvertisement {
  margin-top: 20px;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); }
#mainAdvertisement figure {
  position: relative; }
#mainAdvertisement figure img {
  display: block;
  width: 960px;
  height: 100px; }
#mainAdvertisement figure figcaption {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 25px;
  height: 25px;
  overflow: hidden; }
#mainAdvertisement figure a.closeBtn {
  display: block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  background: url("icon.png") -183px -19px; }

#vedio-list {
  margin-top: 10px;
  font-size: 0; }
#vedio-list .content {
  width: 900px;
  height: 100%;
  border: 1px solid #d9d9d9;
  border-top: 2px solid #ff2d68;
  padding: 0 19px;
  background-color: #fff; }
#vedio-list .content .nav-menu {
  height: 59px;
  line-height: 59px; }
#vedio-list .content .nav-menu h2 {
  position: relative; }
#vedio-list .content .nav-menu h2 p {
  position: relative;
  display: inline-block; }
#vedio-list .content .nav-menu h2 p a {
  position: relative;
  display: inline-block;
  width: 65px;
  font-size: 14px;
  text-align: center;
  z-index: 10;
  color: #666666; }
#vedio-list .content .nav-menu h2 p a:hover, #vedio-list .content .nav-menu h2 p a.on {
  color: #fff;
  background: url("icon.png") -22px -2px no-repeat; }
#vedio-list .content .list0 .listL {
  display: inline-block;
  width: 280px;
  height: 272px;
  margin-right: 12px;
  vertical-align: top; }
#vedio-list .content .list0 .listL a {
  display: inline-block;
  width: 100%;
  height: 100%; }
#vedio-list .content .list0 .listL a .vedio img {
  width: 280px;
  height: 214px; }
#vedio-list .content .list0 .listL a .vedio figcaption h3 {
  font-size: 14px; }
#vedio-list .content .list0 .listR {
  display: inline-block;
  width: 606px;
  height: 272px;
  font-size: 0; }
#vedio-list .content .list0 .listR li {
  display: inline-block;
  width: 140px;
  height: 136px;
  margin-right: 11px; }
#vedio-list .content .list0 .listR li a {
  display: inline-block;
  width: 100%;
  height: 100%; }
#vedio-list .content .list0 .listR li a .vedio img {
  width: 140px;
  height: 80px; }
#vedio-list .content .list0 .listR li a .vedio figcaption {
  line-height: 20px; }
#vedio-list .content0 {
  margin-top: 10px;
  border-top: 1px solid #d9d9d9;
  height: 223px; }
#vedio-list .content0 .nav-menu0 {
  height: 49px;
  line-height: 49px; }
#vedio-list .content0 .nav-menu0 h3 {
  position: relative;
  color: #666;
  font-size: 14px; }
#vedio-list .content0 .nav-menu0 h3 p {
  display: inline-block; }
#vedio-list .content0 .nav-menu0 h3 #next {
  color: #b5b5b5; }
#vedio-list .content0 .nav-menu0 h3 #next::before {
  top: 20px; }
#vedio-list .content0 .list1 li {
  display: inline-block;
  width: 170px;
  height: 164px;
  margin-right: 10px;
  vertical-align: top; }
#vedio-list .content0 .list1 li img {
  width: 170px;
  height: 100px; }

#headlinesNav {
  margin-top: 0px;
  position: relative;
  height: 53px;
  background: #fafafa;
  /*border: 1px solid #efefef;*/
  border-top: 2px solid #08b4d9;
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
  font-size: 40px;
  line-height: 51px;
  overflow: hidden; }
#headlinesNav.on {
  height: 120px; }
#headlinesNav a {
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 60px;
  font-size: 16px;
  text-align: center; }
#headlinesNav a:hover {
  color: white;
  background-color: #08b4d9; }
#headlinesNav a .m1 {
  display: none; }
#headlinesNav a.recommend::before {
  background-position: -11px 0; }
#headlinesNav a.headlined::before {
  background-position: -52px 0; }
#headlinesNav a.unitedTest::before {
  background-position: -90px 0; }
#headlinesNav a.reportTest::before {
  background-position: -136px 0; }
#headlinesNav a.teacher::before {
  background-position: -174px 0; }
#headlinesNav a.lesson::before {
  background-position: -212px 0; }
#headlinesNav a.artTest::before {
  background-position: -289px -36px; }
#headlinesNav a.moreNav::before {
  background-position: -252px -2px; }
#headlinesNav a.fold::before {
  background-position: -286px -66px; }
#headlinesNav a.news::before {
  background-position: -13px -36px; }
#headlinesNav a.description::before {
  background-position: -52px -36px; }
#headlinesNav a.drawing::before {
  background-position: -90px -36px; }
#headlinesNav a.art::before {
  background-position: -136px -36px; }
#headlinesNav a.abroad::before {
  background-position: -174px -36px; }
#headlinesNav a.query::before {
  background-position: -212px -36px; }
#headlinesNav a.application::before {
  background-position: -252px -36px; }
#headlinesNav a:hover, #headlinesNav a.on {
  outline: none;
  color: white;
  background-color: #08b4d9; }
#headlinesNav a:hover.recommend::before, #headlinesNav a.on.recommend::before {
  background-position: -11px -70px; }
#headlinesNav a:hover.headlined::before, #headlinesNav a.on.headlined::before {
  background-position: -52px -70px; }
#headlinesNav a:hover.unitedTest::before, #headlinesNav a.on.unitedTest::before {
  background-position: -90px -70px; }
#headlinesNav a:hover.reportTest::before, #headlinesNav a.on.reportTest::before {
  background-position: -136px -70px; }
#headlinesNav a:hover.teacher::before, #headlinesNav a.on.teacher::before {
  background-position: -174px -70px; }
#headlinesNav a:hover.lesson::before, #headlinesNav a.on.lesson::before {
  background-position: -212px -70px; }
#headlinesNav a:hover.artTest::before, #headlinesNav a.on.artTest::before {
  background-position: -289px -106px; }
#headlinesNav a:hover.moreNav::before, #headlinesNav a.on.moreNav::before {
  background-position: -285px -3px; }
#headlinesNav a:hover.fold::before, #headlinesNav a.on.fold::before {
  background-position: -249px -66px; }
#headlinesNav a:hover.news::before, #headlinesNav a.on.news::before {
  background-position: -13px -107px; }
#headlinesNav a:hover.description::before, #headlinesNav a.on.description::before {
  background-position: -52px -106px; }
#headlinesNav a:hover.drawing::before, #headlinesNav a.on.drawing::before {
  background-position: -90px -106px; }
#headlinesNav a:hover.art::before, #headlinesNav a.on.art::before {
  background-position: -136px -106px; }
#headlinesNav a:hover.abroad::before, #headlinesNav a.on.abroad::before {
  background-position: -174px -106px; }
#headlinesNav a:hover.query::before, #headlinesNav a.on.query::before {
  background-position: -212px -106px; }
#headlinesNav a:hover.application::before, #headlinesNav a.on.application::before {
  background-position: -252px -106px; }

/*#headlinesNav a::before {
  content: '';
  display: block;
  width: 27px;
  margin: 8px 0 5px 23px;
  background: url("headlineNav.png") -11px 0px no-repeat; }
*/
#headlines {
  margin-top: 10px;
  position: relative;
  padding: 0 18px 18px 18px;
  background: #fafafa;
  /*border: 1px solid #efefef;*/
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
  font-size: 0; }
#headlines li {
  height: 90px;
  padding: 19px 0;
  margin-top: -1px;
  border-top: 1px solid #efefef; }
#headlines li:first-of-type {
  border-top: 0; }
#headlines li .pic {
  display: inline-block;
  width: 120px;
  height: 90px;
  margin-right: 19px;
  vertical-align: top; }
#headlines li .pic img {
  display: block;
  width: 120px;
  height: 90px; }
#headlines li aside {
  display: inline-block;
  width: 441px;
  height: 90px; }
#headlines li aside h2 {
  font-size: 20px;
  font-weight: normal;
  white-space: normal;
  margin-bottom: 5px; }
#headlines li aside h2 a {
  display: block;
  height: 65px;
  line-height: 25px;
  color: #333; }
#headlines li aside h3 {
  max-height: 44px;
  font-size: 12px;
  overflow: hidden;
  margin-bottom: 10px; }
#headlines li aside h3 a {
  color: #a7a7a7; }
#headlines li aside p {
  height: 11px;
  font-size: 12px;
  color: #999; }
#headlines li aside p .eyes {
  display: inline-block;
  float: left;
  color: #999; }
#headlines li aside p .eyes:hover {
  color: #ff2d68; }
#headlines li aside p .time {
  float: right; }

#studio {
  margin-top: 10px;
  border: 1px solid #d9d9d9;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  font-size: 0; }
#studio li {
  padding: 9px 16px;
  height: 72px;
  border-bottom: 1px solid #d9d9d9; }
#studio li aside {
  position: relative;
  display: inline-block;
  width: 66px;
  height: 72px;
  margin-right: 14px;
  line-height: 72px;
  text-align: center;
  font-size: 12px; }
#studio li aside p {
  text-align: center;
  position: relative;
  z-index: 5; }
#studio li aside p.num {
  position: absolute;
  top: 17px;
  width: 66px; }
#studio li aside p.color {
  color: #fff; }
#studio li aside p.fontColor {
  color: #999999; }
#studio li aside p em {
  position: absolute;
  top: 26px;
  left: 23px;
  display: block;
  width: 20px;
  height: 20px;
  background-color: #ff2d68;
  border-radius: 50%;
  z-index: -1; }
#studio li figure {
  display: inline-block;
  width: 504px;
  height: 72px;
  vertical-align: top; }
#studio li figure figcaption {
  display: inline-block; }
#studio li figure figcaption h2 {
  display: inline-block;
  padding: 0 0 0 1px;
  line-height: 34px;
  font-size: 18px;
  color: #333333; }
#studio li figure figcaption h2 a {
  display: inline-block;
  max-width: 340px; }
#studio li figure figcaption h2 a span {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-left: 5px; }
#studio li figure figcaption h2 a span.honest {
  background: url(icon.png) -249px -270px; }
#studio li figure figcaption h2 a span.vip {
  background: url(icon.png) -289px -270px; }
#studio li figure figcaption p {
  color: #999999;
  font-size: 14px; }
#studio li figure figcaption p a {
  display: inline-block;
  padding: 0 10px 0 0; }
#studio li figure figcaption p a span {
  display: inline-block;
  vertical-align: top;
  margin-left: 2px;
  max-width: 70px; }
#studio li figure .studioIcon {
  display: inline-block;
  width: 72px;
  height: 72px;
  float: right; }
#studio li figure .studioIcon a {
  display: block;
  width: 100%;
  height: 100%; }
#studio li figure .studioIcon a img {
  display: block;
  width: 100%;
  height: 100%; }

#loading {
  margin: 30px 0 0 0;
  width: 100%;
  text-align: center; }
#loading .loadingMessage {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
  outline: none; }

.bread {
  height: 36px;
  line-height: 36px;
  padding-left: 11px;
  /*border: 1px solid #efefef;
  border-top: 2px solid #ff2d68;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
  font-size: 12px;
  background-color: #fff; }
.bread#studioDetail {
  margin-top: 20px;
  height: 38px; }
.bread a, .bread span, .bread em {
  display: inline-block;
  height: 36px;
  line-height: 36px; }
.bread a, .bread span {
  color: #666;
  font-weight: 600;
  margin: 0 2px; }
.bread em {
  color: #999; }
.bread span {
  font-size: 14px;
  margin: 0 5px;
  font-family: ""; }

.searchBread {
  padding: 0 10px;
  margin-top: 16px;
  position: relative;
  z-index: 30;
  height: 35px;
  line-height: 35px;
  background: #fff;
  border: 1px solid #efefef;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  font-size: 14px; }
.searchBread a.back {
  display: inline-block;
  vertical-align: top;
  color: #ff2d68; }
.searchBread a.back i {
  margin-right: 5px;
  font-style: normal;
  font-family: "";
  font-weight: 700;
  font-size: 14px; }
.searchBread span {
  display: inline-block;
  vertical-align: top;
  max-width: 545px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  margin-left: 10px;
  color: #999; }
.searchBread span em {
  font-weight: 700;
  color: #000;
  margin-right: 5px; }
.searchBread span b {
  color: #ff2d68; }

#subheadfold {
  margin-top: 16px;
  position: relative;
  padding: 24px;
  background: #fff;
  /*border: 1px solid #efefef;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/ }
#subheadfold .subheadtitle .h1 {
  line-height: 36px;
  font-size: 22px;
  white-space: normal;
  color: #333333; }
#subheadfold .subheadtitle .scantimes {
  font-size: 14px;
  color: #999999; }
#subheadfold .subheadtitle .scantimes a {
  color: #5879a1;
  margin-left: 8px; }
#subheadfold .subheadcontent {
  margin-top: 28px;
  /*text-indent: 20px;*/
  font-size: 16px;
  color: #333;
  overflow: hidden; }
#subheadfold .subheadcontent table {
  width: 100%; }
#subheadfold .subheadcontent p {
  line-height: 32px; }
#subheadfold .subheadcontent .bgPic0 {
  width: 100%;
  height: 358px;
  margin-top: 8px;
  margin-bottom: 20px;
  overflow: hidden; }
#subheadfold .subheadcontent .bgPic0 img {
  width: 100%;
  display: block; }
#subheadfold .from {
  height: 70px;
  border-bottom: 1px solid #d9d9d9; }
#subheadfold .from span.origin {
  display: inline-block;
  width: 64%;
  line-height: 70px;
  font-size: 14px;
  vertical-align: top; }
#subheadfold .from span.origin a {
  color: #5879a1; }
#subheadfold .from .share {
  position: relative;
  display: inline-block;
  width: 30%;
  line-height: 70px;
  font-size: 14px; }
#subheadfold .from .share .bdsharebuttonbox {
  position: absolute;
  right: -38px;
  top: 11px; }

.imgZoom .bigImg {
  display: block; }
.imgZoom .bigImg img {
  display: block;
  width: 98%; }
.imgZoom .list {
  margin: 10px 0;
  font-size: 0;
  white-space: nowrap; }
.imgZoom .list a {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  margin-right: 1%;
  overflow: hidden; }
.imgZoom .list a img {
  display: block;
  width: 100%;
  max-height: 93px; }

h5.standR {
  /*margin-right: 17px;*/
  overflow: hidden; }

.login {
  position: absolute;
  width: 51px;
  height: 70px;
  line-height: 70px;
  top: -1px;
  right: 55px;
  overflow: hidden; }
.login a {
  display: inline-block;
  padding-left: 23px;
  outline: none;
  color: #ff316b;
  font-weight: bold;
  font-size: 14px; }
.login a:hover {
  color: #000; }
.login i {
  position: absolute;
  top: 26px;
  left: 2px;
  width: 15px;
  height: 17px;
  background: url("icon.png") -280px -240px no-repeat; }

#sound {
  position: relative; }
#sound a {
  width: 107px;
  height: 31px;
  outline: none; }
#sound a img {
  width: 100%; }
#sound span {
  position: absolute;
  line-height: 31px; }

.dialog {
  display: none; }
.dialog img {
  display: block;
  width: 488px;
  height: 503px;
  margin: 0 auto; }
.dialog .dialogCloseBtn {
  display: block;
  width: 35px;
  height: 35px;
  margin: 0 auto;
  margin-top: 20px; }
.dialog .dialogCloseBtn img {
  width: 100%;
  height: 100%; }

.tab-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: none;
  width: 50px;
  height: 50px; }
.tab-top a {
  display: block;
  width: 100%;
  height: 100%;
  outline: none;
  background: url("top.png") no-repeat; }

.end {
  text-align: center;
  margin-top: 20px;
  font-size: 16px; }

.words h2 a {
  display: block;
  padding: 4px 0; }

.articleDetail .title blockquote h5 span {
  margin: 0; }

.teacher-s img {
  display: block;
  width: 100%; }

.ui-popup-modal .ui-dialog, .ui-popup-focus .ui-dialog {
  box-shadow: ''; }

/*.commentList {
  margin: 10px 20px;
  padding: 0; }*/
.commentList .commentLess {
  border-top: none; }
.commentList .commentLess a {
  text-decoration: none;
  outline: none; }
.commentList .commentLess .word {
  font-size: 14px; }
.commentList .studioPageComment {
  display: inline-block; }
.commentList .info {
  display: inline-block;
  margin-left: 20px;
  font-size: 12px;
  color: #9f9f9f; }
.commentList dt {
  position: relative;
  padding: 10px;
  font-size: 0; }
.commentList dt * {
  display: inline-block;
  font-size: 14px;
  color: #333; }
.commentList dt span {
  color: #d9d9d9;
  margin: 0 10px; }
.commentList dt a:hover, .commentList dt a.on {
  color: #ff2d68; }
.commentList dt a.commentMessage {
  color: #333; }
.commentList dt em {
  position: absolute;
  right: 0; }
.commentList dd {
  position: relative;
  background: #f4f4f4;
  min-height: 30px;
  margin-bottom: 10px;
  padding: 10px 10px 10px 50px;
  font-size: 0; }
.commentList dd aside {
  position: absolute;
  left: 0;
  top: 0px;
  width: 50px;
  height: 50px;
  overflow: hidden; }
.commentList dd aside a {
  position: absolute;
  top: 13px;
  left: 10px;
  width: 32px;
  height: 32px;
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid #dadada; }
.commentList dd aside a img {
  display: block;
  width: 100%; }
.commentList dd strong, .commentList dd a, .commentList dd span, .commentList dd em {
  display: inline-block;
  margin-right: 10px;
  font-size: 12px; }
.commentList dd strong {
  color: #666; }
.commentList dd em {
  color: #999; }
.commentList dd .word {
  font-size: 12px; }

.more {
  text-align: center; }
.more a {
  color: #666;
  font-size: 12px; }
.more span {
  margin: 3px;
  color: #ff2d68; }
.more em {
  margin-left: 5px;
  font-size: 14px; }

#personalMessage {
  display: inline-block;
  width: 300px;
  height: auto;
  margin-top: 16px;
  margin-left: 22px;
  font-size: 0;
  background-color: #fff;
  border: 1px solid #d9d9d9; }
#personalMessage .wallPic {
  position: relative;
  width: 100%;
  height: 174px; }
#personalMessage .wallPic img {
  width: 100%;
  height: 100%; }
#personalMessage .wallPic .accountMessage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
#personalMessage .wallPic .accountMessage .innerContent {
  position: relative;
  padding: 14px 10px; }
#personalMessage .wallPic .accountMessage .innerContent .account {
  font-size: 12px;
  color: #fff; }
#personalMessage .wallPic .accountMessage .innerContent .account a {
  position: absolute;
  right: 10px;
  width: 52px;
  height: 28px;
  background-color: #ff2d68;
  color: #fff;
  border-radius: 3px;
  text-align: center;
  line-height: 28px;
  outline: none; }
#personalMessage .wallPic .accountMessage .innerContent .photo {
  width: 100%;
  height: 71px;
  text-align: center; }
#personalMessage .wallPic .accountMessage .innerContent .photo img {
  width: 71px;
  height: 71px;
  border-radius: 50%;
  border: 2px solid #fff; }
#personalMessage .wallPic .accountMessage .innerContent .nickname {
  width: 60%;
  margin: 0 auto;
  margin-top: 12px;
  font-size: 14px;
  color: #fff;
  text-align: center; }
#personalMessage .wallPic .accountMessage .innerContent .basicMessage {
  font-size: 12px;
  color: #fff;
  text-align: center; }
#personalMessage .otherMessage {
  padding: 0 10px; }
#personalMessage .otherMessage .innerContent {
  width: 100%;
  height: auto; }
#personalMessage .otherMessage .innerContent .organization {
  width: 100%;
  height: 42px;
  font-size: 12px;
  border-bottom: 1px solid #d9d9d9; }
#personalMessage .otherMessage .innerContent .organization p {
  display: inline-block;
  width: 50%;
  line-height: 42px;
  vertical-align: top; }
#personalMessage .otherMessage .innerContent .organization a {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-top: 13px;
  outline: none;
  overflow: hidden; }
#personalMessage .otherMessage .innerContent .organization a img {
  position: relative; }
#personalMessage .otherMessage .innerContent .organization a img.victory {
  top: -269px;
  left: -288px; }
#personalMessage .otherMessage .innerContent .organization a img.honest {
  top: -269px;
  left: -248px; }
#personalMessage .otherMessage .innerContent .layout-box {
  padding: 20px 0 8px 0;
  font-size: 12px;
  text-align: center; }
#personalMessage .otherMessage .innerContent .layout-box li {
  display: inline-block;
  width: 87px;
  height: 48px; }
#personalMessage .otherMessage .innerContent .layout-box li.line {
  width: 1px;
  height: 20px;
  background-color: #d9d9d9; }
#personalMessage .otherMessage .innerContent .layout-box li a {
  display: inline-block;
  width: 100%;
  outline: none; }
#personalMessage .otherMessage .innerContent .layout-box li a div {
  height: 14px; }
#personalMessage .otherMessage .innerContent .layout-box li a div.number {
  font-size: 14px;
  color: #333333; }
#personalMessage .otherMessage .innerContent .layout-box li a div.number.category {
  color: #b5b5b5; }

.register {
  position: absolute;
  width: 51px;
  height: 70px;
  line-height: 70px;
  top: -1px;
  right: 0;
  overflow: hidden; }
.register a {
  display: inline-block;
  padding-left: 23px;
  outline: none;
  color: #ff316b;
  font-weight: bold;
  font-size: 14px; }
.register a:hover {
  color: #000; }
.register i {
  position: absolute;
  top: 26px;
  left: 2px;
  width: 15px;
  height: 17px;
  background: url("../images/icon.png") -250px -240px no-repeat; }

.pageMark {
  text-align: center;
  padding: 30px 0;
  font-size: 0; }
.pageMark a {
  display: inline-block;
  padding: 2px 8px;
  margin: 0 7px 0 0;
  font-size: 12px;
  border-radius: 2px;
  border: 1px solid #d9d9d9;
  text-decoration: none;
  color: #666; }
.pageMark a:hover {
  background: #ff2d68;
  border: 1px solid #ff2d68;
  color: #fff; }
.pageMark .goHead {
  margin: 0 15px 0 0; }
.pageMark .goEnd {
  margin: 0  0 0 15px; }
.pageMark a:hover {
  background: #ff2d68;
  border: 1px solid #ff2d68;
  color: #fff; }
.pageMark.goHead {
  margin: 0 15px 0 0; }
.pageMark.goEnd {
  margin: 0  0 0 15px; }
.pageMark span.current {
  display: inline-block;
  padding: 2px 8px;
  margin: 0 7px 0 0;
  font-size: 12px;
  border-radius: 2px;
  background: #ff2d68;
  border: 1px solid #ff2d68;
  color: #fff;
  text-decoration: none; }

.linkFont {
  font-size: 16px;
  text-align: center;
  padding: 10px;
  margin: 70px auto 0 auto;
  width: 300px;
  background-color: #08b3d9;
  color: #fff; }

#wrap .schoolQA .postTitle .head {
  float: left;
  width: 60px;
  height: 60px;
  border-radius: 8px;
  margin-right: 15px; }
#wrap .schoolQA .postTitle .title {
  font-size: 28px; }
#wrap .schoolQA .postTitle .info {
  font-size: 14px;
  color: #838383; }
#wrap .schoolQA .desc {
  clear: both;
  width: 100%;
  font-size: 14px; }
#wrap .schoolQA .desc .link {
  color: #08b4d9; }
#wrap .schoolQA .cue {
  padding: 25px 0px; }
#wrap .schoolQA .cue .left {
  float: left;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  margin-right: 10px; }
#wrap .schoolQA .cue .middle {
  color: #333;
  overflow: hidden; }
#wrap .schoolQA .cue .middle .name {
  font-size: 20px; }
#wrap .schoolQA .cue .middle .info {
  font-size: 14px;
  line-height: 28px; }
#wrap .schoolQA .cue .middle .info .link {
  color: #08b4d9; }
#wrap .schoolQA .cue .right {
  float: right;
  padding: 15px 25px;
  font-size: 18px;
  border: 1px solid #c9c9c9;
  border-radius: 5px; }
#wrap .schoolQA .splendid .title {
  font-size: 26px;
  padding: 20px 0px; }
#wrap .schoolQA .splendid > ul > li {
  padding: 20px 0px;
  border-bottom: 1px solid #f2f2f2; }
#wrap .schoolQA .splendid > ul > li p {
  font-size: 16px;
  line-height: 24px; }
#wrap .schoolQA .topic .title {
  font-size: 26px;
  padding: 15px 0px; }
#wrap .schoolQA .topic > ul > li {
  padding: 15px 0px;
  border-bottom: 1px solid #f2f2f2; }
#wrap .schoolQA .topic > ul > li > a {
  font-size: 16px; }
#wrap .schoolQA .topic .more {
  display: block;
  font-size: 16px;
  padding: 15px 0px;
  color: #08b4d9;
  text-align: center; }
#wrap .schoolQA .tabOptions .tabs {
  border-bottom: 1px solid #d9d9d9; }
#wrap .schoolQA .tabOptions .tabs a {
  display: inline-block;
  padding: 10px 15px;
  font-size: 16px;
  margin-bottom: -1px; }
#wrap .schoolQA .tabOptions .tabs .active {
  border-left: 1px solid #d9d9d9 !important;
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9 !important;
  border-bottom: 1px solid #fff;
  border-radius: 5px 5px 0px 0px; }
#wrap .schoolQA .tabOptions .pages > ul {
  display: none; }
#wrap .schoolQA .tabOptions .pages > ul > li {
  padding: 10px 0px;
  overflow: hidden;
  border-bottom: 1px solid #f2f2f2; }
#wrap .schoolQA .tabOptions .pages > ul > li .list {
  display: block;
  float: left;
  max-width: 80%;
  font-size: 16px; }
#wrap .schoolQA .tabOptions .pages > ul > li .date {
  display: block;
  float: right;
  width: 19%;
  font-size: 14px;
  color: #a7a7a7;
  text-align: right; }
#wrap .schoolQA .aggregation .title {
  font-size: 26px;
  padding: 15px 0px; }

/*# sourceMappingURL=main.css.map */