@charset "UTF-8";
/*
'--------------------------------
'#   QQ:543874515
'#   微信:13072363699
'--------------------------------
*/
/* 引入字体 */
@font-face {
  /*AlibabaSans-Regular------*/
  font-family: 'AlibabaSans-Regular';
  src: url('https://static.igem.wiki/teams/5200/fonts/AlibabaSans/AlibabaSans-Regular.eot');
  src: url('https://static.igem.wiki/teams/5200/fonts/AlibabaSans/AlibabaSans-Regular.eot#iefix') format('embedded-opentype'),
   url('https://static.igem.wiki/teams/5200/fonts/AlibabaSans/AlibabaSans-Regular.ttf') format('truetype'),
   url('https://static.igem.wiki/teams/5200/fonts/AlibabaSans/AlibabaSans-Regular.woff') format('woff'),
   url('https://static.igem.wiki/teams/5200/fonts/AlibabaSans/AlibabaSans-Regular.woff2') format('woff2');
}
@font-face {
  /*AlibabaSans-Bold------*/
  font-family: 'AlibabaSans-Bold';
  src: url('https://static.igem.wiki/teams/5200/fonts/AlibabaSans/AlibabaSans-Bold.eot');
  src: url('https://static.igem.wiki/teams/5200/fonts/AlibabaSans/AlibabaSans-Bold.eot#iefix') format('embedded-opentype'),
   url('https://static.igem.wiki/teams/5200/fonts/AlibabaSans/AlibabaSans-Bold.ttf') format('truetype'),
   url('https://static.igem.wiki/teams/5200/fonts/AlibabaSans/AlibabaSans-Bold.woff') format('woff'),
   url('https://static.igem.wiki/teams/5200/fonts/AlibabaSans/AlibabaSans-Bold.woff2') format('woff2');
}
@font-face {
  /*Book Antiqua------*/
  font-family: 'BookAntiqua';
  src: url('https://static.igem.wiki/teams/5200/fonts/BookAntiqua/Book_Antiqua.eot');
  src: url('https://static.igem.wiki/teams/5200/fonts/BookAntiqua/Book_Antiqua.eot#iefix') format('embedded-opentype'),
   url('https://static.igem.wiki/teams/5200/fonts/BookAntiqua/Book_Antiqua.ttf') format('truetype'),
   url('https://static.igem.wiki/teams/5200/fonts/BookAntiqua/Book_Antiqua.woff') format('woff'),
   url('https://static.igem.wiki/teams/5200/fonts/BookAntiqua/Book_Antiqua.woff2') format('woff2'),
   url('https://static.igem.wiki/teams/5200/fonts/BookAntiqua/Book_Antiqua.svg#Book_Antiqua') format('svg');
}
@font-face {
  /*cravas------*/
  font-family: 'Cravas';
  src: url('https://static.igem.wiki/teams/5200/fonts/cravas/cravas.eot');
  src: url('https://static.igem.wiki/teams/5200/fonts/cravas/cravas.eot#iefix') format('embedded-opentype'),
   url('https://static.igem.wiki/teams/5200/fonts/cravas/cravas.ttf') format('truetype'),
   url('https://static.igem.wiki/teams/5200/fonts/cravas/cravas.woff') format('woff'),
   url('https://static.igem.wiki/teams/5200/fonts/cravas/cravas.woff2') format('woff2'),
   url('https://static.igem.wiki/teams/5200/fonts/cravas/cravas.svg#cravas') format('svg');
}
@font-face {
  /*diamondshape------*/
  font-family: 'DiamondShape';
  src: url('https://static.igem.wiki/teams/5200/fonts/diamondshape/diamondshape.eot');
  src: url('https://static.igem.wiki/teams/5200/fonts/diamondshape/diamondshape.eot#iefix') format('embedded-opentype'),
   url('https://static.igem.wiki/teams/5200/fonts/diamondshape/diamondshape.ttf') format('truetype'),
   url('https://static.igem.wiki/teams/5200/fonts/diamondshape/diamondshape.woff') format('woff'),
   url('https://static.igem.wiki/teams/5200/fonts/diamondshape/diamondshape.woff2') format('woff2'),
   url('https://static.igem.wiki/teams/5200/fonts/diamondshape/diamondshape.svg#diamondshape') format('svg');
}
@font-face {
  /*Grafiels------*/
  font-family: 'Grafiels';
  src: url('https://static.igem.wiki/teams/5200/fonts/Grafiels/grafiels.eot');
  src: url('https://static.igem.wiki/teams/5200/fonts/Grafiels/grafiels.eot#iefix') format('embedded-opentype'),
   url('https://static.igem.wiki/teams/5200/fonts/Grafiels/grafiels.ttf') format('truetype'),
   url('https://static.igem.wiki/teams/5200/fonts/Grafiels/grafiels.woff') format('woff'),
   url('https://static.igem.wiki/teams/5200/fonts/Grafiels/grafiels.woff2') format('woff2'),
   url('https://static.igem.wiki/teams/5200/fonts/Grafiels/grafiels.svg#grafiels') format('svg');
}
@font-face {
  /*oration------*/
  font-family: 'Oration';
  src: url('https://static.igem.wiki/teams/5200/fonts/oration/oration.eot');
  src: url('https://static.igem.wiki/teams/5200/fonts/oration/oration.eot#iefix') format('embedded-opentype'),
   url('https://static.igem.wiki/teams/5200/fonts/oration/oration.ttf') format('truetype'),
   url('https://static.igem.wiki/teams/5200/fonts/oration/oration.woff') format('woff'),
   url('https://static.igem.wiki/teams/5200/fonts/oration/oration.woff2') format('woff2'),
   url('https://static.igem.wiki/teams/5200/fonts/oration/oration.svg#oration') format('svg');
}

/*定义字体*/
.font-yahei{font-family:'Microsoft YaHei';}
.font-alibaba-Regular{font-family: 'AlibabaSans-Regular';}
.font-alibaba-Bold{font-family: 'AlibabaSans-Bold';}
.font-BookAntiqua{font-family: 'BookAntiqua';}
.font-cravas{font-family: 'Cravas';}
.font-diamondshape{font-family: 'DiamondShape';}
.font-Grafiels{font-family: 'Grafiels';}
.font-oration{font-family: 'Oration';}

/*字体大小*/
.f-s-0{font-size:250%;}
.f-s-1{font-size:220%;}
.f-s-2{font-size:200%;}
.f-s-3{font-size:180%;}
.f-s-4{font-size:160%;}
.f-s-5{font-size:140%;}
.f-s-6{font-size:120%;}
.f-s-7{font-size:100%;}
@media (max-width:1400px) {
	.f-s-0{font-size:220%;}
	.f-s-1{font-size:200%;}
	.f-s-2{font-size:180%;}
	.f-s-3{font-size:160%;}
	.f-s-4{font-size:140%;}
	.f-s-5{font-size:120%;}
	.f-s-6{font-size:100%;}
	.f-s-7{font-size:90%;}
}
@media (max-width:1200px) {
	.f-s-0{font-size:200%;}
	.f-s-1{font-size:180%;}
	.f-s-2{font-size:160%;}
	.f-s-3{font-size:140%;}
	.f-s-4{font-size:120%;}
	.f-s-5{font-size:100%;}
	.f-s-6{font-size:90%;}
	.f-s-7{font-size:80%;}
}
@media (max-width:900px) {
	.f-s-0{font-size:180%;}
	.f-s-1{font-size:160%;}
	.f-s-2{font-size:140%;}
	.f-s-3{font-size:120%;}
	.f-s-4{font-size:100%;}
	/*.f-s-6{font-size:80%;}*/
}
@media (max-width:768px) {
	.f-s-0{font-size:160%;}
	.f-s-1{font-size:140%;}
	.f-s-2{font-size:120%;}
	.f-s-3{font-size:100%;}
}
@media (max-width:576px) {
	.f-s-0{font-size:140%;}
	.f-s-1{font-size:120%;}
	.f-s-2{font-size:100%;}
}
.fw-b{font-weight:bold;}

/*间距*/
.pp-0{padding:1.8rem 1.8rem 0 1.9rem;}
.pp-1{padding:1.8rem 1.8rem 1rem 1.9rem;}
.pp-2{padding:2.2rem 1.8rem 2.2rem 2.2rem;}
.pp-3{padding:1.7rem 1.8rem 1.2rem 2.2rem;}
.pp-4{padding:1.3rem 1.8rem 1.8rem 2.2rem;}
.pp-5{padding:1.3rem 1.8rem 1.8rem 2.2rem;}
@media (max-width:1200px) {
	.pp-4{padding:1rem 1.6rem 1.5rem 1.8rem;}
	.pp-5{padding:1rem 1.6rem 1rem 1.8rem;}
}
@media (max-width:768px) {
	.pp-0{padding:.8rem .8rem 0 1.2rem;}
	.pp-1{padding:1.2rem .8rem 0 1.2rem;}
	.pp-2{padding:1.6rem .8rem 1.6rem 1.8rem;}
	.pp-3{padding:.8rem .6rem .5rem 1rem;}
	.pp-4{padding:.8rem .6rem 1rem 1.2rem;}
	.pp-5{padding:1rem .6rem 1.2rem 1.2rem;}
}

.p-l-r-5{padding:0 5%;}

.pt-1{padding-top:1rem}
.pt-2{padding-top:2rem}

.p-r-1{padding-right:1rem}
.p-r-2{padding-right:2rem}

.pb-1{padding-bottom:1rem}
.pb-2{padding-bottom:2rem}

.p-l-0{padding-left:.5rem}
.p-l-1{padding-left:1rem}
.p-l-2{padding-left:2rem}

.mt-32 {margin-top:3.15rem!important}

.top-0{top:0!important;}
.top-1{top:5%!important;}
.top-2{top:10%!important;}
.top-3{top:15%!important;}
.top-4{top:20%!important;}
.top-5{top:25%!important;}
.top-6{top:30%!important;}
.top-7{top:35%!important;}
.top-8{top:40%!important;}
.top-9{top:45%!important;}
.top-10{top:50%!important;}
@media (max-width:768px) {
	.top-10{top:20%!important;}
}


.left-0 {left:0!important;}
.left-1 {left:5%!important;}
.left-2 {left:10%!important;}
.left-3 {left:15%!important;}
.left-4 {left:20%!important;}

.right-0 {right:0!important;}
.right-1 {right:5%!important;}
.right-2 {right:10%!important;}
.right-3 {right:15%!important;}
.right-4 {right:20%!important;}

.bottom-0{bottom:0!important;}
.bottom-1{bottom:5%!important;}
.bottom-2{bottom:10%!important;}
.bottom-3{bottom:15%!important;}
.bottom-4{bottom:20%!important;}
.bottom-5{bottom:25%!important;}
.bottom-0-2{bottom:2%!important;}
.bottom-23{bottom:23%!important;}
@media (max-width:768px) {
	.bottom-23{bottom:15%!important;}
}

.p-t-0{padding-top:0!important;}
.p-t-1{padding-top:5%!important;}
.p-t-2{padding-top:10%!important;}
.p-t-3{padding-top:15%!important;}
.p-t-4{padding-top:20%!important;}
.p-t-5{padding-top:25%!important;}
.p-t-6{padding-top:30%!important;}
.p-t-7{padding-top:35%!important;}
.p-t-8{padding-top:40%!important;}
.p-t-9{padding-top:45%!important;}
.p-t-10{padding-top:50%!important;}

.p-b-0 {padding-bottom:0!important;}
.p-b-1 {padding-bottom:5%!important;}
.p-b-2 {padding-bottom:10%!important;}
.p-b-3 {padding-bottom:15%!important;}
.p-b-4 {padding-bottom:20%!important;}
.p-b-12 {padding-bottom:12%!important;}
.p-b-13 {padding-bottom:13%!important;}


.m-l-0 {margin-left:0!important;}
.m-l-1 {margin-left:5%!important;}
.m-l-2 {margin-left:10%!important;}
.m-l-3 {margin-left:15%!important;}
.m-l-4 {margin-left:20%!important;}
.m-l-12 {margin-left:12%!important;}
.m-l-13 {margin-left:13%!important;}

.m-t-0{margin-top:0!important;}
.m-t-1{margin-top:5%!important;}
.m-t-2{margin-top:10%!important;}
.m-t-3{margin-top:15%!important;}
.m-t-4{margin-top:20%!important;}
.m-t-5{margin-top:25%!important;}
.m-t-6{margin-top:30%!important;}
.m-t-7{margin-top:35%!important;}
.m-t-8{margin-top:40%!important;}
.m-t-9{margin-top:45%!important;}
.m-t-10{margin-top:50%!important;}

.m-b-0{margin-bottom:0!important;}
.m-b-1{margin-bottom:5%!important;}
.m-b-2{margin-bottom:10%!important;}
.m-b-3{margin-bottom:15%!important;}
.m-b-4{margin-bottom:20%!important;}
.m-b-5{margin-bottom:25%!important;}
.m-b-6{margin-bottom:30%!important;}
.m-b-7{margin-bottom:35%!important;}
.m-b-8{margin-bottom:40%!important;}
.m-b-9{margin-bottom:45%!important;}
.m-b-10{margin-bottom:50%!important;}

.lh-13{line-height:1.3!important;}
.lh-12{line-height:1.2!important;}
.lh-11{line-height:1.1!important;}
.lh-10{line-height:1!important;}
@media (max-width:768px) {
	.lh-13{line-height:1.2!important;}
	.lh-12{line-height:1.1!important;}
	.lh-11{line-height:1!important;}
	.lh-10{line-height:.9!important;}
}
@media (max-width:576px) {
	.lh-10{line-height:.8!important;}
}

.c1{color:#00AC13;}
.c2{color:#00BD8C;}

.blue1{color:#223252;}
.blue2{color:#007FFF;text-decoration:underline;}

/* footer */
footer a {color:white;font-weight:bold;text-decoration:none;}
footer a:hover {color:white;text-decoration:underline;}
.js{background-color:#101C34;}
.copyright{background-color:#091122;text-align:center;}
/*
'--------------------------------
'#   QQ:543874515
'#   微信:13072363699
'--------------------------------
*/