/*******************************
	-------[购物车]--------
********************************/
.c{clear:both;}
.l{float: left;}
.r{float: right;}
.bodyfb{
	background-color: #fbfbfb;
}
.cur{
	padding: 25px 0 25px;
}
.cur,
.cur a{
	font-size: 12px;
	color: #999;
}
#bsWXBox{
    box-sizing: content-box;
}
.cur a:hover{
	color: #3991ec;
}
.ul-step{
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.ul-step.step1{
	background-image: url(../../images/book/q-step1.png);
}
.ul-step.step2{
	background-image: url(../../images/book/q-step2.png);
}
.ul-step.step3{
	background-image: url(../../images/book/q-step3.png);
}
.ul-step.step4{
	background-image: url(../../images/book/q-step4.png);
}
.ul-step.step5{
	background-image: url(../../images/book/q-step5.png);
}
.ul-step.step4 li,.ul-step.step5 li{
    width: 50%;
}
.marleft5{
    display:inline-block;margin-left:5px;
}
.ul-step li{
	float: left;
	width: 33.33%;
	font-size: 14px;
	height: 33px;
	line-height: 33px;
	color: #616161;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
}
.ul-step li.on{
	color: #fff;
}
.q-tit1{
	font-weight: bold;
	font-size: 16px;
	padding: 25px 0;
	color: #232323;
}
.table-car{
	background-color: #fff;
	margin-bottom: 31px;
	border-radius: 4px;
	text-align: center;
	box-shadow: 0 4px 8px rgba(191, 191, 191, 0.15);
}
.table-car table{
	width: 100%;
}
.table-car tr td{
	position: relative;
	padding: 14px 0;
	overflow: hidden;
}
.table-car tr td em{
	display: none;
}
.table-car tr th,
.table-car tr:last-child td{
	padding: 15px 0;
}
.table-car th{
	font-weight: normal;
	color: #585858;
	text-align: center;
}
.table-car tr:first-child{
	border-bottom: 1px solid #eaeaea;
}
.table-car tr:last-child td{
	text-align: left;
}
.table-car tr:last-child{
	border-top: 1px solid #eaeaea;
}
.table-car .s1{
	width: 7.9%;
	text-align: left;
}
.table-car .s2{
	width: 42%;
	text-align: left;
}
.table-car .s3{
	width: 14.2%;
}
.table-car .s4{
	width: 11%;
}
.table-car .s5{
	width: 12%;
}
.table-car th.s2{
	padding-left: 26px !important;
}
.form-checkbox{position:relative;cursor:pointer;margin-bottom: 0;}
.form-checkbox .g-checkbox{left: -12px;}
.form-checkbox .g-checkbox{display:block;position:absolute;top:50%;margin-top:-7px;width:14px;height:14px;border:1px solid #bfbfbf;}
.form-checkbox .g-checkbox.on{background:url(../../images/checked-on.png) center no-repeat;}
.form-checkbox input{position:absolute;left:-999px;}
.table-car tr:first-child .form-checkbox,
.table-car tr:last-child .form-checkbox{
	padding-left: 29px;
	left:29px;
}
.table-car tr:first-child .form-checkbox .g-checkbox,
.table-car tr:last-child .form-checkbox .g-checkbox{
	left:5px;
}
.table-car tr:first-child td{
	text-align: center;
}
.table-car .pic{
	float: left;
	width: 96px;
	height: 143px;
	line-height: 143px;
	margin-right: 30px;
	text-align: center;
	font-size: 0;
}
.table-car .pic img{
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.table-car h4{
	position: absolute;
	top: 50%;
	left: 25%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-weight: bold;
	text-align: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	max-height: 108px;
}
.table-car.car2 h4{
	left: 20%;
}
.table-car td h4 a{
	padding-right: 10px;
	font-size: 14px;
	color: #292c36;
}
.table-car td h4 a:hover{
	color: #3991ec;
}
.table-car .btn-del-all{
	margin-left: 8px;
}
.table-car .count{
	text-align: right;
	color: #565656;
	padding-right: 29px;
}
.table-car .count span{
	color: #3991ec;
}
.table-car .count em{
	display: inline-block;
	width: 28px;
}
.table-car .count span.s1{
	font-size: 16px;
	margin-right: 5px;
}
.table-car .count span.s2{
	font-size: 18px;
}
.table-car .count .btn-pay{
	display: inline-block;
	font-size: 16px;
	color: #fff;
	width: 108px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	margin-left: 15px;
	background: url(../../images/part/searchbj.png) no-repeat center;
    border-radius:4px; 
    background-size: cover;
}
.m-car{
	padding: 42px 0 86px;
	text-align: center;
}
.m-car .img{
	margin-bottom: 50px;
}
.m-car p{
	font-size: 16px;
	color: #434343;
}
.m-car p a{
	font-weight: bold;
	color: #3991ec;
}
.table-car.car2 tr th:first-child,
.table-car.car2 tr td:first-child{
	position: relative;
	z-index: -1;
	opacity: 0;
}
.table-car.car2 .s2{
	width: 610px;
}
.table-car.car2 .s3{
	width: 180px;
}
.table-car.car2 .s5{
	width: 140px;
}
.form-order{
	padding: 24px 0 23px;
	background-color: #fff;
	box-shadow: 0 4px 8px rgba(191, 191, 191, 0.15);
	text-align: right;
	margin-bottom: 60px;
}
.form-order p{
	font-size: 14px;
	line-height: 24px;
	color: #232323;
}
.form-order p span{
	color: #3991ec;
}
.form-order p span.s1{
	text-align: left;
	min-width: 70px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.form-order p span.s2{
	font-size: 16px;
	width: auto;
}
.form-order p .submit{
	display: inline-block;
	width: 133px;
	height: 46px;
	font-size: 16px;
	color: #fff;
	border: 0;
	background: url(../../images/part/searchbj.png) no-repeat center;
	margin-right: 21px;
	margin-left: 15px;
    background-size: cover;
    border-radius: 4px;
}
.form-order p em{
	display: inline-block;
	width: 15px;
}
.form-order p.count{
	margin-top: 35px;
}
/* 支付 **************************************************/
.m-pay1{
	overflow: hidden;
	background-color: #fff;
	color: #363636;
	padding: 24px 96px 32px 44px;
	box-shadow: 0 4px 8px rgba(191, 191, 191, 0.15);
	margin-top: 30px;
}
.m-pay1 .l{
	float: left;
}
.m-pay1 .r{
	padding: 6px 0 0;
	float: right;
}
.m-pay1 h4{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 2px;
}
.m-pay1 span{
	color: #3991ec;
}
.m-pay1 h4 span{
	font-size: 18px;
    line-height: 30px;
}
.m-pay1 .p1{
	font-size: 12px;
	color: #7d7d7d;
}
.m-pay1 .p2 span{
	font-size: 18px;
}
.m-pay2{
	margin-bottom: 60px;
	min-height: 400px;
}
.m-pay2 .tit{
	padding: 28px 0;
	overflow: hidden;
}
.m-pay2 .tit h3{
	font-weight: bold;
	float: left;
	font-size: 16px;
	color: #232323;
	margin-right: 60px;
}
.ul-pay{
	float: left;
	overflow: hidden;
	margin-top: 3px;
}
.ul-pay li{
	cursor: pointer;
	float: left;
	position: relative;
	color: #5f5f5f;
	background: url(../../images/book/q-radio.png) no-repeat left center;
	padding-left: 21px;
	margin-right: 29px;
}
.ul-pay li.on{
	background-image: url(../../images/book/q-radio-on.png);
}
.m-pay2 .desc{
	display: none;
	background-color: #fff;
	border-radius: 4px;
	padding: 28px 0 31px 0;
	box-shadow: 0 4px 8px rgba(191, 191, 191, 0.15);
}
.m-pay2 .desc.on{
	display: block;
}
.m-pay2 .desc3 h4{
	float: none;
}
.m-pay2 .desc3 h4 .yue{margin-left: 0;}
.m-pay2 .desc3 h4 span{
	font-size: 24px;
	margin-left: 15px;
	color: #3991ec;
}
.m-pay2 h4{
	float: left;
	font-size: 18px;
	color: #666;
	padding-left: 68px;
	margin-right: 40px;
}
.m-pay2 .con{
	position: relative;
}
.m-pay2 .zhifubao{
	float: left;
	width: 170px;
	height: 170px;
	line-height: 168px;
	text-align: center;
	border: 1px solid #d7d7d7;
	border-radius: 4px;
	margin-bottom: 30px;
}
.m-pay2 .zhifubao img{
	display: inline-block;
	vertical-align: middle;
}
.m-pay2 .btn-pay{
	display: block;
	margin-left: 228px;
	font-size: 16px;
	color: #fff !important;
	width: 108px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: url(../../images/part/searchbj.png) no-repeat center;
    background-size: cover;
    border-radius: 4px;
}
.m-pay2 .p1{
	color: #5f5f5f;
	margin: 8px 0 26px 176px;
}
.m-pay2 .desc3 .btn-pay{
	margin-left: 230px;
}
.m-pay2 .p2{
	margin: 3px 0 18px;
	font-family: "宋体";
	font-size: 12px;
	color: #666;
}
.m-pay2 .p2 span{
	font-family: "微软雅黑";
	color: #3991ec;
}
.m-pay2 .eq{
	width: 300px;
	height: 300px;
	line-height: 298px;
	text-align: center;
	border: 1px solid #ddd;
	margin-bottom: 20px;
	margin-left: 198px;
    padding: 20px;
}
.m-pay2 .eq img{
	display: inline-block;
	vertical-align: middle;
}
.m-pay2 .sao{
	font-weight: bold;
	width: 300px;
	padding: 8px 0 8px 125px;
	line-height: 1.6;
	font-family: "宋体";
	color: #fff;
	background: url(../../images/book/icon-sao.png) no-repeat 50px center;
	background-color: #ff7674;
	margin-left: 198px;
}
.m-pay2 .con .tip{
	display: none;
	position: absolute;
	top: 0;
	left: 536px;
	width: 360px;
	height: 430px;
}
.m-pay2 .con .tip img{
	display: block;
	width: 100%;
	height: 100%;
}
/* 支付成功 **************************************************/
.m-success{
	padding: 106px 0 158px;
	background-color: #fff;
	box-shadow: 0 4px 8px rgba(191, 191, 191, 0.15);
	margin-bottom: 60px;
}
.m-success h2{
	font-size: 25px;
	color: #62cb89;
	text-align: center;
	margin-bottom: 44px;
}
.m-success h2 img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 27px;
}
.m-success h3{
	font-size: 16px;
	color: #515151;
	text-align: center;
	margin-bottom: 40px;
}
.m-success h3 span{
	color: #3991ec;
	margin-left: 12px;
}
.m-success .tip{
	width: 510px;
	margin: 0 auto;
	line-height: 30px;
}
.m-success .tip h4{
	float: left;
	font-size: 14px;
    line-height: 30px;
}
.m-success .tip .con{
	overflow: hidden;
}
.m-success .tip .con a{
	color: #3991ec;
	margin-left: 4px;
}
.m-success .tip .con a:hover{
	text-decoration: underline;
}
/*列表页*/

/* 展开收起模块 */
.m-fold { border-top: 1px solid #ddd; background: #fff; box-shadow: 0 4px 8px rgba(191, 191, 191, 0.15);}
.m-fold .item:last-child .submenu{
	border-bottom: 0;
}
/* 标题 */
.m-fold .submenu {}
.m-fold .tit { position: relative; padding: 15px 24px 15px 30px; background: #fff; cursor: pointer; font-size: 16px;color: #292c36; }
/* 标题右侧图标 */
.m-fold .tit::after { content: ''; position: absolute; right: 0; top: 50%; width: 19px; height: 6px; background: url(../../images/book/arrow-down.png) no-repeat center; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .3s; transition: all .3s; }
.m-fold .item.on .tit,.m-fold .tit:hover{color: #3991ec;}
.m-fold .tit:hover::after{ background: url(../../images/part/up.png) no-repeat left;}
/* 点开时的标题右侧图标 */
.m-fold .item.on .tit::after { background: url(../../images/part/up.png) no-repeat left; }
/* 内容 */
.m-fold .desc { display: none;  background-color: #f6f6f6; }
/* 子菜单 */
/* .m-fold .submenu{padding: 12px 0; border-top: 15px solid #fff;border-bottom: 15px solid #fff;} */
.m-fold .item2 .submenu{
	border-bottom: 0;
}
.m-fold .submenu li a{ font-weight: bold;display: block;font-size: 12px;line-height: 18px; padding: 5px 42px; color: #6c6b6b;}
.m-fold .submenu li a:hover{color: #3991ec;}
.m-fold .submenu li .active{color: #3991ec;}
.m-qj1{
	padding: 29px 0 30px;
}
.m-qj1 img{
	display: block;
	width: 100%;
}
/*列表页*/
.m-list{
	padding: 0 30px 34px 25px;
	box-shadow: 0 4px 8px rgba(191, 191, 191, 0.15);
	background-color: #fff;
	margin-bottom: 30px;
}
.ul-list{
	margin-bottom: 30px;
	overflow: hidden;
}
.ul-list .inner{
	padding: 22px 0 0;
	border-bottom: 1px dashed #c4c4c4;
}
.ul-list .con2{
	padding: 15px 0 25px;
}
.ul-list.list2 .con1{
    min-height: auto;
    /* min-height: 296px; */
}
.ul-list .con1,
.ul-list .con2{
	overflow: hidden;
}
.ul-list .con1 .pic{
	float: left;
	width: 130px;
	height: 191px;
	line-height: 191px;
	text-align: center;
	margin-right: 15px;
	font-size: 0;
}
.ul-list .con1 .pic img{
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.ul-list .con1 .txt{
	overflow: hidden;
	padding: 6px 0 0;
}
.ul-list .con1 .txt h4{
	font-weight: bold;
	margin-bottom: 35px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.ul-list .con1 .txt h4 a{
	font-size: 18px;
	color: #292c36;
}
.ul-list .con1 .txt h4 a:hover{
	color: #3991ec;
}
.ul-list .con1 .tip{
	overflow: hidden;
	margin-bottom: 29px;
}
.ul-list .con1 .tip .txtinfo{
	float: left;
	display: block;
	padding-right: 3px;
	font-size: 12px;
	line-height: 24px;
	color: #6d6d6d;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.ul-list .con1 .tip span.s1,
.ul-list .con1 .tip span.s4{
	width: 33%;
}
.ul-list .con1 .tip span.s2,
.ul-list .con1 .tip span.s5{
	width: 33%;
}
.ul-list .con1 .tip span.s3,
.ul-list .con1 .tip span.s6{
	width: 30%;
}
.ul-list .con1 .tip span a{
	color: #6d6d6d;
}
.ul-list .con1 .tip span a:hover,
.ul-list .con1 .tip span a.on{
	color: #3991ec;
}
.ul-list .con1 .tip span.s1{
	padding-left: 25px;
	background: url(../../images/book/icon-writer.png) no-repeat left center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
.ul-list .con1 .tip span.s2{
	padding-left: 25px;
	background: url(../../images/book/icon-time.png) no-repeat left center;
}
.m-list.detail .ul-list .con1 .tip span.s1.s11,
.m-list.detail .ul-list .con1 .tip span.s15{
	width: 26%;
}
.m-list.detail .ul-list .con1 .tip span.s12{
	width: 28.5%;
}
.m-list.detail .ul-list .con1 .tip span.s13{
	width: 27%;
}
.ul-list .summary{
	position: relative;
	line-height: 26px;
	display: -webkit-box;
	/* -webkit-box-orient: vertical;
	-webkit-line-clamp: 2; */
	/* overflow: hidden; */
	height: 104px;
	color: #292c36;
}
.ul-list .con2 .l{
	float: left;
}
.ul-list .con2 .r{
	padding: 9px 0 0;
}
.ul-list .con2 .s1{
	color: #757575;
	padding-left: 8px;
	margin-right: 5px;
}
.ul-list .con2 .s1 strong{
	font-size: 28px;
	color: #3991ec;
	margin-left: 14px;
}
.ul-list .con2 .s2{
	font-size: 12px;
	color: #848484;
}
.ul-list .con2 .s2 em{
	font-style: normal;
	text-decoration:line-through;
}
.ul-list .con2 .s3{
	font-size: 14px;
	color: #757575;
}
.q-btn{
	overflow: hidden;
}
.q-btn a{
	float: left;
	height: 26px;
	line-height: 24px;
	border-radius: 4px;
	border: 1px solid #cbcbcb;
	padding: 0 10px 0 36px;
	font-size: 12px;
	color: #a8a7a7;
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-right: 20px;
}
.q-btn a.a1{
	background-image: url(../../images/book/icon-car.png);
}
.q-btn a.a2{
	color: #3991ec;
	border-color: #3991ec;
	background-image: url(../../images/book/icon-read-on.png);
}
.q-btn a:last-child{margin-right: 0;}
.q-btn a.a4{
	color: #3991ec;
	border-color: #3991ec;
	background-image: url(../../images/book/ico-09.png);
}
.q-btn a.a3{
	background-image: url(../../images/book/icon-buy.png);
}
.q-btn a:hover{
	color: #3991ec;
	border-color: #3991ec;
}
.q-btn a.a1:hover{
	background-image: url(../../images/book/icon-car-on.png);
}
.q-btn a.a3:hover{
	background-image: url(../../images/book/icon-buy-on.png);
}
.q-btn a.bought:hover{
    color: #a8a7a7;
	border-color: #cbcbcb;
	background-image: url(../../images/book/icon-buy.png);
}
.ul-list.list2{
	margin: 0 -12px 30px;
}
.ul-list.list2 li{
	float: left;
	width: 50%;
}
.ul-list.list2 li .q-btn a.a1{
	margin-left: 0;
}
.ul-list.list2 .con2 .s1{
	padding-left: 0;
}
.ul-list.list2 .inner{
	margin: 0 12px;
}
.ul-list.list2 .con1 .txt h4 a{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 54px;
	white-space: normal;
    display: block;
}
.ul-list.list2 .con1 .txt h4{
	position: relative;
	top: -4px;
	margin-bottom: 0;
}
.ul-list.list2 .con1 .tip{
	margin-bottom: 20px;
    min-height: 132px;
}
.ul-list.list2 .con1 .tip span,
.ul-list.list2 .con1 .tip span{
	float: none;
	line-height: 22px;
	width: auto;
}
.ul-list.list2 .con1 .txt{
	overflow: visible;
}
.ul-list.list2 .con2 .l,
.ul-list.list2 .con2 .r{
	float: none;
	width: auto;
}
.ul-list.list2 .con2 .l{
	padding-bottom: 11px;
}
.ul-list.list2 .con2{
	padding: 13px 0 30px;
}
.h30{
	height: 30px;
}
.col-slide{
	margin-right: 10px;
	margin-bottom: 30px;
}
.col-main{
	margin-left: -8px;
	margin-bottom: 30px;
}
.m-sort{
	background-color: #fff;
	border-radius: 4px;
	margin-bottom: 2px;
}
.m-sort .l{
	float: left;
}
.m-sort .r{
	float: right;
}
.m-sort h3{
	font-size: 14px;
	color: #fff;
	width: 99px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	background: url("../../images/part/searchbj.png") no-repeat center / cover;
    border-radius:4px; 
}
.ul-tab{
	float: left;
	overflow: hidden;
	margin-top: 10px;
	margin-right: 18px;
}
.ul-tab li{
	float: left;
	margin-left: 15px;
}
.ul-tab a{
	display: block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
}
.ul-tab a.a1{
	background-image: url(../../images/book/icon-shitu.png);
}
.ul-tab a.a2{
	background-image: url(../../images/book/icon-liebiao.png);
}
.ul-tab li.on a.a1{
	background-image: url(../../images/book/icon-shitu-on.png);
}
.ul-tab li.on a.a2{
	background-image: url(../../images/book/icon-liebiao-on.png);
}
.m-sort .tip{
	float: left;
	font-size: 12px;
	color: #333;
	padding: 12px 17px 0 0;
}
.m-sort select{
    display: inline-block;
    margin-top:-3px;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	color: #333;
	width: 55px;
	border: 0;
	background: url(../../images/book/icon-sel.png) no-repeat right center;
	cursor: pointer;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* 商品描述页 **************************************************/
.m-list.detail{
	padding: 10px 15px 20px 20px;
}
.m-list.detail .ul-list{
	margin-bottom: 0;
}
.m-list.detail .ul-list .con1 .pic{
	width: 180px;
	height: 263px;
	line-height: 263px;
}
.m-list.detail .ul-list .con1 .txt h4{
	font-size: 22px;
	color: #292c36;
}
.m-list.detail .ul-list .con1 .txt h4 span{
	font-size: 22px;
	color: #292c36;
}
.m-list.detail .ul-list .con1 .tip span.s1{width: 16.5%;}
.m-list.detail .ul-list .con1 .tip span.s2{width: 30.6%;}
.m-list.detail .ul-list .con1 .tip span.s3{width: 28.5%;}
.m-list.detail .ul-list .con1 .tip span.s4{width: 20%;}
.m-list.detail .ul-list .con1 .tip span.s5{width: 47%;}
.m-list.detail .ul-list .con2 .s1{padding-left: 0;}
.m-list.detail .ul-list .con2 .s4{color: #757575;margin-left: 12px;}
.m-list.detail .ul-list .con2 .s4 strong{font-size: 16px; color: #3991ec;margin-left: 12px;}
.m-list.detail .ul-list .con2 .buy{
	font-size: 12px;
	text-decoration: underline;
	color: #3991ec;
	margin-left: 10px;
}
.m-list.detail .q-btn a.a1{margin-left: 0;}
.m-list.detail .ul-list .inner{
	border-bottom: 0;
}
.q-share{
	padding: 0 12px 0 11px;
	background-color: #fafafa;
}
.q-share a{
	font-size: 12px;
	color: #a3a3a3;
}
.q-share a.collect{
	padding-left: 26px;
	display: inline-block;
	vertical-align: middle;
	background: url(../../images/book/icon-like.png) no-repeat left center;
	margin-right: 13px;
}
.q-share a.favorited{
    background: url(../../images/book/icon-like-on.png) no-repeat left center;
    color: #3991ec;
}
.q-share a.js-collect.on{
	color: #3991ec;
	background-image: url(../../images/book/icon-like-on.png);
}
.q-share .share{
	display: inline-block;
	vertical-align: middle;
}
.q-share .share .bds_more{
	color: #a3a3a3;
	padding-left: 20px;
	background: url(../../images/book/icon-share.png) no-repeat left center;
}
.col-main2{
	margin-right: -12px;
}
.col-slide2{
	margin-left: 12px;
}
.m-qj2{
	margin: 30px 0 29px;
	background-color: #fff;
	box-shadow: 0 4px 8px rgba(191, 191, 191, 0.15);
	border-radius: 4px;
}
.m-qj2 .tit{
	font-size: 0;
	border-bottom: 1px solid #eaeaea;
}
.m-qj2 .tit li{
	display: inline-block;
	width: 134px;
	text-align: center;
}
.m-qj2 .tit li a{
	position: relative;
	font-weight: bold;
	display: block;
	font-size: 18px;
	height: 81px;
	line-height: 80px;
	color: #212329;
}
.m-qj2 .tit li.on a,
.m-qj2 .tit a:hover{
	color: #3991ec;
}
.m-qj2 .tit li.on a:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3px;
	background:linear-gradient(90deg, #1c70d5 0%, #58a1f8 100%);
}
.ul-chapter li{margin-bottom: 6px;}
.ul-chapter li a{
	font-weight: bold;
	font-size: 16px;
	line-height: 2;
	color: #212329;
}
.m-qj2 .desc{
	padding: 24px 28px;
	min-height: 475px;
	overflow: hidden;
}
.m-qj2 .desc h4{
	font-weight: bold;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 5px;
	color: #212329;
}
.m-qj2 .desc p{
	font-size: 16px;
	line-height: 2;
	color: #212329;
}
.col-slide3{
	margin-right: 8px;
	padding: 0 30px;
	background-color: #fff;
	box-shadow: 0 4px 8px rgba(191, 191, 191, 0.15);
	border-radius: 4px;
	margin-bottom: 60px;
}
.m-qj3{
	padding: 28px 0 20px;
	border-bottom: 1px solid #eaeaea;
}
.m-qj3 .pic{
	width: 180px;
	height: 263px;
	line-height: 263px;
	margin: 0 auto 16px;
	font-size: 0;
	text-align: center;
}
.m-qj3 .pic img{
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
}
.m-qj3 h4{
	font-weight: bold;
	font-size: 16px;
	color: #292c36;
	margin-bottom: 22px;
}
.m-qj3 .tip{
	overflow: hidden;
}	
.m-qj3 .tip span{
	float: left;
	font-size: 12px;
	line-height: 22px;
	color: #6d6d6d;
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	padding-right: 1px;
}
.m-qj3 .tip span.s1,
.m-qj3 .tip span.s3{
	width: 53%;
}
.m-qj3 .tip span.s2,
.m-qj3 .tip span.s4{
	width: 47%;
}
.m-qj3 .tip span.s1{
	padding-left: 25px;
    background: url(../../images/book/icon-writer.png) no-repeat left center;
}
.m-qj3 .tip span.s1 a{
	color: #6d6d6d;
}
.m-qj3 .tip span.s1 a.on,
.m-qj3 .tip span.s1 a:hover{
	color: #3991ec;
}
.m-qj4{
	padding: 26px 0 46px;
}
.m-qj4 h4{
	font-weight: bold;
	font-size: 14px;
	color: #212329;
	margin-bottom: 13px;
}
.m-qj4 p{
	font-size: 14px;
	line-height: 32px;
	color: #212329;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	overflow: hidden;
	max-height: 224px;
}
.m-qj4 .summary{
	font-size: 14px;
	line-height: 32px;
	color: #212329;
	overflow: hidden;
	max-height: 224px;
}
.m-qj4 .summarymore{
    color:#3991ec;
    cursor: pointer;
}
.showsum{
    width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);position: fixed;top:0;bottom: 0;left: 0;right:0;z-index: 99999;
}
.summary-box{position: absolute;top:0;bottom: 0;left: 0;right:0;width: 550px;border-radius: 5px; background: #fff;margin: auto;height: 350px;padding: 30px;}
.summary-box h2{font-size: 28px;text-align: center;margin-bottom: 20px;}
.booksummary{color: #292c36;line-height: 28px;max-height: 230px;overflow-y: auto;text-indent:2em;}
.summaryclose{font-size: 30px;position: absolute;right: -40px;top: -7px;color: #fff;line-height: 24px;cursor: pointer;}

.col-main3{
	box-shadow: 0 4px 8px rgba(191, 191, 191, 0.15);
	border-radius: 4px;
	background-color: #fff;
	margin-left: -12px;
}
.m-qj5{
	padding: 27px 31px 24px;
	border-bottom: 1px solid #eaeaea;
}
.m-qj5 .con1{
	padding: 0 0 20px;
	overflow: hidden;
}
.m-qj5 .con1 .pic{
	float: left;
	width: 65px;
	height: 82px;
	margin-right: 28px;
}
.m-qj5 .con1 .pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.m-qj5 .con1 .audiojs{
	overflow: hidden;
}
.m-qj5 .con1 .audiojs .tit{
	overflow: hidden;
}
.m-qj5 .con1 .audiojs h4{
	position: relative;
	font-weight: bold;
	font-size: 18px;
	padding: 7px 0 17px;
	color: #212329;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	max-width: 500px;
}
.m-qj5 .con2{
	overflow: hidden;
}
.m-qj5 .con2 h3{
	font-weight: bold;
	font-size: 18px;
	color: #212329;
}
.m-qj5 .con2 .q-share{
	padding-right: 0;
	background-color: transparent;
}
.m-qj6{
	padding: 0 0 32px;
}
.m-qj2 .desc3{
	padding: 18px 26px 18px 26px;
}
.ol-chapter2{
	margin-bottom: 15px;
}
.ol-chapter2 li{
	overflow: hidden;
}
.ol-chapter2 .allowed a{
    color: #ddd;
}
.ol-chapter2 .time{
	float: right;
	padding-right: 28px;
	color: #212329;
	line-height: 54px;
}
.ol-chapter2.c2 .time{
	line-height: 38px;
	padding-right: 0;
}
.ol-chapter2 h4{
	font-weight: normal;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.ol-chapter2 a{
	-webkit-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
	padding-left: 68px;
	line-height: 54px;
	background: url(../../images/book/icon-play.png) no-repeat 30px center;
}
.ol-chapter2 a:focus{
	color: #333;
}
.ol-chapter2.c2 a{
	line-height: 38px;
	padding-left: 40px;
	background-position: 2px center;
}
.ol-chapter2 .allow.playing{
	background-color: #f6f6f6;
}
.ol-chapter2 .allow.playing a{
	background-position: 28px center;
	background-image: url(../../images/book/icon-sound.png);
	color: #3991ec !important;
}
.m-qj5 .con1 .audiojs .scrubber{
	height: 10px;
	background-color: #f6f6f6;
	border-radius: 5px;
	margin-bottom: 10px;
}
.m-qj5 .con1 .audiojs .progress{
    height:10px;
	position: relative;
	overflow: visible;
	border-radius: 5px 0 0 5px;
	background-color: #1c70d5;
	background:linear-gradient(90deg, #1c70d5 0%, #58a1f8 100%);
}
.m-qj5 .con1 .audiojs .progress:after{
	content: '';
	position: absolute;
	right: -18px;
	top: -5px;
	width: 20px;
	height: 20px;
	background: url(../../images/book/icon-yuan.png) no-repeat center;
}
.m-qj5 .con1 .audiojs .time{
	font-size: 12px;
	color: #212329;
	overflow: hidden;
}
.m-qj5 .con1 .audiojs .time em{
	font-style: normal;
	float: left;
}
.m-qj5 .con1 .audiojs .time strong{
	font-weight: normal;
	float: right;
}
.audio-control span{
    width: 21px;
    height: 21px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
    margin-left: 5px;
}
.audio-control .play-paused{
	background: url(../../images/book/audio-play.png) no-repeat center;
}
.audio-control .play-pause{
	background: url(../../images/book/audio-pause.png) no-repeat center;
}
.audio-control .play-pause.play{
	background: url(../../images/book/audio-play.png) no-repeat center;
}
.audio-control .play-prev{
	background: url(../../images/book/audio-prev.png) no-repeat center;
}
.audio-control .play-next{
	background: url(../../images/book/audio-next.png) no-repeat center;
}
.audio-control .play-sound{
	position: relative;
	background: url(../../images/book/audio-sound.png) no-repeat center;
}
.audio-control .play-sound.on:after{
	content: '';
	position: absolute;
	width: 1px;
	top: -3px;
	left: 50%;
	bottom: -3px;
	background-color: #3991ec;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.mo-con{
	display: none;
}
.m-order{
	padding: 10px;
	margin-bottom: 20px;
	background-color: #fff;
	box-shadow: 0 4px 8px rgba(191, 191, 191, 0.15);
}
.ul-order{
	text-align: left;
}
.ul-order li{
	position: relative;
	padding: 10px 10px 10px 20px;
	overflow: hidden;
}
.ul-order .pic{
	width: 68px;
	height: 103px;
	line-height: 103px;
}
.ul-order h4{
	font-weight: bold;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 100px;
	width: 120px;
	font-size: 12px;
}
.ul-order li .form-checkbox{
	position: absolute;
	left: 0;
	top: 50%;
}
.ul-order li .form-checkbox .g-checkbox{
	left: 0;
}
.ul-order h4 a{
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 36px;
}
.ul-order .info{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 50px;
}
.ul-order .info span{
	font-size: 12px;
	display: block;
	text-align: center;
}
.ul-order .btn-del{
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 12px;
	color: #333;
}
.m-select{
	position: relative;
	float: left;
	margin-left: 15px;
}
.m-select .show{
	font-size: 12px;
	width: 75px;
	color: #3991ec;
	background: url(../../images/blue3.png) no-repeat right center;
	border-bottom: 1px solid #3991ec;
}
.m-select .opt{
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 10;
	background-color: #fff;
	z-index: 10;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
.m-select .opt li a{
	display: block;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
}
.ul-fq07.slick{
	position: relative;
	padding: 0 0 20px;
}
.ul-fq07.slick .items{
	margin: 0 8px;
}
/* .q-tab01-con{
	height: 0;
	visibility: hidden;
} */
.q-tab01-con.show{
	height: auto;
	visibility: visible;
}
.header-nav h3{
	display: none;
	line-height: 30px;
}

/* 书城专题 */
.bookspecial .logopic{height:310px;width:100%;}
.bookspecial .m-list{padding:0 15px 10px}
.bookspecial .ul-list .inner{padding:0;margin-top:30px;border:0;background: #fffdee;border-radius: 4px;}
.bookspecial .ul-list .inner>a{display: block;padding: 24px 15px 24px 20px;min-height: 210px;}
.bookspecial .ul-list .inner .pic{width:25%;height:156px;line-height: 156px;margin:0;}
.bookspecial .ul-list .con1 .txt{padding:0 15px;}
.bookspecial .ul-list .con1 .txt .title{overflow: hidden;text-align: justify;position:relative}
.bookspecial .ul-list .con1 .txt .title.full:after{content:'…';position: absolute;bottom:0;right:0;background:#fffdee;padding-left:1px}
.bookspecial .ul-list .con1 .tip{margin:10px 0 0;}
.bookspecial .ul-list .con1 .tip .txtinfo{padding-left:0;width:50%;float:left;}
.bookspecial .ul-list .con1 .tip .s1,.bookspecial .ul-list .con1 .tip .s2{padding-left:22px;}
.bookspecial .ul-list .con2{padding:0;margin-left:-22px;}


@media only screen and (max-width: 1259px) {
	.container{padding: 0 10px !important;}
	.m-pay1 .l,.m-pay1 .r{float: none;}
	.col-main,.col-slide{margin: 0;}
	.bdshare_popup_box{display: none !important;}
	
}
@media only screen and (max-width: 992px) {

	.m-pay2 .con .tip{display: none !important;}
	.mo-con{display: block;}
	.pc-con{
		display: none;
    }
    .fullcart tr,.fullcart .table-car td h4 a{
        font-size:12px;
    }
    .table-car .pic{
        width: 68px;
        height: 103px;
        line-height: 103px;
    }
    .table-car .choosebtn{
        width:12%
    }
    .table-car .maincon{
        width:58%
    }
    .table-car .price,.table-car .deletebtn{
        width:15%
    }
    .table-car h4{
        left:40%;
        padding-right: 15px;
    }
	.cur{padding: 10px 0;}
	.col-main2{margin-right: 0;}
	/* a:hover{
		color: inherit !important;
	} */
	.hd-bottom .search .goodscar:hover{
		opacity: 1 !important;
		color: #3991ec !important;
	}
	.q-btn a:hover{
		color: #a8a7a7;
		border: 1px solid #cbcbcb;
	}
	.q-btn a.a1:hover {
	    background-image: url(../../images/book/icon-car.png);
	}
	.q-btn a.a3:hover {
	    background-image: url(../../images/book/icon-buy.png);
	}
	.table-car .count{padding-right: 0;}
	.table-car .count .btn-pay{margin-left: 10px;}
	.table-car .count em{width: 10px;}
	.form-order{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 100;
		margin-bottom: 0;
		padding: 6px 0 6px 10px;
		background-color: #fbfbfb;
		border-top: 1px solid #ccc;
	}
	.form-order .submit{
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		height: auto;
		display: block;
		margin: 0;
		width: 110px;
		border: 0;
		color: #fff;
		background: url(../../images/part/searchbj.png) no-repeat center center;
        background-size: cover;
	}
	.h50{height: 50px;}
	.m-order.order2{
		padding-bottom: 30px;
	}
	.m-order.order2 .ul-order li .info{
		right: 10px;
	}
	.m-order.order2 .ul-order li{padding-left: 10px;}
	.m-order.order2 .ul-order h4{left: 90px;width: 150px;}
	.form-order .price{
		overflow: hidden;
	}
	.form-order .price p{
		float: left;
		font-size: 12px;
		line-height: 1.2;
		margin-right: 12px;
	}
	.form-order p span.s1{min-width: inherit;}
	.m-car p{font-size: 14px;}
	.form-order p.count{margin-top: 0;text-align: left;font-size: 12px;line-height: 20px;}
	.search .inp .submit:hover{opacity: 1;}
	.m-sort .tip{display: none;}
	.m-qj1{padding: 0 0 10px;}
	.fd-logo{display: none;}

    .ul-list .con1 .tip .txtinfo{float: none;}
    
    .bookspecial .logopic{height:160px;}
    

}
@media only screen and (max-width: 767px) {
	.m-pay1{padding: 20px 10px;}
	.m-pay2 h4{padding-left: 15px;}
	.m-pay2 .desc1 h4{float: none;text-align: center;padding-left: 0;}
	.m-pay2 .eq{margin: 20px auto;width: 280px;height: 280px;line-height: 278px;}
	.m-pay2 h4{font-size: 16px;margin-right: 0;}
	.m-pay2 .p2{font-size: 16px;overflow: hidden;margin: 0;padding-right: 15px;}
	.m-pay2 .sao{margin: 0 auto;width: 280px;}
	.m-pay2 .tit h3{float: none;}
	.m-pay2 .zhifubao{float: none;margin: 10px auto 0;}
	.m-pay2 .p1{margin: 0 0 0 110px;}
	.m-pay2 .btn-pay{margin: 20px auto !important;}
	.ul-pay{float: none;margin-top: 10px;}
	.m-success .tip{text-align: center;width: auto;padding: 0 20px;line-height: 24px;}
	.m-success .tip h4{float: none;}
	.m-success{padding: 50px 0 100px;}
	.m-success h2{margin-bottom: 20px;}
	.m-success h3{margin-bottom: 20px;}
	.ul-step li{height: 28px;line-height: 28px;}
	.ul-list .con1 .txt h4{margin-bottom: 10px;font-size: 18px;}
	.m-list.detail .ul-list .con1 .txt h4{font-size: 18px;}
	.ul-list .con1 .pic{float: none;margin: 0 auto;}
	.ul-list .con1 .tip{margin-bottom: 10px;}
	.ul-list .con1 .tip span{float: none;width: auto !important;}
	.ul-list .con2 .s1 strong{font-size: 22px;}
	.ul-list .con2 .r,.ul-list .con2 .l{float: none;}
	.q-btn a{padding: 0 5px 0 30px;margin-right: 10px;background-position: 5px center;}
	.q-btn a.a1{margin-left: 0;}
	.pages{text-align: center;}
	.pagination li{display: none;}
	.pagination li.active,.pagination li.previous,.pagination li.next{display: inline-block;}
	.pages .count{display: none;}
	.ul-tab{margin-right: 5px;}
	.ul-tab li{margin-left: 5px;}
	.m-sort .tip{padding-right: 5px;}
	.m-sort h3{width: 85px;}
	.ul-tab{display: none;}
	.ul-list .con3 .l,
	.ul-list .con3 .r{
		float: none;
	}
	.m-qj2 .tit li{width: 100px;}
	.ul-list .con3 .r{width: 145px;margin-top: 10px;}
    .q-share .sharebox{left: 30px;}
	.m-qj2 .desc{
		height: auto;
		padding: 10px 20px;
	}
	.m-qj2 .desc3{
		padding-left: 0px;
	}
	.m-qj2 .desc h4{font-size: 14px;}
	.m-qj5 .con1 .audiojs .tit{margin-bottom: 10px;}
	.m-qj5 .con1 .audiojs .tit .l,
	.m-qj5 .con1 .audiojs .tit .r{float: none;width: auto;}
	.m-qj5 .con1 .audiojs h4{padding: 0 0 5px;}
	.ol-chapter2 a{padding-left: 35px !important;background-position: 10px center !important;}
	.ol-chapter2 li.playing a{background-position: 6px center;}
	.col-slide3,.col-main3{margin-bottom: 20px;}
	.ol-chapter2 .time{display: none;}
	.m-list.detail .ul-list .con2 .s4{margin-left: 0;display: inline-block;}
	.m-qj2 .desc p{font-size: 14px;}
    .m-qj2 .tit li a{font-size: 14px;height: 51px;line-height: 50px;}
    
    .bookspecial .logopic{height:100px;}
    .bookspecial .m-list{padding:0 0 10px;}
    .bookspecial .ul-list .con1 .pic{width:100%}
    .bookspecial .ul-list .inner>a{padding:10px}
    .bookspecial .ul-list .con1 .tip span{width:100%!important}

    .ul-list .summary{height: auto;}
	.summary-box{width: 75%;max-width: 450px;height: 320px;padding: 20px;}
    .summary-box h2 {font-size: 22px;margin-bottom:10px;}
    .booksummary {line-height: 24px;}
    .summaryclose{right: -30px;}
}
@media only screen and (max-width: 349px){
	.ul-list .con2 .s1,
	.ul-list .con2 .s2,
	.ul-list .con2 .s3{display: block;padding-left: 0;}
	.m-order.order2 .ul-order h4{width: 120px;}
	.form-order .price p{float: none;text-align: left;}
	.form-order p{font-size: 12px;line-height: 1.5;}
	.form-order p span.s2{font-size: 12px;}
	.form-order p em{width: 5px;}
}