* {
    margin: 0;
    padding: 0;
    border: 0
}

html, body {
    font-size: 100px;
    color: #222;
}

body {
    background: #117CFF;
}

body::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    overflow: hidden;
}

h1 {
    font-size: .1rem;
}

.clearfix {
    display: table;
    content: " ";
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.flex {
    display: flex;
}

a {
    text-decoration: none;
    color: #222;
}

a, a:hover, a:active, a:visited, a:link, a:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

table {
    border-collapse: collapse;
}

ul, li {
    list-style: none;
}

.hover {
    display: block;
}

.hover:active {
    background-color: #eee;
}

.hide {
    display: none;
}

.container {
    margin: 0 .15rem;
}

/*背景*/
.rule_title {
    width: 3.75rem;
    height: 3.3rem;
}

.rule_bg {
    width: 3.75rem;
    height: 2.65rem;
    position: absolute;
    left: 0;
    top: 0;
}

/*tabs切换*/
.tabs_button_main {
    z-index: 100;
    position: relative;
    width: 3.45rem;
    margin: .37rem auto 0;
    align-items: center;
    justify-content: space-between;
}

.tabs {
    height: .44rem;
    line-height: .44rem;
    font-size: .16rem;
    color: #fff;
    text-align: center;
    display: inline-block;
}

.tabs.active {
    color: #117CFF;
    font-weight: 500;
}

.tabs_brief {
    width: 1.1rem;
    background: url('/images/default/app/tabs_button_1.png') no-repeat;
    background-size: 100% 100%;
}

.tabs_brief.active {
    background: url('/images/default/app/tabs_button_1_active.png') no-repeat;
    background-size: 100% 100%;
}

.tabs_award {
    width: 1.2rem;
    background: url('/images/default/app/tabs_button_2.png') no-repeat;
    background-size: 100% 100%;
}

.tabs_award.active {
    background: url('/images/default/app/tabs_button_2_active.png') no-repeat;
    background-size: 100% 100%;
}

.tabs_risk {
    width: 1.18rem;
    background: url('/images/default/app/tabs_button_3.png') no-repeat;
    background-size: 100% 100%;
}

.tabs_risk.active {
    background: url('/images/default/app/tabs_button_3_active.png') no-repeat;
    background-size: 100% 100%;
}

/*标题*/
.main_title {
    /*width: 1.46rem;
    height: .17rem;
    background: url("/images/default/app/icon_title.png");
    background-size: 100% 100%;
    font-size: .2rem;
    font-weight: bold;
    margin: .42rem auto 0;
    line-height: .17rem;
    text-align: center;
    color: #fff;*/
}

.main_title {
    text-align: center;
    margin: .13rem auto .1rem;
    font-size: 0.18rem;
    font-weight: 400;
    color: #262626;
    line-height: 0.25rem;
    position: relative;
    z-index: 1;
}

.main_title::before {
    content: '';
    position: absolute;
    width: 0.92rem;
    height: 0.08rem;
    background: #FFE35E;
    border-radius: 0.04rem;
    top: 0.14rem;
    left: 50%;
    margin-left: -0.46rem;
    z-index: -1;
}

.main_plate {
    width: 3.09rem;
    border-radius: .1rem;
    background: #fff;
    margin: .17rem auto 0;
    padding: .24rem .18rem .1rem;
}

.main_plate-img {
    width: 3.45rem;
    height: 1.41rem;
}

/*大赛规则*/
.main_time_list {
    align-items: center;
    margin-bottom: .15rem;
}

.main_time_button {
    width: .75rem;
    height: .3rem;
    background: #117CFF;
    border-radius: .04rem;
    color: #fff;
    font-size: .14rem;
    text-align: center;
    line-height: .3rem;
    margin-right: .11rem;
}

.main_time_text {
    color: #333;
    font-size: .15rem;
    line-height: .24rem;
    width: 2.22rem;
}

.main_plate p {
    line-height: 1.8;
    color: #333;
    font-size: .15rem;
    margin-bottom: .15rem;
}

.about-table { /* border: .001rem solid #eee; */
    margin-top: .2rem;
    text-align: center;
    width: 100%;
    margin-bottom: .15rem;
}

.about-tr .about-th:nth-child(1), .about-tr .about-td:nth-child(1) {
    width: 40%; /* background-color: #f8f8f8; */
}

.about-th, .about-td {
    border: 0.5px solid #eee;
    line-height: .5rem;
}

.about-th {
    font-size: .16rem;
}

.about-tr .about-th:last-child, .about-tr .about-td:last-child {
    width: 60%;
}

.about-td {
    font-size: .15rem;
}

/*奖项设置*/
.main_set_explanation {
    margin-bottom: .2rem;
}

.icon_round_max {
    width: .12rem;
    height: .12rem;
    position: relative;
    border: .02rem solid #117CFF;
    border-radius: 50%;
    margin-right: .08rem;
    top: .04rem;
}

.icon_round_min {
    width: .06rem;
    height: .06rem;
    position: absolute;
    left: .03rem;
    top: .03rem;
    background: #117CFF;
    border-radius: 50%;
}

.main_set_text {
    font-size: .15rem;
    color: #333;
    line-height: .24rem;
    width: 2.8rem;
}

.rule_one_table {
    width: 100%;
    text-align: center;
}

.rule_one_table td, .rule_one_table th {
    border: .01rem solid #e5e5e5;
    height: .39rem;
    font-size: .14rem;
}

.rule_one_table td:nth-child(1), .rule_one_table th:nth-child(1) { /* background: #fafafa; */
    width: 2.04rem;
    text-align: left;
    padding-left: .1rem;
}

.main_plate .rule_one_table p {
    margin: .15rem 0;
}

.other-award {
    width: 3.45rem;
    margin: .3rem auto;
    display: block;
}

/*大赛简介*/
.brief_banner {
    width: 3.75rem;
    height: 2.59rem;
}

.brief_one {
    width: 3.45rem;
    height: 13.38rem;
    margin: 0 auto;
    display: block;
}

.brief_two {
    width: 3.45rem;
    height: 3.39rem;
    display: block;
    margin: .15rem auto;
}


.about-text {
    font-size: .15rem;
    color: #444;
    line-height: .24rem;
}

.part {
    margin-top: .2rem;
}

.h2-title {
    font-size: .17rem;
    margin-bottom: .16rem;
}

.list-review {
    height: .48rem;
}

.list-review-date {
    font-size: .15rem;
    color: #999;
}

.list-review-dot {
    width: .13rem;
    height: .13rem;
    background-color: #e60012;
    border-radius: 50%;
    margin: .01rem .14rem;
    position: relative;
    top: .03rem;
}

.list-review-dot-min {
    display: block;
    width: .06rem;
    height: .06rem;
    background-color: #fff;
    margin: .03rem auto;
    border-radius: 50%;
}

.list-review-line {
    position: absolute;
    width: .01rem;
    height: .4rem;
    background-color: #eee;
    top: .13rem;
    left: 50%;
}

.list-review-text {
    font-size: .15rem;
    color: #444;
}

.list-review:last-child .list-review-line {
    display: none;
}

.tabs-button-box {
    width: 3.02rem;
    height: .33rem;
    background: rgba(105, 22, 207, 0.05);
    border-radius: .16rem;
    margin: .27rem auto;
    justify-content: space-between;
}

.tabs-button.active {
    background-color: #6916cf;
    border-radius: .3rem;
    color: #fff;
}

.tabs-button {
    font-size: .14rem;
    width: 1rem;
    text-align: center;
    line-height: .33rem;
}

.award-table {
    width: 100%;
    text-align: center;
    margin-top: .2rem;
}

.award-table tr th:nth-child(1), .award-table tr td:nth-child(1) {
    background-color: #f8f8f8;
}

.award-table th {
    height: .4rem;
}

.award-table th, .award-table td {
    font-size: .15rem;
    border: .001rem solid #eee;
}

.award-table td p {
    line-height: .36rem;
    border-bottom: .001rem solid #eee;
}

.award-table td p:last-child {
    border-bottom: none;
}

.help-sort-content {
    border-top: .001rem solid #eee;
    border-bottom: .15rem solid #f5f5f5;
    justify-content: flex-start;
    flex-flow: row wrap;
    overflow: hidden;
}

.help-sort-list {
    width: 33.33%;
    border-left: none;
    border-bottom: none;
}

.help-sort-list-content {
    width: 100%;
    border: .001rem solid #eee;
    border-left: none;
    border-top: none;
    text-align: center;
    color: #999;
    font-size: .15rem;
    padding-bottom: .15rem;
}

.border-bottom-none {
    border-bottom: none;
}

.icon-sort {
    color: #2c2c2c;
    width: .3rem;
    height: .3rem;
    line-height: .3rem;
    margin: .18rem 0 .08rem;
    display: inline-block;
}

.group-setting {
    height: .6rem;
    border-bottom: .001rem solid #eee;
    justify-content: space-between;
    align-items: center;
}

.group-setting-title {
    font-size: .16rem;
}

.ic-arrow_right {
    color: #999;
    font-size: .12rem !important;
}

.advisory {
    font-size: .17rem;
    color: #e60012;
    height: .54rem;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    box-shadow: 0 0 .06rem 0 rgba(45, 38, 38, 0.07);
}

.bg-white {
    background-color: #fff;
}

.title-spacing {
    padding-top: .2rem;
}

.ic-user-headset {
    margin-right: .05rem;
    font-size: .17rem;
}

.help-title-box {
    width: 100%;
    height: 1rem;
    background: url('help-title.png');
    background-size: 100% 100%;
}

.help-title {
    font-size: .17rem;
    font-weight: bold;
    padding-top: .6rem;
}

.icon-line {
    display: inline-block;
    width: .002rem;
    height: .17rem;
    margin-right: .09rem;
    background-color: #e60012;
    align-items: center;
    margin-left: .16rem;
    position: relative;
    top: .02rem;
}

.help-content-box {
    padding-top: .17rem;
}

.help-content-text {
    padding: 0 .15rem;
    font-size: .16rem;
    line-height: .26rem;
    margin-bottom: .36rem;
}

.color-red {
    color: #e60012;
}

.if-solve {
    height: .62rem;
    border-top: .002rem solid #eee;
    align-items: center;
    font-size: .16rem;
    color: #aaa;
    padding: 0 .16rem;
    justify-content: space-between;
}

.if-solve-select {
    font-size: .16rem;
    color: #aaa;
}

.if-solve-select .active {
    color: #222;
}

.ic-cry, .ic-laugh {
    margin-right: .1rem;
}

.if-solve-select-line {
    width: .02rem;
    height: .23rem;
    background-color: #f5f5f5;
    margin: 0 .23rem;
}

.h1-title {
    font-size: .21rem;
    line-height: .25rem;
    padding-top: .3rem;
}

.assist-label {
    font-size: .13rem;
    line-height: .13rem;
    color: #999;
    padding: .05rem .12rem;
    border-radius: .12rem;
    background-color: #f5f5f5;
    display: inline-block;
}

.assist-author {
    font-size: .13rem;
    line-height: .13rem;
    color: #999;
}

.assist-title {
    justify-content: space-between;
    align-items: center;
    margin-top: .2rem;
}

.assist-author-box {
    font-size: .13rem;
}


.download-bg {
    width: 3.75rem;
    height: 6.67rem;
    background: url('download-bg-2.png') no-repeat;
    background-size: 100% 100%;
}

.download-logo {
    width: 2.165rem;
    height: .6rem;
    margin: 0 auto;
    display: block;
}

.download-page-box {
    height: 3.756rem;
    overflow: hidden;
}

.download-page {
    width: 3.365rem;
    height: 5.255rem;
    margin: .25rem .265rem 0;
}

.download-button-box {
    width: 100%;
    z-index: 1000;
    position: relative;
    padding-top: 5.10rem;
}

.linkLearn {
    font-size: .16rem;
    color: #117cff;
    text-align: center;
    display: block;
    margin-top: .2rem;
}

.icon_system {
    margin: 0 .1rem 0 .54rem;
    display: inline-block;
    background-size: 100% 100%;
    float: left;
    font-size: 28px !important;
    color: #fff;
}

.download-button {
    width: 2.78rem;
    height: .48rem;
    font-size: .18rem;
    display: block;
    background-color: #117cff;
    color: #fff;
    border-radius: .04rem;
    line-height: .48rem;
    margin: 0 auto;
}

.download-button.active {
    background-color: #fff;
    color: #333;
}

.download-button.active .icon_system {
    color: #117cff;
}

#download-button-an {
    margin-bottom: .16rem;
}

.masklay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 1001;
    padding-top: 1.03rem;
}

.icon-top {
    width: .665rem;
    height: .665rem;
    position: absolute;
    right: .2rem;
    top: .2rem;
}

.steps {
    font-size: .19rem;
    color: #fff;
    font-weight: bold;
    margin-left: .565rem;
    margin-bottom: .1rem;
}