* {
    margin: 0;
    padding: 0;
    font-family: Microsoft YaHei;
}

#content {
    max-width: 10rem!important;
    margin: 0 auto;
}

ul,
ol,
dl {
    list-style: none;
}

a {
    text-decoration: none;
    color: #000!important;
}

#TopBaner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.baoming,
.appRank {
    width: 3rem;
    height: 0.933333rem;
    border-radius: 0.2rem;
    background-color: red;
    /* // float: right; */
    border: 0;
    font-size: 0.4rem;
    position: absolute;
    bottom: 0.133333rem;
    /* // margin-top: 10rem; */
    /* // margin-right: 0.5rem; */
    color: #fff;
    outline: none;
    right: 3.8rem;
}


/* 初报名按钮始样式 */

.toclick {
    background: url('../img/toclick.png') no-repeat;
    background-size: 100% 100%;
}


/* 报名成功按钮样式 */

.clicked {
    background: url('../img/clicked.png') no-repeat;
    background-size: 100% 100%;
}


/* 报名成功弹出层 */

.dialogSucc {
    width: 4.533333rem;
    height: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    border-radius: 0.3rem;
    background-color: rgba(0, 0, 0, .70);
    color: #FFFFFF;
    font-size: 0.4rem;
    position: absolute;
    left: 50%;
    margin-left: -2.265rem;
    bottom: 2.0rem;
}

.displaynone {
    display: none;
}

.displayblock {
    display: block;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* 下方list内容区域 */

.listContent {
    width: 100%;
}

.listTitle {
    color: #f44a70;
    font-size: 0.4rem;
    height: 0.9rem;
    overflow: hidden;
}

.listTitle>span {
    width: 0.146667rem;
    height: 0.6rem;
    background-color: #f44a70;
    float: left;
    margin-top: 0.3rem;
}

.listTitle>p {
    height: 0.6rem;
    float: left;
    margin-top: 0.3rem;
    /* line-height:  0.5rem; */
    text-indent: 0.133333rem;
    font-size: 0.5rem;
}


/* 搜索输入框 */


/* .search {
	margin-top: 0.25rem;
	width: 48vw;
	height: 0.6rem;
	float: right;
	overflow: hidden;
}
.search input {
	height: 0.539rem;
	border: 0.0429rem solid #f44a70;
	width: 3.5rem;
	border-top-left-radius: 0.4rem;
	border-bottom-left-radius: 0.4rem;
	outline: none;
	font-size: 0.3rem;
	float: left;
	border-right: 0;
	border-left: 0.03rem solid #f44a70;;
}
.search em {
	display: inline-block;
	width: 1rem;
	height: 0.6rem;
	line-height: 0.6rem;
	color: white;
	background-color: #f44a70;
	font-style: normal;
	border-top-right-radius: 4rem;
	border-bottom-right-radius: 4rem;
	float: left;
	text-align: center;
	font-size: 0.35rem;
} */


/* 搜索输入框 */

.search {
    width: 4.813333rem;
    height: 0.613333rem;
    border: 0.026667rem solid #f44a70;
    border-top-left-radius: 0.533333rem;
    border-bottom-left-radius: 0.533333rem;
    margin-top: 0.23rem;
    font-style: normal;
    float: right;
    border-top-right-radius: 0.533333rem;
    border-bottom-right-radius: 0.533333rem;
    margin-right: 0.3rem;
}

.search input {
    border: 0;
    background: transparent;
    width: 3.6rem;
    height: 0.613333rem;
    float: left;
    text-indent: 0.266667rem;
    font-size: 0.3rem;
}

#search {
    width: 1.053333rem;
    height: 0.58rem;
    line-height: 0.58rem;
    background-color: #f44a70;
    float: right;
    outline: none;
    border: 2px solid #f44a70;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    font-size: 0.35rem;
    color: white;
    font-style: normal;
    text-align: center;
}

.search input:focus {
    outline: none
}

.Search_no {
    display: none;
    width: 100%;
    height: 2.666667rem;
    line-height: 2.666667rem;
    font-size: 0.4rem;
    text-align: center;
}


/* ul定宽居中 */

#scroller ul {
    width: 97vw;
    margin: 0 auto;
    margin-top: 0.266667rem;
}

#scroller {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

#scroller li:nth-child(odd) {
    margin-left: 0;
}

#scroller li {
    float: left;
    /* width: 4.8rem; */
    width: 47vw;
    /* height: 4.4rem; */
    height: 4.7rem;
    margin-left: 1.5vw;
    /* margin-left: 0.133333rem; */
}

#scroller img {
    display: block;
    border: 0;
    width: 47vw;
    /* width: 100%; */
    /* width:4.755rem; */
    height: 3.3rem;
}

#scroller li p {
    /* font-size: 0.4rem; */
    /* line-height: 0.6rem; */
    font-size: 0.4rem;
    /* line-height: 0.52rem; */
    line-height: 0.7rem;
    /* height: 1.05rem; */
    height: 1.4rem;
    width: 47vw;
    /* width: 4.8rem; */
    overflow: hidden;
    color: #333333;
    text-overflow: ellipsis
}

.noData {
    margin: 0 auto;
    width: 100%;
    height: 5rem;
    background: url('../img/ready？.png') no-repeat center;
    background-size: 50%;
}


/**我的参赛作品**/

.js-get-reward {
    padding: 0 0.170667rem;
    height: 0.613333rem;
    line-height: 0.613333rem;
    border: 0.026667rem solid #f44a70;
    border-top-left-radius: 0.533333rem;
    border-bottom-left-radius: 0.533333rem;
    margin-top: 0.23rem;
    font-style: normal;
    float: right;
    border-top-right-radius: 0.533333rem;
    border-bottom-right-radius: 0.533333rem;
    margin-right: 0.3rem;
    background-color: #f44c70;
    color: #fff!important;
    font-size: 0.35rem;
    display: block;
}

.join-list-content {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.join-list-content ul {
    width: 97vw;
    margin: 0 auto;
    margin-top: 0.266667rem;
}

.join-list-content ul li {
    float: left;
    /* width: 4.8rem; */
    width: 47vw;
    /* height: 4.4rem; */
    height: 4.7rem;
    margin-left: 1.5vw;
    /* margin-left: 0.133333rem; */
}

.join-list-content ul li p {
    /* font-size: 0.4rem; */
    /* line-height: 0.6rem; */
    font-size: 0.4rem;
    /* line-height: 0.52rem; */
    line-height: 0.7rem;
    /* height: 1.05rem; */
    height: 1.4rem;
    width: 47vw;
    /* width: 4.8rem; */
    overflow: hidden;
    color: #333333;
    text-overflow: ellipsis;
}

.join-list-content ul li img {
    display: block;
    border: 0;
    width: 47vw;
    /* width: 100%; */
    /* width: 4.755rem; */
    height: 3.3rem;
}


/* 新增app排行 */

.appRank {
    /* bottom: 1.26rem; */
    right: 0.373333rem;
}