/*原生支持*/

@charset "UTF-8";
/* 
 * 1. font: status-bar使用系统字体，保证iOS系统下字体效果良好;
*/

body {
  font: status-bar;
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  margin: 0;
  font-weight: 400;
}

body,
form,
ul,
ol,
dl,
dd,
p {
  margin: 0;
}

ul,
ol {
  list-style-type: none;
  padding: 0;
}

img {
  border: 0 none;
}

button,
input,
select,
textarea {
  font-size: 1em;
  font-family: inherit;
  *font-family: 'microsoft yahei';
}

a,
a:hover {
  text-decoration: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  background-color: red;
}

.header {
  background-color: #ccc;
}

.footer {
  background-color: #000;
}

/*css sprites*/

.icon-socal__qq {
  background-image: url(../../../pc/img/socal.5f38477bfe.png);
  background-position: 0 0;
  width: 30px;
  height: 25px;
}

.icon-socal__renren {
  background-image: url(../../../pc/img/socal.5f38477bfe.png);
  background-position: -40px 0;
  width: 30px;
  height: 25px;
}

.icon-socal__sina {
  background-image: url(../../../pc/img/socal.5f38477bfe.png);
  background-position: 0 -35px;
  width: 30px;
  height: 25px;
}

.icon-socal__wechat {
  background-image: url(../../../pc/img/socal.5f38477bfe.png);
  background-position: -40px -35px;
  width: 30px;
  height: 25px;
}

body {
  background-color: orange;
  background: url('/pc/img/logo.png?162a2f19ed2') no-repeat;
  background-size: 10px 10px;
}

h1 {
  font-size: 20px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMdJREFUeNpi/P77z38GKgImBiqDoWngeyC2A+IyIMYVvlVAbAvEr9ElWLAoPoyEvwPxJCBmRJIvAeJeKHsvEEcQcqEfEBdD2VOAOA/JpciG5QBxODEuBIEeKN0LNRQE2NEMQ3c5XgNxGYrXMBBgJCJhmwLxGShbF4gv4EsdhJJNCZJhIHAZiPPxxD5eA9EjAFdEERWGJXgiADlMMcISmws34TGsB82lK4lxoR0UWwBxB5bYBBnKBsRHgNiZnFgeLb7obCBAgAEAabQ0/EwsvMcAAAAASUVORK5CYII=') no-repeat;
  background-size: 20px 20px;
  border: 1px solid blue;
}

.test {
  width: 200px;
  height: 200px;
  background: red;
  color: white;
  border: 1px solid white;
}

.test p {
  color: white;
  font-size: 30px;
}

.wrap {
  width: 200px;
  margin: 0 auto;
  background-color: blue;
  border: 115px solid red;
}

/* ------------------------------------------------------------ */

.flex {
  display: flex;
}

body {
  width: 100%;
  background: url("../../img/bg1.jpg") 0 0 no-repeat, url('../../img/bg2.jpg') 0 15.13rem no-repeat, url('../../img/bg3.jpg') 0 29.92rem  no-repeat;
  background-size: contain;
}

.title .logo {
  width: .87rem;
  height: .87rem;
  margin-right: .14rem;
  margin-left: .3rem;
}

.downLoad1 {
  width: 2.84rem;
  height: .62rem;
  background: url("../../img/downLoad.png") no-repeat;
  background-size: cover;
  display: block;
  margin: 0 auto;
  margin-top: 9.37rem;
}

.title {
  align-items: center;
  padding: .15rem 0;
  background: rgba(0, 0, 0, .8);
  color: white;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  font-size: .3rem;
  justify-content: space-between;
  z-index: 99;
}

.title .downLoad2 {
  width: 1.7rem;
  height: .74rem;
  background: url("../../img/downLoad2.png") no-repeat;
  background-size: cover;
  display: block;
  margin-right: .27rem;
}

.title .text div:last-child {
  font-size: .22rem;
  color: #c3c3c3;
  margin-top: .11rem;
}

.enterWeb {
  width: 1.7rem;
  height: .74rem;
  position: absolute;
  top: 1.6rem;
  right: .27rem;
  display: block;
  background: url('../../img/enterWeb.png') no-repeat;
  background-size: cover;
}

.swiper-container1 {
  margin-top: 3rem;
  width: 100%;
  height: 5.52rem;
  overflow: hidden;
}

.swiper-container1 .swiper-slide {
  width: 2.06rem;
  background-size: 100% 100%;
}

.swiperText {
  font-size: .26rem;
  line-height: 1.6;
  color: #446558;
  padding: .4rem .24rem;
  padding-bottom: 0;
}

.swiper-container2 {
  margin-top:  7.15rem;
  width: 100%;
  height: 3.8rem;
  overflow: hidden;
}

.swiper-container2 .swiper-slide {
  width: 5.7rem;
  background-size: 100% 100%;
}


footer{
  margin-top: .83rem;
  color: #446558;
  font-size: .26rem;
  padding-bottom: 2.64rem;
  text-align: center;
}

.getAwardLink{
  width: 2rem;
  height: .68rem;
  display: block;
  margin: 0 auto;
  margin-top: .26rem;
}

.getAward{
  width: 100%;
  height: 100%;
}

.getAward_first{
  margin-top: 3.5rem;
  margin-left: 3.5rem;
}