/*index*/
.md10{clear:both;height:10px;}
.md5{clear:both;height:5px;}

#header{width:100%;height:180px;align:center;margin:0 auto}
#webtitle{margin-left:5px;margin-top:0px;font-family:"Arial";font-size:48px;line-height:120px;color:white;}
#container_main{width:80%;margin:0 auto;background:white;min-width:1000px;}
.main{width:98%;background:#F3F3F3; padding:2px; border:1px solid #E5E5E5; margin-right:6px;margin:0 auto;}
#main{border:1px solid #E5E5E5; background:white; padding-bottom:5px;}

.indextitle{width:98%;height:45px;background:#F4F5F6;margin:0 auto;border-radius:6px;border:1px solid #E1E1E1;margin-top:10px}
.indextitlecont{height:50px;line-height:50px;margin-left:10px;font-size:22px;font-family:"Arial";font-weight:bold;letter-spacing:1px;color:green}

#radarchart{width:40%;border:1px solid #E1E1E1;margin-left:30px;margin-top:42px;border-radius:6px;text-align:center}
#submain{display: flex;width:98%;}
#subright{ display: flex;flex-direction: column; width: 56% }

.welcome{flex:1;padding:10px 10px 0px 50px;font-size:15px;}
.welcome span{font-size:16px; font-weight:bold;}
.welcome a{font-size:12px; color:#7795D8; cursor:pointer; margin-left:10px; padding-left:8px; background:url("../images/narrow_up_white.gif") no-repeat scroll left center;}
.welcome a:hover{color:#3D68AD; background:url("../images/narrow_down_white.gif") no-repeat scroll left center;}
.welcome .projectimg{text-align:center;}
.wel_content{width:98%; padding:10px; background:rgba(0, 121, 0, 0.1); border:1px solid #cccccc; margin-top:10px; font-size:16px;text-align: justify}
.wel_content a{background:url(""); padding:0px; margin:0px; font-size:14px;}
.wel_content a:hover{background:url("");}
.wel_content b{font-size:14px;}


/*cultivar*/

img.thumbnail{width: 100px;cursor: pointer;}
.modal{display: none;position: fixed;z-index: 1;padding-top: 60px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.9);}
.modal-content{margin: auto; display: block;width: 80%; max-width: 700px;}
.close {position: absolute;top: 20px;right: 35px;color: #f1f1f1;font-size: 40px;font-weight: bold;transition: 0.3s;}
.close:hover,.close:focus { color: #bbb;text-decoration: none;cursor: pointer;}
.trtitle{text-align:left;border:1px solid grey;background:rgba(0, 121, 0, 0.6);color:white; height:35px; font-weight:bold;}
#species_table tr:nth-child(even){text-align:left;border:1px solid  #E5E5E5;background:rgba(0, 121, 0, 0.1);}
#species_table tr:nth-child(add){text-align:left;border:1px solid  #E5E5E5;background:#AAAAAA}

.cultivar_header {background-color:rgba(0, 121, 0, 0.5);color: white;padding: 10px;width:80%,margin:0 auto;margin-top:20px}
/* .cultivar_nav {list-style-type: none;margin: 0 auto;padding: 0;display: flex;}
.cultivar_nav li {margin: 0 auto;border:1px solid green}
.cultivar_nav a {color: white;text-decoration: none;font-size: 18px;} */
.cultivar_nav a:hover {text-decoration: underline;}
.cultivar_content {padding: 20px;}
.cultivar_nav{list-style-type:none;width:90%;height:30px;line-height:30px;margin:0 auto;padding-left:0px;}
.cultivar_nav li{position:relative;display:inline;font-family:"Arial";font-size:16px;color:#fff;text-align:center;height:30px;line-height:30px;padding-right:0.1px;margin:0px;padding-top:5px;padding-bottom:5px;letter-spacing:2px}
.cultivar_nav li span{border-right:2px solid #3Dc8AD;padding-right:10px;padding-left:10px;margin-right:0;text-align:center;line-height:25px}


#cultivar_table{margin-bottom:10px;width:100%;margin:0 auto;font-family:"Arial"}
#cultivar_table tr{text-align:left;padding:10px}
#cultivar_table td{text-align:left;border:1px solid rgba(0, 121, 0, 0.2);;padding-right:20px;padding-left:10px;padding:10px}
#cultivar_table th{text-align:left;border:1px solid rgba(0, 121, 0, 0.3);;background:rgba(0, 121, 0, 0.2);;padding:10px}

.spike_table{margin-bottom:10px;width:100%;margin:0 auto;font-family:"Arial"}
.spike_table tr{text-align:left;padding:10px}
.spike_table td{text-align:left;border:1px solid rgba(0, 121, 0, 0.2);;padding-right:20px;padding-left:10px;padding:10px;font-size:14px}
.spike_table th{text-align:left;border:1px solid rgba(0, 121, 0, 0.2);;background:rgba(0, 121, 0, 0.1);;padding:10px}



a,a:link,a:visited{color:#444444; text-decoration:none;}
a:hover{color:blue; text-decoration:underline;}
a.acolor{color:white;}
a.ahead{text-decoration:none;}
a.avnav,a.avnav:link,a.avnav:visited{height:28px;color:white;line-height:28px;text-decoration:none; }
a.ahnav,a.ahnav:link,a.ahnav:visited{height:28px;color:white;line-height:28px;text-decoration:none; }

#login_register{height:26px;font-family:"楷体";font-size:18px;line-height:24px; padding:0px 12%; margin:0px auto;border-bottom:1px solid #007900;background:#007900}
#loaduser{float:right}
#logo_hnav{background:#007900}
#logo{line-height:120px;padding:0px 5%;margin:0px auto;vertical-align:middle;height:120px;}
#logo img{width:453px;height:72px;margin-left:5.5%;}
#h_nav{width:100%;height:30px;line-height:30px;margin:0 auto;background:#007900;}
#h_nav_ul{list-style-type:none;width:80%;height:30px;line-height:30px;border:1px solid white;margin:0 auto;padding-left:0px;}
#h_nav_ul li{position:relative;display:inline;font-family:"微软雅黑";font-size:16px;color:#fff;text-align:center;height:30px;line-height:30px;padding-right:0.1px;margin:0px;padding-top:6px;padding-bottom:4.5px;letter-spacing:1px}
#h_nav_ul li span{border-right:1px solid #3Dc8AD;padding-right:15px;padding-left:15px;margin-right:0;text-align:center;}
/*hidnav*/
.hidnav{position:absolute; top:31px; left:-5px; z-index:25; display:none; font-size:14px; line-height:22px; cursor:pointer;}
.hidnav div{height:22px; width:110px; border:1px solid #C1C2C3; border-top:0px; background:white; padding-left:0px;}
.hidnav div:nth-child(1){border-radius:3px}

.hidnav a{color:#7795d8; text-decoration:none;}

#search{width:25px; height:25px; float:right; margin-right:3px;margin-top:-1px;no-repeat 0px 4px;}

#pos{height:26px; padding:4px; border-bottom:1px solid #cccccc;line-height:26px;}
#pos a{padding:0px 4px;font-family:"楷体";color:#007900;}
.co_unit{width:100%;text-align:center;margin:0 auto;padding:0px;}
.tab{width:96%;margin:0 auto;}

.pack_detail{text-decoration:none;cursor:pointer;}
.result_table td:nth-last-child(8){width:15%}
.result_table td:nth-last-child(7){width:20%}

.tab tbody tr td{border-left:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;font-family:"楷体"}
.tab tbody tr td:nth-last-child(1){border-right:1px solid #CCCCCC;}


/*input*/
/*input.input_text{border:0px; height:15px; float:left; padding:4px 4px 4px 15px; color:#444444; font-size:12px; margin-top:2px; background-color:transparent;}*/

input.input_sub1{border-right:1px solid black;border-bottom:1px solid black;border-left:1px solid #EEEEEE;border-top:1px solid #EEEEEE; background:url(../images/button1.gif) no-repeat; width:80px; height:30px; line-height:30px; color:#444444;  font-size:16px; font-weight:bold; cursor:pointer;font-family:"微软雅黑";}
.mar1{margin-left:100px;}
#tr_sub{background:#EEEEEE}
#Wdate input{width:110px; height:20px; line-height:20px;text-align:left;font-family:"times new roman";font-size:14px;padding-left:5px;border:1px solid #e0dfdf}
a.checkboxes{ cursor:pointer;}


/**/
#foot{width:1024px; padding:40px 0px 20px; text-align:center; margin:0px auto;}
#flink a{padding:8px; line-height:26px;}


p.hei{line-height:20px;font-size:16px;font-family:"Times New Roman","楷体"}


/* 按区域 */


#kuang2{float:right;margin-top:-42px;margin-right:-15%}
#kuang5{float:right;margin-top:-42px;margin-right:-15%}
/* #kuang4{float:right;margin-top:-42px;margin-right:-120px} */
#kuang1{float:right;margin-top:0px;margin-right:14%;}
#kuang3{float:right;margin-top:-42px;margin-right:-45%;}
#kuang6{float:right;margin-top:-42px;margin-right:-45%;}
#salesbox.side-by-side{margin:0;padding:0;text-align:left;margin-left:5%;margin:0 auto}
#organbox.side-by-side{ margin:0;padding:0;text-align:left;margin-left:5%}
#returnbox.side-by-side{margin:0;padding:0;text-align:left;margin-left:5%}
#packbox.side-by-side{margin:0;padding:0;text-align:left;margin-left:5%}
#employeebox.side-by-side{margin:0;padding:0;text-align:left;margin-left:30%}
/* .chzn-container{border:1px solid #B1B5BA;border-radius:4px;} */
div#container {margin: 0 auto; padding: 1em 0;  }
div.side-by-side {width: 80%; margin-bottom: 1em;margin-left:35px; }
div.side-by-side > div { float: left; width: 50%; }
div.side-by-side > div > em { margin-bottom: 10px; display: block; }
.faqs em { display: block; }
.clearfix:after {
content: "\0020";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
.content {position:static;z-index:1;}
/* 登录框css */
#loginbox{width:300px;font-family:"微软雅黑" "华文新魏" "Times New Roman";margin:0 auto;}
#accountid{letter-spacing:2px;height:18px;BACKGROUND-COLOR: #f5f5f5;}
#passwdid{letter-spacing:2px;height:18px;BACKGROUND-COLOR: #f5f5f5;}
.d-content{padding:0px;}
input.d-button{margin-left:30px;margin-right:30px;}
div.d-buttons{text-align:center;}

/* 返回顶部 */
#goTopBtn {POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BOTTOM: 35px; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0; _position: absolute; _right: auto}

#expend_hnav{width:15%;float:left;margin-left:6px;background:#3D68AD;min-width:160px;}
#v_nav_up ul{margin:2px; border:1px solid white;padding:2px}
#v_nav_up ul li{font-size:14px;font-family:"黑体"; font-weight:bold;letter-spacing:3px;height:26px; line-height: 26px; padding:1px;list-style-type:none;margin:6px;CURSOR: pointer}
#v_nav_up img{float:left;text-decoration:none;border:0}
#v_nav_up span{float:left; padding-left:8px;}
/* 登录首页 */
/* #loginbody{
width:100%;
border:1px solid red;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3D68AD',endColorStr='#FFFFFF',gradientType='0');
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3D68AD), to(#FFF));
background: -moz-linear-gradient(top, #3D68AD, #FFFFFF);
background: -o-linear-gradient(top,#3D68AD, #FFFFFF);
} */
#loginbody{background: url(../images/bg.jpg) no-repeat center;padding:0;margin:0;width:100%;height:100%; z-index:-1}
#mainLogin{width:700px;height:280px;margin:0 auto;margin-top:80px;border-radius:10px;}
/* #logoLogin img{width:45%;margin-left:18%;margin-top:20px} */
#doLogin{width:440px;height:280px;font-size:16px;background:white;float:left;border-top-left-radius:10px;border-bottom-left-radius:10px;}
#doLoginright{float:right;height:280px;background:#F1F3F7;width:260px;border-top-right-radius:10px;border-bottom-right-radius:10px;}
.form_title {
line-height: 36px;
font-size: 18px;
margin-bottom: 10px;
font-family: 'Microsoft YaHei';
color:#333;
padding-left:60px;
padding-top:20px;
margin-bottom:-5px;
}
.J_form_input_wrap{
border: 1px solid #dce0e7;/* #dce0e7 */
line-height: 34px;
vertical-align: top;
position: relative;
zoom: 1;
width:320px;
margin:0 auto;
margin-bottom:20px;
margin-top:20px;
border-radius: 4px;
}
.J_form_input_wrap .tips {
display: none;
line-height: 20px;
padding: 0 5px;
position: absolute;
z-index: 1;
top: 30px;
right: 0;
background-color: #ed787f;
color: #fff;
font-family: 'Microsoft YaHei';
font-size:14px;
}
#nolpk {
display: none;
line-height: 20px;
padding: 0 5px;
position: absolute;
z-index: 1;
top: 42px;
right: 0;
background-color: #ed787f;
color: #fff;
font-family: 'Microsoft YaHei';
font-size:14px;
margin-right:200px;
}
#norole{
display: none;
line-height: 20px;
padding: 0 5px;
position: absolute;
z-index: 1;
top: 42px;
right: 0;
background-color: #ed787f;
color: #fff;
font-family: 'Microsoft YaHei';
font-size:14px;
margin-right:200px;
}
.J_form_input_wrap .validation-icon {
width: 16px;
height: 16px;
position: absolute;
top: 50%;
margin-top: -8px;
right: 10px;
background-image: url(../images/input.png);
background-repeat: no-repeat;
display: none;
}
.J_form_input_wrap .hd {
display: block;
line-height: 34px;
position: absolute;
z-index: 1;
left: 15px;
top: 0;
font-family: 'Microsoft YaHei';
font-size:12px;
color: #EF777D;
}

.J_form_input {
padding: 8px 42px 8px 0;
margin-left: 85px;
width: 180px;
line-height: 18px;
height: 18px;
overflow: hidden;
vertical-align: top;
border: 0;
outline: 0;
background: #fff;
word-break: break-all;
word-wrap: break-word;
}
.btn-box{margin:0 auto;}
.J_form_button{
height: 46px;
line-height: 46px;
display: inline-block;
text-align: center;
vertical-align: middle;
border: 0;
outline: 0;
font-size: 18px;
font-family: 'Microsoft YaHei';
color: #fff;
border-radius: 4px;
background-color: #f36948;
box-shadow: 1px 0 1px #dcdcdc;
cursor: pointer;
width: 320px;
margin-top:15px;

}
.tab_title {
color: rgb(102, 102, 102);
display: block;
font-family: verdana;
font-size: 14px;
font-weight: normal;
height: 24px;
line-height: 24px;
margin-top: 60px;
text-align: center;
width: 260px;
zoom: 1;
}
.tab_title_2 {
color: rgb(102, 102, 102);
display: block;
font-family: verdana;
font-size: 14px;
font-weight: normal;
height: 24px;
line-height: 24px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 20px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: center;
width: 260px;
zoom: 1;
}
.tab_title_3 {
color: black;
display: block;
font-family: verdana;
font-size: 14px;
font-weight: normal;
height: 24px;
line-height: 24px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: center;
width: 260px;
zoom: 1;
}
#reg{
-webkit-box-shadow: rgb(220, 220, 220) 0px 2px 1px 0px;
background-color: rgb(34, 170, 187);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: none;
box-shadow: rgb(220, 220, 220) 0px 2px 1px 0px;
color: rgb(255, 255, 255);
cursor: auto;
display: inline-block;
font-family: 'Microsoft YaHei';
font-size: 14px;
font-weight: normal;
height: 36px;
line-height: 36px;
outline-color: rgb(255, 255, 255);
outline-style: none;
outline-width: 0px;
text-align: center;
text-decoration: none;
margin-top:20px;
margin-left:60px;
width: 135px;
zoom: 1;}
#doLogin table{color:black; margin:0 auto;font-family:"微软雅黑";margin-top:40px;}
#doLogin table td{height:40px;line-height:40px;}
#doLogin table td input{padding-left:5px}
/* #doLogin .text{ width:150px; float:left; position:relative; top:4px; *top:1px; _top:2px;height:20px; } */
#doLogin  a{ text-decoration:none; color:white; }
#doLogin a:hover{ text-decoration:underline; }
input.submit{border-right:1px solid black;border-bottom:1px solid black;border-left:1px solid #EEEEEE;border-top:1px solid #EEEEEE; background:url(../images/button1.gif) no-repeat; width:80px; height:30px; line-height:30px; color:#444444;  font-size:16px; font-weight:bold; cursor:pointer;font-family:"微软雅黑";}
input.reset{border-right:1px solid black;border-bottom:1px solid black;border-left:1px solid #EEEEEE;border-top:1px solid #EEEEEE; background:url(../images/button1.gif) no-repeat; width:80px; height:30px; line-height:30px; color:#444444;  font-size:16px; font-weight:bold; cursor:pointer;font-family:"微软雅黑";}
.warning{color:red;font-size:14px;display:none;}
.expenses{width:98%;margin:0 auto;padding-top:10px; }
.expenses table{margin-bottom:20px}
.expensesTab{width:100%;font-family:"楷体" Times new roman; border-collapse: collapse;}
.expensesTab td{text-align:left;border:1px solid #DADCDD;}
.expensesTab th{text-align:left;border:1px solid grey;background:#DFDFDF}
.expensesTab tr{text-align:left;}
.expensesTab td #type{margin:0px;vertical-align:middle;text-align:center;}
.expense_button{padding:5px 60px 5px 60px;background:#EEEEEE}
#expensetab_title td{text-align:center;font-weight:bold;border:1px solid #B1B5BA}
#expensetab_title{background:#DFDFDF}
.expenseindex td{text-align:center;}
#expensestitle td{text-align:left;font-family:'楷体';font-size:18px;border:0;padding:5px;}
#expensestitle{border:0;width:480px}
#apply_button{text-decoration:blink;font-weight:bold;}
#approval_button{text-decoration:blink;font-weight:bold;}
#inapproved_button{text-decoration:blink;font-weight:bold;}
#approval_2_button{text-decoration:blink;font-weight:bold;}
#inapproval_2_button{text-decoration:blink;font-weight:bold;}
#approved_button{text-decoration:blink;font-weight:bold;}
.page_name{font-weight:bold;}
.back{float:right;margin-right:20px;cursor:pointer;}
.p_image{background:url(../images/psd4393_03.png);width:81px;height:32px;cursor:pointer;text-align:center;line-height:33px;margin-left:8px;}
.search{font-family:"楷体";font-weight:bold;font-size:16px;}
.keyword{font-family:"楷体";width:180px;height:20px;line-height:20px;font-size:16px}


.contract_m_t th{text-align:center;font-weight:bold;border:1px solid #B1B5BA}
.contract_m_t{background:#DFDFDF}
#contract_m td{height:25px;line-height:25px}
input.cont_input{height:20px;line-height:20px;padding:0px;padding-left:4px;width:70%;min-width:95px;max-width:125px;font-size:14px;font-family:'Times New Roman';margin:0px;border-radius:4px;margin-left:0px;border:1px solid #B1B5BA;background:none}
tr.cont_td_width td:nth-child(even){width:15%;min-width:140px;max-width:160px;padding-left:0px}
tr.cont_td_width td:nth-child(odd){width:18%;min-width:115px;max-width:160px;}
input.organ_input{height:20px;line-height:20px;padding:0px;padding-left:4px;width:80%;min-width:190px;max-width:250px;font-size:14px;font-family:'楷体';margin:0px;border-radius:4px;margin-left:0px;border:1px solid #B1B5BA;background:none}

.organshow  td:nth-child(1){width:10%;min-width:50px;}
.organshow  td:nth-child(2){width:24%;min-width:240px;}
.organshow  td:nth-child(3){width:24%;min-width:240px;}
.organshow  td:nth-child(4){width:24%;min-width:240px;}
.organshow  td:nth-child(5){width:6%;min-width:100px;}
.organshow  td:nth-child(6){width:6%;min-width:60px;}
.organshow  td:nth-child(7){width:6%;min-width:60px;}
tr.package td:nth-child(0){width:15%;}
tr.package td:nth-child(1){width:28.5%;}
tr.package td:nth-child(2){width:20%;}
tr.package td:nth-child(3){width:20%;}
tr.package td:nth-child(4){width:20%;}

tr.packshow td:nth-child(1){width:10%;}
tr.packshow td:nth-child(2){width:35%;}
tr.packshow td:nth-child(3){width:35%;}
tr.packshow td:nth-child(4){width:20%;}
tr.packhide td:nth-child(1){width:10%;}
tr.packhide td:nth-child(2){width:35%;}
tr.packhide td:nth-child(3){width:35%;}
tr.packhide td:nth-child(4){width:20%;}
.departshow td{width:15%}
/* tr.package td:nth-child(odd){width:20%;min-width:140px;max-width:160px;padding-left:0px} */

#radarchart {width: 50%;height: 50%;}
#radarchart canvas {width: 100% !important;height: auto !important;}
canvas {max-width: 100%;max-height: 100%;}
/* 自定义工具提示样式 */
.custom-tooltip { position: absolute;color: #000;  padding: 5px;border-radius: 5px;top:400px;left: 360px; pointer-events: none; opacity: 0; transition: opacity 0.2s; width: 5.5%;  max-width: 100%; transform: translate(-50%, -50%);  display: flex; flex-direction: column;align-items: center; text-align: center;}
.custom-tooltip img { width: 100%; height: 100%; object-fit: cover;  border-radius: 5px; }
.custom-tooltip p { margin: 1px; font-size: 10px;line-height: 1;color: rgba(154, 186, 140, 1); }


/*genome*/
.genome_top_container { display: flex;gap: 20px;width: 60%;  max-width: 1200px; margin: 0 auto; padding: 20px; }
.left-section { flex: 0 0 18%;  background: white;  }
.right-section {flex: 1; }
.image-container {width: 100%;height: 100%;overflow: hidden;}
.image-container img {width: 100%; height: auto; display: block; object-fit: cover;}
.text-line {margin-bottom: 5px;color:#61716A;padding: 2px;background: white; border-radius: 4px;}

/* 可选响应式布局 */
@media (max-width: 768px) {
.container {flex-direction: column;}
 .left-section {flex: none;width: 100%;}
}
.genome_left_td{text-align:left;font-family:Arial;font-size:18px;padding:2px;color:grey}
.genome_right_td{text-align:right;font-family:Arial;font-size:18px;color:grey}