/*自定义图标*/

@font-face {
    font-family: "iconfont";
    src: url('../font/iconfont.ttf') format('truetype');
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    /* IE9*/
    src: url('../font/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon {
    width: 2em;
    height: 2em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.icon-select:before {
    content: "\e734";
}

.icon-danchuangxuanze:before {
    content: "\e7e9";
}

.icon-riqikongjian:before {
    content: "\e7f6";
}

.icon-shanchu:before {
    content: "\e816";
}

.icon-sanjiao_ce:before {
    content: "\e856";
}

.icon-sanjiao_zuo:before {
    content: "\e857";
}

.icon-sanjiao_xia:before {
    content: "\e858";
}

.icon-sanjiao_shang:before {
    content: "\e859";
}

.icon-sanjiao_you:before {
    content: "\e85a";
}

.icon-bianji:before {
    content: "\e84a";
}

.icon-you:before {
    content: "\e8b7";
}

.icon-yinzhang_zhengchang:before {
    content: "\e8b8";
}

.icon-zhanghao:before {
    content: "\e8b9";
}

.icon-bangzhuzhongxin:before {
    content: "\e8ba";
}

.icon-baopintuijian:before {
    content: "\e8bb";
}

.icon-zuo:before {
    content: "\e8bc";
}

.icon-changyongcaozuo:before {
    content: "\e8bd";
}

.icon-genganquan:before {
    content: "\e8be";
}

.icon-gouwuche:before {
    content: "\e8bf";
}

.icon-gengkuai:before {
    content: "\e8c0";
}

.icon-huigou:before {
    content: "\e8c1";
}

.icon-guanbi:before {
    content: "\e8c2";
}

.icon-jiashicang:before {
    content: "\e8c3";
}

.icon-mima:before {
    content: "\e8c4";
}

.icon-mianshuru:before {
    content: "\e8c5";
}

.icon-shangpinku:before {
    content: "\e8c6";
}

.icon-shenhetongguo:before {
    content: "\e8c7";
}

.icon-wode:before {
    content: "\e8c9";
}

.icon-wodekucun:before {
    content: "\e8ca";
}

.icon-taozhuang:before {
    content: "\e8cb";
}

.icon-wodezhanghu:before {
    content: "\e8cc";
}

.icon-woyaodinghuo:before {
    content: "\e8cd";
}

.icon-xiaoxi:before {
    content: "\e8ce";
}

.icon-woyaojiaoyi:before {
    content: "\e8cf";
}

.icon-xinwenzhongxin:before {
    content: "\e8d0";
}

.icon-yanzhengma:before {
    content: "\e8d4";
}

.icon-yinzhang_jijiangchaoqi:before {
    content: "\e8d6";
}

.icon-saomiaotiaoma:before {
    content: "\e8d7";
}

.icon-jian:before {
    content: "\e8d8";
}

.icon-guanbi1:before {
    content: "\e8da";
}

.icon-jia:before {
    content: "\e8d9";
}

.icon-xia:before {
    content: "\e8db";
}

.icon-shang:before {
    content: "\e8dc";
}

.icon-baocun:before {
    content: "\e8dd";
}

.icon-faqishenpi:before {
    content: "\e8de";
}

.icon-chakan:before {
    content: "\e8df";
}

.icon-weidu:before {
    content: "\e8e0";
}

.icon-querenshouhuo:before {
    content: "\e8e1";
}

.icon-xinzeng:before {
    content: "\e8e2";
}

.icon-yidu:before {
    content: "\e8e3";
}

.icon-tuichu:before {
    content: "\e8e4";
}

.icon-querenfukuan:before {
    content: "\e8e5";
}

.icon-shengchengwuliurenwudan:before {
    content: "\e8e6";
}

.icon-pandianqueren:before {
    content: "\e8e7";
}

.icon-kaishipandian:before {
    content: "\e8e8";
}

.icon-querenruku:before {
    content: "\e8e9";
}

.icon-shipanjiluchaxun:before {
    content: "\e8ea";
}

.icon-xuanzhong_danxuan:before {
    content: "\e8eb";
}

.icon-xuankuang_danxuan:before {
    content: "\e8ec";
}

.icon-xuanzhong_duoxuan:before {
    content: "\e8ed";
}

.icon-xuankuang_duoxuan:before {
    content: "\e8ee";
}

.icon-shouye:before {
    content: "\e8ef";
}

.icon-dinghuo-yidongduan2:before {
    content: "\e8f0";
}

.icon-kucun-yidongduan2:before {
    content: "\e8f1";
}

.icon-kucun-yidongduan:before {
    content: "\e8f2";
}

.icon-jiaoyi-yidongduan:before {
    content: "\e8f3";
}

.icon-jiaoyi-yidongduan2:before {
    content: "\e8f4";
}

.icon-wode-yidongduan2:before {
    content: "\e8f5";
}

.icon-wode-yidongduan:before {
    content: "\e8f6";
}

.icon-dinghuo-yidongduan:before {
    content: "\e8f7";
}

.icon-gonggao-yidongduan:before {
    content: "\e8f8";
}

.icon-dianpu-yidongduan:before {
    content: "\e8f9";
}

.icon-xiaoxi-yidongduan:before {
    content: "\e8fa";
}

.icon-fenxiaokucunshitu-yidongduan:before {
    content: "\e8fb";
}

.icon-dinghuoshitu-yidongduan:before {
    content: "\e8fc";
}

.icon-jiaoyichaxun-yidongduan:before {
    content: "\e8fd";
}

.icon-dingdanchaxun-yidongduan:before {
    content: "\e8fe";
}

.icon-huankuanchaxun-yidongduan:before {
    content: "\e8ff";
}

.icon-querenshouhuo-yidongduan:before {
    content: "\e900";
}

.icon-zhanghuchaxun-yidongduan:before {
    content: "\e901";
}

.icon-woyaodaikuan-yidongduan:before {
    content: "\e902";
}

.icon-fukuandengji-yidongduan:before {
    content: "\e903";
}

.icon-gongsixinxi-yidongduan:before {
    content: "\e904";
}

.icon-xiugaimima-yidongduan:before {
    content: "\e905";
}

.icon-shoujihao-yidongduan:before {
    content: "\e906";
}

.icon-zhanghuxinxi-yidongduan:before {
    content: "\e907";
}

.icon-xiaoshoupaiming-yidongduan:before {
    content: "\e908";
}

.icon-qiehuanweilie-yidongduan:before {
    content: "\e909";
}

.icon-morentouxiang:before {
    content: "\e90a";
}

.icon-shaixuan-yidongduan:before {
    content: "\e90b";
}

.icon-qiehuanweilie-yidongduan1:before {
    content: "\e90c";
}

.icon-sousuo-yidongduan:before {
    content: "\e90d";
}

.icon-kehu-yidongduan:before {
    content: "\e90e";
}

.icon-gongsi-yidongduan:before {
    content: "\e90f";
}

.icon-xiangxijilu-yidongduan:before {
    content: "\e910";
}

.icon-jiekuandanhao-yidongduan:before {
    content: "\e911";
}

.icon-zhanghuchaxunxiangqing-yidongduan:before {
    content: "\e912";
}

.icon-huankuanjilu-yidongduan:before {
    content: "\e913";
}

.icon-jiage-hui-yidongduan:before {
    content: "\e914";
}

.icon-jiage-shanglan-yidongduan:before {
    content: "\e915";
}

.icon-jiage-xialan-yidongduan:before {
    content: "\e916";
}

.icon-yinzhang_bufenfahuo:before {
    content: "\e917";
}

.icon-yinzhang_shangweifahuo:before {
    content: "\e918";
}

.icon-yinzhang_shangweishenhe:before {
    content: "\e919";
}

.icon-yinzhang_yitijiao:before {
    content: "\e91a";
}

.icon-yinzhang_yishenhe:before {
    content: "\e91b";
}

.icon-yinzhang_yifahuo:before {
    content: "\e91c";
}

.icon-yinzhang_yizuofei:before {
    content: "\e91d";
}

.icon-biyan-yidongduan:before {
    content: "\e91e";
}

.icon-tijiao:before {
    content: "\e91f";
}


/* ===============分割线==================== */

.btn-primary {
    background-color: #018efb;
    border-color: #018efb;
}

.btn-default {
    border-radius: 0;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.col-xs-1-8,
.col-sm-1-8,
.col-md-1-8,
.col-lg-1-8 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.col-xs-1-8 {
    width: 12.5%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-1-8 {
        width: 12.5%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-1-8 {
        width: 12.5%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-1-8 {
        width: 12.5%;
        float: left;
    }
}

.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.col-xs-1-5 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}

.content {
    width: 1570px;
    margin: 0 auto;
    overflow: hidden;
}

a {
    color: #000000;
    text-decoration: none;
}

.btn:active:focus,
.btn:focus {
    outline: none;
}

.btn-primary {
    border-radius: 0;
    color: #ffffff;
    background-color: #018efb;
}

.btn-primary:focus,
.btn-primary:hover {
    background-color: #337ab7;
    border-color: #337ab7;
}

.btn-transparent {
    background-color: #ffffff;
}

.input-primary {
    border-radius: 0;
    border: 1px solid #018efb;
}

.input-default {
    border-radius: 0;
    padding: 0 5px;
    border: 1px solid #dddddd;
}

.form-control::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

.text-center {
    text-align: -webkit-center;
}

.input-checkbox input[type=checkbox] {
    visibility: hidden;
}

.bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
}

.color-primary {
    color: #018efb;
}

.color-bg-primary {
    color: #ffffff;
    background: #018efb;
}

.bg-grey {
    background: #f5f5f5;
}

.bg-white {
    background: #ffffff;
}

.icon-xuanzhong,
.icon-xuanzhong_duoxuan {
    color: #018efb;
}

.color-red {
    color: #f64b30 !important;
}

.color-fff {
    color: #ffffff;
}

.color-999 {
    color: #999;
}

.hover-none:hover {
    text-decoration: none;
}


/* 首页通用样式 */

.common-lheight-35 {
    height: 35px;
    line-height: 35px;
}

.common-lheight-51 {
    height: 51px;
    line-height: 51px;
}

.common-lheight-60 {
    height: 60px;
    line-height: 60px;
}

.common-lheight-90 {
    height: 90px;
    line-height: 90px;
}

.common-height-30 {
    height: 30px;
}

.common-height-633 {
    height: 633px;
}

.common-height-742 {
    height: 742px;
}

.common-width-30 {
    width: 30px !important;
}

.common-width-50 {
    width: 50px;
}

.common-width-53 {
    width: 53px;
}

.common-width-60 {
    width: 60px;
}

.common-width-80 {
    width: 80px !important;
}

.common-width-90 {
    width: 90px !important;
}

.common-width-150 {
    width: 150px !important;
}

.common-width-188 {
    width: 188px;
}

.common-width-170 {
    width: 170px !important;
}

.common-width-190 {
    width: 190px !important;
}

.common-width-200 {
    width: 200px !important;
}

.common-mwidth-200 {
    max-width: 200px;
}

.common-width-400 {
    width: 400px !important;
}

.common-width-250 {
    width: 250px;
}

.common-width-300 {
    width: 300px !important;
}

.common-width-600 {
    width: 600px;
}

.common-width-808 {
    width: 808px;
}

.common-mwidth-1903 {
    max-width: 1903px;
}

.common-width-1920 {
    width: 1920px;
}

.common-width-1189 {
    width: 1189px;
}

.common-margin-0 {
    margin: 0px;
}

.common-margin-10 {
    margin: 10px !important;
}

.common-margin-top-10 {
    margin-top: 10px;
}

.common-margin-bottom-10 {
    margin-bottom: 10px;
}

.common-margin-top-20 {
    margin-top: 20px;
}

.common-margin-top-30 {
    margin-top: 30px;
}

.common-margin-left-42 {
    margin-left: 42px;
}

.common-margin-left-10 {
    margin-left: 10px;
}

.common-margin-left-20 {
    margin-left: 20px;
}

.common-margin-right-15 {
    margin-right: 15px;
}

.common-margin-left-40 {
    margin-left: 40px;
}

.common-margin-right-40 {
    margin-right: 40px;
}

.common-margin-right-30 {
    margin-right: 30px;
}

.common-margin-right-20 {
    margin-right: 20px;
}

.common-margin-right-190 {
    margin-right: 190px;
}

.common-margin-left-42 {
    margin-left: 42px;
}

.common-padding-0 {
    padding: 0px !important;
}

.common-padding-5 {
    padding: 5px !important;
}

.common-padding-10 {
    padding: 10px;
}

.common-padding-10-15 {
    padding: 10px 15px;
}

.common-padding-10-30 {
    padding: 10px 30px;
}

.common-padding-0-5 {
    padding: 0 5px !important;
}

.common-padding-5-0 {
    padding: 5px 0 !important;
}

.common-padding-0-10 {
    padding: 0 10px;
}

.common-padding-10-0 {
    padding: 10px 0;
}

.common-padding-top-5 {
    padding-top: 5px;
}

.common-padding-top-10 {
    padding-top: 10px !important;
}

.common-padding-top-15 {
    padding-top: 15px;
}

.common-padding-bottom-10 {
    padding-bottom: 10px;
}

.common-padding-bottom-15 {
    padding-bottom: 15px;
}

.common-padding-left-8 {
    padding-left: 8px;
}

.common-padding-left-12 {
    padding-left: 12px;
}

.common-padding-left-20 {
    padding-left: 20px;
}

.common-padding-left-22 {
    padding-left: 22px;
}

.common-padding-left-40 {
    padding-left: 40px;
}

.common-padding-right-40 {
    padding-right: 40px !important;
}

.common-padding-right-50 {
    padding-right: 50px !important;
}

.common-font-size-5 {
    font-size: 5px;
}

.common-font-size-8 {
    font-size: 8px;
}

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

.common-font-size-14 {
    font-size: 14px;
}

.common-font-size-16 {
    font-size: 16px !important;
}

.common-font-size-18 {
    font-size: 18px;
}

.common-font-size-20 {
    font-size: 20px !important;
}

.common-font-size-22 {
    font-size: 22px;
}

.common-color-red1 {
    color: #f64b30;
}

.common-color-white1 {
    color: #ffffff;
}

.common-color-blue1 {
    color: #018efb !important;
}

.common-color-black1 {
    color: #333333 !important;
}

.common-background-blue1 {
    background: #018efb !important;
}

.common-background-f4f {
    background: #f4f4f4 !important;
}

.common-display-flex {
    display: flex;
}

.common-long-hidden {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.common-dividing-line1 {
    width: 143px;
    height: 1px;
    background-color: #eeeeee;
    border: solid 1px #eeeeee;
}

.common-text-align-left {
    text-align: left !important;
}

.common-text-align-center {
    text-align: center;
}

.common-text-align-right {
    text-align: right;
}

.common-border-1-ddd {
    border: 1px solid #ddd;
}

.common-border-1-primary {
    border: 1px solid #018efb;
}

.common-border-1-eee {
    border: 1px solid #eee;
}

.common-border-radius-0 {
    border-radius: 0 !important;
}

.common-position-relative {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

.min-height-400 {
    min-height: 400px;
}
.min-height-200 {
    min-height: 200px;
}
.hover-background-eee:hover {
    background: #eee !important;
}

.common-backgrount-fff {
    background: #ffffff !important;
}

.common-background-primary {
    background: #018efb !important;
}

.max-height-600-auto {
    max-height: 600px;
    overflow-y: auto;
}

.max-height-500-auto {
    max-height: 500px;
    overflow-y: auto;
}

.common-border-none {
    border: none !important;
    box-shadow: none !important;
}

.common-min-height-42 {
    min-height: 42px !important;
}

.common-width-260 {
    width: 260px !important;
}

.common-font-weight-normal {
    font-weight: normal;
}

.common-line-height-23 {
    line-height: 23px;
}

.common-font-weight-bold {
    font-weight: bold;
}

.common-vertical-middle {
    vertical-align: middle;
}

.common-line-height-30 {
    line-height: 30px;
}

.common-line-height-46 {
    line-height: 46px;
}

.common-overflow-auto {
    overflow: auto;
}

.common-width-p-100 {
    width: 100% !important;
}


/* =================================================   分割线(template样式)   ================================================= */

.app-toast-container {
    position: fixed;
    z-index: 9999;
    top: 50%;
    width: 100%;
    -webkit-transition: opacity .8s;
    transition: opacity .8s;
    opacity: 0;
    height: 40px;
    line-height: 40px;
}

.app-toast-container.app-active {
    opacity: 1
}

.app-toast-container div {
    width: 300px;
    margin: 0 auto;
    border-radius: 5px;
    font-size: 18px;
    text-align: center;
    background-color: #018efb;
}

.app-toast-info div {
    background-color: #018efb !important;
    color: #ffffff !important;
}

.app-toast-warning div {
    background-color: #f8c716 !important;
    color: #ffffff !important;
    word-break:break-all;
}

.app-toast-error div {
    background-color: #f64b30 !important;
    color: #ffffff !important;
    word-break:break-all;
}


/* 首页顶部菜单栏相关样式 */

.home-content {
    margin: 0 auto;
    overflow: hidden;
    background: #f5f5f5;
}

.home-content-title {
    width: 1570px;
}

.home-content.home-content-title a:hover {
    text-decoration: none;
    color: #000000
}

.home-content.home-content-title a {
    cursor: pointer;
}

.home-content.home-top-menu {
    width: 1570px;
    height: 60px;
    line-height: 60px;
    color: #ffffff;
    background: #018efb !important;
}

.home-icon-xiaoxi {
    margin-right: 8px !important;
    color: #018efb;
    font-size: 11px;
}

.home-icon-tuichu {
    margin-left: 8px !important;
    margin-right: 8px !important;
    color: #018efb;
    font-size: 11px;
}

.home-logo-style {
    margin: 11px 30px;
    width: 121px;
    height: 38px;
}

.nav-tabs.home-top-menu-template li {
    margin: 0px;
}

.nav-tabs.home-top-menu-template li a {
    height: 60px;
    line-height: 60px;
    width: 135px;
    padding: 0px;
    background: #018efb;
    text-align: center;
    border: none;
    margin: 0px;
}

.nav-tabs.home-top-menu-template li.active a {
    color: #ffffff;
    background-color: #0078d7;
    border: none;
}

.nav-tabs.home-top-menu-template li a span {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    vertical-align: middle;
}

.nav-tabs.home-top-menu-template li a .iconfont {
    font-size: 26px !important;
}

.home-top-menu-right {
    width: 598px;
}


/* 首页左侧菜单栏相关样式 */

.home-left-menu-template {
    width: 181px;
    min-height: 610px;
    background: #ffffff;
    padding: 0px 12px 10px 25px;
}

.home-left-menu-template a:hover {
    text-decoration: none;
    color: #000000
}

.home-left-menu-template a {
    cursor: pointer;
}

.home-commonopera-title-template {
    height: 15px;
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
}

.home-commonopera-items-template {
    padding: 0px;
    padding-top: 10px;
    font-size: 12px;
    font-weight: 500;
}

.home-menuList-title-template {
    margin-top: 13px;
    font-size: 14px;
    font-weight: 500;
    height: 17px;
}

.home-menuList-content-template {
    margin-top: 10px;
    font-size: 12px;
    padding-left: 20px;
}


/* 首页浮动导航栏相关样式 */

.home-side-navigation-template {
    height: 306px;
    width: 51px;
    position: fixed;
    top: 40%;
    left: 50%;
    margin-left: 620px;
    font-size: 12px;
    z-index: 9;
}

.home-side-navigation-template img {
    width: 36px;
    height: 39px;
    margin-left: 7px;
}

.home-side-navigation-content-template {
    width: 51px;
    height: 51px;
    background: #ffffff;
    border: solid 1px #eeeeee;
    text-align: center;
    cursor: pointer;
}

.home-side-navigation-content-template:hover,
.home-side-navigation-content-template-extend:hover,
.home-side-navigation-content-template:hover a,
.home-side-navigation-content-template-extend:hover a {
    background-color: #018efb;
    color: #ffffff !important;
}

.home-side-navigation-content-template-extend {
    width: 51px;
    height: 51px;
    background: #ffffff;
    border: solid 1px #eeeeee;
    text-align: center;
    cursor: pointer;
}

.home-side-navigation-content-template a {
    color: #000000;
    text-decoration: none;
}

.home-side-navigation-content-template-extend a {
    color: #000000;
    text-decoration: none;
}

.home-side-navigation-template_price {
    position: absolute;
    width: 268px;
    margin-left: -278px;
    margin-top: -44px;
    padding: 10px;
    background-color: #ffffff;
    text-align: left;
    display: none;
    border: 4px solid #018efb;
    z-index: 999;
}

.home-side-navigation-template_icon {
    color: #018efb !important;
    position: absolute;
    margin-left: 248px;
    margin-top: 3px;
}

.home-side-navigation-content-template-extend:hover .home-side-navigation-template_price {
    z-index: 999;
    display: block;
}

.home-noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently not supported by any browser */
}


/* ==================================================   分割线(template样式)结束   ================================================== */


/* ==========遮罩样式============= */

.loading.modal-backdrop.in {
    opacity: 0;
    z-index: 1060;
}

img.loading.modal-backdrop.in {
    opacity: .3;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8px;
}

.toast.modal-backdrop.in {
    width: 400px;
    margin: 55% auto;
    opacity: .7;
}

*,
*:before,
*:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


/*.loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -60px;
    width: 120px;
    border-radius: 10px;
    z-index: 1060;
    background-color: #ffffff;
    box-shadow: 0px 4px 16px 4px rgba(51, 51, 51, .05);
}*/

.loader {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 30px;
    display: inline-block;
    vertical-align: middle;
}

.loader-20 {
    border: 2px dashed #018efb;
    -webkit-animation: stars-rotate-reverse 2s linear both infinite;
    animation: stars-rotate-reverse 2s linear both infinite;
}

.loader-20 .css-diamond {
    position: absolute;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    border-color: transparent transparent #018efb transparent;
}

.loader-20 .css-diamond:after {
    border-color: #0163af transparent transparent transparent;
}

.css-diamond {
    border-style: solid;
    border-color: transparent transparent #0163af transparent;
    border-width: 0 25px 25px 25px;
    height: 0;
    width: 100px;
    position: relative;
    margin: 20px 0 50px 0;
}

.css-diamond:after {
    content: "";
    position: absolute;
    top: 25px;
    left: -25px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #0163af transparent transparent transparent;
    border-width: 70px 50px 0 50px;
}

.css-heart {
    position: absolute;
    /*      width: 100px;
        height: 90px;*/
}

@-webkit-keyframes stars-rotate-reverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes stars-rotate-reverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/* 弹出框通用样式 */

.modal.fade .modal-dialog {
    /* -ms-margin: 0 auto 0;
    -webkit-margin: 35% auto -35%;
    top: 50%;
    transform: translateY(-60%); */
}

.close {
    opacity: .8;
}

.cursor-pointer {
    cursor: pointer;
}

.height-400-auto {
    height: 400px;
    overflow-y: auto;
}

.max-height-400-auto {
    max-height: 400px;
    overflow-y: auto;
}

.common-margin-80-auto {
    margin: 80px auto;
}

.hover-primary:hover,
.hover-primary:focus {
    color: #018efb;
    text-decoration: none;
    outline: none;
}

.common-wid-1000 {
    width: 1000px;
}

.modal .form-control {
    display: inline-block;
    width: 150px;
    height: 30px;
}

.col-left-margin-20 {
    margin-left: -20px;
    margin-right: 20px
}

.background-primary {
    background: #def3ff;
    border: 1px solid #b7e0fe !important;
}

.form-group>label {
    font-size: 12px;
    font-weight: normal;
}

.tr-style>th>div {
    font-size: 14px !important;
    font-weight: normal !important;
    height: 42px !important;
    line-height: 42px !important;
    color: #333 !important;
}

.common-table>tbody>tr>td>button {
    height: 42px !important;
    line-height: 42px !important;
}

.common-table>tbody>tr>td>input,
.common-table>tbody>tr>td>div {
    height: 42px !important;
    line-height: 42px !important;
    padding-left: 12px;
    overflow: hidden;
}
.common-word-break-all
{
    word-break:break-all;
}

/* 移动端 */

.common-border-radius-5 {
    border-radius: 5px;
}


/* 冻结标题栏 */

.fixed-table-container thead th .th-inner {
    /* padding: 0 !important; */
    line-height: 27px !important;
}

.fixed-table-container {
    border: none !important;
}

.bootstrap-table .fixed-table-container tbody td:first-child,
.bootstrap-table .fixed-table-container tfoot th:first-child {
    border-left: 1px solid #eee;
}


/* 滚动条 */

body {
    overflow-y: auto;
    border: none;
}

.jmis-scorll::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 0px;
}


/*高宽分别对应横竖滚动条的尺寸*/

body::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 0px;
    /*高宽分别对应横竖滚动条的尺寸*/
}

.jmis-scorll::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 0px;
    background: #b6b6b6;
}

.jmis-scorll::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 0px;
    background: #b6b6b6;
}

body::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 0px;
    background: #b6b6b6;
}

.jmis-scorll::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    border-radius: 10px;
    background: #eee;
}

body::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    border-radius: 10px;
    background: #eee;
}