.cur_p{cursor:pointer}
.text-silver{color:silver!important}
.pagespace {
    margin-top:80px
}
.nav-item.active { background-color:#177dff; opacity: 0.8; border-radius:5px }
.newsdate { position: absolute; bottom: 5px; right: 5px; color: #EEE }
.newsdate_d { font-size: 22px; font-weight: bold; display: inline-block; border-right: 2px solid #EEE; padding-right: 7px; line-height: 100%; margin-right: 4px; }
.infolink { color: #181818 !important; font-weight: bold }
.infolink:hover{color:#de2525!important;text-decoration:underline}
 .media-object{max-width:100%}
    .doc_info {font-size:14px; color:silver }
.scrollup{ width:80px;position:fixed;right:0px;bottom:0px}

.nav-link:hover{color:#de2525 !important}
.itemlist li { margin-bottom:10px}
.itemlist li .fa-check-circle { color: #35cd3a}
.lg-icon {font-size:72px; margin-bottom:15px}
.timeline-title .fa-external-link-alt {
    font-size:0.9em!important}
.awardlist {
    margin-left: 20px;
    padding-left: 0px;
    margin-bottom: 40px;
}
.awardlist li {
 
    margin-bottom: 15px;
}
.el-message-box__status + .el-message-box__message { padding-left: 56px; }
.el-message-box__status {font-size:42px!important; }
.awardlist li span { display: inline-block; width: 100px }
.active .nav-link {
    color: #000 !important;
    font-weight: bold
}
a:active {
    outline: 0;
}
.offline {
    width: 108px;
    height: 108px;
    position: absolute;
    right: 0px;
    z-index: 2;
    top: 0px;
    background-image: url('../image/offline.png')
}
.avatar-uploader-icon {
    font-size: 48px;
    color: #8c939d;
    width: 100%;
    height: 155px;
    line-height: 155px !important;
    text-align: center;
}
.avatar-uploader .el-upload {
    width: 100%
}
.primary-txt {
    display: inline-block;
    color: #000;
    padding-bottom: 5px;
    border-bottom: 2px #666 solid;
    font-weight: bold;
    font-size: 16px;
    margin-top: 18px;
}
.caseinfo { background-image: url('../image/bg-gray.png');color:#FFF;text-align:center; padding:10px;height:100px }
.caselist { position: relative; padding: 35px 15px }
.clear {
    clear: both;
}
.btn-prev, .btn-next { padding: 0px 15px!important ; border-radius:14px!important }
.el-pager .number, .el-pager .more { border-radius: 14px !important }
.card .cardlink { overflow: hidden; display: block; position: relative; }
.card img {
    max-width: 100%;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    display: block;
    margin: 0px auto;
}
.brandlogo { width:112px;height:40px}
.card a:hover img { overflow: hidden; -webkit-transform: scale(1.3); transform: scale(1.3); }
.marketing{text-align:center}
.marketing .rounded-circle {margin-bottom:10px}
.qqbtn{
display:block;position:fixed; bottom:150px;right:0px;z-index:9999;text-align:center;
background-color:#f5f5f5; border:1px solid rgba(0,0,0,.1)

}
.carousel-caption h1 { font-size: 38px;text-shadow: 2px 2px 3px #000 }
.qqbtn a span { display: block; font-size: 12px; color: #666 }
.qqbtn a{display:block; padding:10px;text-decoration:none}
.qqbtn a:hover{background-color:#a3d4fa}
.barcode {  max-width:100px;max-height:100px}
@media screen and (max-width: 400px) {
.qqbtn{
display:block;position:fixed; bottom:0px!important;left:0px!important;z-index:9999;
background-color:#f5f5f5; border:1px solid rgba(0,0,0,.1)

}
.qqbtn{background-color:#000!important}
.barcode {  max-width:60px;max-height:60px}
.qqbtn a span{display:none!important}
.qqbtn a{display:inline-block; padding:10px;text-decoration:none}
}


.bg-page-footer, .navbar { background-color: #0d2644 }
.helpinfo p{ font-size:14px; color:grey; margin-bottom:0.5rem
}
.pricing-card-title{color:orange}
xsmaill{    font-size: 40%;
    font-weight: 400;}
.helpinfo h5{    font-size: 16px;
    font-weight: 700;}
.qqbtn a:hover{ background-color:#1891EC;color:#FFF}

.ipimage {
    max-width:100%; margin-top:1rem
}
.iptext{color:silver;text-align:center;margin-top:1rem; margin-bottom:3rem}
.picbox {
    object-fit: cover;
    max-width: 100%;
    padding:10px;
    height:120px;
}

.stepicon {
    font-size:48px!important;
}

.bubble-shadow:before {
    position: absolute;
    top: -10%;
    right: -80px;
    width: 160px;
    height: 160px;
    content: "";
    border-radius: 50%;
    background: rgba(255,255,255,.05);
}

.bubble-shadow:after {
    position: absolute;
    top: -10%;
    right: 60px;
    width: 100px;
    height: 100px;
    content: "";
    border-radius: 50%;
    background: rgba(255,255,255,.05);
}

.bg-primary-gradient {
    color: #FFF;
    background: #177dff !important;
    background: -webkit-linear-gradient(legacy-direction(-45deg),#36a3f7,#177dff) !important;
    background: linear-gradient( -45deg,#36a3f7,#177dff) !important;
}
    .bg-primary-gradient .card-title {
       color:#FFF!important
    }
.tbhead { background: linear-gradient(to bottom,#F9F9F9 0,#efefef 100%); font-weight: bold !important; color: #2f2f2f; border-bottom: 1px solid #ddd !important; }
.tbhead-dark { border-bottom: 1px solid #222 !important; }

    .tbhead-dark .el-table__column-filter-trigger i { color: #FFF }
.tbhead-dark { color: #FFF !important; background-color: #444 !important; background: -webkit-linear-gradient(top,#4c4c4c 0,#3f3f3f 100%) !important; background: -moz-linear-gradient(top,#4c4c4c 0,#3f3f3f 100%) !important; background: -o-linear-gradient(top,#4c4c4c 0,#3f3f3f 100%) !important; background: linear-gradient(to bottom,#4c4c4c 0,#3f3f3f 100%) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c4c4c,endColorstr=#3f3f3f,GradientType=0) !important; }

blockquote {
    margin: 0 0 1rem;
    border-left: 5px solid #006699;
    padding-left: 8px;
    background-color: #EEE;
}