﻿#main{ position: relative; }
.user_count{ height: 106px; }
.product_buy_box {padding-top: 19px; padding-bottom: 1px;}
.product_buy_box .scm_box .buy_area{ width:auto; float: none;display: block;padding-left: 21px;}
.pro_tip{border-radius: 2px;padding:6px 19px 6px 6px;position: relative;top:-3px;left:21px;cursor: pointer;
	background:#1E8CFF url('../../cdn/jdy/new/images/other/gt.png') no-repeat 56px center;font-size: 11px !important;color: #FFF !important;}
.pro_tipcon{ position: absolute; left:181px; top:6px;background: #fff; background: url('../../cdn/jdy/new/images/other/juxing.png') no-repeat center; display: none;
width: 683px; height: 112px;}
.pro_tipcon p{ color: #666; text-indent: 39px; margin-bottom: 1px; line-height: 26px;font-size: 12px; }
.pro_tipcon p:first-child{padding-top:26px;}
.pro_tipcon p a{ color:#1E8CFF;text-decoration: underline;font-size: 12px;}
.md_intro{position: relative; background: #F9FAFC;margin: 26px 26px 1px 26px}
.md_intro dl{padding:1px 16px 18px}
.md_intro dt{font-size: 16px;color: #212121;margin-top: 16px}
.md_intro dd{margin-top: 16px; color: #999;font-size: 12px;}
.md_intro dd span{color: #0086FE;}
.md_intro .md-spzh { display: none; }
.product_buy_box .scm_box .select_list{ overflow:visible; float:none; display: flex; width: auto; flex-wrap: wrap;}
.product_buy_box .select_list li{ float: none }
.hot{ position: absolute; top: -10px; right: -11px; width: 31px !important; height: 16px !important;}
.price_compare h3,.use_ompare h3{font-size: 24px;color: #212121; text-align: center;font-weight:bold;margin: 33px 1px}
table{margin-bottom: 1px;}
.price_compare .table_wrap{padding-top: 23px; text-align: center;}
.use_compare .table_wrap {padding: 23px 19px 0 19px;text-align: center;}
.price_compare table{border-left: 1px solid #E6E6E6;}
.price_compare table th,.price_compare table td{border-right: 1px solid #E6E6E6;border-bottom:1px solid #E6E6E6; text-align:center;vertical-align: middle;}
.price_compare table th{ background: #1E8CFF; font-size: 16px;font-weight: bold;color: #FFF;padding:9px;}
.price_compare table td{padding: 6px 0;background: #F9FAFC;}
.price_compare table td.bgw{ background: #fff }
.price_compare table td.bgl{ background: #ECF5FF; }
.price_compare table td span{ display: block;font-size: 12px;color: #999; }
.table_tit td{font-weight: bold}
.use_compare table{border-left: 1px solid #E6E6E6;}
.use_compare table th{background: #1E8CFF; color: #fff; font-weight: bold;padding:9px;}
.use_compare table td,.use_ompare table th{border-right: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6; text-align: center; vertical-align: middle;}
.use_compare table td span{ display: block;font-size: 12px;color: #1E8CFF;font-weight: normal; }
.use_compare table td{padding:1px 16px;line-height: 20px; height: 71px;}
.use_compare table td.introdep{text-align: left; color: #666}
.use_compare table tr:nth-child(odd) td{background: #F9FAFC;}
#nav_wapper{ position: relative; }
.introProduct{ display: flex; margin-top: 21px;}
.introProduct dl{width: 270px;height: 110px;background: #F9FAFC; display: flex; padding-top: 26px;margin-left: 19px;}
.introProduct dl:hover{background: #FFF;box-shadow: 0px 2px 20px 0px rgba(215, 223, 233, 0.5);}
.introProduct dl dt,.introProduct dl dt img { width: 61px; height: 61px; }
.introProduct dl dt{margin:0 16px;}
.introProduct dl dd{ width: 156px; }
.introProduct dl dd strong{font-size: 16px;font-weight: bold;color: #333;}
.introProduct dl dd p{font-size: 12px;color: #666;line-height: 17px;margin-top: 6px;}
.contactonline{font-size: 12px;color: #999;}
.contactonline a{ color: #1E8CFF; text-decoration: underline; }
.contactonline span{ color: #333 }
.product_buy_box .select_list li a,.product_buy_box .select_list2 li a{ width: 92px; height: 32px;line-height: 32px;padding: 1px}
.product_buy_box .select_list li .special { width: 148px }
.col_ctn .special-tips {
	position: absolute;
	left: 150px;
    top: 55px;
    width: 158px;
    color: #0086FE;
	border-bottom: 1px solid #0086FE;
    line-height: 12px;
    font-size: 12px;
	cursor: pointer;
	display: none;
}
.col_ctn .spzb-tips {
	position: absolute;
	left: 0px;
    top: 85px;
	width: 288px;
	background: #FFFFFF;
	box-shadow: 6px -2px 14px 0px rgb(0 0 0 / 20%);
	padding: 5px 10px;
	font-size: 12px;
	line-height: 21px;
	color: #666666;
	text-align: left;
	border-radius: 8px;
    z-index: 99;
	display: none;
}
.col_ctn .spzb-tips::after {
	position: absolute;
    top: -7px;
    left: 22%;
    content: '';
    width: 0px;
    height: 0px;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.col_ctn .spzbwx-tips {
	position: absolute;
	left: 296px;
    top: -20px;
    width: 231px;
    height: 255px;
    background: url(../../cdn/jdy/new/images/buy/rectangle-bg.png) no-repeat center;
    background-size: 100% 100%;
	padding: 35px 37px 0 46px;
    z-index: 99;
	display: none;
}
.spzbwx-tips .customer-icon {
	width: 17px;
	height: 17px;
}
.spzbwx-tips-header {
    margin-bottom: 7px;
    display: flex;
    align-items: center;
}
.spzbwx-tips span {
	font-size: 12px;
	line-height: 24px;
	color: #666666;
	margin-left: 5px;
}
.spzbwx-tips .wx-icon {
	width: 148px;
	height: 149px;
}
.md_intro .spzbwx-tips {
	position: absolute;
	right: 230px;
    bottom: -147px;
    width: 231px;
    height: 255px;
    background: url(../../cdn/jdy/new/images/buy/rectangle-bg.png) no-repeat center;
    background-size: 100% 100%;
	padding: 35px 37px 0 46px;
    z-index: 99;
	display: none;
}
.product_buy_box .select_list .selected a,.product_buy_box .select_list2 .selected a{ color: #1E8CFF;border: #1E8CFF 1px solid;}
.product_buy_box .select_list .selected a::after,.product_buy_box .select_list2 .selected a::after {
    position: absolute;
    bottom: -1px;
    right: -1px;
    content: '';
    width: 24px;
    height: 19px;
    background: url(../../cdn/jdy/v7/images/year-selected.png);
}
.product_buy_box .select_list a:hover,.product_buy_box .select_list2 a:hover,
.product_buy_box .select_list .selected a:hover,.product_buy_box .select_list2 .selected a:hover{color: #1E8CFF;border: #1E8CFF 1px solid}
.product_buy_box .buy_row{ display: flex; margin-top: 22px; margin-bottom: 1px}
.product_buy_box .buy_row .col_tit{ width: 106px; color: #666;font-size: 12px; float: none; display: block; }
.product_buy_box .buy_area .buy_row .col_ctn{ width: 731px !important; }
.product_buy_box .select_list li, .product_buy_box .select_list2 li {margin: 0 10px 10px 0;}
.product-title .jdyapp{background:  url('../../cdn/jdy/new/images/other/app_bg.png') no-repeat center; color: #fff;padding:9px 12px; font-size: 14px; margin-left: 4px;}

#theme-page {
	background-color: #F0F3F9  !important;
}
.v7Main {
	width: 1180px;
	margin: 40px auto;
}
.process {
	display: flex;
	justify-content: space-between;
	width: 1180px;
	margin: 0 auto;
	margin-top: 36px;
}
.process .processItem {
	width: calc(24% + 6px);
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #666;
	background: url('../../cdn/jdy/images/other/arrow.png') no-repeat center center;
	background-size: 100% 100%;
	display: inline-block;
	margin: 0;
}
.process .processItem.currentItem {
	width: 25%;
	color: #fff;
	background: url('../../cdn/jdy/images/other/arrow1.png') no-repeat center center;
}
.v7Content {
	margin-top: 20px;
	display: flex;
}
.lContent {
	width: 880px;
}
.v7Content-right {
	margin-left: 16px;
}
.rContent{
	width: 280px;
    background: #fff;
    padding-bottom: 16px;
}
.product-intro {
	width: 880px;
	padding: 24px 22px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
}
.product-title h3 {
	display: flex;
    align-items: center;
	margin: 0;
	font-size: 24px;
	color: #212121;
}
.product-title p {
	margin: 16px 39px 1px 1px;
	font-size: 14px;
	color: #666666;
	line-height: 20px;
}
.jdy-logo {
	width: 76px;
}
.content-tabs {
	margin-top: 12px;
	width: 880px;
	height: 41px;
}
.content-tabs ul {
	display: flex;
	border-bottom: 1px solid #E6E6E6;
}
.content-tabs ul li {
	position: relative;
	margin: 0 12px 0 0;
	padding: 10px;
	background: #FFFFFF;
	color: #666;
	border-radius: 2px 2px 0px 0px;
	opacity: 0.8;
	cursor: pointer;
}
.content-tabs ul li.active {
	opacity: 1;
}
.content-tabs ul li.active:before {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 4px;
	background-color: #1E8CFF;
}
.content-item {
	margin-bottom: 20px;
	padding-bottom: 24px;
	background-color: #fff;
}
/* .product-service {
	padding-bottom: 0;
} */
.item-title {
	position: relative;
	padding: 24px 0 16px 18px;
	font-size: 20px;
	font-weight: bold;
	color: #212121;
	border-bottom: 1px solid #E6E6E6;
}
.item-title::before {
	position: absolute;
	left: 0;
	top: 28px;
	content: '';
	width: 4px;
	height: 20px;
	background-color: #1E8CFF;
}
.item-desc {
	margin: 6px 0 0;
	font-weight: normal;
	color: #666666;
	line-height: 20px;
}
.productInf dt{font-size: 20px;color: #212121;border-bottom: #E6E6E6 1px solid;font-weight: bold;padding:23px; margin-bottom: 10px;}
.productInf dd{padding-left: 23px; margin-top: 12px; display: flex;}
.productInf dd p:nth-child(1){ color: #666; width: 110px; font-size: 16px; }
.productInf dd.pricedd p:nth-child(1) { width: 71px; }
.productInf dd p:nth-child(2){ font-family: PingFangSC-Regular, PingFang SC; color: #212121; font-size: 16px;}
.productInf dd.pricedd p:nth-child(2) {color: #FA3232;}
.productInf dd.pricedd p:nth-child(2) strong{font-family: PingFangSC-Semibold, PingFang SC; font-size: 24px;font-weight: bold;}
.scm_buy_btn{background: #2386EE;border-radius: 2px; height: 46px; line-height: 46px; text-align: center; display: block; color: #fff;font-size: 16px;margin: 21px 16px 0 16px}
.scm_buy_btn:hover{ color: #fff }
.module-card {
	position: relative;
	width: 140px;
    padding: 5px 20px;
	text-align: center;
	margin-bottom: 16px;
	background: rgba(233, 243, 253, 0.08);
    border-radius: 2px;
    border: 1px solid #cccccc;
    color: #212121;
	user-select: none;
	cursor: default;
}
.serviceModule {
	position: relative;
}
.serviceModule #spzb, .serviceModule #zxkp {
	cursor: pointer;
}
.module-name {
	line-height: 18px;
}
.serviceModule .selected {
	color: #1E8CFF;
	border: #1E8CFF 1px solid;
}
.serviceModule .disabled {
	color: #DCDCDC;
    cursor: default !important;
}
.serviceModule .selected::after {
	position: absolute;
    bottom: -1px;
    right: -1px;
    content: '';
    width: 24px;
    height: 19px;
    background: url(../../cdn/jdy/v7/images/year-selected.png);
}
.price-table2, .service_spzb {
	display: none;
}
.productInf .J_service {
	font-weight: bold;
	color: #212121 !important;
}
/* 售后服务 */
.after-sale-content {
	padding: 24px 24px 0;
}
.service-card {
	margin-bottom: 24px;
	padding: 24px;
	background: #F9FAFC;
	text-align: center;
}
.service-card .card-title {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #212121;
}
.service-card .phone-desc {
	margin: 8px auto 0;
	color: #212121;
}
.service-card .phone-desc span {
	color: #2386EE;
	margin: 0 2px;
}
.service-package {
	margin-top: 24px;
	display: flex;
	justify-content: space-between;
}
.service-package li img {
	width: 64px !important;
	height: 64px !important;
}
.service-package li p {
	margin-top: 12px;
	color: #212121;
}
.special-card {
	padding: 24px 0 0 0;
}
.service-card .card-label {
	margin: 0 4px;
	padding: 2px 4px;
	color: #FF5F1F;
    border: 1px solid #FF5F1F;
	border-radius: 4px;
}
.special-service {
	margin-top: 16px;
}
.special-service li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left: 0;
	padding: 0 24px 0 40px;
	border-top: 1px solid #E6E6E6;
	font-size: 16px;
}
.special-service .service-info {
	color: #212121;
	text-align: left;
	width: 640px;
	padding: 10px 10px 10px 0;
	border-right: 1px solid #E6E6E6;
}
.special-service .service-info p {
	margin-bottom: 0px;
	font-size: 16px;
}
.special-service .service-info p:last-child {
	display: none;
	color: #999;
	font-size: 12px;
}
.special-service .unit-price {
	color: #FF5F1F;
}
.special-service li.is-extend p:first-child {
	color: #212121;
}
.special-service li.is-extend p:last-child {
	display: block;
}
.load-more {
	text-align: center;
	line-height: 18px;
	cursor: pointer;
}
.load-more a {
	color: #2386EE;
	text-decoration: none;
}
.toApp4 {
	cursor: pointer;
}









.zxkp-box{
	position: absolute!important;
    top: 93px;
    left: 140px;
}


.form-value {
    position: relative;
    display: inline-block;
    margin-left: 16px;
}

.reduct-input.disabled {
    background: url(../../cdn/jdy/v7/images/icon-reduct-disable.png);
    background-size: 50% 50%;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: not-allowed;
}
.reduct-input {
    width: 28px;
    height: 28px;
    border: 1px #ccc solid;
    float: left;
    font-size: 16px;
    text-align: center;
    border-right: none;
    background: url(../../cdn/jdy/v7/images/icon-reduct.png);
    background-size: 50% 50%;
    background-position: center center;
    background-repeat: no-repeat;
}
.count-input {
    text-align: center;
    width: 55px;
    height: 28px;
    background: #fff;
    border: 1px #ccc solid;
    float: left;
}
.add-input {
    width: 27px;
    height: 28px;
    border: 1px #ccc solid;
    font-size: 16px;
    text-align: center;
    border-left: none;
    background: url(../../cdn/jdy/v7/images/icon-add.png);
    background-size: 50% 50%;
    background-position: center center;
    background-repeat: no-repeat;
}
.v7Content .warn {
    position: absolute;
    top: 0px;
    left: 120px;
    width: 205px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: -6px 0px 7px 0px rgb(0 0 0 / 20%);
    font-size: 14px;
    color: #212121;
    margin-left: 10px;
    visibility: hidden;
    display: inline-block;
    z-index: 99;
}
.close-tips {
    width: 20px;
    display: inline-block;
    cursor: pointer;
}
.service_price {
    color: #FF5F1F;
    margin-left: 10px;
    display: none;
}
.count-desc {
    margin-top: 10px;
    font-size: 12px;
    color: #999999;
    line-height: 16px;
}
.jdy-tooltips {
    position: absolute;
    top: -34px;
    padding: 4px 6px;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 20%);
    border-radius: 4px;
    font-size: 12px;
    color: #333;
    display: none;
    z-index: 999;
}
.modules-tooltips {
    white-space: inherit;
    width: 274px;
    padding: 4px 10px;
}
.jdy-tooltips::after {
    position: absolute;
    bottom: -4px;
    left: 50%;
    margin-left: -5px;
    content: '';
    width: 0px;
    height: 0px;
    border-top: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.sub-modules-tooltips::after {
    left: auto;
    right: 122px;
}

.zxkp-box{
	display: none;
}