﻿@charset "utf-8";

.u-label {background:#e6faf6;color:#00c9a7;padding:8px 25px;border-radius:20px; font-size:18px; box-shadow: 0px 10px 12px #eee;}
	@media (max-width: 468px) {
.u-label {padding:5px 15px;     }
	}

.edition-tabs {border:none;}
.edition-tabs>li {margin-left:-2px;}
.edition-tabs>li.active>a, .edition-tabs>li.active>a:focus, .edition-tabs>li.active>a:hover {border:1px solid #333; border-radius:5px; font-size:16px;color:#333}

.edition-tabs li.active a,
.edition-tabs>li.active>a:focus 
{color: #fff;background-color: #377dff;}

.edition-tabs>li>a.product-cloud,
.edition-tabs>li>a.product-cloud:focus
{border-radius:5px 0px 0px 5px; border:1px solid #377dff;}

.edition-tabs>li>a.product-cloud {border-right:0px;}

.edition-tabs>li>a.product-ordinary,
.edition-tabs>li>a.product-ordinary:focus
{border-radius:0px 5px 5px 0px; border:1px solid #377dff;}

.edition-tabs>li>a.product-ordinary {border-left:0px;}

.mt-30 {margin-top:30px;}

.edition-box {padding:0px 30px 30px 30px;box-shadow: 0 0 35px rgba(140, 152, 164, 0.125);}

.u-icon {
    position: relative;
    z-index: 1;
    line-height: 0.7;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 2.125rem;
    height: 2.125rem;
    font-size: 0.9375rem;
    border-radius: 0.25rem;
    transition: 0.3s ease-in-out;
}
.edition-box .glyphicon {position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);color: #87b1ff;
	}

	.align-top {
    vertical-align: top !important;
}

.font-weight-semi-bold {
    font-weight: 600 !important;
}

.d-block {
    display: block !important;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.font-weight-bold {
    font-weight: 600 !important;
}

.edition-left {margin-top:188px;}
@media (max-width: 468px) {
.edition-left {margin-top:58px;}
}
.edition-left h2 {line-height:120%;}
.u-btn-primary--air {
	margin-top:30px;
    color: #377dff;
	padding: 0.625rem 1.125rem;
    background: rgba(55, 125, 255, 0.1);
    border-color: transparent;
	font-size:16px;
}


.list-unstyled li {line-height:38px; font-size:14px;}
.list-unstyled li span {margin-right:15px;}

.u-btn-primary--air:hover, .u-btn-primary--air:focus, .u-btn-primary--air:active, .u-btn-primary--air.active,.tab-content .tag-content-box:hover .u-btn-primary--air {
  color: #fff;
  background: #377dff;
  box-shadow: 0 4px 17px rgba(55, 125, 255, 0.35);
  border:1px solid ##377dff;
}

.position-absolute-bottom-0 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.edition-1-bg {margin:10px 0px 188px 0px; padding-top:55px; height:611px;background:url(./images/discount2018/bg-1.jpg) center top no-repeat;}
.edition-1-2-bg {width:723px;height:478px;margin:0px auto;padding:35px 10px;background:url(./images/discount2018/bg-2.png) center top no-repeat;border-radius: 0.5rem;
    box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175);
	overflow:hidden;
	}
@media (max-width: 468px) {
.edition-1-bg {margin:10px 0px 0px 0px;  background-size:100% 100%;height:400px; padding-top:15px; }
.edition-1-2-bg {background-size:100% 100%;width:100%;height:300px;}
}

.tab-content .tag-content-box:hover {box-shadow: 0 4px 27px rgba(55, 125, 255, 0.35);}

.u-pricing-v1__header {
    position: relative;
    color: #fff;
    background-color: #377dff;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    padding: 2rem 2rem 5rem;
    height: 220px;
}

.u-fill-white {
    fill: #fff;
}

.u-icon--xl {
    width: 5rem;
    height: 5rem;
    font-size: 3rem;
    border-radius: 0.25rem;
}

.u-icon--xs {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.625rem;
    border-radius: 0.25rem;
}

.u-icon-success--air {
    color: #00c9a7;
    background: rgba(0, 201, 167, 0.1);
}

.u-icon-danger--air {
    color: #de4437;
    background: rgba(222, 68, 55, 0.1);
}

.rounded-circle {
    border-radius: 50% !important;
}


.u-icon-primary--air {
    color: #377dff;
    background: rgba(55, 125, 255, 0.1);
}

.u-icon__inner-bottom-minus {
    top: 20%;
}

.edition-1 {margin-top:58px;}
.edition-1 h2 {font-size:26px;margin:55px 0px;}
.edition-1 h3 {font-size:18px;margin:55px 0px 10px 0px;}
.edition-1 p {font-size:14px;color:#999;}
.edition-1 h4 {margin:20px 0px 55px 0px;font-size:22px;}
@media (max-width: 468px) {
.edition-1 {margin-top:0px;}
.edition-1 h2 {font-size:16px;margin:35px 0px;padding:0px 15px;}
.edition-1 h3 {font-size:16px;margin:55px 0px 10px 0px;padding:0px 15px;}
.edition-1 p {font-size:14px;color:#999;padding:0px 15px;}
.edition-1 h4 {line-height:180%; margin:10px 0px 25px 0px;font-size:18px;padding:0px 15px;}
.edition-left h2 {font-size:22px;padding:20px 15px;}

}

.edition-1-three-pic {height:168px;background:url(./images/discount2018/svg-pointer1.gif) center center no-repeat; background-size:70% 70%;}
@media (max-width: 468px) {
.edition-1-three-pic {background-size:70% 20%;}
}
.buy_problem {
	padding:80px 0;
	color:#777
}
@media (max-width: 468px) {
.buy_problem {
	padding:50px 15px;}
}
.buy_problem h3 {
	font-size:2.4em;
	color:#737373
}

@media (max-width: 468px) {
.buy_problem h3 {font-size:22px;}
}

.buy_problem p {
	line-height:3.2em;
	font-size:1.2em
}
.buy_problem dt {
	clear:both;
	margin:35px 0 5px;
	color:#029bd7;
	font-size:1.2em
}

.explain {
    clear: both;
	margin-top:188px ;
    background: #f3f3f3;
    line-height: 1.6em;
    padding: 50px 0;
    text-align: center;
}

@media (max-width: 468px) {
.explain {margin:0px;}
}

.explain a {
	display:inline-block;
    padding: 15px 50px;
    background: #0ba2e6;
    font-size: 1.4em;
    text-align: center;
    color: #fff;
	box-shadow: 0 4px 17px rgba(55,125,255,.35);
}


.system_down {
	padding:15% 0 10%;
	text-align:center;
	border-top:1px solid #f0f2f5;
	font-family:黑体,微软雅黑
}
.system_down h1 {
	line-height:120%;
	color:#2a333c;
	font-size:3.2em;
	margin-bottom:20px
}
.system_down h2.desc {
	line-height:180%;
	font-size:1.4em;
	color:#5e7387
}
.system_down a.btn-down {
	clear:both;
	display:block;
	max-width:288px;
	margin:50px auto 20px;
	border-radius:0;
	font-size:1.4em;
	padding:14px 60px;
	color:#fff;
	box-shadow: 0 4px 17px rgba(55,125,255,.35);
    background: #287ace;
    color: #fff;
    border-radius: 2px;
}
.system_down a.btn-down:hover {
	background:#004ba0
}
.system_down p.info-down {
	color:#999;
	margin:15px 0;
	font-size:16px
}
.system_down a.btn-a {
	padding:5px 10px;
	border-radius:2px;
	border:1px solid #5e7387;
	color:#5e7387;
	margin:0 5px
}
.system_down a.btn-a:hover {
	background:#ccc
}


.edition-1 .px-lg-3 span.mb-7 {
    box-shadow: 0px 8px 15px #ccc;
}

.tag-content-box {border-radius: 10px;overflow: hidden;box-shadow: 0 0 35px rgb(140 152 164 / 13%);}

