/*本页面是根据原先的css.css与bootstrap.css有冲突后改良的css.css*/
/*注意xtiper.css中如下要屏蔽掉，否则bootstrap的模态显示的时候整体会多一个上下滚动条*/
/*html, body {overflow-x:hidden;}*/
.container{width:1150px;}

body {
    font-size: 14px;
    font-family: "Hiragino Sans GB","微软雅黑","Microsoft YaHei",SimHei,Tahoma,"宋体b8b体",SimSun,sans-serif;
    color: #333;
    background: #fff;
}

ul, li {
    list-style-type: none;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, code, pre, form, fieldset, legend, input, button, textarea, area, blockquote, th, td, p {
    margin: 0;
    padding: 0;
}
button, input, select, textarea {
    outline: 0;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #c7c7c7;
}
/*默认全局不显示圆角*/
/*div, svg, input, select, textarea, span, img, table, label, td, th, p, a, button, ul, code, pre, li {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}*/

.hide-jq{
    display:none;
}
/* Font  */
.bold {
    font-weight: bold;
}

.f9 {
    font-size: 9px;
}

.f10 {
    font-size: 10px;
}

.f11 {
    font-size: 11px;
}

.f12 {
    font-size: 12px;
}

.f13 {
    font-size: 13px;
}

.f14 {
    font-size: 14px;
}

.f15 {
    font-size: 15px;
}

.f16 {
    font-size: 16px;
}

.f17 {
    font-size: 17px;
}

.f18 {
    font-size: 18px;
}

.f19 {
    font-size: 19px;
}

.f20 {
    font-size: 20px;
}

.f21 {
    font-size: 21px;
}

.f22 {
    font-size: 22px;
}

.f24 {
    font-size: 24px;
}

.f26 {
    font-size: 26px;
}

.f28 {
    font-size: 28px;
}

.f30 {
    font-size: 30px;
}

.f36 {
    font-size: 36px;
}


.line_h18 {
    line-height: 18px;
}

.line_h20 {
    line-height: 20px;
}

.line_h22 {
    line-height: 22px;
}

.line_h24 {
    line-height: 24px;
}

.line_h28 {
    line-height: 28px;
}

.line_h36 {
    line-height: 36px;
}

.line_h40 {
    line-height: 40px;
}

.keyword {
    color: #999;
}

.underline {
    text-decoration: underline;
}
/* Link
a:link {color: #242424; text-decoration:none;}
a:visited {color: #242424;text-decoration:none;}
a:hover {color: #ff0000; text-decoration:underline;}
a:active {color: #E27F00;} */
/* color */
.pointer {
    cursor: pointer;
}
a {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}
a:focus, a:hover {
     text-decoration: none; 
}
.red, a.red:link, a.red:visited, a.red:hover, a.red:active {
    color: #EF4836;
}

.blue, a.blue:link, a.blue:visited, a.blue:active, a.blue:hover, a.blue:active {
    color: #1f3a87;
}

.gray, a.gray:link, a.gray:visited, a.gray:hover, a.gray:active {
    color: #4F544D;
}
.gray3, a.gray3:link, a.gray3:visited, a.gray3:hover, a.gray3:active {
    color: #333;
}
.gray6, a.gray6:link, a.gray6:visited, a.gray6:hover, a.gray6:active {
    color: #666;
}
.gray9, a.gray9:link, a.gray9:visited, a.gray9:hover, a.gray9:active {
    color: #999;
}
.gray-c, a.gray-c:link, a.gray-c:visited, a.gray-c:hover, a.gray-c:active {
    color: #ccc;
}
.gray-e1, a.gray-e1:link, a.gray-e1:visited, a.gray-e1:hover, a.gray-e1:active {
    color: #e1e1e1;
}

.white, a.white:link, a.white:visited, a.white:hover, a.white:active {
    color: #fff;
}

.black, a.black:link, a.black:visited, a.black:hover, a.black:active {
    color: #000 !important;
}

a.black:hover {
    color: #bc2931;
}

.yellow, a.yellow:link, a.yellow:visited, a.yellow:hover, a.yellow:active {
    color: #ff881c;
}

.green, a.green:link, a.green:visited, a.green:hover, a.green:active {
    color: #008000;
}

.orange, a.orange:link, a.orange:visited, a.orange:hover, a.orange:active {
    color: #ffa500;
}

.del, a.del:link, a.del:visited, a.del:hover, a.del:active {
    text-decoration: line-through;
}

.no-function, a.no-function:link, a.no-function:visited, .no-function img {
    filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
    color: gray;
    text-decoration: line-through;
}
/* float clear */
.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    display: block;
    clear: both;
    height: 0px;
    font-size: 0; /*font-size:1px; width:1px; height:0; visibility: hidden;*/
}

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

.clearfix {
    /*display: inline-block;*/
}
/* text align */
.text_left {
    text-align: left;
}

.text_center {
    text-align: center;
}

.text_right {
    text-align: right;
}

/*字体*/
.zt1 {
    font-family: 微软雅黑;
}

/* margin */
.m5 {
    margin: 5px;
}

.m10 {
    margin: 10px;
}

.m15 {
    margin: 15px;
}

.m20 {
    margin: 20px;
}

.mt_5 {
    margin-top: 5px;
}

.mt_10 {
    margin-top: 10px;
}

.mt_15 {
    margin-top: 15px;
}

.mt_20 {
    margin-top: 20px;
}

.mt_25 {
    margin-top: 25px;
}

.mt_30 {
    margin-top: 30px;
}

.mt_35 {
    margin-top: 35px;
}

.mt_40 {
    margin-top: 40px;
}

.mt_50 {
    margin-top: 50px;
}

.mt_60 {
    margin-top: 60px;
}

.mb_5 {
    margin-bottom: 5px;
}

.mb_10 {
    margin-bottom: 10px;
}

.mb_15 {
    margin-bottom: 15px;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_25 {
    margin-bottom: 25px;
}

.mb_30 {
    margin-bottom: 30px;
}

.mb_35 {
    margin-bottom: 35px;
}

.mb_40 {
    margin-bottom: 40px;
}

.mb_50 {
    margin-bottom: 50px;
}

.mb_60 {
    margin-bottom: 60px;
}

.ml_5 {
    margin-left: 5px;
}

.ml_10 {
    margin-left: 10px;
}

.ml_15 {
    margin-left: 15px;
}

.ml_20 {
    margin-left: 20px;
}

.ml_25 {
    margin-left: 25px;
}

.ml_30 {
    margin-left: 30px;
}

.ml_35 {
    margin-left: 35px;
}

.ml_40 {
    margin-left: 40px;
}

.ml_50 {
    margin-left: 50px;
}

.ml_60 {
    margin-left: 60px;
}

.mr_5 {
    margin-right: 5px;
}

.mr_10 {
    margin-right: 10px;
}

.mr_15 {
    margin-right: 15px;
}

.mr_20 {
    margin-right: 20px;
}

.mr_25 {
    margin-right: 25px;
}

.mr_30 {
    margin-right: 30px;
}

.mr_35 {
    margin-right: 35px;
}

.mr_40 {
    margin-right: 40px;
}

.mr_50 {
    margin-right: 50px;
}

.mr_60 {
    margin-right: 60px;
}
/* padding */
.p0 {
    padding: 0px;
}

.p1 {
    padding: 1px;
}

.p2 {
    padding: 2px;
}

.p5 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px;
}

.pt_5 {
    padding-top: 5px;
}

.pt_10 {
    padding-top: 10px;
}

.pt_15 {
    padding-top: 15px;
}

.pt_20 {
    padding-top: 20px;
}

.pb_5 {
    padding-bottom: 5px;
}

.pb_10 {
    padding-bottom: 10px;
}

.pb_15 {
    padding-bottom: 15px;
}

.pb_20 {
    padding-bottom: 20px;
}

.pl_5 {
    padding-left: 5px;
}

.pl_10 {
    padding-left: 10px;
}

.pl_15 {
    padding-left: 15px;
}

.pl_20 {
    padding-left: 20px;
}

.pl_40 {
    padding-left: 40px;
}

.pr_5 {
    padding-right: 5px;
}

.pr_10 {
    padding-right: 10px;
}

.pr_15 {
    padding-right: 15px;
}

.pr_20 {
    padding-right: 20px;
}

.pr_40 {
    padding-right: 40px;
}

.w10 {
    width: 10px;
    min-width: 10px;
}

.w15 {
    width: 15px !important;
    min-width: 15px !important;
}

.w20 {
    width: 20px !important;
    min-width: 20px !important;
}

.w25 {
    width: 25px !important;
    min-width: 25px !important;
}

.w30 {
    width: 30px !important;
    min-width: 30px !important;
}

.w35 {
    width: 35px !important;
    min-width: 35px !important;
}

.w40 {
    width: 40px !important;
    min-width: 40px !important;
}

.w45 {
    width: 45px !important;
    min-width: 45px !important;
}

.w50 {
    width: 50px !important;
    min-width: 50px !important;
}

.w55 {
    width: 55px !important;
    min-width: 55px !important;
}

.w60 {
    width: 60px !important;
    min-width: 60px !important;
}

.w65 {
    width: 65px !important;
    min-width: 65px !important;
}

.w70 {
    width: 70px !important;
    min-width: 70px !important;
}

.w75 {
    width: 75px !important;
    min-width: 75px !important;
}

.w80 {
    width: 80px;
    min-width: 80px;
}

.w85 {
    width: 85px;
    min-width: 85px;
}

.w90 {
    width: 90px;
    min-width: 90px;
}

.w95 {
    width: 95px;
    min-width: 95px;
}

.w100 {
    width: 100px;
    min-width: 100px;
}

.w110 {
    width: 110px;
    min-width: 110px;
}

.w120 {
    width: 120px;
    min-width: 120px;
}

.w130 {
    width: 130px;
    min-width: 130px;
}

.w140 {
    width: 140px;
    min-width: 140px;
}

.w150 {
    width: 150px;
    min-width: 150px;
}

.w160 {
    width: 160px;
    min-width: 160px;
}

.w170 {
    width: 170px;
    min-width: 170px;
}

.w180 {
    width: 180px;
    min-width: 180px;
}

.w190 {
    width: 190px;
    min-width: 190px;
}

.w200 {
    width: 200px;
    min-width: 200px;
}

.w220 {
    width: 220px;
    min-width: 220px;
}

.w240 {
    width: 240px;
    min-width: 240px;
}

.w260 {
    width: 260px;
    min-width: 260px;
}

.w280 {
    width: 280px;
    min-width: 280px;
}

.w300 {
    width: 300px;
    min-width: 300px;
}

.w320 {
    width: 320px;
    min-width: 320px;
}

.w340 {
    width: 340px;
    min-width: 340px;
}

.w360 {
    width: 360px;
    min-width: 360px;
}

.w380 {
    width: 380px;
    min-width: 380px;
}

.w400 {
    width: 400px;
    min-width: 400px;
}

.w420 {
    width: 420px;
    min-width: 420px;
}

.w430 {
    width: 420px;
    min-width: 430px;
}

.w440 {
    width: 440px;
    min-width: 440px;
}

.w460 {
    width: 460px;
    min-width: 460px;
}

.w480 {
    width: 480px;
    min-width: 480px;
}

.w500 {
    width: 500px;
    min-width: 500px;
}

.w520 {
    width: 520px;
    min-width: 520px;
}

.w540 {
    width: 540px;
    min-width: 540px;
}

.w560 {
    width: 560px;
    min-width: 560px;
}

.w580 {
    width: 580px;
    min-width: 580px;
}

.w600 {
    width: 600px;
    min-width: 600px;
}

.min-w10 {
    min-width: 10px;
}

.min-w15 {
    min-width: 15px;
}

.min-w20 {
    min-width: 20px;
}

.min-w25 {
    min-width: 25px;
}

.min-w30 {
    min-width: 30px;
}

.min-w35 {
    min-width: 35px;
}

.min-w40 {
    min-width: 40px;
}

.min-w45 {
    min-width: 45px;
}

.min-w50 {
    min-width: 50px;
}

.min-w55 {
    min-width: 55px;
}

.min-w60 {
    min-width: 60px;
}

.min-w65 {
    min-width: 65px;
}

.min-w70 {
    min-width: 70px;
}

.min-w75 {
    min-width: 75px;
}

.min-w80 {
    min-width: 80px;
}

.min-w85 {
    min-width: 85px;
}

.min-w90 {
    min-width: 90px;
}

.min-w95 {
    min-width: 95px;
}

.min-w100 {
    min-width: 100px;
}

.min-w110 {
    min-width: 110px;
}

.min-w120 {
    min-width: 120px;
}

.min-w130 {
    min-width: 130px;
}

.min-w140 {
    min-width: 140px;
}

.min-w150 {
    min-width: 150px;
}

.min-w160 {
    min-width: 160px;
}

.min-w170 {
    min-width: 170px;
}

.min-w180 {
    min-width: 180px;
}

.min-w190 {
    min-width: 190px;
}

.min-w200 {
    min-width: 200px;
}

.min-w220 {
    min-width: 220px;
}

.min-w240 {
    min-width: 240px;
}

.min-w260 {
    min-width: 260px;
}

.min-w280 {
    min-width: 280px;
}

.min-w300 {
    min-width: 300px;
}

.min-w320 {
    min-width: 320px;
}

.min-w340 {
    min-width: 340px;
}

.min-w360 {
    min-width: 360px;
}

.min-w380 {
    min-width: 380px;
}

.min-w400 {
    min-width: 400px;
}

.min-w420 {
    min-width: 420px;
}

.min-w430 {
    min-width: 430px;
}

.min-w440 {
    min-width: 440px;
}

.min-w460 {
    min-width: 460px;
}

.min-w480 {
    min-width: 480px;
}

.min-w500 {
    min-width: 500px;
}

.min-w520 {
    min-width: 520px;
}

.min-w540 {
    min-width: 540px;
}

.min-w560 {
    min-width: 560px;
}

.min-w580 {
    min-width: 580px;
}

.min-w600 {
    min-width: 600px;
}

/*一般的input的长度会比包裹的div小2PX*/
.i-w10 {
    width: 8px !important;
}

.i-w15 {
    width: 13px !important;
}

.i-w20 {
    width: 18px !important;
}

.i-w25 {
    width: 23px !important;
}

.i-w30 {
    width: 28px !important;
}

.i-w35 {
    width: 33px !important;
}

.i-w40 {
    width: 38px !important;
}

.i-w45 {
    width: 43px !important;
}

.i-w50 {
    width: 48px !important;
}

.i-w55 {
    width: 53px !important;
}

.i-w60 {
    width: 58px !important;
}

.i-w65 {
    width: 63px !important;
}

.i-w70 {
    width: 68px !important;
}

.i-w75 {
    width: 73px !important;
}

.i-w80 {
    width: 78px !important;
}

.i-w85 {
    width: 83px !important;
}

.i-w90 {
    width: 88px !important;
}

.i-w95 {
    width: 93px !important;
}

.i-w100 {
    width: 98px !important;
}

.i-w110 {
    width: 108px !important;
}

.i-w120 {
    width: 118px !important;
}

.i-w130 {
    width: 128px !important;
}

.i-w140 {
    width: 138px !important;
}

.i-w150 {
    width: 148px !important;
}

.i-w160 {
    width: 158px !important;
}

.i-w170 {
    width: 168px !important;
}

.i-w180 {
    width: 178px !important;
}

.i-w190 {
    width: 188px !important;
}

.i-w200 {
    width: 198px !important;
}

.i-w220 {
    width: 218px !important;
}

.i-w240 {
    width: 238px !important;
}

.i-w260 {
    width: 258px !important;
}

.i-w280 {
    width: 278px !important;
}

.i-w300 {
    width: 298px !important;
}

.i-w320 {
    width: 318px !important;
}

.i-w340 {
    width: 338px !important;
}

.i-w360 {
    width: 358px !important;
}

.i-w380 {
    width: 378px !important;
}

.i-w400 {
    width: 398px !important;
}

.i-w420 {
    width: 418px !important;
}

.i-w430 {
    width: 428px !important;
}

.i-w440 {
    width: 438px !important;
}

.i-w460 {
    width: 458px !important;
}

.i-w480 {
    width: 478px !important;
}

.i-w500 {
    width: 498px !important;
}

.i-w500 {
    width: 498px !important;
}

.i-w520 {
    width: 518px !important;
}

.i-w540 {
    width: 538px !important;
}

.i-w560 {
    width: 558px !important;
}

.i-w580 {
    width: 578px !important;
}

.i-w600 {
    width: 598px !important;
}

.m_auto {
    margin: 0 auto;
}

.m_auto_t10 {
    margin: 10px auto 0px auto;
}

.m_auto_t5 {
    margin: 5px auto 0px auto;
}

/*表单输入框修正*/
.form-control {
    display: inline-block;
    height: 30px;
    font-size: 13px;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
select.form-control {
    padding: 4px 12px;
}

.control-label {
    font-weight: normal;
}

.textbox .textbox-text,
.textbox .textbox-prompt {
    font-size: 13px;
    padding: 6px 12px;
}

input.form-control[type="text"]:focus, textarea.form-control:focus, input.form-control[type="text"]:hover, textarea:hover, .textbox-focused {
    border: 1px solid #438EC7;
}

.textbox {
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 30px;
}
/*tooltip修正 easyui会对bootstrap的tooltip加边框*/
.tooltip-noborder .tooltip{
    border-width:0;
}

/*按钮修正*/
.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow:none;
}
.btn-primary {
    color: #fff;
    background-color: #2cadd7;
    border-color: #2cadd7;
}

    .btn-primary:hover, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus {
        background-color: #43bae1;
        border-color: #43bae1;
    }

.btn-info {
    color: #fff;
    background-color: #1bc7f8;
    border-color: #1bc7f8;
}

    .btn-info:hover, .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus {
        color: #fff;
        background-color: #32d2ff;
        border-color: #32d2ff;
    }

.btn-white {
    border: 1px solid #2086ee;
    color: #2086ee;
    background-color: #fff;
}

    .btn-white:hover, .btn-white:focus, .btn-white:active {
        border: 1px solid #1bc7f8;
        background-color: #1bc7f8;
        color: #fff;
    }

.btn-info.btn-white:hover, .btn-info.btn-white:focus, .btn-info.btn-white:active {
    background-color: #2086ee;
    color: #fff;
}

.btn-default.btn-hover-white:hover, .btn-default.btn-hover-white:focus, .btn-default.btn-hover-white:active {
    border: 1px solid #2086ee;
    color: #2086ee;
    background-color: #fff;
}

.btn-blueborder, .btn-info.btn-blueborder {
    border: 1px solid #2086ee;
    color: #2086ee;
    background-color: #fff;
}

.btn-blueborder:hover,.btn-blueborder:focus,.btn-blueborder:active,.btn-info.btn-blueborder:hover, .btn-info.btn-blueborder:focus, .btn-info.btn-blueborder:active,.btn-info.btn-blueborder:hover, .btn-info.btn-blueborder:active:hover, .btn-info.btn-blueborder:active:focus, .btn-info.btn-blueborder:active.focus  {
    border: 1px solid #1bc7f8;
    background-color: #1bc7f8;
    color: #fff;
}

.btn-red {
    border: 1px solid #f00;
    color: #f00;
    background-color: #fff;
}

    .btn-red:hover, .btn-red:focus, .btn-red:active {
        background-color: #f00;
        color: #fff;
    }

/*进度条修正*/
.progress-bar-danger {
    background-color: #f00;
}

.progress-bar-warning {
    background-color: #FF9800;
}

.progress-bar-info {
    background-color: #3399ff;
}

.control-label {
    font-weight: normal;
}

/*空数据*/
.emptydata {
    margin-top:40px;
    margin-bottom: 40px;
    font-family: PingFangSC,"Source Han Sans","微软雅黑","Microsoft YaHei",SimHei,Tahoma,"宋体b8b体",SimSun,sans-serif;
    position: relative;
}
.emptydata .tip1 {
    margin-bottom: 20px;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    color: #aaa;
}
.emptydata .tip1 .glyphicon {
    margin-right:5px;
}

/*返回顶部*/
.float-menu-sm {
    font-size: 24px;
    position: fixed;
    left: 50%;
    margin-left: 610px;
    bottom: 120px;
    width: 40px;
    font-size: 24px;
    z-index: 1040;
    -webkit-backface-visibility: hidden;
}

    .float-menu-sm .com-menu {
        display: inline-block;
        width: 40px;
        height: 40px;
        text-align: center;
        color: #fff;
        background-color: #c0c0c0;
        opacity: .4;
        position: relative;
        margin-bottom: 0px;
        -webkit-box-shadow: 0 -2px 6px 0 rgba(0,0,0,.05);
        -moz-box-shadow: 0 -2px 6px 0 rgba(0,0,0,.05);
        box-shadow: 0 -2px 6px 0 rgba(0,0,0,.05);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .gotop, .float-menu-sm .com-menu.gotop {
            display: none;
        }

        .float-menu-sm .com-menu:hover {
            /*background-color: #00c0eb;*/
            opacity: .8;
        }

        .float-menu-sm .com-menu .menu-phone-view {
            font-size: 32px;
            margin-top: 4px;
        }

        .float-menu-sm .com-menu .menu-friend {
            font-size: 18px;
        }

        .float-menu-sm .com-menu .menu-phone-shop {
            font-size: 22px;
            margin-top: 4px;
        }

        .float-menu-sm .com-menu a {
            color: #fff;
        }

            .float-menu-sm .com-menu a i {
                font-size: 32px;
                margin-top: 3px;
            }

        .float-menu-sm .com-menu > .show-box {
            display: none;
            position: absolute;
            top: 0px;
            right: 40px;
            display: none;
            padding-right: 8px;
            text-align: center;
        }

        .float-menu-sm .com-menu:hover > .show-box {
            display: block;
        }

            .float-menu-sm .com-menu:hover > .show-box .sm-arrow {
                position: absolute;
                right: 1px;
                top: 14px;
                width: 0px;
                height: 0px;
                border-left: 8px solid #ccc;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                font-size: 0px;
            }

                .float-menu-sm .com-menu:hover > .show-box .sm-arrow > span {
                    position: relative;
                    right: 9px;
                    top: 0;
                    width: 0px;
                    height: 0px;
                    border-width: 8px 0 8px 8px;
                    border-color: transparent transparent transparent #fff;
                    border-style: solid dashed solid solid;
                    font-size: 0px;
                }

            .float-menu-sm .com-menu:hover > .show-box .show-box-cont {
                background: #fff;
                color: #333;
                width: 140px;
                border: 1px solid #e1e1e1;
            }

                .float-menu-sm .com-menu:hover > .show-box .show-box-cont img {
                    width: 100px;
                    height: 100px;
                    margin: 8px auto 0;
                    display: block;
                }

                .float-menu-sm .com-menu:hover > .show-box .show-box-cont p {
                    margin-bottom: 2px;
                }
        /*以上按200*200图片效果*/
        .float-menu-sm .com-menu > .show-box {
            top: -90px;
        }

        .float-menu-sm .com-menu:hover > .show-box .sm-arrow {
            top: 104px;
        }

        .float-menu-sm .com-menu:hover > .show-box .show-box-cont {
            width: 220px;
        }

            .float-menu-sm .com-menu:hover > .show-box .show-box-cont img {
                width: 200px;
                height: 200px;
            }

/*面包屑导航*/
.kl-breadcrumb .breadcrumb {
    padding: 16px 15px 8px 0;
    margin-top: 5px;
    background-color: #ffffff;
    border-radius: 0px;
    margin-bottom: 5px;
    float: left;
}

/*加载等待*/
.load-bc {
    width: 80px;
    height: 80px;
    border-radius: 4px;
    background: Rgba(0,0,0,.8);
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -40px;
    z-index: 11;
}

.load-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
}

.load {
    margin: 35px auto;
    font-size: 25px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
}

@keyframes load5 {
    0% {
        box-shadow: 0 -20px 0 0 #ffffff, 14px -14px 0 0 rgba(255, 255, 255, 0.2), 20px 0 0 0 rgba(255, 255, 255, 0.2), 14px 14px 0 0 rgba(255, 255, 255, 0.2), 0 20px 0 0 rgba(255, 255, 255, 0.2), -14px 14px 0 0 rgba(255, 255, 255, 0.2), -20px 0 0 0 rgba(255, 255, 255, 0.5), -14px -14px 0 0 rgba(255, 255, 255, 0.7);
    }

    12.5% {
        box-shadow: 0 -20px 0 0 rgba(255, 255, 255, 0.7), 14px -14px 0 0 rgba(255, 255, 255, 1), 20px 0 0 0 rgba(255, 255, 255, 0.2), 14px 14px 0 0 rgba(255, 255, 255, 0.2), 0 20px 0 0 rgba(255, 255, 255, 0.2), -14px 14px 0 0 rgba(255, 255, 255, 0.2), -20px 0 0 0 rgba(255, 255, 255, 0.2), -14px -14px 0 0 rgba(255, 255, 255, 0.5);
    }

    25% {
        box-shadow: 0 -20px 0 0 rgba(255, 255, 255, 0.5), 14px -14px 0 0 rgba(255, 255, 255, 0.7), 20px 0 0 0 rgba(255, 255, 255, 0.2), 14px 14px 0 0 rgba(255, 255, 255, 0.2), 0 20px 0 0 rgba(255, 255, 255, 0.2), -14px 14px 0 0 rgba(255, 255, 255, 0.2), -20px 0 0 0 rgba(255, 255, 255, 0.2), -14px -14px 0 0 rgba(255, 255, 255, 0.2);
    }

    37.5% {
        box-shadow: 0 -20px 0 0 rgba(255, 255, 255, 0.2), 14px -14px 0 0 rgba(255, 255, 255, 0.5), 20px 0 0 0 rgba(255, 255, 255, 0.7), 14px 14px 0 0 rgba(255, 255, 255, 1), 0 20px 0 0 rgba(255, 255, 255, 0.2), -14px 14px 0 0 rgba(255, 255, 255, 0.2), -20px 0 0 0 rgba(255, 255, 255, 0.2), -14px -14px 0 0 rgba(255, 255, 255, 0.2);
    }

    50% {
        box-shadow: 0 -20px 0 0 rgba(255, 255, 255, 0.2), 14px -14px 0 0 rgba(255, 255, 255, 0.2), 20px 0 0 0 rgba(255, 255, 255, 0.5), 14px 14px 0 0 rgba(255, 255, 255, 0.7), 0 20px 0 0 rgba(255, 255, 255, 1), -14px 14px 0 0 rgba(255, 255, 255, 0.2), -20px 0 0 0 rgba(255, 255, 255, 0.2), -14px -14px 0 0 rgba(255, 255, 255, 0.2);
    }

    62.5% {
        box-shadow: 0 -20px 0 0 rgba(255, 255, 255, 0.2), 14px -14px 0 0 rgba(255, 255, 255, 0.2), 20px 0 0 0 rgba(255, 255, 255, 0.2), 14px 14px 0 0 rgba(255, 255, 255, 0.5), 0 20px 0 0 rgba(255, 255, 255, 0.7), -14px 14px 0 0 rgba(255, 255, 255, 1), -20px 0 0 0 rgba(255, 255, 255, 0.2), -14px -14px 0 0 rgba(255, 255, 255, 0.2);
    }

    75% {
        box-shadow: 0 -20px 0 0 rgba(255, 255, 255, 0.2), 14px -14px 0 0 rgba(255, 255, 255, 0.2), 20px 0 0 0 rgba(255, 255, 255, 0.2), 14px 14px 0 0 rgba(255, 255, 255, 0.2), 0 20px 0 0 rgba(255, 255, 255, 0.5), -14px 14px 0 0 rgba(255, 255, 255, 0.7), -20px 0 0 0 rgba(255, 255, 255, 1), -14px -14px 0 0 rgba(255, 255, 255, 0.2);
    }

    87.5% {
        box-shadow: 0 -20px 0 0 rgba(255, 255, 255, 0.2), 14px -14px 0 0 rgba(255, 255, 255, 0.2), 20px 0 0 0 rgba(255, 255, 255, 0.2), 14px 14px 0 0 rgba(255, 255, 255, 0.2), 0 20px 0 0 rgba(255, 255, 255, 0.2), -14px 14px 0 0 rgba(255, 255, 255, 0.5), -20px 0 0 0 rgba(255, 255, 255, 0.7), -14px -14px 0 0 rgba(255, 255, 255, 1);
    }

    100% {
        box-shadow: 0 -20px 0 0 #ffffff, 14px -14px 0 0 rgba(255, 255, 255, 0.2), 20px 0 0 0 rgba(255, 255, 255, 0.2), 14px 14px 0 0 rgba(255, 255, 255, 0.2), 0 20px 0 0 rgba(255, 255, 255, 0.2), -14px 14px 0 0 rgba(255, 255, 255, 0.2), -20px 0 0 0 rgba(255, 255, 255, 0.5), -14px -14px 0 0 rgba(255, 255, 255, 0.7);
    }
}