*{
    margin: 0;
    padding: 0;
}
img{
    border:0;
}
ol, ul ,li{list-style: none;}

.logo_top{
	width:80%;
	padding: 0 auto;
	margin: 16px auto 0;
  font-family:"Microsoft yahei",sans-serif;
  font-family:"Microsoft yahei",sans-serif;
  font-size:16px;
  position:relative;
  color:#333;
	border-bottom: solid 1px #e2e2e2;
}


.base{
  width:80%;
	padding: 0 auto;
	margin: 0 auto;
  font-family:"Microsoft yahei",sans-serif;
  font-family:"Microsoft yahei",sans-serif;
  margin:10px auto;
  font-size:16px;
  position:relative;
  color:#333;
}
/* 入门克隆 */
.u1{
  width:30%;
  height:45px;
  margin-top:25px;
  float: left;
}

.div_right{
	width:70%;
	float: right;
	
}
.menu{
	width: 80%;
	
	padding-top: 10px;
}
.u0_zy{
  position:absolute;
  top:18px;
  left: 1012px;
}
.u0_zy .text-1{
	position: absolute;
    width: 280px;
    left: -180px;
    text-align: right;
	}
.u0_zy>p{
	position: absolute;
    width: 280px;
    left: -180px;
    text-align: right;
	}
.u0_input{
  position:absolute;
  top:-3px;
  left:118px;
  width:70px;
  height:25px;
  font-size:13px;
  text-decoration:none;
  color:#000000;
  border-radius:3px;
  border:1px solid #ccc;
}
.u1 a{
  text-decoration:none;
  color:#333;
}
.u1_01{
   background:#3a5f99;
  color:#fff;
}
.u1 li{
    display:inline-block;
    width:100%;
    height:45px;
    line-height: 45px;
    text-align:center;
	border: solid 1px #E0DDDD;
	overflow:hidden;
	border-radius: 8px; 
}

.u1 li:hover{
   background:#3a5f99;
  color:#fff;
	

	text-align: center;
	border: solid 1px #E0DDDD;
	overflow:hidden;
	border-radius: 8px;
}
.u2{
  margin-top:25px;
}
.u2_text{
  position:relative;
}
.u2_text1{

  cursor:pointer;
}
.u2_text2{position:absolute;
 position:absolute;
	text-align:justify;
  top:25%;
  left:25%;
  width:60%;
  height:600px;
  background:#fdfdfd;
  padding:40px;
  border-radius:8px;
  border:1px solid #e4e4e4;
  z-index: 102;
}
.u2_text2 p{
  margin-top:6px;
  line-height:23px;
}
.u3{
  position:relative;
  margin-top:10px;
  width:100%;
  height:360px;
  background:#F7F8F8;
  border-radius:5px;
}
.u3_text{
  padding:10px;
}
.u3_textarea{
  width: 1150px;
  height: 249px;
  border-radius: 5px;
  border: 1px solid #e6e6e6;
  padding: 5px;
  margin-left: 20px;
}
.u3_radio{
  position:absolute;
  top:317px;
  left:285px;
}
.u4{
  margin-top:40px;
}
.u4_button{
   margin-left:40px;
}
.u4 button{
    min-width: 180px;
    height: 40px;
    border-radius: 8px;
    font-size: 16px;
    background: #3a5f99;
    color: #fff;
    border: 1px solid #f5f5f5;
    outline: none;
    cursor: pointer;
    padding: 0 10px;
}
.u5{
  position:absolute;
  top: 660px;
  left:0;
  width: 1162px;
  height:240px;
  padding:20px;
  background:#F7F8F8;
  border-radius: 5px;
}
.u5_text{
  margin-top:10px;
  position:relative;
}
.u5_text1{
  position:absolute;
  top: 8px;
  left: 0px;
}
.u5_content1{
  width:1125px;
  height:35px;
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:5px;
  position:absolute;
  top: 0;
  left: 25px;
  font-weight: 600;
  color: blue;
}
.u5_text2{
  position:absolute;
  top: 8px;
  left: 1155px;
}
.u6{
  margin-top:30px;
}
.u6_text{
  margin-top:10px;
  position:relative;
}
.u7{
  margin-top:90px;
}
.u8_select{
  width: 160px;
  height:26px;
   border-radius:3px;
  border:1px solid #ccc;
}
.u8_div{
  margin-top:10px;
}
/* 单片段克隆 */
.d0{
  position:relative;
  top: 15px;
  left:0;
}
.d0_label{
  position:absolute;
  top: 0px;
  left:190px;
}
.d1_text{
  padding:10px;
}
.d1_color{
  width: 100%;
  height: 190px;
  border-radius: 5px;
  background:#F7F8F8;
  margin-top:15px;
}
.d1_textarea{
  width: 95%;
  height: 200px;
  border-radius: 8px;
  border: 1px solid #e6e6e6;
  padding: 5px;
  margin-left: 20px;
}
.d2_form{
  margin-top:25px;
}
.d2_form1{
  margin:10px 0 20px 0;
}
/* 多片克隆 */
.p1_div{
  position:relative;
  top: 20px;
  left:0px;
}
.p1_label{
  position:absolute;
  top: 0;
  left:170px;
}
.p1_text{
  margin-top:15px;
}
.p2_div{
   margin-top:5px;
	color: #3a5f99;
	font-weight: 600;
}
.p1_textarea{
  width:100%;
  height:200px;
  border-radius:8px;
  border:1px solid #ccc;
  margin-top:5px;
}
.p3_button{
  position:relative;
  top:0;
  left:0;
}
.p3_div{
   position:relative;
  top:60px;
  left:0;
}
/* 单点突变 */
.dd{
  position:relative;
  top:30px;
  left:0;
  width: 100%;
  height:325px;
  background:#F7F8F8;
  border-radius: 5px;

}
.dd>.dd0{
	width:362px;
	}
.dd>.dd1{
	width:395px;
	}
.dd>.dd2{
	width:362px;
	}
.dd_textarea{
  width: 360px;
  height: 210px;
  margin-top:6px;
  border-radius: 5px;
  border: 1px solid #e6e6e6;
}
.dd1{
  position:absolute;
  top:100px;
  left:400px;
}
.dd1_div{
  margin-top:5px;
}
.dd1_input{
  width: 270px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid #333;
}
.dd2{
  position:absolute;
  top:20px;
  left:816px;
}
.dd0{
  position:absolute;
  top:20px;
  left:20px;
}
.dd_p{
  font-size:14px;
}
.dd3{
  margin-top:60px;
}
.dd3_button{
   margin-left:40px;
}
.dd3 button{
    min-width: 180px;
    height: 40px;
    border-radius: 20px;
    font-size: 16px;
    background: #4378D4;
    color: #fff;
    border: 1px solid #f5f5f5;
    outline: none;
    cursor: pointer;
    padding: 0 10px;
}
/* 重组反应DNA使用量计算 */
.c0{
  position:relative;
  top:20px;
  left:0px;
}
.c0>p{
	display: inline;
    padding: 0 10px 0 0;
}
.c0_select{
  width:130px;
  height:25px;
  border-radius:3px;
  border:1px solid #bbb;
  position: absolute;
  top:-1px;
}
.c1{
  position:relative;
  top:70px;
  left:0px;
}
.c1>.c1_input{
	display:inline-block;
	margin:0 10px 0 0;
}
.c1>.c1_p{
    display:inline-block;
	margin:0 10px 0 0;
	position:inherit;
	left:0 !important;
	top:0;
}
.c1>.c1_p>p{
	display:inline;
	padding:0 5px 0 0;
	}
.c1>.c1_p>.c1_div{
	display: inline;
    position: inherit;
    left: 0;
    top: 0;
    width: auto;
	}
.c1_input input{
  width:110px;
  height:28px;
  border-radius:3px;
  border:1px solid #bbb;
}
.c1_p{
  position: absolute;
  top:4px;
  left:500px;
}
.c1_div{
  position: absolute;
  top:0px;
  left:170px;
  width: 50px;
}
.c2{
  position:relative;
  top:20px;
  left:0px;
}
.c2>.c1_input{
	display:inline-block;
	padding:0 15px 0 0;
	}
.c2>.c1_p{
	display:inline-block;
	position:inherit;
	left:0;
	top:0;
	}
.c2_div{
  position:relative;
  top:40px;
  left:0px;
}
/*DNA序列处理工具*/
.dna0{
  width: 100%;
  height: 275px;
  background:#F7F8F8;
  border-radius:5px;
  margin-top:20px;
}
.dna0_text{
  padding:10px;
}
.dna0_1{
  margin-top:30px;
}
.dna0_2{
  min-width: 180px;
  height: 40px;
  border-radius: 20px;
  font-size: 16px;
  background: #4378D4;
  color: #fff;
  border: 1px solid #f5f5f5;
  outline: none;
  cursor: pointer;
  margin-left: 40px;
  padding: 0 10px;
}
.dna0_3{
  width:160px;
  height:40px;
  border-radius:20px;
  font-size:16px;
  background:#fff;
  color:#333;
  border:1px solid #4378D4;
  outline:none;
  cursor:pointer;
  margin-left:40px;
}
/*引物Tm值计算工具*/
.yw{
  margin-top: 30px;
  background: #F7F8F8;
  padding: 20px;
}



.cz1>.c1_input,
.cz2>.c1_input,
.c2_div>.c1_input,
.c2>.c1_input,
.c3>.c1_input{
	display:inline-block;
	padding:0 15px 0 0;
	}
.cz1>.c1_p,
.cz2>.c1_p,
.c2_div>.c1_p,
.c2>.c1_p,
.c3>.c1_p{
	display:inline-block;
	position:inherit;
	left:0 !important;
	top:0;
	}
.c3>p{
	display: inline-block;
    padding: 0 10px 0 0;
	}
.c3>.p1_label{
	display: inline-block;
    position: relative;
    left: 0;
	}
.cz1>.c1_p>p,
.cz2>.c1_p>p,
.c2_div>.c1_p>p,
.c2>.c1_p>p,
.c3>.c1_p>p{
	display: inline-block;
	}
.cz1>.c1_p>.c1_div,
.cz2>.c1_p>.c1_div,
.c2_div>.c1_p>.c1_div,
.c2>.c1_p>.c1_div,
.c3>.c1_p>.c1_div{
	position: inherit;
    left: 0;
    top: 0;
    width: auto;
    display: inline-block;
	}