/*通用.开始*/
*{
    margin:0;
    padding:0;
    outline:none;
}
a{
    text-decoration: none;
    color:#fff;
}
html,body{
    font-family: coin,Arial,PingFangSC-Regular,'Microsoft YaHei',sans-serif !important;
}
.float-left{
    float:left;
}
.float-right{
    float:left;
}
.wrapper{
    max-width:1248px;
    padding-left: 24px;
    padding-right: 24px;
    margin:0 auto;
}
span.peity{
    display:none;
}
svg.peity{
	transform-origin:0 0;
}
.app .coin-content{
    display:none;
}
.app .lang-content{
    display:none;
}
/*通用.结束*/

/*字体.开始*/
@font-face {
    font-family: 'audiowide';
    font-style: normal;
    font-weight: 400;
    src: local('Audiowide'), local('Audiowide-Regular'), url('/static/fonts/audiowide.woff') format('woff');
}
/*字体.结束*/

/*动画.开始*/
@keyframes coin-turn{
    0%{
      transform: rotateY(-180deg);
    }
    100%{
      transform: rotateY(180deg);
    }
}
@keyframes up2down {
    0% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
    50% {
      -webkit-transform: translateY(10px);
      transform: translateY(10px);
    }
    100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
}
  @keyframes up2down2 {
    0% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
    50% {
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px);
    }
    100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
}
@keyframes shake-shake {
    0% { transform: translateX(-3px);}
    20% { transform: translateX(3px); }
    40% { transform: translateX(-3px);}
    60% { transform: translateX(3px);}  
    80% { transform: translateX(-3px);}
    100% { transform: translateX(0px);}
}
@keyframes shake-shake2 {
    0% { transform: translateX(-3px);}
    20% { transform: translateX(3px); }
    40% { transform: translateX(-3px);}
    60% { transform: translateX(3px);}  
    80% { transform: translateX(-3px);}
    100% { transform: translateX(0px);}
}
@keyframes go_arrow_mov{
    0%{opacity:1}
    70%{opacity:.8}
    100%{opacity:0}
}
/*动画.结束*/

/*修复.开始*/
.pure-g [class*=pure-u] {
    font-family: coin,Arial,PingFangSC-Regular,'Microsoft YaHei',sans-serif;
}
.page-index .getsearch-input input.input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px white inset;
}
.page-shops .shops-nav .navs .search input.shop-search-input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px white inset;
}
.page-users .users .users-box .info-box .row .value .input:-webkit-autofill{
    box-shadow: 0 0 0px 1000px white inset;
}
/*jconfirm修复.开始*/
.jconfirm-logo{
    position: absolute;
    left: 25px;
    border: 1px solid #ccc;
    width: 65px;
    top: 25px;
    border-radius: 5px;
    overflow: hidden;
}
.jconfirm-url{
    color:#555;
    padding-left:80px;
    user-select: none;
}
.jconfirm-coins{
    color:#555;
    float:right;
    font-size: 12px;
}
.jconfirm-title-c.shops-confirm-title{
    padding-left:80px;
}
.jconfirm-capture{
    background-size:cover;
    background-position: center center;
    display:flex;
    height:320px;
    margin-top:12px;
    position: relative;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.jconfirm-capture:before{
    content:'';
    background-color:rgba(0,0,0,0.5);
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    z-index:1;
}
.jconfirm-capture .jconfirm-rate{
    z-index:2;
    background-color: #fff;
    padding: 10px 30px;
    border: 1px solid #eee;
    border-radius: 20px;
    color: green;
    font-weight:bold;
    font-size:18px;
    margin-bottom: 25px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 2%), 0 12px 22px -4px rgb(0 0 0 / 30%);
}
.jconfirm-capture .jconfirm-rate span{
    font-size: 14px;
    font-weight: normal;
}
.jconfirm-capture .jconfirm-email{
    z-index:2;
    height: 48px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    padding: 0 8px;
    background-color: #fff;
    width:80%;
    box-shadow: 0 1px 3px rgb(0 0 0 / 2%), 0 12px 22px -4px rgb(0 0 0 / 30%);
}
.jconfirm-capture .jconfirm-email .jconfirm-email-input{
    color: #177e5d;
    font-size: 16px;
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    background: none;
}
.jconfirm-buttons .btn-account{
    float:left;
    text-transform: none !important;
    font-size:12px !important;
    color:#333;
}
.jconfirm-buttons .btn-account strong{
    color:#333;
    font-weight:bold;
    padding:0 2px;
}
.jconfirm-buttons .btn-url{
    text-transform: none !important;;
}
.jconfirm-content .notice-a{
    color:#000;
    font-weight:bold;
}
.jconfirm-content .coinout-box{
    border-top: 1px solid #ddd;
    padding: 26px 0;
    font-size:16px;
    display:flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.jconfirm-content .coinout-box .name{
    display:flex;
    align-items: center;
    justify-content: flex-end;
    height:42px;
}
.jconfirm-content .coinout-box .name.bold,.jconfirm-content .coinout-box .num.bold{
    font-weight:bold;
}
.jconfirm-content .coinout-box .num,.jconfirm-content .coinout-box .address{
    display:flex;
    align-items: center;
    justify-content: flex-start;
    height:42px;
}
.jconfirm-content .coinout-box .address .address-box{
    border:1px solid #ddd;
    width: 100%;
    padding: 5px;
}
.jconfirm-content .coinout-box .address input{
    border:0;
    background-color:transparent;
    width:100%;
    font-size:14px;
}
.jconfirm-content .coinout-box .info{
    font-size:12px;
    color:#333;
    background-color: #f9f9f9;
    padding: 10px 5px;
    line-height: 1.6em;
    border-radius: 5px;
    margin-top: 10px;
}
.jconfirm-content .coinout-box .col:last-child{
    flex:1;
}

.jconfirm-content .lang-box{
    border-top:1px solid #ddd;
}
.jconfirm-content .lang-box .desc{
    color:#333;
    font-size:16px;
    padding:26px 0;
}
.jconfirm-content .lang-box .lists{
	display: flex;
    justify-content: space-between;
}
.jconfirm-content .lang-box a{
    padding: 5px 18px;
    border-radius: 5px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%);
	margin-bottom:18px;
	border: 1px solid #1d9d74;
    background-color: #ffffff;
    color: #177e5d;
}
.jconfirm-content .lang-box a:hover{
	background-color: #e5f7f3;
}
.jconfirm-content .lang-box a.c{
	border: 1px solid #198764;
	background-color: #1d9d74;
	color:#fff;
}

.jconfirm-content .coin-box{
    border-top:1px solid #ddd;
}
.jconfirm-content .coin-box .desc{
    color:#333;
    font-size:16px;
    padding:26px 0;
}
.jconfirm-content .coin-box a{
    padding: 5px 0;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%);
	margin-bottom:12px;
	border: 1px solid #1d9d74;
    background-color: #ffffff;
    color: #177e5d;
	width:22.5%;
}
.jconfirm-content .coin-box .coin-lists{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.jconfirm-content .coin-box a .logo{
	width:28px;
	display:block;
}
.jconfirm-content .coin-box a:hover{
	background-color: #e5f7f3;
}
.jconfirm-content .coin-box a.c{
	border: 1px solid #198764;
	background-color: #1d9d74;
	color:#fff;
}
.jconfirm-content .coin-box a.c .logo{
	background-color: #fff;
    border-radius: 5px;
}
.jconfirm-content .coin-box .logo{
	margin-right:2px;
}
/*jconfirm修复.结束*/
/*修复.结束/*


/*通用.开始*/

/*通用.顶部*/
.app .top{
    background:linear-gradient(to right,#333 0%,#000 100%);
    border-bottom: 1px solid #555;
    color:#fff;
    text-align:center;padding:5px;
    position: relative;
}
.app .top .link{
    font-weight: bold;
    color: #fff;
}
.app .top .link:hover{
    text-decoration: underline;
}
.app .top .close{
    position: absolute;
    right: 30px;
    top: 5px;
    color: #fff;
}
.app .top .close:hover{
    color: #ccc;
}

/*通用.头部*/
.app .header{
    background-color: #333;
    background-image:url('/static/images/top-bg.dark.svg');
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    overflow:hidden;
}
.app .header .header-box{
    display:flex;
    display: flex;
    justify-content: space-between;
    margin:0 auto;
}
.app .header .logo{
    display:flex;
    align-items: center;
    margin:5px 0;
}
.app .header .logo .title{
    padding-left:5px;
    padding:5px;
}
.app .header .logo .title h3{
    font-size: 30px;
    font-weight: bold;
    color: #15b582;
    font-family: audiowide;
    text-shadow: 2px 1px 0 #111, 4px 3px 0 rgba(14,72,54,0.8);
}
.app .header .logo .title .desc{
    font-size: 14px;
    color:#1eb582;
    padding-left:5px;
}
.app .header .logo .title .desc.ms-MY{
    display:none;
}
.app .header .navs{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.app .header .navs .nav{
    border-bottom:4px solid transparent;
    height:calc(100% - 4px);
    display: flex;
    align-items: center;
    padding:0 8px;
    color:#fff;
    font-size:16px;
}
.app .header .navs .nav:last-child{
    margin-right:0;
}
.app .header .navs .nav.c{
    border-bottom-color:#fff;
    background:linear-gradient(to bottom,#1fa67a 0%,#22b385 100%);
    background:rgba(0,0,0,0.1);
}
.app .header .navs .nav:hover{
    background:#24b183;
    background:transparent;
    background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
    border-bottom-color:#fff;
}
.app .header .navs .nav.c:hover{
    background:rgba(0,0,0,0.1);
}

.app .header .user{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.app .header .user a{
    height:100%;
    display: flex;
    align-items: center;
    padding:0 8px;
    color:#fff;
    font-size:14px;
    border-bottom:4px solid transparent;
}
.app .header .user a.c{
    border-bottom-color: #fff;
    background-color: rgba(0,0,0,0.1);
}
.app .header .user a.btn-login{
    font-weight:bold;
    letter-spacing: 1px;
}
.app .header .user a.btn-register{
    height: auto;
    background: linear-gradient(to right,#2ecc71 0%,#008522 100%);
    color: #fff;
    border: 1px solid #094834;
    border-radius: 10px;
    padding: 3px 8px;
    margin-top: -4px;
}
.app .header .user a.lang{
    margin-left:10px;
}
.app .header .user a i.fa-address-card-o{
    color:#1fa67a;
}
.app .header .user span{
    color:#f0f0f0;
}
.app .header .user .user-email span{
    max-width:100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.app .header .logo .coins{
    display: block;
    width: 72px; 
    height: 72px;
    transform-style: preserve-3d;
    animation:coin-turn 3s infinite;
    margin:auto;
    display:none;
}
.app .header .logo .coins .coin{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    background: radial-gradient(#583606,#5d3706,#5b3d1b);
    border-radius: 50%;
}
.app .header .logo .coins .coin-1 {
    transform: translateZ(0px);
    background-image:url('/static/images/logo.coin1-8.png');
    background-size:cover;
}
.app .header .logo .coins .coin-2 {
    transform: translateZ(-1px);
}
.app .header .logo .coins .coin-3  {
    transform: translateZ(-2px);
}
.app .header .logo .coins .coin-4  {
    transform: translateZ(-3px);
}
.app .header .logo .coins .coin-5  {
    transform: translateZ(-4px);
}
.app .header .logo .coins .coin-6  {
    transform: translateZ(-5px);
}
.app .header .logo .coins .coin-7  {
    transform: translateZ(-6px);
}
.app .header .logo .coins .coin-8  {
    transform: translateZ(-7px);
}
.app .header .logo .coins .coin-9 {
    transform: translateZ(-8px);
    background-image:url('/static/images/logo.coin3-8.png');
    background-size:cover;
}

.app .footer{
    background-image: linear-gradient(90deg, #333 0%, #000 100%);
    color:#fff;
}
.app .footer .support{
    padding:32px 0;
}
.app .footer .support .support-box{
    display:flex;
    justify-content:center;
    align-items:center;
}
.app .footer .support h4{
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
}
.app .footer .support .email{
    display: inline-block;
    font-size: 50px;
    font-weight: bold;;
    border-left: 1px solid rgba(255, 255, 255, 0.24);
    margin-left:32px;
    padding-left:32px;
}
.app .footer .footer-box{
    padding:20px 0;
    border-top: 1px solid #555;
    background-color: #000;
}
.app .footer .footer-box .logo{
    color:#fff;
    font-weight:bold;
    font-size:26px;
    font-family: audiowide;
}
.app .footer .footer-box .plan a{
    color:#fff;
    display:block;
    margin-bottom:8px;
    font-size:16px;
}
.app .footer .footer-box .plan a:hover{
    text-decoration: underline;
}
.app .footer .footer-box .at{
    border-top:1px solid #333;
    padding-top:10px;
    padding-bottom:10px;
    text-align:left;
    font-size:12px;
}
.app .footer .footer-box .lang{
    text-align:right;
}
.app .footer .lang a,.app .footer .lang a:hover{
    text-decoration: none;
}
.app .footer .lang .lang-btn{
    border: 1px solid #fff;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:8px 0;
}
.app .footer .lang .lang-btn:after{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    top: 12px;
    right: 12px;
    position: absolute;
    transform: rotate(-46deg);
}
.app .footer .lang .lang-btn:hover{
    background-color:rgba(255,255,255,0.2);
}
.app .footer .theme{
    margin-top:10px;
}
.app .footer .theme .theme-btn{
    width: 32px;
    height: 32px;
    display: flex;
    border-radius: 5px;
    border: 1px solid #999;
    /*margin-left:10px;*/
    justify-content: center;
}
.app .footer .theme .theme-btn:hover{
    border:1px solid #fff;
}
.app .footer .theme .theme-green{
    margin-top:10px;
    background-color: green;
    overflow:hidden;
    position: relative;
}
.app .footer .theme .theme-dark{
    margin-top:10px;
    background-color: #555;
    overflow:hidden;
}
.app .footer .theme .theme-btn:before{
    content:'';
    width:64px;
    height:64px;
    border-radius:50%;
    background-color: rgba(0,0,0,0.2);
    display: block;
    position: absolute;
}
.app .footer .theme .theme-btn:hover:before{
    background-color: rgba(0,0,0,0.4);
}

/*首页内容*/
/*banner*/
.page-index .banner{
	background:#111316 url('/static/images/banner-bg2.png') no-repeat center center;
	height:260px;
	overflow:hidden;
	background-size: auto 100%;
}
.page-index .banner .banner-box{
    height:100%;
    align-items: center;
    justify-content: center;
    display:flex;
}
.page-index .banner .bit{
    height:100%;
    position: relative;
}
.page-index .banner .bit .banner-travel{
	height: 100%;
    margin-top: 10px;
    display: block;
    position: absolute;
    right: 0;
    animation: up2down 3s linear infinite;
}
.page-index .banner .bit .banner-btc{
	position: absolute;
    width: 50px;
    right: 80px;
    bottom: 0;
    animation: up2down2 3s linear infinite;
}
.page-index .banner .card-box{
    height:200px;
}
.page-index .banner .card-box .card{
	padding:20px;
	box-shadow:0 10px 20px -10px #175d47;
	height:calc(100% - 40px);
	background:#333 url('/static/images/card-bg.dark.svg') no-repeat center center;
	background-size:cover;
	border-radius:10px;
	overflow:hidden;
	color:#f9f9f9;
	display:flex;
	flex-direction:column;
	justify-content: space-between;
	border:1px solid #ccc;
}
.page-index .banner .card-box .card:hover{
	animation:none;
}
.page-index .banner .card-box .card .card-logo{
	font-size:16px;
	font-family: audiowide;
}
.page-index .banner .card-box .card .card-history{
    text-align:right;
}
.page-index .banner .card-box .card .card-cashout{
    text-align:right;
}
.page-index .banner .card-box .card .card-poins{
    color:#1fa67a;
}
.page-index .banner .card-box .card .card-poins h4{
    font-weight:bold;font-size:26px;
}
.page-index .banner .card-box .card .card-crypto{
	color:#1fa67a;
	display: flex;
    justify-content: center;
    flex-direction: column;
}
.page-index .banner .card-box .card .card-crypto .crypto{
	padding: 5px 0;
}
.page-index .banner .card-box .card .card-crypto .num{
    padding-left:5px;
}
.page-index .banner .card-box .card .card-cashout a{
	font-size:14px;
	padding:4px 8px;
	border-radius:5px;
	overflow:hidden;
	background-color: #eee;
    border: 1px solid #000;
    color: #333;
}
.page-index .banner .card-box .card .card-cashout a:hover{
    background-color: #999;
    color: #fff;
    border: 1px solid #fff;
}
.page-index .banner .card-box .card .need{
	cursor: pointer;
	color: #fbbc02;
}
.page-index .banner .getstart .getstart-box{margin-top:20px;}
.page-index .banner .getstart .title{
	font-size: 48px;
    color: #fff;
    text-shadow: 2px 1px 0 #000, 5px 4px 0 rgb(5 49 35);
    white-space: nowrap;
}
.page-index .banner .getstart .title.ms-MY{
    font-size: 30px;
}
.page-index .banner .getstart .title.en{
    font-size: 38px;
}
.page-index .banner .getstart .title .coin{
    color:#fff;
    font-weight:bold;
}
.page-index .banner .getstart .desc{
    font-size:18px;
    color:#ddd;
    text-shadow: 0 1px 0 rgb(0 0 0 / 15%);
    border-left:2px solid #999;
    padding-left:10px;
    line-height: 1.6em;
    margin-top:10px;
}
.page-index .banner .getstart .getsearch-box{
    margin-top:20px;
}
.page-index .banner .getstart .getsearch-box .getsearch-input{
	height: 48px;
    position: relative;
    border: 1px solid #1fa67a;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
}
.page-index .banner .getstart .getsearch-box .getsearch-input.error{
	animation: shake-shake 0.4s ease-in-out;
}
.page-index .banner .getstart .getsearch-box .getsearch-input.error2{
	animation: shake-shake2 0.4s ease-in-out;
}
.page-index .banner .getstart .getsearch-box .getsearch-input .input{
	color: #177e5d;
    font-size: 16px;
    width: calc(100% - 8px - 60px);
    height: 100%;
    outline: none;
    border: none;
    background: none;
	margin-left:8px;
}
.page-index .banner .getstart .getsearch-box .getsearch-input .getsearch-btn,.banner .getstart .getsearch-box .getsearch-input .submit{
	width: 60px;
    color: #fff;
    background-color: #1fa67a;
    display: flex;
    float: right;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
.page-index .banner .getstart .getsearch-box .getsearch-input .submit{
	font-family: FontAwesome;
	border: 0;
}
.page-index .banner .getstart .getstart-input{
    height: 48px;
    position: relative;
    border: 1px solid #1fa67a;
    border-radius: 5px;
    overflow: hidden;
	padding:0 8px;
    background-color: #fff;
}
.page-index .banner .getstart .getstart-input input{
	color: #177e5d;
    font-size: 16px;
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
	background:none;
}
.page-index .banner .getstart .getstart-box .getstart-input.error{
	animation: shake-shake 0.4s ease-in-out;
}
.page-index .banner .getstart .getstart-box .getstart-input.error2{
	animation: shake-shake2 0.4s ease-in-out;
}
.page-index .banner .getstart .getstart-btn a{
	background-color: #1d9d74;
    padding: 0 32px;
    height: 48px;
    border-radius: 5px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #198764;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%);
	font-weight:bold;
	transition: all .5s;
}
.page-index .banner .getstart .getstart-btn a span{
	font-weight:normal;
	font-size:14px;
}
.page-index .banner .getstart .getstart-btn a:hover{
	background-color:#177e5d;
	transition: all .5s;
}

.page-index .coins-swiper{
	background-color: #ddd;
	padding:10px 0;
}
.page-index .coins-swiper .coins-swiper-box{
	height:88px;
}
.page-index .coins-swiper .coins-swiper-box .swiper-container {
	width: 100%;
	height:65px;
	padding-top:20px;
	opacity: 0;
}
.page-index .coins-swiper .coins-swiper-box .swiper-slide {
	font-size: 18px;
	background: #fff;
	border-radius:5px;
}
.page-index .coins-swiper .swiper-slide{
	position: relative;
}
.page-index .coins-swiper .coins-pic{
	position: absolute;
    top: -20px;
	left: calc(50% - 19px);
	z-index:2;
}
.page-index .coins-swiper .coins-pic img{
	display:block;
	width:38px;
	background-color:#fff;
	border-radius:50%;
	overflow:hidden;
	padding:2px;
	box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
}
.page-index .coins-swiper .coins-markets{
	height:46px;
	overflow:hidden;
	margin-top:1px;
}
.page-index .coins-swiper .coins-info{
	font-size:12px;
	text-align:center;
	color:#555;
	height: calc(100% - 46px);
    margin-top: -1px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	overflow:hidden;
}

.page-index .coins-swiper .coins-info .price{
	color:green;
	overflow:hidden;
	display:flex;
	justify-content:center;
}
.page-index .coins-swiper .coins-info .price-up,.app .coins-swiper .coins-info .price-up2{
	color:green;
	flex-direction:row;
}
.page-index .coins-swiper .coins-info .price-up2{
	flex-direction:row-reverse;
}
.page-index .coins-swiper .coins-info .price-down,.app .coins-swiper .coins-info .price-down2{
	color:red;
	flex-direction:row-reverse;
}
.page-index .coins-swiper .coins-info .price-down2{
	flex-direction:row;
}
.page-index .coins-swiper .coins-info .price:before,.app .coins-swiper .coins-info .price:after{
	content:'';
	opacity:0;
	width:12px;
}
.page-index .coins-swiper .coins-info .price-down:before{
	content:'';
	background-repeat:no-repeat;
	background-position-x:right;
	background-position-y:center;
	opacity:0;
	width:12px;
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE0OC4wMDAwMDAsIC0zOTcuMDAwMDAwKSIgZmlsbD0iI0Q2MEYyQSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA4Ny4wMDAwMDAsIDMwMS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYxLjAwMDAwMCwgOTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuNTUsMi43NDY0ODUwMSBMNi41NSwxMS41IEw1LjM1LDExLjUgTDUuMzUsMi44NDY0ODUwMSBMMi45NTk0NDA4NCw1LjIzNzA0NDE3IEwyLjExMDkxMjcsNC4zODg1MTYwMyBMNiwwLjQ5OTQyODczNSBMNi44NDg1MjgxNCwxLjM0Nzk1Njg3IEw5Ljg4OTA4NzMsNC4zODg1MTYwMyBMOS4wNDA1NTkxNiw1LjIzNzA0NDE3IEw2LjU1LDIuNzQ2NDg1MDEgWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wMDAwMDAsIDUuOTk5NzE0KSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC02LjAwMDAwMCwgLTUuOTk5NzE0KSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
	animation:go_arrow_mov .8s linear 0s 1;
	
}
.page-index .coins-swiper .coins-info .price-down2:after{
	content:'';
	background-repeat:no-repeat;
	background-position-x:right;
	background-position-y:center;
	opacity:0;
	width:12px;
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE0OC4wMDAwMDAsIC0zOTcuMDAwMDAwKSIgZmlsbD0iI0Q2MEYyQSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA4Ny4wMDAwMDAsIDMwMS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYxLjAwMDAwMCwgOTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuNTUsMi43NDY0ODUwMSBMNi41NSwxMS41IEw1LjM1LDExLjUgTDUuMzUsMi44NDY0ODUwMSBMMi45NTk0NDA4NCw1LjIzNzA0NDE3IEwyLjExMDkxMjcsNC4zODg1MTYwMyBMNiwwLjQ5OTQyODczNSBMNi44NDg1MjgxNCwxLjM0Nzk1Njg3IEw5Ljg4OTA4NzMsNC4zODg1MTYwMyBMOS4wNDA1NTkxNiw1LjIzNzA0NDE3IEw2LjU1LDIuNzQ2NDg1MDEgWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wMDAwMDAsIDUuOTk5NzE0KSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC02LjAwMDAwMCwgLTUuOTk5NzE0KSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
	animation:go_arrow_mov .8s linear 0s 1;
	
}
.page-index .coins-swiper .coins-info .price-up:after{
	content:'';
	background-repeat:no-repeat;
	background-position-x:right;
	background-position-y:center;
	opacity:0;
	width:12px;
	background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuNTUgMi43NDZWMTEuNWgtMS4yVjIuODQ2TDIuOTYgNS4yMzdsLS44NS0uODQ4TDYgLjQ5OWwuODQ5Ljg0OSAzLjA0IDMuMDQtLjg0OC44NDktMi40OTEtMi40OXoiIGZpbGw9IiMwMDg1NTUiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==');
	animation:go_arrow_mov .8s linear 0s 1;
}
.page-index .coins-swiper .coins-info .price-up2:before{
	content:'';
	background-repeat:no-repeat;
	background-position-x:right;
	background-position-y:center;
	opacity:0;
	width:12px;
	background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuNTUgMi43NDZWMTEuNWgtMS4yVjIuODQ2TDIuOTYgNS4yMzdsLS44NS0uODQ4TDYgLjQ5OWwuODQ5Ljg0OSAzLjA0IDMuMDQtLjg0OC44NDktMi40OTEtMi40OXoiIGZpbGw9IiMwMDg1NTUiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==');
	animation:go_arrow_mov .8s linear 0s 1;
}

.page-index .coins-swiper .coins-info .change{
	color:green;
	overflow:hidden;
}
.page-index .coins-swiper .coins-info .change-up{
	color:green;
}
.page-index .coins-swiper .coins-info .change-down{
	color:red;
}
.page-index .coins-swiper .coins-info .name span{
	background-color:#fff;
	border-radius:4px;
	padding:1px 3px;
	overflow:hidden;
	font-weight:bold;
	color:#1fa67a;
}

.page-index .shops-end{
	position: relative;
}
.page-index .shops-end .shops-more{
	padding:30px 0;
	text-align:center;
}
.page-index .shops-end .shops-more .more-btn{
	display: inline-block;
    border: 1px solid #1c1c1c;
    border-radius: 10px;
    padding: 10px 20px;
    color: #fff;
    background-color: #1c1c1c;
}
.page-index .shops-end .shops-more .more-btn:hover{
	background-color: #222;
}
.page-index .shops-end:before{
	content:'';
	position: absolute;
	background:#444;
	top:0;
	right:24px;
	bottom:0;
	left: 24px;
	z-index:-1;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	overflow:hidden;
}

.page-index .shops-swiper{
	height: 360px;
	position: relative;
	padding-bottom: 20px;
}
.page-index .shops-swiper:before{
	content: '';
    position: absolute;
    background: #333;
    top: 0;
    right: 24px;
    bottom: -2px;
    left: 24px;
    z-index: -1;
}
.page-index .shops-swiper .shops-swiper-box{
    height: 100%;
    padding: 0 20px;
    position: relative;
}

.page-index .shops-swiper .shops-swiper-box .swiper-container{
	width: 100%;
	height: 100%;
	opacity: 0;
	padding-top: 2px;
	margin-top:-2px;
}
.page-index .shops-swiper .shops-swiper-box .swiper-slide{
	height: calc((100% - (10px * 2)) / 3);
}
.page-index .shops-swiper .shops-swiper-box .swiper-slide .item-box{
	border: 1px solid #000;
	height:calc(100% - 2px - (5px * 2));
	overflow:hidden;
	box-shadow: 0 1px 3px rgb(0 0 0 / 2%), 0 4px 8px rgb(0 0 0 / 2%);
	background-color: #fff;
	transition: all .2s;
	padding:5px;
	transform:translateY(0);
	cursor:pointer;
}
.page-index .shops-swiper .shops-swiper-box .swiper-slide .item-box:hover{
	transition: all .5s;
	transform:translateY(-2px);
	box-shadow: 0 1px 3px rgb(0 0 0 / 10%), 0 4px 8px rgb(0 0 0 / 10%);
}
.page-index .shops-swiper .shops-swiper-box .swiper-slide .item-box .item-pic,.app .shops-swiper .shops-swiper-box .swiper-slide .item-box .item-info,.app .shops-swiper .shops-swiper-box .swiper-slide .item-box .item-back{
	height:100%;
	display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
}
.page-index .shops-swiper .shops-swiper-box .swiper-slide .item-box .item-pic img{
	display:block;
	width:80%;
	border-radius:4px;
	background-color:#fff;
	overflow:hidden;
}
.page-index .shops-swiper .shops-swiper-box .swiper-slide .item-box .item-info{
	align-items: normal;
}
.page-index .shops-swiper .shops-swiper-box .swiper-slide .item-box .item-info .info-name{
	color:#555;
	font-weight:bold;
}
.app .shops-swiper .shops-swiper-box .swiper-slide .item-box .item-info .info-desc{
	color:#555;
	font-size:14px;
}
.page-index .shops-swiper .shops-swiper-box .swiper-slide .item-box .item-back .back-box{
    text-align: center;
    border: 1px solid #999;
    box-sizing: border-box;
    border-radius: 5px;
	height:80%;
	width:100%;
	overflow:hidden;
}
.page-index .shops-swiper .shops-swiper-box .swiper-slide .item-box .item-back .back-box .back-title{
	display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
	height:calc(50% - 1px);
	font-size: 12px;
    color: rgb(0, 73, 57);
	border-bottom:1px solid #999;
	background: linear-gradient(to top,#ffffff 0%,#ddd 100%);
}
.page-index .shops-swiper .shops-swiper-box .swiper-slide .item-box .item-back .back-box .back-point{
	display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
	height:50%;
	font-size: 20px;
    color: rgb(0, 73, 57);
	background-color:#fff;
	font-weight:bold;
}

.page-index .shops-swiper .swiper-pagination-bullet{
	margin-right:5px;
	margin-top: 10px;
	background: #fff;
}
.page-index .shops-swiper .swiper-pagination-bullet-active{
	background: #177e5d;
}
.page-index .shops-swiper .swiper-pagination{
	left:auto;
	right:32px;
	margin-top: 20px;
}

.page-index .shops-swiper .swiper-button-next{
	left: auto;
    right: 25px;
    bottom: -78px;
	top:auto;
	color:#1d9d74;
	height:20px;
}
.page-index .shops-swiper .swiper-button-prev{
	right:65px;
	left:auto;
	bottom:-78px;
	top:auto;
	color:#1d9d74;
	height:20px;
}
.page-index .shops-swiper .swiper-button-prev::after,.page-index .shops-swiper .swiper-button-next::after{
	font-size:20px;
}

.page-index .how:before{
	content:'';
	position: absolute;
	background:#333;
	top:40px;
	right: 24px;
	bottom:0;
	left: 24px;
	z-index:-1;
}
.page-index .how{
	padding-top:20px;
	padding-bottom:20px;
	position: relative;
	opacity: 0;
}
.page-index .how .how-box{
	border-radius:20px;
	padding:25px 20px;
	border: 1px solid #000;
	position: relative;
	overflow:hidden;
}
.page-index .how .how-box:before{
	content:'';
	position: absolute;
	background:#333;
	top:0;
	right: 0;
	bottom:0;
	left: 0;
	z-index:-1;
	background-image: url('/static/images/shops-bg.small.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-index .how .how-box .header{
	background: initial;
}
.page-index .how .how-box .header .title{
	font-size: 34px;
    color: #20e0a3;
	text-align:center;
	font-weight:bold;
	padding:0 0 10px 0;
	text-shadow: 2px 1px 0 #000, 4px 3px 0 #666;
}
.page-index .how .how-box .header .desc{
	font-size: 18px;
    color: #28d09a;
	text-align:center;
	padding:0 0 20px 0;
	text-shadow: 0 1px 0 rgb(0 0 0 / 15%);
}
.page-index .how .steps{
	padding:0 10px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.page-index .how .steps .box{
	width:26.66%;
}
.page-index .how .steps .box .icons{
	display: flex;
    justify-content: space-between;
}
.page-index .how .steps .box .info{
	display: flex;
    justify-content: center;
	flex-direction: column;
	font-size:16px;
	color:#fff;
}
.page-index .how .steps .box .info .title{
	font-weight:bold;
}
.page-index .how .steps .box .info .desc{
    font-size: 12px;
    margin-top: 5px;
}
.page-index .how .steps .box .icon{
	width:40px;
	height:40px;
}
.page-index .how .steps .space{
	width:10%;
	display: flex;
    align-items: center;
    justify-content: center;
	color:#555;
}
.page-index .how .steps .space svg{
	width:30px;
}

.page-index .travel .travel-box{
    margin-top:20px;
}
.page-index .travel .travel-box .box{
    height:580px;
    background:#eee;
    border-radius:20px;
    overflow:hidden;
}
.page-index .travel .travel-box .travel-left{
    position: relative;
    height:100%;
    background:url('/static/images/travel-bg.dark.jpg') no-repeat top center;
    background-size:cover;
    border-radius:20px;
}
.page-index .travel .travel-box .travel-left .logo{
    font-size:18px;
    font-family: audiowide;
    color:#fff;
    margin:20px 0 0 20px;
}
.page-index .travel .travel-box .travel-left .fly{
    position: absolute;
    right:0;
    top:0;
    width:30%;
}
.page-index .travel .travel-box .travel-left .info{
    font-size:36px;
    color:#fff;
    font-weight:bold;
    margin: 50px 10% 0 20%;
}
.page-index .travel .travel-box .travel-left .start{
    padding:15px 25px;
    background:#fff;
    color:#1c976f;
    font-weight:bold;
    border-radius:15px;
    margin: 40px 0 0 20%;
    display: inline-block;
}
.page-index .travel .travel-box .travel-left .start:hover{
    background-color: #1fa67a;
    color:#fff;
}
.page-index .travel .travel-box .travel-right{
    height:100%;
}
.page-index .travel .travel-box .travel-right .title{
	font-size: 24px;
    font-weight: bold;
    padding: 32px 0 32px 0;
    background: linear-gradient(-70deg,#1d9d74,#333);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    text-align: center;
}
.page-index .travel .travel-box .travel-right .title.ms-MY{
    font-size:20px;
}
.page-index .travel .travel-box .travel-right .col{
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.page-index .travel .travel-box .travel-right .travel-icon-box{
    background-image: linear-gradient( #00cca0 0%, #333 100%);
    border-radius:50%;
    overflow:hidden;
    padding:10px;
}
.page-index .travel .travel-box .travel-right .icon{
    width:50px;
    height:50px;
    display:block;
}
.page-index .travel .travel-box .travel-right .col span{
    font-weight:bold;
    margin-top:5px;
}
.page-index .travel .travel-box .travel-right .video-box{
    background-color:#fff;
    margin: 32px 30px 10px 0;
    border-radius:15px;
    overflow:hidden;
    display: flex;
    justify-content: space-between;
    padding:15px 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: 0 1px 3px rgb(0 0 0 / 2%), 0 4px 8px rgb(0 0 0 / 2%);
}
.page-index .travel .travel-box .travel-right .video-box video{
    max-height:100%;
    max-width:100%;
}
.page-index .travel .travel-box .travel-right .photos-box{
	background-color: #fff;
    margin: 32px 30px 10px 0;
    border-radius: 15px;
    overflow: hidden;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: 0 3px 5px rgb(0 0 0 / 5%), 0 5px 10px rgb(0 0 0 / 20%);
    border: 1px solid #aaa;
    border-left: 0;
    display: flex;
    flex-wrap: wrap;
}
.page-index .travel .travel-box .travel-right .photos-box .photo{
    width:10%;
    display:block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    transform: translateY(-8px) scale(1.5) translateZ(0);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 50%) inset;
}
.page-index .travel .travel-box .travel-right .photos-box.c .photo{
    opacity: 1;
    transition: 0.3s;
    transform: none;
}
.page-index .travel .travel-box .travel-right .photos-box .photo img{
    width:100%;
    display:block;
}
.page-index .travel .travel-box .travel-right .notice{
    padding:15px 30px 15px 15px;
    font-size:14px;
    color:#333;
}
.page-index .travel .travel-box .travel-right .notice a{
    color:#333;
    font-weight:bold;
}
.page-index .travel .travel-box .travel-right .notice a:hover{
    color:#177e5d;
}

.page-index .meet{
    margin-top:50px;
    background:url('/static/images/meet-line.svg') no-repeat center 100px;
    background-size:100% auto;
}
.page-index .meet .meet-box{
    position: relative;
}
.page-index .meet .meet-box:before{
    z-index:-1;
    background:url('/static/images/world_map_with_points.svg') no-repeat center top;
    background-size:100% auto;
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    opacity: 0.2;
}
.page-index .meet .meet-desc{
    font-size:26px;
    font-weight:bold;
    color:#777;
    text-align:center;
    margin-top:20px;
}
.page-index .meet .meet-title{
    font-size:32px;
    font-weight:bold;
    color:#333;
    text-align:center;
    margin-top:20px;
}
.page-index .meet .meet-title.ms-MY{
    font-size:28px;
}
.page-index .meet .meet-line{
    height:0px;border:2px solid #1fa67a;
    width:100px;
    margin:20px auto 20px auto;
    border-radius:2px;
}
.page-index .meet .meet-header{
	height:200px;
	background:url('/static/images/meet-bg.svg') no-repeat center center;
	margin-top:32px;
	background-size:auto 100%;
	position:relative;
}
.page-index .meet .meet-header .meet-video-box{
	width:192px;
	height:108px;
	border-radius:12px;
	overflow:hidden;
	transform:rotate(-8deg);
	left:calc(50% - 96px - 32px);
	top:0;
	position:absolute;
	box-shadow: 0 10px 20px rgb(0 0 0 / 50%);
}
.page-index .meet .meet-header .meet-video-box video{
	height:100%;
	width:100%;
	display:block;
}
.page-index .meet .meet-header .meet-gif-box{
	width:192px;
	height:108px;
	border-radius:12px;
	overflow:hidden;
	transform:rotate(-8deg);
	left:calc(50% - 96px - 32px);
	top:0;
	position:absolute;
	box-shadow: 0 10px 20px rgb(0 0 0 / 50%);
}
.app .meet .meet-header .meet-gif-box img{
	height:100%;
	width:100%;
	display:block;
}
.app .meet .meet-header .meet-box-lite{
	width:100px;
	height:100px;
	border-radius:12px;
	overflow:hidden;
	position:absolute;
	background-color:#fff;
	box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
}
.page-index .meet .meet-header .meet-box-01{
	left:15%;
	top:15%;
}
.page-index .meet .meet-header .meet-box-02{
	left:calc(18% + 100px + 20px);
	top:40%;
	transform:rotate(5deg);
}
.page-index .meet .meet-header .meet-box-03{
	left:calc(38% + 100px + 20px);
	top:50%;
	transform:rotate(3deg);
}
.page-index .meet .meet-header .meet-box-04{
	left:calc(55% + 100px + 20px);
	top:30%;
	transform:rotate(-5deg);
}
.page-index .meet .meet-header .meet-box-05{
	left:calc(75% + 100px + 20px);
	top:10%;
	transform:rotate(3deg);
}
.page-index .meet .meet-header .meet-box-lite{
	display:flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.page-index .meet .meet-header .meet-box-lite .avatar{
	width:32px;
	margin-top:2px;
	display:block;
}
.page-index .meet .meet-header .meet-box-lite .avatar-50{
	border-radius:50%;
	overflow:hidden;
}
.page-index .meet .meet-header .meet-box-lite .name{
	font-size: 14px;
    text-align: center;
}
.page-index .meet .meet-header .meet-box-lite .info{
	font-size: 12px;
    text-align: center;
	padding:0 5px 10px 5px;
	background-color:#333;
	color:#eee;
}
.page-index .meet .meet-main{
	margin:40px 0;
}
.page-index .meet .meet-main .meet-main-left{
	display: flex;
    align-items: flex-end;
	width:420px;
	height:420px;
}
.page-index .meet .meet-main .meet-main-right{
	flex:1;
	height:420px;
}
.page-index .meet .meet-main .traveller{
	width:100%;
}
.page-index .meet .meet-main{
	position:relative;
	background: url('/static/images/traveller.small.png');
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: -30px bottom;
}
.page-index .meet .meet-main .bubble{
	height:50px;
	display: flex;
	position:absolute;
	top: 15%;
    left: 180px;
	z-index:2;
	animation: up2down 3s linear infinite;
}
.page-index .meet .meet-main .bubble-left{
	background:url('/static/images/bubble-box.reverse.png') no-repeat center left;
	background-size:auto 100%;
	width:28px;
	height:100%;
}
.page-index .meet .meet-main .bubble-main{
	background:url('/static/images/bubble-box.reverse.png') no-repeat center center;
	background-size:auto 100%;
	color:#fff;
	font-size:20px;
	height:100%;
	display: flex;
	justify-content: center;
}
.page-index .meet .meet-main .bubble-main span{
	padding-top:8px;
	display:inline-block;
}
.page-index .meet .meet-main .bubble-right{
	background:url('/static/images/bubble-box.reverse.png') no-repeat center right;
	background-size:auto 100%;
	width:28px;
	height:100%;
}
.page-index .meet .meet-main .meet-talks{
	height:420px;
}
.page-index .meet .meet-main .meet-talks ul{
	height:100%;
	color:#333;
	font-size:18px;
	width:90%;
	float:right;
}
.page-index .meet .meet-main .meet-talks ul li{
	list-style: none;
}
.page-index .meet .meet-main .meet-talks ul li .box{
	border:1px solid #ccc;
	display:flex;
	align-items: center;
	justify-content: flex-start;
	border-radius:20px;
	height:calc(100% - 2px);
	padding:0 10px;
	overflow:hidden;
	position:relative;
	font-size:14px;
}
.page-index .meet .meet-main .meet-talks ul li .box:before{
	content:'';
	background-color:#eee;
	opacity:0.4;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:-1;
}
.page-index .meet .meet-main .meet-talks ul li .avatar{
	height:38px;
    width:38px;
	display:block;
	border-radius:50%;
	margin-right:10px;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
    border:1px solid rgba(0,0,0,0.2);
}
.page-index .meet .meet-main .meet-talks ul li p{
    flex:1;
    font-size:12px;
}
.page-index .meet .meet-main .swiper-container{
	opacity: 0;
}

.page-index .tools .tools-box .tools-main{
    border-radius: 30px;
    background-color: #171717;
    background-repeat:no-repeat;
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    margin-bottom:30px;
    height:300px;
    position: relative;
    overflow:hidden;
}
.page-index .tools .tools-box .tools-main:before{
    content:'';
    background-image:url('/static/images/tools-bg.dark.svg');
    background-position:center center;
    background-size:cover;
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:0;
    opacity: 0.7;
}
.page-index .tools .tools-box .tools-row{
    height:100%;
    z-index:1;
}
.page-index .tools .tools-box .tools-row .padding{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 20px;
}
.page-index .tools .tools-box .tools-row .icon{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.page-index .tools .tools-box .tools-row .icon img{
    width:38px;
    margin-right:10px;
}
.page-index .tools .tools-box .tools-left{
    display:flex;
    justify-content: space-evenly;
    color:#333;
}
.page-index .tools .tools-box .tools-left h4{
    color:#fff;
    font-size:28px;
    margin-bottom:10px;
}
.page-index .tools .tools-box .tools-left .desc{
    margin-bottom:20px;
    color:#fff;
}
.page-index .tools .tools-box .tools-left a{
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    padding: 12px 32px;
    color:#1fa67b;
    font-weight:bold;
    display:inline-block;
    text-align:center;
}
.page-index .tools .tools-box .tools-left a:hover{
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 15%);
}
.page-index .tools .tools-box .tools-right{
    background-image:url('/static/images/tools.png');
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center 25px;
}
.page-index .tools .tools-box .tools-right .tools-right-box{
    height: 145px;
    border: 1px solid #fff;
    width: 185px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #333;
    justify-content: space-evenly;
    background: #fff;
    border-radius: 8px;
    margin: 50px auto 0 auto;
    padding: 20px 0;
    box-shadow: 0 1px 3px rgb(0 0 0 / 10%), 0 4px 8px rgb(0 0 0 / 10%);
    animation: up2down2 5s linear infinite;
}
.page-index .tools .tools-box .tools-right .tools-right-box .logo{
    font-family: audiowide;
    font-size:14px;
    color:green;
}
.page-index .tools .tools-box .tools-right .tools-right-box .hello{
    font-size:18px;
    font-weight:bold;
}
.page-index .tools .tools-box .tools-right .tools-right-box .info{
    font-size:12px;
    display:inline-block;
    padding:8px;
    background-color:#1fa67b;
    border-radius:20px;
    color:#fff;
}