html,body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,dl,li,dl,dt,p {
margin: 0;
padding: 0;
}
body {
font-size: 16px;
}
html, body, h1, h2, h3, h4, h5, h6, p, dl, ul, ol, p {
font-family: Segoe UI, Arial, "Helvetica Neue", Helvetica, sans-serif;
}
body {
padding-top: 0!important;
}
#active-entry,.am-promotion-entry {
display:none!important;
}
ul,li {
list-style: none;
}
.j-banner-outer {
background: url(/public/active/upgrade-now/img/bg_br.jpg) no-repeat center center;
-webkit-background-size: cover!important;
background-size: cover!important;
}
.j-container {
width: 1200px;
margin:auto;
}
.j-container h1 {
font-size: 34px;
text-align: center;
margin-bottom: 20px;
color: #000;
}
.j-container h2 {
font-size: 34px;
text-align: center;
margin-bottom: 20px;
color: #000;
}
.j-container-dimension {
padding: 78px 0 75px 0;
}
.clearfix:after {
content:'';
display: block;
overflow: hidden;
visibility: hidden;
clear:both;
height: 0;
}
.hide {
display: none!important;
}
.j-link {
color: #2899f7;
font-size: 14px;
text-decoration: none;
opacity: 0.7;
}
.j-link-more:after {
content: '»';
display: inline-block;
vertical-align: baseline;
margin-left: 5px;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
opacity: .6;
margin-left: 3px;
}
.j-link:hover {
color: #208af7;
}
.j-link:hover::after,.j-link:hover:after {
opacity: 1;
margin-left: 4px;
}
.hr {
border-bottom: 1px solid #d0d0d0;
height: 2px;
}
.btn {
color: #fff;
font-size: 20px;
text-decoration: none;
min-width: 210px;
text-align: center;
padding: 0 18px;
height: 44px;
display: inline-block;
vertical-align: middle;
line-height: 44px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.btn-purchase {
background: url(/public/active/upgrade-now/img/bt.png) repeat-x 0 0;
}
.btn-purchase:hover {
background-image: url(/public/active/upgrade-now/img/bt_hover.png);
}
.j-check-line {
color: #46505a;
font-size: 14px;
}
.j-check-line:before {
display: inline-block;
content:'';
width: 18px;
height: 18px;
background: url(/public/active/upgrade-now/img/icon_wgx.png) no-repeat center center;
vertical-align: middle;
}
.j-check-line.checked:before {
background-image: url(/public/active/upgrade-now/img/icon_hook_blue.png);
}
.j-tip {
display: inline-block;
position: relative;
width: 15px;
height: 15px;
vertical-align: middle;z-index: 8;
cursor: pointer;top: -2px;
background: url(/public/active/upgrade-now/img/icon_yw.png) no-repeat center center;
}
.j-tip:hover {
background-image: url(/public/active/upgrade-now/img/icon_yw_hover.png);
}
.j-tip .j-tip-txt {
width: 430px;
height: auto;
font-size: 14px;
color: #fff;
padding: 15px;
background-color: #0f2944;
border: solid 1px #081b2f;
border-radius: 3px;
position: absolute;
display: none;
line-height: 1.4 !important;
word-spacing: normal;
letter-spacing: normal;
text-align: left !important;
text-indent: initial;
}
.j-tip.j-left .j-tip-txt {
left: 30px;
bottom: 50%;
}
.j-tip.j-right .j-tip-txt {
right: 30px;
bottom: 50%;
}
.j-tip:hover .j-tip-txt {
display: block;
}
.j-tip .j-tip-txt:before {
content: '';
width: auto!important;
margin-bottom: 0;
display: inline-block;
border: 15px solid transparent;
position: absolute;
}
.j-tip.j-left .j-tip-txt:before {
border-right-color: #0f2944;
top: 50%;
margin-top: -15px;
left: -30px;
}
.j-tip.j-right .j-tip-txt:before {
border-left-color: #0f2944;
right: -30px;
top: 50%;
margin-top: -15px;
}
.j-tip.j-bottom .j-tip-txt {
top: 30px;
left: 50%;
}
.j-tip.j-bottom .j-tip-txt:before {
border-bottom-color: #0f2944;
left: 50%;
margin-left: -15px;
top: -30px;
}
.j-tip.j-top .j-tip-txt {
bottom: 30px;
left: 50%;
}
.j-tip.j-top .j-tip-txt:before {
border-top-color: #0f2944;
left: 50%;
margin-left: -15px;
bottom: -30px;
}
.j-left {
float: left!important;
}
.j-right {
float: right!important;
}
.j-tip-txt span {
display: block;
text-indent: 0;
}
.j-tip-txt span:first-child {
margin-bottom: 20px;
}
.bg-e9eff2 {
background-color: #e9eff2;
}
.guarantee-row li img, .guarantee-row li p, .guarantee-row li {
display: inline-block;
vertical-align: middle;
}
.guarantee-row {
padding: 15px 0;
}
.guarantee-row li {
display: table-cell;
width: 2000px;
}
.f-tr .guarantee-row li {
display: inline-block;
vertical-align: middle;
width: 48%;
}
.j-radio-label {
font-size: 14px;
color: #21252a;
cursor: pointer;
display: block;
text-align: left;
text-indent: 15%;
margin-bottom: 5px;
}
.j-radio-label.checked:before,
.j-radio-label.checked::before{
background: url(/public/active/upgrade-now/img/icon_hook_blue.png) no-repeat center center;
}
.j-radio-label:before {
content: '';
display: inline-block;
width: 14px;
height: 14px;
vertical-align: middle;
position: relative;
top: -2px;
margin-right: 2px;
background-image: url(/public/active/upgrade-now/img/icon_dx_o.png);
}
.choose-box {
border: 1px solid #d0d0d0;
width: 114px;
margin: auto;
position: absolute;top:0;
left: 50%;
margin-left: -57px;
background-color: #fff;
border-bottom: none;
}
.choose-box dt {
border: 1px solid #d0d0d0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top: none;
border-left: none;
border-right: none;
}
.choose-box dt:after {
height: 24px;
width: 24px;
border-left: 1px solid #d0d0d0;
content: '';
display: inline-block;
vertical-align: middle;
text-align: center;
position: relative;
top: -1px;
float: right;
background: url(/public/active/upgrade-now/img/icon_unfold.png) no-repeat center center;
}
.choose-box dd, .choose-box dt {
height: 24px;
line-height: 24px;
text-align: left;
width: 100%;
margin-left: 0;
text-indent: 10px;
cursor: pointer;
font-size: 14px;
}
.choose-box dd:hover {
background-color: #f0f0f0;
}
.choose-row {
position: relative;
min-height: 26px;
z-index: 10;
}
.choose-box:hover {
border-color: #d5d5d5;
}
.choose-box dd {
display: none;
}
.choose-box dd:last-child {
border-bottom: 1px solid #d0d0d0;
}
.choose-box dt {
/*border-bottom: none;*/
}
.choose-row {
margin-bottom: 13px;
}
.bg-f5f7fa {
background-color: #f5f7fa;
}
/*tool*/
#tool {
position: fixed;
right: 0;
bottom: 70px;
cursor: pointer;
}
.return-top {
width: 60px;
height: 60px;
border-radius: 2px;
background: url(/public/images/footer_share.png) no-repeat -10px -10px;
display: none;
}
.return-top:hover {
background-position-x: -80px;
}
.share {
width: 60px;
height: 60px;
border-radius: 2px;
background: url(/public/images/footer_share.png) no-repeat -150px -10px;
cursor: pointer;
margin-top: 10px;
position: relative;
z-index: 999;
}
.j-timeout-layer {
position: fixed;
width: 100%;
height: 100%;
z-index: 10086;
background: #000 url(/public/active/upgrade-now/img/bg-style.png) no-repeat center center;
top:0;
left:0;
opacity: 0.5;
}
.j-timeout-dialog {
position: fixed;
z-index: 10087;
width: 660px;
height: 380px;
left: 50%;
top: 50%;
margin-left: -330px;
margin-top: -190px;
background: url(/public/active/upgrade-now/img/bg-bk-dialog.png) no-repeat center center;
}
.j-timeout-dialog .close {
color: #747779;
font-size: 28px;
width: 30px;
height: 30px;
line-height: 25px;
position: absolute;
top: 9px;right:40px;
background-color: #fff;
text-align: center;
overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 2px rgba(3, 3, 3, 0.3);
-moz-box-shadow: 0 0 2px rgba(3, 3, 3, 0.3);
box-shadow: 0 0 2px rgba(3, 3, 3, 0.3);
cursor:pointer;
}
.j-timeout-dialog-content {
padding: 75px 120px;
height: auto;
width: auto;
}
.j-timeout-dialog-content .j-td-head {
padding-left: 130px;
background: url(/public/active/upgrade-now/img/icon_hourglass.png) no-repeat 51px center;
height: 88px;
border: 1px solid #d0d0d0;
}
.j-timeout-dialog-content .j-countdown-outbox {
position: static;
margin-left: auto;
display: block;
width: 100%;
height: auto;
}
.j-timeout-dialog-content .countdown-content {
width: auto;
display: block;
text-align: left;
}
.j-timeout-dialog-content .countdown-content .label-box {
display: inline-block;
width: auto;
background-color: #fff;
}
.j-timeout-dialog-content h4 {
font-size: 20px;
color: #f55151;
font-weight: 500;
padding: 6px 0 6px 0;
}
.j-timeout-tip {
font-size: 20px;
color: #46505a;
text-align: center;
padding: 39px 0 28px 0;
}
.j-timeout-dialog .close:hover {
color: #000;
font-weight: bold;
-webkit-box-shadow: 0 0 3px rgba(33,33,33, 0.2);
-moz-box-shadow: 0 0 3px rgba(33,33,33, 0.2);
box-shadow: 0 0 3px rgba(33,33,33, 0.2);
}
.share:hover {
background-position-x: -220px;
}
.share ul {
font-size: 0;
width: 300%;
position: absolute;
top: 0;
left: 0;
display: none;
z-index: 9999;
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
}
.share li {
display: inline-block;
vertical-align: top;
width: 60px;
height: 60px;
box-sizing: border-box;
font-size: 16px;
background: #fff;
transition: all .5s;
}
.share li:hover,
.share .facebook {
background: #e6f4ff;
}
.share .facebook::after {
content: "";
display: block;
width: 20px;
height: 40px;
margin: 10px auto;
background: url(/public/images/footer_share.png) no-repeat -8px -74px;
}
.share .facebook:hover::after {
background-position-y: -114px;
}
.share .twitter::after {
content: "";
display: block;
width: 40px;
height: 40px;
margin: 10px auto;
background: url(/public/images/footer_share.png) no-repeat -27px -72px;
}
.share .twitter:hover::after {
background-position-y: -112px;
}
.share .google::after {
content: "";
display: block;
width: 40px;
height: 40px;
margin: 10px auto;
background: url(/public/images/footer_share.png) no-repeat -66px -72px;
}
.share .google:hover::after {
background-position-y: -112px;
}
.style-ml #footer .footer-list .share {
display: block;
width: auto;
background: none;
}
/*tool*/
/*icon*/
.icon-sc-b {
background-image: url(/public/active/static/img/icon_system_clone.png);
}
.icon-bs-b {
background-image: url(/public/active/static/img/icon_backup_scheme.png);
}
.icon-mi-b{
background-image: url(/public/active/static/img/icon_merge_images.png);
}
.icon-pbt-b {
background-image: url(/public/active/static/img/icon_pxe_boot_tool.png);
}
.icon-rt-b {
background-image: url(/public/active/static/img/icon_real-time.png);
}
.icon-ur-b {
background-image: url(/public/active/static/img/icon_universal_restore.png);
}
/*icon*/
.style-ml .stories-head img {
float:left;
margin-right: 5px;
}
.style-ml .stories-head {
padding: 20px 50px 10px 50px;
text-align: left;
}
.style-ml .f-table .f-td .f-box h4 {
padding-left:0;
background: none;
opacity: 1;
}
.style-ml .f-table .f-td .f-box h4:hover {
opacity: 1;
cursor: default;
}
.style-ml .f-table .f-td p {
padding-left: 0;
}
.style-ja .f-table .f-th .btn-download {
font-size: 18px;
}
/* 适用新版价格系统后样式重置 BY:yanyi 2018/10/31 */
[data-type="check"]{
display: inline-block !important;
color: #46505a;
font-size: 14px;
cursor: pointer;
vertical-align: middle;
-moz-user-select:none;/*火狐*/
-webkit-user-select:none;/*webkit浏览器*/
-ms-user-select:none;/*IE10*/
-khtml-user-select:none;/*早期浏览器*/
user-select:none;
}
[data-type="check"]:before,
[data-type="check"]:hover:before{
content: "";
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
margin-right: 4px;
vertical-align: middle;
background: url(/public/active/upgrade-now/img/icon_wgx.png) no-repeat center;
}
.checked[data-type="check"]:before,
.checked[data-type="check"]:hover:before{
background: url(/public/active/upgrade-now/img/icon_hook_blue.png) no-repeat center;
}
.f-table .checked[data-type="check"]:before,
.f-table .checked[data-type="check"]:hover:before{
background: url(/public/active/upgrade-now/img/icon_hook_blue.png) no-repeat center;
margin-right: 0;
}
.f-table [data-type="check"]:before,
.f-table [data-type="check"]:hover:before{
margin-right: 0;
background: url(/public/active/upgrade-now/img/icon_dx_o.png) no-repeat center;
}
.f-table .free-select{
text-align: left;
padding-left: 30px;
}
.check_license {
display: inline-block;
margin-left: 20px;
width: 118px;
position: relative;
cursor: pointer;
margin-bottom: 13px;
}
.check_license .lisence_num {
border: 1px solid #c8cacc;
width: 90px;
display: inline-block
}
.check_license .lisence_num,
.check_license .chose_lisence>p {
box-sizing: border-box;
font-size: 14px;
color: #a1a5a8;
line-height: 1.5;
padding-left: 10px;
text-align: left;
height: 23px;
cursor: pointer
}
.check_license .iconlisence {
display: inline-block;
width: 23px;
height: 21px;
vertical-align: bottom;
border: 1px solid #c8cacc;
border-left: none;
background: url(/images/icon/drop-down-arrow.png) no-repeat center center
}
.check_license .chose_lisence {
display: none;
width: 112px;
border: 1px solid #c8cacc;
border-top: none;
position: absolute;
z-index: 200;
background-color: #fff;
top: 23px;
left: 2px;
}
.check_license .chose_lisence>p:hover {
background-color: #f0f0f0
}
.standard-upgrade #active-entry,.standard-upgrade .am-promotion-entry{
display: block!important;
}