*{box-sizing: border-box;}
body{background:#f9b381;}
.header{border-bottom:0;background:transparent;}
.header-wrap{color:#fff;background:#f89448;}
.ico-share {background-image: url(../images/ico/ico-share.png);margin-right: 0.09rem;vertical-align: top;
    width: 1.4rem;height: 1.4rem;margin-top: 0.4rem;}
.ico-back-white { background-image: url(../images/ico/ico-back-white.png);margin-right: 0.09rem;vertical-align: top;
    width: 1.4rem;height: 1.4rem;margin-top: 0.45rem;}
.banner{position: relative;}
.joinBtn{display:block;width:40%;height:20%;position: absolute;bottom:0;left:50%;margin-left:-20%;}
.content{padding:1rem 0.7rem;}
.search{position:relative;width:100%;height:1.75rem;border:1px solid #f38b5a;border-radius:2rem;background:#fff;}
.search .ico-search-red{margin-left:1.4rem;margin-top:0.475rem;position: absolute;
    background-image: url(../images/ico/ico-search-red.png);width:0.8rem;height:0.8rem;}
.search input{width:100%;background:transparent;border:0;color:#d47327;text-align: center;margin-top:0.25rem;height:1.2rem;line-height:1.2rem;font-size:0.8rem;}
::-webkit-input-placeholder {color:#d47327;font-size:0.75rem;}
:-moz-placeholder {color:#d47327;font-size:0.75rem;}
::-moz-placeholder {color:#d47327;font-size:0.75rem;}
:-ms-input-placeholder {color:#d47327;font-size:0.75rem;}
.nav-wrap{width:100%;border:2px solid #f48938;margin-top:1rem;margin-bottom:0.75rem;border-radius:0.3rem;}
.nav-wrap li{width:50%;height:1.6rem;line-height:1.6rem;float: left;text-align: center;;font-size:0.75rem;color:#5e1000;}
.nav-wrap li:first-child.active{background:#f48938;color:#fff;border-top-left-radius:0.3rem;border-bottom-left-radius:0.3rem;}
.nav-wrap li:last-child.active{background:#f48938;color:#fff;border-top-right-radius:0.3rem;border-bottom-right-radius:0.3rem;}
.rule{width:100%;text-align: center;color:#6e3205;font-size: 0.7rem;margin:0.5rem 0;line-height:1.2rem;}
.searchTitle{border-top: 1px dashed #f89448;padding-top: 0.5rem;}
.searchTitle span{color:#dc5238;margin:0 0.2rem;font-size:0.8rem;}
.list-wrap .item{width:50%;float: left;box-sizing: border-box;margin-bottom:0.7rem;}
.list-wrap .item:nth-child(2n+1){padding-right:0.35rem;}
.list-wrap .item:nth-child(2n+2){padding-left:0.35rem;}
.item-c{border:1px solid #de803b;background: #f89448;border-radius:0.2rem;padding:0.5rem 0.25rem;}
.works-link{display: block;padding-top:0.5rem;}
.user-info{display: flex;}
.user-info img{display: block;width:1.8rem;height:1.8rem;border-radius: 50%;}
.user-info .text{flex: 1;margin-left:0.25rem;}
.user-info .text p{font-size:0.7rem;color:#fff;height:0.9rem;line-height:0.9rem;overflow : hidden;
    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.user-info .text p:last-child{width:95%;}

.vote-wrap{text-align: center;}
.vote-wrap .sum{color:#640706;text-align: center;font-size:0.8rem;}
.vote-wrap .vote-btn{display: inline-block;margin-top:0.5rem;width:80%;height:1.75rem;line-height:1.75rem;font-size:0.7rem;
    border-radius:1.8rem;background:#dc5238;color:#fff;-webkit-box-shadow:0 0 10px 2px #ef8737;
    -moz-box-shadow:0 0 10px 2px #ef8737;
    box-shadow:0 0 10px 2px #ef8737; }
.vote-wrap .vote-btn.active{background:#d08045;}
.backBtn{text-align:center;font-size:0.75rem;border-top: 1px dashed #f89448;margin-top:1rem;padding-top:0.7rem;}
.backBtn a{line-height:0.8rem;padding-bottom:0.2rem;display: inline-block;border-bottom:1px solid #dc5238;color:#dc5238;}
.loading{background: #f38b5a;color: #fff;border: 1px solid #dc5238;font-size:0.7rem;}

.works-content{padding:1rem 1.5rem;}
.works-item{border: 1px solid #de803b;background: #f89448;border-radius: 0.2rem;padding:1rem;}

.errormsgBox{color: #fff;padding: 0 0.4rem;text-align: center;display: none;
    position: fixed;top: 40%;left: 50%;margin-left: -5rem; z-index: 1000000;
    font-size: 0.65rem;height: 1.5rem;min-width: 10rem;line-height: 1.5rem;
    background-color: rgba(0,0,0,0.4);border-radius: 1.5rem;}

.ruleBtn {display:block;width:100%;font-size: 0.75rem;
    color: #5e1000 !important;margin-top:0.5rem;text-align: center;}
.ruleBtn span{display: inline-block;border-bottom: 1px solid #5e1000;}