html {height: 100%;}
body {
    background: #fafcff;
    padding: 0;
    text-align: center;
    font-family: 'open sans';
    position: relative;
    margin: 0;
    height: 100%;
    -webkit-font-smoothing: antialiased;
}

a, a:hover {
    outline: none;
}
a {
    text-decoration: none;
    transition: color .3s,opacity .3s,transform .3s;
    -webkit-transition: color .3s,opacity .3s,-webkit-transform .3s;
}

.contact_title a:hover{text-decoration:underline;color: #0162f4;}

/**新官网*/
.tips{width: 1240px;height: 16px;font-family: MicrosoftYaHei;font-size: 16px;font-weight: normal;font-stretch: normal;letter-spacing: 1px;color: #3f4e6e;margin:auto;padding-top: 30px}
.client{display: inline-block;cursor: pointer;}
.game_list ul li{display: inline-block;width:208px;}
.game_desc{position:relative;top:18px;width: 100px;height: 15px;font-family: MicrosoftYaHei;font-size: 15px;font-weight: normal;font-stretch: normal;letter-spacing: 1px;color: #ffffff;margin:0 auto}
.game_desc a{color: #ffffff}
.game_desc a:hover{text-decoration:underline;color: #0162f4;}
.contact ul li{display: inline-block;margin:67px 127px 0px 127px;width: 72px;height: 72px;position: relative;} /**background-color: #000000;*/
.footer_wrapper{width: 1240px;height: 200px;margin:auto;margin-top: 30px;}
.friend_link{width: 691px;height:122px;float: left;}
.friend_title{width: 100px;height: 18px;font-family: MicrosoftYaHei;font-size: 18px;font-weight: normal;font-stretch: normal;letter-spacing: 1px;color: #ffffff;}
.friend_link a{display: inline-block;background-color: #2e313d;font-family: MicrosoftYaHei;font-size: 15px;font-weight: normal;font-stretch: normal;letter-spacing: 1px;color: #cfdefe;margin:0px 22px 26px 0px}
.friend_list{margin-top: 17px;text-align:left;}
.friend_list a span{padding:0px 10px;}    

.friend_list a:hover{background-color: #535872;}

.footer_desc{width: 470px;height:122px; float: right;}
.contact_title{width: 370px;height: 19px;font-family: MicrosoftYaHei;font-size: 18px;font-weight: normal;font-stretch: normal;letter-spacing: 1px;color: #ffffff;text-align:left;}
.contact_title a{color: #ffffff;}
.contact_info{width:100%;margin-top: 17px;line-height: 31px;}
.contact_info ul li{font-family: MicrosoftYaHei;font-size: 18px;font-weight: normal;font-stretch: normal;letter-spacing: 1px;color: #cfdefe;float: left;}
.footer_main{font-family: MicrosoftYaHei;font-size: 14px;font-weight: normal;font-stretch: normal;letter-spacing: 1px;color: #727e98}
.pc_download,.android_download{cursor: pointer;}
.game_list ul li a img{
  cursor: pointer;
  transition: all 0.6s;
}
.game_list ul li a img:hover{
  transform: scale(1.2);
}

/*.pc_client:hover{
    transform: scale(1.1);
}*/
/*.android_client:hover{
    transform: scale(1.1);
}
.ios_client:hover{
    transform: scale(1.1);
}*/
.footer_main a{color:#727e98;}
.footer_main a:hover{text-decoration:underline;color: #0162f4;}
.qrcode{display:none;width: 170px;height: 231px;background-color: #ffffff;position: absolute;bottom: 90px;left: -43px;}
.qrcode_bot{display:none;width: 0px;height: 0px;position: absolute;bottom: 74px;left: 28px;border-bottom: 0px;border-top: 17px solid white;border-right: 6px solid #22242d;border-left: 6px solid #22242d;}
.qrcode_desc{font-family: MicrosoftYaHei;font-size: 16px;font-weight: normal;font-stretch: normal}
.qq,.weixin,.weibo{cursor: pointer;}

/**首页轮播样式调整*/
.flex-control-paging li{width:24px;height:3px;border-radius:100px;overflow:hidden;background:#4554a2;border:none;cursor:pointer;content:'';display:inline-block;box-sizing:border-box;opacity:1;vertical-align:middle}
.flex-control-paging li .flex-active{width:24px;background:#ffffff;box-sizing:border-box}

.qq:hover {
    -webkit-transform: rotateZ(20deg);
    -moz-transform: rotateZ(20deg);
    -o-transform: rotateZ(20deg);
    -ms-transform: rotateZ(20deg);
    transform: rotateZ(20deg);
    transition:transform 0.5s linear;
}
.weixin:hover {
    -webkit-transform: rotateZ(20deg);
    -moz-transform: rotateZ(20deg);
    -o-transform: rotateZ(20deg);
    -ms-transform: rotateZ(20deg);
    transform: rotateZ(20deg);
    transition:transform 0.5s linear;
}

.weibo:hover {
    -webkit-transform: rotateZ(20deg);
    -moz-transform: rotateZ(20deg);
    -o-transform: rotateZ(20deg);
    -ms-transform: rotateZ(20deg);
    transform: rotateZ(20deg);
    transition:transform 0.5s linear;
}

/*.navbar{background:rgba(0,0,0,.9);}*/
.navbar{background-color: #181e39;}
.container{width: 1280px;}
#h4_l7 .login_btn{width: 100px;height: 42px;border: solid 1px #4393e3;background: #181e39;border-radius: 21px;margin-top:-4px;}
.wrapper {
    height: 100% !important;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.main {
    float: left;
    width: 100%;
    margin: 0 auto;
}

.flex-control-paging{}


.onepage-pagination li a.active:before{border:1px solid white !important;background:white !important;}
.onepage-pagination li a:before{background:none !important;border:1px solid white !important;width:6px;height:6px;}

.page{overflow:hidden;}

.section1{
    background: url("https://resotest.dalongyun.com/yun/dalongyun_page/v2.0.1/indexs/index-section1-bg.jpg") no-repeat center center;
    background-size: cover;
}

.section2{
    background: url("https://resotest.dalongyun.com/yun/dalongyun_page/v2.0.1/indexs/index-section2-bg.jpg") no-repeat center center;
    background-size: cover;
}
.section3{
    background:white;
}
.section4{
    background:white;
}


.section1-con-tex{
    height:38%;width:100%;text-align:center;
}

.section1-con-btn{
    height:120px;width:100%;text-align:center;
}

.btn_index{
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    font-weight:lighter;
    color:white;
    text-align: center;
    border: 1px solid #fff;
    border-color: hsla(0,0%,100%,.5);
    border-radius:80px;
    padding:5px 25px;
}
.btn_index:hover
{
    background-color:rgba(255,255,255,.5);
    color:white;
}


.section1-con-video{
    background:url("https://resotest.dalongyun.com/yun/dalongyun_page/v2.0.1/indexs/index-section1-video-bg.png") no-repeat center center;
    background-size: 100%;
    width: 460px;
    height:270px;
    text-align: center;
    z-index: 10;
    margin:0px auto;
    overflow:hidden;
}

.video_play_bg{
    position:relative;
    float:left;
    background:url("https://resotest.dalongyun.com/yun/dalongyun_page/v2.0.1/indexs/index-section1-video.png?2") no-repeat center center;
    background-size: 100%;
    z-index:15px;
    width: 367px;
    height:208px;
    margin-top:12.5px;
    margin-left:43.5px;
    border-radius:2px;
}
.video_play_btn{
    position:relative;
    float:left;
    z-index:15px;
    width: 80px;
    height:80px;
    margin-top:66.5px;
    margin-left:144px;
    cursor: pointer;
    cursor: hand;
}


fieldset,img{border:0}
:focus{outline:0}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:normal}
abbr,acronym{border:0;font-variant:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
code,kbd,samp,tt{font-size:100%}
input,button,textarea,select{*font-size:100%}
caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}
:link,:visited,ins{text-decoration:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block;height:1%;}

/* player */
.section2-con-new{width:50%;float: left;}
.section2-con-banner{margin: 0px auto}
.section2-con-new-txt{width: 50%;float: left;}
.section2-con-txt img{height: 100%}

.player{width:800px;height:510px;overflow:hidden;margin:0 auto;position: relative;}
.player ul{width:800px;margin:0 auto;position:relative}
.player li{float:left;position:absolute;padding-bottom:43px;cursor: pointer;cursor: hand}
.l5 img{width:211px;height:353px;overflow:hidden;}
.l4 img{width:222px;height:372px;overflow:hidden;}
.l3 img{width:231px;height:386px;overflow:hidden;}
.l2 img{width:240px;height:401px;overflow:hidden;}
.l1 img{width:252px;height:420px;overflow:hidden;}
.p1{left:0;}
.p9{right:-5px;}
.l5{z-index:7;top:0px;}
.p2{left:40px;}
.p8{right:35px;}
.l4{z-index:8;top:5px}
.p3{left:100px;}
.p7{right:95px;}
.l3{z-index:9;top:15px}
.p4{left:172px;}
.p6{right:167px;}
.l2{z-index:10;top:26px}
.p5{right:265px;}
.l1{z-index:12;top:40px;}
.player-point-wrapper{position:absolute;bottom:10px;width:100%;z-index:20;}
.player-point-con{position:relative;height:0px;margin:0px auto;}
.player-point{width:8px;height:8px;border-radius:8px;background:rgba(255,255,255,.5);float:left;margin:0px 4px;}
.player-point-check{width:15px;background:white;}

/*.p1 img,.p2 img,.p3 img,.p4 img{-moz-box-shadow:-1px 0px 10px #333333; -webkit-box-shadow:-1px 0px 10px #333333; box-shadow:-1px 0px 10px #333333;}*/
/*.p6 img,.p7 img,.p8 img,.p9 img{-moz-box-shadow:1px 0px 10px #333333; -webkit-box-shadow:1px 0px 10px #333333; box-shadow:1px 0px 10px #333333;}*/

.section3-con-chunk{height:50%;float:left;background-attachment: fixed;}
.section3-con-chunk-img{height:8%;}
.section3-con-chunk-top{position:absolute;width:50%;top:0px;}
.section3-con-chunk-bottom{position:absolute;width:33.3%;top:50%;}
.section3-con-chunk-txt{position:absolute;z-index:20;width: 100%;text-align: center}
.section3-con-chunk-top-text{top:75%;}
.section3-con-chunk-bottom-text{top:72%;}

.section3-con-chunk-1{
    background:url("https://resotest.dalongyun.com/yun/dalongyun_page/v2.0.1/indexs/index-section3_bg1.jpg?1") no-repeat center center;
    background-size: cover;

}

.section3-con-chunk-2{
    background:url("https://resotest.dalongyun.com/yun/dalongyun_page/v2.0.1/indexs/index-section3_bg2.jpg?1") no-repeat center center;
    background-size: cover;
    left:50%;
}
.section3-con-chunk-3{
    background:url("https://resotest.dalongyun.com/yun/dalongyun_page/v2.0.1/indexs/index-section3_bg3.jpg?2") no-repeat center center;
    background-size: cover;
}
.section3-con-chunk-4{
    background:url("https://resotest.dalongyun.com/yun/dalongyun_page/v2.0.1/indexs/index-section3_bg4.jpg?1") no-repeat center center;
    background-size: cover;
    left:33.3%;
}
.section3-con-chunk-5{
    width:33.4%;
    background:url("https://resotest.dalongyun.com/yun/dalongyun_page/v2.0.1/indexs/index-section3_bg5.jpg?1") no-repeat center center;
    background-size: cover;
    left:66.6%;
}


.section3-con-chunk-con{
    position:absolute;
    height:100%;
    width:100%;
    background:rgba(0,0,0,.4);
    z-index:30px;
    text-align:center;
}
.section3-con-chunk-con-img{
    margin-top:12%;
}

.section3-con-chunk-con{
    display:none;
}

.section3-con-chunk-con-btn{
    padding:7px 22px;font-size:18px;color:white;border-radius:30px;
}
.section3-con-chunk-con-btn-have{border:none;background:rgba(36,54,227,.9);}
.section3-con-chunk-con-btn-empty{border:1px solid white;background:rgba(255,255,255,.5);}



.section3-con-chunk-desc{height: 100px;line-height:100px;width:100%;text-align: center;position: absolute;color:white;font-size:2.5rem;}



/*.section4-con-chunk-desc{height: 100px;line-height:100px;width:100%;text-align: center;position: absolute;color:white;font-size:2.5rem;}*/

.section4-con-chunk-3{
    background:url("https://resotest.dalongyun.com/yun/dalongyun_page/v2.0.1/indexs/index-section3_bg3.jpg?2") no-repeat center center;
    background-size: cover;
}

.section4-con-chunk-4{
    background:url("https://resotest.dalongyun.com/yun/dalongyun_page/v2.0.1/indexs/index-section3_bg4.jpg?1") no-repeat center center;
    background-size: cover;
    left:33.3%;
}
.section4-con-chunk-5{
    width:33.4%;
    background:url("https://resotest.dalongyun.com/yun/dalongyun_page/v2.0.1/indexs/index-section3_bg5.jpg?1") no-repeat center center;
    background-size: cover;
    left:66.6%;
}
.section4-con-chunk-con{
    position:absolute;
    height:100%;
    width:100%;
    background:rgba(0,0,0,.4);
    z-index:30px;
    text-align:center;
}


.section4-con-chunk-con{
    display:none;
}

.section4 .section3-con-chunk-bottom{top:0px;}
.section4-con-chunk-3{left:0px;}
.section4-con-chunk-4{left:33.3%;}
.section4-con-chunk-5{left:66.6%;width:33.4%;}

.section4-con-chunk-img{height:8%;}

.section4-con-chunk{height:50%;float:left;text-align:left;}
.section4-con-chunk-bottom{position:absolute;width:33.3%;top:0px;}
.section4-con-chunk-con-btn{padding:7px 22px;font-size:18px;color:white;border-radius:30px;}

.section4-con-chunk-txt{position:absolute;z-index:20;width: 100%;text-align: center;top:75%;}

.section4-con-chunk-con-img{
    margin-top:12%;
}

.vidbacking-active-block-back{
    display:none;
}

.client_list_btn{
    height: 25px;
    line-height: 24px;
    font-size: 13px;
    font-weight: lighter;
    color: white;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 30px;
    background:none;
    display:none;
    margin: 0px auto;
}

.index_client_chunk{
    position:absolute;height:60px;width:60px;top:15%;left:30px;
}

.index_client_chunk_btn{
    width:60px;height:60px;margin-left:-5px;cursor: pointer;cursor: hand;z-index:100;
}

.index_client_chunk_con{
    width:180px;height:80px;margin-bottom:5px;cursor: pointer;cursor: hand;display:none;z-index:0;
}

.index_client_chunk_con_div{
    width:100%;height:100%;line-height:80px;
}



.index_client_chunk_con_div img{
    height:30%;
}

.index_client_chunk_con_client_name{
    color:white;font-size:17px;font-weight:500;margin-left:8px;
}

.index_client_chunk_con_div_no{
    width:100%;height:100%;padding-top:20px;
}
.index_client_chunk_con_div_no div{
    color:white;font-size:20px;
}
.index_client_chunk_con_div_no img{
    height:24px;
}

.video{ background: #000;
  background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-size: 400% 400%;
  background-repeat: no-repeat;
  display: flex;
  max-width: 100vw;
  max-height: 100vh;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  cursor: pointer;
  transition: .5s all;}
  .video:hover{background-position: 10% 80%;}

  .v1{
      left: 0;
      top: 0;
      z-index: 1;
      opacity: 1;
      mix-blend-mode: screen;
  }
  .v2{
      left: 0;
      top: 0;
      z-index: 1;
      opacity: 1;
      mix-blend-mode: screen;
  }
  .v3{
      left: 0;
      top: 0;
      z-index: 1;
      opacity: 1;
      mix-blend-mode: screen;
  }

.download-main{width: 1400px;height: 320px;margin: 0 auto;position: relative;top: 110px;}
.video-main{width:270px;display:inline-block;}
.video3-div{width:211px;position: absolute;height: 168px;}
#videoPlay3{width: 221px;position: relative;top: 67px;left:36px;}
.video2-div{width:222px;overflow: hidden;position: absolute;height: 168px;}
#videoPlay2{width: 242px;position: relative;top: 66px;left:17px;}
.video1-div{width:212px;overflow: hidden;position: absolute;height: 168px;}
#videoPlay1{width: 222px;position: relative;top: 56px;left:39px;}
@media only screen and (min-width:768px) and (max-width:1366px) {
    .video-main{width:216px;display:inline-block;}
    .video-main .client{width: 203px;height: 237px;}
    .video3-div{width: 174px;position: absolute;height: 149px;}
    #videoPlay3{width: 175px;position: relative;top: 55px;left: 29px;}
    .video2-div{width:182px;position: absolute;height: 156px;}
    #videoPlay2{width: 176px;position: relative;top: 55px;left: 15px;}
    .video1-div{width:174px;overflow: hidden;position: absolute;height: 168px;}
    #videoPlay1{width: 185px;position: relative;top: 45px;left: 30px;}
    .download-main{width: 1335px;height: 320px;margin: 0 auto;position: relative;top: 151px;}
}

@media only screen and (max-width:1920px) {
    .btn_index{padding:10px 40px;}
    .section3-con-chunk-con-btn{padding: 10px 40px;}
    .section4-con-chunk-con-btn{padding: 10px 40px;}


}

@media only screen and (max-width:1440px) {
    .section2-con-txt img{width: 80%;height: auto;}
    .player{width:515px;height:400px;}
    .player ul{width:505px;}
    .l5 img{width:158px;height:265px;overflow:hidden;}
    .l4 img{width:167px;height:279px;overflow:hidden;}
    .l3 img{width:173px;height:290px;overflow:hidden;}
    .l2 img{width:180px;height:301px;overflow:hidden;}
    .l1 img{width:189px;height:315px;overflow:hidden;}
    .p1{left:0;}
    .p9{right:-5px;}
    .l5{z-index:7;top:0px;}
    .p2{left:20px;}
    .p8{right:15px;}
    .l4{z-index:8;top:5px}
    .p3{left:60px;}
    .p7{right:55px;}
    .l3{z-index:9;top:15px}
    .p4{left:105px;}
    .p6{right:100px;}
    .l2{z-index:10;top:26px}
    .p5{right:155px;}
    .l1{z-index:12;top:40px}

}

@media only screen and (min-width:1081px) and (max-width:1366px) {

    .section3-con-chunk-img{height:23px;}
    .section4-con-chunk-img{height:25px;}

    .section2-con-txt{text-align: left;}
    .section2-con-txt img{width: 80%;height: auto;}
    .player{width:515px;height:380px;}
    .player ul{width:505px;}
    .l5 img{width:149px;height:250px;overflow:hidden;}
    .l4 img{width:157px;height:264px;overflow:hidden;}
    .l3 img{width:164px;height:274px;overflow:hidden;}
    .l2 img{width:170px;height:264px;overflow:hidden;}
    .l1 img{width:179px;height:298px;overflow:hidden;}
    .p1{left:0;}
    .p9{right:-5px;}
    .l5{z-index:7;top:0px;}
    .p2{left:20px;}
    .p8{right:15px;}
    .l4{z-index:8;top:5px}
    .p3{left:60px;}
    .p7{right:55px;}
    .l3{z-index:9;top:15px}
    .p4{left:105px;}
    .p6{right:100px;}
    .l2{z-index:10;top:26px}
    .p5{right:155px;}
    .l1{z-index:12;top:40px}

}

@media only screen and (max-width:1080px) {

    .section3-con-chunk-top-img{}
    .section3-con-chunk-bottom-img{}
    .section3-con-chunk-con-img{}
    .section4-con-chunk-bottom-img{}
    .section4-con-chunk-con-img{}
    .section3-con-chunk-desc{font-size: 2rem}
    .section4-con-chunk-desc{font-size: 2rem}
    .section3-con-chunk-img{height: 20px}
    .section4-con-chunk-img{height:20px;}

}

@media only screen and (min-width:951px) and (max-width:1080px) {

}

@media only screen and (max-width:950px) {
}

@media only screen and (max-width:850px) {
    .btn_index{height: 120px;line-height: 120px;}
}

@media only screen and (max-width:650px) {
    .section1-con-btn{height: 80px;}
    .btn_index{height: 80px;line-height: 80px;}
}

@media only screen and (max-height:800px) {

}