@charset "utf-8";
a{text-decoration:none;}
#index{
  background-color: #1ea0fa;
  color:#fff;
  position: relative;
  z-index:9;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
}

#wrap-banner{margin:0 auto; background-color:#fff; position:relative; padding:0; }
.banner {height:16em; background:url(../img/slider01.jpg) center no-repeat; position:relative; background-size: cover;}
#downloadbn{margin:0 auto; width:180px; }
.dlbn{width:220px; height:auto; position:absolute; z-index:20; margin-left: -110px; top: 14em; left: 50%;}
.dlbn img{width: 100%; height: auto;}

.maincontent{padding-top:40px; text-align: center; position: relative; width:100%; margin:0 auto;overflow:hidden;}
.slogan-txt{padding:20px 0; font-size: 2em;line-height:2em; color: #313335; font-weight: 600;}

/* update icons by sure 211124 */
/*
.icon-item{float:left; width: 21%; margin: 10px 2%;}
.icon-list{width: 90%; margin: 0 auto; height:auto; list-style:none; padding-top: 0px;}
.ico{width: 90%; height: auto;}
.ico-txt{text-align:center; padding-top:18px; font-size: 1.4em; color:#313335; line-height:1.4em; }*/

.icon-list{
  width: 96%;
  height: auto;
  margin: 0 auto;
}
.icon-item{
  float: left;
  width: 22%;
  height: auto;
  margin-left: 1.5%;
  margin-right: 1.5%;
  margin-bottom: 12px;
}
.ico-txt{
  text-align: center;
  font-size: 1.4em;
  line-height: 1.2;
  color: #313335;
  width: 90%;
  margin: 0 auto;
}

.icon-item .ico{
  width: 80%;
  height: 0;
  padding-top: 80%;
  margin: 0 auto 10px;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
}

/* icons url */
.icon-item #icon-01{
  background-image: url(../img/glyphs_caozuo.png);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/glyphs_caozuo.png',sizingMethod='scale'); /* lower than ie9 */
}
.icon-item #icon-02{
  background-image: url(../img/glyphs_quanneng.png);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/glyphs_quanneng.png',sizingMethod='scale'); /* lower than ie9 */
}
.icon-item #icon-03{
  background-image: url(../img/glyphs_hd.png);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/glyphs_hd.png',sizingMethod='scale'); /* lower than ie9 */
}
.icon-item #icon-04{
  background-image: url(../img/glyphs_sudu.png);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/glyphs_sudu.png',sizingMethod='scale'); /* lower than ie9 */
}
.icon-item #icon-05{
  background-image: url(../img/glyphs_texiao.png);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/glyphs_texiao.png',sizingMethod='scale'); /* lower than ie9 */
}
.icon-item #icon-06{
  background-image: url(../img/glyphs_lvjing.png);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/glyphs_lvjing.png',sizingMethod='scale'); /* lower than ie9 */
}
.icon-item #icon-07{
  background-image: url(../img/glyphs_zhuanchang.png);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/glyphs_zhuanchang.png',sizingMethod='scale'); /* lower than ie9 */
}
.icon-item #icon-08{
  background-image: url(../img/glyphs_ktv.png);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/glyphs_ktv.png',sizingMethod='scale'); /* lower than ie9 */
}
.icon-item #icon-09{
  background-image: url(../img/glyphs_tiaose.png);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/glyphs_tiaose.png',sizingMethod='scale'); /* lower than ie9 */
}
.icon-item #icon-10{
  background-image: url(../img/glyphs_yingjian.png);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/glyphs_yingjian.png',sizingMethod='scale'); /* lower than ie9 */
}
.icon-item #icon-11{
  background-image: url(../img/glyphs_ai.png);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/glyphs_ai.png',sizingMethod='scale'); /* lower than ie9 */
}
.icon-item #icon-12{
  background-image: url(../img/glyphs_sucai.png);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/glyphs_sucai.png',sizingMethod='scale'); /* lower than ie9 */
}
.viewmorebn{width:200px;height:42px;background-position:center; background-repeat:no-repeat;padding-top:20px;padding-bottom:40px; margin:0 auto;position:relative;overflow:hidden; *padding-bottom:33px;}
/* end 211124 */

.works{position: relative; width:100%; margin: 40px auto 20px;overflow:hidden; }
.gb-more{width:86px;height:30px;display:inline-block;float: right;}
.btn-ghost {top:-4px;*top:0px;
  color:#313335;
  text-align:center;
  text-decoration:none;
  font-size:14px;
  line-height:14px;
  width:70px;
  margin:4px auto;
  padding:5px 6px;
  _padding:6px;
  border:2px solid #313335;
  border-radius:4px;
  display:block;
  position:relative;
  transition:all ease .5s;
}
.btn-ghost:hover {color:#fff; background:#313335;}
.btn-ghost:active {top:2px;}
.btn-ghost.blue {color:#1ea0fa; border-color:#1ea0fa;}
.btn-ghost.blue:hover {color:#fff; background:#1ea0fa; top:-4px; *top:0px;}

.hot{margin-top:20px; position: relative;}
.wrap_r{padding-right:0px;}
.hot_wrap{width: 46%; padding:0; margin:0 2% 20px; float: left;}
.hot_d{margin-bottom:6px; overflow:hidden; background-color:#fff;}
.hot_d img{border-radius:6px;}
.playbnimg{display: none;}
.worksimg{width:100%; height:auto; }
.hot_title a{width: 100%; color:#313335; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; *display:inline; margin:0;}
.hot_title  a:hover{color:#1ea0fa;}
.hot_title a em{font-size: 1.4em;}
.hot_title img{display:inline-block; *display:inline; vertical-align:-3px; }
.em_author{color:#8c8e90; font-size:1.4em; margin-left:2px;}
.em_auimg{margin-left:2px;}

.hot_enter{
	width: 100%;
	height: 100%;
	background: #bbe2fd;
	display: none;
}

/* 首页改版 by cm 180420 */
.go_det{width: 86px;height: 30px;float: right}
.go_det .btn-ghost{width: 70px;}

.atv_wrap .hr{margin: 40px auto;}

/*明星与影视*/
.atv_wrap{padding-top:39px; padding-bottom: 40px; position: relative; width:100%; margin:0 auto; overflow:hidden; }
.co-actors,.co-films{width: 96%;margin:0 2%;}
.title-h2wr{padding-top: 20px;}
.title-h2{font-size: 1.8em;color: #474949;font-weight: bold;height: 30px;}

/* 重构 begins by sure 191019 */
.filmwr{margin: 10px 0 0 0; }
.sfilm{position: relative;}
.sfilm p i{width: 24px; height: 22px; padding-right: 4px; background-image: url(../img/ftv_icon.jpg); background-repeat: no-repeat; }
.sfilm a{float: left; border-radius: 4px; border: 1px solid #dbdddf; color: #313335; cursor: default;}
.sfilm a:hover{border: 1px solid #1ea0fa; color: #1ea0fa;}
.sf-btn, .sf-link{display: none; }
/* 大图 */
.sf-large a{width: 80%; height: 185px; margin: 10px 10%; text-align: left; }
.sf-large img{width: auto; height: 185px; position: absolute; }
.sf-large p{font-size: 1.6em; line-height: 1.4em; margin-left: 140px; margin-top: 40px; width: 40%; position: absolute; }
.sf-large p i{display: block; }
.sf-large .sf-btn, .sf-large .sf-link{width: 40%; height: 1.6em; margin-left: 140px; margin-top: 126px; color: #fff; font-size: 1.4em; line-height: 1.6em; text-align: center; border-radius: 10px; }
/* 小图 */
.sf-small a{width: 48.2%; height: 120px; margin: 10px 0.6%; text-align: left; }
.sf-small img{width: auto; height: 120px; position: absolute; }
.sf-small p{font-size: 1.4em; line-height: 20px; margin: 1em 0 0 6.5em; width: 20%; position: absolute; }
.sf-small p i{display: block; }
.sf-small .sf-btn, .sf-small .sf-link{height: 1.2em; margin: 9em 1em 0 9em; color: #fff; font-size: 1em; line-height: 1.2em; text-align: center; border-radius: 10px; }
/* 活动中 */
.sf-ling .sf-btn{display: none;}
.sf-ling .sf-link, .sf-sing .sf-link{display: block; background-color: #ff5400; }
.sf-ling .topleft, .sf-ling .bottomleft, .sf-ling .topright{display: none;}
/* 活动完 */
.sf-lfin .sf-link{display: none;}
.sf-lfin .sf-btn, .sf-sfin .sf-btn{display: block; background-color: #1ea0fa; }
/* 重构 ends by sure 191019 */


/*官方活动*/
.activity{width: 100%; margin: 40px auto;}
#artlink{padding: 0 2%;}
.td-icon{height: 20px;background-image: url(../img/nn_icon03.jpg);background-repeat: no-repeat;}
#artlink a{color: #646668;}
#artlink .td{width: 100%;border-bottom: 1px solid #e6e6e6; color: #646668;margin-top: 20px;text-decoration: none;font-size: 4vw;line-height: 1.7em;background-image: url(../img/activity_view.png);background-size:auto;background-position:right 0px;;background-repeat: no-repeat;}
#artlink .td:hover{color: #1ea0fa;border-bottom: 1px solid #1ea0fa;color: #1ea0fa;background-image: url(../img/activity_view_hover.png)}
#artlink a:hover{color: #1ea0fa;}
#artlink span{color: #fff; background-color: #ff6c00; border-radius: 4px; padding: 0 4px 1px;text-align: center; font-size: 14px; margin-left: 24px;line-height:20px}

/*在线教程20190716*/
.course{width: 100%; margin: 40px auto;}
.coursewr{padding: 0 2%;}
.single a{float: left;font-size: 3.5vw;width: 46%;color: #313335;border: 1px solid #dbdddf;float: left;border-radius:4px;background-image: url(../img/course_view.png);background-position: bottom;background-repeat: no-repeat;margin: 20px 1.5vw 0 1.5vw;}
.coursebanner{width: auto;height: 108px;background-size: 102%; background-position: top;background-repeat: no-repeat;}
.course-title{padding: 6px 8px 0;}
.redsign{font-size: 3vw;color: #e71a60;}

@media screen and (min-width: 400px) { 
    .single a{height: 230px;}
	.coursebanner{height: 114px;}
}

@media screen and (max-width: 399px) {  
    .single a{height: 202px;}
	.coursebanner{height: 96px;}	
}

@media screen and (max-width: 339px) {   
    .single a{height: 186px;}
	.coursebanner{height: 76px;}
}
.single a:hover{color: #1ea0fa;border: 1px solid #1ea0fa;background-image: url(../img/course_view_hover.png);}
/* end */