@charset "UTF-8";

html {
    font-size: 62.5%;
    font-family: tahoma, Helvetica, Arial, "\5FAE\8F6F\96C5\9ED1"
}

body,
ul,
ol,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
table,
th,
td,
menu,
strong {
    margin: 0;
    padding: 0;
    box-sizing: content-box;
    font-weight: normal
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

ul,
ol,
menu {
    list-style: none
}

fieldset,
img {
    border: 0
}

img,
object,
select,
input,
textarea,
button,
label {
    vertical-align: middle;
    padding: 0;
    margin: 0
}

input,
textarea,
select,
address,
caption,
cite,
code,
dfn,
em,
i,
b,
strong,
small,
th,
var,
abbr {
    font-size: 100%;
    font-style: normal
}

caption,
th {
    text-align: left
}

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

code,
kbd,
pre,
samp,
tt {
    font-family: Consolas, "Courier New", Courier, monospace
}

address,
cite,
dfn,
em,
var,
i {
    font-style: normal
}

blockquote,
q {
    quotes: none
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: "";
        content: none
    }

a {
    color: #06f;
    text-decoration: none;
    cursor: pointer
}

    a:link,
    a:visited,
    a:active,
    a:hover,
    a:focus {
        color: #555;
        text-decoration: none;
        outline: 0
    }

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.cf {
    zoom: 1
}

    .cf:before,
    .cf:after {
        content: "";
        display: table
    }

    .cf:after {
        clear: both
    }

input,
textarea {
    font-family: tahoma, Helvetica, Arial, "\5FAE\8F6F\96C5\9ED1"
}

a,
ul,
li,
dl,
dt,
span,
div,
p,
input,
textarea,
i,
b,
strong,
button,
table,
th,
td,
tr,
section,
menu,
header,
footer,
form,
ol,
tbody,
thead,
tfoot,
img {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    outline: 0;
    border: 0;
    background: 0;
    -webkit-appearance: none;
    border-radius: 0
}

    input:focus {
        outline: 0
    }

.bge9 {
    background: #e9ebea !important
}

.bgf2 {
    background: #f2f2f2 !important
}

    .bgf2 .bgff {
        margin-top: 0
    }

.bgff {
    background: #fff;
    margin-top: -1.0666666667rem
}

.col_666 {
    color: #666 !important
}

.col_999 {
    color: #999 !important
}

.pb30 {
    padding-bottom: .4rem
}

.mt20 {
    margin-top: .2666666667rem
}

header {
    background: url("../image/title_pic.jpg") no-repeat;
    width: 100%;
    height: 1.3333333333rem;
    background-size: 100%;
    color: #fff;
    text-align: center;
    font-size: 34px
}

[data-dpr="1"] header {
    font-size: 17px
}

[data-dpr="2"] header {
    font-size: 34px
}

[data-dpr="3"] header {
    font-size: 51px
}

.box_1 {
    padding-bottom: .2666666667rem;
    width: 100%;
    overflow: hidden
}

    .box_1 img {
        text-align: center
    }

    .box_1 h1,
    .box_1 dl,
    .box_1 p {
        padding: 0 .2933333333rem
    }

    .box_1 h1 {
        color: #333;
        font-size: 54px;
        line-height: 1.4666666667rem;
        font-weight: 600
    }

[data-dpr="1"] .box_1 h1 {
    font-size: 27px
}

[data-dpr="2"] .box_1 h1 {
    font-size: 54px
}

[data-dpr="3"] .box_1 h1 {
    font-size: 81px
}

.box_1 h1 img {
    margin-left: .1333333333rem;
    padding-left: .2rem;
    border-left: 1px solid #c5c5c5;
    width: 1.84rem
}

.box_1 p {
    line-height: .8rem;
    font-size: 28px;
    color: #999
}

[data-dpr="1"] .box_1 p {
    font-size: 14px
}

[data-dpr="2"] .box_1 p {
    font-size: 28px
}

[data-dpr="3"] .box_1 p {
    font-size: 42px
}

.box_1 p span {
    color: #333;
    display: inline-block;
    width: 2.4rem;
    text-align: right
}

.box_1 dl {
    padding-top: .1333333333rem
}

    .box_1 dl dt,
    .box_1 dl dd {
        font-size: 26px
    }

[data-dpr="1"] .box_1 dl dt,
[data-dpr="1"] .box_1 dl dd {
    font-size: 13px
}

[data-dpr="2"] .box_1 dl dt,
[data-dpr="2"] .box_1 dl dd {
    font-size: 26px
}

[data-dpr="3"] .box_1 dl dt,
[data-dpr="3"] .box_1 dl dd {
    font-size: 39px
}

.box_1 dl dt {
    color: #333;
    line-height: .96rem
}

.box_1 dl dd {
    line-height: .5066666667rem;
    color: #666
}

a.a_operate {
    display: block;
    text-align: center;
    color: #999;
    font-size: 26px;
    padding: .2666666667rem 0
}

[data-dpr="1"] a.a_operate {
    font-size: 13px
}

[data-dpr="2"] a.a_operate {
    font-size: 26px
}

[data-dpr="3"] a.a_operate {
    font-size: 39px
}

a.a_operate.cur i {
    background: url("../image/allow_up.png") no-repeat;
    background-size: 100%
}

a.a_operate i {
    display: inline-block;
    vertical-align: middle;
    background: url("../image/allow_down.png") no-repeat;
    background-size: 100%;
    width: .3333333333rem;
    height: .1866666667rem;
    margin-left: .1333333333rem
}

.box_2 {
    margin: .4rem .24rem;
    border-radius: .0666666667rem;
    box-shadow: 2px 1px 10px #e1dfdf
}

    .box_2.bot_img {
        margin-top: .2666666667rem;
        margin-bottom: 2rem
    }

        .box_2.bot_img a {
            background: url("../image/ad_010.jpg") no-repeat;
            background-size: 100%;
            width: 100%;
            height: 1.7733333333rem;
            display: inline-block;
            vertical-align: middle
        }

h2.title1 {
    padding: 0 .2933333333rem;
    color: #333;
    font-size: 34px;
    line-height: 1.3333333333rem;
    height: 1.3333333333rem;
    font-weight: 600
}

[data-dpr="1"] h2.title1 {
    font-size: 17px
}

[data-dpr="2"] h2.title1 {
    font-size: 34px
}

[data-dpr="3"] h2.title1 {
    font-size: 51px
}

h2.title1.cur:after {
    background: url("../image/allow_up.png") no-repeat;
    background-size: 100%;
    width: .3333333333rem;
    height: .1866666667rem
}

h2.title1 i {
    display: inline-block;
    vertical-align: middle;
    width: .6133333333rem;
    height: .6133333333rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: .2666666667rem
}

h2.title1 .icon_1 {
    background: url("../image/icon_1.png") no-repeat;
    background-size: 100%
}

h2.title1 .icon_5 {
    background: url("../image/icon_5.png") no-repeat;
    background-size: 100%
}

h2.title1 .icon_6 {
    background: url("../image/icon_6.png") no-repeat;
    background-size: 100%
}

h2.title1 .icon_7 {
    background: url("../image/icon_7.png") no-repeat;
    background-size: 100%
}

h2.title1 .icon_8 {
    background: url("../image/icon_8.png") no-repeat;
    background-size: 100%
}

h2.title1 .icon_9 {
    background: url("../image/icon_9.png") no-repeat;
    background-size: 100%
}

h2.title1 .icon_10 {
    background: url("../image/icon_10.png") no-repeat;
    background-size: 100%
}

h2.title1 .icon_11 {
    background: url("../image/icon_11.png") no-repeat;
    background-size: 100%
}

h2.title1 .icon_13 {
    background: url("../image/icon_13.png") no-repeat;
    background-size: 100%
}

h2.title1 .icon_14 {
    background: url("../image/icon_14.png") no-repeat;
    background-size: 100%
}

h2.title1 .icon_a {
    background: url("../image/icon_a.png") no-repeat;
    background-size: 100%
}

h2.title1 .icon_b {
    background: url("../image/icon_b.png") no-repeat;
    background-size: 100%
}

h2.title1 .icon_c {
    background: url("../image/icon_c.png") no-repeat;
    background-size: 100%
}

h2.title1 .icon_d {
    background: url("../image/icon_e.png") no-repeat;
    background-size: 100%
}

h2.title1.right:after {
    background: url("../image/allow_right.png") no-repeat;
    width: .1866666667rem;
    height: .3333333333rem;
    background-size: 100%
}

h2.title1:after {
    content: " ";
    background: url("../image/allow_down.png") no-repeat;
    width: .3333333333rem;
    height: .1866666667rem;
    margin-top: .6rem;
    display: inline-block;
    vertical-align: middle;
    float: right;
    background-size: 100%
}

.flex_box {
    display: flex;
    justify-content: space-around
}

    .flex_box li {
        font-size: 30px;
        color: #333;
        text-align: center;
        padding: .4rem 0
    }

[data-dpr="1"] .flex_box li {
    font-size: 15px
}

[data-dpr="2"] .flex_box li {
    font-size: 30px
}

[data-dpr="3"] .flex_box li {
    font-size: 45px
}

.icon_2,
.icon_3,
.icon_4 {
    width: 1.8666666667rem;
    height: 1.8666666667rem;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: .2666666667rem
}

.icon_2 {
    background-image: url("../image/icon_2.png")
}

.icon_3 {
    background-image: url("../image/icon_3.png")
}

.icon_4 {
    background-image: url("../image/icon_4.png")
}

.content_blank {
    padding: 0 .32rem .32rem .32rem;
    font-size: 28px;
    color: #333;
    line-height: .6666666667rem
}

[data-dpr="1"] .content_blank {
    font-size: 14px
}

[data-dpr="2"] .content_blank {
    font-size: 28px
}

[data-dpr="3"] .content_blank {
    font-size: 42px
}

.content_blank img {
    margin: .12rem 0
}

.content_blank span {
    display: block
}

.content_blank .title {
    padding: .1333333333rem 0 .0666666667rem
}

.content_blank .font30 {
    font-size: 30px;
    font-weight: 600
}

[data-dpr="1"] .content_blank .font30 {
    font-size: 15px
}

[data-dpr="2"] .content_blank .font30 {
    font-size: 30px
}

[data-dpr="3"] .content_blank .font30 {
    font-size: 45px
}

.ul_layout {
    padding: .32rem .32rem .32rem .5333333333rem
}

    .ul_layout.yc li {
        padding-bottom: .5333333333rem;
        padding-left: .4533333333rem
    }

    .ul_layout.yc span {
        display: block;
        color: #c5c5c5
    }

        .ul_layout.yc span p {
            display: inline-block;
            vertical-align: middle;
            color: #c5c5c5;
            line-height: .32rem;
            vertical-align: middle;
            height: .32rem
        }

            .ul_layout.yc span p.wz_icon1 {
                width: .32rem;
                height: .32rem;
                display: inline-block;
                vertical-align: middle;
                background: url("../image/peop.png") no-repeat;
                background-size: 100%;
                margin-right: .1066666667rem
            }

            .ul_layout.yc span p.wz_icon2 {
                width: .32rem;
                height: .32rem;
                display: inline-block;
                vertical-align: middle;
                background: url("../image/time.png") no-repeat;
                background-size: 100%;
                margin: 0 .1066666667rem 0 .2666666667rem
            }

    .ul_layout.yc i {
        background: url("../image/icon_15.png") no-repeat;
        width: .2933333333rem;
        height: .2933333333rem;
        background-size: 100%;
        border-radius: 0;
        left: -0.16rem;
        border: 0 none
    }

    .ul_layout.yc .title {
        font-size: 30px;
        color: #333;
        font-weight: 600;
        padding-bottom: .2rem
    }

[data-dpr="1"] .ul_layout.yc .title {
    font-size: 15px
}

[data-dpr="2"] .ul_layout.yc .title {
    font-size: 30px
}

[data-dpr="3"] .ul_layout.yc .title {
    font-size: 45px
}

.ul_layout.yc .layout_1 {
    margin-top: .2666666667rem;
    width: 8.1333333333rem;
    overflow: hidden;
    background: #f7f7f7
}

    .ul_layout.yc .layout_1 a {
        display: block;
        width: 8.1333333333rem;
        height: 5.0666666667rem;
        overflow: hidden
    }

    .ul_layout.yc .layout_1 strong {
        display: block;
        line-height: .6666666667rem;
        color: #999;
        font-size: 26px;
        padding: .2rem
    }

[data-dpr="1"] .ul_layout.yc .layout_1 strong {
    font-size: 13px
}

[data-dpr="2"] .ul_layout.yc .layout_1 strong {
    font-size: 26px
}

[data-dpr="3"] .ul_layout.yc .layout_1 strong {
    font-size: 39px
}

.ul_layout li {
    position: relative;
    border-left: 1px solid #e5e5e5;
    padding-left: .32rem;
    font-size: 26px;
    line-height: .6rem;
    color: #666;
    padding-bottom: .2666666667rem
}

[data-dpr="1"] .ul_layout li {
    font-size: 13px
}

[data-dpr="2"] .ul_layout li {
    font-size: 26px
}

[data-dpr="3"] .ul_layout li {
    font-size: 39px
}

.ul_layout li:last-child {
    border: 0 none
}

.ul_layout li span {
    display: block;
    color: #333;
    line-height: .3466666667rem;
    padding-bottom: .0666666667rem
}

.ul_layout li i {
    position: absolute;
    left: -0.16rem;
    top: 0rem;
    display: inline-block;
    vertical-align: middle;
    width: .2rem;
    height: .2rem;
    border-radius: .4rem;
    background: #bc0000;
    border: .04rem solid #fff
}

footer.bottom_box {
    background: #bc0000;
    padding: .4rem 0 .5333333333rem .4666666667rem
}

    footer.bottom_box h1 {
        color: #fff;
        font-size: 28px;
        line-height: .6666666667rem
    }

[data-dpr="1"] footer.bottom_box h1 {
    font-size: 14px
}

[data-dpr="2"] footer.bottom_box h1 {
    font-size: 28px
}

[data-dpr="3"] footer.bottom_box h1 {
    font-size: 42px
}

footer.bottom_box p {
    color: #fff;
    font-size: 22px;
    line-height: .4266666667rem
}

[data-dpr="1"] footer.bottom_box p {
    font-size: 11px
}

[data-dpr="2"] footer.bottom_box p {
    font-size: 22px
}

[data-dpr="3"] footer.bottom_box p {
    font-size: 33px
}

.map {
    height: 8.8666666667rem;
    margin-bottom: .2666666667rem
}

.audio-wrapper {
    margin: .2666666667rem 0;
    padding: 0 .3733333333rem
}

    .audio-wrapper span {
        display: inline !important
    }

.audio-left img {
    width: .88rem;
    height: .88rem !important;
    position: relative;
    margin: 0 !important;
    display: initial;
    cursor: pointer
}

.audio-right {
    text-align: center;
    margin-left: 1.0666666667rem;
    margin-top: -0.5333333333rem;
    display: flex
}

    .audio-right p {
        font-size: 15px;
        height: 20px;
        margin: 50px 0 12px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 243px
    }

.progress-bar-bg {
    background-color: #e6e6e6;
    position: relative;
    height: 2px;
    cursor: pointer;
    flex: 4
}

.progress-bar {
    background-color: #4bcc60;
    width: 0;
    height: 2px
}

.progress-bar-bg span {
    content: " ";
    width: .2rem;
    height: .2rem;
    border-radius: .4rem;
    background-color: #4bcc60;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.1066666667rem;
    margin-left: -0.1066666667rem;
    cursor: pointer;
    padding: 0 !important
}

.audio-time {
    overflow: hidden;
    margin-top: -0.1333333333rem;
    flex: 1;
    padding-left: .1333333333rem
}

.audio-length-current {
    font-size: 12px;
    display: inline !important
}

.see_img {
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #000;
    height: 100%;
    overflow: hidden;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

    .see_img img {
        width: 100%
    }

    .see_img .close {
        position: absolute;
        top: .2666666667rem;
        right: .2666666667rem;
        width: .4533333333rem;
        height: .4533333333rem;
        background: url("../image/close.png") no-repeat;
        background-size: 100%
    }

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

.download {
    background: url("../image/download_bg.png") bottom no-repeat #e9ebea;
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%
}

    .download .download_logo {
        background: url("../image/download_logo.png") center no-repeat;
        background-size: 100%;
        position: absolute;
        left: 50%;
        top: .8666666667rem;
        margin-left: -2.7466666667rem;
        height: 3.72rem;
        width: 5.4933333333rem;
        display: inline-block;
        vertical-align: middle
    }

    .download .flex_con {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        width: 100%
    }

        .download .flex_con a {
            margin: 5.2666666667rem .3333333333rem 0
        }

            .download .flex_con a.a_download {
                background: url("../image/a_download.png") center no-repeat;
                background-size: 100%;
                height: 1.1733333333rem;
                width: 4rem;
                display: inline-block;
                vertical-align: middle
            }

            .download .flex_con a.i_download {
                background: url("../image/i_download.png") center no-repeat;
                background-size: 100%;
                height: 1.1733333333rem;
                width: 4rem;
                display: inline-block;
                vertical-align: middle
            }

.form_feedback {
    padding: 0 .2666666667rem
}

    .form_feedback li {
        margin-top: .1333333333rem
    }

        .form_feedback li label {
            display: block;
            font-size: 28px;
            line-height: .8rem;
            color: #999
        }

[data-dpr="1"] .form_feedback li label {
    font-size: 14px
}

[data-dpr="2"] .form_feedback li label {
    font-size: 28px
}

[data-dpr="3"] .form_feedback li label {
    font-size: 42px
}

.form_feedback li .tel_number {
    width: 100%;
    height: 1.1733333333rem;
    background: #fff;
    text-indent: .2rem;
    font-size: 28px
}

[data-dpr="1"] .form_feedback li .tel_number {
    font-size: 14px
}

[data-dpr="2"] .form_feedback li .tel_number {
    font-size: 28px
}

[data-dpr="3"] .form_feedback li .tel_number {
    font-size: 42px
}

.form_feedback li input[type=text] {
    width: 100%;
    height: 1.1733333333rem;
    background: #fff;
    text-indent: .2rem;
    font-size: 28px
}

[data-dpr="1"] .form_feedback li input[type=text] {
    font-size: 14px
}

[data-dpr="2"] .form_feedback li input[type=text] {
    font-size: 28px
}

[data-dpr="3"] .form_feedback li input[type=text] {
    font-size: 42px
}

.form_feedback li input[type=text].yzm {
    width: 70%;
    margin-right: .2rem
}

.form_feedback li input[type=button],
.form_feedback li .buttontj {
    width: 100%;
    background: #22cb64;
    height: 1.2533333333rem;
    text-align: center;
    color: #fff;
    font-size: 34px;
    margin-top: .4rem;
    border-radius: .0666666667rem
}

[data-dpr="1"] .form_feedback li input[type=button],
[data-dpr="1"] .form_feedback li .buttontj {
    font-size: 17px
}

[data-dpr="2"] .form_feedback li input[type=button],
[data-dpr="2"] .form_feedback li .buttontj {
    font-size: 34px
}

[data-dpr="3"] .form_feedback li input[type=button],
[data-dpr="3"] .form_feedback li .buttontj {
    font-size: 51px
}

.form_feedback li .textarea {
    width: 98%;
    height: 2.5333333333rem;
    background: #fff;
    padding: .2666666667rem 0;
    line-height: .4rem;
    font-size: 28px;
    padding-left: .2rem
}

[data-dpr="1"] .form_feedback li .textarea {
    font-size: 14px
}

[data-dpr="2"] .form_feedback li .textarea {
    font-size: 28px
}

[data-dpr="3"] .form_feedback li .textarea {
    font-size: 42px
}

.form_feedback li span.account {
    position: absolute;
    right: .2666666667rem;
    bottom: .2666666667rem;
    color: #d3d3d3;
    font-size: 24px
}

[data-dpr="1"] .form_feedback li span.account {
    font-size: 12px
}

[data-dpr="2"] .form_feedback li span.account {
    font-size: 24px
}

[data-dpr="3"] .form_feedback li span.account {
    font-size: 36px
}

.btn-dgray {
    height: 1.2533333333rem;
    background: #fff;
    color: #333;
    font-size: 34px;
    line-height: .4533333333rem;
    width: 100%;
    border-radius: .08rem;
    border: 1px solid #ddd;
    font-weight: 600
}

[data-dpr="1"] .btn-dgray {
    font-size: 17px
}

[data-dpr="2"] .btn-dgray {
    font-size: 34px
}

[data-dpr="3"] .btn-dgray {
    font-size: 51px
}

.alert_text {
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -2.6666666667rem;
    background: #79797b;
    opacity: .8;
    border-radius: .1333333333rem;
    z-index: 10000;
    color: #fff;
    text-align: center;
    width: 5.3333333333rem;
    line-height: 1.1333333333rem;
    font-size: 30px;
    padding: 0 .1333333333rem
}

[data-dpr="1"] .alert_text {
    font-size: 15px
}

[data-dpr="2"] .alert_text {
    font-size: 30px
}

[data-dpr="3"] .alert_text {
    font-size: 45px
}

.bg_gray,
.bg_gray_1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    z-index: 9999
}

.bg_gray_1 {
    opacity: .5;
    z-index: 0
}

.taskP_1 {
    font-size: 34px;
    color: white;
    position: absolute;
    left: 0;
    top: .2666666667rem;
    width: 100%;
    text-align: center;
    text-shadow: 1px 2px 5px #333
}

[data-dpr="1"] .taskP_1 {
    font-size: 17px
}

[data-dpr="2"] .taskP_1 {
    font-size: 34px
}

[data-dpr="3"] .taskP_1 {
    font-size: 51px
}

.taskP_2 {
    font-size: 26px;
    color: white;
    position: absolute;
    left: 0;
    top: .8666666667rem;
    width: 100%;
    text-align: center;
    text-shadow: 1px 2px 5px #333
}

[data-dpr="1"] .taskP_2 {
    font-size: 13px
}

[data-dpr="2"] .taskP_2 {
    font-size: 26px
}

[data-dpr="3"] .taskP_2 {
    font-size: 39px
}

.taskP_3 {
    font-size: 26px;
    color: white;
    position: absolute;
    left: 0;
    top: 1.3333333333rem;
    width: 100%;
    text-align: center;
    text-shadow: 1px 2px 5px #333
}

[data-dpr="1"] .taskP_3 {
    font-size: 13px
}

[data-dpr="2"] .taskP_3 {
    font-size: 26px
}

[data-dpr="3"] .taskP_3 {
    font-size: 39px
}

.taskP_4 {
    font-size: 60px;
    color: white;
    position: absolute;
    left: .2666666667rem;
    bottom: 2.1333333333rem;
    text-shadow: 1px 2px 5px #333
}

[data-dpr="1"] .taskP_4 {
    font-size: 30px
}

[data-dpr="2"] .taskP_4 {
    font-size: 60px
}

[data-dpr="3"] .taskP_4 {
    font-size: 90px
}

.taskP_5 {
    font-size: 36px;
    color: white;
    position: absolute;
    left: .2666666667rem;
    bottom: 1.4666666667rem;
    text-shadow: 1px 2px 5px #333
}

[data-dpr="1"] .taskP_5 {
    font-size: 18px
}

[data-dpr="2"] .taskP_5 {
    font-size: 36px
}

[data-dpr="3"] .taskP_5 {
    font-size: 54px
}

.taskUL {
    position: absolute;
    left: 0;
    bottom: .2666666667rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%
}

    .taskUL li {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center
    }

        .taskUL li:nth-of-type(1) {
            margin-left: .2666666667rem
        }

            .taskUL li:nth-of-type(1) img {
                width: .52rem;
                height: .52rem
            }

        .taskUL li:nth-of-type(2) img {
            width: .5066666667rem;
            height: .5066666667rem
        }

        .taskUL li:nth-of-type(3) img {
            width: .4266666667rem;
            height: .5333333333rem
        }

        .taskUL li:nth-of-type(4) {
            margin-right: .2666666667rem
        }

            .taskUL li:nth-of-type(4) img {
                width: .5066666667rem;
                height: .5066666667rem
            }

        .taskUL li img {
            margin-right: .1333333333rem
        }

        .taskUL li div p {
            color: white;
            font-size: 26px;
            text-shadow: 1px 2px 5px #333
        }

[data-dpr="1"] .taskUL li div p {
    font-size: 13px
}

[data-dpr="2"] .taskUL li div p {
    font-size: 26px
}

[data-dpr="3"] .taskUL li div p {
    font-size: 39px
}

.checkout {
    border-bottom: 1px solid #eee;
    height: 1.4133333333rem;
    line-height: 1.4133333333rem;
    font-size: 34px;
    color: #333;
    padding: 0 .2933333333rem
}

[data-dpr="1"] .checkout {
    font-size: 17px
}

[data-dpr="2"] .checkout {
    font-size: 34px
}

[data-dpr="3"] .checkout {
    font-size: 51px
}

.checkout i {
    display: inline-block;
    background: url("../image/checkout.png") no-repeat;
    width: 1.9733333333rem;
    height: .48rem;
    background-size: 100%;
    margin-left: .2666666667rem;
    vertical-align: middle
}

.pic_detail .swiper-container {
    max-height: 10rem
}

    .pic_detail .swiper-container .swiper-wrapper .swiper-slide {
        max-height: 5.6rem !important;
        overflow: hidden
    }

        .pic_detail .swiper-container .swiper-wrapper .swiper-slide img {
            width: 100%
        }

    .pic_detail .swiper-container .swiper-pagination .swiper-pagination-bullet {
        width: .16rem;
        height: .16rem;
        background: #fff;
        opacity: 1
    }

        .pic_detail .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #ff2f2f
        }

.araneid {
    background: url("../image/pic_red.png") no-repeat;
    display: inline-block;
    width: 100%;
    height: 9.2533333333rem;
    background-size: 100%;
    vertical-align: middle
}

    .araneid .img {
        text-align: center;
        margin: .6rem auto;
        border-radius: 1.32rem;
        -moz-border-radius: 1.32rem;
        background: url(../image/pz_pic.png) center no-repeat;
        background-position: right center;
        width: 2.5333333333rem;
        height: 2.5333333333rem;
        border: 4px solid #df8787
    }

        .araneid .img .line_six {
            text-align: left;
            display: inline-block;
            vertical-align: middle;
            padding-right: 2rem;
            line-height: .6666666667rem;
            z-index: 998
        }

            .araneid .img .line_six i {
                margin-left: -0.9333333333rem
            }

                .araneid .img .line_six i.line1 {
                    background: url("../image/line_001.png") left no-repeat;
                    display: inline-block;
                    vertical-align: middle;
                    width: 1.3333333333rem;
                    height: .64rem;
                    background-size: 100%;
                    margin-top: -0.8rem;
                    margin-right: .9333333333rem
                }

                .araneid .img .line_six i.line2 {
                    background: url("../image/line_02.png") left no-repeat;
                    display: inline-block;
                    vertical-align: middle;
                    width: .88rem;
                    height: .1333333333rem;
                    background-size: 100%;
                    margin-top: .0266666667rem;
                    margin-right: .9333333333rem
                }

                .araneid .img .line_six i.line3 {
                    background: url("../image/line_01.png") left no-repeat;
                    transform: rotate(-180deg);
                    -webkit-transform: rotate(-180deg);
                    -o-transform: rotate(-180deg);
                    display: inline-block;
                    vertical-align: middle;
                    width: 1.3333333333rem;
                    height: .64rem;
                    background-size: 100%;
                    margin-top: .7466666667rem;
                    margin-right: .9333333333rem
                }

    .araneid .canvas {
        position: absolute;
        left: 0;
        width: 100%;
        background: #000;
        z-index: 1;
        top: 6.6rem
    }

    .araneid .breathe-btn1 {
        position: absolute;
        width: .2rem;
        height: .2rem;
        top: .0666666667rem;
        left: 2.72rem;
        border-radius: 15px;
        overflow: hidden;
        background-color: #fff;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-name: breathe1;
        -webkit-animation-duration: 1800ms;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: alternate
    }

@-webkit-keyframes breathe1 {
    from {
        -webkit-transform: scale(0.2);
        opacity: .3
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

.araneid .breathe-btn2 {
    position: absolute;
    width: .2rem;
    height: .2rem;
    top: 1.44rem;
    left: 2.72rem;
    border-radius: 15px;
    overflow: hidden;
    background-color: #fff;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-name: breathe2;
    -webkit-animation-duration: 2800ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate
}

@-webkit-keyframes breathe2 {
    from {
        -webkit-transform: scale(0.4);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        opacity: .3
    }
}

.araneid .breathe-btn3 {
    position: absolute;
    width: .2rem;
    height: .2rem;
    top: 3.0933333333rem;
    left: 2.7333333333rem;
    border-radius: 15px;
    overflow: hidden;
    background-color: #fff;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-name: breathe3;
    -webkit-animation-duration: 2400ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate
}

@-webkit-keyframes breathe3 {
    from {
        -webkit-transform: scale(0.4);
        opacity: .3
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

.araneid .breathe-btn4 {
    position: absolute;
    width: .2rem;
    height: .2rem;
    right: 2.6933333333rem;
    top: .0666666667rem;
    border-radius: 15px;
    overflow: hidden;
    background-color: #fff;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-name: breathe4;
    -webkit-animation-duration: 2400ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate
}

@-webkit-keyframes breathe4 {
    from {
        -webkit-transform: scale(0.6);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        opacity: .3
    }
}

.araneid .breathe-btn5 {
    position: absolute;
    width: .2rem;
    height: .2rem;
    right: 2.6933333333rem;
    top: 1.4266666667rem;
    border-radius: 15px;
    overflow: hidden;
    background-color: #fff;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-name: breathe5;
    -webkit-animation-duration: 2400ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate
}

@-webkit-keyframes breathe5 {
    from {
        -webkit-transform: scale(0.3);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        opacity: .3
    }
}

.araneid .breathe-btn6 {
    position: absolute;
    width: .2rem;
    height: .2rem;
    right: 2.6933333333rem;
    top: 3.0866666667rem;
    border-radius: 15px;
    overflow: hidden;
    background-color: #fff;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-name: breathe6;
    -webkit-animation-duration: 3600ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate
}

@-webkit-keyframes breathe6 {
    from {
        -webkit-transform: scale(0.4);
        opacity: .3
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

.araneid .left_box ul {
    float: left
}

    .araneid .left_box ul li {
        text-align: right
    }

        .araneid .left_box ul li.text1 {
            margin-top: -3.8666666667rem;
            margin-left: 0rem;
            background: url("../image/line_001.png") right no-repeat;
            height: 1.0666666667rem
        }

        .araneid .left_box ul li.text2 {
            margin-top: .64rem;
            margin-left: 0rem
        }

        .araneid .left_box ul li.text3 {
            margin-top: .8666666667rem;
            margin-left: 0rem
        }

        .araneid .left_box ul li label {
            font-size: 26px;
            color: #e2adad
        }

[data-dpr="1"] .araneid .left_box ul li label {
    font-size: 13px
}

[data-dpr="2"] .araneid .left_box ul li label {
    font-size: 26px
}

[data-dpr="3"] .araneid .left_box ul li label {
    font-size: 39px
}

.araneid .left_box ul li p {
    font-size: 26px;
    color: #fff
}

[data-dpr="1"] .araneid .left_box ul li p {
    font-size: 13px
}

[data-dpr="2"] .araneid .left_box ul li p {
    font-size: 26px
}

[data-dpr="3"] .araneid .left_box ul li p {
    font-size: 39px
}

.araneid .right_box ul {
    float: right
}

    .araneid .right_box ul li {
        text-align: left
    }

        .araneid .right_box ul li.text4 {
            margin-top: -3.8666666667rem;
            margin-right: .0666666667rem
        }

        .araneid .right_box ul li.text5 {
            margin-top: .24rem;
            margin-right: .0666666667rem
        }

        .araneid .right_box ul li.text6 {
            margin-top: .9333333333rem;
            margin-right: .0666666667rem
        }

        .araneid .right_box ul li label {
            font-size: 20px;
            color: #e2adad
        }

[data-dpr="1"] .araneid .right_box ul li label {
    font-size: 10px
}

[data-dpr="2"] .araneid .right_box ul li label {
    font-size: 20px
}

[data-dpr="3"] .araneid .right_box ul li label {
    font-size: 30px
}

.araneid .right_box ul li p {
    font-size: 20px;
    color: #f3dddd;
    width: 2.4rem
}

[data-dpr="1"] .araneid .right_box ul li p {
    font-size: 10px
}

[data-dpr="2"] .araneid .right_box ul li p {
    font-size: 20px
}

[data-dpr="3"] .araneid .right_box ul li p {
    font-size: 30px
}

.araneid .ad_text {
    margin-top: .8rem;
    width: 100%;
    text-align: center
}

    .araneid .ad_text h1 {
        font-size: 34px;
        text-align: center;
        color: #fff;
        padding: 0 .32rem
    }

[data-dpr="1"] .araneid .ad_text h1 {
    font-size: 17px
}

[data-dpr="2"] .araneid .ad_text h1 {
    font-size: 34px
}

[data-dpr="3"] .araneid .ad_text h1 {
    font-size: 51px
}

.araneid .ad_text p {
    font-size: 22px;
    color: #fff;
    text-align: center;
    margin-top: .3333333333rem;
    margin-bottom: .2933333333rem;
    padding: 0 .7333333333rem
}

[data-dpr="1"] .araneid .ad_text p {
    font-size: 11px
}

[data-dpr="2"] .araneid .ad_text p {
    font-size: 22px
}

[data-dpr="3"] .araneid .ad_text p {
    font-size: 33px
}

.araneid .ad_text a {
    border: 1px #fff solid;
    padding: .2rem .2666666667rem;
    font-size: 22px;
    color: #fff;
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

[data-dpr="1"] .araneid .ad_text a {
    font-size: 11px
}

[data-dpr="2"] .araneid .ad_text a {
    font-size: 22px
}

[data-dpr="3"] .araneid .ad_text a {
    font-size: 33px
}

.araneid .ad_text a:hover {
    background: #fff;
    color: #bc0000
}

.araneid h1 img {
    margin-top: .4rem;
    padding-left: .4rem;
    width: 1.9866666667rem
}

.araneid h2 {
    width: 100%;
    font-size: 34px;
    color: #fff;
    text-align: center
}

[data-dpr="1"] .araneid h2 {
    font-size: 17px
}

[data-dpr="2"] .araneid h2 {
    font-size: 34px
}

[data-dpr="3"] .araneid h2 {
    font-size: 51px
}

.detail_cur {
    z-index: 999;
    width: 100%
}

    .detail_cur ul {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        clear: both;
        border-bottom: 1px #bc0000 solid;
        position: relative
    }

        .detail_cur ul li {
            float: left;
            margin: .2666666667rem .4533333333rem .4666666667rem .4533333333rem;
            position: relative
        }

            .detail_cur ul li.cur {
                background: url("../image/cur.jpg") center bottom no-repeat;
                background-size: .3333333333rem .24rem;
                display: inline-block;
                vertical-align: middle;
                margin-bottom: -0.04rem
            }

                .detail_cur ul li.cur p {
                    font-size: 28px;
                    color: #333
                }

[data-dpr="1"] .detail_cur ul li.cur p {
    font-size: 14px
}

[data-dpr="2"] .detail_cur ul li.cur p {
    font-size: 28px
}

[data-dpr="3"] .detail_cur ul li.cur p {
    font-size: 42px
}

.detail_cur ul li.cur .img1 {
    background: url("../image/cur_02.png") center no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%
}

.detail_cur ul li.cur .img2 {
    background: url("../image/cur_03.png") center no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%
}

.detail_cur ul li.cur .img3 {
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 50%;
    box-shadow: 0rem 0rem 0.26666667rem 0rem rgba(5,11,34,0.25);
    background: #D11313 url("../image/cur_05.png") center no-repeat;
    background-size: 0.64rem 0.64rem;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.49493333rem;
}

.detail_cur ul li.cur .img4 {
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 50%;
    box-shadow: 0rem 0rem 0.26666667rem 0rem rgba(5,11,34,0.25);
    background: #D11313 url("../image/cur_06.png") center no-repeat;
    background-size: 0.64rem 0.64rem;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.49493333rem;
}

.detail_cur ul li i {
    width: 1.44rem;
    height: 1.44rem;
    margin-bottom: .2666666667rem;
    display: inline-block;
    vertical-align: middle
}

    .detail_cur ul li i.img1 {
        background: url("../image/cur_2.png") center no-repeat;
        display: inline-block;
        vertical-align: middle;
        background-size: 100%
    }

    .detail_cur ul li i.img2 {
        background: url("../image/cur_3.png") center no-repeat;
        display: inline-block;
        vertical-align: middle;
        background-size: 100%
    }

    .detail_cur ul li i.img3 {
        width: 1.28rem;
        height: 1.28rem;
        border-radius: 50%;
        box-shadow: 0rem 0rem 0.26666667rem 0rem rgba(5,11,34,0.25);
        background: #fff url("../image/cur_5.png") center no-repeat;
        background-size: 0.64rem 0.64rem;
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0.49493333rem;
    }

    .detail_cur ul li i.img4 {
        width: 1.28rem;
        height: 1.28rem;
        border-radius: 50%;
        box-shadow: 0rem 0rem 0.26666667rem 0rem rgba(5,11,34,0.25);
        background: #fff url("../image/cur_6.png") center no-repeat;
        background-size: 0.64rem 0.64rem;
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0.49493333rem;
      
    }

.detail_cur ul li p {
    font-size: 28px;
    color: #999;
    text-align: center
}

[data-dpr="1"] .detail_cur ul li p {
    font-size: 14px
}

[data-dpr="2"] .detail_cur ul li p {
    font-size: 28px
}

[data-dpr="3"] .detail_cur ul li p {
    font-size: 42px
}

.con_box {
    padding: .9066666667rem .4rem .3333333333rem .4rem
}

    .con_box li img {
        width: 100%;
        display: inline-block;
        vertical-align: middle
    }

    .con_box li p {
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0;
        margin-inline-end: 0;
        line-height: 2em
    }

    .con_box li h1 {
        font-size: 2em;
        margin-block-start: .67em;
        margin-block-end: .67em;
        margin-inline-start: 0;
        margin-inline-end: 0;
        line-height: 2em;
        font-weight: bold
    }

    .con_box li h2 {
        font-size: 1.5em;
        margin-block-start: .83em;
        margin-block-end: .83em;
        margin-inline-start: 0;
        margin-inline-end: 0;
        line-height: 2em;
        font-weight: bold
    }

    .con_box li h3 {
        font-size: 1.17em;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0;
        margin-inline-end: 0;
        line-height: 2em;
        font-weight: bold
    }

    .con_box li h4 {
        margin-block-start: 1.33em;
        margin-block-end: 1.33em;
        margin-inline-start: 0;
        margin-inline-end: 0;
        line-height: 2em;
        font-weight: bold
    }

    .con_box li h5 {
        font-size: .83em;
        margin-block-start: 1.67em;
        margin-block-end: 1.67em;
        margin-inline-start: 0;
        margin-inline-end: 0;
        line-height: 2em;
        font-weight: bold
    }

    .con_box li ul,
    .con_box li menu,
    .con_box li dir {
        display: block;
        list-style-type: disc;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0;
        margin-inline-end: 0;
        padding-inline-start: 20px;
        line-height: 2em
    }

    .con_box li ol {
        display: block;
        list-style-type: decimal;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0;
        line-height: 2em;
        margin-inline-end: 0;
        padding-inline-start: 20px
    }

    .con_box li li {
        display: list-item;
        text-align: -webkit-match-parent;
        line-height: 2em;
        font-size: inherit;
        color: inherit;
        list-style-position: inside
    }

.con_box {
     /*min-height: 14.6666666667rem*/  
        min-height: 5rem;
}

    .con_box li ul.yj_feedback {
        padding-inline-start: 0
    }

.yj_feedback > li {
    margin-top: .1333333333rem;
    list-style-type: none
}

    .yj_feedback > li label {
        display: block;
        font-size: 28px;
        line-height: .8rem;
        color: #999
    }

[data-dpr="1"] .yj_feedback > li label {
    font-size: 14px
}

[data-dpr="2"] .yj_feedback > li label {
    font-size: 28px
}

[data-dpr="3"] .yj_feedback > li label {
    font-size: 42px
}

.yj_feedback > li .tel_number {
    width: 100%;
    height: 1.1733333333rem;
    line-height: 1.0666666667rem;
    text-indent: .2rem;
    font-size: 28px;
    border: 1px #dfdfdf solid;
    resize: none;
    box-sizing: border-box
}

[data-dpr="1"] .yj_feedback > li .tel_number {
    font-size: 14px
}

[data-dpr="2"] .yj_feedback > li .tel_number {
    font-size: 28px
}

[data-dpr="3"] .yj_feedback > li .tel_number {
    font-size: 42px
}

.yj_feedback > li input[type=text] {
    width: 100%;
    height: 1.1733333333rem;
    text-indent: .2rem;
    font-size: 28px;
    border: 1px #dfdfdf solid
}

[data-dpr="1"] .yj_feedback > li input[type=text] {
    font-size: 14px
}

[data-dpr="2"] .yj_feedback > li input[type=text] {
    font-size: 28px
}

[data-dpr="3"] .yj_feedback > li input[type=text] {
    font-size: 42px
}

.yj_feedback > li input[type=text].yzm {
    width: 70%;
    margin-right: .2rem
}

.yj_feedback > li input[type=button],
.yj_feedback > li .buttontj {
    width: 100%;
    background: #bc0000;
    height: 1.2533333333rem;
    text-align: center;
    color: #fff;
    font-size: 34px;
    margin-top: .4rem;
    margin-bottom: .9333333333rem;
    border-radius: .0666666667rem
}

[data-dpr="1"] .yj_feedback > li input[type=button],
[data-dpr="1"] .yj_feedback > li .buttontj {
    font-size: 17px
}

[data-dpr="2"] .yj_feedback > li input[type=button],
[data-dpr="2"] .yj_feedback > li .buttontj {
    font-size: 34px
}

[data-dpr="3"] .yj_feedback > li input[type=button],
[data-dpr="3"] .yj_feedback > li .buttontj {
    font-size: 51px
}

.yj_feedback > li .textarea {
    width: 98%;
    height: 2.5333333333rem;
    padding: .2666666667rem 0;
    line-height: .4rem;
    font-size: 28px;
    padding-left: .2rem;
    border: 1px #dfdfdf solid
}

[data-dpr="1"] .yj_feedback > li .textarea {
    font-size: 14px
}

[data-dpr="2"] .yj_feedback > li .textarea {
    font-size: 28px
}

[data-dpr="3"] .yj_feedback > li .textarea {
    font-size: 42px
}

.yj_feedback > li span.account {
    position: absolute;
    right: .2666666667rem;
    bottom: .2666666667rem;
    color: #d3d3d3;
    font-size: 24px
}

[data-dpr="1"] .yj_feedback > li span.account {
    font-size: 12px
}

[data-dpr="2"] .yj_feedback > li span.account {
    font-size: 24px
}

[data-dpr="3"] .yj_feedback > li span.account {
    font-size: 36px
}

.float {
    position: fixed;
    z-index: 999999;
    top: 0;
    width: 100%
}

* html .float {
    position: absolute;
    _top: expression(documentElement.scrollTop-0)
}

.bg_red {
    background: url("../image/pic_red.png") no-repeat top center #fff;
    width: 100%;
    height: 9.3333333333rem;
    background-size: 100%;
    position: relative
}

    .bg_red .h_logo {
        width: 2.24rem;
        padding: .2666666667rem 0 0 .3466666667rem;
        height: .8666666667rem;
        overflow: hidden
    }

        .bg_red .h_logo img {
            width: 2.24rem;
            height: .6533333333rem
        }

    .bg_red .title {
        text-align: center;
        color: #fff;
        padding-bottom: .1333333333rem;
        font-weight: bold;
        font-size: 36px;
        margin-top: -0.3333333333rem
    }

[data-dpr="1"] .bg_red .title {
    font-size: 18px
}

[data-dpr="2"] .bg_red .title {
    font-size: 36px
}

[data-dpr="3"] .bg_red .title {
    font-size: 54px
}

.bg_red .pic_araneid {
    position: absolute;
    left: 50%;
    top: 2.1333333333rem;
    width: 2.2666666667rem;
    min-height: 2.2666666667rem;
    margin-left: -1.3066666667rem;
    z-index: 99
}

    .bg_red .pic_araneid img {
        border: .0533333333rem solid #df8787;
        width: 2.2666666667rem;
        height: 2.2666666667rem;
        border-radius: 2.52rem
    }

    .bg_red .pic_araneid i {
        position: absolute;
        display: inline-block;
        width: 1.52rem
    }

        .bg_red .pic_araneid i b {
            position: absolute;
            display: inline-block;
            width: .1466666667rem;
            height: .1466666667rem;
            border-radius: .1466666667rem;
            background: #fff;
            top: -0.06rem;
            left: -0.0666666667rem;
            -webkit-animation-timing-function: ease-in-out;
            -webkit-animation-duration: 1800ms;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-direction: alternate
        }

        .bg_red .pic_araneid i.line_left1 {
            background: url("../image/line_001.png") no-repeat;
            width: 1.3466666667rem;
            height: .64rem;
            left: -0.5333333333rem;
            top: -0.4rem;
            z-index: -1;
            background-size: 100%
        }

            .bg_red .pic_araneid i.line_left1 b {
                -webkit-animation-name: breathe1
            }

@-webkit-keyframes breathe1 {
    from {
        -webkit-transform: scale(0.2);
        opacity: .3
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

.bg_red .pic_araneid i.line_right1 {
    background: url("../image/line_01.png") no-repeat;
    width: 1.3466666667rem;
    height: .64rem;
    top: -0.3733333333rem;
    right: -0.8rem;
    background-size: 100%
}

    .bg_red .pic_araneid i.line_right1 b {
        left: inherit;
        right: -0.0666666667rem;
        -webkit-animation-name: breathe2;
        -webkit-animation-duration: 3000ms
    }

@-webkit-keyframes breathe2 {
    from {
        -webkit-transform: scale(0.2);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        opacity: .3
    }
}

.bg_red .pic_araneid i.line_left2 {
    border-bottom: .0133333333rem solid #fff;
    width: .5333333333rem;
    height: .0133333333rem;
    top: 50%;
    left: -0.5333333333rem
}

    .bg_red .pic_araneid i.line_left2 b {
        top: -0.04rem;
        -webkit-animation-name: breathe3;
        -webkit-animation-duration: 2400ms
    }

@-webkit-keyframes breathe3 {
    from {
        -webkit-transform: scale(0.4);
        opacity: .3
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

.bg_red .pic_araneid i.line_right2 {
    border-bottom: .0133333333rem solid #fff;
    width: .5333333333rem;
    height: .0133333333rem;
    top: 50%;
    right: -0.6rem
}

    .bg_red .pic_araneid i.line_right2 b {
        left: inherit;
        right: -4px;
        top: -0.04rem;
        -webkit-animation-name: breathe4;
        -webkit-animation-duration: 2400ms
    }

@-webkit-keyframes breathe4 {
    from {
        -webkit-transform: scale(0.6);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        opacity: .3
    }
}

.bg_red .pic_araneid i.line_left3 {
    background: url("../image/line_left_001.png") no-repeat;
    width: 1.3466666667rem;
    height: .64rem;
    bottom: -0.56rem;
    left: -0.5333333333rem;
    background-size: 100%
}

    .bg_red .pic_araneid i.line_left3 b {
        top: inherit;
        bottom: .04rem;
        -webkit-animation-name: breathe5
    }

@-webkit-keyframes breathe5 {
    from {
        -webkit-transform: scale(0.3);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        opacity: .3
    }
}

.bg_red .pic_araneid i.line_right3 {
    background: url("../image/line_right_01.png") no-repeat;
    width: 1.3466666667rem;
    height: .5866666667rem;
    bottom: -0.4533333333rem;
    right: -0.8rem;
    background-size: 100%
}

    .bg_red .pic_araneid i.line_right3 b {
        top: inherit;
        bottom: .0026666667rem;
        left: inherit;
        right: -0.0666666667rem;
        -webkit-animation-name: breathe6;
        -webkit-animation-duration: 2400ms
    }

@-webkit-keyframes breathe6 {
    from {
        -webkit-transform: scale(0.4);
        opacity: .3
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

.bg_red .list {
    width: 3.0666666667rem
}

    .bg_red .list ul.left {
        margin-top: -0.0533333333rem;
        margin-right: .1333333333rem
    }

        .bg_red .list ul.left li {
            text-align: right;
            height: 1.4666666667rem;
            overflow: hidden
        }

            .bg_red .list ul.left li.text1 {
                margin-top: -0.2666666667rem;
                padding-bottom: .2666666667rem
            }

            .bg_red .list ul.left li.text2 {
                margin-top: -0.1333333333rem;
                padding-bottom: .1333333333rem
            }

            .bg_red .list ul.left li.text3 {
                padding-top: 0
            }

            .bg_red .list ul.left li label {
                font-size: 26px;
                color: #e2adad
            }

[data-dpr="1"] .bg_red .list ul.left li label {
    font-size: 13px
}

[data-dpr="2"] .bg_red .list ul.left li label {
    font-size: 26px
}

[data-dpr="3"] .bg_red .list ul.left li label {
    font-size: 39px
}

.bg_red .list ul.left li p {
    font-size: 26px;
    color: #fff
}

[data-dpr="1"] .bg_red .list ul.left li p {
    font-size: 13px
}

[data-dpr="2"] .bg_red .list ul.left li p {
    font-size: 26px
}

[data-dpr="3"] .bg_red .list ul.left li p {
    font-size: 39px
}

.bg_red .list ul.right {
    margin-left: .0666666667rem;
    margin-top: -0.0533333333rem;
    width: 2.8rem
}

    .bg_red .list ul.right li {
        text-align: left;
        height: 1.4666666667rem;
        overflow: hidden
    }

        .bg_red .list ul.right li:last-child {
            padding-top: 0
        }

        .bg_red .list ul.right li label {
            font-size: 26px;
            color: #e2adad
        }

[data-dpr="1"] .bg_red .list ul.right li label {
    font-size: 13px
}

[data-dpr="2"] .bg_red .list ul.right li label {
    font-size: 26px
}

[data-dpr="3"] .bg_red .list ul.right li label {
    font-size: 39px
}

.bg_red .list ul.right li.text4 {
    margin-top: -0.2666666667rem;
    padding-bottom: .2666666667rem
}

.bg_red .list ul.right li.text5 {
    margin-top: -0.1333333333rem;
    padding-bottom: .1333333333rem
}

.bg_red .list ul.right li p {
    font-size: 26px;
    color: #fff
}

[data-dpr="1"] .bg_red .list ul.right li p {
    font-size: 13px
}

[data-dpr="2"] .bg_red .list ul.right li p {
    font-size: 26px
}

[data-dpr="3"] .bg_red .list ul.right li p {
    font-size: 39px
}

.bg_red .fl {
    float: left
}

.bg_red .fr {
    float: right
}

.bg_red .clear {
    clear: both
}

.bg_red .caption_text {
    background: url("../image/caption_1127.png") 0 .2666666667rem no-repeat;
    width: 8.8666666667rem;
    height: 1.7333333333rem;
    margin: .2666666667rem auto 0;
    background-size: 100%
}

    .bg_red .caption_text p {
        font-size: 22px;
        color: #fff;
        text-align: center;
        margin-top: .1333333333rem;
        padding: .08rem .1333333333rem 0
    }

[data-dpr="1"] .bg_red .caption_text p {
    font-size: 11px
}

[data-dpr="2"] .bg_red .caption_text p {
    font-size: 22px
}

[data-dpr="3"] .bg_red .caption_text p {
    font-size: 33px
}

.bg_red .caption_text a {
    font-size: 28px;
    text-align: center;
    color: #bc0000;
    font-weight: bold;
    border-radius: .4rem;
    display: inline-block;
    padding: .1333333333rem .4rem .1333333333rem .4rem;
    background: #fff
}

[data-dpr="1"] .bg_red .caption_text a {
    font-size: 14px
}

[data-dpr="2"] .bg_red .caption_text a {
    font-size: 28px
}

[data-dpr="3"] .bg_red .caption_text a {
    font-size: 42px
}

.bg_red .caption_text a i {
    display: inline-block;
    vertical-align: middle;
    background: url("../image/sanjiaoright.png") no-repeat;
    width: .1866666667rem;
    height: .32rem;
    background-size: 100%;
    margin-left: .2rem
}

.mes-left {
    float: left;
    width: 4.08rem;
    text-align: right;
    margin-top: -4rem
}

    .mes-left li i.text1 {
        display: inline-block;
        background: url("../image/line_001.png") no-repeat right;
        width: 1.3466666667rem;
        height: .64rem;
        background-size: 100%
    }

.result-box2 img {
    width: 100%
}

.result-box2 .text_sty {
    position: absolute;
    top: 2.56rem;
    width: 100%;
    left: 0
}

    .result-box2 .text_sty .ma {
        margin: 0 .8rem;
        color: #333;
        font-size: 28px;
        line-height: 1.2666666667rem;
        text-align: center;
        font-weight: bold
    }

[data-dpr="1"] .result-box2 .text_sty .ma {
    font-size: 14px
}

[data-dpr="2"] .result-box2 .text_sty .ma {
    font-size: 28px
}

[data-dpr="3"] .result-box2 .text_sty .ma {
    font-size: 42px
}

.result-box2 .text_sty p {
    margin: .9333333333rem .8rem;
    color: #fff;
    font-size: 36px;
    line-height: .48rem;
    text-align: center
}

[data-dpr="1"] .result-box2 .text_sty p {
    font-size: 18px
}

[data-dpr="2"] .result-box2 .text_sty p {
    font-size: 36px
}

[data-dpr="3"] .result-box2 .text_sty p {
    font-size: 54px
}

.result-box img {
    width: 100%
}

.result-box .text_sty {
    position: absolute;
    top: 4.4266666667rem;
    left: 0
}

    .result-box .text_sty h3 {
        margin: 0 .8rem;
        text-align: center;
        color: #fff;
        font-size: 30px;
        line-height: .4rem;
        font-weight: bold
    }

[data-dpr="1"] .result-box .text_sty h3 {
    font-size: 15px
}

[data-dpr="2"] .result-box .text_sty h3 {
    font-size: 30px
}

[data-dpr="3"] .result-box .text_sty h3 {
    font-size: 45px
}

.result-box .text_sty p {
    margin: .2666666667rem .8rem 0;
    color: #fff;
    font-size: 28px;
    line-height: .5866666667rem
}

[data-dpr="1"] .result-box .text_sty p {
    font-size: 14px
}

[data-dpr="2"] .result-box .text_sty p {
    font-size: 28px
}

[data-dpr="3"] .result-box .text_sty p {
    font-size: 42px
}

.result-box .text_sty .ma {
    margin: .96rem .8rem;
    color: #333;
    font-size: 28px;
    line-height: 1.2666666667rem;
    text-align: center;
    font-weight: bold
}

[data-dpr="1"] .result-box .text_sty .ma {
    font-size: 14px
}

[data-dpr="2"] .result-box .text_sty .ma {
    font-size: 28px
}

[data-dpr="3"] .result-box .text_sty .ma {
    font-size: 42px
}

.scancode .head_banner {
    background: url("../image/new_scancode/head_banner.jpg") no-repeat;
    width: 10rem;
    min-height: 3.3333333333rem;
    background-size: cover;
    padding-left: .4rem;
    box-sizing: border-box;
    text-align: left;
    position: relative
}

    .scancode .head_banner .logo_small {
        display: inline-block;
        background: url("../image/new_scancode/logo_small.png") no-repeat;
        width: 4.9333333333rem;
        height: .5066666667rem;
        background-size: 4.92rem .5066666667rem;
        margin: .32rem 0 0 0
    }

    .scancode .head_banner .logo_brands {
        display: inline-block;
        background: url("../image/new_scancode/logo_brands.png");
        width: 2.68rem;
        height: 1.16rem;
        background-size: 2.68rem 1.16rem;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -0.6666666667rem
    }

    .scancode .head_banner .head_info {
        padding-left: .2666666667rem;
        box-sizing: border-box;
        padding-bottom: .1333333333rem
    }

        .scancode .head_banner .head_info .name {
            color: #fff;
            font-size: 54px;
            font-weight: bold;
            margin-top: .4rem
        }

[data-dpr="1"] .scancode .head_banner .head_info .name {
    font-size: 27px
}

[data-dpr="2"] .scancode .head_banner .head_info .name {
    font-size: 54px
}

[data-dpr="3"] .scancode .head_banner .head_info .name {
    font-size: 81px
}

.scancode .head_banner .head_info ul {
    margin-top: .1866666667rem
}

    .scancode .head_banner .head_info ul li {
        display: flex;
        align-items: baseline;
        font-size: 28px;
        font-weight: bold;
        color: #fff
    }

[data-dpr="1"] .scancode .head_banner .head_info ul li {
    font-size: 14px
}

[data-dpr="2"] .scancode .head_banner .head_info ul li {
    font-size: 28px
}

[data-dpr="3"] .scancode .head_banner .head_info ul li {
    font-size: 42px
}

.scancode .head_banner .head_info ul li:first-child {
    margin-bottom: .08rem
}

.scancode .head_banner .head_info ul li i {
    margin-right: .1333333333rem;
    display: inline-block;
    width: .1866666667rem;
    height: .1866666667rem;
    background: #fff;
    border-radius: 50%
}

.scancode .head_banner .head_info ul li span {
    flex: 1;
    padding-right: .5333333333rem
}

.scancode .head_banner2 {
    background: url("../image/new_scancode/head_banner2.png");
    width: 10rem;
    background-size: 100% 100%;
    padding: .6666666667rem .64rem .5333333333rem;
    box-sizing: border-box;
    position: relative
}

    .scancode .head_banner2 .list_info p {
        display: flex;
        color: #999;
        height: .5866666667rem
    }

        .scancode .head_banner2 .list_info p.first {
            margin-top: .1333333333rem
        }

            .scancode .head_banner2 .list_info p.first .ml60 {
                margin-left: auto
            }

        .scancode .head_banner2 .list_info p .s_title {
            width: 1.3333333333rem;
            text-align: justify;
            display: inline-block
        }

            .scancode .head_banner2 .list_info p .s_title:after {
                display: inline-block;
                width: 100%;
                content: '';
                height: 0
            }

        .scancode .head_banner2 .list_info p .s_info {
            color: #000
        }

    .scancode .head_banner2 .icon_biao {
        right: 0;
        top: .4rem;
        display: inline-block;
        position: absolute;
        background: url("../image/new_scancode/icon_biao.png") no-repeat;
        width: 3.8666666667rem;
        height: 3.2rem;
        background-size: 3.72rem 3.2rem
    }

    .scancode .head_banner2 .icon_biao2 {
        right: 0;
        bottom: -1.3333333333rem;
        position: absolute;
        background: url("../image/new_scancode/icon_biao2.png") no-repeat;
        width: 10rem;
        height: 2.2933333333rem;
        background-size: 10rem 2.2933333333rem
    }

.scancode .main {
    background: #fff;
    padding: 0 .4rem;
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

    .scancode .main .line {
        position: absolute;
        height: 100%;
        border: 1px dashed #f9bcbe;
        left: .56rem;
        top: .8rem
    }

    .scancode .main .item {
        padding-bottom: .4rem
    }

        .scancode .main .item.mt50 {
            margin-top: .6666666667rem
        }

        .scancode .main .item h3 {
            color: #411902;
            font-size: 28px;
            font-weight: bold;
            margin-bottom: .1333333333rem
        }

[data-dpr="1"] .scancode .main .item h3 {
    font-size: 14px
}

[data-dpr="2"] .scancode .main .item h3 {
    font-size: 28px
}

[data-dpr="3"] .scancode .main .item h3 {
    font-size: 42px
}

.scancode .main .item h3 i {
    background: url("../image/new_scancode/down_line.jpg") no-repeat;
    width: .3866666667rem;
    height: .5066666667rem;
    background-size: .3866666667rem .5066666667rem;
    display: inline-block;
    margin-right: .1333333333rem;
    vertical-align: middle;
    position: relative;
    z-index: 9
}

.scancode .main .item .imgBig {
    margin-left: .52rem
}

    .scancode .main .item .imgBig .tips_title {
        position: absolute;
        left: 0rem;
        top: -0.0666666667rem;
        border-radius: .1066666667rem 0 0 0;
        display: inline-block;
        background: url("../image/new_scancode/tips_title.png");
        width: 3.08rem;
        height: .7733333333rem;
        line-height: .7733333333rem;
        background-size: 3.08rem .7733333333rem;
        font-size: 28px;
        color: #fefefe;
        font-weight: bold;
        text-align: center
    }

[data-dpr="1"] .scancode .main .item .imgBig .tips_title {
    font-size: 14px
}

[data-dpr="2"] .scancode .main .item .imgBig .tips_title {
    font-size: 28px
}

[data-dpr="3"] .scancode .main .item .imgBig .tips_title {
    font-size: 42px
}

.scancode .main .item p {
    color: #8c7059;
    margin-left: .52rem;
    line-height: .6666666667rem;
    font-size: 28px
}

[data-dpr="1"] .scancode .main .item p {
    font-size: 14px
}

[data-dpr="2"] .scancode .main .item p {
    font-size: 28px
}

[data-dpr="3"] .scancode .main .item p {
    font-size: 42px
}

.scancode .main .item p span {
    color: #411902
}

    .scancode .main .item p span img {
        width: 100%
    }

.scancode .main .item .flex {
    display: flex
}

    .scancode .main .item .flex .p2 {
        margin-left: auto;
        margin-right: .4rem;
        min-width: 3.4666666667rem;
        text-align: left
    }

.scancode .main .item .kuang {
    width: 8.2666666667rem;
    height: 5.3333333333rem;
    border-radius: .2666666667rem;
    border: 2px solid #e12129;
    margin: .2666666667rem auto
}

    .scancode .main .item .kuang.hidden {
        overflow: hidden
    }

    .scancode .main .item .kuang h2 {
        font-size: 32px;
        color: #333;
        font-weight: bold;
        line-height: .5333333333rem;
        margin: .1333333333rem 0 .1333333333rem .2666666667rem
    }

[data-dpr="1"] .scancode .main .item .kuang h2 {
    font-size: 16px
}

[data-dpr="2"] .scancode .main .item .kuang h2 {
    font-size: 32px
}

[data-dpr="3"] .scancode .main .item .kuang h2 {
    font-size: 48px
}

.scancode .main .item .kuang .tabs {
    padding-left: .1333333333rem
}

    .scancode .main .item .kuang .tabs span {
        display: inline-block;
        vertical-align: middle;
        margin-right: .04rem;
        line-height: .3466666667rem;
        height: .3466666667rem;
        font-size: 26px;
        padding: .0666666667rem .08rem
    }

[data-dpr="1"] .scancode .main .item .kuang .tabs span {
    font-size: 13px
}

[data-dpr="2"] .scancode .main .item .kuang .tabs span {
    font-size: 26px
}

[data-dpr="3"] .scancode .main .item .kuang .tabs span {
    font-size: 39px
}

.scancode .main .item .kuang .tabs span.cur {
    background: #e12129;
    border-radius: .1066666667rem;
    color: #fff
}

.scancode .main .item .kuang .container {
    height: 4rem
}

.scancode .main .item .map {
    position: relative;
    width: 8.2666666667rem;
    height: 4.6666666667rem;
    border-radius: .2666666667rem;
    border: 2px solid #e12129;
    overflow: hidden;
    margin: .2666666667rem auto;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

    .scancode .main .item .map.hei2 {
        height: 5.0666666667rem
    }

    .scancode .main .item .map h2 {
        font-size: 32px;
        color: #333;
        font-weight: bold;
        line-height: .5333333333rem;
        margin: .1333333333rem 0 .1333333333rem .2666666667rem
    }

[data-dpr="1"] .scancode .main .item .map h2 {
    font-size: 16px
}

[data-dpr="2"] .scancode .main .item .map h2 {
    font-size: 32px
}

[data-dpr="3"] .scancode .main .item .map h2 {
    font-size: 48px
}

.scancode .main .item .map .tabs {
    padding-left: .1333333333rem
}

    .scancode .main .item .map .tabs span {
        display: inline-block;
        vertical-align: middle;
        margin-right: .04rem;
        line-height: .3466666667rem;
        height: .3466666667rem;
        font-size: 26px;
        padding: .0666666667rem .08rem
    }

[data-dpr="1"] .scancode .main .item .map .tabs span {
    font-size: 13px
}

[data-dpr="2"] .scancode .main .item .map .tabs span {
    font-size: 26px
}

[data-dpr="3"] .scancode .main .item .map .tabs span {
    font-size: 39px
}

.scancode .main .item .map .tabs span.cur {
    background: #e12129;
    border-radius: .1066666667rem;
    color: #fff
}

.scancode .main .item .map .container {
    height: 5.3333333333rem
}

.scancode .main .item .map .back_center {
    background: url("../image/new_scancode/back_center.png") no-repeat;
    width: 1.0933333333rem;
    height: 1.0933333333rem;
    background-size: 1.0933333333rem 1.0933333333rem;
    position: absolute;
    left: .1333333333rem;
    bottom: .1333333333rem
}

.scancode .main .item .map .amap-logo {
    display: none !important
}

.scancode .main .item .imgBig {
    width: 8.1333333333rem;
    border-radius: .2666666667rem;
    overflow: hidden;
    border: 2px solid #e12129;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    margin-top: .1333333333rem
}

    .scancode .main .item .imgBig.setcicun img {
        width: 100%
    }

    .scancode .main .item .imgBig ul li {
        display: none
    }

        .scancode .main .item .imgBig ul li:first-child {
            display: block
        }

        .scancode .main .item .imgBig ul li img {
            width: 8.1333333333rem;
            height: 4.6666666667rem
        }

.scancode .main .item .audio_div {
    background: linear-gradient(to right, #ea2129, #a82126);
    width: 8.1333333333rem;
    margin: .1333333333rem auto;
    border-radius: .2666666667rem;
    padding: .2666666667rem;
    box-sizing: border-box
}

    .scancode .main .item .audio_div ul li {
        width: 7.6rem;
        min-height: 2rem;
        position: relative;
        padding-top: .32rem;
        border-radius: .2666666667rem;
        overflow: hidden
    }

        .scancode .main .item .audio_div ul li:first-child {
            padding-top: 0
        }

            .scancode .main .item .audio_div ul li:first-child .tips_title {
                top: 0
            }

        .scancode .main .item .audio_div ul li .tips_title {
            position: absolute;
            left: 0;
            top: .32rem;
            display: inline-block;
            background: url("../image/new_scancode/tips_title.png");
            width: 3.08rem;
            height: .7733333333rem;
            background-size: 3.08rem .7733333333rem;
            font-size: 28px;
            color: #fefefe;
            font-weight: bold;
            text-align: center;
            line-height: .6666666667rem
        }

[data-dpr="1"] .scancode .main .item .audio_div ul li .tips_title {
    font-size: 14px
}

[data-dpr="2"] .scancode .main .item .audio_div ul li .tips_title {
    font-size: 28px
}

[data-dpr="3"] .scancode .main .item .audio_div ul li .tips_title {
    font-size: 42px
}

.scancode .main .item .audio_div ul li img {
    width: 100%;
    height: 6.6666666667rem
}

.scancode .main .item .audio_div ul li .li_audio {
    width: 100%;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: .1333333333rem
}

    .scancode .main .item .audio_div ul li .li_audio .audio_main {
        display: flex;
        height: 1.3333333333rem;
        align-items: center;
        padding: 0 .2666666667rem;
        box-sizing: border-box
    }

        .scancode .main .item .audio_div ul li .li_audio .audio_main .audio_icon {
            background: url("../image/new_scancode/audio_icon.png") no-repeat;
            width: .7866666667rem;
            height: .7866666667rem;
            margin-right: .2133333333rem;
            background-size: .7866666667rem .7866666667rem;
            display: inline-block
        }

            .scancode .main .item .audio_div ul li .li_audio .audio_main .audio_icon.audio_icon_pause {
                background: url("../image/new_scancode/audio_icon_pause.png") no-repeat;
                background-size: .7866666667rem .7866666667rem
            }

        .scancode .main .item .audio_div ul li .li_audio .audio_main .progress {
            position: relative;
            background: #ededed;
            flex: 1;
            height: .1333333333rem
        }

            .scancode .main .item .audio_div ul li .li_audio .audio_main .progress .now_progress {
                position: absolute;
                background: #eb2129;
                left: 0;
                top: 0;
                width: 0;
                height: 100%
            }

        .scancode .main .item .audio_div ul li .li_audio .audio_main .time {
            color: #411902;
            display: none;
            margin-left: .1333333333rem
        }

            .scancode .main .item .audio_div ul li .li_audio .audio_main .time .currentTime {
                color: #8c7059
            }

    .scancode .main .item .audio_div ul li .li_audio p {
        margin-top: .1333333333rem;
        font-size: 26px;
        color: #411902;
        margin-left: .32rem
    }

[data-dpr="1"] .scancode .main .item .audio_div ul li .li_audio p {
    font-size: 13px
}

[data-dpr="2"] .scancode .main .item .audio_div ul li .li_audio p {
    font-size: 26px
}

[data-dpr="3"] .scancode .main .item .audio_div ul li .li_audio p {
    font-size: 39px
}

.scancode .main .item .audio_div ul li .li_audio p span {
    color: #8c7059
}

.scancode .main .item .audio_div ul .slide_more {
    margin-top: .4rem;
    display: none
}

.scancode .main .item .audio_div .more {
    height: .8rem;
    line-height: 1.0666666667rem;
    text-align: center;
    color: #fff;
    font-size: 28px
}

[data-dpr="1"] .scancode .main .item .audio_div .more {
    font-size: 14px
}

[data-dpr="2"] .scancode .main .item .audio_div .more {
    font-size: 28px
}

[data-dpr="3"] .scancode .main .item .audio_div .more {
    font-size: 42px
}

.scancode .main .item .audio_div .more img {
    margin-left: .1066666667rem;
    width: .3866666667rem;
    height: .2rem
}

.scancode .main .item .cs_backgd {
    background: linear-gradient(to right, #ea2129, #a82126);
    width: 8.1733333333rem;
    margin: .2666666667rem auto;
    border-radius: .2666666667rem;
    padding: .1333333333rem;
    box-sizing: border-box
}

    .scancode .main .item .cs_backgd .cc_fff {
        background: #fff;
        border-radius: .1333333333rem;
        padding-bottom: .2666666667rem
    }

    .scancode .main .item .cs_backgd .cs_id {
        height: 1.2rem;
        line-height: 1.2rem;
        border-bottom: 1px dashed #e7d4b7;
        margin-left: 0;
        padding-left: .52rem;
        margin-bottom: .1333333333rem
    }

    .scancode .main .item .cs_backgd .flex {
        margin-top: .2666666667rem
    }

.scancode .main .item .cc_backgd {
    background: linear-gradient(to right, #ea2129, #a82126);
    width: 8.1733333333rem;
    background-size: 8.1733333333rem 3.7066666667rem;
    margin: .2666666667rem auto;
    border-radius: .2666666667rem;
    padding: .1333333333rem;
    box-sizing: border-box
}

    .scancode .main .item .cc_backgd .cc_fff {
        background: #fff;
        border-radius: .1333333333rem;
        padding-bottom: .2666666667rem
    }

        .scancode .main .item .cc_backgd .cc_fff .cc_adress {
            padding: .2666666667rem 0 .2666666667rem .52rem;
            margin-left: 0;
            margin-bottom: .2133333333rem;
            border-bottom: 1px dashed #e7d4b7
        }

.scancode .main .item .circulation {
    background: linear-gradient(to right, #ea2129, #a82126);
    width: 8.1333333333rem;
    margin: .2666666667rem auto;
    min-height: 1.3333333333rem;
    border-radius: .2666666667rem;
    padding: .1333333333rem;
    box-sizing: border-box
}

    .scancode .main .item .circulation ul {
        background: #fff;
        border-radius: .1333333333rem;
        padding: .4rem .4rem .1333333333rem .4rem
    }

        .scancode .main .item .circulation ul li {
            position: relative;
            display: flex;
            flex-direction: column;
            border-left: 1px solid #fd4649;
            padding-left: .2666666667rem;
            box-sizing: border-box
        }

            .scancode .main .item .circulation ul li:last-child {
                border-left: 1px solid #fff
            }

            .scancode .main .item .circulation ul li i {
                position: absolute;
                display: inline-block;
                width: .1866666667rem;
                height: .1866666667rem;
                top: 0;
                left: -0.1066666667rem;
                background: #fd4649;
                border-radius: 50%
            }

            .scancode .main .item .circulation ul li p {
                font-size: 28px;
                color: #411902;
                margin: .32rem 0 .4rem 0;
                line-height: .5066666667rem
            }

[data-dpr="1"] .scancode .main .item .circulation ul li p {
    font-size: 14px
}

[data-dpr="2"] .scancode .main .item .circulation ul li p {
    font-size: 28px
}

[data-dpr="3"] .scancode .main .item .circulation ul li p {
    font-size: 42px
}

.scancode .main .item .circulation ul li span {
    position: absolute;
    top: -0.1333333333rem;
    font-size: 26px;
    color: #8c7059
}

[data-dpr="1"] .scancode .main .item .circulation ul li span {
    font-size: 13px
}

[data-dpr="2"] .scancode .main .item .circulation ul li span {
    font-size: 26px
}

[data-dpr="3"] .scancode .main .item .circulation ul li span {
    font-size: 39px
}

.scancode .right {
    position: fixed;
    width: 2.1333333333rem;
    min-height: 1.3333333333rem;
    background: rgba(242, 115, 120, 0.63);
    bottom: 10%;
    right: 0;
    border-radius: .2666666667rem;
    padding: .3333333333rem 0
}

    .scancode .right li {
        font-size: 26px;
        font-weight: bold;
        color: #fff;
        text-align: center
    }

[data-dpr="1"] .scancode .right li {
    font-size: 13px
}

[data-dpr="2"] .scancode .right li {
    font-size: 26px
}

[data-dpr="3"] .scancode .right li {
    font-size: 39px
}

.scancode .right li p {
    font-weight: bold;
    color: #fff;
    width: 100%;
    display: inline-block;
    height: .6666666667rem;
    line-height: .6666666667rem
}

.scancode .right li img {
    width: .32rem;
    height: .3066666667rem;
    margin-left: .08rem;
    vertical-align: middle
}

.scancode .right li.showMore {
    font-weight: normal;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

[data-dpr="1"] .scancode .right li.showMore {
    font-size: 12px
}

[data-dpr="2"] .scancode .right li.showMore {
    font-size: 24px
}

[data-dpr="3"] .scancode .right li.showMore {
    font-size: 36px
}

#szhjInfo .more {
    height: .8rem;
    line-height: 1.0666666667rem;
    text-align: center;
    color: #666;
    font-size: 28px
}

[data-dpr="1"] #szhjInfo .more {
    font-size: 14px
}

[data-dpr="2"] #szhjInfo .more {
    font-size: 28px
}

[data-dpr="3"] #szhjInfo .more {
    font-size: 42px
}

#szhjInfo .more img {
    margin-left: .1066666667rem;
    width: .3866666667rem;
    height: .2rem
}

.mt20 {
    margin-top: .2666666667rem;
    display: inline-block
}

.slidesjs-pagination {
    position: absolute;
    right: .2666666667rem;
    text-align: center;
    top: 80%;
    z-index: 9999
}

    .slidesjs-pagination li {
        display: inline-block;
        color: #ccc;
        width: 22px !important;
        padding: 0 !important
    }

        .slidesjs-pagination li a {
            display: inline-block;
            font-size: 12px;
            color: #ccc;
            width: 12px;
            height: 12px;
            line-height: 12px;
            text-align: center;
            background: #ccc;
            border-radius: 100%
        }

            .slidesjs-pagination li a.active {
                background: #fd4649;
                color: #fd4649
            }

a.slidesjs-navigation {
    display: none;
    width: 35px;
    height: 70px;
    background: url("../images/cut.png") no-repeat;
    z-index: 999;
    position: absolute;
    line-height: 200px;
    overflow: hidden;
    top: 130px
}

    a.slidesjs-navigation.slidesjs-previous {
        left: 50%;
        margin-left: -375px;
        background-position: 0 0
    }

    a.slidesjs-navigation.slidesjs-next {
        right: 50%;
        margin-right: -375px;
        background-position: -1163px 0
    }

#swipebox-close {
    top: .1333333333rem;
    right: .1333333333rem;
    position: absolute;
    z-index: 9999;
    background-position: 15px 12px
}

#swipebox-close {
    background-image: url(../image/close.png);
    background-repeat: no-repeat;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    background-size: .6666666667rem .6666666667rem !important;
    top: 0
}

.plant-bg {
    background: url("../image/plant-1.png") no-repeat;
    width: 100%;
    height: .4266666667rem;
    background-size: 100%
}

.red-box {
    background: linear-gradient(to right, #eb2129, #a72126);
    padding: .1333333333rem;
    border-radius: .2rem;
    margin: 0 .4rem 0 .5333333333rem
}

    .red-box .item {
        margin-left: .0666666667rem;
        margin-bottom: -0.3333333333rem !important
    }

        .red-box .item h3 {
            border-bottom: 1px #e7d4b7 dashed
        }

        .red-box .item h3,
        .red-box .item > div {
            background: #fff;
            border-radius: .1066666667rem;
            padding: .2rem;
            margin-left: .2666666667rem;
            color: #8c7059 !important;
            margin-bottom: 0 !important;
            font-size: 28px
        }

[data-dpr="1"] .red-box .item h3,
[data-dpr="1"] .red-box .item > div {
    font-size: 14px
}

[data-dpr="2"] .red-box .item h3,
[data-dpr="2"] .red-box .item > div {
    font-size: 28px
}

[data-dpr="3"] .red-box .item h3,
[data-dpr="3"] .red-box .item > div {
    font-size: 42px
}

.red-box .item h3 span,
.red-box .item > div span {
    color: #411902
}

.red-box ul {
    margin: .2rem;
    padding-top: .4rem
}

    .red-box ul li {
        border-left: .0533333333rem solid #fff;
        padding-bottom: .4rem
    }

        .red-box ul li .item {
            margin-left: .0666666667rem;
            margin-bottom: -0.3333333333rem !important
        }

            .red-box ul li .item h3 {
                border-bottom: 1px #e7d4b7 dashed
            }

            .red-box ul li .item h3,
            .red-box ul li .item > div {
                background: #fff;
                border-radius: .1066666667rem;
                padding: .2rem;
                margin-left: .2666666667rem;
                color: #8c7059 !important;
                margin-bottom: 0 !important;
                font-size: 28px
            }

[data-dpr="1"] .red-box ul li .item h3,
[data-dpr="1"] .red-box ul li .item > div {
    font-size: 14px
}

[data-dpr="2"] .red-box ul li .item h3,
[data-dpr="2"] .red-box ul li .item > div {
    font-size: 28px
}

[data-dpr="3"] .red-box ul li .item h3,
[data-dpr="3"] .red-box ul li .item > div {
    font-size: 42px
}

.red-box ul li .item h3 span,
.red-box ul li .item > div span {
    color: #411902
}

.red-box ul li:last-child {
    border: 0 none
}

    .red-box ul li:last-child i {
        margin-left: -0.16rem
    }

    .red-box ul li:last-child .white-box {
        margin-left: .3333333333rem
    }

.red-box ul li .white-box {
    background: #fff;
    border-radius: .2rem;
    padding: .2rem;
    margin-left: .2666666667rem
}

.red-box ul li i {
    display: inline-block;
    background: #fff;
    border-radius: 100%;
    width: .1866666667rem;
    height: .1866666667rem;
    border: .0666666667rem solid #facacc;
    float: left;
    vertical-align: top;
    margin-left: -0.2rem
}

.red-box ul li h2 {
    font-size: 30px;
    margin: .1333333333rem 0 0 .1333333333rem;
    line-height: .48rem;
    height: .48rem;
    color: #411902;
    font-weight: bold
}

[data-dpr="1"] .red-box ul li h2 {
    font-size: 15px
}

[data-dpr="2"] .red-box ul li h2 {
    font-size: 30px
}

[data-dpr="3"] .red-box ul li h2 {
    font-size: 45px
}

.red-box ul li h2 span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.0266666667rem
}

.red-box ul li div {
    margin-left: -0.4rem
}

    .red-box ul li div p {
        font-size: 26px;
        line-height: .4266666667rem;
        height: .4266666667rem;
        color: #411902;
        margin-bottom: .1333333333rem
    }

[data-dpr="1"] .red-box ul li div p {
    font-size: 13px
}

[data-dpr="2"] .red-box ul li div p {
    font-size: 26px
}

[data-dpr="3"] .red-box ul li div p {
    font-size: 39px
}

.red-box ul li div p span {
    color: #8c7059
}

.red-box ul li div img {
    width: 6.8rem;
    height: 3.5466666667rem;
    border-radius: .2rem;
    margin: .2666666667rem 0 0 .36rem
}

.red-box ul li div.li_audio {
    width: 100%;
    background: #fff;
    margin: 0 auto;
    padding-bottom: .1333333333rem
}

    .red-box ul li div.li_audio .audio_main {
        display: flex;
        height: 1.3333333333rem;
        align-items: center;
        padding: 0 .2666666667rem;
        box-sizing: border-box;
        margin-left: -0.2666666667rem !important
    }

        .red-box ul li div.li_audio .audio_main .audio_icon {
            background: url("../image/new_scancode/audio_icon.png") no-repeat;
            width: .7866666667rem;
            height: .7866666667rem;
            margin-right: .2133333333rem;
            background-size: .7866666667rem .7866666667rem;
            display: inline-block;
            z-index: 3;
            margin-left: .2666666667rem;
            border: 0 none
        }

            .red-box ul li div.li_audio .audio_main .audio_icon.audio_icon_pause {
                background: url("../image/new_scancode/audio_icon_pause.png") no-repeat;
                background-size: .7866666667rem .7866666667rem
            }

        .red-box ul li div.li_audio .audio_main .progress {
            position: relative;
            background: #ededed;
            margin-left: .1333333333rem;
            flex: 1;
            height: .1333333333rem
        }

            .red-box ul li div.li_audio .audio_main .progress .now_progress {
                position: absolute;
                background: #eb2129;
                left: 0;
                top: 0;
                width: 0;
                height: 100%
            }

        .red-box ul li div.li_audio .audio_main .time {
            color: #411902;
            display: none;
            margin-left: .1333333333rem
        }

            .red-box ul li div.li_audio .audio_main .time .currentTime {
                color: #8c7059
            }

    .red-box ul li div.li_audio p {
        margin-top: .1333333333rem;
        font-size: 26px;
        color: #411902;
        margin-left: .32rem
    }

[data-dpr="1"] .red-box ul li div.li_audio p {
    font-size: 13px
}

[data-dpr="2"] .red-box ul li div.li_audio p {
    font-size: 26px
}

[data-dpr="3"] .red-box ul li div.li_audio p {
    font-size: 39px
}

.red-box ul li div.li_audio p span {
    color: #8c7059
}

.mt20f {
    margin-top: -0.2666666667rem
}

.more2 {
    margin-top: -0.4rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    color: #fff;
    font-size: 28px
}

[data-dpr="1"] .more2 {
    font-size: 14px
}

[data-dpr="2"] .more2 {
    font-size: 28px
}

[data-dpr="3"] .more2 {
    font-size: 42px
}

.more2 img {
    margin-left: .1066666667rem;
    width: .3866666667rem;
    height: .2rem
}

.bg-error {
    background: url("../image/plan-bg2.jpg") no-repeat;
    width: 10rem;
    height: 6.4933333333rem;
    background-size: 100%
}

    .bg-error h3 {
        color: #333;
        font-size: 40px;
        padding-top: 3rem;
        text-align: center;
        font-weight: bold
    }

[data-dpr="1"] .bg-error h3 {
    font-size: 20px
}

[data-dpr="2"] .bg-error h3 {
    font-size: 40px
}

[data-dpr="3"] .bg-error h3 {
    font-size: 60px
}

.bg-error h2 {
    color: #fff;
    font-size: 36px;
    padding-top: 1.0666666667rem;
    text-align: center;
    font-weight: bold
}

[data-dpr="1"] .bg-error h2 {
    font-size: 18px
}

[data-dpr="2"] .bg-error h2 {
    font-size: 36px
}

[data-dpr="3"] .bg-error h2 {
    font-size: 54px
}

.bg-error p {
    color: #fff;
    font-size: 30px;
    padding-top: .2rem;
    text-align: center
}

[data-dpr="1"] .bg-error p {
    font-size: 15px
}

[data-dpr="2"] .bg-error p {
    font-size: 30px
}

[data-dpr="3"] .bg-error p {
    font-size: 45px
}

.col_green {
    color: #478e02;
    font-size: 20px;
    line-height: .2666666667rem;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    background: #f6f6f6;
    border-radius: .4rem;
    padding: .04rem .1333333333rem
}

[data-dpr="1"] .col_green {
    font-size: 10px
}

[data-dpr="2"] .col_green {
    font-size: 20px
}

[data-dpr="3"] .col_green {
    font-size: 30px
}

.col_gray {
    color: #411902;
    font-size: 20px;
    line-height: .2666666667rem;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    background: #f6f6f6;
    border-radius: .4rem;
    padding: .04rem .1333333333rem
}

[data-dpr="1"] .col_gray {
    font-size: 10px
}

[data-dpr="2"] .col_gray {
    font-size: 20px
}

[data-dpr="3"] .col_gray {
    font-size: 30px
}

.fa-mobile-phone {
    background: url("../image/plan-iconphone.png") no-repeat;
    width: .32rem;
    height: .3333333333rem;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-left: .2666666667rem
}

a.call {
    text-decoration: underline;
    color: #411902
}