html, body {
        position: relative;
        height: 100%;
    }
    body {
        background: #F5F5F5;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-bg{
        width: 180%;
        height: 100%;
        position:absolute;
        z-index: -1;
        /*background: url('foodiesfeed.com_matcha-latté-art.jpg') no-repeat center;*/
        /*-moz-background-size:0% 130%; /* 老版本的 Firefox */
        /*background-size:100%;*/
    }
/*    .swiper-slide {
        font-size: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }*/
    .swiper-slide p{
        text-align: center;
		font-size: 16px;
		padding: 5px 0px
    }
    .swiper-pagination{
        width: 20px;
        height: 20px;
    }
    .pagination-checkyet{
        opacity: 1;
        background-color: #1AAD19;
    }
	.swiper-wrapper{ position:relative;top:0px}
    @media screen and (min-width: 700px){
        section{
            padding: 20px;
            margin:20px 10%;
            width: 100%;
        }
        .swiper-btn{
            display: block;
        }
        .swiper-bg{
            background: #F5F5F5;
        }
        .swiper-slide {
            /*text-align: center;*/
            font-size: 18px;

            display: flex;


        }
        .swiper-container-horizontal>.swiper-pagination {
            bottom: 5%;
            left: 0;
            width: 100%
        }
        label{ 
			display:block
        }
		label,input{ 
            margin:0px;
            padding: 10px;
            cursor: pointer;
        }
        .tabs{
            padding: 5px;
            border-radius: 5px;
            margin: 10px 0;
            cursor: pointer;
			text-align:center;
			background:#FFF
        }
		.tabs input{ display:none}
    }

    @media screen and (max-width: 700px){
        section{
            padding: 20px;
            margin:20px;
            width: 100%;
        }
        .swiper-btn{
            display: none;
        }
        .swiper-bg{
            background:#F5F5F5;
        }
        .swiper-slide {
            /*text-align: center;*/
            font-size: 14px;
            display: flex;
        }
        .swiper-container-horizontal>.swiper-pagination {
            bottom: 55px;
            left: 0;
            width: 100%
        }
        label{ 
			display:block
        }
		label,input{ 
            margin:0px;
            padding: 10px;
            cursor: pointer;
        }
        .tabs{
            padding: 5px;
            border-radius: 5px;
            margin: 10px 0;
            cursor: pointer;
			text-align:center;
			background:#FFF
        }
		.tabs input{ display:none}
    }
    
   
    input[type=radio]{
        opacity: 0;
    }
    h5{
        display: none;
    }
    
    .active{
        background-color: #1AAD19;
        color: #fff;
    }
    .answer{
        display: none;
    }
/*    #swiper-activeIndex{
        position: absolute;
        z-index: 10;
        cursor: pointer;
        bottom: 30px;
        right: 30px;
        font-size: 30px;
        background-color: #1AAD19;
        width: 80px;height: 80px;
        text-align: center;
        line-height: 80px;
        border-radius:100%;
        color: #fff;
        font-weight: bold;
    }*/
    .remind-bg{
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 99;
        background-color:rgba(0,0,0,0.6);
        top: 0;
        display: none;
    }
    .remind-content{
        background-color: #fff;
        width: 70%;
        margin:0 auto;
        padding: 20px 30px;
        border-radius: 20px;
    }
    .remind-content button{
        background-color: #1AAD19;
        color: #fff;
    }
    .remind-content h3{
        text-indent: 2em;
    }
    .btn-bg{
        text-align: center;
    }
    .defult-btn{
        
        display: inline-block;
       
        margin: 10px;

        padding: .5em 1em;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.2;
        text-align: center;
        white-space: nowrap;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 0;
        cursor: pointer;
        outline: 0;
        -webkit-appearance: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: background-color .3s ease-out,border-color .3s ease-out;
        transition: background-color .3s ease-out,border-color .3s ease-out;
    }
    .defult-btn:hover{
        background-color: #e6e6e6;
        color:#ff7887;
    }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("../image/jiantou-left.png");
    left: 10px;
    right: auto
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("../image/jiantou-right.png");
    right: 10px;
    left: auto
}