@charset "utf-8";



body{

    position: relative;

}



header{

    #position: sticky;

}



footer{

    bottom:30px;

}



.wrapper{

    width:100%;

    max-width: 500px;

    margin: 0 auto;

}



.wrapper .visual{

    width: 100%;

    background-color: #101010;

    padding:20px 0 20px 0;

}



.wrapper .swiper-slide{

    background-position: center;

    background-size: cover;

    width: 200px;

    height: 280px;

    border-radius:4px;

    margin-top: 1%;

}



.wrapper .notice{

    background-color: #101010;

    color: #333;

    font-size: 1.1em;

    border: 1px solid #333;

    #border-radius: 3px;

    width: 100%;

    height: 30px;

}

.wrapper .notice ul{

    overflow:hidden;

    height: 100%;

}

.wrapper .notice ul li{

    font-size: 1.2em;

    list-style: none;

    padding-left: 5px;

}

.wrapper .notice ul li a{

    display: table-cell;

    height: 30px;

    text-align:center;

    vertical-align: middle;

}





.wrapper .section{

    margin-top: -30px;

}

.wrapper .section img{

    width: 100%;

}



.wrapper .miss{

    width: 100%;

    background-color: #603698;

    overflow: hidden;

}

.wrapper .miss .subject{

    width: 100%;

    margin-top:10%;

    text-align: center;

}

.wrapper .miss .subject img{

    width: 37%;

}

.wrapper .miss .content{

    width: 90%;

    height: 250px;

    margin: 0 auto;

    margin-top:3%;

}

.wrapper .miss .content ul{

    overflow:hidden;

    height: 260px

}

.wrapper .miss .content ul li{

    display:block;

    float: left;

    list-style: none;

    width: 33.3%;

    padding: 2.2% 3.5%;

    text-align: center;

}

.wrapper .miss .content ul li .photo img{

    width: 90px;

    height: 90px;

    border-radius: 8px;

}

.wrapper .miss .content ul li .text{

    margin-top: 7%;

    padding: 0 4% 0 4%;

}

.wrapper .miss .content ul li span{

    font-size: 1.2em;

    color: #fffeff;

}

.wrapper .miss .content ul li .name{

    float: left;

}

.wrapper .miss .content ul li .age{

    float: right;

}

.wrapper .miss .more{

    clear:both;

    width: 100%;

    text-align: center;

    margin-top:6%;

    margin-bottom:12%;

}

.wrapper .miss .more img{

    width: 20%;

}



.wrapper .couple-ok-list{

    width: 100%;

    background-color: #2f0417;

    overflow: hidden;

}

.wrapper .couple-ok-list .subject{

    width: 100%;

    margin-top:10%;

    text-align: center;

}

.wrapper .couple-ok-list .subject img{

    width: 54%;

}

.wrapper .couple-ok-list .content{

    width: 90%;

    margin: 0 auto;

    margin-top:5%;

    border: 0px solid red;

    font-size: 1.20em;

}

.wrapper .couple-ok-list .more{

    width: 100%;

    text-align: center;

    margin-top:5%;

}

.wrapper .couple-ok-list .more img{

    width: 20%;

}

.wrapper .couple-ok-list .content{

    overflow: hidden;

    height:200px;

}

.wrapper .couple-ok-list .content table{

    border-collapse:collapse;

}

.wrapper .couple-ok-list .content table tr:first-child{

    border-top: 1px solid #3f3f3f;

}

.wrapper .couple-ok-list .content table tr{

    border-bottom: 1px solid #3f3f3f;

    height: 32px;

}

.wrapper .couple-ok-list .content table tr td:first-child{

    width: 25%;

    color: #adadad;

    text-align: left;

    padding-left: 3%;

}

.wrapper .couple-ok-list .content table tr td{

    color: #f2f2f2;

    text-align: center;

}

.wrapper .couple-ok-list .content table tr td:last-child{

    width: 25%;

    text-align: right;

    padding-right: 3%;

}

.wrapper .couple-ok-list .content .state-ready{

    color: #fff;

    /*#c2c731 */

}

.wrapper .couple-ok-list .content .state-success{

    color: #36b18d;

}

.wrapper .couple-ok-list .content .state-cancel{

    color: #fe3131;

}

.wrapper .couple-ok-list .visit{

    width: 100%;

    text-align: center;

    margin-top: 17%;

    margin-bottom: 11%;

}

.wrapper .couple-ok-list .visit .subject{

    font-size: 1.4em;

    font-weight: bold;

    color: #f8305f;

}

.wrapper .couple-ok-list .visit .date{

    font-size: 1.6em;

    font-weight: bold;

    color: #ccc;

    text-shadow:0px 0px 3px #f8305f, 0px 0px 40px #f8305f, 0px 0px 72px #f8305f,0px 0px 200px #f8305f;

}

.wrapper .couple-ok-list .visit .count{

    font-size: 1.5em;

    font-weight: bold;

    color: #e2ee22;

    text-shadow:0px 0px 2px #fff, 0px 0px 42px #f72, 0px 0px 72px #f84,0px 0px 150px #fa5;

}