@charset "utf-8";
.scene_list{ margin-bottom:15px; }
.scene_list > li{ position:relative;  border:1px solid #ddd; margin-bottom:30px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
.scene_list > li:last-child{ margin-bottom:0px; }
.scene_list > li .ck_box{ z-index:11;  position:absolute; top:20px; left:20px; }
.scene_list > li > a{ display:block; border:4px solid #fff; padding:30px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;  }
.scene_list > li > a .tit_box{ position:relative;  padding-right:80px; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px;  }
.scene_list > li > a .tit_box .wr_subject{ display:block; font-size:22px; line-height:140%;  }
.scene_list > li > a .tit_box .wr_state{ position:absolute; bottom:10px; right:0; background:#13a7cb; height:30px; line-height:30px; border-radius:7px; padding:0 10px; color:#fff;  min-width:60px; text-align:center; font-size:16px;   }
.scene_list > li > a .tit_box .wr_state.end{ background:#aaa; }
.scene_list > li > a li{ position:relative;  padding-left:100px; line-height:160%; font-size:16px; margin-bottom:5px;   }
.scene_list > li > a li:last-child{ margin-bottom:0px; }
.scene_list > li > a li b{ position:absolute; top:0; left:0; color:#13a7cb; font-weight:500; }

.scene_list > li:hover,
.scene_list > li:hover a{ border-color:#13a7cb;}


@media all and ( max-width:1024px){
	.scene_list > li{ margin-bottom:20px;}
	.scene_list > li > a{ padding:20px; }
	.scene_list > li > a .tit_box .wr_subject{ font-size:20px; }
	.scene_list > li > a .tit_box .wr_state{ font-size:14px; }

	.scene_list > li > a li{ font-size:14px; padding-left:70px;  }
}
@media all and ( max-width:768px){
	.scene_list > li{ margin-bottom:15px;}
	.scene_list > li > a{ padding:15px; }
	.scene_list > li > a .tit_box .wr_subject{ font-size:18px; }
	.scene_list > li > a .tit_box .wr_state{ position:static; margin-bottom:10px; display:inline-block; height:25px; line-height:25px;  font-size:13px; padding:0 5px;  }

	.scene_list > li > a li{ font-size:13px; padding-left:60px;  }

}
@media all and ( max-width:380px){
	.scene_list > li > a li{ padding-left:0px;}
	.scene_list > li > a li b{ position:static; display:block; margin-bottom:5px; }
}