* {
    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, 145, 73)), to(rgb(255, 153, 0)));
    -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);
    }


}
/*******************  table   ****************************************************/
table { border-collapse:collapse; border-spacing:0; text-align:center; border:none; margin:1em auto; width:100%; max-width:100%; box-shadow:0 0 1px #ccc;}

table thead {background-color:#eee; font-size:.75em; border-bottom:1px solid #ccc;}
table tbody {background-color:#fff; font-size:.875em; }
table tfoot {  background-color:#f5f5f5; font-size:.75em; border-top:1px solid #ddd;} 

table thead th,table thead td { box-shadow:0 0 1px #bbb;}


table th,table td {border:none;padding:1em;box-shadow:0 0 1px #ccc;z-index:54;}
table table th,table table td { border:none; }
table th { color:#333; font-weight:bold; font-size:1em;}
table tr:first-child {}

table thead th,table thead td { padding:1.5em 1em;}


table b { white-space:nowrap; font-weight:normal;}
table strong { white-space:nowrap; }
 
.tableodd { background-color:#f5f5f5;}
.tablehover { z-index:55; position:relative; box-shadow: 0 0 2em #ccc;}
.tableobghead {background-color:#eee;}
.tableobgfoot {background-color:#eee;}
 
.sanliehover { z-index:55; position:relative; background-color:#eee; box-shadow: 0 0 1px #333; }

 
.tablewrap { width:100%; overflow-y:auto; _overflow: auto; padding:1px;}
.tablewrap::-webkit-scrollbar {-webkit-appearance: none;width: 14px;height: 14px;}
.tablewrap::-webkit-scrollbar-thumb {border-radius: 8px;border: 3px solid #fff; background-color: rgba(0, 0, 0, .3);}







.imgdiv { overflow:hidden; text-align:center;}
.imgdiv img { display:block; margin:0 auto; max-width:100%;}


.videowrap { position:relative; text-align:center; }
.videowrap video,.videowrap img { text-align:center; margin-left:auto; margin-right:auto; max-width:100%; max-height:100%; object-fit:cover; }
.videoplay { display:inline-block; width:64px; height:64px; line-height:64px; position:absolute; left:50%; top:50%; margin-left:-32px; margin-top:-32px;color:#fff; border-radius:5em; overflow:hidden; background-color:rgba(0, 0, 0, .5);}





.clear {clear:both;}
.clearfix:after,.menubox:after,.modbox:after { content:"\200B";display:block; height:0; clear:both; }



.box { padding:0 4%;}
.boxfull { width:100%;}
.box:after,.boxfull:after { content:"\200B";display:block; height:0; clear:both; }
.box,.boxfull {  margin:0 auto; position:relative; text-align:left;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}