/**********************************************************************************************表格通用样式****************************************************************************************/
* {
    box-sizing: border-box
}

.table {
    width: 100%;
    border: 1px solid #eaeef1;
    border-top: 1px solid #eee;
    background-color:#fff;

    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    /*border-width: 1px 0;*/
}

.table thead > tr > th {
    border-bottom: 1px solid #eaeef1;
    background-color: #f7fafa;
    border-right: 1px solid #eaeef1;
    font-size:14px;
}
.border2017 {
    border: 1px solid #eaeef1;
    border-bottom:  0;
}
.table td,  .table th {
    padding:10px 15px;
    vertical-align: middle;
    line-height: 1.40;

}
.table th {
    padding:10px 15px;
}
.table-bordered > thead > tr > th:last-child {
    border-right:0!important;
}

.table > tbody > tr:hover,.gradeX:hover{
    background-color: #f7fafa;
    cursor:pointer;
}



.table-bordered > tbody > tr > td, .table-bordered > thead > tr > th {
    border: none
}

.table-bordered > thead > tr > th {
    background-color: #f7fafa;
    border-right: 1px solid #eaeef1;
}

.table-bordered > tbody > tr {
    border-top: 1px solid #e7eaec
}

/**********************************************************************************************end****************************************************************************************/

/**********************************************************************************************通用按钮样式****************************************************************************************/
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-default:focus, .btn-default:active,.btn-default:hover {
    color: #fff !important;
    background-color: #4cb6cb;
    border-color: #4cb6cb;
}
.btn-primary {
    color: #fff !important;
    background-color: #4cb6cb;
    border-color: #4cb6cb;
}

.btn-s-md {
    min-width: 120px;
}

.btn-submit {
    border: none;
    background: none;
}

.btn-default {
    color: #788188 !important;
    background-color: #fff;
    border-color: #dbe2e7;
    border-bottom-color: #d5dde3;
    -webkit-box-shadow: 0 1px 1px rgba(90,90,90,0.1);
    box-shadow: 0 1px 1px rgba(90,90,90,0.1);
}

.btn-info {
    color: #fff !important;
    background-color: #4cb6cb;
    border-color: #4cb6cb;
}

.doc-buttons .btn {
    margin-bottom: 5px;
}

.btn-s-md {
    min-width: 120px;
}

.btn-rounded {
    border-radius: 50px;
    padding-left: 15px;
    padding-right: 15px;
}
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}
/**********************************************************************************************end****************************************************************************************/
/**********************************************************************************************通用表单****************************************************************************************/
.form-control,.form-control2017 {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.input-sm {
    height: 30px;
    line-height: 30px;
    padding: 5px 10px;
    font-size: 12px;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.inline {
    display: inline-block !important;
}

.input-sm180 {
    width: 180px !important;
}

.form-control:focus {
    border-color: #545ca6;
}

.form-control, .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
*/
.nav-tabs>li.active>a {
    /* margin-bottom: -1px;*/
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
/**********************************************************************************************end****************************************************************************************/






/**********************************************************************************************头部通用样式****************************************************************************************/
.ibox-title {
    margin-bottom: 15px;
    min-height: 0;
    padding: 0;
    border: 0;
    background: none
}

.ibox-title h3,.menu_top_fixed h3 {
    color: #788188;
    font-weight: 300;
    font-size: 16px;
}

.gray-bg {
    padding: 15px;
    height:100%;
    overflow:hidden
}
/**********************************************************************************************end****************************************************************************************/

/**********************************************************************************************固定导航****************************************************************************************/
.menu_top_fixed {
    height: 43px;
    border-bottom: 1px solid #e8eced;
    line-height: 43px;
    background: #fff;
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    font-size: 14px;
    z-index: 99999;
}

#manage_top ul {
    padding: 0 0 0 10px;
    font-size: 12px;
    text-indent: 0;
    float:right;
    margin-right:15px
}

#manage_top li {
    display: inline-block;
    text-align: center;
    _display: inline;
    margin-bottom: 5px;
    padding: 0 5px 0 5px;
    font-size: 12px;
    text-indent: 0;
}

#manage_top li a {
    display: inline-block;
    zoom: 1;
    text-decoration: none;
}

/**********************************************************************************************end****************************************************************************************/

/**********************************************************************************************分页****************************************************************************************/
.pagination-digg li {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 11px;
    list-style: none;
    /* savers */
    float: left;
}

.pagination-digg a {
    border: solid 1px #9aafe5;
    margin-right: 2px;
}

.pagination-digg .previous-off,.pagination-digg .next-off, .pagination-digg .active,.pagination-digg a {
    /*display:block;
    float:left;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
color: #788188 !important;
background-color: #fff;

border-bottom-color: #d5dde3;
-webkit-box-shadow: 0 1px 1px rgba(90,90,90,0.1);
box-shadow: 0 1px 1px rgba(90,90,90,0.1);
border: 1px solid transparent;
border-color: #dbe2e7;
margin-right:3px;
border-radius: 4px;*/
    display: block;
    float: left;
    cursor: pointer;
    outline: 0;
    border: 1px solid #d9d9d9;
    border-right-width: 0;
    background: #fff;
    padding: 4px 8px;
    height: 27px
}

.height73 {
    height: 73px
}

.pagination-digg .active {
    color: #fff !important;
    background-color: #5396F2;
    border-color: #5396F2;
}

.pagination-digg,input#pageSize {
    float: right
}

input#pageSize {
    width: 30px;
    height: 24px;
    line-height: 24px;
}

.page-box {
    margin-top: 8px;
    margin-right: 10px
}

.page-left {
    display: none;
    margin-right: 15px;
    float: right;
    line-height: 24px;
}
/**********************************************************************************************end****************************************************************************************/

/**********************************************************************************************栅格栏样式****************************************************************************************/

/*.row {
    margin-left: -15px;
    margin-right:-15px;
}*/
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-sm-12 {
    width: 100%;
}

.col-sm-11 {
    width: 91.66666667%;
}

.col-sm-10 {
    width: 83.33333333%;
}

.col-sm-9 {
    width: 75%;
}

.col-sm-8 {
    width: 66.66666667%;
}

.col-sm-7 {
    width: 58.33333333%;
}

.col-sm-6 {
    width: 50%;
}

.col-sm-5 {
    width: 41.66666667%;
}

.col-sm-4 {
    width: 33.33333333%;
}

.col-sm-3 {
    width: 25%;
}

.col-sm-2 {
    width: 16.66666667%;

}

.col-sm-1 {
    width: 8.33333333%;
}

.clearfix:before,
.clearfix:after,
.container:before,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    display: table;
    content: " ";
}

.clearfix:after,

.row:after,
.form-horizontal .form-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both;
}
/*.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}
*/

.form-group {
    margin-bottom: 15px;
    position: relative;
}

.form-horizontal .control-label {
    text-align: right;
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.hr-line-dashed {
    /*  border-style: dashed !important;*/
    background-color: transparent;
    border-width: 0;
    border-bottom: 1px solid #eaeef1;
    /*  margin-left: -15px;
      margin-right: -15px;*/
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    height: 2px;
    margin: 10px 0;
    font-size: 0;
    overflow: hidden;
}

.col-sm-12 {
    padding: 0
}

.line-lg {
    margin-top: 15px;
    margin-bottom: 15px;
}
/**********************************************************************************************end****************************************************************************************/

/**********************************************************************************************选项卡样式************************************************************************************/
.tabs-container {
    position:relative;
}
.tabs-container .nav-tabs {
    border-bottom: 1px solid #e7eaec;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-tabs {
    background: #f7fafa !important;
    border-top: 1px solid #e7eaec;
    padding-top: 0!important;
}

.nav.nav-tabs li {
    width: 140px;
    text-align: center;
    margin-bottom: -1px;
}

.nav.nav-tabs li {
    background: 0 0;
    border: none;
}

.nav-tabs > li.active > a {
    border-color: #eaeef1 !important;
    border-bottom-color: #fff !important;
}

.tabs-container .nav-tabs>li {
    float: left;
}

.nav>li {
    position: relative;
    display: block;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: 0 0;
    border-color: #ddd #ddd rgba(0,0,0,0);
    /*border-bottom: #f3f3f4;*/
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #555;
    cursor: default;
    border-top: 0;
    background-color: #fff
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #edf2f3;
}

.nav-tabs>li>a {
    /* padding: 10px 20px 10px 25px;*/
    padding:10px;
    font-size:14px;
}
.nav-tabs>li:first-child>a,.nav-tabs>li:first-child:hover a{border-left:0 solid transparent}

.nav li>a {
    display: block;
}

.tabs-container .tab-pane .panel-body {
    border-top: none;
}

.tab-pane {
    display: none
}

.tabs-container .panel-body {
    background: #fff;
    border-top: 0;
    border-radius: 2px;
    padding-top: 20px;
    position: relative;
}

.b-b {
    border-bottom: 1px solid #eaeef1;
}
/**********************************************************************************************end****************************************************************************************/



/**********************************************************************************************底部通用样式****************************************************************************************/
.footer-page {
    height: 40px;
    bottom: 0;
    left: 0;
    background: #fff;
    border-top: #e8eced solid 1px;
    position: fixed;
    width: 100%;
    margin: 0 -5px;
}
/**********************************************************************************************end****************************************************************************************/
/**********************************************************************************************补充样式****************************************************************************************/


.gray-bg {
    background-color: #f2f4f8;
}

.mb10 {
    margin-bottom: 10px
}
.mt5 {margin-top:5px}

.mt15 {
    margin-top: 15px
}

.ibox-tools {
    display: inline-block;
    float: right;
    margin-top: 0;
    position: relative;
    padding-right: 15px
}

.fl {
    float: left;
}

.fr {
    float: right;
}
/*清楚浮动*/
.clear {
    clear: both;
    height: 0;
    overflow: hidden
}

.clearfix {
    display: block;
    *zoom: 1
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

/***********************************************************************************radio，checekbox*************************************************************************************/


/**********************************************************************************************end****************************************************************************************/
/*表格修饰*/
.panel-heading {
    background-color: #f7fafa;
    color: #333;
    line-height:40px;
    height:40px;
    font-size:16px;
    border-radius: 2px 2px 0 0;
    padding: 0 15px;
    border: 1px solid #eaeef1;
    border-bottom: 1px solid transparent;
}

.bg-white {
    background-color: #fff
}

.nav-tabs0 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.nav-tabs0 li {
    ont-weight: 500;
    border-radius: 2px;
    padding: 5px 10px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid transparent;
    color: #788188 !important;
    background-color: #fff;
    border-color: #dbe2e7;
    border-bottom-color: #d5dde3;
    -webkit-box-shadow: 0 1px 1px rgba(90,90,90,0.1);
    box-shadow: 0 1px 1px rgba(90,90,90,0.1);
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    margin-left: -4px;
    border-color: #dbe2e7;
    border-bottom-color: #d5dde3;
}

.nav-tabs0 li.active {
    color: #788188 !important;
    background-color: #f2f2f2;
    border-color: #c2ced6;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

/*end*/
/**********************************************************************************************end**********************************************************************************/


/*end*/

/*字体颜色*/
.c-333 {
    color: #333;
}

.c-ccc {
    color: #ccc;
}

.c-999 {
    color: #999;
}

.c-666 {
    color: #666 !important;
}

.c-fff {
    color: #fff;
}

.c-Orange {
    color: #f44937
}

.c-32 {
    color: #323d43;
}

.c-92 {
    color: #929292;
}

.c-green {
    color: #00c665!important
}

.c-3e {
    color: #3e3e3e;
}

.c-c6 {
    color: #c6c6c6;
}

.c-017 {
    color: #000017;
}

.c-blue {
    color: #206d91;
}

.c-79 {
    color: #797979;
}

.c-red {
    color: #ff0000;
}

.c-c6 {
    color: #c6c6c6;
}

.c-89 {
    color: #898989;
}

.c-72 {
    color: #72d2ff;
}

.c-2c {
    color: #2c99de;
}

.c-d0 {
    color: #d0d0d0;
}

.c-fd {
    color: #fd8b42
}
/*会员管理*/

.w180 {
    width: 180px
}

.w200 {
    width: 200px
}

.w240 {
    width: 240px
}

.w90 {
    width: 90px;
!important;
}

.control-label {
    padding-right: 15px;
}

.w120 {
    width: 120px;
}

.form-control,.form-control2017 {
    border-color: #cbd5dd;
    border-radius: 2px;
}

.p15 {
    padding: 15px
}

.w300 {
    width: 300px;
}

.w60 {
    width: 60px
}

.console-box {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
    padding: 20px;
    background-color: #fff!important;
    border-bottom: 1px solid #f0f0f0;
}

.console-box:hover {
    background-color: #eef9fe!important;
}

.console-box .con-checkbox, .console-box .con-picture, .console-box .con-des,.hide-left,.hide-right,hide-picture {
    display: table-cell;
}

.con-img {
    vertical-align: middle;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.con-picture {
    padding: 0 30px;
}

.con-des {
    vertical-align: top;
}

.con-txt1 {
    font-size: 14px;
    color: #545451;
    margin-bottom: 15px;
}

.con-txt2 {
    font-size: 12px;
    color: #545451;
    margin-bottom: 15px;
}

.con-txt3 {
    font-size: 12px;
    color: #c6c6c6;
}

.bg-ef {
    background-color: #eef9fe;
}

.bg-eb {
    background-color: #1b86c7;
}

.bg-17 {
    background-color: #17a8d0;
}

.tabs-container {
    -webkit-box-shadow: 0 1px 1px rgba(90,90,90,0.1);
    box-shadow: 0 1px 1px rgba(90,90,90,0.1);
}

.count-item {
    width: 90px;
    height: 56px;
    margin-left: 28px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border-radius: 5px;
}

.con-count {
    margin-top: 10px;
    margin-right: 20px;
}

.mt10 {
    margin-top: 10px;
}

.mt5 {
    margin-top: 5px;
}

.bd-radius {
    border: 1px solid #1b86c7;
}

.c-1b {
    color: #1b86c7 !important;
}

.bg-fff {
    background-color: #fff
}

.bg-f0 {
    background-color: #f0f0f0
}

.console-hide {
    padding: 10px 20px;
}

.hide-left {
    padding: 0 50px;
    width: 80px;
}

.hide-txt {
    font-size: 14px;
    margin-bottom: 25px;
}

.hide-right {
    vertical-align: top;
}

.hide-label {
    padding-left: 20px;
}

.con-txt2 span {
    padding: 0 15px;
}

.tabs-container {
    /*  padding-top: 10px;*/
}

.hide-right h3 {
    font-size: 16px;
    margin-bottom: 25px;
}

.btn-default {
    color: #788188 !important;
    background-color: #fff;
    border-color: #dbe2e7;
    border-bottom-color: #d5dde3;
    -webkit-box-shadow: 0 1px 1px rgba(90,90,90,0.1);
    box-shadow: 0 1px 1px rgba(90,90,90,0.1);
}

.h60 {
    height: 60px;
}



.active {
    display: block
}

.mtb20 {
    margin: 20px 0
}

.plr15 {
    padding: 0 15px
}

.mr15 {
    margin-right: 15px
}

.mt7 {
    margin-top: 7px;
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mt20 {
    margin-top: 20px
}

.ml20 {
    margin-left: 20px
}

.fsize12 {
    font-size: 12px!important
}

.a.collapse-link {
    display: inline-block;
    height: 43px;
    line-height: 43px
}

.posA {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -7px
}

.mt40 {
    margin-top: 30px
}

.bg-white {
    background-color: #fff
}



.bg-white {
    background-color: #fff
}

.nav-tabs0 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.nav-tabs0 li {
    ont-weight: 500;
    border-radius: 2px;
    width: 48px;
    height: 28px;
    line-height: 28px;
    padding: 0;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid transparent;
    color: #788188 !important;
    background-color: #fff;
    border-color: #dbe2e7;
    border-bottom-color: #d5dde3;
    -webkit-box-shadow: 0 1px 1px rgba(90,90,90,0.1);
    box-shadow: 0 1px 1px rgba(90,90,90,0.1);
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    margin-left: -4px;
    border-color: #dbe2e7;
    border-bottom-color: #d5dde3;
}

.nav-tabs0 li a {
    display: block;
    height: 100%;
    width: 100%;
}

.nav-tabs0 li.active {
    color: #788188 !important;
    background-color: #f2f2f2;
    border-color: #c2ced6;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.ml20 {
    margin-left: 20px
}

.tabs-container .panel-body {
    padding: 20px
}

.pt20 {
    padding-top: 20px!important
}

.mb15 {
    margin-bottom: 15px
}

.ml15 {
    margin-left: 15px
}

.mt14 {
    margin-top: 14px
}

.edit2017,.one2017,.n2017,.delete2017,.ok-icon,.edit2,.delete2,.add2017,.save,.load2017,.apply2017,.up-level,.close2017,.open2017,.show2017,.manage2017,.reflash,.ie-icon{
    display: inline-block;
    width: 18px;
    height: 0;
    padding-top: 18px;
    overflow: hidden;
    background: url(../images/all_icon.png) no-repeat 0 0;
    vertical-align: middle;
    margin: 0 4px;
}

.edit2017 {
    background-position: -268px -170px;
}

.one2017 {
    background-position: -85px -170px;
}

.n2017 {
    background-position: -146px -78px;
}

.delete2017 {
    background-position: -213px -170px;
}

.ok-pe1 {
    background-position: -354px -170px;
}

.ok-pe2 {
    background-position: -378px -170px;
}

.edit2 {
    background-position: -126px -28px;
}

.delete2 {
    background-position: -30px -78px;
}

.add2017 {
    background-position: 2px -78px;
}

.save {
    background-position: -212px -193px;
}

.load2017 {
    background-position: -90px -142px;
}

.apply2017 {
    background-position: -236px -168px;
}
.up-level{
    background-position: -94px -27px;
}
.close2017{
    background-position: -268px -212px;
}
.open2017{
    background-position: -239px -212px;
}
.show2017{
    background-position: -328px -170px;
}
.manage2017{
    background-position: -404px -211px;
}
.reflash {
    background-position: -354px -188px;
}
.ie-icon {
    background-position: -381px -188px;
}
.btn-submit {
    color: #788188 !important;
}
.collapse-link {
    margin-top: 12px;
    display: block;
}
/*云市场应用*/
.banner-item {width: 25%;float: left}
.box-content {
    width: 280px;background-color: #fff;margin: auto;
}
.box-img {position: relative}
.mouse-hide {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.mouse-a {
    cursor: pointer;
    position: relative;
    color: #fff;
    float: left;
    line-height: 30px;
}
.mouse-img {
    width: 100%;
    height: 150px;
    display: block;
}
.info-box {
    padding: 16px;
    padding-top: 0;
    background-color:#f3f3f3;
}
.info-title {
    padding-top: 22px;
    text-align: center;

    line-height: 20px;
    color: #323d43;
    font-size: 20px;
}
.data-time {
    padding-top: 18px;
    text-align: center;
    height: 14px;
    line-height: 14px;
    color: #929292;
    font-size: 14px;
}
.f-color {
    color:#f44937;
}
.mt30 {margin-top: 30px;}

.banner-pd {
    padding:40px;
    position: relative;
}
.pl10{padding-left:10px}
.table tr td, table tr th {font-size:12px}
.editor {
    width: 40px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -20px;
    background: #1a1a1a;
    border-radius: 3px;
    font-size: 12px;
    display: none;
}
.con-txt3 {position:relative;}
.arrow-down {
    width: 8px;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -4px;
    background: url(../images/arrow-down.png) no-repeat
}
.ml10 {margin-left:10px}
.fontS16{font-size:18px!important}

.height60{height:60px}
.mb40{margin-bottom:40px}

.mt55{margin-top:55px}
.mt50 {margin-top:50px}
.footer-page .col-sm-5 .btn{min-width:80px;margin-top:12px}
.ml15{margin-left:15px}
.footer-page .col-sm-5 .checkbox {margin-left:10px}
.w150 {width:150px}
@media screen and (max-width: 1500px){
    .con-txt2 span {padding:0 5px}
}
.ui-popup-backdrop {
    opacity: 0.05!important;

}
.mt3 {
    margin-top:3px;
}
.mt8 {
    margin-top:8px
}
.taps-fixed {
    width: 100%;
    position: fixed;
    left: 0;
    min-height: 40px;
    top: 0;
    z-index: 99;
}
.emptycss {
    border: 0px!important;
    font-size: 14px;
    color: #b0b9bf;
    background: url(../images/empty.png) no-repeat 50% 40px;
    padding-top: 90px !important;
    padding-bottom: 40px;
    text-align: center;
}
/*app-add*/
.btn-w-m80{min-width: 80px}
.selectImageBtn{width:90px;height:35px;line-height:35px;text-align:center; background:#f5f8f9; cursor:pointer;border:1px solid #e6e9ea;display:inline-block}
.laydate-icon {border: 1px solid #ccc;background: url(../images/icon.png)  no-repeat right !important ;height:32px;}
/*app-list*/
.pd-t10{padding-top: 10px}
.taps-button {position: absolute;top: 0;right:30px;z-index: 999}
.btn-taps {border: 1px solid #1ab394; background-color: #fff;color: #1ab394}
.console-box {border-bottom: 1px solid #e5e5e5;padding: 20px 0  }
.pd-r40{padding-left: 40px}

.linh30{line-height:30px}
.taps-button {top:18px}
.con-count li {display: inline-block;margin-left: 15px;}
.console-right {position: absolute;right: 0;bottom: 20px;}
.w150 {width:150px}
/*appcategory-add*/
.mt55 {margin-top:55px!important}
/*appcategory-obyall*/
.re-btn {position: absolute;right: 65px;top: -8px}
/*appcategory-one*/
.mt0{margin-top:0}
/*appfield-add*/
.help-block {
    margin-top: 10px;
    display:inline-block
}

.red {
    color: red;
    text-align: left !important;
    font-style: normal;
}


.blue {
    color: #0000ff;
}
.w100{
    width: 100px;
}
.radio.radio-inline {padding-top:7px}
/*appfirled-list*/
.main-button {
    text-align: center;
    padding: 8px 0;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
    border-top: 1px solid #e9eced;
    z-index: 99999;
    height: 50px;
}
.mt400 {margin-top:40px}
/*上传图片*/
.a-upload {
    padding: 4px 10px;
    height: 32px;
    line-height: 20px;
    position: relative;
    cursor: pointer;
    color: #888;
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.a-upload  input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}

.a-upload:hover {
    color: #444;
    background: #eee;
    border-color: #ccc;
    text-decoration: none
}
.modal-dialog {z-index: 2050 !important;}
.light-gr{color: #3CB371}
/*area-admin-add*/
.content-area {
   
    background:#fff
}
/*chapter-table-list*/
.red{color: red}
.green { color: green}
.gray {color: #e2e2e2}
.blue {
    color: #0000ff;
}

/*filed-add*/
.help-block {
    margin-top: 10px;
    display:inline-block;
}
/*index-v1*/
.p30{padding:30px;}
.title-img img {
    display: inline-block;
    width: 60px;
    margin-right: 10px;
    border-radius: 10px;
    vertical-align: bottom;
}
.f-f24 {
    font-size: 24px;
}
.c-a8ecd5 {
    color: #a8ecd5;
}
.c-a5bee1 {
    color: #a5bee1;
}
.bg-white {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(176,191,209,0.7);
}
.warning-index {
    max-width: 200px;
    line-height: 24px;
    font-size: 14px;
    word-break:break-all;
    color:#666
}

.mt20 {
    margin-top: 20px;
}
.mr15{margin-right: 15px}
.item-index {
    max-width: 400px;
    width:400px;
    min-width:176px;
}
.item-li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 176px;
    height: 20px;
    line-height: 20px;
    margin-right: 5%;
    margin-bottom: 10px;
}
.item-li:after {
    content: ">";
    position: absolute;
    right: 0;
    top: -1px;
    font-size: 16px;
}
.item-index .item-li .item-a {
    font-size: 16px;
    display: inline-block;
    width: 100%;
    color:#666
}
.block-index {
    display: block;
}
.index-h3 {
    font-size: 24px;
    font-weight: normal;
    color: #88abda;
    margin: 50px 0;
}
.index-need  li {
    width: 144px;
    height: 150px;
    float: left;
    border-radius: 10px;
    margin: 0 20px;
}
.index-need  .box1 {
    background: #fe8864;
}
.need-block ul .box2 {
    background: #56bdde;
}
.need-block ul .box3 {
    background: #b298df;
}
.need-block ul .box4 {
    background: #6dc7be;
}
.need-block ul .box1 .ticon {
    height: 80px;
    background: url(../images/footer-iocn1.png) no-repeat center bottom;
}
.need-block ul .box2 .ticon {
    height: 80px;
    background: url(../images/footer-icon2.png) no-repeat center bottom;
}
.need-block ul .box3 .ticon {
    height: 80px;
    background: url(../images/footer-icon3.png) no-repeat center bottom;
}
.need-block ul .box4 .ticon {
    height: 80px;
    background: url(../images/footer-icon4.png) no-repeat center bottom;

}
.need-block ul li .bname {
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.head-index {
    height:60px;
    vertical-align:middle;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:99
}
.head-index h3{
    margin-top: 20px;
    margin-left: 30px;
    font-weight: blod;
    font-size: 16px;
}
@media screen and (max-width: 1280px) {
    .item-index {
        max-width: 400px;
        width:176px;
    }
}
.pt0 {padding-top:0}
/*member-list*/
.btn-xs{
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}
/*member-list*/
.taps-button {position: absolute;top: 27px;right:115px;z-index: 999}
.btn-taps {border: 1px solid #1ab394; background-color: #fff;color: #1ab394}

.ibox{margin-bottom: 0}

.choice421 {
    position: absolute;
    right: 20px;
    top: 22px;
    padding: 2px;
    width: 450px;
    z-index: 999;
    border: 1px solid #e5e5e5;
    display: none;
    background-color: #e3e3e3;
}
.ibox-content { border: none}
/*   #choice:hover>.choice421 {
 display: block;
 }*/
/* .dis424{display:block;}
 .none424{display:none;}

 #choice {
     position: absolute;
     display: inline-block;
     right: -88px;
     top: 9px;
     z-index: 998;
 }
 #choice1 button:visited{
     background-color: #1ab394;
     border-color: #1ab394;
     color: #FFF;
 }


 .nav-tabs {
     background-color:#fff;

 }
 .checkbox{
     margin:0
 }

 .checkbox label {line-hight:20px}*/
/*pay-log*/
.pd-txt{
    display:block;
    padding-top: 7px;
    float: left;
}
.tips {
    color: #b0b9bf;
    font-size: 12px;
}
.bg-waring{
    border: 1px dashed #cccccc;
    background-color: #f0f9fe;
    margin-top: 10px;
    padding: 10px;
    text-align: left;
    font-size: 12px;
}
.mr20 {margin-right: 20px}
/*user-list*/
.down {
    display: none;
}
.pos3{
    position: relative;
    top: 4px;
}
.mrl{
    line-height: 36px;
    margin-right: 10px;
}
.pt30{padding-top:30px!important}
.pt25 {padding-top:25px}
.pl20{padding-left:20px}
.light-gr{color: #3CB371}

/*admin-article-list*/
.txt-top {color: #77b6e7;padding-top: 5px;padding-right:10px;box-sizing: border-box }


.taps-button {position: absolute;top: 27px;right:115px;z-index: 999}
.btn-taps {border: 1px solid #1ab394; background-color: #fff;color: #1ab394}

.ibox{margin-bottom: 0}

.choice421 {
    position: absolute;
    right: -26px;
    top: 0;
    padding: 2px;
    min-width: 100px;
    z-index: 999;
    border: 1px solid #e5e5e5;
    display: none;
    background-color: #fff;
}
.ibox-content { border: none}
/*   #choice:hover>.choice421 {
 display: block;
 }*/
.dis424{display:block;}
.none424{display:none;}

#choice {
    position: absolute;
    display: inline-block;
    right: -88px;
    top: 9px;
    z-index: 998;
}
#choice1 button:visited{
    background-color: #1ab394;
    border-color: #1ab394;
    color: #FFF;
}

/*admin-TypeChange*/
.form-horizontal .control-label {padding:  12px 15px 0 15px;float: left}
.pdlr{padding: 0 15px;float: left}

/*  switch 按钮样式 */
.mui-switch {
    width: 52px;
    height: 31px;
    position: relative;
    border: 1px solid #dfdfdf;
    background-color: #fdfdfd;
    box-shadow: #dfdfdf 0 0 0 0 inset;
    border-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-clip: content-box;
    display: inline-block;
    -webkit-appearance: none;
    user-select: none;
    outline: none; }
.mui-switch:before {
    content: '';
    width: 29px;
    height: 29px;
    position: absolute;
    top: 0px;
    left: 0;
    border-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
.mui-switch:checked {
    border-color: #64bd63;
    box-shadow: #64bd63 0 0 0 16px inset;
    background-color: #64bd63; }
.mui-switch:checked:before {
    left: 21px; }
.mui-switch.mui-switch-animbg {
    transition: background-color ease 0.4s; }
.mui-switch.mui-switch-animbg:before {
    transition: left 0.3s; }
.mui-switch.mui-switch-animbg:checked {
    box-shadow: #dfdfdf 0 0 0 0 inset;
    background-color: #64bd63;
    transition: border-color 0.4s, background-color ease 0.4s; }
.mui-switch.mui-switch-animbg:checked:before {
    transition: left 0.3s; }
.mui-switch.mui-switch-anim {
    transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s; }
.mui-switch.mui-switch-anim:before {
    transition: left 0.3s; }
.mui-switch.mui-switch-anim:checked {
    box-shadow: #64bd63 0 0 0 16px inset;
    background-color: #64bd63;
    transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s; }
.mui-switch.mui-switch-anim:checked:before {
    transition: left 0.3s; }
.c-green{color: #00CC99}
.pt15 {
    padding-top:15px;
}

.ml15 {
    margin-left: 15px;
}

.warning {
    text-align: center;
}

.btn-addClass {
    color: #fff !important;
    background-color: #5faee3;
    border-color: #5faee3;
}

.btn-allClass {
    color: #fff !important;
    background-color: #a1d8da;
    border-color: #a1d8da;
}

.header-box h3 {
    font-weight: 400;
    font-size: 16px;
    color: #000;
    line-height: 34px;
}

.comment-title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin: 15px 0;
}

.fz-12 {
    font-size: 12px;
}

.c-5f {
    color: #5faee3;
}

.c-00ac {
    color: #00acac;
}
.c-348 {
    color:#348fe2;
}
.c-727 {
    color:#727cb6 ;
}
.c-ff6 {
    color: #ff6b6b;
}
.c-ab6e{
    color: #ab6eb1;
}
.fw700{
    font-weight: 700;
}
.fw500 {
    font-weight: 500;
    padding-top: 5px;
}
.lf56 {
    font-size: 56px !important;
    line-height: 56px;
    display: table-cell;
}
.pl15 {
    padding-left: 15px
}
.news-table {
    display: table;
    width: 60%;
    margin: 0 auto;
}

.news-box {
    display: inline-block;
    width: 18.5%;
    border-radius: 10px;
    margin-left: 20px;
    padding: 10px 0;
}

.news-cell {
    display: table-cell;
    vertical-align: middle;
}
.w56 {width: 56px}
@media screen and (max-width: 1800px) {
    .news-box {
        width: 18%;
    }
}
@media screen and (max-width: 1730px) {
    .news-table {
        width: 60%;
    }
}
@media screen and (max-width: 1430px) {
    .news-table {
        width: 70%;
    }
}
@media screen and (max-width: 1366px) {
    .news-box {
        width: 17.6%;
    }
    .news-table {
        width: 90%;
    }
    .fz-16 {
	font-size:12px !important;	
    }
}
.chart-box {width:38%;float: left;padding: 15px;margin-left: 20px;border-radius: 5px}
.chart-img,.chart-content,.chart-time {
    display: table-cell;
    vertical-align: middle;
}
.chart-table {
    width: 100%;
    padding: 10px 0;
    display: table;
    border-bottom: 1px solid #ccc;
}
.chart-time {
    vertical-align: bottom;
    padding-bottom: 5px;
}
.chart-content span {
    display: block;
    padding-top: 5px;
}
.chart-img img{border-radius: 50%}
.wrapper-header {
    margin-left: -15px;
    margin-right: -15px;
}