/* Clear Fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix /* End hide from IE Mac */
/* end of clearfix */
img { display: block; }
.div1Wrap { width: 100%; height: 775px; background: url("/pcdown/images/operate/bg1.jpg") no-repeat top center; padding-top: 25px; }
.div1Wrap .div1 { width: 1120px; margin: 0 auto; height: 775px; }
.div1Wrap .div1 ul { overflow: hidden; margin-bottom: 16px; }
.div1Wrap .div1 ul li.right a { display: inline-block; width: 108px; height: 28px; border: 1px solid #fff; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; text-align: center; line-height: 28px; color: #fff; font-size: 14px; }
.downloadWrap { overflow: hidden; }
.downloadWrap .left { overflow: hidden; margin-top: 160px; }
.downloadWrap .left p.text span { display: block; font-size: 44px; color: #fff; }
.downloadWrap .left p.text strong { display: block; font-size: 50px; color: #fff; margin: 28px 0; }
.downloadWrap .left .downloadBtn { width: 200px; float: left; margin-right: 62px; margin-top: 10px; }
.downloadWrap .left .downloadBtn a { display: block; width: 200px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 18px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.downloadWrap .left .downloadBtn a.Android { background: #00da81; margin-bottom: 37px; }
.downloadWrap .left .downloadBtn a.iOS { background: #00c6ff }
.downloadWrap .left dl { float: left; margin-top: 10px; }
.downloadWrap .left dd { font-size: 14px; color: #fff; text-align: center; margin-top: 15px; }
.div1Wrap .div1 .down { text-align: center; background: url("/pcdown/images/operate/arrow.png") no-repeat left center; width: 152px; margin: 0 auto; color: #c8e1fb; -webkit-animation: bounce-down 1.5s linear infinite; animation: bounce-down 1.5s linear infinite; }
@-webkit-keyframes bounce-down {  25% {
-webkit-transform: translateY(-5px);
}
 50%, 100% {
-webkit-transform: translateY(0);
}
 75% {
-webkit-transform: translateY(5px);
}
}
@keyframes bounce-down {  25% {
transform: translateY(-5px);
}
 50%, 100% {
transform: translateY(0);
}
 75% {
transform: translateY(5px);
}
}
.div2Wrap { width: 100%; height: 598px; background: url("/pcdown/images/operate/bg2.jpg") no-repeat top center; padding-top: 100px; }
.div2Wrap .div2 { width: 1140px; height: 598px; margin: 0 auto; padding-right: 30px; }
.div2Wrap .div2 p { float: right; margin-top: 181px; text-align: right; }
.div2Wrap .div2 p span { display: block; font-size: 30px; color: #778196; }
.div2Wrap .div2 p span.title { font-size: 64px; color: #2b3c60; border-bottom: 1px solid #a2adc4; height: 100px; margin-bottom: 25px; }
.div3Wrap { width: 100%; height: 598px; background: url("/pcdown/images/operate/bg3.jpg") no-repeat top center; padding-top: 100px; }
.div3Wrap .div3 { width: 1140px; margin: 0 auto; height: 588px; padding-top: 10px; }
.div3Wrap .div3 .left { float: left; overflow: hidden; width: 570px; color: #fff; }
.div3Wrap .div3 .left p { margin-top: 107px; text-align: left; }
.div3Wrap .div3 .left p span { display: block; font-size: 30px; color: #fff; }
.div3Wrap .div3 .left p span.title { font-size: 64px; color: #fff; border-bottom: 1px solid #fff; height: 100px; margin-bottom: 25px; }
.div3Wrap .div3 .icons { overflow: hidden; height: 108px; margin-top: 30px; }
.div3Wrap .div3 .icons li { float: left; width: 91px; height: 91px; margin-right: 20px; text-align: center; color: #fff; }
.div3Wrap .div3 .icons li span { color: #fff; font-size: 14px; }
.div3Wrap .div3 .icons li span.img { width: 91px; height: 91px; display: block; }
.div3Wrap .div3 .icons li span.img1 { background: url("/pcdown/images/operate/div3_icons.png") no-repeat; }
.div3Wrap .div3 .icons li span.img2 { background: url("/pcdown/images/operate/div3_icons.png") no-repeat -114px 0; }
.div3Wrap .div3 .icons li span.img3 { background: url("/pcdown/images/operate/div3_icons.png") no-repeat -234px 0; }
.div3Wrap .div3 .icons li span.img4 { background: url("/pcdown/images/operate/div3_icons.png") no-repeat -355px 0; }
.div4Wrap { width: 100%; height: 598px; background: url("/pcdown/images/operate/bg4.jpg") no-repeat top center; padding-top: 100px; }
.div5Wrap .div3 { padding-top: 1px; }
.div5Wrap .div3 .left { width: 600px; }
.div5Wrap .div3 .icons li span.img1 { background: url("/pcdown/images/operate/div5_icons.png") no-repeat; }
.div5Wrap .div3 .icons li span.img2 { background: url("/pcdown/images/operate/div5_icons.png") no-repeat -114px 0; }
.div5Wrap .div3 .icons li span.img3 { background: url("/pcdown/images/operate/div5_icons.png") no-repeat -234px 0; }
.div6Wrap { width: 100%; height: 510px; background: url("/pcdown/images/operate/bg5.jpg") no-repeat top center; padding-top: 190px; }
.div6Wrap .div6 { width: 1200px; margin: 0 auto; overflow: hidden; }
.div6Wrap .div6 span { display: block; text-align: center; font-size: 44px; color: #000; }
.div6Wrap .div6 img { margin: 40px auto 15px; }
.div6Wrap .div6 em { font-style: normal; font-size: 16px; display: block; text-align: center; color: #000; }
* { margin: 0; padding: 0; }
body { background: #f5f5f5; font-size: 12px; font-family: "微软雅黑"; color: #666; }
ul { list-style: none; }
img { border: none; display: block; }
a { text-decoration: none; cursor: pointer; }
h4 { font-style: normal; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; overflow: hidden; }
.clearfix { zoom: 1; }