﻿.row [class*="col-md-"] {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.row {
    overflow: hidden;
}

.index-kind-1 {
    position: relative;
}

.index-kind-2 {
    position: absolute;
    background-color: white;
    z-index: 100;
}

.index-kind-li {
    display: inline-block;
}

.input-w {
    width: 100%;
    max-width: 2000px;
}

.input-group-addon {
    width: 400px;
}

.image-w {
    width: 100%;
}

.input-wxs {
    width: 10px;
}

.placeholder-row {
    height: 400px;
}

    .placeholder-row h1 {
        color: gray;
        opacity: 0.5;
        line-height: 400px;
    }

.placeholder-row2 {
    height: 200px;
}

    .placeholder-row2 div {
        line-height: 200px;
    }

        .placeholder-row2 div p {
            color: gray;
            opacity: 0.5;
        }

.bg-gray {
    background-color: gray;
    opacity: 0.5;
}

a.disabled {
    pointer-events: none;
    filter: alpha(opacity=50); /*IE滤镜，透明度50%*/
    -moz-opacity: 0.5; /*Firefox私有，透明度50%*/
    opacity: 0.5; /*其他，透明度50%*/
}

.error {
    color: red;
}

.MFRSWorld-Text p {
    margin: 0px;
    text-indent: 2em;
}

#about_body {
    position: relative;
}

    #about_body ul.nav-pills {
        top: 5rem;
        position: fixed;
    }

#about_body_content div {
    margin: 5px;
}

#about_body .target-fix {
    padding-top: 5rem;
    margin-top: -5rem;
}

.fenge {
    padding: 12px 6px 0px 6px;
    margin-left: 6px;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 0;
}

.fileinput-button {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

    .fileinput-button input {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
    }


.substr {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}



@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }

    .text-font-size {
        font-size: medium;
    }

    .text-font-size2 p {
        font-size: xx-small;
    }

    .text-font-size3 {
        font-size: medium;
    }

    .text-font-size4 {
        font-size: small;
    }

    .shu123 {
        display: inline;
    }

    .text-font-size5 {
        padding: 0.75rem 0.15rem;
        font-size: x-small;
    }

    .text-font-size6 {
        width: 150px;
    }

    .text-font-size7 {
        font-size: medium;
    }

    .text-font-size8 {
        width: 90px;
        font-size: medium;
    }

    .text-font-size9 {
        font-size: medium;
    }

    .text-font-size10 {
        font-size: medium;
    }

    .text-font-size11 {
        height: 25px;
    }

    .node-product_search_tree {
        font-size: small;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }

    .signin-body {
        font-size: x-small;
        background-color: rgba(255,192,203,0.1);
    }

    .signin-calender {
        margin: 0px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }

    .text-font-size {
        font-size: x-small;
    }

    .text-font-size2 p {
        font-size: xx-small;
    }

    .text-font-size3 {
        font-size: small;
    }

    .text-font-size4 {
        font-size: small;
    }

    .shu123 {
        display: none;
    }

    .text-font-size5 {
        padding: 0.75rem 0.3rem;
        font-size: x-small;
    }

    .text-font-size6 {
        width: 90px;
        font-size: small;
    }

    .text-font-size7 {
        font-size: small;
    }

    .text-font-size8 {
        width: 90px;
        font-size: small;
    }

    .text-font-size9 {
        font-size: x-small;
    }

    .text-font-size10 {
        font-size: x-small;
    }

    .text-font-size11 {
        height: 20px;
    }

    .node-product_search_tree {
        font-size: small;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }

    .signin-body {
        font-size: x-small;
        background-color: rgba(255,192,203,0.1);
    }

    .signin-calender {
        margin: 0px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }

    .text-font-size {
        font-size: x-small;
    }

    .text-font-size2 p {
        font-size: xx-small;
    }

    .text-font-size3 {
        font-size: medium;
    }

    .text-font-size4 {
        font-size: small;
    }

    .shu123 {
        display: inline;
    }

    .text-font-size5 {
        padding: 0.75rem 0.6rem;
        font-size: x-small;
    }

    .text-font-size6 {
        width: 180px;
        font-size: medium;
    }

    .text-font-size7 {
        font-size: medium;
    }

    .text-font-size8 {
        width: 180px;
        font-size: medium;
    }

    .text-font-size9 {
        font-size: medium;
    }

    .text-font-size10 {
        font-size: small;
    }

    .text-font-size11 {
        height: 25px;
    }

    .node-product_search_tree {
        font-size: small;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }

    .signin-body {
        font-size: x-small;
        background-color: rgba(255,192,203,0.1);
    }

    .signin-calender {
        margin: 0px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }

    .text-font-size {
        font-size: x-small;
    }

    .text-font-size2 p {
        font-size: x-small;
    }

    .text-font-size3 {
        font-size: medium;
    }

    .text-font-size4 {
        font-size: small;
    }

    .shu123 {
        display: inline;
    }

    .text-font-size5 {
        padding: 0.75rem 0.75rem;
        font-size: x-small;
    }

    .text-font-size6 {
        width: 90px;
        font-size: small;
    }

    .text-font-size7 {
        font-size: small;
    }

    .text-font-size8 {
        width: 80px;
        font-size: small;
    }

    .text-font-size9 {
        font-size: small;
    }

    .text-font-size10 {
        font-size: small;
    }

    .text-font-size11 {
        height: 25px;
    }

    .node-product_search_tree {
        font-size: medium;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }

    .signin-body {
        font-size: x-small;
        background-color: rgba(255,192,203,0.1);
    }

    .signin-calender {
        margin: 0px;
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1320px;
    }

    .text-font-size {
        font-size: x-small;
    }

    .text-font-size2 p {
        font-size: x-small;
    }

    .text-font-size3 {
        font-size: medium;
    }

    .text-font-size4 {
        font-size: small;
    }

    .shu123 {
        display: inline;
    }

    .text-font-size5 {
        padding: 0.75rem 0.75rem;
        font-size: small;
    }

    .text-font-size6 {
        width: 120px;
        font-size: medium;
    }

    .text-font-size7 {
        font-size: medium;
    }

    .text-font-size8 {
        width: 120px;
        font-size: small;
    }

    .text-font-size9 {
        font-size: small;
    }

    .text-font-size10 {
        font-size: small;
    }

    .text-font-size11 {
        height: 25px;
    }

    .node-product_search_tree {
        font-size: medium;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }

    .signin-body {
        font-size: x-small;
        background-color: rgba(255,192,203,0.1);
    }

    .signin-calender {
        margin: 20px;
    }
}

@media (min-width: 1880px) {
    .container {
        max-width: 1700px;
    }

    .text-font-size {
        font-size: medium;
    }

    .text-font-size2 p {
        font-size: medium;
    }

    .text-font-size3 {
        font-size: medium;
    }

    .text-font-size4 {
        font-size: small;
    }

    .shu123 {
        display: inline;
    }

    .text-font-size5 {
        padding: 0.75rem 1.25rem;
        font-size: small;
    }

    .text-font-size6 {
        width: 180px;
        font-size: medium;
    }

    .text-font-size7 {
        font-size: medium;
    }

    .text-font-size8 {
        width: 180px;
        font-size: medium;
    }

    .text-font-size9 {
        font-size: medium;
    }

    .text-font-size10 {
        font-size: medium;
    }

    .text-font-size11 {
        height: 30px;
    }

    .node-product_search_tree {
        font-size: medium;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }

    .signin-body {
        font-size: small;
        background-color: rgba(255,192,203,0.1);
    }

    .signin-calender {
        margin: 20px;
    }
}

#userregister_Email_select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: white;
    font-weight: bold;
    background-size: 20%;
}

/*带搜索图标的搜索框样式*/
#searchInput {
    float: left;
    width: 100%;
}

    #searchInput .form-control {
        border: 1px solid #AAAAAA;
    }

    #searchInput .search {
        border: 1px solid #0088CF;
    }

#searchTubiao {
    float: left;
    font-size: 16px;
    margin-left: -20px;
    margin-top: 2px;
}

    #searchTubiao a {
        color: #AAAAAA;
        text-decoration: none;
    }

        #searchTubiao a:hover {
            text-decoration: none;
            color: #0088CF;
        }

    #searchTubiao .tubiao {
        color: #0088CF;
    }



/*
 *    loading加载动画样式
 */
.ui-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    background-color: rgba(0,0,0,0.4);
}

.sk-fading-circle {
    width: 60px;
    height: 60px;
    top: 50%;
    margin: 0 auto;
    position: relative;
}

    .sk-fading-circle .sk-circle {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

        .sk-fading-circle .sk-circle:before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 15%;
            height: 15%;
            background-color: #333;
            border-radius: 100%;
        }

    .sk-fading-circle .sk-circle2 {
        transform: rotate(30deg);
    }

    .sk-fading-circle .sk-circle3 {
        transform: rotate(60deg);
    }

    .sk-fading-circle .sk-circle4 {
        transform: rotate(90deg);
    }

    .sk-fading-circle .sk-circle5 {
        transform: rotate(120deg);
    }

    .sk-fading-circle .sk-circle6 {
        transform: rotate(150deg);
    }

    .sk-fading-circle .sk-circle7 {
        transform: rotate(180deg);
    }

    .sk-fading-circle .sk-circle8 {
        transform: rotate(210deg);
    }

    .sk-fading-circle .sk-circle9 {
        transform: rotate(240deg);
    }

    .sk-fading-circle .sk-circle10 {
        transform: rotate(270deg);
    }

    .sk-fading-circle .sk-circle11 {
        transform: rotate(300deg);
    }

    .sk-fading-circle .sk-circle12 {
        transform: rotate(330deg);
    }

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

.sk-fading-circle .sk-circle:before {
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2:before {
    animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
    animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
    animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
    animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
    animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
    animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
    animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
    animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
    animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
    animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12:before {
    animation-delay: -0.1s;
}
#goto_website_3,#goto_website_4{
	display:none
}
ul.navbar-nav.ml-auto>li.dropdown:first-child>div.dropdown-menu>a.dropdown-item:nth-child(n+3){
display:none
}
.mousecodeflag, .mousecodeflag2, div#mousecode~span.shu123, div.card-body:has(div#mousecode)>div.row:nth-child(4){
display:none
}
.jumbotron{padding:10px !important}
.jumbotron>div{padding:2px  !important}
.jumbotron>p{margin-bottom:0px}
div.aboutscrollview{height:calc(100vh - 225px);}

div.aboutscrollview.row>div[class*="col-md-"]{margin-bottom:-500px  !important;padding-bottom:500px  !important;}
div.card:has(img#content_qrcode){display:none}