::-webkit-input-placeholder{
    color: #B9B9B9;
}
::-moz-placeholder{
    color: #B9B9B9;
}
:-ms-input-placeholder{
    color: #B9B9B9;
}
:-moz-placeholder{
    color: #B9B9B9;
}
textarea::-webkit-input-placeholder {
    color: #B9B9B9;
}

textarea:-moz-placeholder { /* Firefox 18- */
    color: #B9B9B9;
}

textarea::-moz-placeholder {  /* Firefox 19+ */
    color: #B9B9B9;
}

textarea:-ms-input-placeholder {
    color: #B9B9B9;
}

html,body,div,p,h1,h2,h3,h4,h5,h6,span,a,ul,li,ol,i,em,table,tb,dd,dt,input,checkbox,radio,textarea,button{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
}

input[type="text"]:focus,
input[type="number"]:focus,
textarea:focus{
    outline: none;
    border: 1px solid #2DBE60
}

.container{
    background: #F8F8F8;
}
.container .con-header{
    margin-bottom: 8px;
    background: #fff;
}
.container .con-header img{
    display: block;
    width: 100%;
}
.con-header .header-data{
    width: 100%;
    margin-top: 16px;
    padding: 0 16px;
    font-size: 0;
    text-align: center;
    box-sizing: border-box;
}
.header-data .header-link{
    display:inline-block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #fff;
    background: #2DBE60;
    border-radius: 4px;
    border: none;
}
.header-data .disabled{
    background: #A9E8BF;
}
.header-data .header-shop{
    display:inline-block;
    margin-top: 24px;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #fff;
    background: #2DBE60;
    border-radius: 4px;
    border: none;
}
.header-data .data-left,
.header-data .data-right{
    display: inline-block;
    width: 49%;
    height: 44px;
    font-size: 0;
    line-height: 44px;
    text-align: left;
    color: #7B7B7B;
}
.header-data .data-right{
    text-align: right;
}
.header-data .data-left img,
.header-data .data-right img{
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}
.header-data .data-left span,
.header-data .data-right span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}
/*header end*/



/*content start*/
.container .con-content {
    background: #fff;
    padding: 24px 5px 0;
}
.con-content .content-winner {
    display: none;
}
.content-winner .winner-title{
    width: 100%;
    font-size: 0;
    text-align: center;
}
.winner-title img{
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    margin-right: 10px;
}
.winner-title span{
    display:inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #272727;
}
.content-winner .winner-list {
    /*display: none;*/
    text-align: center;
    margin: 12px 0;
}
.winner-list .winner-item {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin-bottom: 16px;
}
.winner-list .winner-item:nth-child(1) {
    padding-left: 20%
}
.winner-list .winner-item:nth-child(2) {
    padding-right: 20%
}
.winner-item img{
    width: 64px;
    height: 64px;
    border-radius: 50%;
}


.container .con-content > img{
    display: block;
    width: 100%;
}
.con-content .content-link{
    padding: 24px 16px;
}
.content-link a{
    display:block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #2DBE60;
}
/*content end*/
/*result start*/

.con-result {
    padding-left: 16px;
    box-sizing: border-box;
    background:#fff;
}
.con-result .result-title{
    margin-bottom: 24px;
    font-size: 18px;
    color: #7B7B7B;
}
.result-lists .item{
    font-size: 0;
}
.item .item-left,
.item .item-right{
    display:inline-block;
    vertical-align: top;
}
.item .item-left{
    width: 36px;
}
.item .item-left img{
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
.item .item-right {
    margin-left: 16px;
    padding: 0 32px 24px 0;
    width: calc(100% - 52px);
    font-size: 16px;
    color: #333;
    box-sizing: border-box;
    border-bottom: 1px solid #E5E5E5;
}
.item .item-right .item-name{
    padding: 4px 0;
    font-size: 14px;
    color: #666;
}
.item .item-right .item-time{
    margin: 2px 0 12px 0;
    font-size: 10px;
    color: #C4C4C4;
}
.item .item-right .item-message{
    word-break: break-all;
}

#paginationContainer {
    width: 100%;
    margin: 24px 0;
    text-align: center;
}

/*result start*/




/*apply.html*/
.apply-container{
    padding: 16px;
    width: 100%;
    box-sizing: border-box;
    color: #7B7B7B;
}
.apply-container .text-input{
    margin: 6px 0;
    width: 100%;
    height: 48px;
    font-size: 14px;
    /*font-weight: lighter;*/
    text-indent: 12px;
    border-radius: 5px;
    border: 1px solid #ECECEC;
}

.apply-container .textarea-con{
    display:block;
    margin: 6px 0 12px 0;
    width: 100%;
    height: 96px;
    padding: 12px;
    font-size: 14px;
    font-weight: lighter;
    line-height: 20px;
    border-radius: 5px;
    border: 1px solid #ececec;
    box-sizing: border-box;
    resize: none;
}
.apply-container .textarea-con:focus{
    border-color: #2DBE60;
}
.apply-container .text{
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 18px;
    color: #3b3b3b;
}
.apply-container .teams{
    font-size: 14px;
    color: #2DBE60;
}
.apply-container .teams label{
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border: 1px solid #979797;
    border-radius: 4px;
}
#accept {
    display:none;
}
#accept:checked + label{
    background: url("../images/yes.png") no-repeat center center;
    background-size: 100% auto;
}
.apply-container .teams .link{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #2DBE60;
}
.apply-container .btn {
    margin: 30px auto;
    width: 100%;
    text-align: center;
}
.apply-container button {
    width: 90%;
    height: 48px;
    font-size: 16px;
    color: #fff;
    outline: none;
    border: none;
    border-radius: 4px;
    background: #A9E8BF;
}
.apply-container .primary{
    background: #2DBE60
}
.apply-container button:active{
    background: #A9E8BF;
}