@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
body{width:100%; font:15px/25px Verdana, Arial, sans-serif; color:#333;}
h2{font-size:30px; font-weight:400; text-align:center; color:#000;}
a{text-decoration:none; color:#333;}
img , input , a{border:0; outline:none;}
ul , ol{list-style:none;}
.clear{clear:both;}
.detail{margin:0 auto;}
/*---------end---------*/

#banner{background:url(../image/apple/banner.jpg) no-repeat center; min-width:1130px;}
#banner .detail{width:1130px; height:552px;}
#banner .detail .logo{padding:15px 0 33px;}
#banner .detail h1{font-family:Tahoma; color:#fff; font-weight:400; font-size:40px; line-height:50px;}
#banner .detail h1 span{font-size:30px; color:#b2b2b2;}
#banner .detail h1 i{padding-left:55px; font-style:normal;}
#banner .detail h1 strong{font-size:32px;}

#banner .detail .time{width:300px; padding:55px 0 0 109px;}
#banner .detail .time ul{height:59px;}
#banner .detail .time ul li{float:left; width:60px; height:37px; padding-top:22px; background-repeat:no-repeat; background-position:center;font-size:41px; color:#ff4708; text-align:center; margin:0 7px;}
#banner .detail p{color:#9c9c9c; font-size:14px; padding:10px 0 0 180px;}
/*---------banner end---------*/

#nav{width:1040px; position:absolute; top:417px; left:435px; /*left:12%;*/}
#nav .detail ul{height:147px;}
#nav .detail ul li{width:164px; height:147px; text-align:center; float:left; margin-right:127px;}
#nav .detail ul li a img{vertical-align:bottom;}
#nav .detail ul li a p{font-size:16px; line-height:15px;}
/*---------nav end---------*/

#main01{background-color:#fafafa;}
#main01 .detail{width:1125px; height:576px; padding-top:35px; color:#000;}
#main01 .con1{padding-bottom:25px;}
#main01 .con1 .left{float:left;}
#main01 .con1 .left .share{padding:10px 0 0 37px;}
#main01 .con1 .left .share p{width:68px; float:left; color:#4d4d4d; padding-right:5px;}
#main01 .con1 .left .share .fx{float:left;}

#main01 .con1 .right{width:675px; float:right;}
#main01 .detail h3{font-size:21px; display:inline-block; padding:34px 25px 20px 0;}
#main01 .detail p.ti{display:inline-block; font-size:16px;}
#main01 .detail p.ti del{color:#ff1919; padding-right:5px;}
#main01 .detail p.ti span{color:#29cc29;}
#main01 .con1 .right ul li{color:#4c4c4c; line-height:30px;}
#main01 .con1 .right h5{font-size:15px; color:#ff6c00; font-weight:400; padding:10px 0 15px;}
#main01 .con1 .right h4{line-height:35px; float:left; background:url(../image/apple/gift.png) no-repeat left 5px; padding:0 10px 0 25px; font-size:17px;}
#main01 .detail h4 span{color:#ff1919;}
#main01 .form{width:382px; height:35px; float:left; background:url(../image/apple/license.png) no-repeat center; padding-left:15px;}
#main01 .form input.txt{width:258px; margin-top:1px; height:33px; float:left;}
#main01 .form input.sub{width:118px; height:35px; background:none; cursor:pointer;}

#main01 .con2{height:133px; background:url(../image/apple/main01-bg.png) no-repeat center; padding:80px 0 0 20px;}
#main01 .con2 .left{float:left; width:528px;}
#main01 .detail dl{height:130px;}
#main01 .detail dt{float:left; padding-right:20px;}
#main01 .detail dd{float:left;}
#main01 .detail dd h3{padding:0px 25px 16px 0;}
#main01 dd.txt{font-size:13px; line-height:20px; padding-bottom:17px;}
#main01 dd.hundred h4{font-size:13px; line-height:30px; float:left;}
#main01 dd.hundred .form{width:387px; height:30px; padding-left:0; background-image:url(../image/apple/license-h.png);}
#main01 dd.hundred .form input.txt{width:293px; height:27px; margin:1px 0 0 2px; text-indent:5px;}
#main01 dd.hundred .form input.sub{width:90px; height:30px;}

/*---------main01_pop---------*/
.main01_pop{width:712px; height:375px; background:url(../image/apple/main01-pop-bg.png) no-repeat center; position:relative;display:none; color:#fff; padding:0 30px;}
.main01_pop > a{position:absolute; top:-20px; right:-20px;}
.main01_pop h3{text-align:center; font-size:22px; font-weight:400; padding:23px 0;}
.main01_pop .code{border:1px solid #57a9f2; border-radius:10px; padding:8px 15px;}
.main01_pop .code p span{color:#2096ff;}
.main01_pop .code p a{color:#fff; text-decoration:underline;}
.main01_pop .share{padding:13px 0 20px 16px;}
.main01_pop .share p.num{float:left; font-size:16px; line-height:40px;}
.main01_pop .share p.num span{color:#ff4708;}
.main01_pop .fx{float:right; width:185px;}
.main01_pop .fx ul li{height:40px; float:left; margin:0 2px;}
.main01_pop .button{height:125px; background-color:#f9ffec; text-align:center;}
.main01_pop .button h4{color:#ff4708; font-size:16px; padding:9px 0 6px;}
#main01_pop04{height:345px;}
#main01_pop04 .code{padding:8px 13px;}
#main01_pop04 .code p span{color:#2096ff;}
#main01_pop04 p.txt{line-height:30px; padding:10px 0;}
/*---------main01 end---------*/

#main02{background:url(../image/apple/main02-bg.jpg) no-repeat center;}
#main02 .detail{width:1080px; height:543px;}
#main02 .detail h2{font-size:26px; padding:27px 0 30px;}
#main02 .detail p.new{color:#000; text-align:center;}
#main02 .detail p.time{padding:8px 0 90px; line-height:21px;}
#main02 .detail p.time span{color:#00cb00;}
#main02 .detail p.time a{color:#00a4e0;}
#main02 .product dl{text-align:center; float:left; margin-right:47px;}
#main02 .product dd.ti{font-size:16px; font-weight:700; color:#000; padding-top:10px;}
#main02 .product dd.info{font-size:13px; text-align:left; line-height:19px;}
/*---------main02 end---------*/

#main03 .detail{width:1100px; height:1027px;}
#main03 .detail h2{padding:35px 0 8px;}
#main03 .detail h2 img{padding-right:20px;}
#main03 .detail > p{text-align:center; font-size:17px; padding-bottom:73px; line-height:21px;}

#main03 .detail .content{position:relative;}
#main03 .detail .List{position:absolute; top:-25px; left:114px;}
#main03 .detail .List a{width:218px; height:50px; float:left; background-repeat:no-repeat; background-position:top center;}
#main03 .detail .List img.focus_style{display:none;}
#main03 .detail .List a.focus img.focus_style{display:block;}
#main03 .detail .scrollBox{background-color:#f7f7f7; display:none;}
#main03 .detail .listBox{height:670px;}
#main03 .detail .listBox h3{font-size:18px; font-weight:400; text-align:center; padding-top:45px;}
#main03 .detail p.way{width:700px; color:#666; margin:0 auto; font-size:14px; line-height:21px;}
#main03 .detail .btn{text-align:center; padding:30px 0;}
#main03 .detail .btn a{margin:0 25px;}
#main03 .detail .scroll{width:855px; margin:0 auto;}
#main03 .detail .scroll .prev{float:left; padding-right:62px;}
#main03 .detail .scroll a.but{width:28px; height:56px; display:block; margin-top:170px;}
#main03 .detail .scrollCon{float:left; width:674px; height:443px; overflow:hidden; position:relative;}
#main03 .detail .scrollPic{width:1000%; height:443px; position:absolute; top:0; left:0;}
#main03 .detail .scrollPic img{float:left;}
#main03 .detail .next{float:right;}
#main03 .detail .scrollTxt{width:1100px; height:82px; background:rgba(24,25,26,0.8); position:absolute; bottom:0; left:0;}
#main03 .detail p.txt_content{color:#fff; font-size:18px; line-height:50px; display:none; text-align:center;}
#main03 .detail p.txt_content span{color:#15c0ff;}
#main03 .detail .num{position:absolute; bottom:-22px; left:424px;}
#main03 .detail .num li{width:44px; line-height:44px; float:left; margin:0 20px; background:url(../image/apple/list.png) no-repeat center; cursor:pointer; text-align:center; color:#fff;}
#main03 .num li.hover{background:url(../image/apple/list-h.png) no-repeat center;}
#main03 .iphone h3{padding-bottom:43px;}
#main03 .detail .iphone .prev{padding-right:215px;}
#main03 .iphone .scrollCon{width:371px; height:557px;}
#main03 .iphone .scrollPic{height:557px;}
#main03 .iphone .num{left:466px;}
#main03 .iphone .scrollTxt4{display:none;}
#main03 .iphone .scrollTxt4 p{position:absolute; line-height:20px;}
#main03 .iphone .scrollTxt4 p span{color:#15c0ff; font-size:18px; display:block; padding-bottom:10px;}
#main03 .iphone .scrollTxt4 p.p1 span{text-align:right;}
#main03 .iphone .scrollTxt4 p.p2 span{text-align:left;}
#main03 .iphone .scrollTxt4 p.p1{width:253px; left:106px; top:197px;}
#main03 .iphone .scrollTxt4 p.p2{width:292px; right:63px; top:481px;}
#main03 .detail .iphone a.but{margin-top:285px;}

#main03 .detail .other{width:680px; margin:0 auto; padding-top:50px;}
#main03 .detail .other ul{height:60px;}
#main03 .detail .other ul li{width:340px; float:left; line-height:30px;}
#main03 .detail .other ul li a{color:#00a4e0;}
/*---------main03 end---------*/

#main04{background:url(../image/apple/main04-bg.jpg) no-repeat center;}
#main04 .detail{width:1055px; height:765px;}
#main04 .detail h2{color:#fff; padding:30px 0 92px;}
#main04 .vote{padding:0 0 50px 10px; color:#fff;}
#main04 .vote .left{float:left; padding-right:227px;}
#main04 .vote .left h3{font-size:26px; font-weight:400;}
#main04 .vote .left ul li{line-height:29px;}
#main04 .vote .left ul li.ti{font-weight:700; padding-top:30px;}
#main04 .vote .mac{margin:71px 0 0 172px;}
#main04 .vote .mac p{height:75px;}
#main04 .vote .mac p a{width:75px; height:75px; float:left; cursor:pointer;}
#main04 .vote .mac p span{line-height:75px; float:right; font-size:28px; color:#29cc29;}
#main04 .vote .right .mac{margin-left:236px;}

#main04 .ios dl{width:475px; float:left;}
#main04 .ios dt{float:left; padding:7px 10px 0 0;}
#main04 .ios dd{float:left;}
#main04 .ios dd.ti{font-size:17px; line-height:20px;}
#main04 .ios dd.ti a{color:#00a4e0;}
#main04 .ios dd.txt{padding:0 0 18px 16px; color:#4c4c4c;}
/*---------main04 end---------*/

#main05 .detail{width:1110px; height:452px; padding-top:78px;}
#main05 .detail h2 img{padding:0 25px;}
#main05 .left{float:left; padding-top:22px;}
#main05 .right{float:right; padding-top:65px;}
#main05 .right h3{font-size:28px; font-weight:400; padding-left:230px; background:url(../image/apple/5kp.png) no-repeat left center; line-height:51px;}
#main05 .right p{font-size:19px; padding:8px 0 20px;}
#main05 .right ul li{font-size:14px;}
#main05 .right .down .mwd{width:253px; float:left; text-align:center; padding:25px 0 0 12px;}
#main05 .right .down .mwd > img{padding-top:5px;}
/*---------main05 end---------*/

#bg{height:70px; background:url(../image/apple/bg.jpg) no-repeat center;}

#main06{background-color:#333;}
#main06 .detail{width:1085px; height:576px;}
#main06 .detail h2{color:#fff; padding:15px 0 40px;}
#main06 .bigMusic{float:left; margin-right:13px;}
#main06 .bigMusic p{color:#fff; font-weight:700; font-size:14px; padding-bottom:4px;}
#main06 .smallMusic dl{width:285px; height:85px; font-size:13px; float:left; margin-right:80px; padding-top:30px;}
#main06 .smallMusic dt{height:79px; float:left; padding:6px 8px 0 0;}
#main06 .smallMusic dd{color:#ccc; line-height:20px; float:left;}
#main06 .smallMusic dd.name{width:140px; color:#fff; font-weight:700;}
#main06 .smallMusic dd a{margin-top:5px; display:block;}

/*---------main06_pop---------*/
.main06_pop{width:925px; height:408px; background-color:#fff; position:relative; padding:25px 35px; display:none;}
.main06_pop > a{position:absolute; top:-15px; right:-20px;}
.main06_pop h3{font-size:19px; color:#000; background:url(../image/apple/songs.png) no-repeat left center; padding-left:55px; line-height:32px; margin-bottom:15px;}
.main06_pop h3 img{padding-left:20px;}
.main06_pop .pop_left{width:600px; height:356px; float:left;}
.main06_pop .pop_right{width:260px; float:right; text-align:center; padding-right:10px;}
.main06_pop .pop_right p{font-size:16px; color:#4c4c4c; text-align:left; padding:14px 0 17px 21px; line-height:20px;}
/*---------main06 end---------*/

#main07 .detail{width:1110px;}
/*---------main07 end---------*/

.MainFoot { background:#1f222a; color:#767f86; text-align:center;}
.MainFoot p { padding:5px 0; }
.MainFoot p a { color:#767f86; text-decoration:none;}
.MainFoot p a:hover { text-decoration:underline; color:#21d2f8;}
.MainFoot p i { display:block; height:40px; line-height:38px; font-style:normal;}
/*---------foot end---------*/

.top{position:fixed; right:50px; bottom:50px; cursor:pointer; display:none;}
.ScrollDisplay{display:block;}
/*back to top*/