html, body, .wrap {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-container-scrollbar .swiper-slide {
    height: auto;
}

.swiper-scrollbar {
    display: none;
}

.swiper-button-next {
    top: 92%;
    left: 50%;
    width: 1.45rem;
    height: 0.64rem;
    margin-left: -0.725rem;
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/phone/arrow.png) no-repeat;
    background-size: 100% 100%;
    border: none;
}

.swiper-button-next.swiper-button-disabled {
    background: none;
    border: none;
    width: 0;
    height: 0;
}

.firstScreen {
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/bg-top.jpg) no-repeat top center;
    background-size: 100% 100%;
}

.logo {
    width: 2.45rem;
    float: left;
    margin-top: 0.26rem;
    margin-left: 0.2rem;
    position: relative;
}

.login-state {
    float: right;
    margin-top: 0.48rem;
    margin-right: 0.2rem;
}

.login-state>div {
    height: 0.51rem;
    padding: 0 4px;
    color: #9a2528;
    font-size: 0.269rem;
    line-height: 0.51rem;
    border-radius: 25px;
    background: #f4eadd;
    border: 2px solid #9a2528;
}

.login-state>div a {
    padding: 0.04rem 0.09rem;
}

.login-state>div a:first-child {
    border-radius: 25px 0 0 25px;
}

.login-state>div a.active {
    color: #fff;
    background: #9a2528;
}

.main .swiper-wrapper .swiper-slide {
    height: 35.2rem;
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/bg-new.jpg) no-repeat;
    background-size: 100%;
    overflow: hidden;
    background-color: #1a1a1a;
}

/*-------签到----------*/

.singIn {
    margin-top: 3.63rem;
}

.singIn .singInDate {
    margin-left: 0.25rem;
}

.singIn .singInDate li {
    float: left;
    width: 0.9rem;
    height: 0.59rem;
    margin: 0 0.065rem 0.14rem;
    text-align: center;
    line-height: 0.59rem;
    font-size: 0.21rem;
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/date.png) no-repeat;
    background-size: 100%;
}

.singIn .singInDate li.dated {
    color: #8c8b88;
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/dated.png) no-repeat;
    background-size: 100%;
}

.singIn .singInDate li.active {
    color: #8c8b88;
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/dated.png) no-repeat;
    background-size: 100%;
}

.singIn .singInDate li.seven {
    color: #8c8b88;
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/7.png) no-repeat;
    background-size: 100%;
}

.singIn .singInDate li.eight {
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/8.png) no-repeat;
    background-size: 100%;
}

.singInTask {
    margin-top: 1.34rem;
}

.singInTask li {
    height: 1.2rem;
    margin-bottom: 0.2rem;
    padding: 0 0.48rem 0 0.39rem;
    box-sizing: border-box;
}

.singInTask li:first-child {
    height: 0.72rem;
}

.singInTask p {
    text-align: center;
    height: 1.02rem;
    font-size: 0.44rem;
    font-weight: 900;
}

.singInTask p em {
    color: #b60008;
}

.singIn .singInTask li span.leadOver {
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/leadOver.png) no-repeat;
    background-size: 100% 100%;
}

.singInTask li .img {
    float: left;
    width: 3.8rem;
    height: 1.18rem;
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/five.png) no-repeat;
    background-size: 100% 100%;
}

.singInTask li:nth-child(3) .img {
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/twelve.png) no-repeat;
    background-size: 100% 100%;
}

.singInTask li:last-child .img {
    width: 4.13rem;
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/twentyTwo.png) no-repeat;
    background-size: 100% 100%;
}

.singInTask li span:last-child {
    float: right;
    width: 2.6rem;
    color: #fff;
    margin-top: 0.28rem;
    font-size: 0.314rem;
    font-weight: 900;
    text-align: center;
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/singInBg.png) no-repeat;
    background-size: 100% 100%;
}

/*-----七选一-------*/

.sevenChoices {
    height: 9.74rem;
    padding-top: 6.8rem;
    padding-left: 0.23rem;
}

.sevenChoices ul li {
    float: left;
    height: 2rem;
    width: 1.69rem;
    margin: 0 0.05rem 0.43rem;
}

.sevenChoices ul li span {
    float: left;
    height: 2rem;
    width: 1.69rem;
}

.sevenChoices ul li:first-child .show {
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/one.png) no-repeat;
    background-size: 100% 100%;
}

.sevenChoices ul li:first-child .selected {
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/oneed.png) no-repeat;
    background-size: 100% 100%;
}

.sevenChoices ul li:nth-child(2) .show {
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/two.png) no-repeat;
    background-size: 100% 100%;
}

.sevenChoices ul li:nth-child(2) .selected {
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/twoed.png) no-repeat;
    background-size: 100% 100%;
}

.sevenChoices ul li:nth-child(3) .show {
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/three.png) no-repeat;
    background-size: 100% 100%;
}

.sevenChoices ul li:nth-child(3) .selected {
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/threeed.png) no-repeat;
    background-size: 100% 100%;
}

.sevenChoices ul li:nth-child(4) .show {
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/four.png) no-repeat;
    background-size: 100% 100%;
}

.sevenChoices ul li:nth-child(4) .selected {
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/foured.png) no-repeat;
    background-size: 100% 100%;
}

.sevenChoices ul li:nth-child(5) .show {
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/five2.png) no-repeat;
    background-size: 100% 100%;
}

.sevenChoices ul li:nth-child(5) .selected {
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/five2ed.png) no-repeat;
    background-size: 100% 100%;
}

.sevenChoices ul li:nth-child(6) .show {
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/six.png) no-repeat;
    background-size: 100% 100%;
}

.sevenChoices ul li:nth-child(6) .selected {
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/sixed.png) no-repeat;
    background-size: 100% 100%;
}

.sevenChoices ul li:nth-child(7) .show {
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/seven.png) no-repeat;
    background-size: 100% 100%;
}

.sevenChoices ul li:nth-child(7) .selected {
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/sevened.png) no-repeat;
    background-size: 100% 100%;
}

.sevenChoices ul li:nth-child(5) {
    margin-left: 0.8rem;
    margin-right: 0.23rem;
}

.sevenChoices ul li:nth-child(6) {
    margin-right: 0.23rem;
}

.sevenChoices ul li img {
    width: 100%;
    display: block;
}

.sevenChoices ul li span.selected {
    display: none;
}

.sevenChoices .receive {
    color: #fff;
    height: 0.78rem;
    width: 2.24rem;
    font-weight: 900;
    font-size: 0.314rem;
    text-align: center;
    margin-left: 2.5rem;
    line-height: 0.78rem;
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/receive.png) no-repeat;
    background-size: 100%;
}

.sevenChoices .received {
    border-radius: 5px;
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/received.png) no-repeat;
    background-size: 100% 100%;
}

/*---留言板-----*/

.msgBoardBox .msgBoard {
    width: 7.4rem;
    height: 2rem;
    margin-left: 0.12rem;
    background: url(//static1.one-piece.cc/web/onepiece/images/Hot_carnival/phone/weibobg.png) no-repeat;
    background-size: 100% 100%;
}

.msgBoardBox .msgBoard img {
    width: 1.52rem;
    height: 1.55rem;
    margin-left: 5.52rem;
    margin-top: 0.24rem;
}

.copyRight {
    width: 100%;
    color: #fff;
    height: 4rem;
    font-size: 0.18rem;
    text-align: center;
    padding-top: 0.1rem;
    box-sizing: border-box;
}

.copyRight img {
    width: 0.62rem;
}

.copyRight img:nth-child(2) {
    width: 1.75rem;
    height: 0.43rem;
    margin-left: 0.05rem;
}

/*-------移动端弹窗--------*/

.sg2_duanwu.layui-layer-dialog .layui-layer-content {
    padding: 35px 0 0;
}

.sg2_duanwu.layui-layer-dialog .layui-layer-content .dia_login {
    padding-left: 1.31rem;
    box-sizing: border-box;
}

.layui-layer-setwin {
    right: 0.27rem !important;
    top: 0.26rem !important;
}

.sg2_duanwu.layui-layer-dialog .layui-layer-setwin .layui-layer-close {
    width: 0.5rem;
    height: 0.5rem;
    top: -0.28rem;
    right: -0.48rem;
}

.sg2_duanwu.layui-layer-dialog {
    background-size: 100%;
}

.dia_login .id_input {
    width: 4rem;
}

.dia_login input, .dia_login select {
    width: 4.2rem;
    height: 0.49rem;
    font-size: 0.25rem;
    margin-bottom: 0.12rem;
}

.dia_login select {
    padding-left: 1.05rem;
}

.dia_login input::-webkit-input-placeholder {
    font-size: 0.25rem;
}

.code input {
    width: 2.95rem
}

.code img {
    width: 1.5rem;
    height: 0.49rem;
    margin-left: -0.16rem;
}

.sg2_duanwu.layui-layer-dialog .layui-layer-btn .layui-layer-btn0, .sg2_duanwu2.layui-layer-dialog .layui-layer-btn .layui-layer-btn0 {
    width: 1.34rem;
    height: 0.53rem;
}

.sg2_duanwu.layui-layer-dialog .layui-layer-content {
    padding: 35px 36px 0;
    font-size: 0.3rem;
    line-height: 0.58rem;
    box-sizing: border-box;
}

.login.layui-layer-dialog .layui-layer-content {
    height: 2.82rem !important;
    padding: 0.38rem 0 0;
    box-sizing: content-box;
}