html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
    margin: 0;
    padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

html {
    *overflow: auto;
}

a {
    outline: 0;
    text-decoration: none;
    background-color: transparent;
    color: #333;
}

a:active,
a:hover {
    outline: 0;
}

b,
strong {
    font-weight: bold;
}

i,
em {
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0 none;
    vertical-align: middle;
}

textarea {
    overflow: auto;
    resize: none;
    border: 0 none;
}

table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

th {
    font-weight: normal;
}

li {
    list-style: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    border: 0 none;
    cursor: pointer;
}

button,
input {
    line-height: normal;
}

input,
button,
select,
textarea {
    font: inherit;
    line-height: inherit;
    color: inherit;
}

button[disabled],
input[disabled] {
    cursor: default;
}

button,
select {
    text-transform: none;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
}

:focus {
    outline: 0;
}

hr {
    border: 0 none;
}

.ipt {
    border: 0 none;
}

/*::selection{background-color:transparent;}::-moz-selection{background-color:transparent;}*/

.btn,
.icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.btn {
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn:hover {
    text-decoration: none;
}

.icon {
    position: relative;
    vertical-align: top;
}

.clearfix:after {
    clear: both;
    display: table;
    content: '';
}

.clearfix {
    *zoom: 1;
}

.clear {
    clear: both;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
}

.hidden {
    display: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

body,
input,
button,
select,
textarea {
    font: 12px/1.5 'Microsoft YaHei', Arial, \5B8B\4F53, sans-serif;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
}

.btn-default {
    background-color: #0099cb;
}

.btn-default.disable {
    background-color: #9d9d9d;
}

.btn-action {
    height: 25px;
    line-height: 25px;
    padding: 0 20px;
    color: #fff;
    margin-bottom: 6px;
}

.btn-action i {
    top: 6px;
    width: 13px;
    height: 13px;
    margin-right: 4px;
    background-position: center;
}

.btn-action .icon-r {
    margin-left: 4px;
}

.btn-action.btn-important {
    background-color: #4caf50;
}

.btn-default:hover,
.btn-action.btn-important:hover {
    background-color: #ffaa11;
}

.icon {
    background-repeat: no-repeat;
}

#container {
    position: relative;
    min-width: 1240px;
}

#zTop {
    height: 74px;
    background-color: #0099cb;
}

#zBottom {
    position: relative;
    overflow: visible;
    background-color: #f8f8f8;
}

#zLeft {
    position: absolute;
    left: 0;
    top: 0;
    width: 320px;
    min-height: 100%;
    background-color: #353c46;
    color: #ddd;
    /* overflow:hidden; */
}

#zLeft .left-inner {
    height: 100%;
}

#zRight {
    position: relative;
    margin-left: 320px;
    padding-bottom: 50px;
}

#zRTop {
    height: 35px;
    padding: 0 12px;
    overflow: hidden;
    border-bottom: 1px solid #dbdbdb;
    background-color: #fcfcfc;
}

#zMain {
    /* height:787px;overflow:auto; */
    margin: 12px 25px 0;
    padding: 10px;
    background-color: #fff;
}

#zRBottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 10px 0;
    text-align: center;
    color: #8d8d8d;
}

.logo {
    float: left;
    margin: 10px 0 0 15px;
}

.top-nav {
    float: right;
}

.top-nav>li {
    float: left;
    height: 39px;
    line-height: 39px;
    padding: 0 12px;
    border-left: 1px solid #33add5;
}

.top-nav>li:hover {
    background-color: #008cba;
}

.top-nav>li,
.top-nav>li>a {
    color: #fff;
}

.top-nav>li .icon-n {
    top: 27px;
    width: 19px;
    height: 19px;
    margin-right: 3px;
    background-position: center;
}

.top-nav>li .icon-faq {
    background-image: url(../images/icon_faq.png);
}

.top-nav>li .icon-user {
    background-image: url(../images/icon_user.png);
}

.top-nav>li .icon-exit {
    background-image: url(../images/icon_exit.png);
}

.top-nav>li .icon-theme {
    background-image: url(../images/icon_user.png);
}

.top-nav>li em {
    color: #ffc04e;
}

.top-nav>li .icon-triangle {
    top: 35px;
    width: 10px;
    height: 5px;
    background: url(../images/icon_triangle_w.png) no-repeat;
}

.switch-crop {
    position: relative;
    z-index: 9;
    height: 39px;
    margin: 0 -12px;
}

.switch-crop .switch-hd {
    height: 39px;
    line-height: 39px;
    overflow: hidden;
    padding: 0 12px;
    cursor: pointer;
}

.switch-open.switch-crop .switch-hd {
    background-color: #008cba;
}

.switch-crop .switch-bd {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
}

.switch-crop .icon-crop {
    background-image: url(../images/icon_crop.png);
}


.top-nav>li .icon-n.icon-corn1 {
    background-image: url(../images/crop_icon/corn1.png);
    background-size: cover;
}

.top-nav>li .icon-n.icon-cotton1 {
    background-image: url(../images/crop_icon/cotton1.png);
    background-size: cover;
}

.top-nav>li .icon-n.icon-rice1 {
    background-image: url(../images/crop_icon/rice1.png);
    background-size: cover;
}

.top-nav>li .icon-n.icon-wheat1 {
    background-image: url(../images/crop_icon/wheat1.png);
    background-size: cover;
}

.top-nav>li .icon-n.icon-soybean1 {
    background-image: url(../images/crop_icon/soybean1.png);
    background-size: cover;
}

.switch-crop .name {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    min-width: 40px;
    margin: 0 8px 0 4px;
    text-align: center;
}

.switch-crop .crops {
    border: 1px solid #dcdcdc;
    border-top: 0 none;
    background-color: #f5f5f5;
    color: #666;
}

.switch-crop .crops li {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding-left: 35px;
    border-top: 1px solid #dcdcdc;
    cursor: pointer;
    background: url(../images/icon_point.png) no-repeat 15px center;
}

.switch-crop .crops li:hover,
.switch-crop .crops .selected {
    margin: 0 -1px;
    border-color: #0099cb;
    color: #fff;
    background-color: #0099cb;
    background-image: url(../images/icon_point_on.png);
    background-position: 16px center;
}

.switch-tips {
    position: absolute;
    z-index: 199;
    width: 70px;
    height: 23px;
    line-height: 19px;
    padding-bottom: 4px;
    overflow: hidden;
    text-align: center;
    color: #636363;
    background: url(../images/tooltip.png) no-repeat;
}

.quick-channel {
    float: left;
    height: 35px;
    overflow: hidden;
    margin: 20px 0 0 64px;
}

.quick-channel .cl,
.quick-channel .add {
    float: left;
}

.quick-channel .cl {
    height: 31px;
    line-height: 31px;
    overflow: hidden;
    padding: 0 12px;
    margin-right: 12px;
    border: 2px solid #fff;
    border-radius: 18px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.quick-channel .cl i {
    float: left;
    float: left;
    width: 18px;
    height: 18px;
    margin: 7px 6px 0 0;
    background-position: center;
}

.quick-channel .cl .icon-func {
    background-image: url(../images/icon_func.png);
}

.quick-channel .cl .icon-task {
    background-image: url(../images/icon_task.png);
}

.quick-channel .cl .icon-setting {
    background-image: url(../images/icon_setting.png);
}

.quick-channel .cl .icon-verify {
    background-image: url(../images/fanganshenhe.png);
    background-size: 100% auto;
}

.quick-channel .add {
    width: 60px;
    height: 35px;
    background: url(../images/func_add.png) no-repeat;
}

.quick-channel .cl .icon-app {
    background-image: url(../images/app.png);
    background-size: 100% 100%;
}

#quickChannel {
    overflow: visible;
}

#ucas-app {
    position: relative;
    overflow: visible;
}

#ucas-app img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 33px;
    left: 0;
    z-index: 9;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    display: none;
}

.quick-panels .panel {
    display: none;
    position: absolute;
    z-index: 19999;
    max-width: 825px;
    padding: 25px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 9px rgba(12, 3, 7, 0.4);
}

.quick-panels #panel2 {
    width: 150px;
}

.quick-panels .panel:after {
    content: '';
    position: absolute;
    left: 30px;
    top: -7px;
    width: 15px;
    height: 7px;
    background: url(../images/icon_panel_up.png) no-repeat;
}

.quick-panels #panel5.panel:after {
    left: 304px;
}

.cl-row:after {
    content: '';
    display: table;
    clear: both;
}

.cl-dl {
    float: left;
    width: 135px;
    padding: 20px 5px 0;
    margin: 10px 10px;
    border-top: 1px solid #e5e5e5;
}

.cl-dl.npb {
    padding-top: 0;
    border-top: 0 none;
}

.cl-dl dt {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
}

.cl-dl dt i {
    float: left;
    width: 16px;
    height: 16px;
    margin: 8px 5px 0 0;
    background-position: center;
    background-size: 16px 16px;
}

.cl-dl dt .icon-cygn {
    background-image: url(../images/icon_fn_cygn.png);
}

.cl-dl dt .icon-clgl {
    background-image: url(../images/icon_fn_clgl.png);
}

.cl-dl dt .icon-clgl-new {
    background-image: url(../images/icon_fn_clgl-new.png);
}

.cl-dl dt .icon-yzgl {
    background-image: url(../images/icon_fn_yzgl.png);
}

.cl-dl dt .icon-sygl {
    background-image: url(../images/icon_fn_sygl.png);
}

.cl-dl dt .icon-cjgl {
    background-image: url(../images/icon_fn_cjgl.png);
}

.cl-dl dt .icon-sjgl {
    background-image: url(../images/icon_fn_sjgl.png);
}

.cl-dl dt .icon-jcsj {
    background-image: url(../images/icon_fn_jcsj.png);
}

.cl-dl dt .icon-xtgl {
    background-image: url(../images/icon_fn_xtgl.png);
}

.cl-dl dt .icon-nscz {
    background-image: url(../images/icon_fn_nscz.png);
}

.cl-dl dt .icon-qxsj {
    background-image: url(../images/icon_fn_qxsj.png);
}

.cl-dl dt .icon-tjbj {
    background-image: url(../images/icon_fn_tjbj.png);
}

.cl-dl dt .icon-cxtj {
    background-image: url(../images/icon_fn_cxtj.png);
}

.phenotype-green .cl-dl dt .icon-cygn {
    background-image: url(../images/phenotype-green/icon_fn_cygn.png);
}

.phenotype-green .cl-dl dt .icon-clgl {
    background-image: url(../images/phenotype-green/icon_fn_clgl.png);
}

.phenotype-green .cl-dl dt .icon-clgl-new {
    background-image: url(../images/phenotype-green/icon_fn_clgl-new.png);
}

.phenotype-green .cl-dl dt .icon-yzgl {
    background-image: url(../images/phenotype-green/icon_fn_yzgl.png);
}

.phenotype-green .cl-dl dt .icon-sygl {
    background-image: url(../images/phenotype-green/icon_fn_sygl.png);
}

.phenotype-green .cl-dl dt .icon-cjgl {
    background-image: url(../images/phenotype-green/icon_fn_cjgl.png);
}

.phenotype-green .cl-dl dt .icon-sjgl {
    background-image: url(../images/phenotype-green/icon_fn_sjgl.png);
}

.phenotype-green .cl-dl dt .icon-jcsj {
    background-image: url(../images/phenotype-green/icon_fn_jcsj.png);
}

.phenotype-green .cl-dl dt .icon-xtgl {
    background-image: url(../images/phenotype-green/icon_fn_xtgl.png);
}

.phenotype-green .cl-dl dt .icon-nscz {
    background-image: url(../images/phenotype-green/icon_fn_nscz.png);
}

.phenotype-green .cl-dl dt .icon-qxsj {
    background-image: url(../images/phenotype-green/icon_fn_qxsj.png);
}

.phenotype-green .cl-dl dt .icon-tjbj {
    background-image: url(../images/phenotype-green/icon_fn_tjbj.png);
}

.phenotype-green .cl-dl dt .icon-cxtj {
    background-image: url(../images/phenotype-green/icon_fn_cxtj.png);
}

/*���ӿ�ͼ���滻* */
.cl-dl dt .icon-nshj,
.cl-dl dt .icon-jcsj,
.cl-dl dt .icon-sfsh,
.cl-dl dt .icon-zzkgl,
.cl-dl dt .icon-pjjj {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    margin: 6px 5px 0 0;
}

.cl-dl dt .icon-jcsj {
    background-image: url(../images/user/kenfeng/panel/jcsj.png);
}

.cl-dl dt .icon-sygl {
    background-image: url(../images/user/kenfeng/panel/sygl.png);
}

.cl-dl dt .icon-sfsh {
    background-image: url(../images/user/kenfeng/panel/sfsh.png);
}

.cl-dl dt .icon-zzkgl {
    background-image: url(../images/user/kenfeng/panel/zzkgl.png);
}

.cl-dl dt .icon-pjjj {
    background-image: url(../images/user/kenfeng/panel/pjjj.png);
}

.cl-dl dt .icon-nshj {
    background-image: url(../images/user/kenfeng/panel/nshj.png);
}

.phenotype-green .cl-dl dt .icon-jcsj {
    background-image: url(../images/phenotype-green/jcsj.png);
}

.phenotype-green .cl-dl dt .icon-sygl {
    background-image: url(../images/phenotype-green/sygl.png);
}

.phenotype-green .cl-dl dt .icon-sfsh {
    background-image: url(../images/phenotype-green/sfsh.png);
}

.phenotype-green .cl-dl dt .icon-zzkgl {
    background-image: url(../images/phenotype-green/zzkgl.png);
}

.phenotype-green .cl-dl dt .icon-pjjj {
    background-image: url(../images/phenotype-green/pjjj.png);
}

.phenotype-green .cl-dl dt .icon-nshj {
    background-image: url(../images/phenotype-green/nshj.png);
}

.cl-dl dd {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    margin-left: 16px;
}

.cl-dl dd a {
    display: block;
    padding-left: 8px;
    color: #565656;
}

.cl-dl dd a:hover {
    background-color: #ebebeb;
    color: #2b8ca0;
}

.cl-dl dd a i {
    float: left;
    width: 8px;
    height: 9px;
    margin: 8px 7px 0 0;
    background-repeat: no-repeat;
    background-position: center;
}

.cl-dl dd a .icon-3x-1 {
    background-image: url(../images/icon_3x_1.png);
}

.cl-dl dd a .icon-3x-2 {
    background-image: url(../images/icon_3x_2.png);
}

.cl-dl dd a .icon-3x-3 {
    background-image: url(../images/icon_3x_3.png);
}

.cl-dl dd a .icon-3x-4 {
    background-image: url(../images/icon_3x_4.png);
}

.cl-dl dd a:hover i {
    background-image: url(../images/icon_3x_on.png) !important;
}

.cl-row .cl-dl dd a span {
    color: #e70;
}


/* �ij�����6�� *  */
@media screen and (max-width: 1280px) {
    .cl-dl {
        margin: 10px 5px;
    }

    .quick-panels .panel {
        max-width: 931px;
        padding: 10px;
    }
}

@media screen and (min-width:1281px) and (max-width:1440px) {
    .quick-panels .panel {
        max-width: 990px;
        padding: 10px;
    }
}

@media screen and (min-width:1441px) and (max-width:1920px) {
    .quick-panels .panel {
        max-width: 1010px;
    }
}

#zLeft .left-small,
#zLeft.collapsed .left-big {
    display: none;
}

#zLeft.collapsed .left-small {
    display: block;
}

#zLeft .left-big,
#zLeft .left-small {
    position: absolute;
    top: 0;
    z-index: 19;
    width: 100%;
    height: 100%;
}

#zLeft .left-big {
    left: 0;
}

#zLeft .left-small {
    right: 0;
    width: 32px;
}

#zLeft .left-small .q {
    position: absolute;
    top: 25px;
    right: 0;
    width: 100%;
    height: 30px;
    background: url(../images/icon_search.png) no-repeat center #0099cb;
}

#zLeft .left-switch {
    position: absolute;
    z-index: 1999;
    top: 50%;
    right: -18px;
    width: 35px;
    height: 35px;
    margin-top: -18px;
    background: url(../images/icon_lr.png) no-repeat;
}

#zLeft .dragbar {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    cursor: w-resize;
}

#zLeft.collapsed .dragbar {
    z-index: -1;
}

.left-search {
    position: relative;
    z-index: 9;
    padding: 15px 54px 10px 80px;
    margin-right: 10px;
    font-size: 14px;
    background-color: #353c46;
}

.left-search label {
    float: left;
    width: 75px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin-left: -80px;
    font-weight: bold;
    text-align: right;
}

.left-search .kw {
    width: 100%;
    height: 24px;
    padding: 3px 36px 3px 8px;
    border-radius: 3px;
    background-color: #fff;
}

.left-search .btn-search {
    position: absolute;
    top: 25;
    right: 20px;
    width: 28px;
    height: 20px;
    border-radius: 0 3px 3px 0;
    background-image: url(../images/icon_search.png);
    background-repeat: no-repeat;
    background-position: center;
}

#zLeft .left-switch2 {
    display: block;
    height: 36px;
    overflow: hidden;
    background: url(../images/icon_switch.png) no-repeat center #3e5066;
}

#zLeft.collapsed .left-switch2 {
    background-image: url(../images/icon_switch_on.png);
}

.left-scrollbar {
    height: 100%;
    margin-top: -80px;
}

.left-scrollbar .scrollbar-content {
    margin-top: 80px;
}


#zRTop .path {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin-top: 8px;
    font-size: 14px;
}

#zRTop .path .icon-pos {
    float: left;
    width: 16px;
    height: 20px;
    margin-right: 5px;
    background-image: url(../images/icon_pos.png);
}

#zRTop .path .cp {
    float: left;
    color: #8d8d8d;
}

#zMenu {
    height: 33px;
    padding: 0 10px;
    margin-top: 10px;
    border-bottom: 1px solid #c3c3c3;
    font-size: 14px;
}

#zMenu a {
    float: left;
    width: 140px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 3px 3px 0 0;
    border: 1px solid #c3c3c3;
    text-align: center;
}

#zMenu a.current {
    border-color: #0099cb;
    color: #fff;
    background-color: #0099cb;
    font-weight: bold;
}

#zMenu a i {
    top: 6px;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    background-position: center;
}

@-moz-document url-prefix() {
    #zMenu a i {
        top: 7px;
    }
}

#zMenu a .icon-list {
    background-image: url(../images/icon_list.png);
}

#zMenu a.current .icon-list {
    background-image: url(../images/icon_list_on.png);
}

#zMenu a .icon-info {
    background-image: url(../images/icon_info.png);
}

#zMenu a.current .icon-info {
    background-image: url(../images/icon_info_on.png);
}

#zMenu a .icon-add {
    background-image: url(../images/icon_add.png);
}

.icon-add {
    background-image: url(../images/icon_add.png);
}

#zMenu a.current .icon-add {
    background-image: url(../images/icon_add_on.png);
}

#zPanel {
    margin-top: 10px;
}

.z-block {
    *zoom: 1;
    padding: 10px 0;
}

.z-block:after {
    clear: both;
    display: table;
    content: '';
}

.split10 {
    clear: both;
    height: 10px;
    overflow: hidden;
    margin: 0 -0px;
    background-color: #f8f8f8;
}

.split5 {
    clear: both;
    height: 5px;
    overflow: hidden;
    margin: 0 -0px;
    background-color: #f8f8f8;
}

.split-line {
    clear: both;
    height: 1px;
    overflow: hidden;
    margin: 10px 0;
    background-color: #ddd;
}

.split-heightline {
    clear: both;
    height: 1000px;
    width: 1px;
    overflow: hidden;
    margin: 1px 0;
    background-color: #ddd;
}

.list-actions a,
.material-query .query-actions .btn,
.experiment-template .form-actions .btn {
    float: left;
    margin-right: 5px;
}

.list-actions a .icon-add,
.icon-add {
    background-image: url(../images/icon_act_add.png);
}

.list-actions a .icon-del,
.icon-del {
    background-image: url(../images/icon_act_del.png);
}

.list-actions a .icon-remove,
.material-query .query-actions .btn .icon-clear,
.experiment-template .form-actions .btn .icon-cancel,
.btn .icon-remove,
.btn .icon-clear {
    background-image: url(../images/icon_act_remove.png);
}

.icon-cancel {
    background-image: url(../images/icon_act_remove.png);
}

.list-actions a .icon-grouping,
.icon-grouping {
    background-image: url(../images/icon_act_grouping.png);
}

.list-actions a .icon-in,
.experiment-template .form-actions .btn .icon-submit,
.breeding-experiment .bottom-actions a .icon-back,
.icon-submit,
.icon-in,
.icon-back {
    background-image: url(../images/button/icon-submit.png);
    background-size: 100% 100%;
}

.list-actions a .icon-edit,
.icon-edit {
    background-image: url(../images/button/icon-pencil.png);
    background-size: 100% 100%;
}

.icon-lock {
    background-image: url(../images/icon_lock.png);
}

.icon-unlock {
    background-image: url(../images/icon_unlock.png);
}

.list-actions a .icon-out,
.icon-out {
    background-image: url(../images/button/icon-out.png);
    background-size: 100% 100%;
}

.icon-save,
.list-actions a .icon-save,
.experiment-template .form-actions .btn .icon-save {
    background-image: url(../images/icon_act_save.png);
}

.icon-analysis,
.list-actions a .icon-analysis,
.experiment-template .form-actions .btn .icon-analysis {
    background-image: url(../images/icon_act_analysis.png);
}

.icon-downfile,
.list-actions a .icon-downfile,
.experiment-template .form-actions .btn .icon-downfile {
    background-image: url(../images/icon_act_downfile.png);
}

.icon-process,
.list-actions a .icon-process,
.experiment-template .form-actions .btn .icon-process {
    background-image: url(../images/icon_act_process.png);
}

.icon-beginchoose,
.list-actions a .icon-beginchoose,
.experiment-template .form-actions .btn .icon-beginchoose {
    background-image: url(../images/icon_act_beginchoose.png);
}

.icon-load,
.list-actions a .icon-load,
.experiment-template .form-actions .btn .icon-load {
    background-image: url(../images/icon_act_load.png);
}

.material-query {
    color: #555;
}

.icon-q {
    background-image: url(../images/icon_act_q.png);
}

.icon-xz {
    background-image: url(../images/icon_act_xz.png);
}

.icon-query {
    background-image: url(../images/icon_act_query.png);
}

.icon-user {
    background-image: url(../images/icon_user.png);
}

.list-actions .k-font-icon {
    vertical-align: text-bottom;
}


.material-query .query-actions .btn .icon-q {
    background-image: url(../images/icon_act_q.png);
}

.material-query .query-actions .btn .icon-xz {
    background-image: url(../images/icon_act_xz.png);
}

.material-query .query-actions .btn .icon-query,
.experiment-query .btn-query .icon-query {
    background-image: url(../images/icon_act_query.png);
}

.advanced-query {
    display: none;
}

.advanced-query .query-conditions {
    position: relative;
}

.advanced-query .query-conditions:after {
    content: '';
    position: absolute;
    z-index: 1;
    right: 0;
    top: 8px;
    width: 100%;
    border-top: 1px dashed #c6c6c6;
}

.advanced-query .query-conditions h4 {
    float: left;
    position: relative;
    z-index: 9;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    padding-right: 5px;
    margin-bottom: 10px;
    font-size: 14px;
    background-color: #fff;
}

.advanced-query .condition-holder {
    clear: both;
    *zoom: 1;
}

.advanced-query .condition-holder:after {
    clear: both;
    display: table;
    content: '';
}

.advanced-query .condition-holder .actions {
    float: left;
    margin-right: 10px;
}

.advanced-query .condition-holder .actions .add,
.advanced-query .condition-holder .actions .del {
    float: left;
    width: 21px;
    height: 21px;
    margin-right: 2px;
    background-repeat: no-repeat;
    background-position: center;
}

.advanced-query .condition-holder .actions .add {
    background-image: url(../images/icon_cond_add.png);
}

.advanced-query .condition-holder .actions .del {
    background-image: url(../images/icon_cond_del.png);
}

.advanced-query .condition-holder .cond-group {
    height: 21px;
    margin-bottom: 10px;
}

.advanced-query .condition-holder .cond-item {
    float: left;
}

.material-query select,
.material-query .ipt {
    float: left;
    margin-right: 4px;
    border: 1px solid #c3c3c3;
    color: #555;
}

.material-query select {
    width: 86px;
    height: 25px;
}

.material-query .s1 {
    width: 52px;
}

.material-query .ipt {
    width: 106px;
    height: 23px;
    padding: 0 4px;
}

.basic-query .material-name,
.basic-query .query-conditions,
.basic-query .query-actions {
    float: left;
    margin-bottom: 10px;
}

.basic-query .material-name {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    margin-right: 8px;
    font-size: 14px;
    font-weight: bold;
}

.basic-query .material-name .s {
    color: #555;
}

.material-query .selected-conditions {
    border: 1px solid #e1e1e1;
    background-color: #f0f0f0;
}

.material-query .selected-conditions dl {
    padding: 8px 10px 3px 80px;
}

.material-query .selected-conditions dt {
    float: left;
    width: 80px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    margin-left: -80px;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
}

.material-query .selected-conditions .cond-item {
    float: left;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 4px 0 6px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #bfbfbf;
    background-color: #fff;
    cursor: pointer;
}

.material-query .selected-conditions .cond-item .close {
    float: right;
    width: 16px;
    height: 16px;
    margin: 2px 0 0 15px;
    background: url(../images/icon_x.png) no-repeat center;
}

.material-query .selected-conditions .cond-item:hover {
    border-color: #ed9901;
    color: #ed9901;
}

.material-query .selected-conditions .cond-item:hover .close {
    background-image: url(../images/icon_x_on.png);
}

.material-grid {
    height: 356px;
    overflow: auto;
}

.experiment-template {
    color: #777;
}

.experiment-template .form-item {
    *zoom: 1;
    margin-bottom: 15px;
}

.experiment-template .form-item:after {
    clear: both;
    display: table;
    content: '';
}

.experiment-template .form-item .data-wrap {
    float: left;
    margin-left: 5px;
    margin-right: 30px;
    position: relative;
}

.experiment-template .form-item label,
.experiment-template .form-item .ipt,
.experiment-template .form-item select,
.experiment-template .form-item .radio,
.experiment-template .form-item .slab,
.experiment-template .form-item .conn,
.experiment-list li label,
.experiment-list li .ipt {
    float: left;
}

.experiment-template .form-item label,
.experiment-template .form-item .slab,
.experiment-template .form-item .conn {
    height: 21px;
    line-height: 21px;
    overflow: hidden;
}

.experiment-template .form-item .lab,
.experiment-template .form-item .conn,
.experiment-list li label {
    font-size: 14px;
}

.experiment-template .form-item .lab,
.experiment-list li label {
    font-weight: bold;
    color: #555;
}

.experiment-template .form-item .lab em,
.experiment-list li label em {
    color: #dd0024;
}

.experiment-template .form-item .ipt,
.experiment-template .form-item select,
.experiment-template .form-item textarea,
.experiment-list li .ipt {
    border: 1px solid #c3c3c3;
    color: #555;
}

.experiment-template .form-item .ipt,
.experiment-list li .ipt {
    width: 106px;
    height: 19px;
    padding: 0 4px;
}

.experiment-template .form-item select {
    width: 116px;
}

.experiment-template .form-item .radio {
    margin-right: 20px;
}

.experiment-template .form-item .radio input {
    float: left;
    margin: 4px 2px 0 0;
}

.experiment-template .form-item .p {
    width: 70px;
}

.experiment-template .form-item .conn {
    margin: 0 5px;
}

.experiment-template .form-item .sl {
    font-size: 10px;
}

.experiment-template .form-item .desc {
    width: 577px;
    height: 50px;
    line-height: 20px;
    margin-top: 8px;
    padding: 4px 8px;
}

.experiment-template .form-actions .btn .icon-load {
    background-image: url(../images/icon_act_load.png);
}

.experiment-set {
    position: relative;
    width: 1000px;
    padding: 29px 19px;
    margin-top: 30px;
    border: 1px solid #0099cb;
}

.experiment-set h4 {
    position: absolute;
    left: 12px;
    top: -12px;
    float: left;
    height: 24px;
    line-height: 24px;
    padding: 0 7px;
    overflow: hidden;
    font-size: 16px;
    color: #0099cb;
    background-color: #fff;
}

.experiment-list li {
    height: 30px;
    overflow: hidden;
    margin-top: 15px;
}

.experiment-list li:first-child {
    margin-top: 0;
}

.experiment-list li label {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}

.experiment-list li .ipt {
    width: 224px;
    height: 23px;
}

.experiment-add {
    padding-top: 5px;
}

.experiment-add .experiment-info {
    font-size: 14px;
}

.experiment-add .experiment-info span {
    float: left;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}

.experiment-add .experiment-info .k {
    font-weight: bold;
    color: #555;
}

.experiment-add .experiment-info .v {
    margin-right: 70px;
    border-bottom: 1px solid #bcbcbc;
    color: #444;
}

.experiment-query {
    padding: 6px 8px;
    margin-top: 15px;
    border: 1px solid #e1e1e1;
    background-color: #f0f0f0;
}

.basicquery {
    padding: 16px 20px;
    margin-top: 5px;
    margin-bottom: 15px;
    border: 1px solid #e1e1e1;
    background-color: #f0f0f0;
}

.experiment-query .data-wrap,
.experiment-query label,
.experiment-query .ipt,
.experiment-query select,
.experiment-query .conn {
    float: left;
}

.experiment-query .data-wrap {
    margin-right: 20px;
}

.experiment-query label,
.experiment-query .conn {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}

.experiment-query label {
    font-size: 14px;
    font-weight: bold;
    color: #555;
}

.experiment-query .ipt,
.experiment-query select {
    border: 1px solid #c3c3c3;
}

.experiment-query .ipt {
    width: 105px;
    height: 23px;
    padding: 0 4px;
}

.experiment-query select {
    width: 115px;
    height: 25px;
    color: #555;
}

.experiment-query .conn {
    margin: 0 8px;
}

.experiment-query .btn-query {
    float: left;
    margin-left: -8px;
}

.k-grid table {
    table-layout: auto;
}

.k-grid th,
.k-grid td {
    height: 20px;
    padding: 5px;
}

.k-grid td {
    border-top: 1px solid #e7e7e7;
}

.k-grid tbody tr:first-child td {
    border-top: 0 none;
}

.k-header,
.k-grid-header {
    background: #eae8e8;
}

.k-grid-header th.k-header {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #555;
}

.k-grid td {
    text-align: center;
}

.k-pager-wrap {
    background: #d8d8d8;
    color: #565656;
}

.k-pager-wrap>.k-link {
    min-width: 0;
    width: 24px;
    height: 24px;
    border: 0 none;
}

.k-pager-wrap>.k-link:hover {
    background: none;
}

.k-pager-input input.k-textbox {
    float: left;
    height: 24px;
    color: #565656;
}

.k-pager-input input.k-textbox:focus {
    box-shadow: none;
}

.k-pager-sizes {
    float: left;
    height: 24px;
    padding-top: 0;
}

.k-pager-input,
.k-pager-sizes {
    padding: 0 10px;
}

.k-pager-sizes .k-widget.k-dropdown {
    float: left;
    margin-top: 0;
}

.k-dropdown-wrap.k-state-default {
    background: #fff;
}

.k-dropdown .k-input {
    color: #565656;
}

.k-dropdown-wrap .k-input {
    height: 22px;
    line-height: 22px;
    padding: 0;
}

.k-dropdown .k-icon {
    position: relative;
    top: 3px;
    vertical-align: top;
}

.k-dropdown .k-icon.k-i-arrow-s {
    top: 0px;
}

.k-dropdown-wrap.k-state-focused,
.k-dropdown-wrap.k-state-active,
.k-popup.k-list-container {
    box-shadow: none;
}

.k-list>.k-state-selected {
    background: #0099cb;
    border-color: #0099cb;
}

.k-popup .k-list .k-state-hover,
.k-popup .k-list .k-state-hover:hover,
.k-list>.k-state-selected:hover {
    background: #fdfdfd;
    border-color: #b6b6b6;
}



.w30 {
    width: 30px;
}

#materialTable .oper {
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    margin: 0 3px;
    border: 1px solid #73939a;
    border-radius: 15px;
    color: #7391a0;
}

.oper {
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    margin: 0 3px;
    border: 1px solid #73939a;
    border-radius: 15px;
    color: #7391a0;
}

#materialTable .oper:hover {
    border-color: #0099cb;
    background-color: #0099cb;
    color: #fff;
}

tr.k-alt .oper {
    background-color: rgb(213, 213, 213);
}

.oper:hover {
    border-color: #0099cb;
    background-color: #0099cb;
    color: #fff;
}

.z-table .selected {
    background-color: #f0fbff !important;
}

.z-table .selected td {
    position: relative;
}

.z-table .selected td:first-child:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #5bc4e7;
}

.z-table .check-all,
.z-table .check {
    position: relative;
    top: 2px;
}

.breeding-experiment {
    margin-top: 20px;
}

.breeding-experiment .be-left,
.breeding-experiment .be-right {
    float: left;
}

.breeding-experiment .be-left {
    width: 50%;
}

.breeding-experiment .be-right {
    width: 50%;
}

.breeding-experiment .be-inner {
    position: relative;
    padding-right: 125px;
}

.breeding-experiment .actions {
    position: absolute;
    top: 200px;
    right: 20px;
}

.breeding-experiment .actions a {
    display: block;
    margin-bottom: 10px;
}

.breeding-experiment .actions a .icon-right {
    background-image: url(../images/icon_act_right.png);
}

.breeding-experiment .actions a .icon-left {
    background-image: url(../images/icon_act_left.png);
}

.breeding-experiment .actions a .icon-up {
    background-image: url(../images/icon_act_up.png);
}

.breeding-experiment .actions a .icon-down {
    background-image: url(../images/icon_act_down.png);
}

.breeding-experiment .actions select {
    width: 100%;
    height: 25px;
    border: 1px solid #c3c3c3;
    color: #777;
}

.breeding-experiment .bottom-actions {
    margin-top: 20px;
}

.breeding-experiment .bottom-actions a {
    float: left;
    margin-right: 10px;
}

.breeding-experiment .bottom-actions a .icon-reset {
    background-image: url(../images/icon_act_reset.png);
}

.breeding-experiment .bottom-actions a .icon-next {
    background-image: url(../images/icon_act_next.png);
}

.popup-menu {
    position: absolute;
    z-index: 19999;
    width: 85px;
    overflow: hidden;
    border-radius: 2px;
    background-color: #637180;
    box-shadow: 0 0 5px rgba(12, 3, 7, 0.4);
}

.popup-menu a {
    display: block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding-left: 36px;
    border-top: 1px solid #748394;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 15px center;
}

.popup-menu a:first-child {
    border-top: 0 none;
}

.popup-menu a:hover {
    background-color: #415461;
}

.popup-menu .add {
    background-image: url(../images/icon_menu_add.png);
}

.add {
    background-image: url(../images/icon_menu_add.png);
}

.popup-menu .edit {
    background-image: url(../images/icon_menu_edit.png);
}

.edit {
    background-image: url(../images/icon_menu_edit.png);
}

.popup-menu .del {
    background-image: url(../images/icon_menu_del.png);
}

.del {
    background-image: url(../images/icon_menu_del.png);
}

.popup-menu .clear {
    background-image: url(../images/icon_menu_clear.png);
}

.clear {
    background-image: url(../images/icon_menu_clear.png);
}

.popup-menu .copy {
    background-image: url(../images/icon_menu_copy.png);
}

.copy {
    background-image: url(../images/icon_menu_copy.png);
}

.popup-menu .move {
    background-image: url(../images/icon_menu_move.png);
}

.move {
    background-image: url(../images/icon_menu_move.png);
}

.table {
    border: 1px solid #d3d3d3;
    text-align: center;
}

.table th,
.table td {
    height: 20px;
    padding: 5px;
    border-left: 1px solid #d3d3d3;
}

.table th {
    font-size: 14px;
    font-weight: bold;
    color: #555;
    border-bottom: 1px solid #d3d3d3;
}

.table td {
    border-bottom: 1px solid #e7e7e7;
}

.table thead tr {
    background-color: #e3f2f7;
}

.table thead tr th:first-child,
.table tbody tr td:first-child {
    border-left: 0 none;
}

.table tbody tr:nth-of-type(even) {
    background-color: #f2f2f2;
}

.table tbody tr.k-state-selected:nth-of-type(even) {
    background-color: #f35800;
}

.table .chk {
    width: 30px;
}

.em-table {
    height: 496px;
}

.side-menu li {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}

.side-menu li a {
    position: relative;
    display: block;
    padding-left: 60px;
    color: #c3c4c6;
}

.side-menu li a i {
    position: absolute;
    left: 20px;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background-position: center;
    background-repeat: no-repeat;
}

.side-menu li a .icon-sxf {
    background-image: url(../images/icon_side_menu_sxf.png);
}

.side-menu li a .icon-dbf {
    background-image: url(../images/icon_side_menu_dbf.png);
}

.side-menu li a .icon-jbf {
    background-image: url(../images/icon_side_menu_jbf.png);
}

.side-menu li a .icon-dyssjqz {
    background-image: url(../images/icon_side_menu_dyssjqz.png);
}

.side-menu li a .icon-dyswqsj {
    background-image: url(../images/icon_side_menu_dyswqsj.png);
}

.side-menu li a .icon-ldf {
    background-image: url(../images/icon_side_menu_ldf.png);
}

.side-menu li a .icon-lq {
    background-image: url(../images/icon_side_menu_lq.png);
}

.side-menu li a .icon-tq {
    background-image: url(../images/icon_side_menu_tq.png);
}

.side-menu li a .icon-eyssjqz {
    background-image: url(../images/icon_side_menu_eyssjqz.png);
}

.side-menu li a .icon-yndd {
    background-image: url(../images/icon_side_menu_yndd.png);
}

.side-menu li a .icon-dndd {
    background-image: url(../images/icon_side_menu_dndd.png);
}

.side-menu li a .icon-lxpzpj {
    background-image: url(../images/icon_side_menu_lxpzpj.png);
}

.side-menu li a .icon-xzglfx {
    background-image: url(../images/icon_side_menu_xzglfx.png);
}

.side-menu li.selected {
    background-color: #0099cb;
}

.side-menu li:hover {
    background-color: #3c4652;
}

.side-menu li.selected a {
    color: #fff;
}

.side-menu li.selected a .icon-sxf {
    background-image: url(../images/icon_side_menu_sxf_on.png);
}

.side-menu li.selected a .icon-dbf {
    background-image: url(../images/icon_side_menu_dbf_on.png);
}

.side-menu li.selected a .icon-jbf {
    background-image: url(../images/icon_side_menu_jbf_on.png);
}

.side-menu li.selected a .icon-dyssjqz {
    background-image: url(../images/icon_side_menu_dyssjqz_on.png);
}

.side-menu li.selected a .icon-dyswqsj {
    background-image: url(../images/icon_side_menu_dyswqsj_on.png);
}

.side-menu li.selected a .icon-ldf {
    background-image: url(../images/icon_side_menu_ldf_on.png);
}

.side-menu li.selected a .icon-lq {
    background-image: url(../images/icon_side_menu_lq_on.png);
}

.side-menu li.selected a .icon-tq {
    background-image: url(../images/icon_side_menu_tq_on.png);
}

.side-menu li.selected a .icon-eyssjqz {
    background-image: url(../images/icon_side_menu_eyssjqz_on.png);
}

.side-menu li.selected a .icon-yndd {
    background-image: url(../images/icon_side_menu_yndd_on.png);
}

.side-menu li.selected a .icon-dndd {
    background-image: url(../images/icon_side_menu_dndd_on.png);
}

.side-menu li.selected a .icon-lxpzpj {
    background-image: url(../images/icon_side_menu_lxpzpj_on.png);
}

.side-menu li.selected a .icon-xzglfx {
    background-image: url(../images/icon_side_menu_xzglfx_on.png);
}


.phenotype-green  .side-menu li a .icon-sxf {
    background-image: url(../images/phenotype-green/icon_side_menu_sxf.png);
}

.phenotype-green  .side-menu li a .icon-dbf {
    background-image: url(../images/phenotype-green/icon_side_menu_dbf.png);
}

.phenotype-green  .side-menu li a .icon-jbf {
    background-image: url(../images/phenotype-green/icon_side_menu_jbf.png);
}

.phenotype-green  .side-menu li a .icon-dyssjqz {
    background-image: url(../images/phenotype-green/icon_side_menu_dyssjqz.png);
}

.phenotype-green  .side-menu li a .icon-dyswqsj {
    background-image: url(../images/phenotype-green/icon_side_menu_dyswqsj.png);
}

.phenotype-green  .side-menu li a .icon-ldf {
    background-image: url(../images/phenotype-green/icon_side_menu_ldf.png);
}

.phenotype-green  .side-menu li a .icon-lq {
    background-image: url(../images/phenotype-green/icon_side_menu_lq.png);
}

.phenotype-green  .side-menu li a .icon-tq {
    background-image: url(../images/phenotype-green/icon_side_menu_tq.png);
}

.phenotype-green  .side-menu li a .icon-eyssjqz {
    background-image: url(../images/phenotype-green/icon_side_menu_eyssjqz.png);
}

.phenotype-green  .side-menu li a .icon-yndd {
    background-image: url(../images/phenotype-green/icon_side_menu_yndd.png);
}

.phenotype-green  .side-menu li a .icon-dndd {
    background-image: url(../images/phenotype-green/icon_side_menu_dndd.png);
}

.phenotype-green  .side-menu li a .icon-lxpzpj {
    background-image: url(../images/phenotype-green/icon_side_menu_lxpzpj.png);
}

.phenotype-green  .side-menu li a .icon-xzglfx {
    background-image: url(../images/phenotype-green/icon_side_menu_xzglfx.png);
}

.phenotype-green  .side-menu li.selected a .icon-sxf {
    background-image: url(../images/icon_side_menu_sxf_on.png);
}

.phenotype-green  .side-menu li.selected a .icon-dbf {
    background-image: url(../images/icon_side_menu_dbf_on.png);
}

.phenotype-green  .side-menu li.selected a .icon-jbf {
    background-image: url(../images/icon_side_menu_jbf_on.png);
}

.phenotype-green  .side-menu li.selected a .icon-dyssjqz {
    background-image: url(../images/icon_side_menu_dyssjqz_on.png);
}

.phenotype-green  .side-menu li.selected a .icon-dyswqsj {
    background-image: url(../images/icon_side_menu_dyswqsj_on.png);
}

.phenotype-green  .side-menu li.selected a .icon-ldf {
    background-image: url(../images/icon_side_menu_ldf_on.png);
}

.phenotype-green  .side-menu li.selected a .icon-lq {
    background-image: url(../images/icon_side_menu_lq_on.png);
}

.phenotype-green  .side-menu li.selected a .icon-tq {
    background-image: url(../images/icon_side_menu_tq_on.png);
}

.phenotype-green  .side-menu li.selected a .icon-eyssjqz {
    background-image: url(../images/icon_side_menu_eyssjqz_on.png);
}

.phenotype-green  .side-menu li.selected a .icon-yndd {
    background-image: url(../images/icon_side_menu_yndd_on.png);
}

.phenotype-green  .side-menu li.selected a .icon-dndd {
    background-image: url(../images/icon_side_menu_dndd_on.png);
}

.phenotype-green  .side-menu li.selected a .icon-lxpzpj {
    background-image: url(../images/icon_side_menu_lxpzpj_on.png);
}

.phenotype-green  .side-menu li.selected a .icon-xzglfx {
    background-image: url(../images/icon_side_menu_xzglfx_on.png);
}


.menu-accordion {
    min-width: 260px;
}

.menu-accordion .accordion-header {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    background-color: #2c3139;
    cursor: pointer;
}

.menu-accordion .accordion-header h4 {
    padding-left: 50px;
    font-weight: normal;
    background: url(../images/icon_side_menu_triangle.png) no-repeat 24px center;
}

.menu-accordion.accordion-close .accordion-header h4 {
    background-image: url(../images/icon_side_menu_triangle_on.png);
    background-position: 26px center;
}

#zLeft.collapsed .menu-accordion .accordion-header h4 {
    text-indent: 10px;
}

.accordion-wrap,
.accordion,
.accordion .accordion-content {
    overflow: hidden;
}

/*seed input style by zhangyf*/
.columnName {
    font-weight: bold;
    color: #555;
    font-size: 14px;
}

.redstar {
    color: #f00
}

/*multiSelect height style by liuzq*/
.multiSelectHeight {
    overflow: auto;
    max-height: 60px;
}

/*multiSelect height style by liuzq*/
.multiSelectHeight2 {
    overflow: auto;
    max-height: 30px;
}

.k-widget.widget2018.multiSelectHeight {
    max-height: 60px;
    overflow-y: auto;
}

.k-widget.widget2018.multiSelectHeight::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: rgb(245 245 245);
}

.k-widget.widget2018.multiSelectHeight::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgb(198 198 198);
}

.planting {
    margin-top: 20px;
}

.planting .be-left,
.planting .be-right {
    float: left;
}

.planting .be-left {
    width: 63%;
}

.planting .be-right {
    width: 37%;
}

.planting .be-left .be-inner {
    position: relative;
    padding-right: 150px;
}

.planting .actions {
    position: absolute;
    top: 100px;
    right: 10px;
}

.planting .actions a {
    display: block;
    margin-bottom: 10px;
}

.planting .actions a .icon-right {
    background-image: url(../images/icon_act_right.png);
}

.planting .actions a .icon-left {
    background-image: url(../images/icon_act_left.png);
}

.planting .actions a .icon-up {
    background-image: url(../images/icon_act_up.png);
}

.planting .actions a .icon-down {
    background-image: url(../images/icon_act_down.png);
}

.planting .actions select {
    width: 100%;
    height: 25px;
    border: 1px solid #c3c3c3;
    color: #777;
}

.planting .bottom-actions {
    margin-top: 20px;
}

.planting .bottom-actions a {
    float: right;
    margin-right: 10px;
}

.planting .bottom-actions a .icon-reset {
    background-image: url(../images/icon_act_reset.png);
}

.planting .bottom-actions a .icon-next {
    background-image: url(../images/icon_act_next.png);
}

/*����readonly����ɫ*/
input[readonly] {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

/*���ݲ鿴�����ֶ���������*/
.k-content.k-state-active iframe {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0px;
}

/*ȥ��spreadsheet����*/
.k-spreadsheet .k-spreadsheet-action-bar {
    display: none !important;
}

/*����ȦȦӦ��ҳ�������ʼ�ձ��־���*/
.k-loading-mask,
.k-loading-image,
.k-loading-text {
    position: fixed !important;
}

.k-loading-mask.k-opaque {
    width: auto !important;
}

.k-tabstrip {
    margin-top: 0px !important;
}

/*����ƶ�ʱ��ֹѡ������*/
.user-select {
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

/*����¼��������ʾ�䵾��13�����ݲ鿴�Dz���ʾ*/
/*IE��֧��DOMNodeInserted�¼�������ʽ�ļ��н�������* */
/* #grid.k-grid-lockedcolumns div.k-grid-content-locked{height:100%  !important;}
#evaluateGrid.k-grid-lockedcolumns div.k-grid-content-locked{height:100%  !important;} */

/*���ܱ���ģ�������б�*/
#boxArea {
    margin-top: 40px;
}

.wordsDetailBox {
    border: 1px solid #e1e1e1;
    margin: 10px 0 20px;
    padding: 20px;
    width: 80%;
    clear: both;
    position: relative;
}

.wordsDetailBox .title {
    position: absolute;
    left: 20px;
    top: -10px;
    letter-spacing: 5px;
    color: #0099cb;
    font-size: 14px;
    font-weight: bold;
    background-color: white;
}

.wordsDetailBox a.searchToggle {
    position: absolute;
    right: 20px;
    top: -5px;
}

.wordsDetailBox>p {
    margin-left: 200px;
}

.wordsDetailBox>p button+button {
    margin-left: 20px;
}

.wordsDetailBox div.addBox {
    border: 1px solid #e1e1e1;
    padding: 20px;
    margin-top: 20px;
}

.wordsDetailBox div span.td {
    width: 32%;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
    margin-right: 8px;
}

.wordsDetailBox div span.td .remove {
    position: absolute;
    top: 50%;
    left: 214px;
    display: inline-block;
    margin-top: -6px;
    border: none;
    outline: 0;
    width: 11px;
    height: 12px;
    background: url(../images/webfed/remove.png) no-repeat center;
}

.wordsDetailBox input.addWordInput {
    width: 210px;
}

/*.wordsDetailBox input[type=text]{margin-right:30px;}*/
#codeGrid table tbody tr td.selectNameRepeat {
    color: red !important;
}

/**调整左侧伸缩按钮-2019 kendoUI版本，新版本不需要，还会影响Grid设置高度*/
/* #zPanel .z-material .z-block.list-wrap #grid .k-grid-content.k-auto-scrollable{height:auto !important;}
#zPanel .z-material .z-block.list-wrap #evaluateGrid .k-grid-content.k-auto-scrollable{height:auto !important;}
#zPanel .z-material .z-block.list-wrap #detailGrid .k-grid-content.k-auto-scrollable{height:auto !important;} */
.footerDiv {
    height: 54px;
    z-index: -1;
}

.tableDetailBox {
    border: 1px solid #e1e1e1;
    margin: 10px 0 20px;
    padding: 20px 20px 30px 20px;
    width: 80%;
    clear: both;
    position: relative;
    float: left;
}

.tableDetailBox .tableUnit {
    position: relative;
    border: 1px solid #e1e1e1;
}

.tableDetailBox a.addNewTable {
    position: absolute;
    bottom: 0px;
    width: 30px;
    height: 30px;
    left: 50%;
    margin-left: -15px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/icon_cond_add.png);
}

.tableDetailBox .title {
    position: absolute;
    left: 20px;
    top: -10px;
    letter-spacing: 5px;
    color: #0099cb;
    font-size: 14px;
    font-weight: bold;
    background-color: white;
}

.tableDetailBox a.searchToggle {
    position: absolute;
    right: 20px;
    top: 0px;
}

.tableDetailBox p.tableLab {
    clear: both;
    margin-top: 30px;
}

.tableDetailBox p.tableLab span.td {
    width: 32%;
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    margin-right: 0;
}

.tableDetailBox p.tableLab span.td input {
    width: 210px;
}

.tableDetailBox .breeding-experiment {
    margin-top: 0px;
}



/**/
.ucas-tooltip-validation {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 9999;
    border-style: solid;
    background-repeat: repeat-x;
    min-width: 20px;
    text-align: center;
    border-radius: 4px;
    position: static;
    display: inline-block;
    border-width: 1px;
    padding: 2px 5px 1px 6px;
    background-image: url('textures/highlight.png');
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .6)), to(rgba(255, 255, 255, .0)));
    background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, .0) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, .0) 100%);
    background-position: 50% 50%;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    border-color: #ffc000;
    background-color: #ffc000;
    color: #000000;
    margin-left: 12px;
}

.ucas-tooltip-validation.c {
    display: none;
}

.ucas-tooltip-validation i {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-align: center;
    -ms-high-contrast-adjust: none;
    background-color: transparent;
    background-image: url(../images/maize/login/warning.png);
    border-color: transparent;
    vertical-align: middle;
}

/*�Զ�����*/
.k-grid-header th.k-header>.k-link {
    overflow: visible !important;
    word-wrap: break-word !important;
    white-space: normal !important;
    word-break: break-all;
    table-layout: fixed !important;
}

/*�Զ�����*/
.k-grid-header th.k-header {
    vertical-align: middle !important;
    height: auto !important;
    table-layout: fixed !important;
    text-align: center !important;
    white-space: normal !important;
}

/*table�ж�������ʡ�Ժ�*/
/*�÷������÷�Χ�㣬������δ�����е������Ҳ�����ʡ�Ժ�*/
#grid .k-grid-content.k-auto-scrollable table tr td p.webfed-ellipsis,
#detailGrid .k-grid-content.k-auto-scrollable table tr td p.webfed-ellipsis,
#evaluateGrid .k-grid-content.k-auto-scrollable table tr td p.webfed-ellipsis {
    position: relative;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
}

#grid .k-grid-content.k-auto-scrollable table tr td p.webfed-ellipsis::after,
#grid .k-grid-content.k-auto-scrollable table tr td p.webfed-ellipsis:after,
#detailGrid .k-grid-content.k-auto-scrollable table tr td p.webfed-ellipsis::after,
#detailGrid .k-grid-content.k-auto-scrollable table tr td p.webfed-ellipsis:after,
#evaluateGrid .k-grid-content.k-auto-scrollable table tr td p.webfed-ellipsis::after,
#evaluateGrid .k-grid-content.k-auto-scrollable table tr td p.webfed-ellipsis:after {
    content: "...";
    position: absolute;
    bottom: 0;
    right: 0;
}

span.gridTooltip {
    cursor: pointer;
}

.k-widget.k-tooltip.k-tooltip-closable .k-tooltip-content {
    margin-top: 15px;
}

/* .z-table.k-grid.k-widget.k-reorderable.k-editable.k-grid-lockedcolumns{height:auto !important;} */



/* --------------------------------  图片对比插件  --------------------------------*  */
#products-comparison {
    /* width:100px; */
}

#products-comparison table {
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent;
}

#products-comparison td,
#products-comparison th {
    padding: 0;
}

#products-comparison caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}

#products-comparison th {
    text-align: left;
}

#products-comparison .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

#products-comparison .table>thead>tr>th,
#products-comparison .table>tbody>tr>th,
#products-comparison .table>tfoot>tr>th,
#products-comparison .table>thead>tr>td,
#products-comparison .table>tbody>tr>td,
#products-comparison .table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

#products-comparison .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

#products-comparison .table>caption+thead>tr:first-child>th,
#products-comparison .table>colgroup+thead>tr:first-child>th,
#products-comparison .table>thead:first-child>tr:first-child>th,
#products-comparison .table>caption+thead>tr:first-child>td,
#products-comparison .table>colgroup+thead>tr:first-child>td,
#products-comparison .table>thead:first-child>tr:first-child>td {
    border-top: 0;
}

#products-comparison .table>tbody+tbody {
    border-top: 2px solid #ddd;
}

#products-comparison table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}

#products-comparison table td[class*="col-"],
#products-comparison table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}

#products-comparison .table tbody tr:nth-of-type(even) {
    background-color: #fff;
}

#products-comparison .table tbody tr td.cd-products-names {
    background-color: #f8f8f8;
    font-size: 14px;
}

#products-comparison .table tbody tr td.top-logo img {
    width: 100%;
    max-width: 100%;
}

#products-comparison .table tbody tr td.top-info {
    font-weight: bold;
    float: none;
}

.cd-products-names {
    width: 100px;
}

/* --------------------------------  性状对比插件  --------------------------------*  */
#records-contrast {}

#records-contrast table {
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent;
}

#records-contrast td,
#records-contrast th {
    padding: 0;
}

#records-contrast caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}

#records-contrast th {
    text-align: left;
}

#records-contrast .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

#records-contrast .table>thead>tr>th,
#records-contrast .table>tbody>tr>th,
#records-contrast .table>tfoot>tr>th,
#records-contrast .table>thead>tr>td,
#records-contrast .table>tbody>tr>td,
#records-contrast .table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

#records-contrast .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

#records-contrast .table>caption+thead>tr:first-child>th,
#records-contrast .table>colgroup+thead>tr:first-child>th,
#records-contrast .table>thead:first-child>tr:first-child>th,
#records-contrast .table>caption+thead>tr:first-child>td,
#records-contrast .table>colgroup+thead>tr:first-child>td,
#records-contrast .table>thead:first-child>tr:first-child>td {
    border-top: 0;
}

#records-contrast .table>tbody+tbody {
    border-top: 2px solid #ddd;
}

#records-contrast table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}

#records-contrast table td[class*="col-"],
#records-contrast table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}

#records-contrast .table tbody tr:nth-of-type(even) {
    background-color: #fff;
}

#records-contrast .table tbody tr td.cd-records-names {
    background-color: #f8f8f8;
    font-size: 14px;
}

#records-contrast .table tbody tr td.top-logo img {
    width: 100%;
    max-width: 100%;
}

#records-contrast .table tbody tr td.top-info {
    font-weight: bold;
    float: none;
}

.cd-records-names {
    width: 100px;
}

/* .tdmouseover{
	background-color:#f8f8f8 !important;
} */

/* --------------------------------  采用1:1方式本生成清单明细！  --------------------------------*  */
#compare-detail-one {
    /* width:100px; */
}

#compare-detail-one table {
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent;
}

#compare-detail-one td,
#compare-detail-one th {
    padding: 0;
}

#compare-detail-one caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}

#compare-detail-one th {
    text-align: left;
}

#compare-detail-one .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

#compare-detail-one .table>thead>tr>th,
#compare-detail-one .table>tbody>tr>th,
#compare-detail-one .table>tfoot>tr>th,
#compare-detail-one .table>thead>tr>td,
#compare-detail-one .table>tbody>tr>td,
#compare-detail-one .table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

#compare-detail-one .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

#compare-detail-one .table>caption+thead>tr:first-child>th,
#compare-detail-one .table>colgroup+thead>tr:first-child>th,
#compare-detail-one .table>thead:first-child>tr:first-child>th,
#compare-detail-one .table>caption+thead>tr:first-child>td,
#compare-detail-one .table>colgroup+thead>tr:first-child>td,
#compare-detail-one .table>thead:first-child>tr:first-child>td {
    border-top: 0;
}

#compare-detail-one .table>tbody+tbody {
    border-top: 2px solid #ddd;
}

#compare-detail-one table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}

#compare-detail-one table td[class*="col-"],
#compare-detail-one table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}

#compare-detail-one .table tbody tr:nth-of-type(even) {
    background-color: #fff;
}

#compare-detail-one .table tbody tr td.cd-products-names {
    background-color: #f8f8f8;
    font-size: 14px;
}

#compare-detail-one .table tbody tr td.top-logo img {
    width: 100%;
    max-width: 100%;
}

#compare-detail-one .table tbody tr td.top-info {
    font-weight: bold;
    float: none;
}

.cd-products-names {
    width: 100px;
}


/* ���ֹ��� > �����嵥 �Զ�����* */
.groupScheme {
    margin-top: 5px;
}

.groupScheme .em-table {
    height: 296px;
}

.groupScheme .trialGroupTable {
    margin-top: 6px;
    margin-bottom: 10px;
    float: left;
    clear: both;
}

.groupScheme .row {
    float: left;
    width: 860px;
    clear: both;
}

.groupScheme .actions {
    padding-left: 50px;
}

.groupScheme .actions a {
    margin: 12px 6px 0 15px;
}

.groupScheme .actions a .icon-right {
    background-image: url(../images/icon_act_right.png);
}

.groupScheme .actions a .icon-left {
    background-image: url(../images/icon_act_left.png);
}

.groupScheme .actions a .icon-up {
    background-image: url(../images/icon_act_up.png);
}

.groupScheme .actions a .icon-down {
    background-image: url(../images/icon_act_down.png);
}

.groupScheme .actions select {
    width: 100%;
    height: 25px;
    border: 1px solid #c3c3c3;
    color: #777;
}

.groupScheme .bottom-actions {
    margin-top: 20px;
}

.groupScheme .bottom-actions a {
    float: right;
    margin-right: 10px;
}

.groupScheme .bottom-actions a .icon-reset {
    background-image: url(../images/icon_act_reset.png);
}

.groupScheme .bottom-actions a .icon-next {
    background-image: url(../images/icon_act_next.png);
}

.groupScheme .data-wrap {
    float: left;
    margin-left: 5px;
    margin-right: 0px;
}

.groupScheme .form-item {
    clear: both;
    padding-top: 15px;
    margin-top: 0px;
}

.groupScheme .form-item label,
.groupScheme .form-item .ipt,
.groupScheme .form-item select,
.groupScheme .form-item .radio,
.groupScheme .form-item .slab,
.groupScheme .form-item .conn {
    float: left;
    margin-top: 5px;
}

.groupScheme .lab label {
    font-weight: bold;
    color: #555;
}

.groupScheme #materialDiv {
    min-height: 30px;
}

.iconbtn-action {
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    color: #fff;
    float: left;
}

.iconbtn-action i {
    top: 6px;
    width: 13px;
    height: 13px;
    margin-right: 0px;
    background-position: center;
}

.iconbtn-action .icon-r {
    margin-left: 4px;
}

/* ��ҳ������������չʾ* */
.top-info {
    float: right;
}

.top-info>li {
    float: left;
    height: 39px;
    line-height: 39px;
    padding: 0 5px;
}

.top-info>li,
.top-info>li>a {
    color: #fff;
}

.top-info>li .icon-n {
    top: 27px;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    background-position: center;
}

.top-info>li .icon-n.fanganshenhe {
    background-image: url(../images/fanganshenhe.png);
}

.top-info>li .icon-n.zhongzibaofei {
    background-image: url(../images/zhongzibaofei.png);
}

.top-info>li .icon-n.zhongzichuku {
    background-image: url(../images/zhongzichuku.png);
}

.top-info>li .icon-n.pinzhongpingjia {
    background-image: url(../images/pinzhongpingjia.png);
}

.top-info>li>a {
    position: relative;
    font-size: 12px;
}

.top-info>li>a>b {
    position: absolute;
    top: -6px;
    left: 8px;
    background-color: transparent;
    border-radius: 16px;
    height: 16px;
    line-height: 16px;
    padding: 0px 5px;
    text-align: center;
    font-size: 10px;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    white-space: nowrap;
}

.top-info>li>a>b.no {
    display: none;
}

#quickChannel {
    position: absolute;
    top: 0px;
    left: 240px;
}

/*@media screen and (min-width:1450px) and (max-width:1496px){
    #quickChannel{left: 240px;}
}
@media screen and (max-width:1449px){
	#quickChannel{left: 188px;}
    .quick-channel .cl {
	    height: 28px;
	    line-height: 28px;
	    overflow: hidden;
	    padding: 0 8px;
	    margin-right: 3px;
	    border: 2px solid #fff;
	    border-radius: 16px;
	    font-size: 13px;
	    color: #fff;
	    cursor: pointer;
	}
}*/

#zLeft #leftSwitch,
#zLeft #leftSwitch2 {
    position: fixed;
    z-index: 1999;
    top: 50%;
    left: 303px;
    width: 35px;
    height: 35px;
    margin-top: -14px;
}

#header .logo {
    margin-top: 5px;
}

#header .logo img {
    height: 48px;
}

.logo {
    margin: 19px 0 0 2px;
}

.logo img {
    height: 37px;
}

.logo.ebreed {
    margin: 17px 0 0 2px;
}

.logo.ebreed img {
    height: 42px;
}

.logo.ibds {
    margin: 17px 0 0 2px;
}

.logo.tianjin img {
    height: 43px;
    position: absolute;
    top: 16px;
    left: 3px;
}

.logo.resource-improve img {
    height: 64px;
    position: absolute;
    top: 4px;
    left: 3px;
}

.logo.lettuce-phenotype img {
    height: 37px;
    position: absolute;
    top: 19px;
    left: 5px;
}

.logo.xizang a {
   position:relative;
   top:-4px;
}
.logo.xizang img {
   height:47px;
}
.logo.icon-phenotype img {
    height: 37px;
    position: absolute;
    top: 19px;
    left: 5px;
}

.logo.corn-phenotype img{
    height: 49px;
    position: absolute;
    top: 7px;
    left: 12px;
}
.logo.lettuce-phenotype img{
    height: 49px;
    position: absolute;
    top: 7px;
    left: 12px;
}
.logo.phenotype img {
    height: 49px;
    position: absolute;
    top: 7px;
    left: 12px;
}

.logo.nanjing-germ {
    margin: 17px 0 0 2px;
}

.logo.nanjing-germ img {
    height: 42px;
}

.logo.jaas {
    margin: 12px 0 0 0px;
}

.logo.jaas img {
    height: 51px;
}

.logo.nanfan {
    margin: 20px 0 0 0px;
}

.logo.nanfan img {
    height: 32px;
}
.ibds .layout img{
    height: 58px;
}
#quickChannel {
    left: 210px;
}

.logo.vegetable {
    margin: 11px 0 0 10px;
}

.logo.vegetable img {
    height: 47px;
}

.logo.yangda {
    margin: 14px 0 0 20px;
}

.logo.yangda img {
    height: 47px;
}

.logo.changjiang {
    margin: 6px 0 0 20px;
}

.logo.changjiang img {
    height: 65px;
}
.logo.nau {
    margin: 8px 0 0 -5px
}

.logo.nau img {
    height: 58px;
}
.logo.ibds img {
    height: 52px;
    position: absolute;
    top: 11px;
    left: 1px;
}
.k-grid tbody tr.k-grid-edit-row td {
    overflow: visible;
}

/* ����checkbox��radio��ʽ* */
/* LiuDongMing 2019-01-18* */
.custom-checkbox,
.custom-radio {
    position: relative;
    display: inline-block;
}

.custom-checkbox input,
.custom-radio input {
    position: absolute;
    left: 2px;
    top: 3px;
    margin: 0;
    z-index: -1;
}

.custom-checkbox label,
.custom-radio label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    color: #555;
    margin-left: 15px;
    vertical-align: middle;
}

.custom-checkbox label i {
    display: inline-block;
    width: 20px;
    height: 24px;
    background: url(../images/web/checkbox/blue.png) no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    margin-right: 6px;
}

.custom-radio label i {
    display: inline-block;
    width: 20px;
    height: 24px;
    background: url(../images/web/checkbox/blue.png) no-repeat;
    background-position: -88px 0;
    vertical-align: middle;
    margin-right: 6px;
}

.custom-checkbox label.checked i {
    background-position: -22px 0;
}

.custom-radio label.checked i {
    background-position: -110px 0;
}

.custom-checkbox label.focus,
.custom-radio label.focus {
    outline: 1px dotted #ccc;
}

/* KendoUI update*/
/* LiuDongMing 2019-01-21* */

.data-wrap .k-widget.k-dropdown.k-header,
.data-wrap .k-widget.k-multiselect.k-header,
.data-wrap .k-widget.k-combobox.k-header {
    position: relative;
}

.data-wrap .k-widget.k-tooltip-validation {
    position: relative;
    right: 0;
    top: 0;
}

span.data-wrap .k-widget.k-tooltip-validation {
    position: absolute;
    right: -69px;
    top: 0;
}


.cl-dl {
    text-align: center;
}

.cl-dl dt,
.cl-dl dd {
    text-align: left;
}

.showMorehandle {
    color: #0099cb;
}

.triangle_up_red,
.triangle_down_red,
.triangle_up_gray,
.triangle_down_gray {
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    margin-right: 4px;
    vertical-align: middle;
    margin-top: 0;
}

.triangle_up_red {
    border-bottom: 4px solid #ca0309;
}

.triangle_down_red {
    border-top: 4px solid #ca0309;
}

.triangle_up_gray {
    border-bottom: 4px solid #c1c1c1;
}

.triangle_down_gray {
    border-top: 4px solid #c1c1c1;
}

/*�������� > �����������ܵ���ͼ�겻�ɵ�* */
#zLeft .left-big,
#zLeft .left-small {
    overflow: hidden;
}

/*���ز�ѯ����* */
a.searchToggle {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding-right: 22px;
    background: url(../images/more.png) no-repeat right;
    cursor: pointer;
}

a.searchToggle.less {
    background: url(../images/less.png) no-repeat center;
}

/** */
.k-grid.k-widget .k-grid-content.k-auto-scrollable table[role="treegrid"] tr.k-detail-row div[data-role="grid"] table[role="grid"] {
    table-layout: auto;
}

/* KendoUI 2018*  */
.k-widget.k-dropdown.k-header.k-textbox {
    border: 0;
}

.k-widget.k-dropdown.k-header.k-textbox .k-icon.k-i-arrow-s {
    top: 12px;
    right: 0px;
}

.data-wrap .widget2018.k-dropdown .k-icon {
    top: 4px;
}

.widget2018 .k-i-arrow-60-down,
.widget2018 .k-i-arrow-60-left,
.widget2018 .k-i-arrow-60-right,
.widget2018 .k-i-arrow-60-up {
    top: -3px;
}

.k-pager-sizes.k-label .widget2018 .k-i-arrow-60-down {
    top: 3px;
}

.k-grid-pager.k-widget.widget2018 .k-icon.k-i-arrow-60-left,
.k-grid-pager.k-widget.widget2018 .k-icon.k-i-arrow-60-right {
    margin-top: 0px;
}


.quick-panels #panel2 {
    width: 330px;
    box-sizing: border-box;
    padding: 20px;
}

#panel2 .cl-dl dd {
    margin-left: 6px;
    overflow: visible;
}

#panel2 .cl-dl {
    /* width: 100%; */
    margin: 0;
}

.quick-panels #panel3 {
    width: 330px;
    box-sizing: border-box;
    padding: 20px;
}

#panel3 .cl-dl dd {
    margin-left: 6px;
    overflow: visible;
}

#panel3 .cl-dl {
    margin: 0;
}

.quick-panels #panel5 {
    width: 604px;
    box-sizing: border-box;
    padding: 10px;
    padding-right: 20px;
}

#panel5 .cl-dl dd {
    margin-left: 6px;
    overflow: visible;
}

#panel5 .cl-dl {
    width: 100%;
    margin: 0;
}


.k-widget.k-tooltip.k-popup.k-group .k-tooltip-content {
    white-space: nowrap;
}


.logo.kenfeng {
    margin: 6px 0 0 0px;
}

.logo.kenfeng img {
    height: 60px;
}

.logo.nanfan {
    margin: 19px 0 0 0px;
}

.logo.nanfan img {
    height: 34px;
}

.logo.hnagri img {
    height: 34px;
}

.logo.bdcsp-csd img {
    height: 30px;
    margin-top: 4px;
    margin-left: -3px;
}

/* .logo.longping{
	margin: 10px 0 0 4px;
}
.logo.longping img{
	height:44px;
} */
.logo.longping {
    margin: 11px 0 0 10px;
}

.logo.longping img {
    height: 47px;
}


.k-grid-header table th .traitExplain {
    position: absolute;
    right: 2px;
    top: 2px;
    display: inline-block;
    z-index: 9999;
    height: 10px;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    color: #ccc;
    background: url(../images/web/quesiton/c06_c.png) no-repeat 0 0px;
    background-size: 10px 10px;
    filter: grayscale(90%);
    -webkit-filter: grayscale(90%);
    -moz-filter: grayscale(90%);
    -ms-filter: grayscale(90%);
    -o-filter: grayscale(90%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=.9);
    opacity: 1;
}

.traitExplain-p {
    text-align: left;
    margin-top: 0;
    padding-top: 0;
}

#Btn_0,
#Btn_f_0 {
    display: none;
}

#op_0.sel_operation {
    display: none;
}

#op_0_f.sel_operation {
    display: none;
}

.addCondition {
    display: none;
}

#addCondition_0,
#addCondition_f_0,
#t_addCondition_0,
#t_addCondition_f_0,
#a_addCondition_0,
#a_addCondition_f_0 {
    display: inline-block;
}

.btn-action i.k-font-icon.k-i-redo-large {
    position: relative;
    top: 3px;
}

#c_Btn_0,
#c_Btn_f_0 {
    display: none;
}

#c_op_0.sel_operation {
    display: none;
}

#c_op_0_f.sel_operation {
    display: none;
}

.c_addCondition {
    display: none;
}

#c_addCondition_0,
#c_addCondition_f_0 {
    display: inline-block;
}

#ce_Btn_0,
#ce_Btn_f_0 {
    display: none;
}

#ce_op_0.sel_operation {
    display: none;
}

#ce_op_0_f.sel_operation {
    display: none;
}

.ce_addCondition {
    display: none;
}

#ce_addCondition_0,
#ce_addCondition_f_0 {
    display: inline-block;
}



/* #grid.k-grid-lockedcolumns div.k-grid-content-locked{height:100%  !important;}
#evaluateGrid.k-grid-lockedcolumns div.k-grid-content-locked{height:100%  !important;}
#antiCKGrid.k-grid-lockedcolumns div.k-grid-content-locked{height:100%  !important;} */

/**调整左侧伸缩按钮-2019 kendoUI版本，新版本不需要，还会影响Grid设置高度*/
/* #zPanel .z-material .z-block.list-wrap #grid .k-grid-content.k-auto-scrollable{height:auto !important;}
#zPanel .z-material .z-block.list-wrap #evaluateGrid .k-grid-content.k-auto-scrollable{height:auto !important;}
#zPanel .z-material .z-block.list-wrap #antiCKGrid .k-grid-content.k-auto-scrollable{height:auto !important;} */

/* k-i-arrow-60-right */
#kendoButtonProcess .k-i-check:before {
    content: "\e005";
}

.color-loading-image {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url('../js/kendoui/styles/web/Default/loading_2x.gif');
    background-position: 50% 50%;
    width: 32px;
    height: 32px;
    margin-left: -16px;
}


.mCustomScrollBox {
    overflow: auto !important;
}

.mCustomScrollBox::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: rgb(245 245 245);
}

.mCustomScrollBox::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgb(198 198 198);
}

.mCSB_container_wrapper {
    overflow: initial !important;
}

#zLeft .left-big,
#zLeft .left-small {
    min-height: 100vh !important;
}

.mCSB_container_wrapper {
    margin-right: 2px;
}

.custom-tooltip {
    position: relative;
}

/* .custom-tooltip::after {
    content: attr(myTitle); 
    position: absolute; 
    top: -33px; 
    left: 50%; 
    transform: translateX(-50%); 
	padding-left: 8px;
    background-color: #333; 
    color: white; 
    border-radius: 4px; 
    font-size: 12px; 
} */
.custom-tooltip::after {
    content: attr(myTitle);
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 4px;
    padding-right: 4px;
    background-color: #eae8e8;
    color: #313131;
    border: 1px solid #c5c5c5;
    border-radius: 2px;
    font-size: 12px;
    z-index: 999999;
}

.k-tabstrip .k-content.k-state-active {
    overflow: visible !important;
}

.panel .k-tabstrip {
    margin-top: 10px;
    border: 0 none;
    background-color: transparent;
    color: #333;
}

.panel .k-tabstrip:focus {
    box-shadow: none;
}

.panel .k-tabstrip-items {
    padding: 0;
    font-size: 14px;
    border-bottom: 1px solid #c3c3c3;
}

.panel .k-tabstrip-items .k-item {
    margin-left: 10px !important;
    border-radius: 3px 3px 0 0;
    background: none;
    text-align: center;
}

.panel .k-tabstrip-items .k-state-default {
    border-color: #c3c3c3;
}

.panel .k-tabstrip-items .k-loading {
    display: none;
}

.panel .k-tabstrip-items .k-link {
    display: block;
    width: 140px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    padding: 0;
    border-radius: 0;
}

.panel .k-tabstrip-items .k-link .k-sprite {
    position: relative;
    top: 4px;
    width: 24px;
    height: 24px;
    margin: 0 3px 0 0;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: top;
}

.panel .k-tabstrip-items .k-link .icon-list {
    background-image: url(../images/icon_list.png);
}

.panel .k-tabstrip-items .k-state-active .k-link .icon-list {
    background-image: url(../images/icon_list_on.png);
}

.panel .k-tabstrip-items .k-link .icon-info {
    background-image: url(../images/icon_info.png);
}

.panel .k-tabstrip-items .k-state-active .k-link .icon-info {
    background-image: url(../images/icon_info_on.png);
}

.panel .k-tabstrip-items .k-link .icon-add {
    background-image: url(../images/icon_add.png);
}

.panel .k-tabstrip-items .k-state-active .k-link .icon-add {
    background-image: url(../images/icon_add_on.png);
}

.panel .k-tabstrip-items .k-state-active {
    border-color: #0099cb;
    background-color: #0099cb;
    font-weight: bold;
}

.panel .k-tabstrip-items .k-state-active .k-link {
    color: #fff;
}

.panel .k-tabstrip>.k-content {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.command-button .k-grid-content .k-command-cell .k-button {
    min-width: auto;
    border-color: #73939a;
}

.command-button .k-grid-content .k-command-cell .k-button.oper {
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    margin: 0 3px;
    border: 1px solid #73939a;
    border-radius: 15px;
    color: #7391a0;
    border: 0 none;
}

tr.k-alt .oper {
    background-color: rgb(213, 213, 213);
}

.command-button .k-grid-content .k-command-cell .k-button.oper:hover {
    border-color: #0099cb;
    background-color: #0099cb;
    color: #fff;
}

.command-button .k-grid-content .k-command-cell .k-button .k-icon {
    display: none;
}


body.zentao-blue {
    font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, 'PingFang SC', 'Source Han Sans CN', 'Source Han Sans', 'Source Han Serif', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft YaHei', sans-serif;
}

.zentao-blue #zTop {
    color: #fff;
    background: #3785ff;
    border-top-color: #2e7fff;
    border-bottom-color: #e6f0ff;
}

.zentao-blue #zTop .cl-dl dt {
    color: #565656;
}

.zentao-blue .side-menu li.selected {
    background-color: #3785ff;
}

.zentao-blue #zLeft {
    background-color: #415a72;
}

.zentao-blue .menu-accordion .accordion-header {
    background-color: #415a72;
}

.zentao-blue .top-nav>li {
    border-left: 1px solid rgba(255, 255, 255, .4);
}

.zentao-blue #zMenu a.current {
    border-color: #3785ff;
    color: #fff;
    background-color: #3785ff;
    font-weight: bold;
}

.zentao-blue .btn-default {
    background-color: #3785ff;
}

.zentao-blue .mCSB_container_wrapper>.mCSB_container {
    background: transparent;
}

.zentao-blue .left-search {
    background-color: #415a72;
}

.zentao-blue .ztree-wrap {
    background-color: #415a72;
}

.zentao-blue .ztree-wrap .ztree {
    background: none;
}

.zentao-blue .ztree-wrap .ztree li {
    background: none;
}

.zentao-blue .ztree-wrap .ztree>li ul,
.zentao-blue .ztree-wrap .ztree li ul.line {
    background: none;
}

.zentao-blue .experiment-set {
    border: 1px solid #3785ff;
}

.zentao-blue .experiment-set h4 {
    color: #3785ff;
}

.zentao-blue .showMorehandle {
    color: #3785ff;
}

.zentao-blue .basic-query .material-name .s {
    color: #313c52;
}

.zentao-blue .panel .k-tabstrip-items .k-state-active {
    background-color: #3785ff;
}

.zentao-blue .k-panelbar .k-tabstrip-items .k-state-active {
    background-color: #fff !important;
}

.zentao-blue a.searchToggle {
    background: url(../images/zentao-blue/more.png) no-repeat right;
}

.zentao-blue a.searchToggle.less {
    background: url(../images/zentao-blue/less.png) no-repeat center;
}

.zentao-blue .switch-crop .crops li:hover,
.zentao-blue .switch-crop .crops .selected {
    border-color: #3785ff;
    background-color: #3785ff;
}

.zentao-blue .top-nav>li:hover {
    background-color: #3785ff;
}

.zentao-blue .switch-open3.switch-theme .switch-hd3 {
    background-color: #3785ff !important;
}

body.phenotype-green {
    font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, 'PingFang SC', 'Source Han Sans CN', 'Source Han Sans', 'Source Han Serif', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft YaHei', sans-serif;
}

.phenotype-green #zTop {
    color: #fff;
    background: #268a66;
    border-top-color: #2e7fff;
    border-bottom-color: #e6f0ff;
}

.phenotype-green #zTop .cl-dl dt {
    color: #565656;
}

.phenotype-green .side-menu li.selected {
    background-color: #268a66;
}

.phenotype-green #zLeft {
    background-color: #415a72;
}

.phenotype-green .menu-accordion .accordion-header {
    background-color: #415a72;
}

.phenotype-green .top-nav>li {
    border-left: 1px solid rgba(255, 255, 255, .4);
}

.phenotype-green #zMenu a.current {
    border-color: #268a66;
    color: #fff;
    background-color: #268a66;
    font-weight: bold;
}

.phenotype-green .btn-default {
    background-color: #268a66;
}

.phenotype-green .mCSB_container_wrapper>.mCSB_container {
    background: transparent;
}

.phenotype-green .left-search {
    background-color: #415a72;
}

.phenotype-green .ztree-wrap {
    background-color: #415a72;
}

.phenotype-green .ztree-wrap .ztree {
    background: none;
}

.phenotype-green .ztree-wrap .ztree li {
    background: none;
}

.phenotype-green .ztree-wrap .ztree>li ul,
.phenotype-green .ztree-wrap .ztree li ul.line {
    background: none;
}

.phenotype-green .experiment-set {
    border: 1px solid #268a66;
}

.phenotype-green .experiment-set h4 {
    color: #268a66;
}

.phenotype-green .showMorehandle {
    color: #268a66;
}

.phenotype-green .basic-query .material-name .s {
    color: #313c52;
}

.phenotype-green .panel .k-tabstrip-items .k-state-active {
    background-color: #268a66;
}

.phenotype-green .k-panelbar .k-tabstrip-items .k-state-active {
    background-color: #fff !important;
}

.phenotype-green a.searchToggle {
    background: url(../images/phenotype-green/more.png) no-repeat right;
}

.phenotype-green a.searchToggle.less {
    background: url(../images/phenotype-green/less.png) no-repeat right;
}

.phenotype-green .switch-crop .crops li:hover,
.phenotype-green .switch-crop .crops .selected {
    border-color: #268a66;
    background-color: #268a66;
}

.phenotype-green .top-nav>li:hover {
    background-color: #268a66;
}

.phenotype-green .switch-open3.switch-theme .switch-hd3 {
    background-color: #268a66 !important;
}
.phenotype-green .jzz-box .box-hd .hwrap .s{
    background-color: #268a66;
}
.phenotype-green .jzz-box .box-hd .hwrap .hgroup h3{
    color: #268a66;
}
.phenotype-green #quickPanels #panel6 #user-admin a{
    color: #268a66;
}
.phenotype-green #quickPanels #panel6 .switch-crop .crops li:hover,
.phenotype-green #quickPanels #panel6 .switch-theme .themes li:hover,
.phenotype-green #quickPanels #panel6 .switch-help .helps li:hover,
.phenotype-green #quickPanels #panel6 .switch-userGroup .userGroups li:hover {
    border-color: #268a66;
    background-color: #268a66;
}

.k-widget.k-widget-2021 .k-panelbar .k-tabstrip-items .k-icon,
.k-widget.k-widget-2021 .k-tabstrip-items .k-icon {
    margin: 8px 4px 0 0px !important;
    /* margin: -1px 4px 0 4px; */
}


#clientWindow a,
#clientWindow .flex-sc {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

#clientWindow .flex-sc {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

#clientWindow .flex-sc.detail-star {
    display: none;
}

#clientWindow .ml-17 {
    margin-left: 17px
}

.detail-header-top {
    -ms-flex-pack: justify;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 7px 12px 0 rgba(34, 176, 182, .05);
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0px;
    min-height: 268px;
    padding: 45px 60px 40px 55px;
    position: relative;
    width: 950px;
    padding: 7px;

}

.detail-header-left {
    -ms-flex-pack: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.detail-logo img {
    border: .5px solid #ccc;
    border-radius: 14px;
    height: 102px;
    width: 102px
}

.detail-header-left-bottom {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    padding-top: 20px
}

.detail-header-left-top .detail-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 21px;
    box-sizing: inherit;
}

.detail-header-left-top .detail-name {
    color: #000;
    font-family: Microsoft YaHei;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    max-width: 300px
}

.detail-header-left-top .soft-rank {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 26px;
    justify-content: flex-start;
    line-height: 26px
}

.start-contain {
    position: relative;
    width: 128px
}

.rank-active {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 84%
}

.detail-header-left-top .rank-star {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.detail-header-left-top .soft-rank .rank-num {
    color: #00be63;
    font-family: Microsoft YaHei;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 26px;
    text-align: left
}

.detail-header-left-top .soft-rank .rank-num .score-desc {
    color: #00be63;
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    text-align: left
}

.detail-header-left-top .soft-rank .rank-user {
    color: #d4d3d1;
    font-family: Microsoft YaHei;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 26px;
    text-align: left
}

.detail-header-left-top .soft-name-tag {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 42px
}

.detail-header-left-top .search-tags-item {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f6f6f6;
    border-radius: 10px 2px 2px 2px;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 8px 12px 8px 8px
}

.detail-header-left-top .t-plugin {
    color: #00be63
}

.detail-header-left-top .t-ad {
    color: #f9a441
}

.detail-header-left-top .search-tags-item img {
    height: 22px;
    margin-right: 8px;
    object-fit: cover;
    width: 22px
}

.detail-header-left-bottom .soft-sys-info {
    -ms-flex-pack: justify;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 50px;
    justify-content: space-between;
    line-height: 22px
}

.detail-header-left-bottom .soft-sys-info .sys-info-value {
    color: #4d4d4d;
    font-family: DIN Alternate;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    max-width: 170px
}

.detail-header-left-bottom .soft-sys-info .sys-info-desc {
    color: #4d4d4d;
    font-family: Microsoft YaHei;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.detail-header-left-bottom .split-line {
    background: #bfbfbf;
    height: 38px;
    margin: 0 20px;
    width: 1px
}



.detail-header-right-bg {
    background-repeat: no-repeat;
    background-size: 785px 270px
}

.detail-header-right .detail-install-info-box {
    -ms-flex-pack: center;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 5px;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 250px;
    justify-content: center;
    left: 18px;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 412px
}

.detail-install-info-box .down-info-title {
    color: #000;
    font-family: Microsoft YaHei;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center
}

.detail-install-info-box .down-info-desc {
    -ms-flex-pack: justify;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 96px;
    justify-content: space-between;
    margin: 20px 0 18px
}

.detail-install-info-box .down-info-desc .info-item {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    line-height: 24px
}

.detail-install-info-box .down-info-desc .info-item div {
    color: #2049ee;
    font-family: Microsoft YaHei;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin: 0 8px
}

.detail-install-info-box .down-info-tip {
    color: #696969;
    font-family: Microsoft YaHei;
    font-size: 12px;
    font-style: normal;
    font-weight: 400
}

.detail-install-info-box .down-info-tip-soft {
    color: #2049ee;
    font-family: Microsoft YaHei;
    font-size: 12px;
    font-style: normal;
    font-weight: 600
}

.detail-header-right .detail-install-offical {
    -ms-flex-pack: center;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #2049ee;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    font-family: Microsoft YaHei;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 26px;
    line-height: normal;
    margin-bottom: 28px;
    padding: 20px 10px;
    width: 155px
}

.detail-header-right .detail-install-offical img {
    margin-right: 10px
}

.detail-header-right .detail-install-offical:hover {
    background: #4164f1
}

.detail-header-right .detail-install-offical:active {
    background: #1d42d6
}

.detail-header-right .detail-install-normal {
    -ms-flex-pack: center;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #fff;
    border: 1px solid #2049ee;
    border-radius: 100px;
    color: #2049ee;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    font-family: Microsoft YaHei;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 26px;
    line-height: normal;
    padding: 20px 10px;
    width: 155px
}

.detail-header-right .detail-install-normal:active,
.detail-header-right .detail-install-normal:hover {
    background: #f6faff
}

.detail-header-top .offical-down-box {
    -ms-flex-pack: justify;
    background: #edf5ff;
    border-radius: 10px;
    box-sizing: border-box;
    justify-content: space-between;
    margin-top: 40px;
    padding: 13px 20px 13px 15px;
    width: 1085px
}

.detail-header-top .offical-down-box,
.offical-down-box .offical-down-info {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

td .mark-string-color {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 4.5em;
    line-height: 1.5em;
    /* width: 126px; */
    /* border: 1px solid red; */
    /* pointer-events: none; */
}

#seedCrossGrid .k-grid-header th.k-header {
    white-space: nowrap !important;
}

#seedMainForceDiv .k-grid-header th.k-header {
    white-space: nowrap !important;
}

.container-phenotype {
    background: url("../images/phenotype/container_bg.png") 0 0 no-repeat;
    background-size: 100% auto;
    overflow: hidden;
}

.container-phenotype #zTop {
    background-color: transparent;
}

.container-phenotype #quickChannel {
    left: 378px;
    margin: 0px 0 0 64px;
}

.container-phenotype .switch-crop {
    height: 32px;
    margin: 18px -13px;
}

.container-phenotype .top-nav.top-nav-crop .switch-crop .switch-hd {
    background-color: rgba(0, 0, 0, 0.5) !important;
    height: 31px;
    line-height: 31px;
}

.container-phenotype .quick-channel .cl {
    height: 62px;
    line-height: 62px;
    margin-right: 0px;
    border-radius: 0;
    border: none;
    padding: 0 16px;
}

.container-phenotype .quick-channel .cl:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

.container-phenotype .quick-channel .cl i {
    margin: 20px 6px 0 0;
}

.container-phenotype #zTop {
    height: 62px;
}

.container-phenotype .switch-crop .crops {
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-top: 0 none;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
}

.container-phenotype .switch-crop .crops li {
    border-top: 0 none;
}




.logo.ibds img {
    height: 41px;
    position: absolute;
    top: 16px;
    left: 1px;
    margin-left: 11px;
}
#quickChannel {
    left: 278px;
}
.ibds .layout img{
    height: 55px;
}
/* #zTop {
    height: 74px;
    background-color: rgb(227, 234, 243);;
}
.quick-channel .cl{
    border: 2px solid #aaaaaa;
    color: #212643;
}

.switch-crop .icon-crop {
    background-image: url(../images/icon_crop.png);
}


.top-nav>li .icon-n.icon-corn1 {
    background-image: url(../images/crop_icon/corn2.png);
    background-size: cover;
}

.top-nav>li .icon-n.icon-cotton1 {
    background-image: url(../images/crop_icon/cotton2.png);
    background-size: cover;
}

.top-nav>li .icon-n.icon-rice1 {
    background-image: url(../images/crop_icon/rice2.png);
    background-size: cover;
}

.top-nav>li .icon-n.icon-wheat1 {
    background-image: url(../images/crop_icon/wheat2.png);
    background-size: cover;
}

.top-nav>li .icon-n.icon-soybean1 {
    background-image: url(../images/crop_icon/soybean2.png);
    background-size: cover;
}
.quick-channel .cl i{
    display: none;
}
.top-nav>li .icon-triangle{
    background: url(../images/icon_arrow_down.png) no-repeat;
    background-size: 100% 100%;
} */