body{
	background: #F6F7F9;
}
.header{
	width: 100%;
	height: 140px;
	margin: 0 auto;
	background-color: #FFFFFF;
}
.header .wrap{
	width: 1480px;
}

.header .font12 {
	background-color: #225da1;
	color: white;
	height: 34px;
	padding: 2px 0;
	width: 134px;
	text-align: center;
	border-radius: 3px;
	display: inline-block;
	line-height: 1;
	padding: 5px 0;
}

.header .seach {
	width: 660px;
	height: 45px;
	position: relative;
}


.header .seach .button {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 55px;
	height: 45px;
	padding-right: 10px;
	cursor: pointer;
	background: url('../images/icon/b_seach.png') no-repeat center;
	border: none;
	border-radius: 0 5px 5px 0;
}

.header-new .shopping-cart {
	padding: 5px 15px;
	position: relative;
}
.header-new .shopping-cart .number{
	min-width: 20px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	left: 85px;
	top: -5px;
	padding: 0 5px;
	background-color: #FF381F;
	color: #FFFFFF;
	border-radius: 20px;
	text-align: center;
	/*transform: scale(0.83,0.83);*/
	font-size: 14px;
	font-weight: bold;
}
.header .download-img{
	width: 280px;
	height: 96px;
}
.header a.shopping-cart:hover{
	color: #FF6D00;
}
.site{
	width: 1480px;
	margin: 30px auto;
}
.site a:hover{
	color: #FF6D00;
}
.details{
	width: 1480px;
	margin: 0 auto;
}
.exzoom{
	/*background-color: #F5F9FD;*/
	height: 490px;
	border-radius: 5px;
}
.exzoom-wrap{
	width: 420px !important;
}
.exzoom .exzoom_nav {
    /*margin-top: 10px;*/
    overflow: hidden;
    position: relative;
    left: 15px;
	margin-top: 65px;
}
.exzoom .exzoom_img_box{
	background: #fff!important;
	border: 1px solid #EFF0F3;
	/*padding: 20px;*/
}
.exzoom_img_box{
	width: 420px !important;
	height: 420px !important;
}
/*.exzoom_zoom_outer{*/
/*	width: 382px!important;*/
/*	height: 372px!important;*/
/*}*/
/*.exzoom_preview_img{*/
/*	width: 382px!important;*/
/*	height: 372px!important;*/
/*}*/
/*.exzoom_img_ul_outer{*/
/*	width: 382px!important;*/
/*	height: 372px!important;*/
/*}*/
/*.exzoom_preview{*/
/*	width: 382px!important;*/
/*	height: 372px!important;*/
/*}*/
.exzoom .exzoom_btn a{
	border: none !important;
	background-color: transparent !important;
	color: #215DA2 !important;
	font-size: 16px !important;
}
.details{
	align-items: flex-start;
	margin-bottom: 100px;
}
.details >.left{
	width: 1650px;
	/*background-color: #FFFFFF;*/
	/*padding: 40px;*/
}
.book-detils{
	/*width: 1000px;*/
	margin-left: 44px;
	width: 100%;
}

.book-detils .title{
	text-align: left;
	height: 28px;
	font-size: 28px;
	font-weight: bold;
	color: #2D2D2D;
}

.book-detils >div .left{
	display: inline-block;
	width: 70px;
	height: 36px;
	line-height: 36px;
	text-align: justify;
	text-align-last: justify;
}
.book-detils .text{
	height: 36px;
	line-height: 36px;
}
.book-detils .volume{
	/* height: 40px; */
	line-height: 22px;
	/*border-bottom: 1px solid #EFEFEF;*/
	/*margin-top: 20px;*/
	/*margin-bottom: 20px;*/
	/* 		padding-bottom: 20px; */
	align-items: center;
}
.fgx{
	width: 100%;
	margin: 20px auto;
	align-items: flex-start;
	border-top: 1px solid #EFEFEF;
}
.book-detils .volume >div{
	font-size: 14px;
	text-align: center;
	padding: 0 40px;
	height: 20px;
	line-height: 20px;
}
.book-detils .volume >div:nth-child(1){
	padding-left: 0;
}
#book_number{
	width: 52px;
	height: 38px;
	text-align: center;
	outline: 1px solid #999999;
}
.book-detils .number .button{
	height: 36px;
	margin-left: 5px;
}
.book-detils .number .button img{
	border: 1px solid #757575;
	width: 23px;
	height: 14px;
}
.book-detils .kucun{
	margin-left: 20px;
}
.book-detils .shopping{
	padding-top: 40px;
}
.book-detils .shopping >div{
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	padding: 0 8px;
	border-radius: 3px;
	background: #215DA2;
	text-align: center;
	color: #FFFFFF;
	cursor: pointer;
}

.book-detils .shopping .btn-book{
	height: 50px;
	border: 1px solid #D7E9FF;
	padding: 0 40px;
	line-height: 50px;
	background-color: #D7E9FF;
	border-radius: 24px;
	cursor:pointer;
	font-size: 17px;
	font-weight: bold;
	color: #2567B3;
}
.book-detils  .play{
	border: 1px solid #FA1E00!important;
	padding: 0 40px;
	line-height: 50px;
	background-color: #FA1E00!important;
	border-radius: 24px;
	cursor:pointer;
	font-size: 17px;
	font-weight: bold;
	color: #fff!important;
	margin-left: 30px;
}


.book-detils .shopping .btn-book:hover{background: #005CA7;color: #fff;}
.book-detils .play:hover{background: #db280f!important;color: #fff!important;}
.book-detils .commitment{
	margin-top: 10px;
}
.book-detils .commitment .commitment-text{
	height: 36px;
	line-height: 36px;
}
.sc-33 {
    width: 100px;
}
.swiper-slide{
	height: 360px;
	margin-bottom: 30px;
}
.swiper-slide img{
	width: 240px;
	height: auto;
}
.swiper-slide .price{
	margin-top: 10px;
}
.popularity{
	width: 1200px;
	color: #9c9c9c;
	font-size: 14px;
	margin: 0 auto;
	margin-top: 55px;
}
.right .tip{
	text-align: center;
}
.right .price{
	align-items: flex-end;
}

.img-details{
	width: 100%;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 60px;
	align-items: flex-start;
	padding-top: 40px;
	background: #fff;
	box-shadow: 0px 3px 2px 0px rgba(125,120,120,0.02);
	border-radius: 7px;
}
.img-details .left{
	width: 100%;
}
.img-details .left .tab-list{
	width: 100% ;
	height: 46px;
	line-height: 46px;
}
.img-details .left .tab-list li {
	text-align: center;
	font-size: 22px;
	color: #333333;
	cursor: pointer;
}
.img-details .left .tab-list li:nth-child(2){
	margin-left: 240px;
}
.img-details .left .tab-list li.focus{
	color: #3181DF;
	position: relative;
}
.img-details .left .tab-list li.focus::before{
	position: absolute;
	width: 100%;
	height: 3px;
	background-color: #3467FB;
	bottom: -25px;
	left: 0;
	content: '';
}
.img-details .left .img-list{
	margin: 0 auto;
	margin-top: 61px;
	padding-bottom: 83px;
	width: 830px !important;
}
.img-details .left .img-list.list1 p img{
	width: 100% !important;
}
.img-details .left .img-list p img{
	margin: 0 auto !important;
	display: block;
}
.right .swiper-container{
	width: 240px;
	margin: 30px;
	margin-bottom: 0;
}

.swiper-pagination-bullet{
	width: 10px !important;
	height: 7px !important;
	background: #b1b1b1 !important;
	border-radius: 8px !important;
}
.swiper-pagination-bullet-active{
	width: 36px !important;
	height: 7px !important;
	background: #215DA2 !important;
	border-radius: 8px !important;
}

 .list_amount {
	/*width:250px;*/
	text-align: center;
	height: 100%;
}

 .list_amount .amount_box {
    display: inline-block;
	 width: 170px;
	 height: 40px;
	 border: 1px solid #EFF0F3;
    position: relative
}
 .list_amount .amount_box input{
    width: 85px;
    height: 40px;
    border: 1px solid #EFF0F3;
    color: #898989;
    text-align: center;
    /*padding: 4px 0;*/
    background-color: #FFFFFF;
    z-index: 2;
    position: absolute;
    left: 42px;
	font-size: 16px;
	/*padding: 4px 0 ;*/
	/*border-radius: 2px;*/
}

 .list_amount .amount_box span {
    height: 40px;
    width: 40px;
	/*margin-top: 1px;*/
    background: #fff;
    text-align: center;
    line-height: 40px;
    color: #2D2D2D;
    position: absolute;
    top: 0;
	 border: 1px solid #EFF0F3;
	
}

.list_amount .amount_box span:nth-child(1){
	/*border-radius: 2px 0 0 2px;*/
}

.list_amount .amount_box span:nth-last-child(1){
	/*border-radius: 0 2px 2px 0;*/
}

 .list_amount .amount_box .reduce {
    left: 0;
	color: #cbcbcb;
	border-right: 0;
}

 .list_amount .amount_box .reSty:hover {
    border-right: 0;
    border-color: #e5e5e5;
    text-decoration: none;
    color: #cbcbcb
}

 .list_amount .amount_box .plus {
	border-left-color: transparent;
	right: 0;
}
.order-price,.author,.list_amount{
	height: 22px;
	margin-bottom: 35px;
}
.order-price{
	height: 30px;
	line-height: 30px;
}
.commitment >div:nth-child(2){
	margin-left: 100px;
}
.commitment >div >img{
	margin-right: 6px;
}
.left-top{
	display: flex;
	background: #fff;
	padding: 35px 30px 31px 30px;
	box-shadow: 0px 3px 2px 0px rgba(125,120,120,0.02);
	border-radius: 7px;
}
.details .right .right-top{
	width: 340px;
	height: 430px;
	background-color: #FFFFFF;
	padding: 20px;
	padding-bottom: 0;
	border-bottom: 1px solid #EFEFEF;
	border-radius: 5px;
}

.details .right .right-top .title img{
	width: 30px;
	height: 30px;
	margin-right: 13px;
}

.right .right {
	width: 340px;
	margin-top: 30px;
	background-color: #FFFFFF;
	padding: 20px;
	border-radius: 5px;
}
.right .right .recommend{
	width: 100%;
}
.right .right .recommend .top{
	width: 100%;
	padding-bottom: 20px;
	border-bottom:  1px solid #EFEFEF;
}

.right .right .download{
	width: 100%;
	min-height: 10px;
}
.right .right .books-list >li{
	margin-top: 30px;
}
.right .right .books-list >li a >img{
	width: 80px;
	height: auto;
}

.right .right .books-list >li  .list-right{
	margin-left: 20px;
	height: 80px;
}

.right .right .books-list >li .list-right .title{
	width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.right .right .books-list >li .text{
	margin-bottom: -8px;
}
.right .right .books-list >li  .paly{
	width: 60px;
	height: 22px;
	line-height: 22px;
	background-color: #215DA2;
	border-radius: 2px;
	text-align: center;
	font-size: 12px;
}

.book-detils .shopping .cart-end{
	/*background: #EBEBEB !important;*/
	/*border-radius: 3px;*/
	/*width: 110px;*/
	/*height: 32px;*/
	/*line-height: 32px;*/
	/*padding: 0 10px;*/
	/*color: #666666;*/
}
.right-top .swiper-slide .font9.font-333333{
	width:100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*v3*/
.course-xx{
	width: 1130px;
	border: none;
	border-bottom: 1px dashed #cdcdcd;
	margin-top: 36px;
}