@charset "utf-8";
/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,th,div,dl,dt,dd,form,fieldset,button,img,cite,strong,em{margin:0;padding:0;border:0; font-family:'Microsoft YaHei' ,"微软雅黑";}
img,th ,embed{ border:none; color:#666}
select,input,font{}
select,input,img{vertical-align:middle;}
h1,h2,h3,h4,h5,h6{ font-weight:normal}
ul, ol, li{ list-style:none; margin:0; padding:0;}
a{color:#666;text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none; color:#0098E0}
a:visited{text-decoration:none;}
body{ width:100%; margin:0px auto;background:#fff; font-family:'Microsoft YaHei',"宋体","黑体"; color:#333; font-size:12px }
table,td,tr{font-size:12px; color:#666;}
em,i{ font-style:normal}
.bold{ font-weight:bold;}
/* 清除浮动 */
.clear { display:block; clear:both; }
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }
.bold {font-weight:bold;}
.lin40 { line-height:40px;}
.lin32 { line-height:32px;}
.col_66{ color:#666;}
.col_88{ color:#888;}
.pd0 { padding:0px;}
.left{ float:left;}
.pdt8 { padding-top:8px;}
.pdl0 {padding-left:0px;}
.left{ float:left;}
.marr8 { margin-right:15px;}
.bgwhite{ background:#fff !important;}
.font12{ font-size:12px;}
.font14{ font-size:14px;}
.common{ font-size:15px;}
.font16 { font-size:18px;}

/* 全局样式 */
/* core.css样式表 */
html,body { min-height: 100%;}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {
    background: #f0f0f0 !important;
    position: relative;
    font-family: Arial,Helvetica, sans-serif,"宋体","黑体";
}
* {outline: none !important;}
a:hover {outline:0; text-decoration: none; color:#333;}
a:active {outline: 0;text-decoration: none;}
a:focus {outline: 0;text-decoration: none;}
.container {width: auto;}
.container-alt {margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px;}
.footer{
    background-color: #f9f9f9;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    bottom: 0px;
    color: #58666e;
    text-align: left !important;
    padding: 20px 30px;
    position: absolute;
    right: 0;
    left: 190px;
}
#wrapper{width: 100%; height: 100%;overflow: hidden;}
.page {bottom: 0; left: 0; right: 0;top: 0;}
.page-title {margin-bottom: 24px;}
.social-links li a, .social-links li div {
    -webkit-border-radius: 50%;
    background: #EFF0F4;
    border-radius: 50%;
    color: #7A7676;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    cursor:pointer;
}
/* ==============
  Bootstrap-custom
===================*/

.breadcrumb {
    background-color: transparent;
    margin-bottom: 15px;
    margin-top: 5px;
}
.dropdown-menu {
    padding:0;
    -webkit-animation: dropdownOpen 0.3s ease-out;
    -o-animation: dropdownOpen 0.3s ease-out;
    animation: dropdownOpen 0.3s ease-out;
    border: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    border-radius:3px;

}
.dropdown-menu > li > a {padding: 6px 20px;}
.bg-primary{background-color: #2b4049 !important;}
.bg-success{background-color: #58c9c7 !important;}
.bg-info{background-color: #2b9ac9 !important;}
.bg-warning{background-color: #f2ab40 !important;}
.bg-danger{background-color: #ef5350 !important;}
.bg-muted{background-color: #d0d0d0 !important;}
.bg-inverse{background-color: #212121 !important;}
.bg-purple{background-color: #7e57c2 !important;}
.bg-pink {background-color: #ec407a !important;}
.bg-green{background-color: #5cb85c !important;}
.bg-white{background-color: #ffffff !important;}
.bg-yellow{background-color: #ffecc7 !important;}
.text-white{color: #ffffff;}
.text-danger{color: #ef5350;}
.text-muted{color: #98a6ad;}
.text-primary{color: #2b4049;}
.text-success{color: #58c9c7;}
.text-info{color: #2b9ac9;}
.text-inverse{color: #212121;}
.text-pink {color: #ec407a;}
.text-purple{color: #7e57c2;}
.text-dark{color: #797979 !important;}
.form-control {
    -moz-border-radius: 2px;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: #fafafa;
    border-radius: 2px;
    border: 1px solid #eeeeee;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
}
.form-control02 {
    -moz-border-radius: 2px;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: #fafafa;
    border-radius: 2px;
    border: 1px solid #eeeeee;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    line-height: 30px;
    padding-left: 6px;
    width: 18.5%;
    height: 32px;
}
.form-control:focus {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: none;
}
.label-primary{background-color: #2b4049;}
.label-success{background-color: #58c9c7;}
.label-info{background-color: #2b9ac9;}
.label-warning{background-color: #ffd740;}
.label-danger{background-color: #ef5350;}
.label-purple{background-color: #7e57c2;}
.label-pink {background-color: #ec407a;}
.label-inverse{background-color: #212121;}
.badge {
    text-transform: uppercase;
    font-weight: normal;
    padding: 3px 5px;
    font-size: 12px;
    margin-top: 1px;
}
.badge-xs {
    font-size: 9px;
}
.badge-xs,.badge-sm {
    -webkit-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
    -o-transform: translate(0, -2px);
    transform: translate(0, -2px);
}
.badge-primary{background-color:#2b4049;}
.badge-success{background-color:#58c9c7;}
.badge-info{background-color: #2b9ac9;}
.badge-warning{background-color: #ffd740;}
.badge-danger{background-color: #ef5350;}
.badge-purple {background-color: #7e57c2;}
.badge-pink{background-color: #ec407a;}
.badge-inverse{background-color: #212121;}
.pagination > li > a {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #373e4a;
}
.pagination > li > span {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #373e4a;
}
.tabs {
    background-color: #ffffff;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    white-space: nowrap;
    width: 100%;
}
.tabs li.tab {
    background-color: #ffffff;
    display: block;
    float: left;
    margin: 0;
    text-align: center;
}
.tab-bg {
    background-color: #ff9900 !important;
    border-radius: 5px 5px 0 0;
}
.tabs li.tab a {
    -moz-transition: color 0.28s ease;
    -ms-transition: color 0.28s ease;
    -o-transition: color 0.28s ease;
    -webkit-transition: color 0.28s ease;
    color: #ee6e73;
    display: block;
    height: 100%;
    text-decoration: none;
    transition: color 0.28s ease;
    width: 100%;
}
.tabs li.tab a.active {
    color: #ff9900 !important;
}
.tabs .indicator {
    background-color: #ff9900;
    bottom: 0;
    height: 2px;
    position: absolute;
    will-change: left, right;
}
.tabs-top .indicator {
    top: 0;
}
.nav.nav-tabs + .tab-content {
    background: #ffffff;
    margin-bottom: 30px;
    padding: 30px;
}
.tabs-vertical-env {
    background-color: #eeeeee;
    margin-bottom: 30px;
}
.tabs-vertical-env .tab-content {
    background: #ffffff;
    display: table-cell;
    margin-bottom: 30px;
    padding: 30px;
    vertical-align: top;
}

.tabs-vertical-env .nav.tabs-vertical {
    display: table-cell;
    min-width: 120px;
    vertical-align: top;
    width: 150px;
}
.tabs-vertical-env .nav.tabs-vertical li.active > a {
    background-color: #ffffff;
    border: 0;
}
.tabs-vertical-env .nav.tabs-vertical li > a {
    color: #333333;
    text-align: center;
    white-space: nowrap;
}
.nav.nav-tabs > li.active > a {
    background-color: #fff;
    border: none;
    font-size: 15px;
    font-weight: bold;
}
.nav.nav-tabs > li > a,
.nav.tabs-vertical > li > a {
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: #333333 !important;
    cursor: pointer;
    line-height: 50px;
    padding-left:20px;
    padding-right:20px;
}
.nav.nav-tabs > li > a:hover,.nav.tabs-vertical > li > a:hover {color: #2b4049 !important;}
.tab-content{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); background:#fff; overflow:auto;}
.nav.nav-tabs > li:last-of-type a {margin-right: 0px;}
.nav.nav-tabs { border-bottom: 0;}
.navtab-bg { background-color: #eeeeee;}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus,
.tabs-vertical-env .nav.tabs-vertical li.active > a {
    border: none;
}
/* Dropcap */
.dropcap {font-size: 3.1em;}
.dropcap,
.dropcap-circle,
.dropcap-square {
    display: block;
    float: left;
    font-weight: 400;
    line-height: 36px;
    margin-right: 6px;
    text-shadow: none;
}
.modal .modal-dialog .modal-content {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color: #DDDDDD;
    border-radius: 2px;
    box-shadow: none;
    /*padding:15px 20px 20px;*/
}
.modal .modal-dialog .modal-content .modal-header {
    /*border-bottom-width: 2px;
    margin: 0;
    padding: 0;
    padding-bottom: 15px;*/
    padding:10px 15px;
    background:#f9f9f9;
}
.modal .modal-dialog .modal-content .modal-body {padding: 15px !important;}
.modal .modal-dialog .modal-content .panel-body {padding: 15px !important;}
.modal-full {width: 98%;}
.modal-content .nav.nav-tabs + .tab-content {margin-bottom: 0px;}
.modal-content .panel-group { margin-bottom: 0px;}
.modal-content .panel {border-top: none;}
.tabs-vertical-env .tab-content {margin-bottom: 0px;}
.table > thead > tr > td.middle-align,
.table > tbody > tr > td.middle-align,
.table > tfood > tr > td.middle-align,
.table > thead > tr > th.middle-align,
.table > tbody > tr > th.middle-align,
.table > tfood > tr > th.middle-align {
    vertical-align: middle;
}
.legendLabel {padding-left: 10px !important;}
.alert-success {background-color: #ccedda; border-color: #7ad19f; color: #33b86c;}
.alert-success .alert-link {color: #268a51;}
.list-group-item.active {
    background-color: #dddddd;
    border-color: #dddddd;
    color: #444444;
    z-index: 2;
}
.list-group-item.active:hover {
    background-color: #dddddd;
    border-color: #dddddd;
    color: #444444;
    z-index: 2;
}
.list-group-item.active:hover .list-group-item-text {color: #2b4049;}
.list-group-item.active:focus {
    background-color: #dddddd;
    border-color: #dddddd;
    color: #444444;
    z-index: 2;
}
.list-group-item.active:focus .list-group-item-text {color: #2b4049;}
.list-group-item.active .list-group-item-text {color: #2b4049;}
.list-group-item {border-radius: 0px;padding: 12px 20px;}
.list-group-item:first-child {border-radius: 0px;padding: 12px 20px; }
.list-group-item:last-child {border-radius: 0px;padding: 12px 20px;}
.list-group-item-heading {font-weight: 300;}
.list-group-item.active > .badge {color: #2b4049;}
.nav-pills > .active > a > .badge { color: #2b4049;}
.has-success .form-control {border-color: #58c9c7;box-shadow: none !important;}
.has-warning .form-control { border-color: #ffd740;box-shadow: none !important;}
.has-error .form-control {border-color: #ef5350;box-shadow: none !important;}
.input-group-addon {border-radius: 2px; border: 1px solid #eeeeee;}
/* ==============
  Helper Classes
===================*/
.p-0 { padding: 0px !important;}
.p-t-0 {padding-top: 0px !important;}
.p-t-10 {padding-top: 10px !important;}
.p-b-10 {padding-bottom: 10px !important;}
.m-0 {margin: 0px !important;}
.m-r-5 {margin-right: 5px;}
.m-r-10 {margin-right: 10px;}
.m-r-15 {margin-right: 15px !important;}
.m-r-25 {margin-right: 25px !important;}
.m-l-3 {margin-left: 3px;}
.m-l-5 {margin-left: 5px;}
.m-l-10 {margin-left: 10px;}
.m-l-15 {margin-left: 15px;}
.m-t-5 {margin-top: 5px !important;}
.m-t-0 {margin-top: 0px;}
.m-t-10 {margin-top: 10px !important;}
.m-t-15 {margin-top: 15px !important;}
.m-t-20 {margin-top: 20px !important;}
.m-t-30 {margin-top: 30px !important;}
.m-t-40 {margin-top: 40px !important;}
.m-b-0 {margin-bottom: 0px;}
.m-b-5 {margin-bottom: 5px;}
.m-b-10 {margin-bottom: 10px;}
.m-b-15 {margin-bottom: 15px;}
.m-b-30 {margin-bottom: 30px;}
.w-xxs {min-width: 58px;}
.w-xs {min-width: 80px;}
.w-sm {min-width: 95px;}
.w-md {min-width: 110px;}
.w-lg {min-width: 140px;}
.m-h-50 {min-height: 50px;}
.l-h-34 {line-height: 34px;}
.font-light {font-weight: 300;}
.wrapper-md {padding: 20px;}
.pull-in {margin-left: -15px;margin-right: -15px;}
.b-0 {border: none !important;}
.no-border {border: none;}
.bx-shadow {
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
.mx-box {max-height:380px; min-height: 380px;}
.thumb-sm {height: 32px; width: 32px;}
.thumb-md {height: 48px; width: 48px;}
.thumb-lg {height: 88px; width: 88px;}
.grid-structure .grid-container {background-color: #f5f5f5; margin-bottom: 10px; padding: 10px 20px;}
.icon-list div {cursor: pointer; line-height: 40px; white-space: nowrap;}
.icon-list i {
    -webkit-transition: all 0.2s;
    -webkit-transition: font-size 0.2s;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    text-align: center;
    transition: all 0.2s;
    transition: font-size 0.2s;
    vertical-align: middle;
    width: 40px;
}
.icon-list .col-md-3:hover i {
    -o-transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    transform: scale(2);
}
.ionicon-list i {font-size: 16px;}
.ionicon-list .col-md-3:hover i {
    -o-transform: scale(2);
    -webkit-transform: scale(2);
    moz-transform: scale(2);
    transform: scale(2);
}
/* ==============
  Waves Effect
===================*/

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    -will-change: opacity, transform;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {background-color: rgba(255, 255, 255, 0.45);}
.waves-effect.waves-red .waves-ripple {background-color: rgba(244, 67, 54, 0.7);}
.waves-effect.waves-yellow .waves-ripple { background-color: rgba(255, 235, 59, 0.7); }
.waves-effect.waves-orange .waves-ripple { background-color: rgba(255, 152, 0, 0.7);}
.waves-effect.waves-purple .waves-ripple { background-color: rgba(156, 39, 176, 0.7); }
.waves-effect.waves-green .waves-ripple { background-color: rgba(76, 175, 80, 0.7);}
.waves-effect.waves-teal .waves-ripple { background-color: rgba(0, 150, 136, 0.7); }
.waves-notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}
.waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none;
}
.waves-input-wrapper {
    border-radius: 0.2em;
    vertical-align: bottom;
}
.waves-input-wrapper .waves-button-input {position: relative; top: 0; left: 0;z-index: 1;}
.waves-block {display: block;}
/* ==============
  Animation
===================*/
/* Bounce 1 */
@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -o-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -o-transform: scale(1.2);
    }

    100% {
        -o-transform: scale(1);
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
/* Bounce 2 */
@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -o-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -o-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
/* Dropdown */
@-webkit-keyframes dropdownOpen {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes dropdownOpen {
    0% {
        opacity: 0;
        -moz-transform: scale(0);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes dropdownOpen {
    0% {
        opacity: 0;
        -o-transform: scale(0);
    }

    100% {
        -o-transform: scale(1);
    }
}

@keyframes dropdownOpen {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
/* Progressbar Animated */
@-webkit-keyframes animationProgress {
    from {
        width: 0;
    }
}

@keyframes animationProgress {
    from {
        width: 0;
    }
}
/* Portlets loader */
@-webkit-keyframes loaderAnimate {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(220deg);
    }
}
@-moz-keyframes loaderAnimate {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(220deg);
    }
}
@-o-keyframes loaderAnimate {
    0% { -o-transform: rotate(0deg);}
    100% {-o-transform: rotate(220deg);}
}
@keyframes loaderAnimate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(220deg);
    }
}

@-webkit-keyframes loaderAnimate2 {
    0% {
        box-shadow: inset #555 0 0 0 8px;
        -webkit-transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #555 0 0 0 2px;
    }

    100% {
        box-shadow: inset #555 0 0 0 8px;
        -webkit-transform: rotate(140deg);
    }
}

@-moz-keyframes loaderAnimate2 {
    0% {
        box-shadow: inset #555 0 0 0 8px;
        -moz-transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #555 0 0 0 2px;
    }

    100% {
        box-shadow: inset #555 0 0 0 8px;
        -moz-transform: rotate(140deg);
    }
}

@-o-keyframes loaderAnimate2 {
    0% {
        box-shadow: inset #555 0 0 0 8px;
        -o-transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #555 0 0 0 2px;
    }

    100% {
        box-shadow: inset #555 0 0 0 8px;
        -o-transform: rotate(140deg);
    }
}

@keyframes loaderAnimate2 {
    0% {
        box-shadow: inset #555 0 0 0 8px;
        -webkit-transform: rotate(-140deg);
        -moz-transform: rotate(-140deg);
        -ms-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #555 0 0 0 2px;
    }

    100% {
        box-shadow: inset #555 0 0 0 8px;
        -webkit-transform: rotate(140deg);
        -moz-transform: rotate(140deg);
        -ms-transform: rotate(140deg);
        transform: rotate(140deg);
    }
}
@keyframes loaderAnimate2 {
    0% {
        box-shadow: inset #999 0 0 0 17px;
        transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #999 0 0 0 2px;
    }

    100% {
        box-shadow: inset #999 0 0 0 17px;
        transform: rotate(140deg);
    }
}
@media print {
    .logo,
    .page-title,
    .breadcrumb,
    .footer {
        display: none !important;
        margin: 0px !important;
        padding: 0px !important;
    }

    .left {
        display: none;
    }

    .right-bar {
        display: none !important;
    }

    .content {
        margin-top: 0px;
        padding-top: 0px;
    }

    .content-page {
        margin-left: 0px !important;
        margin-top: 0px;
    }
}

/* icons.css样式表 */

/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.eot-v=4.4.0")/*tpa=http://login.jiujiuke.net/assets/fonts/fontawesome-webfont.eot?v=4.4.0*/;
    src: url("../fonts/fontawesome-webfont-1.eot-#iefix&v=4.4.0")/*tpa=http://login.jiujiuke.net/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0*/ format('embedded-opentype'), url("../fonts/fontawesome-webfont.woff2-v=4.4.0")/*tpa=http://login.jiujiuke.net/assets/fonts/fontawesome-webfont.woff2?v=4.4.0*/ format('woff2'), url("../fonts/fontawesome-webfont.woff-v=4.4.0")/*tpa=http://login.jiujiuke.net/assets/fonts/fontawesome-webfont.woff?v=4.4.0*/ format('woff'), url("../fonts/fontawesome-webfont.ttf-v=4.4.0")/*tpa=http://login.jiujiuke.net/assets/fonts/fontawesome-webfont.ttf?v=4.4.0*/ format('truetype'), url("../fonts/fontawesome-webfont.svg-v=4.4.0#fontawesomeregular")/*tpa=http://login.jiujiuke.net/assets/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular*/ format('svg');
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-lg {font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%;}
.fa-2x {font-size: 2em;}
.fa-3x { font-size: 3em;}
.fa-4x {font-size: 4em;}
.fa-5x {font-size: 5em;}
.fa-fw { width: 1.28571429em; text-align: center;}
.fa-ul { padding-left: 0; margin-left: 2.14285714em;list-style-type: none;}
.fa-ul > li { position: relative;}
.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}
.fa-li.fa-lg {left: -1.85714286em;}
.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em;
}
.fa-pull-left { float: left;}
.fa-pull-right {float: right;}
.fa.fa-pull-left { margin-right: .3em;}
.fa.fa-pull-right { margin-left: .3em;}
/* Deprecated as of 4.4.0 */
.pull-right {float: right;}
.pull-left { float: left;}
.fa.pull-left { margin-right: .3em;}
.fa.pull-right {margin-left: .3em;}
.fa-spin {-webkit-animation: fa-spin 2s infinite linear;animation: fa-spin 2s infinite linear;}
.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8);animation: fa-spin 1s infinite steps(8);}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.fa-stack-1x {line-height: inherit;}
.fa-stack-2x {font-size: 2em;}
.fa-inverse {color: #ffffff;}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before{content: "\f000";}
.fa-music:before{content: "\f001";}
.fa-search:before{content: "\f002";}
.fa-envelope-o:before{content: "\f003";}
.fa-heart:before{content: "\f004";}
.fa-star:before{content: "\f005";}
.fa-star-o:before{content: "\f006";}
.fa-user:before{content: "\f007";}
.fa-film:before{content: "\f008";}
.fa-th-large:before{content: "\f009";}
.fa-th:before{content: "\f00a";}
.fa-th-list:before{content: "\f00b";}
.fa-check:before{content: "\f00c";}
.fa-remove:before,.fa-close:before,.fa-times:before { content: "\f00d";}
.fa-search-plus:before{content: "\f00e";}
.fa-search-minus:before{content: "\f010";}
.fa-power-off:before{content: "\f011";}
.fa-signal:before{content: "\f012";}
.fa-gear:before,.fa-cog:before { content: "\f013";}
.fa-trash-o:before{content: "\f014";}
.fa-home:before{content: "\f015";}
.fa-file-o:before{content: "\f016";}
.fa-clock-o:before{content: "\f017";}
.fa-road:before{content: "\f018";}
.fa-download:before{content: "\f019";}
.fa-arrow-circle-o-down:before {content: "\f01a";}
.fa-arrow-circle-o-up:before{content: "\f01b";}
.fa-inbox:before{content: "\f01c";}
.fa-play-circle-o:before{content: "\f01d";}
.fa-rotate-right:before,.fa-repeat:before { content: "\f01e";}
.fa-refresh:before{content: "\f021";}
.fa-list-alt:before{content: "\f022";}
.fa-lock:before{content: "\f023";}
.fa-flag:before{content: "\f024";}
.fa-headphones:before{content: "\f025";}
.fa-volume-off:before{content: "\f026";}
.fa-volume-down:before{content: "\f027";}
.fa-volume-up:before{content: "\f028";}
.fa-qrcode:before{content: "\f029";}
.fa-barcode:before{content: "\f02a";}
.fa-tag:before{content: "\f02b";}
.fa-tags:before{content: "\f02c";}
.fa-book:before{content: "\f02d";}
.fa-bookmark:before{content: "\f02e";}
.fa-print:before{content: "\f02f";}
.fa-camera:before{content: "\f030";}
.fa-font:before{content: "\f031";}
.fa-bold:before{content: "\f032";}
.fa-italic:before{content: "\f033";}
.fa-text-height:before{content: "\f034";}
.fa-text-width:before{content: "\f035";}
.fa-align-left:before{content: "\f036";}
.fa-align-center:before{content: "\f037";}
.fa-align-right:before{content: "\f038";}
.fa-align-justify:before{content: "\f039";}
.fa-list:before{content: "\f03a";}
.fa-dedent:before,.fa-outdent:before {content: "\f03b";}
.fa-indent:before{content: "\f03c";}
.fa-video-camera:before{content: "\f03d";}
.fa-photo:before,.fa-image:before,.fa-picture-o:before {content: "\f03e";}
.fa-pencil:before {content: "\f040";}
.fa-map-marker:before {content: "\f041";}
.fa-adjust:before {content: "\f042";}
.fa-tint:before {content: "\f043";}
.fa-edit:before,.fa-pencil-square-o:before { content: "\f044";}
.fa-share-square-o:before { content: "\f045";}
.fa-check-square-o:before {content: "\f046";}
.fa-arrows:before {content: "\f047";}
.fa-step-backward:before {content: "\f048";}
.fa-fast-backward:before {content: "\f049";}
.fa-backward:before {content: "\f04a";}
.fa-play:before {content: "\f04b";}
.fa-pause:before {content: "\f04c";}
.fa-stop:before {content: "\f04d";}
.fa-forward:before {content: "\f04e";}
.fa-fast-forward:before {content: "\f050";}
.fa-step-forward:before {content: "\f051";}
.fa-eject:before { content: "\f052";}
.fa-chevron-left:before {content: "\f053";}
.fa-chevron-right:before {content: "\f054";}
.fa-plus-circle:before {content: "\f055";}
.fa-minus-circle:before {content: "\f056";}
.fa-times-circle:before {content: "\f057";}
.fa-check-circle:before { content: "\f058";}
.fa-question-circle:before {content: "\f059";}
.fa-info-circle:before {content: "\f05a";}
.fa-crosshairs:before {content: "\f05b";}
.fa-times-circle-o:before { content: "\f05c";}
.fa-check-circle-o:before { content: "\f05d";}
.fa-ban:before {content: "\f05e";}
.fa-arrow-left:before {content: "\f060";}
.fa-arrow-right:before {content: "\f061";}
.fa-arrow-up:before {content: "\f062";}
.fa-arrow-down:before {content: "\f063";}
.fa-mail-forward:before,.fa-share:before {content: "\f064";}
.fa-expand:before{content: "\f065";}
.fa-compress:before{content: "\f066";}
.fa-plus:before{ content: "\f067";}
.fa-minus:before{ content: "\f068";}
.fa-asterisk:before {content: "\f069";}
.fa-exclamation-circle:before {content: "\f06a";}
.fa-gift:before { content: "\f06b";}
.fa-leaf:before {content: "\f06c";}
.fa-fire:before { content: "\f06d";}
.fa-eye:before { content: "\f06e";}
.fa-eye-slash:before {content: "\f070";}
.fa-warning:before,.fa-exclamation-triangle:before {    content: "\f071";}
.fa-plane:before { content: "\f072";}
.fa-calendar:before { content: "\f073";}
.fa-random:before {  content: "\f074";}
.fa-comment:before {content: "\f075";}
.fa-magnet:before {content: "\f076";}
.fa-chevron-up:before {content: "\f077";}
.fa-chevron-down:before {content: "\f078";}
.fa-retweet:before {content: "\f079";}
.fa-shopping-cart:before {content: "\f07a";}
.fa-folder:before {content: "\f07b";}
.fa-folder-open:before {content: "\f07c";}
.fa-arrows-v:before {content: "\f07d";}
.fa-arrows-h:before { content: "\f07e";}
.fa-bar-chart-o:before,.fa-bar-chart:before {content: "\f080";}
.fa-twitter-square:before {content: "\f081";}
.fa-facebook-square:before {content: "\f082";}
.fa-camera-retro:before { content: "\f083";}
.fa-key:before {content: "\f084";}
.fa-gears:before,
.fa-cogs:before {content: "\f085";}
.fa-comments:before {content: "\f086";}
.fa-thumbs-o-up:before {content: "\f087";}
.fa-thumbs-o-down:before {content: "\f088";}
.fa-star-half:before {content: "\f089";}
.fa-heart-o:before { content: "\f08a";}
.fa-sign-out:before {content: "\f08b";}
.fa-linkedin-square:before {content: "\f08c";}
.fa-thumb-tack:before {content: "\f08d";}
.fa-external-link:before {content: "\f08e";}
.fa-sign-in:before {content: "\f090";}
.fa-trophy:before {content: "\f091";}
.fa-github-square:before { content: "\f092";}
.fa-upload:before {content: "\f093";}
.fa-lemon-o:before {content: "\f094";}
.fa-phone:before {content: "\f095";}
.fa-square-o:before {content: "\f096";}
.fa-bookmark-o:before {content: "\f097";}
.fa-phone-square:before { content: "\f098";}
.fa-twitter:before {content: "\f099";}
.fa-facebook-f:before,.fa-facebook:before {content: "\f09a";}
.fa-github:before {content: "\f09b";}
.fa-unlock:before {content: "\f09c";}
.fa-credit-card:before {content: "\f09d";}
.fa-feed:before,.fa-rss:before {content: "\f09e";}
.fa-hdd-o:before {content: "\f0a0";}
.fa-bullhorn:before {content: "\f0a1";}
.fa-bell:before {content: "\f0f3";}
.fa-certificate:before {content: "\f0a3";}
.fa-hand-o-right:before {content: "\f0a4";}
.fa-hand-o-left:before {content: "\f0a5";}
.fa-hand-o-up:before {content: "\f0a6";}
.fa-hand-o-down:before { content: "\f0a7";}
.fa-arrow-circle-left:before { content: "\f0a8";}
.fa-arrow-circle-right:before {content: "\f0a9";}
.fa-arrow-circle-up:before { content: "\f0aa";}
.fa-arrow-circle-down:before {content: "\f0ab";}
.fa-globe:before {content: "\f0ac";}
.fa-wrench:before { content: "\f0ad";}
.fa-tasks:before { content: "\f0ae";}
.fa-filter:before { content: "\f0b0";}
.fa-briefcase:before { content: "\f0b1";}
.fa-arrows-alt:before { content: "\f0b2";}
.fa-group:before,.fa-users:before { content: "\f0c0";}
.fa-chain:before,.fa-link:before {content: "\f0c1";}
.fa-cloud:before {content: "\f0c2";}
.fa-flask:before {content: "\f0c3";}
.fa-cut:before,.fa-scissors:before {content: "\f0c4";}
.fa-copy:before,.fa-files-o:before {content: "\f0c5";}
.fa-paperclip:before {
    content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\f0c9";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-money:before {
    content: "\f0d6";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\f0de";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4";
}

.fa-comment-o:before {
    content: "\f0e5";
}

.fa-comments-o:before {
    content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea";
}

.fa-lightbulb-o:before {
    content: "\f0eb";
}

.fa-exchange:before {
    content: "\f0ec";
}

.fa-cloud-download:before {
    content: "\f0ed";
}

.fa-cloud-upload:before {
    content: "\f0ee";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-bell-o:before {
    content: "\f0a2";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cutlery:before {
    content: "\f0f5";
}

.fa-file-text-o:before {
    content: "\f0f6";
}

.fa-building-o:before {
    content: "\f0f7";
}

.fa-hospital-o:before {
    content: "\f0f8";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}

.fa-circle-o:before {
    content: "\f10c";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-circle:before {
    content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-folder-o:before {
    content: "\f114";
}

.fa-folder-open-o:before {
    content: "\f115";
}

.fa-smile-o:before {
    content: "\f118";
}

.fa-frown-o:before {
    content: "\f119";
}

.fa-meh-o:before {
    content: "\f11a";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-keyboard-o:before {
    content: "\f11c";
}

.fa-flag-o:before {
    content: "\f11d";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-code:before {
    content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-crop:before {
    content: "\f125";
}

.fa-code-fork:before {
    content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127";
}

.fa-question:before {
    content: "\f128";
}

.fa-info:before {
    content: "\f129";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-shield:before {
    content: "\f132";
}

.fa-calendar-o:before {
    content: "\f133";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-ticket:before {
    content: "\f145";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-minus-square-o:before {
    content: "\f147";
}

.fa-level-up:before {
    content: "\f148";
}

.fa-level-down:before {
    content: "\f149";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-pencil-square:before {
    content: "\f14b";
}

.fa-external-link-square:before {
    content: "\f14c";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
    content: "\f153";
}

.fa-gbp:before {
    content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
    content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158";
}

.fa-won:before,
.fa-krw:before {
    content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-text:before {
    content: "\f15c";
}

.fa-sort-alpha-asc:before {
    content: "\f15d";
}

.fa-sort-alpha-desc:before {
    content: "\f15e";
}

.fa-sort-amount-asc:before {
    content: "\f160";
}

.fa-sort-amount-desc:before {
    content: "\f161";
}

.fa-sort-numeric-asc:before {
    content: "\f162";
}

.fa-sort-numeric-desc:before {
    content: "\f163";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-youtube-square:before {
    content: "\f166";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-youtube-play:before {
    content: "\f16a";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-adn:before {
    content: "\f170";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitbucket-square:before {
    content: "\f172";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-long-arrow-down:before {
    content: "\f175";
}

.fa-long-arrow-up:before {
    content: "\f176";
}

.fa-long-arrow-left:before {
    content: "\f177";
}

.fa-long-arrow-right:before {
    content: "\f178";
}

.fa-apple:before {
    content: "\f179";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-android:before {
    content: "\f17b";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-trello:before {
    content: "\f181";
}

.fa-female:before {
    content: "\f182";
}

.fa-male:before {
    content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184";
}

.fa-sun-o:before {
    content: "\f185";
}

.fa-moon-o:before {
    content: "\f186";
}

.fa-archive:before {
    content: "\f187";
}

.fa-bug:before {
    content: "\f188";
}

.fa-vk:before {
    content: "\f189";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-arrow-circle-o-right:before {
    content: "\f18e";
}

.fa-arrow-circle-o-left:before {
    content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191";
}

.fa-dot-circle-o:before {
    content: "\f192";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195";
}

.fa-plus-square-o:before {
    content: "\f196";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-slack:before {
    content: "\f198";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-pied-piper:before {
    content: "\f1a7";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-spoon:before {
    content: "\f1b1";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-file-pdf-o:before {
    content: "\f1c1";
}

.fa-file-word-o:before {
    content: "\f1c2";
}

.fa-file-excel-o:before {
    content: "\f1c3";
}

.fa-file-powerpoint-o:before {
    content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8";
}

.fa-file-code-o:before {
    content: "\f1c9";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\f1cd";
}

.fa-circle-o-notch:before {
    content: "\f1ce";
}

.fa-ra:before,
.fa-rebel:before {
    content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
    content: "\f1d1";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\f1d9";
}

.fa-history:before {
    content: "\f1da";
}

.fa-circle-thin:before {
    content: "\f1db";
}

.fa-header:before {
    content: "\f1dc";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-sliders:before {
    content: "\f1de";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "\f1e3";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-newspaper-o:before {
    content: "\f1ea";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bell-slash-o:before {
    content: "\f1f7";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-eyedropper:before {
    content: "\f1fb";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-area-chart:before {
    content: "\f1fe";
}

.fa-pie-chart:before {
    content: "\f200";
}

.fa-line-chart:before {
    content: "\f201";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-bus:before {
    content: "\f207";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-cc:before {
    content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "\f20b";
}

.fa-meanpath:before {
    content: "\f20c";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-diamond:before {
    content: "\f219";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-venus:before {
    content: "\f221";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-intersex:before,
.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-facebook-official:before {
    content: "\f230";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-server:before {
    content: "\f233";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-hotel:before,
.fa-bed:before {
    content: "\f236";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-train:before {
    content: "\f238";
}

.fa-subway:before {
    content: "\f239";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-yc:before,
.fa-y-combinator:before {
    content: "\f23b";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-battery-4:before,
.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\f244";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-sticky-note-o:before {
    content: "\f24a";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-hourglass-o:before {
    content: "\f250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\f251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "\f255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
    content: "\f256";
}

.fa-hand-scissors-o:before {
    content: "\f257";
}

.fa-hand-lizard-o:before {
    content: "\f258";
}

.fa-hand-spock-o:before {
    content: "\f259";
}

.fa-hand-pointer-o:before {
    content: "\f25a";
}

.fa-hand-peace-o:before {
    content: "\f25b";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-safari:before {
    content: "\f267";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-tv:before,
.fa-television:before {
    content: "\f26c";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-500px:before {
    content: "\f26e";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-calendar-plus-o:before {
    content: "\f271";
}

.fa-calendar-minus-o:before {
    content: "\f272";
}

.fa-calendar-times-o:before {
    content: "\f273";
}

.fa-calendar-check-o:before {
    content: "\f274";
}

.fa-industry:before {
    content: "\f275";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-map-o:before {
    content: "\f278";
}

.fa-map:before {
    content: "\f279";
}

.fa-commenting:before {
    content: "\f27a";
}

.fa-commenting-o:before {
    content: "\f27b";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-vimeo:before {
    content: "\f27d";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-fonticons:before {
    content: "\f280";
}
/*!
 *  Material Design Iconic Font 1.0.1 by Sergey Kupletsky (@zavoloklom)(Attribution-ShareAlike 4.0 International license)
 */
@font-face {
    font-family: 'Material Design Iconic Font';
    src: url("../fonts/Material-Design-Iconic-Font.eot-v=1.0.1")/*tpa=http://login.jiujiuke.net/assets/fonts/Material-Design-Iconic-Font.eot?v=1.0.1*/;
    src: url("../fonts/Material-Design-Iconic-Font.eot-#iefix&v=1.0.1")/*tpa=http://login.jiujiuke.net/assets/fonts/Material-Design-Iconic-Font.eot?#iefix&v=1.0.1*/ format('embedded-opentype'), url("../fonts/Material-Design-Iconic-Font.woff-v=1.0.1")/*tpa=http://login.jiujiuke.net/assets/fonts/Material-Design-Iconic-Font.woff?v=1.0.1*/ format('woff'), url("../fonts/Material-Design-Iconic-Font.ttf-v=1.0.1")/*tpa=http://login.jiujiuke.net/assets/fonts/Material-Design-Iconic-Font.ttf?v=1.0.1*/ format('truetype'), url("../fonts/Material-Design-Iconic-Font.svg-v=1.0.1#Material-Design-Iconic-Font")/*tpa=http://login.jiujiuke.net/assets/fonts/Material-Design-Iconic-Font.svg?v=1.0.1#Material-Design-Iconic-Font*/ format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="md-"],
[class*=" md-"] {
    display: inline-block;
    font: normal normal normal 14px/1 'Material Design Iconic Font';
    font-size: inherit;
    speak: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.md {
    line-height: inherit;
    vertical-align: bottom;
}

.md-lg {
    font-size: 1.5em;
    line-height: .5em;
    vertical-align: -35%;
}

.md-2x {
    font-size: 2em;
}

.md-3x {
    font-size: 3em;
}

.md-4x {
    font-size: 4em;
}

.md-5x {
    font-size: 5em;
}

.md-border {
    padding: .2em .25em .15em;
    border: solid 0.08em grey;
    border-radius: .1em;
}

.md-border-circle {
    padding: .2em .25em .15em;
    border: solid 0.08em grey;
    border-radius: 50%;
}

[class^="md-"].pull-left,
[class*=" md-"].pull-left {
    float: left;
    margin-right: .3em;
}

[class^="md-"].pull-right,
[class*=" md-"].pull-right {
    float: right;
    margin-left: .3em;
}

.md-spin {
    -webkit-animation: md-spin 1.5s infinite linear;
    animation: md-spin 1.5s infinite linear;
}

.md-spin-reverse {
    -webkit-animation: md-spin-reverse 1.5s infinite linear;
    animation: md-spin-reverse 1.5s infinite linear;
}

@-webkit-keyframes md-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes md-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes md-spin-reverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-359deg);
        transform: rotate(-359deg);
    }
}

@keyframes md-spin-reverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-359deg);
        transform: rotate(-359deg);
    }
}

.md-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.md-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.md-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.md-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.md-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

:root .md-rotate-90,
:root .md-rotate-180,
:root .md-rotate-270,
:root .md-flip-horizontal,
:root .md-flip-vertical {
    filter: none;
}
/* Material Design Iconic Font uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
/* If you do not want use all icons you can disable icon set here */
.md-3d-rotation:before {
    content: "\f000";
}

.md-accessibility:before {
    content: "\f001";
}

.md-account-balance:before {
    content: "\f002";
}

.md-account-balance-wallet:before {
    content: "\f003";
}

.md-account-box:before {
    content: "\f004";
}

.md-account-child:before {
    content: "\f005";
}

.md-account-circle:before {
    content: "\f006";
}

.md-add-shopping-cart:before {
    content: "\f007";
}

.md-alarm:before {
    content: "\f008";
}

.md-alarm-add:before {
    content: "\f009";
}

.md-alarm-off:before {
    content: "\f00a";
}

.md-alarm-on:before {
    content: "\f00b";
}

.md-android:before {
    content: "\f00c";
}

.md-announcement:before {
    content: "\f00d";
}

.md-aspect-ratio:before {
    content: "\f00e";
}

.md-assessment:before {
    content: "\f00f";
}

.md-assignment:before {
    content: "\f010";
}

.md-assignment-ind:before {
    content: "\f011";
}

.md-assignment-late:before {
    content: "\f012";
}

.md-assignment-return:before {
    content: "\f013";
}

.md-assignment-returned:before {
    content: "\f014";
}

.md-assignment-turned-in:before {
    content: "\f015";
}

.md-autorenew:before {
    content: "\f016";
}

.md-backup:before {
    content: "\f017";
}

.md-book:before {
    content: "\f018";
}

.md-bookmark:before {
    content: "\f019";
}

.md-bookmark-outline:before {
    content: "\f01a";
}

.md-bug-report:before {
    content: "\f01b";
}

.md-cached:before {
    content: "\f01c";
}

.md-class:before {
    content: "\f01d";
}

.md-credit-card:before {
    content: "\f01e";
}

.md-dashboard:before {
    content: "\f01f";
}

.md-delete:before {
    content: "\f020";
}

.md-description:before {
    content: "\f021";
}

.md-dns:before {
    content: "\f022";
}

.md-done:before {
    content: "\f023";
}

.md-done-all:before {
    content: "\f024";
}

.md-event:before {
    content: "\f025";
}

.md-exit-to-app:before {
    content: "\f026";
}

.md-explore:before {
    content: "\f027";
}

.md-extension:before {
    content: "\f028";
}

.md-face-unlock:before {
    content: "\f029";
}

.md-favorite:before {
    content: "\f02a";
}

.md-favorite-outline:before {
    content: "\f02b";
}

.md-find-in-page:before {
    content: "\f02c";
}

.md-find-replace:before {
    content: "\f02d";
}

.md-flip-to-back:before {
    content: "\f02e";
}

.md-flip-to-front:before {
    content: "\f02f";
}

.md-get-app:before {
    content: "\f030";
}

.md-grade:before {
    content: "\f031";
}

.md-group-work:before {
    content: "\f032";
}

.md-help:before {
    content: "\f033";
}

.md-highlight-remove:before {
    content: "\f034";
}

.md-history:before {
    content: "\f035";
}

.md-home:before {
    content: "\f036";
}

.md-https:before {
    content: "\f037";
}

.md-info:before {
    content: "\f038";
}

.md-info-outline:before {
    content: "\f039";
}

.md-input:before {
    content: "\f03a";
}

.md-invert-colors:before {
    content: "\f03b";
}

.md-label:before {
    content: "\f03c";
}

.md-label-outline:before {
    content: "\f03d";
}

.md-language:before {
    content: "\f03e";
}

.md-launch:before {
    content: "\f03f";
}

.md-list:before {
    content: "\f040";
}

.md-lock:before {
    content: "\f041";
}

.md-lock-open:before {
    content: "\f042";
}

.md-lock-outline:before {
    content: "\f043";
}

.md-loyalty:before {
    content: "\f044";
}

.md-markunread-mailbox:before {
    content: "\f045";
}

.md-note-add:before {
    content: "\f046";
}

.md-open-in-browser:before {
    content: "\f047";
}

.md-open-in-new:before {
    content: "\f048";
}

.md-open-with:before {
    content: "\f049";
}

.md-pageview:before {
    content: "\f04a";
}

.md-payment:before {
    content: "\f04b";
}

.md-perm-camera-mic:before {
    content: "\f04c";
}

.md-perm-contact-cal:before {
    content: "\f04d";
}

.md-perm-data-setting:before {
    content: "\f04e";
}

.md-perm-device-info:before {
    content: "\f04f";
}

.md-perm-identity:before {
    content: "\f050";
}

.md-perm-media:before {
    content: "\f051";
}

.md-perm-phone-msg:before {
    content: "\f052";
}

.md-perm-scan-wifi:before {
    content: "\f053";
}

.md-picture-in-picture:before {
    content: "\f054";
}

.md-polymer:before {
    content: "\f055";
}

.md-print:before {
    content: "\f056";
}

.md-query-builder:before {
    content: "\f057";
}

.md-question-answer:before {
    content: "\f058";
}

.md-receipt:before {
    content: "\f059";
}

.md-redeem:before {
    content: "\f05a";
}

.md-report-problem:before {
    content: "\f05b";
}

.md-restore:before {
    content: "\f05c";
}

.md-room:before {
    content: "\f05d";
}

.md-schedule:before {
    content: "\f05e";
}

.md-search:before {
    content: "\f05f";
}

.md-settings:before {
    content: "\f060";
}

.md-settings-applications:before {
    content: "\f061";
}

.md-settings-backup-restore:before {
    content: "\f062";
}

.md-settings-bluetooth:before {
    content: "\f063";
}

.md-settings-cell:before {
    content: "\f064";
}

.md-settings-display:before {
    content: "\f065";
}

.md-settings-ethernet:before {
    content: "\f066";
}

.md-settings-input-antenna:before {
    content: "\f067";
}

.md-settings-input-component:before {
    content: "\f068";
}

.md-settings-input-composite:before {
    content: "\f069";
}

.md-settings-input-hdmi:before {
    content: "\f06a";
}

.md-settings-input-svideo:before {
    content: "\f06b";
}

.md-settings-overscan:before {
    content: "\f06c";
}

.md-settings-phone:before {
    content: "\f06d";
}

.md-settings-power:before {
    content: "\f06e";
}

.md-settings-remote:before {
    content: "\f06f";
}

.md-settings-voice:before {
    content: "\f070";
}

.md-shop:before {
    content: "\f071";
}

.md-shopping-basket:before {
    content: "\f072";
}

.md-shopping-cart:before {
    content: "\f073";
}

.md-shop-two:before {
    content: "\f074";
}

.md-speaker-notes:before {
    content: "\f075";
}

.md-spellcheck:before {
    content: "\f076";
}

.md-star-rate:before {
    content: "\f077";
}

.md-stars:before {
    content: "\f078";
}

.md-store:before {
    content: "\f079";
}

.md-subject:before {
    content: "\f07a";
}

.md-swap-horiz:before {
    content: "\f07b";
}

.md-swap-vert:before {
    content: "\f07c";
}

.md-swap-vert-circle:before {
    content: "\f07d";
}

.md-system-update-tv:before {
    content: "\f07e";
}

.md-tab:before {
    content: "\f07f";
}

.md-tab-unselected:before {
    content: "\f080";
}

.md-theaters:before {
    content: "\f081";
}

.md-thumb-down:before {
    content: "\f082";
}

.md-thumbs-up-down:before {
    content: "\f083";
}

.md-thumb-up:before {
    content: "\f084";
}

.md-toc:before {
    content: "\f085";
}

.md-today:before {
    content: "\f086";
}

.md-track-changes:before {
    content: "\f087";
}

.md-translate:before {
    content: "\f088";
}

.md-trending-down:before {
    content: "\f089";
}

.md-trending-neutral:before {
    content: "\f08a";
}

.md-trending-up:before {
    content: "\f08b";
}

.md-turned-in:before {
    content: "\f08c";
}

.md-turned-in-not:before {
    content: "\f08d";
}

.md-verified-user:before {
    content: "\f08e";
}

.md-view-agenda:before {
    content: "\f08f";
}

.md-view-array:before {
    content: "\f090";
}

.md-view-carousel:before {
    content: "\f091";
}

.md-view-column:before {
    content: "\f092";
}

.md-view-day:before {
    content: "\f093";
}

.md-view-headline:before {
    content: "\f094";
}

.md-view-list:before {
    content: "\f095";
}

.md-view-module:before {
    content: "\f096";
}

.md-view-quilt:before {
    content: "\f097";
}

.md-view-stream:before {
    content: "\f098";
}

.md-view-week:before {
    content: "\f099";
}

.md-visibility:before {
    content: "\f09a";
}

.md-visibility-off:before {
    content: "\f09b";
}

.md-wallet-giftcard:before {
    content: "\f09c";
}

.md-wallet-membership:before {
    content: "\f09d";
}

.md-wallet-travel:before {
    content: "\f09e";
}

.md-work:before {
    content: "\f09f";
}

.md-error:before {
    content: "\f0a0";
}

.md-warning:before {
    content: "\f0a1";
}

.md-album:before {
    content: "\f0a2";
}

.md-av-timer:before {
    content: "\f0a3";
}

.md-closed-caption:before {
    content: "\f0a4";
}

.md-equalizer:before {
    content: "\f0a5";
}

.md-explicit:before {
    content: "\f0a6";
}

.md-fast-forward:before {
    content: "\f0a7";
}

.md-fast-rewind:before {
    content: "\f0a8";
}

.md-games:before {
    content: "\f0a9";
}

.md-hearing:before {
    content: "\f0aa";
}

.md-high-quality:before {
    content: "\f0ab";
}

.md-loop:before {
    content: "\f0ac";
}

.md-mic:before {
    content: "\f0ad";
}

.md-mic-none:before {
    content: "\f0ae";
}

.md-mic-off:before {
    content: "\f0af";
}

.md-movie:before {
    content: "\f0b0";
}

.md-my-library-add:before {
    content: "\f0b1";
}

.md-my-library-books:before {
    content: "\f0b2";
}

.md-my-library-music:before {
    content: "\f0b3";
}

.md-new-releases:before {
    content: "\f0b4";
}

.md-not-interested:before {
    content: "\f0b5";
}

.md-pause:before {
    content: "\f0b6";
}

.md-pause-circle-fill:before {
    content: "\f0b7";
}

.md-pause-circle-outline:before {
    content: "\f0b8";
}

.md-play-arrow:before {
    content: "\f0b9";
}

.md-play-circle-fill:before {
    content: "\f0ba";
}

.md-play-circle-outline:before {
    content: "\f0bb";
}

.md-playlist-add:before {
    content: "\f0bc";
}

.md-play-shopping-bag:before {
    content: "\f0bd";
}

.md-queue:before {
    content: "\f0be";
}

.md-queue-music:before {
    content: "\f0bf";
}

.md-radio:before {
    content: "\f0c0";
}

.md-recent-actors:before {
    content: "\f0c1";
}

.md-repeat:before {
    content: "\f0c2";
}

.md-repeat-one:before {
    content: "\f0c3";
}

.md-replay:before {
    content: "\f0c4";
}

.md-shuffle:before {
    content: "\f0c5";
}

.md-skip-next:before {
    content: "\f0c6";
}

.md-skip-previous:before {
    content: "\f0c7";
}

.md-snooze:before {
    content: "\f0c8";
}

.md-stop:before {
    content: "\f0c9";
}

.md-subtitles:before {
    content: "\f0ca";
}

.md-surround-sound:before {
    content: "\f0cb";
}

.md-videocam:before {
    content: "\f0cc";
}

.md-videocam-off:before {
    content: "\f0cd";
}

.md-video-collection:before {
    content: "\f0ce";
}

.md-volume-down:before {
    content: "\f0cf";
}

.md-volume-mute:before {
    content: "\f0d0";
}

.md-volume-off:before {
    content: "\f0d1";
}

.md-volume-up:before {
    content: "\f0d2";
}

.md-web:before {
    content: "\f0d3";
}

.md-business:before {
    content: "\f0d4";
}

.md-call:before {
    content: "\f0d5";
}

.md-call-end:before {
    content: "\f0d6";
}

.md-call-made:before {
    content: "\f0d7";
}

.md-call-merge:before {
    content: "\f0d8";
}

.md-call-missed:before {
    content: "\f0d9";
}

.md-call-received:before {
    content: "\f0da";
}

.md-call-split:before {
    content: "\f0db";
}

.md-chat:before {
    content: "\f0dc";
}

.md-clear-all:before {
    content: "\f0dd";
}

.md-comment:before {
    content: "\f0de";
}

.md-contacts:before {
    content: "\f0df";
}

.md-dialer-sip:before {
    content: "\f0e0";
}

.md-dialpad:before {
    content: "\f0e1";
}

.md-dnd-on:before {
    content: "\f0e2";
}

.md-email:before {
    content: "\f0e3";
}

.md-forum:before {
    content: "\f0e4";
}

.md-import-export:before {
    content: "\f0e5";
}

.md-invert-colors-off:before {
    content: "\f0e6";
}

.md-invert-colors-on:before {
    content: "\f0e7";
}

.md-live-help:before {
    content: "\f0e8";
}

.md-location-off:before {
    content: "\f0e9";
}

.md-location-on:before {
    content: "\f0ea";
}

.md-message:before {
    content: "\f0eb";
}

.md-messenger:before {
    content: "\f0ec";
}

.md-no-sim:before {
    content: "\f0ed";
}

.md-phone:before {
    content: "\f0ee";
}

.md-portable-wifi-off:before {
    content: "\f0ef";
}

.md-quick-contacts-dialer:before {
    content: "\f0f0";
}

.md-quick-contacts-mail:before {
    content: "\f0f1";
}

.md-ring-volume:before {
    content: "\f0f2";
}

.md-stay-current-landscape:before {
    content: "\f0f3";
}

.md-stay-current-portrait:before {
    content: "\f0f4";
}

.md-stay-primary-landscape:before {
    content: "\f0f5";
}

.md-stay-primary-portrait:before {
    content: "\f0f6";
}

.md-swap-calls:before {
    content: "\f0f7";
}

.md-textsms:before {
    content: "\f0f8";
}

.md-voicemail:before {
    content: "\f0f9";
}

.md-vpn-key:before {
    content: "\f0fa";
}

.md-add:before {
    content: "\f0fb";
}

.md-add-box:before {
    content: "\f0fc";
}

.md-add-circle:before {
    content: "\f0fd";
}

.md-add-circle-outline:before {
    content: "\f0fe";
}

.md-archive:before {
    content: "\f0ff";
}

.md-backspace:before {
    content: "\f100";
}

.md-block:before {
    content: "\f101";
}

.md-clear:before {
    content: "\f102";
}

.md-content-copy:before {
    content: "\f103";
}

.md-content-cut:before {
    content: "\f104";
}

.md-content-paste:before {
    content: "\f105";
}

.md-create:before {
    content: "\f106";
}

.md-drafts:before {
    content: "\f107";
}

.md-filter-list:before {
    content: "\f108";
}

.md-flag:before {
    content: "\f109";
}

.md-forward:before {
    content: "\f10a";
}

.md-gesture:before {
    content: "\f10b";
}

.md-inbox:before {
    content: "\f10c";
}

.md-link:before {
    content: "\f10d";
}

.md-mail:before {
    content: "\f10e";
}

.md-markunread:before {
    content: "\f10f";
}

.md-redo:before {
    content: "\f110";
}

.md-remove:before {
    content: "\f111";
}

.md-remove-circle:before {
    content: "\f112";
}

.md-remove-circle-outline:before {
    content: "\f113";
}

.md-reply:before {
    content: "\f114";
}

.md-reply-all:before {
    content: "\f115";
}

.md-report:before {
    content: "\f116";
}

.md-save:before {
    content: "\f117";
}

.md-select-all:before {
    content: "\f118";
}

.md-send:before {
    content: "\f119";
}

.md-sort:before {
    content: "\f11a";
}

.md-text-format:before {
    content: "\f11b";
}

.md-undo:before {
    content: "\f11c";
}

.md-access-alarm:before {
    content: "\f11d";
}

.md-access-alarms:before {
    content: "\f11e";
}

.md-access-time:before {
    content: "\f11f";
}

.md-add-alarm:before {
    content: "\f120";
}

.md-airplanemode-off:before {
    content: "\f121";
}

.md-airplanemode-on:before {
    content: "\f122";
}

.md-battery-20:before {
    content: "\f123";
}

.md-battery-30:before {
    content: "\f124";
}

.md-battery-50:before {
    content: "\f125";
}

.md-battery-60:before {
    content: "\f126";
}

.md-battery-80:before {
    content: "\f127";
}

.md-battery-90:before {
    content: "\f128";
}

.md-battery-alert:before {
    content: "\f129";
}

.md-battery-charging-20:before {
    content: "\f12a";
}

.md-battery-charging-30:before {
    content: "\f12b";
}

.md-battery-charging-50:before {
    content: "\f12c";
}

.md-battery-charging-60:before {
    content: "\f12d";
}

.md-battery-charging-80:before {
    content: "\f12e";
}

.md-battery-charging-90:before {
    content: "\f12f";
}

.md-battery-charging-full:before {
    content: "\f130";
}

.md-battery-full:before {
    content: "\f131";
}

.md-battery-std:before {
    content: "\f132";
}

.md-battery-unknown:before {
    content: "\f133";
}

.md-bluetooth:before {
    content: "\f134";
}

.md-bluetooth-connected:before {
    content: "\f135";
}

.md-bluetooth-disabled:before {
    content: "\f136";
}

.md-bluetooth-searching:before {
    content: "\f137";
}

.md-brightness-auto:before {
    content: "\f138";
}

.md-brightness-high:before {
    content: "\f139";
}

.md-brightness-low:before {
    content: "\f13a";
}

.md-brightness-medium:before {
    content: "\f13b";
}

.md-data-usage:before {
    content: "\f13c";
}

.md-developer-mode:before {
    content: "\f13d";
}

.md-devices:before {
    content: "\f13e";
}

.md-dvr:before {
    content: "\f13f";
}

.md-gps-fixed:before {
    content: "\f140";
}

.md-gps-not-fixed:before {
    content: "\f141";
}

.md-gps-off:before {
    content: "\f142";
}

.md-location-disabled:before {
    content: "\f143";
}

.md-location-searching:before {
    content: "\f144";
}

.md-multitrack-audio:before {
    content: "\f145";
}

.md-network-cell:before {
    content: "\f146";
}

.md-network-wifi:before {
    content: "\f147";
}

.md-nfc:before {
    content: "\f148";
}

.md-now-wallpaper:before {
    content: "\f149";
}

.md-now-widgets:before {
    content: "\f14a";
}

.md-screen-lock-landscape:before {
    content: "\f14b";
}

.md-screen-lock-portrait:before {
    content: "\f14c";
}

.md-screen-lock-rotation:before {
    content: "\f14d";
}

.md-screen-rotation:before {
    content: "\f14e";
}

.md-sd-storage:before {
    content: "\f14f";
}

.md-settings-system-daydream:before {
    content: "\f150";
}

.md-signal-cellular-0-bar:before {
    content: "\f151";
}

.md-signal-cellular-1-bar:before {
    content: "\f152";
}

.md-signal-cellular-2-bar:before {
    content: "\f153";
}

.md-signal-cellular-3-bar:before {
    content: "\f154";
}

.md-signal-cellular-4-bar:before {
    content: "\f155";
}

.md-signal-cellular-connected-no-internet-0-bar:before {
    content: "\f156";
}

.md-signal-cellular-connected-no-internet-1-bar:before {
    content: "\f157";
}

.md-signal-cellular-connected-no-internet-2-bar:before {
    content: "\f158";
}

.md-signal-cellular-connected-no-internet-3-bar:before {
    content: "\f159";
}

.md-signal-cellular-connected-no-internet-4-bar:before {
    content: "\f15a";
}

.md-signal-cellular-no-sim:before {
    content: "\f15b";
}

.md-signal-cellular-null:before {
    content: "\f15c";
}

.md-signal-cellular-off:before {
    content: "\f15d";
}

.md-signal-wifi-0-bar:before {
    content: "\f15e";
}

.md-signal-wifi-1-bar:before {
    content: "\f15f";
}

.md-signal-wifi-2-bar:before {
    content: "\f160";
}

.md-signal-wifi-3-bar:before {
    content: "\f161";
}

.md-signal-wifi-4-bar:before {
    content: "\f162";
}

.md-signal-wifi-off:before {
    content: "\f163";
}

.md-storage:before {
    content: "\f164";
}

.md-usb:before {
    content: "\f165";
}

.md-wifi-lock:before {
    content: "\f166";
}

.md-wifi-tethering:before {
    content: "\f167";
}

.md-attach-file:before {
    content: "\f168";
}

.md-attach-money:before {
    content: "\f169";
}

.md-border-all:before {
    content: "\f16a";
}

.md-border-bottom:before {
    content: "\f16b";
}

.md-border-clear:before {
    content: "\f16c";
}

.md-border-color:before {
    content: "\f16d";
}

.md-border-horizontal:before {
    content: "\f16e";
}

.md-border-inner:before {
    content: "\f16f";
}

.md-border-left:before {
    content: "\f170";
}

.md-border-outer:before {
    content: "\f171";
}

.md-border-right:before {
    content: "\f172";
}

.md-border-style:before {
    content: "\f173";
}

.md-border-top:before {
    content: "\f174";
}

.md-border-vertical:before {
    content: "\f175";
}

.md-format-align-center:before {
    content: "\f176";
}

.md-format-align-justify:before {
    content: "\f177";
}

.md-format-align-left:before {
    content: "\f178";
}

.md-format-align-right:before {
    content: "\f179";
}

.md-format-bold:before {
    content: "\f17a";
}

.md-format-clear:before {
    content: "\f17b";
}

.md-format-color-fill:before {
    content: "\f17c";
}

.md-format-color-reset:before {
    content: "\f17d";
}

.md-format-color-text:before {
    content: "\f17e";
}

.md-format-indent-decrease:before {
    content: "\f17f";
}

.md-format-indent-increase:before {
    content: "\f180";
}

.md-format-italic:before {
    content: "\f181";
}

.md-format-line-spacing:before {
    content: "\f182";
}

.md-format-list-bulleted:before {
    content: "\f183";
}

.md-format-list-numbered:before {
    content: "\f184";
}

.md-format-paint:before {
    content: "\f185";
}

.md-format-quote:before {
    content: "\f186";
}

.md-format-size:before {
    content: "\f187";
}

.md-format-strikethrough:before {
    content: "\f188";
}

.md-format-textdirection-l-to-r:before {
    content: "\f189";
}

.md-format-textdirection-r-to-l:before {
    content: "\f18a";
}

.md-format-underline:before {
    content: "\f18b";
}

.md-functions:before {
    content: "\f18c";
}

.md-insert-chart:before {
    content: "\f18d";
}

.md-insert-comment:before {
    content: "\f18e";
}

.md-insert-drive-file:before {
    content: "\f18f";
}

.md-insert-emoticon:before {
    content: "\f190";
}

.md-insert-invitation:before {
    content: "\f191";
}

.md-insert-link:before {
    content: "\f192";
}

.md-insert-photo:before {
    content: "\f193";
}

.md-merge-type:before {
    content: "\f194";
}

.md-mode-comment:before {
    content: "\f195";
}

.md-mode-edit:before {
    content: "\f196";
}

.md-publish:before {
    content: "\f197";
}

.md-vertical-align-bottom:before {
    content: "\f198";
}

.md-vertical-align-center:before {
    content: "\f199";
}

.md-vertical-align-top:before {
    content: "\f19a";
}

.md-wrap-text:before {
    content: "\f19b";
}

.md-attachment:before {
    content: "\f19c";
}

.md-cloud:before {
    content: "\f19d";
}

.md-cloud-circle:before {
    content: "\f19e";
}

.md-cloud-done:before {
    content: "\f19f";
}

.md-cloud-download:before {
    content: "\f1a0";
}

.md-cloud-off:before {
    content: "\f1a1";
}

.md-cloud-queue:before {
    content: "\f1a2";
}

.md-cloud-upload:before {
    content: "\f1a3";
}

.md-file-download:before {
    content: "\f1a4";
}

.md-file-upload:before {
    content: "\f1a5";
}

.md-folder:before {
    content: "\f1a6";
}

.md-folder-open:before {
    content: "\f1a7";
}

.md-folder-shared:before {
    content: "\f1a8";
}

.md-cast:before {
    content: "\f1a9";
}

.md-cast-connected:before {
    content: "\f1aa";
}

.md-computer:before {
    content: "\f1ab";
}

.md-desktop-mac:before {
    content: "\f1ac";
}

.md-desktop-windows:before {
    content: "\f1ad";
}

.md-dock:before {
    content: "\f1ae";
}

.md-gamepad:before {
    content: "\f1af";
}

.md-headset:before {
    content: "\f1b0";
}

.md-headset-mic:before {
    content: "\f1b1";
}

.md-keyboard:before {
    content: "\f1b2";
}

.md-keyboard-alt:before {
    content: "\f1b3";
}

.md-keyboard-arrow-down:before {
    content: "\f1b4";
}

.md-keyboard-arrow-left:before {
    content: "\f1b5";
}

.md-keyboard-arrow-right:before {
    content: "\f1b6";
}

.md-keyboard-arrow-up:before {
    content: "\f1b7";
}

.md-keyboard-backspace:before {
    content: "\f1b8";
}

.md-keyboard-capslock:before {
    content: "\f1b9";
}

.md-keyboard-control:before {
    content: "\f1ba";
}

.md-keyboard-hide:before {
    content: "\f1bb";
}

.md-keyboard-return:before {
    content: "\f1bc";
}

.md-keyboard-tab:before {
    content: "\f1bd";
}

.md-keyboard-voice:before {
    content: "\f1be";
}

.md-laptop:before {
    content: "\f1bf";
}

.md-laptop-chromebook:before {
    content: "\f1c0";
}

.md-laptop-mac:before {
    content: "\f1c1";
}

.md-laptop-windows:before {
    content: "\f1c2";
}

.md-memory:before {
    content: "\f1c3";
}

.md-mouse:before {
    content: "\f1c4";
}

.md-phone-android:before {
    content: "\f1c5";
}

.md-phone-iphone:before {
    content: "\f1c6";
}

.md-phonelink:before {
    content: "\f1c7";
}

.md-phonelink-off:before {
    content: "\f1c8";
}

.md-security:before {
    content: "\f1c9";
}

.md-sim-card:before {
    content: "\f1ca";
}

.md-smartphone:before {
    content: "\f1cb";
}

.md-speaker:before {
    content: "\f1cc";
}

.md-tablet:before {
    content: "\f1cd";
}

.md-tablet-android:before {
    content: "\f1ce";
}

.md-tablet-mac:before {
    content: "\f1cf";
}

.md-tv:before {
    content: "\f1d0";
}

.md-watch:before {
    content: "\f1d1";
}

.md-add-to-photos:before {
    content: "\f1d2";
}

.md-adjust:before {
    content: "\f1d3";
}

.md-assistant-photo:before {
    content: "\f1d4";
}

.md-audiotrack:before {
    content: "\f1d5";
}

.md-blur-circular:before {
    content: "\f1d6";
}

.md-blur-linear:before {
    content: "\f1d7";
}

.md-blur-off:before {
    content: "\f1d8";
}

.md-blur-on:before {
    content: "\f1d9";
}

.md-brightness-1:before {
    content: "\f1da";
}

.md-brightness-2:before {
    content: "\f1db";
}

.md-brightness-3:before {
    content: "\f1dc";
}

.md-brightness-4:before {
    content: "\f1dd";
}

.md-brightness-5:before {
    content: "\f1de";
}

.md-brightness-6:before {
    content: "\f1df";
}

.md-brightness-7:before {
    content: "\f1e0";
}

.md-brush:before {
    content: "\f1e1";
}

.md-camera:before {
    content: "\f1e2";
}

.md-camera-alt:before {
    content: "\f1e3";
}

.md-camera-front:before {
    content: "\f1e4";
}

.md-camera-rear:before {
    content: "\f1e5";
}

.md-camera-roll:before {
    content: "\f1e6";
}

.md-center-focus-strong:before {
    content: "\f1e7";
}

.md-center-focus-weak:before {
    content: "\f1e8";
}

.md-collections:before {
    content: "\f1e9";
}

.md-colorize:before {
    content: "\f1ea";
}

.md-color-lens:before {
    content: "\f1eb";
}

.md-compare:before {
    content: "\f1ec";
}

.md-control-point:before {
    content: "\f1ed";
}

.md-control-point-duplicate:before {
    content: "\f1ee";
}

.md-crop:before {
    content: "\f1ef";
}

.md-crop-3-2:before {
    content: "\f1f0";
}

.md-crop-5-4:before {
    content: "\f1f1";
}

.md-crop-7-5:before {
    content: "\f1f2";
}

.md-crop-16-9:before {
    content: "\f1f3";
}

.md-crop-din:before {
    content: "\f1f4";
}

.md-crop-free:before {
    content: "\f1f5";
}

.md-crop-landscape:before {
    content: "\f1f6";
}

.md-crop-original:before {
    content: "\f1f7";
}

.md-crop-portrait:before {
    content: "\f1f8";
}

.md-crop-square:before {
    content: "\f1f9";
}

.md-dehaze:before {
    content: "\f1fa";
}

.md-details:before {
    content: "\f1fb";
}

.md-edit:before {
    content: "\f1fc";
}

.md-exposure:before {
    content: "\f1fd";
}

.md-exposure-minus-1:before {
    content: "\f1fe";
}

.md-exposure-minus-2:before {
    content: "\f1ff";
}

.md-exposure-zero:before {
    content: "\f200";
}

.md-exposure-plus-1:before {
    content: "\f201";
}

.md-exposure-plus-2:before {
    content: "\f202";
}

.md-filter:before {
    content: "\f203";
}

.md-filter-1:before {
    content: "\f204";
}

.md-filter-2:before {
    content: "\f205";
}

.md-filter-3:before {
    content: "\f206";
}

.md-filter-4:before {
    content: "\f207";
}

.md-filter-5:before {
    content: "\f208";
}

.md-filter-6:before {
    content: "\f209";
}

.md-filter-7:before {
    content: "\f20a";
}

.md-filter-8:before {
    content: "\f20b";
}

.md-filter-9:before {
    content: "\f20c";
}

.md-filter-9-plus:before {
    content: "\f20d";
}

.md-filter-b-and-w:before {
    content: "\f20e";
}

.md-filter-center-focus:before {
    content: "\f20f";
}

.md-filter-drama:before {
    content: "\f210";
}

.md-filter-frames:before {
    content: "\f211";
}

.md-filter-hdr:before {
    content: "\f212";
}

.md-filter-none:before {
    content: "\f213";
}

.md-filter-tilt-shift:before {
    content: "\f214";
}

.md-filter-vintage:before {
    content: "\f215";
}

.md-flare:before {
    content: "\f216";
}

.md-flash-auto:before {
    content: "\f217";
}

.md-flash-off:before {
    content: "\f218";
}

.md-flash-on:before {
    content: "\f219";
}

.md-flip:before {
    content: "\f21a";
}

.md-gradient:before {
    content: "\f21b";
}

.md-grain:before {
    content: "\f21c";
}

.md-grid-off:before {
    content: "\f21d";
}

.md-grid-on:before {
    content: "\f21e";
}

.md-hdr-off:before {
    content: "\f21f";
}

.md-hdr-on:before {
    content: "\f220";
}

.md-hdr-strong:before {
    content: "\f221";
}

.md-hdr-weak:before {
    content: "\f222";
}

.md-healing:before {
    content: "\f223";
}

.md-image:before {
    content: "\f224";
}

.md-image-aspect-ratio:before {
    content: "\f225";
}

.md-iso:before {
    content: "\f226";
}

.md-landscape:before {
    content: "\f227";
}

.md-leak-add:before {
    content: "\f228";
}

.md-leak-remove:before {
    content: "\f229";
}

.md-lens:before {
    content: "\f22a";
}

.md-looks:before {
    content: "\f22b";
}

.md-looks-1:before {
    content: "\f22c";
}

.md-looks-2:before {
    content: "\f22d";
}

.md-looks-3:before {
    content: "\f22e";
}

.md-looks-4:before {
    content: "\f22f";
}

.md-looks-5:before {
    content: "\f230";
}

.md-looks-6:before {
    content: "\f231";
}

.md-loupe:before {
    content: "\f232";
}

.md-movie-creation:before {
    content: "\f233";
}

.md-nature:before {
    content: "\f234";
}

.md-nature-people:before {
    content: "\f235";
}

.md-navigate-before:before {
    content: "\f236";
}

.md-navigate-next:before {
    content: "\f237";
}

.md-palette:before {
    content: "\f238";
}

.md-panorama:before {
    content: "\f239";
}

.md-panorama-fisheye:before {
    content: "\f23a";
}

.md-panorama-horizontal:before {
    content: "\f23b";
}

.md-panorama-vertical:before {
    content: "\f23c";
}

.md-panorama-wide-angle:before {
    content: "\f23d";
}

.md-photo:before {
    content: "\f23e";
}

.md-photo-album:before {
    content: "\f23f";
}

.md-photo-camera:before {
    content: "\f240";
}

.md-photo-library:before {
    content: "\f241";
}

.md-portrait:before {
    content: "\f242";
}

.md-remove-red-eye:before {
    content: "\f243";
}

.md-rotate-left:before {
    content: "\f244";
}

.md-rotate-right:before {
    content: "\f245";
}

.md-slideshow:before {
    content: "\f246";
}

.md-straighten:before {
    content: "\f247";
}

.md-style:before {
    content: "\f248";
}

.md-switch-camera:before {
    content: "\f249";
}

.md-switch-video:before {
    content: "\f24a";
}

.md-tag-faces:before {
    content: "\f24b";
}

.md-texture:before {
    content: "\f24c";
}

.md-timelapse:before {
    content: "\f24d";
}

.md-timer:before {
    content: "\f24e";
}

.md-timer-3:before {
    content: "\f24f";
}

.md-timer-10:before {
    content: "\f250";
}

.md-timer-auto:before {
    content: "\f251";
}

.md-timer-off:before {
    content: "\f252";
}

.md-tonality:before {
    content: "\f253";
}

.md-transform:before {
    content: "\f254";
}

.md-tune:before {
    content: "\f255";
}

.md-wb-auto:before {
    content: "\f256";
}

.md-wb-cloudy:before {
    content: "\f257";
}

.md-wb-incandescent:before {
    content: "\f258";
}

.md-wb-irradescent:before {
    content: "\f259";
}

.md-wb-sunny:before {
    content: "\f25a";
}

.md-beenhere:before {
    content: "\f25b";
}

.md-directions:before {
    content: "\f25c";
}

.md-directions-bike:before {
    content: "\f25d";
}

.md-directions-bus:before {
    content: "\f25e";
}

.md-directions-car:before {
    content: "\f25f";
}

.md-directions-ferry:before {
    content: "\f260";
}

.md-directions-subway:before {
    content: "\f261";
}

.md-directions-train:before {
    content: "\f262";
}

.md-directions-transit:before {
    content: "\f263";
}

.md-directions-walk:before {
    content: "\f264";
}

.md-flight:before {
    content: "\f265";
}

.md-hotel:before {
    content: "\f266";
}

.md-layers:before {
    content: "\f267";
}

.md-layers-clear:before {
    content: "\f268";
}

.md-local-airport:before {
    content: "\f269";
}

.md-local-atm:before {
    content: "\f26a";
}

.md-local-attraction:before {
    content: "\f26b";
}

.md-local-bar:before {
    content: "\f26c";
}

.md-local-cafe:before {
    content: "\f26d";
}

.md-local-car-wash:before {
    content: "\f26e";
}

.md-local-convenience-store:before {
    content: "\f26f";
}

.md-local-drink:before {
    content: "\f270";
}

.md-local-florist:before {
    content: "\f271";
}

.md-local-gas-station:before {
    content: "\f272";
}

.md-local-grocery-store:before {
    content: "\f273";
}

.md-local-hospital:before {
    content: "\f274";
}

.md-local-hotel:before {
    content: "\f275";
}

.md-local-laundry-service:before {
    content: "\f276";
}

.md-local-library:before {
    content: "\f277";
}

.md-local-mall:before {
    content: "\f278";
}

.md-local-movies:before {
    content: "\f279";
}

.md-local-offer:before {
    content: "\f27a";
}

.md-local-parking:before {
    content: "\f27b";
}

.md-local-pharmacy:before {
    content: "\f27c";
}

.md-local-phone:before {
    content: "\f27d";
}

.md-local-pizza:before {
    content: "\f27e";
}

.md-local-play:before {
    content: "\f27f";
}

.md-local-post-office:before {
    content: "\f280";
}

.md-local-print-shop:before {
    content: "\f281";
}

.md-local-restaurant:before {
    content: "\f282";
}

.md-local-see:before {
    content: "\f283";
}

.md-local-shipping:before {
    content: "\f284";
}

.md-local-taxi:before {
    content: "\f285";
}

.md-location-history:before {
    content: "\f286";
}

.md-map:before {
    content: "\f287";
}

.md-my-location:before {
    content: "\f288";
}

.md-navigation:before {
    content: "\f289";
}

.md-pin-drop:before {
    content: "\f28a";
}

.md-place:before {
    content: "\f28b";
}

.md-rate-review:before {
    content: "\f28c";
}

.md-restaurant-menu:before {
    content: "\f28d";
}

.md-satellite:before {
    content: "\f28e";
}

.md-store-mall-directory:before {
    content: "\f28f";
}

.md-terrain:before {
    content: "\f290";
}

.md-traffic:before {
    content: "\f291";
}

.md-apps:before {
    content: "\f292";
}

.md-cancel:before {
    content: "\f293";
}

.md-arrow-drop-down-circle:before {
    content: "\f294";
}

.md-arrow-drop-down:before {
    content: "\f295";
}

.md-arrow-drop-up:before {
    content: "\f296";
}

.md-arrow-back:before {
    content: "\f297";
}

.md-arrow-forward:before {
    content: "\f298";
}

.md-check:before {
    content: "\f299";
}

.md-close:before {
    content: "\f29a";
}

.md-chevron-left:before {
    content: "\f29b";
}

.md-chevron-right:before {
    content: "\f29c";
}

.md-expand-less:before {
    content: "\f29d";
}

.md-expand-more:before {
    content: "\f29e";
}

.md-fullscreen:before {
    content: "\f29f";
}

.md-fullscreen-exit:before {
    content: "\f2a0";
}

.md-menu:before {
    content: "\f2a1";
}

.md-more-horiz:before {
    content: "\f2a2";
}

.md-more-vert:before {
    content: "\f2a3";
}

.md-refresh:before {
    content: "\f2a4";
}

.md-unfold-less:before {
    content: "\f2a5";
}

.md-unfold-more:before {
    content: "\f2a6";
}

.md-adb:before {
    content: "\f2a7";
}

.md-bluetooth-audio:before {
    content: "\f2a8";
}

.md-disc-full:before {
    content: "\f2a9";
}

.md-dnd-forwardslash:before {
    content: "\f2aa";
}

.md-do-not-disturb:before {
    content: "\f2ab";
}

.md-drive-eta:before {
    content: "\f2ac";
}

.md-event-available:before {
    content: "\f2ad";
}

.md-event-busy:before {
    content: "\f2ae";
}

.md-event-note:before {
    content: "\f2af";
}

.md-folder-special:before {
    content: "\f2b0";
}

.md-mms:before {
    content: "\f2b1";
}

.md-more:before {
    content: "\f2b2";
}

.md-network-locked:before {
    content: "\f2b3";
}

.md-phone-bluetooth-speaker:before {
    content: "\f2b4";
}

.md-phone-forwarded:before {
    content: "\f2b5";
}

.md-phone-in-talk:before {
    content: "\f2b6";
}

.md-phone-locked:before {
    content: "\f2b7";
}

.md-phone-missed:before {
    content: "\f2b8";
}

.md-phone-paused:before {
    content: "\f2b9";
}

.md-play-download:before {
    content: "\f2ba";
}

.md-play-install:before {
    content: "\f2bb";
}

.md-sd-card:before {
    content: "\f2bc";
}

.md-sim-card-alert:before {
    content: "\f2bd";
}

.md-sms:before {
    content: "\f2be";
}

.md-sms-failed:before {
    content: "\f2bf";
}

.md-sync:before {
    content: "\f2c0";
}

.md-sync-disabled:before {
    content: "\f2c1";
}

.md-sync-problem:before {
    content: "\f2c2";
}

.md-system-update:before {
    content: "\f2c3";
}

.md-tap-and-play:before {
    content: "\f2c4";
}

.md-time-to-leave:before {
    content: "\f2c5";
}

.md-vibration:before {
    content: "\f2c6";
}

.md-voice-chat:before {
    content: "\f2c7";
}

.md-vpn-lock:before {
    content: "\f2c8";
}

.md-cake:before {
    content: "\f2c9";
}

.md-domain:before {
    content: "\f2ca";
}

.md-location-city:before {
    content: "\f2cb";
}

.md-mood:before {
    content: "\f2cc";
}

.md-notifications-none:before {
    content: "\f2cd";
}

.md-notifications:before {
    content: "\f2ce";
}

.md-notifications-off:before {
    content: "\f2cf";
}

.md-notifications-on:before {
    content: "\f2d0";
}

.md-notifications-paused:before {
    content: "\f2d1";
}

.md-pages:before {
    content: "\f2d2";
}

.md-party-mode:before {
    content: "\f2d3";
}

.md-group:before {
    content: "\f2d4";
}

.md-group-add:before {
    content: "\f2d5";
}

.md-people:before {
    content: "\f2d6";
}

.md-people-outline:before {
    content: "\f2d7";
}

.md-person:before {
    content: "\f2d8";
}

.md-person-add:before {
    content: "\f2d9";
}

.md-person-outline:before {
    content: "\f2da";
}

.md-plus-one:before {
    content: "\f2db";
}

.md-poll:before {
    content: "\f2dc";
}

.md-public:before {
    content: "\f2dd";
}

.md-school:before {
    content: "\f2de";
}

.md-share:before {
    content: "\f2df";
}

.md-whatshot:before {
    content: "\f2e0";
}

.md-check-box:before {
    content: "\f2e1";
}

.md-check-box-outline-blank:before {
    content: "\f2e2";
}

.md-radio-button-off:before {
    content: "\f2e3";
}

.md-radio-button-on:before {
    content: "\f2e4";
}

.md-star:before {
    content: "\f2e5";
}

.md-star-half:before {
    content: "\f2e6";
}

.md-star-outline:before {
    content: "\f2e7";
}
/*!
Ionicons, v1.5.0
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
https://twitter.com/benjsperry  https://twitter.com/ionicframework
MIT License: https://github.com/driftyco/ionicons
*/
@font-face {
    font-family: "Ionicons";
    src: url("../fonts/ionicons.eot-v=1.5.0")/*tpa=http://login.jiujiuke.net/assets/fonts/ionicons.eot?v=1.5.0*/;
    src: url("../fonts/ionicons.eot-v=1.5.0#iefix")/*tpa=http://login.jiujiuke.net/assets/fonts/ionicons.eot?v=1.5.0#iefix*/ format("embedded-opentype"), url("../fonts/ionicons.ttf-v=1.5.0")/*tpa=http://login.jiujiuke.net/assets/fonts/ionicons.ttf?v=1.5.0*/ format("truetype"), url("../fonts/ionicons.woff-v=1.5.0")/*tpa=http://login.jiujiuke.net/assets/fonts/ionicons.woff?v=1.5.0*/ format("woff"), url("../fonts/ionicons.svg-v=1.5.0#Ionicons")/*tpa=http://login.jiujiuke.net/assets/fonts/ionicons.svg?v=1.5.0#Ionicons*/ format("svg");
    font-weight: normal;
    font-style: normal;
}

.ion,
.ion-loading-a,
.ion-loading-b,
.ion-loading-c,
.ion-loading-d,
.ion-looping,
.ion-refreshing,
.ion-ios7-reloading,
.ionicons,
.ion-alert,
.ion-alert-circled,
.ion-android-add,
.ion-android-add-contact,
.ion-android-alarm,
.ion-android-archive,
.ion-android-arrow-back,
.ion-android-arrow-down-left,
.ion-android-arrow-down-right,
.ion-android-arrow-forward,
.ion-android-arrow-up-left,
.ion-android-arrow-up-right,
.ion-android-battery,
.ion-android-book,
.ion-android-calendar,
.ion-android-call,
.ion-android-camera,
.ion-android-chat,
.ion-android-checkmark,
.ion-android-clock,
.ion-android-close,
.ion-android-contact,
.ion-android-contacts,
.ion-android-data,
.ion-android-developer,
.ion-android-display,
.ion-android-download,
.ion-android-drawer,
.ion-android-dropdown,
.ion-android-earth,
.ion-android-folder,
.ion-android-forums,
.ion-android-friends,
.ion-android-hand,
.ion-android-image,
.ion-android-inbox,
.ion-android-information,
.ion-android-keypad,
.ion-android-lightbulb,
.ion-android-locate,
.ion-android-location,
.ion-android-mail,
.ion-android-microphone,
.ion-android-mixer,
.ion-android-more,
.ion-android-note,
.ion-android-playstore,
.ion-android-printer,
.ion-android-promotion,
.ion-android-reminder,
.ion-android-remove,
.ion-android-search,
.ion-android-send,
.ion-android-settings,
.ion-android-share,
.ion-android-social,
.ion-android-social-user,
.ion-android-sort,
.ion-android-stair-drawer,
.ion-android-star,
.ion-android-stopwatch,
.ion-android-storage,
.ion-android-system-back,
.ion-android-system-home,
.ion-android-system-windows,
.ion-android-timer,
.ion-android-trash,
.ion-android-user-menu,
.ion-android-volume,
.ion-android-wifi,
.ion-aperture,
.ion-archive,
.ion-arrow-down-a,
.ion-arrow-down-b,
.ion-arrow-down-c,
.ion-arrow-expand,
.ion-arrow-graph-down-left,
.ion-arrow-graph-down-right,
.ion-arrow-graph-up-left,
.ion-arrow-graph-up-right,
.ion-arrow-left-a,
.ion-arrow-left-b,
.ion-arrow-left-c,
.ion-arrow-move,
.ion-arrow-resize,
.ion-arrow-return-left,
.ion-arrow-return-right,
.ion-arrow-right-a,
.ion-arrow-right-b,
.ion-arrow-right-c,
.ion-arrow-shrink,
.ion-arrow-swap,
.ion-arrow-up-a,
.ion-arrow-up-b,
.ion-arrow-up-c,
.ion-asterisk,
.ion-at,
.ion-bag,
.ion-battery-charging,
.ion-battery-empty,
.ion-battery-full,
.ion-battery-half,
.ion-battery-low,
.ion-beaker,
.ion-beer,
.ion-bluetooth,
.ion-bonfire,
.ion-bookmark,
.ion-briefcase,
.ion-bug,
.ion-calculator,
.ion-calendar,
.ion-camera,
.ion-card,
.ion-cash,
.ion-chatbox,
.ion-chatbox-working,
.ion-chatboxes,
.ion-chatbubble,
.ion-chatbubble-working,
.ion-chatbubbles,
.ion-checkmark,
.ion-checkmark-circled,
.ion-checkmark-round,
.ion-chevron-down,
.ion-chevron-left,
.ion-chevron-right,
.ion-chevron-up,
.ion-clipboard,
.ion-clock,
.ion-close,
.ion-close-circled,
.ion-close-round,
.ion-closed-captioning,
.ion-cloud,
.ion-code,
.ion-code-download,
.ion-code-working,
.ion-coffee,
.ion-compass,
.ion-compose,
.ion-connection-bars,
.ion-contrast,
.ion-cube,
.ion-disc,
.ion-document,
.ion-document-text,
.ion-drag,
.ion-earth,
.ion-edit,
.ion-egg,
.ion-eject,
.ion-email,
.ion-eye,
.ion-eye-disabled,
.ion-female,
.ion-filing,
.ion-film-marker,
.ion-fireball,
.ion-flag,
.ion-flame,
.ion-flash,
.ion-flash-off,
.ion-flask,
.ion-folder,
.ion-fork,
.ion-fork-repo,
.ion-forward,
.ion-funnel,
.ion-game-controller-a,
.ion-game-controller-b,
.ion-gear-a,
.ion-gear-b,
.ion-grid,
.ion-hammer,
.ion-happy,
.ion-headphone,
.ion-heart,
.ion-heart-broken,
.ion-help,
.ion-help-buoy,
.ion-help-circled,
.ion-home,
.ion-icecream,
.ion-icon-social-google-plus,
.ion-icon-social-google-plus-outline,
.ion-image,
.ion-images,
.ion-information,
.ion-information-circled,
.ion-ionic,
.ion-ios7-alarm,
.ion-ios7-alarm-outline,
.ion-ios7-albums,
.ion-ios7-albums-outline,
.ion-ios7-americanfootball,
.ion-ios7-americanfootball-outline,
.ion-ios7-analytics,
.ion-ios7-analytics-outline,
.ion-ios7-arrow-back,
.ion-ios7-arrow-down,
.ion-ios7-arrow-forward,
.ion-ios7-arrow-left,
.ion-ios7-arrow-right,
.ion-ios7-arrow-thin-down,
.ion-ios7-arrow-thin-left,
.ion-ios7-arrow-thin-right,
.ion-ios7-arrow-thin-up,
.ion-ios7-arrow-up,
.ion-ios7-at,
.ion-ios7-at-outline,
.ion-ios7-barcode,
.ion-ios7-barcode-outline,
.ion-ios7-baseball,
.ion-ios7-baseball-outline,
.ion-ios7-basketball,
.ion-ios7-basketball-outline,
.ion-ios7-bell,
.ion-ios7-bell-outline,
.ion-ios7-bolt,
.ion-ios7-bolt-outline,
.ion-ios7-bookmarks,
.ion-ios7-bookmarks-outline,
.ion-ios7-box,
.ion-ios7-box-outline,
.ion-ios7-briefcase,
.ion-ios7-briefcase-outline,
.ion-ios7-browsers,
.ion-ios7-browsers-outline,
.ion-ios7-calculator,
.ion-ios7-calculator-outline,
.ion-ios7-calendar,
.ion-ios7-calendar-outline,
.ion-ios7-camera,
.ion-ios7-camera-outline,
.ion-ios7-cart,
.ion-ios7-cart-outline,
.ion-ios7-chatboxes,
.ion-ios7-chatboxes-outline,
.ion-ios7-chatbubble,
.ion-ios7-chatbubble-outline,
.ion-ios7-checkmark,
.ion-ios7-checkmark-empty,
.ion-ios7-checkmark-outline,
.ion-ios7-circle-filled,
.ion-ios7-circle-outline,
.ion-ios7-clock,
.ion-ios7-clock-outline,
.ion-ios7-close,
.ion-ios7-close-empty,
.ion-ios7-close-outline,
.ion-ios7-cloud,
.ion-ios7-cloud-download,
.ion-ios7-cloud-download-outline,
.ion-ios7-cloud-outline,
.ion-ios7-cloud-upload,
.ion-ios7-cloud-upload-outline,
.ion-ios7-cloudy,
.ion-ios7-cloudy-night,
.ion-ios7-cloudy-night-outline,
.ion-ios7-cloudy-outline,
.ion-ios7-cog,
.ion-ios7-cog-outline,
.ion-ios7-compose,
.ion-ios7-compose-outline,
.ion-ios7-contact,
.ion-ios7-contact-outline,
.ion-ios7-copy,
.ion-ios7-copy-outline,
.ion-ios7-download,
.ion-ios7-download-outline,
.ion-ios7-drag,
.ion-ios7-email,
.ion-ios7-email-outline,
.ion-ios7-expand,
.ion-ios7-eye,
.ion-ios7-eye-outline,
.ion-ios7-fastforward,
.ion-ios7-fastforward-outline,
.ion-ios7-filing,
.ion-ios7-filing-outline,
.ion-ios7-film,
.ion-ios7-film-outline,
.ion-ios7-flag,
.ion-ios7-flag-outline,
.ion-ios7-folder,
.ion-ios7-folder-outline,
.ion-ios7-football,
.ion-ios7-football-outline,
.ion-ios7-gear,
.ion-ios7-gear-outline,
.ion-ios7-glasses,
.ion-ios7-glasses-outline,
.ion-ios7-heart,
.ion-ios7-heart-outline,
.ion-ios7-help,
.ion-ios7-help-empty,
.ion-ios7-help-outline,
.ion-ios7-home,
.ion-ios7-home-outline,
.ion-ios7-infinite,
.ion-ios7-infinite-outline,
.ion-ios7-information,
.ion-ios7-information-empty,
.ion-ios7-information-outline,
.ion-ios7-ionic-outline,
.ion-ios7-keypad,
.ion-ios7-keypad-outline,
.ion-ios7-lightbulb,
.ion-ios7-lightbulb-outline,
.ion-ios7-location,
.ion-ios7-location-outline,
.ion-ios7-locked,
.ion-ios7-locked-outline,
.ion-ios7-loop,
.ion-ios7-loop-strong,
.ion-ios7-medkit,
.ion-ios7-medkit-outline,
.ion-ios7-mic,
.ion-ios7-mic-off,
.ion-ios7-mic-outline,
.ion-ios7-minus,
.ion-ios7-minus-empty,
.ion-ios7-minus-outline,
.ion-ios7-monitor,
.ion-ios7-monitor-outline,
.ion-ios7-moon,
.ion-ios7-moon-outline,
.ion-ios7-more,
.ion-ios7-more-outline,
.ion-ios7-musical-note,
.ion-ios7-musical-notes,
.ion-ios7-navigate,
.ion-ios7-navigate-outline,
.ion-ios7-paper,
.ion-ios7-paper-outline,
.ion-ios7-paperplane,
.ion-ios7-paperplane-outline,
.ion-ios7-partlysunny,
.ion-ios7-partlysunny-outline,
.ion-ios7-pause,
.ion-ios7-pause-outline,
.ion-ios7-paw,
.ion-ios7-paw-outline,
.ion-ios7-people,
.ion-ios7-people-outline,
.ion-ios7-person,
.ion-ios7-person-outline,
.ion-ios7-personadd,
.ion-ios7-personadd-outline,
.ion-ios7-photos,
.ion-ios7-photos-outline,
.ion-ios7-pie,
.ion-ios7-pie-outline,
.ion-ios7-play,
.ion-ios7-play-outline,
.ion-ios7-plus,
.ion-ios7-plus-empty,
.ion-ios7-plus-outline,
.ion-ios7-pricetag,
.ion-ios7-pricetag-outline,
.ion-ios7-pricetags,
.ion-ios7-pricetags-outline,
.ion-ios7-printer,
.ion-ios7-printer-outline,
.ion-ios7-pulse,
.ion-ios7-pulse-strong,
.ion-ios7-rainy,
.ion-ios7-rainy-outline,
.ion-ios7-recording,
.ion-ios7-recording-outline,
.ion-ios7-redo,
.ion-ios7-redo-outline,
.ion-ios7-refresh,
.ion-ios7-refresh-empty,
.ion-ios7-refresh-outline,
.ion-ios7-reload,
.ion-ios7-reverse-camera,
.ion-ios7-reverse-camera-outline,
.ion-ios7-rewind,
.ion-ios7-rewind-outline,
.ion-ios7-search,
.ion-ios7-search-strong,
.ion-ios7-settings,
.ion-ios7-settings-strong,
.ion-ios7-shrink,
.ion-ios7-skipbackward,
.ion-ios7-skipbackward-outline,
.ion-ios7-skipforward,
.ion-ios7-skipforward-outline,
.ion-ios7-snowy,
.ion-ios7-speedometer,
.ion-ios7-speedometer-outline,
.ion-ios7-star,
.ion-ios7-star-half,
.ion-ios7-star-outline,
.ion-ios7-stopwatch,
.ion-ios7-stopwatch-outline,
.ion-ios7-sunny,
.ion-ios7-sunny-outline,
.ion-ios7-telephone,
.ion-ios7-telephone-outline,
.ion-ios7-tennisball,
.ion-ios7-tennisball-outline,
.ion-ios7-thunderstorm,
.ion-ios7-thunderstorm-outline,
.ion-ios7-time,
.ion-ios7-time-outline,
.ion-ios7-timer,
.ion-ios7-timer-outline,
.ion-ios7-toggle,
.ion-ios7-toggle-outline,
.ion-ios7-trash,
.ion-ios7-trash-outline,
.ion-ios7-undo,
.ion-ios7-undo-outline,
.ion-ios7-unlocked,
.ion-ios7-unlocked-outline,
.ion-ios7-upload,
.ion-ios7-upload-outline,
.ion-ios7-videocam,
.ion-ios7-videocam-outline,
.ion-ios7-volume-high,
.ion-ios7-volume-low,
.ion-ios7-wineglass,
.ion-ios7-wineglass-outline,
.ion-ios7-world,
.ion-ios7-world-outline,
.ion-ipad,
.ion-iphone,
.ion-ipod,
.ion-jet,
.ion-key,
.ion-knife,
.ion-laptop,
.ion-leaf,
.ion-levels,
.ion-lightbulb,
.ion-link,
.ion-load-a,
.ion-load-b,
.ion-load-c,
.ion-load-d,
.ion-location,
.ion-locked,
.ion-log-in,
.ion-log-out,
.ion-loop,
.ion-magnet,
.ion-male,
.ion-man,
.ion-map,
.ion-medkit,
.ion-merge,
.ion-mic-a,
.ion-mic-b,
.ion-mic-c,
.ion-minus,
.ion-minus-circled,
.ion-minus-round,
.ion-model-s,
.ion-monitor,
.ion-more,
.ion-mouse,
.ion-music-note,
.ion-navicon,
.ion-navicon-round,
.ion-navigate,
.ion-network,
.ion-no-smoking,
.ion-nuclear,
.ion-outlet,
.ion-paper-airplane,
.ion-paperclip,
.ion-pause,
.ion-person,
.ion-person-add,
.ion-person-stalker,
.ion-pie-graph,
.ion-pin,
.ion-pinpoint,
.ion-pizza,
.ion-plane,
.ion-planet,
.ion-play,
.ion-playstation,
.ion-plus,
.ion-plus-circled,
.ion-plus-round,
.ion-podium,
.ion-pound,
.ion-power,
.ion-pricetag,
.ion-pricetags,
.ion-printer,
.ion-pull-request,
.ion-qr-scanner,
.ion-quote,
.ion-radio-waves,
.ion-record,
.ion-refresh,
.ion-reply,
.ion-reply-all,
.ion-ribbon-a,
.ion-ribbon-b,
.ion-sad,
.ion-scissors,
.ion-search,
.ion-settings,
.ion-share,
.ion-shuffle,
.ion-skip-backward,
.ion-skip-forward,
.ion-social-android,
.ion-social-android-outline,
.ion-social-apple,
.ion-social-apple-outline,
.ion-social-bitcoin,
.ion-social-bitcoin-outline,
.ion-social-buffer,
.ion-social-buffer-outline,
.ion-social-designernews,
.ion-social-designernews-outline,
.ion-social-dribbble,
.ion-social-dribbble-outline,
.ion-social-dropbox,
.ion-social-dropbox-outline,
.ion-social-facebook,
.ion-social-facebook-outline,
.ion-social-foursquare,
.ion-social-foursquare-outline,
.ion-social-freebsd-devil,
.ion-social-github,
.ion-social-github-outline,
.ion-social-google,
.ion-social-google-outline,
.ion-social-googleplus,
.ion-social-googleplus-outline,
.ion-social-hackernews,
.ion-social-hackernews-outline,
.ion-social-instagram,
.ion-social-instagram-outline,
.ion-social-linkedin,
.ion-social-linkedin-outline,
.ion-social-pinterest,
.ion-social-pinterest-outline,
.ion-social-reddit,
.ion-social-reddit-outline,
.ion-social-rss,
.ion-social-rss-outline,
.ion-social-skype,
.ion-social-skype-outline,
.ion-social-tumblr,
.ion-social-tumblr-outline,
.ion-social-tux,
.ion-social-twitter,
.ion-social-twitter-outline,
.ion-social-usd,
.ion-social-usd-outline,
.ion-social-vimeo,
.ion-social-vimeo-outline,
.ion-social-windows,
.ion-social-windows-outline,
.ion-social-wordpress,
.ion-social-wordpress-outline,
.ion-social-yahoo,
.ion-social-yahoo-outline,
.ion-social-youtube,
.ion-social-youtube-outline,
.ion-speakerphone,
.ion-speedometer,
.ion-spoon,
.ion-star,
.ion-stats-bars,
.ion-steam,
.ion-stop,
.ion-thermometer,
.ion-thumbsdown,
.ion-thumbsup,
.ion-toggle,
.ion-toggle-filled,
.ion-trash-a,
.ion-trash-b,
.ion-trophy,
.ion-umbrella,
.ion-university,
.ion-unlocked,
.ion-upload,
.ion-usb,
.ion-videocamera,
.ion-volume-high,
.ion-volume-low,
.ion-volume-medium,
.ion-volume-mute,
.ion-wand,
.ion-waterdrop,
.ion-wifi,
.ion-wineglass,
.ion-woman,
.ion-wrench,
.ion-xbox {
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ion-spin,
.ion-loading-a,
.ion-loading-b,
.ion-loading-c,
.ion-loading-d,
.ion-looping,
.ion-refreshing,
.ion-ios7-reloading {
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(359deg);
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.ion-loading-a {
    -webkit-animation-timing-function: steps(8, start);
    -moz-animation-timing-function: steps(8, start);
    animation-timing-function: steps(8, start);
}

.ion-alert:before {
    content: "\f101";
}

.ion-alert-circled:before {
    content: "\f100";
}

.ion-android-add:before {
    content: "\f2c7";
}

.ion-android-add-contact:before {
    content: "\f2c6";
}

.ion-android-alarm:before {
    content: "\f2c8";
}

.ion-android-archive:before {
    content: "\f2c9";
}

.ion-android-arrow-back:before {
    content: "\f2ca";
}

.ion-android-arrow-down-left:before {
    content: "\f2cb";
}

.ion-android-arrow-down-right:before {
    content: "\f2cc";
}

.ion-android-arrow-forward:before {
    content: "\f30f";
}

.ion-android-arrow-up-left:before {
    content: "\f2cd";
}

.ion-android-arrow-up-right:before {
    content: "\f2ce";
}

.ion-android-battery:before {
    content: "\f2cf";
}

.ion-android-book:before {
    content: "\f2d0";
}

.ion-android-calendar:before {
    content: "\f2d1";
}

.ion-android-call:before {
    content: "\f2d2";
}

.ion-android-camera:before {
    content: "\f2d3";
}

.ion-android-chat:before {
    content: "\f2d4";
}

.ion-android-checkmark:before {
    content: "\f2d5";
}

.ion-android-clock:before {
    content: "\f2d6";
}

.ion-android-close:before {
    content: "\f2d7";
}

.ion-android-contact:before {
    content: "\f2d8";
}

.ion-android-contacts:before {
    content: "\f2d9";
}

.ion-android-data:before {
    content: "\f2da";
}

.ion-android-developer:before {
    content: "\f2db";
}

.ion-android-display:before {
    content: "\f2dc";
}

.ion-android-download:before {
    content: "\f2dd";
}

.ion-android-drawer:before {
    content: "\f310";
}

.ion-android-dropdown:before {
    content: "\f2de";
}

.ion-android-earth:before {
    content: "\f2df";
}

.ion-android-folder:before {
    content: "\f2e0";
}

.ion-android-forums:before {
    content: "\f2e1";
}

.ion-android-friends:before {
    content: "\f2e2";
}

.ion-android-hand:before {
    content: "\f2e3";
}

.ion-android-image:before {
    content: "\f2e4";
}

.ion-android-inbox:before {
    content: "\f2e5";
}

.ion-android-information:before {
    content: "\f2e6";
}

.ion-android-keypad:before {
    content: "\f2e7";
}

.ion-android-lightbulb:before {
    content: "\f2e8";
}

.ion-android-locate:before {
    content: "\f2e9";
}

.ion-android-location:before {
    content: "\f2ea";
}

.ion-android-mail:before {
    content: "\f2eb";
}

.ion-android-microphone:before {
    content: "\f2ec";
}

.ion-android-mixer:before {
    content: "\f2ed";
}

.ion-android-more:before {
    content: "\f2ee";
}

.ion-android-note:before {
    content: "\f2ef";
}

.ion-android-playstore:before {
    content: "\f2f0";
}

.ion-android-printer:before {
    content: "\f2f1";
}

.ion-android-promotion:before {
    content: "\f2f2";
}

.ion-android-reminder:before {
    content: "\f2f3";
}

.ion-android-remove:before {
    content: "\f2f4";
}

.ion-android-search:before {
    content: "\f2f5";
}

.ion-android-send:before {
    content: "\f2f6";
}

.ion-android-settings:before {
    content: "\f2f7";
}

.ion-android-share:before {
    content: "\f2f8";
}

.ion-android-social:before {
    content: "\f2fa";
}

.ion-android-social-user:before {
    content: "\f2f9";
}

.ion-android-sort:before {
    content: "\f2fb";
}

.ion-android-stair-drawer:before {
    content: "\f311";
}

.ion-android-star:before {
    content: "\f2fc";
}

.ion-android-stopwatch:before {
    content: "\f2fd";
}

.ion-android-storage:before {
    content: "\f2fe";
}

.ion-android-system-back:before {
    content: "\f2ff";
}

.ion-android-system-home:before {
    content: "\f300";
}

.ion-android-system-windows:before {
    content: "\f301";
}

.ion-android-timer:before {
    content: "\f302";
}

.ion-android-trash:before {
    content: "\f303";
}

.ion-android-user-menu:before {
    content: "\f312";
}

.ion-android-volume:before {
    content: "\f304";
}

.ion-android-wifi:before {
    content: "\f305";
}

.ion-aperture:before {
    content: "\f313";
}

.ion-archive:before {
    content: "\f102";
}

.ion-arrow-down-a:before {
    content: "\f103";
}

.ion-arrow-down-b:before {
    content: "\f104";
}

.ion-arrow-down-c:before {
    content: "\f105";
}

.ion-arrow-expand:before {
    content: "\f25e";
}

.ion-arrow-graph-down-left:before {
    content: "\f25f";
}

.ion-arrow-graph-down-right:before {
    content: "\f260";
}

.ion-arrow-graph-up-left:before {
    content: "\f261";
}

.ion-arrow-graph-up-right:before {
    content: "\f262";
}

.ion-arrow-left-a:before {
    content: "\f106";
}

.ion-arrow-left-b:before {
    content: "\f107";
}

.ion-arrow-left-c:before {
    content: "\f108";
}

.ion-arrow-move:before {
    content: "\f263";
}

.ion-arrow-resize:before {
    content: "\f264";
}

.ion-arrow-return-left:before {
    content: "\f265";
}

.ion-arrow-return-right:before {
    content: "\f266";
}

.ion-arrow-right-a:before {
    content: "\f109";
}

.ion-arrow-right-b:before {
    content: "\f10a";
}

.ion-arrow-right-c:before {
    content: "\f10b";
}

.ion-arrow-shrink:before {
    content: "\f267";
}

.ion-arrow-swap:before {
    content: "\f268";
}

.ion-arrow-up-a:before {
    content: "\f10c";
}

.ion-arrow-up-b:before {
    content: "\f10d";
}

.ion-arrow-up-c:before {
    content: "\f10e";
}

.ion-asterisk:before {
    content: "\f314";
}

.ion-at:before {
    content: "\f10f";
}

.ion-bag:before {
    content: "\f110";
}

.ion-battery-charging:before {
    content: "\f111";
}

.ion-battery-empty:before {
    content: "\f112";
}

.ion-battery-full:before {
    content: "\f113";
}

.ion-battery-half:before {
    content: "\f114";
}

.ion-battery-low:before {
    content: "\f115";
}

.ion-beaker:before {
    content: "\f269";
}

.ion-beer:before {
    content: "\f26a";
}

.ion-bluetooth:before {
    content: "\f116";
}

.ion-bonfire:before {
    content: "\f315";
}

.ion-bookmark:before {
    content: "\f26b";
}

.ion-briefcase:before {
    content: "\f26c";
}

.ion-bug:before {
    content: "\f2be";
}

.ion-calculator:before {
    content: "\f26d";
}

.ion-calendar:before {
    content: "\f117";
}

.ion-camera:before {
    content: "\f118";
}

.ion-card:before {
    content: "\f119";
}

.ion-cash:before {
    content: "\f316";
}

.ion-chatbox:before {
    content: "\f11b";
}

.ion-chatbox-working:before {
    content: "\f11a";
}

.ion-chatboxes:before {
    content: "\f11c";
}

.ion-chatbubble:before {
    content: "\f11e";
}

.ion-chatbubble-working:before {
    content: "\f11d";
}

.ion-chatbubbles:before {
    content: "\f11f";
}

.ion-checkmark:before {
    content: "\f122";
}

.ion-checkmark-circled:before {
    content: "\f120";
}

.ion-checkmark-round:before {
    content: "\f121";
}

.ion-chevron-down:before {
    content: "\f123";
}

.ion-chevron-left:before {
    content: "\f124";
}

.ion-chevron-right:before {
    content: "\f125";
}

.ion-chevron-up:before {
    content: "\f126";
}

.ion-clipboard:before {
    content: "\f127";
}

.ion-clock:before {
    content: "\f26e";
}

.ion-close:before {
    content: "\f12a";
}

.ion-close-circled:before {
    content: "\f128";
}

.ion-close-round:before {
    content: "\f129";
}

.ion-closed-captioning:before {
    content: "\f317";
}

.ion-cloud:before {
    content: "\f12b";
}

.ion-code:before {
    content: "\f271";
}

.ion-code-download:before {
    content: "\f26f";
}

.ion-code-working:before {
    content: "\f270";
}

.ion-coffee:before {
    content: "\f272";
}

.ion-compass:before {
    content: "\f273";
}

.ion-compose:before {
    content: "\f12c";
}

.ion-connection-bars:before {
    content: "\f274";
}

.ion-contrast:before {
    content: "\f275";
}

.ion-cube:before {
    content: "\f318";
}

.ion-disc:before {
    content: "\f12d";
}

.ion-document:before {
    content: "\f12f";
}

.ion-document-text:before {
    content: "\f12e";
}

.ion-drag:before {
    content: "\f130";
}

.ion-earth:before {
    content: "\f276";
}

.ion-edit:before {
    content: "\f2bf";
}

.ion-egg:before {
    content: "\f277";
}

.ion-eject:before {
    content: "\f131";
}

.ion-email:before {
    content: "\f132";
}

.ion-eye:before {
    content: "\f133";
}

.ion-eye-disabled:before {
    content: "\f306";
}

.ion-female:before {
    content: "\f278";
}

.ion-filing:before {
    content: "\f134";
}

.ion-film-marker:before {
    content: "\f135";
}

.ion-fireball:before {
    content: "\f319";
}

.ion-flag:before {
    content: "\f279";
}

.ion-flame:before {
    content: "\f31a";
}

.ion-flash:before {
    content: "\f137";
}

.ion-flash-off:before {
    content: "\f136";
}

.ion-flask:before {
    content: "\f138";
}

.ion-folder:before {
    content: "\f139";
}

.ion-fork:before {
    content: "\f27a";
}

.ion-fork-repo:before {
    content: "\f2c0";
}

.ion-forward:before {
    content: "\f13a";
}

.ion-funnel:before {
    content: "\f31b";
}

.ion-game-controller-a:before {
    content: "\f13b";
}

.ion-game-controller-b:before {
    content: "\f13c";
}

.ion-gear-a:before {
    content: "\f13d";
}

.ion-gear-b:before {
    content: "\f13e";
}

.ion-grid:before {
    content: "\f13f";
}

.ion-hammer:before {
    content: "\f27b";
}

.ion-happy:before {
    content: "\f31c";
}

.ion-headphone:before {
    content: "\f140";
}

.ion-heart:before {
    content: "\f141";
}

.ion-heart-broken:before {
    content: "\f31d";
}

.ion-help:before {
    content: "\f143";
}

.ion-help-buoy:before {
    content: "\f27c";
}

.ion-help-circled:before {
    content: "\f142";
}

.ion-home:before {
    content: "\f144";
}

.ion-icecream:before {
    content: "\f27d";
}

.ion-icon-social-google-plus:before {
    content: "\f146";
}

.ion-icon-social-google-plus-outline:before {
    content: "\f145";
}

.ion-image:before {
    content: "\f147";
}

.ion-images:before {
    content: "\f148";
}

.ion-information:before {
    content: "\f14a";
}

.ion-information-circled:before {
    content: "\f149";
}

.ion-ionic:before {
    content: "\f14b";
}

.ion-ios7-alarm:before {
    content: "\f14d";
}

.ion-ios7-alarm-outline:before {
    content: "\f14c";
}

.ion-ios7-albums:before {
    content: "\f14f";
}

.ion-ios7-albums-outline:before {
    content: "\f14e";
}

.ion-ios7-americanfootball:before {
    content: "\f31f";
}

.ion-ios7-americanfootball-outline:before {
    content: "\f31e";
}

.ion-ios7-analytics:before {
    content: "\f321";
}

.ion-ios7-analytics-outline:before {
    content: "\f320";
}

.ion-ios7-arrow-back:before {
    content: "\f150";
}

.ion-ios7-arrow-down:before {
    content: "\f151";
}

.ion-ios7-arrow-forward:before {
    content: "\f152";
}

.ion-ios7-arrow-left:before {
    content: "\f153";
}

.ion-ios7-arrow-right:before {
    content: "\f154";
}

.ion-ios7-arrow-thin-down:before {
    content: "\f27e";
}

.ion-ios7-arrow-thin-left:before {
    content: "\f27f";
}

.ion-ios7-arrow-thin-right:before {
    content: "\f280";
}

.ion-ios7-arrow-thin-up:before {
    content: "\f281";
}

.ion-ios7-arrow-up:before {
    content: "\f155";
}

.ion-ios7-at:before {
    content: "\f157";
}

.ion-ios7-at-outline:before {
    content: "\f156";
}

.ion-ios7-barcode:before {
    content: "\f323";
}

.ion-ios7-barcode-outline:before {
    content: "\f322";
}

.ion-ios7-baseball:before {
    content: "\f325";
}

.ion-ios7-baseball-outline:before {
    content: "\f324";
}

.ion-ios7-basketball:before {
    content: "\f327";
}

.ion-ios7-basketball-outline:before {
    content: "\f326";
}

.ion-ios7-bell:before {
    content: "\f159";
}

.ion-ios7-bell-outline:before {
    content: "\f158";
}

.ion-ios7-bolt:before {
    content: "\f15b";
}

.ion-ios7-bolt-outline:before {
    content: "\f15a";
}

.ion-ios7-bookmarks:before {
    content: "\f15d";
}

.ion-ios7-bookmarks-outline:before {
    content: "\f15c";
}

.ion-ios7-box:before {
    content: "\f15f";
}

.ion-ios7-box-outline:before {
    content: "\f15e";
}

.ion-ios7-briefcase:before {
    content: "\f283";
}

.ion-ios7-briefcase-outline:before {
    content: "\f282";
}

.ion-ios7-browsers:before {
    content: "\f161";
}

.ion-ios7-browsers-outline:before {
    content: "\f160";
}

.ion-ios7-calculator:before {
    content: "\f285";
}

.ion-ios7-calculator-outline:before {
    content: "\f284";
}

.ion-ios7-calendar:before {
    content: "\f163";
}

.ion-ios7-calendar-outline:before {
    content: "\f162";
}

.ion-ios7-camera:before {
    content: "\f165";
}

.ion-ios7-camera-outline:before {
    content: "\f164";
}

.ion-ios7-cart:before {
    content: "\f167";
}

.ion-ios7-cart-outline:before {
    content: "\f166";
}

.ion-ios7-chatboxes:before {
    content: "\f169";
}

.ion-ios7-chatboxes-outline:before {
    content: "\f168";
}

.ion-ios7-chatbubble:before {
    content: "\f16b";
}

.ion-ios7-chatbubble-outline:before {
    content: "\f16a";
}

.ion-ios7-checkmark:before {
    content: "\f16e";
}

.ion-ios7-checkmark-empty:before {
    content: "\f16c";
}

.ion-ios7-checkmark-outline:before {
    content: "\f16d";
}

.ion-ios7-circle-filled:before {
    content: "\f16f";
}

.ion-ios7-circle-outline:before {
    content: "\f170";
}

.ion-ios7-clock:before {
    content: "\f172";
}

.ion-ios7-clock-outline:before {
    content: "\f171";
}

.ion-ios7-close:before {
    content: "\f2bc";
}

.ion-ios7-close-empty:before {
    content: "\f2bd";
}

.ion-ios7-close-outline:before {
    content: "\f2bb";
}

.ion-ios7-cloud:before {
    content: "\f178";
}

.ion-ios7-cloud-download:before {
    content: "\f174";
}

.ion-ios7-cloud-download-outline:before {
    content: "\f173";
}

.ion-ios7-cloud-outline:before {
    content: "\f175";
}

.ion-ios7-cloud-upload:before {
    content: "\f177";
}

.ion-ios7-cloud-upload-outline:before {
    content: "\f176";
}

.ion-ios7-cloudy:before {
    content: "\f17a";
}

.ion-ios7-cloudy-night:before {
    content: "\f308";
}

.ion-ios7-cloudy-night-outline:before {
    content: "\f307";
}

.ion-ios7-cloudy-outline:before {
    content: "\f179";
}

.ion-ios7-cog:before {
    content: "\f17c";
}

.ion-ios7-cog-outline:before {
    content: "\f17b";
}

.ion-ios7-compose:before {
    content: "\f17e";
}

.ion-ios7-compose-outline:before {
    content: "\f17d";
}

.ion-ios7-contact:before {
    content: "\f180";
}

.ion-ios7-contact-outline:before {
    content: "\f17f";
}

.ion-ios7-copy:before {
    content: "\f182";
}

.ion-ios7-copy-outline:before {
    content: "\f181";
}

.ion-ios7-download:before {
    content: "\f184";
}

.ion-ios7-download-outline:before {
    content: "\f183";
}

.ion-ios7-drag:before {
    content: "\f185";
}

.ion-ios7-email:before {
    content: "\f187";
}

.ion-ios7-email-outline:before {
    content: "\f186";
}

.ion-ios7-expand:before {
    content: "\f30d";
}

.ion-ios7-eye:before {
    content: "\f189";
}

.ion-ios7-eye-outline:before {
    content: "\f188";
}

.ion-ios7-fastforward:before {
    content: "\f18b";
}

.ion-ios7-fastforward-outline:before {
    content: "\f18a";
}

.ion-ios7-filing:before {
    content: "\f18d";
}

.ion-ios7-filing-outline:before {
    content: "\f18c";
}

.ion-ios7-film:before {
    content: "\f18f";
}

.ion-ios7-film-outline:before {
    content: "\f18e";
}

.ion-ios7-flag:before {
    content: "\f191";
}

.ion-ios7-flag-outline:before {
    content: "\f190";
}

.ion-ios7-folder:before {
    content: "\f193";
}

.ion-ios7-folder-outline:before {
    content: "\f192";
}

.ion-ios7-football:before {
    content: "\f329";
}

.ion-ios7-football-outline:before {
    content: "\f328";
}

.ion-ios7-gear:before {
    content: "\f195";
}

.ion-ios7-gear-outline:before {
    content: "\f194";
}

.ion-ios7-glasses:before {
    content: "\f197";
}

.ion-ios7-glasses-outline:before {
    content: "\f196";
}

.ion-ios7-heart:before {
    content: "\f199";
}

.ion-ios7-heart-outline:before {
    content: "\f198";
}

.ion-ios7-help:before {
    content: "\f19c";
}

.ion-ios7-help-empty:before {
    content: "\f19a";
}

.ion-ios7-help-outline:before {
    content: "\f19b";
}

.ion-ios7-home:before {
    content: "\f32b";
}

.ion-ios7-home-outline:before {
    content: "\f32a";
}

.ion-ios7-infinite:before {
    content: "\f19e";
}

.ion-ios7-infinite-outline:before {
    content: "\f19d";
}

.ion-ios7-information:before {
    content: "\f1a1";
}

.ion-ios7-information-empty:before {
    content: "\f19f";
}

.ion-ios7-information-outline:before {
    content: "\f1a0";
}

.ion-ios7-ionic-outline:before {
    content: "\f1a2";
}

.ion-ios7-keypad:before {
    content: "\f1a4";
}

.ion-ios7-keypad-outline:before {
    content: "\f1a3";
}

.ion-ios7-lightbulb:before {
    content: "\f287";
}

.ion-ios7-lightbulb-outline:before {
    content: "\f286";
}

.ion-ios7-location:before {
    content: "\f1a6";
}

.ion-ios7-location-outline:before {
    content: "\f1a5";
}

.ion-ios7-locked:before {
    content: "\f1a8";
}

.ion-ios7-locked-outline:before {
    content: "\f1a7";
}

.ion-ios7-loop:before {
    content: "\f32d";
}

.ion-ios7-loop-strong:before {
    content: "\f32c";
}

.ion-ios7-medkit:before {
    content: "\f289";
}

.ion-ios7-medkit-outline:before {
    content: "\f288";
}

.ion-ios7-mic:before {
    content: "\f1ab";
}

.ion-ios7-mic-off:before {
    content: "\f1a9";
}

.ion-ios7-mic-outline:before {
    content: "\f1aa";
}

.ion-ios7-minus:before {
    content: "\f1ae";
}

.ion-ios7-minus-empty:before {
    content: "\f1ac";
}

.ion-ios7-minus-outline:before {
    content: "\f1ad";
}

.ion-ios7-monitor:before {
    content: "\f1b0";
}

.ion-ios7-monitor-outline:before {
    content: "\f1af";
}

.ion-ios7-moon:before {
    content: "\f1b2";
}

.ion-ios7-moon-outline:before {
    content: "\f1b1";
}

.ion-ios7-more:before {
    content: "\f1b4";
}

.ion-ios7-more-outline:before {
    content: "\f1b3";
}

.ion-ios7-musical-note:before {
    content: "\f1b5";
}

.ion-ios7-musical-notes:before {
    content: "\f1b6";
}

.ion-ios7-navigate:before {
    content: "\f1b8";
}

.ion-ios7-navigate-outline:before {
    content: "\f1b7";
}

.ion-ios7-paper:before {
    content: "\f32f";
}

.ion-ios7-paper-outline:before {
    content: "\f32e";
}

.ion-ios7-paperplane:before {
    content: "\f1ba";
}

.ion-ios7-paperplane-outline:before {
    content: "\f1b9";
}

.ion-ios7-partlysunny:before {
    content: "\f1bc";
}

.ion-ios7-partlysunny-outline:before {
    content: "\f1bb";
}

.ion-ios7-pause:before {
    content: "\f1be";
}

.ion-ios7-pause-outline:before {
    content: "\f1bd";
}

.ion-ios7-paw:before {
    content: "\f331";
}

.ion-ios7-paw-outline:before {
    content: "\f330";
}

.ion-ios7-people:before {
    content: "\f1c0";
}

.ion-ios7-people-outline:before {
    content: "\f1bf";
}

.ion-ios7-person:before {
    content: "\f1c2";
}

.ion-ios7-person-outline:before {
    content: "\f1c1";
}

.ion-ios7-personadd:before {
    content: "\f1c4";
}

.ion-ios7-personadd-outline:before {
    content: "\f1c3";
}

.ion-ios7-photos:before {
    content: "\f1c6";
}

.ion-ios7-photos-outline:before {
    content: "\f1c5";
}

.ion-ios7-pie:before {
    content: "\f28b";
}

.ion-ios7-pie-outline:before {
    content: "\f28a";
}

.ion-ios7-play:before {
    content: "\f1c8";
}

.ion-ios7-play-outline:before {
    content: "\f1c7";
}

.ion-ios7-plus:before {
    content: "\f1cb";
}

.ion-ios7-plus-empty:before {
    content: "\f1c9";
}

.ion-ios7-plus-outline:before {
    content: "\f1ca";
}

.ion-ios7-pricetag:before {
    content: "\f28d";
}

.ion-ios7-pricetag-outline:before {
    content: "\f28c";
}

.ion-ios7-pricetags:before {
    content: "\f333";
}

.ion-ios7-pricetags-outline:before {
    content: "\f332";
}

.ion-ios7-printer:before {
    content: "\f1cd";
}

.ion-ios7-printer-outline:before {
    content: "\f1cc";
}

.ion-ios7-pulse:before {
    content: "\f335";
}

.ion-ios7-pulse-strong:before {
    content: "\f334";
}

.ion-ios7-rainy:before {
    content: "\f1cf";
}

.ion-ios7-rainy-outline:before {
    content: "\f1ce";
}

.ion-ios7-recording:before {
    content: "\f1d1";
}

.ion-ios7-recording-outline:before {
    content: "\f1d0";
}

.ion-ios7-redo:before {
    content: "\f1d3";
}

.ion-ios7-redo-outline:before {
    content: "\f1d2";
}

.ion-ios7-refresh:before {
    content: "\f1d6";
}

.ion-ios7-refresh-empty:before {
    content: "\f1d4";
}

.ion-ios7-refresh-outline:before {
    content: "\f1d5";
}

.ion-ios7-reload:before {
    content: "\f28e";
}

.ion-ios7-reverse-camera:before {
    content: "\f337";
}

.ion-ios7-reverse-camera-outline:before {
    content: "\f336";
}

.ion-ios7-rewind:before {
    content: "\f1d8";
}

.ion-ios7-rewind-outline:before {
    content: "\f1d7";
}

.ion-ios7-search:before {
    content: "\f1da";
}

.ion-ios7-search-strong:before {
    content: "\f1d9";
}

.ion-ios7-settings:before {
    content: "\f339";
}

.ion-ios7-settings-strong:before {
    content: "\f338";
}

.ion-ios7-shrink:before {
    content: "\f30e";
}

.ion-ios7-skipbackward:before {
    content: "\f1dc";
}

.ion-ios7-skipbackward-outline:before {
    content: "\f1db";
}

.ion-ios7-skipforward:before {
    content: "\f1de";
}

.ion-ios7-skipforward-outline:before {
    content: "\f1dd";
}

.ion-ios7-snowy:before {
    content: "\f309";
}

.ion-ios7-speedometer:before {
    content: "\f290";
}

.ion-ios7-speedometer-outline:before {
    content: "\f28f";
}

.ion-ios7-star:before {
    content: "\f1e0";
}

.ion-ios7-star-half:before {
    content: "\f33a";
}

.ion-ios7-star-outline:before {
    content: "\f1df";
}

.ion-ios7-stopwatch:before {
    content: "\f1e2";
}

.ion-ios7-stopwatch-outline:before {
    content: "\f1e1";
}

.ion-ios7-sunny:before {
    content: "\f1e4";
}

.ion-ios7-sunny-outline:before {
    content: "\f1e3";
}

.ion-ios7-telephone:before {
    content: "\f1e6";
}

.ion-ios7-telephone-outline:before {
    content: "\f1e5";
}

.ion-ios7-tennisball:before {
    content: "\f33c";
}

.ion-ios7-tennisball-outline:before {
    content: "\f33b";
}

.ion-ios7-thunderstorm:before {
    content: "\f1e8";
}

.ion-ios7-thunderstorm-outline:before {
    content: "\f1e7";
}

.ion-ios7-time:before {
    content: "\f292";
}

.ion-ios7-time-outline:before {
    content: "\f291";
}

.ion-ios7-timer:before {
    content: "\f1ea";
}

.ion-ios7-timer-outline:before {
    content: "\f1e9";
}

.ion-ios7-toggle:before {
    content: "\f33e";
}

.ion-ios7-toggle-outline:before {
    content: "\f33d";
}

.ion-ios7-trash:before {
    content: "\f1ec";
}

.ion-ios7-trash-outline:before {
    content: "\f1eb";
}

.ion-ios7-undo:before {
    content: "\f1ee";
}

.ion-ios7-undo-outline:before {
    content: "\f1ed";
}

.ion-ios7-unlocked:before {
    content: "\f1f0";
}

.ion-ios7-unlocked-outline:before {
    content: "\f1ef";
}

.ion-ios7-upload:before {
    content: "\f1f2";
}

.ion-ios7-upload-outline:before {
    content: "\f1f1";
}

.ion-ios7-videocam:before {
    content: "\f1f4";
}

.ion-ios7-videocam-outline:before {
    content: "\f1f3";
}

.ion-ios7-volume-high:before {
    content: "\f1f5";
}

.ion-ios7-volume-low:before {
    content: "\f1f6";
}

.ion-ios7-wineglass:before {
    content: "\f294";
}

.ion-ios7-wineglass-outline:before {
    content: "\f293";
}

.ion-ios7-world:before {
    content: "\f1f8";
}

.ion-ios7-world-outline:before {
    content: "\f1f7";
}

.ion-ipad:before {
    content: "\f1f9";
}

.ion-iphone:before {
    content: "\f1fa";
}

.ion-ipod:before {
    content: "\f1fb";
}

.ion-jet:before {
    content: "\f295";
}

.ion-key:before {
    content: "\f296";
}

.ion-knife:before {
    content: "\f297";
}

.ion-laptop:before {
    content: "\f1fc";
}

.ion-leaf:before {
    content: "\f1fd";
}

.ion-levels:before {
    content: "\f298";
}

.ion-lightbulb:before {
    content: "\f299";
}

.ion-link:before {
    content: "\f1fe";
}

.ion-load-a:before {
    content: "\f29a";
}

.ion-load-b:before {
    content: "\f29b";
}

.ion-load-c:before {
    content: "\f29c";
}

.ion-load-d:before {
    content: "\f29d";
}

.ion-location:before {
    content: "\f1ff";
}

.ion-locked:before {
    content: "\f200";
}

.ion-log-in:before {
    content: "\f29e";
}

.ion-log-out:before {
    content: "\f29f";
}

.ion-loop:before {
    content: "\f201";
}

.ion-magnet:before {
    content: "\f2a0";
}

.ion-male:before {
    content: "\f2a1";
}

.ion-man:before {
    content: "\f202";
}

.ion-map:before {
    content: "\f203";
}

.ion-medkit:before {
    content: "\f2a2";
}

.ion-merge:before {
    content: "\f33f";
}

.ion-mic-a:before {
    content: "\f204";
}

.ion-mic-b:before {
    content: "\f205";
}

.ion-mic-c:before {
    content: "\f206";
}

.ion-minus:before {
    content: "\f209";
}

.ion-minus-circled:before {
    content: "\f207";
}

.ion-minus-round:before {
    content: "\f208";
}

.ion-model-s:before {
    content: "\f2c1";
}

.ion-monitor:before {
    content: "\f20a";
}

.ion-more:before {
    content: "\f20b";
}

.ion-mouse:before {
    content: "\f340";
}

.ion-music-note:before {
    content: "\f20c";
}

.ion-navicon:before {
    content: "\f20e";
}

.ion-navicon-round:before {
    content: "\f20d";
}

.ion-navigate:before {
    content: "\f2a3";
}

.ion-network:before {
    content: "\f341";
}

.ion-no-smoking:before {
    content: "\f2c2";
}

.ion-nuclear:before {
    content: "\f2a4";
}

.ion-outlet:before {
    content: "\f342";
}

.ion-paper-airplane:before {
    content: "\f2c3";
}

.ion-paperclip:before {
    content: "\f20f";
}

.ion-pause:before {
    content: "\f210";
}

.ion-person:before {
    content: "\f213";
}

.ion-person-add:before {
    content: "\f211";
}

.ion-person-stalker:before {
    content: "\f212";
}

.ion-pie-graph:before {
    content: "\f2a5";
}

.ion-pin:before {
    content: "\f2a6";
}

.ion-pinpoint:before {
    content: "\f2a7";
}

.ion-pizza:before {
    content: "\f2a8";
}

.ion-plane:before {
    content: "\f214";
}

.ion-planet:before {
    content: "\f343";
}

.ion-play:before {
    content: "\f215";
}

.ion-playstation:before {
    content: "\f30a";
}

.ion-plus:before {
    content: "\f218";
}

.ion-plus-circled:before {
    content: "\f216";
}

.ion-plus-round:before {
    content: "\f217";
}

.ion-podium:before {
    content: "\f344";
}

.ion-pound:before {
    content: "\f219";
}

.ion-power:before {
    content: "\f2a9";
}

.ion-pricetag:before {
    content: "\f2aa";
}

.ion-pricetags:before {
    content: "\f2ab";
}

.ion-printer:before {
    content: "\f21a";
}

.ion-pull-request:before {
    content: "\f345";
}

.ion-qr-scanner:before {
    content: "\f346";
}

.ion-quote:before {
    content: "\f347";
}

.ion-radio-waves:before {
    content: "\f2ac";
}

.ion-record:before {
    content: "\f21b";
}

.ion-refresh:before {
    content: "\f21c";
}

.ion-reply:before {
    content: "\f21e";
}

.ion-reply-all:before {
    content: "\f21d";
}

.ion-ribbon-a:before {
    content: "\f348";
}

.ion-ribbon-b:before {
    content: "\f349";
}

.ion-sad:before {
    content: "\f34a";
}

.ion-scissors:before {
    content: "\f34b";
}

.ion-search:before {
    content: "\f21f";
}

.ion-settings:before {
    content: "\f2ad";
}

.ion-share:before {
    content: "\f220";
}

.ion-shuffle:before {
    content: "\f221";
}

.ion-skip-backward:before {
    content: "\f222";
}

.ion-skip-forward:before {
    content: "\f223";
}

.ion-social-android:before {
    content: "\f225";
}

.ion-social-android-outline:before {
    content: "\f224";
}

.ion-social-apple:before {
    content: "\f227";
}

.ion-social-apple-outline:before {
    content: "\f226";
}

.ion-social-bitcoin:before {
    content: "\f2af";
}

.ion-social-bitcoin-outline:before {
    content: "\f2ae";
}

.ion-social-buffer:before {
    content: "\f229";
}

.ion-social-buffer-outline:before {
    content: "\f228";
}

.ion-social-designernews:before {
    content: "\f22b";
}

.ion-social-designernews-outline:before {
    content: "\f22a";
}

.ion-social-dribbble:before {
    content: "\f22d";
}

.ion-social-dribbble-outline:before {
    content: "\f22c";
}

.ion-social-dropbox:before {
    content: "\f22f";
}

.ion-social-dropbox-outline:before {
    content: "\f22e";
}

.ion-social-facebook:before {
    content: "\f231";
}

.ion-social-facebook-outline:before {
    content: "\f230";
}

.ion-social-foursquare:before {
    content: "\f34d";
}

.ion-social-foursquare-outline:before {
    content: "\f34c";
}

.ion-social-freebsd-devil:before {
    content: "\f2c4";
}

.ion-social-github:before {
    content: "\f233";
}

.ion-social-github-outline:before {
    content: "\f232";
}

.ion-social-google:before {
    content: "\f34f";
}

.ion-social-google-outline:before {
    content: "\f34e";
}

.ion-social-googleplus:before {
    content: "\f235";
}

.ion-social-googleplus-outline:before {
    content: "\f234";
}

.ion-social-hackernews:before {
    content: "\f237";
}

.ion-social-hackernews-outline:before {
    content: "\f236";
}

.ion-social-instagram:before {
    content: "\f351";
}

.ion-social-instagram-outline:before {
    content: "\f350";
}

.ion-social-linkedin:before {
    content: "\f239";
}

.ion-social-linkedin-outline:before {
    content: "\f238";
}

.ion-social-pinterest:before {
    content: "\f2b1";
}

.ion-social-pinterest-outline:before {
    content: "\f2b0";
}

.ion-social-reddit:before {
    content: "\f23b";
}

.ion-social-reddit-outline:before {
    content: "\f23a";
}

.ion-social-rss:before {
    content: "\f23d";
}

.ion-social-rss-outline:before {
    content: "\f23c";
}

.ion-social-skype:before {
    content: "\f23f";
}

.ion-social-skype-outline:before {
    content: "\f23e";
}

.ion-social-tumblr:before {
    content: "\f241";
}

.ion-social-tumblr-outline:before {
    content: "\f240";
}

.ion-social-tux:before {
    content: "\f2c5";
}

.ion-social-twitter:before {
    content: "\f243";
}

.ion-social-twitter-outline:before {
    content: "\f242";
}

.ion-social-usd:before {
    content: "\f353";
}

.ion-social-usd-outline:before {
    content: "\f352";
}

.ion-social-vimeo:before {
    content: "\f245";
}

.ion-social-vimeo-outline:before {
    content: "\f244";
}

.ion-social-windows:before {
    content: "\f247";
}

.ion-social-windows-outline:before {
    content: "\f246";
}

.ion-social-wordpress:before {
    content: "\f249";
}

.ion-social-wordpress-outline:before {
    content: "\f248";
}

.ion-social-yahoo:before {
    content: "\f24b";
}

.ion-social-yahoo-outline:before {
    content: "\f24a";
}

.ion-social-youtube:before {
    content: "\f24d";
}

.ion-social-youtube-outline:before {
    content: "\f24c";
}

.ion-speakerphone:before {
    content: "\f2b2";
}

.ion-speedometer:before {
    content: "\f2b3";
}

.ion-spoon:before {
    content: "\f2b4";
}

.ion-star:before {
    content: "\f24e";
}

.ion-stats-bars:before {
    content: "\f2b5";
}

.ion-steam:before {
    content: "\f30b";
}

.ion-stop:before {
    content: "\f24f";
}

.ion-thermometer:before {
    content: "\f2b6";
}

.ion-thumbsdown:before {
    content: "\f250";
}

.ion-thumbsup:before {
    content: "\f251";
}

.ion-toggle:before {
    content: "\f355";
}

.ion-toggle-filled:before {
    content: "\f354";
}

.ion-trash-a:before {
    content: "\f252";
}

.ion-trash-b:before {
    content: "\f253";
}

.ion-trophy:before {
    content: "\f356";
}

.ion-umbrella:before {
    content: "\f2b7";
}

.ion-university:before {
    content: "\f357";
}

.ion-unlocked:before {
    content: "\f254";
}

.ion-upload:before {
    content: "\f255";
}

.ion-usb:before {
    content: "\f2b8";
}

.ion-videocamera:before {
    content: "\f256";
}

.ion-volume-high:before {
    content: "\f257";
}

.ion-volume-low:before {
    content: "\f258";
}

.ion-volume-medium:before {
    content: "\f259";
}

.ion-volume-mute:before {
    content: "\f25a";
}

.ion-wand:before {
    content: "\f358";
}

.ion-waterdrop:before {
    content: "\f25b";
}

.ion-wifi:before {
    content: "\f25c";
}

.ion-wineglass:before {
    content: "\f2b9";
}

.ion-woman:before {
    content: "\f25d";
}

.ion-wrench:before {
    content: "\f2ba";
}

.ion-xbox:before {
    content: "\f30c";
}


/* components.css样式表 */

/* ==============
  Buttons
===================*/
html {
    position: relative;
    min-height: 100%;
}

.btn {
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    letter-spacing: 0.2px;
    opacity: 0.93;
}

.btn:hover {
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    opacity: 1;
}

.btn:focus {
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    opacity: 1;
}

.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-inverse,
.btn-purple,
.btn-pink {
    color: #ffffff !important;
}


.btn-primary,
/*.btn-primary:hover,*/
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
    background-color: #acabc6 !important;
    border: 1px solid #acabc6 !important;
}

.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.focus,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open > .dropdown-toggle.btn-success {
    background-color: #58c9c7 !important;
    border: 1px solid #58c9c7 !important;
    color:#fff !important;
}

.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.focus,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open > .dropdown-toggle.btn-info {
    background-color: #2b9ac9 !important;
    border: 1px solid #2b9ac9 !important;
}

.btn-danger,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.btn-danger.active,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open > .dropdown-toggle.btn-danger {
    background-color: #ef5350 !important;
    border: 1px solid #ef5350 !important;
}

.btn-inverse,
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.focus,
.btn-inverse:active,
.btn-inverse:focus,
.btn-inverse:hover,
.open > .dropdown-toggle.btn-inverse {
    background-color: #212121 !important;
    border: 1px solid #212121 !important;
    color: #ffffff;
}

.btn-purple,

.btn-purple:focus,
.btn-purple:active {
    background-color: #7e57c2 !important;
    border: 1px solid #7e57c2 !important;
    color: #ffffff;
}

.btn-pink,
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active {
    background-color: #ec407a !important;
    border: 1px solid #ec407a !important;
    color: #ffffff;
}

.btn-custom.btn-primary {
    color: #acabc6 !important;
}
.btn-custom.btn-primary:hover {
    color: #fff !important;
    background: #acabc6 !important;
}

.btn-custom.btn-success{
    color: #58c9c7 !important;
    background: #fff !important;
}
.btn-custom.btn-success:hover {
    color: #fff !important;
    background: #58c9c7 !important;
}

.btn-custom.btn-info {
    color: #2b9ac9 !important;
}
.btn-custom.btn-info:hover {
    color: #fff !important;
    background: #2b9ac9 !important;
}

.btn-custom.btn-warning {
    color: #FE925B !important;
}
.btn-custom.btn-warning:hover {
    color: #fff !important;
    background: #FE925B !important;
}

.btn-custom.btn-danger {
    color: #ef5350 !important;
}
.btn-custom.btn-danger:hover {
    color: #fff !important;
    color: #ef5350;
}

.btn-custom.btn-inverse {
    color: #212121 !important;
}

.btn-custom.btn-purple {
    color: #7e57c2 !important;
}

.btn-custom.btn-purple:hover {
    color: #fff !important;
    background: #7e57c2 !important;
}
.btn-custom.btn-pink {
    color: #ec407a !important;
}

.btn-rounded {
    border-radius: 2em;
    padding: 6px 18px;
}

.btn-custom {
    -moz-border-radius: 2px;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -webkit-border-radius: 2px;
    -webkit-transition: all 400ms ease-in-out;
    background: transparent;
    background-color: transparent !important;
    border-radius: 2px;
    border-width: 1px;
    transition: all 400ms ease-in-out;
}

.btn-custom:focus {
    color: #ffffff !important;
}

.fileupload {
    overflow: hidden;
    position: relative;
}

.fileupload input.upload {
    cursor: pointer;
    filter: alpha(opacity=0);
    font-size: 20px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}
/* ==============
  Panels 
===================*/
.panel {
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    border: none;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}
.panel .panel-body p {
    margin: 0px;
}
.panel-heading {
    border-radius: 0;
    border: none !important;
    padding: 10px 20px;
}

.panel-default > .panel-heading {
    background-color: #fff;
    border-bottom: none;
    color: #797979;
}

.panel-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}

.panel-footer {
    background: #fafafa;
    border-top: 0px;
}

.panel-color .panel-title {
    color: #ffffff;
}

.panel-primary > .panel-heading {
    background-color: #f90;
}

.panel-success > .panel-heading {
    background-color: #58c9c7;
}

.panel-info > .panel-heading {
    background-color: #2b9ac9;
}

.panel-warning > .panel-heading {
    background-color: #FE925B;
}

.panel-danger > .panel-heading {
    background-color: #ef5350;
}

.panel-purple > .panel-heading {
    background-color: #7e57c2;
}

.panel-pink > .panel-heading {
    background-color: #ec407a;
}

.panel-inverse > .panel-heading {
    background-color: #212121;
}

.panel-border {
    border-radius: 3px;
}

    .panel-border .panel-heading {
        background-color: #ffffff;
        border-top: 3px solid #ccc !important;
        border-radius: 3px;
        padding: 10px 20px 0px;
    }

    .panel-border .panel-body {
        padding: 15px 20px 20px 20px;
    }

    .panel-border.panel-primary .panel-heading {
        border-color: #acabc6 !important;
        color: #acabc6 !important;
    }

    .panel-border.panel-success .panel-heading {
        border-color: #58c9c7 !important;
        color: #58c9c7 !important;
    }

    .panel-border.panel-info .panel-heading {
        border-color: #2b9ac9 !important;
        color: #2b9ac9 !important;
    }

    .panel-border.panel-warning .panel-heading {
        border-color: #FE925B !important;
        color: #FE925B !important;
    }

    .panel-border.panel-danger .panel-heading {
        border-color: #ef5350 !important;
        color: #ef5350 !important;
    }

    .panel-border.panel-purple .panel-heading {
        border-color: #7e57c2 !important;
        color: #7e57c2 !important;
    }

    .panel-border.panel-pink .panel-heading {
        border-color: #ec407a !important;
        color: #ec407a !important;
    }

    .panel-border.panel-inverse .panel-heading {
        border-color: #212121 !important;
        color: #212121 !important;
    }

.panel-fill {
    border-radius: 3px;
}

    .panel-fill .panel-heading {
        background-color: transparent;
        color: #ffffff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
    }

    .panel-fill .panel-body {
        color: rgba(255, 255, 255, 0.85);
    }

    .panel-fill.panel-default .panel-body {
        color: #666;
    }

    .panel-fill.panel-default .panel-heading {
        background-color: transparent;
        color: #333333;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    }

    .panel-fill.panel-primary {
        background-color: #489ce7;
    }

    .panel-fill.panel-success {
        background-color: #58c386;
    }

    .panel-fill.panel-info {
        background-color: #50c1f4;
    }

    .panel-fill.panel-warning {
        background-color: #fcdc63;
    }

    .panel-fill.panel-danger {
        background-color: #ef7270;
    }

    .panel-fill.panel-purple {
        background-color: #9475cb;
    }

    .panel-fill.panel-pink {
        background-color: #ec6391;
    }

    .panel-fill.panel-inverse {
        background-color: #4a4a4a;
    }

.panel-group .panel .panel-heading a[data-toggle=collapse].collapsed:before {
    content: '\f067';
}

.panel-group .panel .panel-heading .accordion-toggle.collapsed:before {
    content: '\f067';
}

.panel-group .panel .panel-heading a[data-toggle=collapse] {
    display: block;
}

    .panel-group .panel .panel-heading a[data-toggle=collapse]:before {
        content: '\f068';
        display: block;
        float: right;
        font-family: 'FontAwesome';
        font-size: 14px;
        text-align: right;
        width: 25px;
    }

.panel-group .panel .panel-heading .accordion-toggle {
    display: block;
}

    .panel-group .panel .panel-heading .accordion-toggle:before {
        content: '\f068';
        display: block;
        float: right;
        font-family: 'FontAwesome';
        font-size: 14px;
        text-align: right;
        width: 25px;
    }

.panel-group .panel .panel-heading + .panel-collapse .panel-body {
    border-top: none;
}

.panel-group .panel-heading {
    padding: 12px 26px;
}

.panel-group.panel-group-joined .panel + .panel {
    border-top: 1px solid #eeeeee;
    margin-top: 0;
}

.panel-group-joined .panel-group .panel + .panel {
    border-top: 1px solid #eeeeee;
    margin-top: 0;
}
/* ==============
  Portlets
===================*/
.portlet {
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.4s;
    background: #ffffff;
    /*box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);*/
    box-shadow: 2px 2px 2px 3px rgba(0, 0, 0, 0.01);
    margin-bottom: 20px;
    transition: all 0.4s;
    overflow:auto;
}

    .portlet .portlet-heading {
        border-radius: 3px;
        color: #ffffff;
        padding: 12px 20px;
    }

        .portlet .portlet-heading .portlet-title {
            color: #ffffff;
            float: left;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 0;
            margin-top: 0;
        }

        .portlet .portlet-heading .portlet-widgets {
            display: inline-block;
            float: right;
            font-size: 15px;
            line-height: 30px;
            padding-left: 15px;
            position: relative;
            text-align: right;
        }

            .portlet .portlet-heading .portlet-widgets .divider {
                margin: 0 5px;
            }

            .portlet .portlet-heading .portlet-widgets .collapsed .ion-minus-round:before {
                content: "\f217" !important;
            }

        .portlet .portlet-heading a {
            color: #999999;
        }

    .portlet .portlet-body {
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        background: #ffffff;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        padding: 15px;
    }

.portlet-default .portlet-title {
    color: #797979 !important;
}

.portlet .portlet-heading.bg-purple a,
.portlet .portlet-heading.bg-info a,
.portlet .portlet-heading.bg-success a,
.portlet .portlet-heading.bg-primary a,
.portlet .portlet-heading.bg-danger a,
.portlet .portlet-heading.bg-warning a,
.portlet .portlet-heading.bg-inverse a,
.portlet .portlet-heading.bg-pink a {
    color: #ffffff;
}

.panel-disabled {
    background: rgba(243, 242, 241, 0.5);
    bottom: 15px;
    left: 0px;
    position: absolute;
    right: -5px;
    top: 0;
}

.loader-1 {
    -moz-animation: loaderAnimate 1000ms linear infinite;
    -o-animation: loaderAnimate 1000ms linear infinite;
    -webkit-animation: loaderAnimate 1000ms linear infinite;
    animation: loaderAnimate 1000ms linear infinite;
    clip: rect(0, 30px, 30px, 15px);
    height: 30px;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    width: 30px;
}

    .loader-1:after {
        -moz-animation: loaderAnimate2 1000ms ease-in-out infinite;
        -o-animation: loaderAnimate2 1000ms ease-in-out infinite;
        -webkit-animation: loaderAnimate2 1000ms ease-in-out infinite;
        animation: loaderAnimate2 1000ms ease-in-out infinite;
        border-radius: 50%;
        clip: rect(0, 30px, 30px, 15px);
        content: '';
        height: 30px;
        position: absolute;
        width: 30px;
    }
/* ==============
  Checkbox and Radio
===================*/
.checkbox {
    padding-left: 20px;
}

    .checkbox label {
        display: inline-block;
        padding-left: 5px;
        position: relative;
    }

        .checkbox label::before {
            -o-transition: 0.3s ease-in-out;
            -webkit-transition: 0.3s ease-in-out;
            background-color: #ffffff;
            border-radius: 0;
            border: 1px solid #dbdbdb;
            content: "";
            display: inline-block;
            height: 17px;
            left: 0;
            margin-left: -20px;
            position: absolute;
            transition: 0.3s ease-in-out;
            width: 17px;
            outline: none !important;
        }

        .checkbox label::after {
            color: #555555;
            display: inline-block;
            font-size: 11px;
            height: 16px;
            left: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            position: absolute;
            top: 0;
            width: 16px;
        }

    .checkbox input[type="checkbox"] {
        cursor: pointer;
        opacity: 0;
        z-index: 1;
        outline: none !important;
    }

        .checkbox input[type="checkbox"]:disabled + label {
            opacity: 0.65;
        }

        .checkbox input[type="checkbox"]:focus + label::before {
            outline-offset: -2px;
            outline: none;
            outline: thin dotted;
        }

        .checkbox input[type="checkbox"]:checked + label::after {
            content: "\f00c";
            font-family: 'FontAwesome';
        }

        .checkbox input[type="checkbox"]:disabled + label::before {
            background-color: #eeeeee;
            cursor: not-allowed;
        }

    .checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }

    .checkbox.checkbox-inline {
        margin-top: 0;
    }

    .checkbox.checkbox-single label {
        height: 17px;
    }

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #ffffff !important;
    border-color: #ffaa2d !important;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #ffaa2d;
}

.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #ffffff;
    border-color: #ffaa2d;
}

.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #ffaa2d;
}

.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #2b9ac9;
    border-color: #2b9ac9;
}

.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #ffffff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #FE925B;
    border-color: #FE925B;
}

.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #ffffff;
}

.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #58c9c7;
    border-color: #58c9c7;
}

.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #ffffff;
}

.radio {
    padding-left: 20px;
}

    .radio label {
        display: inline-block;
        padding-left: 5px;
        position: relative;
    }

        .radio label::before {
            -o-transition: border 0.5s ease-in-out;
            -webkit-transition: border 0.5s ease-in-out;
            background-color: #ffffff;
            border-radius: 50%;
            border: 1px solid #cccccc;
            content: "";
            display: inline-block;
            height: 17px;
            left: 0;
            margin-left: -20px;
            outline: none !important;
            position: absolute;
            transition: border 0.5s ease-in-out;
            width: 17px;
        }

        .radio label::after {
            -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -webkit-transform: scale(0, 0);
            -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            background-color: #555555;
            border-radius: 50%;
            content: " ";
            display: inline-block;
            height: 11px;
            left: 3px;
            margin-left: -20px;
            position: absolute;
            top: 3px;
            transform: scale(0, 0);
            transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            width: 11px;
        }

    .radio input[type="radio"] {
        cursor: pointer;
        opacity: 0;
        z-index: 1;
        outline: none !important;
    }

        .radio input[type="radio"]:disabled + label {
            opacity: 0.65;
        }

        .radio input[type="radio"]:focus + label::before {
            outline-offset: -2px;
            outline: none;
        }

        .radio input[type="radio"]:checked + label::after {
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        .radio input[type="radio"]:disabled + label::before {
            cursor: not-allowed;
        }

    .radio.radio-inline {
        margin-top: 0;
    }

    .radio.radio-single label {
        height: 17px;
    }

.radio-primary input[type="radio"] + label::after {
    background-color: #acabc6;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #acabc6;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #acabc6;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #ef5350;
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #ef5350;
}

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #ef5350;
}

.radio-info input[type="radio"] + label::after {
    background-color: #2b9ac9;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #2b9ac9;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #2b9ac9;
}

.radio-warning input[type="radio"] + label::after {
    background-color: #FE925B;
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color: #FE925B;
}

.radio-warning input[type="radio"]:checked + label::after {
    background-color: #FE925B;
}

.radio-success input[type="radio"] + label::after {
    background-color: #58c9c7;
}

.radio-success input[type="radio"]:checked + label::before {
    border-color: #58c9c7;
}

.radio-success input[type="radio"]:checked + label::after {
    background-color: #58c9c7;
}
/* ==============
  Progressbars
===================*/
.progress {
    -webkit-box-shadow: none !important;
    background-color: #ecf0f1;
    box-shadow: none !important;
    height: 10px;
    margin-bottom: 18px;
    overflow: hidden;
}

.progress-bar {
    box-shadow: none;
    font-size: 8px;
    font-weight: 600;
    line-height: 12px;
}

.progress.progress-sm {
    height: 5px !important;
}

    .progress.progress-sm .progress-bar {
        font-size: 8px;
        line-height: 5px;
    }

.progress.progress-md {
    height: 15px !important;
}

    .progress.progress-md .progress-bar {
        font-size: 10.8px;
        line-height: 14.4px;
    }

.progress.progress-lg {
    height: 20px !important;
}

    .progress.progress-lg .progress-bar {
        font-size: 12px;
        line-height: 20px;
    }

.progress-bar-primary {
    background-color: #acabc6;
}

.progress-bar-success {
    background-color: #58c9c7;
}

.progress-bar-info {
    background-color: #2b9ac9;
}

.progress-bar-warning {
    background-color: #FE925B;
}

.progress-bar-danger {
    background-color: #ef5350;
}

.progress-bar-inverse {
    background-color: #212121;
}

.progress-bar-purple {
    background-color: #7e57c2;
}

.progress-bar-pink {
    background-color: #ec407a;
}

.progress-animated {
    -webkit-animation-duration: 5s;
    -webkit-animation-name: animationProgress;
    -webkit-transition: 5s all;
    animation-duration: 5s;
    animation-name: animationProgress;
    transition: 5s all;
}
/* ==============
  Tables
===================*/
.table {
    margin-bottom: 0px;
}

tbody {
    color: #797979;
}

th {
    color: #666666;
    font-size: 15px;
}

table.focus-on tbody tr.focused th {
    background-color: #acabc6;
    color: #ffffff;
}

table.focus-on tbody tr.focused td {
    background-color: #acabc6;
    color: #ffffff;
}

.table-rep-plugin tbody th {
    font-size: 14px;
    font-weight: normal;
}

.modal-block {
    background: transparent;
    margin: 40px auto;
    max-width: 600px;
    padding: 0;
    position: relative;
    text-align: left;
}

.dt-buttons {
    float: left;
}

div#datatable-buttons_info {
    float: left;
}

table.dataTable th.focus,
table.dataTable td.focus {
    outline: 3px solid #acabc6 !important;
    outline-offset: -1px;
}

.fixedHeader-floating {
    top: 70px !important;
}

#datatable-editable .actions a {
    padding: 5px;
}

#datatable-editable .form-control {
    background-color: #ffffff;
    width: 100%;
}

#datatable-editable .fa-trash-o {
    color: #ef5350;
}

#datatable-editable .fa-times {
    color: #ef5350;
}

#datatable-editable .fa-pencil {
    color: #29b6f6;
}

#datatable-editable .fa-save {
    color: #33b86c;
}

#datatable td {
    font-weight: normal;
}

div.dataTables_paginate ul.pagination {
    margin-top: 30px;
}

div.dataTables_info {
    padding-top: 38px;
}
/* ==============
  Form-elements
===================*/
.error {
    color: #ff0000;
}

.datepicker {
    border: 1px solid #dddddd;
    padding: 8px;
}

    .datepicker th {
        font-size: 14px !important;
    }

.search-input {
    margin-bottom: 10px;
}

.ms-selectable {
    box-shadow: none;
    outline: none !important;
}

.ms-container .ms-list.ms-focus {
    box-shadow: none;
}

.ms-container .ms-selectable li.ms-hover {
    background-color: #acabc6;
}

.ms-container .ms-selection li.ms-hover {
    background-color: #acabc6;
}

.spinner-buttons.btn-group-vertical .btn {
    background-color: #eeeeee;
    border: none !important;
    box-shadow: none !important;
    height: 17px;
    line-height: 16px;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    width: 22px;
}

    .spinner-buttons.btn-group-vertical .btn i {
        color: #333333 !important;
        line-height: 10px;
        margin-top: -3px;
    }

    .spinner-buttons.btn-group-vertical .btn:first-child {
        -webkit-border-radius: 0 0px 0 0 !important;
        border-radius: 0 0px 0 0 !important;
    }

    .spinner-buttons.btn-group-vertical .btn:last-child {
        -webkit-border-radius: 0 0 0px !important;
        border-radius: 0 0 0px !important;
    }

.note-editor {
    border: 1px solid #dddddd;
    position: relative;
}

    .note-editor .note-toolbar {
        background-color: #f3f3f3;
        border-bottom: 1px solid #dddddd;
        margin: 0;
    }

    .note-editor .note-statusbar {
        background-color: #ffffff;
    }

        .note-editor .note-statusbar .note-resizebar {
            border-top: 1px solid #dddddd;
            height: 15px;
            padding-top: 3px;
        }

.note-popover .popover .popover-content {
    padding: 5px 0 10px 5px;
}

.note-toolbar {
    padding: 5px 0 10px 5px;
}

.code-edit-wrap {
    padding: 0px !important;
}

.cm-s-ambiance .CodeMirror-linenumber {
    color: #bcbcbc;
}

.cm-s-ambiance .CodeMirror-gutters {
    background-color: #212121 !important;
    box-shadow: none;
}

.cm-s-ambiance.CodeMirror {
    background-color: #212121 !important;
    box-shadow: none;
}

.bootstrap-timepicker-widget table td a:hover {
    background-color: transparent;
    border-color: transparent;
    border-radius: 4px;
    color: #acabc6;
    text-decoration: none;
}

.editor-horizontal .popover-content {
    padding: 9px 30px;
}

.wizard > .content {
    background: #ffffff;
    min-height: 240px;
    padding: 20px;
}

    .wizard > .content > .body {
        padding: 0px;
    }

        .wizard > .content > .body input {
            border: 1px solid #eeeeee;
        }

        .wizard > .content > .body ul > li {
            display: block;
            line-height: 30px;
        }

        .wizard > .content > .body label.error {
            color: #e55957;
            margin-left: 0;
        }

        .wizard > .content > .body label {
            display: inline-block;
            margin-top: 10px;
        }

.wizard > .steps .number {
    border-radius: 50%;
    display: inline-block;
    line-height: 30px;
    margin-right: 10px;
}

.wizard > .steps .disabled a {
    background: #f2f2f2;
    color: #333333;
    cursor: default;
}

    .wizard > .steps .disabled a:hover {
        background: #f2f2f2;
        color: #333333;
        cursor: default;
    }

    .wizard > .steps .disabled a:active {
        background: #f2f2f2;
        color: #333333;
        cursor: default;
    }

.wizard > .steps .current a {
    background: #acabc6;
}

    .wizard > .steps .current a:hover {
        background: #acabc6;
    }

        .wizard > .steps .current a:hover .number {
            background: transparent;
            color: #ffffff;
        }

    .wizard > .steps .current a:active {
        background: #acabc6;
    }

        .wizard > .steps .current a:active .number {
            background: transparent;
            color: #ffffff;
        }

    .wizard > .steps .current a .number {
        background: transparent;
        color: #ffffff;
    }

.wizard > .steps .done a {
    background: #cccccc;
}

    .wizard > .steps .done a:hover {
        background: #cccccc;
    }

    .wizard > .steps .done a:active {
        background: #cccccc;
    }

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active,
.wizard > .content {
    border-radius: 2px;
}

.wizard > .actions {
    margin-bottom: 30px;
}

    .wizard > .actions a {
        background: #acabc6;
        border-radius: 2px;
        color: #ffffff;
    }

        .wizard > .actions a:hover {
            background: #acabc6;
            border-radius: 2px;
            color: #ffffff;
        }

        .wizard > .actions a:active {
            background: #acabc6;
            border-radius: 2px;
            color: #ffffff;
        }

    .wizard > .actions .disabled a {
        background: #e2e2e2;
        color: #333333;
    }

        .wizard > .actions .disabled a:hover {
            background: #e2e2e2;
            color: #333333;
        }

        .wizard > .actions .disabled a:active {
            background: #e2e2e2;
            color: #333333;
        }

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: #acabc6 !important;
    background-image: none;
    box-shadow: none;
}
/* Select2 */
.select2-container .select2-choice {
    background-image: none !important;
    border: none !important;
    height: auto !important;
    padding: 0px !important;
    line-height: 22px !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

    .select2-container .select2-choice .select2-arrow {
        background-image: none !important;
        background: transparent;
        border: none;
        width: 14px;
        top: 2px;
        right: 5px;
    }

.select2-container .select2-container-multi.form-control {
    height: auto;
}

.select2-results .select2-highlighted {
    background-color: #acabc6;
}

.select2-drop-active {
    border: 1px solid #e3e3e3 !important;
    padding-top: 5px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}

.select2-search input {
    border: 1px solid #e3e3e3;
}

.select2-container-multi {
    width: 100%;
}

    .select2-container-multi .select2-choices {
        border: 2px solid rgba(255, 255, 255, 0.2) !important;
        box-shadow: none !important;
        background: transparent !important;
        background-image: none !important;
        -webkit-border-radius: 4px !important;
        border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        background-clip: padding-box !important;
        min-height: 34px;
    }

        .select2-container-multi .select2-choices .select2-search-choice {
            padding: 6px 8px 7px 19px;
            margin: 5px 0 3px 5px;
            background: #eeeeee;
            border: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .select2-container-multi .select2-choices .select2-search-field input {
            padding: 7px 7px 7px 10px;
            font-family: inherit;
        }

        .select2-container-multi .select2-choices .select2-search-choice-close {
            top: 6px;
        }

.select2-chosen {
    height: 34px;
    line-height: 34px;
    padding-left: 15px;
    color: #444444;
}
/* Timepiker */
.bootstrap-timepicker-widget table td input {
    border: none;
}
/* Dropzone */
.dropzone {
    min-height: 230px;
    border: 2px dashed rgba(0, 0, 0, 0.3);
    background: white;
    border-radius: 6px;
}

    .dropzone .dz-message {
        font-size: 30px;
    }
/* ==============
  Calendar
===================*/
.calendar {
    float: left;
    margin-bottom: 0px;
}

.none-border .modal-footer {
    border-top: none;
}

.fc-toolbar {
    margin-bottom: 5px;
}

    .fc-toolbar h2 {
        font-size: 18px;
        font-weight: 600;
        line-height: 30px;
        text-transform: uppercase;
    }

.fc-day {
    background: #ffffff;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar button:focus,
.fc-toolbar button:hover,
.fc-toolbar .ui-state-hover {
    z-index: 0;
}

.fc-widget-header {
    border: 1px solid #d5d5d5;
}

.fc-widget-content {
    border: 1px solid #d5d5d5;
}

.fc th.fc-widget-header {
    background: #dddddd;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0px;
    text-transform: uppercase;
}

.fc-button {
    background: #ffffff;
    border: 1px solid #d5d5d5;
    color: #555555;
    text-transform: capitalize;
}

.fc-text-arrow {
    font-family: arial;
    font-size: 16px;
}

.fc-state-hover {
    background: #F5F5F5;
}

.fc-state-highlight {
    background: #f0f0f0;
}

.fc-cell-overlay {
    background: #f0f0f0;
}

.fc-unthemed .fc-today {
    background: #ffffff;
}

.fc-event {
    border-radius: 2px;
    border: none;
    cursor: move;
    font-size: 13px;
    margin: 5px 7px;
    padding: 5px 5px;
    text-align: center;
}

.external-event {
    color: #ffffff;
    cursor: move;
    margin: 10px 0;
    padding: 6px 10px;
}

.fc-basic-view td.fc-week-number span {
    padding-right: 5px;
}

.fc-basic-view td.fc-day-number {
    padding-right: 5px;
}
/* ==============
  Widgets
===================*/
.widget-s-1 {
    border-radius: 6px;
}

.mini-stat {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 20px;
    color: #ffffff;
}

.mini-stat-icon {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    display: inline-block;
    float: left;
    font-size: 30px;
    height: 60px;
    line-height: 60px;
    margin-right: 10px;
    text-align: center;
    width: 60px;
}

.mini-stat-info {
    padding-top: 2px;
    color: #eeeeee;
}

    .mini-stat-info span {
        color: #ffffff;
        display: block;
        font-size: 20px;
        font-weight: bold;
    }

        .mini-stat-info span.name {
            color: #ffffff;
            display: block;
            font-size: 18px;
            font-weight: 600;
            margin-top: 5px;
        }

.inbox-widget .inbox-item {
    border-bottom: 1px solid #f1f1f1;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
}

    .inbox-widget .inbox-item .inbox-item-img {
        display: block;
        float: left;
        margin-right: 15px;
        width: 40px;
    }

    .inbox-widget .inbox-item img {
        width: 40px;
    }

    .inbox-widget .inbox-item .inbox-item-author {
        color: #333333;
        display: block;
        margin: 0;
    }

    .inbox-widget .inbox-item .inbox-item-text {
        color: #a0a0a0;
        display: block;
        font-size: 12px;
        margin: 0;
    }

    .inbox-widget .inbox-item .inbox-item-date {
        color: #a9a9a9;
        font-size: 11px;
        position: absolute;
        right: 7px;
        top: 2px;
    }

.conversation-list {
    list-style: none;
    max-height: 330px;
    padding: 0px 20px;
}

    .conversation-list li {
        margin-bottom: 24px;
    }

    .conversation-list .chat-avatar {
        display: inline-block;
        float: left;
        text-align: center;
        width: 40px;
    }

        .conversation-list .chat-avatar img {
            border-radius: 100%;
            width: 100%;
        }

        .conversation-list .chat-avatar i {
            font-size: 12px;
            font-style: normal;
        }

    .conversation-list .ctext-wrap {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: #ecf0f1;
        border-radius: 3px;
        display: inline-block;
        padding: 10px;
        position: relative;
    }

        .conversation-list .ctext-wrap i {
            color: #1a2942;
            display: block;
            font-size: 12px;
            font-style: normal;
            font-weight: bold;
            position: relative;
        }

        .conversation-list .ctext-wrap p {
            margin: 0px;
            padding-top: 3px;
        }

        .conversation-list .ctext-wrap:after {
            right: 100%;
            top: 20%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(213, 242, 239, 0);
            border-right-color: #f5f5f5;
            border-width: 5px;
            margin-top: -5px;
        }

    .conversation-list .conversation-text {
        display: inline-block;
        float: left;
        font-size: 12px;
        margin-left: 12px;
        width: 70%;
    }

    .conversation-list .odd .chat-avatar {
        float: right !important;
    }

    .conversation-list .odd .conversation-text {
        float: right !important;
        margin-right: 12px;
        text-align: right;
        width: 70% !important;
    }

    .conversation-list .odd .ctext-wrap {
        background: #e8e9ec !important;
    }

        .conversation-list .odd .ctext-wrap i {
            color: #acacac;
        }

        .conversation-list .odd .ctext-wrap:after {
            border-color: rgba(238, 238, 242, 0) !important;
            border-left-color: #e8e9ec !important;
            left: 100% !important;
            top: 20% !important;
        }

.chat-send {
    padding-left: 0px;
    padding-right: 30px;
}

    .chat-send button {
        width: 100%;
    }

.chat-inputbar {
    padding-left: 30px;
}

#todo-message {
    font-size: 16px;
}

.todoapp {
    padding: 10px 30px 20px 30px !important;
}

.todo-list li {
    border-bottom: 1px solid #eeeeee;
    border-radius: 0px;
    border: 0px;
    margin: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

    .todo-list li:last-of-type {
        border-bottom: none;
    }

.todo-send {
    padding-left: 0px;
}
.nav.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.tabs-vertical > li.active > a,
.tabs-vertical > li.active > a:focus,
.tabs-vertical > li.active > a:hover {
    color: #5a8bff !important;
}
.text-warning{color: #5a8bff;}
.btn-warning,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open > .dropdown-toggle.btn-warning {
    background-color: #5a8bff;
    border: 1px solid #5a8bff;
    color: #ffffff ;
}
.btn-default,
/*.btn-default:hover,*/
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default {
    background-color: #f9f9f9 ;
    border: 1px solid #5a8bff;
    color: #5a8bff;
}

.btn-custom.btn-default:hover {
    color: #5a8bff !important;
}

.btn-custom.btn-default:active {
    color: #5a8bff !important;
}

.btn-custom.btn-default:focus {
    color: #5a8bff !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #5a8bff;
    border-color: #ffbb99;
}

/* 页面样式 */
/*2017年2.21日改*/
.input-group-addon, .input-group-btn {vertical-align: top;}
/*.swiper-container {width: 800px; height: 100px;margin: 20px auto;}*/
/*.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}*/
.query {margin-top: 0px;}
.lastROW {padding: 10px 0px 10px 10px; margin-right: 0px !important;margin-top: 0px !important;}
.firtsROW {margin-right: 0px !important;}
.notice_text {clear: both;line-height: 24px;word-wrap: break-word;margin-bottom: 15px;}

/* 03-10 会员*/
ul, li{list-style:none; padding: 0; margin: 0;}
.b{border: solid 1px #e8e8e8;}
.border_t{border-top: solid 1px #e8e8e8;}
.border_r{ border-right: solid 1px #e8e8e8;}
.border_b{ border-bottom: solid 2px #fe8a4f;}
.border_b1{border-bottom: solid 1px #fe8a4f;}
.border_l{border-left: solid 1px #e8e8e8;}
.b-racius0 {border-radius: 50%;}
.b{border: 1px solid #e8e8e8;}
.hy_photo img {width:150px;height: 112px;}
.xf_aa h4 {margin: 15px 0 10px 0; display: block;text-align: center;font-size: 20px; font-weight: 500;}
.xf_aa h4 span {margin-left: 10px; font-size: 14px; color: #ff6600;}
.xf_aa col-lg-6, .xf_aa col-md-12, .xf_aa col-sm-12, .xf_aa col-xs-12 {padding: 0;}
.xf_aa li{ display: block; padding: inherit; text-align: left; line-height: 26px; color: #000; font-size: 14px;}
.xf_aa li span {
    display: block;
    float: left;
    width: 33%;
    text-align: right;
    font-weight: 500;
    color: #333;
}
.xf_aa li i {
    font-style: normal;
    float: left;
    width: 55%;
    display: block;
    font-weight: bold;
}
.text_xz {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mart {margin-bottom: 10px;}
.list-unstyled li i.fa { color: #2b9ac9; font-weight: bold; font-size: 18px;}
.list-unstyled li i.iconfont{ color: #2b9ac9;}
.label-pd { padding: 0;text-align: right;}
.pd0 { padding: 0;}
.pdr0 {padding-right: 0;}
.lin30{line-height: 30px;}
.goodsname {
    float: left;
    width: 57%;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.qingchu .pull-left {clear: both; float: none !important;}
.lab2 {line-height: 100%;}
.editsms { border: 1px solid #ddd; border-radius: 4px;}
.p-l-0 {padding-left: 0;}
.p-r-0 {padding-right: 0;}
img.img-responsive {width:75%; height:auto;}
.sales_font {font-size: 18px;line-height: 40px;}
.txm {
    background: url("../images/textbg.png")/*tpa=http://login.jiujiuke.net/Assets/images/textbg.png*/ no-repeat;
    width: 244px;
    height: 53px;
    padding: 10px;
    margin-left: 15px;
    margin-bottom: 15px;
}
.txm input {box-shadow: 1px 3px 2px rgba(0,0,0,0.1) inset;}
.pay_main {width: 242px;height: 242px; border: 1px solid #ededed;margin-left: 15px;margin-bottom: 20px;}
.pay_top {line-height: 60px; font-size: 18px;margin-top: 20px;}
/* 系统设置*/
.set-left {float: left;width: 160px;}
.set-right {position: relative;margin-left: 170px;}
.mail-list a {font-size: 14px;}
.normal{ font-weight: normal;}
.modal-dialog {margin: 3% auto;}
.kd01 {width: 50%;float: right;text-align: center;}
.kd02 {width: 50%;}
.hei50 {line-height: 50px;}
.col_99 {color: #999;}
.lin30 {line-height: 30px;}
.set-right .form-horizontal .form-group {margin-right: 0;margin-left: 0;}
.wenxin{ border:1px solid #ededed; background:#f8f8f8; padding:10px; line-height:24px; font-size:12px;}
.xtkd{margin: auto; width: 98%;}
.xtkd label{ font-weight:normal;}
.bdzhi {float:left; border: 0px solid #fff; border-bottom: 2px solid #ff6a00; width: 60px; color: #ff6a00; outline: medium; text-align: center;}
.auto { overflow:auto;}
.sys_bold { color: #ff0000}
.sys_bd{border-bottom: 2px solid #ff6a00; color:#f60; }
#Input_data1 .btn-warning,#Input_data2 .btn-warning,#Input_data3 .btn-warning,#E_time .btn-warning,#Input_data_jctj .btn-warning,#Input_data_CCJL .btn-warning{ color:#fff !important; background:#f90 !important; border:1px solid #f80 !important;}
/*数据管理*/
.code-btn {
    background: #ff9900;
    width: 100%;border:none;line-height:32px;color:#fff;
}
.wxcode-img {
    width: 130px;
    height: 130px;
    overflow: hidden;
    padding:5px;
    border:1px solid #f1f1f1;
    box-sizing:border-box;
}

/* 打印 */
.print_left {position:relative; float:left;}
.print_right {float:right;margin-top: 12px;}
.print_bj {
    float: left;
    width: 300px;
    background: url("../images/print_bj.png")/*tpa=http://login.jiujiuke.net/Assets/images/print_bj.png*/ top center repeat-y;
    min-height: 180px;
}
.print_top {
    width: 300px;
    background: url("../images/print_top.png")/*tpa=http://login.jiujiuke.net/Assets/images/print_top.png*/ top center no-repeat;
    min-height: 180px;
    padding-top: 50px;
}
.print_foot {
    width: 300px;
    height: 40px;
    background: url("../images/print_foot.png")/*tpa=http://login.jiujiuke.net/Assets/images/print_foot.png*/ center bottom no-repeat;
}
.print_content {
    clear: both;
    width: 70%;
    margin: 0px auto;
    line-height: 24px;
    color: #333;
}
.CodeImg {
    clear: both;
    width: 100%;
    margin: 3px auto;
}
.goodstab {
    text-align: center;
    width: 100%;
}
.line {
    clear: both;
    width: 100%;
    border-top: 1px solid #ededed;
    height: 10px;
    overflow: hidden;
    margin-top: 10px;
}

.line_fgx {
    clear: both;
    width: 100%;
    height: 20px;
    border-top: 2px dotted #333;
    overflow: hidden;
    margin-top: 10px;
}
.ewm {
    width: 152px;
    height: 152px;
    border: 1px solid #ededed;
    margin: 10px auto;
}
.print_right .panel {
    border: 1px solid #ededed;
    border-bottom: none;
    margin-bottom: 0;
}
.print_right .panel-heading {
    background: #fff;
    padding: 0;
    margin-bottom: 0;
}
.bgtit {
    background: #fff;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ededed;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
.bgtit p {
    float: left;
    font-size: 15px;
    font-weight: bold;
}
.bgtit p span {
    font-size: 12px;
    color: #999;
    font-weight: normal;
}
.dw {position: relative;}
.dw .upload_change a {
    text-align: center;
    font-weight: bold;
    color: #f90;
    line-height: 40px;
    font-size: 14px;
}
.choice ul li {
    font-weight: bold;
    border-bottom: 1px dotted #ddd;
    margin-bottom:15px;
}
.choice ul li label {
font-weight: bold;
}


.adaptive {
    overflow: auto;
}
    .adaptive span a { color:#ffb804; cursor:pointer;}

/* 微信菜单 */
.wxmenu_bj {position: relative;}
.wxmenu_bj img { width: 389px; height: 692px;}
.wxmenu {
    position: absolute;
    bottom: 84px;
    left: 35px;
    width: 318px;
    height: 50px;
    background: #fff;
    z-index: 1;
    line-height: 50px;
    border: 1px solid #ddd;
    border-right: none;
}
.wxmenu ul li {
    float: left;
    text-align: center;
    border-right: 1px solid #ddd;
    position: relative;
}
.Divdh {
    position: absolute;
    bottom: 50px;
    left: -1px;
    display: none;
    width: 101%;
    background: #fff;
    border: 1px solid #ddd;
}
.Divdh dd {
    border-bottom: none;
    line-height: 50px;
    border-bottom: 1px solid #ddd;
    height: 50px;
}
.Divdh dd:last-child {border-bottom: none;}
.Divdh dd a {color: #333;}
.Divdh dd a:hover {color: #f60;}
.wechart_border {
    border: 1px solid #f6f6f6;
    overflow: auto;
    padding-bottom: 30px;
    margin-top: 15px;
}
.weixin_tit {
    font-size: 14px;
    color: #666;
    font-weight: normal;
    background: #fafafa;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 0 15px;
}
.wxtips {
    clear: both;
    width: 96%;
    margin: 20px auto;
    border: 1px solid #ffedd2;
    background: #fff7ec;
    padding:10px;
    border-radius: 5px;
    line-height: 24px;
    color: #f80;
    position: relative;
}
.wxtips p {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 24px;
    color: #666;
    font-weight: normal;
}
.guanjianci dd {
    float: left;
    line-height: 18px;
    padding: 2px 10px;
    margin: 0 8px 8px 0;
    background: #f90;
    border: 1px solid #f80;
    color: #fff;
    border-radius: 3px;
}
.guanjianci dd a {color: #fff;}
.guanjianci dd.active {
    float: left;
    background: #fff;
    border: 1px solid #f90;
    color: #f60;
    background: url("../images/check.png")/*tpa=http://login.jiujiuke.net/Assets/images/check.png*/ right bottom no-repeat;
    background-size: 15px 15px;
}
.guanjianci dd.active a {color: #f60;}
.symcxz {
    float: left;
    width: 75%;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 推广 */
.myewm img {
    float: left;
    width: 150px;
    height: 150px;
    padding: 2px;
    border: 1px solid #ededed;
}
.myewm p {
    float: left;
    font-size: 14px;
    padding-left: 10px;
    padding-top: 130px;
}
.tjtips {
    clear: both;
    background: #f6f6f6;
    /*color: #f90;*/
    line-height: 24px;
    font-size: 14px;
    border-radius: 5px;
    padding: 10px;
}
.img-thumbnail01 {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    border: none;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.normal {font-weight: normal;}
.blue a {color: #0277ff;}
.yue {background: #fafafa;line-height: 75px;}
.yue span {color: #f90;font-size: 25px;}
.tab_bor {border: 1px solid #ededed;border-radius: 5px;}
.bank ul li {float: left; width: 31.33%;margin: 0 1%;height: 180px;border-radius: 5px; padding: 0;margin-bottom: 20px;color: #fff;font-size: 14px;}
.bank ul li a {font-size: 14px;color: #fff;}
.bank ul li a:hover, .bank ul li a:focus, .bank ul li a:active {color: #ff0;text-decoration: underline;}
.bank ul li.bankAdd {
    border: 1px dashed #2d99c8;
    padding-top: 60px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    /*color: #f90;*/
}

.bank ul li.bankAdd:hover {
    background: #dfeef7;
}

.bank ul li.bankAdd span {
    display: block;
    font-size: 35px;
}

.bank ul li .bank {
padding: 15px;
}

.bank ul li img {
float: left;
width:90px;
height: 36px;
border-radius:3px;
}

.bank ul li .bank h5 {
clear: both;
text-align: right;
margin-top: 100px;
font-size: 20px;
}

.bank_ccb {
    background: #0193de;
}

.bank_icbc {
    background: #fc0001;
}

.bank_abc {
    background: #23764a;
}

.bank_boc {
    background: #920303;
}

.bank_ceb {
    background: #f7c300;
}
.guanli {
    clear: both;
    border-bottom: 2px solid #f0f0f0;
    height: 35px;
    margin-top: 30px;
}
.guanli span a {
    float: right;
    border: 1px solid #f0f0f0;
    line-height: 24px;
    padding: 0 10px;
    margin-bottom: 10px;
    letter-spacing: 2px;
    border-radius: 2px;
}
.guanli span a:hover, .guanli span a:focus, .guanli span a:active {
    background: #f90;
    color: #fff;
    border: 1px solid #f80;
}
.bank_tips {
    clear: both;
    background: #fef4ea;
    background-size:15px 15px;
    line-height: 40px;
    margin-bottom: 15px;
    color: #888;
}
.bdkd {
    min-width: 60px;
    padding-right: 0;
}
.form-control[readonly] {
    background: #fafafa;
}
/* pages.css 样式表 */

/* ==============
  Profile
===================*/
.bg-img { margin-top:-8px;}
.mrzhi {
    left:-35px;
    top: 13px;
}
.bg-picture {
    -webkit-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: -20px -25px 0px -25px;
    padding: 100px 0px;
    position: relative;
}
.bg-picture > .bg-picture-overlay {
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.4) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.4)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.4) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.4) 100%);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.profile-info-name {
    position: relative;
}
.profile-tab-content {
    background-color: transparent !important;
    box-shadow: none !important;
    margin-top: 35px;
}
.user-tabs {
    background-color: #ffffff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-left: -35px;
    padding-left: 25px;
}
.user-tabs .nav.nav-tabs {
    box-shadow: none !important;
}
.user-tabs .nav.nav-tabs a {
    text-transform: uppercase;
}
.user-tabs .pull-right .btn {
    margin-top: 8px;
}
.about-info-p {
    margin-bottom: 20px;
}
.about-info-p p {
    font-size: 16px;
}
/* ==============
  Timeline-2
===================*/
.timeline-2 {
    border-left: 2px solid #14082d;
    position: relative;
}
.timeline-2 .time-item:after {
    background-color: #ffffff;
    border-color: #14082d;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    bottom: 0;
    content: '';
    height: 14px;
    left: 0;
    margin-left: -8px;
    position: absolute;
    top: 5px;
    width: 14px;
}
.time-item {
    border-color: #dee5e7;
    padding-bottom: 1px;
    position: relative;
}
.time-item:before {
    content: " ";
    display: table;
}
.time-item:after {
    background-color: #ffffff;
    border-color: #14082d;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    bottom: 0;
    content: '';
    height: 14px;
    left: 0;
    margin-left: -8px;
    position: absolute;
    top: 5px;
    width: 14px;
}
.time-item-item:after {
    content: " ";
    display: table;
}
.item-info {
    margin-bottom: 15px;
    margin-left: 15px;
}
.item-info p {
    margin-bottom: 10px !important;
}
/* ==============
  Sweet Alert
===================*/
.sweet-alert p {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}
button.confirm {
    background-color: #2b4049 !important;
    border-color: #2b4049 !important;
    box-shadow: none !important;
}
/* ==============
  Pricing
===================*/
.pricing-plan {
    padding-bottom: 50px;
}
.price_card {
    -moz-border-radius: 5px;
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px;
    background: #fafafa;
    border-radius: 5px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    padding-bottom: 20px;
    position: relative;
    webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
.price_card .name {
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 30px;
    text-align: center;
    width: 100%;
    }
/*.price_card button {
  margin-top: 20px;
}*/
.pricing-header {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #ffffff;
}
.price {
    display: block;
    font-size: 48px;
    font-weight: 300;
    padding: 30px 0 10px;
    text-align: center;
    width: 100%;
}
.banben {
    clear: both;
    padding: 10px 20px 0;
    line-height: 24px;
}
.banben h3 {
    font-size: 15px;
    color: #333;
    margin-bottom: 20px;
}
.banben div {
    font-size: 12px;
    color: #666;
    margin-bottom: 20px;
    text-align: left;
}
.price-features {
    color: #8a8a8a;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.price-features li {
    margin: 0 35px;
    padding: 20px 15px;
}
.pricing-item {
    margin: 0 0 30px;
    position: relative;
    text-align: center;
}
.pricing-item-inner {
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    border-radius: 7px;
    border: 2px solid rgba(151, 160, 175, 0.2);
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    vertical-align: middle;
}
.pricing-wrap {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 30px 20px;
    position: relative;
    text-align: center;
}
.pricing-icon {
    font-size: 32px;
    padding-bottom: 5px;
    padding-top: 10px;
    position: relative;
    z-index: 1;
}
.pricing-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 40px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}

.pr-list {
    color: #97a0af;
    font-size: 12px;
    font-weight: 400;
    margin: 0 -20px 30px;
    padding: 0;
    text-transform: uppercase;
}

    .pr-list li {
        list-style: none;
        padding: 12px 20px;
    }

.pricing-num {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
}

    .pricing-num sup {
        font-size: 18px;
        font-weight: 400;
        left: -3px;
        margin-left: -7px;
        position: relative;
        top: -20px;
    }

.pr-per {
    color: #97a0af;
    font-size: 12px;
}

.pr-button {
    margin-top: 30px;
}
/* ==============
  Maps
===================*/
.gmaps,
.gmaps-panaroma {
    height: 300px;
    background: #eeeeee;
    border-radius: 3px;
}

.gmaps-overlay {
    display: block;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    line-height: 40px;
    background: #2b4049;
    border-radius: 4px;
    padding: 10px 20px;
}

.gmaps-overlay_arrow {
    left: 50%;
    margin-left: -16px;
    width: 0;
    height: 0;
    position: absolute;
}

    .gmaps-overlay_arrow.above {
        bottom: -15px;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        border-top: 16px solid #2b4049;
    }

    .gmaps-overlay_arrow.below {
        top: -15px;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        border-bottom: 16px solid #2b4049;
    }
/* ==============
  Email
===================*/
.mails a {
    color: #444444;
}

.mails .checkbox {
    margin-bottom: 0px;
    margin-top: 0px;
    vertical-align: middle;
}

    .mails .checkbox label {
        min-height: 16px;
    }
/* ==============
  Timeline
===================*/
.cd-container {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}

    .cd-container::after {
        content: '';
        display: table;
        clear: both;
    }

#cd-timeline {
    margin-bottom: 2em;
    margin-top: 2em;
    padding: 2em 0;
    position: relative;
}

    #cd-timeline::before {
        background: #ffffff;
        content: '';
        height: 100%;
        left: 18px;
        position: absolute;
        top: 0;
        width: 4px;
    }

@media only screen and (min-width: 1170px) {
    #cd-timeline {
        margin-bottom: 3em;
        margin-top: 3em;
    }

        #cd-timeline::before {
            left: 50%;
            margin-left: -2px;
        }
}

.cd-timeline-block {
    margin: 2em 0;
    position: relative;
}

    .cd-timeline-block:after {
        clear: both;
        content: "";
        display: table;
    }

    .cd-timeline-block:first-child {
        margin-top: 0;
    }

    .cd-timeline-block:last-child {
        margin-bottom: 0;
    }

@media only screen and (min-width: 1170px) {
    .cd-timeline-block {
        margin: 4em 0;
    }

        .cd-timeline-block:first-child {
            margin-top: 0;
        }

        .cd-timeline-block:last-child {
            margin-bottom: 0;
        }
}

.cd-timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
}

    .cd-timeline-img.cd-success {
        background: #58c9c7;
    }

    .cd-timeline-img.cd-info {
        background: #2b9ac9;
    }

    .cd-timeline-img.cd-pink {
        background: #ec407a;
    }

    .cd-timeline-img.cd-danger {
        background: #ef5350;
    }

    .cd-timeline-img.cd-primary {
        background: #2b4049;
    }

    .cd-timeline-img.cd-warning {
        background: #ffd740;
    }

@media only screen and (min-width: 1170px) {
    .cd-timeline-img {
        width: 60px;
        height: 60px;
        line-height: 60px;
        left: 50%;
        margin-left: -30px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }

    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s;
    }
}

.cd-timeline-content {
    -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    background: white;
    border-radius: 0;
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    margin-left: 60px;
    padding: 1em;
    position: relative;
}

    .cd-timeline-content img {
        display: block;
        width: 100%;
    }

    .cd-timeline-content:after {
        clear: both;
        content: "";
        display: table;
    }

    .cd-timeline-content h2 {
        margin-top: 0;
    }

    .cd-timeline-content p {
        color: #666666;
        font-size: 14px;
        margin: 10px 0px 10px 0px;
    }

    .cd-timeline-content .cd-read-more {
        background: #acb7c0;
        border-radius: 0.25em;
        color: white;
        display: inline-block;
        float: right;
        font-size: 14px;
        padding: .8em 1em;
    }

    .cd-timeline-content .cd-date {
        display: inline-block;
        font-size: 14px;
    }

    .cd-timeline-content h3 {
        font-size: 21px;
        margin: 0px;
    }

.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb;
}

.cd-timeline-content .cd-date {
    float: left;
    padding: .8em 0;
    opacity: .7;
}

.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
    }

        .cd-timeline-content::before {
            top: 24px;
            left: 100%;
            border-color: transparent;
            border-left-color: white;
        }

        .cd-timeline-content .cd-read-more {
            float: left;
        }

        .cd-timeline-content .cd-date {
            position: absolute;
            width: 100%;
            left: 122%;
            top: 6px;
        }

    .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right;
    }

        .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
            top: 24px;
            left: auto;
            right: 100%;
            border-color: transparent;
            border-right-color: white;
        }

        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
            float: right;
        }

        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
            left: auto;
            right: 122%;
            text-align: right;
        }

    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        -moz-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s;
    }
}

@media only screen and (min-width: 1170px) {
    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse 0.6s;
        -moz-animation: cd-bounce-2-inverse 0.6s;
        animation: cd-bounce-2-inverse 0.6s;
    }
}
/* ==============
  Charts
===================*/
.jqstooltip {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.chart {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 110px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.chart.chart-widget-pie {
    margin-top: 5px;
    margin-bottom: 5px;
}

.percent {
    display: inline-block;
    line-height: 110px;
    z-index: 2;
}

.percent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: .8em;
}

#flotTip {
    padding: 4px 8px;
    background-color: #000000;
    z-index: 100;
    color: #ffffff;
    opacity: .7;
    font-size: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.flot-chart .error {
    display: none;
}
/* ==============
  Count Down
===================*/
.home-wrapper {
    margin: 10% 0px;
}

.home-text {
    font-family: 'Nunito', sans-serif;
}

.lj-countdown {
    color: #2b4049;
    margin-top: 40px;
    text-align: center;
}

.lj-countdown div {
    display: inline-block;
}

.lj-countdown div span {
    display: block;
    width: 150px;
}

.lj-countdown div span:first-child {
    font-size: 3em;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
}

.lj-countdown div span:last-child {
    color: #333333;
    font-size: 0.9em;
    height: 25px;
    line-height: 25px;
}

.lj-countdown > * {
    text-align: center;
}
/* ==============
  Gallery
===================*/
.portfolioFilter a {
    /* -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);*/
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    /* -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); */
    -webkit-transition: all 0.3s ease-out;
    /* box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);*/
    color: #333333;
    padding: 5px 10px;
    transition: all 0.3s ease-out;
}
.portfolioFilter a:hover {
    background-color: #ACABC6;
    color: #ffffff;
}
.portfolioFilter a.current {
    background-color: #ACABC6;
    color: #ffffff;
}
.thumb {background-color: #ffffff; border-radius: 3px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); border: 1px solid #eaeaea; margin-top: 30px;padding: 10px;width: 100%; height: 210px;overflow: hidden;}
.gal-detail .text_height img{ width:300px;height: auto !important;overflow:hidden; background:#f8f8f8;max-height:142px; min-height:142px;}

@media (min-width:1000px) and (max-width: 1025px) {
    .thumb{height:200px;overflow: hidden;}
    .gal-detail .text_height img{max-height:130px; min-height:130px;}
}
@media (min-width:1025px) and (max-width: 1281px) {
    .thumb{height:175px;overflow: hidden;}
    .gal-detail .text_height img{max-height:92px; min-height:92px;}
}

@media (min-width:1281px) and (max-width: 1366px) {
    .thumb{height:158px;overflow: hidden;}
    .gal-detail .text_height img{max-height:92px; min-height:92px;}
}
@media (min-width:1367px) and (max-width: 1401px) {
    .thumb{height:158px;overflow: hidden;}
    .gal-detail .text_height img{max-height:92px; min-height:92px;}
}
@media (min-width:1401px) and (max-width: 1601px) {
    .thumb{height:185px;overflow: hidden;}
    .gal-detail .text_height img{max-height:118px; min-height:118px;}
}
@media (min-width:1601px) and (max-width: 1681px) {
    .thumb{height:185px;overflow: hidden;}
    .gal-detail .text_height img{max-height:118px; min-height:118px;}
}


.gal-detail h4 {
    margin-top: 16px;
}
/* ==============
  Maintenance
===================*/
.icon-main {
    font-size: 88px;
    margin-bottom: 50px;
}
.maintenance-page {
    margin: 10% 0%;
}
.mainten-box {
    margin-bottom: 30px;
}
.mainten-box .text-m-mode {
    margin: 0px auto;
    width: 80%;
}
.media-main a.pull-left {
    width: 100px;
}
.media-main .info {
    color: #000000;
    overflow: hidden;
}
.media-main .info h4 {
    margin-bottom: 5px;
    padding-top: 10px;
}
/* ==============
  Account pages
===================*/
.wrapper-page {
    margin: 7.5% auto;
    width: 420px;
}
.panel-pages {
    border-radius: 6px;
}
.panel-pages .panel-body {
    padding: 20px;
}
.panel-pages .panel-heading {
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    padding: 20px;
    position: relative;
}
.panel-pages .panel-heading h3 {
    position: relative;
    z-index: 999;
}
.user-thumb {
    margin-top: -44px;
    position: relative;
    z-index: 999;
}
.user-thumb img {
    height: 88px;
    margin: 0px auto;
    width: 88px;
}
.ex-page-content h1 {
    color: #252932;
    font-size: 98px;
    font-weight: 700;
    line-height: 150px;
    text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px;
}
.panel_heading2 {
    height: auto;
    overflow: hidden;
    padding: 8px;
    background: #fafafa;
}
.panel_heading2 h3 {
    padding: 0;
    font-size: 16px;
    font-weight: bold;
}
.panel_heading2 p {
    padding-top: 3px;
    font-size: 14px;
    font-weight: normal;
}
.panel_heading2 p span {
    padding: 0 5px;
    color: #ff6600;
    font-weight: bold;
}
.panel_heading2 p a {
    float: right;
    display: block;
    line-height: 20px;
    font-size: 22px;
}
.dx_t2 {
    padding-top: 3px;
    font-weight: bold;
}

/*2017-03-bai*/
.image-popup {
    /*height: 150px;*/
    width: 100%;
}
.title-box {
    border-bottom: 2px solid #eaeaea;
    line-height: 52px;
    height: 52px;
}
.fenlei {
    float: left;
    height: 50px;
    width: 85%;
    overflow: hidden;
    font-size: 14px;
}
.fenlei li a:hover {
    color: #f90;
}
.change {
    float: right;
}
.change i {
    font-size: 25px;
    font-weight: bold;
    color: #fff;
}
.change .btn {
    padding: 1px 6px;
}

.change .btn.disabled, .change .btn[disabled], .change fieldset[disabled] .btn {
    opacity: 1.0;
}
.m-r-5 { margin-right: 5px;}
.fon18 { font-size: 18px;}

/* menu.css样式表  */
/*  File: Topbar,Left-sidebar,Right-sidebar  */
.topbar {
    -webkit-box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.2);
    background: #ffffff;
    box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.2);
    left: 0px;
    position: fixed;
    right: 0;
    top: 0px;
    z-index: 1;
}

.topbar .topbar-left {/*background: #253841;*/float: left;height: 70px;position: relative;width: 270px;z-index: 1;}
.logo {
    color: #ffffff !important;
    font-size: 18px;
    letter-spacing: .05em;
    line-height:55px;
    text-transform: uppercase;
}
.banb { position:absolute; color:#fff; top:40px; left:100px; font-size:15px; width:134px; text-align:center;}
.logo h1 {
    height: 50px;
    margin: 0px auto;
    text-align: center;
}
.logo i {
    color: #ff9900;
    font-size: 30px;
    margin-right: 5px;
}
.jjklogo {
    float: left;
    margin: 13px 5px 0 10px;
    width: 80px;
    height: 35px;
    background: url("../images/main_logo.png")/*tpa=http://login.jiujiuke.net/assets/images/main_logo.png*/ no-repeat;
    background-size: 80px 35px;
}
.navbar-default {
    background-color: #2b4049;
    border-radius: 0px;
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-bottom: 0px;
}
.navbar-default .navbar-nav > .open > a {
    background-color: #2b4049;
}
.navbar-default .navbar-nav > .open > a:focus {
    background-color:#2b4049;
}
.navbar-default .navbar-nav > .open > a:hover {
    background-color:#2b4049;
}
.nav > li > a {
    color: #fff !important;
    line-height: 70px;
    padding: 0px 15px;
    position: relative;
    font-size: 14px;
}
.nav > li > a i {
    font-size: 20px;
}
.nav > li > a .badge {
    position: absolute;
    right: 17px;
    top: 19px;
}
.nav-pills > li > a {
    color: #333 !important;
    line-height: 50px !important;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #ff9900 !important;
    border-radius: 0;
    background-color: #eee !important;
    border-radius: 5px 5px 0 0;
    border-bottom: 2px solid #ff9900;
}
.profile img {
    border: 2px solid #edf0f0;
    height: 40px;
    width: 40px;
}
.dropdown-menu-lg {width: 300px; font-size:14px;}
.dropdown-menu-lg .list-group { margin-bottom: 0px;}
.dropdown-menu-lg .list-group-item { border: none;padding: 10px 20px;}
.dropdown-menu-lg .media-heading {margin-bottom: 0px;}
.dropdown-menu-lg .media-body p { color: #828282;}
.notifi-title {border-bottom: 1px solid rgba(0, 0, 0, 0.1);color: #000000;font-size: 16px;font-weight: 400;padding: 5px 0px 10px;}
.navbar-form { border: none; box-shadow: none; padding: 0px;}
.search-bar {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #ffffff;
    font-size: 14px;
    height: 50px;
    margin-top: 3px;
}
input.search-bar::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.6);}
input.search-bar:-moz-placeholder {color: rgba(255, 255, 255, 0.6);}
input.search-bar::-moz-placeholder {color: rgba(255, 255, 255, 0.6);}
input.search-bar:-ms-input-placeholder {color: rgba(255, 255, 255, 0.6);}
.navbar-nav {margin: 0px;}
.side-menu {bottom: 0;top: 0;width: 190px;z-index: 2;}
.side-menu.left {
 background: #ffffff;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
 position: absolute;
top: 70px;
 }
body.fixed-left .side-menu.left {
    bottom: 50px;
    height: 100%;
    margin-bottom: -70px;
    margin-top: 0px;
    padding-bottom: 70px;
    position: fixed;
}
.content-page {
    margin-left: 176px;
}
.content-page > .content {
    margin-top: 70px;
    /*padding:15px 5px 0;*/
    margin-bottom: 0;
}
.button-menu-mobile {
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 21px;
    line-height: 70px;
    padding: 0px 15px;
}
.button-menu-mobile:hover { color: #eeeeee;}
.sidebar-inner {height: 100%;}
#sidebar-menu,
#sidebar-menu ul,
#sidebar-menu li,
#sidebar-menu a { border: 0;font-weight: normal;line-height: 2;list-style: none;margin: 0;padding: 0;position: relative;text-decoration: none;}
#sidebar-menu {background-color: #ffffff; padding-bottom: 50px;width: 100%;font-size: 16px;}
#sidebar-menu a { line-height: 1.3;}
#sidebar-menu ul ul {display: none;}
#sidebar-menu ul ul li {border-top: 0;border-bottom:none;}
#sidebar-menu ul ul li.active a {color: #ff9900;}
#sidebar-menu ul ul a {
    color: #aaaaaa;
    font-size: 15px;
    display: block;
    padding: 10px 25px 10px 50px;
}
#sidebar-menu ul ul a:hover {color: #ff9900;}
#sidebar-menu ul ul a i { margin-right: 5px;}
#sidebar-menu ul ul ul a {padding-left: 80px;}
#sidebar-menu > ul > li > a {color: #444444; display: block;padding: 15px 25px;font-size: 15px;}
#sidebar-menu > ul > li > a:hover {background: #f3f3f3;text-decoration: none;}
#sidebar-menu > ul > li > a.active { background: #f3f3f3; text-decoration: none;}
a.bgbj{ background:#f3f3f3;}
#sidebar-menu > ul > li > a > span { vertical-align: middle; font-size:15px;}
#sidebar-menu > ul > li > a > i {
    display: inline-block;
    font-size: 20px;
    line-height: 17px;
    margin-left: 3px;
    margin-right: 15px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    color: #2c404b;
}
#sidebar-menu > ul > li > a > i.i-right {float: right;margin: 3px 0 0 0;}
#sidebar-menu > ul > li > a.active {background: #ffdcb9 !important;}
#sidebar-menu > ul > li > a.active.subdrop {background: #f3f3f3 !important;}
.subdrop {background: #f3f3f3;}
#wrapper.enlarged #sidebar-menu ul ul {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
#wrapper.enlarged .left.side-menu { padding-top: 80px; width: 70px;z-index: 5;}
#wrapper.enlarged open-left {width: 55px;}
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a i {margin-left: 0px;}
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:hover {background-color: #f3f3f3 !important;}
#wrapper.enlarged .left.side-menu span.pull-right {display: none !important;}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li {position: relative;white-space: nowrap;}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul { display: block;left: 70px;position: absolute;width: 190px;}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul a { background: #ffffff;border: none;box-shadow: none; padding-left: 15px;position: relative;width: 190px;z-index: 6;}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul a:hover {color: #f60;}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover a span {display: inline;color: #f60;}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li > ul {display: none;}
#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li:hover > ul {
    display: block;
    left: 190px;
    margin-top: -36px;
    position: absolute;
    width: 190px;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li > a span.pull-right {
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    position: absolute;
    right: 20px;
    top: 12px;
    transform: rotate(270deg);
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li > a span {
    display: none;
    padding-left: 23px;
}
#wrapper.enlarged .left.side-menu .user-details {display: none;}
#wrapper.enlarged .content-page {margin-left:55px;}
#wrapper.enlarged .topbar .topbar-left { width: 270px !important;}
#wrapper.enlarged .topbar .topbar-left .logo span,#wrapper.enlarged .topbar .topbar-left .banb {
    display: none;
    opacity: 0;
}
#wrapper.enlarged .topbar .topbar-left .logo i {margin-right: 0px;}
#wrapper.enlarged #sidebar-menu > ul > li:hover > a.open :after {display: none;}
#wrapper.enlarged #sidebar-menu > ul > li:hover > a.active :after {display: none;}
#wrapper.enlarged .footer {left: 70px;}
.user-details {min-height: 80px; padding: 20px;position: relative;}
.user-details img {
    position: relative;
    z-index: 9999;
}
.user-details .user-info {
    color: #444444;
    margin-left: 60px;
    position: relative;
    z-index: 99999;
}
.user-details .user-info a.dropdown-toggle {
    color: #666666;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding-top: 5px;
}
#wrapper.right-bar-enabled .right-bar { right: 0;}
#wrapper.right-bar-enabled .left-layout {left: 0;}
.side-bar.right-bar {
    float: right !important;
    right: -266px;
    top: 70px;
}
.side-bar {
    -moz-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    background-color: #ffffff;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
    display: block;
    float: left;
    height: 100%;
    overflow-y: auto;
    position: fixed;
    transition: all 200ms ease-out;
    width: 240px;
}
.right-bar {
    background: #ffffff !important;
    z-index: 99 !important;
}
.right-bar h4 {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
}
.contact-list {
    max-height: 600px;
}
.contact-list .list-group-item {
    border: none;
}
.contact-list .list-group-item:hover {
    background: #ecf0f1;
}
.contact-list i.offline {
    color: #ef5350;
}
.contact-list i.away {
    color: #ffd740;
}
.contacts-list .avatar {
    display: inline-block;
    float: left;
    margin-right: 5px;
    width: 30px;
}
.contacts-list .avatar img {
    border-radius: 50%;
    width: 100%;
}
.contacts-list .list-group-item span.name {
    color: #707780;
    display: inline-block;
    float: left;
    overflow: hidden;
    padding-left: 5px;
    padding-top: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 130px;
}
.contacts-list i.online {color: #a0d269;}
.contacts-list i {
    color: #dddddd;
    float: right;
    font-size: 9px;
    line-height: 30px;
}

/* responsive.css样式表 */
@media only screen and (max-width: 6000px) and (min-width: 700px) {
    .wrapper.right-bar-enabled .right-bar {
        right: 0;
        z-index: 99;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /*body {overflow-x: hidden;}*/
}

@media (max-width: 767px) {
    /*body {overflow-x: hidden;}*/

    .content-page {margin-left: 0px !important;}

    .enlarged .left.side-menu {margin-left: -75px;}

    .mobile-sidebar {left: 0px;}

    .mobile-content {left: 250px;right: -250px;}

    .wrapper-page {width: 90%;}

    .navbar-nav .open .dropdown-menu {
        background-color: #ffffff;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        left: auto;
        position: absolute;
        right: 0;
    }

    .todo-send {
        margin-top: 10px;
        padding-left: 15px;
    }

    .chat-inputbar {
        padding-left: 15px;
    }

    .chat-send {
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .wizard > .steps > ul > li {
        width: 100%;
    }

    .wizard > .content {
        padding: 0px !important;
    }

        .wizard > .content > .body {
            float: none;
            position: relative;
            width: 100%;
            height: 100%;
            padding: 0%;
        }

    .wizard.vertical > .steps {
        display: inline;
        float: none;
        width: 100%;
    }

    .wizard.vertical > .content {
        display: inline;
        float: none;
        margin: 0%;
        width: 100%;
    }

    .footer {
        left: 0px !important;
    }
}

@media (max-width: 480px) {
    .side-menu {
        z-index: 10 !important;
    }

    .button-menu-mobile {
        display: block;
    }

    .search-bar {
        display: none !important;
    }
}

@media (max-width: 420px) {
    .hide-phone {
        display: none !important;
    }

    .topbar-left {
        width: 100px !important;
    }

    .logo span {
        display: none !important;
    }

    .logo i {
        margin-right: 0px;
    }
}
/* Container-alt */
@media (min-width: 768px) {
    .container-alt {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container-alt {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container-alt {
        width: 1170px;
    }
}

/* css.css样式表 */
/*CSS reset*/
.bg_body {height: auto; overflow: hidden;background: #fff;}
.db {display: block;}
.po-r {position: relative;}
/* 宽度 */
.w25 { width: 25%; float: left; padding-left: 10px;padding-right: 10px;}
/* 高度 */
.height-a {height: auto;}
.of {overflow: hidden;}
/* 文字 */
.tc {text-align: center;}
.tr {text-align: right;}
.color-f60 { color: #ff6600;}

/* 定位 */
.mt10 {margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 {margin-top: 30px;}
.bc {margin: 0 auto;}
.pr { padding-right: 10px;}
.plr { padding: 0 20px;}

/* 圆角 */
.b-racius3 {border-radius: 3px;}
.b-racius4 { border-radius: 4px 4px 0 0;}
.b-racius0 { border-radius: 50%;}

/* 线条 */
.b { border: solid 1px #e8e8e8;}
.border_t {border-top: solid 1px #e8e8e8;}
.border_r {border-right: solid 1px #e8e8e8;}
.border_b {border-bottom: solid 2px #fe8a4f;}
.border_l {border-left: solid 1px #e8e8e8;}
/* page.css样式表 */
/* 用户 */
.dropdown {display: block;}
.dropdown a {color: #000; }
.user_box { width: 142px;}
.user_photo { float: left;width: 40px;}
.user_name {float: left;width: 102px;}
.user-img img { width: 52px; height: 52px;}
.user-text { max-width: 360px;}
.user-text p { line-height: 24px; padding: 0 10px;}
.user-text span {color: #f60;}
.span-a { padding: 0 6px;}

/* 标题 */
.title-box { border-bottom: solid 2px #ff6600;}

/* 会员列表 */
.hylb_l1 { position: relative;padding: 0 20px;font-size: 20px;color: #F60;}
.hylb_l1 span {padding: 0 6px;font-size: 28px;color: #F60;}
.hylb_l1 a {font-size: 12px;}
.hylb_l1 p { text-align: left; font-size: 14px; color: #4a4a4a;}
.hylb_l1 p span { padding: 0 6px; font-size: 14px;}
.hylb_l1 li span {padding: 0 6px 0 0; font-size: 12px;}
.hylb_l1 li { line-height: 24px; text-align: left; font-size: 14px; color: #4a4a4a; }
.hylb_l1 li .span_2 { float: right;}
.button_1 { position: absolute;bottom: 12px;right: 20px;}
.text-main {color: #f60;}

/* 会员详情-left */
.left_hy_list li { padding: 15px 0;border-bottom: dashed 1px #e8e8e8;}
.hy_aa h4 {margin: 15px 0 10px 0; font-weight: bold;}
.hy_aa h4 span { float: right; font-size: 14px; color: #ff6600;}
.hy_aa li {border: none;padding: inherit;line-height: 24px;color: #999;}
.hy_aa li span {font-weight: bold; }

/* 会员、产品详情-right */
.hy_left img { width: 100%;max-width: 256px;  height: auto; max-height: 256px; padding: 5px;}
.tp_hy {width: 96%;}
.tp_hy li { display: block;width: 100%; line-height: 30px;}
.tp_hy li .tp_hy_bg1 { background: #ff7878;}
.tp_hy li .tp_hy_bg2 { background: #1fb5ad;}
.tp_hy li .tp_hy_bg3 { background: #269abc;}
.tp_hy li span { float: right; display: block;  min-width: 60px;  height: 24px; border-radius: 3px; margin-top: 3px; line-height: 24px; text-align: center; font-size: 16px; color: #fff; }
.tp_cp { line-height: 36px;font-size: 13px;color: #999;}
.hy_xq1 h3 span { padding-left: 10px; font-size: 14px; color: #999;}
.hy_text { clear: both; height: auto;overflow: hidden;}
.hy_text li { display: block;float: left;min-width: 50%;line-height: 26px; height:26px; overflow:hidden; }
.hy_text li i { width: 20px;text-align: center; font-size: 20px; color: #bfbfbf;}
.hy_xq2 h5 { display: block; background: #ddd;border-radius: 3px 3px 0 0; line-height: 38px;font-weight: bold;text-indent: 1.5em;}
.pro_text { clear: both; height: auto; overflow: hidden;}
.pro_text li {display: block; float: left; min-width: 48%; margin-bottom: 10px; }
.pro_text li span {display: block;float: left;width: 32%;color: #999;}

/* 新增表单 */
.form-group p { color: #666;}
.form_btn {margin-top: 10px; padding-top: 20px; padding-bottom: 20px;}
.checkbox_1 label .input_group_addon_l { float: left;display: block;width: auto;background: #eeeeee;border: 4px 0 0 4px;padding: 7px 6px 6px;font-size: 13px;color: #333;font-weight: normal;}
.border-ra { border-radius: 4px 0 0 4px;}
.border-rb {border-radius: 0 4px 4px 0;}
.checkbox_1 { height: 1px;}
.checkbox_1 label input {  font-weight: normal;}

/* 快速消费 */
.xf_aa h4 { margin: 15px 0 10px 0; display: block; text-align: center; font-size: 20px;font-weight: bold;}
.xf_aa h4 span {  margin-left: 10px; font-size: 14px;color: #ff6600;}
.xf_aa li {border: none;  padding: inherit;text-align: left; line-height: 26px;color: #999;}

/* 收银中心 */
.pro_list li {padding: 20px 15px 0 0;}
.pro_list li .pro_m { border: solid 1px #e8e8e8; padding: 10px;height: auto;overflow: hidden;}
.pro_list li .pro_m img { width: 100%; max-width: 250px; height: auto; max-height: 190px;}
.pro_list li .pro_m p { padding: 10px 0 0;font-size: 15px; font-weight: bold; }
.pro_list li .pro_m span {padding: 5px 0 0;color: #999;}
.pro_list li .pro_m .span1 {padding-right: 10px;color: #ff6600;font-weight: bold;}
.sy_hy01 { padding: 0;}
.sy_hy01 img { width: 100%;height: auto; border-radius: 6px;}
.sy_hy02 h4 {margin-left: 10px;}
.sy_hy02 h4 span {padding-left: 10px;font-size: 14px;color: #999;}
.sy_hy02 p { float: left; margin-left: 10px;padding: 5px 10px 0 0;}
.sy_hy02 p span { color: #ff6600;  font-weight: bold;}
.sy_hy03 button { padding: 12px 25px; font-size: 15px;}
.ym p span { color: #ff6600;padding: 0 5px;}
.money p {font-size: 15px; color: #ff6600;font-weight: bold;}
.money p span { font-size: 18px; color: #ff6600;}

/*收银单据*/
.form_p1 {text-align: center;}

/*短信发送*/
.panel_heading2 {height: auto;overflow: hidden;padding: 8px; background: #fafafa;}
.panel_heading2 h3 { padding: 0;font-size: 16px;font-weight: bold;}
.panel_heading2 p { padding-top: 3px; font-size: 14px; font-weight: normal;}
.panel_heading2 p span {padding: 0 5px;color: #ff6600; font-weight: bold;}
.panel_heading2 p a { float: right; display: block;line-height: 20px; font-size: 22px;}
.dx_t2 {padding-top: 3px; font-weight: bold;}
.dxyl_box {margin: 10px auto 20px; width:100%; height: auto; overflow: hidden; border-radius: 30px 30px 0 0; border-top: solid 1px #CCC; border-right: solid 1px #CCC; border-left: solid 1px #CCC; background: #e1e1e1; padding:25px;}
.dxyl_box .dxyl_m { min-height:320px;background: url("../images/dx_bg.jpg")/*tpa=http://login.jiujiuke.net/assets/images/dx_bg.jpg*/ no-repeat center top;padding:25px; background-size:cover;}
.dxyl_box .dxyl_m p {display: block;height: auto;background: #fff; border-radius: 8px; padding: 20px; font-size:14px;}
.weixin_m {margin-top: 20px;}
.weixin_m h4 {display: block;background: #f6f6f6; border-radius: 4px; padding: 8px 20px; color: #ff6600; font-weight: bold;}
.weixin_m h4 small { font-size: 16px; }

/* 自助服务 */
.zz_btnbox {margin: 0 auto; max-width: 315px;}
.zz_mbox {/*max-width: 1200px;*/margin: 0px auto;}
.zz_mbox h4 { float:left;width: 90%; height: 22px; margin-top: 25px;  border-left: 4px solid #F90; line-height: 22px; padding-left: 12px;}
.clear {clear: both;}
.zz_mbox .bg1 {background: #ff5c46;}
.zz_mbox .bg2 { background: #259abd;}
.zz_mbox .bg3 { background: #1fb5ac;}
.zz_mbox .bg4 {background: #3abf00;}
.zz_mbox .bg5 { background: #d2c600;}
.zz_mbox .bg6 {background: #ff8a00;}
.zz_mbox .bg7 { background: #9c74ca;}
.zz_mbox .bg8 { background: #e94e85;}
.more { float: right;margin-top: 25px;}
.zz_list1 {margin: 20px 0 20px; height: auto;overflow: hidden;}
.zz_list1 li {  display: block; float: left; margin: 15px 1px; width: 130px; text-align: center; }
.zz_list1 .zz_i { margin: 0 auto; width: 80px; height: 80px; line-height: 80px; text-align: center; border-radius: 50%;  font-size: 42px; color: #fff; }
.zz_list1 p {clear: both;padding-top: 8px;}
.zz_list1 span { color: #F60;}
.zz_list2 {margin: 20px 0 20px;height: auto; overflow: hidden;}
.zz_list2 li { display: block;  float: left; margin: 15px 1px; width: 130px; text-align: center; }
.zz_list2 .zz_i { margin: 0 auto; width: 80px;   height: 80px;  background: #02ce88; line-height: 80px;  text-align: center;  border-radius: 20px; font-size: 42px; color: #fff; }
.zz_list2 p {clear: both; padding-top: 8px; }
.zz_list2 span {color: #F60; }
.zz_list3 { margin: 20px 0 20px 10px; height: auto;overflow: hidden;}
.zz_list3 li { display: block;  float: left; margin: 15px 18px;  width: 140px;  position: relative;  text-align: center;}
.zz_list3 .zz_i { margin: 0 auto; width: 140px; height: 112px;  background: #02ce88; line-height: 80px; text-align: center; font-size: 42px; color: #fff;}
.zz_list3 .zz_i img { width: 140px; height: 112px; border: solid 1px #e1e1e1;}
.zz_list3 p { clear: both;padding-top: 8px; }
.zz_list3 span { color: #F60; }
.zz_list3 .bq {position: absolute; top: 0; left: 0; max-width: 130px;background: #F60; border-radius: 0 0 26px 0;padding: 1px 15px 1px 5px;color: #fff;}
.item-title{ position: relative; width: 1190px;text-align: center; line-height: 50px;font-size: 18px; border-bottom: 1px solid #ededed;margin:0px auto;}
.item-title a { position: absolute; left: 0; top: 0; font-size: 16px; color: #333;}
.item-title a:hover {color: #f90;}

/* 自助商品详情 */
.zz_mbox h3 { display: block; width: 100%;height: 22px;margin-top: 25px; line-height: 22px;font-size: 18px;}
.zz_spic img { width: 100%;}
.zz_spjg { width: 100%;height: auto; overflow: hidden; padding: 5px 10px; background: #fde7db;}
.zz_spjg .spjg_01 { font-size: 15px; }
.zz_spjg .spjg_01 span { color: #ff6600;font-size: 28px;}
.zz_spjg .spjg_02 { border-left: solid 1px #f5cfba;text-align: center;color: #ff6600;font-weight: bold;}
.zz_spjg .spjg_02 span { color: #333; font-weight: normal; }
.zz_spsx {height: auto; padding: 10px; border-bottom: dashed 1px #CCC;}
.zz_spsx p{ clear: both; padding: 10px 0;}
.zz_spsx .span01 {display: block; float: left; width: 14%;color: #999;}
.zz_spsx .span02 { display: block; float: left;width: 86%;}
.zz_spbtn p{ color: #999;}
.zz_sptitle{ height: auto; overflow: hidden; background: #fff;}
#nav_keleyi_com { position: relative; top: 0px;width: 100%; z-index: 99;}
.zz_spjs{clear: both;padding: 10px 20px 20px;}
.zz_spjs img{ width: 100%;/*max-width:1090px;*/}
.sppj_head{ width: 100%; height: 40px; background: #f5f5f5;line-height: 40px; text-indent: 1em; font-size: 16px;}
.sppj_hpd{ width: 100%; height: auto; overflow: hidden;border-bottom: solid 2px #e8e8e8; padding: 20px 30px;}
.sppj_hpd .sp_hp { text-align: center; line-height: 25px; }
.sppj_hpd .sp_hp span {font-size: 46px;color: #ff6600; }
.sppj_list{ clear: both;}
.sppj_list li { height: auto;  overflow: hidden; border-bottom: solid 1px #e8e8e8; padding: 35px 30px; }
.sppj_xin{ color: #c3c3c3;}
.sppj_name img{width: 26px; height: 26px;  border-radius: 50%; margin-right: 5px;}

/* 自助-我的订单 */
.order_box1 { background: #f5f5f5;padding: 15px;overflow: auto;}
.tab3,.tab03 {width: 100%; margin-top: 18px;}
.tab3 tr,.tab03 tr {  border: solid 1px #e3e3e3;}
.tab3 td,.tab03 td{  border: solid 1px #e3e3e3;}
.tab3_tit,.tab03_tit {  width: 100%;background: #fbfbfb;}
.tab3 b,.tab03 b { font-size: 12px;  color: #f60;}
.tab3_tit p span,.tab03_tit p span{  color: #767aa8;}
.tab3_tit a,.tab03_tit a { display: block;  width: 80px;}
.tab3_tit2,.tab03_tit2 {border: solid 1px #e3e3e3;}
.tab3_tit2 td,.tab03_tit2 td {  background: #f5f5f5;}
.sppro img { max-width: 100px; height: auto;}
.pro_tit a { font-size: 14px;line-height: 22px;}
.pro_tit a p {  font-size: 12px;  color: #999; margin-top: 8px;}

/* 自助-确认订单信息 */
.steps_bz {margin: 0 auto; width: 76%; height: auto; overflow: hidden;}
.steps_bz a {float: left; display: block; width: 32%; line-height: 26px;text-align: center; font-size: 18px;color: #333;}
.steps_bz a:active, .steps_bz a:hover, .steps_bz a:focus { color: #f60; font-weight: bold; }
.steps_bz span { float: left; display: block; width: 2%;line-height: 26px; font-family: "黑体"; font-size: 36px; color: #f60;}
.sppro2 img {  max-width: 90px; height: auto; padding: 6px;}
.sppro2 a {padding: 6px; text-align: left;}
.sppro2 p { line-height: 20px; padding: 0 8px;}
.tjbtn_l {padding-bottom: 8px;}
.tjbtn_l li {line-height: 22px; text-align: left; }
.tjbtn_l li span { font-weight: bold; color: #f60;}
.tjbtn_l li b { font-size: 26px; color: #f60;}
.tjbtn_l .li1 .span0 {line-height: 40px; font-size: 24px;color: #989898;}
.tjbtn_l .li1 span { color: #333; font-weight: normal;}

/* 自助-选择支付方式 */
.cashier_box { padding: 30px;}
.cashier_box .cashier_con1 p span {color: #f60;padding-right: 2px; }
.cashier_box .cashier_con1 span { color: #333;}
.cashier_box .cashier_con1 span b { font-size: 22px; color: #f60;}
.paylistcon {width: 60%; margin: 0 auto 30px;}
.paylistcon .paylistbox {  clear: both; padding-top: 20px; }
.paylistcon .paylistbox .item {width: 20%; text-align: left;line-height: 50px;font-size: 18px;}
.paylistcon .paylistbox .paymoney { width: 80%;}
.paylistcon .paylistbox .paymoney p { font-size: 18px;}
.paylistcon .paylistbox .paymoney p span { padding: 0; font-size: 30px; color: #f60; font-weight: bold;}

/* 自助-完成订单支付 */
.zf_box {margin: 30px auto 20px;width: 190px;text-align: center; font-size: 30px;}
.zf_box i, .zf_box span {  float: left;}
.zf_box i { font-size: 50px; color: #ff8a50; }
.zf_box span {margin-left: 20px;}
.zfcg_a {text-align: center; font-size: 15px;}
.pro_tit { padding-left:8px;}

/* 自助-商品列表 */
.j_morney { display: list-item;list-style: none; line-height: 28px;color: #f60;}
.footer { text-align: center !important;}
.input-group { width: 100%;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #fafafa; opacity: 1;}

/* 商城首页 */
nav.containerA { border-bottom:1px solid #f9f9f9; height:55px; background:#fff; overflow:hidden; margin-bottom:20px;box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.03);}
nav.containerA ul li a { float: left;padding: 0 20px; height: 55px;line-height: 55px;font-size: 15px;color: #333; font-weight: normal;}
nav.containerA ul li a:hover, nav.containerA ul li.active a { background: #ffb804;color: #fff;display: block;}
.img-head img { max-height: 400px; width: 100%;margin: 0px auto;}
.carousel-control.left { background: none;}
.carousel-control.right { background: none;}
.version ul li .bgcol { color: #fff; font-size: 20px; border-radius: 8px 8px 0 0; margin-top: 15px;}
.version ul li:first-child .bgcol { background: #7e57c2;}
.version ul li:nth-child(2) .bgcol { background: #58c9c7;}
.version ul li:nth-child(3) .bgcol { background: #ed4e84;}
.version ul li .bgcol p { padding: 15px 0; border-radius: 8px 8px 0 0;}
.version ul li .bgcol h5 { padding: 30px 0; font-size: 40px;}
.version ul li .bgcol h5 span { font-size: 25px;}
.version ul li:first-child .bgcol p { background: #693eb4;}
.version ul li:nth-child(2) .bgcol p {background: #24b5b2;}
.version ul li:nth-child(3) .bgcol p {background: #e12967;}
.version ul li .version_bor { border: 1px solid #e5e5e5; border-top: none; border-radius: 0 0 8px 8px;padding: 25px;}
.version ul li h6 {font-size:16px;line-height:30px; height:90px; overflow:hidden; text-align:center; color:#000;}
.version ul li .buy { height: 50px; border-radius: 30px; text-align: center; color: #fff;line-height: 50px; font-size: 18px; margin-top: 30px; cursor:pointer; }
.version ul li:first-child .buy { background: #b0b0ca;}
.version ul li:nth-child(2) .buy { background: #58c9c7;}
.version ul li:nth-child(3) .buy {background: #ed4e8c;}
h5.shoptit { border-bottom: 1px solid #e5e5e5; height: 50px;font-size: 20px;line-height: 50px; color: #fe9b00;text-align: center;}
.yline { border-top: 1px solid #fe9b00; width: 220px; margin: -1px auto 0;}
.hangye li { float: left; position: relative;margin: 20px 1% 0 0; padding: 0; width: 19%;}
.item-img { width: 100%; height: 130px;overflow: hidden;}
.item-img img { width: 100%; height: 130px; border-radius: 5px; -webkit-transition: all 1.2s; -moz-transition: all 1.2s; -o-transition: all 1.2s; -ms-transition: all 1.2s; transition: all 1.2s; }
a:hover .item-img img { -webkit-transform: scale(1.2);transform: scale(1.2);border-radius: 5px 5px 0 0;}
.hangye li .tmd_allbj { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 130px;background: #000;border-radius: 5px 5px 0 0; z-index: 1; opacity: 0.5;}
.hangye li .booksale { display: none;position: absolute;left: 0;top: 0;width: 100%;  height: 130px;color: #fff;text-align: center; line-height: 130px; z-index: 2; font-size: 20px;}
.hangye li .tmd_bj { position: absolute; left: 0; top: 100px; width: 100%; height: 30px; background: #000;border-radius: 0 0 5px 5px;z-index: 1;opacity: 0.5;}
.hangye li .tmd_text {position: absolute;left: 5%; top: 100px;width: 90%; height: 30px; z-index: 2; color: #fff;line-height: 30px;font-size: 16px;}
 .hangye li .tmd_text i { font: left;background: #ed4e83; font-size: 14px; padding: 2px; margin-right: 20px; }
.hyinfor { padding: 10px 20px; font-size: 14px; color: #000;}
.hyinfor h6 { text-align: center; line-height: 30px; font-size: 16px;}
.hyinfor p {line-height: 25px; height: 50px;overflow: hidden; color: #666; text-align: center;margin-top: 3px;}
.hangye li:hover .hyinfor {background: #ff4e56;color: #fff;border-radius: 0 0 5px 5px;}
.hangye li:hover .hyinfor p { color: #fff; }
.hangye li:hover .tmd_allbj, .hangye li:hover .booksale { display: block;}
.hangye li:hover .tmd_bj{display: none;}
.zservice li { text-align: center; position: relative; font-size: 15px;padding: 20px;  margin-top: 15px; height:280px;}
.zservice li a:link, .zservice li a:visited { color: #333; }
.zservice li a:hover { color: #fff;}
.zservice li img {width: 90px;height: 90px;border-radius: 50%; margin: 0 auto 20px;}
.zservice li h6 { font-size: 20px; line-height: 35px; margin-bottom: 5px;}
.zservice li p { padding: 0 10px; line-height: 24px; margin-top: 10px; }
.zservice li:hover {background: #ff4e56;border-radius: 5px; color: #fff; box-shadow: 1px 3px 4px 0 rgba(0, 0, 0, 0.3); }
.zservice li:hover h6, .zservice li:hover p {color: #fff !important;}
.zservice li:hover h6.text-warning { color: #fff; font-size: 30px;}
.moregd {text-align: center;line-height: 28px; width: 90px; margin: 10px auto; background: #f90; font-size: 14px; color: #fff; border-radius: 5px;}
.moregd a {  font-size: 14px; color: #fff;}
.ptyj ul li {position: relative; padding: 0 15px 0 0;margin-bottom: 15px;}
.ptyj ul li img {width: 100%;border-radius: 5px; height: 180px;}
.tmd_black { position: absolute; left: 0; bottom: 0; width: 92%; height: 50px; background: #000; opacity: 0.5; border-radius: 0 0 5px 5px;  z-index: 1;}
.tmd_infor {position: absolute;left: 5%; bottom: 0;  width: 82%; height: 45px; line-height: 23px; color: #fff; font-size: 14px; z-index: 2;}
.tmd_infor span { color: #f90; font-size: 16px;}
.sorts dd { float: left; border: 1px solid #ddd; margin-right: 8px; height: 28px; padding: 0 20px;line-height: 26px;}
.sorts dd:hover { border: 2px solid #f80; }
 .sorts dd.active { background: url("../images/check_ok.png")/*tpa=http://login.jiujiuke.net/assets/images/check_ok.png*/ right bottom no-repeat;border: 2px solid #f80;line-height: 24px;}
.jiajian {background: #fafafa; border: 1px solid #ddd;}
.zz_mbox .nav.nav-tabs > li:first-child { margin-left:15px !important;}
.yuancc .panel { box-shadow:none !important;}

/* 短信模板 */
.sms_list {overflow-y: scroll;max-height: 300px;}
.sms_list ul li { clear: both; border-bottom: 1px solid #eaeaea;line-height: 20px;color: #666; padding-bottom: 10px;padding-top: 15px;overflow: auto;}
.sms_list ul li:after { margin-bottom: 10px;}
.sms_list ul li .form-horizontal .radio {margin-top: 10px;}
.sms_list ul li input[type="radio"] { float: left; width: 10%;left: 0;position: absolute;top: 5px;}
.sms_list ul li label { float: left;width: 90%;}
.pagination-detail {margin-top: 15px;}

/* 推广赚钱_new */
.tgbj {clear: both;width: 100%;margin: 0px auto;}
.marfu {margin-top: -230px;}
.pd10 {padding: 10px;}
.pdtj { padding: 15px;}
.smerw span {float: left; width: 20px;line-height: 15px;margin-top: 3px;text-align: center;}
.m-t-60 { margin-top: 60px;}
.btn-tjan, .btn-tjan:hover, .btn-tjan:active { background: #00baff; height: 40px; color: #fff;}
h3.tjtit {color: #fff; font-size: 30px; line-height: 60px;font-style: italic; font-weight: bolder; -webkit-text-stroke: 1.5px #000000; height: 60px; margin-bottom: 10px;}
 h3.tjtit span { color: #fdcb12; }
.tgxc_bj {background: #fef6e1;border-radius: 15px;padding: 30px;font-size: 14px;line-height: 35px;overflow: auto;color: #000;}
.tgxc_bj h5 { font-size: 18px; font-weight: bold; line-height: 50px;}
.tgxc_bj h6 { font-size: 16px; font-weight: bold; margin-top: 5px;}
.col_f60 { color: #f60;}
.border_r {border-right: 1px solid #d4cebe;}
.tgys {background: #ffcc42; padding-top: 20px;}
.make_money {width: 180px;text-align: center;line-height: 50px;height: 50px; background: #ffcb41; border-radius: 8px; margin: 20px auto; font-size: 18px; color: #873d26; font-weight: bold;letter-spacing: 1px;}
.make_money a {color: #873d26;}
.jiangli {background: #fdcb0f; border-radius: 8px;padding:10px 15px;margin: 0 0 5px 0; width: 93%; font-size:14px; line-height:28px;}
jiangli span { font-size: 18px;}
.bank_tips i{color: #f80;}
.bank ul li.bankAdd {color: #f90;}
.guanli span a:hover, .guanli span a:focus, .guanli span a:active {background: #f90;border: 1px solid #f80;}

/* 推广赚钱---new 05-11 */
.extension-main{background: #ffd62e;font-size:14px;}
.extension-top{width: 100%;background: url("../images/tuiguang.png")/*tpa=http://login.jiujiuke.net/Assets/images/tuiguang.png*/ no-repeat center top;color: #fff;text-align: center;padding: 50px 0;background-size:100% 100%; }
.extension-top h3{font-size: 24px;font-weight: 600;}
.extension-top p{width: 40%;margin: 30px auto;font-size:15px;line-height:24px;}
.extension-top p span{color: #f40;}
.extension-top a{color: #588dff;font-weight: 600;font-size:14px;}
.extension-main{margin:0 auto;padding:50px 0;}
.extension-main-code{margin-bottom: 50px;}
.ext-left{border-right: 1px solid rgba(255,255,255,0.5);}
.ext-left .group-left{margin-right: 10px;height: 45px;}
.ext-left .group-left input, .ext-left .group-right button{height: 45px;}
.ext-left h4{font-size: 18px;margin-bottom: 30px;font-weight: bold;}
.qr-code{margin-top: 30px;}

.qr-code canvas{padding: 10px;background: #fff;display: inline-block;margin-right: 20px;float: left;width:140px;height:140px;}
.qr-code p{margin-top: 5px;color:#333;}
.ext-right{padding-left: 50px;}
.ext-right h4{font-size: 18px;margin-bottom: 30px;font-weight: bold;}
.ext-right .money{font-size: 30px;color: #f40;}
.ext-right a{color: #588dff;margin: 10px 0 30px 0;display: block;font-weight: 600;}
.record-date{margin-top: 30px;}
.record-date p{margin-bottom: 10px;font-weight: 600;}
.record-date p span{padding-left: 10px;}

.ext-step ul li{border-radius: 10px;background: #ffb804;padding: 5px 5px 15px 5px;color: #fff;width: 22%;margin-right: 4%;}
.ext-step ul li:last-child{margin-right: 0;}
.ext-step ul li h5{font-size: 16px;padding:20px 0;text-align: center;font-weight: bold;}
.ext-step ul li .text{border-radius: 10px;background: #fff;width: 90%;margin: 0 auto;color: #333;padding: 15px;height: 100px;}
.ext-step ul li .text p {font-weight: 600;}
.warm-tip{background: #fff;border-radius: 10px;padding: 15px 35px;margin: 50px auto;}
.warm-tip h4{font-size: 20px;font-weight: bold;color: #ffb804;margin: 20px 0; }
.warm-tip ul li{margin-bottom: 20px;}
.warm-tip ul li span{width: 20px;height: 20px;border-radius: 50%;display: inline-block;color: #fff;background: #588dff;line-height: 20px;text-align: center;margin-right: 5px;}
/*推广条款弹框*/
.clause .code-top{border-bottom: 1px solid #e1e1e1;padding-bottom:15px;margin-bottom:15px;padding:0 15px 15px 15px;}
.clause-left{margin-right: 20px;border:1px solid #e1e1e1;float:left;}
.clause-left .img{width:130px;height:130px;padding:10px;}
.clause-left .img img{width:100%;}
.clause-right{display: inline-block;}
.clause-right p span{color: #f40;}
.clause-right i{font-style: none;color: #999;display:block;margin-top:15px;}
.clause_tip { padding: 0 20px;}
.clause_tip ol{list-style-type:demical;}  
.clause_tip ol li{ list-style-type:decimal; list-style-position:inside;margin-bottom:8px; }  


/* 头部添加QQ、电话 */
.telphone {line-height: 25px;text-align: center;padding-bottom: 15px;}
.telphone span {color: #f60; }
a.dianci {float: right;margin-top: 10px;margin-right: 9px;color: #ff6600;}
h4.jfbd {font-size: 16px;line-height: 40px; color: #f60; border-bottom: 1px solid #ededed; text-indent: 1em; margin-bottom: 10px;}

/* 推广赚钱二维码扫描注册 */
.regbj img {width: 100%;height: 300px;}
.apmain {margin-top: -290px;color: #fff;height: 300px;}
.aplogo img { width: 180px;height: 95px; margin-top: 70px;}
.goback { line-height: 30px;padding-left: 15px;}
.apmain h6 {text-align: center;font-size: 18px;}
.apcontent {padding: 0 15px;}
.apcontent .form-group {border: 1px solid #ddd;}
.apcontent .form-group input[type='text'] { border:none;padding-top:11px; height:50px; border-bottom:1px solid #ddd;}
.apcontent .form-group input[type='text']:first-child {border-radius:4px 4px 0 0;}
.apcontent .form-group input[type='text']:last-child {border-radius:0 0 4px 4px ;border-bottom:none;}
.apcontent .btn-gray {background: #aaa;border-radius: 6px;color: #fff;}
.agree a {color: #888;}
.agree a:hover {color: #f60;}
.huoqu {position: absolute;right: 10px;top: 11px;background: #f24c4c;height: 30px;border-radius: 15px;color: #fff;line-height: 30px; text-align: center; width: 100px;}
.send { background: #aaaaaa;}
.apcontent .btn-danger { border-radius: 6px;}
.reg_ok { border: 1px solid #ddd;border-radius: 4px; padding: 20px 10px;line-height: 40px;font-size: 16px;}
.reg_ok i {color: #f24c4e;}
.zz_mbox .panel{ margin:0 15px 15px;}

/* 付款新的排版 */
.paybj{height:90px;background:linear-gradient(#fa994a, #ffb671);}
.col_white { color:#fff; font-size:14px;}
.border_new {border:1px solid #f60; border-right: none; border-radius:3px 0 0 3px;}
.gray{ background:#ededed; border-radius:3px 0 0 3px; color:#666;}
.bor_paynew { border:1px solid #f60; color: #f60;border-left: none; border-radius:0 3px 3px 0; text-align:right; height:36px;font-weight: bold; font-size: 18px; background:url("../images/pencil.jpg")/*tpa=http://login.jiujiuke.net/assets/images/pencil.jpg*/ 155px center no-repeat #fff; padding-right:25px; background-size:18px 16px;}
.payment {  border:1px solid #f60;border-left:none; border-right:none; height:40px; background:#f1f1f1; line-height:39px; font-size:14px;}
.payment ul li{ padding:0; cursor:pointer; float:left; width:81px; text-align:center;  border-right:1px solid #ff6600;}
.payment ul li i{ display:none;}
.payment ul li.active i{ display:inline-block;}
.payment ul li.active{ color:#fff;border-right:1px solid #ededed;background:#f60; }
.payment ul li:last-child{ float:left; width:85px; background:#ccc; color:#333; height:39px; border-right:none !important;border-bottom:1px solid #f60; border-right:1px solid #f60;}
.payment ul li:last-child i{display:inline-block;}
.payment ul li.lianhe { color:#fff;background:#02c6ff;}
.pay_pd { margin:15px 5px 0 15px;}
.pay_pda { margin:0 15px;}
.pay_fs {border-radius:3px 0 0 3px; background:#ededed; border:1px solid #ddd; color:#333; line-height:22px; height:22px; width:70px; overflow:hidden;}
.fsmoney { height:36px; text-align:right; font-size:18px; font-weight:bold; color:#333; background:#fff; }
.fsyhq { height:36px; text-align:left; font-size:12px; background:#fff; border-radius:3px !important; padding-left:90px;}
.zhaoli span{  font-size:22px; font-weight:bold;color:#ff6600;}
.font15 { font-size:15px;}
.font13{ font-size:13px;}
.nu { height:42px; max-width:50px; line-height:30px; font-size:15px;background: linear-gradient(#a6aeb1, #7d8186) !important;}
.uu { height:42px;line-height:30px; font-size:15px;background:#ff9600 !important; border:1px solid #ff9600;}
.jianpan .a3 { width:105px;}
.jianpan .a1 { width:50px;}
.jianpan .a2 { width:65px;}
.jianpan .btn-danger, .jianpan .btn-danger:active, .jianpan .btn-danger:focus, .jianpan .btn-danger:hover, .jianpan .btn-danger.active, .jianpan .btn-danger.focus, .jianpan .btn-danger:active, .jianpan .btn-danger:focus, .jianpan .btn-danger:hover, .open > .dropdown-toggle.btn-danger { background:#f60 !important;}
.sale_set ul li { float:left; width:100px; height:40px; margin-right:15px; border:1px solid #aeaec1; text-align:center; line-height:40px; font-size:14px; color:#999; border-radius:3px; cursor:pointer;}
.sale_set ul li i{ color:#c9c9c9; font-size:16px;}
.sale_set ul li.active{ color:#fff; background:#ff9600; border:1px solid #ff9600;}
.sale_set ul li.active i{ color:#fff;}
.mima { float:left; margin-left:0;}
.mima input { height:40px; border:1px solid #dcdcdc; border-radius:3px; width:190px;}
.sure .btn-warning { color:#fff; border-radius:5px; height:40px; line-height:20px;background:#f60 !important;}
.yhqa{ position:absolute; left:15px; top:0; height:36px; line-height:36px; font-size:14px;  z-index:99999; background:url("../images/pay_yhq.jpg")/*tpa=http://login.jiujiuke.net/assets/images/pay_yhq.jpg*/ left center no-repeat; background-size:18px 16px; padding-left:25px;}
.sanjiao{position:absolute; right:10px; top:10px;z-index:99999; color:#999; }
.contact {line-height: 25px;padding-bottom: 10px;margin-top: 10px;border-bottom: 1px solid #ededed;}
.contact span { color: #f60;}
.wxewm { width: 150px;  height: 160px;margin: 0px auto;}
.text_in {padding-left: 3em;}
.kftb {width: 25px;height: 25px;}
/* 右侧弹窗 */
.right_M { display:none; z-index:99999;}
.rightShow{ position:fixed;right:0;top:80px; background:#fff; z-index:1001; width:50%; height:90%;  box-shadow:2px 1px 3px 5px rgba(0,0,0,0.1); padding:15px; overflow-y:scroll;}
.rightShow h3{ clear:both; line-height:50px; font-size:15px; border-bottom:1px solid #f1f1f1; margin-bottom:20px;}
.rightShow h3 a{ font-size:15px; float:right;}
.fm_left{ float:left; line-height:32px; width:70px; text-align:right; padding-right:8px;}
.m-l-25 {  clear:both; margin-left:25px;}
/* 首页+快捷菜单 */
.fkadd { height:54px; border-radius:4px; color:#fff; line-height:24px; font-size:12px; margin-bottom:15px;}
.fkadd i{  padding-top:10px; padding-bottom:4px; display:block;}
.bg-default{ background:#fff; color:#333;}
.lin24{ line-height:24px;}
.fkadd a:link,.fkadd a:visited,.fkadd a:hover{ color:red;}
/* 忘记密码 */
.ps_left { float:left; width:80px; text-align:right; line-height:32px; margin-right:10px; font-size:14px; }
input[type="text"].forget_tel,input[type="password"].forget_tel{ width:290px !important; }
.hqyzm { float:left; border-radius:20px; color:#fff; width:85px; text-align:center; height:34px; line-height:34px;background:#f90; }
h4.panel-title a:hover{color:#f90;}
/* 下载模板 */
.download {width: 83%; color: #fff; font-size: 20px; border: 1px solid #f80; border-radius: 10px; text-align: center; text-decoration: none; display: block;background:#f90; margin:0px auto; }
a.download { color:#fff;}
/* 营销分析 */
th.thbj,tr.thbj{background: linear-gradient(#f7f7f7, #ededed); height:45px; line-height:45px; text-indent:1em; }
th.thbj span{ padding-left:1em;font-weight:normal;color:#f60;}
.chartbj { border:1px solid #ededed; overflow:auto; padding:10px;}
.chartbj h4{ text-align:center; font-size:16px; line-height:30px; font-weight:bold;color:#f80;}
.setform { clear:both; margin-bottom:15px;}
.setform input[type="text"]{ float:left; width:110px;}
.setform span{ float:left; padding:0 5px; line-height:32px;}
/* 下拉按钮选项高度 */
.bootstrap-select.btn-group .dropdown-menu.inner {height:330px;overflow-y: scroll !important;}
/* 表单验证字体变大 */
.small, small { font-size:100%;}
label.control-label {padding-top:0 !important; line-height:32px; font-weight:normal; font-size:14px; color:#666; }
.row .checkbox-inline:first-child{ margin-top:0px; }
.zuok { line-height:32px; width:60px;}
/* 优惠券 */
.coupon_list ul li { float:left; width:320px; height:130px; position:relative; margin-bottom:15px; color:#fff; line-height:24px;}
.coupon_list ul li:nth-child(odd){ margin-right:15px;}
.coupon_list ul li .cou_l{ float:left; width:230px; height:130px; background:#ffb804;}
.coupon_list ul li .cou_r{ float:right;width:90px; height:130px; background:#f92265; line-height:130px; font-size:18px; text-align:center;}
.coupon_list ul li .cou_r a:link,.coupon_list ul li .cou_r a:visited,.coupon_list ul li .cou_r a:hover{ color:#fff;}
.coupon_list ul li.my .cou_l{ background:#4fd1a1;}
.coupon_list ul li.out .cou_r{ background:#b2b2b2;}
.cou_main { margin:10px 10px 10px 15px;}
.coupon_list ul li h4 span {font-size: 40px;}
.coupon_list ul li .cou_l .line{ border-top:1px solid #e6a501; height:10px; overflow:hidden;}
.coupon_list ul li.my .cou_l .line{ border-top:1px solid #36c38f; height:10px; overflow:hidden;}
.yuan_left{ position:absolute; left:-4px; top:-3px; width:9px; height:160px; background:url("../images/yuan.png")/*tpa=http://login.jiujiuke.net/assets/images/yuan.png*/ repeat-y; z-index:2;}
.yuan_right { position:absolute; right:-4px; top:-4px; width:9px; height:165px; background:url("../images/yuan1.png")/*tpa=http://login.jiujiuke.net/assets/images/yuan1.png*/ repeat-y; z-index:2;}

.mycoup { margin-left:10px;}
.mycoup ul li{ margin:0 18px 30px 0px !important; width:349px;}
.mycoup ul#Volume_li li{ margin:0 15px 30px 0px !important; width:330px;}
.mycoup ul li .cou_l { width:259px;}
.mycoup ul li:nth-child(2n) { margin-right:0 !important;}
.mycoup ul#coupon li:nth-child(2n) { margin-right:18px !important;}
.mycoup ul li .cou_main { margin:10px 10px 20px 20px;}
.zz_mbox .mycoup ul li h4 { border-left:none; margin-top:20px; height:35px;}
.mycoup ul#Volume_li li .cou_l { width:240px !important;}


/* 引导层 */
.guide{ position: fixed; top:0; left:0; width:100%; height:100%; z-index:1005; display:none;}
.guide_bj{ position:absolute; left:0; top:0; z-index:1006; width:100%; height:100%; background:#fff; opacity:0.85;}
.guide_main{  position:absolute;left:50%; top:50%; border:5px solid #f60; width:500px; height:auto; margin-top:-85px; margin-left:-275px; padding:25px; z-index:10099; background:#fff; font-size:14px;}
.guide_main a { color:#079dfc; font-weight:bold; padding:0 8px; font-size:15px;}
.guide_main i{ color:#f60;}
.guide_main i.duibi{color:#079dfc; padding:0;}
.guide_main a.dbpic:link,.guide_main a.dbpic:visited{ color:#333; font-weight:normal; font-size:14px;}
.guide_main a.dbpic:hover{color:#079dfc;}
/*.form-horizontal .form-group{ margin-left:0 !important; margin-right:0 !important;}*/

/* 筛选表单整合 */
.sxbd_left { float:left; width:90px; line-height:32px; font-weight:bold;}
.widban{ width:47%;}
.zhikd { width:6%; text-align:center; line-height:32px;}
.bbsm{ background:#fff; margin-bottom:20px; padding:10px; font-size:14px; line-height:40px; text-align:center;}
.bbsm span{ padding-right:35px; }
.bbsm span:last-child{ padding-right:0;}
.banbena { color:#fff; line-height:24px; margin-left:40px; width:410px; margin-top:12px; font-size:13px;}
.banbena ul li{ float:left; padding-right:30px;}
.banbena ul li:first-child { float:left;width:410px; padding-right:0;}
.banbena ul li a{ color:#ff0;}

/* 添加购物车飞入动画 */
.u-flyer{display:block; width:50px; height:50px; border-radius: 50px;position: fixed;z-index: 9999;}
.shoptips {display:none; float:left; width:1px; margin-top:5px;  height:35px; line-height:35px; border-radius:2px; font-size:16px; text-align:center; color:#fff; background:#999;}

/* 微文章编辑器定高度 */
/*.edui-container .edui-editor-body {background-color: #fff;max-height: 200px;overflow-y: scroll;}*/
.edui-body-container img { width:100%;}

/* 自助商城+购物车 */
.shoping{ position:fixed; top:55%; right:50px; z-index:10099; width:55px; height:55px;}
.shoping img{ width:52px; height:52px;}
.shoping p{ position:absolute; left:30px; top:-5px; width:25px; height:25px; border-radius:50%; text-align:center; line-height:25px; color:#fff; font-size:12px;background:#ffb804;}

/* 微信+绑定 */
.col_wx{ color:#f60;  padding-left:15px;}
.tips_wx{ padding:20px; line-height:24px; background:#fff1e5; border:1px solid #ffd9b8;}
.tips_wx a:link,.tips_wx a:visited{ color:#f60; font-size:13px;}
.tips_wx a:hover{ color:#f60; text-decoration:underline;}

/* 微信群发 */
.yulan{ border-radius:10px; border:1px solid #ddd; padding:10px; box-shadow:2px 2px 2px 1px rgba(0,0,0,0.05); width:220px;}
.tw_list ul:first-child { background:#f1f1f1; border-top:1px solid #ddd; border-bottom:1px solid #ddd; line-height:35px; height:35px; font-size:14px; overflow:hidden;}
.tw_list ul li div:first-child{ float:left; width:50%;border-right:1px solid #ddd; padding-left:8px; border-left:1px solid #ddd;}
.tw_list ul li div:nth-child(2) { padding-left:8px;float:left; width:40%;border-right:1px solid #ddd;}
.tw_list ul li div:last-child{ float:left; width:10%;border-right:1px solid #ddd;text-align:center;}
.tw_list ul:nth-child(2) li { line-height:35px; height:35px; border-bottom:1px solid #eaeaea; font-size:14px; overflow:hidden;}
.tw_list ul li .checkbox label::after{  margin-left: -21px; top: -8px;}
.tw_list ul li .radio label::after{  margin-left: -20px; top:3px;}
.yulan_tuwen { border-radius:10px; border:1px solid #ddd; box-shadow:2px 2px 2px 1px rgba(0,0,0,0.05); width:210px; margin-bottom:10px; /*max-height:500px;*/}
.yulan_tuwen ul li:first-child{ position:relative; height:100px; padding:10px;}
.yulan_tuwen ul li:first-child img{ width:190px; height:80px; margin:0px auto;}
.yulan_tuwen ul li:first-child .yl_tmd{ position:absolute; left:8px; bottom:8px; height:25px; width:190px; background:#000; opacity:0.6; z-index:1;}
.yulan_tuwen ul li:first-child .yl_text{position:absolute; left:15px; bottom:10px;height:25px; width:190px; z-index:2; color:#fff; line-height:25px; font-size:14px;}
.yulan_tuwen ul li { border-bottom:1px solid #ddd; padding:10px; /*height:90px;*/ overflow:hidden; height:auto;}
.yulan_tuwen ul li p{ float:left; width:120px; line-height:30px; font-size:14px;}
.yulan_tuwen ul li img{ float:right; width:70px; height:70px;}
.fslb .checkbox label::after{ top: -4px;}
.fslb .table-bordered > thead > tr > th { font-weight:bold; background:#ededed;}
.fsfl .TabTitle ul{clear:both; margin-left:0; border:none;}
.fsfl .TabTitle ul li{ float:left; padding:0 20px; text-align:center; background:#eee;  border:none; height:40px; line-height:40px; margin:10px 0; font-size:14px; border-radius:0 !important; color:#888;}
.fsfl .TabTitle ul li.active{ background:#ddd; color:#333; border:none;}
.ftip{background: #fefbe4;border: 1px solid #F3ECB9;padding: 8px 15px;font-size: 14px;color: #993300;line-height:20px;}
.map_k{ position:absolute;left:0px; top:0px; z-index:99;}
.map_k input.form-control{ width:200px; height:35px; background:#fff; border:1px solid #ddd; font-size:13px;}

/* 编辑器 */
.edui-combobox .edui-button-label{width:55px !important;}
.none{ display:none;}

/* 图文回复 */
.TaT { width:610px; margin:15px auto 0;}
.TaT ul li{ float:left; line-height:40px; text-align:center; font-size:14px; width:120px; color:#f80; border:1px solid #f90;border-right:none; margin-bottom:10px; cursor:pointer;}
.TaT ul li.active{ background:#f90; color:#fff;}
.TaT ul li:first-child {border-radius:4px 0 0 4px;}
.TaT ul li:last-child{ border-right:1px solid #f90; border-radius:0 4px 4px 0;}
.TaT ul li i{ padding-right:5px;}
.tip_wx {background:#fefbe4;border:1px solid #f3ecb9;color:#f60;padding:10px;margin-bottom:5px;font-size:12px;margin-top:5px;}
input[type="text"].paixu {width:50px; background:#fff; margin:0px auto;}
h4.titwx { line-height:40px; border-bottom:1px solid #ededed; font-weight:bold; font-size:15px; color:#f90;}
h4.titwx span { float:right; font-size:12px; font-weight:normal;}
.mapset{ float:left; color:#f60;}
.mapset a:link,.mapset a:visited,.mapset a:hover{color:#f60;}
.duo_list ul li{ clear:both; line-height:22px;}
.duo_list ul li a { color:#f60; padding-left:10px;}
.lan a:link,.lan a:visited,.lan a:hover{ color:#f60; }
.file-drop-zone-title{ padding:40px 10px !important;}
.TaTAa ul li{ width:150px;}

/* 编辑器自定义图文消息 */
.TaTzdy ul li { float:left; line-height:30px; height:30px; font-size:14px; width:94px; text-align:center; border:1px solid #f90;border-right:none;margin-bottom:10px; cursor:pointer;}
.TaTzdy ul li.active{ background:#fff; border-bottom:1px solid #fff;}
.TaTzdy ul li:last-child,.TaTzdy ul li:last-child.active{ background:#f90;  border-bottom:1px solid #f90; color:#fff;}
.TaTzdy ul li:last-child  a:link, .TaTzdy ul li:last-child a:visited, .TaTzdy ul li:last-child a:hover { color:#fff;cursor:pointer;}
.element-list {overflow-x: hidden;float: left; width:515px;}
.element-item {padding: 7px;margin:0 10px 10px 10px;cursor: pointer;}
.element-item:hover {padding: 6px;border: 1px solid #d4d4d4; }
.element-item.selected{padding: 6px; border: 2px solid #f90;}
.element-item>img{position: absolute;right: 0;top: 0;display: none;}
.element-item.selected>img{ display: block;}
.picker{ float:right; width:200px; height:200px; margin-top:50px;}
.preview { float:left; width:400px; border:1px solid #ddd; padding:15px; height:280px; overflow-y:scroll;}
.element-item  blockquote {border-left:none; font-size:12px;}
.element-item legend { width:auto; border-bottom:none;font-size:12px;}

/* 微信会员卡 */
.cardkd{ float:left; width:45%;  margin: 0 2% 0 3%;}
.cardbj{border:1px solid #ededed; overflow:auto;}
.toubu{ clear:both; background:#202020; width:100%; height:40px; color:#fff; line-height:20px;}
.toubu i,.toubu div {line-height:40px;}
.cardpic img { border-radius:10px;}
.store_logo{ position:absolute; left:10px; top:10px; width:54px; height:54px; border:2px solid #fff; border-radius:50%;}
.store_logo img { width:50px; height:50px; border-radius:50%;}
.store_logo .btn-file{ background:none; border:none; box-shadow:none;}
.store_logo .btn-file:hover{ background:none; border:none; box-shadow:none}
.store_tit{position:absolute; left:70px; top:15px; color:#fff; line-height:30px;}
.store_tit h3{ font-size:14px;}
.store_tit p{ font-size:12px;}
.store_tit h3 input,.store_tit p input{ border:none; box-shadow:none; font-size:14px; color:#fff !important; background:none; line-height:20px;}
.store_tit p input{ font-size:12px;}
.store_tit input::-webkit-input-placeholder{color: #FFF;}
.store_ewm{position:absolute; right:10px; top:10px; width:44px; height:44px; background:#fff; border-radius:8px;}
.store_ewm img { width:40px; height:40px; margin:2px;}
.card_num { position:absolute; left:15px; bottom:10px; color:#fff; font-size:15px; }
.card_fl ul li{ padding:0; border-right:1px solid #ededed; line-height:20px; text-align:center;}
.card_fl ul li:last-child { border-right:none;}
.card_fl ul li p{ display:block; color:#dbad55; line-height:30px; font-size:15px;}
.wechart_pay { border:1.5px solid #dbad55; line-height:32px; width:90px; text-align:center; margin:10px auto; border-radius:4px; font-weight:bold;}
.wechart_pay a{ font-size:14px; color:#dbad55;}
.card_list { border-top:1px solid #ededed;}
.card_list ul li{ clear:both; line-height:17px; border-bottom:1px solid #ededed;font-size:13px; color:#333; margin:5px auto; height:40px;}
.card_list ul li:after { clear:both;}
.card_list ul li:last-child{ border-bottom:none;}
.card_list ul li i{ float:right; color:#bbb; line-height:35px; padding-right:5px;}
.card_list ul li.kaka{ line-height:35px; margin:0; height:35px; text-indent:1.2em;}
.col_33 { color:#000;}
.card_tit { border-bottom:1px solid #ededed; margin-bottom:20px; line-height:30px; font-size:15px;margin-top:10px;}
.card_upbj{position:absolute; right:10px; bottom:10px;}

/* 设置运费 */
.country { border:1px solid #ededed; padding:0; height:320px; margin-bottom:15px; }
.country h3 { clear:both; width:100%; height:40px; background:#f8f8f8; font-size:16px; text-indent:1em; line-height:40px;}
#FreightTemplateForm .text-warning a{ color:#f60 !important;}
.mycoup ul.yhqlist li { margin-right:45px !important;}

/* 微信营销 */
.card_step ul li{float:left; width:25%;border-top:2px solid #ddd; height:50px; margin-top:15px;}
.card_step ul li p{ width:30px; height:30px; background:#ddd; border-radius:50%; color:#fff; line-height:30px; font-size:14px; text-align:center; margin:-15px auto 0 !important;}
.card_step ul li h4 {text-align:center; font-size:14px; line-height:30px;}
.card_step ul li.active {border-top:2px solid #f80;}
.card_step ul li.active p { background:#f80;}
.card_step ul li.active h4 { color:#f80;}
.m-t-80 { margin-top:80px;}
.autoreply{ border-top:1px solid #ededed;height:50px; margin-top:15px;}
.autoreply p,.autoreply h4{width:100px; height:30px; background:#fff;line-height:30px; font-size:14px; text-align:center; margin:-15px 25px 0 !important;}
.autoreply h4{ margin:-15px auto 0 !important;}
.keyword-list ul li { float:left; margin:0 15px 10px 0; position:relative;}
.keyword-list ul li span{background-color: #fff; border: 1px solid #ccc; border-radius: 4px 0 0 4px;  padding: 4px 10px; line-height: 20px; height: 30px;display: inline-block;color: #555555;}
.keyword-list ul li span.add-on{border-radius: 0 4px 4px 0; padding:4px 5px;background:#ededed; margin-left:-3px; border-left:none;}
.circle-close { display:none; position: absolute;z-index: 91;top: -9px;right: -9px;width: 20px; height: 20px; font-size: 16px;line-height: 18px;color: #fff;text-align: center;cursor: pointer;background: rgba(153,153,153,0.6);border-radius: 50%;}
.xinjian { border:none; background:#fff; color:#f60; line-height:32px;}
.ggl_bd { width:180px;}
.next-step{ position:fixed;left:5%; bottom:0; background:#f8f8f8;width:90%; height:50px; text-align:center;}
.pdzhi{ padding-bottom:60px !important;}
.reward { clear:both; border:1px solid #ededed; padding:15px 15px 0; border-top:none;}
.reward_menu { border-top:1px solid #ededed; border-left:1px solid #ededed; height:40px;}
.reward_menu ul li{ float:left; width:25%;border-bottom:1px solid #ededed; border-right:1px solid #ededed; text-align:center; line-height:40px; height:40px; background:#f8f8f8; font-size:14px; color:#555;}
.reward_menu ul li.active { border-bottom:none; background:#fff; color:#f60; font-weight:bold;}
.col_f60 a { color:#f60;}
.phonebj{ width:300px; height:600px; margin-bottom:15px;}
.active_bj{position:absolute; top:75px; left:19px; width:262px; height:455px; z-index:1; background:url("../images/wx_phonetop.jpg")/*tpa=http://login.jiujiuke.net/assets/images/wx_phonetop.jpg*/ no-repeat #f7f7f7; text-align:center; color:#fff; font-size:14px;padding-top:20px; background-size:100% 45px;}
.active_img{ position:absolute; top:75px; left:19px; width:262px; height:455px; z-index:1;}
.win{ position:absolute; bottom:80px; left:30px; z-index:2;}
.gjc { top:120px;}
.machion ul li{ width:50%;}
.active_share{position:absolute; top:120px; left:19px; width:262px; height:455px; z-index:2;}
.active_share h5 { line-height:32px; background:#ededed;}
.active_share input[type="text"]{ border:none; width:100%; background:none; line-height:24px;}
.active_share textarea {border:none; width:180px; background:none; height:40px; line-height:20px; color:#888 !important;overflow:hidden;}
.jpname { border:none; background:none; color:#888;}
/* 管理水果机 */
.manage_hd{ background:#f8f8f8; border:1px solid #ededed; overflow:auto;}
.manage_hd img{ float:left; border-right:1px solid #ededed;}
.guanli_tit{ background:#f8f8f8; width:100%; height:40px; padding:10px; margin:20px auto;}
.guanli_tit h4 { border-left:4px solid #f80; line-height:20px; font-size:14px; padding-left:10px;}
.guanli_bj{ border:1px solid #ededed; padding:20px; overflow:auto;}
.btn-zhi { border:1px solid #ededed !important; box-shadow:none; background:#f4f4f4; padding-left:8px; padding-right:8px; font-weight:bold; font-size:14px;}
.lingqu li { clear:both; width:90%; border-bottom:1px solid #f8f8f8; font-size:14px; line-height:60px; color:#333;}
.lingqu li span { float:right; font-weight:bold;}
.shuju ul li { float:left; width:25%; text-align:center; line-height:24px;}
.shuju ul li p { display:block; font-size:18px; color:#000;}
.break{word-break:break-all;}

/* 专属客服 */
.vipkf{ background:#f80 !important; color:#fff; font-size:14px; padding:10px; height:50px; line-height:50px !important; position:fixed !important;bottom:0;left:0; width:190px;}
.vipkf img{ width:28px; height:28px; margin:0 21px;}
.enlarged #sidebar-menu ul li.vipkf{ width:70px !important; overflow:hidden;}
.navbar-default .dropdown-menu-lg li p{ width:100%; height: 22px; overflow: hidden; text-overflow: ellipsis;word-break: break-all;}
.vip_service { position:fixed; left:190px; bottom:0; border:0.5px solid #ededed; background:#fff; z-index:9999; padding:20px 15px; width:330px; height:460px; display:none;}
.photo_kf { width:102px; height:102px; margin:0px auto;}
.photo_kf img { width:100px; height:100px; border-radius:50%;  border:1px solid #f90;}
.vip_service h3 { text-align:center; font-size:14px; margin:10px 0 15px; line-height:30px; color:#000; width:100%; height:30px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.service_info{ clear:both; border-bottom:1px dotted #ededed; height:55px; padding-bottom:10px;}
.service_info ul li{ float:left; width:33%; line-height:24px; text-align:center; color:#888; font-size:14px;}
.service_info ul li i{ display: block; width:100%; height:20px; font-size:15px; color:#999;}
.service_info ul li:nth-child(2) i{ font-size:22px; margin-top:-5px; margin-bottom:5px;}
.kfewm ul li { float:left; width:50%; text-align:center; color:#888; margin:20px 0 8px;}
.kfewm ul li:first-child { border-right:1px solid #f8f8f8;}
.kfewm ul li img{ width:90px; height:90px; padding:2px; border:1px solid #ededed; display:block; margin:0px auto 8px;}
.gave { clear:both; width:55px; height:55px; background:#f90; line-height:55px; color:#fff; font-size:15px; margin:10px auto 0; text-align:center; border-radius:50%;}
.gave_content{ clear:both; width:260px; margin:50px auto;}
.gave_content ul li { float:left; width:33%; text-align:center;}
.gave_content ul li:first-child { text-align:left;}
.gave_content ul li:last-child{ text-align:right;}
.smds img{ width:110px; height:110px; padding:2px; border:1px solid #ededed; margin:30px auto 10px; display:block;}
.swiper-pagination-bullet-active { background:#fff !important;}

/* print_new */
.print_kk { border:1px solid #ededed; overflow:auto; margin:10px 15px; padding-top:10px; padding-bottom:10px;}
.print ul li{ float:left;color:#f80; padding:10px 15px; border:1px solid #ddd;border-left:none;border-bottom:none; font-size:14px; color:#555;}
.print ul li.active{ background:#ededed; color:#333; color:#f80; }
.print ul li:first-child { border-left:1px solid #ddd;}
.dayin { border:1px solid #ddd; overflow:auto; padding:20px;}

/* zizhushangcheng_new */
nav.zzsc{ height:100px; padding:25px 0; border-bottom:2px solid #dedede; width:100%;}
nav.zzsc ul{ height:18px; margin:16px 0;}
nav.zzsc ul li { float:left; padding:0 25px; border-right:1px solid #eee; line-height:18px; font-size:14px; }
nav.zzsc ul li:last-child { border-right:none; }
nav.zzsc ul li.active a { color:#ffb804; font-weight:bold;}
.btn-scs{ height:50px; border:1px solid #ccc; background:#fff; padding:0 15px;}
nav.zzsc input[type="text"].form-control{ background:#fff; height:50px; border:1px solid #ccc;}
.swiper-pagination-bullet{ width:8px; height:8px;}
.bbqb ul li { padding:20px; color:#fff; height:300px; margin-bottom:20px; }
.bbqb ul li .banben_bj {  height:300px;margin-right:10px; padding:20px; text-align:center;}
.bbqb ul li:first-child .banben_bj{ background:linear-gradient(to bottom,#fedc18,#fcab13);}
.bbqb ul li:nth-child(2) .banben_bj{ background:linear-gradient(to bottom,#de79fd,#c55cfe);}
.bbqb ul li:nth-child(3) .banben_bj{ background:linear-gradient(to bottom,#ff78a6,#fa4474);}
.bbqb ul li:nth-child(4) .banben_bj{ background:linear-gradient(to bottom,#72b6fd,#6197fe); margin-right:0;}
.bbqb ul li h5{ /*width:150px;*/ height:50px;  line-height:50px; font-size:14px; background:#fff; margin:0px auto; border-radius:50px; text-align:center;}
.bbqb ul li:first-child h5 a { color:#fcab13;}
.bbqb ul li:nth-child(2) h5 a { color:#c55cfe;}
.bbqb ul li:nth-child(3) h5 a { color:#fa4474;}
.bbqb ul li:nth-child(4) h5 a { color:#6197fe;}
.banben_bj h4 { line-height:50px; height:50px; width:100%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:16px;}
.banben_bj h3 { font-size:18px; line-height:50px;}
.banben_bj h3 span{ font-size:25px; padding-right:8px;}
.banben_bj p { line-height:25px; height:50px; overflow:hidden; font-size:14px;}
.bbzq { line-height:180px; font-size:25px; height:180px;}
.zzsc_tit { clear: both; margin-top:30px;}
.zzsc_tit h4{ float:left; font-size:24px;}
.qhmenu{ float:right; border:1px solid #eee; line-height:25px; height:30px;}
.qhmenu ul li{ float:left; padding:0 15px; border-right:1px solid #eee; color:#7e7e7e; cursor:pointer;}
.qhmenu ul li:hover{ background:#ffb804; color:#fff;}
.qhmenu ul li:last-child{ border-right:none;}
.increase ul,.self_shop ul{ position:relative; margin-left:-0.5%; width:100.5%;}
.increase ul li {float: left;width:19%; margin-left:1%; height:248px; background:#f7f7f7; padding:18px 10px; text-align:center; margin-bottom:30px;}
.increase #SoftWareList li { position:relative; transition:all 0.2s linear 0s;}
.increase #SoftWareList li:hover{box-shadow:0 10px 15px rgba(0, 0, 0, 0.2); transform:translate3d(0px, -5px, 0px); z-index: 2;}
.increase ul li:nth-child(2n+1){ border-top:1px solid #c961fe;}
.increase ul li:nth-child(2n){ border-top:1px solid #fc517e;}
.increase ul li:nth-child(3n){ border-top:1px solid #6198ff;}
.increase ul li:nth-child(4n){ border-top:1px solid #7ece1d;}
.increase ul li:nth-child(5n){ border-top:1px solid #ffdc18;}
.increase ul li img{ border-radius:50%; width:115px; height:115px;}
.img-thumbnail{ border:none; padding:0; border-radius:0;}
.increase ul li h3{ clear:both; font-size:14px; margin-top:15px; margin-bottom:15px; color:#333;}
.increase ul li p { clear:both; width:100%; height:40px; line-height:20px; color:#999; }
.increase ul li h5,.zyshow h5,.agent ul li p{ color:#f92265; font-size:15px;}
.increase #SMS li{transition:all 0.5s linear 0s; position:relative;}
.increase #SMS li:hover{ box-shadow:5px  10px 15px rgba(0, 0, 0, 0.2); transform:translate3d(0px, -10px, 0px);}
.bghui{ background:#f0f0f0;}
.zypx{ float:right; line-height:20px; height:20px;}
.zypx a { padding-left:20px; font-size:14px;}
.zypx a.active{ color:#ffb701; text-decoration:underline;}
.zyfirst{ background:#fff; height:550px; margin-right:4%; padding:15px;}
.zyfirst h5{ color:#ffb804; font-size:18px; line-height:25px;}
.zyfirst h5 span{ display:block; font-size:12px; }
.zyfirst img{ text-align:center;}
.zyfirst p{ border:1px solid #ffb804; border-radius:45px; height:45px; line-height:45px; text-align:center;color:#ffb804; margin:40px auto 0; font-size:14px;}
.zyfirst:hover p{ background:#ffb804; color:#fff;}
.zyproduct ul li{  margin:0 0 10px 0; padding:0; /*height:250px;*/ overflow:hidden; text-align:center; position:relative;}
#HardWareList .zyshow { border:1px solid #f0f0f0;margin-right:3%;}
.zyshow{margin-right:4%;background:#fff; height:270px; padding-top:20px;}
.zyshow h3,.agent ul li h4 { clear:both; width:100%; height:30px; line-height:30px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:14px; color:#333;}
.zyshow h5 { width:100%; height:35px; overflow:hidden; line-height:35px;}
.zyinfor{ background:#ffb804; width:96%;  color:#fff; height:0;line-height:30px;  text-align:center; position:absolute; bottom:0; left:0; z-index:2; margin-right:2%; font-size:14px;}
.zyinfor p {margin:4px 1% 0; width:96%;}
.zyproduct ul li:hover h5 { display:none;}
.zyproduct ul li:hover .zyinfor{ height:30px; transition:all 0.3s linear 0s;}
.look{ border-top:6px solid #f0f0f0; height:135px; line-height:124px; font-size:13px; color:#333; display:block; cursor:pointer;}
.agent ul{ position:relative; margin:15px 0 0 -0.5%; width:100.5%;}
.agent ul li{float: left;width:19%; margin-right:1%; height:250px; background:#fff; text-align:center; margin-bottom:10px; position:relative; transition:all 0.2s linear 0s;}
.agent ul li:hover{box-shadow:0 15px 30px rgba(0, 0, 0, 0.1); transform:translate3d(0px, -5px, 0px); z-index: 2;}
.agent ul li span{ position:absolute; top:0; left:50%; margin-left:-20px; width:40px; height:20px; line-height:20px; text-align:center; color:#fff; background:#7dd01c;}
.receive{ background:#ffb804; height:135px; color:#fff; text-align:center;}
.receive h3{ font-size:20px; font-family:'Microsoft YaHei'; font-style:italic; -webkit-text-stroke: 1px #f92265; font-weight:bolder; line-height:70px;}
.receive h3 i{ font-size:30px; padding:0 5px; font-style:italic;}
.receive h5,.receive h6 {border: 1px solid #fff;line-height:30px;border-radius: 15px; padding:0 20px; display:inline-block;}
.ticket_list ul li { clear:both; font-size:14px; color:#fff; padding:15px; margin-bottom:25px; position:relative;}
.ticket_list ul li.gwq { background:#ffb804; overflow:auto;}
.ticket_list ul li.zkq { background:#f92265; overflow:auto;}
.ticket_list ul li h4 { font-size:24px; margin-bottom:10px;}
.ticket_list ul li h5,.ticket_list ul li p{ font-size:18px;}
.ticket_list ul li .bor-l { border-left:1px solid #fff !important; height:60px;}
.ticket_list ul li span { position:absolute; bottom:15px; right:15px; background:#fff; height:30px; width:60px; text-align:center; line-height:30px; z-index:2; border-radius:30px;}
.ticket_list ul li.gwq span { color:#ffb804; cursor:pointer;}
.ticket_list ul li.zkq span { color:#f92265;}

/* ziying */
.banner ul li { float:left; width:32.5%; margin-right:1%; margin-bottom:8px; height: 210px; background: #f0f0f0;  padding-top: 30px;}
.banner ul#top_li li{ padding-top:0;}
.dlsjia ul li{ float:left; width:32.5%; margin-right:1%; margin-bottom:12px;}
.banner ul li .img-thumbnail,.dlsjia ul li .img-thumbnail{ border:none; padding:0; border-radius:0;}
.banner ul li:nth-child(3n),.dlsjia ul li:nth-child(3n){ margin-right:0 !important;}
.ruanjian ul li{ margin-bottom:10px; border-top:none !important;}
a.col_orange { color:#ffb804; font-size:14px;}
.ruanjian ul li:last-child { margin-bottom:30px !important;}
.border_bx { border-top:1px solid #fff; height:1px; overflow:hidden;}
.self_shop ul li { float:left; width:19.5%; margin-left:0.5%;}
.self_shop ul li .zyshow { margin-right:0;}
.self_shop ul li:last-child{ margin-bottom:30px;}
.self_fl { clear:both; width:100%; height:50px; line-height:50px; background:#f0f0f0;}
.self_fl ul li a{ float:left; padding:0 30px; border-right:1px solid #ddd; color:#333; font-size:14px;}
.self_fl ul li.active a,.self_fl ul li:hover a{ background:#ffb804; color:#fff; display:inline-block;}
.search_sort dl {
    clear: both;
    border-bottom: 1px solid #eee;
    overflow: auto;
    margin: 10px auto;
    padding: 0 0 10px;
}
#fla,#flb{ height: 30px;overflow: hidden;}
.tog01 {height: auto;overflow: auto;}
.search_sort dl dt { text-align:center; }
.search_sort dl dt, .search_sort dl dd { line-height:30px;}
.search_sort dl dd a{ padding:0 45px 0 0;}
.search_sort dl dd a.active{ color:#f90;}
.cpshow ul li { float:left; width:19.3%; margin-right:0.875%; border:1px solid #fff;}
.cpshow ul li:nth-child(5) { margin-right:0;}
.cpshow ul li.active{ border:1px solid #ffb804;}
 .cpshow ul li img { width:100%; /*height:90px;*/}
.product_bj { background:#f0f0f0; padding:20px 10px; overflow:auto; margin:15px 0;}
.sale i { float:left; width:80px; color:#666;}
.sale span { text-decoration:line-through; color:#888;}
.sale span.pricejg { color:#ffb804; font-size:20px; text-decoration:none;}
.product_cp ul li { clear:both; line-height:32px; font-size:14px; }
.product_cp ul li span {color:#888;}
dl.cpxh { margin:0 0 10px;}
dl.cpxh dd a{ float:left; border:1px solid #dedfda; padding:0 10px; margin:0 15px 10px 0; line-height:28px;}
dl.cpxh dd a.active {border:1px solid #ffb804;}
.product_cp ul li .btn-default { border:1px solid #eaeaea; color:#333; font-size:14px; box-shadow:none;}
.btn-buy { border:1px solid #ffb804; background:#f5f5f5; color:#ffb804; }
.btn-cart {border:1px solid #ffb804; background:#ffb804; color:#fff;}
.btn-buy,.btn-cart{float:left; font-size:16px; width:180px; height:45px; text-align:center; border-radius:0; margin-bottom:30px;}
.cpTat { border-bottom:1px solid #e7e7e7; height:50px; line-height:50px;}
.cpTat ul li { float:left; padding:0 50px; font-size:14px;}
.cpTat ul li.active { color:#ffb804; font-weight:bold;}
.pjtx { width:60px; height:60px; border-radius:50% !important;}
.pjcont{ border-bottom:1px solid #ededed; overflow:auto; margin-bottom:25px;}
.pjcont img{ margin-right:8px; margin-top:5px;}
.judge ul li{ clear:both; margin-bottom:15px; font-size:14px; color:#888; line-height:24px; margin-right:15px;}
.bgf0 { background:#f0f0f0; height:50px; line-height:50px;}
.huangse,.huangse  a,a.huangse{ color:#ffb804;}
.gwc_cart .table tr td { border:none; border-bottom: 1px solid #e5e5e5; font-size:14px;}
.gwc_cart .table tr:first-child td,.gwc_cart .table tr:nth-child(2) td { border-top:1px solid #e5e5e5;} 
.gwc_cart .table tr td:first-child  { border-left:1px solid #e5e5e5;}
.gwc_cart .table tr td:last-child { border-right:1px solid #e5e5e5;}
.gwc_cart .table tr td.anxd { background:#ffb804; padding:0; display:block; text-align:center; vertical-align:middle; color:#fff; font-size:15px; width:100%; height:65px; line-height:65px;}
.gwc_cart .table tr td.order_time { border:none; text-align:left; border-bottom:none;}
.gwc_cart .table tr:last-child { margin-bottom:20px;}
.orderbj {clear: both;width: 100%;height: 60px;background: #f0f0f0;}
.order_zt ul li a{ float:left; padding:0 20px; line-height:60px; font-size:14px;}
.order_zt ul li.active a { background:#ffb804; color:#fff; display:block;}
.location{ clear:both; width:100%; border:1px solid #eee; overflow:auto;}
.location h4{ clear:both; width:100%; height:40px; background:#f0f0f0; line-height:40px; font-size:14px; text-indent:1em;}
.dizhi_content{ padding:15px;}
.btn-new { background:#f0f0f0; border:1px solid #dcdcdc; }
.bor-l { border-left:1px solid #eee;}
.bor-b { clear:both;border-bottom:1px solid #eee; height:15px ; overflow:hidden;  margin-bottom:15px;}
.bor-xx {border-bottom:1px dashed #eee; height:15px ; overflow:hidden; margin-bottom:15px;}
.shinfor ul li { clear:both; line-height:30px; font-size:14px; color:#777;}
.shinfor ul li span ,.address_list ul li span{ color:#333;}
.font24 { font-size:24px;}
.pay { border:1px solid #dcdcdc; padding:10px 30px; display:inline-block;}
.pay.active { border:1px solid #ffb804;}
.address_list ul li { clear:both; width:95%; margin:0 auto 15px; border:2px solid #f0f0f0; padding:10px 15px; line-height:30px; color:#888; font-size:14px;}
.address_list ul li.active { border:2px solid #ffb804;}
.pay_ewm { width:260px; height:260px; border:1px solid #ededed; margin:20px auto;}
.col_red { color:red;}
.bill_xl ul li{float:left; padding:0 10px; margin:0 10px 0 0; border:2px solid #f0f0f0; height:34px; height:34px; line-height:30px;}
.bill_xl ul li.active {border:2px solid #ffb804;}
.wuliu ul li { clear:both; padding-bottom:20px; position:relative; line-height:24px; margin-left:10px; border-left:1px solid #f0f0f0; padding-left:15px;}
.wuliu ul li i { position:absolute; left:-6px; top:5px; width:10px; height:10px; background:#f0f0f0; border-radius:50%;}
.wuliu ul li:first-child i{ background:#ffb804;}
.wuliu ul li:first-child { margin-top:30px;}

/* banben */
.version_bj{ width:100%; margin:0px auto; height:518px; background:url("../images/banben.jpg")/*tpa=http://login.jiujiuke.net/assets/images/banben.jpg*/ no-repeat; background-size:cover;}
.edition ul li { float:left; width:32%; margin-right:2%; background:#fff; padding:15px; margin-top:65px; box-shadow:2px 2px 3px 2px rgba(0,0,0,0.05); font-size:14px; line-height:24px;}
.edition ul li:last-child { margin-right:0;}
.edition ul li p { width:100%; line-height:24px; height:48px; overflow:hidden;}
.edition ul li h4{ line-height:100px; font-size:30px;}
.edition ul li h4 span{ font-size:50px;}
.col_zi { color:#c762fc;}
.bgzi{ background:#c762fc;}
.col_mei { color:#fc4c7a;}
.bgmei{ background:#fc4c7a;}
.col_lan{ color:#649bff;}
.bglan{ background:#649bff;}
.bbmain { margin-left:25px; line-height:30px;}
.buy { width:100%; height:55px; text-align:center; line-height:55px; font-size:16px; margin-top:25px;}
.buy a { color:#fff; font-size:16px;}
.buyys { margin-top:0px; font-size:14px;}

.banben_duibi table td { font-size:14px;}
.banben_duibi table td.huangse { font-size:20px; font-weight:bold;}
.banben_duibi table td.orange{ color:#ffb804; font-size:16px; font-weight:bold;}
.banben_duibi table tr:first-child td,.banben_duibi table tr:last-child td { border:none;}
.banben_duibi table tr:first-child, .banben_duibi table tr:last-child { border:1px solid #fff;}

/* wechart_siteweb */
.siteweb { border:1px solid #ededed;}
#msga{  position:fixed;  top: 55%; right: 110px; z-index: 10099; width: 100px; height: 35px; line-height: 35px; font-size: 16px; text-align: center; color: #fff; background:#999; border-radius: 2px;}
.bor_b{ clear:both; width:100%; border-top:1px solid #ededed; height:1px; overflow:hidden;}
#span_Content { word-wrap:break-word}
#CartNull { margin:100px auto; text-align:center; line-height:50px; font-size:18px; color:#ffb804;}
.cpxqtu #edtImages { width:100%; height:auto;}
.hand {cursor:pointer;}
.twbj { width:100%; height:250px; background:#eee; line-height:250px; font-size:100px; color:#d1d1d1;text-align:center;}
.twpic { position:absolute; left:0; top:0; z-index:99; width:100%; height:250px;}
.twdelete { position:absolute; right:0; top:0; z-index:100; width:25px; height:25px; line-height:25px; color:#fff; background:#d2d2d2; text-align:center;}
.twup { position:absolute; left:0; top:0; z-index:100; width:70px; height:25px; line-height:25px; color:#fff; background:#d2d2d2; text-align:center;}
.twup button { background:#d2d2d2;}
.twtext { border:none; width:100%; padding:15px; background:#ededed; line-height:20px; height:100px;}
.twtext1 { border:none; width:100%; padding:15px; background:#ededed; line-height:20px; height:100px;}

/* 会员标签 */
.tags{ border:1px solid #ddd; box-shadow:2px 2px 2px 3px rgba(0,0,0,0.05); position:absolute; left:10px; bottom:34px;  background:#fff; z-index:99; border-radius:3px; width:200px; padding:10px 0 0;}
.tags ul li{ clear:both; line-height:24px; padding-left:15px; color:#333; margin-bottom:5px; height:24px;}
.tags ul li a { float:left; width:155px; height:24px; }
.tags ul li a:link,.tags ul li a:visited{ color:#333;}
.tags ul li a:hover,.tags ul li:hover { color:#f60; background:#ededed;}
.tags_add { border-top:1px solid #ededed; line-height:30px; margin:10px 0 0; color:#000;}
.tags_add i{ float:left; border:1px dotted #ddd; width:20px; height:20px; text-align:center; margin:5px 5px 0 15px; line-height:18px; font-size:18px; color:#333;}
.tags ul li button{ float:right; margin-right:10px;width: 15px !important;height:15px !important;text-align:center;padding:0 !important;line-height:12px !important;box-shadow: none; margin-top:5px;}
.tmdw { position:absolute; left:-200px; top:-20px; z-index:999; width:230px; height:220px; }
.intro { background:url("../images/ewmbg.jpg")/*tpa=http://login.jiujiuke.net/assets/images/ewmbg.jpg*/ no-repeat #fff; padding:10px; text-align:left; }
.qrcode canvas { width:80px !important;}
#sidebar-menu ul ul li.sactive a { color:#f90;}
.xiazai a{ width:150px; height:35px; background:#f90; border:1px solid #f80; line-height:35px; font-size:14px; text-align:center; border-radius:35px; display:block; color:#fff;}
.table-condensed .next {border: none; line-height:21px;}
/* 会员多标签 */
.biaoqian{ position:relative; z-index:99;}
.biaoqian .label{ margin-right:10px;}
.label-bg1,dl.tag_menu dd.label-bg1{ background:#ffa012;}
.label-bg2{ background:#f44236;}
.label-bg3{ background:#374047;}
.label-bg4{ background:#9b27b0;}
.label-bg5{ background:#663ab6;}
.label-bg6{ background:#3e50b4;}
.label-bg7{ background:#2196f3;}
.label-bg8{ background:#00bbd4;}
dl.tag_menu{ position:absolute; left:-8px; top:-10px; width:530%; height:38px; background:#fff; z-index:1001;display:none;padding-bottom: 10px;box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.03);}
dl.tag_menu dd { float:left; margin:8px 0 0 10px; padding:0.2em 0.6em 0.3em; border-radius:4px; color:#fff; font-weight: 700;}
dl.tag_menu dd img {margin-left:5px; cursor:pointer;}
.zheline{ border-bottom:1px solid #ddd; width:100%; height:10px; overflow:hidden; margin-bottom:20px;}
.zl_tit{ width:120px; height:30px; background:#fff; margin:-30px 0 0 45px; text-align:center; font-weight:bold;}
.newxys .toggle-group .toggle-handle.btn{ border-radius: 35px; margin-left: 35px; width: 35px; height: 35px;}
.newxys .toggle.btn{ min-width:100px !important; border:none !important; height:35px; padding-right:0 !important; border-radius:35px; float:left;}
.newxys .toggle-handle.btn{border-radius:35px;}
.newxys .btn-warning .toggle-group .toggle-handle {padding-left: 90px;}
.newxys{ background:#fff;  border:1px solid #ededed; padding:5px; margin-left:10px; border-radius:3px;}
.newxys input[type="text"]{ width:180px; border:none; background:#fff;}
.bqmz {background:#fff; height:45px;}
.card_color p { position:absolute; left:15px; top:5px; width:25px; height:25px; border-radius:4px; border:1px solid #ddd;}
.card_color i { position:absolute; right:0 !important; top:12px;}
.card_color i.glyphicon{position: relative;right:15px; top: 1px;}
.card_color span{position:absolute;right:10px !important;top:12px;}
.select_color{position: absolute;left: 10px; top:33px; border:1px solid #d2d2d2; z-index:999; background:#fff; width:178px; padding-bottom:5px; display:none;}
.select_color ul li,.select_colorA ul li,.select_colorB ul li,.select_colorC ul li{ float:left; width:25px; height:25px; border-radius:4px; margin:5px 5px 0; border:1px solid #d2d2d2;}
.setgift{ float:left; color:#3f6fff !important; line-height:34px; margin-left:10px;}
.qdsign{ background:#fafafa; border:1px solid #eeeeee; padding:5px 10px; height:100px;}
.qdsign:hover{ background:#ffffff; border:1px solid #e0e0e0;}
/* 支付管理 */
dl.payfl{ clear:both; width:100%; height:auto; border-bottom:1px solid #ededed; margin-top:15px; overflow:auto;}
dl.payfl dt{ font-weight:bold; font-size:14px; color:#ff9900; line-height:35px; text-indent:0.5em; position:relative; height:35px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; cursor:pointer;}
dl.payfl dd a{ float:left; padding-right:60px; color:#888; line-height:35px; font-size:14px; position:relative;}
dl.payfl dd a.pay_add { color:#ff9900; font-size:18px; font-weight:bold; }
.payzf { float:left;margin:0 0 10px 0; width:180px; height:32px; border:1px solid #ededed; border-radius:2px; display:none;}
.payzf input[type="text"] { float:left; border:none; box-shadow:none; width:122px; background:#fff;line-height:24px; font-size:14px;}
.add_ok{ float:left; width:26px; height:26px; background:url("../images/ok.png")/*tpa=http://login.jiujiuke.net/assets/images/ok.png*/ center no-repeat #ff9900; background-size:26px 26px; margin:2px 2px 0 0;}
.add_no{ float:right; width:26px; height:26px; background:url("../images/no.png")/*tpa=http://login.jiujiuke.net/assets/images/no.png*/ center no-repeat #999999; background-size:26px 26px; margin:2px 2px 0 0;}
.hybiaoq { float:left; margin-bottom:10px;}
.payedit{ position:absolute; right:-5px; top:0; text-indent:0; z-index:999; width:50px; height:30px; display:none; color:#999; text-align:left; background:#fff;color:#0080ff; }
.payeditA{ position:absolute; right:0px; top:0; text-indent:0; z-index:999; width:50px; height:30px; display:block; color:#999; text-align:left; background:#fff; display:none; color:#0080ff; }
.xf_aa #edtTagName { display:inline-block; text-align:center;}
.biaoqianA{ text-align:center;}
.biaoqianA ul li{ display:inline-block; margin:0px 5px 10px auto; padding:0 10px; border-radius:3px; color:#fff;}
/* makemoney */
.share_top{ width:100%; height:50px; line-height:50px; background:#eb6876; color:#fff; text-align:center; font-size:15px;}
.share_top i{ position:absolute; left:10px; top:0; font-size:20px; line-height:50px; color:#fff; }
.share_top span{ position:absolute; right:10px; top:12px; border:1px solid #fff; border-radius:4px; padding:0 10px; line-height:24px; color:#fff; font-size:14px;}
.share_top i a,.share_top span a{ color:#fff; }
.rewardA{ background:#fff; border-radius:10px; box-shadow:2px 3px 2px 3px rgba(0,0,0,0.01); padding:15px; color:#333; line-height:25px; font-size:14px;}
.rewardA h3{ font-size:16px; font-weight:bold; margin-bottom:15px;}
.rewardA h3 span{ color:#fc6143;}
.hong {color:#fc6143}
.hong1{color:#ed0000}
.rewardA p{ background:#fecb10; border-radius:8px; line-height:40px; text-align:center; font-weight:bold; margin:10px 0;}
.rewardA p.lin24{ line-height:24px; padding:5px;}
.award ul li { /*display:inline-block;*/ background:#fecb10; line-height:40px; text-align:center; border-radius:40px; /*margin:10px 5px 10px 0; padding:0 12px;*/ float:left;width:48%; margin:10px 4% 0 0; height:40px; font-size:15px;}
.award ul li:nth-child(even) { margin-right:0;}
.btn-share{ width:100%; height:45px; background:#eb6878; text-align:center; color:#fff; font-size:15px; border-radius:4px; margin-bottom:20px; }
.share_bj{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:999;}
.share_main{ position:fixed; left:5%; bottom:0; width:90%; height:90px; background:#fff; border-radius:6px; box-shadow:1px 1px 2px 2px rgba(0,0,0,0.05); z-index:1000;}
.share_main ul li{clear:both; line-height:45px; border-bottom:1px solid #ededed; font-size:14px; padding-left:15px; color:#777;}
.share_main ul li a,.share_main ul li a i{ color:#888;}
.share_main ul li:last-child{ border-bottom:none;}
.share_main ul li i { color:#888; padding-right:10px; font-size:20px;}

/* gaiban_view_new */
.topbar .dropdown-menu{border:1px solid #ffb804; box-shadow:none;}
.iconfont{font-family:"iconfont";font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.gnadd { border:1px solid #f1f1f1; background:#f9f9f9; color:#ffaf24; text-align:center; height:60px;line-height:55px;  font-size:14px; margin:20px 0 0;}
.gnadd:hover{ background:#fff; border:1px solid #ffaf24;}
.gnadd a {color:#ffaf24;}
.gnadd i { font-size:20px; padding-right:10px; }
.sumtj { height:170px; padding:20px 0; font-size:15px; text-align:center; color:#666; overflow:hidden;}
.sumtj h3 { font-size:25px; margin:20px 0;}
.sumtj p {  border-top:1px solid #ededed;padding-top:20px; color:#999;}
.portlet_tit{ width:100%; height:48px; border-bottom:1px solid #eae4e6; background:#f5f5f5; line-height:48px; font-size:15px; text-indent:1em; color:#333;}
.portlet_tit i{ float:right; margin-right:1em; color:#999; font-size:18px;}
.portlet_tit span{ color:#6d9dff; float:right; font-size:12px; padding-right:10px;}
.portlet_tit span a{color:#6d9dff;} 
.softdown ul li { padding:0 15px; line-height:22px; margin-bottom:20px;}
.softdown ul li:first-child{ margin-top:25px;}
.softdown ul li img {  float:left; border:1px solid #ededed; padding:3px; height:110px;width:110px;}
.softdown ul li h5 { font-size:14px; font-weight:bold; margin-bottom:10px;}
.msglist { margin:15px 15px 0; border-bottom:1px solid #ededed; padding-bottom:10px;}
.msglist ul li{ clear:both; width:100%; height:32px; line-height:32px; overflow:hidden; text-overflow:ellipsis;word-wrap:break-word; font-size:14px;}
.msglist ul li a{ color:#333;}
.sign_qd {float:left; width:110px; height:40px; border-radius:30px; background:#ffb804; color:#fff; text-align:center; line-height:30px; padding:5px 0; margin:20px 0 20px 20px; font-size:14px; cursor:pointer;}
.sign_qdA {float:left; width:110px; height:40px; border-radius:30px; background:#ccc; color:#fff; text-align:center; line-height:40px; margin:-5px 0 0 0; font-size:14px; cursor:default}
.portlet_tit ul li{ float:left; padding:0 20px; text-align:center; background:url("../images/vline.png")/*tpa=http://login.jiujiuke.net/assets/images/vline.png*/ right 14px no-repeat;  line-height:46px; font-size:15px; text-indent:0; margin-right:1px;}
.portlet_tit ul li a { color:#333;}
.portlet_tit ul li.active{ border-bottom:2px solid #5a8efc; color:#5a8efc;}
.portlet_tit ul li.active a{color:#5a8efc;}
.portlet_tit ul li:first-child{ margin-left:15px;}
.portlet_tit ul li:last-child{ background:none;}
.pad15 { padding:15px;}
#ulli .btn-warning { border-radius:35px;}
.nav > dropdown > li > a { line-height:20px;}
.navbar-nav > li.dropdown > a { text-align: center; padding:0 25px;}
.icon_text{margin-top:-24px; font-size:14px !important;line-height:16px; height:24px;}
.nav > li > a i.iconfont { font-size:24px !important; line-height:24px;}
ul.gwcshow li { border-bottom:1px dotted #ededed; margin:10px 15px 0; height:80px; font-size:14px !important;line-height:24px;}
ul.gwcshow li img{ float:left; width:65px; height:65px; margin-right:15px;}
ul.gwcshow li h4{ float:left; width:165px; font-size:14px !important;}
ul.gwcshow li .gwc_cz { float:right; text-align:right; width:100px; line-height:22px; color:#ffb804; }
ul.gwcshow li .gwc_cz h5{ line-height:22px; color:#999;}
ul.gwcshow li:last-child{ border-bottom:none;}
 ul.gwcshow li a { padding:0 !important;}
.gwcsum { background:#f5f5f5; padding:10px 15px; line-height:35px;}
.gwcsum a{ color:#548cff; font-size:14px; padding-left:15px;}
.gwcsum p{ float:right; padding:0 15px; background:#ffb804; color:#fff;}
.gwcsum p a{color:#fff;}
.pad15 { padding:15px;}
.msgtit{ color:#000; border-bottom:1px solid #ddd; font-size:15px;}
.msglb ul li { clear:both; border-bottom:1px solid #ededed; margin:0 15px; padding:15px 0; line-height:20px; color:#999; font-size:14px; height:auto;}
.msglb ul li a { color:#999; }
.msglb ul li:last-child{ border-bottom:1px solid #ddd;}
.tools ul li{ border-bottom:1px solid #ededed; line-height:50px; text-align:center; color:#999;}
.tools ul li a{ color:#999; display:block;}
.tools ul li:hover{ color:#ffb804;}
.down ul li { float:left; width:170px; margin:15px 0 15px 25px;}
.down ul li h5,.downsoft ul li h5{ margin-bottom:15px; padding-left:5px; color:#000;}
.down ul li div,.downsoft ul li div{ clear:both; font-size:12px; line-height:20px;padding-left:5px;}
.down ul li img,.downpic,.downsoft ul li img { width:140px; height:140px; padding:3px; border:1px solid #ededed; margin-bottom:15px; font-size:14px !important;}
.xiaztb {font-size:40px; margin-top:30px;height:50px; color:#999;}
.kfservice img { float:left; width:55px; height:55px; border-radius:50%; margin-right:10px;}
.kfservice h5{ float:left; line-height:55px; font-size:14px;}
.kfservice p { float:right; width:60px !important; text-align:center; border:1px solid #ffb804; color:#ffb804; height:24px !important; border-radius:24px; line-height:24px; margin-top:15px;}
.border_line { border-bottom:1px solid #ededed; height:1px;overflow:hidden;}
.qunewm img { width:170px; height:170px; padding:10px; border:1px solid #ededed; margin-bottom:5px; display:block;}
.qunewm h4 { font-size:14px !important; width:170px; text-align:center; color:#999;}
.dsnum ul li { float:left; width:115px; height:45px; background:#e1e1e1; color:#fff; font-size:14px; text-align:center; margin:0 30px 10px 0; line-height:45px; }
.dsnum ul li:nth-child(3n+3){ margin-right:0;}
.dsnum ul li.active { background:#ffb804; }
.dssm img{ float:left; width:170px; height:170px; padding:10px; border:1px solid #ededed;}
.dssm h5{ float:left; margin-left:15px; line-height:170px; color:#999; }
.dropdown .fktit a { color:#999 !important;}
.tjan,.tjqx{ width:120px; height:40px; }
.tjqx { border:1px solid #ddd; color:#999; background:#fff;}
.m-l-20 { margin-left:20px;}
.breadcrumb{ background:#fff;}
.view_left { position:relative; margin-right:310px;}
.view_right { float:right;width:310px;}
.infor_bj{position:absolute; left:0; top:0; width:100%; height:170px; background:#000; opacity:0.6; z-index:999;}
.infor_main{position:absolute; left:0; top:30px; width:100%; height:170px; z-index:1001; color:#fff; text-align:left; line-height:32px;}
.infor_main label{ width:50%; text-align:right; font-weight:normal;}
.inforShow,.NumShow { display:none;}
/*.popover-content{ width:400px !important;}*/
.InforContent label{ width:80px; text-align:right;}


/* quickmenuEdit */
.gnadd i.fa { position:absolute; right:-8px; top:-8px; font-size:24px; color:#f72566; padding-right:0; z-index:99; background:#fff;}
.editmenu .gnadd i.fa { color:#548bff;}
.title{ font-size:14px; border-left:4px solid #588dfd; line-height:14px; padding-left:10px;}
/* softdown */
.down ul li { margin:15px 0 15px 15px;}
/* notice */
.newstit { height:45px; line-height:42px; border-bottom:1px solid #ededed;}
.newstit ul li { float:left; padding:0 15px; margin:0 20px; font-size:16px; color:#888; cursor:pointer;}
.newstit ul li.active { border-bottom:3px solid #ffb804; line-height:42px; color:#ffb804;}
.notice ul li:last-child{ margin-bottom:10px;}
.m-l-50{ margin-left:50px;}
.notice ul li a:hover{ color:#ffb804;}
/* question */
.question { margin:15px;}
.question ul li{ clear:both; margin-bottom:20px; font-size:14px; line-height:26px;}
.question ul li:first-child{ margin-top:30px;}
.col_q{ color:#51c73d;}
.col_a{color:#ffa804;}
.jifsign{letter-spacing:1px;}
#sign .modal-header{margin: 15px 15px 0; padding-top: 15px; border-bottom: 1px solid #fff;}
#sign .close{color: #fff; opacity: 1; font-size: 24px;font-weight: normal;}
.sign_main { width:650px; margin:30px auto 50px;}
.sign_jilu ul li{ float:left;  width:73px; height:73px; border:2px solid #ddd; background:#999473; border-radius:50%; line-height:72px; text-align:center; margin:20px 18px 15px 0; font-size:24px; color:#333;}
.sign_jilu ul li.active{ background:#ff7900; border:2px solid #ca6a06; color:#fff;}
.sign_jilu ul li:nth-child(7n+1){ margin-left:10px; }
.newsxh .swiper-container { float:left; width: 280px;height: 70px;}
.newsxh .swiper-slide {font-size:14px;line-height:70px;padding-left:40px; width:310px; height:70px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; background:#2b4049; text-align:left !important;}
.newsxh .swiper-slide a{ text-decoration:none; color:#ffb804;}
.newsxh .swiper-container-vertical>.swiper-pagination-bullets{left:10px; right:0;}
.newsxh .swiper-pagination-bullet{ background:#fff; opacity:0.9;}
.newsxh .swiper-pagination-bullet-active{ background:#ffb804 !important;}
.open-left{ position:fixed;left:176px; top:80px; width:28px; height:31px; z-index:999;}
/* left-menu */
#sidebar-menu li { border-bottom:1px solid #e5e5e5;}
#sidebar-menu > ul > li > a:hover {background: #ffaf24;text-decoration: none;color:#fff !important;}
#sidebar-menu > ul > li > a.active { background: #ffaf24; text-decoration: none;color:#fff !important;}
a.bgbj {background: #ffaf24; color:#fff !important;}
a.bgbj i { color:#fff !important;}
#sidebar-menu > ul > li > a:hover > i{ color:#fff !important;}
#sidebar-menu ul ul li:last-child{ border-bottom:none;}
#sidebar-menu > ul > li > a > em{ float:right; font-size:20px;}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a {background-color: #ffaf24 !important;position: relative;width: 260px;color: #fff !important;}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a span { color: #fff !important;}
#sidebar-menu li.youxiao{ position:fixed; bottom:5px; left:0; width:176px; z-index:999; font-size:12px; border-bottom:none; text-indent:20px}
#sidebar-menu li.youxiao span{ border:1px solid #ffb804; border-radius:24px; line-height:24px; padding:1px 6px; color:#ffb804; margin-left:5px; font-size:12px;}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li.youxiao { display:none;}

/* 二级菜单 */
.nav.nav-tabs{ background:#fff; box-shadow:0px 2px 2px 2px rgba(0,0,0,0.03); margin-bottom:20px; padding-top:10px;}
.set-right .nav.nav-tabs{padding-top:0;}
.nav.nav-tabs > li.active > a{ background:#ffb804; color:#fff !important; font-weight:normal; padding: 0 20px;}
.website{ color:#888; line-height:32px; margin:10px 0;}
.website i{ font-size:12px; padding:0 5px;}
.website span{ color:#000;}
/*第四级菜单*/
.four-level-menu{width: 100%;background: #f9f9f9;border-bottom: 1px solid #e1e1e1;}
.four-level-menu ul li{display:inline-block;margin: 0 30px;padding: 10px 0;}
.four-level-menu ul li.active, .four-level-menu ul li:hover{color: #ffaf24;border-bottom: 3px solid #ffaf24;display:inline-block; cursor:pointer;}
/* 弹框修改 */
.modal-footer .btn{ border-radius:0 !important; /*padding-left:30px; padding-right:30px; height:40px;*/}
.modal-footer .btn-default{ border:1px solid #cdcdcd; color:#bbb !important; background:#fff !important;}
.modal-footer button:last-child{ margin-right:15px;}
.modal-body{ max-height:420px; overflow-y:scroll;}
@media only screen and (max-width: 1160px) {
    .newsxh{ display:none;}
}
/*@media only screen and (width: 1024px) {
    .modal-body{ max-height:350px; overflow-y:scroll;}
}
@media only screen and (min-width: 1025px) and (max-width: 2100px){
    .modal-body{ max-height:780px; overflow-y:scroll;}
}*/

/* 表单 */
.bggray .form-control,.bggray .btn,.bdbj .form-control,.bdbj .btn{ height:45px;}
.bggray .form-control, .bdbj .form-control{   background:#fff;}
.textarea.form-control { height:auto;} 
.bggray .input-group-btn:last-child>.btn,.bdbj .input-group-btn:last-child>.btn {}
.bggray .input-group-btn:last-child>.btn i,.bdbj .input-group-btn:last-child>.btn i{ font-size:22px;}
.form-control{ background:#fff !important;}
.bd_left{ float:left; width:90px; margin-left:40px; font-weight:normal; text-align:right;}
/* 按钮 */
.btn_opera{ line-height:22px; padding:0 10px; border-radius:28px; margin:5px 5px 0 0; background:#fff;}
.btn_opera:last-child{ margin-right:0;}
.btn_opera[disabled]{border:1px solid #cdcdcd; color:#cdcdcd;}
.btn_blue { color:#558ffd; border:1px solid #558ffd;}
.btn_green { color:#3cc118; border:1px solid #3cc118;}
.btn_rose{ color:#f92265; border:1px solid #f92265;}
.btn_gray { color:#cdcdcd; border:1px solid #cdcdcd;}
.btn_orange { color:#fcae28; border:1px solid #fcae28;}
.btn-search{ height:36px; padding:0 30px; line-height:36px; color:#fff; border-radius:36px; background:#ffaf24;}
.btn-reset{ height:36px; padding:0 30px; line-height:36px; color:#fff; border-radius:36px; background:#dfdfdf;}
/* 表格 */
.table>thead>tr>th {border-bottom: 1px solid #ddd !important;background: #f9f9f9; font-weight: normal;}
.table-bordered > tbody > tr > td{ vertical-align:middle;}
.form-control::-webkit-input-placeholder{color:#cdcdcd;}
.form-control::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#e6e6e6;}
.form-control:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#e6e6e6;}
.form-control:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#e6e6e6;}
.fixed-table-container {border:none !important;}
/* 分页 */
.nav_pagination{ font-size:14px; color:#666; float:right; text-align:right; line-height:32px;}
.nav_pagination button {border:2px solid #e2e2e2; line-height:26px; font-size:14px; background:#fff; padding:0 5px; height:30px;}
.btn-prv{  margin:0 5px 0 20px;}
.btn-next{ margin:0 20px 0 0;}
.btn-prv i, .btn-next i{ font-size:14px;}
.nav_pagination input[type="number"]{ width:50px; line-height:30px; height:30px; margin:0 10px 0 5px;border:2px solid #e2e2e2; font-size:14px;}

/* 开启toogle */
.toggle.btn{ min-width:100px !important; border:none !important; height:35px !important; padding-right:0 !important; border-radius:35px;}
.toggle-handle.btn{border-radius:35px;}
.toggle-group .toggle-handle.btn{ border-radius: 35px; margin-left: 35px; width: 35px; height: 35px;}
.btn-warning .toggle-group .toggle-handle  {padding-left: 90px;}
.btn-default.active:hover {color:#666;background-color:#f5f5f5;border-color:#ededed;}

/* 会员集点 */
.btn-set,.icon-search{ background:#ffb804; color:#fff; line-height:34px; height:34px; padding:0 10px; box-shadow:none;}
.btn-set:hover{ background:#ffaf24; box-shadow:none; color:#fff;}
.icon-search:hover{ box-shadow:none; color:#fff;}
.btn-set .iconfont{ font-size:16px;}
.btn-radius{ border-radius:34px !important; padding-left:20px; padding-right:20px;}
.btn-gray{ background:#dfdfdf; color:#fff;}
.btn-gray:hover{color:#fff;}

/* 新人有礼 */
.rili_tb{ position:absolute; right:18px; top:0; font-size:24px; color:#ddd;}
.favourable{ border:1px solid #eee; height:34px; line-height:34px; border-right:none; overflow:hidden;}
.favourable ul li.active { background:#ffaf24; color:#fff;}
.favourable ul li{ border-right:1px solid #eee; display:inline-block; cursor:pointer;}
.favourable ul li:last-child{ border-right:none;}
.increase #SoftWareList li div.over,.agent ul#GoodsTable li div.over{ position:absolute; left:0; bottom:0; height:30px; width:100%; line-height:30px; background:#ffb804; color:#fff; text-align:center; z-index:999;}
.agent ul#GoodsTable li { height:270px;}
/* goodscashier */
.bggray{background:#f9f9f9; overflow:auto;}
.p-t-15{ padding-top:15px;}
.input-group input::-webkit-input-placeholder{color:#e6e6e6;}
.input-group input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#e6e6e6;}
.input-group input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#e6e6e6;}
.input-group input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#e6e6e6;}
.product_nav { width:100%; height:45px; background:#f1f1f1; overflow:hidden; line-height:45px;}
.product_nav .swiper-button-prev,.swiper-button-next{ background:none !important; color:#ffaf24;}
.product_nav .swiper-button-prev {left:5px !important;}
.product_nav .swiper-button-next {right:0 !important;}
.product_nav .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { color:gray; opacity:0.4;}
.product_name ul li { padding:0 10px 0 0; text-align:center; font-size:14px;}
.product_name ul li.active a{ color:#ffaf24;}
.product_list ul li{ padding:0; font-size:14px;}
.product_list ul li .product{ border:1px solid #e2e2e2; height:80px; margin:0 0 10px 10px;background:#fff;}
.product_list ul li .product img{ width:100%; height:80px;}
.product_list ul li .product h4{ clear:both; width:100%; height:25px; line-height:25px; font-size:14px; height:30px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.product_list ul li .product p { color:#ffaf24;}
.product_list ul li .product h5 { margin-top:10px; color:#ff2965; float:left;}
.product_list ul li .product span.bgfl{ background:#ff2965; color:#fff; padding:1px 3px; border-radius:3px; margin-right:5px; }
.product_list ul li .product p.blue{ color:#5592ff;}
.product_list ul li .product p.green{ color:#50c93c;}
.product_list ul li .product p.meihong{color:#f96fc4;}
.blue{color:#5592ff;}
.mem_level { background:#5592ff; color:#fff; border-radius:4px; font-size:12px; padding:2px 5px;}
.mem_tags ul li{ float:left; border:1px solid #e1e1e1; line-height:24px;  margin:0 10px 10px 0; padding:2px 8px; color:#aaa;}
.border_hui{ border:1px solid #e1e1e1; padding-left:10px;}
.product_item { margin:0 10px;}
.product_item ul li { border-bottom:1px dashed #e1e1e1; padding:15px 0; overflow:auto; line-height:24px;font-size:14px;}
.product_item ul li h5 { clear:both; width:100%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; font-size:14px; }
.sybd input{float:left; border:none; width:40px; background:none; text-align:center; font-size:14px; margin-top:5px;}
.sybd button{ border:none; background:none; margin-top:5px;}
.sybd button i {color:#5592ff; }
.jine .form-control,.jine2 .form-control { border:none; background:none !important; line-height:35px; height:35px; padding:0; }
.jine .form-control {color:#da275f;}
.jine i,.jine2 i{ position:absolute; right:5px; top:8px; font-size:20px; color:#999; display:none;}
.jine2 i {right:40%;}
.jine:hover i,.jine2:hover i{ display:block;}
.iconfont.cancel_btn{ font-size:22px; color:#999;}
.paypal{ background:#f1f1f1; padding:15px; overflow:auto;}
.btn-cashier,.btn-accounts{ height:55px; width:100px; line-height:55px; text-align:center; font-size:15px; border-radius:4px; background:#fff; margin-right:10px;}
.btn-cashier:first-child{ border:1px solid #ff504b; color:#ff504b; margin-left:10px;}
.btn-cashier:first-child:hover, .btn-cashier:first-child:active{background:#ff504b; color:#fff;}
.btn-cashier:nth-child(2){ border:1px solid #5a8efc; color:#5a8efc;}
.btn-cashier:nth-child(2):hover, .btn-cashier:nth-child(2):active{background:#5a8efc; color:#fff;}
.btn-cashier:nth-child(3){ border:1px solid #3ec31c; color:#3ec31c;}
.btn-cashier:nth-child(3):hover, .btn-cashier:nth-child(3):active{background:#3ec31c; color:#fff;}
.btn-accounts{ float:right; width:120px; background:#ffaf24; color:#fff;}
.staff_list dd{float:left; margin:10px 25px 0 0; padding:0 10px; background:#ffe8be; line-height:24px; position:relative;}
.staff_list dd i{  position:absolute; right:-10px; top:-10px;z-index:99; color:#888; font-size:20px;}
/*QuickCashier*/
.pdlr{ padding-left:10px; padding-right:10px;}
.memlist ul li:first-child{ border-top:1px solid #eeeeee;}
.memlist ul li{ border:1px solid #eee; border-top:none; padding:15px 10px; background:#fff; line-height:20px; height:70px; overflow:hidden; font-size:14px; color:#666;}
.memlist ul li img{ width:40px; height:40px; border-radius:50%; background:#f1f1f1;}
.memlist ul li:hover,.memlist ul li.active{ background:#ffaf24; color:#fff;}
.shaicha ul li{ float:left; padding:0 8px; margin-right:15px;cursor: pointer; line-height:24px; margin-top:4px;}
.shaicha ul li.active{ background:#ffaf24; color:#fff;}
.tb_sort{ line-height:45px; font-size:24px; color:#ffaf24;}
#ScreenDiv{ background: #f9f9f9;border: 1px solid #e2e2e2;overflow: auto;padding: 25px 20px 10px;}
span.order_zt{ position:absolute; right:0; top:0; padding:2px 8px; color:#fff;}
span.order_zt.normal{ background:#8bdd77;}
span.order_zt.cancel{ background:#ff9199;}
span.order_zt.return{ background:#ffa2d9;}
span.order_zt.stay{ background:#9cbbfc;}
.mem_infor img { float:left; width:90px; height:90px; border-radius:50%; border:1px solid #ededed;}
span.mem_level{ padding:0 5px; margin:0 10px; background:#f44bb0; color:#fff;}
.btn_yq { background:#fff; padding:1px 8px !important;}
/* FixedCashier CountCashier */
.mem_dengji{ padding:0 5px; background:#5393ff; line-height:20px; color:#fff; border-radius:5px; display:inline-block;}
.mem_tagbq span { border:1px solid #ddd; margin:0 10px 10px 0; padding:0 10px; line-height:25px; display:inline-block; font-size:12px; color:#888;}
.salebj{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:999;}
.sale_tips { position:fixed;top:50%; left:50%; margin-top:-25px; z-index:1001; margin-left:-150px; background:#fffbe2; border-radius:5px; line-height:50px; font-size:16px; width:300px; text-align:center; color:#333; letter-spacing:1px; }
/*新版提成员工树*/
.ulProd {
    vertical-align: top !important;
}
.ulProd > ul{           
    margin-bottom: 0px;
}
.ulProd ul > li {
    list-style-type:none;
    margin:0;
    padding: 15px 0px 5px 5px;
    position:relative;
    cursor: pointer;
}
.ulProd ul > li.active,.ulProd ul > li i.active {
    color:#ffaf24;
}
.ulProd li ul >li{
    list-style-type:none;
    margin:0;
    padding:15px 0px 0 15px;
    position:relative;
    left: 20px;
}
.ulProd li ul >li::before, .ulProd li ul >li::after {
    content:'';
    left:-10px;
    position:absolute;
    right:auto
}
.ulProd li ul >li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.ulProd li ul >li::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:20px
}
.ulProd li>span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    /* border:1px solid #999; */
    border-radius:5px;
    display:inline-block;
    padding:0px 0px;
    text-decoration: none;
    width: 21px;
    height: 21px;
    background-image: url("../plugins/zTreeMetroStyle/img/metro.png")/*tpa=http://login.jiujiuke.net/Assets/plugins/zTreeMetroStyle/img/metro.png*/;
}
.ulProd li.parent_li>span {
    cursor: pointer;
}
.ulProd li:last-child::before {
    height:25px;
            
}
.ulProd li>span.treeopen {
        background-position: -105px -44px;
}
.ulProd li>span.treeclose {
    background-position: -126px -44px;
}
.pointer {
    cursor: pointer;
}
.borderGray {
    border: 1px solid #e1e1e1 !important;
}
#tabDeptStaff .checkbox-danger {
    width: 20px;
    margin-left: 38px;
}
.pstime{ float:left; width:49%;}
.psjg { float:left; width:2%;}
.riliA{ position:absolute; top:5px; right:15px; font-size:18px; color:#888;}
.daytime { border-top:1px solid #ddd; border-right:1px solid #ddd; width:201px; height:155px; position:absolute; right:10px; top:33px; z-index:999; }
.daytime ul li{width:100px; text-align:center;line-height:30px; background:#f8f8f8; border-left:1px solid #ddd; border-bottom:1px solid #ddd; }
.daytime ul { float:left;}
.daytime ul li.active,.weektime ul li.active,.monthtime ul li.active { background:#ffaf24; color:#fff;}
.weektime{border-top:1px solid #ddd; border-right:1px solid #ddd; width:352px; height:50px; position:absolute; right:10px; top:33px; z-index:999; }
.weektime ul li{ float:left; width:50px; height:40px; line-height:40px; text-align:center;border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#f8f8f8; cursor:pointer; }
.monthtime ul li{ float:left; width:50px; height:40px; line-height:40px; text-align:center;border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f8f8f8; color:#666; cursor:pointer;}
.monthtime{width:352px; height:auto; position:absolute; right:10px; top:33px; z-index:999; border-top:1px solid #ddd; border-left:1px solid #ddd; }
.xf_aa h4 label{clear: both; width: 100%;line-height: 30px;height: 30px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; margin-bottom: 0;}
.memif_bj{background: #f8f8f8; height:75px;padding-top:15px;}
/*页面common*/
.mainContent { margin:0 0 0 20px;}
.nav-tabs > li:first-child{ margin-left:35px;}
.set-right .nav-tabs > li:first-child{ margin-left:0;}
#sidebar-menu > ul > li:first-child > a{padding:19.5px 25px;}
.tableFixed {table-layout: fixed;}
.page_title ul li a{ font-size:14px;}
/* 新人礼包开店流程 */
.openstep{ border-bottom:1px solid #ffb023;padding:20px 30px; overflow:auto;}
.openstep .stepnum{ float:left; width:120px; height:50px; line-height:50px; text-align:center; border-radius:8px; font-size:14px; cursor:pointer;}
.step_img{ float:left; width:35px; height:22px; margin:15px 16px; background:url("../images/jiantou.jpg")/*tpa=http://login.jiujiuke.net/assets/images/jiantou.jpg*/ no-repeat;}
.openstep #shop_mem{ color:#ffb51e; border:1px solid #ffb51e;}
.openstep #shop_mem.active{ color:#fff; background:#ffb51e;}
.openstep #shop_hud{ color:#42c61a; border:1px solid #42c61a;}
.openstep #shop_hud.active{ color:#fff; background:#42c61a;}
.openstep #shop_ok{ color:#588dff; border:1px solid #588dff;}
.openstep #shop_ok.active{ color:#fff; background:#588dff;}
.openstep #shop_buy{ color:#f561bf; border:1px solid #f561bf;}
.openstep #shop_buy.active{ color:#fff; background:#f561bf;}
.openshop_bj{ background:#f9f9f9; padding:20px 25px; overflow:auto;}
.openshop_kk { float:left; border:1px solid #eee; width:332px; height:170px; background:#fff; margin-top:20px; padding:15px;}
.openshop_kk:nth-child(even) {margin-right:30px;}
.openshop_kk dl{ border-top:1px solid #f1f1f1; padding-top:15px;}
.openshop_tit em { float:left; border-left:3px solid #f561c3; line-height:15px; padding-left:12px; font-weight:bold; font-size:15px; margin-top:10px;}
.openshop_tit span{ width:100px; text-align:center; border:1px solid #ffb51e; border-radius:35px; line-height:35px; color:#ffb51e; float:right; font-weight:normal; font-size:12px;cursor:pointer;}
.openshop_tit span:hover{background:#ffb51e; color:#fff;}
.openshop_tit span.green{border:1px solid #42c61a; color:#42c61a;}
.openshop_tit span.green:hover{ background:#42c61a; color:#fff;}
.openshop_tit span.blue{border:1px solid #588dff; color:#588dff;}
.openshop_tit span.blue:hover{ background:#588dff; color:#fff;}
.openshop_tit span.pink{border:1px solid #f561bf; color:#f561bf;}
.openshop_tit span.pink:hover{ background:#f561bf; color:#fff;}
.openshop_kk dl dd{ line-height:24px; color:#666;}
.sys_ewm{ float:left; width:120px; height:120px; padding:5px; background:#fff;}
.bag_main{ padding:20px 20px 0;}
.newbag{ clear:both; width:700px; margin:30px auto 10px; background:#fff; overflow:auto; padding:10px 10px 0;}
.newbag ul li{ float:left; background:#f92265; padding:10px 20px; width:335px; font-size:14px; line-height:32px;  margin:0 0 10px;}
.newbag ul li:nth-child(odd){ margin-right:10px;}
.newbag ul li h3{ font-size:15px; margin-bottom:5px; }
.newbag ul li h3 span { font-size:35px;}
.success_get { padding:100px 0;}
.new_task {float:left; width:110px; height:40px; border-radius:30px; background:#588dff; color:#fff; text-align:center; line-height:30px; padding:5px 0; margin:20px 0 20px 20px; font-size:14px; cursor:pointer;}

/* 会员详情 */
.mem_num{ font-size:14px;}
.mem_num span{ background:#fb2666; color:#fff; border-radius:4px; padding:0 5px;}
.meminfor ul li { line-height:32px; font-size:14px; color:#666;}
.meminfor ul li span{float:left; width:80px;}
.meminfor ul li em{ color:#fb2666; }
.tb_edit a{ color:#bbb; font-size:35px; float:right; margin:0 20px 15px 0;}

.guide_cue{ position:fixed; left:50%; top:0; margin-left:-365px;width:745px; height:60px; background:#fdd590; border:1px solid #ffaf1f; line-height:60px; z-index:999; font-size:14px; color:#000; padding:0 15px;}
.guide_cue span{ float:left; background:#588dff; color:#fff; border-radius:8px; line-height:28px; padding:5px 15px; margin-top:10px;}
.guide_cue i{ float:right; font-size:24px; color:#666; height:60px; cursor:pointer;}
.guide_cue p{ float:right;}
.guide_cue span a { color:#fff;}

/*页面弹出气泡  开始*/
.guide_cue_view{ position:absolute; left:50%; top:59px; margin-left:-365px; height:60px; background:#fdd590; border:1px solid #ffaf1f; line-height:60px; z-index:999; font-size:14px; color:#000; padding:0 15px;}
.guide_cue_view span{ float:left; background:#588dff; color:#fff; border-radius:8px; line-height:28px; padding:5px 15px; margin-top:10px;margin-left: 10px;}
.guide_cue_view i{ float:right; font-size:24px; color:#666; height:60px; cursor:pointer;margin-left: 10px;}
.guide_cue_view p{ float:right;}
.guide_cue_view span a { color:#fff;}
.f16 { font-size:16px; }
.fa-question-circle { font-size: 21px; }
.layui-layer-tips a { color: #588dff; }
/*页面弹出气泡  结束*/
.btn_buy{ clear:both; width:150px; margin:15px auto 0; color:#fff; border-radius:5px;background:#588dff; line-height:20px; padding:10px 0; text-align:center;}
.btn_buy a{ color:#fff;}

.newsxh .swiper-pagination {width:10px;}
#datatable-responsive .popover-content{ width:auto !important;}
.btn-gray { border: 1px solid #cdcdcd !important; color: #bbb !important; background: #fff !important;}
.btn-padding { padding:0 40px; line-height:38px;}
.checkbox, .radio {margin-top:-5px;}
dl.zhuce { border:1px solid #ededed; padding:20px; margin-bottom:20px; overflow:auto;}
dl.zhuce dt { font-size:15px;font-weight:bold; line-height:60px;}
dl.zhuce dt span { float:left; width:120px;border-right:1px solid #ededed; }
dl.zhuce dd { margin-top:30px;}

/* 弹出框 */
.mask-layer{background:#000;position: fixed;z-index: 10001;top:0;left:0;text-align:center;}
.layer-success, .layer-error{background: #fff;color: #333;font: 16px;border-radius: 5px;position: fixed;top: 50%;z-index: 10002;padding:10px;margin:auto;width:20%;left:50%;margin-left:-10%;box-shadow: 0 0 5px rgba(0,0,0,0.15);}
.layer-success p, .layer-error p{text-align: center;font-size:14px;}
.layer-success i, .layer-error i{font-style: normal;}
.layer-success span, .layer-error span{width: 36px;height: 36px;border-radius: 50%;color: #fff;margin-right: 10px;font-size: 20px;display: inline-block;text-align: center;line-height:35px;}
.layer-success span{background: #56be33;}
.layer-error span{background: #ff6166;}
#GoodsListDataProfitLoss table,#GoodsListDataCannibalize table,#ReportListData table,#datatable-responsive table,#tbl_PointsExchange table{ border:1px solid #dcdcdc;}
.table_child table {border:1px solid #dcdcdc;}
#tbl_GoodsList td { word-break:break-all;}
.modal-footer .btn-warning a { color:#fff;}
.modal-footer .btn-default a { color:#999;}
.daterangepicker .calendar th, .daterangepicker .calendar td { font-family: Microsoft Yahei !important;}
.context_main { word-break:break-all;}
.smstips { position:absolute; bottom:10px;right:10px;}
.smskd { width:150px;}
.bootstrap-table { background:#fff;}
.sms_left{float:left; width:370px;}
.sms_right { float:left; width:310px; margin-left:40px;}
.col_blue{color:#0277ff}
.col_orange{color:#ffaf24}
.product_dw1{position:absolute; right:35px; bottom:2px; width:90px; z-index:1001;}
.product_dw2{position:absolute; right:0; bottom:2px; width:30px; z-index:1001;}
.shifou ul li{ float:left; padding:0 10px; background:#e1e1e1; color:#fff; line-height:25px; margin-top:2px; cursor:pointer;}
.shifou ul li.active{background:#ffaf24;}

/*商品核销*/
.goods-cancel{padding: 20px;background: #f7f7f7;display: flex;}
.goods-cancel .left{flex:0 0 180px;height: 180px;overflow: hidden;}
.goods-cancel .left img{width: 100%;}
.goods-cancel .right{padding-left: 30px;box-sizing: border-box;flex:1;}
.goods-cancel .right .top{border-bottom: 1px solid #e1e1e1;padding-bottom: 12px;}
.goods-cancel .right .top .pro-title{font-size: 18px;color: #333;}
.goods-cancel .right .top ul{margin: 10px 0 0 0;}
.goods-cancel .right .top ul li{display: inline-block;color: #666;padding: 0;}
.goods-cancel ul li span{padding-left: 6px;}
.goods-cancel .right .top ul .pro-price span{color: #f40;}
.goods-cancel .right .below{margin-bottom: 10px;}
.goods-cancel .right .below .order-num{font-size: 16px;margin: 10px 0;}
.goods-cancel .right .below ul li{display: block;margin-bottom: 5px;}
.goods-cancel .right .below ul .total span{color: #f40;}
.cancel-btn{background: #ffaf24;padding: 15px 40px;border-radius: 5px;color: #fff;margin-left: 210px;margin-top: 50px;margin-bottom: 50px;}
/*订单核销*/
.order-cancel{background: #f7f7f7;padding: 20px;}
.order-cancel .order-mun{width: 100%;border-bottom: 1px solid #e1e1e1;padding-bottom: 10px;font-size: 16px;color: #333;margin-bottom: 10px;}
.order-cancel .pro-list .pro{display: flex;margin-bottom: 15px;border-bottom: 1px dashed #e6e6e6;padding-bottom: 10px;}
.order-cancel .pro-list .pro:last-child{border-bottom:0;margin-bottom: 0;}
.order-cancel .left{flex:0 0 180px;height: 180px;overflow: hidden;}
.order-cancel .left img{width: 100%;}
.order-cancel .right{padding-left: 30px;box-sizing: border-box;flex:1;}
.order-cancel .right .pro-title{font-size: 16px;color: #333;}
.order-cancel .right .ul-all{margin: 10px 0;}
.order-cancel .right .ul-all li{color: #666;display: inline-block;padding: 0;margin: 0 0 10px 0;}
.order-cancel .right .ul-all .pro-price span, .order-cancel .right .ul-all .total span{color: #f40;}
.goods-cancel .tc-input input, .order-cancel .tc-input input{height: 36px;overflow: hidden;}
.overbuy{ position:absolute; left:0; bottom:0; width:100%; height:30px; background:#ffaf24; line-height:30px; color:#fff;}