/* 比赛页面 */
.matching-sumbit{
    display: table;
    width:70px;
    height:36px;
    background:rgba(0,113,254,1);
    border-radius:4px;
    border: none;
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-size: 0.12rem;
    z-index: 1;
}
.matching-sumbit.hidden{
    filter:alpha(opacity=0); /* IE */
    -moz-opacity:0; /* 老版Mozilla */
    -khtml-opacity:0; /* 老版Safari */
    opacity: 0; /* 支持opacity的浏览器*/
}
.matching-sumbit div{
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    line-height: 20px;
}
.matching-row{
    width: 100%;
    padding: 12px 15px;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 10px;
    /* line-height: 20px; */
    position: relative;
    top: 0;
    display: box;              /* OLD - Android 4.4- */
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /* 09版 */
    -webkit-box-orient: horizontal;
    /* 12版 */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    align-items: center;
    justify-content : space-between;
    line-height: 36px;
}
.match-page-title{
    margin-top: 20px;
    margin-bottom: 15px;
    height: 35px;
}
.match_info_font div{
    display:inline;
}
/*  */
.matching-control-row{
    padding-top: 10px;
}
.matching-row-label,.matching-row-list{
    float: left;
}
.matching-row-label{
    width: 74px;
    text-align: left;
    height: 36px;
    display: table;
    line-height: 20px;
}
.matching-row-label div{
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    line-height: 20px;
}
.opacity{
    opacity:0.6;
    filter: alpha(opacity=60);
}

button.matching-btn {
    float: left;
    margin-right: 6px;
    margin-bottom: 4px;
    height:36px;
    background:rgba(235,243,255,1);
    border:1px solid rgba(226,235,255,1);
    border-radius:4px;
    font-size:14px;
    font-family:Source Han Sans SC;
    font-weight:400;
    line-height:20px;
    color:rgba(38,38,38,1);
    opacity:1;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}
button.matching-btn#del{
    color: #FB8E8E;
    background:rgba(255,239,239,1);
    border:1px solid rgba(250,211,221,1);
}
button.matching-btn#del.active{
    color: #F37057;
    border:1px solid #F37057;
}
button.matching-btn.active {
    border:1px solid rgba(0,113,254,1);
    color: #0071FE;
}
button.matching-btn:last-child{
    margin-right: 0;
}
/* 键盘 */
.matching-keyboard{
    margin-top: 30px;
}
.matching-keyboard-row{
    margin-bottom: 9px;
    width: 100%;
    overflow: hidden;
}
.matching-key{
    display: block;
    width: calc(100% / 3 - 8px);
    float: left;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 0.24rem;
    text-align: center;
    margin-left: 12px;
    background: #fff;
    color: #000000;
    border:1px solid rgba(214,214,214,1);
    border-radius:4px;
    box-sizing: border-box;
}
.matching-key.orange_key{
    border:1px solid rgba(243,112,87,1);
    color: #F37057;
}
.matching-key.orange_key.active{
    background:rgba(243,112,87,1);
    color: #fff;
    border: none;
}
.matching-key.active{
    background:rgba(204,204,204,1);
    box-shadow:0px 2px 9px rgba(171,161,161,0.16);
    border: none;
}
.matching-key.width50{
    width: calc(50% - 6px);
}
.matching-key div{
    display: inline;
}
.matching-key.disabled{
    background:rgba(204,204,204,1);
    box-shadow:0px 2px 9px rgba(171,161,161,0.16);
    border: none;
}
.matching-keyboard-row .matching-key:first-child{
    margin-left: 0;
}

/*  */
.fast-item{
    width: 100%;
    display: table;
    height: 40px;
    border: 1px solid rgba(67, 148, 249, 1);
    border-radius: 5px; 
    font-size: 0.16rem;
    color: rgba(67, 148, 249, 1); 
    text-align: center;
    line-height: 20px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.fast-item div{
    height: 100%;
    display: table-cell;
    vertical-align: middle; 
}
.answer{
    border: 1px solid #747474;
    color: #747474;
}
.error-fast{
    border: 1px solid #f9a9b8;
    background: #f9a9b8;
    color: #fa5f68;
}
.right-fast{
    border: 1px solid #b7edd4;
    background: #b7edd4;
    color: #0a8406;
}
#page,body{
    background-color:#f6f6f6!important;
}
.remember{
    background-color: #fff;
    padding-bottom: 50px;
    padding-top: 10px;
}
@media screen and (max-width: 374px){
    /* iphone6以下 */
    .match_info_font{
        font-size: 0.12rem;
    }
}