/*
  author:yh
  date:2017.10
*/
body{background:#fff;color:#000;font-family:Arial, Helvetica, sans-serif;}
html{font-size:246px;}
img{width:100%;display:block;}
h2,h3,strong{font-weight:normal;}
.fl{width: initial;}

.ch{font-family:"Hiragino Sans GB","SimHei","Microsoft YaHei","WenQuanYi Micro Hei",Tahoma,arial,sans-serif;}
#goup a{margin-left:681px;}
/**/
.gzWidth{width:70%;margin:auto;}
.gzWidth:after{display:block;clear:both;content:"";visibility:hidden;height:0;}

/**/
.gzHeader{position:relative;}
.gzHeader .gzWidth{position:absolute;left:50%;top:36.8%;margin-left:-35%;}
.page-live-area{position:relative;margin:0 15%;}
.page-live-url{position:absolute;left:0;top:0;right:0;bottom:0;padding:2% 3.2% 8%;}

/**/
.gzTitle{font:0.13rem/2.27 Georgia;}

.gzAbout p{color:black;font-size:0.08rem;line-height:1.5;margin-bottom:2%;}
.gzAbout p .shows_line{display:block;margin-top:20px;}
.gzAbout p .shows_title{font-weight:bold;}
.gzAbout p span:first-child{margin-top:0px;}

.gzHost{margin-bottom:40px;overflow:hidden;}
.gzHostItem{width:20%;float:left;}

.gzHostItem .intro .txt strong.en,
.gzHostItem .name strong{font-size:24px;}
.gzHostItem .intro .txt strong.ch{font-size:20px;}

.gzHostItem .intro{position:relative;}
.gzHostItem .intro .over-txt{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(221,174,49,.7);transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;opacity:0;}
.gzHostItem:hover .intro .over-txt{opacity:1}
.gzHostItem .intro .txt{width:100%;height:100%;position:absolute;left:0;top:0;display:table;}
.gzHostItem .intro .txt-strong{display:table-cell;vertical-align:middle;text-align:center;}
.gzHostItem .intro .txt strong{display:block;color:#fff;line-height:1.2;margin-bottom:24px;text-align:center;}

.gzHostItem .name{text-align:center;margin-bottom:12px;}
.gzHostItem .name strong{display:block;line-height:1.25;}
.gzHostItem .name strong.en{color:#212121;}
.gzHostItem .name strong.ch{color:#9e9e9e;}

/**/
.indexPhoto-con dd{background:none;display:none;}
.indexPhoto-con img{width:100%;height:auto;}
#indexPhoto-dot-gz{width:100%;text-align:center;position:absolute;bottom:0;right:0;line-height:0;z-index:3;background-color:rgba(0,0,0,.6);padding:25px 0;}
#indexPhoto-dot-gz em{display:inline-block;width:12px;height:12px;border:solid 2px #fff;border-radius:100%;margin:0 15px;cursor:pointer;}
#indexPhoto-dot-gz .current{position:relative;background:#fff;}
#js-indexPhoto-scroll-gz{position:absolute;z-index:2;top:0;}

.gzFooter{margin-top:102px;}
div.sewise-player-ui div.logo{display:none;}

.shows_line_hint{color:red !important;font-size:17px !important;}

@media screen and (max-width:1450px) {
.gzHostItem .intro .txt strong.en,
.gzHostItem .name strong{font-size:20px;}
.gzHostItem .intro .txt strong.ch{font-size:16px;}
}

@media screen and (max-width:1342px) {
/*.gzTitle{font-size:30px;}
.gzAbout p{font-size:20px;}*/

.gzHostItem .intro .txt strong.en,
.gzHostItem .name strong{font-size:16px;}
.gzHostItem .intro .txt strong.ch{font-size:14px;}
}

@media screen and (max-width:1024px) {/* pad 横屏 */
/*.gzTitle{font-size:26px;}
.gzAbout p{font-size:18px;}*/
.gzHostItem .intro .txt strong.en,
.gzHostItem .name strong{font-size:14px;}
.gzHostItem .intro .txt strong.ch{font-size:12px;}
html{font-size:64px; !important}
}

@media screen and (max-width:941px) {/* pad 横屏 */
.page-live video{display:block;}
}

@media screen and (max-width:900px) {/* pad竖屏 */
.gzWidth{width:93%;}
.gzHeader .gzWidth{margin-left:-46.5%;bottom:8%;top:auto;}
.page-live-area{margin:0;}

.gzTitle{font-size:0.42rem;text-align:center;}

.gzAbout p{font-size:0.26rem;line-height:1.6;margin-bottom:0.42rem;}
.gzHost{margin-bottom:0.84rem;background:url("../img/m-host-bg.png") no-repeat center bottom;background-size:100% auto;}

.gzHostItem{width:49%;margin-right:1%;margin-bottom:0.46rem;}
.gzHostItem:last-of-type{margin-bottom:0;}
.gzHostItem:nth-of-type(2n){margin-right:0;}
.gzHostItem .name{margin-bottom:0.16rem;}
.gzHostItem .intro .txt strong.en,
.gzHostItem .name strong{font-size:0.24rem;}
.gzHostItem .intro .txt strong.ch{font-size:0.2rem;}


#indexPhoto-dot-gz{padding:0.2rem 0;}
#indexPhoto-dot-gz em{width:0.12rem;height:0.12rem;margin:0 0.12rem;}

.gzFooter{margin-top:0.65rem;}
  
.shows_line_hint{color:red !important;font-size:14px !important;}
}

@media screen and (max-width:767px) {/* 手机横屏 */

}
@media screen and (max-width:450px) {/* 手机竖屏 */
}
@media screen and (max-width:370px) {/* 320的小屏幕 */
}
