@import url('./font.css?m=1');
@import url('../font/iconfont.css?m=2');
html{color:#171717;background: #fff;font-family: 'UKIJ Tor';}
*{line-height:1.5;box-sizing: border-box;}
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:none}
a{text-decoration:none;color: #171717;outline:0}
em,var{font-style:normal}
address,caption,cite,code,dfn,em,optgroup,th,var{font-style:inherit;font-weight:inherit}
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
legend{color:#000}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
button,input,select,textarea{font-size:100%;outline:0}
body{-webkit-user-select:none;-webkit-text-size-adjust:none}
*{-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}
::-webkit-scrollbar{width:0;height:0}
::-webkit-scrollbar-thumb{border-radius:1.3vw;-webkit-box-shadow:inset 0 0 .8vw rgba(0,0,0,.3);box-shadow:inset 0 0 .8vw rgba(0,0,0,.3);background-color:#95b6ef}
img{-webkit-touch-callout:none;vertical-align: middle;}
button,input[type=button],input[type=date],input[type=reset],input[type=submit],input[type=text],select{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent!important}
a,input[type=password],input[type=text],select,textarea{-webkit-tap-highlight-color:transparent!important}
input::-webkit-input-placeholder{color:#666}
.hide{display:none!important}
.show{display:block}
.f-lex{display:flex}
.al-center{align-items:center}
.fl-wrap{flex-wrap:wrap}
.j-s-b{justify-content:space-between}
.j-s-c{justify-content:center}
.j-s-a{justify-content:space-around}
.fr{float:right}
.fl{float:left}
.mt-60{margin-top:-60px}
.mt15{margin-top:15px !important}
.psrrr{position:relative}
.claer{clear: both;}
.vw4{margin: 4vw !important}
/** Home **/
#header{position: absolute;left: 0;right: 0;top: 0;z-index: 99;height: 60px;background: linear-gradient(180deg, black, transparent);direction: rtl;}
#header .logo{width: 30px;height: 30px;line-height: 30px;margin: 17px 10px;text-align: center;font-size: 35px;background: #03A9F4;background-clip: text;-webkit-background-clip: text;color: transparent; /*需要文字透明*/}
#header .search{width: 30px;height: 30px;line-height: 30px;margin: 20px 10px;text-align: center;color: #fff;font-size: 24px;}
#header .head_nav{background: hsl(0deg 0% 100% / 50%);height: 38px;margin-top: 15px;border-radius: 8px;width: 75%;display: flex;overflow: hidden;backdrop-filter: blur(1px);padding: 5px;}
#header .head_nav a{padding: 0 17px;line-height: 30px;font-size: 14px;}
#header .head_nav a.cur{background: #03a9f4;border-radius: 5px;color: #fff;}
.head_navs{display: flex;direction: rtl;margin: 10px;margin-top: 65px;}
.head_navs a{width: 20%;text-align: center;}
.head_navs a.cur{color: #fff;background: #0b61ea;border-radius: 5px;}
#Banner{width: 100%;height: 370px;margin-bottom: 20px;overflow: hidden;display: block;}
.banners .swiper-slide {width: 41%;height: 200px;}
.banners .swiper-slide img {width: 100%;height: 100%;border-radius: 5px;box-shadow: 3px 3px 4px 0 #000000;}
.titles{height:45px;}
.titles .tits{position:relative;height: 45px;line-height: 45px;text-align: center;width: 165px;margin: 0 auto;text-indent: 15px;}
.titles .tits span{position:relative;top: 15px;}
.titles .tits span::after{content:"";width: 5px;height: 20px;background: #03A9F4;display: block;position: absolute;border-radius: 5px;transform: rotate(16deg);}
.titles .tits span::before{content:"";width: 5px;height: 15px;top: 4px;left: 10px;background: #72acff;display: block;position: absolute;border-radius: 5px;transform: rotate(16deg);}
.nav{padding: 10px;display: flex;border-radius: 8px;direction: rtl;padding-bottom: 0;}
.nav a{display: flex;flex-direction: column;width: 25%;text-align: center;margin-left: 3%;}
.nav a i{font-size: 36px;width: 100%;height: 75px;overflow: hidden;line-height: 75px;border-radius: 10px;margin: 0 auto;background: linear-gradient(0deg,#e91e63,#ff508c);color:#fff}
.nav a p{color: ##171717;font-size: 14px;padding-top: 10px;}
.nav a:nth-child(1) i{background: #fc3d49;}
.nav a:nth-child(2) i{background: linear-gradient(0deg,#005efe,#68a0ff);}
.nav a:nth-child(3) i{background: linear-gradient(0deg,#ff9702,#ffb447);}
.nav a:nth-child(4){margin-left:0}
.menus li{-webkit-flex-shrink:0;direction:rtl;}
.menus{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;direction: rtl;background: #f1f1f1;padding-right: 7px;padding-bottom: 5px;}
.menus li{padding: 5px 0px;width: 83px;text-align: right;}
.menus li:nth-child(1){width:auto;margin-left:10px}
.menus .on a{color: #fff;background: #03A9F4;padding: 3px 6px;border-radius: 5px;}
.menus li a{display:inline-block;font-size:14px;}

.home_history{margin: 15px 10px;padding:10px;background: linear-gradient(-45deg, #579cff, #03A9F4);border-radius:5px;display:flex;direction: rtl;position: relative;}
.home_history img{border-radius:50%;width: 60px;height: 60px;border: 3px solid hsl(0deg 0% 100% / 46%);}
.home_history .left_content{color:#fff;margin-right: 10px;width: 55%;}
.home_history .left_content h4{font-size: 16px;padding-top: 5px;}
.home_history .left_content h5{font-size: 12px;margin-top: 8px;}
.home_history .mores{height: 30px;line-height: 30px;background: #fff;padding: 0 10px;border-radius: 5px;margin-top: 15px;margin-right: 10px;font-size: 12px;position: absolute;left: 10px;color: #03a9f4;}
.albvm{margin:0 5px;}
.albvm img{width: 100%;height: 180px;border-radius:8px;}
.albvm p{width: 100%;height: 30px;border-radius:8px;font-size: 14px;text-align: center;line-height: 35px;}
.albvm h6{width: 100%;height: 18px;border-radius:8px;font-size: 12px;text-align: center;line-height: 18px;color: #565656;}
.new4mov{display:flex;flex-wrap: wrap;flex-direction: row;direction: rtl;}
.new4mov .mov_cov{width: 48.5%;margin-bottom: 3.3%;}
.new4mov .mov_cov img{width: 100%;height: 250px;border-radius:8px;}
.new4mov  p{width: 100%;height: 30px;border-radius:8px;font-size: 14px;text-align: center;line-height: 35px;overflow: hidden;}
.new4mov  h6{width: 100%;height: 18px;border-radius:8px;font-size: 12px;text-align: center;line-height: 18px;color: #565656;}
.new4mov .mov_cov:nth-child(2n+1){margin-left: 3%;}

.new4mov .mov_cov1{width: 31%;margin-bottom: 3.3%;}
.new4mov .mov_cov1 img{width: 100%;height: 180px;border-radius: 4px;}
.new4mov .mov_cov1:nth-child(3n+2){margin: 0 3.3%;}

.load{width: 100%;margin: 0 auto;margin-top:15px;background: #03A9F4;text-align: center;border-radius: 5px;height: 45px;font-size: 14px;color: #fff;line-height: 45px;}
.load i{color: white;width: 20px;height: 20px;line-height: 20px;position: relative;top: 3px;padding-right: 5px;}
.main{margin: 10px;overflow: hidden;}
.title{display: block;height: 45px;line-height: 45px;width: 100%;margin-bottom: 10px;}
.title .tit{float: right;direction: rtl;height: 45px;margin-right: 10px;}
.title .tit i{color: #03A9F4;width: 21px;font-size: 22px;line-height: 45px;text-align: center;height: 45px;float: right;margin: 0 8px;}
.title .tit span{color: #03A9F4;line-height: 45px;font-size: 14px;font-weight: 100;}
.title .tit::before{content:"";width: 5px;background: linear-gradient(45deg, #03a9f4, #1e9fff);float: right;height: 25px;margin-left: 9px;margin-top: 8px;border-radius: 20px;}
.title .more{float:left;color: #171717;font-size: 30px;line-height: 45px;}
.title .more i{font-size: 24px;float: left;line-height: 45px;margin-left: 10px;}

.fl-en{display:flex;justify-content:space-between;align-items:center}
.fl-ar{display:flex;justify-content:space-around;align-items:center}
.fl-ars{display:flex;flex-wrap: wrap;justify-content: flex-start;align-items:center}

.menu{background: #fc3d49;margin: 15px 10px;overflow: hidden;padding: 10px;border-radius: 5px;direction: rtl;display: flex;flex-wrap: wrap;}
.menu a{float:right;width: 33%;text-align: center;height: 35px;line-height: 35px;font-size: 14px;}
#good_tiyatir{float: right;width: 100%;position: relative;height: 140px;}
#good_tiyatir img{border-radius: 10px;}

#good_left{width: 52%;}
#good_left .li{width: 100%;height: 85px;}
#good_left .li img{width: 100%;height: 100%;border-radius: 10px;}
#good_left .li:nth-child(1){margin-bottom: 10px;}
/** member **/
#member_head{height: 215px;background-size: cover;background-position: 50% 50%;width: 100%;display: inline-block;position: relative;}
#member_head .member_hd{height: 215px;text-align: center;backdrop-filter: blur(7px);display: flow-root;position: relative;z-index: 1;}
#member_head .member_hd .avatar_nickname{margin-top: 40px;overflow: hidden;}
#member_head .member_hd .avatar_nickname img{width: 75px;border-radius: 50%;border: 5px solid rgb(255 255 255 / 38%);height: 75px;}
#member_head .member_hd .avatar_nickname h4{color:#fff;padding-top: 15px;}
#member_head .member_hd .avatar_nickname h4 font{background:#03A9F4;border-radius: 5px;font-size: 12px;margin-left: 5px;padding: 3px 5px;}
#member_head .vip_times{position:absolute;background: #03A9F4;bottom: 25px;margin: 0 auto;width: 30vw;z-index: 1;left: 0;text-align: center;border-radius: 25px;padding: 4px 9px;right: 0;color: #fff;}
.member_menu{overflow:hidden;display:flex;border-top-left-radius: 15px;border-top-right-radius: 15px;top: -10px;position: relative;background: #ffffff;z-index: 2;flex-direction: row-reverse;padding: 10px 0 50px  0;}
.member_menu a{display: flex;flex-flow: column;align-items: center;font-size: 12px;}
.member_menu a i{width:40px;text-align: center;line-height: 35px;font-size: 24px;margin-bottom: 5px;}
.member_menu a span{width:80%;line-height: 55px;}
.member_historys{margin-top: -40px;background: #ffffff;position: relative;z-index: 9;border-top-left-radius: 15px;border-top-right-radius: 15px;padding-top: 10px;box-shadow: 1px -6px 7px #e8e8e8;}
.histor_mem{position: relative;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;overflow-x: scroll;overflow-y: hidden;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;direction: rtl;margin: 0 10px;}
.histor_mem .his_li{margin-left: 10px;}
.histor_mem .his_li img{width: 110px;height: 140px;border-radius: 5px;}
.histor_mem .his_li p{font-size: 12px;height: 29px;line-height: 40px;}
/******player*****/
.play_info{direction: rtl;padding: 10px;position:relative;}
.play_info img{width:90px;border-radius: 5px;height: 115px;}
.play_info .pinfo{width: 70%;margin-right: 3%;}
.play_info .pinfo h3{color: #484848;height: 40px;line-height: 40px;}
.play_info .pinfo h6{color:red;font-size: 12px;color: #f5f5f5;height: 35px;line-height: 35px;}
.play_info .pinfo h6 a{background-color: #03A9F4;padding: 5px 14px;border-radius: 5px;position:relative;color: #fff;}
.play_info .pinfo h6 i{margin: 0 3px;font-size: 14px;}
.play_info .pinfo h6 a:nth-child(2)::after{content:'';position: absolute;background: #ffffff;width: 10px;height: 10px;display: block;border-radius: 50%;top: 8px;left: -7px;z-index: 1;}
.play_info .pinfo h6 a:nth-child(2)::before{content:'';position: absolute;background: #ffffff;width: 10px;height: 10px;display: block;border-radius: 50%;top: 8px;right: -6px;}
.play_info .pinfo h6 a.a2:nth-child(2)::after{display:none}
.play_info .pl_left{position:absolute;left: 10px;top: 0;width: 60px;}
.play_info .pl_left .col{margin-top: 10px;text-align: center;}
.play_info .pl_left .col.active{background: #03A9F4;border-radius: 5px;}
.play_info .pl_left .col i{font-size: 24px;color: #565656;}
.play_info .pl_left .col p{width:100%;font-size: 12px;}
.qisim{display:flex;direction: rtl;}
.qisim a{width: 18%;text-align: center;height: 12vw;line-height: 12vw;margin: 1%;border-radius: 5px;background: #f1f1f1;color: #000;}
.qisim a.cur{background: #03A9F4;color: #fff;}
.qisim a span{color: #000000;transform: rotate(-271deg);display: block;font-size: 30px;}
.qisimtit{font-size: 12px;direction: rtl;padding-bottom: 10px;}
.qisimtit p{height:40px;line-height:40px}
.qisimtit p::after{content:"";width: 4px;height: 17px;background: #03A9F4;display: block;float: right;margin-left: 7px;border-radius: 7px;direction: rtl;margin-top: 10px;}
.qisimtit p font{font-size:16px}
.pl_vip{height:250px;background-size: 100% 100%;width: 100%;}
.pl_vip .vip_conts{height:250px;backdrop-filter: blur(7px);position: relative;overflow: hidden;display: inline-block;width: 100%;display: inline-block;}
.pl_vip .vip_conts h6{width: 94%;text-align: center;font-size: 14px;background: #03A9F4;margin: 3%;border-radius: 5px;padding: 10px 0;margin-top: 70px;display: inline-block;color: #fff;}
.pl_vip .pay_money{display:flex;margin: 3%;}
.pl_vip .pay_money a{width:50%;height: 60px;line-height: 60px;direction: rtl;text-align: center;background: #fa1f41;border-radius: 5px;color: #fff;}
.pl_vip .pay_money a:nth-child(1){
    /*background: #03A9F4;margin-right: 3%;*/
    width:100%;
    
}
.pl_vip .pay_money a span font{font-size: 12px;padding-left: 5px;}
.pl_vip .pay_money a span{background:#fff;padding: 5px 10px;border-radius: 5px;color: #03A9F4;margin-right: 5px;}
/*** search ***/
#search{margin: 10px;display: flex;overflow: hidden;margin-top: 0;padding-top: 10px;}
#search .back{width: 30px;height: 30px;line-height: 30px;text-align: center;margin-top: 3px;}
#search .searchs{width:90%;position: relative;border-radius: 5px;overflow: hidden;}
#search .searchs input{width:100%;background: #ffffff;height: 36px;line-height: 36px;text-align: center;border-radius: 5px;color: #525252;font-size: 14px;border: 1px solid #eee;}
#search .searchs button{background: #03a9f4;position: absolute;color: #fff;border: 0;right: 0;width: 35px;height: 35px;line-height: 35px;}

/*****viplist****/

#viplist{position:fixed;background: rgb(0 0 0 / 15%);left: 0;right: 0;bottom: 0;top: 0;z-index: 9999999999;display:none}
#viplist .viplist{position:absolute;bottom:0;right: 0;left: 0;height: auto;background: #ffffff;border-top-left-radius: 160vw 50px;border-top-right-radius: 160vw 50px;padding-top: 15px;padding-bottom: 40px;z-index: 99;}
#viplist .viplist .vip_li{display:flex;width: 100%;flex-direction: column;flex-wrap: wrap;}
#viplist .viplist .vip_li .l_i{width: 94%;margin: 0 3%;margin-top: 15px;background: #ffffff;overflow: hidden;border-radius: 8px;display: flex;padding: 3%;flex-direction: row-reverse;flex-wrap: wrap;position: relative;box-shadow: 0px -5px 7px #eaeaea;}
#viplist .viplist .vip_li .l_i h6{width: 20vw;font-size: 14px;font-weight: 100;text-align: center;padding: 7px 0;background: #03A9F4;height: 20vw;line-height: 18vw;border-radius: 5px;color: #fff;}
#viplist .viplist .vip_li .l_i p{font-size:30px;padding-top: 15px;width: 50vw;padding-right: 5vw;color: #444;text-align: right;}
#viplist .viplist .vip_li .l_i p font{font-size:12px;padding-left: 3px;}
#viplist .viplist .vip_li .l_i span{font-size:14px;width: 13vw;text-align: center;display: block;height: 30px;line-height: 30px;color: #fc3d49;position: absolute;left: 20px;top: 64px;}
#viplist .viplist .vip_li .l_i strong{display:block;direction: rtl;font-size: 12px;text-align: center;background: #03A9F4;font-weight: 100;position: absolute;left: 5vw;top: 0;width: 13vw;height: 14vw;color: #fff;line-height: 14vw;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
#viplist .viplist .vip_li .l_i.active{background: #03a9f4;}
#viplist .viplist .vip_li .l_i.active span{background:#fff;border-radius:5px}
#viplist .closed{position:absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 9;}
.search_list{background: #ffffff;padding-top: 10px;text-align: center;padding-bottom: 15px;}
.search_list .s_list{display:flex;margin: 10px;background: #ffffff;direction: rtl;border-radius: 5px;padding: 10px;margin-top: 0;position: relative;box-shadow: 1px -3px 7px #d8d8d8;}
.search_list .s_list img{height: 80px;width: 61px;border-radius: 5px;margin-left: 10px;margin-right: 20px;}
.search_list .s_list .s_content{width:60%}
.search_list .s_list .s_content h4{font-size:14px;height: 40px;line-height: 40px;font-weight: bold;}
.search_list .s_list .s_content h6{font-size: 12px;font-weight: 100;}
.search_list .s_list .s_content i{color: #03A9F4;float: right;direction: rtl;}
.search_list .s_list .s_content i span{float: right;font-size: 12px;line-height: 25px;height: 20px;}
.search_list .s_list .star{position:absolute;left: 24px;top: 40px;color: #dfa90b;}
.search_list .s_list .nums{width: 25px;height: 33px;text-align: center;line-height: 30px;border-top-left-radius: 5px;border-top-right-radius: 5px;color: #5d6683;margin-top: 25px;font-family: 'iconfont';font-size: 12px;position:relative;background: #e4e4e4;}
.search_list .s_list .nums::after{content:"";width: 0;height: 0;border-top: 14px solid transparent;border-right: 14px solid transparent;border-left: 14px solid transparent;border-bottom: 10px solid #ffffff;position: absolute;z-index: 1;top: 11px;left: -1px;}
.search_list .s_list .nums.as0{background-color: #e21e4e;color: #fff;}
.search_list .s_list .nums.as1{background-color: #fd7400;color: #fff;}
.search_list .s_list .nums.as2{background-color: #ffc300;color: #fff;}
/**** history ****/
.his_nav{display:flex;margin: 4vw;border-radius: 25px;overflow: hidden;background: #fff;width: 92vw;flex-wrap: nowrap;flex-direction: row-reverse;border: 1px solid #eee;}
.his_nav a{width: 31vw;text-align: center;height: 35px;line-height: 35px;font-size: 12px;}
.his_nav a.active{background:#03A9F4;color:#fff}
/***end ****/
.footer{position:fixed;width:100vw;height: 15vw;background-color: #FFF;bottom:0;left:0;z-index:1;direction: rtl;box-shadow: 0 -2px 5px #e4e4e4;}
.footer a{display:flex;flex-flow:column;align-items:center}
.footer a i{width: 5.3vw;height: 5.3vw;font-size: 5.3vw;}
.footer a p{font-size:3.2vw;margin-top: 2.6vw;margin-bottom: 0.6vw;}
.footer a.active{color: #03A9F4;}
.bottom_log{position:fixed;bottom: 13vw;left: 0;right: 0;height: 200px;background: url(../img/footer_bg.png) no-repeat center;background-size: 100%;background-position: 16px;}

.vipMsgs{
    background: #d3f1ff;
    margin: 10px;
    border-radius: 5px;
    height: 45px;
    border: 1px solid #99dfff;
    padding: 10px;
    line-height: 23px;
    color: #03A9F4;
}
.vipMsgs .text{
    float: right;
    font-size: 14px;
}
.vipMsgs .textvip{
    background: #03A9F4;
    color: #fff;
    width: 50px;
    float: left;
    text-align: center;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    border-radius: 20px;
}

/* 活動 */
.act_ads{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: rgb(0 0 0 / 21%);
}
.act_ads h2{
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 40px;
}
.act_ads .act_colse{
    position: absolute;
    right: 23px;
    background: #ffffff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #9a9a9a;
    line-height: 37px;
    font-family: 'iconfont';
}
.act_ads .act_center{
    width: 90%;
    overflow: hidden;
    margin: 0 auto;
    background: #effafe;
    border-radius: 8px;
    text-align: center;
    padding: 20px;
    position: relative;
}
.act_ads .act_center img{
    width: 90%;
}
.act_ads .act_center .act_ads_content{
    border-radius: 6px;
    background: #ffffffde;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #eee;
}
.act_ads .act_center .act_start_btn{
    margin-top: 20px;
    background: #2196F3;
    border-radius: 9px;
    height: 50px;
    line-height: 50px;
    color:#fff;
    position: relative
}


.ripple-an-box {
    position: absolute;
    top: 26px;
    right: 104px;
}

.ripple-an-box .ripple-an {
    width: 0;
    height: 0;
    opacity: 1;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    background-color: #fff;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ripple-an-box .ripple-an.ripple-an-1 {
    -webkit-animation: ripple2 2s infinite;
    -moz-animation: ripple2 2s infinite;
    animation: ripple2 2s infinite
}

.ripple-an-box .ripple-an.ripple-an-1 {
    -webkit-animation: ripple2 2s .66s infinite;
    -moz-animation: ripple2 2s .66s infinite;
    animation: ripple2 2s .66s infinite
}

.ripple-an-box .ripple-an.ripple-an-3 {
    -webkit-animation: ripple2 2s 1.32s infinite;
    -moz-animation: ripple2 2s 1.32s infinite;
    animation: ripple2 2s 1.32s infinite
}

@-webkit-keyframes btnmymove {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-moz-keyframes btnmymove {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }

    50% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    75% {
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes btnmymove {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }

    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    75% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ripple {
    0% {
        opacity: 1;
        -moz-transform: scale(0);
        transform: scale(0)
    }

    20% {
        opacity: 1;
        -moz-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 0;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes ripple2 {
    0% {
        opacity: 1;
        width: 0;
        height: 0
    }

    20% {
        opacity: 1
    }

    100% {
        opacity: 0;
        width: 24px;
        height: 24px
    }
}

@-moz-keyframes ripple2 {
    0% {
        opacity: 1;
        width: 0;
        height: 0
    }

    20% {
        opacity: 1
    }

    100% {
        opacity: 0;
        width: 24px;
        height: 24px
    }
}

@keyframes ripple2 {
    0% {
        opacity: 1;
        width: 0;
        height: 0
    }

    20% {
        opacity: 1
    }

    100% {
        opacity: 0;
        width: 24px;
        height: 24px
    }
}

@-webkit-keyframes rollingLight {
    0% {
        -webkit-transform: translateX(-60%);
        transform: translateX(-60%)
    }

    33% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-moz-keyframes rollingLight {
    0% {
        -moz-transform: translateX(-60%);
        transform: translateX(-60%)
    }

    33% {
        -moz-transform: translateX(0%);
        transform: translateX(0%)
    }

    100% {
        -moz-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes rollingLight {
    0% {
        -webkit-transform: translateX(-60%);
        -moz-transform: translateX(-60%);
        transform: translateX(-60%)
    }

    33% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        transform: translateX(0%)
    }

    100% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes zoom-dragon {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes tBmove {
    0% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    100% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }
}

@-moz-keyframes tBmove {
    0% {
        -moz-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    100% {
        -moz-transform: translateX(3px);
        transform: translateX(3px)
    }
}

@keyframes tBmove {
    0% {
        -webkit-transform: translateX(-3px);
        -moz-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    100% {
        -webkit-transform: translateX(3px);
        -moz-transform: translateX(3px);
        transform: translateX(3px)
    }
}

@-webkit-keyframes load {
    0%,100% {
        height: 100%;
        background: var(--qtd-brand-color-6)
    }

    50% {
        height: 150%;
        margin-top: -20px;
        background: var(--qtd-brand-color-5)
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-moz-keyframes turn {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    100% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}