<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body{

	min-width: 1200px;

}

/*banneræ&nbsp;·å¼*/

.banner-nav {

	width: 1050px;

}

.banner-nav li {

	margin-left: 80px;

}

.banner-nav li:first-child {

	margin-left: 80px;

}

.info-banner {

	background: url(../images/banner_ssl.jpg) no-repeat center;

}

.module {

	padding-bottom: 60px;

}

.bg-gray {

	background-color: #f9f9f9;

}

/* è¯ä¹¦å“ç‰Œ begin*/

.brand-tabs {

	margin-top: 50px;

	width: 100%;

}

.brand-tabs li {

	display: list-item;

	position: relative;

	float: left;

	width: 240px;

	height: 90px;

	background-repeat: no-repeat;

	background-position: center;

}

.brand-tabs li:hover {

	cursor: pointer;

}

.brand-item-1 {

	background-image: url(../images/brand_1.png);

}

.brand-item-2 {

	background-image: url(../images/brand_2.png);

}

.brand-item-3 {

	background-image: url(../images/brand_3.png);

}

.brand-item-4 {

	background-image: url(../images/brand_4.png);

}

.brand-item-5 {

	background-image: url(../images/brand_5.png);

}

.active-style {

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 115px;

	background: url(../images/brand_blue.png) no-repeat center;

}

.brand-tabs li.tab-active .active-style {

	display: block;

}

.active-style span {

	display: inline-block;

	width: 240px;

	height: 90px;

	background-repeat: no-repeat;

	background-position: center;

}

.brand-item-1 .active-style span {

	background-image: url(../images/brand_1_white.png);

}

.brand-item-2 .active-style span {

	background-image: url(../images/brand_2_white.png);

}

.brand-item-3 .active-style span {

	background-image: url(../images/brand_3_white.png);

}

.brand-item-4 .active-style span {

	background-image: url(../images/brand_4_white.png);

}

.brand-item-5 .active-style span {

	background-image: url(../images/brand_5_white.png);

}

.brand-block {

	height: 240px;

	padding: 80px 80px 0 395px;

	border: 1px solid #dfdfdf;

	background-repeat: no-repeat;

	background-position: 43px center;

}

.brand-block-1 {

	background-image: url(../images/brand_1_large.png);

}

.brand-block-2 {

	background-image: url(../images/brand_2_large.png);

}

.brand-block-3 {

	background-image: url(../images/brand_3_large.png);

}

.brand-block-4 {

	background-image: url(../images/brand_4_large.png);

}

.brand-block-5 {

	background-image: url(../images/brand_5_large.png);

}

.brand-block .brand-title {

	font-size: 18px;

	color: #333;

}

.brand-block .brand-info {

	padding-right: 30px;

	margin-top: 30px;

	line-height: 25px;

	font-size: 14px;

	color: #777;

	text-align: justify;

}

/* è¯ä¹¦å“ç‰Œ end*/



/* ç‰¹ç‚¹ä¸Žä¼˜åŠ¿ begin*/

.virtue-list {

	width: 100%;

}

.virtue-list li {

	display: list-item;

	float: left;

	padding: 55px 58px 0 200px;

	width: 590px;

	height: 295px;

	background-color: #fff;

	background-repeat: no-repeat;

	background-position: 35px 72px;

}

.virtue-list li:hover {

	box-shadow: 1px 1px 15px rgba(223, 223, 223, 0.65);

}

.margin-left-20 {

	margin-left: 20px;

}

.margin-top-20 {

	margin-top: 20px;

}

.virtue-list .virtue-bg1 {

	background-image: url(../images/virtue_1.png);

}

.virtue-list .virtue-bg2 {

	background-image: url(../images/virtue_2.png);

}

.virtue-list .virtue-bg3 {

	background-image: url(../images/virtue_3.png);

}

.virtue-list .virtue-bg4 {

	background-image: url(../images/virtue_4.png);

}

.virtue-title {

	display: block;

	font-size: 22px;

	color: #333;

}

.virtue-sub-title {

	display: block;

	margin-top: 20px;

	padding-right: 40px;

	font-size: 16px;

	color: #666;

}

.virtue-info {

	margin-top: 20px;

	line-height: 20px;

	font-size: 12px;

	color: #999;

	text-align: justify;

}

/* ç‰¹ç‚¹ä¸Žä¼˜åŠ¿ end*/



/* å¥—é¤ begin */

.package-box {

	padding-top: 12px;

	height: 510px;

}

.package-box li {

	display: list-item;

	position: relative;

	float: left;

	width: 299.5px;

	height: 485px;

	border: 1px solid #ddd;

	border-left: 0;

}

.item-info-box {

	width: 100%;

	height: 485px;

	transition: All 0.2s ease;

}

.package-item.active .item-info-box {

	position: absolute;

	right: 0;

	border: 2px solid #00aaff;

	background-color: #fff;

	z-index: 100;

	transform: scale(1.05);

	box-shadow: 1px 1px 15px rgba(0, 170, 255, 0.7);

}

.package-box li:first-child {

	border-left: 1px solid #ddd;

}

.package-box .package-title {

	position: relative;

	height: 120px;

	background-color: #f5f5f5;

	text-align: center;

}

.package-title .main-title,

.package-title .main-title2 {

	display: block;

	padding-top: 35px;

	font-size: 22px;

	color: #333;

}

.package-title .main-title2 {

	padding-top: 20px;

	font-size: 20px;

}

.domain-type {

	display: block;

	margin-top: 10px;

	font-size: 16px;

	color: #999;

}

.domain-type span {

	padding-left: 10px;

	color: #333;

}

.package-item.active .package-title {

	background-color: #00aaff;

}

.package-item.active .main-title,

.package-item.active .domain-type span {

	color: #fff;

}

.package-item.active .domain-type {

	color: #cbe8ff;

}

.package-box .package-hot,

.package-box .package-rec {

	position: absolute;

	right: 15px;

	top: -6px;

	width: 46px;

	height: 41px;

	line-height: 36px;

	text-align: center;

	background-position: center;

	background-repeat: no-repeat;

	background-image: url(../images/ssl_hot.png);

	font-style: normal;

	font-size: 18px;

	color: #fff;

	transform: scale(0.95);

}

.package-box .package-rec {

	background-image: url(../images/ssl_rec.png);

}

.package-box .area-line {

	width: 114px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	height: 25px;

	line-height: 25px;

	border-color: #ddd;

	outline: none;

}

.package-box .area-line option {

	width: 120px;

}

.package-info {

	padding: 15px 0;

}

.item-info {

	line-height: 30px;

	font-size: 14px;

}

.item-info .item-name {

	display: inline-block;

	float: left;

	width: 35%;

	text-align: right;

	color: #999;

}

.item-info .item-value {

	display: inline-block;

	position: relative;

	float: left;

	padding-left: 10px;

	width: 65%;

	color: #666;

}

.package-price {

	margin: 10px;

	text-align: center;

}

.package-price s {

	font-size: 14px;

	color: #999;

}

.lease-line {

	margin: 0 20px;

	border-bottom: 1px dashed #dadada;

}

.package-price span {

	margin-left: 5px;

	font-size: 14px;

	color: #666;

}

.package-price span em {

	font-style: normal;

	font-size: 30px;

	color: #ff6600;

}

.package-box .package-buy {

	display: block;

	width: 175px;

	margin: 0 auto;

	margin-bottom: 20px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	font-size: 16px;

	background-color: #ff6600;

	color: #fff;

}

.package-box .package-buy:hover {

	background-color: #e55c00;

}

.config-tip {

	display: inline-block;

	position: relative;

	width: 19px;

	height: 19px;

	margin-top: -5px;

	margin-left: 8px;

	background: url(../images/icon_question.png) no-repeat center;

	vertical-align: middle;

	transform: scale(0.95);

}

.config-tip-content {

	display: none;

	position: absolute;

	padding: 10px;

	border: 1px solid #b8b8b8;

	border-radius: 3px;

	background-color: #fff;

	font-size: 12px;

	z-index: 200;

}

.config-tip:hover .config-tip-content {

	display: block;

	top: -23px;

	left: 35px;

	white-space: nowrap;

}

.config-tip-content:before,

.config-tip-content:after {

	content: "";

	position: absolute;

}

.config-tip-content:before {

	border: 9px solid transparent;

	border-right-color: #fff;

	top: 21px;

	left: -17px;

	z-index: 10;

}

.config-tip-content:after {

	border: 10px solid transparent;

	border-right-color: #ccc;

	top: 20px;

	z-index: 9;

	left: -20px;

}

.config-tip-content .domain-input-green{

	margin: 0;

}

.domain-num {

	line-height: 36px;

	font-size: 14px;

	color: #00aaff;

}

/* å¥—é¤ end */



/* è¯ä¹¦ç±»åž‹ begin*/

.ssl-table {

	width: 100%;

	text-align: center;

	background-color: #fff;

	font-size: 14px;

	color: #666;

}

.ssl-table tr:first-child td {

	border-top: 1px solid #dbdbdb;

	height: 75px;

	font-size: 18px;

	color: #333;

}

.ssl-table td {

	border-right: 1px solid #dbdbdb;

	border-bottom: 1px solid #dbdbdb;

	width: 345px;

	height: 55px;

}

.ssl-table tr td:first-child {

	width: 165px;

	border-left: 1px solid #dbdbdb;

	font-size: 14px;

	color: #666;

}

.ssl-table .ssl-buy {

	display: inline-block;

	width: 90px;

	height: 30px;

	line-height: 29px;

	background-color: #ff6600;

	font-size: 14px;

	color: #fff;

}

.ssl-table .ssl-buy:hover {

	background-color: #e55c00;

}

.domain-input,

.domain-input-green {

	margin: 20px auto;

	width: 302px;

	height: 41px;

	background: url(../images/domain_bg.jpg) no-repeat center;

}

.domain-input-green {

	background-image: url(../images/domain_bg_green.jpg);

}

.domain-input-info {

	display: block;

	margin-bottom: 15px;

}

/* è¯ä¹¦ç±»åž‹ end*/



/*è¯ä¹¦è´­ä¹°æ­¥éª¤*/

.ssl-buy-step {

	position: relative;

	height: 230px;

	padding: 0 26px;

}

.step-icon {

	position: absolute;

	top: 65px;

	left: 0;

	right: 0;

	height: 28px;

	z-index: -2;

	background: url(../images/step-line.png) repeat-x center center;

}

.step-icon:after,

.step-icon:before {

	position: absolute;

	top: 0;

	content: '';

	width: 28px;

	height: 28px;

	background: url(../images/step-icon.png) no-repeat;

}

.step-icon:before {

	left: 0;

	background-position: left center;

}

.step-icon:after {

	right: 0;

	background-position: right center;

}

.step-items .item {

	position: relative;

	float: left;

	margin-left: 116px;

	width: 140px;

	height: 140px;

	background-color: #fff;

	z-index: 10;

}

.step-items .item .center {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: -1;

}

.step-items .item-1 .center {

	background: url(../images/center-1.png) no-repeat 0 0;

}

.step-items .item-2 .center {

	background: url(../images/center-2.png) no-repeat 0 0;

}

.step-items .item-3 .center {

	background: url(../images/center-3.png) no-repeat 0 0;

}

.step-items .item-4 .center {

	background: url(../images/center-4.png) no-repeat 0 0;

}

.step-items .item h2 {

	margin-top: 20px;

	margin-bottom: 12px;

	white-space: nowrap;

	text-align: center;

	font-weight: 400;

	font-size: 18px;

	color: #333;

}

.step-items .item p {

	margin-bottom: 8px;

	text-align: center;

	font-size: 12px;

	color: #999;

}

.step-items .item .circle-border {

	width: 100%;

	height: 100%;

}</pre></body></html>