body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: "Microsoft YaHei";
    /*background-image: url(../img/22.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;*/
    background: #FFF;
}


input, select {
    background: none;
    outline: none;
    border-radius:unset;
}

img{
    width:100%;
    height:100%;
    display: block;
}

.swiper-container {
    width: 100%;
    overflow: hidden;
}

    .swiper-container img {
        width: 100%;
        overflow: hidden;
    }

.container {
    padding: 0;
    margin-bottom: 0.95rem;
    height: 100%;
    /*background-color: #bb0000;*/
}

.one-a {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

    .one-a img {
        width: 100%;
    }


.content_one {
    width: 100%;
    height: auto;
    position: relative;
    background: #FFF;
}

.content_two{
    width:calc(100% - 30px);
    margin:20px auto;
}

/****** ±íµ¥ ******/
.one-bb {
    background-color:white;
    padding: 5% 10%;
    width: 100%;
}

.item {
    width: 100%;
    font-size: 16px;
    height: 0.7rem;
    /*height: 40px;*/
    border: none;
    display: block;
    margin: 0 auto;
    margin-top: 0.24rem;
    position: relative;
    z-index: 1;

}

    .item p {
        position: absolute;
        top: 6px;
        right: 4%;
        line-height: 24px;
        font-size: 12px;
        color: #8d8d8d;
        border:none;
    }

    .item input, .item select {
        width: 100%;
        font-size: 12px;
        height: 100%;
        text-indent: 10px;
        border: 1px solid #858286;
        /*border-radius: 5px;*/
        outline: none;
        background:#FFF !important;
    }

    .item img{
        width:100%;
    }

    .item_txt{
        width:100%;
        height:auto;
        font-weight:bold;
        margin:0 auto;
        text-align:center;
        font-size:22px;
    }

    .item_txt img{
        width:60%;
    }

.item_btn {
    background: #b10d0d;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient( to right,#ff1313, #fea9a9);
}

/*.swiper-slide img {
    width: 100%;
    border-radius: 8px;
}*/
/*#tc {
    display: none;
    position: fixed;
    z-index: 600;
    top: 25%;
    width: 84%;
    margin-left: 8%;
    background: white;
    padding: 20px 0;
}

.tc-b {
    width: 90%;
    height: auto;
    top: 20%;
    margin-left:5%;
}

#tc .item{
    height:30px !important;
    width:90% !important;
}

    #tc .item p {
        top:2px !important;
    }

#tc .item_btn {
    font-size:14px;
}

#close{
    width:30px;
    position:absolute;
    right:-12px;
    top:-32px;
}*/
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes hongbao {
    0% {
        transform: rotate(0);
    }

    25% {
        transform: rotate(-9deg);
    }

    50% {
        transform: rotate(0);
    }

    75% {
        transform: rotate(9deg);
    }

    100% {
        transform: rotate(0);
    }
}

@-webkit-keyframes hongbao {
    0% {
        transform: rotate(0);
    }

    25% {
        transform: rotate(-9deg);
    }

    50% {
        transform: rotate(0);
    }

    75% {
        transform: rotate(9deg);
    }

    100% {
        transform: rotate(0);
    }
}

@-o-keyframes hongbao {
    0% {
        transform: rotate(0);
    }

    25% {
        transform: rotate(-9deg);
    }

    50% {
        transform: rotate(0);
    }

    75% {
        transform: rotate(9deg);
    }

    100% {
        transform: rotate(0);
    }
}

@-moz-keyframes hongbao {
    0% {
        transform: rotate(0);
    }

    25% {
        transform: rotate(-9deg);
    }

    50% {
        transform: rotate(0);
    }

    75% {
        transform: rotate(9deg);
    }

    100% {
        transform: rotate(0);
    }
}

.pro {
    width:calc(100% - 40px)!important;
    padding:5% 0;
    margin:auto;
    overflow:hidden;
}

.prob {
    float:left;
    width:100%;
    margin:auto;
}

.timu {
    font-size:12px!important;
}

    .timu span {
        color:red;
    }

.daan {
    margin-top:10px;
    overflow:hidden;

}

    .daan div {
        float:left;
        font-size:12px!important;
        background-color:#eee;
        width:calc(50% - 10px);
        margin:8px 5px;
        text-align:center;
        line-height:30px;
        border-radius:5px;
    }

.xz {
    text-align:center;
    color:#f0f0f0;
}

    .xz span {
        color: #38f;
    }

.fenge, .tijiao {
    display:none;
}

.active {
    background: #5c9dff!important;
    color:white;
}

.gongneng {
    width: 98%;
    margin: 20px 1% 10px 1%;
    display: flex;
    justify-content: space-between;
}

    .gongneng div {
        width: calc(100% / 7);
        line-height: 20px;
        background: -webkit-linear-gradient(left, #ff1515,#f7a6a6);
        background: -o-linear-gradient(left,#ff1515, #f7a6a6);
        background: -moz-linear-gradient(left,#ff1515, #f7a6a6);
        background: -ms-linear-gradient(left,#ff1515, #f7a6a6);
        border-radius: 10px;
        font-size: 12px;
        color: white;
        text-align: center;
        cursor: pointer;
    }

    .gongneng .act {
        background: #3d342d !important;
    }

.swi {
    width: 84%;
    position: absolute;
    bottom: 20px;
}

.ljyy {
    position: absolute;
    top: 48%;
    left: 70vw;
    background: #b10d0d;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    padding: 6px 20px;
    z-index:12;
}

.cover {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000000;
    width: 100%;
    height: 100%;
    z-index: 12;
    left: 0;
    top: 0;
    opacity:0.6
}

.box {
    width: 90%;
    position: fixed;
    z-index: 13;
    margin: auto;
    left: 5%;
    top: 25%;
}