app.css 6.45 KB
/*! dili 2015-06-01 */

body{color:#333;font:12px/150% "Microsoft Yahei";overflow-x:hidden}.a_normal{animation-duration:.8s;-moz-animation-duration:.8s;-webkit-animation-duration:.8s;-o-animation-duration:.8s;animation-fill-mode:both;-moz-animation-fill-mode:both;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both}.banner{background:url(../images/app/app-21.png);position:relative;width:100%;height:649px!important;display:block;background-size:cover;overflow:hidden}.banner .banner-view{width:1200px;margin:0 auto}.banner .btns{margin-top:35px}.banner .right-cont{width:520px;float:right;text-align:center;margin-top:95px}.banner .title{background:url(../images/app/app-1.png);width:488px;height:105px;display:block}.banner .a-android{background:url(../images/app/app.png) no-repeat 0 0;width:243px;height:65px;float:left}.banner .a-ios{background:url(../images/app/app.png) no-repeat -7px -311px;width:243px;height:65px;float:left;margin-left:10px}.banner .qrCode{background:url(../images/app/app-4.png) no-repeat 0 0;width:167px;height:201px;display:block;margin-top:30px;position:relative;left:170px}.banner .a-ios:hover,.banner .a-android:hover{opacity:.8}.banner .img{background:url(../images/app/app-22.png);width:534px;height:632px;float:left;margin-top:17px}.cont-1-v,.cont-2-v,.cont-3-v,.cont-4-v{width:1050px;margin:0 auto;padding:140px 0}.cont-1{background:#fff}.cont-v img{float:right}.cont-v .content{float:left}.cont-v .show-view{position:relative}.cont-v .show-view p{text-align:center;font-family:'Microsoft Yahei';color:#fff}.cont-1-v .show-view div{opacity:0}.cont-1-v .show-view .p-1{background:#4ca6eb;position:absolute;top:50px;left:220px;border-radius:75px;height:130px;width:130px;overflow:hidden}.cont-1-v .show-view .p-1 p{width:70px;margin:28px auto;line-height:35px;font-size:35px}.cont-1-v .show-view .p-2{background:#55e6e8;width:95px;height:95px;border-radius:75px;position:absolute;top:130px;left:65px;z-index:1}.cont-1-v .show-view .p-2 p{width:70px;margin:18px auto;line-height:30px;font-size:26px}.cont-1-v .show-view .p-3{background:#52eca6;width:135px;height:135px;position:absolute;left:40px;top:300px;border-radius:75px}.cont-1-v .show-view .p-3 p{width:90px;margin:25px auto;line-height:40px;font-size:40px}.cont-1-v .show-view .p-4{background:#c16bf3;width:115px;height:115px;color:#fff;position:absolute;top:265px;left:260px;border-radius:75px}.cont-1-v .show-view .p-4 p{width:90px;margin:25px auto;line-height:35px;font-size:35px}.cont-1-v .show-view .cloud-1{top:80px;left:150px}.cont-1-v .show-view .cloud-2{top:180px;left:335px}.cont-1-v .show-view .cloud-3{top:175px;left:105px;z-index:0}.cont-1-v .show-view .cloud-4{top:255px;left:-10px}.cont-v h1{color:#fe4442;font-weight:400;font-size:70px;line-height:normal;position:relative}.cont-v h3{color:#afb8b8;font-size:40px;line-height:normal;font-weight:400;margin-top:20px;position:relative}.cont-v .left{float:left;text-align:center}.cont-v .right{float:right;text-align:center;position:relative}.cont-2{background:#f2f9fe}.cont-2 .p-1{width:130px;height:130px;border-radius:75px;position:absolute;top:95px;left:160px;background:#4ca6eb}.cont-2 .p-1 p{font-size:30px;width:85px;margin:20px auto;line-height:40px}.cont-2 .p-2{width:100px;height:100px;position:absolute;border-radius:75px;background:#55cee8;top:60px;left:400px}.cont-2 .p-2 p{font-size:30px;width:70px;margin:20px auto;line-height:30px}.cont-2 .p-3{top:270px;left:90px;position:absolute;background:#feb157;width:177px;height:177px;border-radius:100px;z-index:1}.cont-2 .p-3 p{font-size:60px;width:120px;margin:25px auto;line-height:60px}.cont-2 .p-4{left:370px;top:225px;width:135px;height:135px;position:absolute;background:#ff7cc0;border-radius:75px}.cont-2 .p-4 p{font-size:40px;width:80px;margin:20px auto;line-height:40px}.cont-2 .cloud-1{top:80px;left:350px}.cont-2 .cloud-2{left:500px;top:195px}.cont-2 .cloud-3{top:225px;left:250px}.cont-2 .cloud-4{left:60px;top:375px;z-index:0}.cont-3{background:#fff}.cont-3 .show-view{width:350px;margin:20px auto}.cont-3 .show-view li{background:#72c5ee;height:7px;margin-top:55px}.cont-3 .cloud-1{top:10px;left:100px;z-index:1}.cont-3 .cloud-2{left:290px;top:83px;z-index:1}.cont-3 .cloud-3{top:125px;left:80px;z-index:1}.cont-3 .cloud-4{left:0;top:225px;z-index:1}.cont-3 .movements{background:url(../images/app/app-12.png);width:251px;height:431px;position:absolute;bottom:-9px;z-index:0;left:50px}.cont-4{background:#f2f9fe}.cont-4 .show-view div{border-radius:75px;position:absolute}.cont-4 .show-view p{font-size:11px}.cont-4 .interlock{width:80px;height:80px;background:#f5c032;top:50px;left:30px}.cont-4 .interlock span{background:url(../images/app/app.png) no-repeat -105px -90px;width:28px;height:25px;float:left;margin:15px 26px 5px}.cont-4 .warehousing{width:85px;height:85px;background:#42bde7;top:50px;left:120px}.cont-4 .warehousing span{background:url(../images/app/app.png) no-repeat -230px -85px;width:38px;height:35px;float:left;margin:10px 24px 5px}.cont-4 .theagent{width:90px;height:90px;background:#ff565b;top:50px;left:220px}.cont-4 .theagent span{background:url(../images/app/app.png) no-repeat -8px -85px;width:36px;height:33px;float:left;margin:15px 28px 5px}.cont-4 .packaging{width:100px;height:100px;background:#ff8569;top:50px;left:325px}.cont-4 .packaging span{background:url(../images/app/app.png) no-repeat -52px -87px;width:38px;height:29px;float:left;margin:22px 31px 5px}.cont-4 .fresh{width:100px;height:100px;background:#7b7ad7;top:150px;left:285px}.cont-4 .fresh span{background:url(../images/app/app.png) no-repeat -140px -84px;width:31px;height:31px;float:left;margin:20px 35px 5px}.cont-4 .logistics{width:100px;height:100px;background:#ff4d52;top:260px;left:230px}.cont-4 .logistics span{background:url(../images/app/app.png) no-repeat -276px -84px;width:38px;height:31px;float:left;margin:20px 35px 5px}.cont-4 .agency{width:100px;height:100px;background:#ff8b2b;left:170px;top:365px}.cont-4 .agency span{background:url(../images/app/app.png) no-repeat -175px -80px;width:43px;height:39px;float:left;margin:20px 35px 5px}span.cloud-1{background:url(../images/app/app.png) no-repeat -95px -168px;width:51px;height:31px;display:block;position:absolute}span.cloud-2{background:url(../images/app/app.png) no-repeat -230px -164px;width:67px;height:39px;display:block;position:absolute}span.cloud-3{background:url(../images/app/app.png) no-repeat -152px -164px;width:69px;height:47px;display:block;position:absolute}span.cloud-4{background:url(../images/app/app.png) no-repeat -5px -158px;width:85px;height:56px;display:block;position:absolute}