@charset "utf-8";
@media screen and (min-width: 1182px) {
/*大屏浏览器*/
#shopping-box{height:auto;min-width:992px;background-color:#f5f5f5;width:100%;box-sizing:border-box;padding-top:100px;padding-bottom:100px;padding-right:10px;padding-left:10px}
#shopping-box .container{border:1px solid #eaeaea;background-color:#fff;-moz-box-shadow:0 10px 25px rgba(0,0,0,.1);-webkit-box-shadow:0 10px 25px rgba(0,0,0,.1);box-shadow:0 10px 25px rgba(0,0,0,.1);max-width:1200px;margin-right:auto;margin-left:auto;box-sizing:border-box;padding-top:40px;padding-bottom:80px}
#shopping-box .container .tit{font-size:28px;padding-bottom:20px;text-align:center;font-family:"微软雅黑 Light"}
#shopping-box .container .box{padding:30px}
#shopping-box .container .curr_1{font-size:20px;padding-bottom:30px;color:#999;text-align:center}
#shopping-box .container .box .project-list{text-align:center;height:300px}
#shopping-box .container .box .project-list.payment{height:auto}
#shopping-box .container .box .project-list ul li{text-align:center;height:190px;width:160px;display:inline-block;margin-right:5px;margin-left:5px;padding-top:10px;position:relative;cursor:pointer}
#shopping-box .container .box .project-list.payment ul li{height:140px}
#shopping-box .container .box .project-list ul li input{-webkit-appearance:none;appearance:none;height:100%;width:100%;border:1px solid #E9E9E9;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;outline:0;margin:0;padding:0;float:left;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#shopping-box .container .box .project-list.payment ul li input{height:140px}
#shopping-box .container .box .project-list ul li input:checked{background-color:#FFF4E3;border-top-color:#F90;border-right-color:#F90;border-bottom-color:#F90;border-left-color:#F90}
#shopping-box .container .box .project-list ul li img{height:100px;width:100px}
#shopping-box .container .box .project-list.payment ul li img{height:90px;width:auto}
#shopping-box .container .box .project-list.payment ul li .text{padding-top:0;color:#999}
#shopping-box .container .box .project-list ul li .text{font-size:12px;padding-top:10px;padding-right:10px;padding-left:10px}
#shopping-box .container .box .project-list ul li .text p{color:#999;padding-top:8px}
#shopping-box .container .box .project-list ul li .b{position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;padding-top:15px;cursor:pointer}
#shopping-box .container .box .project-list .feiyong{font-size:20px;color:#F60;padding-bottom:40px}
#shopping-box .container .box .payment .paymentinfo{font-size:14px;line-height:24px;color:#666}
#shopping-box .container .box .next-step{text-align:center;padding-top:30px}
#shopping-box .container .box .next-step .button{font-size:15px;color:#FFF;background-color:#6C9;height:50px;width:180px;outline:0;cursor:pointer;border-top-width:1px;border-right-width:1px;border-bottom-width:3px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#55C68D;border-right-color:#55C68D;border-bottom-color:#48C185;border-left-color:#55C68D;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:700}
.payment_result{padding-top:20px;padding-bottom:20px}
.payment_result .ico{font-size:22px;text-align:center;padding-bottom:40px;font-family:"微软雅黑 Light";color:#666}
.payment_result .ico span{font-size:32px;vertical-align:middle;display:inline-block;margin-right:15px;font-family:iconfont;color:#6C9}
.payment_result .info{display:table;min-width:600px;margin-top:20px;margin-right:auto;margin-left:auto}
.payment_result dl{display:table-row-group}
.payment_result dl dt{vertical-align:middle;white-space:nowrap;display:table-cell;margin:0;width:1px;padding:10px;background-color:#eff3fc}
.payment_result dl dd{vertical-align:middle;display:table-cell;text-align:left;margin:0;padding:10px;background-color:#eff3fc}
.payment_result dl:nth-child(2n) dt{background-color:#f9fbff}
.payment_result dl:nth-child(2n) dd{background-color:#f9fbff}
.payment_result dl dd a{color:#728ddc;text-decoration:underline}
.payment_result .info strong{color:#F60}
.payment_result .link{text-align:center;padding-top:40px}
.payment_result .link a{font-size:14px;line-height:42px;color:#FFF;background-color:#40BF80;text-align:center;display:inline-block;height:42px;margin-right:10px;margin-left:10px;text-decoration:none;width:160px}
.payment_result .ico.no span{
	color:#FF9933
}
.payment_result .text{
	font-size: 14px;
	line-height: 24px;
	color: #FF6600;
	text-align: center;
}
}

@media screen and (min-width: 992px) and (max-width: 1181px) {
/*小屏浏览器*/
#shopping-box{height:auto;min-width:992px;background-color:#f5f5f5;width:100%;box-sizing:border-box;padding-top:100px;padding-bottom:100px;padding-right:10px;padding-left:10px}
#shopping-box .container{border:1px solid #eaeaea;background-color:#fff;-moz-box-shadow:0 10px 25px rgba(0,0,0,.1);-webkit-box-shadow:0 10px 25px rgba(0,0,0,.1);box-shadow:0 10px 25px rgba(0,0,0,.1);max-width:1180px;margin-right:auto;margin-left:auto;box-sizing:border-box;padding-top:40px;padding-bottom:80px}
#shopping-box .container .tit{font-size:28px;padding-bottom:20px;text-align:center;font-family:"微软雅黑 Light"}
#shopping-box .container .box{padding:30px}
#shopping-box .container .curr_1{font-size:20px;padding-bottom:30px;color:#999;text-align:center}
#shopping-box .container .box .project-list{text-align:center;height:300px}
#shopping-box .container .box .project-list.payment{height:auto}
#shopping-box .container .box .project-list ul li{text-align:center;height:190px;width:160px;display:inline-block;margin-right:5px;margin-left:5px;padding-top:10px;position:relative;cursor:pointer}
#shopping-box .container .box .project-list.payment ul li{height:140px}
#shopping-box .container .box .project-list ul li input{-webkit-appearance:none;appearance:none;height:100%;width:100%;border:1px solid #E9E9E9;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;outline:0;margin:0;padding:0;float:left;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#shopping-box .container .box .project-list.payment ul li input{height:140px}
#shopping-box .container .box .project-list ul li input:checked{background-color:#FFF4E3;border-top-color:#F90;border-right-color:#F90;border-bottom-color:#F90;border-left-color:#F90}
#shopping-box .container .box .project-list ul li img{height:100px;width:100px}
#shopping-box .container .box .project-list.payment ul li img{height:90px;width:auto}
#shopping-box .container .box .project-list.payment ul li .text{padding-top:0;color:#999}
#shopping-box .container .box .project-list ul li .text{font-size:12px;padding-top:10px;padding-right:10px;padding-left:10px}
#shopping-box .container .box .project-list ul li .text p{color:#999;padding-top:8px}
#shopping-box .container .box .project-list ul li .b{position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;padding-top:15px;cursor:pointer}
#shopping-box .container .box .project-list .feiyong{font-size:20px;color:#F60;padding-bottom:40px}
#shopping-box .container .box .payment .paymentinfo{font-size:14px;line-height:24px;color:#666}
#shopping-box .container .box .next-step{text-align:center;padding-top:30px}
#shopping-box .container .box .next-step .button{font-size:15px;color:#FFF;background-color:#6C9;height:50px;width:180px;outline:0;cursor:pointer;border-top-width:1px;border-right-width:1px;border-bottom-width:3px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#55C68D;border-right-color:#55C68D;border-bottom-color:#48C185;border-left-color:#55C68D;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:700}
.payment_result{padding-top:20px;padding-bottom:20px}
.payment_result .ico{font-size:22px;text-align:center;padding-bottom:40px;font-family:"微软雅黑 Light";color:#666}
.payment_result .ico span{font-size:32px;vertical-align:middle;display:inline-block;margin-right:15px;font-family:iconfont;color:#6C9}
.payment_result .info{display:table;min-width:600px;margin-top:20px;margin-right:auto;margin-left:auto}
.payment_result dl{display:table-row-group}
.payment_result dl dt{vertical-align:middle;white-space:nowrap;display:table-cell;margin:0;width:1px;padding:10px;background-color:#eff3fc}
.payment_result dl dd{vertical-align:middle;display:table-cell;text-align:left;margin:0;padding:10px;background-color:#eff3fc}
.payment_result dl:nth-child(2n) dt{background-color:#f9fbff}
.payment_result dl:nth-child(2n) dd{background-color:#f9fbff}
.payment_result dl dd a{color:#728ddc;text-decoration:underline}
.payment_result .info strong{color:#F60}
.payment_result .link{text-align:center;padding-top:40px}
.payment_result .link a{font-size:14px;line-height:42px;color:#FFF;background-color:#40BF80;text-align:center;display:inline-block;height:42px;margin-right:10px;margin-left:10px;text-decoration:none;width:160px}
.payment_result .ico.no span{
	color:#FF9933
}
.payment_result .text{
	font-size: 14px;
	line-height: 24px;
	color: #FF6600;
	text-align: center;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
/*IPAD、移动端大屏、平板*/
#shopping-box{height:auto;background-color:#f5f5f5;width:100%;box-sizing:border-box;}
#shopping-box .container{background-color:#fff;width:100%;margin-right:auto;margin-left:auto;box-sizing:border-box;padding-top:.4rem;padding-bottom:.8rem}
#shopping-box .container .tit{font-size:.28rem;padding-bottom:.2rem;text-align:center;font-family:"微软雅黑 Light"}
#shopping-box .container .box{padding:.3rem}
#shopping-box .container .curr_1{font-size:.2rem;padding-bottom:.3rem;color:#999;text-align:center}
#shopping-box .container .box .project-list{text-align:center;}
#shopping-box .container .box .project-list.payment{height:auto}
#shopping-box .container .box .project-list ul li{text-align:center;height:1.9rem;width:1.6rem;display:inline-block;margin-right:.05rem;margin-left:.05rem;padding-top:.1rem;position:relative;cursor:pointer}
#shopping-box .container .box .project-list.payment ul li{width:1.2rem;height:1.4rem}
#shopping-box .container .box .project-list ul li input{-webkit-appearance:none;appearance:none;height:100%;width:100%;border:1px solid #E9E9E9;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;outline:0;margin:0;padding:0;float:left;-moz-border-radius:.03rem;-webkit-border-radius:.03rem;border-radius:.03rem}
#shopping-box .container .box .project-list.payment ul li input{height:1.4rem}
#shopping-box .container .box .project-list ul li input:checked{background-color:#FFF4E3;border-top-color:#F90;border-right-color:#F90;border-bottom-color:#F90;border-left-color:#F90}
#shopping-box .container .box .project-list ul li img{height:1rem;width:1rem}
#shopping-box .container .box .project-list.payment ul li img{height:.9rem;width:auto}
#shopping-box .container .box .project-list.payment ul li .text{padding-top:0;color:#999}
#shopping-box .container .box .project-list ul li .text{font-size:.14rem;padding-top:.1rem;padding-right:.1rem;padding-left:.1rem}
#shopping-box .container .box .project-list ul li .text p{font-size:.12rem;color:#999;padding-top:.08rem}
#shopping-box .container .box .project-list ul li .b{position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;padding-top:.15rem;cursor:pointer}
#shopping-box .container .box .project-list .feiyong{font-size:.24rem;color:#F60;padding-bottom:.4rem}
#shopping-box .container .box .payment .paymentinfo{font-size:.14rem;line-height:.24rem;color:#666}
#shopping-box .container .box .next-step{text-align:center;padding-top:.3rem}
#shopping-box .container .box .next-step .button{font-size:.18rem;color:#FFF;background-color:#6C9;height:.5rem;width:1.8rem;outline:0;cursor:pointer;border-top-width:.1px;border-right-width:1px;border-bottom-width:.03rem;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#55C68D;border-right-color:#55C68D;border-bottom-color:#48C185;border-left-color:#55C68D;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:700}
.payment_result{padding-top:.2rem;padding-bottom:.2rem}
.payment_result .ico{font-size:.22rem;text-align:center;padding-bottom:.4rem;font-family:"微软雅黑 Light";color:#666}
.payment_result .ico span{font-size:.32rem;vertical-align:middle;display:inline-block;margin-right:.15rem;font-family:iconfont;color:#6C9}
.payment_result .info{display:table;width:70%;margin-top:.2rem;margin-right:auto;margin-left:auto}
.payment_result dl{display:table-row-group}
.payment_result dl dt{vertical-align:middle;white-space:nowrap;display:table-cell;margin:0;width:1px;padding:.1rem;background-color:#eff3fc}
.payment_result dl dd{vertical-align:middle;display:table-cell;text-align:left;margin:0;padding:10px;background-color:#eff3fc}
.payment_result dl:nth-child(2n) dt{background-color:#f9fbff}
.payment_result dl:nth-child(2n) dd{background-color:#f9fbff}
.payment_result dl dd a{color:#728ddc;text-decoration:underline}
.payment_result .info strong{color:#F60}
.payment_result .link{text-align:center;padding-top:.4rem}
.payment_result .link a{font-size:.18rem;line-height:.42rem;color:#FFF;background-color:#40BF80;text-align:center;display:inline-block;height:.42rem;margin-right:.1rem;margin-left:.1rem;text-decoration:none;width:1.6rem}
.payment_result .ico.no span{
	color:#FF9933
}
.payment_result .text{
	font-size: 14px;
	line-height: 24px;
	color: #FF6600;
	text-align: center;
}
}
@media screen and (max-width: 767px) {
/*手机端*/
.mainbody #header{background-color: rgba(35,47,62,.85)!important;}
#shopping-box{height:auto;background-color:#f5f5f5;width:100%; padding-top:.8rem;box-sizing:border-box;}
#shopping-box .container{background-color:#fff;width:100%;margin-right:auto;margin-left:auto;box-sizing:border-box;padding-top:.4rem;padding-bottom:.8rem}
#shopping-box .container .tit{font-size:.28rem;padding-bottom:.2rem;text-align:center;font-family:"微软雅黑 Light"}
#shopping-box .container .box{padding:.2rem}
#shopping-box .container .curr_1{font-size:.2rem;padding-bottom:.3rem;color:#999;text-align:center}
#shopping-box .container .box .project-list{text-align:center;}
#shopping-box .container .box .project-list ul li{text-align:center;height:1.36rem;width:100%;display:inline-block;margin-right:.05rem;margin-left:.05rem;padding-top:.1rem;		position:relative;cursor:pointer;margin-bottom: .2rem;}
#shopping-box .container .box .project-list.payment ul li{height:.86rem;width:48%;float: left;}
#shopping-box .container .box .project-list.payment ul li:nth-child(2n){float: right;}
#shopping-box .container .box .project-list ul li input{outline:none;-webkit-appearance:none;appearance:none;height:100%;width:100%;border:1px solid #E9E9E9;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;outline:0;margin:0;padding:0;float:left;-moz-border-radius:.03rem;-webkit-border-radius:.03rem;border-radius:.03rem}
#shopping-box .container .box .project-list.payment ul li input{}
#shopping-box .container .box .project-list ul li input:checked{background-color:#FFF4E3;border-top-color:#F90;border-right-color:#F90;border-bottom-color:#F90;border-left-color:#F90}
#shopping-box .container .box .project-list ul li .pic {position: absolute;left: .2rem;top: .2rem;height:1rem;}
#shopping-box .container .box .project-list ul li img{height:1rem;width:1rem}
#shopping-box .container .box .project-list.payment ul li img{position: absolute;left: .2rem;top: .2rem;height:.5rem;width:auto;}
#shopping-box .container .box .project-list.payment ul li .text{}
#shopping-box .container .box .project-list ul li .text.ct{left: 1.3rem;}
#shopping-box .container .box .project-list ul li .text{font-size:.24rem;padding-top:.1rem;padding-right:.1rem;padding-left:.1rem;position: absolute;left: .8rem;top: .2rem;text-align: left;}
#shopping-box .container .box .project-list ul li .text p{font-size:.18rem;color:#999;padding-top:.1rem}
#shopping-box .container .box .project-list ul li .b{position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;padding-top:.15rem;cursor:pointer}
#shopping-box .container .box .project-list .feiyong{font-size:.28rem;color:#F60;padding-bottom:.4rem}
#shopping-box .container .box .payment .paymentinfo{font-size:.22rem;line-height:.24rem;color:#666}
#shopping-box .container .box .next-step{text-align:center;padding-top:.3rem}
#shopping-box .container .box .next-step .button{outline:none;font-size:.28rem;color:#FFF;background-color:#6C9;height:.84rem;width:100%;outline:0;cursor:pointer;border-top-width:.1px;border-right-width:1px;border-bottom-width:.03rem;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#55C68D;border-right-color:#55C68D;border-bottom-color:#48C185;border-left-color:#55C68D;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:700}
.payment_result{padding-top:.2rem;padding-bottom:.2rem; padding-left:.2rem; padding-right:.2rem;box-sizing:border-box;}
.payment_result .ico{font-size:.42rem;text-align:center;padding-bottom:.4rem;font-family:"微软雅黑 Light";color:#6C9}
.payment_result .ico span{font-size:.5rem;vertical-align:middle;display:inline-block;margin-right:.15rem;font-family:iconfont;color:#6C9}
.payment_result .info{display:table;width:100%;margin-top:.2rem;margin-right:auto;margin-left:auto}
.payment_result dl{display:table-row-group}
.payment_result dl dt{vertical-align:middle;white-space:nowrap;display:table-cell;margin:0;width:1px;padding:.1rem;background-color:#eff3fc}
.payment_result dl dd{vertical-align:middle;display:table-cell;text-align:left;margin:0;padding:10px;background-color:#eff3fc}
.payment_result dl:nth-child(2n) dt{background-color:#f9fbff}
.payment_result dl:nth-child(2n) dd{background-color:#f9fbff}
.payment_result dl dd a{color:#728ddc;text-decoration:underline}
.payment_result .info strong{color:#F60}
.payment_result .link{text-align:center;padding-top:.4rem}
.payment_result .link a{font-size:.26rem;line-height:.8rem;color:#FFF;background-color:#40BF80;text-align:center;display:inline-block;height:.8rem;margin-right:.1rem;margin-left:.1rem;text-decoration:none;width:2rem}
.payment_result .ico.no{color:#FF9933}
.payment_result .ico.no span{
	color:#FF9933
}
.payment_result .text{
	color: #999999;
	text-align: center;
}
}