@charset "utf-8";
body {margin:0; padding:0; font:16px/1 arial,"Microsoft yahei";background:#fff;min-width:1200px;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.clearfix{*zoom:1;clear:both;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:"";}
a:link,a:visited{color:#333;text-decoration: none;}
a:hover,.f_r{color:#e20000; text-decoration:none;}
input{outline: 0;}
i{font-style:normal;}
::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999;
} 
.l{float:left!important;}
.r{float:right!important;}
.w1200{width:1200px;margin:0 auto;}

.header_bg{background:#333 url(/images/t_bg1.jpg) no-repeat bottom center;}
.header{height:96px;}
.logo{}
.logo img{width:114px;height:96px;position:relative;z-index:9999;}
.header_right{width:1086px;float:right;}
.search_wrap{float:left;width:315px;height:35px;border:1px solid #364c73;border-radius:4px;position:relative;}
.search_wrap input{width:265px;border:0;height:35px;border-radius:4px;padding:0 0 0 10px;display:inline-block;background:transparent;}
.search_wrap button{background:transparent;border:0;width:30px;height:30px;display:inline-block;}
.lan{float:right;margin:15px 0 0;position:relative;height:20px;}
.lan a{margin:0 0 0 10px;color:#fff;display:inline-block;}
.lan a.user1{width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lan a.z1{border:1px solid #fff;border-radius:50%;width:22px;height:22px;text-align:center;line-height:22px;}
.lan a.user_num{display:inline-block;width:120px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.lan a.login_btn1{margin-right:30px;}
.lan a.icon-wodeyuming{font-size:20px;}
.forget_pas a{color:#666;}
.navBar{display:flex;justify-content:space-between;align-items:flex-start;}
.login1{width:200px;position:relative;margin-top:24px;}
.login1 a.a_w{color:#fff;font-size:15px;margin:5px 0 0;}
.login_btn1 {margin:5px 0 0;display:inline-block;}
.tx1{width:105px;height:105px;border-radius:50%;border:5px solid #b29b65;position:absolute;top:-60px;left:50%;margin:0 -65px}
.forget_pas{position:relative;margin:10px 0 0;}
.forget_pas a{margin:0;font-size:13px;}
.register1{position:absolute;top:0;right:0;}
.other_login{text-align:center;font-size:13px;color:#626262;}
.other_login p{margin:10px 0;}
.line1{display: inline-block;width: 50px;border-top: 1px solid #000 ;vertical-align: 4px;margin:0 10px;}
.wechat01{}

.cs_wrap{background:#ad9a61 url(../images/cs_bg1.jpg) repeat-y center top;height:80px;}
.cs_nav {}
.cs_nav2 {width:1200px;margin:0 auto;display:flex;}
.cs_nav2 p{width:1000px;}
.cs_nav2 p a{display:inline-block;font-weight:500;color:#fff;text-align:center;margin:10px;text-align:center;padding:5px 10px;}
.cs_nav2 p a:hover{color:#ad9a61;} 
.cs_nav2 p a i{display:block;text-align:center;font-size:24px;font-weight:100;margin-bottom:8px;}
.cs_nav2 p a span{display:block;background:url(../images/cs_icon.png) no-repeat;width:30px;height:30px;margin:0 auto 8px;}
.cs_nav2 p a span.icon01{background-position:0 -59px;}
.cs_nav2 p a span.icon02{background-position:0 -185px;}
.cs_nav2 p a span.icon03{background-position:0 -250px;}
.cs_nav2 p a span.icon04{background-position:0 -220px;}
.cs_nav2 p a span.icon05{background-position:0 -90px;}
.cs_nav2 p a span.icon06{background-position:0 -290px;}
.cs_nav2 p a:hover span.icon01{background-position:-30px -59px;}
.cs_nav2 p a:hover span.icon02{background-position:-30px -185px;}
.cs_nav2 p a:hover span.icon03{background-position:-30px -250px;}
.cs_nav2 p a:hover span.icon04{background-position:-30px -220px;}
.cs_nav2 p a:hover span.icon05{background-position:-30px -90px;}
.cs_nav2 p a:hover span.icon06{background-position:-30px -290px;}
.cs_nav2 a.cs_btn1{transition:ease .4s all;width:200px;height:80px;line-height:80px;font-size:26px;font-weight:bold;color:#fff;text-align:right;}
.cs_nav2 a.cs_btn1:hover { color: #066b73; transition: ease .4s all; }


.proposition_wrap,.news_wrap,.exhibition_wrap,.jury_wrap,.cooperation_wrap,.aboutus_wrap,.bangdan_wrap,.cases_wrap,.red_rl_wrap{padding:50px 0;}
.proposition_wrap h1,.news_wrap h1,.exhibition_wrap h1,.jury_wrap h1,.cooperation_wrap h1,.aboutus_wrap h1,.bangdan_wrap h1,.cases_wrap h1,.red_rl_wrap h1{font-size:36px;font-weight:bold;text-align:center;font-weight:lighter;}
.proposition_wrap h2,.news_wrap h2,.exhibition_wrap h2,.jury_wrap h2,.cooperation_wrap h2,.aboutus_wrap h2,.bangdan_wrap h2,.cases_wrap h2,.red_rl_wrap h2{text-transform:uppercase;text-align:center;font-size:14px;color:#9e9a9c;font-weight:lighter;margin:6px 0 40px;}
.proposition_list{width:1240px;margin:-10px auto;}
.proposition_list a{display:inline-block;width:228px;margin:10px;text-align:center;}
.proposition_list img{width:228px;height:112px;margin:0 0 15px;}
.proposition_list a span{ height:15px; overflow:hidden; display:block; margin-bottom:5px; font-size:14px;}
.years{font-family:"Helvetica Neue LT Pro";font-weight:300;font-size:40px;}

.banner01{text-align:center;}
.cur1{display:inline-block;margin:2px 0 0;}
.news_wrap{background:#f8f8f8 url(../images/title_bg.png) no-repeat top center ;}
.news_main1,.lecturer_main1,.creative_wraps,.jury_main1,.cooperation_wrap,.cooperation_wraps,.header{position:relative;}
.more{position:absolute;top:-40px;right:0px;}
.more_z{position:absolute;top:-43px;right:14px;}
.news_l{width:500px;float:left;}
.news_l2{display:block;width:495px;height:326px;box-shadow:8px 8px 8px #ddd;overflow:hidden;}
.news_l2 img{width:495px;height:326px;transition:all .5s ease;}
.news_l2:hover img{transform:scale(1.1);transition:all .5s ease;}
.page_views1{float:right;}
.new_time0,.hot_new1 p,.news_art p{padding:10px 0 0 0;color:#888;line-height:160%;}
.news_art p{min-height:65px;}
.news_art p.art_s{ min-height:20px; padding:5px 0 0 0; font-size:14px; color:#999;}
.new_time0{padding:15px 0;}
.hot_new1:hover h3{color:#e20000;}
.hot_new1 h3 a{display:block;padding:0 0 10px ;font-size:18px;font-weight:lighter;}
.news_r{float:right;width:660px;background:url(../images/dian.jpg) repeat-y 20px 0;}
.news_r_t{float:left;width:104px;color:#6d6c6c;font-family:"Helvetica Neue LT Pro";text-align:right;margin:-4px 0 0;}
.news_r_t span{font-size:34px;display:block;font-weight:lighter;}
.news_r_t i{font-size:18px;font-family:"Helvetica Neue LT Pro";font-weight:100;}
.news_r_n{float:left;width:100%;}
.news_art{width:610px;float:right;padding-left:30px;background:url(../images/line01.jpg) no-repeat;}
.news_art h3 a{display:block;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:lighter;}
.news_art p a{font-size:15px;color:#888;margin:0 0 18px;display:block;}
.news_r_n:hover,.news_r_n:hover span,.news_r_n:hover i,.news_r_n:hover a{color:#e20000;}
.news_r_n:hover .news_art{background:url(../images/line02.jpg) no-repeat;}



.exhibition_wrap,.cooperation_wrap,.jury_wrap,.aboutus_wrap,.bangdan_wrap,.cases_wrap,.red_rl_wrap{background:#fff url(../images/title_bg.png) no-repeat top center ;}
.tab3{}
.tab3 .tab-nav{box-sizing:border-box;}
.tab3 .tab-nav a{display:inline-block;font-weight:lighter;font-size:14px;color:#000;margin:5px;padding:5px 10px;border:1px #cebb8d dashed;box-sizing:border-box;text-align:right;}
.tab3 .tab-nav a:hover{background:#eee;}
.tab3 .tab-con-item a{display:inline-block;}
.tab3 .tab-nav a.current{background:#b19d6a;color:#fff;z-index:999;border:1px #b5a131 dashed;}
.tab3 .j-tab-con{}
/*.tab3 .j-tab-con a:hover{color:#e20000;}*/
.case_class{height:52px;color:#666;margin:0 0 10px;}
.case_class a{padding:5px 15px;color:#888;white-space:nowrap;}
.case_class a:hover{background-color:#000}
.case_imgs{width:100%;}
.case_imgs a {padding:5px 0;width:280px;height:400px;font-size:15px;margin:0 15px 0px 0 ;text-align:center;color:#888; float:left;}
.case_imgs a:hover{color:#e20000;}
.case_imgs a img{width:260px;height:360px;margin:0 0 15px;}
.case_imgs a span{display:block;}

#demo{ width: 100%; height: 840px;overflow: hidden; 		}
		.box{
			height:840px;
		}
		.zUIpanelScrollBox,.zUIpanelScrollBar{
			width:10px;
			top:4px;
			right:2px;
			border-radius:5px;
			
		}
		.zUIpanelScrollBox{
			background:black;opacity:0.2;
			filter:alpha(opacity=10);
		}
		.zUIpanelScrollBar{
			background:#999;opacity:0.7;
			filter:alpha(opacity=80);
		}



.lecturers0{height:450px;}
.tab2 .tab-nav{text-align:center;margin:0 0 20px;}
.tab2 .tab-nav a {font-size:18px;display:inline-block;padding:0 15px 15px;text-align: center;color: #999;}
.tab2 .tab-nav a.current {color:#e20000;border-bottom:2px solid #e20000;}
.video_hot{width:600px;float:left; position:relative;}
.video_title1{line-height:160%; position:absolute; bottom:0px; left:0px;background:rgba(0,0,0,.7); width:100%; height:60px; padding:0px !important}
.video_title1 h3{ padding:8px 10px 0 10px;}
.video_title1 h3 a{ color:#fff;}
.video_title1 p{color:#fff;font-size:13px; margin-left:10px;}
.gene_dy_new{ font-size:16px; color:#e20000; width:140px; position:absolute; left:0px; top:30px;}

.video_r{width:590px;float:right;}
.video_img1{width:282px;height:180px;position:relative;float:left;margin:0 0 12px 12px;}
.video_img1 img{width:282px;height:180px;}
.video_mast{background:rgba(0,0,0,.7);color:#fff;position:absolute;bottom:0;padding:4px 10px;box-sizing:border-box;width:100%;font-size:15px; height:54px; line-height:24px;}
.video_mast p{text-align:right;padding:0;}
.video_mast p i{font-size:13px;}
.video_mast span{ float:left; display:block; height:24px;}
.video_mast bdo{ height:24px; display:block; overflow:hidden;}
.video_img3{width:600px;height:373px;}

.bd_wrap1{background:url(/images/bd_bg.png) no-repeat center top;height:136px;padding:25px 40px;color:#fff;font-size:19px;}
.bd_wrap1 h3{width:1050px;padding-bottom:10px;border-bottom:1px dashed #dcd0b0;}
.bd_wrap1 .bd_f1{border-left:1px dashed #dcd0b0;padding:0 55px;padding:0 50px\9;float:left\9;}
.bd_wrap1:first-child{border-left:0;}
.bd_wrap1 div p{height:34px;}
.bd_form{display:flex;align-items:flex-start;margin:26px 0 0;}
.sel_school1{position:relative;}
a.sel1,a.sel2,a.sel3,.bd_btn1,.bd_input{position:relative;color:#ac9860;display:inline-block;width:160px;height:39px;line-height:39px;background:#eee8d7;color:#ac9860;padding:0 10px;}
a.sel2{width:290px;width:325px\9;}
a.sel1 i,a.sel2 i,a.sel3 i{right:10px;position:absolute;}
a.sel3{width:580px;}
.sel_school1 ul{position:absolute;width:180px;}
.sel_school2 ul{width:310px;}
.sel_school3 ul{width:600px;}
.sel_school1 ul a{display:block;background:#eee8d7;padding:10px;border-top:1px solid #ac9860;color:#ac9860;}
.sel_school1 ul a:hover{background:#e8e1cc;}
.bd_btn1{border:0;width:100px;font-size:19px;}
.bd_input{border:0;}
.bd_icon{width:21px;margin:-3px 5px 0 0; vertical-align:middle;}
.bd_icon2{width:23px;margin:-8px 5px 0 0; vertical-align:middle;}
.banner1{width:100%;margin:20px auto 0;}
.search_result{padding:20px 0 5px;justify-content:space-between;align-items:flex-start;}
.bd_f2{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;width:100%;position:relative;}
.line2{position:absolute;left:50%;top:0;border-left:1px dashed #dcd0b0;width:1px;height:100%;}
.xinxika0{width:45%;display:flex;padding:10px 0;font-size:15px;float:left\9;margin:0 28px\9;}
.xinxika0 p{float:right\9;background:#eee9d9;color:#ac9860;border-radius:1px;width:calc(100% - 115px);padding:0 10px;}
.xinxika0 label{float:left\9;}
.bd_wrap2{background:url(/images/bd_bg2.jpg) repeat-y center top;padding:25px 40px;color:#fff;font-size:19px;position:relative;}
.bd_wrap2 h3{border-bottom:1px dashed #dcd0b0;text-align:center;padding-bottom:10px;}
.sj_pic{position:absolute;right:-40px;bottom:0px;}
.bd_wrap2:after{}


.creative_wraps,.jury_main1{width:1235px;margin:0 auto;}
.creative_img1{width:233px;box-shadow:3px 2px 7px #ddd;display:inline-block;margin:10px 0 0 10px;}
.creative_img1:hover{box-shadow:3px 2px 7px #aaa;}
.creative_mast{font-size:18px;padding:8px;}
.creative_img1 img{width:233px;height:173px;margin:0 0 8px;}
.creative_mast p{text-align:right;margin:8px 0;}
.creative_mast p i{color:#e6e6e6;font-size:13px;}
.creative_mast p i span{color:#888;}


.jury_main1{}
.jury_list1{}
.pst_title{border-left:2px solid #333;padding-left:10px;font-size:20px;}

.jury_list1 a p{line-height:180%;padding:8px;font-size:15px;}
.jury_list1 a img{width:225px;height:225px;}
.jury_list1 a{display:inline-block;width:225px;margin:10px 0 0 15px;}
.jury_list1 a:hover{box-shadow:0 0 7px #ddd;}
.jury_wrap2{background:#fff;box-shadow:0 0 8px #eee;padding:15px;box-sizing:border-box;}
.pad15{padding:15px 0;}
.tx3{width:180px;height:180px;border-radius:4px;}
.jury_bd{display:flex;padding:15px 30px;min-height:300px;}
.intro-course h3{ padding:0  0 0 50px;}
.jury_zc{line-height:200%;padding:10px 50px 0;}

.cooperations{padding:0 0 30px;margin:0 0 20px;border-bottom:1px solid #eee;}
.cooperations p{padding:0 7px 10px;}
.cooperation_a a img{width:210px;max-height:96px;margin:10px 13px;box-shadow:0 0 8px #eee;}
.cooperation_a2 a img{max-width:234px;max-height:104px;margin:7px;}
.cooperation_a a:hover img{box-shadow:0 0 8px #ddd;}
.cooperations:last-child{border:0;margin:0;}
.cooperation_a3 a{font-size:15.4px;display:inline-block;padding:15px 34px 5px 8px;overflow:hidden;white-space:nowrap;color:#666;}


.footer_wrap{background:#333;color:#fff;}
.footer_c p{padding:20px 0;margin:0 0 20px;border-bottom:1px solid #5f5f5f;}
.contact1,.contact2{width:340px;margin:0 30px 0 0;float:left;line-height:180%;font-size:15px;color:#ddd;}
.contact2{width:280px;}
.wechat_img{float:right;color:#ddd;}
.wechat_img img{width:90px;display:block;margin:10px 0 0;}
.copy_right{padding:40px 0;text-align:center;font-size:15px;color:#ddd;}


.tab4 .tab-nav{text-align:center;}
.tab4 .tab-nav ul.nav1 .sub{display:none;width:100px;position:absolute;top:42px;left:0;z-index:99999;}
.tab4 .tab-nav ul.nav1 li{display:inline-block;position:relative;}
.tab4 .tab-nav ul.nav1 .sub li a {background:#fff;}
.tab4 .tab-nav ul.nav1 .sub li a:hover{color:#000;border:1px solid #666;background:#f8f8f8;}
.tab4 .tab-nav a{display:inline-block;width:140px;height:40px;text-align:center;line-height:40px;border:1px solid #666;background:#fff;margin: -1px 10px 0;}
.tab4 .tab-nav a.current{color:#333;border:1px solid #666;}
.tab4 .tab-nav a i{margin:0 -8px 0 3px;display:inline-block;}
.tab4 .tab-con{padding:20px 0 0;min-height:400px;line-height:180%;}
.parters_list a{display:inline-block;width:234px;text-align:center;margin:3px;}
.parters_list a img {max-width:210px;max-height:93px;display:block;margin:0 auto 8px;box-shadow:0 0 8px #eee;}
.parters_list a:hover img{box-shadow:0 0 8px #ddd;}
.nav1{}
.nav1 .on > a{color:#000;border:1px solid #000;}		
.tab4 .tab-nav a .asid_share_triangle{display:none;}
.tab4 .tab-nav a.current .asid_share_triangle {display:block;position:relative;}
.tab4 .tab-nav a.current .asid_share_triangle .border_sj{position:absolute;bottom:-22px;left:64px;color:#666;font-size:20px;}
.tab4 .tab-nav a.current .asid_share_triangle .con_sj{position:absolute;bottom:-21px;left:65px;color:#fff;font-size:18px;}

.news_list1 h3{font-size:24px;padding:0 0 30px;color:#666;}
.news_art1{margin:0 0 30px;}
.new_img1{width:355px;height:234px;float:left;margin-right:30px;}
.news_art2 h4{padding:0 0 10px;font-size:22px;font-weight:lighter;color:#666;}
.news_art2 p{height:110px;color:#666;}
.news_art2 span{display:block;color:#999;margin:0 0 10px;}
.more2{display:inline-block;padding:5px 20px;border-radius:20px;border:1px solid #E4E4E4;}
.more2:hover{border:1px solid #e20000;}

.page1{text-align:center;padding:30px 0 0;}
.page1 a{display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;}
.page1 a.my{display:inline-block;width:40px;height:30px;text-align:center;line-height:30px;}
.page1 a.current2{background:#e20000;color:#fff;border-radius:50%;}
.page2{text-align:center;padding:10px 0;margin:20px 0 0;}
.page2 a{background:#eee;display:inline-block;padding:10px 30px;border-radius:50px;}



 .test {
  width   : 100%;
  height  : 810px;
  overflow-y: auto;
  float   : left;
  border  : none;
  }
  .scrollbar {
  width : 100%;
  height: 200px;
  margin: 0 auto;
  }
  .test-5::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .test-5::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius   : 10px;
  background-color: skyblue;
  background-image: -webkit-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent
  );
  }
  .test-5::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #ededed;
  border-radius: 10px;
  }


.goTop{position: fixed;right : 30px;bottom : 40px;width:30px;}

.social-share .icon-ut {
    color: #e12921!important;
    border-color: #e12921!important;
}
	
		
		
.zj_select{border-bottom:1px solid #eee;margin:15px 0;}
.zj_sel1{padding:5px;float:left;width:100%;box-sizing:border-box;position:relative;}
.zk1{position:absolute;top:15px;right:15px;background:#eee;}
.zj_sel1 h3{float:left;font-weight:lighter;width:90px;text-align:right;padding:10px 0;}
.zj_sel1 p{float:left;width:1080px;}
.zj_sel1 p a,.zj_sel2 .sela1{display:inline-block;white-space:nowrap;border:1px #cebb8d dashed;font-size:14px;padding:5px 10px;margin:5px;}
.zj_sel1 p a.sela1,.zj_sel2 .sela1{border:1px #b5a131 solid;background:#b29b65;color:#fff;position:relative;}
.zj_sel1 a:hover,.zj_sel2 a:hover{background:#eee;color:#111;}
.zj_sel2 span.sela1{padding-right:18px;}
.zj_sel2 span.sela1 a{position:absolute;top:2px;right:2px;font-size:10px;color:#fff;}
.zj_sel2{padding:0 0 15px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;}
.zj_list1{padding:0 0 50px;}
.w101{width:100%;height:295px;opacity:0.6;}
.relative1{position:relative;}
.hei0 {height:40px;overflow:hidden;}
.hei1 {height:auto;}
.case_imgs2 a{display:inline-block;padding:15px 0;color:#333;}

.case_title{text-align:center;padding:10px 0 0;}
.case_title2{padding:15px 15px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .viwe1{ width:200px; height: 320px; 
      float: left;
      margin: 20px 20px 0;position:relative;overflow: hidden;
    }
    .viwe2{ width:380px; height: 46px; background:#f8f8f8;
      float: left;
      margin: 10px 10px 0;position:relative;overflow: hidden;
    }
  .viwe1 img{width:200px;height:276px;}
.hover1 i,.hover2 i{font-size:14px;}
    .hover1,.hover2{padding:15px;color:#fff;
      width: 170px;
      height: 0px; 
      background-color:rgba(0,0,0,0);
      position:absolute; 
      overflow: hidden;
      top: -400px; 
      left: 0; 
      /*transform:rotate(55deg) ;*/
      transition: all  0.4s;
      z-index: 999;
    }
.hover2{width:380px;box-sizing:border-box;text-align:left;display:flex;padding:0 15px;position:relative;}
.hover1 a{color:#eee;border-radius:4px;border:1px solid #eee;padding:0 10px;margin-top:10px;}
.hover1 p{height:120px;}
.pad10{padding:10px 0;}
.case_imgs3{margin: 30px 0;min-height:400px;}
.hover2 a{position:absolute;top:10px;right:15px;background:#fff;border-radius:4px;font-size:13px;padding:0 10px;color:#b29b65;}
    .viwe1:hover .hover1, .viwe2:hover .hover2{ height: 246px; /*transform:rotate(0deg);*/
      top: 0px; line-height:180%;
      background-color:rgba(49,66,154,0.5);
      background-color:rgba(181,161,49,0.7);}
     .viwe2:hover .hover2{height:40px;}
    .viwe1:before{
      content: "";
      position: absolute;
      top:-240px;
      right:0;
      width: 500px;
      height:500px;
      background:rgba(49,66,154,0.6);
      transform:rotate(55deg) translateX(40px);
      transform-origin: 100% 0%;
      transition: all 200ms ease 0.4s;
    }
     .viwe2:hover .hover2{height:46px;}
    a.btn_xq{border:1px solid #eee;border-radius:20px;padding:0 15px;color:#fff;margin:15px 0 0;}
  /*  .viwe:hover:before{top:55px;}

    .viwe:after{

      content: "";
      position: absolute;
      bottom:-240px;
      left:0;
      width: 500px;
      height:500px;    
      background:rgba(49,66,154,0.6);
      transform:rotate(55deg) translateX(-40px);
      transform-origin: 0% 100%;定转换的位置
      transition: all 200ms ease 0.4s;
    }

    .viwe:hover:after{ bottom: 55px;}*/

.bangdan_wrap{}
.bangdan1,.bangdan2{width:100%;margin: 0 0 20px;}
.bangdan1 thead th,.bangdan2 thead th{background:#eee;color:#b5a131;height:50px;padding:0 5px;display:table-cell;font-size:14px;}

.bangdan1 tr,.bangdan2 tr{border-bottom:1px solid #eee;}
.bangdan1 tbody tr:nth-child(2n),.bangdan2 tbody tr:nth-child(2n){background:#f8f8f8;}
.bangdan1 tbody td,.bangdan2 tbody td{text-align:center;height:50px;padding:0 5px;font-size:13px; vertical-align:middle;display:table-cell;}
.bangdan2 thead th,.bangdan2 tbody td{text-align:left;}
.bangdan2 tbody td{line-height:150%;padding:5px;height:40px;}
.bangdan1 tbody td a{display:inline-block;font-size:14px;}
.bangdan1 tbody tr:hover{background:#fcfbf0;}
.bangdan1 tfoot td a,.bangdan2 tfoot td a{display:block;font-size:14px;}
.bangdan1 tbody td a em{display:inline-block;font-size:14px;}
.logo2{width:30px;height:30px;border-radius:50%;margin:0 10px 0 0;float:left;}
table,td,th{border-collapse: collapse;border-spacing: 0;}
.num_bg,.num_bg2{background:#b5a131;color:#fff;display:inline-block;width:22px;height:22px;border-radius:8px;text-align:center;line-height:22px;}
.num_bg2{background:#ddd;color:#000;}
.rule_wrap{padding:15px;line-height:180%;}
.rule_wrap .rule_title0{padding:0 0 5px;font-size:18px;border-bottom:2px solid #000;display:inline-block;margin:0 0 15px;}
.load_more2 {text-align:center;padding:10px;background:#eee;}
.load_more2:hover{background:#ddd;}
.bd_search{position:relative;border:1px solid #aaa;width:270px;height:30px;margin:5px 0;padding:1px 0;border-radius:2px;display:flex;align-items:flex-start;justify-content:space-between;}
.bd_search input{height:30px;border:0;}
.bd_select{position:absolute;height:33px;top:0;left:-100px;border:1px solid #aeaeae;width:90px;padding:0 5px;}
.bd_sea{width:200px;padding:0 10px;}
.bd_btn{width:50px;}
.bd_title{font-size:18px;}

.kt1{padding:15px 0;}
.kt_wrap1{padding:20px 0;}
.kt_wrap1 h3,.yuanxiao_wrap h3{font-size:20px;border-left:2px solid #333;padding:0 0 0 10px;margin:0 0 20px;position:relative;}
.kt_wrap1 h3 a{position:absolute;top:0;right:0;font-size:15px;font-weight:lighter;}
.kt_wrap1 ul{display:flex;flex-wrap:wrap;}
.kt_wrap1 ul li{width:280px;margin:0 10px;height:245px;float:left;}
.kt_wrap1 ul li img{width:280px;height:179px;}
.video_title2{height:22px;line-height:24px;padding:5px; overflow:hidden;}
.kt_wrap1 ul li p {padding:0 5px;}
.kt_wrap1 ul li p i{font-size:13px;color:#aaa;}
.video_img2{display:block;position:relative;overflow:hidden;border-radius:8px;}
.video_play{display:none;background:rgba(0,0,0,.5);position:absolute;top:0;width:280px;height:190px;text-align:center;line-height:190px;}
.video_play i{color:#fff;font-size:60px;}
.kt_wrap1 ul li:hover .video_play{display:block;}
.kt_wrap1 ul li img{transition:all .5s;    /* IE 9 */
    -moz-transition:all .5s;     /* Firefox */
    -webkit-transition:all .5s; /* Safari 和 Chrome */
    -o-transform:scale(1.1);}
.kt_wrap1 ul li:hover img{transition:all .5s;    /* IE 9 */
    -moz-transition:all .5s;     /* Firefox */
    -webkit-transition:all .5s; /* Safari 和 Chrome */
    -o-transform:scale(1.1);transform: scale(1.1);
    -ms-transform:scale(1.1);     /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 和 Chrome */
    -o-transform:scale(1.1);}
.kt_wrap1 ul li:hover .video_play i{color:rgba(255,255,255,.8);font-size:40px;}


/*----详情页----*/
.bg_gray{background:#f5f5f5;}
.article_wrap{padding:0 0 15px;}
.fl{float:left;}
.r{float:right;}
.my_sy_tip {width:100%;overflow: hidden;padding:15px 0;background:#f5f5f5;line-height:150%;}
.my_sy_tip li {display: inline;float: left;margin-right: 4px;font-size: 14px;color: #333;}

.safe_img{width:600px;height:338px;background:#f5f5f5;}
.detail{overflow: hidden;background:#333;padding:20px;box-sizing:border-box;}
.detail0{clear:both;padding:20px;box-sizing:border-box;box-shadow: 0px 0px 8px #ddd;}
.detail_c{width: 560px;margin-left: 20px;}
.det_tit h3{font-size: 20px;line-height: 40px;}
.det_tit p{color:#888;line-height:160%;padding:5px 0;}
.det_tit p b{color:#333;font-weight:lighter;}
.det_p{font-size: 16px;margin: 10px 0 0 ;}
.det_p span{color: #f00;}
.det_con{padding:15px ;margin: 10px 0;background:#f8f8f8;font-size:24px; }
.det_con b{position: absolute;bottom: -8px;left: 20px;line-height: 18px;background: #fff;padding: 0 10px;font-size: 18px;color: #5eb41b;}
.det_a {height: 50px;line-height: 50px;margin-top: 20px;}
.det_a .a{float: left;background: #b19d6a;color: #fff;font-size: 18px;width: 170px;display: block;text-align: center;border-radius: 4px;}
.det_a span{margin-left: 30px;color:#666;cursor: pointer;}
.det_a span:hover{color:#888;}
.f_y{color:#f60;}
.video_detail_wrap{background: #f3f3f3;padding:15px;}
.fund_l{width: 840px;width: 865px\9;background: #fff;box-shadow:0 0 8px #ddd;}
.fund_tit{height: 60px;line-height: 60px;text-align: center;}
.fund_tit li{width: 145px;float: left;font-size: 16px;color: #333;}
.fund_tit li a{display: block;}
.fund_tit li a:hover{color: #039ae3;}
.fund_tit li.curr{border-top: 3px solid #039ae3;height: 57px;}
.fund_tit li.curr a{color: #039ae3;}
.f_font1{padding: 20px;border-bottom:1px solid #eee;}
.f_font1_tt {font-size: 18px;margin-bottom: 20px;border-left:3px solid #333;padding-left:8px;}
.chapter-tt {border-bottom: 1px solid #e5e5e5;font-size: 18px;line-height: 60px;}
.task-part-list {padding-bottom: 1px;padding-top: 30px;}
.task-part-item {margin-bottom: 10px;}
.task-part-hd {background: #f3f3f3;height: 40px;line-height: 40px;margin-bottom: 20px;position: relative;}
.tt-prefix {background: #666;color: #fff;float: left;font-size: 18px;margin-right: 8px;text-align: center;width: 72px;}
.part-tt {font-size: 16px;}
.task-task-list {margin-left: 20px;margin-right: 20px;}
.task-task-item {box-sizing: border-box;color: #333;display: block;line-height: 40px;padding-left: 40px;position: relative;width: 100%;}
.item-icon {color: #a3d2f8;left: 5px;margin-top: 14px;position: absolute;text-align: center;width: 22px;background: #fff url(../images/item-icon.jpg) no-repeat;height: 15px;}
.task-tt-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.tt-suffix {color: #999;display: inline-block;margin-left: 10px;vertical-align: middle;}
.video_list1{color:#666;}
.video_list1 p{background:#f5f5f5;padding:15px;margin:10px 0;}
.video_list1 p i{margin-right:15px;}
.video_list1 h4{padding-top:10px;}
.video_list1 h4 b{font-size:18px;padding:0 20px 0 0;}
.theme-aa:hover{background:#bca671;}





.inner-center{width:300px;width:270px\9;margin-left:20px;margin-left:0px\9;background:#fff;padding:20px;box-shadow:0 0 8px #ddd;}
.inner-center h3 {font-size: 18px;margin: 10px 0;border-left:3px solid #333;padding-left:8px;}
.inner-center ul {}
.inner-center ul li {padding:15px 0;border-top:1px solid #eee;height:80px;}
.inner-center ul li:hover{background:#f5f5f5;}
.item-img {height: 77px;width: 120px;transition:all 0.5s ease;}
.item-tt{font-size: 14px;font-weight:lighter;height:22px;line-height:24px;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;word-break: break-all;word-wrap: break-word;}
.item-line--bottom {position: relative;height: 24px;line-height: 24px;font-size:14px;}
.free {color: #5fb41b;}
.item-star-num {color: #999;position:absolute;right:10px;}
.item-price {color: #e85308;font-size: 16px;}
.item-price-m{}
.item-img-link{float:left;margin-right:15px;}
.cle:after, .clearfix:after, .clear_f:after, .cle_float:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: '\20';
    clear: both;
    height: 0;
}
.teacher_img1{width:100%;margin:0 0 15px;}
.guide-bd{display:flex;flex-wrap:wrap;}
.tx2{width:90px;height:90px;border-radius:50%;margin-right:20px;}
.teacher_info{width:690px;}
.intro-course p,.teacher_info p{min-height:100px;line-height:160%;font-size:14px;color:#888;padding:10px 100px 0 0;position:relative;}
.intro-course p span,.teacher_info p span{position:absolute;top:20px;display:block;width:610px;}
.intro-course p span i,.teacher_info p span i{display:block;font-size:20px;}


.teacher_infospan{
    position:absolute;top:20px;right:0;display:block;width:80px;text-align:center;
}
.course-card-item .item-img-link{display:inline-block;position:relative;border-radius:4px;overflow:hidden;}


.intro-course p a{color:#000;}
.intro-course p a:hover{color:#e20000;}
.teacher_info p a{white-space:nowrap;}
.course-item1{width:250px;margin:10px 8px;margin:10px 12px\9;float:left\9;}
.course-item2{width:250px;margin:10px 13px;float:left\9;}
.item-tt-link{display:block; position:relative;border-radius:4px;margin:0 0 10px;overflow:hidden;}
.course-item1:hover .item-tt-link:before,.course-card-item:hover .item-img-link:before,.course-item2:hover .item-tt-link:before
{font-family:"iconfont" !important;z-index:999;content: "\e6c4";overflow:hidden;border-radius:4px;font-size:40px;position:absolute;width:100%;background:rgba(0,0,0,.5);color:#fff;top:0;height:160px;line-height:160px;text-align:center;}
.course-card-item:hover .item-img-link:before{font-size:24px;line-height:77px;}
.item-img2{width:250px;height:160px;border-radius:4px;transition:all .5s ease;}
.course-item2:hover .item-img2, .item-img1{transform:scale(1.2);transition:all .5s ease;}
.item-img1{width:250px;height:160px;border-radius:4px;transition:all .5s ease;}
.course-item2:hover .item-tt-link:before{height:160px;line-height:160px;}
.video_teacher1 .intro-course{width:calc(100% - 110px);}
.video_teacher1 .intro-course p{padding:10px 50px 0 0;}
a.btn_dz{border:8px #eee solid;display:inline-block;width:60px;height:55px;padding:5px 0 0;border-radius:50%;color:#aaa;margin:15px 25px 0;text-align:center;line-height:160%;}
a.btn_dz i{display:block;color:#aaa;}
a.btn_dz:hover{background:#eee;}
.teacher_detail{background:#fff;box-shadow:0 0 8px #ddd;padding:20px;position:relative;margin-top:-80px;}
.video_bg{position:relative;}
.video_bg_img{width:100%;height:400px;position:absolute;z-index:0;}
.video_teacher2{display:flex;margin:20px 0;}
.teacher_video{background:#fff;padding:20px;width:920px;width:830px\9;box-shadow:0 0 8px #ddd;}
.item-img-link{display:block;width:120px;height:80px;overflow:hidden;}
.item-img-link:hover img,.item-tt-link:hover img{transform:scale(1.2);transition:all 0.5s ease;}



.main_wrap{background:#fff;padding:60px 50px;width:calc(100% - 475px);margin:0 15px 0 0;box-shadow:0 0 8px #eee;}
.article_title{font-size:30px;display:block;line-height:130%;}
.article_infor{padding:30px 0;color:#aaa;font-size:14px;}
.collection{padding:40px 0;text-align:center;}
.collection a{display:inline-block;text-align:center;margin:0 10px;height:50px;padding:15px 0 0;width:65px;border-radius:50%;border:1px solid #888;color:#888;}
.collection a i{display:block;margin:0 0 5px;}
.collection a:hover{color:#e20000;border:1px solid #e20000;}
.article_up{display:flex;justify-content:space-between;}
.article_up span{width:46%;display:flex;align-items:flex-start;line-height:120%;}
.article_up span a{width:calc(100% - 65px);}
.comment_wrap{margin:40px auto 30px;}
.textarea1{padding:10px;margin:10px 15px;width:calc(100% - 50px);border:1px solid #aaa;min-height:60px;}
.comment_btn{text-align:right;padding:0 15px;}
.comment_btn input{background:#1e63b0;color:#fff;padding:5px 20px;border-radius:4px;border:0;}
.comment_guest h3{}
.comment_guest h3 b{color:#000;display:inline-block;padding:8px 10px;}
.commnet_list{padding:20px 0 20px 20px;border-top:1px solid #eee;}
.commnet_list img{width:65px;height:65px;border-radius:50%;margin:0 15px 0 0;float:left;}
.comment_content{width:calc(100% - 160px);float:left;}
.comment_content h4{padding:0 0 10px;}
.comment_content h4 span{color:#333;padding:0 10px 0 0;font-size:15px;font-weight:bold;}
.comment_content p{color:#888;min-height:30px;}
.side_wrap {width:360px;}
.new_one:nth-child(2n){}
a.dz2{padding:0 0 0 20px;color:#888;float:right;display:inline-block;width:60px;text-align:center;}
a.dz2:hover{color:#666;}
.dz2 i{display:block;margin:0 0 8px;}
.news_list_ul li,.collection_article li{position:relative;line-height:32px;height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 5px 0 15px;}
.online_class{background:#fff;padding:15px;box-shadow:0 0 8px #eee;margin:0 0 15px;}
.title_style{padding:10px 0;font-size:18px;}
.title_style span{color:#888;padding:0 10px;font-size:13px;font-weight:lighter;}
.new_one {display: flex;border-top:1px solid #eee;padding:10px 0;position:relative;}
.new_pic img{width:200px;margin:0 15px 0 0;}
.new_one .new_p1{line-height:150%;}
.new_one .new_p1 h3{ font-weight:400; font-size:14px;}
.new_one .new_p1 span{position:absolute;bottom:8px;right:0;color:#888;font-size:14px;}
.f_g{color:#888;font-weight:lighter;font-size:13px;}
.article_main{line-height:180%;}
.article_main img{max-width:100%;}
.load_more3{display:block;padding:10px 0;background:#eee;text-align:center;}
.load_more3:hover{background:#ddd;}
.w100{width:100%;margin: 0 0 15px;}
.article_class{}

.question_wrap{padding:15px 0;}
.question_l{width:280px;}
.ques1{background:#fff;box-shadow:0 5px 8px 0 rgba(24,95,255,.1);}
.ques1 h3{background:#eee;color:#000;padding:15px;}
.ques1 li{border-top:1px solid #eee;}
.ques1 li a{display:block;padding:12px 15px;}
.ques1 li a:hover{background:#e6e8f6;}
.question_r{background:#fff;width:900px;box-shadow:0 5px 8px 0 rgba(24,95,255,.1);}
.question_r h3{padding:15px 25px;border-bottom:1px solid #aaa;position:relative;}
.question_r h3:before{width:2px;height:15px;position:absolute;top:15px;left:15px;content:"";display:block;background:#000;}
.question_r li{padding:15px;border-bottom:1px solid #eee;margin:0 15px;}
.qa{background:#31429b;padding:15px;box-shadow:0 5px 8px 0 rgba(24,95,255,.1);margin:15px 0;}
.qa a{color:#fff;}
.ques2{background:#fff;box-shadow:0 5px 8px 0 rgba(24,95,255,.1);width:900px;}
.qa_wrap{width:600px;margin:3rem auto;}
.qa_wrap h4{padding:15px 0;}
.textarea2{width:600px;height:100px;border:1px solid #31429b;border-radius:4px;padding:10px;box-sizing:border-box;}
.qa_btn{text-align:right;padding:15px 0;}
.submit_btn{background:#31429b;padding:5px 20px;border-radius:4px;border:0;color:#fff;}

.bs_title{width:1200px;margin:0 auto;padding:15px 0;border-bottom:1px solid #ddd;}
.baosai_wrap{width:640px;min-height:250px;margin:0 auto;padding:60px 0;}
.baosai_wrap h3{font-size:18px;border-bottom:1px solid #ddd;padding:0 0 10px;margin:0 0 20px;position:relative;}
.baosai_wrap h3:before{position:absolute;bottom:0;width:75px;height:2px;background:#000;content:"";}
.baosai_wrap h3.ys_h3:before{width:35px;}
.school_info{background:#f5f5f5;}
.baosai_input{display:flex;padding:10px 0;line-height:200%;align-items:flex-start;}
.baosai_input label{display:inline-block;width:120px;text-align:right;margin:0 15px 0 0;}
.bs_input,.sel_bs,.sel_bs2,.bs_input2{width:350px;border:1px solid #ddd;border-radius:4px;padding:8px 10px;}
.bs_input{padding:3px 10px;height:28px;}
.sel_bs2{width:183px;}
.sel_bs{width:370px;}
.get_code2,a.add_author,.get_code5{border:1px solid #ac9860 ;white-space:nowrap;color:#ac9860;background:#eee;border-radius:4px;display:inline-block;padding:6px 20px;}
.get_code2:hover,a.add_author:hover{color:#947b40;border:1px solid #947b40;text-decoration:none;}
.get_code5{padding:2px 20px;}
a.add_author{padding:3px 15px;}
.wechat_text{line-height:150%;font-size:14px;color:#aaa;width:300px;margin-left:10px;}
.wechat_text2{line-height:150%;font-size:14px;color:#aaa;width:400px;padding:50px 0 0;display:block;}
.bs_r{position:relative;}
.bs_r .qianming{position:absolute;top:-10px;left:120px;width:150px;height:60px;}
.mar15{margin:0 0 0 15px;}
.next_btn{font-size:17px;padding:6px 25px;background:#ac9860;border-radius:4px;color:#fff;border:0;}
.bs_textarea{width:350px;padding:10px;border:1px solid #ddd;border-radius:4px;height:60px;}
.flew_bs{width:800px;padding:50px 0 0;margin:0 auto;}
.flew_bs ul{display:flex;}
.flew_bs ul li{padding:12px 40px;margin:0 20px;color:#31429b;border-radius:4px; font-family:"iconfont" !important;text-align:center;position:relative;background:#e4e8ff;}
.flew_bs ul li span{font-size:24px;text-align:center;}
.flew_bs ul li p{padding:5px 0;}
.flew_bs ul li:after{content:"\e602";position:absolute;right:-25px;top:27px;color:#31429b!important;}
.flew_bs ul li:last-child:after{content:"";}
.flew_bs ul li.sel_flew{background:#31429b;color:#fff;}
.up2{display:flex;justify-content:space-between;padding:20px;}
.up3{line-height:180%;color:#666;padding:0 20px;}
.upload_works{width:1200px;margin:0 auto;padding:20px 0;}
.upload_wrap{width:1200px;margin:0 auto;background:#f5f5f5;padding:10px 0;}
.f_r2{color:#FF9999;}
.f_b{color:#ac9860;}
.btn_cz{text-align:right;padding:10px 0;}

.sel_author{width:800px;margin:0 auto;padding:50px 0;}
.sel_t{display:flex;justify-content:space-between;line-height:180%;align-items:flex-start;}
.sel_t span{margin:10px 0 0;}
.add_author{}
.author_info{background:#f8f8f8;border:1px solid #e4e8ff;overflow:hidden;margin:10px 0 30px;}
.auth_list{display:flex;padding:10px 20px;margin-top:-1px;border-top:1px solid #e4e8ff;color:#666;}
.auth_list span{width:130px;}
.auth_list p{margin:0 20px;width:400px;}
.auth_list a{color:#31429b;}
.auth_list a:hover{color:#4759b6;}
.auth_list:hover{background:#eee;}
.popup1{width:800px;position:absolute;top:300px;left:50%;margin-left:-400px;background:#fff;box-shadow:0 5px 8px 0 rgba(24,95,255,.1);}
.popup1 h3{padding:15px;background:#ddd;display:flex;justify-content:space-between;}
.his_tea{border-bottom:1px solid #eee;}
.his_tea p{padding:0 0 10px;}
.his_tea a{display:inline-block;border:1px solid #ac9860;color:#ac9860;border-radius:4px;padding:2px 10px;margin:10px 10px 0;white-space:nowrap;}
.add_tea,.add_tea2{padding:15px;display:flex;}
.add_tea label{padding:10px 15px 0 0;}
.add_tea2{background:#f5f5f5;margin:10px;border:1px solid #e4e8ff;color:#666;}
.add_tea2 span{width:100px;}
.add_tea2 p{width:350px;margin:0 20px 0 25px;}
.mast1{background:rgba(0,0,0,.5);position:absolute;top:0;left:0;right:0;bottom:0;z-index:99999;}
a.add_btn1{background:#31429b;color:#fff;font-size:14px;display:inline-block;padding:0 5px 2px;border-radius:4px;}
.bs_input2{width:200px;}
.add_tea3{padding:15px;}
.add_tea4{padding:15px 0;}
.btn_bs{text-align:right;}
.btn_bs a{background:#31429b;color:#fff;display:inline-block;padding:8px 20px;border-radius:4px;}
.btn_bs a:hover{background:#4759b6;}
.table1{width:100%;text-align:center;border:1px solid #e4e8ff;}
.table1 th{background:#eee;padding:5px 0;text-align:center;font-weight:bold;}
.table1 tr:nth-child(2n){background:#f5f5f5;}
.table1 td{padding:5px 0;}
.zp_succes{border:1px solid #eee;margin:60px auto;padding:15px;}
.zp_succes img{width:100%;}
.btn_cz2{display:flex;justify-content:space-between;padding:0 0 20px;line-height:200%;}

.modal-dialog2{width:550px;margin:100px auto;}
.close{right:2rem!important;position:absolute;}

.pic_title{font-size:20px;padding:10px 0;}
.pic_ts{color:#eb7e35;}
.pic_flex{display:flex;justify-content:space-between;}
.pic_main1{width:720px;}
.pic_info1{width:350px;margin-right:30px;}
.pic_main1 img{max-width:100%;}
.pic_in2{line-height:180%;color:#aaa;padding:15px 0}
a.load_free{background:#b29b65;font-size:20px;border-radius:4px;height:50px;line-height:50px;text-align:center;color:#fff;width:100%;display:block;}
.tag1{padding:20px 0;margin-bottom:20px;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.tag1 a,a.gz_btn{border:1px solid #ccc;border-radius:8px;display:inline-block;padding:5px 10px;white-space:nowrap;margin:10px 10px 0 0;}
.author_info2{display:flex;justify-content:space-between;align-items:flex-start;}
.tx4{width:40px;height:40px;border-radius:50%;margin-right:10px;}
.author_shop_a{display:flex;line-height:140%;}
.gz_btn{}

.about{display: inline-block;padding:0 10px;width: 140px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #F2F2F2;background: #fff;margin: 0 10px;font: 15px/1 arial,"Microsoft yahei";}
[v-cloak] {display: none;}
.yuanxiao_wrap{margin:20px auto;}
.aboutus_art p{ line-height:30px;}
.ad_ins a{ float:left; margin:0 30px 0 0 ;}
.ad_ins a img{ float:left; margin:5px 10px 0 0;}
.ad_ins a span{ float:left;}

.ad_br{ float:right}
.ad_br2{ float:right}



/*----犊家社团----*/

.association{padding:20px 0;}
.association h3,.yuanxiao_wrap h3{font-size:20px;border-left:2px solid #333;padding:0 0 0 10px;margin:0 0 20px;position:relative;}
.association h3 a{position:absolute;top:0;right:0;font-size:15px;font-weight:lighter;}
.association ul{display:flex;flex-wrap:wrap;}
.association ul li{width:280px;margin:0 10px 15px 10px;height:245px;float:left;}
.association ul li img{width:280px;height:179px;}
.video_title2{height:22px;line-height:24px;padding:5px; overflow:hidden;}
.association ul li p {padding:0 5px;}
.association ul li p i{font-size:13px;color:#aaa;}
.associa_img2{display:block;position:relative;overflow:hidden;border-radius:8px;}
.associa_play{display:none;background:rgba(0,0,0,.5);position:absolute;top:0;width:280px;height:190px;text-align:center;line-height:190px;}
.associa_play i{color:#fff;font-size:60px;}
.association ul li:hover .video_play{display:block;}
.association ul li img{transition:all .5s;/* IE 9 */-moz-transition:all .5s;/* Firefox */ -webkit-transition:all .5s; /* Safari 和 Chrome */ -o-transform:scale(1.1);}
.association ul li:hover img{transition:all .5s; /* IE 9 */ -moz-transition:all .5s; /* Firefox */ -webkit-transition:all .5s; /* Safari 和 Chrome */-o-transform:scale(1.1);transform: scale(1.1);-ms-transform:scale(1.1);/* IE 9 */ -moz-transform:scale(1.1);     /* Firefox */ -webkit-transform:scale(1.1); /* Safari 和 Chrome */-o-transform:scale(1.1);}
.association ul li:hover .video_play i{color:rgba(255,255,255,.8);font-size:40px;}
.ass_wz span{ width:100%; height:24px; line-height:24px; display:block; color:#333; margin:5px; overflow:hidden;}
.ass_wz span.snap2{ font-size:15px; color:#666;}



/*----获奖名单----*/
.h_notice{ text-align:center; width:360px; margin:0 auto;}
.h_notice li{ float:left; margin:30px 0;}
.h_notice li a{ color:#333; background:#fff; margin:0 30px; padding:10px 20px; font-size:18px;}
.h_notice li a.hover{ color:#fff; background:#b4892f; margin:0 30px; padding:10px 20px;}



/*----大会活动----*/
.gene_dy_1{width:1200px;}
.gene_dy_1 li{ width:575px; height:150px; float:left;box-shadow:2px 2px 6px #d3d3d3; margin:0 10px 22px 10px;}
.gene_dy_1 li dt{ float:left; width:229px; height:150px;}
.gene_dy_1 li dt img{ width:229px; height:150px;} 
.gene_dy_1 li dd{ float:left; margin-left:20px; width:315px; overflow:hidden;}
.gene_dy_1 li dd.gene_title{ font-size:18px; color:#333; height:22px; margin-top:15px; line-height:22px;}
.gene_dy_1 li dd.gene_cen{ color:#a9a4a4; font-size:14px; line-height:20px; height:64px; margin-top:12px; margin-bottom:5px;}
.gene_dy_1 li dd.gene_time{ color:#c3c3c3; font-size:14px;}
.gene_dy_1 li:hover dd.gene_title{ color:#977840;}