@charset "utf-8";
/*-------------------后期修改-----------------------------------------*/
html, body {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, #ff7a7a, #fc8577, #f89077, #f39a79, #eea47d, #f1a786, #f4ab90, #f6af99, #fdb0aa, #ffb3bb, #ffb7cd, #fbbdde);

}
.loaderbg {
    background-color: #ffeeb2;
    width: 100%;
    height: 180%;
    overflow: hidden;
    position:absolute;
    left: 0;
    top: 0;
    z-index: 99999999;

}

::-webkit-scrollbar {
    width: 7.5px;
    height: 6px;
    background-color: #f0f0f0;
    display: none
}

::-webkit-scrollbar-thumb {
    background-color: #b1b1b1;
    border-radius: 15px
}

::-webkit-scrollbar-thumb:hover {
    background-color: #777
}

.spinnerh {
    position: absolute;
    top: 20%;
    left: 50%;
    margin-left: -150px;
    margin-top: -30px;
    width: 300px;
    height: 120px;
    text-align: center;
    font-size: 10px
}


.buttonput {
border: none;
    border-bottom: 4px solid #d3aaaa;
    width: 40%;
    font-size: 1.1rem;
    text-align: center;
    display: block;
    overflow: hidden;
    background: rgb(247 160 160 / 12%);
    border-radius: 20px;
    color: #9f7e7e;
    /* border-radius: 13px; */
    cursor: pointer;
    -webkit-transition: background 0.05s ease-in-out;
    -moz-transition: background 0.05s ease-in-out;
    margin: 0 auto;
    transition: background 0.05s ease-in-out;
    margin-top:1.5vh;
}

.butfanjian{
    background: #ef5b04;
    border-radius: 5px;
    padding: 1px 7px 1px 7px;
    color: #fff;
    box-shadow: 1px 1px 5px 0px #c763338a;
}
.sizhu1 {
    text-align: center;
    color: #813923;
    font-weight: bolder;
    background-color: #ffffff;
}

.sizhu2 {
    text-align: center;
    color: #813923;
    font-size: 1rem;
    font-weight: bolder;
    background-color: #ffffff;

}
.sizhu2-1 {
    text-align: center;
    color: #813923;
    font-size: 0.8rem;
    font-weight: bolder;
    background-color: #ffffff;

}

.sizhu4 {
    text-align: center;
    color: #813923;
    font-size: 12px;
    font-weight: bolder;
    background-color: #ffffff;
}
.sizhub {
    text-align: center;
    color: #813923;
    font-size: 19px;
    font-weight: bolder;
    background-color: #fcf8e3;
}


.sizhu5 {
    text-align: center;
    color: #0b97c4;
    font-size: 0.7rem;
    font-weight: bolder;
    background-color: #dff0d8;
}
.sizhu5d {
    text-align: center;
    color: #0b97c4;
    font-size: 18px;
    font-weight: bolder;
    background-color: #fcf8e3;
    vertical-align: middle;
    line-height: 46px;
}
.sizhu5a {
    text-align: center;
    color: #0b97c4;
    font-size: 0.7rem;
    font-weight: bolder;
    background-color: #dff0d8;
    width: 70px;
}
.sizhu5b {
    text-align: center;
    color: #0b97c4;
    font-size:16px;
    font-weight: bolder;
    background-color: #dff0d8;

}
.sizhu6 {
    text-align: center;
    color: #515c4c;
    font-size: 0.5rem;
    font-weight: bolder;
}
.sizhu7 {
    text-align: center;
    color: #5b6e53;
    font-size: 10px;
    font-weight: normal;

    /*writing-mode: vertical-lr;*/
}
.sizhu8 {
    text-align: center;
    color: #737373;
    font-size: 0.5rem;
    font-weight: bolder;

}
.sizhu9 {
    text-align: center;
    font-size: 1rem;
    font-weight: bolder;

}
.yuncheng {
    text-align: center;
    color: #f97b75;
    font-size: 0.7rem;
    font-weight: bolder;
    background-color: #ffffff00;
}
.navbar {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    margin-top: 0.4rem;
    border-radius: 0.8rem;
}

.navbar-default {
    background-color: #ffffffa6;
    border-color: #ffffff00;
    box-shadow: 0px 7px 18px -2px #9b2e2ea6;
}

.dropdown-menu > li > a {
    color: #e76c6c;
}

.dropdown-menu > li > a:hover {
    color: #ec4e4e;
    background-color: #fff3f3;
    font-weight: bolder;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #e76c6c
}

.navbar .nav > li > a:hover {
    color: #d36249;
    font-weight: bolder;
    border: none;
    border-bottom: 1px solid #ffeaea;
}

.nav .navbar-nav .navbar-right > li > a:hover {
    color: #a6ffd3;
}

.navbar-brand > img {
    display: block;
    margin-top: -0.3rem;
}


.navbar-default .navbar-brand {
    color: #f3412f73;
    font-size: 0.9rem;
    font-weight: bolder;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #c95656;
    font-weight: bolder;
    background-color: #ffffff00;
    border-radius: 1rem;
}

.navbar-default .navbar-nav > li > a {
    color: #c95656;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #c95656;
}

.navbar-default .navbar-toggle {
    border-color: #c95656
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ffdede;
}

.buttonhh {
    box-shadow: 0px 10px 14px -7px #8d5353;
    /* background: #bd3e3e; */
    background-color: #ff7777;
    border-radius: 8px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    padding: 13px 32px;
    text-decoration: none;
    /* text-shadow: 0px 1px 0px #ffffff; */
    display: block;
    text-align: center;
    margin: 0 auto;
}

/*------------------动态CSS-------------------------------------------------------------------------------------    */

.scale-up-center {
    -webkit-animation: scale-up-center 1.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up-center 1.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.heartbeat {
    -webkit-animation: heartbeat 2.5s ease-in-out infinite both;
    animation: heartbeat 2s ease-in-out infinite both;
}

@-webkit-keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}