* { margin: 0; padding: 0; list-style: none; font-family: "Microsoft YaHei", "SimHei"; }
 
html, body { width: 100%; height: 100%; }
img { border: 0px }
.container .video-bg { width: 100%; height: 100%; }
video{
height: 100%;
    width: 100%;
    object-fit: cover;
    position: relative;
    z-index: 10;
}
.video-mask{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 11;
    position: absolute;
}
@media (min-width:1025px) {
    .container { width: 100%; height: 100%; overflow: hidden; position: relative; }
    .phoneContent { display: none; }
    .head {    z-index: 12; width: 1000px; justify-content: space-between; height: 100px; color: #fff; font-size: 18px; align-items: center;  position: absolute; top: 0; left: 50%; margin-left: -500px; }
    .logo_img { margin-top: 20px; float: left; align-self: center; width: 135px; background: url(//static-s.iqiyi.com/skhome/20200701/logo.png) no-repeat; background-size: 100% 100%; height: 60px; }
    .nav { float: right; margin-top: 30px; }
    .nav_item { cursor: pointer; font-size: 18px; position: relative; box-sizing: content-box; margin-right: 40px; text-decoration: none; color: #fff; }
    .nav_item_active::after { content: '__'; position: absolute; left: 50%; bottom: -10px; transform: translate(-50%); color: #fff; }
    .nav_item_mouseover { color: rgba(255, 255, 255, .7); }
    .nav_item:not(:last-of-type) { margin-right: 40px; }
    .content {    width: 1000px; top: 140px; height: 657px; border: 1px solid transparent; position: absolute; left: 50%; margin-left: -500px; }
    .leftWord { margin-right: 60px;   z-index: 12; position: relative; top: 50px; float: right; }
    .phoneImg { width: 280px; top: -2px; height: 575px; z-index: 100; background-size: 100% 100%; background: #fff url('//static-s.iqiyi.com/skimg/20200324/手机边框.png') no-repeat; box-sizing: border-box; position: relative; overflow: hidden; border-radius: 40px; box-shadow: 0 0 1px 1px #222; font-size: 0; transform: rotate(0deg); -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg=='); }
    .photoImgOver { width: 280px; height: 607px; z-index: 100; background-size: 100% 100%; -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg=='); box-sizing: border-box; border-radius: 40px; overflow: hidden; font-size: 0; float: right; top: -16px; position: relative; }
    .pic_container { width: 804px; position: absolute; top: 8px; left: 8px; animation-name: focusmap; animation-duration: 9s; animation-iteration-count: infinite; }
    .phone_border { width: 280px; height: 607px; background: url('//static-s.iqiyi.com/skimg/20200324/手机边框.png') no-repeat; background-size: 100%; position: absolute; z-index: 1000; }
    @keyframes focusmap {
        0%, 30% { left: 8px; }
        33%, 63% { left: -256px; }
        66%, 96% { left: -520px; }
    }
    .hdhk_word { width: 450px; display: block; }
    .qr_hd { width: 130px; float: left; }
    .btn_kind { float: left; }
    .msg_intro { width: 550px; font-size: 24px; font-style: italic; color: #fff; display: block; margin: 20px 0 34px 0; font-weight: bold; }
    .qr_code_box { margin-top: 100px; display: block; align-items: center;                /* margin-top: 4.27vh; */ }
    .kind_phone { width: 160px; height: 56px; background: #fff; border-radius: 28px; margin: 0 0 0px 28px; display: block; position: relative; }
    .kind_ios img { position: absolute; left: 42px; top: 12px; height: 30px; }
    .kind_android img { position: absolute; left: 25px; top: 13px; height: 30px; }
    .kind_ios:hover { opacity: 0.6; }
    .kind_android:hover { opacity: 0.6; }
    .kind_ios { margin-bottom: 18px; }
    .hao_intro_img { width: 264px; text-align: center; }
    .connect_us {    z-index: 12; width: 1000px; height: 540px; background: #fff; padding: 0px 120px 0; box-sizing: border-box; position: relative; overflow: hidden; margin: 0 auto; border-radius: 10px; display: none; }
    .connect_title { width: 100%; text-align: center; height: 100px; font-size: 36px; color: #222222; font-weight: bold; padding-top: 50px; box-sizing: border-box; position: relative; }
    .connect_desc { margin: 30px 0px; font-size: 16px; }
    .cooperate_msgs { }
    .cooperate_title { font-size: 24px; color: #222; margin-bottom: 20px; display: inline-block; padding-left: 10px; line-height: 1; }
    .rowLine { display: inline-block; width: 4px; height: 26px; background: #FF5250; vertical-align: top; border-radius: 8px; }
    .cooperatItem_msg { font-size: 18px; color: #222; margin: 0 0 20px 0; }
    .wx_cooperate { float: left; }
    .weibo_cooperate { float: left;
    margin-left: 100px; }
    .create_cooperate { float: left; }
    .market_cooperate { float: right; }
    .wx-gzh { width: 136px; height: 136px; padding: 5px; }
    .wx-gzh img { width: 100%; }
    .menu-list { width: 112px; height: 84px; background-color: #fff; color: #151515; font-size: 16px; text-align: center; position: absolute; left: -14px; border-radius: 10px; z-index: 999; display: none; }
    .menu-list ul { }
    .menu-list li { list-style: none; height: 42px; line-height: 42px; }
    .menu-list li a { text-decoration: none; color: #151515; }
    .menu-list li.top { border-radius: 10px 10px 0px 0px; }
    .menu-list li.bottom { border-radius: 0px 0px 10px 10px; }
    .menu-list li.act { background-color: #f4f4f4; }
}
@media screen and (max-width:1024px) {
    .container { width: 100%; min-height: 100%; padding: 0; background: url(//static-s.iqiyi.com/skimg/20200702/背景.png) no-repeat; background-size: 100% 100%; overflow: hidden; }
    .head { width: 100%; height: 9vh; padding: 4vw; box-sizing: border-box; display: flex; align-items: center; }
    .logo_img_m { width: 18vw; background: url(//static-s.iqiyi.com/skimg/20200702/logo.png) no-repeat; background-size: 100% 100%; height: 8.15vw; position: absolute; top: 5vw; left: 5vw; }
    .nav, .qr_code_box, .connect_us, .content, .video-bg, .sound, .logo_img { display: none; }
    .phoneContent { }
    .wap_title { width: 50vw; display: block; margin: 0 auto; }
    .wap_phone_img { width: 48vw; display: block; margin: 4vh auto; }
    .footer { width: 100%; height: 13vw; background: #fff; opacity: 0.96; position: fixed; bottom: 0; text-align: center; z-index: 100; }
    .footer_box { vertical-align: middle; line-height: 13vw; }
    .footer_box img { width: 145px; height: 30px; text-align: center; margin: 0 auto; margin-top: 7px; }
    .wap_logo_icon, .wap_go_icon { vertical-align: middle; }
    .wap_logo_icon { width: 7.5vw; }
    .wap_go_icon { width: 4vw; }
    .phoneImg { width: 280px; top: -2px; height: 575px; z-index: 100; background-size: 100% 100%; background: #fff url('//static-s.iqiyi.com/skimg/20200324/手机边框.png') no-repeat; box-sizing: border-box; position: relative; overflow: hidden; border-radius: 40px; box-shadow: 0 0 1px 1px #222; font-size: 0; transform: rotate(0deg); -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg=='); }
    .photoImgOver { margin: 0 auto; width: 280px; height: 607px; z-index: 100; background-size: 100% 100%; -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg=='); box-sizing: border-box; border-radius: 40px; overflow: hidden; font-size: 0; zoom: 0.8; }
    .pic_container { width: 804px; position: absolute; top: 8px; left: 8px; animation-name: focusmap; animation-duration: 9s; animation-iteration-count: infinite; }
    .phone_border { width: 280px; height: 607px; background: url('//static-s.iqiyi.com/common/20200326/手机边框.png') no-repeat; background-size: 100%; position: absolute; z-index: 1000; }
    @keyframes focusmap {
        0%, 30% { left: 8px; }
        33%, 63% { left: -256px; }
        66%, 96% { left: -520px; }
    }
    .hao_intro_img { width: 264px; text-align: center; }
    .intro-text { margin: 15px 0px; }
    .intro-text p { color: #878787; text-align: center; display: none; }
    .intro-text .act { display: block; -webkit-animation: fadeIn 1s .2s ease both; }
    @-webkit-keyframes fadeIn {
        0% { opacity: 0; }
        100% { opacity: 1; }
    }
}
.swiper-container-m { width: 100%; height: 100%; position: absolute; top: 8px; }
.swiper-container { width: 100%; height: 100%; position: absolute; }
.swiper-container-mcn { width: 1000px; height: 540px; position: relative; }
.swiper-container-mcn .swiper-slide img { width: 100%; border-radius: 10px; -webkit-border-radius: 10px; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; border-radius: 10px; -webkit-border-radius: 10px;      /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.ext-tip { position: absolute; top: 0; right: 0; color: #fff; z-index: 999; display: none; }
.mask { position: fixed; z-index: 100; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); display: none; }
.mcn-box {    z-index: 12; width: 1000px; background: #fff; padding: 0; box-sizing: border-box; position: relative; overflow: hidden; margin: 0 auto; border-radius: 10px; -webkit-border-radius: 10px; }
.swiper-container { --swiper-theme-color: #ff6600;/* 设置Swiper风格 */ --swiper-navigation-color: #00ff33;/* 单独设置按钮颜色 */ --swiper-navigation-size: 20px;/* 设置按钮大小 */ }
.swiper-button-prev, .swiper-button-next { color: #7e7e7e; }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #D0D0D0; opacity: 1; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #FF5250; border: none; opacity: 1; }
:root { --swiper-navigation-size: 22px; }
.polyfill-hide { width: 0px; height: 0px; overflow: hidden; padding: 0; }
.sound { margin-top: 20px; position: absolute; width: 26px; background: url(//static-s.iqiyi.com/skhome/20200701/静音.png) no-repeat; height: 26px; right: 0px; top: 10px; background-size: cover; }
.sound.act { background: url(//static-s.iqiyi.com/skhome/20200701/声音.png); background-size: cover; }
.the9{
        width: 600px;
    float: left;
}
.the9 img{width: 100%;}
.pic-bg img{
    width: 100%;
    height: 100%;
}
.btn-pic{
    width: 60vw;
    margin: 4vw auto;
}
.btn-pic img{
    width: 100%;
}