.wrap{ max-width:640px; margin:0 auto;background: #f6f5f5;}
/*logo*/
.logo{width:100%; padding:6px 0; background: #edebeb;}
.logo img{display:block; height:30px; margin-left:10px;}
/*relieve-app*/
.relieve-app{padding:10px 10px 10px 51%; position:relative;}

.remove-img{float:left; width:49%; position:absolute; left:1%; top:20%;}
.remove-word{float:left; /*width:48%; margin-left: 1%;*/ width:100%;}
.remove-together{position:relative;}
.remove-together img{ float:left; width:32%;}
/*.remove-together p{ float:left; width:66%; margin-left: 2%; height:100%; }*/
.remove-together p span{display:block; font-size: 18px; height:40%; position:absolute; left:34%;top:0; }
.remove-together p a{display:block; width:66%; height:28px; line-height:28px; font-size: 16px; color: #fff; background: #1080c5; border-radius: 3px; text-align: center; position:absolute; left:34%; top:50%;}

.app-descript{ font-size:14px; color: #666; line-height: 22px; text-align: center; margin:10px 0;}
.app-descript span{ font-size:18px;display:block;}

.load{width:100%;}
.code{ float:left;width:32%;}
.load p{float:left; width:66%; margin-left: 2%;}
.load p a{display:block; /*width:96%;*/width:92%; margin-bottom: 4px;}
.load p img{display:block; width:100%; }


.relieve-app2{padding:16px 51% 20px 10px; position:relative; background: #3eb134;}
.remove-img2{width:49%; position:absolute; right:1%; top:10%;}

.app-descript2{ color: #1e7317;}
.app-descript2 span{ color: #fff;}

.relieve-app3{/*padding:20px 10px 20px 40%;*/padding:20px 10px 20px 45%; position:relative;}
.remove-img3{float:left; width:38%; position:absolute; left:1%; bottom:40px;}

.relieve-app4{padding:16px 45% 20px 10px; position:relative; background: #399fdf;}
.remove-img4{width:43%; position:absolute; right:1%; bottom:30px;}

.app-descript4{ color: #135179;}
.app-descript4 span{ color: #fff;}

.remove-together2 p span{ color: #fff;}
.remove-together2 p a{ background: #fff; color: #033333;}

.remove-together3{ margin-left: -30px;}
/*banner*/
.bannerList a.fl,.bannerList a img{ display:block; width:100%; overflow:hidden;}
.banner{ position:relative; width:100%;}


.hd{ position:absolute; height:3px; bottom:6px; left:50%; margin-left: -25px; z-index:10000000;}
.hd li{ float:left; width:22px; height:3px;  background:#81858b; overflow:hidden; margin-right:6px; text-indent:-9999px;}
.hd li.on{ background:#000;  }

.load-btn{width:47%;height:16%;  position:absolute; left:42%; top:51%; }
.load-btn span{height:100%; line-height: 100%; display:block; background: url(../images/load1.png) no-repeat; background-size:100% 100%;}
.load-btn span.active{height:100%; line-height: 100%; display:block; background: url(../images/load2.png) no-repeat; background-size:100% 100%; }
.bannerList div.pr{position:relative;}
.load-btn2{width:27%;height:13%;  position:absolute; left:46%; top:69%; }
.load-btn2 span{height:100%; line-height: 100%; display:block; background: url(../images/link.png) no-repeat; background-size:100% 100%;}
.load-btn2 span.active{height:100%; line-height: 100%; display:block; background: url(../images/link.png) no-repeat; background-size:100% 100%;}
.remove-together3 img{width:30%;}