.w1200 {
	width: 1200px;
	margin: 0 auto
}
.g-safe-block-header {
	padding-top: 80px;
	text-align: center
}
.g-safe-block-header h1 {
	font-size: 40px;
	font-weight: 500;
	line-height: 56px;
	color: #272e47
}
.g-safe-block-header p {
	font-size: 18px;
	line-height: 24px;
	color: #545a6e;
	margin-top: 20px
}
.g-banner-custom-case .swiper-container {
	height: 480px;
	margin: 0 auto;
	position: relative
}
.g-banner-custom-case .swiper-container .swiper-slide h2 {
	font-weight: 500;
	font-size: 40px;
	line-height: 56px;
	color: #fff;
	margin-top: 190px
}
.g-banner-custom-case .swiper-container .swiper-slide.swiper-slide-1 {
}
/*.g-banner-custom-case .swiper-container .swiper-slide.swiper-slide-2 {
	background: #2b2e33 url(../bgimg/bg-slide-2.png) no-repeat bottom;
	-webkit-background-size: 1920px 500px;
	background-size: 1920px 500px
}
.g-banner-custom-case .swiper-container .swiper-slide.swiper-slide-3 {
	background: #2b2e33 url(../bgimg/bg-slide-3.png) no-repeat bottom;
	-webkit-background-size: 1920px 500px;
	background-size: 1920px 500px
}
.g-banner-custom-case .swiper-container .swiper-slide.swiper-slide-4 {
	background: #2b2e33 url(../bgimg/bg-slide-4.png) no-repeat bottom;
	-webkit-background-size: 1920px 500px;
	background-size: 1920px 500px
}
.g-banner-custom-case .swiper-container .swiper-slide.swiper-slide-1 {
	background: #fff url(../bgimg/d313c6c4c3db4294b478a32d4d079ca6.png) no-repeat bottom;
	-webkit-background-size: cover;
	background-size: cover
}*/
.g-banner-custom-case .swiper-container .swiper-slide a {
	margin-top: 30px;
	display: inline-block;
	width: 220px;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	text-align: center;
	border-radius: 20px;
	color: #236def;
	background: #fff;
	letter-spacing: -.336px
}
.g-banner-custom-case .swiper-container .swiper-slide a.js-free-use {
	background: #2373ff;
	color: #fff;
	margin-right: 20px
}
.g-banner-custom-case .swiper-container .swiper-slide a.js-free-use:hover {
	background: #4888fa
}
.g-banner-custom-case .swiper-container .swiper-pagination {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 16px;
	z-index: 1
}
.g-banner-custom-case .swiper-container .swiper-pagination .swiper-pagination-bullet {
	display: inline-block;
	width: 30px;
	height: 3px;
	margin-right: 8px;
	background: hsla(0,0%,100%,.2);
	opacity: 1;
	border-radius: 0
}
.g-banner-custom-case .swiper-container .swiper-pagination .swiper-pagination-bullet:last-child {
	margin-right: 0
}
.g-banner-custom-case .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #236def
}
.g-safe-block-main {
	position: relative;
	margin-top: 48px
}
.g-safe-desc {
	background-color: #f2f5ff;
	height: 820px
}
.g-safe-desc, .g-safe-desc .g-wrapper {
	position: relative
}
.g-safe-desc div.g-safe-desc-bg {
	height: 482px;
	width: 100%;
}
.g-safe-desc .g-safe-desc-bg-left {
	position: absolute;
	left: 120px;
	top: 120px;
	width: 120px;
	height: 120px;
	-webkit-background-size: 120px 120px;
	background-size: 120px 120px;
	-webkit-animation: jumpUp 2s infinite;
	-moz-animation: jumpUp 2s infinite;
	animation: jumpUp 2s infinite
}
.g-safe-desc .g-safe-desc-bg-right {
	position: absolute;
	right: 120px;
	top: 120px;
	width: 120px;
	height: 120px;
	-webkit-background-size: 120px 120px;
	background-size: 120px 120px;
	-webkit-animation: jumpDown 2s ease-out infinite;
	-moz-animation: jumpDown 2s infinite ease-out;
	animation: jumpDown 2s ease-out infinite
}
.g-safe-desc .ripple-container {
	position: relative;
	width: 1234px;
	height: 280px;
	overflow: hidden;
	margin-left: 50%;
	-webkit-transform: translate(-50%, -220px);
	-moz-transform: translate(-50%, -220px);
	-ms-transform: translate(-50%, -220px);
	transform: translate(-50%, -220px)
}
.g-safe-desc .ripple {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60%;
	height: 60%;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: ripple-animation 3s infinite;
	-moz-animation: ripple-animation 3s infinite;
	animation: ripple-animation 3s infinite;
	opacity: 0
}
@-webkit-keyframes ripple-animation {
0% {
-webkit-transform:translate(-50%, -50%) scale(0);
transform:translate(-50%, -50%) scale(0);
background-color:#b593f9;
opacity:0
}
50% {
opacity:.5
}
to {
	-webkit-transform: translate(-50%, -50%) scale(1.5);
	transform: translate(-50%, -50%) scale(1.5);
	opacity: 1
}
}
@-moz-keyframes ripple-animation {
0% {
-moz-transform:translate(-50%, -50%) scale(0);
transform:translate(-50%, -50%) scale(0);
background-color:#b593f9;
opacity:0
}
50% {
opacity:.5
}
to {
	-moz-transform: translate(-50%, -50%) scale(1.5);
	transform: translate(-50%, -50%) scale(1.5);
	opacity: 1
}
}
@keyframes ripple-animation {
0% {
-webkit-transform:translate(-50%, -50%) scale(0);
-moz-transform:translate(-50%, -50%) scale(0);
transform:translate(-50%, -50%) scale(0);
background-color:#b593f9;
opacity:0
}
50% {
opacity:.5
}
to {
	-webkit-transform: translate(-50%, -50%) scale(1.5);
	-moz-transform: translate(-50%, -50%) scale(1.5);
	transform: translate(-50%, -50%) scale(1.5);
	opacity: 1
}
}
@-webkit-keyframes jump {
0%, to {
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
}
@-moz-keyframes jump {
0%, to {
-moz-transform:translateY(0);
transform:translateY(0)
}
50% {
-moz-transform:translateY(-10px);
transform:translateY(-10px)
}
}
@keyframes jump {
0%, to {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
transform:translateY(-10px)
}
}
@-webkit-keyframes jumpUp {
0%, to {
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
50% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
}
@-moz-keyframes jumpUp {
0%, to {
-moz-transform:translateY(10px);
transform:translateY(10px)
}
50% {
-moz-transform:translateY(-10px);
transform:translateY(-10px)
}
}
@keyframes jumpUp {
0%, to {
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
transform:translateY(10px)
}
50% {
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
transform:translateY(-10px)
}
}
@-webkit-keyframes jumpDown {
0%, to {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
50% {
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
}
@-moz-keyframes jumpDown {
0%, to {
-moz-transform:translateY(-10px);
transform:translateY(-10px)
}
50% {
-moz-transform:translateY(10px);
transform:translateY(10px)
}
}
@keyframes jumpDown {
0%, to {
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
transform:translateY(-10px)
}
50% {
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
transform:translateY(10px)
}
}
.customer-case-menu {
	text-align: center
}

.customer-case-menu .customer-case-tab .items{
	
	background-size: 40px 20px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	width:20px;
	height:28px;
	display: block;
    float: left;
    margin-right: 5px;
}
.customer-case-menu .active.customer-case-tab .items{
	background-position: -21px 50%;
}

.customer-case-menu .customer-case-tab {
	display: inline-block;
	color: #545a6e;
	font-weight: 500;
	font-size: 20px;
	text-align: center;
	line-height: 28px;
	margin: 0 32px;
	cursor: pointer;
	/*-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 27px*/
}
.customer-case-menu .customer-case-tab.active {
	position: relative;
	color: #4c6aff
}
.customer-case-menu .customer-case-tab.active:after {
	position: absolute;
	content: "";
	bottom: -12px;
	left: 50%;
	margin-left: -12px;
	background-color: #4c6aff;
	width: 48px;
	height: 2px
}
.customer-case-total {
	margin-top: 40px;
	margin-bottom: 80px
}
.customer-case-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	justify-content: space-around
}
.customer-case-content-item {
	width: 384px;
	height: 148px;
	left: 680px;
	top: 300px;
	background: #fff;
	border: 1px solid #ebedf2;
	-webkit-box-shadow: 0 8px 16px rgba(47,83,134,.12);
	box-shadow: 0 8px 16px rgba(47,83,134,.12);
	border-radius: 12px;
	padding: 24px;
	margin-bottom: 20px
}
.customer-case-content-item>div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center
}
.customer-case-content-item>div img {
	width: 24px;
	height: 24px
}
.customer-case-content-item>div span {
	color: #272e47;
	font-size: 18px;
	margin-left: 12px
}
.customer-case-content-item>p {
	color: #545a6e;
	font-size: 14px;
	line-height: 22px;
	margin-top: 8px;
	padding-left: 36px
}
.g-safe-explain {
	height: 618px;
	padding: 80px 0;
	background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f5f7ff));
	background: -webkit-linear-gradient(bottom, #fff, #f5f7ff);
	background: -moz-linear-gradient(bottom, #fff 0, #f5f7ff 100%);
	background: linear-gradient(1turn, #fff, #f5f7ff);
	overflow: hidden
}
.g-safe-explain .g-safe-explain-content {
	margin-top: 48px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}
.g-safe-explain .g-safe-explain-content-item {
	position: relative;
	padding: 24px;
	width: 384px!important;
	height: 360px;
	background-color: #fff;
	-webkit-box-shadow: 0 30px 24px -24px rgba(0,0,0,.1)!important;
	box-shadow: 0 30px 24px -24px rgba(0,0,0,.1)!important;
	border: 1px solid #ebeef2!important;
	border-radius: 16px;
	cursor: pointer
}

.g-safe-explain .g-safe-shipin:hover .g-safe-explain-content-item-img::before{
	cursor: pointer;
	content: "";
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5) url(../bgimg/cee34b16e8444246ad8e91e2795dba29.png) no-repeat 50%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 6px;
	-webkit-background-size: 80px 80px;
	background-size: 80px 80px
}


.g-safe-explain .g-safe-explain-content-item.g-safe-explain-content-item-1:hover, .g-safe-explain .g-safe-explain-content-item.g-safe-explain-content-item-2:hover, .g-safe-explain .g-safe-explain-content-item.g-safe-explain-content-item-3:hover, .g-safe-explain .g-safe-explain-content-item.g-safe-explain-content-item-4:hover, .g-safe-explain .g-safe-explain-content-item.g-safe-explain-content-item-5:hover, .g-safe-explain .g-safe-explain-content-item.g-safe-mail-admin-content-item-1:hover, .g-safe-explain .g-safe-explain-content-item.g-safe-mail-admin-content-item-2:hover, .g-safe-explain .g-safe-explain-content-item.g-safe-mail-admin-content-item-3:hover, .g-safe-explain .g-safe-explain-content-item.g-safe-mail-admin-content-item-4:hover {
	cursor: pointer
}


.g-safe-explain .g-safe-explain-content-item .g-safe-explain-content-item-sp{
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	width: 58px;
	height: 42px;
	background-color: rgba(0,0,0,.5);
	border-radius: 6px;
	color: #fff
}

.g-safe-explain .g-safe-explain-content-item .g-safe-explain-content-item-img {
	position: relative;
	width: 336px;
	height: 180px;
	border-radius: 6px;
	-webkit-background-size: cover;
	background-size: cover;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center
}
.g-safe-explain .g-safe-explain-content-item .g-safe-explain-content-item-img .g-safe-explain-content-item-img-tag {
	padding-left: 24px;
	font-size: 20px;
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	line-height: 28px
}
.g-safe-explain .g-safe-explain-content-item p {
	font-size: 18px;
	color: #272e47;
	margin-top: 24px;
	line-height: 25px
}
.g-safe-explain .g-safe-explain-content-item .g-safe-explain-content-item-arrow {
	width: 24px;
	height: 24px;
	background: url(../bgimg/4ce6c5c21bbe493883ab956b7dd541db.png) no-repeat 50%;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	bottom: 24px
}
.g-safe-explain-header {
	position: relative
}
.g-safe-explain-header h1 {
	margin-bottom: 6px;
	color: #272e47;
	font-size: 40px
}
.g-safe-explain-header .g-safe-explain-header-pager {
	width: 136px;
	height: 48px;
	position: absolute;
	right: 0;
	top: -6px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center
}
.g-safe-explain-header .g-safe-explain-header-pager .swiper-button-next, .g-safe-explain-header .g-safe-explain-header-pager .swiper-button-prev {
	left: 0;
	right: 0;
	width: 100%
}
.g-safe-explain-header .g-safe-explain-header-pager .swiper-button-next:after, .g-safe-explain-header .g-safe-explain-header-pager .swiper-button-prev:after {
	color: #fff;
	font-size: 16px
}
.g-safe-explain-header .g-safe-explain-header-pager>div {
	position: relative;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	cursor: pointer;
	background-color: #3f465c
}
.g-safe-explain-header .g-safe-explain-header-pager>div:active {
	opacity: .5
}
.g-safe-explain-header .g-safe-explain-header-pager .g-safe-explain-header-pager-prev, .g-safe-explain-header .g-safe-explain-header-pager .g-safe-talk-header-pager-prev {
	margin-right: 40px
}
.g-safe-explain-header .g-safe-explain-header-pager .g-safe-explain-header-pager-next.disabled, .g-safe-explain-header .g-safe-explain-header-pager .g-safe-explain-header-pager-prev.disabled {
	background-color: #c9cbd6
}
.g-safe-customer-case {
	height: 707px;
	padding-top: 80px;
	padding-bottom: 80px;
	background: -webkit-gradient(linear, left bottom, left top, from(#e0e7fe), to(hsla(0,0%,89%,.1)));
	background: -webkit-linear-gradient(bottom, #e0e7fe, hsla(0,0%,89%,.1));
	background: -moz-linear-gradient(bottom, #e0e7fe 0, hsla(0,0%,89%,.1) 100%);
	background: linear-gradient(1turn, #e0e7fe, hsla(0,0%,89%,.1))
}
.g-safe-explain-content-video {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center
}
.g-safe-explain-content-video p {
	font-size: 18px;
	color: #272e47;
	padding-left: 24px;
	line-height: 25px
}
.g-safe-explain-content-video video {
	width: 90%;
	margin-top: 16px
}
.g-safe-customer-case .g-safe-customer-case-content {
	padding-top: 100px
}
.g-safe-customer-case .g-safe-customer-case-content .g-safe-customer-case-content-item {
	margin-right: 32px;
	width: 368px;
	height: 370px;
	background: #fff;
	border-radius: 16px;
	-webkit-box-shadow: 0 8px 16px 0 rgba(47,83,134,.0392156862745098);
	box-shadow: 0 8px 16px 0 rgba(47,83,134,.0392156862745098)
}
.g-safe-customer-case .g-safe-customer-case-content .g-safe-customer-case-content-item:hover {
	cursor: pointer
}
.g-safe-customer-case .g-safe-customer-case-content .g-safe-customer-case-content-item:hover.g-safe-customer-case-content-item:before {
	content: "";
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	width: 100%;
	height: 100%;
	background: url(../bgimg/76c0285f8b64479d8313259b46bf64d4.png) no-repeat 50%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 6px;
	-webkit-background-size: 80px 80px;
	background-size: 80px 80px
}

.g-safe-customer-case .swiper-slide-active {
	width: 400px!important;
	height: 440px!important;
	z-index: 10;
	-webkit-transform: translateY(-56px);
	-moz-transform: translateY(-56px);
	-ms-transform: translateY(-56px);
	transform: translateY(-56px);
	-webkit-box-shadow: 0 30px 24px -24px rgba(0,0,0,.1)!important;
	box-shadow: 0 30px 24px -24px rgba(0,0,0,.1)!important
}
.g-safe-customer-case .swiper-slide:not(.swiper-slide-active) {
	width: 368px!important
}
.g-safe-talk {
	height: 744px;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(248,249,250,0)), to(#f8f9fa));
	background: -webkit-linear-gradient(bottom, rgba(248,249,250,0), #f8f9fa);
	background: -moz-linear-gradient(bottom, rgba(248,249,250,0) 0, #f8f9fa 100%);
	background: linear-gradient(0deg, rgba(248,249,250,0), #f8f9fa)
}
.g-safe-talk .g-safe-explain-header-pager {
	top: -6px
}
.g-safe-talk .swiper-wrapper>.swiper-slide {
	position: relative;
	width: 384px!important;
	height: 472px;
	border-radius: 16px;
	border: 1px solid #ebeef2;
	-webkit-box-shadow: 0 50px 40px -40px rgba(12,12,12,.0784313725490196);
	box-shadow: 0 50px 40px -40px rgba(12,12,12,.0784313725490196);
	padding: 28px
}
.g-safe-talk .swiper-wrapper>.swiper-slide h1 {
	color: #272e47;
	font-size: 20px;
	position: absolute;
	top: 228px
}
.g-safe-talk .swiper-wrapper>.swiper-slide p {
	color: #545a6e;
	font-size: 16px;
	position: absolute;
	top: 266px;
	line-height: 24px;
	width: 328px
}

.g-safe-stable {
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(248,249,250,0)), to(#f8f9fa));
	background: -webkit-linear-gradient(bottom, rgba(248,249,250,0), #f8f9fa);
	background: -moz-linear-gradient(bottom, rgba(248,249,250,0) 0, #f8f9fa 100%);
	background: linear-gradient(0deg, rgba(248,249,250,0), #f8f9fa);
	height: 576px;
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center
}
.g-safe-stable h1 {
	font-size: 40px;
	color: #272e47
}
.g-safe-stable img {
	height: 350px;
	margin-top: 48px
}
.g-safe-slogan {
	background-color: #fff
}
.g-safe-slogan .g-safe-slogan-content {
	height: 850px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
	padding-top: 110px
}
.g-safe-slogan .g-safe-slogan-content .g-safe-slogan-line {
	width: 1px;
	height: 50%;
	background: -webkit-linear-gradient(260deg, #fff, #c5c5c5 49.5%, #fff 97.5%);
	background: -moz-linear-gradient(260deg, #fff 0, #c5c5c5 49.5%, #fff 97.5%);
	background: linear-gradient(190deg, #fff, #c5c5c5 49.5%, #fff 97.5%)
}
.g-safe-slogan .g-safe-slogan-content>div {
	color: #272e47;
	width: 530px
}
.g-safe-slogan .g-safe-slogan-content>div h1 {
	font-size: 28px
}
.g-safe-slogan .g-safe-slogan-content>div h2, .g-safe-slogan .g-safe-slogan-content>div p {
	font-size: 16px;
	color: #545a6e;
	line-height: 24px
}
.g-safe-slogan .g-safe-slogan-content>div h2 {
	margin-top: 12px;
	margin-bottom: 48px
}
.g-safe-slogan .g-safe-slogan-content>div h3 {
	font-size: 18px;
	margin-top: 48px;
	margin-bottom: 16px
}
.g-safe-slogan .g-safe-slogan-content>div .g-safe-slogan-text-center {
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center
}
.g-safe-slogan .g-safe-slogan-content>div .g-safe-slogan-text-center img {
	height: 300px
}
#g-safe-mail-admin .g-safe-explain-content-item {
	height: 372px
}
#g-safe-mail-admin .g-safe-explain-content-item p {
	margin-top: 224px
}
#g-safe-mail-admin .g-safe-explain-content-item .g-safe-explain-content-item-img {
	width: 384px;
	height: 216px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 6px 6px 0 0
}
#g-safe-mail-admin .g-safe-explain-content-item .g-safe-explain-content-item-img:after {
	display: none!important
}




.sfmodal-mask {
	background: #000;
	opacity: .3;
	filter: alpha(opacity=30)
}
.sfmodal-mask, .sfmodal-wrapper {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display:none;
	z-index:100000
}

.sfmodal-wrapper {
	display:none;
	z-index:100001
}
.sfmodal-wrapper {
	overflow: auto
}
.sfmodal-wrapper .modal-content{
	position: relative;
    width: 700px;
    margin: 0 auto 50px;
    top: 15%;
	height:380px;
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: modalVisble .5s;
    -moz-animation: modalVisble .5s;
    animation: modalVisble .5s;
}

.sfmodal-wrapper .modal-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 8px;
    height: 8px;
    padding: 0;
    border: none;
    outline: none;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
}