.dragActive { border:2px dotted orange; }
.dropHover { border:1px dotted red; }

.match_view img{
    max-height: 100%;
    max-width: 100%;
}
.item {
    border: 1px solid rgb(169, 169, 169);
    background-image: url('../images/bg_pattern.png');
    width: 80%;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    padding: 0 3%;
    margin: 5%;
}
.card_list_left{
    width: 40%;
    float: left;
    margin: 1% 5%;
}
.card_list_right{
    width: 40%;
    float: right;
    margin: 1% 5%;
}


/**********/

.class_fl_tit{
    height:7%;
    background: -moz-linear-gradient(top, #f9f9f9, #e7e7e7);
    background: -webkit-gradient(linear,top,from(#f9f9f9),to(#e7e7e7));
    background: -webkit-linear-gradient(top, #f9f9f9, #e7e7e7);
    background: -o-linear-gradient(top, #f9f9f9, #e7e7e7);
    border-bottom:1px solid #a6a7a6;
    overflow: hidden;
}
.class_fl_tit span{
    margin-left:40px;
    font-size:24px;
    color:#222;
}
.class_fl_tit2{
    height:60px;
    line-height:60px;
    background:#e6eefc;
    border-bottom:1px dashed #90baf3;
}
.class_fl_tit2 span{
    margin-left:40px;
    font-size:20px;
    color:#2679eb;
    padding-left:20px;
    background:url("../images/box_group_i.png") no-repeat 0 8px;
}

.scene_func {
    text-align:center;
    height:80px;
    line-height:80px;
    border-top:1px solid #b1b2b1;
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: -webkit-linear-gradient(top, #f3f3f3, #e5e5e5);background: -moz-linear-gradient(top, #f3f3f3, #e5e5e5);
    background: -webkit-gradient(linear,top,from(#f3f3f3),to(#e5e5e5));
    background: -webkit-linear-gradient(top, #f3f3f3, #e5e5e5);
    background: -o-linear-gradient(top, #f3f3f3, #e5e5e5);
}
.btn_hedui{
    display:inline-block;
    width:127px;
    text-decoration:none;
    color:#fff;
    font-size:16px;
    position:relative;
}
