/* main*/
/* table{border-collapse:collapse;border-spacing:0;table-layout:fixed; } */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

* {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

/*英文过长换行并添加连接符*/
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 80px;
}

/*避免字体大小被重置*/
a {
    text-decoration: none;
    outline: none;
    color: inherit
}

a:hover,
a:active,
a:focus {
    background: none;
    text-decoration: none;
    color: #333;
}

p,
dt,
ul,
dl {
    margin: 0;
    list-style: none;
}

label {
    font-weight: normal
}

select,
input,
button {
    border: none;
    outline: none;
}

textarea,
select,
input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

img {
    border: 0;
    vertical-align: middle;
    display: block;
}

html,
body {
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    height: 100%;
    font-family: "微软雅黑";
}

/*去除apple设备点击底色*/
/* *{ font-family: "S-CoreDream", "Apple SD Gothic Neo", "Noto Sans KR", "NotoSansCJK", "NotoSans", "NotoCJK", "AndroidClock", "sans-serif";} */
body {
    color: #393e4a;
    line-height: 1.6;
    margin: 0 auto;
    z-index: -1;
}

/* body{ background:url(../images/bg.jpg) no-repeat center center #fff;background-size: cover;color:#333; line-height:1.6;margin:0 auto;} */
a {
    color: #393e4a;
}

/* ::-webkit-scrollbar {width: 0.1rem;}
::-webkit-scrollbar-track {background-color:rgba(0,0,0,0.3);width:0.1rem;height:100%;padding:1rem;}
::-webkit-scrollbar-thumb {background: #fff;height:20%;border-radius:0.1rem;} */
/*清除浮动*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

/*常用*/
.relative {
    position: relative;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*一行超出省略*/
.towLine {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/*超出两行省略*/
.touchscroll {
    -webkit-overflow-scrolling: touch;
}

/*弹性滚动*/
.preLine {
    white-space: pre-line;
}

/*换行符换行*/
.hand {
    cursor: pointer;
}

.valign {
    display: flex;
    align-items: center;
}

.valign-top {
    display: flex;
    align-items: flex-start;
}

.valign-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.valign-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.column {
    flex-direction: column;
}

input:focus {
    background: none;
}

.role .content dd .role_name,
.note h3,
.note h4 span,
.part5_title h3 span,
.role_jineng h2 {
    font-family: "微软雅黑";
}

.role_jineng h2 {
    text-transform: uppercase;
    font-weight: bold;
}

/* @font-face
{
font-family: myFirstFont;
src: url('../images/NEXEN20TIRE_Regular.ttf'),
     url('../images/NEXEN20TIRE_Regular.eot'); 
}


@font-face
{
font-family: mySectionFont;
src: url('../images/HeirofLightBold.ttf'),
     url('../images/HeirofLightBold01.ttf'); 
} */



/*part1*/
.swiper-fullscreen {
    width: 100%;
    height: 100%;
}

.part1_btn_ico {
    display: flex;
    justify-content: center;
    margin-bottom: 0.1rem;
}

.part1_btn_ico img {
    transition: all 0.3s;
}

.next1 {
    margin-right: 0.3rem;
}

.part1_open {
    font-size: 0.4rem;
    color: #fff;
    font-family: myFirstFont;
}

.part1_open img {
    width: 10rem;
    height: 2rem;
}

.page01_bg {
    width: 100%;
    height: 10.8rem;
    background: url(../images/part1_video_bg.jpg);
    background-size: 100% 100%;
    background-size: 20rem 19.8rem;
}

.page {
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    background-size: cover;
    background-position: center;
}

.inner_first {
    position: relative;
    height: calc(100vh - 0.9rem);
    top: 0.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box
}

.inner_first .content {
    position: relative;
    top: 0px;
    display: flex;
    align-items: center;
    flex-direction: column
}

.bg-video {
    width: 100%;
    height: 100vh;
    display: block;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.bgm_icon {
    position: absolute;
    bottom: 0.3rem;
    left: 0.3rem;
    width: 0.77rem;
    height: 0.77rem;
    cursor: pointer;
}

#bgm_icon {
    width: 0.77rem;
    height: 0.77rem;
}

.ing {
    animation: circleAn 3s infinite linear;
}

@keyframes circleAn {
    100% {
        transform: rotate(720deg)
    }
}

.part1_title img {
    width: 7.45rem;
    height: 1.1rem;
    margin-top: 0.3rem;
    margin-bottom: 0.01rem
}

.part1_solgen img {
    width: 11.14rem;
    height: 1.67rem;
    margin-bottom: 0.8rem
}

.part1_solgen span {
    display: block;
    position: relative;
    z-index: 2;
    width: 11.14rem;
    height: 1.67rem
}

.part1_solgen span:before {
    content: "";
    position: absolute;
    width: 2.93rem;
    height: 0.69rem;
    top: 0.8rem;
    left: -2.2rem;
    overflow: hidden;
    animation: guang 5s infinite;
    background: url(../images/part1_line.png);
    background-size: 100% 100%
}

@keyframes guang {
    0% {
        left: 0%
    }

    100% {
        left: 75%
    }
}

.part1_video_play {
    width: 1.33rem;
    height: 1.33rem;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    z-index: 100;
    background: url(../images/part1_video_play_btn.png) no-repeat center center;
    background-size: 100% 100%
}

.part1_video_play:hover,
.part1_btn_ico img:hover {
    background: url(../images/part1_video_play_btn.png) no-repeat center center;
    background-size: 100% 100%;
    transform: scale(1.1);
    transition: all 0.3s;
}

.part1_video_btn {
    position: relative;
    width: 1.33rem;
    height: 1.33rem;
    display: flex;
    justify-content: center;
    margin-bottom: 0.7rem;
}

.part1_video_play span {
    display: block;
    width: 1.33rem;
    height: 1.33rem;
    background: url(../images/part1_video_play_bg.png) no-repeat center center;
    background-size: 100% 100%;
    -webkit-animation: circle 5s infinite linear;
    animation: circle 5s infinite linear;
}

.part1_btn img {
    width: 5.52rem;
    height: 1.18rem;
    -webkit-animation: magnify .6s linear infinite alternate;
    -moz-animation: magnify .6s linear infinite alternate;
    animation: magnify .6s linear infinite alternate;
}

/*part2*/
.page_register_bg {
    background-image: url(../images/part2_register.jpg);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
}

.inner {
    position: relative;
    height: calc(100vh - 0.9rem);
    top: 0.9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box
}

.inner .content {
    position: relative;
    top: 0px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.scale {
    transform: scale(0.9);
}

.regitser_main {
    width: 5.87rem;
}

.register_left_top {
    width: 5.87rem;
    position: relative;
    left: -2.9rem;
    margin-bottom: 0.2rem;
}

.register_left_bottom {
    width: 8rem;
    position: relative;
    left: -2.1rem;
}

.part2_award_gift img {
    width: 4.12rem;
    height: 1.68rem;
    margin-bottom: 0.2rem;
    margin-top: 0.1rem;
    transform: scale(1.1);
}

.register_law_tip,
.register_checkbox_tip,
.register_cbt_tip {
    color: #f7f5f8;
    font-family: "微软雅黑";
}

.register_checkbox_tip p {
    height: 0.34rem;
    display: flex;
    align-items: center;
    text-shadow: 0.01rem 0.01rem 0.05rem #000;
}

.register_checkbox_tip {
    font-size: 0.18rem;
    margin-bottom: 0.1rem;
}

.register_checkbox_tip p a {
    color: #ffc459;
    text-decoration: underline;
}

.register_law_tip,
.register_cbt_tip {
    font-size: 0.14rem;
}

.register_law_tip {
    color: #ee2525;
    font-size: 0.22rem;
}

.register_input {
    height: 0.6rem;
    width: 4.12rem;
    background: rgba(0, 0, 0, 0.8);
    border: 1px solid #968b8e;
    border-radius: 0.1rem;
    line-height: 0.6rem;
    margin-bottom: 0.1rem;
}

.register_input p {
    display: flex;
    justify-content: space-between;
}

.register_input span {
    font-size: 0.2rem;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    width: 1rem;
    text-align: center;
    position: relative;
}

.text_content1 {
    width: 3.2rem;
    height: 0.61rem;
    line-height: 0.61rem;
    background: none;
    letter-spacing: 0.01rem;
    font-size: 0.14rem;
    color: #999899;
    float: left;
    border: none;
    overflow: hidden;
    text-align: left;
    font-family: "微软雅黑";
}

.ios_tab img {
    width: auto;
    height: 0.36rem;
}

.register_input strong.line {
    width: 0.07rem;
    background: #999899;
    height: 0.02rem;
    display: inline-block;
    position: absolute;
    left: 0.8rem;
    top: 0.3rem;
}

.register_law_tip_btn img,
.register_yy_btn img,
.part3_regitster img,
.part4_hd_btn img {
    transition: all 0.3s;
}

.part2_register_slogen img {
    width: 5.87rem;
    height: 1.41rem
}

.part2_register_text {
    font-size: 0.2rem;
    color: #471d18;
    font-family: "微软雅黑";
    width: 4.12rem;
    text-align: center;
    margin-bottom: 0.2rem;
    margin-bottom: 0.1rem
}

.ios_tab {
    height: 0.36rem;
    display: flex;
    align-content: center;
    margin-bottom: 0.2rem;
    margin-top: 0.1rem;
}

.ios_tab lable.one {
    display: block;
    height: 0.36rem;
    display: flex;
    align-content: center
}

.ios_tab lable.gg {
    width: 30%
}

.ios_tab lable.ios {
    width: 30%
}

input[type='radio'] {
    width: 0.25rem;
    cursor: pointer;
    height: 0.25rem;
    vertical-align: middle;
    opacity: 0;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0
}

.input_style {
    width: 0.25rem;
    position: relative;
    height: 0.25rem;
    display: inline-block;
    color: #fff;
    margin-right: 0.1rem;
    margin-top: 0.05rem
}

.radio_bg {
    background: url(../images/cover_checkbox.png) no-repeat;
    background-size: 100% 100%
}

.radio_bg_check {
    background: url(../images/cover_checkbox_hover.png) no-repeat;
    background-size: 100% 100%
}

input[type="checkbox"] {
    width: 0.27rem;
    margin-right: 0.12rem;
    cursor: pointer;
    height: 0.27rem;
    background: url(../images/part2_check.png) no-repeat;
    background-size: 100% 100%
}

input[type="checkbox"]:checked {
    background: url(../images/part2_checked.png) no-repeat;
    background-size: 100% 100%
}




.cart_item .all_checked {
    display: flex;
    justify-content: flex-start;
    width: 20%;
    font-family: "微软雅黑";
    font-size: 0.18rem;
    align-items: center;
    color: #393e4a;
}

.cart_checkbox[type="checkbox"] {
    width: 0.26rem;
    margin-right: 0.3rem;
    cursor: pointer;
    height: 0.26rem;
    background: url(../images/pay_check.png) no-repeat;
    background-size: 100% 100%
}

.cart_checkbox[type="checkbox"]:checked {
    background: url(../images/pay_checked.png) no-repeat;
    background-size: 100% 100%
}

.cart1_checkbox[type="checkbox"] {
    width: 0.15rem;
    cursor: pointer;
    height: 0.15rem;
    background: url(../images/pay_check.png) no-repeat;
    background-size: 0.15rem 0.15rem;
}

.cart1_checkbox[type="checkbox"]:checked {
    background: url(../images/pay_checked.png) no-repeat;
    background-size: 100% 100%
}






























.register_law_tip_btn {
    margin-top: 0.1rem;
    margin-bottom: 0.15rem;
    display: flex;
    justify-content: space-evenly;
    width: 4.12rem;
    height: 0.61rem;
}

.register_law_tip_btn img {
    height: 0.61rem;
    width: auto;
}

.register_yy_btn img {
    width: 4.12rem;
    height: 0.61rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

/*part3*/
.hd_main {
    width: 8.6rem;
    position: relative;
    left: -1.4rem;
    transform: scale(0.9);
}

.part3_dc_bg {
    background-image: url(../images/part3_bg.jpg);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
}

.part3_slogen img {
    width: 7.84rem;
    height: auto;
}

.part3_hd {
    width: 7.84rem;
    height: auto;
    cursor: pointer;
    z-index: 10;
}

.part3_hd img {
    width: 7.84rem;
    height: auto;
}

.part3_regitster {
    width: 7.84rem;
    height: auto;
    cursor: pointer;
    z-index: 10;
}

.part3_regitster img {
    width: 7.84rem;
    height: 1.33rem;
}

/* .dc_bg{display: flex;justify-content: space-between; flex-direction: row;width: 10rem;height: 3.08rem;border:1p solid #f00;}
.dc_20_hover{background: url(../images/part3_dc_img_01.png); background-size:100% 100%; position: relative;width:1.83rem;height:3.08rem;}
.dc_50_hover{background: url(../images/part3_dc_img_02.png); background-size:100% 100%;position: relative;width:1.83rem;height:3.08rem;}
.dc_70_hover{background: url(../images/part3_dc_img_03.png); background-size:100% 100%;position: relative;width:1.83rem;height:3.08rem;}
.dc_100_hover{background: url(../images/part3_dc_img_04.png); background-size:100% 100%;position: relative;width:1.83rem;height:3.08rem;}
.dc_150_hover{background: url(../images/part3_dc_img_05.png); background-size:100% 100%;position: relative;width:1.83rem;height:3.08rem;}
.dc img{width:2.18rem;height: 3.08rem;position:absolute;top:0rem;left:-0.17rem;} */





.part3_tip {
    font-size: 0.16rem;
    color: #fff;
    text-align: center;
    font-family: "微软雅黑";
}

/*part4*/
.part4_hd_bg {
    background-image: url(../images/part4_hd_bg.jpg);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
}

.part_hd_left {
    margin-left: -3.6rem;
}

.part4_hd_bubble1 {
    position: absolute;
    top: 0;
    right: -5.73rem;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.part4_hd_bubble1 img {
    width: 2.68rem;
    height: 1.33rem;
    transform: rotate(30deg)
}

.part4_hd_bubble2 {
    position: absolute;
    top: 0;
    left: 2.41rem;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.part4_hd_bubble2 img {
    width: 2.12rem;
    height: 1.54rem
}

.part4_hd_solgen img {
    width: 7.09rem;
    height: 2.43rem;
}

.part4_hd_solgen,
.part4_hd_title,
.part4_hd_gift {
    width: 7.34rem;
    display: flex;
    justify-content: center;
}

.part4_hd_title img {
    width: 5.24rem;
    height: 1.15rem
}

.part4_hd_gift img {
    width: 5.24rem;
    height: 1.39rem
}

.part4_hd_text,
.part4_hd_btn,
.part4_text {
    width: 7.34rem;
    display: flex;
    justify-content: center;
}

.part4_hd_text img {
    width: 6rem;
    height: auto;
}

.part4_hd_btn img {
    width: 5rem;
    height: auto;
}

.part4_text p {
    font-size: 0.16rem;
    color: #433d57;
    text-align: center;
    font-family: "微软雅黑";
}

/*part5*/
.part5_video_bg {
    background-image: url(../images/part5_video_bg.jpg);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
}

.part5_video_slogen {
    display: flex;
    justify-content: center;
}

.part5_video_slogen img {
    width: 8.66rem;
    height: 2.63rem;
    margin-bottom: 0.4rem;
}

.part7_role_slogen,
.part_video_img {
    display: flex;
    width: 9.8rem;
    justify-content: center;
}

.part_video_img img {
    width: auto;
    height: 4.4rem;
    cursor: pointer;
}

.part_video_img0 {
    margin-left: 0.1rem;
    margin-right: 0.1rem;
}

.part_video_img1 {
    margin-right: 0.1rem;
}

.part_video_img {
    display: flex;
    justify-content: space-between;
}

/*part6*/
.part6_introduction_bg {
    background-image: url(../images/part6_introduction_bg.jpg);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
}

.part6_introduction_title img {
    width: auto;
    height: 1.57rem;
    margin-top: 0.2rem;
}

.part_introduction_text {
    width: 6.93em;
    height: 7.09rem;
    background: url(../images/part6_introduction_text.png) no-repeat;
    position: relative;
    background-size: 100% 100%;
}

.part_introduction_text_btn_play {
    width: 1.08rem;
    height: 1.08rem;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    z-index: 100;
    background: url(../images/part6_play_btn.png) no-repeat center center;
    background-size: 100% 100%
}

.part_introduction_text_btn_play:hover {
    background: url(../images/part1_video_play_btn.png) no-repeat center center;
    background-size: 100% 100%;
    transform: scale(1.1);
    transition: all 0.3s;
}

.part_introduction_text_btn_play span {
    display: block;
    width: 1.08rem;
    height: 1.08rem;
    background: url(../images/part6_play_bg.png) no-repeat center center;
    background-size: 100% 100%;
    -webkit-animation: circle 5s infinite linear;
    animation: circle 5s infinite linear;
}

.part_introduction_text_btn {
    position: absolute;
    width: 1.08rem;
    height: 1.08rem;
    display: flex;
    justify-content: center;
    margin-bottom: 0.7rem;
    bottom: -0.5rem;
    right: 43%
}

/*part7*/
.page7_role_bg {
    position: relative;
    background-image: url(../images/part7_role_bg.jpg);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
}

.page7_role_bg .bg-video {
    width: 100%;
    height: 100vh;
    display: block;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.part7_role_slogen img {
    width: 9.33rem;
    height: 2rem;
    margin-bottom: 0.4rem;
}

.part7_role_text {
    font-size: 0.24rem;
    color: #fffdfe;
    font-family: myFirstFont;
    display: flex;
    justify-content: center;
    width: 9.8rem;
    margin-bottom: 0.2rem;
}

.role_left img {
    width: 7.61rem;
    height: 10.54rem
}

.role_tc_video img {
    width: 2.45rem;
    height: 1.3rem;
}

.role_tc_skill img {
    width: 3.37rem;
    height: 2.06rem;
}

.part3_left {
    width: 9.6rem;
    position: absolute;
    left: 0rem;
    top: 0rem;
}

/*part8*/
.bg-video1 {
    width: 100%;
    height: 100vh;
    display: block;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.page8_hualing_bg {
    background-image: url(../images/part8_hualing_bg.jpg);
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
}

.part4_fw {
    z-index: 1;
    width: 12rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.part4_fw img {
    width: 10.11rem;
    height: 1.32rem;
    z-index: 11;
}

.role {
    width: 12rem;
    margin: 0 auto;
    position: relative;
    height: 100%
}

.role .list {
    position: absolute;
    width: 10.11rem;
    bottom: 0.2rem;
    left: 1rem;
    z-index: 10;
    height: 1.5rem;
    background: url(../images/part8_small_bg.png);
    background-size: 100% 100%
}

.role .list .swiper-container {
    width: 6rem;
    height: 1.45rem;
    margin: 0 auto;
    padding-left: 0.05rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.role .list .swiper-slide {
    display: flex;
    align-items: center;
    cursor: pointer
}

.role .list .swiper-slide-active {
    margin-right: 0.1rem
}

.role .list .swiper-button-prev,
.role .list .swiper-button-next {
    width: 1.12rem;
    height: 1.25rem;
    font-size: 0
}

.role .swiper-button-prev:after,
.role .swiper-button-next:after {
    content: ''
}

.role .list .swiper-button-prev {
    width: 1.12rem;
    height: 1.25rem;
    background: url(../images/part8_prev.png) no-repeat 0 0;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    left: 0.8rem;
    margin-top: -0.625rem
}

.role .list .swiper-button-next {
    width: 1.12rem;
    height: 1.25rem;
    background: url(../images/part8_next.png) no-repeat 0 0;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    right: 0.8rem;
    margin-top: -00.625rem
}

.role .list .swiper-slide img {
    width: 0.92rem;
    height: 0.92rem;
    margin: 0 0.15rem
}

.role .list .swiper-slide-active img {
    transform: scale(1.15);
    margin-right: 0.2rem
}

.role .list .swiper-slide-active::before {
    content: '';
    position: absolute;
    top: 0rem;
    left: -0.06rem;
    width: 1.32rem;
    height: 1.32rem;
    background: url(../images/part4_swier_hover.png);
    background-size: 100% 100%;
    background-position: center center
}

.content_tro dd {
    position: relative;
    width: 12rem;
    height: 100vh;
    display: none;
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0.6rem
}

.content_video dd.on {
    display: block
}

.content_tro {
    height: calc(100vh - 0.9rem);
    position: absolute;
    top: 20%
}

.content_tro dd img.role_people {
    position: absolute;
    top: 0rem;
    right: 0rem;
    width: auto;
    height: 100%;
    object-fit: cover
}

.content_tro dd .role_name {
    color: #d8e5e4;
    font-size: 0.66rem;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 0.65rem
}

.content_tro dd .role_text {
    color: #d8e5e4;
    font-size: 0.18rem;
    text-transform: uppercase;
    width: 4.2rem;
    text-align: center;
    font-weight: bold;
    line-height: 0.25rem;
    font-family: "微软雅黑"
}

.note {
    width: 4.19rem;
    height: 2.52rem;
    color: #d8e5e4;
    font-size: 0.18rem;
    background: url(../images/part8_text_bg.png);
    background-size: 100% 100%;
    z-index: 6;
    padding-top: 0.2rem;
    text-align: center
}

.role .note .scroll {
    height: 100%;
    overflow-y: auto;
    padding: 0.2rem 0.1rem 0.6rem 0.3rem;
    height: 2.25rem
}

.note h3 {
    font-size: 0.4rem;
    text-align: left;
    font-weight: normal
}

.note h4 {
    font-size: 0.24rem;
    height: 0.36rem;
    align-items: center;
    margin-bottom: 0.05rem;
    display: flex;
    justify-content: center;
    font-family: "微软雅黑";
    color: #d8e5e4;
    text-align: left;
    font-weight: normal
}

.note h4::before,
.note h4::after {
    content: '';
    width: 0.29rem;
    height: 0.15rem;
    background: url(../images/part8_title_smallico.png);
    background-size: 100% 100%
}

.note h4::after {
    transform: rotate(180deg)
}

.note h4 span {
    margin: 0 0.15rem
}

.note p {
    font-size: 0.14rem;
    line-height: 0.28rem;
    font-family: "微软雅黑"
}

.role_tc_text {
    font-size: 0.14rem;
    color: #63626d;
    font-family: "微软雅黑"
}


.role_name h4 {
    font-size: 0.24rem;
    height: 0.36rem;
    align-items: center;
    margin-bottom: 0.2rem;
    display: flex;
    color: #d8e5e4;
    text-align: left;
    font-weight: normal;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.role_name h4::before,
.role_name h4::after {
    content: '';
    width: 0.7rem;
    height: 0.51rem;
    background: url(../images/part8_title_ico.png);
    background-size: 100% 100%;
}

.role_name h4::after {
    transform: rotate(180deg);
}

.role_name h4 span {
    margin: 0 0.15rem;
}

.role_name h4 span img {
    width: 2.53rem;
    height: 0.51rem;
}

/*part9*/
.part9_video_bg {
    background-image: url(../images/part9_video_wrap_bg.jpg);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
}

.part9_video_title {
    margin-bottom: 0.3rem
}

.part9_video_title img {
    width: 9.97rem;
    height: 2.23rem
}

.item {
    margin-bottom: 0.6rem
}

.item ul {
    display: flex;
    margin-bottom: 0.4rem;
    justify-content: space-between;
    width: 10rem
}

.item ul li {
    width: 3.08rem;
    height: 1.61rem;
    overflow: hidden
}

.item ul img {
    width: 3.08rem;
    height: 1.61rem;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease
}

.item ul img:hover {
    transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2)
}

.part_video_img0 img,
.part_video_img div img {
    transition: all 0.3s
}

.part_video_img0 img:hover,
.part_video_img div img:hover,
.register_yy_btn img:hover,
.register_law_tip_btn img:hover,
.part3_regitster img:hover,
.part4_hd_btn img:hover {
    transform: scale(1.1, 1.1);
    filter: drop-shadow(0px 0px 0.1rem #000);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1)
}

.part9_video_bg .main_show {
    position: relative;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box
}

.part9_video_bg .main_show_content {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    top: -0.9rem
}

.footer_links {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    font-size: 0.16rem;
    height: 0.74rem;
    display: flex;
    flex-direction: column;
    bottom: 0
}

.footer_link {
    display: flex;
    justify-content: center
}

.footer_link img {
    width: auto;
    height: 0.3rem
}

.footer_bq img {
    width: 4.15rem;
    height: 0.27rem
}




/*侧边栏目*/
.sidebar_box .title {
    font-size: 0.46rem;
    height: 0.2rem;
}

.sidebar_box .title span {
    font-size: 0.27rem;
}

.sidebar_box textarea {
    border: 0.01rem solid rgba(22, 222, 255, 1);
    background: transparent;
    width: 100%;
    height: 60vh;
    color: #fff;
    font-size: 0.24rem;
    padding: 0.15rem 0.20rem;
    margin-bottom: 0.27rem;
}

.sidebar_box .follow {
    transition: all 0.3s;
    border: 0;
    width: 2.16rem;
    height: 0.66rem;
    background: url(../images/follow.png) no-repeat center center;
    font-size: 0;
    background-size: contain;
}

.sidebar_box .follow:hover,
.sidebar_box .follow:active {
    background-image: url(../images/follow_h.png)
}

.sidebar_box {
    transition: all 0.3s;
    position: fixed;
    left: 0;
    top: 0;
    width: 3rem;
    max-width: 30%;
    background: rgba(0, 0, 0, 0.75);
    height: 100%;
    z-index: 11;
    color: #fff;
    padding: 0.4rem;
    flex-direction: column;
    display: flex;
    justify-content: center;
    transform: translateX(-100%);
    align-items: center
}

.sidebar_box.active {
    transform: translateX(0)
}

.sidebar_main {
    position: relative;
    font-family: "微软雅黑";
    width: 3rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 80%;
    text-align: center
}

.sidebar_main h1 {
    position: relative;
    text-align: center
}

.sidebar_nav {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: 0px
}

.sidebar_ico {
    height: 10%;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 0
}

.sidebar_ico img {
    height: 0.9rem;
    margin-right: 0.05rem;
    margin-left: 0.05rem;
    transition: all 0.3s
}

.event,
.intro,
.community {
    margin-top: 0.2rem
}

.sidebar_main a {
    color: #fff
}

.sidebar_main h1 img {
    width: 1.59rem;
    height: 1.2rem;
    text-align: center
}

a.sidebar_title {
    display: block;
    color: #fff;
    text-align: center;
    overflow: hidden;
    font-size: 0.24rem
}

.intro h4 {
    font-size: 0.24rem;
    height: 0.36rem;
    align-items: center;
    display: flex;
    justify-content: center;
    font-family: "微软雅黑";
    color: #d8e5e4;
    text-align: left;
    font-weight: normal
}

.intro h4::before,
.intro h4::after {
    content: '';
    width: 0.29rem;
    height: 0.15rem;
    background: url(../images/part8_title_smallico.png);
    background-size: 100% 100%
}

.intro h4::after {
    transform: rotate(180deg)
}

a.sidebar_subtitle {
    display: block;
    color: #63626d;
    font-size: 0.18rem;
    margin-top: 0.2rem;
    overflow: hidden
}

.sidebar_box .closed {
    position: absolute;
    top: 0.4rem;
    left: 0.5rem;
    z-index: 15
}

.sidebar_box .closed img {
    transition: all 0.3s;
    width: 0.3rem;
    height: 0.3rem
}

.sidebar_box .closed img:hover {
    transform: rotate(90deg)
}


/*顶部导航*/
.fixed_right {
    width: 8rem;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.fixed_right .swiper-pagination {
    width: 8rem;
    display: flex;
    justify-content: space-around;
    align-items: center
}

.fixed_right .swiper-pagination-bullet {
    border-radius: 0;
    opacity: 1
}

.fixed_right .swiper-pagination span {
    display: inline-block;
    position: relative
}

.fixed_right .swiper-pagination span:after {
    background: url(../images/header_nav_line.png);
    content: "";
    width: 0.02rem;
    height: 0.2rem;
    background-size: 100% 100%;
    position: absolute
}

.fixed_right .swiper-pagination span:nth-of-type(1)::after {
    top: 0.03rem;
    left: 160%
}

.fixed_right .swiper-pagination span:nth-of-type(2)::after,
.fixed_right .swiper-pagination span:nth-of-type(3)::after,
.fixed_right .swiper-pagination span:nth-of-type(5)::after,
.fixed_right .swiper-pagination span:nth-of-type(8)::after,
.fixed_right .swiper-pagination span:nth-of-type(9)::after {
    top: 0.03rem;
    left: 140%
}

.fixed_right .swiper-pagination span:nth-of-type(4)::after,
.fixed_right .swiper-pagination span:nth-of-type(6)::after,
.fixed_right .swiper-pagination span:nth-of-type(7)::after,
.fixed_right .swiper-pagination span:nth-of-type(8)::after,
.fixed_right .swiper-pagination span:nth-of-type(9)::after {
    width: 0;
    height: 0
}

.fixed_right .swiper-pagination span:nth-of-type(4),
.fixed_right .swiper-pagination span:nth-of-type(6),
.fixed_right .swiper-pagination span:nth-of-type(7),
.fixed_right .swiper-pagination span:nth-of-type(8),
.fixed_right .swiper-pagination span:nth-of-type(9) {
    content: "";
    width: 0rem;
    height: 0rem
}

.fixed_right .swiper-pagination span:nth-of-type(1) {
    background: url(../images/header_nav_01.png);
    width: 0.38rem;
    height: 0.19rem;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    left: 0%
}

.fixed_right .swiper-pagination span:nth-of-type(2) {
    background: url(../images/header_nav_02.png);
    width: 0.81rem;
    height: 0.19rem;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    left: 12%
}

.fixed_right .swiper-pagination span:nth-of-type(3) {
    background: url(../images/header_nav_03.png);
    width: 0.58rem;
    height: 0.19rem;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    left: 30%
}

.fixed_right .swiper-pagination span:nth-of-type(5) {
    background: url(../images/header_nav_04.png);
    width: 0.79rem;
    height: 0.19rem;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    left: 44%
}

.fixed_right .swiper-pagination span:nth-of-type(9) {
    background: url(../images/header_nav_05.png);
    width: 0.58rem;
    height: 0.19rem;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    left: 62%
}

.fixed_right .swiper-pagination span.swiper-pagination-bullet-active:nth-of-type(1),
.fixed_right .swiper-pagination span:nth-of-type(1):hover {
    background: url(../images/header_nav_hover_01.png);
    width: 0.38rem;
    height: 0.19rem;
    background-size: 100% 100%;
    display: block
}

.fixed_right .swiper-pagination span.swiper-pagination-bullet-active:nth-of-type(2),
.fixed_right .swiper-pagination span:nth-of-type(2):hover {
    background: url(../images/header_nav_hover_02.png);
    width: 0.81rem;
    height: 0.19rem;
    background-size: 100% 100%;
    display: block
}

.fixed_right .swiper-pagination span.swiper-pagination-bullet-active:nth-of-type(3),
.fixed_right .swiper-pagination span:nth-of-type(3):hover {
    background: url(../images/header_nav_hover_03.png);
    width: 0.58rem;
    height: 0.19rem;
    background-size: 100% 100%;
    display: block
}

.fixed_right .swiper-pagination span.swiper-pagination-bullet-active:nth-of-type(5),
.fixed_right .swiper-pagination span:nth-of-type(5):hover {
    background: url(../images/header_nav_hover_04.png);
    width: 0.79rem;
    height: 0.19rem;
    background-size: 100% 100%;
    display: block
}

.fixed_right .swiper-pagination span.swiper-pagination-bullet-active:nth-of-type(9),
.fixed_right .swiper-pagination span:nth-of-type(9):hover {
    background: url(../images/header_nav_hover_05.png);
    width: 0.58rem;
    height: 0.19rem;
    background-size: 100% 100%;
    display: block
}

/*第7屏幕弹窗对应*/
.close_role {
    position: absolute;
    top: 2%;
    left: 55%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 12rem;
    display: flex;
    justify-content: flex-end;
}

.close_role img {
    transition: all 0.3s;
    width: 0.29em;
    height: 0.3rem;
}

.close_role img:hover {
    transform: rotate(90deg);
}

.mySlides {
    display: none;
}

.role_tc_wrap {
    display: flex;
    justify-content: center;
    position: relative;
}

.role_right {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0.4rem;
    right: 0.3rem;
    text-align: center;
    justify-content: center;
    width: 5.4rem;
    align-items: center;
    font-weight: bold;
}

.role_left {
    position: absolute;
    left: -2.8rem;
    top: -3.1rem;
}

.role_tc_title h4 {
    height: 0.66rem;
    font-size: 0.44rem;
    justify-content: center;
    color: #aa9162;
    align-items: center;
    margin-bottom: 0.2rem;
    display: flex;
    font-weight: bold;
    font-family: "微软雅黑"
}

.role_tc_title h4::before,
.role_tc_title h4::after {
    content: '';
    width: 0.66rem;
    height: 0.46rem;
    background: url(../images/part7_role_tc_title_ico.png);
    background-size: 100% 100%
}

.role_tc_title h4::after {
    transform: rotate(180deg)
}

.role_tc_title h4 span {
    margin: 0 0.3rem
}





/*弹窗*/
.masked {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 110;
    display: none;
}

.tc_success_big {
    width: 12rem;
    z-index: 1;
    height: 6.64rem;
    position: fixed;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 120;
    transition: all 0.3s;
    display: none;
}

.tc_main_big {
    width: 12rem;
    z-index: 1;
    height: 6.64rem;
    background: url(../images/part2_success_bg.png) no-repeat;
    background-size: 100% 100%;
}

.tc_main_big .closed,
.tc_msg_bg .closed {
    position: absolute;
    top: 0.8rem;
    right: 1rem;
    z-index: 6
}


.success_btn img {
    width: auto;
    height: 0.61rem;
}

.tc_text_tip {
    width: 11.57rem;
    height: 6.77rem;
    position: fixed;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 120;
    transition: all 0.3s;
    display: none;
}

.tc_text_tip_bg {
    width: 12rem;
    z-index: 1;
    height: 6.64rem;
    background: url(../images/part2_tc_text_bg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.text_wrap {
    font-size: 0.3rem;
    font-family: Noto Sans KR, Apple SD Gothic Neo, Malgun Gothic, sans-serif;
    color: #63626d;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 92%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.tc_text_tip_bg .closed {
    position: absolute;
    top: 0.8rem;
    right: 2rem;
    z-index: 6;
}

.btn_wrap {
    font-size: 0.24rem;
    font-family: Noto Sans KR, Apple SD Gothic Neo, Malgun Gothic, sans-serif;
    color: #63626d;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 92%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.btn_wrap h4 {
    margin-bottom: 0.3rem
}

.btn_wrap h6 {
    margin-top: 0.4rem
}

.tc_msg_bg {
    width: 12rem;
    z-index: 1;
    height: 6.64rem;
    background: url(../images/tc_msg_bg.png) no-repeat;
    background-size: 100% 100%;
    position: relative
}

.msg_wrap {
    font-family: Noto Sans KR, Apple SD Gothic Neo, Malgun Gothic, sans-serif;
    color: #63626d;
    text-align: center;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    height: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.msg_wrap h4 {
    font-size: 0.24rem;
    margin-bottom: 0.1rem;
    font-weight: bold
}

.msg_wrap p {
    font-size: 0.14rem;
    margin-bottom: 0.2rem;
    font-weight: bold
}

.msg_wrap h5 {
    font-size: 0.18rem;
    margin-bottom: 0.2rem;
    font-weight: bold
}

.closed img {
    transition: all 0.3s;
    width: 0.26rem;
    height: 0.26rem;
}

.closed img {
    transition: all 0.3s;
    width: 0.29em;
    height: 0.3rem;
}

.closed img:hover {
    transform: rotate(90deg);
}


/*css3*/

@-webkit-keyframes magnify {
    0% {
        -webkit-transform: scale(0.96);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes magnify {
    0% {
        -moz-transform: scale(1);
    }

    100% {
        -moz-transform: scale(0.96);
    }
}

@keyframes magnify {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.96);
    }
}

@-webkit-keyframes circle {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes circle {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}




@media (max-height: 900px) {
    .banner {
        transform: scale(0.8);
    }

}

@media (max-height: 700px) {
    .banner {
        transform: scale(0.7);
    }

}





.modal {
    display: none;
    z-index: 1222;
    width: 8.87rem;
    height: 5.62rem;
    background: url(../images/part7_role_tc_bg.png);

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: 100% 100%;
}

.modal-content {
    position: relative;
    ;
    margin: auto;
    padding: 0;
    max-width: 8.87rem;
    height: 100%;
    width: 8.87rem;
    height: 5.62rem;
}

.role_left img {
    width: 7.61rem;
    height: 10.54rem
}

/* Modal Content */
/* .modal-content{position:absolute;background-color:#fefefe;margin:auto;padding:0;width:100%;max-width:12rem;
    top:50%;left:50%;transform:translate(-50%,-50%);
} */
/* The Close Button */
.close_role {
    position: absolute;
    top: 2%;
    left: 55%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 12rem;
    display: flex;
    justify-content: flex-end;
}

.close_role img {
    transition: all 0.3s;
    width: 0.29em;
    height: 0.3rem;
}

.close_role img:hover {
    transform: rotate(90deg);
}

.mySlides {
    display: none;
}

.role_tc_wrap {
    display: flex;
    justify-content: center;
    position: relative;
}

.role_right {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0.4rem;
    right: 0.3rem;
    text-align: center;
    justify-content: center;
    width: 5.4rem;
    align-items: center;
    font-weight: bold;
}

.role_left {
    position: absolute;
    left: -2.8rem;
    top: -3.1rem;
}



.role_tc_title h4 {
    height: 0.66rem;
    font-size: 0.44rem;
    justify-content: center;
    color: #aa9162;
    align-items: center;
    margin-bottom: 0.2rem;
    display: flex;
    font-family: myFirstFont;
    font-weight: normal;
}

.role_tc_title h4::before,
.role_tc_title h4::after {
    content: '';
    width: 0.66rem;
    height: 0.46rem;
    background: url(../images/part7_role_tc_title_ico.png);
    background-size: 100% 100%;
}

.role_tc_title h4::after {
    /* 鍙樺舰锛氭棆杞� */
    transform: rotate(180deg);
}

.role_tc_title h4 span {
    margin: 0 0.3rem;
}

.cboxLoadedContent img {
    width: 9.4rem;
    height: 5rem;
}





.cursor {
    cursor: pointer
}

/* Next & previous buttons */
.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 0.16rem;
    margin-top: -0.5rem;
    color: white;
    font-weight: bold;
    font-size: 0.4rem;
    transition: 0.6s ease;
    border-radius: 0 0.03rem 0.03rem 0;
    user-select: none;
    -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: -0.7rem;
    border-radius: 0.03rem 0 0 0.03rem;
}

.prev {
    left: -0.7rem;
    border-radius: 0.03rem 0 0 0.03rem;
}

/* On hover,add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 0.12rem;
    padding: 0.08rem 0.12rem;
    position: absolute;
    top: 0;
}

.caption-container {
    text-align: center;
    background-color: black;
    padding: 0.02rem 0.16rem;
    color: white;
}

.demo {
    opacity: 0.6;
}






















/*此处是新增*/
.part1_text {
    font-size: 0.24rem;
    color: #686868;
    font-family: myFirstFont;
    margin-top: 0.15rem;
}

/*此数是上面有需要搜索一下覆盖*/
.success_wrap {
    font-size: 0.14rem;
    color: #63626d;
    position: absolute;
    right: 2.05rem;
    top: 2.95rem;
    text-align: center;
    width: 4.12rem;
    font-weight: bold;
    font-family: "微软雅黑"
}

.success_btn {
    margin-bottom: 0.1rem;
    margin-top: 0.1rem;
    display: flex;
    justify-content: space-evenly;
}












.newtel {
    height: 0.3rem;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 0.1rem;
    font-size: 0.18rem;
    color: #666
}

.new_telst {
    width: 5.5rem;
    margin: 0 auto;
    position: relative;
    top: 6px;
    text-align: center
}

.new_telst li {
    width: 1.66rem;
    line-height: 0.3rem;
    text-align: center;
    display: inline;
    cursor: pointer
}

.new_telst li::after {
    position: absolute;
    content: "";
    top: 0.36rem;
    left: 0;
    width: 100%;
    height: 0.02rem;
    transform: scaleX(0);
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.new_telst li:hover::after,
.new_telst li.active::after {
    transform: scaleX(1);
}

.new_telst li a {
    position: relative;
    display: flex;
    color: white;
    font-family: "微软雅黑";
    text-decoration: none;
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: block;
    height: 0.5rem;
}

.new_telst1 li.newon {
    color: #217af0;
    font-weight: bold
}




.newtel {
    height: 0.3rem;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 0.1rem;
    font-size: 0.18rem;
    color: #666
}

.new_telst1 {
    width: 5.5rem;
    margin: 0 auto;
    position: relative;
    top: 6px;
    text-align: center
}

.new_telst1 li {
    width: 1.66rem;
    line-height: 0.3rem;
    text-align: center;
    display: inline;
    cursor: pointer
}

.new_telst1 li::after {
    position: absolute;
    content: "";
    top: 0.36rem;
    left: 0;
    width: 100%;
    height: 0.02rem;
    transform: scaleX(0);
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.new_telst1 li:hover::after,
.new_telst1 li.active::after {
    transform: scaleX(1);
}

.new_telst1 li a {
    position: relative;
    display: flex;
    color: white;
    font-family: "微软雅黑";
    text-decoration: none;
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: block;
    height: 0.5rem;
}

.new_telst1 li.newon {
    color: #217af0;
    font-weight: bold
}

.new_lst {
    height: 3.15rem;
    position: relative;
    overflow: hidden;
    display: none;
    margin-top: 10px;
    padding-top: 20px
}

.new_lst ul {
    position: absolute;
    left: 0px
}

.new-wrap {
    margin-top: 0.3rem
}

.new-wrap .show {
    display: block
}

li.new_cnlf {
    width: 3.7rem;
    float: left
}

li.new_cnlf p {
    width: 100%
}

p.newlf_tel a {
    color: #217af0;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    display: block
}

p.newlf_tel a:hover {
    color: #C33
}

p.newlf_tx {
    font-size: 14px;
    line-height: 26px;
    color: #999;
    height: 105px;
    overflow: hidden
}

li.new_cnrf {
    float: right;
    width: 820px;
    margin-left: 10px
}

.newrf_lst dd {
    width: 368px;
    height: 85px;
    border: 1px solid #e4e4e4;
    float: left;
    margin-left: 35px;
    margin-bottom: 20px
}

p.new_rq {
    width: 65px;
    height: 65px;
    background: #969393;
    float: left;
    text-align: center;
    color: #FFF;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 15px;
    font-family: Arial, Helvetica, sans-serif
}

p.new_rq span {
    display: block;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    line-height: 35px;
    padding-top: 5px
}

p.newrf_tx {
    float: left;
    width: 270px;
    margin-top: 8px
}

p.newrf_tx a {
    color: #333;
    font-size: 14px;
    display: block;
    line-height: 30px
}

p.newrf_tx span {
    display: block;
    font-size: 12px;
    color: #999;
    height: 60px;
    overflow: hidden
}

.newrf_lst dd:hover {
    width: 366px;
    height: 83px;
    border: 2px solid #217af0;
    box-shadow: 0px 0px 15px rgba(37, 125, 242, .27)
}

.newrf_lst dd:hover p.newrf_tx a {
    color: #217af0
}

.newrf_lst dd:hover p.new_rq {
    background: #217af0;
    margin-top: 9px;
    margin-left: 9px
}

.newrf_lst dd:hover p.newrf_tx {
    margin-top: 7px
}

.mr0 {
    margin-right: 0px
}

/* .part_pay{position: absolute;top:0.9rem;} */

.part_pay_banner {
    width: 100%;
    height: 3.95rem;
    background: url(../images/pay_banner.jpg);
    background-size: 20rem 3.95rem;
    background-position: center center;
}

.part_pay_banner p {
    font-size: 0.4rem;
}

.part_pay_main {
    width: 12rem;
    margin: 0 auto;
    font-family: myFirstFont;
}

.pay_tip {
    margin-top: 0.36rem;
    margin-bottom: 0.2rem;
    align-items: center;
}

.pay_tip,
.pay_login {
    display: flex;
}

.pay_tip span {
    margin-right: 0.1rem;
    font-family: myFirstFont;
    font-size: 0.16rem;
    color: #393e4a;
}

.pay_login {
    margin-bottom: 0.1rem;
}

.pay_hot {
    font-size: 0.16rem;
    color: #393e4a;
    margin-bottom: 0.2rem;
}

.pay_hot span {
    margin-left: 1.15rem;
    font-family: myFirstFont;
}

.pay_search {
    display: flex;
    height: 0.47rem;
}

.search_voice {
    background: #dfe2e7;
    color: #ff8704;
    height: 0.51rem;
    font-size: 0.12rem;
}

.search_input {
    height: 0.51rem;
    display: flex;
    align-items: center;
    background: #fff;
    margin-left: 0.2rem;
    width: 4.12rem;
    border: 1px solid #968b8e;
    border-radius: 0.1rem;
    padding-left: 0.17rem;
    line-height: 0.51rem;
    margin-bottom: 0.1rem;
}





.pay_main {
    display: flex;
    margin-top: 0.3rem;
    justify-content: space-between;
}

.pay_right_content {
    display: none;
}

.pay_right {
    width: 9.5rem;
    position: relative;
}

.block {
    display: block;
}

.caijing_line {
    border-bottom: 1px solid #e1e2e6;
    margin-top: 0.34rem;
    margin-bottom: 0.2rem;
}

.caijing_text {
    width: 9.5rem;
    background: #dfe2e7;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    border-radius: 0.05rem;
    padding: 0.25rem 0.2rem;
    font-family: myFirstFont;
    font-size: 0.16rem
}

.mr {
    margin-top: 0.2rem;
}

.mr_b {
    margin-bottom: 0.2rem;
}

.text_content3 {
    width: 6.55rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background: #fff;
    border-radius: 0.05rem;
    padding-left: 0.17rem;
    letter-spacing: 0.01rem;
    border: 1px solid #a8abb0;
    outline: none;
    font-size: 0.14rem;
    color: #000;
    overflow: hidden;
    font-family: "微软雅黑"
}

.text_content4 {
    width: 2.55rem;
    height: 0.42rem;
    line-height: 0.42rem;
    background: #fff;
    border-radius: 0.05rem;
    padding-left: 0.17rem;
    letter-spacing: 0.01rem;
    margin-top: 0.05rem;
    outline: none;
    font-size: 0.14rem;
    color: #ced1d6;
    overflow: hidden;
    font-family: "微软雅黑"
}

.login_1 {
    height: 0.5rem;
    width: 6.55rem;
    display: flex;
    border-radius: 0.1rem;
    line-height: 0.5rem;
    margin-bottom: 0.1rem;
}

.pay_tip img {
    width: 0.24rem;
    height: auto;
    cursor: pointer;
}

.login_btn {
    width: 1.18rem;
    height: 0.5rem;
    background: #e44c59;
    border-radius: 0.05rem;
    line-height: 0.5rem;
    text-align: center;
    margin-left: 0.2rem;
    color: #fff;
    font-family: "微软雅黑";
    font-family: "微软雅黑";
    font-size: 0.24rem;
    transition: all 0.5s;
    cursor: pointer;
}

.login_btn:hover {
    width: 1.18rem;
    height: 0.5rem;
    background: none;
    border-radius: 0.05rem;
    line-height: 0.5rem;
    text-align: center;
    margin-left: 0.2rem;
    color: #e44c59;
    font-family: "微软雅黑";
    font-size: 0.24rem;
    border: 1px solid #e44c59
}

/* .card_btn{width:2.64rem;height:0.75rem;background:#e44c5a;border-radius:0.05rem;text-align:center;line-height:0.75rem;color:#fff;font-size:0.28rem;transition:all 0.5s;cursor: pointer;} */
/* .card_btn:hover{width:2.64rem;height:0.75rem;background:none;border-radius:0.05rem;text-align:center;line-height:0.75rem;color:#000;font-size:0.28rem;border:1px solid #e44c59} */
.search_voice {
    width: 10rem;
    height: 0.51rem;
    background: #dfe2e7;
    border-radius: 0.05rem;
    display: inline-block;
    display: flex;
    line-height: 0.51rem;
    align-items: center;
    padding-left: 0.17rem
}

/* .pay_left{background:#dfe2e7;border-radius:0.1rem;width:2.4rem;font-family:"微软雅黑";} */

.pay_left {
    width: 2.4rem;
    font-family: "微软雅黑";
}

.pay_left ul {
    background: #dfe2e7;
    border-radius: 0.1rem;
}

.pay_left ul li {
    height: 0.66rem;
    line-height: 0.66rem;
    border-bottom: 1px dashed #afb2bb;
    margin-left: 0.15rem;
    margin-right: 0.15rem;
    font-size: 0.18rem;
    padding-left: 0.19rem;
}

.pay_left ul li.active {
    background: #626d81;
    color: #fff;
    border-radius: 0.1rem;
    border-bottom: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0.34rem
}

.pay_left ul li:last-child {
    border-bottom: none;
}

.Caijing_recharg_img1 {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 0.1rem;
}

/* .Caijing_recharg_img1 li{ position: relative;} */
.Caijing_recharg_img1 li span {
    content: "";
    position: absolute;
    top: 0.55rem;
    font-size: 0.12rem;
    background: #eee;
    padding: 0.05rem;
    border-radius: 0.05rem;
    color: #e44c59;
    left: 0.04rem;
}

.Caijing_recharg_img1 img {
    width: 2.3rem;
    height: 2.37rem;
}

.jb_img {
    display: flex;
    justify-content: flex-start;
}

.jb_img li {
    margin-right: 0.09rem;
}

.jb_img img {
    width: 2.3rem;
    height: auto;
}

/* .pay_left ul li:not(.active){
    margin-left:0;
    } */
.search_input img {
    width: 0.21rem;
    height: auto;
}

.search_input span:last-child {
    display: flex;
}






.new_con {
    width: 100%;
    margin: 0 auto;
    margin-top: 0.5rem;
}

.newtel {
    height: 0.4rem;
    padding-bottom: 0.1rem;
    font-family: "微软雅黑";
    font-size: 0.18rem;
    color: #666
}

.new_telst {
    width: 10rem;
    margin: 0 auto;
    position: relative;
    top: 0.06rem;
    text-align: center;
}

.new_telst li {
    display: inline-block;
    font-size: 0.18rem;
    color: #fff;
    line-height: 0.3rem;
    text-align: center;
    color: #010101;
    float: left;
    display: inline;
    font-family: "微软雅黑";
    cursor: pointer;
}

.new_telst li.newon {
    color: #393e4a;
    font-weight: bold;
}

.new_telst p {
    position: absolute;
    top: 0.33rem;
    left: 0rem;
    height: 0.07rem;
    border-top: 0.03rem solid #e34c5a;
    overflow: hidden;
    text-align: center;
    width: 1.66rem;
}

.richang_gif,
.richang_gif1 {
    display: none;
}


.new_telst1 {
    width: 10rem;
    margin: 0 auto;
    position: relative;
    top: 0.06rem;
    text-align: center;
}

.new_telst1 li {
    display: inline-block;
    font-size: 0.18rem;
    color: #fff;
    line-height: 0.3rem;
    text-align: center;
    color: #010101;
    float: left;
    ;
    display: inline;
    font-family: "微软雅黑";
    cursor: pointer;
}

.new_telst1 li.newon {
    color: #010101;
}

.new_telst1 p {
    position: absolute;
    top: 0.33rem;
    left: 0rem;
    height: 0.07rem;
    border-top: 0.03rem solid #e34c5a;
    overflow: hidden;
    text-align: center;
    width: 1.66rem;
}

.new_lst {
    min-height: 9.4rem;
    position: relative;
    overflow: hidden;
    display: none;
    margin-top: 0.1rem;
    padding-top: 0.2rem;
}

.new_lst ul {
    position: absolute;
    left: 0rem;
}

.new-wrap {
    margin-top: 0.3rem;
}

.new-wrap .show {
    display: block;
}

.new_lst ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 0.01rem solid #e6e6e6;
}

.new_lst ul li {
    width: calc(99.9% / 6);
    border-left: 0.01rem solid #dfdfdf;
    overflow: hidden;
    position: relative;
    height: 16vw;
    background-color: #f4f7f9;
    border-top: 0.01rem solid #dfdfdf;
}

.new_lst ul li a {
    color: #595959;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 100%;
    z-index: 0;
}

.new_lst li img {
    width: 100%;
    opacity: 0.8;
    filter: grayscale(100%);
    filter: gray;
    transition: .3s;
}

.new_lst li span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
}

.new_lst li i {
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    left: 45%;
    bottom: 0.5rem;
    opacity: 0;
    filter: alpha(opacity=0);
    background-image: url(../images/beitou_hover_link_03.png);
    background-size: 100% 100%;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
}

.new_lst li p {
    width: 100%;
    height: 0.44rem;
    font-size: 0.14rem;
    line-height: 0.42rem;
    color: #ffffff;
}

.new_lst div:hover i {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
}

.new_lst ul li.hover_link:hover {
    width: calc(100% / 6);
    border-left: 0.01rem solid #dfdfdf;
    overflow: hidden;
    position: relative;
    height: 16vw;
    background-color: #fff;
    border-top: 0.01rem solid #dfdfdf;
}

.new_lst ul li.hover_link:hover img {
    opacity: 1;
    filter: grayscale(0);
    filter: none;
    transform: scale(.9) translateY(-0.08rem)
}

.investor_business {
    width: 100%;
    height: 2.38rem;
    background: url(../images/beitou_business_bg_02.jpg) no-repeat;
    background-size: 100% 100%;
    padding-top: 0.8rem;
}

.investor_business_container {
    width: 12rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.investor_business_left h2 {
    font-size: 0.4rem;
    font-weight: bold;
    margin-bottom: 0.1rem;
}

.investor_business_left p {
    font-size: 0.14rem;
}

.investor_business_link {
    transition: 1s;
    cursor: pointer;
    font-size: 0.14rem;
    border-radius: 0.4rem;
    border: 0.02rem solid #fff;
    width: 1.8rem;
    height: 0.57rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.investor_business_link a {
    color: #fff;
    transition: 1s;
    cursor: pointer;
    display: inline-block;
}

.investor_business_link:hover {
    background: #fff;
    font-size: 0.14rem;
    border-radius: 0.4rem;
    border: 0.02rem solid #fff;
    width: 1.8rem;
    height: 0.57rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.investor_business_link:hover a {
    color: #000;
}





.pay_bottom_line {
    border-bottom: 2px solid #e6e7eb;
    margin-top: 0.15rem;
    margin-bottom: 0.25rem
}

.area {
    display: inline-block;
    position: relative
}

.area button,
.area1 button {
    float: left;
    width: 0.38rem;
    height: 0.38rem;
    border-radius: 0.02rem;
    line-height: 0.38rem;
    font-size: 0.2rem;
    color: #393e4a;
    background-color: #dfe2e7;
    transition: color ease .2s;
    cursor: pointer
}

.area input,
.area1 input {
    float: left;
    border-radius: 0.02rem;
    height: 0.38rem;
    width: 0.5rem;
    background: #fff;
    border: 1px solid #b7babe;
    text-align: center;
    border-radius: 0.05rem
}

.area1 {
    display: flex;
    align-items: center;
    position: relative
}

.pay_bottom_btn {
    display: flex;
    justify-content: center
}

.pay_bottom_checkbox {
    display: flex;
    justify-content: center;
    margin-top: 0.24rem;
    align-items: center;
    font-size: 0.14rem;
    font-family: "微软雅黑";
    letter-spacing: 0.02rem
}

.pay_bottom_btn a {
    display: inline-block;
    background: #e44c5a;
    width: 3.5rem;
    height: 0.8rem;
    text-align: center;
    line-height: 0.8rem;
    font-size: 0.3rem;
    color: #fff;
    border-radius: 0.05rem;
    transition: all 0.3s
}

.pay_bottom_btn a:hover {
    display: inline-block;
    background: none;
    width: 3.5rem;
    height: 0.8rem;
    text-align: center;
    line-height: 0.8rem;
    font-size: 0.3rem;
    color: #000;
    border-radius: 0.05rem;
    border: 1px solid #e44c5a
}

.pay_bottom_notice {
    background: #dfe2e7;
    padding: 0.4rem 0.3rem;
    margin-top: 0.5rem;
    border-radius: 0.05rem;
    font-size: 0.16rem;
    color: #4e5964;
}

.pay_bottom_notice p {
    font-family: "微软雅黑";
    line-height: 0.45rem
}

.pay_bottom {
    padding-bottom: 0.8rem
}

.pay_checkbox[type="checkbox"] {
    width: 0.15rem;
    margin-right: 0.12rem;
    cursor: pointer;
    height: 0.15rem;
    background: url(../images/part2_check.png) no-repeat;
    background-size: 100% 100%
}

.pay_checkbox[type="checkbox"]:checked {
    background: url(../images/part2_checked.png) no-repeat;
    background-size: 100% 100%
}

.pay_bottom_checkbox a {
    color: #e44c5a
}



.btn {
    display: inline-block;
    font-size: 0.2rem;
    color: #393e4a;
    text-align: center
}

.cart_title {
    font-size: 0.24rem;
    color: #393e4a;
    font-family: "微软雅黑";
    margin-bottom: 0.3rem
}

.pay_bottom_partner img {
    width: auto;
    height: 2.1rem;
    transition: all 0.3s
}

.pay_bottom_partner img {
    width: auto;
    height: 2.1rem
}

.pay_bottom li img:hover {
    transform: scale(1.1)
}

.pay_bottom_partner_bottom img {
    width: auto;
    height: 2.11rem
}

.shop_part_main {
    width: 12rem;
    margin: 0 auto;
    font-family: "微软雅黑"
}

.shop_title {
    border-radius: 0.05rem;
    background: #fff;
    display: flex;
    padding: 0.35rem 0.45rem;
    margin-bottom: 0.15rem;
    justify-content: space-between;
    font-size: 0.16rem;
    align-items: center;
    font-weight: bold;
}

.shop_title01,
.shop_list_01 {
    display: inline-block;
    width: 14%;
    text-align: center
}

.shop_list_01 img {
    width: 1.33rem;
    height: auto
}

.shop_title02,
.shop_list_02 {
    display: inline-block;
    width: 20%;
    text-align: center;
    margin-right: 10%;

}

.shop_title03,
.shop_list_03 {
    display: inline-block;
    width: 20%;
    text-align: center;
    color: #393e4a;
}

.shop_list_042 {
    display: inline-block;
    width: 20%;
    text-align: center;
    font-weight: bold;
}

.shop_list_042 strong {
    margin-right: 0.15rem;
}

.card_list_center p:last-child {
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 0.12rem;
}

.shop_list_042 {
    display: flex;
    justify-content: center;
    align-items: center
}

.shop_list_042 {
    font-size: 0.2rem;
    color: #e34c5a;
    display: flex
}

.shop_list_042 strong {
    color: #393e4a;
    font-size: 0.18rem
}

.shop_title04,
.shop_list_04 {
    display: inline-block;
    width: 20%;
    text-align: center
}

.shop_guide {
    margin-top: 0.3rem;
    margin-bottom: 0.25rem;
    font-size: 0.14rem
}

.shop_list {
    background: #dfe2e7;
    border-radius: 0.05rem;
    padding: 0.35rem 0.45rem;
    margin-bottom: 0.15rem;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.shop_list_02,
.shop_list_03,
.shop_list_04 {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.border_red {
    border: 1px solid #e34c5a;
    border-radius: 0.05rem;
    color: #e34c5a;
    font-size: 0.14rem;
    width: 100%;
    margin-top: 0.2rem;
    height: 0.35rem;
    line-height: 0.35rem;

}

.shop_list_04 strong {
    margin-bottom: 0.1rem;
    font-size: 0.2rem;
}

.border_black {
    font-size: 0.18rem;
    font-weight: bold;
}

.shop_list_03 {
    font-size: 0.2rem;
    font-weight: bold;
    color: #e34c5a;
    display: flex
}

.shop_list_03 strong {
    color: #393e4a;
    font-size: 0.18rem
}

.cart_item {
    display: flex
}

.input-group {
    position: relative;
    display: flex;
    border-collapse: separate;
    align-items: center
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle
}

.shop_title01 {
    font-size: 0.2rem
}

.form-control {
    display: block;
    width: 0.42rem;
    height: 0.32rem;
    font-size: 0.16rem;
    line-height: 1.42857143;
    color: #393e4a;
    background-color: #fff;
    border: 1px solid #a8acb0;
    border-radius: 4px
}

.card_list_04 img {
    width: 0.3rem;
    height: auto;
    cursor: pointer
}

.card_list_04 {
    display: flex;
    align-items: center
}

.card_list {
    border-radius: 0.05rem;
    margin-bottom: 0.15rem;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.pay_bottom_partner_top {
    display: flex;
    justify-content: space-between
}

.pay_bottom_partner_bottom {
    display: flex;
    justify-content: center
}

.pay_bottom_partner_bottom li {
    margin-right: 0.6rem
}

.pay_bottom_title {
    display: flex;
    justify-content: center;
    margin-bottom: 0.3rem;
    margin-top: 0.5rem
}

.card_list div {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-weight: bold;
}

.card_list div a {
    color: #e34c5a;
    display: inline-block;
    margin-left: 0.1rem;
    margin-right: 0.1rem
}

.card_list div p {
    margin-right: 0.25rem;
    font-size: 0.2rem;
}

.card_list_center {
    width: 48%
}

.cart_item1 {
    width: 100%;
    display: flex;
    border-radius: 0.05rem;
    padding: 0.35rem 0 0.35rem 0.45rem;
    margin-bottom: 0.15rem;
    display: flex;
    width: 100%
}

.pay_bottom_count {
    display: flex;
    align-items: center
}

.count_title {
    font-size: 0.22rem;
    color: #4e5964;
    font-family: "微软雅黑";
    margin-right: 0.2rem
}

.shop_list_bottom_01 {
    width: 44%
}







.main_hide {
    width: 2.6rem;
    height: 2rem;
    position: fixed;
    top: 1.06rem;
    z-index: 10;
    left: -2.5rem;
}

.main_hide {
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop));
    margin-top: 3.2rem;
}

.main_tip {
    width: 2.474rem;
    height: 1.8rem;
    position: relative;
    padding: 0.01rem;
}

.main_tip ul li {
    width: 100%;
}

.main_tip ul li img {
    width: 2.47rem;
    height: auto;
}

.bar {
    width: 0.43rem;
    height: 0.8rem;
    position: absolute;
    left: 2.5rem;
    top: -0.01rem;
    background: url(../images/index_hide_bar.png) no-repeat;
    display: block;
    cursor: pointer;
    background-size: 100% 100%;
}








/* 
.shopping-car-container{padding:0.5rem 0.4rem}
.shopping-car-container .car-headers-menu{border-bottom:1px solid #f5f5f5;padding:0 0.15rem}
.shopping-car-container .panel-body{padding:0.15rem 0}
#checkAll{vertical-align:text-bottom}
.shopping-car-container .car-menu{text-align:center}
.shopping-car-container .goods-content{margin-top:0.15rem}
.shopping-car-container .goods-content .goods-item{margin-top:0.2rem}
.shopping-car-container .goods-content .goods-item .car-goods-info{height:1.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden}
.shopping-car-container .goods-content .goods-item .goods-image-column img,.shopping-car-container .goods-content .goods-item .goods-image-column span{display:block;float:left}
.shopping-car-container .goods-content .goods-item .goods-image-column span{width:calc(100% - 1rem);box-sizing:border-box;text-indent:2rem;line-height:0.25rem;padding:0.1rem}
.goods-price{color:red;font-weight:bolder}
.form-control{text-align:center}
.single-total{color:red;font-weight:bold}
.goods-params{color:darkgray}
.bottom-menu{display:flex;align-items:center;justify-content:center}
.bottom-menu #checkAllBottom{vertical-align:text-bottom}
#deleteMulty{color:cornflowerblue;cursor:pointer;vertical-align:text-bottom}
.bottom-menu-include{background:#e5e5e5}
#selectGoodsCount{color:orangered;font-size:0.16rem;font-weight:bolder}
#selectGoodsMoney{color:orangered;font-size:0.16rem;font-weight:bolder}
.panel-default .submitData{background:orangered;font-size:0.16rem;color:white;cursor:pointer;font-weight:bolder;height:0.58rem;position:absolute;right:0;top:0}
.panel-default .submitDis{background:#B0B0B0;cursor:no-drop}
.shopping-car-container .panel-default{position:relative}
 */

ul.all_img img {
    width: 2.3rem;
    height: 2.37rem;
}

ul.all_img li {
    float: left
}

.footer_mail {
    font-size: 0.16rem;
    color: #e2e2e2;
    text-align: center;
    font-family: "S-CoreDream", "Apple SD Gothic Neo", "Noto Sans KR", "NotoSansCJK", "NotoSans", "NotoCJK", "AndroidClock", "sans-serif"
}

.all_main {
    position: relative;
    min-height: 18rem
}

.all_img_text {
    position: fixed;
    left: 32%;
    bottom: 0
}

.all_content {
    position: relative
}

.con li.on div.desc {
    position: absolute;
    top: 2.37rem;
    width: 9.5rem;
    background: #dfe2e7;
    height: 1rem;
    margin-top: 0.1rem;
    border-radius: 0.05rem;
    padding: 0.25rem 0.2rem;
    font-family: "微软雅黑";
    font-size: 0.16rem;
    overflow-y: auto
}

.con li {
    position: relative;
    margin-right: 0.05rem;
    margin-bottom: 0.1rem;
    margin-top: 0.1rem
}

.con li.on {
    padding-bottom: 1rem
}

.con li div.con_img {
    display: block;
    align-items: center;
    width: 2.3rem;
    height: 2.37rem;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    background: #f2f2f2;
    position: relative;
    cursor: pointer;
    margin: 0
}

.con li div.desc {
    display: none
}

.con li.on div.desc {
    display: block
}

.con {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
    align-content: flex-start;
}

.con_img img {
    width: 2.3rem;
    height: 2.37rem;
}

.con li:nth-child(4n-1).on div.desc {
    left: -4.8rem
}

.con li:nth-child(4n-2).on div.desc {
    left: -2.4rem
}

.con li:nth-child(4n-3).on div.desc {
    left: 0
}

.con li:nth-child(4n) {
    margin-right: 0rem
}

.con li:nth-child(4n).on div.desc {
    right: 0
}

ul.all_img {
    width: 9.9rem;
    height: 7.7rem;
    overflow-y: auto;
}


.all_img li:nth-child(4n-1).on div.desc,
.con li:nth-child(4n-1).on div.desc {
    left: -4.8rem;
}


.all_img li:nth-child(4n-2).on div.desc,
.con li:nth-child(4n-2).on div.desc {
    left: -2.4rem;
}

.all_img li:nth-child(4n-3).on div.desc,
.con li:nth-child(4n-3).on div.desc {
    left: 0;
}

.all_img li:nth-child(4n),
.con li:nth-child(4n) {
    margin-right: 0rem;
    ;
}

.all_img li:nth-child(4n).on div.desc,
.con li:nth-child(4n).on div.desc {
    right: 0;
}



.main-container {
    max-width: 13.34rem;
    overflow: auto;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main_cz {
    margin: 0 auto;
    max-width: 7rem;
    padding-top: 0.2rem;
    padding-left: 0.2rem;
    padding-right: 0.4rem;
    padding-bottom: 0.4rem;
}

r .wrap_cz {
    width: 7rem;
    padding-top: 0.4rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.wrap_cz_h1 {
    height: 1.36rem;
    line-height: 1.36rem;
    text-align: center;
    margin-bottom: 0.5rem;
    display: flex;
    justify-content: center;
}

.wrap_cz_h1 img {
    width: 1.44rem;
    height: 1.36rem;
}

.wrap_cz_h2 {
    font-size: 0.5rem;
    text-align: center;
    margin-bottom: 0.2rem;
    color: #7b6536;
    font-family: "微软雅黑";
}

.wrap_cz_p {
    font-size: 0.3rem;
    text-align: center;
    color: #a89e8c;
    margin-bottom: 0.5rem;
}

.wrap_cz_fh a {
    text-align: center;
    text-decoration: underline;
    color: #60cdba;
    font-size: 0.3rem;
    display: block;
}

.wrap_cz_fh a:hover {
    color: #f00;
}

.shop_list_01 {
    width: 1.33rem;
    cursor: pointer;
    height: 1.33rem;
    background: url(../images/shop_bg.png) no-repeat;
    background-size: 100% 100%
}


li.on div.con_img {
    box-shadow: 0.03rem 0.03rem 0.1rem #f00;
}

.masked {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 110;
    display: none;
}

.tc_tip {
    width: 8rem;
    height: 7.99rem;
    position: fixed;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 120;
    transition: all 0.3s;
    display: none
}

.tc_main_big1 {
    width: 7.24rem;
    ;
    height: 7.99rem
}

.tc_tip .closed {
    position: absolute;
    top: -0.1rem;
    right: 0.1rem;
    z-index: 6;
    cursor: pointer;
}

.closed img {
    transition: all 0.3s;
    width: 0.55rem;
    height: 0.55rem
}

.closed img:hover {
    transform: rotate(90deg)
}

.c_red {
    font-size: 0.4rem;
    color: #c63018
}

.c_black {
    font-size: 0.4rem;
    color: #000;
    margin-top: 0.4rem;
    margin-bottom: 0.6rem
}

.btn1 {
    width: 7.24rem;
    display: flex;
    justify-content: center
}

.btn1 img {
    width: 7.24rem;
    height: 8.14rem;
}

ul.all_img {
    width: 9.7rem;
    height: 7.7rem;
    overflow-y: auto;
}



.card_btn {
    position: relative;
    width: 2.64rem;
    height: 0.75rem;
}

.card_btn span {
    width: 2.64rem;
    height: 0.75rem;
    background: #e44c5a;
    border-radius: 0.05rem;
    text-align: center;
    line-height: 0.75rem;
    color: #fff;
    font-size: 0.28rem;
    transition: all 0.5s;
    cursor: pointer;
    display: block;
}

.loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.64rem;
    height: 0.75rem;
    background: #e44c5a;
    border-radius: 0.05rem;
    font-size: 0.28rem;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    line-height: 0.75rem;
    align-items: center;
}

.loading img {
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.2rem;
}


.card_btn span:hover {
    width: 2.64rem;
    height: 0.75rem;
    background: none;
    border-radius: 0.05rem;
    text-align: center;
    line-height: 0.75rem;
    color: #000;
    font-size: 0.28rem;
    border: 1px solid #e44c59
}














/*语言切换*/
.lang_en {
    position: absolute;
    right: 0.5rem;
    top: 0.3rem;
    width: 0.94rem;
    height: 0.27rem;
    border: 0.01rem solid #fff;
}

.area1 {
    height: 0.27rem;
    line-height: 0.27rem;
    position: relative;
    cursor: pointer;
    position: relative;
}

.area1 span {
    color: #fff;
    font-size: 0.18rem;
    display: block;
    border-right: 0.01rem solid #fff;
    float: left;
    width: 0.65rem;
    height: 0.25rem;
    text-align: center;
    line-height: 0.24rem;
}

.area1 i {
    position: absolute;
    top: 0.07rem;
    right: 0.09rem;
    width: 0.1rem;
    height: 0.09rem;
    display: inline-block;
    background: url(../images/row_up.png) no-repeat;
    background-size: 0.1rem 0.09rem;
}

.area1 ul {
    position: absolute;
    left: -0.01rem;
    top: 0.25rem;
    border-bottom: 0.02rem solid #000;
    background-color: #fff;
    width: 0.94rem;
    border: 0.01rem solid #04528e;
    cursor: default;
    display: none;
}

.area1:hover ul {
    display: block;
    z-index: 3
}

.area1:hover i {
    width: 0.1rem;
    height: 0.09rem;
    display: inline-block;
    background: url(../images/row_down.png) no-repeat;
    background-size: 0.1rem 0.09rem;
}

.area1 ul li {
    height: 0.32rem;
    line-height: 0.32rem;
    cursor: pointer;
    text-align: center;
    font-size: 0.14rem;
}

.area1 ul li.line {
    height: 1px;
    margin: 11px 0;
    padding: 0;
    background-color: #373d41;
    margin-top: 8px;
    margin-bottom: 8px
}

.area1 ul li a {
    display: block;
    height: 100%;
    white-space: nowrap;
    color: #0a0b0c;
    font-size: 0.18rem;
}

.area1 ul li a:hover {
    color: #e44c5a
}

.area1 ul li a span {
    display: inline-block;
    width: 1.02rem;
}
























/*更改上面有的样式*/
.list_main_right {
    width: 100%;
}

.tip p {
    margin-bottom: 10px;
    font: 400 16px/30px 'Microsoft YaHei';
}

.part p,
.ul_box p {
    font: 800 16px/30px 'Microsoft YaHei';
    width: 1070px;
    margin-bottom: 10px;
}

.ul_box {
    width: 100%;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.1rem;
}

.titles {
    color: #636363;
    z-index: 99;
    font: 400 0.14rem/0.3rem 'Microsoft YaHei';
    max-width: 12rem;
    margin-bottom: 0.2rem;
}

.recommend {
    padding: 0.1rem 0.2rem;
    height: 0.66rem;
    float: left;
    font-size: 0.16rem;
    line-height: 0.66rem;
    font-family: 'Microsoft YaHei';
    border: 1px solid #e44c5a;
    background: #fff;
    position: relative;
    cursor: pointer;
    margin-bottom: 0.1rem;
    border-radius: 0.05rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;


}

.recommend img {
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.15rem;
}





.recommend:hover {
    background: #e44c5a;
    color: #fff;
}

.recommend .paymentTypeImg {
    height: 36px;
}

.recommend span {
    background: url(../images/icon_en.png) no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: -2px;
    right: -2px;
    width: 47px;
    height: 48px;
}


/*新增*/
/* .more {
    position: relative;
    text-align: center;
    width: 610px;
    margin: 0px auto 10px;
    height: 40px;
    font-size: 20px;
    color: #000;
    cursor: pointer;
}

.more {
    background: url(../images/more_down.png) no-repeat center center;
}


.note_btn p {
    background: #ff6600;
    border: 0;
    width: 170px;
    height: 50px;
    font: 700 18px/50px 'Microsoft YaHei';
    border: 1px solid #bab2a3;
    color: #fff;
    cursor: pointer;
    text-align: center;
}

.note_btn {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 20px;
} */

li.active_li {
    background: #e44c5a;
    color: #fff;
}