html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
html {
    font-size: 20px;
}
@media only screen and (min-width: 400px) {
    html {
        font-size: 21.33333333px !important;
    }
}
@media only screen and (min-width: 414px) {
    html {
        font-size: 22.08px !important;
    }
}
@media only screen and (min-width: 480px) {
    html {
        font-size: 25.6px !important;
    }
}

html, body {
    max-width: 750px;
    margin: 0 auto;
   /* height: 100%;
    overflow: auto;*/
    background: #f7f7f7;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
a,
a:hover {
    text-decoration: none;
}


/******** header ********/
.pg-header {
    background: #000000;
    height: 3rem;
    border-bottom: 1px solid #27e64f;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
}
.pg-hd-inner {
    height: 100%;
    line-height: 3rem;
    padding: 0 1rem;
    position: relative;
}
.pg-hd-inner:after {
    content: "";
    display: block;
    clear: both;
}
.pg-hd-logo {
    float: left;
    height: 100%;
    line-height: 3rem;
}
.pg-hd-logo > a {
    text-decoration: none;
    color: #fff;
}
.pg-hd-logo img {
    vertical-align: middle;
    width: 3.6rem;
}
.pg-hd-menu-btn {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
}
.pg-hd-menu-btn > img {
    display: block;
    width: 0.85rem;
}
.pg-hd-menu-btn .line-bar {
    display: block;
    width: 1rem;
    height: 2px;
    margin-bottom: 0.25rem;
    background: #adadad;
    transition: 0.2s;
}
.pg-hd-menu-btn .line-bar:last-of-type {
    margin-bottom: 0;
}
/*.pg-hd-menu-btn:active .line-bar {
    background: #fff;
}*/
.pg-hd-menu-btn.active .line-bar:nth-of-type(1) {
    transform: translateY(0.35rem) rotate(45deg);
}
.pg-hd-menu-btn.active .line-bar:nth-of-type(2) {
    width: 0;
    opacity: 0;
}
.pg-hd-menu-btn.active .line-bar:nth-of-type(3) {
    transform: translateY(-0.35rem) rotate(-45deg);
}

/****** menu ******/
.pg-hd-menu {
    display: none;
    position: fixed;
    top: 3rem;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
}
.pg-hd-menu .menu-list {
    padding: 1.5rem;
}
.pg-hd-menu .menu-list > li > a {
    display: block;
    padding: 0.8rem 0;
    font-size: 0.7rem;
    font-weight: normal;
    font-family: 'zaozigongfang';
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #383838;
}
.pg-hd-menu .menu-list > li:last-of-type {
    border-bottom: none;
}


/******** footer ********/
.pg-footer {
    background: #383838;
    border-bottom: 4px solid #27e64f;
    font-style: normal;
    font-weight: normal;
}
.pg-ft-inner {
    padding: 2.5rem 0 1.4rem;
    text-align: center;
}
.pg-ft-inner .pg-ft-title {
    margin-bottom: 1.5rem;
    color: #f7f7f7;
}
.pg-ft-inner .pg-ft-title:last-of-type {
    margin-bottom: 0;
}
.pg-ft-inner .pg-ft-title .zh {
    font-size: 0.9rem;
    font-family: 'Fangzhengzheng';
    margin-bottom: 0.25rem;
}
.pg-ft-inner .pg-ft-title .en {
    font-family: 'Helvetica';
    font-size: 0.6rem;
}

/******* 二维码 *******/
.pg-ft-qrcode {
    padding: 1rem 0;
    text-align: center;
}
.pg-ft-qrcode img {
    vertical-align: middle;
    width: 1.9rem;
}

/******* 联系信息 *******/
.pg-ft-contact {
    margin-bottom: 2rem;
}
.contact-item {
    width: 10rem;
    margin: 0 auto 1rem;
    text-align: left;
}
.contact-item:last-of-type {
    margin-bottom: 0;
}
.contact-item-left {
    display: inline-block;
    margin-right: 0.4rem;
}
.contact-item-left img {
    display: block;
    width: 0.8rem;
}
.contact-item-right {
    display: inline-block;
    text-align: left;
    line-height: 1.5;
    font-size: 0.6rem;
    color: #f7f7f7;
}

/******* 版权 *******/
.pg-ft-copyright {
    font-size: 0.6rem;
    color: #8e8e8e;
}


/****** 二维码弹窗 ******/
.pg-qrcode-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    right: 50%;
    bottom: 50%;
    overflow: hidden;
    z-index: 1000;
}
.pg-qrcode-modal .qrcode-overlay {
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: 0.3s;
}
.pg-qrocde-inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.pg-qrcode-modal .modal-content {
    width: 60%;
    margin: 0 auto;
}
.pg-qrcode-modal .modal-content .modal-close {
    text-align: right;
}
.pg-qrcode-modal .modal-content .modal-close > img {
    vertical-align: middle;
    width: 1.25rem;
    margin-bottom: 0.5rem;
}
.pg-qrcode-modal .modal-content .qrcode-img {
    display: block;
    width: 100%;
    opacity: 0;
    transform: scale(0.5, 0.5);
    transition: 0.3s;
}

.pg-qrcode-modal.active {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.pg-qrcode-modal.active .qrcode-overlay {
    opacity: 1;
}
.pg-qrcode-modal.active .modal-content .qrcode-img {
    display: block;
    width: 100%;
    opacity: 1;
    transform: scale(1, 1);
}

/****** 图片预览 *****/
.pg-imgview-box {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 100%;
    background: #000;
}
.pg-imgview-box .pg-imgview-slider {
    width: 100%;
    height: 100%;
}
.pg-imgview-slider .swiper-slide .img-box img {
    width: 100%;
    vertical-align: middle;
    margin-bottom: 0.5rem;
}
.pg-imgview-slider .swiper-slide .img-box .slider-img-text {
    line-height: 1.6;
    text-align: center;
    color: #fff;
    font-size: 0.75rem;
}

.pg-imgview-slider .swiper-pagination {
    top: 0.65rem;
    bottom: auto;
    z-index: 4;
    font-size: 0.7rem;
    color: #fff;
}
.pg-imgview-slider .imgview-close  {
    position:absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index:5;
}
.pg-imgview-slider .imgview-close > img {
    display: block;
    width: 1rem;
}