﻿

.main{width:100%;margin:0 auto;background:url(../images/pc/bg.jpg) no-repeat center -80px;}

.downlist{width:1280px;margin:auto;padding:100px 0 10px 0;}
.downlist .item{margin-bottom:200px;}
.downlist .item .img{display:inline-block;vertical-align:top;}
.downlist .item .img img{max-width:675px;}
.downlist .item .txt{width:583px; display:inline-block;vertical-align:top;}
.downlist .item .txt .title{font-size:50px;margin-bottom:10px;}
.downlist .item .txt .con{font-size:18px;color:#6a6a6a;}
.downlist .item .txt .date{font-size:16px;color:#b5b5b5;}

.downlist .item .downlink{height:241px;margin-top:34px;}
.downlist .item .downlink .qrcode{width:240px;height:241px;margin-right:57px; background:url(../images/pc/qrcode_bg.png) no-repeat;display:inline-block;position:relative;}
.downlist .item .downlink .qrcode img{width:173px;height:173px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.downlist .item .downlink .linkBox{display:inline-block;height:100%;vertical-align:top;position:relative;}
.downlist .item .downlink .linkBox .middle{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform:translateY(-50%);}
.downlist .item .downlink .linkBox .link{display:block;width:175px;height:50px;line-height:46px;margin:15px 0 15px ; text-align:center;text-indent:32px;background-image:url(../images/pc/ico_download_on.png);background-repeat:no-repeat;background-position:32px center; font-size:16px;color:#4dd195; border:2px solid #4dd195;border-radius:25px;box-sizing:border-box;}
.downlist .item .downlink .linkBox .link:hover,.downlist .item .downlink .linkBox .link.on{color:#fff;background-color:#4dd195;}
.downlist .item .downlink .linkBox .iphone{background-image:url(../images/pc/ico_iphone.png);}
.downlist .item .downlink .linkBox .iphone:hover,.downlist .item .downlink .linkBox .iphone.on{background-image:url(../images/pc/ico_iphone_on.png);}
.downlist .item .downlink .linkBox .android{background-image:url(../images/pc/ico_android.png);}
.downlist .item .downlink .linkBox .android:hover,.downlist .item .downlink .linkBox .android.on{background-image:url(../images/pc/ico_android_on.png);}


/*导航*/
.rightnav{width:140px;padding:5px 15px;position:fixed;top:200px; right:90px;background-color:#fff;border-radius:10px;box-shadow: 0px 0px 18px 3px rgba(131,131,131,0.2);}
.rightnav .item{display:inline-block;width:140px;height:36px;line-height:36px;border-radius:18px;color:#555555;font-size:16px;margin:11px 0;}
.rightnav .item.on,.rightnav .item:hover{background-color:#4dd195;color:#fff;}
.rightnav .item i{display:inline-block;width:46px;height:100%;background-position:center center;background-repeat:no-repeat;vertical-align:top;}
.rightnav .item i.phone{background-image:url(../images/pc/navico_phone.png);}
.rightnav .item i.pc{background-image:url(../images/pc/navico_windows.png);}
.rightnav .item.on i.phone,.rightnav .item:hover i.phone{background-image:url(../images/pc/navico_phone_on.png);}
.rightnav .item.on i.pc,.rightnav .item:hover i.pc{background-image:url(../images/pc/navico_windows_on.png);}



