html,body{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
/*.header{*/
/*    width: 100%;*/
/*    min-width:1000px;*/
/*    height: 60px;*/
/*    background-color: rgb(38,38,38);*/
/*}*/
.header{
    width: 100%;
    min-width: 1000px;
    height: 60px;
    background-color: rgb(38,38,38);
    position: fixed;
    top: 0px;
    z-index: 100;
}
.header_placeholder{
    width: 100%;
    height: 60px;
}
.top_message_box{
    display:none;
    width: 100px;
    height: 35px;
    background: rgba(255, 255, 255, 1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 101;
    border: 1px solid #CDCDCD;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    text-align:center;
    line-height: 35px;
    color: #5fb878;
}
.top_message_box_err{
    display:none;
    width: 100px;
    height: 35px;
    background: rgba(255, 255, 255, 1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 101;
    border: 1px solid #CDCDCD;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    text-align:center;
    line-height: 35px;
    color: #F00;
}
.bodyer{
    width: 100%;
    min-width: calc(100vh - 80px - 60px);
    background-color: rgb(245,245,245);
    overflow: hidden;
}
.div_row{
    overflow: hidden;
}

/*顶部菜单样式*/
.headerM{
    width: 1000px;
    min-width:1000px;
    height: 60px;
    margin: 0 auto;
}
.headerM_logo{
    float: left;
    height: 60px;
}
.headerM_log_img{
    height: 40px;
    margin-top: 10px;
    margin-left: -85px;
}
.headerM_menu{
    width: 1000px;
    height: 60px;
    float: left;
}
/*.headerM_user{
    width: 100px;
    height: 60px;
    float: left;
}*/
.header_menu_ul{
    background-color: rgb(38,38,38);
    padding: 0 20px;
    border-radius: 2px;
    font-size: 0;
    box-sizing: border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.hide {
    display: none;
    /*visibility: hidden;*/
}
.header_menu_li{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 60px;
    font-size: 14px;
    list-style: none;
    font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
}
.header_menu_a{
    display: block;
    padding: 0 20px;
    color: rgba(255,255,255,.7);
    outline:none;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
    outline: 0;
    font-size: 14px;
    text-decoration: none;
    line-height: 60px;
}
.header_menu_a:hover{
    color: #fff;
}
.header_menu_bar{
    z-index: 1000;
    position: absolute;
    height: 5px;
    background-color: #5FB878;
}
.header_menu_i_1{
    position: absolute;
    right: 1px;
    top: 0px;
    display: inline-block;
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */
    ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; /* IE8 */
    -moz-transform: rotate(0deg);  /* FF3.5+ */
    -o-transform: rotate(0deg);  /* Opera 10.5 */
    -webkit-transform: rotate(0deg);  /* Safari 3.1+, Chrome */
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.header_menu_i_2 {
    position: absolute;
    right: 1px;
    top: 0px;
    display: inline-block;
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */
    ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; /* IE8 */
    -moz-transform: rotate(-180deg);  /* FF3.5+ */
    -o-transform: rotate(-180deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-180deg);  /* Safari 3.1+, Chrome */
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.header_menu_dl{
    display: none;
    position: absolute;
    left: 0;
    top: 95px;
    min-width: 100%;
    line-height: 36px;
    padding: 5px 0;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    border: 1px solid #d2d2d2;
    background-color: #fff;
    z-index: 100;
    border-radius: 2px;
    white-space: nowrap;
    opacity:0;
}
.header_menu_dd_a{
    color: #333;
    display: block;
    padding: 0 20px;
    outline:none;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */

}
.header_menu_dd_a:hover{
    color: #333;
    background-color: rgb(242,242,242);
    outline:none;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.header_menu_img{
    border: none;
    width: 30px;
    height: 30px;
    margin-right: 6px;
    border-radius: 50%;
    vertical-align: middle;
    display: inline-block;
}
.header_remind_dot{
    display: block;
    position: relative;
    top: -42px;
    left: 81px;
    height: 6px;
    width: 6px;
    background: red;
    border-radius: 50%;
}
.header_remind_dot_msg{
    display: block;
    position: relative;
    top: -29px;
    left: 26px;
    height: 6px;
    width: 6px;
    background: red;
    border-radius: 50%;
}

/*用户反馈样式*/
.feedback_div{
    width: 50px;
    height: 50px;
    background-color: #fff;
    position: fixed;
    margin-right: 50px;
    right: 0px;
    bottom:260px;
    border-radius:2px;
    color: #0009;
    cursor:pointer;
    z-index: 100;
    border: 1px solid #e1e2e3;
}
.feedback_div_2{
    width: 50px;
    height: 50px;
    background-color: #fff;
    position: fixed;
    margin-right: 50px;
    right: 0px;
    bottom:200px;
    border-radius:2px;
    color: #0009;
    cursor:pointer;
    z-index: 100;
    border: 1px solid #e1e2e3;
}
.feedback_div_3{
    width: 50px;
    height: 50px;
    background-color: #fff;
    position: fixed;
    margin-right: 50px;
    right: 0px;
    bottom:140px;
    border-radius:2px;
    color: #0009;
    cursor:pointer;
    z-index: 100;
    border: 1px solid #e1e2e3;
}
.feedback_div:hover{
    background-color: #009688;
    color: #fff;
}
.feedback_div_2:hover{
    background-color: #009688;
    color: #fff;
}
.feedback_div_3:hover{
    background-color: #009688;
    color: #fff;
}
.feedback_div_t{
    width: 50px;
    text-align: center;
    margin-top: 5.6px;
}
.feedback_div_b{
    width: 50px;
    text-align: center;
}

/*等待覆盖样式*/
.wait_div{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}
.wait_laoding_div{
    width: 240px;
    height: 150px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    margin-top: -75px;
    font-size: 100px;
    line-height: 100px;
    color: #ffffff;
    font-family: "Microsoft YaHei";
    text-align: center;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    caret-color: transparent;
}

.bodyerM_wide{
    width: 100%;
    /*min-height: calc(100vh - 80px - 60px);*/
    background-color: rgb(255,255,255);
    height: auto;
    overflow: hidden;
}

.bodyerM_wide{
    width: 100%;
    min-height: calc(100vh - 80px - 60px);
    background-color: rgb(255,255,255);
}

.bodyerM{
    width: 1000px;
    min-height: calc(100vh - 80px - 60px);
    background-color: rgb(255,255,255);
    margin-left: calc((100% - 1000px) / 2);
    margin-right: calc((100% - 1000px) / 2);
}

.bodyerMc_wide{
    /*min-height: 800px;*/
    width: 100%;
    /*margin: 10px 0px 10px 0px;*/
}
.bodyerMc{
    /*min-height: 800px;*/
    width: 960px;
    padding: 0px 20px;
}
.bodyerMc_top{
    width: 960px;
    padding: 12px 0px 0px 0px;
}
.layui-nav {
    background-color: rgb(38,38,38);
}
.blank_div_20{
    width: 100%;
    height:20px;
}
.blank_div15{
    width: 100%;
    height: 15px;
}
.blank_div5{
    width: 100%;
    height: 5px;
}
.disable_hover {
    pointer-events: none;
}

/*按钮基础通用样式*/
.btn{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:pointer;
}
.row_btn{
    width: 100%;
    height: 38px;
    line-height: 38px;
    border-radius: 2px;
}
/*墨绿按钮样式*/
.btn_dark_green{
    border: none;
    background-color: #009688;
    color: #fff;
}
.btn_dark_green:active{
    background-color: #008579;
}
.btn_dark_green:hover{
    background-color: #33ABA0;
}
/*白按钮样式*/
.btn_white{
    border: 1px solid #e7e7eb;
    background-color: #fff;
    color: #696969;
}
.btn_white:active{
    background-color: #f5f5f5;
}
.btn_white:hover{
    background-color: #f5f5f5;
}
/*绿按钮样式*/
.btn_green{
    background-color: #5FB878;
    color: #fff;
}
.btn_green:active{
    background-color: #53a068;
}
.btn_green:hover{
    background-color: #67C982;
}
/*红按钮样式*/
.btn_red{
    background-color: #FF5722;
    color: #fff;
}
.btn_red:active{
    background-color: #e14d1e;
}
.btn_red:hover{
    background-color: #FB7E56;
}

/*输入框样式*/
.input_div{
    height: 36px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    position:relative
}
.input_div:focus{
    border: 1px solid #c9c9c9;
}
.input_div:hover{
    border: 1px solid #c9c9c9;
}
.general_input{
    height: 30px;
    width: 90%;
    word-wrap: break-word;
    color: #222226;
    border: none;
    margin-left: 10px;
    margin-top: 3px;
}
.empty_svg{
    position: absolute;
    padding: 8.5px;
    right: 0px;
    display: none;
}
.verify_code_input{
    width: 60%;
    float: left;
    border: 1px solid #e6e6e6;
    display: block;
    padding-left: 10px;
    height: 38px;
    background-color: #fff;
    border-radius: 2px;
}
.verify_code_input:focus{
    border: 1px solid #c9c9c9;
}
.verify_code_input:hover{
    border: 1px solid #c9c9c9;
}
.verify_code_btn{
    width: 33%;
    float: right;
}

/*单选按钮*/
.detayun_radio {
    display: none;
}
.detayun_radio+label {
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
    border: 1px solid gray;
    border-radius: 50%;
}
.detayun_radio+label:hover {
    border: 1px solid #5FB878;
    cursor: pointer;
}
.detayun_radio:checked+label {
    background: #5FB878;
    border: 1px solid #5FB878;
}
.detayun_radio:checked+label:after {
    content: "\2022";
    font-size: 35px;
    color: white;
}

/*下拉框样式*/
.detayun_select_div{
    height: 36px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    position:relative
}
.detayun_select_div input{
    height: 30px;
    width: 96%;
    word-wrap: break-word;
    color: #222226;
    border: none;
    margin-left: 10px;
    margin-top: 3px;
}
.detayun_select_div dl{
    display: none;
    position: absolute;
    max-height: 300px;
    min-width: 100%;
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    border: 1px solid #eee;
    padding: 5px 0;
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15);
    overflow-y: scroll;
    z-index: 100;
}
.detayun_select_div dl dd{
    padding: 0 10px;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.detayun_select_div dl dd:hover{
    background-color: #F6F6F6;
    -webkit-transition: .5s all;
    transition: .5s all;
}
.detayun_select_div i{
    position: absolute;
    top: 0px;
    right: 0px;
    color: #C2C2C2;
    float: right;
    margin-right: 10px;
    line-height: 38px;
    pointer-events: none;
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */
    ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; /* IE8 */
    -moz-transform: rotate(0deg);  /* FF3.5+ */
    -o-transform: rotate(0deg);  /* Opera 10.5 */
    -webkit-transform: rotate(0deg);  /* Safari 3.1+, Chrome */
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.detayun_select_selected{
    border-color: #c9c9c9;
}
.detayun_select_selected dl{
    display: block;
}
.detayun_select_selected i{
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */
    ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; /* IE8 */
    -moz-transform: rotate(180deg);  /* FF3.5+ */
    -o-transform: rotate(180deg);  /* Opera 10.5 */
    -webkit-transform: rotate(180deg);  /* Safari 3.1+, Chrome */
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.detayun_select_tips{
    color: #999;
}
.detayun_select_this{
    background-color: #5FB878;
    color: #fff;
}

/*得塔云label样式*/
.detayun_label{
    float: left;
    display: block;
    padding: 9px 15px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
}

.left_div{
    width: 50%;
    float: left;
}
.right_div{
    width: 50%;
    float: left;
}