body{background: #F5F6FA;}
  .container {border:#F00 solid 0px;height: 100%;}
  .main {width: 708px;width: 748px;width: 731px;width: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;
  padding-left: 0px;padding-top: 112px;padding-top: 115px;padding-top: 100px;padding-bottom: 122px;padding-bottom: 110px;/*margin-left: 20px;margin-right: 20px;margin-left: 12px;margin-right: 10px;*/
	  border-left:#CCC solid 0px;border-top:#CCC solid 0px;border:#F00 solid 0px;
  }
.list{margin-top: 180px;margin-top: 100px;margin-top: 100px;padding-bottom: 0px;
	.navBarBox{}
  .main {padding-bottom: 20px;padding-bottom: 24px;padding-bottom: 0px;padding-top: 10px;}
  .showTypeBox {margin-top: 0px;background: #fff;padding-top: 20px;display: flex;padding-bottom: 20px;width: 100%;}
	.showType {width: 180px;width: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;border:#F00 solid 0px;text-align:center;
	  .span{padding-top: 0px;padding-right: 0px;font-weight:bold;}
	  .on{color:#337BE6;font-weight:bold;}
	  .text2{margin-top: 10px;width: 100px;border-top:#fff solid 6px;height: 0px;border-radius:6px;}
	  .on2{color:#337BE6;font-weight:bold;border-top:#337BE6 solid 6px;}
	}
  .navBox {padding-top: 0px;margin-top: 0px;margin-top: 20px;padding-bottom: 30px;
     .nav{width: 690px;background: #fff;margin-top: 20px;padding-left: 30px;padding-right: 30px;}
	 .nav5{margin-top: 40px;}
	 .nav7{margin-top: 40px;}
	 .nav0{background: #F5F6FA;}
	 .nav2{
		 .title{
			 .text{padding-left: 40px;}
		 }
	 }
	.text {padding-left: 0px;}
  }
  .navBox0{width: 100%;padding-bottom: 150px;padding-bottom: 150px;}
	.honorBox{width: 100%;text-align:center;display: flex;flex-direction: column;align-items: center;margin-top: 0px;
	  .image{width: 750px;height: 186px;margin-top: 0px;}
	}
  
	.qrcodeBox0{width: 690px;width: 750px;display: flex;justify-content: center;margin-top: 20px;position: fixed;bottom: 130px;bottom: 60px;}
		.qrcodeBox {display: flex;padding: 10px;padding-top: 50px;border:#F00 solid 0px;border-radius: 20px;padding-top: 10px;padding-bottom: 0px;border:#ccc solid 0px;
	  background: #fff;border-radius: 8px;/*box-shadow: 0px 0px 14px 0px rgba(53, 79, 141, 0.16);*/
     .qrcode {
	  .image{width: 200px;height: 200px;}
	    }
			.list {flex:1;padding-top: 10px;padding-left: 10px;padding-right: 20px;
				.item0 {width: 100%;display: block;display: flex;line-height: 1.6;}
				.license{padding-bottom: 50px;padding-bottom: 20px;
			 		.span{font-size: 24px;padding-right: 50px;}
					.book{padding-right: 0px;}
				}
				.name {padding-top: 0px;padding-top: 28px;padding-bottom: 28px;}
				.gray{font-size: 24px;}
				.gray22{padding-left: 25px;}
				.close{margin-left: 10px;}
				.check{padding-top: 10px;}
				.checkbox0{position:relative;padding-top: 0px;margin-left: 20px;font-size: 50px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
				.checkbox{position:absolute;left: 0px;top: -2px;}
			}
		}
	
}
.help2{margin-top: 60px;
	.thumbBox{width: 100%;margin-top: 50px;padding-bottom: 30px;
		.image{width: 100%;}
	}
}

.book0{background: #fff;margin-top: 0px;padding-top: 60px;height: 100%;
	.navBarBox{border-bottom:#ddd solid 1px;}
}
.book{
	.topBox{
	  	span{display: flex;flex-direction: column;width: 100%;text-align:center;}
		.title{font-size: 60px;padding-top: 60px;}
		.year{padding-top: 10px;padding-top: 20px;font-size: 35px;}
		.date{padding-top: 500px;}
		.date2{color:#999;}
		.author{padding-top: 10px;padding-top: 40px;padding-top: 500px;}
	}
	.textBox{padding-top: 60px;padding-left: 30px;padding-right: 30px;
		.text1{display: flex;width: 100%;font-size: 34px;padding-top: 20px;text-align:left;}
		.buttonBox{padding-top: 300px;font-size: 40px;display: flex;justify-content: center;
			.button{width: 200px;
			}
		}
	}
	.bottomBox{position: fixed;z-index:11;bottom: 100px;width: 750px;
		.text3{display: flex;justify-content: center;width: 100%;font-size: 20px;padding-top: 80px;text-align:center;}
		.blue{font-size: 30px;padding-top: 40px;}
		a:hover{color:#337BE6;}
	}
	.yearBox{padding-top: 500px;padding-top: 100px;/*padding-bottom: 300px;*/padding-right: 10px;
		.year{display: flex;padding-top: 50px;border-bottom:#CCC solid 3px;padding-bottom: 20px;
			.bold{flex: 1;}
			img{margin-left: 30px;margin-top: 6px;}
		}
	}
}