.wrapper,.wrapper .section,.wrapper .section-container{background-position:top center;position:relative;background-repeat:no-repeat}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}iframe{max-width:100%}:root{--mz-blue-color:linear-gradient(270deg, #2196f3, #03a9f4)!important;--mz-blue-color-dark:linear-gradient(270deg, #1680d5, #0698da)!important;--mz-blue-light:#05a8f4;--vz-vertical-menu-bg:#fff;--vz-vertical-menu-item-color:#6d7080;--vz-vertical-menu-item-hover-color:#6691e7;--vz-vertical-menu-item-active-color:#6691e7;--vz-vertical-menu-sub-item-color:#7c7f90;--vz-vertical-menu-sub-item-hover-color:#6691e7;--vz-vertical-menu-sub-item-active-color:#6691e7;--vz-vertical-menu-title-color:#919da9;--vz-vertical-menu-bg-dark:#38454a;--vz-vertical-menu-item-color-dark:#a1b7bf;--vz-vertical-menu-item-hover-color-dark:#fff;--vz-vertical-menu-item-active-color-dark:#fff;--vz-vertical-menu-sub-item-color-dark:#a1b7bf;--vz-vertical-menu-sub-item-hover-color-dark:#fff;--vz-vertical-menu-sub-item-active-color-dark:#fff;--vz-vertical-menu-title-color-dark:#a1b7bf;--vz-header-bg:#fff;--vz-header-item-color:#e9ecef;--vz-header-bg-dark:#38454a;--vz-header-item-color-dark:#9ea9ad;--vz-topbar-search-bg:#f3f3f9;--vz-topbar-user-bg:#f3f3f9;--vz-topbar-user-bg-dark:#455358;--vz-footer-bg:#fff;--vz-footer-color:#98a6ad;--vz-topnav-bg:#fff;--vz-topnav-item-color:#6d7080;--vz-topnav-item-color-active:#6691e7;--vz-twocolumn-menu-iconview-bg:#fff;--vz-twocolumn-menu-bg:#fff;--vz-twocolumn-menu-iconview-bg-dark:var(--vz-vertical-menu-bg-dark);--vz-twocolumn-menu-bg-dark:#3d494e;--vz-twocolumn-menu-item-color-dark:var(--vz-vertical-menu-item-color-dark);--vz-twocolumn-menu-item-active-color-dark:#fff;--vz-twocolumn-menu-item-active-bg-dark:rgba(255, 255, 255, 0.15);--vz-boxed-body-bg:#e5ecf2;--vz-heading-color:#495057;--vz-link-color:linear-gradient(270deg, #2196f3, #03a9f4)!important;--vz-link-hover-color:linear-gradient(270deg, #1680d5, #0698da)!important;--vz-border-color:#e9ebec;--vz-card-bg-custom:#fff;--vz-card-logo-dark:block;--vz-card-logo-light:none;--vz-list-group-hover-bg:#f3f6f9;--vz-input-bg:#fff;--vz-input-border:#ced4da;--vz-input-focus-border:#b3c8f3;--vz-input-disabled-bg:#eff2f7;--vz-input-group-addon-bg:#eff2f7;--vz-input-check-border:var(--vz-input-border)}body{font-family:Roboto,sans-serif;font-weight:400;line-height:1.5;color:#212529;text-align:left}body.open::before{content:"";display:block;width:100%;height:100%;background:#0000009e;position:absolute;top:0;left:0;z-index:14}body.open{overflow:hidden;position:relative}.wrapper{overflow:hidden;background-color:#fff;-webkit-background-size:1920px;background-size:1920px}.wrapper .section,.wrapper .section-container{-webkit-background-size:1920px;background-size:1920px}.wrapper .section.section-1{height:1058px}.wrapper .section.section-2{height:1047px;padding-top:144px;margin-top:-222px}.wrapper .section.section-3{height:950px;z-index:3}.wrapper .section.section-4{position:relative;z-index:5;height:1040px;padding-top:50px}.wrapper .section.section-1 .header{height:80px;position:relative;z-index:20;background:#000000a3}.wrapper .section.section-1 .header.fixed{z-index:20;position:fixed;width:100%;height:80px}.wrapper .section.section-1 .mb-menu .icon-fb{z-index:2;display:block;width:59px;height:61px;position:absolute;right:15px;top:8px;text-indent:-9999px}.wrapper .section.section-1 .mb-menu .download-mb .dl-mb{text-indent: -9999px;-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat;display:inline-block;width:160px;height:50px;border:1px solid #fff;border-radius:8px;background-color:#000;margin:0 3px}.wrapper .section.section-1 .header .header-wrap .mb-menu .download-mb{display:flex;align-items:baseline}.wrapper .video-wrap{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;display:none}.wrapper .video-wrap .bg-video{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.wrapper .section.section-1 .header .w-1200{height:100%}.wrapper .section.section-1 .header .header-wrap{display:grid;grid-template-columns:1fr 0.25fr;justify-content:center;align-items:center;height:100%}.wrapper .section.section-1 .section-wrap{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5}.wrapper .section.section-1 .section-wrap .game-title{color:transparent;text-indent:-9999px;height:0;width:0}.wrapper .section.section-1 .section-wrap .game-title .logo{width:317px;height:167px;-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:center;display:block;position:absolute;left:50%;margin-left:-158px;top:84px;z-index:10}.wrapper .section.section-1 .game-slogan{z-index:1;width:856px;height:858px;margin-left:-428px;top:67px;animation:2s infinite zoomEffect2;display:none}.wrapper .section.section-1 .play-btn{display:block;width:188px;height:110px;position:absolute;top:254px;left:50%;margin-left:26px;z-index:10;background-position:-126px 0}.wrapper .section.section-1 .btn-box{z-index:3;-webkit-background-size:100% 100%;background-size:100% 100%;width:449px;height:141px;margin-left:-225px;top:808px;display:flex;justify-content:space-around;align-items:center;padding:0 18px}.wrapper .section.section-1 .btn-box .qrcode{display:block;width:127px}.wrapper .section.section-1 .btn-box .rechargeBtn{display:block;width:137px;height:127px;background-repeat:no-repeat;background-position:-126px -125px;text-indent:-9999px}.wrapper .section.section-1 .btn-box .listBtn .btn-item{display:block;width:144px;height:44px;-webkit-background-size:100% 100%;background-size:100% 100%;background-position:center;border:1px solid #fff;border-radius:10px;margin-bottom:2px;color:#fff;text-indent:-9999px}.mb-menu,.nav-btn,.wrapper .section.section-2 .box-wrap .box-banner .swiper-banner .swiper-btn::after,.wrapper .section.section-4 .swiper-feature .swiper-btn-2::after{display:none}.wrapper .section.section-1 .btn-box .listBtn .btn-item:last-of-type{margin-bottom:0}.nav-btn{padding:0;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible;position:absolute;top:28px;left:30px;z-index:5}.nav-btn .nav-box{width:34px;height:25px;display:inline-block;position:relative}.nav-btn .nav-box .nav-inner{transition-duration:75ms;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);display:block;top:50%;margin-top:-2px}.nav-btn.is-active .nav-box .nav-inner{transform:rotate(45deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.nav-btn.is-active .nav-box .nav-inner::before{top:0;opacity:0;transition:top 75ms;background:#fff}.nav-btn.is-active .nav-box .nav-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms,transform 75ms cubic-bezier(.215, .61, .355, 1) .12s}.nav-inner,.nav-inner::after,.nav-inner::before{width:33px;height:2px;background:#fff;border-radius:2px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;opacity:1!important}.nav-inner::after,.nav-inner::before{content:"";display:block;opacity:1!important}.nav-btn .nav-inner::before{top:-8px;transition:top 75ms .12s}.nav-btn .nav-inner::after{bottom:-8px;transition:bottom 75ms .12s,transform 75ms cubic-bezier(.55, .055, .675, .19)}.header-menu .header-menu-list{text-align:center}.header-menu .menu-item{color:#fff;font-size:1.25rem;position:relative;display:flex;align-items:center;justify-content:center;padding:8px 25px;font-weight:500}.header-menu .menu-item::after{content:"";display:block;width:100%;height:calc(100% + 10px);position:absolute;top:0;left:0;background-size:100% 100%;background-position:center}.header-wrap .header-search{position:relative;-webkit-background-size:100% 100%;background-size:100% 100%;height:40px}.header-wrap .header-search form input{color:#000;background:0 0;position:absolute;width:100%;height:100%;display:block;padding-right:45px;padding-left:25px;font-size:14px}.header-wrap .header-search form button{position:absolute;width:40px;height:40px;right:8px;top:0;background-color:transparent;display:block;background-position:8px -132px;filter:grayscale(1) invert(1);text-indent:-9999px}.wrapper .section.section-2 .w-1200{z-index:10}.wrapper .section.section-2 .box-wrap{display:grid;grid-template-columns:3fr 1fr 1fr;gap:8px 10px}.wrapper .section.section-2 .box-wrap .box-banner{background-repeat:no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;position:relative;overflow:hidden;max-width:calc(100vw - 30px)}.wrapper .section.section-2 .box-wrap .box-banner::after{content:"";display:block;padding-top:67%}.wrapper .section.section-2 .box-wrap .box-banner .swiper-banner{position:absolute;z-index:2;width:calc(100% - 89px);height:calc(100% - 91px);top:57px;left:43px;overflow:hidden}.wrapper .section.section-2 .box-wrap .box-banner .swiper-banner .swiper-wrapper .swiper-slide,.wrapper .section.section-2 .box-wrap .box-news .tab-content .list-content li a span{display:block}.wrapper .section.section-2 .box-wrap .box-banner .swiper-banner .swiper-wrapper .swiper-slide img{position:absolute;object-fit:cover;left:0;right:0;margin:auto}.wrapper .section.section-2 .box-wrap .box-banner .swiper-banner .swiper-btn.swiper-button-next{right:0}.wrapper .section.section-2 .box-wrap .box-banner .swiper-banner .swiper-btn{width:37px;height:74px;background-position:0 0;margin-top:-37px;-webkit-background-size:auto;background-size:auto}.wrapper .section.section-2 .box-wrap .box-banner .swiper-banner .swiper-btn.swiper-button-prev{left:0;transform:rotate(180deg);transform-origin:center}.wrapper .section.section-2 .box-wrap .bg-relative{-webkit-background-size:100% 100%;background-size:100% 100%;position:relative;text-indent:-9999px}.wrapper .section.section-2 .box-wrap .bg-relative::after{content:"";display:block;padding-top:110%}.wrapper .section.section-2 .box-wrap .box-special-news,.wrapper .section.section-2 .box-wrap .box-tutorials{position:relative;display:block}.wrapper .section.section-2 .box-wrap .box-news{background-repeat:no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;padding:1.4vw 4vw 1vw;max-width:calc(100vw - 30px);position:relative;overflow:hidden}.wrapper .section.section-2 .box-wrap .box-news::after{content:"";display:block;padding-top:36.3%;position:absolute}.wrapper .section.section-2 .box-wrap .box-news .tabs{margin:0;padding:0 21px 0 0;list-style:none;position:relative;border-bottom:2px solid #bcbbbb;-webkit-display:flex;-moz-display:flex;-o-display:flex;display:flex}.wrapper .section.section-2 .box-wrap .box-news .tabs li{width:20%;height:36px;color:#2d2c2c;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-transform:uppercase;font-size:13px;font-weight:700;margin:0 8px -2px;position:relative;border-bottom:2px solid transparent;text-align:center}.wrapper .section.section-2 .box-wrap .box-news .tabs li::after{content:"";display:block;width:10px;height:10px;position:absolute;right:-15px;background-position:-92px -8px;top:50%;margin-top:-5px}.wrapper .section.section-2 .box-wrap .box-news .tabs li:last-child::after{content:"";display:none}.wrapper .section.section-2 .box-wrap .box-news .tabs li.current{color:#3041c2;border-bottom:2px solid #3041c2}.wrapper .section.section-2 .box-wrap .box-news .tabs li:first-child{margin-left:0}.wrapper .section.section-2 .box-wrap .box-news .tab-content{display:none;position:relative}.wrapper .section.section-2 .box-wrap .box-news .tab-content.current{display:block!important}.wrapper .section.section-2 .box-wrap .box-news .tab-content .list-content{list-style:none;padding:8px 0 0;margin:0}.wrapper .section.section-2 .box-wrap .box-news .tab-content .list-content li{border-bottom:1px solid #eeeff4}.wrapper .section.section-2 .box-wrap .box-news .tab-content .list-content li:last-child{border-bottom:none}.wrapper .section.section-2 .box-wrap .box-news .tab-content .list-content li a{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:15px;color:#1b1b1b}.wrapper .section.section-2 .box-wrap .box-news .tab-content .list-content li a::before{content:"";display:block;width:5px;height:6px;margin-right:6px;background:url(http://daovuh5.live/assets/img/icon/icon-li.png) center no-repeat}.wrapper .section.section-2 .box-wrap .box-news .tab-content .list-content li a span.post-title{width:calc(100% - 100px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wrapper .section.section-2 .box-wrap .box-news .tab-content .list-content li a span.post-time{width:70px;text-align:right}.wrapper .section.section-2 .box-wrap .box-news .tab-content .btn-more{display:block;position:absolute;right:0;top:-29px;width:18px;height:18px;text-indent:-999em;background:#3041c2;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.wrapper .section.section-2 .box-wrap .box-news .tab-content .btn-more span{z-index:1;top:50%;display:block;width:8px;height:8px;background-position:-92px 0;margin-top:-4px;margin-left:-4px}.wrapper .section.section-3 .section-3-heading{z-index:1;width:953px;height:173px;margin:auto}.wrapper .section.section-3 .section-3-nav{z-index:8;margin-left:-49px;top:800px}.wrapper .section.section-3 .section-3-nav .tab-icon{display:inline-block;width:126px;height:125px;filter:grayscale(100%);-webkit-filter:grayscale(100%)}.wrapper .section.section-3 .section-3-nav .tab-icon.active{filter:grayscale(0%);-webkit-filter:grayscale(0%)}.wrapper .section.section-3 .section-3-nav .tab-icon-1{background-position-y:0}.wrapper .section.section-3 .section-3-nav .tab-icon-2{background-position-y:-125px}.wrapper .section.section-3 .section-3-nav .tab-icon-3{background-position-y:-375px;background-position-y:-500px;background-position-y:-250px}.wrapper .section.section-3 .role-contents .role-info .detail.active,.wrapper .section.section-3 .role-contents .role-name.active{animation:2s forwards fadeIn}.wrapper .section.section-3 .role-contents .role-name{width:390px;height:384px;z-index:3;margin-left:-663px;top:341px;opacity:0}.wrapper .section.section-3 .role-contents .role-info{width:451px;height:179px;z-index:3;margin-left:-503px;top:743px;color:#fcf1d2;padding-left:68px;padding-top:22px;padding-right:69px;-webkit-background-size:100% 100%;background-size:100% 100%;font-size:16px}.wrapper .section.section-3 .role-contents .role-info .detail{max-height:147px;overflow-y:auto;opacity:0}.wrapper .section.section-3 .role-contents .role-info .detail .title{margin-bottom:5px;font-weight:500}.wrapper .section.section-3 .role-contents .role-info .detail .des{margin-bottom:5px;line-height:1.5}.wrapper .section.section-3 .role-contents .role-info .detail .star{display:flex;justify-content:start;align-items:center}.wrapper .section.section-3 .role-contents .role-info .detail .star .span-star{-webkit-background-size:auto 100%;background-size:auto 100%;background-repeat:no-repeat;display:inline-block;margin-left:5px;height:25px}.wrapper .section.section-3 .role-contents .role-info .detail .star .span-star-1{width:30px}.wrapper .section.section-3 .role-contents .role-info .detail .star .span-star-2{width:60px}.wrapper .section.section-3 .role-contents .role-info .detail .star .span-star-3{width:90px}.wrapper .section.section-3 .role-contents .role-info .detail .star .span-star-4{width:120px}.wrapper .section.section-3 .role-contents .role-info .detail .star .span-star-5{width:147px}.wrapper .section.section-3 .role-contents .role-img{z-index:2;width:1617px;height:1038px;top:2px;margin-left:-960px;pointer-events:none;opacity:0}.wrapper .section.section-3 .role-contents .role-img.active{animation:1s forwards fadeLeft}.wrapper .section.section-3 .role-contents .role-video{position:absolute;left:50%;width:864px;height:492px;top:200px;z-index:1;margin-left:-234px}.wrapper .section.section-3 .role-contents .role-video::before{content:"";width:100%;height:100%;top:0;left:0;z-index:10;display:block;position:absolute}.wrapper .section.section-3 .role-contents .role-video::after{content:"";display:block;padding-top:56.25%}.wrapper .section.section-3 .role-contents .role-video iframe{position:absolute;width:93%;height:91%;top:4%;left:4%;z-index:10}.wrapper .section.section-4 .section-4-heading{position:relative;z-index:2;width:941px;height:223px;margin:auto}.wrapper .section.section-4 .swiper-feature{overflow:hidden;position:relative;padding-bottom:50px}.wrapper .section.section-4 .swiper-feature .swiper-wrapper .swiper-slide{display:block;opacity:.6}.wrapper .section.section-4 .swiper-feature .swiper-wrapper .swiper-slide img{display:block;max-width:80%;max-height:100%;margin:auto}.wrapper .section.section-4 .swiper-feature .swiper-btn-2{width:86px;height:86px}.wrapper .section.section-4 .swiper-feature .swiper-btn-2.swiper-button-prev,.wrapper .section.section-4 .swiper-feature .swiper_btn.swiper-button-prev{transform:rotate(-180deg);transform-origin:center}.wrapper .section.section-4 .swiper-feature .swiper-pagination .swiper-pagination-bullet{width:23px;height:23px;background-position:-158px -368px;opacity:1;border-radius:0;background-color:transparent;margin:0 10px}.wrapper .section.section-4 .swiper-feature .swiper-pagination .swiper-pagination-bullet-active{background-position:-158px -345px}.wrapper .section.section-4 .swiper-feature .swiper-pagination{bottom:0}.wrapper .section.section-4 .swiper-feature .swiper-wrapper .swiper-slide-active{opacity:1}.webp .section-1{background-image:url(http://daovuh5.live/assets/img/home/bg1.webp)}.webp .section-2{background-image:url(http://daovuh5.live/assets/img/home/bg2.webp)}.webp .section-3{background-image:url(http://daovuh5.live/assets/img/home/bg3.webp)}.webp .section-4{background-image:url(http://daovuh5.live/assets/img/home/bg4.webp)}.webp .logo{background-image:url(http://daovuh5.live/assets/img/logo.webp)}.webp .game-slogan{background-image:url(http://daovuh5.live/assets/img/home/game-slogan.webp)}.webp .btn-box{background-image:url(http://daovuh5.live/assets/img/home/downloadboxbg.webp)}.webp .game-icon,.webp .swiper-pagination-bullet{background-image:url(http://daovuh5.live/assets/img/game-icon.webp)}.webp .box-news .tabs li:after,.webp .game-icon-2,.webp .tabs-news li:after{background-image:url(http://daovuh5.live/assets/img/game-icon-2.webp)}.webp .header-search{background-image:url(http://daovuh5.live/assets/img/search.webp)}.webp .box-banner{background-image:url(http://daovuh5.live/assets/img/home/bg_banner.webp)}.webp .box-special-news{background-image:url(http://daovuh5.live/assets/img/home/img_dacsac.webp)}.webp .box-tutorials{background-image:url(http://daovuh5.live/assets/img/home/img_huongdan.webp)}.webp .box-community{background-image:url(http://daovuh5.live/assets/img/home/img_community.webp)}.webp .box-support{background-image:url(http://daovuh5.live/assets/img/home/img_support.webp)}.webp .box-news{background-image:url(http://daovuh5.live/assets/img/home/bg_new.webp)}.webp .section-3-heading{background-image:url(http://daovuh5.live/assets/img/home/section-3-heading.webp)}.webp .section-4-heading{background-image:url(http://daovuh5.live/assets/img/home/section-4-heading.webp)}.webp .role-name-1{background-image:url(http://daovuh5.live/assets/img/home/roleName-1.webp)}.webp .role-name-2{background-image:url(http://daovuh5.live/assets/img/home/roleName-2.webp)}.webp .role-name-3{background-image:url(http://daovuh5.live/assets/img/home/roleName-3.webp)}.webp .role-name-4{background-image:url(http://daovuh5.live/assets/img/home/roleName-4.webp)}.webp .role-name-5{background-image:url(http://daovuh5.live/assets/img/home/roleName-5.webp)}.webp .role-info{background-image:url(http://daovuh5.live/assets/img/home/role-info.webp)}.webp .span-star{background-image:url(http://daovuh5.live/assets/img/icon/star-icon.webp)}.webp .role-img-1{background-image:url(http://daovuh5.live/assets/img/home/role-img-1.webp)}.webp .role-img-2{background-image:url(http://daovuh5.live/assets/img/home/role-img-2.webp)}.webp .role-img-3{background-image:url(http://daovuh5.live/assets/img/home/role-img-3.webp)}.webp .role-img-4{background-image:url(http://daovuh5.live/assets/img/home/role-img-4.webp)}.webp .role-img-5{background-image:url(http://daovuh5.live/assets/img/home/role-img-5.webp)}.webp .role-video{background-image:url(http://daovuh5.live/assets/img/home/role-video.webp)}.webp .fixed-toolbar{background-image:url(http://daovuh5.live/assets/img/fixed-toolbar.webp)}.webp .swiper-btn-2{background-image:url(http://daovuh5.live/assets/img/icon/swiper-btn.webp)}.webp .icon-fb{background-image:url(http://daovuh5.live/assets/img/icon/btn-fb.webp)}.fixed-toolbar{width:152px;height:339px;-webkit-background-size:100% 100%;background-size:100% 100%;position:fixed;right:0;top:50%;z-index:50;margin-top:-220px;padding-top:29px;text-align:center}.fixed-toolbar .toolbar-btn{display:block;width:140px;height:40px;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;overflow:hidden;margin:0 auto 7px;text-indent:-9999px}.fixed-toolbar .toolbar-item{display:inline-block;width:147px;height:34px;background-position-x:-126px;margin-bottom:8px;text-indent:-9999px}.fixed-toolbar .toolbar-item-fb{background-position-y:-432px}.fixed-toolbar .toolbar-item-gr{background-position-y:-398px}.fixed-toolbar .btn-up-top{display:block;position:absolute;z-index:10;bottom:-37px;left:28px;width:99px;height:110px;background-position:-126px -466px}.fixed-toolbar .toggle{display:block;background:url(http://daovuh5.live/assets/img/btn-toggle.jpg) 0/100% no-repeat;width:25px;height:40px;position:absolute;left:-22px;top:25%;transform:rotate(180deg);cursor:pointer}.fixed-toolbar .toggle.open{transform:rotate(0)}.ios{background-image:url(http://daovuh5.live/assets/img/icon/ios1.svg)}.android{background-image:url(http://daovuh5.live/assets/img/icon/android.svg)}.apk{background-image:url(http://daovuh5.live/assets/img/icon/apk.svg)}.login-btn{background-image:url(http://daovuh5.live/assets/img/playnow.webp)}.register-btn{background-image:url(http://daovuh5.live/assets/img/deposit.webp)}.playgame-btn{background-image:url(http://daovuh5.live/assets/img/icon/btn_playgame.webp)}.logout-btn{background-image:url(http://daovuh5.live/assets/img/icon/btn_logout.webp)}.giftcode-btn{background-image:url(http://daovuh5.live/assets/img/icon/btn_giftcode.webp)}.wrapper .section.section-1 .game-slogan,.wrapper .section.section-1 .mb-menu .icon-fb,.wrapper .section.section-3 .role-contents .role-img,.wrapper .section.section-3 .role-contents .role-name,.wrapper .section.section-3 .role-contents .role-video,.wrapper .section.section-3 .section-3-heading,.wrapper .section.section-4 .section-4-heading,.wrapper .section.section-4 .swiper-feature .swiper-btn,.wrapper .section.section-4 .swiper-feature .swiper-btn-2{background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain;background-position:center}.wrapper .section.section-1 .btn-box,.wrapper .section.section-1 .game-slogan,.wrapper .section.section-2 .box-wrap .box-news .tab-content .btn-more span,.wrapper .section.section-3 .role-contents .role-img,.wrapper .section.section-3 .role-contents .role-info,.wrapper .section.section-3 .role-contents .role-name,.wrapper .section.section-3 .section-3-nav{position:absolute;left:50%}.health-warning{position:absolute;top:80px!important;left:0}.w-1200{max-width:1230px;padding:0 15px;position:relative;margin:auto;z-index:5}#alert-popup .alert-wrap .close-modal{position:absolute;width:40px;height:40px;background:#f44e19;color:#fff;border-radius:50%;line-height:38px;text-align:center;top:-17px;right:-17px;font-size:32px}.btn-mz-strong,.btn-mz-strong:focus,.btn-mz-strong:hover{background-color:#f44e19;color:#fff}.lightbox{background-color:rgba(0,0,0,.8);overflow:hidden;position:fixed;display:none;z-index:9999;bottom:0;right:0;left:0;top:0}.lightbox-container{position:relative;max-width:960px;margin:7% auto;display:block;padding:0 3%;height:auto;z-index:10}.lightbox-content{box-shadow:0 1px 6px rgba(0,0,0,.7)}.lightbox-close{text-transform:uppercase;background:0 0;position:absolute;font-weight:300;font-size:12px;display:block;border:none;color:#fff;top:-22px;right:3%}.video-container{padding-bottom:56.25%;position:relative;padding-top:30px;overflow:hidden;height:0}.video-container embed,.video-container iframe,.video-container object{position:absolute;height:100%;width:100%;left:0;top:0}footer,footer .footer-wrap{text-align:center;position:relative;color:#fff}footer{width:100%;padding:40px 15px 30px;background:#111;z-index:2}footer .footer-wrap{font-size:13px;max-width:1000px;margin:0 auto}footer .footer-wrap .footer-mzp-logo{position:absolute}footer .footer-wrap .footer-mzp-logo .logo-mzp-white{text-indent:-999em;background:url(http://daovuh5.live/assets/img/logo-mzp-white.webp) no-repeat;width:150px;height:64px;display:inline-block;margin:auto}footer .footer-wrap .footer-mzp-logo .logo-mzp-white span{text-indent:-9999px;display:block}footer .footer-wrap .footer-text{font-size:13px;margin-bottom:10px!important}footer .footer-wrap .footer-text a.text-w-mre10{color:#fff;display:inline-block;margin:0 10px}footer .footer-wrap p{margin-bottom:6px}footer .health-warning-sm{position:absolute;right:0;top:-10px}@media screen and (min-width:1025px){.wrapper .video-wrap{display:block}}@media only screen and (min-width:1200px) and (max-width:1920px){.wrapper .section.section-2 .box-wrap .box-news .tabs li{white-space:nowrap;font-size:15px;height:44px}.wrapper .section.section-2 .box-wrap .box-news .tab-content .list-content li a{font-size:15px}}@media only screen and (max-width:1024px){.w-1200,.wrapper .section.section-1 .header .w-1200{max-width:640px}.lightbox-container{margin-top:10%}.wrapper .section.section-1 .game-slogan{width:700px;height:661px;margin-left:-350px;top:111px;display:block}.wrapper .section.section-1 .section-wrap{position:static;height:auto}.wrapper .section.section-1 .section-wrap .game-title .logo{width:284px;height:139px;margin-left:-142px;top:89px;text-indent:-9999px}.wrapper .section.section-1 .play-btn{-webkit-background-size:320px;background-size:320px;width:150.4px;height:88px;background-position:-100.8px 0;top:279px;z-index:2}.wrapper .section.section-1 .btn-box{top:698px}.wrapper .section,.wrapper .section-container{-webkit-background-size:1024px;background-size:1024px}.wrapper .section.section-1{height:907px;background-position-y:80px}.wrapper .section.section-2{padding-top:189px;height:1309px;margin-top:-194px}.wrapper .section.section-3{height:1278px;padding-top:62px}.wrapper .section.section-4{height:653px}.webp .section-1{background-image:url(http://daovuh5.live/assets/img/home/mb/bg1.webp)}.webp .section-2{background-image:url(http://daovuh5.live/assets/img/home/mb/bg2.webp)}.webp .section-3{background-image:url(http://daovuh5.live/assets/img/home/mb/bg3.webp)}.webp .section-4{background-image:url(http://daovuh5.live/assets/img/home/mb/bg4.webp)}.health-warning{top:80px!important;max-width:120px}.wrapper .section.section-1 .header{background:#000}.wrapper .section.section-1 .header .header-wrap{padding-left:0;justify-content:flex-end;padding-right:65px;display:flex;-webkit-display:flex}.nav-btn,.wrapper .section.section-1 .header .header-wrap .mb-menu{display:block}.wrapper .section.section-1 .header .header-wrap .header-menu{position:fixed;background:#181818;width:350px;top:80px;z-index:4;left:0;height:calc(100vh - 80px);padding:10px 0;overflow-y:auto;transform:translateX(-100%);transition:.4s;visibility:hidden;opacity:0}.wrapper .section.section-1 .header .header-wrap .header-menu .header-menu-list{text-align:left}.wrapper .section.section-1 .header .header-wrap .header-menu.show{visibility:visible;opacity:1;z-index:100;transform:translateX(0)}.wrapper .section.section-1 .header .header-wrap .header-menu ul{text-align:left;height:auto}.wrapper .section.section-1 .header .header-wrap .header-menu ul li{display:block;margin-right:0!important;height:auto}.wrapper .section.section-1 .header .header-wrap .header-menu ul li .menu-item{height:auto;color:#ffffffd1;display:block;text-transform:unset;padding:20px;font-weight:400;border-bottom:1px solid #252525}.box-community,.box-support,.box-tutorials,.fixed-toolbar,.wrapper .section.section-1 .header .header-wrap .header-menu ul li .menu-item::after,.wrapper .section.section-1 .header .header-wrap .header-search,.wrapper .section.section-2 .box-wrap .bg-relative::after,.wrapper .section.section-2 .box-wrap .box-news .tab-content .btn-more span,.wrapper .section.section-2 .box-wrap .box-special-news{display:none}.wrapper .section.section-2 .box-wrap{grid-template-columns:1fr;gap:0;margin-top:0;padding-top:0;display:block}.wrapper .section.section-2 .box-wrap .box-banner .swiper-banner{width:calc(100% - 76px);height:calc(100% - 77px);top:48px;left:37px}.wrapper .section.section-2 .box-wrap .box-news{margin-top:30px;padding:36px 44px}.wrapper .section.section-2 .box-wrap .box-news .tabs li.current{border:0;color:#e7b73c}.wrapper .section.section-2 .box-wrap .box-news .tab-content{height:232px}.wrapper .section.section-2 .box-wrap .box-news .tab-content .btn-more{display:flex;align-items:center;justify-content:center;position:absolute;background:#3041c2!important;width:130px;height:40px;color:#fff;text-decoration:none;font-size:17px;bottom:0;top:auto;left:50%;margin-left:-65px;text-indent:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.wrapper .section.section-2 .box-wrap .box-news .tab-content ul.list-content li a{padding:12px 0}.wrapper .section.section-3 .section-3-heading{width:640px;height:120px}.wrapper .section.section-3 .section-3-nav{margin-left:-311px;top:510px}.wrapper .section.section-3 .role-contents .role-name{width:313px;height:321px;margin-left:-317px;top:775px}.wrapper .section.section-3 .role-contents .role-info{z-index:5;margin-left:-327px;top:1060px}.wrapper .section.section-3 .role-contents .role-img{width:1328px;height:1020px;top:448px;margin-left:-495px}.wrapper .section.section-3 .role-contents .role-video{width:640px;height:369px;top:165px;left:50%;margin-left:-320px}.wrapper .section.section-4 .section-4-heading{width:640px;height:152px}.wrapper .section.section-4 .swiper-feature{padding-bottom:30px}.wrapper .section.section-4 .swiper-feature .swiper-btn-2{width:54px;height:52px}.wrapper .section.section-4 .swiper-feature .swiper-pagination .swiper-pagination-bullet{-webkit-background-size:320px;background-size:320px;width:18.4px;height:18.4px;background-position:-126.4px -294.4px}.wrapper .section.section-4 .swiper-feature .swiper-pagination .swiper-pagination-bullet-active{background-position:-126.4px -276px}footer{padding-bottom:80px}footer .footer-wrap .footer-mzp-logo{position:static;margin-bottom:15px;display:flex;justify-content:center;align-items:center}footer .footer-wrap .logo2{margin:0}}@media only screen and (max-width:640px){.wrapper .section,.wrapper .section-container{-webkit-background-size:640px;background-size:640px}.wrapper .section.section-1{height:572px;background-position-y:56px}.wrapper .section.section-1 .header,.wrapper .section.section-1 .header.fixed{height:56px}.health-warning{top:56px!important;max-width:100px}.wrapper .section.section-1 .header .header-wrap{padding-right:37px}.nav-btn{left:15px;top:14px}.nav-inner,.nav-inner::after,.nav-inner::before{width:24px}.wrapper .section.section-1 .header .header-wrap .header-menu{height:calc(100vh - 56px);top:56px;width:280px}.wrapper .section.section-1 .header .header-wrap .header-menu ul .list-inline-item .menu-item{font-size:16px;padding:15px 16px}.wrapper .section.section-1 .header .header-wrap .mb-menu .icon-fb{width:40px;height:41px;right:10px;top:6px}.wrapper .section.section-1 .header .header-wrap .mb-menu .download-mb .dl-mb{width:104px;height:33px;border-radius:6px;margin:0 2px}.wrapper .section.section-1 .section-wrap .game-title .logo{width:157px;height:92px;margin-left:-53px;top:76px}.wrapper .section.section-1 .game-slogan{width:350px;height:330px;margin-left:-175px;top:109px}.wrapper .section.section-1 .play-btn{-webkit-background-size:160px;background-size:160px;width:75.2px;height:44px;background-position:-50.4px 0;top:186px;margin-left:18px}.wrapper .section.section-1 .btn-box{top:401px;width:320px;height:97px;margin-left:-160px;padding:0 19px}.wrapper .section.section-1 .btn-box .qrcode{width:83px}.wrapper .section.section-1 .btn-box .rechargeBtn{-webkit-background-size:250px;background-size:250px;width:85.625px;height:79.375px;background-position:-78.75px -78.125px}.wrapper .section.section-1 .btn-box .listBtn .btn-item{text-indent:-9999px;width:88px;height:28px;border-radius:6px;margin-bottom:1px}.wrapper .section.section-2{margin-top:-121px;height:818px;padding-top:131px}.wrapper .section.section-2 .box-wrap .box-banner .swiper-banner{width:calc(100% - 36px);height:calc(100% - 37px);top:23px;left:18px}.wrapper .section.section-2 .box-wrap .box-banner .swiper-banner .swiper-btn{-webkit-background-size:55px;background-size:55px;width:18px;height:37px;margin-top:-18px}.wrapper .section.section-2 .box-wrap .box-news{margin:20px auto 0;padding:30px 17px}.wrapper .section.section-2 .box-wrap .box-news .tabs{padding:0 10px}.wrapper .section.section-2 .box-wrap .box-news .tabs li{height:40px;font-size:11px;width:auto;white-space:nowrap}.wrapper .section.section-2 .box-wrap .box-news .tabs li::after{display:none}.wrapper .section.section-2 .box-wrap .box-news .tab-content{height:203px}.wrapper .section.section-2 .box-wrap .box-news .tab-content ul.list-content{padding:5px 8px}.wrapper .section.section-2 .box-wrap .box-news .tab-content ul.list-content li a{padding:12px 0;font-size:13px}.wrapper .section.section-2 .box-wrap .box-news .tab-content .btn-more{font-size:13px;width:110px;height:35px;margin-left:-55px}.wrapper .section.section-3{height:799px;padding-top:40px}.wrapper .section.section-3 .section-3-heading{width:320px;height:60px}.wrapper .section.section-3 .section-3-nav{margin-left:-156px;top:311px}.wrapper .section.section-3 .section-3-nav .tab-icon{-webkit-background-size:200px;background-size:200px;width:63px;height:63px}.wrapper .section.section-3 .section-3-nav .tab-icon-2{background-position-y:-62.5px}.wrapper .section.section-3 .section-3-nav .tab-icon-3{background-position-y:-125px}.wrapper .section.section-3 .section-3-nav .tab-icon-4{background-position-y:-187.5px}.wrapper .section.section-3 .section-3-nav .tab-icon-5{background-position-y:-250px}.wrapper .section.section-3 .role-contents .role-name{width:156px;height:160px;margin-left:-158px;top:466px}.wrapper .section.section-3 .role-contents .role-info{margin-left:-167px;top:627px;width:225px;height:90px;padding-left:33px;padding-top:8px;padding-right:18px}.wrapper .section.section-3 .role-contents .role-info .detail{font-size:12px;max-height:74px}.wrapper .section.section-3 .role-contents .role-info .detail .title{margin-bottom:3px}.wrapper .section.section-3 .role-contents .role-info .detail .des{line-height:1.3;margin-bottom:3px}.wrapper .section.section-3 .role-contents .role-info .detail .star .span-star{height:12.5px;margin-left:3px}.wrapper .section.section-3 .role-contents .role-info .detail .star .span-star-1{width:15px}.wrapper .section.section-3 .role-contents .role-info .detail .star .span-star-2{width:30px}.wrapper .section.section-3 .role-contents .role-info .detail .star .span-star-3{width:45px}.wrapper .section.section-3 .role-contents .role-info .detail .star .span-star-4{width:60px}.wrapper .section.section-3 .role-contents .role-info .detail .star .span-star-5{width:73px}.wrapper .section.section-3 .role-contents .role-img{width:664px;height:510px;top:304px;margin-left:-247px}.wrapper .section.section-3 .role-contents .role-video{width:320px;height:190px;top:108px;margin-left:-160px}.wrapper .section.section-4{height:406px;min-height:calc(336px + 30vw);padding-bottom:37px;background-color:#f2f1e7}.wrapper .section.section-4 .section-4-heading{width:320px;height:76px}.w-1200{width:100%}.wrapper .section.section-4 .swiper-feature{margin-top:22px}.wrapper .section.section-4 .swiper-feature .swiper-btn-2{width:27px;height:26px}.wrapper .section.section-4 .swiper-feature .swiper-pagination .swiper-pagination-bullet{-webkit-background-size:160px;background-size:160px;width:9.2px;height:9.2px;background-position:-63.2px -147.2px}.wrapper .section.section-4 .swiper-feature .swiper-pagination .swiper-pagination-bullet-active{background-position:-63.2px -138px}footer{padding-bottom:64px}.logo-mzp-white,footer .health-warning-sm{position:static!important;margin:0 auto 15px}}@keyframes rotate{to{transform:rotate(-360deg)}}@keyframes lenxuong{0%,100%{transform:translateX(0) translateY(5px)}50%{transform:translateX(0) translateY(0)}}@-webkit-keyframes lenxuong{0%,100%{transform:translateX(0) translateY(5px)}50%{transform:translateX(0) translateY(0)}}@keyframes fadeLeft{0%{transform:translateX(150px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes wobble{10%,30%,50%,70%,90%{-webkit-transform:translate3d(-1%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-1%,0,0) rotate3d(0,0,1,-3deg)}20%,40%,60%,80%{-webkit-transform:translate3d(1%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(1%,0,0) rotate3d(0,0,1,3deg)}}@keyframes wobble{10%,30%,50%,70%,90%{-webkit-transform:translate3d(-1%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-1%,0,0) rotate3d(0,0,1,-3deg)}20%,40%,60%,80%{-webkit-transform:translate3d(1%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(1%,0,0) rotate3d(0,0,1,3deg)}}@keyframes zoomEffect2{0%,100%,50%{transform:scale(1,1)}25%,75%{transform:scale(1.02,1.02)}}@-webkit-keyframes zoomEffect2{0%,100%,50%{transform:scale(1,1)}25%,75%{transform:scale(1.02,1.02)}}@-webkit-keyframes moveafter{0%{top:100%;left:100%}50%{top:-100%;left:-100%}100%{top:-200%;left:-200%}}@-moz-keyframes moveafter{0%{top:100%;left:100%}100%,50%{top:-100%;left:-100%}}@keyframes moveafter{0%{top:100%;left:100%}100%,50%{top:-100%;left:-100%}}