* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: 'Microsoft YaHei', Arial
}

b,
dd,
dl,
dt,
h1,
h2,
h3,
input,
li,
p,
span,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.item2-i,
.viewport,
body {
    margin: 0 auto
}

img {
    border: 0;
    display: block
}

em {
    font-style: normal
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    word-wrap: break-word
}

a {
    color: #666;
    text-decoration: none;
    outline: 0
}

body {
    min-width: 320px;
    -webkit-text-size-adjust: none;
    width: 100%;
    max-width: 640px;
    overflow-x: hidden;
    font-size: 62.5%
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

@media only screen and (max-width:640px),
only screen and (max-device-width:640px) {
    body,
    html {
        font-size: 20px
    }
}

@media only screen and (max-width:600px),
only screen and (max-device-width:600px) {
    body,
    html {
        font-size: 18.75px
    }
}

@media only screen and (max-width:540px),
only screen and (max-device-width:540px) {
    body,
    html {
        font-size: 16.88px
    }
}

@media only screen and (max-width:480px),
only screen and (max-device-width:480px) {
    body,
    html {
        font-size: 15px
    }
}

@media only screen and (max-width:414px),
only screen and (max-device-width:414px) {
    body,
    html {
        font-size: 12.94px
    }
}

@media only screen and (max-width:400px),
only screen and (max-device-width:400px) {
    body,
    html {
        font-size: 12.5px
    }
}

@media only screen and (max-width:375px),
only screen and (max-device-width:375px) {
    body,
    html {
        font-size: 11.72px
    }
}

@media only screen and (max-width:360px),
only screen and (max-device-width:360px) {
    body,
    html {
        font-size: 11.25px
    }
}

@media only screen and (max-width:320px),
only screen and (max-device-width:320px) {
    body,
    html {
        font-size: 10px
    }
}

@media only screen and (max-width:240px),
only screen and (max-device-width:240px) {
    body,
    html {
        font-size: 7.5px
    }
}

@font-face {
    font-family: 'PingFang';
    src: url(/css/font/ping/PingFang Regular.eot);
    src: url(/css/font/ping/PingFang Regular.eot) format('embedded-opentype'), url(/css/font/ping/PingFang Regular.woff) format('woff'), url(/css/font/ping/PingFang Regular.ttf) format('truetype'), url(/css/font/ping/PingFang Regular.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

body {
    font-family: PingFang, 'Hiragino Sans GB', STXihei, SimSun, Arial, sans-serif
}

.item-p1 {
    display: block;
    width: 100%
}

.jiathis_style {
    width: 96%;
    margin: 0 auto
}

.jiathis_style span {
    font-size: 0.9rem !important
}

.jiathis_style .jiathis_separator {
    font-size: 0.9rem !important
}
.btn1 {
    display: block;
    width: 80%;
    margin: 0 auto;
    padding-top: 2rem
}

.btn1 a {
    display: block;
    width: 70%;
    margin: .6rem auto;
    text-align: center;
    color: #fff;
    padding: .7rem 0;
    font-size: 1.3rem;
    font-weight: 100;
    background: #26c540;
    border-radius: 2px;
    -webkit-border-radius: 2px
}

.btn1 span {
    display: block;
    clear: both
}

.zp-val {
    position: absolute;
    width: 100%;
    text-align: center;
    height: 25px;
    line-height: 25px;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 14px
}