@charset "utf-8";
/* CSS Document */
body{  background:#f5f5f5;}
form{ float:left;}
.warp{ width:100%; position:relative;box-shadow: 10px 10px 10px #f2f2f2;}
.warp .wrapper{ width:1200px;  margin:auto; padding-top:40px; }
/*左边*/
.warp .wrapper .left{ width:240px;height:680px;  background:#FFF; float:left}
.warp .wrapper .left h3{ padding-left:40px; padding-top:20px; line-height:50px; font-weight:normal; font-size:18px;
background:url(../images/jficon.png) 20px 38px no-repeat}
.warp .wrapper .left h4{ padding-left:40px; padding-top:20px; line-height:50px; font-weight:normal;font-size:18px;
background:url(../images/ddicon.png) 20px 38px no-repeat}
.warp .wrapper .left h2{ padding-left:40px; padding-top:20px; line-height:50px; font-weight:normal;font-size:18px;
background:url(../images/szicon.png) 20px 38px no-repeat}
.warp .wrapper .left .grzx{ margin-left:40px;}
.warp .wrapper .left .grzx .but{ background:none; cursor:pointer}
.warp .wrapper .left .grzx .but:hover{ color:#090}
.warp .wrapper .left .grzx li{ line-height:35px;}
.warp .wrapper .left .grzx li a{ color:#666; font-size:13px;}
.warp .wrapper .left .grzx li a:hover{ color:#090}
/*右边*/
.warp .wrapper .right{ width:945px;  background:#FFF; float:right}
/*个人中心*/
.current{ color:#999; font-size:12px; padding-bottom:10px;}
.current a{ color:#999}
.warp .wrapper .right .main{ width:900px;   margin:auto; margin-top:30px;}

/*产品订单*/
.warp .wrapper .right .cpdd{ width:900px;  margin:auto; margin-top:30px;}
.cxddmx h3{ font-size:22px; color:#757575; font-weight:normal}
.cxddmx ul li{ float:left; font-size:14px; color:#757575; padding-right:6%; line-height:45px;}
.cxmxtitle { border-bottom:1px solid #e0e0e0;}
.herd{ margin-bottom:20px;}
.herd h3{ font-size:16px; font-weight:normal; float:left; line-height:35px;} 
.herd  .one{ margin-right:5px; width:100px; color:#666; height:28px; padding-left:5px;
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  /*很关键：将默认的select选择框样式清除*/
  
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
 /* background: url(../images/jt.png) no-repeat scroll right 5px center transparent;*/
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
 /* padding-right: 14px;*/
/*  margin-top:7px;*/
  outline:none;
  background:url(../images/123456.png) no-repeat #fff
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
.warp .wrapper .right .cpdd .form3{ float:left; margin-top:5px; width: 200px}
.herd_r{  height:35px; border:1px solid #d8d8d8; float:right}
.herd_r .search-text{ width:240px; height:33px; font-size:12px; color:#666; padding-left:10px; float:left;outline:none;
border:1px solid #fff}
.herd_r .search-submit{ width:40px; height:35px; background:url(../images/sc.png) center no-repeat; border-left:1px solid #d8d8d8; cursor:pointer;outline:none;}

/* .warp .wrapper .right  .cont{ width:900px;  margin:auto; border:1px solid #d8d8d8; margin-top:10px; margin-bottom:30px; border-bottom:none; }
.warp .wrapper .right  .cont .cont_top{ width:880px; height:60px; background:#f8f8f8;  position:relative}
.warp .wrapper .right  .cont .cont_top li{ float:left; font-size:12px; color:#666; line-height:60px;padding-left: 20px;}
.warp .wrapper .right  .cont .cont_top li span{ padding-left:8px; padding-right:8px; color:#d0d0d0}
*/
.cont_topr{ position:absolute; right:20px;}
.cont_topr h3{ font-size:20px; font-weight:normal; font-size:16px;}
.cont_topr h3 label{ color:#090; font-size:22px;}
 
.productorder { font-size:12px; color:#666;text-align:center;}
.productorder td{ border-bottom:1px solid #d8d8d8;}
.productorder  tr{ height:35px;}
.productorder { font-size:12px; color:#666}
.p_haerd{ background:#f7fff2;}
.productorder p{ line-height:22px;}
.boder_l{ border-right:1px solid #d8d8d8}
.jindu{ text-align:left; padding-left:20px;}
.jindu span{ padding-right:20px;}

/*.warp .wrapper .right .cxddmx{ width:900px;  margin:auto; margin-top:30px;}*/
/*项目/STR/基因订单css*/
.cxtab{ font-size:12px; color:#666; text-align:center; border:1px solid #d8d8d8; border-left:0;border-right:0;border-bottom:0;}
.cxtab tr{ border-bottom:1px solid #d8d8d8; line-height:35px;}
.onebg{ background-color:#f7fff2;}

/*测序订单明细css*/
.cxtab2{ font-size:12px; color:#666; margin-top:10px; text-align:center;border:1px solid #d8d8d8; border-top:0; border-top:2px solid #3ab984; margin-bottom:30px;}
.cxtab2 tr{line-height:35px; border-bottom:1px solid #d8d8d8;}
.cexuth{ background-color:#f2f2f2;  }
.form{ margin-top:20px;margin-bottom: 10px; width:100%}
.form .cxddmx_but{ background:none; border:1px solid #d8d8d8; font-size:12px; line-height:30px; width:120px; cursor:pointer;
transition:width 0.5s;
-moz-transition: 0.5s; /* Firefox 4 */
-webkit-transition: 0.5s; /* Safari and Chrome */
-o-transition: 0.5s; /* Opera */}
.form .cxddmx_but:hover{ background:#999; color:#FFF; border-radius:5px;}


/*实验进度查看*/
.jindu{ position:relative;}
.jindu p:hover{ cursor:pointer}
.jindu .s_box{ position:absolute; border:1px solid #d8d8d8; width:400px; max-height:200px; overflow:auto; background:#fefffd; display:none; left:-1px;top:0;box-shadow: 2px 2px 2px #fafafa; z-index:99; background:#fffef7; border-top:none  }
.jindu .s_box ul li{ text-align:left; padding-left:10px; padding-right:10px; border-bottom:1px dashed #e0e0e0; line-height:30px;}
.jindu .s_box label{ margin-right:50px;}
.jindu .s_box .end{ color:#F60}
.jindu:hover .s_box{ display:block}
.warp .wrapper .right  .cont .cont_top2{ width:880px; height:60px; background:#f8f8f8; padding-left:20px; position:relative}
.warp .wrapper .right  .cont .cont_top2 li{ float:left; font-size:12px; color:#666; line-height:60px;}
.warp .wrapper .right  .cont .cont_top2 li span{ padding-left:8px; padding-right:8px; color:#d0d0d0}

/* 历史订单表格样式*/
.warp .wrapper .right  .cont2{ width:880px;  margin:auto; border:1px solid #d8d8d8; margin-top:10px; margin-bottom:30px; border-bottom:none; }
.warp .wrapper .right  .cont2 .cont_top3{ width:860px; height:60px; background:#f8f8f8; padding-left:20px; position:relative}
.warp .wrapper .right  .cont2 .cont_top3 li{ float:left; font-size:12px; color:#666; line-height:60px;}
.warp .wrapper .right  .cont2 .cont_top3 li span{ padding-left:8px; padding-right:8px; color:#d0d0d0}
.warp .wrapper .right  .cont2{ width:880px;  margin:auto; border:1px solid #d8d8d8; margin-top:10px; margin-bottom:30px; }
.warp .wrapper .right  .cont2 .cont_top3{ width:860px; height:35px; background:#f2f2f2;}
.warp .wrapper .right  .cont2 .cont_top3 li{ float:left; font-size:12px; line-height:35px;padding-left: 20px;}
.warp .wrapper .right  .cont2 .cont_tab .img{ width:70px; height:70px; float:left; padding-right:20px;}
.warp .wrapper .right  .cont2 .cont_tab .zuo{ width:675px; border-right:1px solid #d8d8d8;}
.warp .wrapper .right  .cont2 .cont_tab .you{ text-align:center}
.warp .wrapper .right  .cont2 .cont_tab .you p{ line-height:30px; color:#666}
.warp .wrapper .right  .cont2 .cont_tab .you span{ color:#090; font-size:20px;}
.warp .wrapper .right  .cont2 .cont_tab .cont_list li{ font-size:12px;position:relative; border-bottom:1px solid #f2f2f2}
.warp .wrapper .right  .cont2 .cont_tab .cont_list li p{ line-height:25px;color:#666}
.warp .wrapper .right  .cont2 .cont_tab .cont_list li a{ font-size:12px; color:#666}
.warp .wrapper .right  .cont2.cont_tab .cont_list li label{ position:absolute; right:50px; top:10px; font-size:16px; color:#666} 


.warp .wrapper .right  .cont{ width:900px;  margin:auto; border:1px solid #d8d8d8; margin-top:10px; margin-bottom:30px; }
.warp .wrapper .right  .cont .cont_top{ width:900px; height:35px; background:#f2f2f2;}
.warp .wrapper .right  .cont .cont_top li{ float:left; font-size:12px; line-height:35px; padding-left:30px;}
.warp .wrapper .right  .cont .cont_tab .img{ width:70px; height:70px; float:left; padding-right:20px;}
.warp .wrapper .right  .cont .cont_tab .zuo{ width:675px; border-right:1px solid #d8d8d8;}
.warp .wrapper .right  .cont .cont_tab .you{ text-align:center}
.warp .wrapper .right  .cont .cont_tab .you p{ line-height:30px; color:#666}
.warp .wrapper .right  .cont .cont_tab .you span{ color:#090; font-size:20px;}
.warp .wrapper .right  .cont .cont_tab .cont_list li{ font-size:12px;position:relative; border-bottom:1px solid #f2f2f2}
.warp .wrapper .right  .cont .cont_tab .cont_list li p{ line-height:25px;color:#666}
.warp .wrapper .right  .cont .cont_tab .cont_list li a{ font-size:12px; color:#666}
.warp .wrapper .right  .cont .cont_tab .cont_list li label{ position:absolute; right:50px; top:10px; font-size:16px; color:#666} 

/*2017-11-10新增*/
.cxdd-list{margin-left:20px; position:relative;}
.lefthr{ position:absolute; border-left:1px solid #ccc; left:0; top:0; height:56px;}
.cxdd-list .hr{ width:20px; height:1px; border:none; border-top:1px solid #ccc; float:left; margin-top:19px; margin-right:2px;}
.form2{ font-size:14px;}
.form .text02{ border:1px solid #e0e0e0; line-height:25px;vertical-align:middle;width:117px; font-size:12px;}
.form em{ font-style:normal; padding:0 5px;line-height:25px;}
.form .but02{ height:27px; border:1px solid #e0e0e0; font-size:12px; padding:0 10px; cursor:pointer;
vertical-align:middle;
transition:width 0.5s;
-moz-transition: 0.5s; /* Firefox 4 */
-webkit-transition: 0.5s; /* Safari and Chrome */
-o-transition: 0.5s; /* Opera */}
.form .but02:hover{ background:#e3e3e3; color:#666; }
.herd .text02{ border:1px solid #e0e0e0; line-height:25px;vertical-align:middle;width:117px; font-size:12px;}