* { margin: 0; padding: 0;}
body { background-color: #edf1f7; font-size: 14px;}
a { text-decoration: none; color: #333;}
h1, h2, h3, h4, h5, h6 { font-weight: 400;}

.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}

.header { width: 1230px; height: 80px; margin: 0 auto;}
.header .logo { float: left; margin-top: 21px; padding-left: 45px; color: #333; background: url(../images/logo.png) 0 no-repeat; background-size: 32px 32px;}
.header .logo .name { line-height: 22px; font-size: 16px;}
.header .logo .desc { line-height: 16px; font-size: 12px; color: #888;}
.header .logo:hover .name { color: #666;}
.header .other { float: right; font-size: 14px; line-height:14px; margin:33px 50px 0px 0px;}
.header .other .icon { display: inline-block; margin-top: 16px; padding-top: 24px; line-height: 32px; font-size: 12px; color: #6e747e; background-position: 50% 0; background-repeat: no-repeat; background-size: 30px 30px;}
.header .other .icon:hover { color: #333;}
.header .other .icon-qq { background-image: url(../images/qq.png);margin-left: 22px;}
.header .other .icon-pc { margin-left: 22px; background-image: url(../images/pc.png);}
.header .other a{ margin-left:20px;}
h2 span{color:#900}

.swiper-container { min-width: 1230px;}
.swiper-slide { height: 600px; background-position: 50%; background-repeat: no-repeat; background-size: 1920px auto;}
.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 20px;}
.swiper-pagination-bullet { width: 10px; height: 10px;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px;}
.swiper-pagination-bullet-active { background-color: #fff;}
.down-box { position: relative; width: 1230px; height: 600px; margin: 0 auto;}
.down-box .btn { top: 316px; width: 230px; border-width: 1px; border-style: solid; line-height: 66px; font-size: 25px; text-align: center;}
.down-box .btn-down { position: absolute; left: 685px; border-color: #3ace72; color: #fff; background-color: #3ace72;}
.down-box .btn-down:hover { border-color: #52ed9a; background-color: #52ed9a;}
.down-box .btn-appstore { position: absolute; left: 945px; border-color: #fff; background-color: #fff;}
.down-box .btn-appstore:hover { border-color: #f0f0f0; background-color: #f0f0f0;}
.down-box .icon { display: inline-block; width: 33px; height: 33px; margin: 0 5px 5px 0; background: no-repeat; background-position: 50%; vertical-align: middle;}
.down-box .icon-down { background-image: url(../images/down.png); background-size: 28px 28px;}
.down-box .icon-win { background-image: url(../images/win.png); background-size: 28px auto;}

.content { width: 1230px; margin-left: auto; margin-right: auto; overflow: hidden;}
.title { height: 40px; line-height: 40px; color: #3c4f6b;}
.title h2 { font-size: 16px;}

.list ul { margin: -10px 0 0 -10px; font-size: 0;}
.list li { position: relative; display: inline-block; width: 610px; margin: 10px 0 0 10px; background-color: #fff; vertical-align: top;}
.list .to-detail { position: relative; display: block; height: 80px; padding: 40px 30px 40px 130px;}
.list .to-detail:hover .name { color: #666;}
.list .logo { position: absolute; left: 30px; top: 40px; width: 80px; height: 80px;}
.list .info { height: 38px; margin-top: 10px;}
.list .name { display: inline-block; font-size: 20px; color: #333;}
.list .time { display: inline-block; margin-left: 20px; font-size: 14px; color: #202020;}
.list .desc { line-height: 22px; font-size: 12px; color: #a4a4a4;}

.list .down-btns { position: absolute; right: 30px; top: 41px; width: 110px; height: 78px;}

.list .btn { display: inline-block; width: 108px; margin-top: 22px; border: 1px solid #3ace72; line-height: 34px; font-size: 14px; color: #fff; text-align: center; background-color: #3ace72;}
.list .btn:hover { border-color: #4ae484; background-color: #4ae484;}
.list .btn-appstore { color: #28b96c; background-color: #fff;}
.list .btn-appstore:hover { color: #fff;}
.list .btn-appstore:hover .icon-appstore { background-image: url(../images/win3.png);}

.list .btns2 .btn { margin-top: 6px;}
.list .btns2 .btn:first-child { margin-top: 0;}

.list .icon-appstore { display: inline-block; width: 24px; height: 24px; margin-bottom: 6px; background: url(../images/win2.png) no-repeat 50%; background-size: 16px auto; vertical-align: middle;}

.footer { padding: 50px; line-height: 26px; font-size: 12px; text-align: center; color: #8a8c90;}