@charset "UTF-8";
/*reset*/
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
blockquote,
th,
td,
p {
    margin: 0;
    padding: 0;
}
input,
button,
select,
textarea,
button:focus,
input:focus,
textarea:focus,
select:focus,
a:focus,
li:focus,
span:focus,
i:focus,
img:focus,
summary {
    outline: 0;
}
ol,
ul,
li,
summary {
    list-style: none;
}
img {
    vertical-align: middle;
}
button,
fieldset,
img {
    border: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
    resize: none;
}
body,
input,
textarea,
select,
button {
    font-family: Arial, "Microsoft YaHei";
    color: #666;
}
i {
    font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}
table {
    border-spacing: 0;;
    border-collapse: collapse;
}
a,
a:active,
a:hover {
    text-decoration: none;
}
html,
body,
button {
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
}
a,
button,
input,
textarea {
    -webkit-tap-highlight-color: transparent;
}
mark {
    background-color: transparent;
}
input[type="text"],
input[type="number"],
input[type="submit"],
button,
textarea {
    -webkit-appearance: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #e7e7e7;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #e7e7e7;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #e7e7e7;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #e7e7e7;
}
q:before,
q:after {
    content: "";
}
i,
em {
    font-style: normal;
}
strong {
    font-weight: 400;
}
img {
    max-width: 100%;
}
body,
html {
    height: 100%;
    background-color: #fff;
}
.clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
}
.warper {
    width: 7.5rem;
    height: 100%;
    line-height: 1;
    background-color: #fff;
}
.card-box {
    position: relative;
    width: 100%;
    height: 5.34rem;
}
.horizontal-card {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5.2rem;
    height: 3.28rem;
    margin-top: -1.64rem;
    margin-left: -2.6rem;
}
.vertical-card {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.6rem;
    height: 4.12rem;
    margin-top: -2.06rem;
    margin-left: -1.3rem;
}
.white-card {
    overflow: hidden;
    border-radius: .15rem;
    box-shadow: 0 .04rem .2rem rgba(0, 0, 0, .5);
}
.card-name {
    font-size: .42rem;
    font-weight: 700;
    text-align: center;
    color: #666;
}
.rights {
    margin: .8rem 0 .74rem 1.15rem;
    font-size: .26rem;
    color: #666;
}
.rights p {
    position: relative;
    margin-bottom: .3rem;
    padding-left: .55rem;
}
.rights p:last-child {
    margin-bottom: 0;
}
.icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: .3rem;
    height: .3rem;
    margin-top: -.14rem;
}
.icon1 {
    background: url(../images/icon1.jpg) no-repeat;
    background-size: 100%;
}
.icon2 {
    background: url(../images/icon2.jpg) no-repeat;
    background-size: 100%;
}
.icon3 {
    background: url(../images/icon3.jpg) no-repeat;
    background-size: 100%;
}
.icon4 {
    background: url(../images/icon4.jpg) no-repeat;
    background-size: 100%;
}
.icon5 {
    background: url(../images/icon5.jpg) no-repeat;
    background-size: 100%;
}
.icon6 {
    background: url(../images/icon6.jpg) no-repeat;
    background-size: 100%;
}
.icon7 {
    background: url(../images/icon7.jpg) no-repeat;
    background-size: 100%;
}
.icon8 {
    background: url(../images/icon8.jpg) no-repeat;
    background-size: 100%;
}
.icon9 {
    background: url(../images/icon9.jpg) no-repeat;
    background-size: 100%;
}
.icon10 {
    background: url(../images/icon10.jpg) no-repeat;
    background-size: 100%;
}
.icon11 {
    background: url(../images/icon11.jpg) no-repeat;
    background-size: 100%;
}
.icon12 {
    background: url(../images/icon12.jpg) no-repeat;
    background-size: 100%;
}
.icon13 {
    background: url(../images/icon13.jpg) no-repeat;
    background-size: 100%;
}
.icon14 {
    background: url(../images/icon14.jpg) no-repeat;
    background-size: 100%;
}
.icon15 {
    background: url(../images/icon15.jpg) no-repeat;
    background-size: 100%;
}
.icon16 {
    background: url(../images/icon16.jpg) no-repeat;
    background-size: 100%;
}
.icon17 {
    background: url(../images/icon17.jpg) no-repeat;
    background-size: 100%;
}
.icon18 {
    background: url(../images/icon18.jpg) no-repeat;
    background-size: 100%;
}
.icon19 {
    background: url(../images/icon19.jpg) no-repeat;
    background-size: 100%;
}
.icon20 {
    background: url(../images/icon20.jpg) no-repeat;
    background-size: 100%;
}
.icon21 {
    background: url(../images/icon22.jpg) no-repeat;
    background-size: 100%;
}
.icon23 {
    background: url(../images/icon23.jpg) no-repeat;
    background-size: 100%;
}
.icon24 {
    background: url(../images/icon24.jpg) no-repeat;
    background-size: 100%;
}
.icon25 {
    background: url(../images/icon25.jpg) no-repeat;
    background-size: 100%;
}
.icon26 {
    background: url(../images/icon26.jpg) no-repeat;
    background-size: 100%;
}
.icon27 {
    background: url(../images/icon27.jpg) no-repeat;
    background-size: 100%;
}
.icon28 {
    background: url(../images/icon28.jpg) no-repeat;
    background-size: 100%;
}
.icon29 {
    background: url(../images/icon29.jpg) no-repeat;
    background-size: 100%;
}
.icon30 {
    background: url(../images/icon30.jpg) no-repeat;
    background-size: 100%;
}
.icon31 {
    background: url(../images/icon31.jpg) no-repeat;
    background-size: 100%;
}
.icon32 {
    background: url(../images/icon32.jpg) no-repeat;
    background-size: 100%;
}
.icon33 {
    background: url(../images/icon33.jpg) no-repeat;
    background-size: 100%;
}
.icon34 {
    background: url(../images/icon34.jpg) no-repeat;
    background-size: 100%;
}
.icon35 {
    background: url(../images/icon35.jpg) no-repeat;
    background-size: 100%;
}
.icon36 {
    background: url(../images/icon36.jpg) no-repeat;
    background-size: 100%;
}
.icon37 {
    background: url(../images/icon37.jpg) no-repeat;
    background-size: 100%;
}
.icon38 {
    background: url(../images/icon38.jpg) no-repeat;
    background-size: 100%;
}
.btn {
    width: 3.8rem;
    height: .8rem;
    margin: 0 auto;
    font-size: .38rem;
    font-weight: 700;
    line-height: .8rem;
    text-align: center;
    letter-spacing: 5px;
    color: #fff;
    border-radius: .4rem;
    background-color: #22ac12;
}
.btn a {
    color: #fff;
}
.orange {
    color: #fbae17;
}
.more-box {
    margin-top: .26rem;
    padding-bottom: .5rem;
    text-align: center;
}
.more-box span.line {
    display: inline-block;
    width: 1px;
    height: .18rem;
    margin: 0 .08rem;
    background-color: #fbae17;
}
.more-box a {
    font-size: .26rem;
    color: #fbae17;
}
.more-card {
    position: relative;
    padding-left: .6rem;
}
.more-card span {
    position: absolute;
    top: 50%;
    left: 0;
    width: .39rem;
    height: .25rem;
    margin-top: -.125rem;
    background: url(../images/more_card.jpg) no-repeat;
    background-size: 100%;
}
.mask {
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background: rgba(0, 0, 0, .5);
}
.dailog {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 6.6rem;
    height: 9.6rem;
    margin-top: -4.8rem;
    margin-left: -3.3rem;
    border-radius: .25rem;
    background-color: #fff;
}
.dailog-title {
    overflow: hidden;
    margin: .3rem .56rem .04rem .38rem;
    text-align: center;
}
.dailog-title span {
    position: relative;
    font-size: .3rem;
    font-weight: 700;
    line-height: 1.3;
    color: #ee5a24;
}
.dailog-title span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -2.7rem;
    display: inline-block;
    width: 2.5rem;
    border-top: .02rem dotted #ee5a24;
}
.dailog-title span:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -2.7rem;
    display: inline-block;
    width: 2.5rem;
    border-top: .02rem dotted #ee5a24;
}
.dailog-content {
    overflow: scroll;
    height: 7.68rem;
    padding: .36rem .56rem 0 .38rem;
    text-align: justify;
}
.dailog-paragraph {
    margin-bottom: .4rem;
    line-height: 1.5;
    color: #666;
}
.dailog-paragraph h3 {
    position: relative;
    padding-left: .47rem;
    font-size: .26rem;
    font-weight: 700;
}
.dailog-paragraph p {
    padding-left: .47rem;
    font-size: .24rem;
}
.p-icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: .3rem;
    height: .3rem;
    margin-top: -.15rem;
}
.p-icon1 {
    background: url(../images/p_icon1.jpg) no-repeat;
    background-size: 100%;
}
.p-icon2 {
    background: url(../images/p_icon2.jpg) no-repeat;
    background-size: 100%;
}
.p-icon3 {
    background: url(../images/p_icon3.jpg) no-repeat;
    background-size: 100%;
}
.p-icon4 {
    background: url(../images/p_icon4.jpg) no-repeat;
    background-size: 100%;
}
.p-icon5 {
    background: url(../images/p_icon5.jpg) no-repeat;
    background-size: 100%;
}
.p-icon6 {
    background: url(../images/p_icon6.jpg) no-repeat;
    background-size: 100%;
}
.p-icon7 {
    background: url(../images/p_icon7.jpg) no-repeat;
    background-size: 100%;
}
.p-icon8 {
    background: url(../images/p_icon8.jpg) no-repeat;
    background-size: 100%;
}
.p-icon9 {
    background: url(../images/p_icon9.jpg) no-repeat;
    background-size: 100%;
}
.p-icon10 {
    background: url(../images/p_icon10.jpg) no-repeat;
    background-size: 100%;
}
.p-icon11 {
    background: url(../images/p_icon11.jpg) no-repeat;
    background-size: 100%;
}
.p-icon12 {
    background: url(../images/p_icon12.jpg) no-repeat;
    background-size: 100%;
}
.p-icon13 {
    background: url(../images/p_icon13.jpg) no-repeat;
    background-size: 100%;
}
.p-icon14 {
    background: url(../images/p_icon14.jpg) no-repeat;
    background-size: 100%;
}
.p-icon15 {
    background: url(../images/p_icon15.jpg) no-repeat;
    background-size: 100%;
}
.p-icon16 {
    background: url(../images/p_icon16.jpg) no-repeat;
    background-size: 100%;
}
.p-icon17 {
    background: url(../images/p_icon17.jpg) no-repeat;
    background-size: 100%;
}
.p-icon18 {
    background: url(../images/p_icon18.jpg) no-repeat;
    background-size: 100%;
}
.p-icon19 {
    background: url(../images/p_icon19.jpg) no-repeat;
    background-size: 100%;
}
.p-icon20 {
    background: url(../images/p_icon20.jpg) no-repeat;
    background-size: 100%;
}
.p-icon21 {
    background: url(../images/p_icon21.jpg) no-repeat;
    background-size: 100%;
}
.p-icon22 {
    background: url(../images/p_icon22.jpg) no-repeat;
    background-size: 100%;
}
.p-icon23 {
    background: url(../images/p_icon23.jpg) no-repeat;
    background-size: 100%;
}
.p-icon24 {
    background: url(../images/p_icon24.jpg) no-repeat;
    background-size: 100%;
}
.p-icon25 {
    background: url(../images/p_icon25.jpg) no-repeat;
    background-size: 100%;
}
.p-icon26 {
    background: url(../images/p_icon26.jpg) no-repeat;
    background-size: 100%;
}
.p-icon27 {
    background: url(../images/p_icon27.jpg) no-repeat;
    background-size: 100%;
}
.p-icon28 {
    background: url(../images/p_icon28.jpg) no-repeat;
    background-size: 100%;
}
.p-icon29 {
    background: url(../images/p_icon29.jpg) no-repeat;
    background-size: 100%;
}
.p-icon30 {
    background: url(../images/p_icon30.jpg) no-repeat;
    background-size: 100%;
}
.p-icon31 {
    background: url(../images/p_icon31.jpg) no-repeat;
    background-size: 100%;
}
.p-icon32 {
    background: url(../images/p_icon32.jpg) no-repeat;
    background-size: 100%;
}
.p-icon33 {
    background: url(../images/p_icon33.jpg) no-repeat;
    background-size: 100%;
}
.p-icon34 {
    background: url(../images/p_icon34.jpg) no-repeat;
    background-size: 100%;
}
.p-icon35 {
    background: url(../images/p_icon35.jpg) no-repeat;
    background-size: 100%;
}
.p-icon36 {
    background: url(../images/p_icon36.jpg) no-repeat;
    background-size: 100%;
}
.p-icon37 {
    background: url(../images/p_icon37.jpg) no-repeat;
    background-size: 100%;
}
.p-icon38 {
    background: url(../images/p_icon38.jpg) no-repeat;
    background-size: 100%;
}
.p-icon39 {
    background: url(../images/p_icon39.jpg) no-repeat;
    background-size: 100%;
}
.p-icon40 {
    background: url(../images/p_icon40.jpg) no-repeat;
    background-size: 100%;
}
.p-icon41 {
    background: url(../images/p_icon41.jpg) no-repeat;
    background-size: 100%;
}
.p-icon42 {
    background: url(../images/p_icon42.jpg) no-repeat;
    background-size: 100%;
}
.p-icon43 {
    background: url(../images/p_icon43.jpg) no-repeat;
    background-size: 100%;
}
.dailog-main {
    position: relative;
}
.dailog-main:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
    width: 6.24rem;
    height: .36rem;
    margin-left: -3.12rem;
    background: url(../images/top_lg.png) no-repeat;
    background-size: 100%;
}
.dailog-main:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    width: 6.24rem;
    height: .36rem;
    margin-left: -3.12rem;
    background: url(../images/bottom_lg.png) no-repeat;
    background-size: 100%;
}
.close {
    position: absolute;
    bottom: .3rem;
    left: 50%;
    width: .67rem;
    height: .67rem;
    margin-left: -.335rem;
    background: url(../images/close.png) no-repeat;
    background-size: 100%;
}
.add {
    position: fixed;
    width: 100%;
}
.fwseven {
    font-weight: 700;
}
.list {
    position: relative;
    display: block;
    padding-left: .28rem;
}
.list i {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: .06rem;
    line-height: 1;
}
.container {
    display: none;
}
.container:first-child {
    display: block;
}
.fwb {
    font-weight: bold;
}

/*swiper arrow*/
.swiper-button-next {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23a7a7a7'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23a7a7a7'%2F%3E%3C%2Fsvg%3E");
}