.clearfix:after{content:'';display:block;height:0;line-height:0;clear: both;} 
.arrange-box{padding: 20px 0; background: #f4f4f4;}
.arrange-box .arrange-title{width: 100%; display:flex; flex-wrap: nowrap;}
.arrange-box .arrange-content{width: 100%; display:flex; flex-wrap: wrap;}
.arrange-box .arrange-title .arrange-title-box{display: flex; justify-content:center; align-items:Center;margin:5px;height:50px;box-sizing: border-box; background:#DFE7EC;text-align:center;cursor:default;}
.arrange-box-info{width:100%;height: 100%;overflow-y:auto;}
.arrange-title-box{margin:5px; border-radius:3px; height:30px; background:#FFFFFF; box-sizing:border-box; text-align:center; cursor:pointer;}
.arrange-title-box .info{position:relative; display:block;text-align:center;z-index: 99;}
.arrange-title-box .total{position:relative; display:block; height:100%;opacity:0.2;z-index: 999;}
.arrange-box .arrange-title-box-time{line-height: 30px;}
.arrange-box .arrange-time-title{background:#DFE7EC;cursor:default;}
.arrange-locked{cursor:default;}
.arrange-locked-bg{background:#A3A3A3;}
.arrange-expire{background:#b7b7b7; color: #FFFFFF;}
.arrange-inexpire{background:#07c160; color: #FFFFFF;}
.arrange-selected{background:#12377d; border: 1px solid #12377d; color: #FFFFFF;}
.arrange-field-box{position:relative; width: 100%;padding:10px 0; border-bottom: 10px solid #dcdcdc;}
.arrange-field-box:first-child{padding-top: 0;}
.arrange-field-box:last-child{padding-bottom: 0; border-bottom: 0;}
.arrange-field-box .field-box-mask{position:absolute; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: #000000; opacity: 0.4;}
.locked_1_0{background: #1AB6FF; border: 1px solid #1AB6FF; color: #FFFFFF;}
.locked_1_1{background: #05a99b; border: 1px solid #05a99b; color: #FFFFFF;}
.locked_1_2{background: #e7b222; border: 1px solid #e7b222; color: #FFFFFF;}
.locked_1_3{background: #ad5318; border: 1px solid #ad5318; color: #FFFFFF;}
.locked_2_{background: #e53c3c; border: 1px solid #e53c3c; color: #FFFFFF;}
.locked_3_{background: #6A6A6A; border: 1px solid #6A6A6A; color: #FFFFFF;}
.locked_4_{background: #B22222; border: 1px solid #B22222; color: #FFFFFF;}
.locked_5_4{background: #800000; border: 1px solid #800000; color: #FFFFFF;}
.my-fields{background: #000000; border: 1px solid #000000; color: #FFFFFF;}
.arrange-box .locked-label{display: flex;justify-content:space-between;padding-bottom: 10px;}
.arrange-box .locked-label .laber{display:inline-block; margin-left:5px; padding: 0 10px; line-height:30px;border: 1px solid #000; border-radius: 3px; text-align:center;}
.arrange-box .locked-label .daytime{float:right; margin-right: 5px; display:block; width: 200px;}
.arrange-box .locked-label .order_box{display:inline-block;padding: 0 20px; margin-left: 100px;}
.arrange-box .locked-label .order_box .reserve-order {width: 100px;}
.arrange-box .locked-label .order_box .lock-field {background-color: #FFB800; border-color: #FFB800; color: #FFFFFF;}
.arrange-box .locked-label .action_box .fullscreen-btn{width: 34px; height: 34px; padding: 5px; background: none;}
.arrange-box .locked-label .action_box .fullscreen-btn:hover{background:#FFF;}
.arrange-box .locked-label .order_box .reserve_laydate{display:inline-block; width: 274px;}

.attange-diff-btn{margin-top: 10px;padding-right:34px; text-align:right;}
.arrange-market{position:absolute; top:-8px; right:-15px; border-radius:50%; font-size:14px;width:32px; height:32px; line-height:32px; -webkit-transform-origin-x:0; -webkit-transform:scale(0.6);}
.arrange-market_1{background:#3285c7; color: #FFFFFF; }
.arrange-market_2{background:#DA4444; color: #FFFFFF; }

.fieldsInfo{max-height: 660px; overflow-y:auto;}
.fieldsInfo .orderBox{margin-bottom: 10px; font-size: 10px; background: #F8F8F8; border-radius: 5px;}
.fieldsInfo .orderBox .title{padding: 5px 10px; margin-bottom: 5px; background: #EEEEEE;  border-radius: 5px 5px 0 0;}
.fieldsInfo .orderBox .title .order_time{float: right;}
.fieldsInfo .orderBox .field{padding: 5px 10px; border-bottom: 1px double #EAEAEA;}
.fieldsInfo .orderBox .image{float:left;margin-right: 10px; width: 50px;}
.fieldsInfo .orderBox .image img{margin: 3px 0 0 5px;}
.fieldsInfo .orderBox .info{float:left;}
.fieldsInfo .orderBox .info span{display:block;}