@charset "utf-8";
/* CSS Document */

/**********首页轮播图*********/
/*.swiper-container {  width: 100%;  padding-top:.5rem; }*/
/*.swiper-slide {background-position: center; background-size: cover; width: 300px; height: 120px; border-radius: .24rem;}*/


/******底部固定导航******/
/*------小图标------*/
.nav li .nav-base i{ background-image: url(../images/nav/nav_home.svg);}
.nav li .nav-trade i{ background-image: url(../images/nav/nav_trade.svg);}
.nav li .nav-user i{ background-image: url(../images/nav/nav_my.svg);}
.nav li .nav-list i{ background-image: url(../images/nav/nav_list.svg);}
.nav li .nav-order i{ background-image: url(../images/nav/nav_order.svg);}

/*------激活状态------*/
.nav li a.active.nav-base i{ background-image: url(../images/nav/nav_home_active.svg);}
.nav li a.active.nav-trade i{ background-image: url(../images/nav/nav_trade_active.svg);}
.nav li a.active.nav-user i{ background-image: url(../images/nav/nav_my_active.svg);}
.nav li a.active.nav-list i{ background-image: url(../images/nav/nav_list_active.svg);}
.nav li a.active.nav-order i{ background-image: url(../images/nav/nav_order_active.svg);}


/******会员菜单******/
/*------列表图标------*/
.setting-menu a.setting-menu-1 i{ background-image: url(../images/setting/user_icon_1.svg);}
.setting-menu a.setting-menu-2 i{ background-image: url(../images/setting/user_icon_2.svg);}
.setting-menu a.setting-menu-3 i{ background-image: url(../images/setting/user_icon_3.svg);}
.setting-menu a.setting-menu-4 i{ background-image: url(../images/setting/user_icon_4.svg);}


/******表单******/
/*------表单图标------*/
.form-icon-text:before{ background-image: url("../images/form/icon_text.svg");}
.form-icon-verify:before{ background-image: url("../images/form/icon_verify.svg");}
.form-icon-tag:before{ background-image: url("../images/form/icon_tag.svg");}
.form-icon-select:before{ background-image: url("../images/form/icon_select.svg");}


/******按钮代码示例******/
/*------展示框------*/
.button-box{ padding: .5rem;}

.button-box h3{ font-size: .6rem; padding-bottom: .4rem;}
.button-box p{ width: 100%; font-size: .52rem; color: #999; padding: 1rem 0 .4rem 0;}

/*------代码示例框------*/
.desc{ width: 100%; background: #f8f8f8; border-radius: .15rem; overflow: hidden; padding: .3rem .3rem;}
.desc span{ font-size: .48rem; color: #333;}
.desc xmp{ font-size: .48rem; color: #2973b7; display: inline;}
.desc img{ width: 100%;}

/*------示例图标------*/
.example{ background-image: url("../images/icon_edit.svg");}

/*------图片展示------*/
.photo-show{ background: #000; position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: none; z-index: 9999999;}
.photo-show-box{ width: 100%; height: 100%; align-items: center; overflow: auto; display: flex;}


/******挖矿******/
/*------气泡定位------*/
.mining-1 { top: 10%; left: 80%; animation-delay: 1.1s;}
.mining-2 { top: 28%; left: 76%; animation-delay: .2s;}
.mining-3 { top: 48%; left: 72%; animation-delay: 1.4s;}
.mining-4 { top: 64%; left: 58%;}
.mining-5 { top: 12%; left: 53%; animation-delay: 2.2s;}
.mining-6 { top: 34%; left: 50%; animation-delay: .6s;}
.mining-7 { top: 50%; left: 34%;}
.mining-8 { top: 64%; left: 10%;}
.mining-9 { top: 20%; left: 25%;}
.mining-10 { top: 40%; left: 10%; animation-delay: 1.6s;}
.mining-11 { top: 50%; left: 50%;}

/*------气泡图标------*/
.bubble .bubble-img1{ background-image: url("../images/mining/img_01.png");}
.bubble .bubble-img2{ background-image: url("../images/mining/img_02.png");}
.bubble .bubble-img3{ background-image: url("../images/mining/img_03.png");}
.bubble .bubble-img4{ background-image: url("../images/mining/img_01.png");}
.bubble .bubble-img5{ background-image: url("../images/mining/img_02.png");}
.bubble .bubble-img6{ background-image: url("../images/mining/img_03.png");}
.bubble .bubble-img7{ background-image: url("../images/mining/img_01.png");}
.bubble .bubble-img8{ background-image: url("../images/mining/img_02.png");}
.bubble .bubble-img9{ background-image: url("../images/mining/img_03.png");}
.bubble .bubble-img10{ background-image: url("../images/mining/img_01.png");}
.bubble .bubble-img11{ background-image: url("../images/mining/img_06.png");}


/*------滑动切换------*/
.mui-slider-indicator.mui-segmented-control {background:#fff; font-size:.56rem; position: relative; bottom: auto;}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item { color: #999; border: 0;}
.mui-control-content {min-height: 500px;}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item {border-top: none; border-bottom: none;}


/******底部固定导航******/
/*------主体------*/
.bottom-nav-1{ width: 100%; height: 2.1rem; background: #fff; border-top: #eee .05rem solid; position: fixed; left: 0; bottom: 0; z-index: 9999;}

.bottom-nav-1 ul{ width: 100%; table-layout: fixed; display: table;}
.bottom-nav-1 li{ height: 100%; display: table-cell; position: relative;}

.bottom-nav-1 li a{ width: 100%; height: 100%; display: block; cursor: pointer;}
.bottom-nav-1 li i{ width: 1.1rem; height: 1.1rem; background-position: center; background-repeat: no-repeat; background-size: .95rem auto; display: block; margin: 0 auto; margin-top: .2rem; transition: all 0.6s; cursor: pointer;}
/*.bottom-nav li i:hover{transform: scale(1.4);}*/
.bottom-nav-1 li span{ line-height: normal; font-size: .48rem; color: #999; text-align: center; display: block;}

/*------激活状态------*/
.bottom-nav-1 li a.active span{ color: #5887fb;}


/*------小图标------*/
.bottom-nav-1 li .nav-base i{ background-image:url(../images/nav/bottom_nav_home.svg);}
.bottom-nav-1 li .nav-trade i{ background-image:url(../images/nav/bottom_nav_find.svg);}
.bottom-nav-1 li .nav-user i{ background-image:url(../images/nav/bottom_nav_my.svg);}
.bottom-nav-1 li .nav-list i{ background-image:url(../images/nav/bottom_nav_list.svg);}

/*------激活状态------*/
.bottom-nav-1 li a.active.nav-base i{ background-image: url(../images/nav/nav_home_active.svg);}
.bottom-nav-1 li a.active.nav-trade i{ background-image: url(../images/nav/nav_trade_active.svg);}
.bottom-nav-1 li a.active.nav-user i{ background-image: url(../images/nav/nav_my_active.svg);}
.bottom-nav-1 li a.active.nav-list i{ background-image: url(../images/nav/nav_list_active.svg);}



/*------主体------*/
.bottom-nav-2{ width: 100%; height: 2.1rem; background: #fff; border-top: #eee .05rem solid; position: fixed; left: 0; bottom: 0; z-index: 9999;}

.bottom-nav-2 ul{ width: 100%; table-layout: fixed; display: table;}
.bottom-nav-2 li{ height: 100%; display: table-cell; position: relative;}

.bottom-nav-2 li a{ width: 100%; height: 100%; display: block; cursor: pointer;}
.bottom-nav-2 li i{ width: 1.1rem; height: 1.1rem; background-position: center; background-repeat: no-repeat; background-size: .95rem auto; display: block; margin: 0 auto; margin-top: .2rem; transition: all 0.6s; cursor: pointer;}
/*.bottom-nav-2 li i:hover{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); o-transform:rotate(360deg);transform:rotate(360deg);}
*/
  
.bottom-nav-2 li span{ line-height: normal; font-size: .48rem; color: #999; text-align: center; display: block;}

/*------激活状态------*/
.bottom-nav-2 li a.active span{ color: #5887fb;}


/*------小图标------*/
.bottom-nav-2 li .nav-home i{ background-image:url(../images/nav/bottom_nav_home_1.svg);}
.bottom-nav-2 li .nav-news i{ background-image:url(../images/nav/bottom_nav_news_1.svg);}
.bottom-nav-2 li .nav-user i{ background-image:url(../images/nav/bottom_nav_my_1.svg);}
.bottom-nav-2 li .nav-wallet i{ background-image:url(../images/nav/bottom_nav_wallet_1.svg);}

/*------激活状态------*/
.bottom-nav-2 li a.active.nav-home i{ background-image: url(../images/nav/bottom_nav_home_1_active.svg);}
.bottom-nav-2 li a.active.nav-news i{ background-image: url(../images/nav/bottom_nav_news_1_active.svg);}
.bottom-nav-2 li a.active.nav-user i{ background-image: url(../images/nav/bottom_nav_my_1.svg);}
.bottom-nav-2 li a.active.nav-wallet i{ background-image: url(../images/nav/bottom_nav_wallet_1_active.svg);}



/*------主体------*/
.bottom-nav-3{ width: 100%; height: 2.1rem; background: #fff; border-top: #eee .05rem solid; position: fixed; left: 0; bottom: 0; z-index: 9999;}

.bottom-nav-3 ul{ width: 100%; table-layout: fixed; display: table;}
.bottom-nav-3 li{ height: 100%; display: table-cell; position: relative;}

.bottom-nav-3 li a{ width: 100%; height: 100%; display: block; cursor: pointer;}
.bottom-nav-3 li i{ width: 1.1rem; height: 1.1rem; background-position: center; background-repeat: no-repeat; background-size: .8rem auto; display: block; margin: 0 auto; margin-top: .2rem; transition: all 0.6s; cursor: pointer;}
/*.bottom-nav-2 li i:hover{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); o-transform:rotate(360deg);transform:rotate(360deg);}
*/
  
.bottom-nav-3 li span{ line-height: normal; font-size: .48rem; color: #999; text-align: center; display: block;}

/*------激活状态------*/
.bottom-nav-3 li a.active span{ color: #5887fb;}


/*------小图标------*/
.bottom-nav-3 li .nav-home i{ background-image:url(../images/nav/bottom_nav_home_2.svg);}
.bottom-nav-3 li .nav-find i{ background-image:url(../images/nav/bottom_nav_find_2.svg);}
.bottom-nav-3 li .nav-user i{ background-image:url(../images/nav/bottom_nav_my_2.svg);}
.bottom-nav-3 li .nav-wallet i{ background-image:url(../images/nav/bottom_nav_wallet_2.svg); background-size: .95rem auto;}



/*------主体------*/
.bottom-nav-4{ width: 100%; height: 2.1rem; background: #fff; border-top: #eee .05rem solid; position: fixed; left: 0; bottom: 0; z-index: 9999;}

.bottom-nav-4 ul{ width: 100%; table-layout: fixed; display: table;}
.bottom-nav-4 li{ height: 100%; display: table-cell; position: relative;}

.bottom-nav-4 li a{ width: 100%; height: 100%; display: block; cursor: pointer;}
.bottom-nav-4 li i{ width: 1.1rem; height: 1.1rem; background-position: center; background-repeat: no-repeat; background-size: .95rem auto; display: block; margin: 0 auto; margin-top: .2rem; transition: all 0.6s; cursor: pointer;}
/*.bottom-nav-2 li i:hover{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); o-transform:rotate(360deg);transform:rotate(360deg);}
*/
  
.bottom-nav-4 li span{ line-height: normal; font-size: .48rem; color: #999; text-align: center; display: block;}

/*------激活状态------*/
.bottom-nav-4 li a.active span{ color: #5887fb;}


/*------小图标------*/
.bottom-nav-4 li .nav-home i{ background-image:url(../images/nav/bottom_nav_home_3.svg);}
.bottom-nav-4 li .nav-news i{ background-image:url(../images/nav/bottom_nav_news_3.svg);}
.bottom-nav-4 li .nav-user i{ background-image:url(../images/nav/bottom_nav_my_3.svg);}
.bottom-nav-4 li .nav-wallet i{ background-image:url(../images/nav/bottom_nav_wallet_3.svg);}


/*------主体------*/
.bottom-nav-5{ width: 100%; height: 2.1rem; background: #fff; border-top: #eee .05rem solid; position: fixed; left: 0; bottom: 0; z-index: 9999;}

.bottom-nav-5 ul{ width: 100%; table-layout: fixed; display: table;}
.bottom-nav-5 li{ height: 100%; display: table-cell; position: relative;}

.bottom-nav-5 li a{ width: 100%; height: 100%; display: block; cursor: pointer;}
.bottom-nav-5 li i{ width: 1.1rem; height: 1.1rem; background-position: center; background-repeat: no-repeat; background-size: .95rem auto; display: block; margin: 0 auto; margin-top: .2rem; transition: all 0.6s; cursor: pointer;}
/*.bottom-nav-2 li i:hover{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); o-transform:rotate(360deg);transform:rotate(360deg);}
*/
  
.bottom-nav-5 li span{ line-height: normal; font-size: .48rem; color: #999; text-align: center; display: block;}

/*------激活状态------*/
.bottom-nav-5 li a.active span{ color: #5887fb;}


/*------小图标------*/
.bottom-nav-5 li .nav-home i{ background-image:url(../images/nav/bottom_nav_home_4.svg);}
.bottom-nav-5 li .nav-find i{ background-image:url(../images/nav/bottom_nav_find_4.svg);}
.bottom-nav-5 li .nav-user i{ background-image:url(../images/nav/bottom_nav_my_4.svg);}
.bottom-nav-5 li .nav-wallet i{ background-image:url(../images/nav/bottom_nav_wallet_4.svg);}




/*------主体------*/
.bottom-nav-6{ width: 100%; height: 2.1rem; background: #fff; border-top: #eee .05rem solid; position: fixed; left: 0; bottom: 0; z-index: 9999;}

.bottom-nav-6 ul{ width: 100%; table-layout: fixed; display: table;}
.bottom-nav-6 li{ height: 100%; display: table-cell; position: relative;}

.bottom-nav-6 li a{ width: 100%; height: 100%; display: block; cursor: pointer;}
.bottom-nav-6 li i{ width: 1.1rem; height: 1.1rem; background-position: center; background-repeat: no-repeat; background-size: .95rem auto; display: block; margin: 0 auto; margin-top: .2rem; transition: all 0.6s; cursor: pointer;}
/*.bottom-nav-2 li i:hover{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); o-transform:rotate(360deg);transform:rotate(360deg);}
*/
  
.bottom-nav-6 li span{ line-height: normal; font-size: .48rem; color: #999; text-align: center; display: block;}

/*------激活状态------*/
.bottom-nav-6 li a.active span{ color: #5887fb;}


/*------小图标------*/
.bottom-nav-6 li .nav-home i{ background-image:url(../images/nav/bottom_nav_home_5.svg);}
.bottom-nav-6 li .nav-find i{ background-image:url(../images/nav/bottom_nav_find_5.svg);}
.bottom-nav-6 li .nav-user i{ background-image:url(../images/nav/bottom_nav_my_5.svg);}
.bottom-nav-6 li .nav-wallet i{ background-image:url(../images/nav/bottom_nav_wallet_5.svg);}