* {
    font-family: "微软雅黑";
}

html, body { scroll-behavior:smooth; }

.x-color-white {
    /*background:color image repeat attachment position (不分先后)*/
    background: #fff
}

.x-color-blue {
    background:#0e2c4e
}

.x-color-yellow1 {
    background:#e28712
}
.x-color-yellow2 {
    background:#f9b700

}

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

.x-margin0 {
    margin:0 0;
}

.x-padding-vertical-10 {
    padding-top:10px;
    padding-bottom:10px;
}

.text-orange {
    color:#fb791b;
}

.text-purple {
    color:#0e2c4e;
}

.bg-orange {
    display: inline-block;
    padding:0.4rem 2rem;
    background: #fb791b;
}

/*阿里矢量图标*/
.icon {
  width: 16px;
  height: 16px;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.bg-nav {
    background:#0e2c4e;
}

h4  .icon {
  width: 20px;
  height: 20px;
}

.hezuo-leixing .nav-tabs,.h1-border {
    border-bottom:1.5px solid #0e2c4e;
}

.hezuo-leixing .nav-tabs .nav-link,
.hezuo-leixing .nav-tabs .nav-item .nav-link {
  color:#333333;
  background-color:#d8d8d8;
  border-bottom:1px solid #0e2c4e;
}

.hezuo-leixing .nav-tabs .nav-link.active,
.hezuo-leixing .nav-tabs .nav-item.show .nav-link {
    color:#fff;
    background-color: #0e2c4e;
    border-bottom:2px solid #fb791b;
}

.border-color {
   border:1px solid #666666 !important;
}

.border-dashed {
    color:#666666;border:1px dashed #666666 !important;
}

.hezuo-youshi {
    background: #ebebeb;
    border: 0;
}


.hezuo-youshi h4 {
    display: inline;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgb(193,26,27)), to(rgb(93,19,111)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.hezuo-youshi .card-body > span {
    display: inline;
}

.hezuo-youshi .iconfont {
    font-size:25px;
}

.hezuo-tiaojian p:first-of-type {
    background:#e8e8e8;
    padding:14px;
}

#nav-tabContent .card{
     height: 144px;
     /*width:270px;*/
}

#nav-tabContent .card-body {
    position: relative;
}

#nav-tabContent .card-body span {
    display:inline-block;
    width:239px;
    position: absolute;
    top:50%;
    left:0;
    right:0;
    margin:auto;
    transform: translateY(-50%);
}

.orange_mask {
    position: absolute;
    top:-15px;
    left:50%;
    transform: translateX(-50%);
    padding:0px 12px;
    color:#fb791b;
    background-color: #ffffff;
	border-radius: 2px;
	border:1px solid #fb791b;
}

.ring {
    padding:3px 10px;
    background: #032640;
    color:#fff;
    border-radius:50%;
}

.fix-left {
    position: fixed;
    top: 85px;
}

.btn-link {
    /*text-align: left;*/
    /*white-space: normal;*/
    /*word-break: break-all;*/
}

.btn-css {
    padding:0.5rem 3rem;
    border:1px solid #333333;
    border-radius:1.84rem;
}

a.btn-css {
    color:#333333;
    background: transparent;
}

a.btn-css:hover {
    color:#fff;
    background:  #0e2c4e;
}

@media (max-width: 576px) {
    .card-css.card-columns {
        -webkit-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }

    .card-css.card-columns .card {
        display: inline-block;
        min-width: 106px;
    }

    .btn-link {
        font-size: 14px;
        text-align: left;
        white-space: normal;
        word-break: break-all;
    }

    .card-css .card {
        padding:1rem;
        border:1px solid #dee2e6;
        box-shadow:0 0 8px rgba(0, 0, 0, 0.4);
    }


}