@charset "utf-8";
/* 初始化 */
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
img {max-width: 100%;height: auto;width:auto\9; /* ie8 */}
*{margin:0; padding:0; border:none;box-sizing:border-box;}
body{background:#fff;color:#000;font-size: 14px;}
em,i{font-style: normal;}
a{text-decoration:none; color:#666;}
a:hover{ text-decoration:none;}
ul,ol li{list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%;font-weight: normal;}
input,select{outline: none;}
.flex{display:flex;}
.flex-between{justify-content:space-between;}
.align-center{align-items: center;}
.copy{text-align: center;color:#999;font-size: 13px;padding:5px 0;}

/*======读好书活动纪念品购买=========*/
.ypLqu{width: 1200px;margin:0 auto;}
.ypLqu h3{text-align: center;margin:30px 0 12px;font-size:26px;}
.ypLqu h6{text-align:center;font-size:22px;margin-bottom:30px;color:crimson;}
.ypLqu h4{text-align: center;font-size:20px;color: #f77c21;position:relative;padding-bottom:50px;margin-top: 50px;}
.ypLqu h4::after{
	content:"";  width: 0;height: 0;position: absolute;
	left:50%;top:50%;
	border-left: 10px solid transparent; /* 让左边透明 */
	border-right: 10px solid transparent; /* 让右边透明 */
	border-top: 14px solid #f77c21; /* 顶部为三角形颜色 */
	}
.pcYP{display: block;box-shadow:0 0 5px #ddd;}
.sjYP{display: none;}
.topLR{overflow: hidden;margin-bottom: 30px;}
.topLR .lqul{float: left;width:32%;box-shadow:0 0 4px #ddd inset;padding:30px 15px;height:270px;}
.topLR .lqul li a{
	display: block;width:94%;height:75px;
	line-height: 75px;border-radius:6px;
	text-align: center;color: #fff;font-size: 18px;margin:0 auto;
}
.topLR .lqul li:nth-child(1) a{background:linear-gradient(to top,#f5b58d,#dd3e31);margin-bottom:30px;margin-top:13px;}
.topLR .lqul li:nth-child(2) a{background:linear-gradient(to top,#54d36c,#0bb720);}
.topLR .lqul li:nth-child(3) a{background:linear-gradient(to left,#7eaee3,#1779dc);}
.topLR .lqsm_hj{float: right;width:67%;box-shadow:0 0 4px #ddd inset;height: 270px;font-size:15px;}
.topLR .lqsm_hj span{display: block;background: #459cf4;color: #fff;padding:10px;margin-bottom: 10px;}
.lqsm_hj p{padding:0 20px;margin-bottom:3px;}
/*发货滚动*/
.txtScroll-topmobile{display: none;}
.txtScroll-top{ display: block;width:1200px;  overflow:hidden;  border:1px solid #ccc;margin:0 auto;font-size: 14px;}
.txtScroll-top .bd{ padding:10px;}
.txtScroll-top .infoList li{ height:40px; line-height:40px;}
.txtScroll-top .infoList li span{float: left;width:25%;text-align: center;}
.txtScroll-top .infoList li img{width:30px;height:30px;border-radius:50%;vertical-align: middle;margin-right:5px;}
.txtScroll-top .infoList li i{color: #288906;}
/*纪念品领取页*/
.SH_dizhi{}
.SH_dizhi h5{text-align: center;color:#0f2257;font-size:22px;height:100px;line-height:100px;}
.leiX{}
.leiX p{color:#55460f;font-size:18px;}
.leiX .jnp_zl{overflow: hidden;}
.leiX .jnp_zl .in_set{float: left;width:33.33%;text-align: center;padding:2%;}
.leiX .jnp_zl .in_set_bg{border:3px solid #fbfbfb;position: relative;border-radius:8px;background:#fbfbfb; overflow:hidden;box-shadow:0 0 3px #ddd inset;}
.leiX .jnp_zl .in_set_bg label{font-size: 18px;display: block;color:#666;}
.leiX .jnp_zl .in_set_bg em{padding:5px 0;display: block;}
.leiX .jnp_zl .in_set_bg em b{font-size:30px;font-weight: bold;padding:0 5px;}
.leiX .jnp_zl .in_set_bg img{width:60px;margin:20px 0 5px;}
.leiX .jnp_zl .in_set_bg i{display: block;margin-bottom:22px;color: #666;font-size: 13px;}
.leiX .jnp_zl .in_set_bg i b{font-weight: bold;font-size: 15px;margin:0 3px;}
.leiX .jnp_zl .in_set_bg input[type="radio"]{display:block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity:0;cursor: pointer;}
.leiX .jnp_zl .in_set_bg input:checked + label{color:#000;}
.leiX .jnp_zl .BDbg .in_set_bg{border-color:#d33f4f;background:linear-gradient(to top,#fffcfb,#fff4ee);color:#cb3745;}
.leiX .jnp_zl .BDbg .in_set_bg i{color: #000;}
.money{text-align: center;margin:15px 0 80px;}
.money input{width: 380px;height: 60px;color: #fff;background: #e54350;border-radius:5px;font-size: 18px;}
.leiX .jnp_zl .in_set_bg::after { content: "包邮"; width: 100px; height: 26px; line-height: 26px; background: red; color: #fff; position: absolute; top: 7px; left: -26px; transform: rotate(-45deg); }
/*付款页*/
.payBox{width: 80%;margin:0 auto;}
.payBox h5{text-align: center;font-size: 22px;line-height: 100px;}
.payBox h5 b{font-size: 36px;padding:0 5px;}
.payBox p{color: #666;margin-bottom: 15px;text-align:left;}
.payBox ul{overflow: hidden;box-shadow:0 0 5px #ddd;padding: 5%;}
.payBox ul li{float: left;width: 50%;text-align: center;}
.payBox ul li img{width: 220px;height: 220px;margin-bottom:20px;border:1px solid #eee;}
.payBox ul li span{display: block;}
.payBox ul li input{background: #ff8503;color: #fff;height:40px;width:250px;border-radius: 5px;margin-top: 20px;}
/*收货信息*/
.address_zs{padding:1% 2%;overflow:hidden;}
.address_zs .address_U{background:#fbfbfb;border-radius:6px;padding:15px;overflow:hidden;}
.SQbox{float:left;width:65%;}
.SQbox .Intxt{font-size:16px;padding:4px 0;border-radius:4px;background:#fff;}
.SQbox .Intxt.name{font-size:24px;color:#000;width:115px;}
.SQbox .Intxt.njbj{width:120px;}
.SQboxtx{float:right;text-align:center;margin-top:45px;}
.SQboxtx .goImgsc{display:block;text-decoration:underline;}
.SQbox b{background:aliceblue;padding:4px 8px;display:block;}
.jichuXX p{overflow:hidden;padding:10px 40px;box-shadow:0 0 3px #ddd inset;background:#fff;}
.youjiXX b{}
.dzxx_HH{box-shadow:0 0 3px #ddd inset;padding:10px 40px;background:#fff;}


/*=====手机端样式显示======*/
@media screen and (max-width: 750px) {
	body{font-size: .28rem;}
	/*发货滚动*/
	.txtScroll-top{display: none;}
	.txtScroll-topmobile{display: block;width: 100%;overflow:hidden;  border:1px solid #ccc;font-size:.28rem;}
	.txtScroll-topmobile .bd{ padding:.1rem .2rem;}
	.txtScroll-topmobile .infoList li{ height:40px; line-height:40px;}
	.txtScroll-topmobile .infoList li{width:100%;text-align:left;}
	.txtScroll-topmobile .infoList li img{width:30px;height:30px;border-radius:50%;vertical-align: middle;margin-right:5px;}
	.txtScroll-topmobile .infoList li i{color: #288906;}
	
	.ypLqu{width: 100%;padding:.2rem;}
	.pcYP{display: none;}
	.sjYP{display: block;}
	
	.ypLqu h3{margin:.2rem 0;font-size:.34rem;}
	.ypLqu h6{font-size:.3rem;margin-bottom:.3rem;}
	.ypLqu h4{font-size:.32rem;padding:0 .3rem .5rem;margin-top: .5rem;}
	.ypLqu h4::after{top:75%;}
	.topLR{margin-bottom:.3rem;}
	.topLR .lqul{width:100%;padding:.3rem .3rem .5rem;height:auto;}
	.topLR .lqsm_hj{width:100%;height: auto;padding-bottom:.32rem;}
	.lqsm_hj p{font-size:.26rem;padding:0 .3rem;}
	.topLR .lqul li a{width:96%;height:1.1rem;line-height: 1.1rem;font-size:.32rem;}
	.topLR .lqul li:nth-child(1) a { margin-bottom: .2rem; margin-top: .1rem; }
	
	/*纪念品领取页*/
	.SH_dizhi h5{font-size:.34rem;height:1rem;line-height:1rem;}
	.leiX{padding:0;}
	.leiX p{font-size:.28rem;margin:.1rem ;}
	.leiX .jnp_zl .in_set{width:100%;}
	.leiX .jnp_zl .in_set_bg label{font-size: .34rem;}
	.leiX .jnp_zl .in_set_bg em{padding:.1rem 0;}
	.leiX .jnp_zl .in_set_bg em b{font-size:.6rem;}
	.leiX .jnp_zl .in_set_bg img{width:1rem;margin:.3rem 0 5px;}
	.leiX .jnp_zl .in_set_bg i{margin-bottom:.3rem;font-size: .25rem;}
	.money{margin:.6rem 0;}
	.money input{width:90%;height: 1rem;font-size: .32rem;}
	/*付款页*/
	.payBox{width:100%;}
	.payBox h5{font-size:.32rem;line-height: 1rem;}
	.payBox h5 b{font-size: .6rem;}
	.payBox p{margin-bottom: .2rem;}
	.payBox ul{box-shadow:none;}
	.payBox ul li{width:100%;margin-bottom:1.2rem;}
	.payBox ul li img{width:2.5rem;height: 2.5rem;margin-bottom:.1rem;}
	.payBox ul li span{font-size: .26rem;}
	.payBox ul li input{height:.75rem;width:80%;margin-top: .2rem;}
	/*收货信息*/
	.address_zs .address_U{padding:.15rem;}
	.SQbox{padding:.15rem;width:100%;}
	.SQbox .Intxt{font-size:.28rem;padding:4px 0;border-radius:4px;background:#fff;}
	.SQbox .Intxt.name{font-size:.34rem;width:100%;}
	.SQbox .Intxt.njbj{width:100%;}
	.SQboxtx{margin-top:.5rem;width:100%;}
	.SQboxtx .goImgsc{font-size:.26rem;}
	.SQbox b{background:aliceblue;padding:4px 8px;display:block;}
	.jichuXX p{padding:.2rem;margin:0;}
	.youjiXX b{}
	.dzxx_HH{padding:.2rem;}


}



