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


/**********客户首页**********/
/**************************/
/******页头******/
/*------主体------*/
/*.user-top{ width: 100%; background:url(../images/user_bg.png) no-repeat center; background-size: cover; position: relative;}*/

.user-top{
	
	width: 100%; background-size: cover; position: relative;
	
	background: -webkit-linear-gradient(left, #8e000a,#930f0c); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #8e000a,#930f0c); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #8e000a,#930f0c); /* 标准的语法 */
	background-color:#930f0c;

 }
.user-header{ background: none;}

/*------消息按钮------*/
.user-header .header-msg{ width:1.8rem; height:1.8rem; background:url(../images/icon_header_msg.svg) no-repeat center; background-size:.8rem auto; overflow:hidden; display:block; position:absolute; z-index:1000; left:0; top:0;}
.user-header .header-msg a{ width: 100%; height: 100%; display: block;}

/*------设置按钮------*/
.user-header .header-setting{ width:1.8rem; height: 1.8rem; position: absolute; right: 0; top: 0;}
.user-header .header-setting a{ width: 100%; height: 100%;  background: url(../images/icon_header_setting.svg) no-repeat center; background-size: .9rem auto; display: block; position: relative;}
.user-header .header-setting i{ width:.35rem; height: .35rem; background: #f00; border-radius: 50%; display: block; position: absolute; right: .4rem; top: .4rem;}

/*------客户信息------*/
.user-info{ overflow: hidden; padding: 1rem 1rem 2rem 1rem;}
.user-info a{ color: #fff; overflow: hidden; display: block;}

.user-info .user-photo{ width: 80px; height: 80px; border: #fff .1rem solid; border-radius: 100%; overflow: hidden; margin: 0 auto;}
.user-info .user-photo img{ width:100%; height: 100%;}



.user-info h3{ font-size: .64rem; text-align: center; padding: .3rem 0 0 0;}

/*------信用等级------*/
.user-level{ width: 100%; text-align: center;}
.user-level i{ width:.6rem; height: .6rem; background: url(../images/icon_heart.svg) no-repeat center; background-size: .52rem auto; display: inline-block;}

/*------佣金------*/
.user-wallet{ width:auto; background: #fff; border-radius: .18rem; box-shadow: 0 .2rem .6rem rgba(185,196,213,.4); overflow: hidden; position: absolute; left: .46rem; right: .46rem; bottom: -1.3rem;}
.user-wallet li{
	width: 25%;
	text-align: center;
	overflow: hidden;
	float: left;
	position: relative;



padding: .5rem 0;}
/*.user-wallet li:first-child:after{ width: .06rem; height: 1rem; content: ''; background: #eee; position: absolute; right: 0; top: 1rem;}
.user-wallet li:after{ width: .06rem; height: 2rem; content: ''; background: #930f0c; position: absolute; right: 0; top: 0.5rem;}*/
.span1 { width: .03rem; height: 1.5rem; content: ''; background: #beddf7; position: absolute; right: 0; top: 0.5rem;} 
.span2 { width: .05rem; height: 1.5rem; content: ''; background: #beddf7; position: absolute; right: 0; top: 0.5rem;} 
.span3 { width: .03rem; height: 1.5rem; content: ''; background: #beddf7; position: absolute; right: 0; top: 0.5rem;} 
.span4 { width: .03rem; height: 1.5rem; content: ''; background: #beddf7; position: absolute; right: 0; top: 0.5rem;}

.user-wallet li a{ display: block;}
.user-wallet li h3{ font-size: .8rem; color: #111;}
.user-wallet li span{ font-size: .56rem; color: #999;}


/******内容主体******/
/*------主体------*/
.user-container{ width: 100%; margin-top: 2rem; clear: both;}

.index-panel{ width: auto; background: #fff; border-radius: .18rem; overflow: hidden; margin: 0 .46rem;}
.index-title{ width:100%; line-height: 1.2rem; font-size: .58rem; color: #333; position: relative; padding: 0 .4rem 0 .86rem;}
.index-title:before{ width: .16rem; height: .7rem; content: ''; background: #548ffc; border-radius: .08rem; position: absolute; left: .4rem; top: .25rem;}


/******客户主菜单******/
/*------菜单列表------*/
.main-menu{ width: 100%; overflow: hidden; padding: .4rem 0 .3rem 0;}
.main-menu li{ width:25%; overflow: hidden; float: left;}
.main-menu li a{ display: block;}
.main-menu li span{ width:100%; font-size: .52rem; color: #777; text-align: center; display: block;}

.main-menu li i{ width: 1.8rem; height: 1.8rem; display: block; margin: 0 auto; position: relative; }
.main-menu li i:before{ width: .85rem; height: .85rem; content: ''; border-radius: .16rem; position: absolute; left: 0; top: .16rem; z-index: 1;}
.main-menu li i:after{ width: 1.8rem; height: 1.8rem; content: ''; background-position: center; background-repeat: no-repeat; background-size: 1.2rem auto; position: absolute; z-index: 2; left: 0; top: 0;}

/*------菜单图标------*/
.main-menu li i.icon-transferin:after{ background-image: url(../images/menu/icon_transferin.svg);}
.main-menu li i.icon-transferout:after{ background-image: url(../images/menu/icon_transferout.svg);}
.main-menu li i.icon-buy:after{ background-image: url(../images/menu/icon_buy.svg);}
.main-menu li i.icon-sell:after{ background-image: url(../images/menu/icon_sell.svg);}

.main-menu li i.icon-transferin:before, .main-menu li i.icon-transferout:before{ background: #cae9ff;}
.main-menu li i.icon-buy:before, .main-menu li i.icon-sell:before{ background: #e6e2ff;}


/******客户小菜单******/
/*------菜单列表------*/
.index-menu{ width: 100%; overflow: hidden;}
.index-menu li{ width: 100%; border-bottom: #f4f4f4 .05rem solid; overflow: hidden;}
.index-menu li:last-child{ border-bottom: none;}

.index-menu li a{ width: 100%; line-height: 1.6rem; overflow: hidden; display: block; position: relative; padding: 0 1.1rem 0 2rem;}
.index-menu li a:after{ width: 1.1rem; height: 1.6rem; content: ''; background: url(../images/icon_arrow.svg) no-repeat center; background-size: .7rem; position: absolute; right: 0; top: 0;}
.index-menu li span{ width: 100%; font-size: .52rem; color: #777; display: block}

.index-menu li i{ width: 2rem; height: 1.6rem; background-position: center; background-repeat: no-repeat; background-size: .8rem auto; display: block; position: absolute; left: 0; top: 0;}

/*------菜单图标------*/

.index-menu li .index-menu-1 i{ background-image: url(../images/menu/icon_menu_1.svg);}
.index-menu li .index-menu-2 i{ background-image: url(../images/menu/icon_menu_2.svg);}
.index-menu li .index-menu-3 i{ background-image: url(../images/menu/icon_menu_3.svg);}
.index-menu li .index-menu-4 i{ background-image: url(../images/menu/icon_menu_4.svg);}
.index-menu li .index-menu-5 i{ background-image: url(../images/menu/icon_menu_5.svg);}
.index-menu li .index-menu-6 i{ background-image: url(../images/menu/icon_menu_6.svg);}



/******客户菜单：暂未开放******/
.coming-soon-content{ width: auto; text-align: center; overflow: hidden; padding: 1rem .6rem;}
.coming-soon-content img{ width: 2.5rem;}
.coming-soon-content p{ font-size: .56rem; text-align: center; margin-top: .5rem;}

.popup .popup-box.coming-soon .popup-submit button{ width: 60%; float: none; margin: 0 auto; display: block;}


/******公告******/
/*------主体------*/
.index-announce{ width: 100%; border-bottom: #f4f4f4 .08rem solid; overflow: hidden; padding: .2rem 2rem .2rem 2.6rem; position: relative;}
.index-announce:after{ width: 2.6rem; height: 1.7rem; content: ''; background: url(../images/icon_announce.svg) no-repeat center; background-size: 2rem auto; position: absolute; left: 0; top: .2rem;}

.announce-more{ width: 2rem; height: 1.7rem; line-height: 1.7rem; font-size: .52rem; color: #aaa; text-align: center; display: block; position: absolute; right: 0; top: .2rem;}

/*------列表------*/
.announce-box{ width: 100%; overflow: hidden;}
.announce-box ul{ height: 1.7rem; white-space: nowrap; overflow: hidden;}
/*.announce-box li{ height: 100%; line-height: 1.7rem; font-size: .56rem; display: inline-block; vertical-align: top; padding-right: 1rem;}*/
.announce-box li{ width: 100%; height: 100%; line-height: 1.7rem; font-size: .56rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.announce-box li a{ color: #333; white-space: nowrap;}
.announce-box li span{ color: #aaa; font-size: .52rem; margin-right: .2rem;}

/******底部固定导航******/
/*------主体------*/
.nav{ width: 100%; height: 2.2rem; background: #fff; position: fixed; left: 0; bottom: 0;}
.nav li{ width: 33.333333%; float: left; position: relative;}
.nav li a{ display: block;}
.nav li i{ width: 1.2rem; height: 1.15rem; display: block; margin: 0 auto;}
.nav li span{ font-size: .52rem; color: #333; text-align: center; display: block;}

/*------左右小图标------*/
.nav li .nav-assets, .nav li .nav-shop, .nav li .nav-news, .nav li .nav-my{ width: 2rem; height: 100%; padding: .2rem 0 0 0; margin: 0 auto;}

.nav li .nav-assets i{ background: url(../images/icon_nav_asset.svg) no-repeat center; background-size: 1rem auto;}
.nav li .nav-shop i{ background: url(../images/icon_nav_shop.svg) no-repeat center; background-size: 1.1rem auto;}
.nav li .nav-news i{ background: url(../images/icon_news.svg) no-repeat center; background-size: 1rem auto;}
.nav li .nav-my i{ background: url(../images/icon_my.svg) no-repeat center; background-size: 1rem auto;}

.nav-on	{ 
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);}
	
/*------中间扫码按钮------*/
/*.nav li .scan-btn{ width: 3.4rem; height: 3.4rem; border-radius: 50%; background: linear-gradient(-45deg,#7e67ff,#49a7ff); background: -webkit-linear-gradient(top left,#49a7ff,#7e67ff); box-shadow: 0 -.1rem .8rem rgba(88,135,251,.7); overflow: hidden; margin: 0 auto; margin-top: -1.3rem;}
.nav li .scan-btn i{ width: 3.4rem; height: 3.4rem; background: url(../images/icon_scan.svg) no-repeat center; background-size: 1.8rem auto;}
*/
.nav li .scan-btn i{ width: 2.54rem; height: 2.54rem; border-radius: 50%; background: linear-gradient(-45deg,#7e67ff,#49a7ff); background: -webkit-linear-gradient(top left,#49a7ff,#7e67ff); box-shadow: 0 -.1rem .8rem rgba(88,135,251,.7); overflow: hidden; margin: 0 auto; margin-top: -1.24rem; position: relative;}
.nav li .scan-btn i:after{ width: 2.54rem; height: 2.54rem; content: ''; background: url(../images/icon_scan.svg) no-repeat center; background-size: 1.4rem auto; position: absolute; left: 0; top: 0;}






/******底部固定导航******/
/*------主体------*/
.nav1{ width: 100%; height: 2.2rem; background: #fff; position: fixed; left: 0; bottom: 0;}
.nav1 li{
	width: 33.33%;
	float: left;
	position: relative;
}
.nav1 li a{ display: block;}
.nav1 li i{  height: 1.15rem; display: block; margin: 0 auto;}
.nav1 li span{ font-size: .42rem;  color: #333; text-align: center; display: block;}

/*------左右小图标------*/
.nav1 li .nav-ziliao, .nav1 li .nav-mima, .nav1 li .nav-mima1, .nav1 li .nav-home, .nav1 li .nav-tixian, .nav1 li .nav-mingxi, .nav1 li .nav-tuandui, .nav1 li .nav-wode, .nav1 li .nav-erweima{ width: 3rem; height: 100%; padding: .2rem 0 0 0; margin: 0 auto;}



.nav1 li .nav-ziliao i{ background: url(../images/foot/nav-xg.svg) no-repeat center; background-size: 1rem auto;}
.nav1 li .nav-mima i{ background: url(../images/foot/nav-miyue.svg) no-repeat center; background-size: 1rem auto;}
.nav1 li .nav-mima1 i{ background: url(../images/icon_nav_mima1.svg) no-repeat center; background-size: 1rem auto;}
.nav1 li .nav-home i{ background: url(../images/icon_home.svg) no-repeat center; background-size: 1rem auto;}

.nav1 li .nav-tixian i{ background: url(../images/home/tixian.svg) no-repeat center; background-size: 1rem auto;}
.nav1 li .nav-mingxi i{ background: url(../images/home/mingxi.svg) no-repeat center; background-size: 1rem auto;}
.nav1 li .nav-tuandui i{ background: url(../images/home/tuandui.svg) no-repeat center; background-size: 1rem auto;}
.nav1 li .nav-wode i{ background: url(../images/home/wode.svg) no-repeat center; background-size: 1rem auto;}




.nav1 li .nav-jihuo, .nav1 li .nav-Transfer_jihuo{ width: 3rem; height: 100%; padding: .2rem 0 0 0; margin: 0 auto;}
.nav1 li .nav-jihuo i{ background: url(../images/foot/nav-jihuo.svg) no-repeat center; background-size: 1rem auto;}
.nav1 li .nav-Transfer_jihuo i{ background: url(../images/foot/nav-liebiao.svg) no-repeat center; background-size: 1rem auto;}
.nav1 li .nav-erweima i{ background: url(../images/foot/nav-erweima.svg) no-repeat center; background-size: 1rem auto;}


.nav-on	{
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
	}
	
/*------中间扫码按钮------*/
/*.nav li .scan-btn{ width: 3.4rem; height: 3.4rem; border-radius: 50%; background: linear-gradient(-45deg,#7e67ff,#49a7ff); background: -webkit-linear-gradient(top left,#49a7ff,#7e67ff); box-shadow: 0 -.1rem .8rem rgba(88,135,251,.7); overflow: hidden; margin: 0 auto; margin-top: -1.3rem;}
.nav li .scan-btn i{ width: 3.4rem; height: 3.4rem; background: url(../images/icon_scan.svg) no-repeat center; background-size: 1.8rem auto;}
*/
.nav1 li .scan-btn i{ width: 2.54rem; height: 2.54rem; border-radius: 50%; background: linear-gradient(-45deg,#7e67ff,#49a7ff); background: -webkit-linear-gradient(top left,#49a7ff,#7e67ff); box-shadow: 0 -.1rem .8rem rgba(88,135,251,.7); overflow: hidden; margin: 0 auto; margin-top: -1.24rem; position: relative;}
.nav1 li .scan-btn i:after{ width: 2.54rem; height: 2.54rem; content: ''; background: url(../images/icon_scan.svg) no-repeat center; background-size: 1.4rem auto; position: absolute; left: 0; top: 0;}






/**********客户设置**********/
/**************************/
/******设置菜单******/
/*------主体------*/


.tuoguan{ width: 100%; background: #fff; overflow: hidden; padding: 0 0 .8rem 0;position: relative;}
.tuoguan i{ background-image: url(../images/setting/user_icon_1.svg);width: 1.2rem; height: 1.4rem; background-position: center; background-repeat: no-repeat; background-size: .86rem auto; display: block; position: absolute; left: .4rem; top: .3rem;}
.tuoguan h3{ line-height: 1.4rem; font-size: .56rem; padding: .3rem 5rem .3rem 2rem; position: relative;}


.setting-menu{ width: 100%; background: #fff; overflow: hidden; position: relative;}

.setting-menu a{ width:100%; color: #111; border-bottom: #f1f1f1 1px solid; display: block; padding: .3rem 5rem .3rem 2rem; position: relative;}
.setting-menu a:after{ width: .5rem; height: 1.4rem; content: ''; background: url(../images/icon_arrow.svg) no-repeat center; background-size: .8rem auto; position: absolute; right:.3rem; top:.3rem;}
.setting-menu a:last-child{ border: none;}

/*------列表------*/
.setting-menu i{ width: 1.2rem; height: 1.4rem; background-position: center; background-repeat: no-repeat; background-size: .86rem auto; display: block; position: absolute; left: .4rem; top: .3rem;}
.setting-menu h3{ line-height: 1.4rem; font-size: .56rem;}
.setting-menu span{ line-height: 1.4rem; font-size: .5rem; color: #999; position: absolute; right: 1.2rem; top: .3rem;}

.setting-menu em.remind{ width:.35rem; height: .35rem; background: #fa5e6a; border-radius: 50%; display: block; position: absolute; right: 1.2rem; top: .8rem;}
.setting-menu em.new-version{ line-height: .6rem; color: #fff; background: #fa5e6a; border-radius: .3rem; margin-left: .2rem; padding: 0 .3rem;}

/*------列表图标------*/
.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);}
.setting-menu a.setting-menu-5 i{ background-image: url(../images/setting/user_icon_5.svg); background-size: .96rem auto;}
.setting-menu a.setting-menu-6 i{ background-image: url(../images/setting/user_icon_6.svg); background-size: .96rem auto;}
.setting-menu a.setting-menu-7 i{ background-image: url(../images/setting/user_icon_7.svg);}
.setting-menu a.setting-menu-8 i{ background-image: url(../images/setting/user_icon_8.svg);}
.setting-menu a.setting-menu-9 i{ background-image: url(../images/setting/user_icon_9.svg);}
.setting-menu a.setting-menu-10 i{ background-image: url(../images/setting/user_icon_10.svg); background-size: .76rem auto;}
.setting-menu a.setting-menu-11 i{ background-image: url(../images/setting/user_icon_11.svg);}
.setting-menu a.setting-menu-12 i{ background-image: url(../images/setting/user_icon_12.svg);}
.setting-menu a.setting-menu-13 i{ background-image: url(../images/setting/user_icon_13.svg);}
.setting-menu a.setting-menu-14 i{ background-image: url(../images/setting/user_icon_14.svg);}
.setting-menu a.setting-menu-15 i{ background-image: url(../images/setting/user_icon_15.svg);}
.setting-menu a.setting-menu-16 i{ background-image: url(../images/setting/user_icon_16.svg);}
.setting-menu a.setting-menu-17 i{ background-image: url(../images/setting/user_icon_17.svg); background-size: .8rem auto;}

/*------个人信息和设置头像------*/
.setting-menu.setting-photo{ min-height: 3.6rem; background: linear-gradient(90deg,#930f0c,#930f0c); background: -webkit-linear-gradient(left,#930f0c,#930f0c); padding: .4rem .5rem .5rem 4rem;}

.setting-menu.setting-photo .setting-img{ width: 2.6rem; height: 2.6rem; border-radius: 50%; overflow: hidden; position: absolute; left: .5rem; top: .3rem;}
.setting-menu.setting-photo .setting-img img{ width: 100%;}
.setting-menu.setting-photo h1{ font-size: .52rem; color: #fff; padding: 0 0 .2rem 0;}

.setting-menu.setting-photo span{ font-size: .52rem; color: #fff; top: 1rem; right: .5rem;}

/*------信用等级------*/
.setting-menu.setting-photo h3, .setting-menu.setting-photo i{ height: .8rem; display: block; float: left;}
.setting-menu.setting-photo h3{ line-height: .8rem; font-size: .56rem; color: #fff; margin-right: .2rem;}
.setting-menu.setting-photo i{ width:.66rem; background: url(../images/icon_heart.svg) no-repeat center; background-size: .54rem auto; position: relative; top: 0; left: 0;}

/*------退出登录------*/
.logout{ width: 100%; overflow: hidden; padding: 0 0 .8rem 0;}
.logout a{ width: 100%; font-size: .56rem; color: #2487ff; text-align: center; background: #fff; display: block; padding: .4rem;}



/**********文章样式**********/
/**************************/
/******列表******/
.article-box{ width: 100%; position: relative;}

.article-list{ width:100%; color: #111; background: #fff; display: block; padding: .4rem 1.8rem .4rem .5rem; margin-bottom: .3rem; position: relative;}
.article-list:after{ width: .5rem; height: 1.4rem; content: ''; background: url(../images/icon_arrow.svg) no-repeat center; background-size: .8rem auto; position: absolute; right:.3rem; top:.6rem;}

.article-list h3{ width: 100%; height: 1rem; line-height: 1rem; font-size: .6rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.article-list p{ color: #999; margin-top: .1rem;}

.article-list em.remind{ width:.35rem; height: .35rem; background: #fa5e6a; border-radius: 50%; display: block; position: absolute; right: 1.2rem; top: 1.15rem;}

/******正文******/
.article{ width: 100%; background: #fff; overflow: hidden; padding: .5rem .7rem;}
.article .article-title{ font-size: .72rem; text-align: center; padding: .3rem 0;}
.article .article-time{ font-size: .56rem; text-align: center; color: #999;}

.article .article-content{ overflow: hidden; padding: 1rem 0 .8rem 0;}
.article .article-content p{ width: 100%; line-height: 1.8em; font-size: .52rem; color: #555; text-indent: 0rem; text-align: justify; margin-top: .15rem;}



/**********客户资金相关**********/
/**************************/
/******银行卡管理******/
/*------添加银行卡按钮------*/
.add-bankcard{ width: 100%; overflow: hidden; padding: 1.5rem .5rem 0 .5rem;}
.add-bankcard a{ color: #859ead; text-align: center; background: #fff; border: #c8cfd2 1px solid; border-radius: .3rem; display: block; padding: .3rem;}
.add-bankcard i, .add-bankcard span{ height: 1rem; line-height: 1rem; display: inline-block; vertical-align: top;}
.add-bankcard i{ width: 1.2rem;background: url(../images/icon_card.png) no-repeat center; background-size: auto .8rem;}

/*------添加银行卡表单------*/
.bankcard-form .form-label{ width: 5rem;}

/*------银行卡列表------*/
.bankcard-list{ width:100%;}
.bankcard-list li{  width:auto; background: #fff; border-radius: .25rem; box-shadow: 0 0 6px rgba(0, 0, 0, .15); overflow: hidden; position: relative; margin: .6rem .5rem; z-index: 1;}

.bankcard-list .bankcard-list-box{ width: 100%; display: block; position: relative;}
.bankcard-list .bankcard-list-box h3{ width: 100%; font-size: .6rem; color: #fff; background: linear-gradient(90deg,#5cadfe,#8584f7); background: -webkit-linear-gradient(left,#5cadfe,#8584f7); padding: .3rem .6rem;}
.bankcard-list .bankcard-list-box p{ font-size: .56rem; color: #666; display: block; padding: .6rem;}
.bankcard-list .bankcard-list-box span{ font-size: .4rem; color: #930f0c; border: #930f0c 1px solid; border-radius: .1rem; padding: 0 .1rem; display: inline-block; margin-right: .2rem;}

.bankcard-list button{ color: #aaa; border: #ddd 1px solid; border-radius: .2rem; padding: .1rem .5rem; position: absolute; right: .6rem; bottom: .45rem; z-index: 2;}


/******选择国家******/
/*------国家列表------*/
.region{ padding: 3.16rem 0 1.6rem 0;}
.current-region{ width: 100%; line-height: 1.4rem; color: #777; background: #fff; border-bottom: #eee 1px solid; padding: 0 .5rem; position: fixed; left: 0; top: 1.76rem; z-index: 99;}

.region-list{ width: 100%; background: #fff; border-top: #eee 1px solid; border-bottom: #eee 1px solid; overflow: hidden; padding: 0 0 0 .5rem;}
.region-list li{ width: 100%; height: 1.7rem; line-height: 1.7rem; border-bottom: #eee 1px solid; position: relative;}
.region-list li:last-child{ border-bottom: none;}

/*------选择框------*/
.region-list li label, .region-list input[type='radio']{ width:100%; height: 1.7rem; position: absolute; left: 0; top: 0;}
.region-list li label{ font-size: .56rem; z-index: 1;}
.region-list input[type='radio']{ opacity: 0; z-index: 2}

.region-list input:checked+label::after{ width: 1rem; height: 1rem; content: ''; background: url(../images/icon_check.svg) no-repeat center; background-size: .55rem auto; position: absolute; right: .5rem; top: .35rem;}
.region-list input:checked+label{ color: #930f0c;}

/*------提交------*/
.region-sumbit{ width:100%; height: 1.65rem; position: fixed; left: 0; bottom: 0; z-index: 999;}
.region-sumbit button{ width: 100%; height: 100%; font-size: .56rem; color: #fff; background: #930f0c;}


/******我的资产******/
/*------佣金------*/
.assets-balance{ width: 100%; background: #fff; border-bottom: #f1f1f1 1px solid; overflow: hidden; position: relative;}
.assets-balance:after{ width: 1.1rem; height: 1.1rem; content: ''; background: url(../images/arrow_double.svg) no-repeat center; background-size: 1.1rem auto; position: absolute; left: 45%; top: .9rem;}

.assets-balance li{ width: 50%; text-align: center; overflow: hidden; float: left; padding: .6rem 1rem .6rem .5rem;}
.assets-balance li:last-child{ padding: .6rem .5rem .6rem 1rem;}

.assets-balance li p{ line-height: .6rem; font-size: .56rem; color: #999; display: block;}
.assets-balance li h3{ width: 100%; height: 1rem; font-size: .8rem; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; margin-top: .1rem;}

.assets-balance li p.assets-unit span{ display: inline-block; padding: 0 .6rem 0 0; position: relative;}
.assets-balance li p.assets-unit span:after{ width: 0; height: 0; content: ''; border-left:.18rem solid transparent; border-right:.18rem solid transparent; border-top:.18rem solid #bbb; display: block; position: absolute; right: 0; top: .25rem;}

/*------资产列表------*/
.assets-title{ width: 100%; font-size: .5rem; color: #333; padding: .3rem .5rem;}

.assets-list{ width: 100%; background: #fff; border-top: #f1f1f1 1px solid; overflow: hidden;}
.assets-list li{ width: 50%; border-right: #f1f1f1 1px solid; border-bottom: #f1f1f1 1px solid; overflow: hidden; padding: .5rem; float: left;}
.assets-list span{ font-size: .52rem; color: #666;}
.assets-list h3{ font-size: .76rem; color: #930f0c;}



/**********分享相关**********/
/**************************/
/******分享******/
/*------页面主体------*/
.share-bg{ min-height: 100%; background: url(../images/share_bg.jpg) no-repeat center; background-size: cover;}

.share-header{ background: none;}

/*------分享二维码------*/
.share-qrcode{ width: 100%; overflow: hidden; padding: 3rem 0 0 0;}
.share-qrcode img{ display: block; margin: 0 auto;}
.share-qrcode img.qrcode-img{ width: 9rem; height: 9rem; margin-top: 2rem;}
.share-qrcode p{ font-size: .6rem; color: #fff; text-align: center; padding: 2rem 2rem 0 2rem;}

/*------复制地址------*/
.share-address{ width: 100%; overflow: hidden; padding: 1rem 0;}
.share-address button{ width: 8rem; line-height: 1.4rem; font-size: .56rem; color: #fff; text-align: center; background: rgba(255,255,255,.4); border-radius: .7rem; display: block; margin: 0 auto;}



/**********反馈建议**********/
/**************************/
/******反馈表单******/
/*------主体------*/
.feedback-form{ width: 100%; overflow: hidden;}
.feedback-form h3{ width: 100%; font-size: .56rem; color: #333; padding: .5rem .5rem .3rem .5rem;}

/*------反馈类型------*/
.feedback-type{ border-top: none;}
.feedback-type li{ height: 1.5rem; line-height: 1.5rem;}

.feedback-type li label, .feedback-type input[type='radio']{ height: 1.5rem;}
.feedback-type li label{ font-size: .52rem; color: #777;}
.feedback-type input:checked+label::after{ top: .3rem;}

/*------上传图片------*/
.feedback-form .upload-photo h3{ padding: 0 0 .5rem 0;}
/**********商城模块**********/
/**************************/
/******收货地址******/
/*------无收货地址------*/
.no-address{ width: 100%; height: 15rem; overflow: hidden; padding-top: 8rem;}
.no-address i{ width: 2rem; height: 2rem; background: url(../images/icon_location.svg) no-repeat center; background-size: 2rem auto; display: block; margin: 0 auto;}
.no-address p{ font-size: .52rem; color: #666; text-align: center; margin-top: .8rem;}

/*------地址列表------*/
.address-list{ width: 100%; overflow: hidden; position: relative;}
.address{ width: 100%; background: #fff; overflow: hidden; padding: 0 .5rem;}

.address .address-list-content{ width: 100%; border-bottom: #f1f1f1 1px solid; overflow: hidden; padding: .6rem 0;}
.address .address-list-content h3{ font-size: .64rem; color: #111; float: left;}
.address .address-list-content span{ font-size: .6rem; color: #111; display: block; float: right;}
.address .address-list-content p{ width: 100%; font-size: .52rem; color: #777; overflow: hidden; padding-top: .3rem; clear: both;}

/*------地址列表操作------*/
.address .address-list-toolbar{ width: 100%; overflow: hidden; padding: .2rem 0;}
.address .address-list-toolbar .default-address{ float:left;}
.address .address-list-toolbar .default-address .set-default{ padding: .22rem;}
.address .address-list-toolbar .default-address .set-default i{ width:.74rem; height:.74rem; background:url(../images/icon_check_white.svg) #930f0c no-repeat center; background-size:.5rem auto; border-radius: 50%; display: block; float: left;}

.address .address-list-toolbar .address-operate{ float: right;}
.address .address-list-toolbar .address-operate a{ line-height: 1.2rem; color: #555; display: block; margin-left: 1rem; float: left;}


/******店铺申请审核中******/
.shop-apply{ width: 100%; background: url(../images/user_bg.png) no-repeat center top; background-size: 100% 100%; overflow: hidden; padding: 1rem;}
.shop-apply i{ width: 5rem; height: 5rem; background: url(../images/icon_verify.png) no-repeat center; background-size: 100% auto; display: block; margin: 0 auto;}
.shop-apply h1{ font-size: .56rem; color: #fff; text-align: center; padding-top: .5rem;}
.shop-apply span{ font-size: .6rem; color: #f00;}


/******店铺资料******/
.shop-card{ width: 100%; text-align: center; color: #fff; background: url(../images/user_bg.png) no-repeat center top; background-size: cover; overflow: hidden; padding: 1.5rem 1rem;}
.shop-card h1{ font-size: 1.1rem; padding: 0 0 .5rem 0;}
.shop-card p{ font-size: .6rem;}

.enter-shop{ width: 100%; padding: .5rem;}
.enter-shop a{ width: 100%; height: 1.6rem; line-height: 1.6rem; font-size: .6rem; color: #fff; text-align: center; background: #46adfc; border-radius: .2rem; display: block;}


/******店铺产品管理******/
/*------产品列表------*/
.product-container{ overflow-x: hidden; overflow-y: auto; position: absolute; left: 0; top: 1.8rem; right: 0; bottom: 2.1rem;}
.product{ width: 100%; position: relative;}

.product-box{ width:100%; border-bottom:#eee 1px solid; background:#fff; overflow:hidden; position:relative; margin-bottom: .3rem;}
.product-box a{ width:100%; display:block; overflow:hidden;}
.product-box img{ width:4.4rem; height:4.4rem;}

.product-box .product-info{ width:10.6rem; overflow:hidden; padding:.4rem .5rem 0 .6rem;}
.product-box .product-info h3{ height:1.6rem; line-height:.8rem; font-weight:normal; font-size:.56rem; color:#333; -webkit-line-clamp:2; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical;}
.product-box .product-info p{ font-size:.64rem; color:#fc0a0a; margin-top:.4rem;}
.product-box .product-info span{ font-size:.5rem; color:#999;}

.product-box .product-edit{ position: absolute; right: .5rem; bottom: .5rem;}
.product-box .product-edit a, .product-box .product-edit span{ width: auto; line-height: 1rem; font-size: .52rem; color: #999; border: #ddd 1px solid; border-radius: .2rem; display: block; float: left; padding: 0 .3rem; margin-left: .3rem;}

/*------添加产品表格------*/
.product-form .upload-photo{ padding: .5rem .3rem;}
.product-form .upload-photo h3{ font-size: .56rem; color: #333; padding: 0 0 .3rem 0;}

.product-form .textarea-group{ padding: .5rem .3rem .3rem .3rem;}


/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
 
.swiper-container {width: 100%;} 
.swiper-container img {display: block;width: 100%;} 
 
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 50%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #04BE02;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}