/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/views/web/common/components/DownloadTooltip/index.vue?vue&type=style&index=0&id=9524133a&prod&lang=less&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.download-tooltip[data-v-9524133a] {
  position: absolute;
  background: #fff;
  top: 50px;
  width: 240px;
  height: 400px;
  border-radius: 5px;
  left: -80px;
  z-index: 1;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}
.download-tooltip ul[data-v-9524133a] {
  margin: 10px 15px;
  list-style-type: none;
  padding: 0;
}
.download-tooltip ul li[data-v-9524133a] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-bottom: 1px solid #E6E8EB;
}
.download-tooltip ul li a[data-v-9524133a] {
  text-decoration: none;
  display: inline-block;
  width: 180px;
  height: 42px;
  line-height: 42px;
  background: #fff;
  border-radius: 4px;
  color: #1D212C;
  text-align: left;
  padding-left: 30px;
}
.download-tooltip ul li a i.icon[data-v-9524133a] {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.download-tooltip ul li a[data-v-9524133a]:hover {
  color: #fff;
  background: #6050ff;
}
.download-tooltip ul li.apk a i.icon[data-v-9524133a] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAA3lBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACpNbQVAAAASXRSTlMAAQIDBAkWGRsdHiAjJicoKSwxMjVNT1BWWWRtbnB0dnp7fn+AgYOEhZWdpKyusrS4wMTIy9DR09TV2d7k5ufo7fHz+Pr7/P3+QX9QkwAAARFJREFUOMvt0ttSglAYhuEfyTLbWKmplRkCJW3V1CL3pMh7/zfUgTNFwOKgyemk94yZZxazZn0iG+3sJf/1cfhWUcLj2TAvO5WL89NtKUzGe+ojT2bDJx9g8TAZH6T8W7/ns1tN7bYeCXWXUUKLb12q3P4SzOwaZU1431VAE2g31rDRBq4UsEekZwWcRuFUAZtWpObPH/moO7JF92LpYo+6hcg1yjqx9DLQC8EVYCZBE1iFIICdBG2Af/jrMACsJGgBQQi6QDUJVoHXECy5nqMlQc3x3FJsbP2oGyhWmasbAdAxjA4QGPWcesE+0BJpAX7q1P8QLoAbkWtgmQr7QE2kBvRTYXEwdzIiGWc+KMqG+wCjMK69+KHkeAAAAABJRU5ErkJggg==) no-repeat center;
  background-size: contain;
}
.download-tooltip ul li.apk a:hover i.icon[data-v-9524133a] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAA3lBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ymXGKAAAASXRSTlMAAQIDBAkWGRsdHiAjJicoKSwxMjVNT1BWWWRtbnB0dnp7fn+AgYOEhZWdpKyusrS4wMTIy9DR09TV2d7k5ufo7fHz+Pr7/P3+QX9QkwAAARFJREFUOMvt0ttSglAYhuEfyTLbWKmplRkCJW3V1CL3pMh7/zfUgTNFwOKgyemk94yZZxazZn0iG+3sJf/1cfhWUcLj2TAvO5WL89NtKUzGe+ojT2bDJx9g8TAZH6T8W7/ns1tN7bYeCXWXUUKLb12q3P4SzOwaZU1431VAE2g31rDRBq4UsEekZwWcRuFUAZtWpObPH/moO7JF92LpYo+6hcg1yjqx9DLQC8EVYCZBE1iFIICdBG2Af/jrMACsJGgBQQi6QDUJVoHXECy5nqMlQc3x3FJsbP2oGyhWmasbAdAxjA4QGPWcesE+0BJpAX7q1P8QLoAbkWtgmQr7QE2kBvRTYXEwdzIiGWc+KMqG+wCjMK69+KHkeAAAAABJRU5ErkJggg==) no-repeat center;
  background-size: contain;
}
.download-tooltip ul li.ios a i.icon[data-v-9524133a] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAACxElEQVRYR83YW8iOWRTA8d9HjYxTI5NcEHIxGUXiZq7IYYzkHC6mcaMoMhdzh6kZcU0OUXPhgklEJiUNM5JEDjPTTE1yiKTmAnODyWkcWrW/en3f+7zP4fPwrtu199r/vfbaa6+1O7S5dLQ5n3cBOAHz8DlW448yTqkTsC9246sGoHH4ux0AA+4XfNYA8whD8LQdAA9gSReQg1haBi7G1nHEM/FzF5BniOO93g6AP6VL0cjyNbaVhavLgw8wIMG8xPfYWAWuDsD+eJhgzmE9TleFqwo4EB/jQ1xFxFenREwvSKkkdJ1rfIpB6I0ruFcUuugliXFxA1diSoPxJ/gNR7EP/yRdpJkvsDAl6EgvnfIKf2IPduF5K9gigIOxF7Nzdh3xdgf/YQw+KOCl8PJyXMgamwc4DGcxusBiVYfEpZqOS80MtALshzOYWHXlgvPiyL/BlrKAm9ItLLhOpWH/YxkOlz3iuKW3EF6sUyJHflflkqzAD3WSpRQVz194MVOyYvAQFtUM+C0ijFpKFmDUbGPzJvdQPx5/5dnIAmx8T/NsVNUPxd28ye8TMAqKKGIrHfFNjMqb3EP9ZFzOs5Hlwcjqk/Im91C/FtvzbGQBHsesvMk91N/AJ3hRJc1sRVTBdcsa7KwC2KyvqAM2kvR8HMsynnXEffDvO3jqgusxNqSepdur0qqaadb81OHFTpsnESf3hrQCDNcfqZOoi+2mT19ewXoRka/qlkjYI1NYFfZgDJyBE3XTpRjc3GydPA/GnFOYWiPk7ZQPowHrJkUAw/W/46OaIBdXqai7ssxJrWWRDZXZR3yHtHwQyiwYMbKuzOo5Y6Mhm1a1om5mO34FfmzxhXYNv6bmPWq9+BvM6gjPYy7u5224jAfDVi+sSl+5w1NjFc9U/BI0+1qLfvrL5KkRKY3sx46iH5llAfM2/Nb1bQ/4GrUVcSmSQvSDAAAAAElFTkSuQmCC) no-repeat center;
  background-size: contain;
}
.download-tooltip ul li.ios a:hover i.icon[data-v-9524133a] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAABRFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98CHTaAAAAa3RSTlMAAQIDBAUGBwgJCwwOEhMUFRYZGiAiIyUnKywtLjAxNDU3Oz5ARUZLTFBSU1hkamttbnFyc3Z7fH5/gISFhpCRk5ahpKiprLC1t7q+v8HExcbKy8zNz9HV2Nnb3d7f4Ovu8fLz9Pb3+fv9/k3NymQAAAEeSURBVBgZvcHnN4JhHAbgO0WSkZm9hbKyyp7JSiHKCm/RuP//79LhnOfR+/N+4rrwfwbWEoOw5ton2QNLrjjJrBOWIiyLwJKPZXkvLEVZFoQ1gyyGYc1Nxsfxm8auvjoANn83YOsdHfPAjG3mnOT7xUo74PIfPJMs3QRr8VPTMb8UM6k8v6VHoGt7oLnXYagakhSUFqHaoKAQgMqTo2AdmlkK0g5ojigIQZeioB86g4JW6AwK3NA9UjAE3RUFC9CdUHBvh2abknlofJQUJqFy5ih5W3JAEaXsFIppykJQXVKSbYZqgpJV6M5oLlMPXccLTQXw01SJJnZQbZPVYg5Usx+y4m4vtJtkRaIFZmrmUsbtlhefOsOxp+tlJ/7QB3w0HMbtRW1UAAAAAElFTkSuQmCC) no-repeat center;
  background-size: contain;
}
.download-tooltip ul li.android a i.icon[data-v-9524133a] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAADEUlEQVRYR9XY2+tUVRjG8Y8d/4bAC/HOP6MsLTx1UlO8CiOq26QMKaGirtWU8kLNPKVBkOllRaFkaqkd7ABRWmppeawED/HEmpg282v2jLOnad0Mw+y93u+8a73PexhnxNe4EeczFuDNWIbxeAvrceG/+DNVwPtwAN/gJryB6fgJL2IlLg4TtAr4ASbgVnxdILdhRoH6Hk8Xj14ZBmgV8EfcgnwG8qsCuRUz24A+xZN4u2nIKuAlXF+MHiuQX+JGBHJWBeh9PIHdTYFWAa9WDB0vkIcL5Ou4uwPMm3gKXwwatBtg7AXytmI8ntyMezuAXMYaLMUPgwKtAxhbJwrk57ihQCbiO63fi0Ql6k9fK2hdwNiJ1MSTnxXITbj/XwB+xQtYjj/6Be0FMDZ+xmQcKpAbMbuL8aN4BuuQa9DT6hUwm58skAcL5GuYW8Nqrsfj2Fnj2b8f6QcwL58qkMk6kaVAPtDF8G8lK70zDMAW5O34pEAmX88bw3jgpuHd8nvuZTLWYkT0x1z9erC14S8I5McF8lXMr1irwq3AY+WZpMu8k/R5pBPltQJmz0TrHdhXINdiQTGWCiiee698fwmPdgCJND1XCpJ/5PhBAMZe9C6Qe3EdAhkxb8HFTjzXCa6ddzvuQVLuX2tQgC3IKfioQE4qmhkb8dwjNYPj2XLkAwfMhmcwFR+2OaAXuLz2LSY24cHseR53IXVlVo57NR6s6b089l2J8IF78BzuxK4OR/wKFtaEfB5LBu3BswUudeFYQfIyHuoC2UiQtN+7ZJWqzKSniUAnWFbh4WHKTOQlQbGnplBXI7pRoY5AR1aiffFc3VQXyFaqS1/TSKoLXFLc/lEsFtrzb6rrXsqtRdhRM5r7kpn2MitwGzCni8EUrOlTEjyNFqzVQrVOyZ++JCOUxkv+lPrpR3Kh6zRNCYL0I0NpmtqbpW5tZ44x/cfQ2s5qT7yllEPVaze0xr06+sixtqYKIzH6aB8eBS5zmYzhOg2P0k8kdza6/nfjt5EfYLaOK8caqRi5EXCj96mfzUd+yv8nsXXwKceEjwMAAAAASUVORK5CYII=) no-repeat center;
  background-size: contain;
}
.download-tooltip ul li.android a:hover i.icon[data-v-9524133a] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAADKElEQVRYR9WYR4tUQRSFv2P8DYILcefPMCvmHHAliqhbxYCooDKujagLw5gDCKalI4pizlkQc84Z1JIj1dI+3ky/7unXtrWZxdSr+/WtuucGUedLdc5HKmAIoSOwDOgM7AMaJX36Fz/mL8AQwgjgoqQ7IYQOwB5gIPAcWAqskvStlqBJwGNAF6C7pNsRcjcwKELdB+ZHj/6sBWgS8DHQCfBfQ96KkLuAwUVAV4DZkg7kDZkE/A60jUafRMibIYT2gCGHJICOArMkncgLNAkYEoaeRsgbEXInMDQFZi8wV9L1aoOWArQ9Q/aw8Qi5HRieAvIDWA8slPSoWqBZAG3rWYS8FkJoBxjSEZ+2vkSJWirpbWtBswLajqXGnrwaIbcBI1sAeAM0AMslfa0UtBxA23gB9JR0OUJuBUaVMP4QWABslORnUNYqF9CHv4yQlyLkZmBMBqvXgBmSDmXY+2dLJYD++FWEvBhCsCwZcmwJw5+dlSQdrgVgAbKXpAsRshEY14xxww2Q1OT/hxCWx4w1R5JFv9lVqQcLB74GDHk+Qm4CxiesJeFWANPjHqdLfzNf0oM0ytYC+kxHa29JZyPkBmBCNOYKyJ47Ej23EpiWAmJpWuyCRNJfOb4agLZnvTPkmRBCG8CQFvPfcCEE27Hn0uCKefcDwyQ55f5e1QIsQPaRdDpCdouaaRv23NSMwbFIkiumqgP6wHdAX0kn45WWC+fP7krqmhfgR6C/JNeVjlZf9zpgYkbveds9Sa5Jq+7BD0A/ScdTrngtMCkj5BJJ86oN+D7CnWghSNYAk0tA5hIkf95dMzLj7NEUI3k1MKWWMmN5cVCcyiLUEbI4onMVagu0ZcXa53ycKdVFyEKqc1+TS6oznFPcuXosForzr6vrcsqtmZIOZozmimSmuMwy3BZgdAmDLlgXOv3lXbAmC9UsJb+nEctqUfK71Hc/ciVj0+QgaKhV01TcLLmBb6ntdBWzoJZtZ7In3uFyKOXN1axxT44+fK2FqUJdjD6Kh0eG81zGY7i04ZH7CefOXNd/N36r7wFm4a7itVoq6msEnOtjqvDwup/y/wKdhOA4n1T3qAAAAABJRU5ErkJggg==) no-repeat center;
  background-size: contain;
}
.download-tooltip ul .qr[data-v-9524133a] {
  width: 150px;
  height: 150px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIAQMAAACXljzdAAAABlBMVEX///8AAABVwtN+AAABOUlEQVRYw+2XwQ0DMQgEuZfLcKd3Tqcuwy+T3cWKUkAe+8jKQojJAwVjuPjr52oJ7ZYj4sr58EDTg9DcQT2r7zbpNxeCTO82r8xccYO03F4kXytC1pDk6iN6mhFVuw/V+VmqvAtRlyB8TnWJBznqL7QIbZQsSDvNAag3pg9V24JUylkvH+8j/04bUhcwZFlwORZECV6rUo4nKXSMBane5R2Ur8iOsCDq2qrzEL81ci2IcgSsn6jgmSZETx2fFoyyLMjiW5DTJao2nCS3IciXrhYB3kpyE8JwT3Yw7+Oo/S48yGcF0NDg1EXEhSCcuTg06EjbhUiNYZY9Z5BPC9IqzQ47vrZjD6KtU+eqVUW5mxBkSqKZdgq+wojQ8lzrbHZW5MTqI8yGwIjE5yeAHuR85TB9QPhhQ/76rd6pSFgmmFBaJwAAAABJRU5ErkJggg==) no-repeat center;
  background-size: contain;
  margin: 20px auto 10px;
}
.download-tooltip ul .tip[data-v-9524133a] {
  color: #636B82;
  text-align: center;
  font-size: 12px;
}
.download-tooltip.top[data-v-9524133a]::before {
  content: '';
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  width: 0;
  margin: 0 auto;
  border: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
.download-tooltip.right[data-v-9524133a]::before {
  content: '';
  position: absolute;
  bottom: 130px;
  right: -20px;
  height: 0;
  margin: 0 auto;
  border: 10px solid transparent;
  border-left: 10px solid #fff;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/views/web/common/components/Navbar/index.vue?vue&type=style&index=0&id=3eb6696e&prod&lang=less&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.navbar[data-v-3eb6696e] {
  background-color: #F5F7F9;
}
.navbar .container .navbar-header[data-v-3eb6696e] {
  color: #A6B0BD;
}
.navbar .container .navbar-header .navbar-toggle[data-v-3eb6696e] {
  background: #eee;
}
.navbar .container .navbar-header .navbar-toggle .icon-bar[data-v-3eb6696e] {
  background-color: #6050FF;
}
.navbar .container .navbar-header .navbar-brand[data-v-3eb6696e] {
  margin-right: 30px;
}
.navbar .container .navbar-header .navbar-brand .logo[data-v-3eb6696e] {
  width: 106px;
  height: 30px;
  margin-top: -3px;
  display: inline-block;
}
.navbar .container .navbar-collapse .navbar-nav li[data-v-3eb6696e] {
  font-size: 18px;
}
.navbar .container .navbar-collapse .navbar-nav li a[data-v-3eb6696e] {
  font-weight: bold;
  color: #1D212C;
}
.navbar .container .navbar-collapse .navbar-nav li a .app-icon[data-v-3eb6696e],
.navbar .container .navbar-collapse .navbar-nav li a .recharge-icon[data-v-3eb6696e] {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.navbar .container .navbar-collapse .navbar-nav li a .app-icon[data-v-3eb6696e] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAZlBMVEUAAABVVVUqKlUkJEk5OTkqKkAgMDAeLS0kJDEdJzEmJi8gKDAfJy4jIzIhJy4dJC8fIy0gIy4gIi4eISwdIi0dIiwdIS0eIi0dIS0dIS0eISwdISwdIi0eIS0eIS0dIi0eIi0dISxnXBusAAAAIXRSTlMAAwYHCQwQERUaGyAhJCdGSVhZoqatt73AyM/Q09fd4+i8MDhOAAAAuUlEQVQ4y+2TSRaCMBBEQcAwyKDMY/j3v6QLJASFuHJnLbJI/ZdOdb+2rJ0yKTPLJAnSCAD8AQMgPgGh2U7NEO2B20DtKOABTKEOhBNwV0AKMPob4I8A6VYjB+jFCogeINc+YZcArbcAXgtQ2nqKSwXQuABuA1Bd9jlft+po3PdOLO+uar2DXnWb312PurlkU4kPFEyLPwVno4okgIzOh5nMMCemccdFEVs/UCY5lFrTE39b06+AscQTf9cnYrfukHcAAAAASUVORK5CYII=) no-repeat center;
  background-size: contain;
}
.navbar .container .navbar-collapse .navbar-nav li a .recharge-icon[data-v-3eb6696e] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABEVBMVEUAAAD///9VVVVAQEAzMzMzMzMnJzskJDcgMDAdJzEgKDAeJS0iIjAgJi0eJC8jIy4iIi0hJjEfJC8fJC4gJC4eIi8fIy8fIy4eISwdJC8gJC8eIi8fIywgIi4eIy4eIy4eIy0dIiwdIi4fIS8dIi0eIi0eIi0dIS4fJC4dIS4dIS0eIi4fIi0eIS4dIy0dIi0dIiweIi4eIi0eIS0eIi0eISwdIi0dIi0eIS0dIS0dISweIi0eIi0dIS0eIiweIi0eIS0dISweISweIS0eISwdIiwdIiwdIi0eIS0eISweIiwcISsdISwdISwdISwdIiwdICwdIS0dIS0eIiweIiweIi0dIi0cIC0dIS0dISwdISyRO35vAAAAWnRSTlMAAQMEBQoNDhAaICIlKCssLS8xMjg8QUJFRkdMUVleX2ZoaWxyd3h6enuDho6Rk5SVl5iZn6GlrrC3uLu9wcTMztDW3eDh4uPl5ujr7O3u8/T09vj5+vv8/P5XrtvjAAABOklEQVQ4y4WT11ICQRBFr6AoICoiYADBgBFXEMEcEDErJgzn/z/EB1xlaoflPE3VPVPdPUGSpJHsRrli4KymgnIZLr5h4Tr3m0cu6EE1KEnDPXNwJKkIcOUs5g2Wa+8ASWnkDdgLycN4EziQssCVJZfSQDukDbeUQSgSjUbvgCmVgUUzHd25/WtzRRUgb+Tr7a451rzCljGoV8gC8HXZaDQ+bcJgE3icH5Kke5swC3wkOmursAnsykeoAgt+QgUo+AkF4MRPmABY9hF0DLCfTcTj8SerMPbS5yQ199pHUOLMEJz/plwGZraPzuv1+jOwpFWgZntQCrSAmFLA+7hNKAAPAQWvgWbau7/QBkqScgDcHB0anLYAWmH3fux8ZyRJQadH3sq49ZIHbW/8UAp3/4PJ6VmDVCzQSX4APr2sZofc6sEAAAAASUVORK5CYII=) no-repeat center;
  background-size: contain;
}
.navbar .container .navbar-collapse .navbar-nav li a span[data-v-3eb6696e] {
  vertical-align: middle;
}
.navbar .container .navbar-collapse .navbar-nav li a[data-v-3eb6696e]:hover {
  color: #6050FF;
}
.navbar .container .navbar-collapse .navbar-nav li a:hover .app-icon[data-v-3eb6696e] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAZlBMVEUAAACqVf+AVf9tbf9xVf9qVf9wYP9pWv9hVf9iWP9oVf9oWP9kVf9jVf9iVf9iUP9iUP9jUf9hUP9gUP9hUf9hUf9gUf9hUf9hUf9hUP9gUP9hUf9hUf9gUf9hUf9hUf9hUP9gUP/hUlOwAAAAIXRSTlMAAwYHCQwQERUaGyAhJCdGSVhZoqatt73AyM/Q09fd4+i8MDhOAAAAuUlEQVQ4y+2TSRaCMBBEQcAwyKDMY/j3v6QLJASFuHJnLbJI/ZdOdb+2rJ0yKTPLJAnSCAD8AQMgPgGh2U7NEO2B20DtKOABTKEOhBNwV0AKMPob4I8A6VYjB+jFCogeINc+YZcArbcAXgtQ2nqKSwXQuABuA1Bd9jlft+po3PdOLO+uar2DXnWb312PurlkU4kPFEyLPwVno4okgIzOh5nMMCemccdFEVs/UCY5lFrTE39b06+AscQTf9cnYrfukHcAAAAASUVORK5CYII=) no-repeat center;
  background-size: contain;
}
.navbar .container .navbar-collapse .navbar-nav li a:hover .recharge-icon[data-v-3eb6696e] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABCFBMVEUAAAD///+qVf+AgP9mZv9mZv9iYv9tW/9wYP9iWP9oWP9iUv9gU/9mU/9lU/9jUf9gVf9iUf9jU/9hUv9kUv9iUf9iUv9hUf9gUf9iUP9hU/9hUf9iUv9hUP9iUf9hUf9hUP9iUf9hUP9hU/9gUf9gUf9gUf9gUv9hUf9hUv9hUv9hUf9hUf9hUv9gUf9iUP9gUf9hUf9hUP9gUP9hUf9hUP9hUf9hUf9gUf9hUP9hUP9hUf9gUf9gUf9gUP9hUP9hUf9hUf9hUf9hUf9gUP9hUP9hUf9hUP9gUf9hUP9hUP9gUf9hUf9gUP9hUf9gUP9gUf9hUP9gUf9hUf9hUP9gUf9gUP9gUP8iJQqlAAAAV3RSTlMAAQMEBQoNDhAaICIlKCssLS8xMjg8QUJFRkdMUVleX2ZoaWxyd3h6e4OGjpGTlJWXmJmfoaWusLe4u73BxMzO0Nbd4OHi4+Xm6Ovs7e7z9Pb4+fr7/P7f5U1qAAABOElEQVQ4y4WTWzdCURRGP0Uit0QRKSkJR0m5X5LKJUJh/v9/4oFDe5zdaT7tMb65x1prXyRJCqeK5YqBU4gH5TK5946Fdvo3n75lCNWgJE0OzcGRpD2AlpPNGORqPYBlKfwOHIfkYb4JnEopoGXJpQTQD6noljIITUcikUdgSWUga6Yzhw9/bW6rAmSMfKc/MEfBK+wbg3qFFACfd41G49MmjDeB540JSXqyCUngI/aztgq7wJF8hCqw6SdUgLyfkAcu/YQFgJyPoAuAk1QsGo2+WIW51xEnqbW3EYJi14bg/DflMrZ6cH5Tr9dfgS0VgJrtQSnQBWYVB3rzNiEPdAIKtoFmwrs/3wdKktIA3J+fGVx1AbpT7v3Y+VqXJAWdIXl33a23fNr3xp3S1OA/WFxJGsRnAz/JN/odp3vylcm7AAAAAElFTkSuQmCC) no-repeat center;
  background-size: contain;
}
.navbar .container .navbar-collapse .navbar-nav li.active a[data-v-3eb6696e] {
  color: #6647FF;
}
.navbar .container .navbar-collapse .navbar-right li[data-v-3eb6696e] {
  font-size: 1.5rem;
}
.navbar .container .navbar-collapse .navbar-right li:first-child a .dt[data-v-3eb6696e] {
  display: none;
}
.navbar .container .navbar-collapse .navbar-right li:first-child a:hover .dt[data-v-3eb6696e] {
  display: block;
}
.mobile .navbar-toggle[data-v-3eb6696e] {
  float: left;
  margin-left: 15px;
  margin-right: 0;
}
.mobile .navbar-toggle[data-v-3eb6696e]:lang(ar) {
  float: right;
  margin-right: 15px;
  margin-left: 0;
}
.mobile ul.navbar-nav li a[data-v-3eb6696e] {
  font-size: 14px;
}
.mobile .menu[data-v-3eb6696e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobile .menu .head-group[data-v-3eb6696e] {
  list-style-type: none;
  padding: 0;
  float: left;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  height: 50px;
}
.mobile .menu .head-group li a[data-v-3eb6696e] {
  color: #1D212C;
  font-size: 14px;
  text-decoration: none;
}
.mobile .menu .head-group li[data-v-3eb6696e]:first-child {
  margin-right: 30px;
}
.mobile .menu .head-group li[data-v-3eb6696e]:first-child:lang(ar) {
  margin-right: 0;
  margin-left: 30px;
}
.mobile .menu .head-group li.active a[data-v-3eb6696e] {
  color: #6050FF;
}
.mobile .menu .head-group li[data-v-3eb6696e]:after {
  content: '';
  display: block;
  width: 20px;
  height: 3px;
  background: #F5F7F9;
  margin: 4px auto 0;
}
.mobile .menu .head-group li.active[data-v-3eb6696e]:after {
  background: #6050FF;
}
.mobile .menu .head-group li[data-v-3eb6696e]:last-child {
  margin-right: 0;
}
.mobile .menu .recharge[data-v-3eb6696e] {
  flex-basis: 80px;
  font-size: 15px;
  text-align: center;
}
.mobile .menu .recharge a[data-v-3eb6696e] {
  color: #A6B0BD;
}
.languageList[data-v-3eb6696e] {
  width: 100%;
  height: 100%;
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 200;
  display: none;
  list-style: none;
  padding: 10vw 0 0;
}
.languageList li[data-v-3eb6696e] {
  width: 100%;
  height: 10vw;
  line-height: 10vw;
  padding-left: 10vw;
  border-bottom: 1px solid #F1F2F6;
  font-size: 14px;
}
.languageList li[data-v-3eb6696e]:lang(ar) {
  padding-left: 0;
  padding-right: 10vw;
}
.languageList li a[data-v-3eb6696e] {
  color: #000 !important;
  display: block;
  width: 100%;
  height: 100%;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/views/web/live/components/Flv.vue?vue&type=style&index=0&id=559cf939&prod&lang=less&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.flv-box[data-v-559cf939] {
  position: relative;
  height: 100%;
  width: 100%;
}
.flv-box video[data-v-559cf939] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.flv-box .play-button[data-v-559cf939] {
  cursor: pointer;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 6rem;
  height: 6rem;
  margin: auto;
  border-radius: 12rem;
  background: url("//image.micoworld.net/1d44be40d07dc6b8b07c405e7f0be3ff") no-repeat center;
  background-size: contain;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/views/web/live/components/VideoJs.vue?vue&type=style&index=0&id=ed519606&prod&lang=less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.videojs-box {
  width: 100%;
  height: 100%;
}
.videojs-box .video-js {
  width: 100%;
  height: 100%;
}
.videojs-box .video-js video {
  object-fit: cover;
}
.videojs-box .video-js .vjs-big-play-button {
  height: 2em;
  width: 2em;
  line-height: 2em;
  border-radius: 2em;
  margin-left: -1em;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/views/web/live/components/LiveBox.vue?vue&type=style&index=0&id=5c2249d2&prod&lang=less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.live-box {
  position: relative;
  max-height: 672px;
  min-height: 500px;
  height: 70vh;
  background-color: #170809;
  overflow: hidden;
}
.live-box img.cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: blur(10px);
}
.live-box .end {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.live-box .end .avatar {
  width: 120px;
  height: 120px;
  border-radius: 120px;
}
.live-box .end .nickname {
  margin: 20px auto 40px;
  font-size: 2.4rem;
}
.live-box .end .tip {
  font-size: 3.6rem;
  margin: 0;
  padding: 0;
}
.live-box .video-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100%;
  max-width: 414px;
  background-color: #170809;
}
.live-box .video-box .video-js .vjs-poster {
  background-color: transparent;
}
.live-box .video-box .profile {
  position: absolute;
  left: 20px;
  top: 20px;
  height: 40px;
  display: flex;
  justify-content: flex-start;
}
.live-box .video-box .profile .avatar {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  margin-right: 5px;
}
.live-box .video-box .profile .name_id {
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.2);
}
.live-box .video-box .profile .name_id .nickname {
  font-size: 16px;
}
.live-box .video-box .profile .name_id .id {
  font-size: 14px;
}
.live-box .video-box .chat_share {
  position: absolute;
  left: 20px;
  right: 80px;
  bottom: 20px;
  height: 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
}
.live-box .video-box .chat_share .chat {
  height: 100%;
  border-radius: 36px;
  background: rgba(0, 0, 0, 0.3);
  min-width: 160px;
  padding: 0 15px;
  cursor: pointer;
}
.live-box .video-box .chat_share .share {
  width: 36px;
  height: 36px;
  border-radius: 36px;
  cursor: pointer;
}
.live-box .video-box .bubble-box {
  position: absolute;
  right: 20px;
  bottom: 0;
}
.live-box .video-box .bubble-box .like-box {
  position: relative;
  top: -20px;
  width: 36px;
  height: 36px;
  cursor: pointer;
}
.live-box .video-box .bubble-box .like-box img {
  width: 100%;
  height: 100%;
}
@media all and (max-width: 540px) {
.live-box {
    margin: 0 -15px;
}
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/views/web/live/components/List.vue?vue&type=style&index=0&id=c9e38b08&prod&lang=less&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.list-container .row[data-v-c9e38b08] {
  padding: 0 10px;
}
.list-container .row [class^="col"] .row[data-v-c9e38b08]::before {
  content: '';
  display: inline-block;
  padding-top: 100%;
  width: 0;
}
.list-container .row [class^="col"] .row .tile-content[data-v-c9e38b08] {
  position: absolute;
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.list-container .row [class^="col"] .row .tile-content .cover-box[data-v-c9e38b08] {
  position: relative;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
}
.list-container .row [class^="col"] .row .tile-content .cover-box .cover[data-v-c9e38b08] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.list-container .row [class^="col"] .row .tile-content .cover-box .title[data-v-c9e38b08] {
  position: absolute;
  left: 5px;
  bottom: 8px;
  color: #fff;
  font-size: 2.2rem;
  margin: 0;
  padding: 0;
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}
.list-container .row [class^="col"] .row .tile-content .cover-box .shadow[data-v-c9e38b08] {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  border: 0.6rem solid #6050FF;
  box-sizing: border-box;
}
.list-container .row [class^="col"] .row .tile-content .cover-box .shadow .play-icon[data-v-c9e38b08] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 25%;
  height: 10rem;
  border-radius: 10rem;
  background: url("//image.micoworld.net/1d44be40d07dc6b8b07c405e7f0be3ff") no-repeat center;
  background-size: contain;
}
.list-container .row [class^="col"] .row .tile-content .cover-box:hover .shadow[data-v-c9e38b08] {
  display: block;
}
.list-container .row [class^="col"] .row .tile-content .extra[data-v-c9e38b08] {
  height: 30px;
  margin-top: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list-container .row [class^="col"] .row .tile-content .extra .nickname[data-v-c9e38b08] {
  color: #1D212C;
  font-size: 2.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-container .row [class^="col"] .row .tile-content .extra .count[data-v-c9e38b08] {
  color: #636B82;
  font-size: 1.8rem;
  white-space: nowrap;
}
.list-container .row [class^="col"] .row .tile-content .extra .count img[data-v-c9e38b08] {
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
}
.list-container .row [class^="col"] .row .tile-content .extra .count img[data-v-c9e38b08],
.list-container .row [class^="col"] .row .tile-content .extra .count span[data-v-c9e38b08] {
  vertical-align: middle;
}
@media all and (max-width: 540px) {
.list-container .row [class^="col"] .row .tile-content .cover-box .cover[data-v-c9e38b08] {
    border-radius: 8px;
}
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/views/web/live/components/App.vue?vue&type=style&index=0&id=c7439c74&prod&lang=less&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.live-container[data-v-c7439c74] {
  margin-top: 60px;
  margin-bottom: 30px;
}
.live-container h3[data-v-c7439c74] {
  color: #1D212C;
  font-size: 2.4rem;
}
.live-container h3 img[data-v-c7439c74] {
  width: 25px;
  height: 25px;
}

/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./app/views/web/live/css/index.less ***!
  \**********************************************************************************************************************************************************************/
.live-container {
  margin-top: 60px;
  margin-bottom: 30px;
}
.live-container h3 {
  color: #1D212C;
  font-size: 2.4rem;
}
.live-container h3 img {
  width: 25px;
  height: 25px;
}

/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./app/views/web/common/css/index.less ***!
  \************************************************************************************************************************************************************************/
@charset "UTF-8";
html {
  font-size: 62.5%;
}
html:lang(ar) {
  direction: rtl;
}
@media all and (max-width: 1120px) {
  html {
    font-size: 65%;
  }
}
@media all and (max-width: 980px) {
  html {
    font-size: 60%;
  }
}
@media all and (max-width: 768px) {
  html {
    font-size: 55%;
  }
  #fp-nav {
    display: none;
  }
}
@media all and (max-width: 540px) {
  html {
    font-size: 50%;
  }
}
@media all and (max-width: 350px) {
  html {
    font-size: 45%;
  }
}
@media all and (max-width: 320px) {
  html {
    font-size: 40%;
  }
}


/*# sourceMappingURL=live-197d9109.css.map*/