body{
    max-width:410px;
    margin:0 auto;
}
.container{
    background: #f2f2f2;
}
.container_head{
    border-bottom:1px solid #e6e6e6;
    margin-bottom:15px;
    background: #fff;
}
.container_head .head_div{
    padding:0 4%;
    font-size:16px;
    color:#000;
    line-height:40px;
}
.container_head img{
    height:15.5px;
    margin-right:5px;
}

.container_content--wrapper .content{
    margin:15px auto;
    background: #fff;
}
.container_content--wrapper .content a>.img--wrapper{
    position: relative;
    height:211px;
    overflow: hidden;
}
.container_content--wrapper .content a>.img--wrapper img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.content_info--wrapper .content_title{
    font-size:16px;
    line-height:1.6;
    color:#000;
    margin-bottom:10px;
}
.content_info--wrapper{
    padding:10px 4%;
    font-size:13px;
}
.content_info--wrapper .content_info .info_content{
    float: left;
    line-height:24px;
    text-align: center;
}
.content_info--wrapper .info_date{
    color:#f60;
    width:58.3%;
    outline: 1px solid #f60;
}
.content_info--wrapper .info_date .type{
    color:#fff;
    background: #f60;
    width:37.3%;
}
.content_info .info_date.finish{
    outline:1px solid #666;
    color:#666;
}
.content_info .info_date.finish .type{
    background: #666;
}
.content_info .info_date.notStart{
    outline:1px solid #00a89c;
    color:#00a89c;
}
.content_info .info_date.notStart .type{
    background: #00a89c;
}
.content_info--wrapper .info_date .date{
    width:58%;
}
.content_info--wrapper .location{
    line-height:24px;
}
.content_info--wrapper .location img{
    height:21px;
    vertical-align: middle;
}

#my-actions{
    background: rgba(0, 0, 0, 0.31);
}
#my-actions .modal_head{
    font-size:16px;
    color:#000;
    text-align: center;
    line-height:50px;
    border-bottom:1px solid #999;
    background: #f4f4f4;
}
#my-actions .modal-list{
    background: #f4f4f4;
    padding:0 0 30px 5.3%;
}
#my-actions .modal-list li{
    line-height:40px;
    padding:0 3.37%;
    margin-top:4.22%;
    margin-right:4.22%;
    background: #fff;
    font-size:13px;
    color:#333;
}

#my-actions .modal-list li span{
    color:#333;
    white-space: nowrap;
}
#my-actions .modal-list li.active{
    background: #f60;
}
#my-actions .modal-list li.active span{
    color:#fff;
}
#my-actions .modal-list li:nth-of-type(3n+3){
    /*margin-right:0;*/
}
#my-actions .modal_button--wrapper{
    margin-top:7px;
}
#my-actions .modal_button{
    line-height:50px;
    background: #f4f4f4;
    font-size:16px;
    color:#000;
    width:100%;
    border:none;
}