reset */
html { height: 100%; }
body { width:100%;min-height: 100%;background:#76f4a2;overflow-x:hidden;}
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 , iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { color:#2f2f2f; font-size: 14px; font-family:"Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";  }
body { line-height: 1.5 }
a:link,
a:visited,
a:active,
a { text-decoration: none; color:#2D2E32;  }
/*a:hover { color:#ed037e ;}*/
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.5;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.5;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.5;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.5;}

*{margin: 0;padding: 0;list-style: none;-moz-user-select: none; /*火狐*/-webkit-user-select: none; /*webkit浏览器*/-ms-user-select: none; /*IE10*/-khtml-user-select: none; /*早期浏览器*/user-select: none;}
a,a:active,a:focus,input:focus,a:hover,a.music-toggle-btn:active,a.music-toggle-btn:focus,input:focus,a.music-toggle-btn:hover,img,img:active,img:focus,li:active,li:focus,li:focus,div,div:active,div:focus,div:hover,button,button:active,button:focus,button:hover { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-modify: read-write-plainteeet-only; outline: none; -webkit-tap-highlight-color: transparent; }

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }

.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/************     style Start     ************/
.box{width:100%;min-height:100%;position:absolute;left:0;top:0;overflow-y:hidden;}
.auto-img{max-width:100%;}
.pa{position:absolute;}
.pr{position:relative;}
.bgf{background:#fff;width:100%;position:relative;}
.fl{float:left;}
.fr{float:right;}

.transition1{transition:0.5s all ease;-webkit-transition:0.5s all ease;}
.transition2{transition:1s all ease;-webkit-transition:1s all ease;}
.tsd1{transition-delay:0.5s;-webkit-transition-delay:0.5s;}
.tsd2{transition-delay:1s;-webkit-transition-delay:1s;}
.tsd3{transition-delay:1.5s;-webkit-transition-delay:1.5s;}
.tsd4{transition-delay:2s;-webkit-transition-delay:2s;}
/*奇亿娱乐 start*/
.list,.ad1,.ad2,.ad3,.infoPage{display:none;}
.home{height:100%}
.home .logo{width:22%;margin:40px 0 0 40px;}
.home .title{width:78%;margin:80px auto 40px auto;}
.home .font{font-size:44px;height:80px;line-height:80px;width:440px;margin:0 auto;text-align:center;background:#fff94f;border:1px solid #2f2f2f;}
.home .ani1{transform:scale(1.2);-webkit-transform:scale(1.2);opacity:0;}
.home .btn{left:50%;margin-left:-3em;bottom:50px;font-size:24px;opacity:0;-webkit-animation: fontA 1.5s linear infinite;animation: fontA 1.5s linear infinite;}
.home .botAni{left:0;width:100%;bottom:140px;padding-bottom:46px;transform:scale(1.2);-webkit-transform:scale(1.2);opacity:0;}
.home .botAni .bg1{width:10%;float:left;padding-top:150px;}
.home .botAni .bg2{width:13.6%;float:right;}
.home .botAni .pic1{width:23.4%;left:75px;bottom:40px;transform-origin:bottom center;-webkit-transform-origin:bottom center;-webkit-animation: flowerA 3s linear infinite;animation: flowerA 3s linear infinite;}
.home .botAni .pic2{width:47.2%;right:174px;bottom:0;}
.home .botAni .pic3{width:26%;left:98px;bottom:0;}
.home .botAni .pic4{width:21.2%;right:76px;bottom:0;}
.home .botAni .pic5{width:24.4%;left:44%;top:12%;-webkit-animation: reverseRotataZ 4s linear infinite;animation: reverseRotataZ 4s linear infinite;}
.home .botAni .pic6{width:12.8%;top:8px;right:212px;}
.home .botAni .pic7{width:6.8%;top:90px;right:62px;}
.home .botAni .cloud1{width:8.4%;left:290px;top:32px;-webkit-animation: cloudA 5s linear infinite;animation: cloudA 5s linear infinite;}
.home .botAni .cloud2{width:19.6%;left:284px;top:104px;-webkit-animation: cloudA 5s 2s linear infinite;animation: cloudA 5s 2s linear infinite;}
.home .botAni .cloud3{width:8.4%;right:42px;top:220px;-webkit-animation: cloudA 5s 1s linear infinite;animation: cloudA 5s 1s linear infinite;}

.home.cr .ani1{transform:scale(1);-webkit-transform:scale(1);opacity:1;}
.home.cr .botAni{transform:scale(1);-webkit-transform:scale(1);opacity:1;}
.home.cr .btn{opacity:1;}
/*奇亿娱乐 end*/

/*list start*/
.list{background:#76f4a2;}
.list .top .line{left:0;top:0;width:21.2%;}
.list .menu{margin-top:-98px;background:url(?iqiyi/images/p2-2.jpg) left 104px no-repeat;background-size:28% auto;}
.list .menu .item{padding:50px 70px;margin:0 auto 70px auto;width:440px;background:url(?iqiyi/images/p2-4.jpg) center no-repeat;background-size:100% 100%;transform:translate(300px);-webkit-transform:translate(300px);opacity:0;}
.list .menu .item1{transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.list .menu .item2{transition-delay:0.6s;-webkit-transition-delay:0.6s;}
.list .menu .item3{transition-delay:0.9s;-webkit-transition-delay:0.9s;}
.list .menu .item:last-child{margin-bottom:0;}
.list .menu .img{float:left;margin-right:40px;}
.list .menu .font{overflow:hidden;font-size:40px;font-weight:bold;line-height:149px;}

.list .bot{margin-top:150px;}
.list .bot .cloud1{width:12.5%;left:88px;top:-79px;-webkit-animation: cloudA 5s linear infinite;animation: cloudA 5s linear infinite;}
.list .bot .cloud2{width:8%;left:150px;top:-8px;-webkit-animation: cloudA 5s 2s linear infinite;animation: cloudA 5s 2s linear infinite;}
.list .bot .cloud3{width:18%;right:90px;top:-100px;-webkit-animation: cloudA 5s 1s linear infinite;animation: cloudA 5s 1s linear infinite;}
.list .bot .pic1{width:15.6%;left:192px;bottom:30px;transform:translateX(-200px);-webkit-transform:translateX(-200px);opacity:0;}
.list .bot .pic2{width:24.5%;left:296px;bottom:30px;transform:translateX(-200px);-webkit-transform:translateX(-200px);opacity:0;}
.list .bot .pic3{width:18.5%;right:140px;bottom:30px;transform:translateX(200px);-webkit-transform:translateX(200px);opacity:0;}

.list.cr .bot .pic1,.list.cr .bot .pic2,.list.cr .bot .pic3{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.list.cr .menu .item{transform:translate(0);-webkit-transform:translate(0);opacity:1;}
/*list end*/

/*广告页面 start*/
.ad{background:#76f4a2;}
.ad .back{padding:66px 0 0 80px;background:url(?iqiyi/images/line1.png) left top no-repeat;}
.ad .back .backBtn{width:122px;height:65px;text-align:center;font-size:30px;background:url(?iqiyi/images/back.png) center no-repeat;background-size:100% 100%;line-height:60px;}
.ad .adCont{margin-top:30px;min-height:900px;}
.ad .adCont .title{text-align:center;font-size:40px;font-weight:bold;line-height:149px;padding-bottom:30px;}
.ad .adCont .title .line{position:absolute;width:65px;left:80px;top:74px;height:105px;border-left:1px solid #2f2f2f;background:url(?iqiyi/images/line3.jpg) left top repeat-x;}
.ad .adCont .title .ani2{transform:translateX(200px);-webkit-transform:translateX(200px);opacity:0;transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.ad .adCont .title img{margin-right:20px;}
.ad .adCont .adContBox{padding-left:80px;}
.ad .adCont .item .itemBtn{float:left;margin-top:20px;text-align:center;width:500px;height:66px;line-height:66px;border-radius:33px;font-size:34px;font-weight:bold;background:url(?iqiyi/images/arrow.png) 452px center no-repeat #ff5b4f;border:1px solid #2f2f2f; color:#fff;transform:translateX(200px);-webkit-transform:translateX(200px);opacity:0;}
.ad .adCont .item .line{float:left;width:65px;border-left:1px solid #2f2f2f;height:108px;background:url(?iqiyi/images/line3.jpg) left center repeat-x;}
.ad .adCont .item:last-child .line{height:54px;background-position:left bottom;}
.ad .adCont .subItem{padding:20px 0 70px 140px;border-left:1px solid #2f2f2f;}
.ad .adCont .subItem span{display:inline-block;width:7em;font-size:28px;line-height:1.8;opacity:0;}
.ad .bot{transform:scale(1.2) translateY(100px);-webkit-transform:scale(1.2) translateY(100px);opacity:0;}
.ad .bot,.infoPage .bot{margin-top:-2px;}
.ad .bgf,.infoPage .bgf{background:url(?iqiyi/images/bg.png) left 74px no-repeat #fff;background-size:28% auto;}

.ad1 .adContBox{padding-bottom:180px;}
.ad1 .bot .cloud1{width:10.5%;left:85px;top:-42px;-webkit-animation: cloudA 5s linear infinite;animation: cloudA 5s linear infinite;}
.ad1 .bot .cloud2{width:12%;right:96px;top:-18px;-webkit-animation: cloudA 5s 2s linear infinite;animation: cloudA 5s 2s linear infinite;}
.ad1 .bot .dialog1{width:10.8%;left:168px;top:-90px;-webkit-animation: kuangA 2s linear infinite;animation: kuangA 2s linear infinite;}
.ad1 .bot .dialog2{width:12%;left:238px;top:-50px;-webkit-animation: kuangA 2s linear infinite;animation: kuangA 2s linear infinite;}
.ad1 .bot .dialog3{width:17.2%;right:178px;top:-80px;-webkit-animation: kuangA 2s linear infinite;animation: kuangA 2s linear infinite;}
.ad1 .bot .dialog1,.ad1 .bot .dialog2{transform-origin:bottom right;-webkit-transform-origin:bottom right;}
.ad1 .bot .dialog3{transform-origin:bottom left;-webkit-transform-origin:bottom left;}
.ad1 .bot .pic1{width:31.8%;left:198px;bottom:25px;}
.ad1 .bot .pic2{width:9.4%;right:230px;bottom:25px;}

.ad2 .bot .cloud1{width:15.2%;left:100px;top:12px;-webkit-animation: cloudA 5s linear infinite;animation: cloudA 5s linear infinite;}
.ad2 .bot .cloud2{width:11.6%;right:70px;top:-24px;-webkit-animation: cloudA 5s 2s linear infinite;animation: cloudA 5s 2s linear infinite;}
.ad2 .bot .paper1{width:11%;left:118px;top:-126px;}
.ad2 .bot .paper2{width:6.6%;right:150px;top:-100px;}
.ad2 .bot .paper1,.ad2 .bot .paper2{-webkit-animation: fontA 2s linear infinite;animation: fontA 2s linear infinite;}
.ad2 .bot .pic1{width:18%;left:172px;bottom:60px;}
.ad2 .bot .pic2{width:28.8%;left:280px;bottom:60px;}
.ad2 .bot .pic3{width:15.4%;right:160px;bottom:60px;}

.ad3 .adCont{padding-bottom:160px;}
.ad3 .bot .cloud1{width:12%;left:100px;top:-38px;-webkit-animation: cloudA 5s linear infinite;animation: cloudA 5s linear infinite;}
.ad3 .bot .cloud2{width:10.5%;left:256px;top:8px;-webkit-animation: cloudA 5s 2s linear infinite;animation: cloudA 5s 2s linear infinite;}
.ad3 .bot .cloud3{width:12%;right:240px;top:-28px;-webkit-animation: cloudA 5s 1s linear infinite;animation: cloudA 5s 1s linear infinite;}
.ad3 .bot .cloud4{width:7%;right:100px;top:-56px;}
.ad3 .bot .pic1{width:11.2%;left:200px;bottom:38px;}
.ad3 .bot .pic2{width:32.2%;left:280px;bottom:38px;}
.ad3 .bot .pic3{width:8.8%;right:168px;bottom:38px;}

.ad .adCont .item1 .itemBtn{transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.ad .adCont .item2 .itemBtn{transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.ad .adCont .item3 .itemBtn{transition-delay:0.6s;-webkit-transition-delay:0.6s;}
.ad .adCont .item4 .itemBtn{transition-delay:0.8s;-webkit-transition-delay:0.8s;}
.ad .adCont .item5 .itemBtn{transition-delay:1s;-webkit-transition-delay:1s;}
.ad .adCont .item6 .itemBtn{transition-delay:1.2s;-webkit-transition-delay:1.2s;}
.ad .adCont .item7 .itemBtn{transition-delay:1.5s;-webkit-transition-delay:1.4s;}
.ad .adCont .item8 .itemBtn{transition-delay:1.8s;-webkit-transition-delay:1.6s;}

.ad.cr .adCont .item .itemBtn,.ad.cr .adCont .title .ani2{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.ad.cr .bot{transform:scale(1) translateY(0);-webkit-transform:scale(1) translateY(0);opacity:1;}
.ad.cr .adCont .subItem span{opacity:1;}
/*广告页面 end*/

/*详情页面 start*/
.infoPage{overflow-x:hidden;}
.infoPage .title{font-size:40px;font-weight:bold;color:#ff5b4f;padding:76px 0 12px 80px;background:url(?iqiyi/images/p3-1.png) left top no-repeat;line-height:1;}
.infoPage .infoFont{font-size:28px;margin:0 60px;padding-bottom:20px;}
.infoPage .infoFont p{padding-left:32px;background:url(?iqiyi/images/p3-4.png) left 4px no-repeat;opacity:0;transform:translateX(200px);-webkit-transform:translateX(200px);}
.infoPage .infoBtn{position:absolute;left:80px;right:80px;top:50%;margin-top:-10px;}
.infoPage .infoBtn .btn{font-size:32px;text-align:center;width:243px;height:65px;line-height:60px;background:url(?iqiyi/images/p3-10.png) center no-repeat;}

.infoPage .infoSwitch{margin:60px 0 130px 0;opacity:0;transform:translateX(-200px);-webkit-transform:translateX(-200px);}
.infoPage .infoImg{width:300px;margin:0 auto;}
.infoPage .infoImg .img{left:9px;right:9px;top:55px;}
.infoPage .infoImg .img .mask{left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);opacity:0;transition:3s all ease;}
.infoPage .infoImg .img .enlargeImg{left:50%;width:280px;margin-left:-140px;transition:3s all ease;-webkit-transition:3s all ease;}
.infoPage .infoImg .img .enlargeImg2{top:196px;}
.infoPage .infoImg .img .enlargeImg1{top:100px;}

.infoPage .swiper-slide-active .infoImg .img .enlargeImg{width:468px;top:92px;margin-left:-234px;}
.infoPage .swiper-slide-active .infoImg .img .mask{opacity:1;}

.infoPage .infoImg .font{font-size:28px;color:#bbb;margin-top:20px;text-align:center;}

.infoSwitch{opacity:0;transform:translateX(-200px);-webkit-transform:translateX(-200px);}
.infoSwitch .swiper-button-prev,.infoSwitch .swiper-button-next{width:33px;height:76px;margin-top:-38px;}
.infoSwitch .swiper-button-prev{left:50px;background:url(?iqiyi/images/p3-2.png) center no-repeat;}
.infoSwitch .swiper-button-next{right:50px;background:url(?iqiyi/images/p3-3.png) center no-repeat;}

.infoPage.cr .infoFont p{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}
.infoPage.cr .infoSwitch{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}
/*详情页面 end*/


.pace{display:none;position:absolute;width:420px;height:28px;left:165px;top:530px;overflow:hidden;z-index:1001;border:4px solid #fff;padding:4px;border-radius:10px}
.pace .pace-progress{width:423px;height:30px;background:#1f1d1e;position:absolute;left:0;top:0;}
.pace .pace-activity{width:420px;height:28px;background:#fff;border-radius:1px;}

.load {position:absolute;z-index:1000;left:0;top:0;width:100%;height:100%;background:#fff;}
.load .loading{position:absolute;width:325px;left:50%;top:50%;margin-top:-100px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.load .percent{text-align:center;color:#2f2f2f;font-size:32px;margin-top:1em;}

.load .cloud1{width:60px;left:100px;top:20%;-webkit-animation: cloudA 5s linear infinite;animation: cloudA 5s linear infinite;}
.load .cloud2{width:60px;right:130px;top:30%;-webkit-animation: cloudA 5s 2s linear infinite;animation: cloudA 5s 2s linear infinite;}
.load .cloud3{width:140px;left:250px;top:60%;-webkit-animation: cloudA 5s 1s linear infinite;animation: cloudA 5s 1s linear infinite;}

/*播放器*/
@keyframes reverseRotataZ{
        0%{transform: rotateZ(0deg);}
        100%{transform: rotateZ(-360deg);}
    }
    
@-webkit-keyframes reverseRotataZ{
        0%{-webkit-transform: rotateZ(0deg);}
        100%{-webkit-transform: rotateZ(-360deg);}
    }
    
    #musicControl,#themeControl { position:fixed;right:20px;top:20px;margin-top:0;display:inline-block;z-index:999;}
    #themeControl{display:none;}
    #musicControl a,#themeControl a { display:inline-block;width:50px;height:50px;overflow:hidden;background:url('?iqiyi/images/mcbg.png') left top no-repeat;}
    #musicControl a audio,#themeControl a audio{width:100%;height:56px;}
    #musicControl a.stop,#themeControl a.stop { background-position:left bottom;}
    #musicControl a.on,#themeControl a.on { background-position:0px 1px;-webkit-animation: reverseRotataZ 1.2s linear infinite;}
    #music_play_filter{width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;z-index:999;}
/*播放器*/
/************     style End     **********/


/*页面动画 start*/

/*云动*/
@keyframes cloudA{
    0%{transform:translateX(0);}
    25%{transform:translateX(-16px);}
    50%{transform:translateX(0);}
    75%{transform:translateX(16px);}
    100%{transform:translateX(0);}
}
    
@-webkit-keyframes cloudA{
    0%{-webkit-transform:translateX(0);}
    25%{-webkit-transform:translateX(-16px);}
    50%{-webkit-transform:translateX(0);}
    75%{-webkit-transform:translateX(16px);}
    100%{-webkit-transform:translateX(0);}
}


/*花动*/
@keyframes flowerA{
    0%{transform:rotate(0deg);}
    25%{transform:rotate(-10deg);}
    50%{transform:rotate(0deg);}
    75%{transform:rotate(10deg);}
    100%{transform:rotate(0deg);}
}
    
@-webkit-keyframes flowerA{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(-10deg);}
    50%{-webkit-transform:rotate(0deg);}
    75%{-webkit-transform:rotate(10deg);}
    100%{-webkit-transform:rotate(0deg);}
}

/*字动*/
@keyframes fontA{
    0%{transform:scale(1);}
    50%{transform:scale(1.1);}
    100%{transform:scale(1);}
}
    
@-webkit-keyframes fontA{
    0%{-webkit-transform:scale(1);}
    50%{-webkit-transform:scale(1.1);}
    100%{-webkit-transform:scale(1);}
}

/*对话框 转*/
@keyframes kuangA{
    0%{transform:scale(1);}
    50%{transform:scale(1.05);}
    100%{transform:scale(1);}
}
    
@-webkit-keyframes kuangA{
    0%{-webkit-transform:scale(1);}
    50%{-webkit-transform:scale(1.05);}
    100%{-webkit-transform:scale(1);}
}

/*页面动画 end*/