/*
$brand-primary:         #008cd6 !default;
$brand-success:         #5cb85c !default;
$brand-info:            #5bc0de !default;
$brand-warning:         #f0ad4e !default;
$brand-danger:          #d9534f !default;
*/
.clear:after{
    content: '';
    display: block;
    clear: both;
    height: 0;
}
a:hover, a:focus{
    text-decoration: none;
}
*,div{
    position: relative;
}
.tb{
    display: table;
}
.tb .tr{
    display: table-row;
    text-align: left;
}
.td{
    vertical-align: middle;
    display: table-cell;
}
table,tr,td,th,thead,tbody,tfoot,.tr{
    position: static;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.tl{
    text-align: left;
}
.tc{
    text-align: center;
}
.tr{
    text-align: right;
}
img{
    width: 100%;
    vertical-align: middle;
}
span{
    vertical-align: middle;
}
.nowrap{
    white-space: nowrap;
    word-break: break-all;
}
textarea{
    resize: none;
    width: 100%;
    border: 1px solid #C9C9C9;
}
input,select{
    vertical-align: middle;
    border: 1px solid #008cd6!important;
    display: inline-block!important;
}
input[disabled],select[disabled]{
    border: 1px solid #ccc!important;
}
input.inline{
    display: inline-block;
}
.lc-hide{
    visibility: hidden;
}
.order-btn .btn-info{
    border: 0;
    background: #B2DCF4;
    color: #008cd6;
    padding: 10px 20px;
    border-radius: 6px;
    outline: 0;
}
.order-btn span{
    vertical-align: middle;
}
.order-btn .glyphicon{
    font-size: 20px;
    margin-right: 10px;
}
.lc-btns{
    background:  #E7E7E7;
    padding: 12px 0;
}
.lc-btn{
    cursor: pointer;
    background: #fff;
    color: #008cd6;
    padding: 3px 14px;
    border-radius: 4px;
    margin-right: 70px;
    display: inline-block;
}
.lc-btns a{
    display: inline-block;
    margin-right: 70px;
}
.lc-btns a>.lc-btn{
    margin-right: 0;
}
/*消息提示*/
#lc-loading{
    top:50%;left:50%;margin-left:-60px;margin-top:-15px;position:fixed;width:120px;z-index:99999;font-size: 0;
}
#lc-alert-bg,#lc-confirm-bg,#lc-alert>.lc-inline,#lc-confirm>.lc-inline{
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}
#lc-alert-bg,#lc-confirm-bg{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    background: #000;
    opacity: 0;
    filter: Alpha(opacity=0);
    display: none;
}
#lc-alert-bg.active,#lc-confirm-bg.active{
    opacity: 0.6;
    filter: Alpha(opacity=60);
}
#lc-msg,#lc-alert,#lc-confirm{
    position: fixed;left: 0;right: 0;z-index: 9999;text-align: center;display: none;top: 50%;
}
.lc-inline{
    display:inline-block;
    *display:inline;
    *zoom:1;
}
#lc-msg>.lc-inline{/*IE7*/
    text-align: justify;
    background: #000;
    color: #fff;
    padding: 8px 30px;
    margin: 0 15px;
    border-radius: 8px;
    opacity: 0;
    filter: Alpha(opacity=0);
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}
#lc-msg.active>.lc-inline{
    opacity: 1;
    filter: Alpha(opacity=100);
}
#lc-alert>.lc-inline,#lc-confirm>.lc-inline{
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #fff;
    transform:scale(0.8);
    -ms-transform:scale(0.8); 	/* IE 9 */
    -moz-transform:scale(0.8); 	/* Firefox */
    -webkit-transform:scale(0.8); /* Safari 和 Chrome */
    -o-transform:scale(0.8); 	/* Opera */
    opacity: 0;
    filter: Alpha(opacity=0);
}
#lc-alert.active>.lc-inline,#lc-confirm.active>.lc-inline{
    transform:scale(1);
    -ms-transform:scale(1); 	/* IE 9 */
    -moz-transform:scale(1); 	/* Firefox */
    -webkit-transform:scale(1); /* Safari 和 Chrome */
    -o-transform:scale(1); 	/* Opera */
    opacity: 1;
    filter: Alpha(opacity=100);
}
#lc-alert>.lc-inline .lc-inline-html,#lc-confirm>.lc-inline .lc-inline-html{
    padding: 10px 30px;
    border-bottom: 1px solid #dedede;
}
#lc-alert-sure{
    color: #0e90d2;
    cursor: pointer;
    padding: 10px 30px;
}
#lc-confirm .lc-confirm-btn:after{
    display: block;
    content: '';
    clear: both;
}
#lc-confirm .lc-confirm-btn>div{
    float: left;
    width: 50%;
    color: #0e90d2;
    cursor: pointer;
    padding: 10px 0;
    margin-left: -1px;
    border-left: 1px solid #dedede;
}
/*消息提示*/
/*common-layer*/
ul,li{
    padding: 0;
    margin: 0;
    list-style: none;
}
.common-menu,.common-menu-bg{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 200px;
    z-index: 3;
    color: #fff;
    overflow: hidden;
}
.common-menu-bg{
    content: '';
    display: block;
    background: #008cd6;
    z-index: 2;
}
.common-menu>ul{
    width: 218px;
    height: 100%;
    padding-top: 70px;
    padding-bottom: 50px;
    overflow-y: scroll;
}
.common-menu .fl .glyphicon{
    font-size: 16px;
    padding-right: 10px;
}
.common-menu .fr .glyphicon{
    font-size: 16px;
    transition: all .3s;
    -webkit-transition: all .3s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.common-menu .fr .glyphicon.active{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.common-menu a{
    cursor: pointer;
    color: #fff;
    display: block;
}
.common-menu>ul>li>a{
    padding: 15px;
}
.common-menu>ul ul{
    display: none;
    transition: all .4s;
    -moz-transition: all .4s; /* Firefox 4 */
    -webkit-transition: all .4s; /* Safari 和 Chrome */
    height: 0;
    overflow: hidden;
}
.common-menu>ul ul a{
    padding: 8px 0 8px;
}
.common-menu ul ul li>a{
    padding-left: 41px;
}
.common-menu ul ul ul li{
    padding-left: 41px;
}
.common-menu a:hover,.common-menu a.active{
    background: #026CA6;
}
.common-header,.common-nav,.main{
    padding-left: 200px;
}
.common-header{
    height: 70px;
    background: #008cd6;
    z-index: 1;
}
.common-header .fl img{
    width: auto;
    height: 54px;
    margin: 8px 0;
}
.common-header-list{
    color: #fff;
    font-size: 14px;
    padding:25px 0 15px;
}
.common-header-item{
    float: left;
    height: 30px;
    line-height: 30px;
    padding:0 15px;
}
.common-header-item-line{
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.common-header-item .glyphicon{
    font-size: 24px;
    cursor: pointer;
    top: -2px;
}
.common-nav{
    background: #E7E7E7;
}
.common-container{
    min-width: 900px;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
}
.common-nav-title{
    padding: 15px 0;
}
.common-nav-title .common-nav-last{
    color: #008cd6;
}
.common-nav-cut{
    padding: 0 10px;
}
.lc-table-responsive{
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
}
.lc-table-responsive::-webkit-scrollbar
{
    width: 6px;
    height: 6px;
    background-color: #E7E7E7;
    border-radius: 10px;
}
.lc-table-responsive::-webkit-scrollbar-track
{
    border-radius: 10px;
    background-color: #E7E7E7;
}
.lc-table-responsive::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background-color: #008cd6;
}
.lc-table-responsive{/*IE*/
    padding-bottom: 15px;

    /*三角箭头的颜色*/
    scrollbar-arrow-color: #008cd6;
    /*滚动条滑块按钮的颜色*/
    scrollbar-face-color: #008cd6;
    /*滚动条整体颜色*/
    scrollbar-highlight-color: #E7E7E7;
    /*滚动条阴影*/
    scrollbar-shadow-color: #008cd6;
    /*滚动条轨道颜色*/
    scrollbar-track-color: #E7E7E7;
}
.lc-table-responsive .lc-table td{
    white-space: nowrap;
}
.lc-table thead{
    background: #B2DCF4;
}
.lc-table thead td{
    border-bottom: 0;
    border-top: 0;
}
.lc-table{
    width: 100%;
    text-align: center;
}
.lc-table .lc-table-first td{
    border-top: 0;
}
.lc-table td{
    border: 1px solid #C9C9C9;
    padding: 10px 20px;
}
.lc-table .order-choose-bg{
    background: #ECF7FD;
}

.common-page{
    text-align: right;
    padding: 25px 0;
}
.common-page span{
    display: inline-block;
}
.common-page>span{
    margin-left: 20px;
    cursor: pointer;
}
.common-page .common-page-arrow{
    color: #008cd6;
}
.common-page input{
    width: 40px;
    text-align: center;
    padding: 2px 5px!important;
}


[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    line-height: 14px;
    vertical-align: text-top;
    background-image:url(../img/glyphicons-halflings.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.icon-arrow-right {
    background-position: -264px -96px;
}
.icon-arrow-left {
    background-position: -240px -96px;
}
.formatPrice:before {
    content: '\00A5'
}