Difference between revisions of "Team:Peking/Uranyl-adsorption"

Line 4: Line 4:
 
<html class="no-js" lang="en">
 
<html class="no-js" lang="en">
 
     <!--<![endif]-->
 
     <!--<![endif]-->
    <head>
+
<head>
        <!--- Basic Page Needs========================================================================= -->
+
<!--- Basic Page Needs========================================================================= -->
        <meta charset="utf-8">
+
<meta charset="utf-8"/>
            <title>Uranyl Adsorption</title>
+
<title>Uranyl adsorption</title>
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />
+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />
            <meta name="description" content="Wiki of Peking iGEM 2016" />
+
<meta name="description" content="Wiki of Peking iGEM 2016" />
            <meta name="author" content="Li Jiamian & Wang Yuqing">
+
<meta name="author" content="Li Jiamian & Wang Yuqing"/>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                <!-- Mobile Specific Metas===================================================================== -->
+
<!-- Mobile Specific Metas===================================================================== -->
                <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
                    <!-- Fix  Overwrite the original iGEM style=================================================== -->
+
<!-- Fix  Overwrite the original iGEM style=================================================== -->
                    <link href="https://2016.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" />
+
<link href="https://2016.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" />
                    <!-- CSS======================================================================================= -->
+
<!-- CSS======================================================================================= -->
                    <link href="https://2016.igem.org/Template:Peking/css/bootstrap_min?action=raw&ctype=text/css" rel="stylesheet" />
+
<link href="https://2016.igem.org/Template:Peking/css/bootstrap_min?action=raw&ctype=text/css" rel="stylesheet" />
                    <link href="https://2016.igem.org/Template:Peking/css/style?action=raw&ctype=text/css" rel="stylesheet" />
+
<link href="https://2016.igem.org/Template:Peking/css/style?action=raw&ctype=text/css" rel="stylesheet" />
                    <!-- CSS======================================================================================= -->
+
<!-- CSS======================================================================================= -->
                    <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/default?action=raw&ctype=text/css">
+
<link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/default?action=raw&ctype=text/css"/>
                        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/layout?action=raw&ctype=text/css">
+
<link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/layout?action=raw&ctype=text/css"/>
                            <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css">
+
<link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css"/>
                                <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/priorstyle?action=raw&ctype=text/css">
+
<link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/priorstyle?action=raw&ctype=text/css"/>
                                    <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css">
+
<link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/>
                                        <style>
+
<style>
                                            .texttitle{
+
    .texttitle{
                                                color: #11abb0;
+
        color: #11abb0;
                                                font-size: 38px;
+
        font-size: 38px;
                                                line-height: 48px;
+
        line-height: 48px;
                                                margin-bottom: 12px;
+
        margin-bottom: 12px;
                                                font-family: raleway-bold, sans-serif !important;
+
        font-family: raleway-bold, sans-serif !important;
                                                background: transparent;
+
        background: transparent;
                                                letter-spacing: 3px;
+
        letter-spacing: 3px;
                                                text-transform: uppercase;
+
        text-transform: uppercase;
                                                font-weight: 350;
+
        font-weight: 350;
                                                text-align: center;
+
        text-align: center;
                                            }
+
        padding-top:40px;
                                        sup{font-size:11px;}
+
    }
                                        .references{margin-top:150px;margin-bottom:40px;}
+
    sup{font-size:11px;}
                                        .references p{font-size:14px !important; color:#666161 !important;}
+
    .references{margin-top:150px;margin-bottom:40px;}
                                        sub{color:white;}
+
    .references p{font-size:14px !important; color:#666161 !important;}
                                        .classic-title {font-weight: 300;}
+
    sub{color:white;}
                                        .classic-title span {
+
    .classic-title {font-weight: 300;padding-top:30px;}
                                            padding-bottom: 8px;
+
    .classic-title span {
                                            border-bottom: 1px solid #383232;
+
        padding-bottom: 8px;
                                            font-weight: 400;
+
        border-bottom: 1px solid #383232;
                                        }
+
        font-weight: 400;
                                        figure{margin-top:40px;margin-bottom:40px;height:auto;}
+
    }
                                        </style>
+
    figure{margin-top:40px;margin-bottom:40px;height:auto;}
                                        <!--sidebar 引用==================-->
+
    .anchor{padding-top:100px;margin-top:-100px;}
                                    <style>
+
</style>
                                        #primary span{
+
                                            display:block;
+
                                            word-break:break-all
+
                                        }
+
 
                                      
 
                                      
                                    #page-wrap {
+
</head>
                                        width: 25%;
+
<body>
                                        margin: 0px;
+
<!--sidebar 引用==============================================================================-->
                                        position: relative;
+
<style>
                                    }
+
    #primary span{
                                   
+
        display:block;
                                    #sidebar {
+
        word-break:break-all
                                        width: 25%;
+
    }
                                        margin-left: 0px;
+
 
                                    }
+
#page-wrap {
                                    @media (min-width:1024px){
+
    width: 25%;
                                        #sidebar{position:relative;top:120px;max-width:200px;}}
+
    margin: 0px;
                                    @media (max-width: 1023px){
+
    position: relative;
                                        #sidebar{display:none;
+
}
                                        }
+
 
                                        #page-wrap{display:none;}
+
#sidebar {
                                    }
+
    width: 25%;
                                    </style>
+
    margin-left: 0px;
                                   
+
}
                                   
+
@media (min-width:1024px){
                                    <script type="text/javascript">
+
    #sidebar{position:relative;top:120px;max-width:200px;}}
                                        function menuFixed(id){
+
@media (max-width: 1023px){
                                            var obj = document.getElementById(id);
+
    #sidebar{display:none;
                                            var _getHeight = obj.offsetTop;
+
    }
                                           
+
    #page-wrap{display:none;}
                                            window.onscroll = function(){
+
}
                                                changePos(id,_getHeight);
+
</style>
                                            }
+
 
                                        }
+
 
                                    function changePos(id,height){
+
<script type="text/javascript">
                                        var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
+
    function menuFixed(id){
                                        if(w>=1024){
+
        var obj = document.getElementById(id);
                                            if($(window).scrollTop() + $(window).height() > $(document).height() - 230){
+
        var _getHeight = obj.offsetTop;
                                                $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");}
+
       
                                        }
+
        window.onscroll = function(){
                                        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop -230;
+
            changePos(id,_getHeight);
                                        var windowBottom = $(window).scrollTop() + $(window).innerHeight();
+
        }
                                        var w = window.innerWidth;
+
    }
                                       
+
function changePos(id,height){
                                        if(scrollTop < height){ obj.style.position = 'relative';       
+
    var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
                                        }else{
+
    if(w>=1024){
                                            obj.style.position = 'fixed';
+
        if($(window).scrollTop() + $(window).height() > $(document).height() - 230){
                                        }
+
            $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");}
                                    }
+
    }
                                    </script>
+
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop -230;
                                   
+
    var windowBottom = $(window).scrollTop() + $(window).innerHeight();
                                    <script type="text/javascript">
+
    var w = window.innerWidth;
                                        window.onload = function(){
+
   
                                            menuFixed('sidebar');
+
    if(scrollTop < height){ obj.style.position = 'relative';       
                                        }
+
    }else{
                                    </script>
+
        obj.style.position = 'fixed';
                                    <!--sidebar 引用 end ==================-->
+
    }
                                    <!--panel 引用==================-->
+
}
                                    <style type="text/css">
+
</script>
                                    .panel-default .panel-heading a{
+
 
                                            text-decoration: none;
+
<script type="text/javascript">
                                            display:block;
+
    window.onload = function(){
                                            padding:10px;
+
        menuFixed('sidebar');
                                        }
+
    }
                                    .panel-heading.panel-title{
+
</script>
                                        text-decoration: none;
+
<script>
                                        padding-top:0px;
+
function naver(id){
                                        padding-bottom:0px;
+
  var obj=document.getElementById(id);
                                        padding-left:0px;
+
  var oPos=obj.offsetTop;
                                        padding-right:0px;
+
  return window.scrollTo(0,oPos+250);
                                        text-align:center;
+
}
                                        font-size:19px;
+
</script>
                                       
+
<!--sidebar 引用 end ==============================================================================-->
                                    }
+
<!--panel 引用==================================================================================-->
                                    a[aria-expanded="true"] {
+
<style type="text/css">
                                        background-color:rgba(70, 73, 76, 0.95);
+
.panel-default .panel-heading a{
                                        text-decoration: none;
+
        text-decoration: none;
                                        color:white;
+
        display:block;
                                    }
+
        padding:10px;
                                   
+
    }
                                    .panel-default .panel-heading a[aria-expanded="false"]{
+
.panel-heading.panel-title{
                                        -o-transition: background-color 1s linear;
+
    text-decoration: none;
                                        -moz-transition: background-color 1s linear;
+
    padding-top:0px;
                                        -khtml-transition: background-color 1s linear;
+
    padding-bottom:0px;
                                        -webkit-transition: background-color 1s linear;
+
    padding-left:0px;
                                        -ms-transition: background-color 1s linear;
+
    padding-right:0px;
                                        transition: background-color 1s linear;
+
    text-align:center;
                                    }
+
    font-size:19px;
                                    .panel-default .panel-heading a[aria-expanded="false"]:hover{
+
   
                                        background-color:rgba(70, 73, 76, 0.95);
+
}
                                        text-decoration: none;
+
a[aria-expanded="true"] {
                                        color:white;
+
    background-color:rgba(70, 73, 76, 0.95);
                                    }
+
    text-decoration: none;
                                    .panel-default .panel-heading a[aria-expanded="true"]{
+
    color:white;
                                        -o-transition: opacity 1s linear;
+
}
                                        -moz-transition: opacity 1s linear;
+
 
                                        -khtml-transition: opacity 1s linear;
+
.panel-default .panel-heading a[aria-expanded="false"]{
                                        -webkit-transition: opacity 1s linear;
+
    -o-transition: background-color 1s linear;
                                        -ms-transition: opacity 1s linear;
+
    -moz-transition: background-color 1s linear;
                                        transition: opacity 0.7s linear;
+
    -khtml-transition: background-color 1s linear;
                                    }
+
    -webkit-transition: background-color 1s linear;
                                    .panel-default .panel-heading a[aria-expanded="true"]:hover{
+
    -ms-transition: background-color 1s linear;
                                        opacity:0.7;
+
    transition: background-color 1s linear;
                                    }
+
}
                                    </style>
+
.panel-default .panel-heading a[aria-expanded="false"]:hover{
                                   
+
    background-color:rgba(70, 73, 76, 0.95);
                                    <script type="text/javascript">
+
    text-decoration: none;
                                        $(document).ready(function(){
+
    color:white;
                                                          $("#button1").click(function(){
+
}
                                                                              $(".panel-collapse").collapse("show");
+
.panel-default .panel-heading a[aria-expanded="true"]{
                                                                              });
+
    -o-transition: opacity 1s linear;
                                                          });
+
    -moz-transition: opacity 1s linear;
                                                          $(document).ready(function(){
+
    -khtml-transition: opacity 1s linear;
                                                                            $("#button2").click(function(){
+
    -webkit-transition: opacity 1s linear;
                                                                                                $(".panel-collapse").collapse("hide");
+
    -ms-transition: opacity 1s linear;
                                                                                                });
+
    transition: opacity 0.7s linear;
                                                                            });
+
}
                                                                            $("#notebook").addClass("navbar-active");
+
.panel-default .panel-heading a[aria-expanded="true"]:hover{
                                    </script>
+
    opacity:0.7;
                                    <!--panel 引用 end ==================-->
+
}
                                   
+
</style>
    </head>
+
 
    <body>
+
<script type="text/javascript">
        <!-- Navigation -->
+
    $(document).ready(function(){
        <div id="navigation" class="navbar navbar-fixed-top">
+
                      $("#button1").click(function(){
            <div class="navbar-inner ">
+
                                          $(".panel-collapse").collapse("show");
                <div class="container no-padding">
+
                                          });
                    <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span>
+
                      });
                    </a>
+
                      $(document).ready(function(){
                    <div id="logo" style="max-width:170px"><a class="" href="https://2016.igem.org/Team:Peking"></a></div>
+
                                        $("#button2").click(function(){
                   
+
                                                            $(".panel-collapse").collapse("hide");
                    <div class="nav-collapse collapse">
+
                                                            });
                        <ul class="nav">
+
                                        });
                            <li class="menu-1"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking" >Home</a></li>
+
                                        $("#notebook").addClass("navbar-active");
                            <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" > Achievements</a>
+
</script>
                                <ul class="dropdown-menu">
+
<!--panel 引用 end ==================-->
                                    <li><a href="https://2016.igem.org/Team:Peking/Demonstrate" >Results</a></li>
+
       
                                    <li><a href="https://2016.igem.org/Team:Peking/Basic_Part" >Parts</a></li>
+
<!-- Navigation -->
                                    <li><a href="https://2016.igem.org/Team:Peking/Collaborations" >Collaborations</a></li>
+
<div id="navigation" class="navbar navbar-fixed-top">
                                </ul>
+
    <div class="navbar-inner ">
                            </li>
+
        <div class="container no-padding">
                            <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project</a>
+
            <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span>
                                <ul class="dropdown-menu">
+
            </a>
                                    <li><a href="https://2016.igem.org/Team:Peking/Description" >Overview</a></li>
+
            <div id="logo" style="max-width:170px"><a class="" href="https://2016.igem.org/Team:Peking"></a></div>
                                    <li><a href="https://2016.igem.org/Team:Peking/Design" >Design</a></li>
+
           
                                    <li><a href="https://2016.igem.org/Team:Peking/Crosslinking" >Crosslinking</a></li>
+
            <div class="nav-collapse collapse">
                                    <li><a href="https://2016.igem.org/Team:Peking/Uranyl-adsorption" >Uranyl adsorption</a></li>
+
                <ul class="nav">
                                    <li><a href="https://2016.igem.org/Team:Peking/Retrievability" >Recovery</a></li>
+
                    <li class="menu-1"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking" >Home</a></li>
                                    <li><a href="https://2016.igem.org/Team:Peking/Secretion" >Secretion</a></li>
+
                    <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" > Achievements</a>
                                    <li><a href="https://2016.igem.org/Team:Peking/Proof" >Proof and speculation</a></li>
+
                        <ul class="dropdown-menu">
                                </ul>
+
                            <li><a href="https://2016.igem.org/Team:Peking/Demonstrate" >Results</a></li>
                            </li>
+
                            <li><a href="https://2016.igem.org/Team:Peking/Basic_Part" >Parts</a></li>
                            <li class="dropdown menu-4"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Modeling</a>
+
                            <li><a href="https://2016.igem.org/Team:Peking/Collaborations" >Collaborations</a></li>
                                <ul class="dropdown-menu">
+
                        </ul>
                                    <li><a href="https://2016.igem.org/Team:Peking/Model" >Protein polymerization</a></li>
+
                    </li>
                                    <li><a href="https://2016.igem.org/Team:Peking/Software" >Software</a></li>
+
                    <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project</a>
                                </ul>
+
                        <ul class="dropdown-menu">
                            </li>
+
                            <li><a href="https://2016.igem.org/Team:Peking/Description" >Overview</a></li>
                            <li class="dropdown menu-5"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Practices</a>
+
                            <li><a href="https://2016.igem.org/Team:Peking/Design" >Design</a></li>
                                <ul class="dropdown-menu">
+
                            <li><a href="https://2016.igem.org/Team:Peking/Crosslinking" >Crosslinking</a></li>
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/Gold" >Overview</a></li>
+
                            <li><a href="https://2016.igem.org/Team:Peking/Uranyl-adsorption" >Uranyl adsorption</a></li>
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#311" >Field research</a></li>
+
                            <li><a href="https://2016.igem.org/Team:Peking/Recovery" >Recovery</a></li>
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#questionnaire" >Questionnaire</a></li>
+
                            <li><a href="https://2016.igem.org/Team:Peking/Secretion" >Secretion</a></li>
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#consulting" >Consulting</a></li>
+
                            <li><a href="https://2016.igem.org/Team:Peking/Proof" >Proof and speculation</a></li>
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#questionnaire" >Other work</a></li>
+
                        </ul>
                                </ul>
+
                    </li>
                            </li>
+
                    <li class="dropdown menu-4"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Modeling</a>
                            <li class="menu-6"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Safety" >Safety</a>
+
                        <ul class="dropdown-menu">
                                <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Lab</a>
+
                            <li><a href="https://2016.igem.org/Team:Peking/Model" >Protein polymerization</a></li>
                                    <ul class="dropdown-menu">
+
                            <li><a href="https://2016.igem.org/Team:Peking/Software" >Software</a></li>
                                        <li><a class="" href="https://2016.igem.org/Team:Peking/Team" >Team</a></li>
+
                        </ul>
                                        <li><a class="" href="https://2016.igem.org/Team:Peking/Attributions" >Attribution</a></li>
+
                    </li>
                                        <li><a class="" href="https://2016.igem.org/Team:Peking/Notebook" >Notebook</a></li>
+
                    <li class="dropdown menu-5"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Practices</a>
                                    </ul>
+
                        <ul class="dropdown-menu">
                                </li>
+
                            <li><a href="https://2016.igem.org/Team:Peking/HP/Gold" >Overview</a></li>
                                <li class="menu-8"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Interlab" >Interlab</a>
+
                            <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#311" >Field research</a></li>
                                </li>
+
                            <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#questionnaire" >Questionnaire</a></li>
                                </div>
+
                            <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#consulting" >Consulting</a></li>
                </div>
+
                            <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#questionnaire" >Other work</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="menu-6"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Safety" >Safety</a>
 +
                        <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Lab</a>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a class="" href="https://2016.igem.org/Team:Peking/Team" >Team</a></li>
 +
                                <li><a class="" href="https://2016.igem.org/Team:Peking/Attributions" >Attribution</a></li>
 +
                                <li><a class="" href="https://2016.igem.org/Team:Peking/Notebook" >Notebook</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="menu-8"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Interlab" >Interlab</a>
 +
                        </li>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
        <!--/Navigation -->
+
    </div>
 +
</div>
 +
<!--/Navigation -->
 
          
 
          
 
         <!-- Page Title======================================================================== -->
 
         <!-- Page Title======================================================================== -->
Line 258: Line 268:
 
                         <div id="page-wrap">
 
                         <div id="page-wrap">
 
                             <div id="sidebar" style="color:#000000">
 
                             <div id="sidebar" style="color:#000000">
                                 <h4><a href="#Background">Background</a></h4>
+
                                 <h4><a href="javascript:void(0);" onclick="naver('Background')">Background</a></h4>
                                 <h4><a href="#Methods">Methods</a></h4>
+
                                 <h4><a href="javascript:void(0);" onclick="naver('Methods')">Methods</a></h4>
                                 <h4><a href="#Results">Results<a></h4>
+
                                 <h4><a href="javascript:void(0);" onclick="naver('Results')">Results<a></h4>
 
                                 <ul>
 
                                 <ul>
                                     <li><a href="#basic">Basic<sub>_</sub>Adsorption</a></li>
+
                                     <li><a href="javascript:void(0);" onclick="naver('basic')">Basic<sub>_</sub>Adsorption</a></li>
                                     <li><a href="#ratio">Ratio<sub>_</sub>Optimization</a></li>
+
                                     <li><a href="javascript:void(0);" onclick="naver('ratio')">Ratio<sub>_</sub>Optimization</a></li>
                                     <li><a href="#conditions">Different<sub>_</sub>Conditions</a></li>
+
                                     <li><a href="javascript:void(0);" onclick="naver('conditions')">Different<sub>_</sub>Conditions</a></li>
                                     <li><a href="#low">Low<sub>_</sub>Uranyl<sub>_</sub>Concentration</a></li>
+
                                     <li><a href="javascript:void(0);" onclick="naver('low')">Low<sub>_</sub>Uranyl<sub>_</sub>Concentration</a></li>
 
                                 </ul>
 
                                 </ul>
                                 <h4><a href="#discussion">Discussion</a></h4>
+
                                 <h4><a href="javascript:void(0);" onclick="naver('discussion')">Discussion</a></h4>
                                 <h4><a href="#references">References</a></h4>
+
                                 <h4><a href="javascript:void(0);" onclick="naver('references')">References</a></h4>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>

Revision as of 14:39, 14 October 2016

Uranyl adsorption

Uranyl Adsorption.

Background

Uranium is a key element used in nuclear energy production and is crucial in many other applications. The most stable and relevant uranium ion in aerobic environments is the uranyl cation. Super Uranyl-binding Protein(SUP) has been rationally designed via structural calculations and functional modification to specifically bind uranyl cations. According to the researchers’ results, SUP is thermodynamically stable and offers very high affinity and selectivity for uranyl with a Kd of 7.4 fM and >10,000-fold selectivity over other metal ions1. The binding features of SUP are described later in more detail (Fig.1).

Fig. 1. Uranyl-binding affinity and selectivity of SUP. (A) Competition assay of SUP versus total carbonate for uranyl revealing a Kd of 7.4 fM at pH 8.9. (B) Binding selectivity of SUP for uranyl over various other metal ions.

It was found that UO22+ is coordinated by five carboxylate oxygen atoms from four amino acid residues in SUP. The hydrogen bonds between the amino acid residues coordinating UO22+ and residues in its second coordination sphere also affects the protein’s uranyl binding ability (Fig.2) 2.

Fig. 2. Coordination Environment of UO22+ in SUP. UO22+ is coordinated by five carboxylate oxygen atoms from four amino acid residues of SUP.

As mentioned above, we fused SUP to three SpyTags in order to construct the 3A-SUP monomer, so the function of SUP might be affected by these additional modules. To make sure that 3A-SUP could still function when bound in the hydrogel, we tested its ability to adsorb UO22+ in various environments.



Methods

Appropriate volumes of 3/4/6A-SUP and 3B were mixed and incubated for 1 hour. Subsequently, a uranyl solution in TBS buffer was prepared and its pH value adjusted appropriately. After complete cross-linking, the uranyl solution was contacted with the pre-incubated proteins and mixed thoroughly by vortexing (Fig.3).

Fig. 3. Schematic diagram of uranyl adsorption.

The adsorption reaction was allowed to continue for 1 min, after which the mixture was immediately transferred into 10kDa cutoff centrifuge filters and centrifuged for 10 min at 14000g to exclude non-specific protein interference by removing proteins (Fig.4). Finally, 100μL aliquots of the filtrate were collected for further analysis.

Fig. 4. 10kDa cutoff centrifugal filters. The reaction mixtures were immediately transferred into 10kDa cutoff centrifugal filters and centrifuged for 10 min at 14000g to exclude protein interference.

What makes these results more reliable is that we set up control groups which contained the same concentration of uranyl as the test groups. We used the uranyl concentration of the filtrates from the control groups as the actual uranyl concentration to account for the adsorption of uranyl on centrifuge filters. Two different methods were applied to determine the uranyl concentrations in the filtrate. For higher concentrations (>1μM), we used a modification of the Arsenazo III method1. For lower concentrations (<1μM), ICP-MS was employed.

Fig. 5. Uranyl detection assay with Arsenazo III. (A) Mechanism of chromogenic reaction. (B) Standard curve of uranyl concentration.


Results

The adsorption capacities of 10μM proteins and hydrogel were measured in TBS buffer against uranyl in equimolar quantities. In very short time, 3A-SUP alone showed an adsorption capacity of up to 87% and cross-linked 3A-SUP+3B could effectively sequester 96% of the total uranyl (Fig. 6).

Fig. 6. Adsorption capacities of 3A-SUP and the oligomer mixture 3A-SUP+3B. 3A-SUP alone showed an adsorption capacity of up to 87%. Cross-linked 3A-SUP+3B could effectively sequester 96% of the total uranyl.

Furthermore, we measured the adsorption capacities of other kinds of fusion constructs and polymers, such as 4A-SUP (84%), 6A-SUP (87%), 4A-SUP+3B (88%), 6A-SUP+3B (63%) (Fig. 7). All of these were less efficient but they also could sequester at least 60% of the total uranyl. The standard deviations were calculated from triplicate experiments (n=3). These results were promising since different kinds of fusion proteins and protein constructs were able to adsorb uranyl with great efficiency. Among these, 3A-SUP+3B (96%) showed the best adsorption capacity and was consequently used for all further experiments.

Fig. 7. Statistical analysis of adsorption capacities of several kinds of proteins and protein hydrogel. ****p<0.0001, ***p<0.001. n=3. Error bars indicate standard deviations.

We next wondered whether the adsorption capacity of 3A-SUP+3B would increase with an increased protein-uranyl ratio. We thus tested the adsorption capacity of 3A-SUP+3B at different protein-uranyl ratios in TBS buffer. In these experiments, the concentration of uranyl ions was kept at 10μM.

The 3A-SUP+3B hydrogel could sequester 89% and 93% of the total uranyl when the protein to uranyl ratio was one and ten, respectively (Fig.8). The standard deviations were calculated from triplicate experiments

Fig. 8. Adsorption capacity of 3A-SUP+3B at protein-uranyl ratios of 1 and 10. ****p<0.0001, ns means no significant difference. n=3. Error bars indicate standard deviations.

The results thus showed that when the protein-uranyl ratio was increased tenfold, the adsorption rate increased as well. However, the rate of increase was less than 5% and was furthermore not statistically significant.

According to these results, the adsorption rate did not increase significantly when the protein to uranyl ratio was increased to ten. The reason might be that 3A-SUP+3B can sequester almost all of the available uranyl already when the ratio is 1:1, making the increase inconsequential. In conclusion, a protein-uranyl ratio of 1:1 was enough to sequester most uranyl at a concentration of 10μM.

The protein constructs showed a great uranyl adsorption capacity in TBS buffer, therefore we wondered whether they could work just as well in other conditions. We prepared two experimental scenarios simulated real-life pollution, using fresh water from Weiming Lake on campus and artificial seawater, respectively.

At the protein-uranyl ratio of 10:1, 3A-SUP+3B could sequester 93%, 67% and 83% of total uranyl in TBS buffer, fresh water and artificial seawater, respectively (Fig.9). The standard deviations were calculated from triplicate experiments.

Fig. 9. Adsorption capacity of 3A-SUP+3B in different conditions. ****p<0.0001, n=3. Error bars indicate standard deviations.

When 3A-SUP+3B was used in fresh water, the adsorption capacity dropped sharply. It is possible that carbonate and other species found in the fresh water might have interfered with 3A-SUP+3B and led to the decrease. It is also possible that the proteins are unstable under low-salt conditions, as opposed to the NaCl-rich environments of TBS buffer or artificial seawater.

The adsorption capacity of 3A-SUP+3B against 13nM uranyl was tested at a protein-uranyl ratio of 6000:1, and it was able to sequester 48% and 35% of the total uranyl in TBS buffer and artificial seawater, respectively (Fig. 10). That means that the functional hydrogel can not only adsorb uranyl at high concentrations of uranium pollution, but can also bind uranyl at very low concentrations - as low as 13nM - which equals the uranyl concentration in natural seawater.

Fig 10. Adsorption capacity of 3A-SUP+3B in low uranyl concentration. **p<0.01, n=3. Error bars indicate standard deviations.




Discussion

Triple SpyTag-SUP (3A-SUP) was able to adsorb uranyl with great efficiency, and the cross-linked product of 3A-SUP+3B showed an even better adsorption capacity. What’s more, 3A-SUP+3B can also perform its function well in contaminated conditions, and can thus be used to detoxify the environment. Furthermore, we confirmed that the biological functional hydrogel could indeed adsorb uranyl ions from seawater, and might even be employed to gather uranium directly from seawater in the future. Thus, our biological functional hydrogel has broad potential application fields.

References:

[1] Lu, Z. et al. A protein engineered to bind uranyl selectively and with femtomolar affinity. Nature chemistry 1856, 236-241 (2014).

[2] Laura, G, et al. UO22+ Uptake by Proteins: Understanding the Binding Features of the Super Uranyl Binding Protein and Design of a Protein with Higher Affinity. J. Am. Chem. Soc 136, 17484−17494 (2014).