Difference between revisions of "Team:Tianjin/Team"

Line 24: Line 24:
 
                 <link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:main?action=raw&ctype=text/css">
 
                 <link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:main?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:navstyle?action=raw&ctype=text/css" type="text/css" />
 
<link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:navstyle?action=raw&ctype=text/css" type="text/css" />
−
<link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:style222?action=raw&ctype=text/css">
+
<link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:piccssmain?action=raw&ctype=text/css" type="text/css" />
 +
<link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:piccss2?action=raw&ctype=text/css" type="text/css" />
 
<script type="text/javascript">
 
<script type="text/javascript">
 
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
 
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
Line 31: Line 32:
 
</script>
 
</script>
  
−
<script type="text/javascript">
 
−
  var _gaq = _gaq || [];
 
−
  _gaq.push(['_setAccount', 'UA-3672694-9']);
 
−
  _gaq.push(['_trackPageview']);
 
−
 
−
  (function() {
 
−
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 
−
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 
−
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 
−
  })();
 
−
 
−
var _hmt = _hmt || [];
 
−
(function() {
 
−
  var hm = document.createElement("script");
 
−
  hm.src = "//hm.baidu.com/hm.js?fa98b91e638fc607d0335693fb173e7f";
 
−
  var s = document.getElementsByTagName("script")[0];
 
−
  s.parentNode.insertBefore(hm, s);
 
−
})();
 
−
</script>
 
−
 
−
 
−
<script src="https://2017.igem.org/Team:Tianjin/Resources/JS:jqueryflex?action=raw&ctype=text/javascript"></script>
 
−
<script type="text/javascript">
 
−
$(function() {
 
−
    $(".flex").flex();
 
−
});
 
−
 
−
 
−
 
−
 
−
/*弹框JS内容*/
 
−
    jQuery(document).ready(function($){
 
−
        //打开窗口
 
−
        $('.cd-popup-trigger0').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup').addClass('is-visible');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup').removeClass('is-visible');
 
−
            }
 
−
        });
 
−
 
−
//打开窗口
 
−
        $('.cd-popup-trigger1').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup1').addClass('is-visible1');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup1').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup1') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible1');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup1').removeClass('is-visible1');
 
−
            }
 
−
        });
 
−
 
−
//打开窗口
 
−
        $('.cd-popup-trigger2').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup2').addClass('is-visible2');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup2').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup2') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible2');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup2').removeClass('is-visible2');
 
−
            }
 
−
        });
 
−
 
−
//打开窗口
 
−
        $('.cd-popup-trigger3').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup3').addClass('is-visible3');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup3').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup3') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible3');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup3').removeClass('is-visible3');
 
−
            }
 
−
        });
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
//打开窗口
 
−
        $('.cd-popup-trigger4').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup4').addClass('is-visible4');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup4').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup4') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible4');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup4').removeClass('is-visible4');
 
−
            }
 
−
        });
 
−
 
−
//打开窗口
 
−
        $('.cd-popup-trigger5').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup5').addClass('is-visible5');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup5').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup5') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible5');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup5').removeClass('is-visible5');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger6').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup6').addClass('is-visible6');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup6').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup6') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible6');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup6').removeClass('is-visible6');
 
−
            }
 
−
        });
 
−
 
−
//打开窗口
 
−
        $('.cd-popup-trigger7').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup7').addClass('is-visible7');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup7').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup7') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible7');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup7').removeClass('is-visible7');
 
−
            }
 
−
        });
 
−
 
−
//打开窗口
 
−
        $('.cd-popup-trigger8').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup8').addClass('is-visible8');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup8').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup8') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible8');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup8').removeClass('is-visible8');
 
−
            }
 
−
        });
 
−
 
−
//打开窗口
 
−
        $('.cd-popup-trigger9').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup9').addClass('is-visible9');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup9').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup9') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible9');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup9').removeClass('is-visible9');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger10').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup10').addClass('is-visible10');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup10').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup10') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible10');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup10').removeClass('is-visible10');
 
−
            }
 
−
        });  
 
−
 
−
//打开窗口
 
−
        $('.cd-popup-trigger11').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup11').addClass('is-visible11');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup11').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup11') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible11');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup11').removeClass('is-visible11');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger12').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup12').addClass('is-visible12');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup12').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup12') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible12');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup12').removeClass('is-visible12');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger13').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup13').addClass('is-visible13');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup13').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup13') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible13');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup13').removeClass('is-visible13');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger14').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup14').addClass('is-visible14');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup14').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup14') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible14');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup14').removeClass('is-visible14');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger15').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup15').addClass('is-visible15');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup15').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup15') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible15');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup15').removeClass('is-visible15');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger16').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup16').addClass('is-visible16');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup16').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup16') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible16');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup16').removeClass('is-visible16');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger17').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup17').addClass('is-visible17');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup17').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup17') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible17');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup17').removeClass('is-visible17');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger18').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup18').addClass('is-visible18');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup18').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup18') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible18');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup18').removeClass('is-visible18');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger19').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup19').addClass('is-visible19');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup19').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup19') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible19');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup19').removeClass('is-visible19');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger20').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup20').addClass('is-visible20');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup20').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup20') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible20');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup20').removeClass('is-visible20');
 
−
            }
 
−
        });  
 
−
//打开窗口
 
−
        $('.cd-popup-trigger21').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup21').addClass('is-visible21');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup21').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup21') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible21');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup21').removeClass('is-visible21');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger22').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup22').addClass('is-visible22');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup22').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup22') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible22');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup22').removeClass('is-visible22');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger23').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup23').addClass('is-visible23');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup23').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup23') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible23');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup23').removeClass('is-visible23');
 
−
            }
 
−
        });
 
−
//打开窗口
 
−
        $('.cd-popup-trigger24').on('click', function(event){
 
−
            event.preventDefault();
 
−
            $('.cd-popup24').addClass('is-visible24');
 
−
            //$(".dialog-addquxiao").hide()
 
−
        });
 
−
        //关闭窗口
 
−
        $('.cd-popup24').on('click', function(event){
 
−
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup24') ) {
 
−
                event.preventDefault();
 
−
                $(this).removeClass('is-visible24');
 
−
            }
 
−
        });
 
−
        //ESC关闭
 
−
        $(document).keyup(function(event){
 
−
            if(event.which=='27'){
 
−
                $('.cd-popup24').removeClass('is-visible24');
 
−
            }
 
−
        });
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
    });
 
  
−
</script>
 
 
</head>  
 
</head>  
 
<body>
 
<body>
Line 619: Line 83:
  
 
</style>
 
</style>
−
<div class="flex">
 
−
 
−
<style>
 
−
body{position:relative;margin:0;padding:10vh 10vw 10vh 10vw;}
 
−
.flex {position:relative;width:55rem;min-height:18.75rem;margin:0 auto;border:0rem solid red;margin-top:5rem;}
 
−
.flex a {background-color:grey;display:block;width:100rem;height:100rem;border-radius:8rem;position:absolute;background-repeat:no-repeat;background-position:center;border:0.3rem solid white;cursor:pointer;text-align:left;text-shadow:1rem 1rem 20rem #000;color:white;font-size:1.3rem;font-weight:bold;text-indent:1rem;line-height:3rem;text-decoration:none;}
 
−
.flex{z-index:100}
 
−
 
−
[bg=a] {background-image:url(images/6448917381_0b754e86fb_z.jpg);}
 
−
[bg=b] {background-image:url(images/7362866426_bf285ebd45.jpg);background-size:300px auto;}
 
−
[bg=c] {background-image:url(images/7410370290_0935419fc3.jpg);}
 
−
[bg=d] {background-image:url(images/7419245080_bb752ed1d6.jpg);}
 
−
[bg=e] {background-image:url(images/6468321069_3375be3073_z.jpg);background-size:auto 280px;}
 
−
[bg=f] {background-image:url(images/7342556872_46cddaf9b0.jpg);background-size:auto 280px;}
 
−
[bg=g] {background-image:url(images/7322604950_348c535903.jpg);background-size:auto 200px;}
 
−
[bg=h] {background-image:url(images/7286717012_6e6b450243.jpg);}
 
−
[bg=i] {background-image:url(images/7452167788_a3f6aa3104.jpg);background-size:auto 200px;}
 
−
[bg=j] {background-image:url(images/6480022425_a8d419e663_z.jpg);background-size:auto 280px;}
 
−
[bg=k] {background-image:url(images/7269592732_c4b7918626.jpg);background-size:auto 280px;}
 
−
</style>
 
−
<a  href="javascript:0;" class="cd-popup-trigger0" bg="a" style="left:0rem;top:0rem;width:17.6rem;height:7.8rem;" width="350" height="275">A</a>
 
−
<a  href="javascript:0;" class="cd-popup-trigger1" bg="b" style="left:18.25rem;height:6.25rem;top:0rem;width:8.8125rem;" width="250" height="175">B</a>
 
−
<a  href="javascript:0;" class="cd-popup-trigger2" bg="c" style="left:27.6875rem;height:15.625rem;top:0rem;width:5.6875rem;" width="125" height="350">C</a>
 
−
<a  href="javascript:0;" class="cd-popup-trigger3" bg="d" style="left:34rem;height:4.6875rem;top:0rem;width:5.6875rem;" width="175" height="150">D</a>
 
−
<a  href="javascript:0;" class="cd-popup-trigger4" bg="e" style="left:40.3125rem;height:7.8125rem;top:0rem;width:13.5rem;" width="200" height="250">E</a>
 
−
<a  href="javascript:0;" class="cd-popup-trigger5" bg="f" style="left:34rem;height:12.5rem;top:5.3125rem;width:5.6875rem;" width="150" height="225">F</a>
 
−
<a  href="javascript:0;" class="cd-popup-trigger6" bg="g" style="left:0rem;height:6.25rem;top:8.4375rem;width:5.6875rem;" width="225" height="150">G</a>
 
−
<a  href="javascript:0;" class="cd-popup-trigger7" bg="h" style="left:18.25rem;height:4.6875rem;top:6.875rem;width:8.8125rem;" width="200" height="200">H</a>
 
−
<a  href="javascript:0;" class="cd-popup-trigger8" bg="i" style="left:6.3125rem;height:8.75rem;top:8.4375rem;width:11.3125rem;" width="250" height="140">I</a>
 
−
<a  href="javascript:0;" class="cd-popup-trigger9" bg="j" style="left:40.3125rem;height:9.375rem;top:8.4375rem;width:5.6875rem;" width="125" height="275">J</a>
 
−
<a  href="javascript:0;" class="cd-popup-trigger10" bg="k" style="left:46.625rem;height:4.6875rem;top:8.4375rem;width:5.6875rem;" width="75" height="200">K</a>
 
−
        <a  href="javascript:0;" class="cd-popup-trigger11" bg="a" style="left:0rem;top:17.8125rem;width:17.625rem;height:7.8125rem;" width="350" height="275">A</a>
 
−
        <a  href="javascript:0;" class="cd-popup-trigger12" bg="a" style="left:27.6875rem;top:18.475rem;width:18.625rem;height:7.8125rem;" width="350" height="275">A</a>
 
−
<a  href="javascript:0;" class="cd-popup-trigger13" bg="b" style="left:18.25rem;height:6.25rem;top:12.1875rem;width:8.8125rem;" width="250" height="175">B</a>
 
−
<a  href="javascript:0;" class="cd-popup-trigger14" bg="g" style="left:0rem;height:6.25rem;top:26.25rem;width:5.6875rem;" width="225" height="150">G</a>
 
−
<a  href="javascript:0;" class="cd-popup-trigger15" bg="h" style="left:18.25rem;height:4.6875rem;top:19.0625rem;width:8.8125rem;" width="200" height="200">H</a>
 
−
<a  href="javascript:0;" class="cd-popup-trigger16" bg="i" style="left:6.3125rem;height:5.75rem;top:26.25rem;width:11.3125rem;" width="250" height="140">I</a>
 
−
<a  href="javascript:0;" class="cd-popup-trigger17" bg="i" style="left:46.625rem;height:8.75rem;top:13.75rem;width:11.3125rem;" width="250" height="140">I</a>
 
−
        <a  href="javascript:0;" class="cd-popup-trigger18" bg="g" style="left:18.25rem;height:6.25rem;top:24.375rem;width:5.6875rem;" width="225" height="150">G</a>
 
−
        <a  href="javascript:0;" class="cd-popup-trigger19" bg="d" style="left:24.5625rem;height:4.6875rem;top:26.875rem;width:5.6875rem;" width="175" height="150">D</a>
 
−
        <a  href="javascript:0;" class="cd-popup-trigger20" bg="h" style="left:30.875rem;height:4.6875rem;top:26.875rem;width:8.8125rem;" width="200" height="200">H</a>
 
−
        <a  href="javascript:0;" class="cd-popup-trigger21" bg="f" style="left:47.9375rem;height:9.5rem;top:23.125rem;width:5.6875rem;" width="150" height="225">F</a>
 
−
        <a  href="javascript:0;" class="cd-popup-trigger22" bg="c" style="left:53.9375rem;height:9.625rem;top:23.125rem;width:5.6875rem;" width="125" height="350">C</a>
 
−
        <a  href="javascript:0;" class="cd-popup-trigger23" bg="g" style="left:41.3125rem;height:6.25rem;top:26.875rem;width:5.6875rem;" width="225" height="150">G</a>
 
−
        </div>
 
−
 
−
 
−
<div class="cd-popup">
 
−
    <div class="cd-popup-container">
 
−
        <p>AAAAAAA</p>
 
−
        <div class="cd-buttons">
 
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
  
−
<div class="cd-popup1">
 
−
    <div class="cd-popup-container1">
 
−
        <p>Ou Yangteng</p>
 
−
        <div class="cd-buttons">
 
−
            A novice in chemical engineering. A dabbler in synthetic biology. A sophomoric junior who is still confused about what his real passions are except Coldplay. Motto being carpe diem but seriously not in favor of a life of hedonism. IGEM is a marvelous experience. Wish everybody a good time in Boston.
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
  
−
<div class="cd-popup2">
 
−
    <div class="cd-popup-container2">
 
−
        <p>Cao Xinyue</p>
 
−
        <div class="cd-buttons">
 
−
          I am a sophomore student majoring in chemical engineering.  On the frontlines with experiments, I am completely obsessed with the charisma of synthetic biology. During the whole process I gained much experience for teamwork and collaboration since iGEM is a multidisciplinary competition, which needs a concrete and efficient division of labor.
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
  
−
<div class="cd-popup3">
+
<div id="demo" class="demo" align="center" style="z-index:999; margin-bottom:0;">
−
    <div class="cd-popup-container3">
+
            <script src="https://2017.igem.org/Team:Tianjin/Resources/JS:MODALit2?action=raw&ctype=text/javascript"></script>
−
        <p>Chen Yixuan</p>
+
<script src="https://2017.igem.org/Team:Tianjin/Resources/JS:script2?action=raw&ctype=text/javascript"></script>
−
        <div class="cd-buttons">
+
                <ul>
−
            Hi, my name is Angelina Chen, I'm in charge of Human practice part in team Tianjin. Feel free to contact me if u have any question. My email:angelina520brian@gmail.com
+
                 
−
        </div>
+
                    <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
−
        <a href="#0" class="cd-popup-close">close</a>
+
                    <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
−
    </div>
+
                      <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
−
</div>
+
                        <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
 +
                       
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
 +
                   
 +
                 
 +
                   
 +
                 
 +
     
 +
               
 +
                </ul>
 +
                <ul>
 +
                 
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
 +
                      <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
 +
                <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
 +
                  <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
 +
               
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
 +
                   
 +
                 
 +
                   
  
−
<div class="cd-popup4">
+
               
−
    <div class="cd-popup-container4">
+
                   
−
        <p>EEEEEEE</p>
+
                 
−
        <div class="cd-buttons">
+
                </ul>
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
+
                </div>
−
        </div>
+
                  <div id="demo" class="demo" align="center"  style="float:right; padding-right:5rem; margin-top:0;">
−
        <a href="#0" class="cd-popup-close">close</a>
+
                  <ul>
−
    </div>
+
               
−
</div>
+
                    <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
 +
                 
 +
                    </ul>
 +
                    <ul>
 +
               
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
 +
                 
 +
                    </ul>
 +
                 
 +
                </div>
 +
               
 +
               
 +
                <div id="demo" class="demo" align="center"  style="float:left; padding-left:5rem; margin-top:0;">
 +
                  <ul>
 +
               
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
 +
                 
 +
                    </ul>
 +
                    <ul>
 +
               
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
 +
               
 +
                    </ul>
 +
                 
 +
                </div>
 +
                <div id="demo" class="demo" align="center" style="padding-top:4rem;">
 +
                <ul>
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
 +
                    <li><img data-src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" src="https://static.igem.org/mediawiki/2017/b/b6/Member_picture.png" data-caption="<svg xmlns='http://www.w3.org/2000/svg' style='height:12px;width:auto;fill:white;' viewBox='0 0 32 32'><path d='M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z'></path></svg> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" class="demo-gallery"></li>
 +
                   
 +
                 
 +
                   
 +
                 
 +
                </ul>
 +
                </div>
  
−
<div class="cd-popup5">
 
−
    <div class="cd-popup-container5">
 
−
        <p>Cheng Xiaopo</p>
 
−
        <div class="cd-buttons">
 
−
          I am a chemical engineering Bachelor versed in heat, mass, momentum transfer as well as chemical reaction. I’m very interested in molecular biology and willing to unravel the mystery of DNA. Moreover, I’m in charge of part of experiment process and biology modeling.
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup6">
 
−
    <div class="cd-popup-container6">
 
−
        <p>Guo Zhou</p>
 
−
        <div class="cd-buttons">
 
−
            “I felt somewhat titillated when they decided to do something "romantic", but it turned out that they just wanted to keep this "romantic" relationship only between two yeasts!”
 
−
I am GUOZHOU, responsible for experiment of heavy metal.
 
  
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup7">
 
−
    <div class="cd-popup-container7">
 
−
        <p>Guo Wenqing</p>
 
−
        <div class="cd-buttons">
 
−
            Hello，I'm from Hangzhou, China, and major in Chemical Engineering and Technology in Tianjin University. Driving by the novelty of synthetic biology, I joined the iGEM in our institute. In my leisure time, I’d like to do some reading and photographing.
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup8">
 
−
    <div class="cd-popup-container8">
 
−
        <p>Miao Yangyang</p>
 
−
        <div class="cd-buttons">
 
−
            I am in the pharmaceutical engineering profession. Like to sleep, eat, watch animation, play games, and finally the most important thing is to do experiments.
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup9">
 
−
    <div class="cd-popup-container9">
 
−
        <p>Wang Xiru</p>
 
−
        <div class="cd-buttons">
 
−
          Hello everyone～My name is Wang Xinru. I am studying in TianJin University. Like most of the young people, I love listening to music and reading. Most important of all, I enjoy the days spent with other iGEMers of our team which will be a memorable experience of my life.
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup10">
 
−
    <div class="cd-popup-container10">
 
−
        <p>Wang Xiru</p>
 
−
        <div class="cd-buttons">
 
−
          Hello! I am a senior student of pharmaceutical engineering from Tianjin university. I have many interests like music, drawing and movies. I am a big fun of biology because I think it is amazing, just like the part, SCRaMblE, which I managed in this year iGEM.
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup11">
 
−
    <div class="cd-popup-container11">
 
−
        <p>Tu Lin</p>
 
−
        <div class="cd-buttons">
 
−
            Hello! My name is Tu Lin and my English name is Turing which has the same pronounciation as my Chinese name. I am from phamacutical engineering in chemical engineering institude. I have had passion for bio-engineering since I was in middle school. It is really my privilege to participate in Igem and enjoy a great time doing experiments with my teammates. I am also willing to communicate with young people from other countries.
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup12">
 
−
    <div class="cd-popup-container12">
 
−
        <p>Zhang Gefei</p>
 
−
        <div class="cd-buttons">
 
−
        Although my major is Chemical engineering， I do the work of wiki editing for our iGEM team. Dare to explore, be happy to accept new things. Keep curious in our twenties.
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup13">
 
−
    <div class="cd-popup-container13">
 
−
        <p>Zhang Shiyu</p>
 
−
        <div class="cd-buttons">
 
−
            I'm Zhang Shiyu, a sophomore student majoring in chemical engineering. My idol Shi Yigong once said, "The 21st century is the century of biology". Because of this sentence, I attended iGEM. Thanks to it, I met vigorous friends. Some of them say they have an inexplicable crush on biological lab. Designing an experiment and  testing it is my dish.
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup14">
 
−
    <div class="cd-popup-container14">
 
−
        <p>Zhou Lingyi</p>
 
−
        <div class="cd-buttons">
 
−
          Lingyi means the first place in Chinese, although I have hardly ever been number one. Majoring in pharmaceutical engineering, I am keen to learn more about synthetic biology, which may be the path I will follow. I made friends with like-minded people who are as lovely as me, and that's the most important thing.
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup15">
 
−
    <div class="cd-popup-container15">
 
−
        <p>Zheng Yan</p>
 
−
        <div class="cd-buttons">
 
−
          I’m Zheng Yan, a freshman majoring in chemical engineering and technology.  I consider participating in iGEM a unique opportunity to build my character and challenge myself, from which I not only broadened my horizon but also gained knowledge and friendship. As a molecular in Team Tianjin, I believe our project will make a difference to the world.
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup16">
 
−
    <div class="cd-popup-container16">
 
−
        <p>QQQQQQQ</p>
 
−
        <div class="cd-buttons">
 
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup17">
 
−
    <div class="cd-popup-container17">
 
−
        <p>RRRRRRRR</p>
 
−
        <div class="cd-buttons">
 
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup18">
 
−
    <div class="cd-popup-container18">
 
−
        <p>SSSSSSSSS</p>
 
−
        <div class="cd-buttons">
 
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup19">
 
−
    <div class="cd-popup-container19">
 
−
        <p>TTTTTTTT</p>
 
−
        <div class="cd-buttons">
 
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup20">
 
−
    <div class="cd-popup-container20">
 
−
        <p>UUUUUUUU</p>
 
−
        <div class="cd-buttons">
 
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup21">
 
−
    <div class="cd-popup-container21">
 
−
        <p>VVVVVVVVV</p>
 
−
        <div class="cd-buttons">
 
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup22">
 
−
    <div class="cd-popup-container22">
 
−
        <p>WWWWWWWW</p>
 
−
        <div class="cd-buttons">
 
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup23">
 
−
    <div class="cd-popup-container23">
 
−
        <p>XXXXXXXXXX</p>
 
−
        <div class="cd-buttons">
 
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
−
<div class="cd-popup24">
 
−
    <div class="cd-popup-container24">
 
−
        <p>YYYYYYYYYY</p>
 
−
        <div class="cd-buttons">
 
−
            自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
 
−
        </div>
 
−
        <a href="#0" class="cd-popup-close">close</a>
 
−
    </div>
 
−
</div>
 
 
    
 
    
 
  <div class="page-border">
 
  <div class="page-border">

Revision as of 10:13, 29 October 2017

<!doctype html> TEAM