html {
color: #333;
background: #fff;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-rendering: optimizelegibility;
font: var(--fonts);
}
body {
background: var(--BodyBackground);
overflow-x: hidden;
position: relative;
}
/* 如果你的项目仅支持 IE9+ | Chrome | Firefox 等，推荐在 中添加 .borderbox 这个 class */
html.borderbox *,
html.borderbox *:before,
html.borderbox *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
body * {
box-sizing: border-box;
-webkit-font-smoothing: var(--fontsthickness);
-moz-osx-font-smoothing: grayscale;
}
:root {
--global-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
--txtdesc: rgba(0, 0, 0, 0.65);
--pcspacing: 40px 0 100px;
--wapspacing: 20px 0 40px;
}
.pur-swi-nav{
max-width: 1680px !important;
}
.Purchase_Page_top_switch{
height: 48px;
background-color: #fff;
/*border-bottom: 1px solid #eaeaea;*/
}
.Purchase_Page_top_switch .pur-content{
width: 96%;
margin: 0 auto;
max-width: 1680px;
position: relative;
}
.Purchase_Page_top_switch .pur-content > a{
position: absolute;
left: 0;
display: inline-block;
height: 48px;
line-height: 46px;
font-size: 16px;
font-weight: bold;
}
.Purchase_Page_top_switch .pur-content > a i{}
.Purchase_Page_top_switch .pur-content > a span{}
.Purchase_Page_top_switch .pur-content > ul{
height: 100%;
}
.Purchase_Page_top_switch .pur-content > ul li{}
.ru-text-box{
padding: 12px 24px 8px 20px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-content: flex-start;
align-items: center;
height: 100%;
}
.muted_progress_bar{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #f4f4f4;
}
.muted_progress_bar em {
display: block;
height: 100%;
background: #22c6b9;
}
.content-box,.edui-editor,.jqstooltip,hr {
-moz-box-sizing: content-box
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav>li,.nav>li>a {
display: block;
position: relative
}
.nav>li>a {
padding: 10px 15px
}
.nav>li>a:focus,.nav>li>a:hover {
background: none;
}
.nav>li.disabled>a {
color: #999
}
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {
color: #999;
text-decoration: none;
cursor: not-allowed;
background-color: transparent
}
.nav>li+.dropdown-header {
margin-top: 9px
}
.nav.open>a,.nav.open>a:focus,.nav.open>a:hover {
color: #fff;
background-color: #428bca;
border-color: #428bca
}
.nav.open>a .caret,.nav.open>a:focus .caret,.nav.open>a:hover .caret {
border-top-color: #fff;
border-bottom-color: #fff
}
.nav>.pull-right {
float: right
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.nav-tabs {
border-bottom: none;
margin-bottom: 0 !important;
width: 100%;
background-color: #fff;
border-bottom: none;
display: flex;
height: 48px;
justify-content: center;
}
.nav-tabs>li {
margin: 0 16px;
}
.nav-tabs>li>a {
padding: 0;
display: block;
height: 100%;
width: 100%;
line-height: 47px;
font-size: 14px;
font-weight: bold;
position: relative;
border: none;
}
.nav-tabs>li>a i {
display: none;
}
.nav-tabs>li>a:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 0;
background: #6462F3;
bottom: -1px;
}
.nav-tabs>li.active >a:after {
height: 2px;
}
.rule-list .rule-card .top-rule-box {
/*background: url(https://www.vanvps.com/themes/web/vanvps/static/picture/TB16wWsl639YK4jSZPcXXXrUFXa-1992-252.png);*/
background-color: #f7f7f9;
background-size: 100% 100%;
height: 48px;
position: relative;
}
.rule-list .rule-card .top-rule-box .left_icon_box {
position: absolute;
left: 18px;
top: 23%;
width: 26px;
height: 26px;
line-height: 26px;
}
.rule-list .rule-card .top-rule-box .left_icon_box i {
font-size: 24px;
color: #6462F3;
font-weight: 100;
}
.rule-list .rule-card label {
display: block;
text-align: left;
font-weight: bold;
line-height: 24px;
font-size: 16px;
padding-top: 0;
margin-bottom: 6px;
width: 100%;
padding-left: 30px;
}
.rule-list .rule-card .desc {
margin-left: 30px;
text-align: left;
padding: 0;
font-size: 12px;
line-height: 17px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
width: 100%;
}
.rule-list .rule-card label:after {
content: " ";
height: 1px;
background: #07af79;
width: 30px;
margin: 0 auto;
display: none;
}
.rule-list .rule-card .icon-bg {
display: none;
color: #fff;
text-align: right;
position: absolute;
right: 0;
top: 0;
border-top: 24px solid #6462F3;
border-left: 24px solid transparent
}
.rule-list .rule-card .icon-ok {
display: none;
line-height: 12px;
position: absolute;
color: #fff;
right: -1px;
top: -23px;
}
.rule-list .rule-card.active,.rule-list .rule-card:hover {
box-shadow: 1px 1px 20px rgba(0,0,0,.1);
border: 1px solid #6462F3;
}
.rule-list .rule-card.active .icon-bg,.rule-list .rule-card.active .icon-ok,.rule-list .rule-card:hover .icon-bg,.rule-list .rule-card:hover .icon-ok {
display: block
}
.rule-list .rule-card.active label,.rule-list .rule-card:hover label {
color: #6462F3;
}
.rule-list .rule-card ul,.rule-list .rule-card ul li {
list-style-type: none;
margin: 0
}
.rule-list .rule-card ul {
padding: 5px 15px 10px;
text-align: center
}
.rule-list .rule-card ul li {
/*padding: 6px 0;*/
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;
justify-content: center;
position: relative;
}
.rule-list .rule-card ul li span {
width: 20%;
text-align: left;
height: 30px;
line-height: 30px;
font-size: 14px;
}
.rule-list .rule-card ul li span:nth-child(2) {
width: 80%;
text-align: left;
}
.rule-list {
overflow: hidden;
}
.btn-danger {
height: 30px;
line-height: 30px;
width: 100%;
background-color: #fff;
border: 1px solid black;
}
.vanvps_bq {
background-color: rgba(252, 241, 235, 1);
color: rgba(254, 95, 71, 1) !important;
margin-right: 2px;
min-width: max-content;
padding: 0 8px;
height: 24px;
line-height: 24px !important;
font-size: 12px !important;
font-weight: bold;
border-radius: 2px;
display: inline-block;
margin-top: 5px;
}