.header .logo img{
  width:100%;
  display: block;
}
.banner{
  position: relative;
}
.banner a{
  display: block;
  position: relative;
}
.banner img{
  width:100%;
}
.trans-tt{
  background:rgba(0,0,0,0.4);
  line-height:32px;
  padding:4px;
  color: #fff;
  font-size:16px;
  position: absolute;
  bottom:4px;
  left:0;
  width:100%;
  box-sizing: border-box;
}
.banner .swiper-pagination{
  position: absolute;
  right:0;
  left:auto;
  display: inline-block;
  width:auto;
}
.banner .swiper-pagination-bullet{
  background: #fff;
  opacity: 0.8;
}
.banner .swiper-pagination-bullet-active{
  background: #f2b21e;
}
.nav {
  display: flex;
  flex-direction:row;
  justify-content: flex-start;
  margin:10px ;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.nav a{
  display: block;
  text-align: center;
  font-size:13px;
  color: #404040;
  width:25%;
}
.nav .icons{
  width:45px;
  height:45px;
  position: relative;
  display: block;
  margin:10px  auto;
}
.nav .icons.icons-01{
  background: url('../images/icons-01.png') 0 0 no-repeat;
  background-size:100% auto;
}
.nav .icons.icons-02{
  background: url('../images/icons-02.png') 0 0 no-repeat;
  background-size:100% auto;
}
.nav .icons.icons-03{
  background: url('../images/icons-03.png') 0 0 no-repeat;
  background-size:100% auto;
}
.nav .icons.icons-04{
  background: url('../images/icons-04.png') 0 0 no-repeat;
  background-size:100% auto;
}
.nav .icons.icons-zxzt{
  background: url('../images/icons-zxzt.png') 0 0 no-repeat;
  background-size:100% auto;
}
.nav .icons.icons-kpjc{
  background: url('../images/icons-kpjc.png') 0 0 no-repeat;
  background-size:100% auto;
}
.nav .icons.icons-wgds{
  background: url('../images/icons-wgds.png') 0 0 no-repeat;
  background-size:100% auto;
}
.tt2{
  background: url('../images/tt1.png') center bottom no-repeat;
  background-size:100% auto;
  text-align: center;
  font-size:18px;
  color: #000;
  line-height:56px;
  padding:10px 0;
  position: relative;
  margin:10px;
  box-sizing: border-box;
  display: block;
  margin-bottom: 0;
}
.btn-more{
  color: #0377d9;
  font-size:13px;
  position: absolute;
  right:0;
  top:10px;
}
.cube{
  width:70%;
  position: relative;
  margin-bottom:50px;
}
.cube .icon-handle, .show-con .icon-handle{
  background: url('../images/icons-handle.png') 0 0 no-repeat;
  background-size:100% auto;
  display: block;
  position: absolute;
  right:-6px;
  bottom:-60px;
  width:80px;
  height:80px;
  z-index:99999;
}
.cube img{
  width:100%;
  padding:10px;
  box-sizing: border-box;
  display: block;
}
.cube .swiper-slide{
  color: #fff;
  font-size:16px;
  text-align: center;
  line-height:32px;
  padding-bottom:10px;
  display: block;
}
@media (max-width:374px){
  .cube .swiper-slide{
    font-size:14px;
  }
}
.cube .item1{
  background: #1198f8;
}
.cube .item2{
  background: #ffc955;
}
.cube .item3{
  background: #f05656;
}
.cube .item4{
  background: #8058ef;
}
.cube  .swiper-pagination{
  position: absolute;
  bottom:-30px;
  left:0;
}
.live-box{
  padding: 10px;
}
.live-title{
  display: flex;
  justify-content: space-between;
}
.live-title .i-phone, .live-title .i-wechat, .live-title .i-weibo{
  background: url('../images/i-phone.png') 0 0 no-repeat;
  background-size:100% auto;
  display: inline-block;
  vertical-align: middle;
  width:25px;
  height:25px;
  margin-right:5px;
}
.live-title .i-wechat{
  background: url('../images/i-wechat.png') 0 0 no-repeat;
  background-size:100% auto;
}
.live-title .i-weibo{
  background: url('../images/i-weibo.png') 0 0 no-repeat;
  background-size:100% auto;
}

.live-title a{
  width: 50%;
  display: block;
  border: solid 1px #00a180;
  text-align: center;
  color: #00a180;
  line-height: 32px;
  margin-bottom:5px;
  font-size:16px;
}
.live-title a.cur{
  background:#fff;
  border: 1px solid #00a180;
  border-bottom: solid 1px #fff;
  padding-bottom: 5px;
  margin-bottom: 0;
  color: #00a180;
}
.live-title a:nth-child(2), .live-title a:nth-child(3){
  margin-left: 1%;
}
.live-item{
  margin-top: -1px;
  background: #fff;
  border: solid 1px #00a180;
  padding: 10px 0px;
}
.live-item .intro {
  color: #666666;
  font-size: 14px;
  line-height: 26px;
  padding: 3px 10px;
  text-indent: 2em;
}
.face-item{
  overflow: hidden;
  margin-bottom: 10px;
}
.face-item .face{
  float: left;
}
.face-item .face div{
  color: #666;
  font-size: 12px;
  margin-top: 5px;
}

.face-item .face img{
  border: 1px solid #ddd;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.face-item .talk-content{
  border: 1px solid #ddd;
  display: block;
  float: none;
  margin-left: 80px;
  padding: 8px 15px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 28px;
  color: #888;
  position: relative;
  overflow: visible;
  border-radius: 3px;
  min-height:40px;
  background: #fff;
}
.face-item .talk-content:before{
  display: block;
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  border-left: none;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 9px solid #ddd;
  top: 20px;
  left: -9px;
  z-index: 10;
  /*background: #fff;*/
}
.face-item .talk-content:after{
  display: block;
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  border-left: none;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 9px solid #fff;
  top: 20px;
  left: -7px;
  z-index: 20;
}
.face-item img.talk-pic{
  float: none;
  display: block;
  max-width: 180px;
  max-height:185px;
  margin-left: 78px;
  border: 1px solid #ddd;
  border-radius: 4px;
  position: relative;
  margin-top: 10px;
  overflow: visible;
}
.face-item img.talk-pic:before{
  display: block;
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  border-left: none;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 9px solid #ddd;
  top: 20px;
  left: -9px;
  z-index: 100;
}
.footer{
  background: #028f72;
  color: #fff;
  font-size:14px;
  line-height:24px;
  padding:10px;
}
.footer p{
  padding-left:70px;
  position: relative;
}
.footer p b{
  position: absolute;
  left:0;
  top:0;
}
.tt3{
  color: #00a180;
  font-size:18px;
  border-bottom:1px solid #ddd;
  line-height:32px;
  text-align: center;
  padding:10px 0;
  position: relative;
}
.tt3 i{
  width:33px;
  height:33px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right:5px;
}
.e-weiguan{
  background: url('../images/e-weiguan.png') 0 0 no-repeat;
  background-size:100% auto;
}
.e-gaikuang{
  background: url('../images/e-gaikuang.png') 0 0 no-repeat;
  background-size:100% auto;
}
.e-price{
  background: url('../images/e-price.png') 0 0 no-repeat;
  background-size:100% auto;
}
.e-ten{
  background: url('../images/e-ten.png') 0 0 no-repeat;
  background-size:100% auto;
  vertical-align: bottom!important;
}
.e-video{
  background: url('../images/e-video.png') 0 0 no-repeat;
  background-size:100% auto;
}
.e-show{
  background: url('../images/e-show.png') 0 0 no-repeat;
  background-size:100% auto;
}
.e-ill{
  background: url('../images/e-ill.png') 0 0 no-repeat;
  background-size:100% auto;
}
.e-rank{
  background: url('../images/e-rank.png') center center no-repeat;
  background-size:20px auto;
}
.e-scence{
  background: url('../images/e-scence.png') center center no-repeat;
  background-size:100% auto;
}
.tt3 .i-turn{
  background: url('../images/i-turn.png') 0 0 no-repeat;
  background-size:100% auto;
  width:12px;
  height:19px;
  display: block;
  position: absolute;
  left:10px;
  top:20px;
}
.article{
  padding:10px;
}
.article p{
  font-size:14px;
  color: #333;
  line-height:26px;
  text-indent: 2em;
  text-align: justify;
}
.article  img{
  max-width:100%;
  display: block;
  padding:5px 0;
}
.main{
  padding:10px;
}
.btn-price{
  width:100%;
  background: #1e9cf0;
  font-size:15px;
  color: #fff;
  line-height:45px;
  display: block;
  text-align: center;
  margin:15px 0;
}
.btn-price.c2{
  background: #61c36e;
}
.btn-price.c3{
  background: #ffc954;
}
.btn-price.c4{
  background: #8057ef;
}
.btn-price.c5{
  background: #f05656;
}
.tt4{
  background: url('../images/tt-4.jpg') 0 0 no-repeat;
  background-size:100% 100%;
  font-size: 18px;
  color: #333;
  line-height:28px;
  padding:10px 0;
  text-align: center;
  margin:10px 10px 0 10px;
}
.class-item {
  position: relative;
  display: block;
}
.class-item .name{
  font-size:16px;
  line-height:24px;
  font-weight:normal;
  text-align: center;
  color: #028f72;
}
.class-item .number{
  font-size:15px;
  position: absolute;
  bottom:10px;
  vertical-align: middle;
  color: #fff;
  line-height:24px;
}
.class-item .i-eye , .class-item .i-thumb{
  background: url('../images/i-eye.png') 0 0 no-repeat;
  background-size:100% auto;
  width:20px;
  height:20px;
  display: inline-block;
  vertical-align: middle;
  margin-left:10px;
}
.class-item .i-thumb{
  background: url('../images/i-thumbup.png') 0 0 no-repeat;
  background-size:100% auto;
}
.place-detail{
}
.place-detail span{
  display: block;
  background: url('../images/i-01.png') 0 center no-repeat;
  background-size:18px auto;
  color: #333;
  font-size:14px;
  line-height:28px;
  padding-left:25px;
}
.place-detail span.i-02{
  background: url('../images/i-02.png') 0 center no-repeat;
  background-size:18px auto;
}
.place-detail span.i-03{
  background: url('../images/i-03.png') 0 center no-repeat;
  background-size:18px auto;
}
.place-detail span.i-04{
  background: url('../images/i-04.png') 0 center no-repeat;
  background-size:18px auto;
}
.place-detail span.i-05{
  background: url('../images/i-05.png') 0 6px no-repeat;
  background-size:18px auto;
}
.place-detail span.i-10{
  background: url('../images/i-10.png') 0 center no-repeat;
  background-size:18px auto;
}
.place-detail span.i-11{
  background: url('../images/i-11.png') 0 center no-repeat;
  background-size:18px auto;
}
.item1 .place-detail span.i-02{
  background: url('../images/i-12.png') 0 6px no-repeat;
  background-size:18px auto;
}
.item1 .place-detail span.i-05{
  background: url('../images/i-13.png') 0 6px no-repeat;
  background-size:18px auto;
}
.item1 .place-detail span.i-10{
  background: url('../images/i-14.png') 0 center no-repeat;
  background-size:18px auto;
}
.item1 .place-detail span.i-11{
  background: url('../images/i-15.png') 0 center no-repeat;
  background-size:18px auto;
}
.online-handle{
  display: flex;
  justify-content: space-between;
  margin:10px 0;
}
.online-handle a{
  display: inline-block;
  background: url('../images/i-01.png') 0 center no-repeat;
  background-size:20px auto;
  color: #1198f8;
  font-size:16px;
  line-height:28px;
  padding-left:25px;
}
.online-handle .i-06{
  background: url('../images/i-06.png') 0 center no-repeat;
  background-size:20px auto;
}
.online-handle .i-07{
  background: url('../images/i-07.png') 0 center no-repeat;
  background-size:20px auto;
}
.online-handle .i-08{
  background: url('../images/i-08.png') 0 center no-repeat;
  background-size:20px auto;
}
.online-handle .i-09{
  background: url('../images/i-09.png') 0 center no-repeat;
  background-size:20px auto;
}
.online-person{
  border:solid 1px #ddd;
  box-shadow:0 0 5px 3px rgba( 0, 0, 0, 0.1);
  border-radius:4px;
  position: relative;
  padding:10px 0;
  margin-top:10px;
}
.online-person img{
  position: absolute;
  top:-30px;
  right:20px;
  width:80px;
  height:80px;
  display: block;
  border:2px solid #fff;
  box-shadow:0 0 5px 3px rgba( 0, 0, 0, 0.1);
  border-radius:50%;
}
.online-person .name{
  color:#028f72;
  font-size:16px;
  line-height:28px;
  display: block;
  padding:0 10px;
  font-weight:bold;
}
.online-person .professor{
  display: block;
  font-size:14px;
  color:#028f72;
  line-height:28px;
  padding:0 10px;
  margin-bottom:5px;
}
.online-person .content{
  display: block;
  font-size:14px;
  color:#666;
  line-height:24px;
  border-left:5px solid #028f72;
  padding:0 10px;
}
.ten-best{
  margin:10px;
  box-sizing: border-box;
}
.ten-best video{
  margin-top: 20px;
}
.ten-best .tt{
  border:solid 1px #ddd;
  border-radius:4px;
  display: flex;
  justify-content: space-around;
}
.ten-tt{
  color: #028f72;
  font-size:15px;
  line-height:24px;
  width:50%;
  display: block;
  text-align: center;
  padding:5px;
}

@media (max-width:355px){
  .ten-tt{
    font-size:13px;
  }
}
.ten-tt.cur{
  background: #028f72;
  color: #fff;
}
.ten-item{
  box-shadow:0 2px 5px rgba( 0, 0, 0, 0.3);
  border-radius:4px;
  margin:15px 0;
  padding:10px 0;
}
.ten-item h2{
  font-size:15px;
  color: #999 ;
  line-height:24px;
  padding:0 10px 0 10px;
  margin-bottom:10px;
  border-left:5px solid #9ad2c7;
  font-weight:normal;
}
.ten-item .name{
  font-size:15px;
  color: #666;
  display: block;
  padding:0 10px;
}
.ten-item .school{
  font-size:13px;
  color: #999;
  padding:0 10px;
  margin-bottom:5px;
  display: block;
  line-height:24px;
}
.ten-item .detail{
  font-size:15px;
  color: #999;
  line-height:24px;
  text-align: right;
  vertical-align: middle;
}
.ten-item .icons-thumb{
  background: url('../images/icons-thumb.png') 0 0 no-repeat;
  background-size:100% auto;
  display: inline-block;
  width:20px;
  height:20px;
  vertical-align: text-bottom;
  margin-right:5px;
}
.ten-item .num-tag{
  background: #9ad2c7;
  color: #fff;
  border-radius:10px 0 0 10px;
  display: inline-block;
  padding:0 10px;
  margin-left:10px;
}
/*前十*/
.ten-item:nth-child(1) .num-tag,
.ten-item:nth-child(2) .num-tag,
.ten-item:nth-child(3) .num-tag,
.ten-item:nth-child(4) .num-tag,
.ten-item:nth-child(5) .num-tag,
.ten-item:nth-child(6) .num-tag,
.ten-item:nth-child(7) .num-tag,
.ten-item:nth-child(8) .num-tag,
.ten-item:nth-child(9) .num-tag,
.ten-item:nth-child(10) .num-tag
{
  background: #ffc954;
}
.ten-item:nth-child(1) h2,
.ten-item:nth-child(2) h2,
.ten-item:nth-child(3) h2,
.ten-item:nth-child(4) h2,
.ten-item:nth-child(5) h2,
.ten-item:nth-child(6) h2,
.ten-item:nth-child(7) h2,
.ten-item:nth-child(8) h2,
.ten-item:nth-child(9) h2,
.ten-item:nth-child(10) h2
{
  border-left:5px solid #9ad2c7;
  color:#333;
}
.more2{
  color: #999;
  font-size:15px;
  line-height:30px;
  display: block;
  background: #e9eaed;
  text-align: center;
  margin:10px auto;
  border-radius:4px;
}
.search-box{
  border:solid 1px #ddd;
  border-radius:4px;
  line-height:32px;
  padding:5px;
  box-sizing: border-box;
  margin:10px 0;
  position: relative;
}
.search-box input{
  width:90%;
}
.btn-search{
  background: url('../images/icons-search.png') 0 0 no-repeat;
  background-size:100% auto;
  width:30px;
  height:30px;
  position: absolute;
  right:10px;
  top:8px;

}
.show-tt{
  line-height:32px;
  padding:10px 0;
  width:60%;
  overflow: visible;
}
.show-tt .swiper-slide{
  text-align: center;
}
.show-tt .swiper-slide.swiper-slide-active{
  color: #028f72;
}
.show-tt .swiper-button-prev, .show-tt .swiper-button-next{

}
.i-prev1, .i-next1{
  position: absolute;
  left:10px;
  top:30px;
  background-size:100% auto;
  width:12px;
  height:19px;
  margin-top:-10px;
  z-index:11;
}
.i-next1{
  right:10px;
  left:auto;
}
.left{
  z-index: 10;
  display: block;
  width:30%;
  height:100%;
  position: absolute;
  left:0;
  top:0;
  background: -webkit-linear-gradient(left, #fff , transparent); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right,  #fff , transparent); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #fff , transparent); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right,  #fff , transparent); /* 标准的语法 */
}
.right{
  z-index: 10;
  display: block;
  width:30%;
  height:100%;
  position: absolute;
  right:0;
  top:0;
  background: -webkit-linear-gradient(left, transparent,#fff ); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right,  transparent,#fff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, transparent,#fff); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right,  transparent,#fff); /* 标准的语法 */
}
.show-con{
  padding:10px 0  50px;
  position: relative;
}
.show-con .icon-handle{
  bottom:10px;
  right:20px;
}
.show-con img{
  width:100%;
}
.board-img img{
  min-height:456px;
  display: block;
}
@media (max-width:375px){
  .board-img img{
    min-height:404px;
  }
}
@media (max-width:320px){
  .board-img img{
    min-height:332px;
  }
}
.board{
  background: url('../images/board.png') 0 0 no-repeat;
  background-size:100% 100%;
  padding:10px;
}
.board-top{
  background: #1e9cf0;
  padding:10px;
}
.board-top .name{
  font-size:14px;
  color: #fff;
  text-align: left;
  line-height:22px;
  font-weight:normal;
  margin-bottom:10px;
}
.board-top .num{
  color: #fff;
  float: left;
  display: inline-block;
}
.board-top .address{
  color: #fff;
  /*margin-left:40px;*/
  display: inline-block;
}
.board-top .class{
  color: #fff;
  float: right;
  display: inline-block;
}
.board-img{
  padding:15px;
  background-image: linear-gradient(#bfc4cb, #eef3fc);
}
.i-prev2.swiper-button-prev,  .i-next2.swiper-button-next{
  background-color: rgba(17, 152, 248, 0.8);
  border-radius: 50%;
  background-size:25px 25px;
  width:40px;
  height:40px;
}
.icon-video{
  background: url('../images/icon-video.png') 0 0 no-repeat;
  background-size:30px auto;
  position: absolute;
  bottom:10px;
  right:10px;
  display: block;
  width:30px;
  height:30px;
}
.full {
  display: block;
  display: flex;
  position: fixed;
  z-index: 100;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
}

.full .video-box {
  display: block;
  width: 100%;
  max-height: 99%;
  position: relative;
}
.full .video-box video{
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
}
.full .video-box #close{
  font-size: 30px;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: none;
}
.full .video-box #close:hover{
  opacity: 0.9;
}
.full .video-box video{
  width: 100%;
}
.info{
  margin:10px;
}
.info li{
  color: #999;
  line-height:28px;
  list-style: disc inside;
}
.ic-item{
  border-top:1px solid #ddd;
  display: flex;
  padding-right: 20px;
  padding-left: 15px;
  height: 66px;
  background: url('../images/turn-right.png') right center no-repeat;
  background-size:25px auto;
  justify-content: flex-start;
  align-items: center;
  line-height: 1.5em;
}
.ic-item.last{
  border-bottom:1px solid #ddd;
  margin-bottom:20px;
}
.ic-01, .ic-02, .ic-03, .ic-04, .ic-05, .ic-06, .ic-07,.ic-08,.ic-09{
  background: url('../images/ic-01.png') 0 0 no-repeat;
  background-size:100% auto;
  display: inline-block;
  vertical-align: middle;
  width:35px;
  height:35px;
  margin-right:10px;
}
.ic-02{
  background: url('../images/ic-02.png') 0 0 no-repeat;
  background-size:100% auto;
}
.ic-03{
  background: url('../images/ic-03.png') 0 0 no-repeat;
  background-size:100% auto;
}
.ic-04{
  background: url('../images/ic-04.png') 0 0 no-repeat;
  background-size:100% auto;
}
.ic-05{
  background: url('../images/ic-05.png') 0 0 no-repeat;
  background-size:100% auto;
}
.ic-06{
  background: url('../images/ic-06.png') 0 0 no-repeat;
  background-size:100% auto;
}
.ic-07{
  background: url('../images/ic-07.png') 0 0 no-repeat;
  background-size:100% auto;
}
.ic-08{
  background: url('../images/ic-08.png') 0 0 no-repeat;
  background-size:100% auto;
}
.ic-09{
  background: url('../images/ic-09.png') 0 0 no-repeat;
  background-size:100% auto;
}


/*在线展厅详情页*/
.show-detail{
  text-align: center;
}
.show-detail table th, .show-detail table td{
  font-size:14px;
}
.show-detail .title{
  color:#028f72;
  font-size:16px;
  line-height:28px;
  font-weight:normal;
  text-align: center;
  margin:10px;
  border-bottom:1px solid #ddd;
  padding:10px;
}
.show-detail .handle{
  margin:20px 0;
}
.show-detail .handle a{
  display: inline-block;
  margin:0 10px;
  color: #999;
  padding-left:30px;
}
.show-detail .handle .icons-eye{
  background:url('../images/icons-eye.png') 0 center no-repeat;
  background-size:25px auto;
}
.show-detail .handle .icons-thumb{
  background:url('../images/icons-thumb.png') 0 center no-repeat;
  background-size:25px auto;
}
.show-detail .handle .icons-share{
  background:url('../images/icons-share.png') 0 center no-repeat;
  background-size:25px auto;
}
.btn-vote{
  background: #028f72;
  border-radius:20px;
  padding:10px 35px;
  color: #fff;
  line-height:28px;
  font-size:18px;
}
.show-detail table{
  color: #666;
}
.show-detail .title-1{
  background: url('../images/tt-1.png') right top no-repeat #62c56f;
  background-size:auto 100%;
  display: inline-block;
  color: #fff;
  padding:0 40px 0 20px;
  font-weight:normal;
  font-size:18px;
  margin:10px 0;
  line-height:32px;

}
.show-detail .show-con2{
  text-align: left;
}
.show-detail .show-con2 img{
  max-width:100%
}
.show-detail .show-con2 video{
  width:100%
}
.show-detail .show-con2 p{
  text-align: justify;
  color: #666;
  line-height:24px;
  text-indent: 2em;
}
.author-item{
  overflow: hidden;
  line-height:28px;
  font-size:16px;
  color: #666;
  margin:10px 0;
}
.author-item img{
  width:80px;
  height:auto;
  display: block;
  float: left;
  border:solid 1px #ddd;
  margin-right:10px;
}
.author-item h5{
  color: #222;
  font-size:16px;
  font-weight:normal;
}
.show-img .content-top img, .show-img .content-bottom img{
  width:100%;
  height:auto;
  display: block;
  padding:0;
  margin:0;
}
.show-img .content{
  padding: 0 20px;
  background:url('../images/k-left.jpg') 0 0 no-repeat;
  background-size:11px 100%;
  position: relative;
}
.show-img .content:after{
  content:'';
  background:url('../images/k-right.jpg') right 0 no-repeat;
  background-size:11px 100%;
  position: absolute;
  right:0;
  top:0;
  width:11px;
  display: block;
  height:100%;
}
.show-img .title{
  text-align: center;
  font-size:18px;
  color: #028f72;
  line-height:28px;
  padding:10px 0;
}
.show-img h4{
  font-size:16px;
  font-weight:normal;
  line-height:32px;
}
.show-img p{
  font-size:14px;
  color: #666;
  line-height:26px;
  text-indent: 2em;
}
.slider-more{
  font-size:16px;
  color: #028f72;
  line-height:28px;
  text-align: center;
}
.icons-feet{
  background: url('../images/icons-feet.png') 0 0 no-repeat;
  background-size:100% auto;
  width:40px;
  height:40px;
  display: inline-block;
  vertical-align: middle;
}
.show-ten a{
  font-size:15px;
  color: #333;
  border-bottom:1px solid #ddd;
  line-height:26px;
  padding:10px 0;
  display: block;
}
.tt-class{
  background: #0565af;
  line-height:32px;
  padding:0 80px 0 10px;
  border-radius:0 0 20px 0;
  display: inline-block;
  color: #fff;
  margin:10px 0;
}
.ic-item2{
  display: block;
  border-bottom:1px solid #ddd;
  padding:8px 0;
}
.ic-item2 i{
  width:35px;
  height:35px;
  padding-right:10px;
  vertical-align: middle;
  display: inline-block;
}
.ma{
  background:url('../images/icons-class-01.png') 0 0 no-repeat;
  background-size:100% auto;
}
.z1{
  background:url('../images/icons-class-01.png') 0 0 no-repeat;
  background-size:100% auto;
}
.ph{
  background:url('../images/icons-class-02.png') 0 0 no-repeat;
  background-size:100% auto;
}
.z2{
  background:url('../images/icons-class-02.png') 0 0 no-repeat;
  background-size:100% auto;
}
.ch{
  background:url('../images/icons-class-03.png') 0 0 no-repeat;
  background-size:100% auto;
}
.z3{
  background:url('../images/icons-class-03.png') 0 0 no-repeat;
  background-size:100% auto;
}
.ev{
  background:url('../images/icons-class-04.png') 0 0 no-repeat;
  background-size:100% auto;
}
.en{
  background:url('../images/icons-class-05.png') 0 0 no-repeat;
  background-size:100% auto;
}
.mi{
  background:url('../images/icons-class-06.png') 0 0 no-repeat;
  background-size:100% auto;
}
.bi{
  background:url('../images/icons-class-06.png') 0 0 no-repeat;
  background-size:100% auto;
}
.an{
  background:url('../images/icons-class-07.png') 0 0 no-repeat;
  background-size:100% auto;
}
.z4{
  background:url('../images/icons-class-08.png') 0 0 no-repeat;
  background-size:100% auto;
}

.class-09{
  background:url('../images/icons-class-09.png') 0 0 no-repeat;
  background-size:100% auto;
}
.z5{
  background:url('../images/icons-class-10.png') 0 0 no-repeat;
  background-size:100% auto;
}
.va{
  background:url('../images/icons-class-11.png') 0 0 no-repeat;
  background-size:100% auto;
}
.me{
  background:url('../images/icons-class-12.png') 0 0 no-repeat;
  background-size:100% auto;
}
.ea{
  background:url('../images/icons-class-13.png') 0 0 no-repeat;
  background-size:100% auto;
}
.co{
  background:url('../images/icons-class-14.png') 0 0 no-repeat;
  background-size:100% auto;
}
.so{
  background:url('../images/icons-class-15.png') 0 0 no-repeat;
  background-size:100% auto;
}
.ms{
  background:url('../images/icons-class-16.png') 0 0 no-repeat;
  background-size:100% auto;
}
.ls{
  background:url('../images/icons-class-17.png') 0 0 no-repeat;
  background-size:100% auto;
}
.td{
  background:url('../images/icons-class-18.png') 0 0 no-repeat;
  background-size:100% auto;
}
.class-19{
  background:url('../images/icons-class-19.png') 0 0 no-repeat;
  background-size:100% auto;
}
.e1{
  background:url('../images/icons-class-20.png') 0 0 no-repeat;
  background-size:100% auto;
}
.al{
  background:url('../images/icons-class-21.png') 0 0 no-repeat;
  background-size:100% auto;
}
.bh{
  background:url('../images/icons-class-22.png') 0 0 no-repeat;
  background-size:100% auto;
}
.dn{
  background:url('../images/icons-class-23.png') 0 0 no-repeat;
  background-size:100% auto;
}
.gb{
  background:url('../images/icons-class-24.png') 0 0 no-repeat;
  background-size:100% auto;
}
.gh{
  background:url('../images/icons-class-25.png') 0 0 no-repeat;
  background-size:100% auto;
}
.lb{
  background:url('../images/icons-class-26.png') 0 0 no-repeat;
  background-size:100% auto;
}
.ot{
  background:url('../images/icons-class-27.png') 0 0 no-repeat;
  background-size:100% auto;
}
.qb{
  background:url('../images/icons-class-28.png') 0 0 no-repeat;
  background-size:100% auto;
}
.sc{
  background:url('../images/icons-class-29.png') 0 0 no-repeat;
  background-size:100% auto;
}
.sf{
  background:url('../images/icons-class-30.png') 0 0 no-repeat;
  background-size:100% auto;
}
.zt{
  background:url('../images/icons-class-31.png') 0 0 no-repeat;
  background-size:100% auto;
}
.yh{
  background:url('../images/icons-class-31.png') 0 0 no-repeat;
  background-size:100% auto;
}
.btn-blue2{
  background: #028f72;
  display: block;
  border-radius:20px;
  line-height:32px;
  color: #fff;
  text-align: center;
  font-size:16px;
  margin:10px 0;
}
.icons-search{
  background: url('../images/icons-search2.png') 0 0 no-repeat;
  background-size:100% auto;
  width:25px;
  height:25px;
  display: inline-block;
  vertical-align: middle;
}
.choose-address{
  border:solid 1px #ddd;
  padding:0 10px 10px;
  margin-bottom:10px;
}
.choose-address a{
  display: inline-block;
  color: #666;
  font-size:16px;
  margin:5px;
}
.choose-address a.cur{
  color: #028f72;
}
.choose-address .tt{
  border-bottom:1px solid #ddd;
  line-height:26px;
  display: block;
  font-size:18px;
  color: #000;
  padding:8px 0;
  margin-bottom:10px;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex .ic-item2{
  width:50%;
}
.que-box{
  border-top:10px solid #efefef;
  border-bottom:10px solid #efefef;
  margin-bottom:10px;
}
.que-item{
  padding:10px;
}
.que-item p{
  color: #444;
  line-height:24px;
  font-size:15px;
}
.que-item .name, .que-item .time{
  color: #999;
  font-size:14px;
  margin-left:10px;
}
.que-item .name{
  margin-left: 35px;
}
.que-item b{
  color: #fff;
  border-radius:50%;
  background: #ffc954;
  width:25px;
  height:25px;
  display: inline-block;
  line-height:25px;
  text-align: center;
  margin-right:10px;
}
.que-item .answer b{
  background: #61c36e;

}
.que-item .question, .que-item .answer{
  margin-bottom:10px;
}
.comment-box{
  padding:10px;
}
.comment-box .photo{
  width:50px;
  height:50px;
  border-radius:50%;
  border:1px solid #ddd;
  display: inline-block;
  padding:0;
  margin-right:10px;
  vertical-align: top;
}
.comment-box .name{
  color: #ff8400;
  font-size:16px;
}
.comment-box .time, .comment-box .city{
  color:#999;
  font-size:16px;
  display: inline-block;
}
.comment-box .time{
  float: left;
}
.comment-item .con{
  line-height:28px;
}
.comment-item .content{
  width:100%;
}
.comment-item{
  display: flex;
  justify-content: space-between;
}
.rely-item{
  background: #f5f5f5;
  padding:10px;

}
.i-thumb, .i-rely{
  background: url('../images/i-thumb.png') 0 center no-repeat;
  background-size:20px auto;
  display: inline-block;
  vertical-align: middle;
  line-height:24px;
  padding-left:25px;
  color: #3e3a39;
  font-size:14px;
  margin-left:10px;
}
.i-rely{
  background: url('../images/i-rely.png') 0 center no-repeat;
  background-size:18px auto;
}
.report-box{
  padding:10px;
}
.report-box img{
  width:50px;
  height:50px;
  border-radius:50%;
  border:1px solid #ddd;
  display: inline-block;
  padding:0;
  margin:0;
  vertical-align: top;
  margin-right:10px;
}
.report-box .flex1{
  display: flex;
  justify-content: space-between;
}
.report-box textarea{
  border:solid 1px #ddd;
  width:100%;
  padding:5px;
}
.video-tt{
  text-align: center;
  color: #028f72;
  font-size:18px;
  padding:10px 0;
}
.item1 .video-tt{
  color: #ffb300;
}
.select-form{
  width:100%;
  border:solid 1px #ddd;
  line-height:32px;
  padding:0 5px;
}
.btn-more2{
  background:#f1f1f1;
  color: #666;
  font-size:14px;
  line-height:28px;
  display: block;
  margin:20px 0;
}