/*
	[Destoon B2B System] Copyright (c) 2008-2016 Destoon.COM
	This is NOT a freeware, use is subject to license.txt
*/
* {word-break:break-all;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif;}
body {margin:0;font-size:14px;color:#fff;background:#0F172A;-webkit-user-select:none;}
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form {margin:0px;padding:0px;}
form {margin:0px;}
td {font-size:14px;}
img {border:none;}
a:link,a:visited,a:active,a:hover {color:inherit;text-decoration:none;}
a.b:link,a.b:visited,a.b:active,a.b:hover{text-decoration:none;color:#007AFF;}
a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
input,textarea,select {outline:none;}
.f_red {color:red;}
.f_green {color:green;}
.f_orange {color:#FF6600;}
.f_gray {color:#666666;}
.f_r {float:right;}
.t_c {text-align:center;}
.t_r {text-align:right;}
.c_b {clear:both;}
.f_b {font-weight:bold;}
.lh20 {line-height:200%;}
.px14 {font-size:14px;}
.px12 {font-size:12px;}
.px11 {font-size:11px;}
.px10 {font-size:10px;}

.img-circle {border-radius:50%;}
.blank-10 {height:10px;clear:both;}
.blank-20 {height:20px;clear:both;}
.blank-35 {height:35px;clear:both;}
.main {background:#0F172A;clear:both;}
.bd-t {border-top:1px solid rgba(255,255,255,0.08);}
.bd-r {border-right:1px solid rgba(255,255,255,0.08);}
.bd-b {border-bottom:1px solid rgba(255,255,255,0.08);}
.bd-l {border-left:1px solid rgba(255,255,255,0.08);}

.btn-green,.btn-blue,.btn-orange {color:#FFFFFF;font-size:18px;width:100%;line-height:36px;border:none;border-radius:4px;text-align:center;}
.btn-green {background:#77C019;}
.btn-blue {background:#007AFF;}
.btn-orange {background:#FF8800;}
.input-checkbox {width:24px;height:24px;background:url('img/icon-checkbox.png') no-repeat;background-size:24px 24px;}
.input-checkbox-checked {width:24px;height:24px;background:url('img/icon-checkbox-checked.png') no-repeat;background-size:24px 24px;}

.head-bar-fix {height:48px;clear:both;}
.head-bar {width:100%;height:48px;line-height:48px;overflow:hidden;background:rgba(15,23,42,0.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.05);position:fixed;z-index:9;left:0;top:0;}
.head-bar img {width:24px;height:24px;vertical-align:top;padding-top:12px;}
.head-bar span {color:#60A5FA;font-size:18px;}
.head-bar-title {position:absolute;z-index:9;left:80px;right:80px;font-size:18px;font-weight:bold;text-align:center;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#fff;}
.head-bar-left {float:left;padding:0 0 0 10px;}
.head-bar-back {float:left;padding:0 0 0 5px;}
.head-bar-right {float:right;padding:0 10px 0 0;}

.foot-bar-fix {height:48px;clear:both;}
.foot-bar {width:100%;height:48px;overflow:hidden;background:#0F172A;border-top:1px solid rgba(255,255,255,0.08);position:fixed;z-index:9;left:0;bottom:0;}
.foot-bar li {width:25%;height:48px;float:left;text-align:center;font-size:11px;}
.foot-bar span {display:block;padding-top:32px;color:rgba(255,255,255,0.6);}
.foot-bar em {font-style:normal;font-size:10px;position:relative;z-index:10;display:block;width:5px;height:5px;left:50%;margin:-38px 0 0 8px;background:#FF0000;border:1px solid #F43531;border-radius:5px;}
.foot-bar .icon-home {background:url('img/icon-home.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-home-on {background:url('img/icon-home-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-channel {background:url('img/icon-channel.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-channel-on {background:url('img/icon-channel-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-my {background:url('img/icon-my.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-my-on {background:url('img/icon-my-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-more {background:url('img/my-message.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-more-on {background:url('img/icon-more-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-home span,.foot-bar .icon-channel span,.foot-bar .icon-my span,.foot-bar .icon-more span {color:#7A7E83;}
.foot-bar .icon-home-on span,.foot-bar .icon-channel-on span,.foot-bar .icon-my-on span,.foot-bar .icon-more-on span {color:#007AFF;}

.foot-comment {text-align:right;margin:10px 10px 0 0;line-height:28px;font-size:16px;}
.foot-comment div {position:absolute;z-index:10;left:10px;right:60px;text-align:center;background:#FFFFFF;color:#999999;font-size:14px;}

.my-cart {width:46px;height:46px;background:url('img/home-cart.png') no-repeat center center;background-size:46px 46px;opacity:0.9;position:fixed;z-index:10;right:10px;bottom:60px;}
.my-cart em {display:block;height:16px;line-height:16px;padding:0 6px 0 6px;float:right;font-size:12px;color:#FFFFFF;font-style:normal;background:#FF0000;border-radius:50%;}

.user-info {height:84px;border-bottom:#D9D9D9 1px solid;border-top:#D9D9D9 1px solid;background:#FFFFFF url('img/list-set.png') no-repeat right center;background-size:23px 13px;}
.user-info img {float:left;border-radius:50%;margin:10px 16px 0 16px;}
.user-info div {float:left;line-height:26px;margin:16px 0 0 0;}
.user-info strong {font-size:18px;font-weight:normal;}

.list-set {background:#0F172A;border-top:1px solid rgba(255,255,255,0.08);border-bottom:1px solid rgba(255,255,255,0.08);font-size:18px;}
.list-set li {background:#0F172A;}
.list-set div {margin-left:15px;height:44px;line-height:44px;padding:0 35px 0 0;overflow:hidden;border-top:1px solid rgba(255,255,255,0.06);background:url('img/list-set.png') no-repeat right center;background-size:23px 13px;color:rgba(255,255,255,0.8);}
.list-set a {display:block;width:100%;height:44px;color:rgba(255,255,255,0.8);}
.list-set em {display:block;height:16px;line-height:16px;padding:0 6px 0 6px;float:right;font-size:12px;color:#FFFFFF;font-style:normal;background:#FF0000;border-radius:10px;margin-top:14px;}
.list-set span {float:right;font-size:14px;color:#333333;padding-left:10px;}

.list-set-img div {margin-left:50px;}
.list-set-img img {width:24px;height:24px;position:absolute;z-index:9;margin:10px 0 0 -35px;}

.list-txt {border-top:#D9D9D9 1px solid;font-size:16px;}
.list-txt li {line-height:44px;padding:0 30px 0 15px;overflow:hidden;border-bottom:#D9D9D9 1px solid;background:#FFFFFF url('img/list-set.png') no-repeat right center;background-size:23px 13px;}
.list-txt a {display:block;width:100%;height:44px;}
.list-txt span {float:right;font-size:11px;color:#6D6D72;padding-left:10px;}

.list-img {height:80px;background:#FFFFFF;overflow:hidden;clear:both;border-bottom:#D9D9D9 1px solid;padding:0 10px;}
.list-img img {float:left;margin:10px 10px 10px 0;}
.list-img ul {margin:10px 0 0 0;}
.list-img li {height:20px;line-height:20px;overflow:hidden;}
.list-img strong {font-size:16px;display:block;width:100%;font-weight:normal;}
.list-img em {font-size:12px;color:#666666;font-style:normal;}
.list-img span {font-size:12px;color:#666666;}
.list-img .price {font-size:12px;color:#FF0000;}
.list-img .vip {background:url('img/icon-vip.png') no-repeat 0 center;background-size:14px 14px;padding-left:15px;}

.list-user {height:32px;overflow:hidden;padding:0 16px;margin-top:10px;}
.list-user img {float:left;}
.list-user ul {position:absolute;left:58px;right:16px;}
.list-user li {line-height:16px;color:#999999;}
.list-user span {float:right;font-size:12px;}
.list-user em {font-size:11px;font-style:normal;}

.list-tab {padding:16px;background:rgba(255,255,255,0.03);}
.list-tab ul {border:#3B82F6 1px solid;border-radius:4px;height:24px;line-height:24px;font-size:12px;text-align:center;display:-moz-box;display:-webkit-box;display:box;}
.list-tab li {color:#3B82F6;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}
.list-tab li:first-child {border-right:#3B82F6 1px solid;}
.list-tab li:last-child {border-left:#3B82F6 1px solid;}
.list-tab span {color:#3B82F6;display:block;width:100%;height:100%;}
.list-tab .on {background:#3B82F6;color:#FFFFFF;}
.list-tab .on span {color:#FFFFFF;}

.list-empty {padding:40px 20px;line-height:200%;background:rgba(255,255,255,0.03);text-align:center;color:rgba(255,255,255,0.7);}

.title {font-size:20px;line-height:22px;padding:16px;color:#fff;}
.info {font-size:14px;padding:0 16px 16px 16px;color:rgba(255,255,255,0.6);border-bottom:1px solid rgba(255,255,255,0.06);}
.content {font-size:16px;line-height:180%;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,0.06);color:rgba(255,255,255,0.8);}
.content img {max-width:98%;height:auto;}
.content table {max-width:98%;height:auto;}
.content-msg {font-size:16px;line-height:30px;padding:44px 15px 44px 10px;text-align:center;}
.head {height:44px;line-height:44px;font-size:18px;padding:0 16px;}
.contact {padding:10px 16px;font-size:16px;line-height:200%;}
.pages {height:44px;line-height:44px;text-align:center;background:#F7F7F7;clear:both;font-size:16px;}
.pages a {padding-left:10px;}

.album {padding:10px 0;text-align:center;}
.album_o {display:inline-block;width:10px;height:10px;margin:5px;background:rgba(255,255,255,0.2);border:1px solid #3B82F6;border-radius:10px;}
.album_c {display:inline-block;width:10px;height:10px;margin:5px;background:#3B82F6;border:1px solid #3B82F6;border-radius:10px;}

.share_icon {display:none;}

.ui-toast {height:32px;line-height:32px;overflow:hidden;display:inline-block;padding:0 16px;background:#000000;opacity:0.8;color:#FFFFFF;border-radius:6px;position:fixed;z-index:99;top:76px;font-size:14px;display:none;}
.ui-sheet {opacity:0.9;position:fixed;z-index:99;left:8px;right:8px;bottom:0;display:none;}
.ui-sheet div {background:#FFFFFF;border-radius:4px;}
.ui-sheet li {height:44px;line-height:44px;overflow:hidden;text-align:center;font-size:20px;color:#007AFF;border-top:#D9D9D9 1px solid;}
.ui-sheet p {height:44px;line-height:44px;text-align:center;font-size:20px;color:#007AFF;font-weight:bold;margin:8px 0;background:#FFFFFF;border-radius:4px;}
.ui-sheet em {padding:10px;line-height:24px;font-size:14px;color:#999999;font-style:normal;text-align:center;display:block;}
.ui-sheet span {color:#007AFF;display:block;width:100%;}
.ui-mask {position:fixed;z-index:98;left:0;top:0;right:0;width:100%;height:100%;overflow:hidden;background:#000000;opacity:0.5;display:none;}
.ui-icon-loading {background:url('lib/jquery/images/ajax-loader.gif');background-size:2.875em 2.875em;}


.case_t{width: 100%;}
.case_t img{width: 100%;}
.news_item{width: 94%; margin: 5% auto;float: left;}
.news_item .fl{width: 26%; background-color: #2eafbb; box-sizing: border-box; color: #fff; padding: 2%;  padding-bottom: 5%;float: left;}

.f60{font-size: 2rem;}
.news_item .fl dd{line-height: 1.5;}
.f22{font-size: 1.375rem;}
.news_item .fl .line{width: 25%; margin: 3% 0 3% 73%;}
.news_item .fr{width: 74%; box-sizing: border-box; padding: 2%;float: left;}
.news_item .fr dt{line-height: 2;}
.news_item .fr dt a{color: #2eafbb;}
.news_item .fr dd.spec a{color: #6a6e6e;}
.news_item .fr dd.more{margin-top: 2%;}
.news_item .fr .hits_t{color: #999999; line-height: 2.4;}
.news_item .fr .hits_num{color: #f00; line-height: 2.4;}
.news_item .fr .btn_a{display: block; float: right; border: 1px solid #2eafbb; line-height: 2.4; padding: 0 4%; color: #2eafbb;}


.post{float: left; clear: both; width: 100%; border-bottom: 1px #ddd solid; padding: 5px 0 10px 0; margin: 0 0 15px 0;}
.pro-top-img img{width: 100%;}
.f-28{font-size: 28px;}
.text-light{color: #fff;}
.atc-aboutus{padding: 0 15px 15px; background: #fff;}
.atc-aboutus p{margin-bottom: 0; padding-top: 15px; font-size: 12px; color: #6e6e6e; text-indent: 2em; line-height: 16px;}
.atc-aboutus img{padding-top: 15px; width: 100%;}
.abousts-d{position: absolute; margin-top: -120px; text-align: center; width: 100%;}
.nav-dec h2, .integrated-r2c h2, .proNav-dec h2, .sltNav-dec h2{margin: 0; font-size: 18px; line-height: 44px; color: #333; background-color: #fff; border-bottom: 1px solid #eee;}
.proNav-dec-list, .nav-dec-list, .sltNav-dec-list{background-color: #fff; text-align: center;}
.slt-pf-kx.h92 li{height: 92px;}
.slt-pf-kx li, .slt-sq-kx li, .slt-hysc-kx li, .slt-fx-kx li, .slt-bhsc-kx li, .slt-qqls-kx li, .slt-lsd-kx li, .slt-kj-kx li{margin-bottom: 15px; height: 75px; list-style: none; color: #565656; background-color: #fafafa;}
.pf-kx-pic, .sq-kx-pic, .fx-kx-pic, .bhsc-kx-pic, .qqls-kx-pic, .lsd-kx-pic, .kj-kx-pic, .hysc-kx-pic{float: left; width: 150px;}
.pf-kx-pic img, .sq-kx-pic img, .fx-kx-pic img, .bhsc-kx-pic img, .qqls-kx-pic img, .lsd-kx-pic img, .kj-kx-pic img, .hysc-kx-pic img{width: 100%; height: 100%;}
.pf-kx-con{line-height: 16px;}
.pf-kx-con h4{padding-bottom: 5px;}
.slt-pf-kx h4{font-size: 15px; margin: 0;}


.product {margin-top:10px;}
.product li {float:left;width:50%;text-align:center;overflow:hidden;}
.product li a {display:block;margin-bottom:5px;color:rgba(255,255,255,0.7);}
.product li img {width:125px;height:110px;}
.product_a{width: 100%;background: #0F172A;height: 286px;}





.slide {width:100%;height:100px;background:rgba(255,255,255,0.03);overflow:hidden;}
.quick {height:70px;background:rgba(255,255,255,0.03);text-align:center;padding:15px 0;}
.quick li {width:25%;float:left;}
.quick img {width:46px;margin:0 0 6px 0;}
.quick span {display:block;font-size:12px;color:rgba(255,255,255,0.7);}
.quick em {font-style:normal;font-size:12px;color:#FFFFFF;z-index:8;position:relative;display:block;width:22px;height:22px;line-height:22px;left:50%;margin:-74px 0 0 8px;background:#FF0000;border-radius:50%;text-align:center;}
.channel {background:rgba(255,255,255,0.03);height:44px;overflow-x:auto;margin-top:10px;font-size:16px;}
.channel ul {width:max-content; min-width:100%;}
.channel li {height:42px;line-height:42px;padding:0 10px;border-bottom:2px solid transparent;float:left;color:rgba(255,255,255,0.7);}
.channel .on {border-bottom:#3B82F6 2px solid;color:#60A5FA;}
.channel_fix {position:fixed;z-index:9;left:0;top:{if $DT_MOB[browser]=='b2b'&&$DT_MOB[os]=='ios'}58{else}38{/if}px;right:0;border-top:#A7A7AA 0.5px solid;}
#main {background:#0F172A;}
.spin-more,.spin-load {height:44px;background:rgba(255,255,255,0.04) url('img/spinner.gif') no-repeat center center;background-size:16px 16px;display:none;}
.home-search {text-align:center;padding:10px;}
.home-search div {height:28px;line-height:28px;background:rgba(255,255,255,0.06);border-radius:4px;}
.home-search img {width:16px;height:16px;vertical-align:top;padding-top:6px;padding-right:8px;}
.home-search span {color:rgba(255,255,255,0.5);font-size:14px;font-weight:normal;}
.home-goto {background:transparent;padding:8px 8px 16px 8px;text-align:center;display:none;}
.home-goto div {background:#007AFF;padding:8px;border-radius:4px;font-size:16px;color:#FFFFFF;}
.list-txt {border-top:none;}

.service_list dl.f{padding-left: 2.6333%;}
.service_list dd{margin:0;}
.service_t img{width: 100%;height: auto;}
.service_list dl{width: 46%; padding-right: 2.6333%; float: left; text-align: center;}
.width100{width: 100%;}
.service_list .t{line-height: 2.2; margin-top: 4%;}
.service_list .t a em{color: #43bcc7; display: inline-block; padding-right: 2%; font-style: normal;}
.service_list .btn{width: 40.7609%; margin-top: 9%; margin: 6% auto 12% auto;}
.c{clear: both; font-size: 0; line-height: 0; height: 0; visibility: visible;}
.case_list dl{float: left; width: 50%; position: relative;margin: 0px;}
.case_list dd{position: absolute; bottom: 0px; background: url('img/cases_dd_bg.png') repeat; width: 100%; text-align: center; line-height: 2;margin: 0px;}
.case_list dd a{color: #eeeeec;}

header{
	width:100%; position:fixed; left:0; top:0; overflow:auto; z-index:30;
	background-color:#0F172A;
}
.header-logo{
	padding:0 0 0 15px; overflow:auto;overflow-y: hidden;
}
.header-logo h1{
	float:left; width:25px; padding:13px 0;margin: 0px;
}
.header-logo h1 img{
	width:100%; display:block;
}
.menu-open{
	float:right; width:50px; height:42px; position:relative;margin: 0px;
}
.menu-open .icon-arrow{
	width:100%; position:absolute; left:0; bottom:0; display:none;
}
nav{
	width:100%; border-top:1px solid rgba(255,255,255,0.08); display:none;
	background-color:#0F172A;
}
nav li{
	border-bottom:1px solid rgba(255,255,255,0.06);
}
nav li a{
	height:44px; line-height:44px; padding:0 20px; display:block;
	color:rgba(255,255,255,0.7);
	background-color:#0F172A;
}
nav li a span{
	float:right; width:2.5%; max-width:13px;
}
nav li.active a{
	color:#3B82F6;
}

section{
	margin:83px auto 0 auto; width:100%; max-width:640px; overflow:auto;margin-top: 42px;
}
.section-top{
	padding:8px 0 9px 0; margin-bottom:41px; overflow:auto;
}
.section-top img{
	float:left; width:54.6875%; max-width:350px;
}

/* 首页 */
.home-catalog{
	padding:15px 3.125%; margin-top:10px; overflow:auto; background-color:rgba(255,255,255,0.03);
}
.home-catalog li{
	float:left; width:31.25%; text-align:center;
}
.home-catalog li img{
	width:64%;
}
.home-catalog li span{
	padding-top:0.5em; display:block;
	font-size:0.75em; color:rgba(255,255,255,0.6);
}
.home-link{
	margin-top:10px; overflow:auto;
	background-color:rgba(255,255,255,0.03);
}
.home-link li{
	float:left; width:50%;
    -moz-box-sizing:border-box; -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box; box-sizing:border-box;
}
.home-link li a{
	padding:20px 0; display:block; text-align:center;
	font-size:0.75em; color:rgba(255,255,255,0.6);
}
.home-link li span{
	display:block;
	font-size:1.5em; color:#f87171;
}
.home-link li:nth-child(2){
	padding-left:1px;
	background:url(img/home2.png) no-repeat 0 center;
}
.home-link li:nth-child(2) span{
	color:#32aee1;
}
.home-tel400-m{
	margin-top:10px; padding:20px 20% 0 20%;
	background-color:rgba(255,255,255,0.03);
}
.home-tel400{
	padding-bottom:20px; text-align:center;
	border-bottom:1px solid rgba(255,255,255,0.08);
}
.home-tel400 .tl{
	line-height:30px; font-size:1.375em; color:rgba(255,255,255,0.7);
}
.home-tel400 .tel4007{
	line-height:24px; font-size:1.25em; font-family:Arial, Helvetica, sans-serif; color:#f87171;
}
.home-tel400 .intro{
	line-height:20px; font-size:0.625em; color:rgba(255,255,255,0.4);
}
.home-qq{
	padding:20px 0; text-align:center;
	background-color:rgba(255,255,255,0.03);
}
.home-qq .tl{
	line-height:30px; font-size:1.375em; color:rgba(255,255,255,0.7);
}
.home-qq .tel400{
	margin-top:5px; text-align:center;
	font-size:1.25em; font-family:Arial, Helvetica, sans-serif; color:#60A5FA;
}
.home-qq .tel400 img{
	max-width:19px; margin-right:5px; vertical-align:middle;
}

.home-attention{
	padding:10px 0 20px 0; 
	background-color:rgba(255,255,255,0.03);
}
.home-attention h2{
	text-align:center;
	font-size:1.375em; font-weight:normal; color:#666;
}
.home-wx-app{
	margin-top:5px; text-align:center;
}
.home-wx-app .icon{
	width:60px; margin:0 10px;
}

.page-nav{
	width:100%; height:41px; position:fixed; left:0; top:42px; border-bottom:3px solid #fff; z-index:20; overflow:auto;
	background:url(img/line1.png) repeat-x 0 bottom #f5f5f5;
}
.page-nav li{
	float:left; width:20%; height:40px; padding-bottom:1px;
}
.page-nav li a{
	height:40px; line-height:40px; display:block; text-align:center;
	font-size:0.8125em; color:#666;
}
.page-nav li.active{
	background:url(img/icon-arrow.png) no-repeat center bottom;
}
.page-nav li.active a{
	color:#ff362a;
}
.page-m{
	padding-bottom:10px; overflow:auto;
	background-color:#fff;
}

.page-prevnext{
	height:40px; border-bottom:1px solid #e6e6e6; padding:0 15px;
}
.page-prevnext dt{
	float:left; line-height:40px;
}
.page-prevnext dd{
	float:right; line-height:40px;
}
.page-prevnext a{
	font-size:0.875em; color:#666;
}

.page-top{
	height:40px; line-height:40px; position:relative; text-align:center;
	font-size:1em; border-bottom:1px solid rgba(255,255,255,0.08); color:#fff;
	background-color:#0F172A;
}
.page-topicon{
	width:41px; position:absolute; left:0; top:0;
}
.page-topicon img{
	display:block;
}
.page-toplink{
	line-height:40px;
	position:absolute; right:15px; top:0;
}
.page-toplink a{
	line-height:40px; display:block; font-size:1em; color:#ff362a;
}

.page-backlink{
	height:40px; line-height:40px; border-bottom:1px solid #e6e6e6; padding:0 15px;
}
.page-backlink a{
	color:#333;
}

.page-more{
	padding:15px 15px 5px 15px;
}
.page-more a{
	width:100%; height:40px; line-height:40px; border:1px solid #ddd; text-align:center; display:block; color:#666;
    -moz-box-sizing:border-box; -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box; box-sizing:border-box;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}


footer{
	line-height:1.5em; padding:1em 0; text-align:center;
	font-size:0.625em; color:rgba(255,255,255,0.4);
	background-color:#0F172A;
}

.page-mask{
	width:100%; height:100%; position:fixed; left:0; top:0; overflow:auto;
	background-color: rgba(0,0,0,0.5);
}