html, body {
      position: relative;
      height: 100%;
    }
    ul{
    	margin:0;
    	padding:0;
    }
    li{
		list-style-type:none;
		padding-left: 2rem;
    margin-top: 1rem;
    }
    #top{
    	width: 100%;
    	height: 5rem;
    	background-color: #6fb8fd;

    }
    #back{
      width:20%;
      height:5rem;
      color: white;
      font-size: 2rem;
      line-height: 5rem;
      float:left;
      text-align: center;
    }
    #title_content{
      width:60%;
      height: 5rem;
      color: white;
      font-size: 2rem;
      line-height: 5rem;
      text-align: center;
      float: left;

    }
    #tika{
      width: 20%;
      height: 5rem;
      line-height: 5rem;
      color: white;
      font-size: 2rem;
      text-align: center;
      float:right;
    }
    #footer{
    	width: 100%;
    	height: 10%;
    	background-color: red;
    	position: fixed;
    	bottom: 0;
    }
    .swiper-container {
      width: 100%;
 
    }
    .title{
      margin-top:0.5rem;
      padding-left: 1rem;
      padding-right: 0.5rem;
    }
    .num_now{
      margin-left: 0.5rem;
      color: #6fb8fd;
    }
    .num_all{
    }
    .type{
      margin-left: 0.5rem;
      margin-right: 0.5rem;
      color:#6fb8fd;
    }
    .swiper-slide {
      font-size: 2rem;
      background: #fff;
      line-height: 2rem;

    }
    .subject{
      height: 5rem;
      padding-left: 5rem;
      line-height: 5rem;
      font-size: 2rem;
      border-bottom:1px solid #ccc;;
    }
    .answerpart{
    	margin-top: 1rem;
    	background-color: #fff;
    	height: 100%;
      display: none;
    }
    .answer{
    	padding-left: 1rem;
    }
    .answer_color{
    	color: green;
    }
    .explain{
      margin-top: 1rem;
    	padding-left: 1rem;
      padding-right: 1rem;

    }
    .explain_content{
      padding-left: 1rem;
    }
    .button1{
      margin-left: 1rem;
    }

#box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 5;
}
#tikatop{
    width: 100%;
    height: 5rem;
    background-color: #6fb8fd;
    font-size: 2rem;
}
#tikaback{
    color: #fff;
    width: 20%;
    height: 5rem;
    line-height: 5rem;
    text-align: center;
    float:left;
}
#tika2{
    height: 5rem;
    width: 60%;
    line-height: 5rem;
    text-align: center;
    color:#FFF;
    font-size: 2rem;
    float: left;

}
#content{
    width: 100%;
    position: absolute;
    top:0;
    left:0;
}
#content2{

    background-color: #fff;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    z-index: 3;
}
.btn_tk{
    width: 4rem;
    height:4rem;
    color: #848c8c;
    line-height: 4rem;
    text-align: center;
    border: 1px solid #c0c0c0;
    display: inline-block;
    background-color: #efefef;
    margin-top: 0.5rem;
}