body {
    font-size: 12px !important;
    font-family: 'Microsoft YaHei UI','Microsoft YaHei',SimSun !important;
}
.form-control{
    font-size:12px;
}

.navbar-head{
    height: 46px;
    background-color: #333;
    border: 0;
    margin: 0;
    border-radius: 0;
}

.navbar-head .nav a:hover,
.navbar-head .nav a:focus,
.navbar-head .head_flag:hover,
.navbar-head .head_flag:focus,
.navbar-head .nav .active > a{
    background-color: rgb(75, 165, 75);
}

.navbar-head .nav {
    margin-right: 30px !important;
}


#headmenu >li>a {
    color: white;
}
#headmenu .open>a{
    background-color: rgb(75, 165, 75);
}
#headmenu .lastjobs a:hover,
#headmenu .lastjobs a:focus{
    background:transparent;
}
.lastjobs{
    width:500px;
    padding:10px
}
#headmenu .btn-group>.btn{
    padding:0;
    border:0;
}
#headmenu .btn-group>.btn:hover,
#headmenu .btn-group>.btn:focus{
    text-decoration: none;
}
#headmenu .btn-group>.btn>a{
    display: block;
    padding:15px;
    border:0;
    border-radius:0;
    line-height:20px;
    color:#fff;
    text-decoration: none;
    font-size:12px;
}
#headmenu .btn-group>.dropdown-menu{
    margin:0;
}

.menu .head_log {
    padding: 5px 10px;
}
.head_log img {
    height: 65px;
}
.menu-zone {
    position: fixed;
    z-index: 1000;
    display: block;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    top: 110px;
    width: 10%;
    bottom: 0; /* background-color: #EEE; */
}

.strike {
    text-decoration: line-through;
}

.bg-white {
    background-color: #FFF;
}

.zone-config {
    background-color: #fafafa;
}

    .zone-config table {
        background-color: rgba(230, 230, 230, 0.82);
    }

table .btn-danger {
    /*float:right;*/
}

.zone-config input {
    width: 100px;
}

.menu {
    position: fixed;
    bottom: 0;
    left: 0;
    top: 0;
    z-index: 1000;
    display: block;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    width: 200px;
    background-color: #333333;
    font-size: 14px;
    /*
    width: 160px;
    overflow: hidden;
    height: 700px;
    background-color: #333333;
    */
}

    .menu .title {
        font-size: 16px;
        font-family: "微软雅黑";
        font-weight: bold;
        border-bottom: 1px solid #222222;
        padding: 7px 0px 7px 10px;
    }

    .menu a {
        color: white;
        border-radius: 0px !important;
    }

        .menu a.active {
            color: white;
            background-color: red !important;
        }

.nav-stacked li + li {
    margin-top: 0;
}

.menu a:hover {
    background-color: #484848 !important;
}

.menu a:focus {
    background-color: #333 !important;
}

.menu li.active a,
.menu li.active a:hover {
    background-color: rgb(75,165,75) !important;
}

.menu > .nav .nav.collapse a, .menu > .nav .nav.collapsing a {
    font-size: smaller !important;
    padding-left: 42px !important;
}

/*  使用 .menu a:hover、.menu .active a:hover替代
#menu a:hover{
    background-color: #666666;
}
#menu .active a:hover {
    background-color: #428bca;
}
*/

.mainbody {
    margin-left: 200px;
    border: 0 solid #000000;
}

    /*.mainbody .panel-heading{
    border-radius: 0px !important;
    color: white;
}*/
    .mainbody .areas{
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0;
    }

    .mainbody .areas > .breadcrumb {
        background-color: #FFFFFF !important;
        margin-bottom: 0;
        margin-left: -15px;
    }

        .mainbody .areas > .breadcrumb a, .mainbody .breadcrumb li {
            color: #999999 !important;
        }

        /*.mainbody .areas > .breadcrumb + .panel > .panel-body:first-child{
            margin-top: -15px;
        }*/

    .mainbody .areas > .panel{
        border: 0;
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .05);
        box-shadow: 0 0 0 rgba(0, 0, 0, .05);
    }

/* 未能正确配置
.mainbody breadcrumb >li.active:before{
    content:">" !important;
}*/
.content-body {
    padding: 30px;
}

.vmlist {
    margin-top: 60px;
}

.panel-title a:hover {
    text-decoration: none;
}

.title h3 {
    display: inline-block;
}

.title .btn-group {
    float: right;
    margin: 13px;
}

dl dd {
    margin-bottom: 8px;
}

.dropdown-menu {
    min-width: 100px !important;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

    .form-signin .form-signin-heading,
    .form-signin .checkbox {
        margin-bottom: 10px;
    }

    .form-signin .checkbox {
        font-weight: normal;
    }

    .form-signin .form-control {
        position: relative;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        font-size: 16px;
    }

        .form-signin .form-control:focus {
            z-index: 2;
        }

    .form-signin input[type="email"] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.user_manage_total,
.user_manage_total .panel-heading,
.user_manage_total .panel-footer {
    border: 0;
    border-radius: 0;
    color: white;
    font-size: 12px;
}

    .user_manage_total .panel-body {
        font-size: 30px;
        text-align: center;
    }

.user_tol_panel01 .panel-heading,
.user_tol_panel01 .panel-body,
.user_tol_panel01 .panel-footer {
    background-color: #4da3d5;
}

.user_tol_panel02 {
    margin-left: 20px;
}

    .user_tol_panel02 .panel-heading,
    .user_tol_panel02 .panel-body {
        background-color: #40a42b;
    }

    .user_tol_panel02 .panel-footer {
        background-color: #308d1c;
    }

.user_tol_panel03 {
    margin-left: 20px;
}

    .user_tol_panel03 .panel-heading,
    .user_tol_panel03 .panel-body {
        background-color: #7d55cb;
    }

    .user_tol_panel03 .panel-footer {
        background-color: #5b35a4;
    }

.user_tol_panel04 {
    margin-left: 20px;
}

    .user_tol_panel04 .panel-heading,
    .user_tol_panel04 .panel-body,
    .user_tol_panel04 .panel-footer {
        background-color: #e36837;
    }

    .user_tol_panel04 .panel-footer {
        background-color: #cb4512;
    }

/*.userinfo,
.mainbody {
    border-bottom: 0 !important;
    -webkit-box-shadow: 0;
    box-shadow: 0 0;
}*/

.user-tab{
    border-right: 1px solid #ccc;
}

.user-tab .btn-default {
    border: 1px solid #ccc;
    border-bottom: 0;
    border-right:none;
}

.user-tab .btn-primary{
    border-color: #357ebd;
}

.user-tab > li > a.btn-primary:hover{
    background-color: #3071a9;
}

.userinfo .navbar-right .btn-default {
    border: 1px solid #ccc;
    margin-left: 5px;
}

.userinfo-en .navbar-right .btn-default{
    padding:10px;
}

.userinfo .btn-primary:focus {
    background-color: #428bca;
    border-bottom: 0;
}

.userinfo .btn-success:focus {
    background-color: rgb(75,165,75);
    border-bottom: 0;
}

.userinfo .panel-title {
    border-bottom: 3px solid #428BCA;
    line-height: 50px;
}

.userinfo .panel-body {
    border: 1px solid #ccc;
    border-top: 0;
    padding: 20px 100px;
}

.userinfo-btn>ul>li{
    margin-bottom:15px;
}

@media (min-width:1560px){
    .userinfo-btn{
        margin-right:-100px;
        margin-top:-70px;
        margin-bottom:30px;
        min-height:40px;
    }
    .userinfo-btn>ul>li{
        margin-bottom:0;
    }
}


/*.userinfo-btn-up{
    margin-right:-100px;
    margin-top:-70px;
    margin-bottom:30px;
}

.userinfo-btn-down{
    margin-bottom:15px;
}*/

.dataTables_wrapper .dataTables_length {
    margin: 2px;
    padding-right: 10px;
    padding-top: 0.55em;
    float: right !important;
}

.mainbody .table > thead > tr > th {
    background-color: #edf7f9;
}

.admin_finance {
    border: 1px solid #ddd;
    line-height: 34px;
    vertical-align: top;
}

    .admin_finance .title {
        color: #333;
        font-size: 16px;
    }

        .admin_finance .title b {
            color: red;
            font-size: 12px;
        }

    .admin_finance .panel-heading {
        border-bottom: 1px solid #ddd;
    }

.consumption_head {
    line-height: 34px;
    padding-bottom: 0;
}

    .consumption_head div {
        color: #333;
    }

.consum_table_head {
    padding: 0;
    margin-top: -20px;
    color: #333;
}

    .consum_table_head .table {
        color: #333;
        border: 1px solid #ddd;
    }

    .consum_table_head .nav {
        float: left;
        width: 70%;
        margin-left: 10px;
    }

        .consum_table_head .nav > li {
            margin-left: 20px;
            cursor: pointer;
            padding: 2px 5px;
            border-radius: 4px;
        }

            .consum_table_head .nav > li:hover,
            .consum_table_head .nav > li .active {
                background-color: #EC971F;
                color: white;
            }

.mainbody h3 {
    margin: -10px 0 10px 10px;
}

.consearch_head {
    margin-left: 60px;
    width: 130px;
}

#zoneInfoList li {
    margin-right: 16px;
}

#zoneInfoEdit input {
    max-width: 80px;
}

.price-table td input {
    max-width: 100px;
}

.text-search {
    color: #333;
    cursor: pointer;
    text-decoration: none;
}

    .text-search:hover,
    .text-search:active {
        text-decoration: none;
        color: #333;
    }

    .text-search span {
        font-size: 10px;
    }

.h3_border {
    padding-bottom: 10px;
    border-bottom: 3px solid #428bca;
}

    .h3_border a {
        margin-right: 10px;
    }

.consumption_head .alert {
    padding: 0 0 0 2px;
    line-height: 34px;
    height: 35px;
}

    .consumption_head .alert > div > b {
        color: red;
    }

.admin_receipt {
    margin-left: 10px;
    padding-left: 0;
}

    .admin_receipt li {
        margin-left: -10px !important;
        margin-right: 15px !important;
        border: 1px solid #ddd;
        border-radius: 0 !important;
        padding:0 !important;
    }

    .admin_receipt li+li{
        margin-top:-1px;
    }

        .admin_receipt li > a {
            color: #333;
        }

            .admin_receipt li.active,
            .admin_receipt li:hover,
            .admin_receipt li > a:hover,
            .admin_receipt li > a.active,
            .admin_receipt .active > a {
                color: white !important;
                background-color: rgb(75,165,75) !important;
            }

.admin_receipt_h4 {
    margin-bottom: 5px;
    padding-left: 10px;
    border-left: 5px;
}

.toolbar {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 10px 0;
    margin-top: 0;
    border-radius: 6px;
}

.manage_view {
    width: 100%;
    padding: 0 30px 0 30px;
    margin: 0px;
}

    .manage_view .row {
        width: 100%;
        line-height: 30px;
        margin: 0;
    }

    .manage_view .panel {
        margin-bottom: 20px;
    }

        .manage_view .panel .table {
            margin-bottom: 0 !important;
            margin-top: 0 !important;
            border-top: 1px solid #e7e7e7;
        }

    .manage_view .panel {
        padding-bottom: -10px;
    }

    .manage_view .table > tbody > tr > td {
        text-align: left;
    }

#groupBogy li {
    padding: 3px;
}

#groupBogy ul li {
    margin-left: 20px;
    min-width: 100px;
}

.txt-size-16 {
    font-size: 16px;
}

#userInGroupList {
    max-height: 200px;
    overflow-y: auto;
}

.admin_user_group_table .checkbox {
    margin: 0;
}

    .admin_user_group_table .checkbox input {
        margin-top: 2px;
    }

.admin_login{
    background:#e9e9e9 url('/dest/statics/images/admin_login.jpg') no-repeat top center;
    min-width:420px;
}
.admin_logintable{
    width:333px;
    margin:195px auto 0;
}
.admin_logintable .form-group{
    margin:0;
}
.admin_logintable input.ng-invalid{
    border-color: #ccc;
}
.admin_logintable input.ng-invalid:focus{
    border-color:#66afe9;
}
.admin_login_row{
    height:34px;
    line-height:34px;
}
.admin_loginbtn {
    margin-top: 15px;
    width: 171px;
    height: 48px;
    font-size: 16px;
    letter-spacing: 2px;
    background: #8AB527;
    color: #fff;
    border-color: #729820;
}
.admin_loginbtn:hover,
.admin_loginbtn:focus,
.admin_loginbtn[disabled]{
    background: #8ab135;
    color: #fff;
    border-color: #729820;
}

/*.admin_login {
    margin-left: auto;
    margin-right: auto;
    align-content: center;
    background: url('/dest/statics/images/admin_login.jpg');
    overflow: hidden;
    width: 1000px;
    height: 600px;
}

.admin_logintable {
    margin-top: 180px;
}

.admin_loginbtn {
    background: url('/dest/statics/images/admin_loginbtn.png') no-repeat;
    overflow: hidden;
    width: 171px;
    height: 48px;
    border: 0;
    border-radius: 4px;
}

.admin_logintable .checkbox input {
    margin-top: 2px;
}

.admin_login_row {
    margin-left: -15px;
    line-height: 34px;
    width: 302px;
    height: 34px;
}

    .admin_login_row .input-group {
        margin-right: 22px;
    }*/

#receiptTable img {
    width: 120px;
    height: 90px;
}

.admin_alert_focus {
    font-size: 12px;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    padding-left: 10px;
    line-height: 35px;
    width: 330px;
    height: 35px;
    color: #333;
    font-weight: 400;
}

.admin_alert_error {
    font-size: 12px;
    padding-left: 10px;
    text-align: left;
    width: 330px;
    border: 1px solid #ffbdbe;
    height: 35px;
    line-height: 35px;
    color: red;
    background-color: #ffebeb;
}

.txtlineheight {
    margin-top: 7px;
}

.input-group-ip input {
    width: 40%;
    height: 34px;
    line-height: 1.428;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.075) inset;
    transition: border-color 0.15s ease-in-out 0s,box-shadow 0.15s ease-in-out 0s;
}

.table.dataTable thead th,
.table.dataTable.no-footer {
    border-bottom: 1px solid #ddd;
}

.table-header {
    background-color: #f5f5f5;
}

.userpanel {
    width: 800px;
}

.pagerepeat {
    display: inline-table;
    width: 80px;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    border: 1px solid #ddd;
}

.admin_search .nav-pills li {
    margin-right: 13px;
}

.admin_search div {
    margin-left: 0;
}

.search_div {
    width: 100%;
    line-height: 20px;
    display: inline-block;
    padding-left: 10px;
    padding-bottom: 5px;
}
.search_div .col-sm-1{
    width:10%;
    text-align:right;
}
.search_div .col-sm-11{
    width:90%;
}
.search_more_div {
    margin-top: -4px;
    height: 32px;
}

    .search_more_div span {
        position: absolute;
        margin-top: -1px;
        height: 28px;
        line-height: 28px;
        padding: 0 20px 0 20px;
        cursor: pointer;
        border: 1px solid #ccc;
        display: inline-block;
        background-color: #fff;
        border-top: 0;
    }

.admin_search {
    padding: 10px 0;
}

    .admin_search .search_text {
        width: 318px;
        height: 20px;
        border: 1px solid #ccc;
        border-radius: 3px;
    }

    .admin_search .text-right,
    #vmProjectModal .text-right {
        line-height: 30px;
    }

.search_modal thead tr td,
.search_modal tbody tr td {
    border: 0;
}

.search_input_group input {
    width: 120px;
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.search_input_group button {
    border: 1px;
    width: 23px;
    text-align: center;
    height: 20px;
    padding: 0;
}

.menu_collapsed_a {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    background: url('/dest/statics/images/menu_icons.png') no-repeat -41px 1px;
}

.menu_active_a {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    background: url('/dest/statics/images/menu_icons.png') no-repeat -7px 1px;
}


.admin_menu_server span {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    background: url('/dest/statics/images/menu_icons.png') no-repeat -41px -48px;
}

.admin_menu_pro span {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    background: url('/dest/statics/images/menu_icons.png') no-repeat -41px -24px;
}

.admin_menu_use span {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    background: url('/dest/statics/images/menu_icons.png') no-repeat -41px -75px;
}

.admin_menu_finance span {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    background: url('/dest/statics/images/menu_icons.png') no-repeat -7px -48px;
}

.admin_menu_order span {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    background: url('/dest/statics/images/menu_icons.png') no-repeat -7px -24px;
}

.admin_menu_job span {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    background: url('/dest/statics/images/menu_icons.png') no-repeat -7px -102px;
}

.admin_menu_tpl span {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    background: url('/dest/statics/images/menu_icons.png') no-repeat -39px -102px;
}

.admin_menu_sec span {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    background: url('/dest/statics/images/menu_icons.png') no-repeat -7px -75px;
}

.panel-info .panel-heading,
.panel-success .panel-heading {
    height: 36px;
    line-height: 15px;
}

    .panel-info .panel-heading .btn,
    .panel-success .panel-heading .btn {
        margin-top: -7px;
    }

table.dataTable thead th, table.dataTable thead td {
    border-top: 1px solid #e7e7e7 !important;
    border-bottom: 0 !important;
    padding: 8px 10px !important;
}

.admin_search_btn {
    width: 46px;
    border-radius: 2px;
    border: 1px solid #ccc;
    height: 20px;
    line-height: 10px;
}

.tpl-table .form-control{
    width:350px;
    height:25px;
    line-height:25px;
    font-size:12px;
    padding:0 10px;
}
.tpl-table tbody >tr >td{
    line-height:25px;
    padding:3px 8px;
}
.head_flag{
    height:50px;width:30px; text-align:center; line-height:50px;
}

/********权限页面的样式*********/
.tree,.tree ul{
    padding-left:17px;
    margin-bottom:0;
    list-style:none;
}
.tree{
    margin-top:-6px;
}
.tree li>div{
    padding:8px;
}
.tree ul>li:nth-child(odd){
    background:#eee;
}
input.checkbox-middle{
    vertical-align:-2px;
    cursor:pointer;
    margin-right:3px;
}
a.text-muted:hover,
a.text-muted:focus,
.nav-grants > li.active > a.text-muted,
.nav-grants > li.active > a.text-muted:focus,
.nav-grants > li.active > a.text-muted:hover{
    color:#777
}
.nav-grants > li.active > a, 
.nav-grants > li.active > a:hover, 
.nav-grants > li.active > a:focus{
    color:#428bca
}
.nowrap{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
    max-width:100px
}

.admin-form label{
    padding:7px 0;
    margin:0;
    font-weight:normal;
}
.admin-form .form-control{
    display:inline-block;
    width:60%;
}

/********table-no-border的样式*********/
.mainbody .table-no-bordered > thead > tr > th{
    background-color:transparent;
}
.table-no-bordered > thead > tr > th,.table-no-bordered > tbody > tr > td,.table > tfoot > tr > td,.table > tfoot > tr > th{
    border:0;
}
.table-top-bottom{
    border-top:1px solid #aaa !important;
}
.table-top-bottom tbody:last-of-type{
    border-bottom:1px solid #aaa !important;
}

.btn.cursor[disabled]{
    pointer-events: auto;
    cursor: default;
}

/********过期处理页面的样式*********/
.expire-table>tbody>tr>td{
    height:47px;
}
.expire-table .time-display{
    margin-bottom:10px;
}
.expire-table .time-content{
    background:transparent;
    width:270px;
}

.nav > li  a.li-link{
    position: relative;
    display: block;
    padding: 10px 15px;
    text-decoration:none;
}
.nav-pills > li  a.li-link{
    border-radius: 4px;
}

/********开通区域页面的样式*********/
.btn-radius{
    width: 94px;
    margin-right: 10px;
    background: #f9f9f9;
    border: solid 1px #eee;
    text-align: center;
    outline: none;
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.btn-radius:hover{
    background: #eafbfe;
    border-color: #eafbfe;
    cursor: pointer;
}
.btn-radius.current,
.btn-radius.current:hover,
.btn-radius.current:focus{
    background: #eafbfe;
    border-color: #6dc5dc;
    cursor: default;
}
.table > thead > tr > th,
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td{
    vertical-align:middle
}
.azone-table{
    padding:0 !important;
}
.azone-table>.table{
    text-align:center;
}
.azone-table>.table > tbody + tbody{
    border:0
}
.margin-left-6{
    margin-left:6px;
}
.input-group-btn:not(:first-child):not(:last-child)>.btn{
    border-radius:0;
    margin-left:-1px;
}
.panel-no-border{
    border:0;
    box-shadow:0 0;
}

/********网络管理页面的样式*********/
.net-detail>tbody>tr>td{
    padding-left:20px;
}
.net-detail .table{
    width:40%;
    text-align:center;
}
.net-detail .table-bordered > thead > tr > td{
    border-bottom:1px solid #ddd;
}

/********用户详情页面服务信息的样式*********/
.panel .table-service.ng-table{
    border-bottom:0 ;
}
.table-service > thead > tr
{
    border: 1px solid #ddd;
}

.table-service > thead > tr > th
{
    border: 0;
    background:#f5f5f5 !important;
}


.table-service > tbody + tbody
{
    border: 0;
}

.table-service > tbody > tr:first-child
{
    border-top: 1px solid #ddd;
}

.table-service > tbody > tr:last-child
{
    border-top: 1px solid #ddd;
}

.table-service>tbody>tr:last-child>td.no-data{
    text-align:center;
    border:1px solid #ddd;
}

.table-service > tbody > tr > td
{
    border: 0;
    vertical-align:top;
}

.table-service > tbody > tr > td:first-child
{
    border-left: 1px solid #ddd;
}

.table-service > tbody > tr > td:last-child
{
    border-right: 1px solid #ddd;
}

.table-service > tbody > tr:last-child > td
{
    padding: 5px;

    border: 0;
}

.table-service > tbody > tr.attach > td
{
    padding: 6px 8px;
}

.table-service > tbody > tr.attach > td:not(:first-child)
{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
}

.table-service > tbody > tr > td.head
{
    text-align: center;

    border-left: 1px solid #ddd;
}

.table-service > tbody > tr.attach:hover > td:not(:first-child)
{
    background: #eee;
}

.input-result{
    display:inline-block;
    width:40px;
}

.band-lineheight{
    line-height:30px;
}

.yun-data-range{
    width:30%;

}