* {
    margin: 0;
    padding: 0;
}

a img {
    border: none;
}

ul, li {
    list-style: none;
}

i {
    font-style: normal;
}

h1, h2, h3, h4 {
    font-weight: normal;
}

body {
    width: 7.5rem;
    font-size: "微软雅黑，苹方";
}
/*---------通用样式----------*/
.top-title {
    display: block;
    width: 100%;
    height: .9rem;
    background-image: linear-gradient(to right, #f14815, #fd6509);
}

.return {
    display: block;
    width: .58rem;
    height: .58rem;
    background: url(../images/return.png) no-repeat;
    background-size: 100% 100%;
    margin: .16rem 0 0 .15rem;
    overflow: hidden;
    float: left;
}

.top-title > span {
    width: 6.05rem;
    height: .9rem;
    display: block;
    line-height: .9rem;
    text-align: center;
    font-size: .36rem;
    float: left;
    color: #fefaec;
}
/*------------活动列表页-----------*/
.activity-list {
    width: 94%;
    height: auto;
    padding: .3rem 3%;
}

.activity-list-item {
    width: 100%;
    height: auto;
    box-shadow: 0 0 5px #ddd;
    clear: both;
    position: relative;
    margin-bottom: .3rem;
}

    .activity-list-item > img {
        width: 100%;
        display: block;
    }

.list-title {
    width: 100%;
    height: 2.1rem;
    font-size: .28rem;
}

    .list-title span {
        display: block;
        width: 94%;
        height: .9rem;
        line-height: .9rem;
        padding: 0 3%;
    }

        .list-title span h4 {
            display: block;
            width: 4.6rem;
            height: .9rem;
            float: left;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.hot-progress {
    display: block;
    height: .6rem;
    padding: 0 .3rem;
    border-radius: .5rem;
    float: right;
    background: #f75a53;
    line-height: .6rem;
    color: #fff;
    font-style: normal;
    margin-top: .15rem;
}

.action-progress {
    display: block;
    height: .6rem;
    padding: 0 .3rem;
    border-radius: .5rem;
    float: right;
    background: #02bb2e;
    line-height: .6rem;
    color: #fff;
    font-style: normal;
    margin-top: .15rem;
}

.past-progress {
    display: block;
    height: .6rem;
    padding: 0 .3rem;
    border-radius: .5rem;
    float: right;
    background: #e6e5e5;
    line-height: .6rem;
    color: #333;
    font-style: normal;
    margin-top: .15rem;
}

.list-title ul {
    width: 94%;
    height: 1.05rem;
    background: #f8f8f8;
    padding: 0 3%;
    line-height: .48rem;
    padding-top: .15rem;
    color: #666;
}

.goTop {
    position: absolute;
    top: .3rem;
    right: .3rem;
    width: .75rem;
    height: .6rem;
    background: #fff url(../images/zhiding.png) no-repeat;
    background-size: 100% 100%;
    box-shadow: 0 0 5px #ddd;
    border-radius: .3rem;
    padding-left: .58rem;
    font-size: .28rem;
    line-height: .6rem;
    color: #666;
    z-index: 9;
    display: block;
    text-decoration: none;
}
/*------------活动列表页 结束-----------*/

/*------------活动页-----------*/
.activity-container {
    width: 100%;
    height: auto;
    background: url(../images/activitybg.jpg) top center no-repeat;
    background-size: 100% auto;
}

.activity-container {
    width: 94%;
    height: 19.5rem;
    padding: .6rem 3% 0 3%;
    font-size: .3rem;
    color: #fff;
    text-align: center;
}

    .activity-container h2 {
        text-shadow: 1px 1px 1px #e34f16;
        height: 1.9rem;
        font-size: .4rem;
    }

.activity-introword {
    width: 6.3rem;
    height: 6.45rem;
    margin: 0 auto;
    padding-top: .55rem;
    text-align: left;
    font-size: .26rem;
    color: #666;
    line-height: .48rem;
}

    .activity-introword h4 {
        color: #d13100;
        display: block;
        width: 100%;
        font-weight: bold;
    }

    .activity-introword span {
        margin-bottom: .2rem;
        display: block;
        color: #333;
        line-height: .4rem;
    }
/* 滚动内容区样式 */
#sucai {
    width: 97%;
    height: 2rem;
    margin: 0 auto;
    overflow: hidden;
    font-size: .26rem;
    color: #333;
    line-height: .4rem;
    padding-right: .2rem;
}

    #sucai p {
        text-align: left;
        text-indent: 2em;
    }

.nicescroll-rails {
    background: #e6dad8;
    border-radius: .5rem;
}

.activity-btn {
    display: block;
    width: 4.6rem;
    height: .8rem;
    line-height: .8rem;
    background-image: linear-gradient(to right, #ff5614, #fb7320);
    margin: 0 auto;
    border-radius: .1rem;
    font-size: .3rem;
    color: #fdf3e5;
    text-align: center;
    text-decoration: none;
}
/*--------选项卡--------*/
.nTab {
    width: 100%;
    padding-top: .65rem;
}

.none {
    display: none;
}

.tab {
    width: 100%;
    height: .92rem;
    line-height: .93rem;
}

    .tab .item {
        width: 3.28rem;
        height: .93rem;
        display: block;
        margin: 0 auto;
        line-height: .8rem;
        text-align: center;
        font-size: .3rem;
        color: #a46501;
        text-shadow: 1px 0px 3px #fbebd8;
        font-weight: bold;
        background: url(../images/tablink.png) no-repeat;
        background-size: 100% 100%;
        text-decoration: none;
    }

    .tab .cur {
        background: url(../images/tabactive.png) no-repeat;
        background-size: 100% 100%;
        color: #cd2800;
    }

.TabContent {
    width: 94%;
    height: auto;
    clear: both;
    background: #fdecd6;
    border-radius: .2rem;
    padding: .3rem 3%;
    color: #b58a4d;
}

.lists > p {
    display: block;
    width: 6.27rem;
    padding: .2rem 0;
    font-size: .28rem;
    color: #a46501;
    text-align: left;
    margin: 0 auto;
}

.lists > ul > li {
    display: block;
    width: 5.47rem;
    height: 1.94rem;
    background: url(../images/jgbg.png) no-repeat;
    background-size: 100% 100%;
    margin: .1rem auto;
    position: relative;
    padding: .4rem .4rem 0 .4rem;
    clear: both;
}

    .lists > ul > li > div {
        width: 100%;
        height: .9rem;
    }

        .lists > ul > li > div > i.listname-icon {
            display: block;
            width: .87rem;
            height: .87rem;
            background: url(../images/listname.png) no-repeat;
            background-size: 100% 100%;
            float: left;
        }

        .lists > ul > li > div > span {
            display: block;
            width: 3.2rem;
            height: .9rem;
            font-size: .36rem;
            padding-left: .2rem;
            float: left;
            text-align: left;
        }

            .lists > ul > li > div > span h4 {
                font-size: .36rem;
                display: block;
                width: 100%;
                height: .5rem;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-weight: bold;
                color: #a46501;
            }

            .lists > ul > li > div > span i {
                font-size: .28rem;
                display: block;
                height: .3rem;
            }

    .lists > ul > li > span {
        display: block;
        clear: both;
        width: 100%;
        height: .99rem;
        line-height: .99rem;
        text-align: left;
    }

        .lists > ul > li > span .activity-score {
            display: block;
            width: 48%;
            float: left;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .lists > ul > li > span .activity-time {
            display: block;
            width: 48%;
            float: right;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

    .lists > ul > li > i {
        display: block;
        width: .92rem;
        height: .82rem;
        background: url(../images/all.png) no-repeat;
        background-size: 100% 100%;
        padding-top: .29rem;
        line-height: .82rem;
        font-size: .45rem;
        color: #fff;
        position: absolute;
        top: 0;
        right: .66rem;
        z-index: 9;
        font-weight: bold;
        text-shadow: 2px 1px 1px #c08d3d;
    }

    .lists > ul > li:fitst-child > i.medal-jin {
        background: url(../images/jin.png) no-repeat;
        background-size: 100% 100%;
        text-shadow: 2px 1px 1px #e2c000;
    }

    .lists > ul > li > i.medal-yin {
        background: url(../images/yin.png) no-repeat;
        background-size: 100% 100%;
        text-shadow: 2px 1px 1px #919a99;
    }

    .lists > ul > li > i.medal-tong {
        background: url(../images/tong.png) no-repeat;
        background-size: 100% 100%;
        text-shadow: 2px 1px 1px #ff2802;
    }

.activity-return {
    display: block;
    width: 1rem;
    height: 1rem;
    background: url(../images/activity-return.png) no-repeat;
    background-size: 100% 100%;
    position: fixed;
    bottom: 1.5rem;
    right: .5rem;
    z-index: 999;
    display: none;
}
/*------------活动页结束-----------*/

/*------------答题纪录-----------*/
.answer-container {
    width: 94%;
    height: 10.57rem;
    padding: .3rem 3%;
    background: url(../images/datibg.jpg) no-repeat;
    background-size: 100% 100%;
}

.redord-list {
    width: 100%;
    height: auto;
    margin-bottom: .5rem;
}

    .redord-list > h4 {
        display: block;
        width: 100%;
        height: .86rem;
        padding-top: .08rem;
        line-height: .86rem;
        font-size: .28rem;
        color: #fceede;
        background: url(../images/recordtitle.png) no-repeat;
        background-size: 100% 100%;
        text-align: center;
        font-weight: bold;
    }

        .redord-list > h4 > i:nth-child(1n) {
            width: 3.81rem;
            height: .85rem;
            float: left;
            margin: 0 .01rem 0 .13rem;
        }

        .redord-list > h4 > i:nth-child(2n) {
            width: 1.46rem;
            height: .85rem;
            float: left;
            margin: 0 .01rem 0 0;
        }

        .redord-list > h4 > i:nth-child(3n) {
            width: 1.51rem;
            height: .85rem;
            float: left;
            margin: 0;
        }

    .redord-list > span {
        display: block;
        width: 100%;
        height: auto;
        line-height: .8rem;
        font-size: .28rem;
        color: #7e2222;
        background: url(../images/recordbg.png);
        background-size: 100% 100%;
        text-align: center;
        font-weight: bold;
        clear: both;
    }

        .redord-list > span > ul li {
            clear: both;
            width: 100%;
            height: .8rem;
        }

            .redord-list > span > ul li:nth-child(2n) i {
                background: #fbe3d2;
            }

            .redord-list > span > ul li i:nth-child(1n) {
                display: block;
                width: 3.81rem;
                height: .8rem;
                float: left;
                margin: 0 .01rem 0 .17rem;
            }

            .redord-list > span > ul li i:nth-child(2n) {
                width: 1.44rem;
                height: .8rem;
                float: left;
                margin: 0 .01rem 0 0;
            }

            .redord-list > span > ul li i:nth-child(3n) {
                width: 1.47rem;
                height: .8rem;
                float: left;
                margin: 0;
            }

    .redord-list > img {
        display: block;
        width: 100%;
        height: auto;
    }
/*------------我的战绩------------*/
.contest {
    padding: 0;
    width: 100%;
}

.contest-title {
    display: block;
    clear: both;
    width: 100%;
}

.contest_content {
    width: 6.99rem;
    height: 2.2rem;
    padding-bottom: .65rem;
    margin: 0 auto;
}

    .contest_content ul li {
        width: 1.63rem;
        height: 1.55rem;
        float: left;
        background: url(../images/scorebg.png) no-repeat;
        background-size: 100% 100%;
        padding: .65rem .36rem 0 .34rem;
        color: #fc8376;
        font-size: .24rem;
        text-align: center;
    }

        .contest_content ul li span {
            font-size: .38rem;
            display: block;
            width: 100%;
            height: .7rem;
            color: #e01b05;
            font-weight: bold;
        }


        .contest_content ul li i {
            padding-top: .06rem;
        }

.contestbtn {
    display: block;
    width: 5.05rem;
    height: 1.07rem;
    margin: .22rem auto;
    background: url(../images/contextbtn.png) no-repeat;
    background-size: 100% 100%;
}

.answerbtn {
    display: block;
    width: 5.05rem;
    height: 1.07rem;
    margin: .22rem auto;
    background: url(../images/answerbtn.png) no-repeat;
    background-size: 100% 100%;
}
/*------------我的成绩------------*/
.CJ-content {
    width: 6.62rem;
    height: 4.25rem;
    margin: 0 auto;
    background: url(../images/chengjibg.png) no-repeat;
    background-size: 100% 100%;
    padding: .24rem .14rem 0 .16rem;
    font-size: .28rem;
    color: #7e2222;
}

    .CJ-content ul li {
        width: 4.82rem;
        height: .8rem;
        line-height: .8rem;
        clear: both;
        padding: 0 .9rem;
    }

        .CJ-content ul li:nth-child(2n) {
            background: #fbe3d2;
        }

        .CJ-content ul li span {
            display: block;
            width: 2.6rem;
            height: .8rem;
            float: left;
        }

        .CJ-content ul li i {
            display: block;
            float: left;
            width: 2.2rem;
        }

.score-button {
    clear: both;
    padding: .9rem 0 .57rem 0;
    width: 6.92rem;
    margin: 0 auto;
    height: .88rem;
}

.againbtn {
    display: block;
    width: 2.38rem;
    height: .88rem;
    background: url(../images/againbtn.png) no-repeat;
    background-size: 100% 100%;
    float: left;
}

.lookbtn {
    display: block;
    width: 2.38rem;
    height: .88rem;
    background: url(../images/lookbtn.png) no-repeat;
    background-size: 100% 100%;
    float: right;
}

.score-word {
    font-size: .24rem;
    display: block;
    width: 6.92rem;
    height: auto;
    line-height: .36rem;
    margin: 0 auto;
    clear: both;
    color: #fce6e0;
}
/*---------------答题页面-------------*/
.time-content {
    width: 3.9rem;
    height: 1.63rem;
    background: url(../images/timebg.png) no-repeat;
    background-size: 100% 100%;
    padding: .45rem 0 0 2.5rem;
    margin: 0 auto;
}

.time-mode {
    width: 2.06rem;
    height: .83rem;
    padding: .57rem 0 0 1.4rem;
    background: url(../images/time.png) no-repeat;
    background-size: 100% 100%;
    color: #ff472f;
    font-size: .36rem;
    font-weight: bold;
}

.exam-img {
    display: block;
    width: 100%;
    margin: 0 auto;
    height: auto;
}

.exam-list {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: url(../images/exambg.png) no-repeat;
    background-size: 100% 100%;
    clear: both;
    font-size: .28rem;
    color: #7e2222;
}

    .exam-list h4 {
        font-size: .3rem;
        margin-bottom: .2rem;
        width: 75%;
        margin: 0 auto;
    }

    .exam-list ul li {
        width: 75%;
        height: auto;
        margin: 0 auto;
        padding-top: .3rem;
    }

        .exam-list ul li a {
            color: #7e2222;
            display: block;
            width: 96%;
            margin: 0 auto;
            min-height: .6rem;
            line-height: .48rem;
            background: #fddfb1;
            border-radius: .2rem;
            text-decoration: none;
            text-align: left;
            padding: 2%;
        }

        .exam-list ul li.active a {
            background: #fdc395;
        }

/*---------查看答案---------*/
.answer-seesee {
    width: 94%;
    height: auto;
    padding: .3rem 3%;
}

.answer-item {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ddd;
    clear: both;
    font-size: .28rem;
    color: #494a4e;
    margin-bottom: .3rem;
}

    .answer-item h4 {
        display: block;
        width: 100%;
        height: auto;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        position: relative;
        text-indent: 2em;
        line-height: .45rem;
        margin-bottom: .13rem;
    }

        .answer-item h4 > i {
            position: absolute;
            left: 0;
            top: 0;
            width: .87rem;
            height: .38rem;
            background: #edfbee;
            border: 1px solid #21ca0b;
            border-radius: .1rem;
            text-indent: 0;
            font-size: .24rem;
            color: #09b309;
            text-align: center;
            line-height: .38rem;
        }

        .answer-item h4 > span {
            display: block;
            width: 100%;
            height: auto;
            text-indent: 1rem;
        }

    .answer-item ul li {
        width: 100%;
        height: .5rem;
        margin: .27rem 0;
        overflow: hidden;
        clear: both;
    }

        .answer-item ul li > i {
            display: block;
            height: .43rem;
            width: .43rem;
            float: left;
            border: 1px solid #ddd;
            border-radius: 50%;
            margin-right: .2rem;
            text-align: center;
            line-height: .43rem;
        }

            .answer-item ul li > i.active {
                display: block;
                height: .44rem;
                width: .44rem;
                float: left;
                background: url(../images/answer-right.png) no-repeat;
                background-size: 100% 100%;
                margin-right: .2rem;
                font-size: 0;
            }

            .answer-item ul li > i.error {
                display: block;
                height: .44rem;
                width: .44rem;
                float: left;
                background: url(../images/answer-error.png) no-repeat;
                background-size: 100% 100%;
                margin-right: .2rem;
                font-size: 0;
            }

        .answer-item ul li > span {
            display: block;
            width: 5.9rem;
            height: .46rem;
            line-height: .46rem;
            float: left;
        }

.analysis {
    width: 96%;
    height: auto;
    padding: .3rem 2%;
    background: #fef1ef;
    margin-bottom: .3rem;
}

    .analysis i {
        display: block;
        width: 100%;
        height: auto;
        color: #ff0000;
        padding-bottom: .1rem;
    }

    .analysis span {
        display: block;
        width: 100%;
        height: auto;
    }

.CJ-return {
    display: block;
    width: 1.24rem;
    height: 1.28rem;
    background: url(../images/CJreturn.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 8rem;
    right: .39rem;
    z-index: 9;
}