﻿* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body,
div,
span,
p,
ul,
li,
a,
img,
input,
label,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
textarea,
select,
option,
b,
i {
	font-style: normal;
	font-size: 14px;
	border: 0;
	font-family: 'SimSun', '宋体';
	font-weight: normal;
	color: #000;
	outline: 0;
	margin: 0;
  padding: 0;
}

ul,
li {
	list-style: none;
}

a {
	display: block;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
body, html {
  overflow: hidden;
  -webkit-overflow-scrolling:touch;
  background-color: #CC0000;
}


/* * {
  -webkit-overflow-scrolling: touch;
  &::-webkit-scrollbar{
    width: 6px;
    height: 6px;
    background-color: #fff;
  }
  &::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #E4E4E4;
  }
} */

/* 中文字体 */
/* 适用大标题-包装设计-海报设计 */
@font-face {
	font-family: 'OPPOSans-S';
  src: url("../font/chinese/s-b/OPPOSans-S-B-0802.woff2") format("woff2"),
       url("../font/chinese/s-b/OPPOSans-S-B-0802.woff") format("woff"),
       url("../font/chinese/s-b/OPPOSans-S-B-0802.ttf") format("truetype"),
       url("../font/chinese/s-b/OPPOSans-S-B-0802.eot") format("embedded-opentype"),
       url("../font/chinese/s-b/OPPOSans-S-B-0802.svg") format("svg");
}


/* 英文和数字字体 */
@font-face {
	font-family: 'OPPO_Bold';
  src: url("../font/englishAndNumbers/bold/OPPOSans-Light.woff2") format("woff2"),
       url("../font/englishAndNumbers/bold/OPPOSans-Light.woff") format("woff"),
       url("../font/englishAndNumbers/bold/OPPOSans-Light.ttf") format("truetype"),
       url("../font/englishAndNumbers/bold/OPPOSans-Light.eot") format("embedded-opentype"),
       url("../font/englishAndNumbers/bold/OPPOSans-Light.svg") format("svg");
}

@font-face {
	font-family: 'OPPO_Heavy';
  src: url("../font/englishAndNumbers/heavy/OPPOSans-Heavy.woff2") format("woff2"),
       url("../font/englishAndNumbers/heavy/OPPOSans-Heavy.woff") format("woff"),
       url("../font/englishAndNumbers/heavy/OPPOSans-Heavy.ttf") format("truetype"),
       url("../font/englishAndNumbers/heavy/OPPOSans-Heavy.eot") format("embedded-opentype"),
       url("../font/englishAndNumbers/heavy/OPPOSans-Heavy.svg") format("svg");
}

@font-face {
	font-family: 'OPPO_Light';
  src: url("../font/englishAndNumbers/light/OPPOSans-Light.woff2") format("woff2"),
       url("../font/englishAndNumbers/light/OPPOSans-Light.woff") format("woff"),
       url("../font/englishAndNumbers/light/OPPOSans-Light.ttf") format("truetype"),
       url("../font/englishAndNumbers/light/OPPOSans-Light.eot") format("embedded-opentype"),
       url("../font/englishAndNumbers/light/OPPOSans-Light.svg") format("svg");
}
/*

@font-face {
	font-family: 'OPPO_Medium';
  src:url('../font/englishAndNumbers/OPPOSans-Medium.ttf');
}

@font-face {
	font-family: 'OPPO_Regular';
  src:url('../font/englishAndNumbers/OPPOSans-Regular.ttf');
}

@font-face {
	font-family: 'OPPO_Ultra';
  src:url('../font/englishAndNumbers/OPPOSans-Ultra.ttf');
} */

._image_style {
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.main {
  width: 100%;
  height: 100vh;
  background-color: #CC0000;
  background-image: url('../image/bj.png');
  overflow: auto;
}

.main .header {
  width: 100%;
  padding-left: .8rem;
  padding-top: .75rem;
  display: flex;
  align-items: center;
}

.main .header ._img1 {
  width: 2.56rem;
  height: .7rem;
  background-image: url('../image/logo.png');
  float: left;
}
.main .header ._img2 {
  width: .92rem;
  height: .84rem;
  background-image: url('../image/icon5.png');
  float: left;
}
.main .header ._link {
  width: 1px;
  height: .68rem;
  margin: 0 .42rem;
  background-color: #ED5555;
  float: left;
}


.main .body {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #FFFFFF;
}

.main .body ._h1 {
  font-size: .95rem;
  /* font-weight: bold; */
  line-height: 1.08rem;
  font-family: 'OPPOSans-S';
  color: #FFFFFF;
}

.main .body ._h5 {
  font-size: .26rem;
  line-height: .4rem;
  font-family: 'OPPO_Light';
  color: #FFFFFF;
}

.main .body .block_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .15rem;
  margin-bottom: .1rem;
}

.main .body .block_1 .itme {
  padding: 0 .8rem;
  padding-bottom: .35rem;
}

.main .body .block_1 .itme .mobile{
  display: none;
  font-family: 'OPPO_Light';
}

.main .body .block_1 ._link{
  width: 1px;
  height: .85rem;
  background-color: #ED5555;
}

.main .body .block_1 .itme span{
  color: #ffffff;
  font-size: .4rem;
  font-family: 'OPPO_Light';
}

.main .body .block_1 .itme  span:first-child{
  font-size: .9rem;
  font-family: 'OPPO_Bold';
}

.main .body .block_2 {
  border: 1px solid #ED5555;
  border-radius: 12px;
}

.main .body .block_2 .top {
  display: flex;
  align-items: center;
  justify-content: center;
}

.main .body .block_2 .top .icon_img {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  width: 4.1rem;
  height: 3.06rem;
  padding-bottom: .6rem;
}

.main .body .block_2 .top .icon_img ._img1 {
  width: 1.97rem;
  height: .83rem;
}

.main .body .block_2 .top .icon_img ._img2 {
  width: 1.37rem;
  height: 1.37rem;
}

.main .body .block_2 .top .icon_img ._img3 {
  width: 2.08rem;
  height: .8rem;
}

.main .body .block_2 .top .icon_img ._img4 {
  width: 2.12rem;
  height: 1.25rem;
}

.main .body .block_2 .top .icon_img p {
  margin-top: .15rem;
  font-size: 0.3rem;
  font-weight: 800;
  font-family: 'OPPO_Bold';
  color: #ffffff;
}

.main .body .block_2 .top .icon_img .p1 {
  margin-top: .3rem;
}

.main .body .block_2 .top ._link {
  width: 1px;
  height: 1.3rem;
  background-color: #ED5555;
}

.main .body .block_2 .bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: .55rem 0;
  
  border-top: 1px solid #ED5555;
}

.main .body .block_2 .bottom p {
  font-size: .26rem;
  font-weight: 500;
  color: #ffffff;
  line-height: .48rem;
  font-family: 'OPPO_Light';
}

.main .body .block_2 .bottom .mobile {
  display: none;
}

.main .body .block_2 .bottom .pc {
  display: block;
}


.main .footer-pc {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: .6rem;
  margin-bottom: .66rem;
  padding: 0 .2rem;
  box-sizing: border-box;
}

.main .footer-pc .logo {
  display: flex;
  align-items: center;
  margin-right: 1.63rem;
}

.main .footer-pc .logo ._img {
  width: 1.13rem;
  height: 1.13rem;
  min-width: 1.13rem;
  min-height: 1.13rem;
  margin-right: .24rem;
}

.main .footer-pc .logo .text h2 {
  font-size: .46rem;
  font-weight: normal;
  font-family: 'OPPO_Bold';
  color: #ffffff;
  line-height: 1;
}

.main .footer-pc .logo .text p {
  font-size: .26rem;
  font-weight: 500;
  color: #ffffff;
  line-height: .25rem;
  font-family: 'OPPO_Bold';
}

.main .footer-pc .logo .text p a{
  font-size: .26rem;
  font-weight: 500;
  color: #ffffff;
  line-height: .25rem;
  font-family: 'OPPO_Bold';
}

.main .footer-pc .address {
  margin-right: .95rem;
}

.main .footer-pc .address p {
  font-size: .24rem;
  color: #ffffff;
  line-height: 2;
  font-family: 'OPPO_Light';
}
/* 
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .main .footer-pc .address p {
    font-size: .15rem;
  }
} */


.main .footer-pc .address p span{
  font-size: .24rem;
  color: #ffffff;
  line-height: 2;
  font-family: 'OPPOSans-S';
}

.main .footer-pc .address:last-child {
  margin-right: 0;
}

.main .footer-mobile {
  display: none;
}


.main .footer-pc .address {
  display: block;
}

.main .footer-pc .bottom_treatment {
  display: none;
}

@media screen and (max-width: 1850px) {
  .main .footer-pc .address {
    display: none;
  }
  .main .footer-pc .bottom_treatment {
    display: block;
  }
}