article {
    width: 100%;
    height: var(--pdSize);
}

.one-block {
    width: var(--pkSize);
    height: var(--pmSize);
    margin: 0 auto;
}

.one-title {
    text-align: center;
    padding: var(--uSize) 0;
}

.one-title p:nth-child(1) {
    font-size: var(--mmSize);
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #000000;
    margin-bottom: var(--cSize);
}

.one-title p:nth-child(2) {
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #666666;
    font-size: var(--bSize);
}

.tab-but {
    width: 100%;
    border-bottom: 1px solid #D7D7D7;
}

.tab-but p {
    display: inline-block;
    width: var(--pSize);
    line-height: var(--wwSize);
    border: 1px solid #000000;
    background: #FEF8F8;
    text-align: center;
    margin-right: var(--gSize);
    font-size: var(--fSize);
    cursor: pointer;
}

.tab-but .select-but {
    background: #FF0000;
    color: #FFFFFF;
    border-color: #FF0000;
}

.one-content {
    width: 100%;
    height: var(--pcSize);
    border-bottom: 1px solid #D7D7D7;
}

.content-left {
    width: var(--pnSize);
    float: left;
}

.content-left p:nth-child(1) {
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #000000;
    font-size: var(--eSize);
    padding: var(--uSize) 0 var(--gSize) 0;
}

.content-left p:nth-child(1) span {
    display: inline-block;
    width: 4px;
    height: var(--eSize);
    background: #FF0000;
    margin-right: var(--aSize);
}

.content-left p:nth-child(2) {
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #333333;
    font-size: var(--bSize);
    line-height: var(--oSize);
    margin-left: var(--fSize);
}

.content-left ul {
    margin-top: var(--gSize);
}

.content-left ul li {
    list-style: outside;
    color: red;
    margin-bottom: var(--sSize);
}

.content-left ul li {
    margin-left: var(--fSize);
}

.content-left ul li span:nth-child(1) {
    color: red;
}

.content-left ul li span:nth-child(2) {
    color: #000000;
}

.content-left ul li {
    font-size: var(--bSize);
}

.content-left-bottom {
    margin-top: var(--bSize);
}

.content-left-bottom span {
    display: block;
    font-size: var(--eSize);
    margin-left: var(--fSize);
    margin-bottom: var(--sSize);
}

.content-left-bottom span:nth-child(1) {
    color: red;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #FF0000;
}

.content-left-bottom span:nth-child(3) {
    font-size: var(--cSize);
    border: 1px solid #FF0000;
    width: var(--kSize);
    line-height: var(--ceSize);
    text-align: center;
    color: #FF0000;
}

.content-right {
    width: var(--prSize);
    height: 100%;
    float: right;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.content-right-block {
    width: var(--pbSize);
    height: var(--poSize);
    background-color: #F5F5F5;
    margin-top: var(--hSize);
}

.content-right-block {
    text-align: center;
}

.right-block p:nth-child(1) {
    margin-top: var(--hxSize);
}

.right-block p:nth-child(1) span:nth-child(1) {
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #000000;
    font-size: var(--iSize);
}

.right-block p:nth-child(1) span:nth-child(1) i:nth-child(2) {
    font-size: var(--cSize);
}

.right-block p:nth-child(1) span:nth-child(2) {
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #000000;
    position: relative;
    top: -1.5rem;
}

.right-block p:nth-child(2) {
    margin: var(--gSize) 0;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #000000;
    font-size: var(--fSize);
}

.right-block p:nth-child(3) {
    width: var(--pqSize);
    line-height: var(--iSize);
    margin: 0 auto;
    background-color: #FF0000;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #FFFFFF;
    font-size: var(--eSize);
    margin-bottom: var(--hSize);
}

.right-block p:nth-child(3) a {
    color: #FFFFFF;
}

.right-block p:nth-child(4) {
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #FF0000;
    font-size: var(--eSize);
    margin-bottom: var(--iSize);
}

.right-block p:nth-child(4) a {
    color: #FF0000;
}

.right-block .jiage {
    margin-left: -0.6rem;
}

.right-block ul {
    padding: 0 var(--ySize);
}

.right-block li {
    float: left;
    font-size: var(--bSize);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    text-align: center;
}

.right-block li img {
    display: inline-block;
    width: var(--uSize);
    height: var(--uSize);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-right: var(--aSize);
}

.right-block li {
    margin-bottom: var(--gSize);
}

.right-block li span {
    display: block;
    margin-top: var(--cSize);
}

.right-block li:nth-child(4) {
    margin-right: 0;
}

.right-block li:nth-child(8) {
    margin-right: 0;
}

.show {
    display: none;
}

.price-block p:nth-child(1) {
    line-height: var(--uSize);
    background: #FF0000;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}

.price-block div {
    display: flex;
    margin-top: var(--hSize);
    align-items: center;
}

.price-block div img {
    display: block;
    height: var(--pjSize);
    width: var(--pjSize);
    margin: 0 var(--jSize) 0 var(--gSize);
}

.price-block div span {
    display: block;
    text-align: left;
}

.price-block div span:nth-child(1) {
    font-size: var(--cSize);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
}

.price-block div span:nth-child(2) {
    font-size: var(--gSize);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #111111;
}

.price-block p:nth-child(3) i {
    border: 1px solid #BBBBBB;
    background-color: #fff;
}

.price-block p:nth-child(3) {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: var(--mmSize) 0 var(--gSize) 0;
}

.price-block p:nth-child(3) span {
    width: var(--wSize);
    line-height: var(--wSize);
    display: inline-block;
    background-color: #FFFFFF;
    color: #BBBBBB;
    cursor: pointer;
}

.price-block p:nth-child(3) span:nth-child(1) {
    border-right: 1px solid #BBBBBB;
}

.price-block p:nth-child(3) span:nth-child(3) {
    border-left: 1px solid #BBBBBB;
}

.price-block p:nth-child(3) input {
    height: 2.15rem;
}

.price-block p:nth-child(4) i {
    border: 1px solid #BBBBBB;
    background-color: #fff;
}

.price-block p:nth-child(4) {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: var(--mmSize) 0 var(--gSize) 0;
}

.price-block p input {
    width: var(--piSize);
    height: 2.13rem;
    border-left: none;
    border-right: none;
    text-align: center;
}

.price-block p:nth-child(4) span {
    width: var(--wSize);
    line-height: var(--wSize);
    display: inline-block;
    background-color: #FFFFFF;
    color: #BBBBBB;
    cursor: pointer;
}

.price-block p:nth-child(4) span:nth-child(1) {
    border-right: 1px solid #BBBBBB;
}

.price-block p:nth-child(4) span:nth-child(3) {
    border-left: 1px solid #BBBBBB;
}

.price-block p:nth-child(5) span {
    display: block;
    margin-top: var(--hSize);
}

.price-block p:nth-child(5) span:nth-child(1) {
    text-align: left;
    margin-left: var(--nxSize);
}

.price-block p:nth-child(5) span:nth-child(2) {
    font-size: var(--bbSize);
    font-weight: bold;
    color: #FF0000;
    margin-top: var(--aSize);
}

.price-block p:nth-child(5) s {
    font-size: var(--cSize);
    color: #666666;
}

.two-block {
    width: var(--pkSize);
    height: var(--ptSize);
    margin: 0 auto;
}

.two-title {
    text-align: center;
    padding: var(--uSize) 0;
}

.two-block .two-title p {
    width: 100%;
    display: flex;
    justify-content: center;
}

.two-block .two-title p:nth-child(1) {
    font-size: var(--mmSize);
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #000000;
    margin-bottom: var(--cSize);
}

.two-block .two-title p:nth-child(2) {
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #666666;
    font-size: var(--bSize);
}

.step-block {
    height: var(--aaSize);
    width: var(--psSize);
    margin: 0 auto;
}

.two-block-form {
    margin-top: var(--uSize);
    display: flex;
    justify-content: center;
}

.two-block-form li {
    margin-bottom: var(--hSize);
}

.two-block-form li span {
    font-size: var(--eSize);
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #333333;
    margin-right: var(--aSize);
}

.two-block-form li input {
    border: 1px solid #D1D1D1;
    height: var(--uSize);
    width: var(--uxSize);
    text-indent: 1rem;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.two-block-form ul:nth-child(2) {
    margin-left: var(--paSize);
}

.step-block span {
    display: inline-block;
    height: 100%;
    line-height: var(--aaSize);
    width: var(--uxSize);
    background-size: 100% 100%;
    text-align: center;
}

.step-block span i {
    display: inline-block;
    margin-left: var(--iSize);
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #FFFEFE;
    font-size: var(--fSize);
}

.step-block span:nth-child(1) {
    background-image: url('/img/price_left.png');
}

.step-block span:nth-child(2) {
    background-image: url('/img/price_cente.png');
    margin-left: -2.5rem;
}

.step-block span:nth-child(3) {
    background-image: url('/img/price_right.png');
    margin-left: -2.5rem;
}

.pr-sub {
    text-align: center;
}

.pr-sub button {
    width: var(--sxSize);
    height: var(--wwSize);
    background-color: #FF0000;
    border: none;
    color: #fff;
}

.pr-sub span {
    display: block;
    font-size: var(--cSize);
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #FF0000;
    padding-top: var(--aSize);
    display: none;
}