@charset "utf-8";

/* CSS Document */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
span,
button,
font {
    padding: 0;
    margin: 0;
    outline: none;
    font-family: "苹方", Arial, Helvetica, sans-serif;
}

i {
    font-style: normal
}

html {
    font-size: 16px;
    -webkit-text-size-adjust: none;
    min-width: 320px;
    margin: 0 auto;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

fieldset,
img {
    border: 0;
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}

ol,
ul,
li,
dl,
dt,
dd {
    list-style: none;
}

input,
button,
textarea,
checkbox,
select,
radio,
form {
    vertical-align: top;
}

a {
    color: #000;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

a:link,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.clear {
    clear: both;
}


/* input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
} */

textarea {
    -webkit-appearance: none;
}

button {
    -webkit-appearance: none;
}

@media screen and (min-width:320px) {
    html {
        font-size: 90%;
    }
}

@media screen and (min-width:400px) {
    html {
        font-size: 90%
    }
}

@media screen and (min-width:480px) {
    html {
        font-size: 97.5%
    }
}

@media screen and (min-width:560px) {
    html {
        font-size: 100%
    }
}

@media screen and (min-width:600px) {
    html {
        font-size: 112.5%
    }
}

@media screen and (min-width:640px) {
    html {
        font-size: 100%
    }
}


/*清除浮动*/

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

.clearfix {
    *zoom: 1
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.three-card .ico svg {
    font-size: 50px;
    margin-right: 20px;
}

.card li svg {
    font-size: 55px;
}

@font-face {
    font-family: 'iconfont';
    src: url('iconfont.eot');
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff2') format('woff2'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* 公共样式 */


/* 首页顶部小导航部分 */

.header_top {
    width: 100%;
    background-color: #fafafa;
    padding: 1rem 0;
}

.header_top_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

.header_left p {
    font-size: 0.8rem;
    margin-left: 0.5rem;
    color: #999;
}

.header_lef i {
    color: #999;
}

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

.header_phone {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 4rem;
}

.header_phone p {
    font-size: 0.8rem;
    color: #999;
    margin: 0 0.5rem;
}

.header_phone i {
    color: #999;
}

#header_phone {
    position: relative;
    transition: all 0.3s;
}

#header_phone:hover .phone_ma {
    display: block;
    transition: all 0.3s;
}

.phone_ma {
    position: absolute;
    bottom: -210px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    display: none;
    transition: all 0.3s;
}

.phone_ma img {
    width: 200px;
    height: 200px;
    vertical-align: middle;
}

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

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

.header_right a {
    margin-left: 2rem;
    font-size: 0.8rem;
    color: #999;
}

.header_right a i {
    color: #999;
}

.header_right a p {
    font-size: 0.8rem;
    color: #999;
    margin-left: 0.5rem;
}


/* 顶部小导航部分结束 */


/* logo和导航部分 */


.button {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: 4rem;
}

.button a {
    font-size: 1.25rem;
    font-weight: bold;
    color: #4dbbf1;
    margin: 0 2rem;
}


/* logo和导航部分结束 */


/* banner部分 */

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

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #fff; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    /* width: 100%; */
    height: 100%;
    object-fit: cover;
}

.banner img {
    width: 100%;
    vertical-align: middle;
}


/* banner部分结束 */


/* card部分 */

.card {
    width: 100%;
    background-color: #fff;
    padding-top: 3rem;
}

.card_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

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

.card_con li {
    width: 32%;
    /* overflow: hidden; */
    position: relative;
}

.card_con li img {
    width: 100%;
    vertical-align: middle;
}

.card_text {
    position: absolute;
    top: 2rem;
    left: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.card_text h3 {
    color: #fff;
    font-size: 1.625rem;
    font-weight: bold;
}

.card_text p {
    color: #fff;
    font-size: 1.125rem;
    margin-top: 1rem;
}

.look {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 3.5rem;
}

.look span {
    display: block;
    color: #fff;
    font-size: 1.125rem;
    margin-right: 0.5rem;
}

.look i {
    color: #fff;
    font-size: 1.2rem;
}


/*card部分结束  */


/* 新品上市部分 */

.new_shop {
    width: 100%;
    background-color: #fff;
    padding: 3rem 0;
}

.new_shop_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.new_shop_title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 3rem;
}

.new_shop_title_left h3 {
    color: #222;
    font-size: 1.75rem;
    font-family: "方正清刻本悦宋简体";
}

.new_shop_title_left div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.new_shop_title_left span {
    width: 4rem;
    height: 0.2rem;
    background-color: #333;
    display: block;
    margin-left: 2rem;
}

.new_shop_title_left p {
    color: #333;
    font-size: 1rem;
    text-transform: uppercase;
    margin-top: 0.8rem;
    font-family: "方正清刻本悦宋简体";
}

.new_shop_title_right {
    padding: 0.5rem 2rem;
    border: 1px solid #999;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}

.new_shop_title_right p {
    font-size: 1rem;
    color: #999;
    margin-right: 0.5rem;
    transition: all 0.3s;
}

.new_shop_title_right i {
    color: #999;
    font-size: 0.8rem;
    transition: all 0.3s;
}

.new_shop_title_right:hover {
    background-color: #4dbbf1;
    border: 1px solid #4dbbf1;
    transition: all 0.3s;
}

.new_shop_title_right:hover p {
    color: #fff;
    transition: all 0.3s;
}

.new_shop_title_right:hover i {
    color: #fff;
    transition: all 0.3s;
}

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

.new_shop_list li {
    width: 32%;
    overflow: hidden;
    position: relative;
}

.new_shop_list_img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 92%;
}

.new_shop_list_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.new_shop_list li:hover h3 {
    color: #4dbbf1;
    transition: all 0.3s;
}

.new_shop_list_text h3 {
    font-size: 1.25rem;
    color: #222;
    font-weight: bold;
    margin: 0.8rem 0 1rem 0;
    transition: all 0.3s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.new_shop_tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    flex-wrap: wrap;
}

.new_shop_tag p {
    font-size: 1rem;
    color: #999;
}

.price {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.price span {
    font-size: 1.25rem;
    color: #4dbbf1;
    font-weight: bold;
}

.price b {
    color: #4dbbf1;
    font-size: 1.5rem;
}


/* 新品上市部分结束 */


/* 关于福裕泰 */

.fu {
    width: 100%;
    background-color: #fff;
    padding: 3rem 0;
}

.fu_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fu_img {
    width: 28%;
    overflow: hidden;
}

.fu_img img {
    width: 100%;
    vertical-align: middle;
}

.fu_text {
    width: 68%;
    overflow: hidden;
}

.fu_title h3 {
    font-size: 1.75rem;
    color: #222;
    font-weight: bold;
}

.fu_title p {
    color: #999;
    font-size: 1rem;
    text-transform: uppercase;
    margin-top: 0.5rem;
}

.fu_text span {
    display: block;
    width: 6rem;
    height: 0.3rem;
    background-color: #222;
    margin: 3rem 0;
}

.fu_wen h4 {
    font-size: 1.25rem;
    color: #222;
    font-weight: bold;
    margin-bottom: 2rem;
    line-height: 1.8rem;
}

.fu_wen p {
    font-size: 0.8rem;
    line-height: 1.8rem;
    color: #666;
}

.fu_button {
    width: 15%;
    display: block;
    padding: 0.8rem 1rem;
    border: 1px solid #222;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 7rem;
}

.fu_button:hover {
    background-color: #4dbbf1;
    border: 1px solid #4dbbf1;
    transition: all 0.3s;
}

.fu_button:hover i {
    color: #fff;
    transition: all 0.3s;
}

.fu_button:hover p {
    color: #fff;
    transition: all 0.3s;
}

.fu_button p {
    font-size: 1rem;
    color: #222;
    margin-right: 0.5rem;
}

.fu_button i {
    color: #222;
    font-size: 1.2rem;
}


/* 关于福裕泰部分结束 */


/* 新闻资讯部分 */

.news {
    width: 100%;
    background-color: #fff;
    padding: 3rem 0;
}

.news_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.newslist li {
    padding-bottom: 1.5rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid #999;
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
}

.newslist li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.newslist_img {
    width: 24%;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 15%;
}

.newslist_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.newslist_text {
    width: 73%;
    overflow: hidden;
}

.newslist_text h3 {
    font-size: 1.25rem;
    font-weight: bold;
    color: #222;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: all 0.3s;
}

.newslist li:hover {
    border-bottom: 1px solid #4dbbf1;
    transition: all 0.3s;
}

.newslist li:hover h3 {
    color: #4dbbf1;
    transition: all 0.3s;
}

.newslist_text p {
    font-size: 0.8rem;
    line-height: 1.8rem;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.newslist_text div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 1.5rem 0;
}

.newslist_text span {
    font-size: 0.8rem;
    color: #999;
    margin-right: 1.5rem;
}

.newslist li:last-child {
    margin-bottom: 0;
}


/* 新闻资讯部分结束 */


/* 服务优势 */

.ser {
    width: 100%;
    background-color: #fff;
    padding: 3rem 0;
}

.ser_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.ser_list {
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #e5e5e5;
}

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

.ser_list li {
    width: 48%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.5rem;
    border-top: 1px solid #e5e5e5;
}

.ser_text h3 {
    font-size: 1.25rem;
    color: #222;
    font-weight: bold;
}

.ser_text p {
    line-height: 1.5rem;
    color: #666;
    margin: 1rem 0;
    font-size: 0.8rem;
}

.ser_text h4 {
    font-size: 0.8rem;
    color: #666;
    font-weight: bold;
}

.ser_icon {
    width: 22%;
    overflow: hidden;
}

.ser_icon img {
    width: 100%;
    vertical-align: middle;
}

.ser_text {
    width: 72%;
    overflow: hidden;
}


/* 服务优势结束 */





.RadioStyle input {
	display: none
	}
.RadioStyle label {
	border: 1px solid #CCC;
	color: #666;
	padding: 2px 10px 2px 5px;
	line-height: 28px;
	min-width: 80px;
	text-align: center;
	float: left;
	margin: 2px;
	border-radius: 4px
	}
.RadioStyle input:checked + label {
	background: url(../images/ico_checkon.svg) no-repeat right bottom;
	border: 1px solid #00a4ff;
	background-size: 21px 21px;
	color: #00a4ff
	}
.RadioStyle input:disabled + label {
	opacity: 0.7;
	}

/* 产品介绍部分 */

.pro {
    width: 100%;
    background-color: #fff;
    padding: 3rem 0;
}

.pro_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

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

.pro_box .pro_text {
    width: 40%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.pro_box .pro_img {
    width: 40%;
    overflow: hidden;
}

.pro_img img {
    max-width: 100%;
    vertical-align: middle;
}

.pro_box .pro_text h4 {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #666;
    text-align: left;
    margin-bottom: 3.5rem;
}

.pro_box .pro_text h3 {
    color: #222;
    font-size: 1.75rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.pro_box .new_shop_tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.8rem;
}

.pro_box .new_shop_tag .price {
    margin-right: 4rem;
}

.pro_box .fu_button {
    width: 25%;
}

.pro_box .fu_button:hover p {
    color: #fff;
}

.pro_box {
    padding-bottom: 6rem;
}

.pro_img .mySwiper_img {
    padding-bottom: 4rem !important;
}

#you {
    width: 60%;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
}

#you i,
#you i {
    font-size: 3.5rem;
    color: #222;
}

#cus_fen {
    position: absolute !important;
    bottom: 0rem !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
}

#cus_fen span {
    display: block;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: 0.8rem;
    margin: 0 1rem;
    color: #999;
}

#cus_fen .swiper-pagination-bullet-active {
    font-size: 1.5rem !important;
    color: #222 !important;
}

.set_image_all {
    cursor: pointer;
    position: relative;
}

.set_image_all .set_image_item {
    position: relative;
    display: inline-block;
    z-index: 11;
    visibility: visible;
}

.set_image_all .set_image_top {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}

.set_image_all .set_image_top>div {
    display: inline-block;
    overflow: hidden;
}

.set_image_all .set_image_top>div>img {
    height: 100%;
}

.grade {
    vertical-align: top;
    margin-left: 1rem;
    font-size: 1rem;
    color: #4dbbf1 !important;
}

.star_grade {
    display: flex;
}

.share {
    margin-top: 1.5rem;
}

.banner_mo {
    display: none !important;
}


/* 手机菜单栏 */

.phone_list_nav .phone_btn {
    position: absolute;
    right: 10px;
    top: 4%;
    z-index: 9999;
}

.phone_list_nav .phone_btn .btn span {
    display: block;
    width: 40px;
    height: 2px;
    background-color: #4dbbf1;
    margin: 10px 0;
}

.phone_btn button {
    background-color: transparent;
    border: none;
}

.phone_list_nav {
    display: none;
}


/* 首页 */


/* 新闻详情 */

.news_banner {
    width: 100%;
    position: relative;
}

.news_banner img {
    width: 100%;
}

.news_banner_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.news_banner_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.news_banner_text h3 {
    color: #fff;
    font-weight: bold;
    font-size: 2rem;
}

.news_banner_text p {
    font-size: 1.125rem;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-top: 1rem;
}

.small_nav {
    width: 100%;
    padding: 1rem 0;
    border-bottom: 1px solid #e5e5e5;
}

.small_nav_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.small_nav_con p {
    font-size: 1rem;
    color: #999;
    margin-right: 0.8rem;
}

.small_nav_con a {
    font-size: 1rem;
    color: #999;
}

.small_nav_con a:hover {
    color: #4dbbf1;
}

.small_nav_con i {
    font-size: 2rem;
    color: #999;
    margin: 0 0.3rem;
}

.news_show {
    width: 100%;
    background-color: #fff;
    padding: 4rem 0 0 0;
}

.news_show_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 4rem;
    border-bottom: 1px solid #e5e5e5;
}

.news_show_title {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e5e5e5;
}

.news_show_title h3 {
    font-size: 1.75rem;
    color: #222;
    font-weight: bold;
}

.news_show_tag {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1rem;
}

.news_show_tag p {
    font-size: 1rem;
    color: #999;
    margin-right: 3rem;
}

.news_show_text {
    margin: 2rem 0;
}

.news_show_text p {
    font-size: 1rem;
    color: #222;
    line-height: 1.85rem;
}

.news_show_text img {
    max-width: 100%;
    display: block;
    margin: 1.5rem auto;
}

.fanye {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1.5rem;
}

.fanye div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 1rem 0;
}

.fanye p {
    font-size: 1rem;
    color: #222;
    font-weight: bold;
    margin-right: 0.8rem;
}

.fanye a {
    font-size: 1rem;
    color: #222;
    font-weight: bold;
    flex: 1;
}

.fanye a:hover {
    color: #4dbbf1;
}

.news_banner_text i {
    color: #fff;
    font-size: 4rem;
    margin-top: 4rem;
}


/* 新闻详情结束 */


/* 新闻列表 */

.news_list {
    width: 100%;
    background-color: #fff;
    padding: 4rem 0 0 0;
}

.news_list_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 6rem;
}

.yema {
    margin-top: 4rem;
}

.yema ul,
.yema {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.yema li {
    margin: 0.8rem;
}

.yema li a {
    padding: 0.5rem 1rem;
    display: block;
    border-radius: 0.5rem;
}

.yema li a:hover {
    background-color: #4dbbf1;
    color: #fff;
    box-shadow: 3px 3px 10px rgba(237, 40, 53, 0.2);
}

.yema_current a {
    background-color: #4dbbf1;
    color: #fff;
    box-shadow: 3px 3px 10px rgba(237, 40, 53, 0.2);
}

.yema span {
    font-size: 1rem;
    color: #222;
    margin: 0 1rem;
}

.yema b {
    font-size: 1rem;
    color: #4dbbf1;
    margin: 0 0.5rem;
}


/* 关于我们 */

.about_banner {
    width: 100%;
    position: relative;
}

.about_banner_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.about_banner_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.about_banner_text h3 {
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 3rem;
    margin-top: 4rem;
    text-align: center;
}

.banner_about_back {
    width: 100%;
    vertical-align: middle;
}

.about {
    width: 100%;
    background-color: #fff;
    padding: 70px 0;
}

.about_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.about_title {
    text-align: center;
    margin: 0 auto;
}

.about_title p {
    font-size: 1.25rem;
    color: #999;
    text-transform: uppercase;
}

.about_title h3 {
    font-size:3rem;
    color: #222;
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
    font-weight: bold;
}

.about_com {
    margin-top: 2rem;
}

.about_com p {
    font-size: 1rem;
    line-height: 2.5rem;
    color: #222;
    text-align: center;
}

.about_com img {
    width: 100%;
    vertical-align: middle;
    display: block;
    margin:2rem auto 0 auto;
}

.about_card {
    width: 100%;
    background-color: #fff;
    padding: 3rem 0;
}

.about_card_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.about_card_con img {
    width: 100%;
    vertical-align: middle;
}

.about_card_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.about_card_text h3 {
    color: #222;
    font-size: 1.25rem;
    text-align: center;
}

.about_card_text span {
    margin: 1rem auto;
    display: block;
    width: 3rem;
    height: 0.2rem;
    background-color: #ccc;
}

.about_card_text h4 {
    font-size: 1.5rem;
    color: #222;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1.5rem;
}

.about_card_text p {
    text-align: center;
    font-size: 1rem;
    color: #222;
    line-height: 1.8rem;
}

.about_title i {
    font-size: 1rem;
    color: #222;
    line-height: 1.8rem;
    text-align: center;
    font-style: normal;
    display: block;
}

.dev {
    width: 100%;
    background-color: #fff;
    padding: 3rem 0;
}

.dev_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.shi {
    width: 100%;
    background-color: #fff;
    padding: 3rem 0;
}

.shi_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.shi_list {
    margin-top: 3rem;
}

.shi_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.shi_list li {
    width: 48%;
    overflow: hidden;
    margin-bottom: 2rem;
    border: 5px solid #e5e5e5;
    transition: all 0.3s;
}

.shi_list_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.shi_text h3 {
    font-size: 1.25rem;
    color: #222;
    margin-bottom: 1.5rem;
}

.shi_text p {
    font-size: 0.8rem;
    line-height: 1.4rem;
    color: #666;
}

.shi_text b {
    font-size: 0.8rem;
    color: #666;
    margin-top: 1rem;
    display: block;
}

.shi_img {
    width: 25%;
    overflow: hidden;
}

.shi_img img {
    max-width: 100%;
    vertical-align: middle;
    text-align: center;
}

.shi_text {
    width: 70%;
    overflow: hidden;
}

.shi_list li:hover {
    border: 5px solid #4dbbf1;
    transition: all 0.3s;
}

.rong {
    width: 100%;
    background-color: #fff;
    padding: 0 0 3rem 0;
}

.rong_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.rong_list {
    margin-top: 3rem;
}

.rong_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border: 1px solid #e5e5e5;
}

.rong_list li {
    width: 25%;
    overflow: hidden;
    position: relative;
}

.rong_list li:nth-child(-n+4) .rong_box {
    border-bottom: 1px solid #e5e5e5 !important;
}

.rong_list li:nth-child(1) .rong_box {
    border-left: none !important;
}

.rong_list li:nth-child(5) .rong_box {
    border-left: none !important;
}

.rong_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-left: 1px solid #e5e5e5;
    padding-left: 1.1rem;
    padding-right: 1.1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.rong_img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 85%;
}

.rong_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.rong_text {
    margin-top: 1rem;
    padding: 1rem 1rem 2rem 1rem;
}

.rong_text h3 {
    font-size: 1.25rem;
    color: #222;
    text-align: center;
    display: -webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical;overflow: hidden;
}

.rong_text span {
    width: 3rem;
    height: 0.2rem;
    background-color: #e5e5e5;
    display: block;
    margin: 1rem auto;
}

.rong_text p {
    font-size: 0.8rem;
    line-height: 1.4rem;
    color: #666;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;
}

.team {
    width: 100%;
    background-color: #fff;
    padding-top: 3rem;
}

.team_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 6rem;
    border-bottom: 1px solid #e5e5e5;
}

.team_img {
    margin-top: 3rem;
}

.team_img img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
}

.contact {
    width: 100%;
    background-color: #fff;
    padding:0 0 3rem 0;
}

.contact_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.way {
    background: url(../images/img19.jpg) no-repeat;
    background-size: 100%;
    padding: 3rem 3rem 4rem 3rem;
    overflow: hidden;
}

.way_title p {
    font-size: 0.8rem;
    color: #fff;
    text-transform: uppercase;
}

.way_title h3 {
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold;
    margin: 0.5rem 0 2rem 0;
}

.way_title h4 {
    font-size: 0.8rem;
    color: #fff;
    margin-bottom: 0.8rem;
}

.online {
    width: 63%;
    overflow: hidden;
}

.way_list {
    margin-top: 6rem;
}

.way_list li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 3rem;
}

.way_list div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.way_list p {
    font-size: 1rem;
    color: #fff;
    margin-bottom: 0.5rem;
}

.way_list span {
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold;
}

.way_list i {
    font-size: 2rem;
    margin-right: 1rem;
    color: #fff;
}

.online_title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.online_title p {
    font-size: 1rem;
    color: #222;
    margin-bottom: 0.5rem;
}

.online_title h3 {
    font-size: 1.75rem;
    color: #222;
    font-weight: bold;
    margin-bottom: 1rem;
}

.online_title h4 {
    font-size: 0.8rem;
    color: #222;
    line-height: 1.8rem;
}

.online_box {
    margin-top: 3rem;
}

.online_box_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.online_box_top input {
    width: 47%;
    height: 4rem;
    line-height: 4rem;
    border: 1px solid #e5e5e5;
    padding-left: 1rem;
    border-radius: 0.5rem;
    font-size: 1rem;
    color: #222;
    outline: none;
}

.online_box_bottom textarea {
    padding: 1rem;
    width: 96%;
    border-radius: 0.5rem;
    border: 1px solid #e5e5e5;
    font-size: 1rem;
    color: #222;
    overflow: hidden;
    resize: none;
    height: 15rem;
    outline: none;
}

.online_box_bottom {
    margin-bottom: 2rem;
}

input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

input::-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}

textarea::-webkit-input-placeholder {
    color: #999;
}

textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999;
}

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

.online_box_left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 40%;
    overflow: hidden;
}

.online_box_left span {
    width: 40%;
    overflow: hidden;
    height: 3rem;
    line-height: 3rem;
    border: 1px solid #e5e5e5;
    border-radius: 0.5rem;
    text-align: center;
}

.online_box_left input {
    width: 48%;
    height: 3rem;
    line-height: 3rem;
    padding-left: 0.5rem;
    font-size: 1rem;
    color: #222;
    outline: none;
    border: 1px solid #e5e5e5;
    border-radius: 0.5rem;
}

.online_box_button button {
    width: 20%;
    outline: none;
    border: none;
    background-color: #4dbbf1;
    border-radius: 0.5rem;
    color: #fff;
    font-size: 1rem;
    height: 3rem;
    line-height: 3rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.maps {
    width: 100%;
    background-color: #fff;
    padding: 3rem 0 0 0;
}

.maps_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 6rem;
    border-bottom: 1px solid #e5e5e5;
}

.maps_con iframe {
    width: 100%;
    height: 500px;
}

.product_banner img {
    width: 100%;
    vertical-align: middle;
}

.choose {
    width: 100%;
    background-color: #fff;
    padding: 3rem 0 0 0;
}

.choose_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 6rem;
    border-bottom: 1px solid #e5e5e5;
}

dl,
dd {
    margin: 0;
}

#box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#box dl {
    margin: 0.5rem 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#box dt {
    float: left;
    color: #222;
    font-size: 1rem;
    margin-right: 1rem;
}

#box dd {
    float: left;
    color: #252525;
    margin: 0 1.5rem 1rem 1.5rem;
    font-size: 1rem;
    cursor: pointer;
}

#box dd a {
    color: #999;
    font-size: 1rem;
}

#box dd.active a {
    color: #4dbbf1;
    font-weight: bold;
}

#box dl.select dd {
    border: 1px solid #4dbbf1;
    height: 2rem;
    line-height: 2rem;
    margin: 0 1.5rem !important;
    padding: 0 2px 0 10px;
    font-size: 1rem;
    color: #4dbbf1 !important;
    border-radius: 3px;
    background-color: #fff;
}

#box dl.select dd a {
    color: #4dbbf1;
}

#box dl.select dd span {
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    color: #4dbbf1;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 5px;
}

.product_list {
    margin: 3rem auto 0 auto;
}

.product_list ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.product_list ul::after {
    content: "";
    width: 22%;
    overflow: hidden;
}

.product_list li {
    width: 22%;
    overflow: hidden;
    position: relative;
    margin: 0 1rem 3rem 1rem;
}

.product_list_img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 100%;
    border-radius: 1rem;
}

.product_list_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.product_list li a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.product_list_text {
    margin-top: 1rem;
}

.product_list_text h3 {
    font-size: 1.25rem;
    color: #222;
    font-weight: bold;
    line-height: 1.8rem;
    margin-bottom: 1.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.star_grades {
    display: flex;
}


/* 正在加载 */

.refreshWrap .refresh {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.refreshWrap .loadingBox {
    width: 100%;
    height: 40px;
    text-align: center;
    padding: 10px;
    position: relative;
    background-color: #fff;
    z-index: 2
}

.refreshWrap .loading,
.refreshWrap .loadTxt {
    vertical-align: middle;
    display: inline-block;
    font-size: 1.125rem;
    color: #ccc;
}

.refreshWrap .loading {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    border: 3px dotted #ccc;
    border-top-color: transparent;
    margin-right: 8px;
    transform: translateZ(0);
    position: relative;
}

.refreshWrap .noMore .loading {
    display: none;
}

.refreshWrap .success {
    border-color: transparent;
}

.refreshWrap .success:before {
    content: "";
    border: 1px solid #666;
    border-top-color: transparent;
    border-left-color: transparent;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 8px;
    height: 16px;
}

.refreshWrap .rotate {
    -webkit-animation: refresh-rotate 0.8s linear infinite;
    animation: refresh-rotate 0.8s linear infinite;
}

@keyframes refresh-rotate {
    0% {
        transform: rotateZ(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotateZ(360deg);
        -moz-transform: rotate(360deg);
    }
}


/*关于我们时间线 */

.dev_process {
    margin-top: 4rem;
    max-width: 1920px;
    overflow: hidden;
}

.time-line-box ul:after {
    content: '';
    background: url(../images/img21.jpg) repeat-x left bottom;
    height: 52px;
    width: 1000%;
    position: absolute;
    left: 0;
    z-index: 1;
}

.time-line-box ul li {
    float: left;
    width: 211px;
    position: relative;
    padding-top: 176px;
    padding-bottom: 0;
    padding-left: 0;
    z-index: 2;
}

.time-line-box ul li:after {
    content: '';
    height: 124px;
    border-left: #4dbbf1 3px solid;
    position: absolute;
    top: 52px;
    left: 0;
}

.time-line-box ul li dl {
    padding-left: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.time-line-box ul li dl dt {
    font-size: 1.5rem;
    color: #4dbbf1;
    font-weight: bold;
    position: relative;
    margin-bottom: 10px;
}

.time-line-box ul li dl dt:after {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #4dbbf1;
    position: absolute;
    left: -32px;
    top: 0;
    border: #4dbbf1 4px solid;
}

.time-line-box ul li dl dd {
    color: #333;
    font-size: 0.8rem;
    line-height: 1.8;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.time-line-box ul li:first-child {
    margin-left: 95px;
}

.time-line-box ul li:last-child {
    margin-right: 40px;
}

.time-line-box ul li:nth-child(2n) {
    padding-top: 0;
}

.time-line-box ul li:nth-child(2n):after {
    top: auto;
    bottom: -51px;
    height: 76px;
    z-index: 2;
}

.time-line-box ul li:nth-child(2n) dt:after {
    left: -34px;
}

.time-line-box ul li:nth-child(2n) .layui-text {
    position: absolute;
    left: 0;
    bottom: 10px;
    border-left: #4dbbf1 3px solid;
}

.time-line-box ul .item-this:after {
    border-left: #4dbbf1 2px solid;
}

.time-line-box ul .item-this .layui-text {
    border-left: #4dbbf1 2px solid !important;
}

.product_nav {
    border-top: 1px solid #e5e5e5;
    border-bottom: none;
}


/* 商品详情页的产品展示轮播图 */

.slide_store {
    position: relative;
    margin: 0 auto;
    width: 500px;
    overflow: hidden;
}

.slide_store .big {
    position: relative;
    overflow: hidden;
    left: 0;
    top: 0;
}

.slide_store a {
    position: absolute;
    top: 220px;
    opacity: 0;
    z-index: 1000;
}

.slide_store .big li {
    float: left;
    width: 500px;
    position: relative;
}

.slide_store .big li img {
    width: 100%;
    margin: 0 auto;
}

.slide_store .prev {
    left: -10px;
}

.slide_store .next {
    right: -10px;
}

.slide_store .small {
    margin-top: 5px;
    width: 100% !important;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.slide_store .small li {
    float: left;
    margin-right: 5px;
    width: 121px;
    height: 121px;
    overflow: hidden;
    background: #000;
}

.slide_store .small li:last-child {
    margin-right: 0;
}

.slide_store .small li img {
    width: 100%;
    display: block;
    opacity: 0.5;
    height: 100%;
    vertical-align: middle;
}


/* 商品详情展示轮播图结束 */

.store {
    width: 100%;
    background-color: #fff;
    padding: 4rem 0 3rem 0;
}

.store_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.store_main {
    width: 40%;
}

.store_text {
    width: 54%;
    overflow: hidden;
}

.store_text h3 {
    font-size: 1.75rem;
    color: #222;
    font-weight: bold;
}

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

.store_tag h5 {
    color: #999;
    font-size: 1.125rem;
    margin-right: 1.5rem;
}

.store_lead {
    width: 96%;
    background-color: #f5f5f5;
    padding: 0.8rem 1rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 2rem;
}

.store_lead p {
    font-size: 1rem;
    color: #666;
    margin-left: 0.8rem;
    flex: 1;
}

.store_con .star_grade {
    margin-top: 1.5rem;
}

.product_wen {
    margin-top: 3rem;
}

.product_wen p {
    font-size: 1rem;
    color: #999;
    line-height: 1.8rem;
}

.store_control {
    margin-top: 3rem;
}

.store_control_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.store_control_num {
    font-size: 1.125rem;
    color: #999;
    margin-right: 0.8rem;
}

.store_carnum {
    padding: 0.3rem 1rem;
    border: 1px solid #e5e5e5;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15%;
}

.store_carnum input {
    border: none;
    outline: none;
    padding: 0.3rem;
    width: 48% !important;
    text-align: center;
}

.car_button {
    width: 48%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 1rem;
    cursor: pointer;
}

.car_add {
    font-size: 0.8rem;
    color: #222;
}

.car_current {
    color: #999;
    font-size: 0.8rem;
}

.store_button {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 3rem;
}

.jia_car {
    width: 35%;
    text-align: center;
    border-radius: 0.5rem;
    border: 1px solid #4dbbf1;
    color: #4dbbf1;
    font-size: 1.125rem;
    height: 4.4rem;
    line-height: 4.4rem;
    display: block;
    margin-right: 2rem;
}

.buy {
    width: 35%;
    text-align: center;
    border-radius: 0.5rem;
    border: 1px solid #4dbbf1;
    background-color: #4dbbf1;
    color: #fff;
    font-size: 1.125rem;
    height: 4.4rem;
    line-height: 4.4rem;
    display: block;
}

.hot {
    width: 100%;
    background-color: #fff;
}

.hot_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.hot_con h3 {
    color: #222;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 2rem;
}

.hot_con ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.hot_con li {
    position: relative;
    width: 24%;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    transition: all 0.3s;
}

.hot_con li:hover {
    border: 1px solid #4dbbf1;
    transition: all 0.3s;
}

.hot_con li a {
    display: block;
    padding: 1rem;
}

.hot_img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 100%;
}

.hot_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.hot_text {
    margin-top: 0.8rem;
}

.hot_text h4 {
    color: #222;
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.85rem;
    margin-bottom: 1rem;
    transition: all 0.3s;
    display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;
}

.hot_con li:hover h4 {
    color: #4dbbf1;
    transition: all 0.3s;
}

.hot .new_shop_tag {
    margin-top: 0.8rem;
}

.cate {
    width: 100%;
    background-color: #fff;
    padding: 3rem 0 0 0;
}

.cate_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 3rem;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}

.cate_add {
    width: 25%;
    float: left;
    overflow: hidden;
}

.cate_left {
    width: 70%;
    overflow: hidden;
    float: right;
}

.store_lead i {
    color: #999;
    font-size: 1.4rem;
}

.cate_tab {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 2rem;
}

.cate_tab p {
    font-size: 1.125rem;
    color: #fff;
    margin-right: 3rem;
    cursor: pointer;
    padding: 15px ;
    border: 2px solid #4dbbf1;
    background: #4dbbf1; font-weight: bold;
    transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;
}

.tab_current {
    
background-color: #fff !important;
color: #4dbbf1 !important;
   
    
}

.cate_li_images img {
    max-width: 100%;
    vertical-align: middle;
    display: block;
    margin: 0 auto 0 0;
}

.cate_li:nth-child(n+2) {
    display: none;
}

.good_rate {
    padding-top: 3rem;
    border-top: 1px solid #e5e5e5;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 2rem;
}

.rate_per p {
    font-size: 1rem;
    color: #666;
    margin-bottom: .05rem;
}

.rate_per span {
    font-size: 2rem;
    font-weight: bold;
    color: #4dbbf1;
}

.rate_per {
    padding-right: 2rem;
    border-right: 1px solid #e5e5e5;
    margin-right: 2.5rem;
}

.rate_tag {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.rate_tag p {
    font-size: 1rem;
    color: #666;
    margin: 0.5rem 2rem 0.5rem 0;
}

.ping li {
    padding-bottom: 1rem;
    border-bottom: 2px dotted #e5e5e5;
    margin-bottom: 2rem;
}

.ping li p {
    font-size: 1rem;
    line-height: 1.8rem;
    color: #666;
}

.ping_top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.ping_top i {
    font-style: normal;
    font-size: 0.8rem;
    color: #999;
}

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

.tou {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    text-align: center;
    line-height: 3.5rem;
    overflow: hidden;
    margin-right: 1rem;
}

.tou img {
    width: 100%;
    vertical-align: middle;
}

.ping_text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ping_text h3 {
    font-size: 1.125rem;
    color: #222;
    margin-bottom: 0.5rem;
}

.header_right a:hover {
    color: #4dbbf1;
}

.header_right a:hover p {
    color: #4dbbf1;
}

.header_right a:hover i {
    color: #4dbbf1;
}


/* 登录 */

.login {
    width: 100%;
    background: url(../images/login_banner.jpg ) no-repeat fixed;
    background-size: cover;
}

.login_back {
    width: 100%;
    vertical-align: middle;
    padding: 3rem 0;
}

.login_con {
    padding: 0 100px 0 0;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.login_icon{width: 63%;overflow: hidden;}
.login_icon img {
    width: 100%;
    vertical-align: middle;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.login_main {
    width: 35%;
    padding: 3rem;
    background-color: #fff;
    border-radius: 1rem;
}

.login_main img {
    max-width: 100%;
    vertical-align: middle;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.login_phone {
    margin-top: 5rem;
}

.login_phone input {
    border: none;
    outline: none;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    font-size: 1rem;
    color: #222;
    padding-bottom: 0.5rem;
}

.password {
    margin-top: 3rem;
    margin-bottom: 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 0.5rem;
}

.password input {
    border: none;
    outline: none;
    font-size: 1rem;
    color: #222;
    width: 90%;
    height: 2rem;
    line-height: 2rem;
    padding-bottom: 0.2rem;
}

.login_button {
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    background-color: #4dbbf1;
    border-radius: 2rem;
    color: #fff;
    text-align: center;
    border: none;
    outline: none;
    cursor: pointer;
}

.login_else {
    margin-top: 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.find_password {
    font-size: 1rem;
    color: #999;
}

.login_res {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.login_res p {
    font-size: 1rem;
    color: #999;
}

.login_res a {
    font-size: 1rem;
    color: #4dbbf1;
}

.password i {
    cursor: pointer;
    color: #999;
    font-size: 1.3rem;
}

.eye_open {
    display: none;
}

.yan {
    width: 100%;
    background-color: #fff;
    padding: 4rem 0 0 0;
    border-top: 1px solid #e5e5e5;
}

.yan_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 6rem;
    border-bottom: 1px solid #e5e5e5;
}

.yan_line {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 4rem auto;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
}

.line_circle {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 32%;
    overflow: hidden;
}

.line_circle span {
    display: block;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    font-size: 1rem;
    color: #666;
}

.line_circle p {
    font-size: 1.25rem;
    color: #222;
    margin-top: 1rem;
    text-align: center;
}

.line_dotted {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -3rem;
}

.line_dotted b {
    display: block;
    width: 10rem;
    border-bottom: 3px dotted #e5e5e5;
}

.line_dotted i {
    font-size: 1.8rem;
    color: #e5e5e5;
    font-weight: bold;
}

.yan_phone {
    max-width:800px;
    margin: 4rem auto 4rem auto;
    width: 100%;
    position: relative;
    transition: all 0.5s;
}

.yan_phone p {
    font-size: 1rem;
    color: #222;
    margin-bottom: 0.8rem;
}

.ni_p,
.mi,
.yan_mi {
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s;
}

.yan_o {
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s;
}

.yan_ma_o {
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s;
}

.chu {
    opacity: 1;
    position: absolute;
    top: -2rem;
    transition: all 0.5s;
}

.yan_phone input {
    border: none;
    outline: none;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    font-size: 1rem;
    color: #222;
}
.cartMain_hd .cartTop li{font-size: 18px;font-weight: bold;text-align: center;}
.yan_ma {
    max-width: 800px;
    margin: 0 auto 4rem auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    transition: all 0.5s;
}

.yan_ma p {
    font-size: 1rem;
    color: #222;
    margin-bottom: 0.8rem;
}

.yan_ma div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.yan_ma input {
    border: none;
    outline: none;
    border-bottom: 1px solid #e5e5e5;
    height: 3rem;
    line-height: 3rem;
    font-size: 1rem;
    color: #222;
    width: 55%;
}

.yan_ma button {
    display: block;
    width: 45%;
    border-bottom: 1px solid #4dbbf1;
    text-align: center;
    line-height: 2rem;
    height: 3rem;
    font-size: 1rem;
    color: #4dbbf1;
    cursor: pointer;
    border-top: none;
    border-left: none;
    border-right: none;
    outline: none;
    background: none;
    flex: 1;
    margin-left: 0.8rem;
}

.next_button {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    background-color: #4dbbf1;
    color: #fff;
    font-size: 1rem;
    display: block;
    border-radius: 0.5rem;
}

.yan_tag {
    max-width: 800px;
    width: 100%;
    margin: 2rem auto 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.yan_tag_right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.yan_tag_right p {
    font-size: 1rem;
    color: #999;
}

.yan_tag_right a {
    font-size: 1rem;
    color: #4dbbf1;
}

.yan_tag_left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

.yan_tag_left div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0.5rem;
    flex: 1;
    flex-wrap: wrap;
}

.yan_tag_left p {
    font-size: 1rem;
    color: #999;
}

.yan_tag_left a {
    font-size: 1rem;
    color: #4dbbf1;
}

input[type=checkbox] {
    outline: none;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    background-color: #f00 !important;
    color: #4dbbf1 !important;
}

.again {
    margin-bottom: 5rem;
}

.yan_success {
    max-width: 1200px;
    width: 100%;
    margin: 6rem auto 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.yan_success h3 {
    font-size: 1.9rem;
    font-weight: bold;
    color: #4dbbf1;
    margin-bottom: 1.5rem;
    text-align: center;
}

.yan_success p {
    font-size: 1rem;
    color: #999;
}

.attention {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4rem;
}

.attention span {
    font-size: 1rem;
    color: #666;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.attention b {
    font-size: 1rem;
    color: #4dbbf1;
    margin: 0 0.3rem;
}

.attention a {
    color: #4dbbf1;
    font-size: 1rem;
    font-weight: bold;
    margin-left: 1rem;
}

.back_login {
    font-size: 1rem;
    color: #4dbbf1;
    font-weight: bold;
    margin-top: 3rem;
}
.header_person i{font-size: 36px;color: #4dbbf1;}
.header_person{margin-left: 40px;cursor: pointer;display: block;}
.contactwei{display: flex;flex-direction: column;}
.all_order {
    width: 100%;
    background-color: #fff;
    padding: 3rem 0 0 0;
}

.all_order_con {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding-bottom: 6rem;
    border-bottom: 1px solid #e5e5e5;
}

.all_order_main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.all_order_nav {
    width: 24.5%;
    overflow: hidden;
    background-color: #fafafa;
    padding: 2rem 0;
}

.all_order_title {
    margin-bottom: 2rem;
    padding: 0 1rem;
}

.all_order_title div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #e5e5e5;
}

.all_order_title h3 {
    color: #222;
    font-size: 1.5rem;
    font-weight: bold;
    margin-left: 0.3rem;
}

.all_order_nav li a {
    font-size: 1.25rem;
    color: #222;
    padding: 1rem 0;
    width: 100%;
    display: block;
    padding-left: 2rem;
    border-left: 5px solid transparent;
    transition: all 0.3s;
}

.all_order_nav li a:hover {
    background-color: #fff;
    transition: all 0.3s;
    border-left: 5px solid #4dbbf1;
    padding-left: 3rem;
    color: #4dbbf1;
}

.all_order_nav li {
    margin: 1rem 0;
}

.all_current a {
    background-color: #fff;
    border-left: 5px solid #4dbbf1 !important;
    padding-left: 3rem !important;
    color: #4dbbf1 !important
}

.all_order_box {
    width: 73%;
    overflow: hidden;
}

.all_order_tag {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.all_order_tag p {
    font-size: 1rem;
    color: #222;
    font-weight: bold;
    cursor: pointer;
    padding: 0.6rem 2rem;
    border-radius: 0.3rem;
    margin-right: 3rem;
}

.order_current {
    background-color: #4dbbf1;
    color: #fff !important;
    transition: all 0.3s;
}

.order_card_list li {
    margin-bottom: 2rem;
    border: 1px solid #e5e5e5;
}

.bian {
    background-color: #fafafa;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
}

.bian p {
    font-size: 1rem;
    color: #222;
}

.bian span {
    font-size: 1rem;
    color: #999;
}

.order_pro {
    padding: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.jie {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 35%;
    position: relative;
    overflow: hidden;
}

.jie_img {
    width: 25%;
    overflow: hidden;
    border-radius: 0.5rem;
    position: relative;
    height: 0;
    padding-top: 26%;
}

.jie_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.jie_text p {
    font-size: 1.25rem;
    color: #222;
    font-weight: bold;
    line-height: 1.8rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.jie_text {
    margin-left: 1rem;
    width: 70%;
    overflow: hidden;
}

.s_price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 2.5rem;
    border-left: 1px solid #e5e5e5;
}

.s_price b {
    font-size: 1.25rem;
    color: #222;
    margin-bottom: 0.5rem;
}

.s_price p {
    font-size: 1rem;
    color: #999;
}

.price_button {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 2rem;
    border-left: 1px solid #e5e5e5;
}

.price_button button {
    border: none;
    outline: none;
    padding: 0 1.5rem;
    text-align: center;
    color: #fff;
    background-color: #4dbbf1;
    border-radius: 0.3rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1rem;
    cursor: pointer;
}

.price_button .order_x {
    font-size: 1rem;
    color: #4dbbf1;
    margin: 0.4rem 0;
}

.order_t {
    font-size: 1rem;
    color: #999;
}

.order_pro span {
    display: block;
    width: 0.1rem;
    height: 5rem;
    background-color: #e5e5e5;
}

.all_order_title i {
    color: #4dbbf1;
    font-size: 2.5rem;
    margin-right: 0.2rem;
}

.all_order_list .all_order_li:nth-child(n+2) {
    display: none;
}
.search_list .all_order_li:nth-child(n+2) {
    display: none;
}
.tui h3 {
    font-size: 1.25rem;
    color: #222;
    font-weight: bold;
    margin-bottom: 0.8rem;
}

.tui ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tui ul::after {
    content: "";
    width: 24%;
    overflow: hidden;
}

.tui li {
    width: 24%;
    overflow: hidden;
    position: relative;
    border: 1px solid #e5e5e5;
}

.tui_img {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 100%;
    border-radius: 1rem;
}

.tui_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.tui li:hover h3 {
    color: #4dbbf1;
}

.tui_text {
    margin-top: 0.8rem;
    padding: 0.3rem;
}

.tui_text h3 {
    font-size: 1.125rem;
    color: #222;
    line-height: 1.7rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.di .ll_dizhi_tabletitle {
    border-top: 1px solid #e5e5e5;
}

.di {
    width: 100%;
    border: 1px solid #e5e5e5;
    margin-bottom: 3rem;
}

.di_title {
    padding: 1rem 2rem;
    background-color: #fafafa;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.di_title h3 {
    font-size: 1.25rem;
    color: #222;
}

.di_title i {
    color: #4dbbf1;
    font-size: 2rem;
    margin-right: 0.3rem;
}

.di_content {
    padding: 3rem 0;
    margin: 0 auto;
}

.di_tag {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
}

.di_tag p {
    font-size: 1rem;
    color: #666;
}

.di_tag a {
    font-size: 1rem;
    display: block;
    color: #4dbbf1;
    margin: 0 0.3rem;
}

.add_di {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20%;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    background-color: #4dbbf1;
    border-radius: 0.3rem;
    margin: 0 auto;
}

.add_di i {
    font-size: 1.5rem;
    margin-left: 1rem;
}

.wu {
    margin: 3rem 0;
    width: 100%;
    border: 1px solid #e5e5e5;
}

.wu_title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #fafafa;
    padding: 1rem 2rem;
}

.wu_title h3 {
    font-size: 1.25rem;
    color: #222;
    margin-left: 0.5rem;
}

.wu_con {
    padding: 2rem;
    padding-bottom: 0;
    overflow: hidden;
}

.wu_con li {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px dotted #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wu_con li a {
    width: 100%;
    display: block;
}

.wu_con .wu_left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.wu_img {
    width: 15%;
    border-radius: 0.5rem;
    overflow: hidden;
    text-align: center;
    margin-right: 1rem;
    position: relative;
    height: 0;
    padding-top: 15%;
    border: 1px solid #e5e5e5;
}

.wu_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.wu_con .confirm {
    border: none;
    outline: none;
   padding: 5px 10px;
    text-align: center;
    border: 1px solid #e5e5e5;
    font-size: 1rem;
    color: #666;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.3s;
}

.wu_con .confirm:hover {
    background-color: #4dbbf1;
    border: 1px solid #4dbbf1;
    color: #fff;
    transition: all 0.3s;
}

.wu_text {
    width: 100%;
    flex: 1;
    overflow: hidden;
}

.wu_text h3 {
    color: #222;
    font-weight: bold;
    font-size: 1.25rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.wu_text span {
    margin-right: 1rem;
}

.wu_text .btns {
    border: none;
    outline: none;
    background: none;
    padding: 0;
    margin: 0;
    font-weight: bold;
    cursor: pointer;
    color: #999;
}

.wu_text input {
    border: none;
    outline: none;
    background-color: none;
    font-size: 1rem;
    color: #999;
}

.wu_text p {
    font-size: 1rem;
    color: #666;
    margin: 1rem 0;
}

.wu_text div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wu_text span {
    font-size: 1rem;
    color: #666;
}

.more {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3rem;
    cursor: pointer;
}

.more p {
    font-size: 1rem;
    color: #666;
}

.wu_title i {
    font-size: 2rem;
    color: #4dbbf1;
}

.wu_text i {
    font-size: 1rem;
    color: #999;
    margin-left: 1rem;
    font-weight: bold;
}

.more i {
    color: #666;
    margin-right: 1rem;
}

.person_top {
    width: 100%;
}

.person_show {
    background-color: #fafafa;
    padding: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.person_show_left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1;
}

.person_tou {
    width: 7rem;
    height: 7rem;
    line-height: 7rem;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    border: 3px solid #fff;
    margin-right: 2rem;
}

.person_tou img {
    width: 100%;
    vertical-align: middle;
}

.person_show_left h3 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #222;
    margin-bottom: 1rem
}

.person_show_left p {
    font-size: 1rem;
    color: #666;
}

.person_show button {
    border: none;
    outline: none;
    padding: 0.8rem 2rem;
    border-radius: 0.3rem;
    border: 1px solid #ccc;
    border-radius: 0.3rem;
    font-size: 1rem;
    color: #666;
    text-align: center;
    background-color: #fafafa;
    cursor: pointer;
}

.person_number {
    padding: 2rem 3rem;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

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

.person_number li  a{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.person_number b {
    font-size: 1.75rem;
    color: #4dbbf1;
    margin-bottom: 0.3rem;
}

.person_number p {
    font-size: 1.125rem;
    color: #222;
}

.car {
    width: 100%;
    background-color: #fff;
    padding: 3rem 0 0 0;
}

.car_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 6rem;
    border-bottom: 1px solid #e5e5e5;
}

.car_top {
    width: 100%;
    background-color: #fafafa;
    padding: 1rem 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 2rem;
}

.car_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fafafa;
    margin-top: 3rem;
}

.car_bottom_left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 30%;
}

.car_bottom_right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 70%;
}

.car_bottom_right button {
    border: none;
    outline: none;
    background: none;
    width: 17%;
    display: block;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    cursor: pointer;
    background-color: #4dbbf1;
}

.car_list li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 3rem;
    position: relative;
    overflow: hidden;
}

.car_text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.car_text_top {
    display: flex;
    justify-content: space-between;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
}

.car_text_bottom {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

.car_text_bottom p {
    font-size: 1rem;
    color: #222;
    margin-right: 4rem;
}

.car_text_top a {
    font-size: 1.25rem;
    font-weight: bold;
    color: #222;
    font-weight: bold;
    line-height: 1.8rem;
}

.car_text_top p {
    color: #4dbbf1;
    font-size: 1.125rem;
    font-weight: bold;
}

.car_text_top b {
    font-size: 1.6rem;
    color: #4dbbf1;
}

.car_img img {
    width: 100%;
    vertical-align: middle;
}

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

.car_list_left input {
    margin-right: 3rem;
}

.car_img {
    margin-right: 2rem;
}

.car_bottom_left p {
    font-size: 1rem;
    color: #222;
    margin: 0 4rem;
    cursor: pointer;
}

.car_bottom_right p {
    font-size: 1rem;
    color: #222;
}

.car_bottom_right b {
    font-size: 1rem;
    color: #4dbbf1;
    margin: 0 0.8rem;
}

.car_bottom_right span {
    font-size: 1rem;
    color: #222;
    display: block;
    margin: 0 4rem;
}

.car_bottom_right i {
    font-size: 1rem;
    color: #4dbbf1;
    font-style: normal;
    font-weight: bold;
}

.quit_mo {
    display: none;
}


/* 重写 */

.ll_nav {
    width: 100%;
    background-color: #fff;
    padding-top: 2rem;
}

.ll_nav_con {
    max-width: 1700px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.ll_nav_list ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ll_nav_list li {
    margin-left: 3.5rem;
    height: 5rem;
    line-height: 5rem;
    transition: all 0.3s;
    text-align: center;
    border-bottom: 4px solid transparent;
}

.ll_nav_list li a {
    font-size: 1.125rem;
    color: #222;
    transition: all 0.3s;
}

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

.ll_nav_button ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ll_nav_button li {
    margin-left: 3rem;
}

.ll_login {
    padding: 0.5rem 2rem;
    color: #fff;
    font-size: 1rem;
    background-color: #4dbbf1;
    text-align: center;
    border-radius: 0.5rem;
}

.ll_register {
    padding: 0.5rem 2rem;
    border: 1px solid #4dbbf1;
    color: #4dbbf1;
    font-size: 1rem;
    text-align: center;
    border-radius: 0.5rem;
}

.ll_nav_list li:hover {
    border-bottom: 4px solid #4dbbf1;
    color: #4dbbf1;
    transition: all 0.3s;
}

.ll_nav_list li:hover a {
    color: #4dbbf1;
    transition: all 0.3s;
}

.show_wai {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    display: none;
}

.show_main_box {
    max-width: 1200px;
    width: 100%;
    background-color: #fff;
    border-radius: 0.5rem;
    padding: 3rem 2rem 3rem 3rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}

.nei p {
    font-size: 1rem;
    color: #222;
    line-height: 1.8rem;
    height: 600px;
    overflow-y: scroll;
    margin-top: 5rem;
}

.nei_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 1rem;
    left: 3rem;
    width: 94%;
    padding-bottom: 1rem;
    margin: 0 auto 2rem auto;
    background-color: #fff;
    z-index: 9999;
}

.nei_title h3 {
    font-size: 1.5rem;
    color: #222;
    font-weight: bold;
}

.nei_title span {
    font-size: 3rem;
    color: #4dbbf1;
    cursor: pointer;
    margin-right: 2rem;
}

.ll_new {
    width: 100%;
    background-color: #fff;
    padding: 3rem 0 0 0;
}

.ll_new_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.ll_new_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ll_new_list ul::after {
    content: "";
    width: 48%;
    overflow: hidden;
}

.ll_new_list li {
    width: 48%;
    overflow: hidden;
    margin-bottom: 2rem;
    position: relative;
}

.ll_new_list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ll_new_img {
    width: 30%;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 20%;
}

.ll_new_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.ll_new_text {
    width: 65%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ll_new_text span {
    font-size: 1.125rem;
    color: #222;
    font-family: "方正清刻本悦宋简体";
}

.ll_new_text h3 {
    font-size: 1.5rem;
    color: #222;
    font-family: "方正清刻本悦宋简体";
    margin: 1rem 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.ll_new_text p {
    font-size: 1rem;
    color: #222;
    line-height: 1.8rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family: "方正清刻本悦宋简体";
}

.ll_new_list li:hover h3 {
    color: #4dbbf1;
}

.ll_new_list_button {
    width: 15%;
    height: 3rem;
    line-height: 3rem;
    font-size: 1rem;
    color: #999;
    text-align: center;
    border: 1px solid #999;
    display: block;
    margin: 3rem auto;
    transition: all 0.3s;
}

.ll_new_list_button:hover {
    background-color: #4dbbf1;
    border: 1px solid #4dbbf1;
    color: #fff;
    transition: all 0.3s;
}

.ll_hot {
    padding: 3rem 0;
    width: 100%;
    background-color: #fff;
}

.ll_hot_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.ll_hot_tab ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ll_hot_tab li {
    margin: 0 0.5rem;
}

.ll_hot_tab li a {
    padding: 0.5rem 1rem;
    border: 1px solid #e5e5e5;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    color: #999;
    transition: all 0.3s;
}

.ll_hot_tab li:hover a {
    background-color: #4dbbf1;
    border: 1px solid #4dbbf1;
    color: #fff;
    transition: all 0.3s;
}

.ll_current a {
    background-color: #4dbbf1;
    border: 1px solid #4dbbf1 !important;
    color: #fff !important;
    transition: all 0.3s;
}

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

.ll_hot_list li {
    width: 24%;
    overflow: hidden;
    position: relative;
}

.ll_hot_list_img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 100%;
    border-radius: 1rem;
}

.ll_hot_list_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.ll_hot_list_text {
    margin-top: 1rem;
}

.ll_hot_list_text h3 {
    font-size: 1.25rem;
    color: #222;
    font-family: "方正清刻本悦宋简体";
    line-height: 1.8rem;
    margin-bottom: 1.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ll_hot_list li:hover h3 {
    color: #4dbbf1;
}

.ll_banner img {
    width: 100%;
    display: block;
    vertical-align: middle;
}

.ll_about {
    width: 100%;
    background-color: #fafafa;
}

.ll_about_con {
    max-width: 1660px;
    width: 100%;
    margin: 0 auto;
    background: url(../images/img36.png) no-repeat;
    padding: 6rem 0;
    vertical-align: middle;
    background-size: auto 100%;
}

.ll_about_text {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}

.ll_about_text h3 {
    font-size: 2rem;
    color: #222;
    font-family: "方正清刻本悦宋简体";
    writing-mode: tb-rl;
    margin: 0 1rem;
}

.ll_about_title {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ll_about_title h4 {
    font-size: 2rem;
    color: #222;
    font-family: "方正清刻本悦宋简体";
    writing-mode: tb-rl;
    margin-bottom: 1rem;
}

.ll_about_wen {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 0 3rem;
}

.ll_about_wen P {
    font-size: 1.25rem;
    color: #666;
    font-family: "方正清刻本悦宋简体";
    writing-mode: tb-rl;
    line-height: 2.5rem;
}

.ll_brand {
    width: 100%;
    background-color: #fafafa;
    margin-bottom: -3rem;
    /* padding-bottom: 3rem; */
}

.ll_brand_con {
    max-width: 1660px;
    width: 100%;
    margin: 0 auto 0 auto;
}

.ll_brand_con img {
    width: 100%;
    vertical-align: middle;
}

.ll_jia {
    width: 100%;
    background-color: #fff;
    padding: 8rem 0 3rem 0;
}

.ll_jia_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}

.ll_jia_text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ll_jia_text h3 {
    font-size: 1.125rem;
    color: #222;
    line-height: 1.85rem;
}

.ll_jia_text h4 {
    font-size: 1.125rem;
    color: #222;
    font-weight: bold;
    margin: 1rem 0 2rem 0;
}

.ll_jia_tel {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.ll_jia_tel div p {
    font-size: 1rem;
    color: #4dbbf1;
    margin-bottom: 0.5rem;
}

.ll_jia_tel div span {
    font-size: 1.5rem;
    font-weight: bold;
    color: #4dbbf1;
}

.ll_rong {
    background: url(../images/img39.jpg) 50% 50% no-repeat;
    background-size: 100%;
    padding: 5rem 4rem;
}

.ll_rong_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.ll_rong_left .new_shop_title_left h3 {
    color: #fff !important;
}

.ll_rong_left .new_shop_title_left p {
    color: #fff !important;
}

.ll_rong_left .new_shop_title_left span {
    background-color: #fff !important;
}

.ll_rong_left a {
    display: block;
    padding: 1rem 1.5rem;
    border: 1px solid #fff;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    width: 45%;
}

.ll_rong_left a:hover {
    background-color: #fff;
    color: #4dbbf1;
}

.ll_rong_main {
    background-color: #fff;
    width: 70%;
    overflow: hidden;
}

.ll_rong_box {
    padding: 4rem;
    display: flex;
    justify-content: space-between;
}

.ll_rong_box_left {
    width: 60%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ll_rong_box_right {
    width: 30%;
    overflow: hidden;
}

.ll_rong_box_right img {
    width: 100%;
    vertical-align: middle;
}

.ll_rong_box_left h3 {
    font-size: 1.5rem;
    color: #222;
    margin-bottom: 1.5rem;
    text-align: left;
}

.ll_rong_box_left p {
    font-size: 1rem;
    color: #222;
    line-height: 1.8rem;
    text-align: left;
}

.ll_banner {
    position: relative;
}

.ll_wen {
    position: absolute;
    bottom: 1rem;
    left: 0;
    z-index: 999;
    width: 100%;
}

.ll_wen_con {
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    line-height: 120px;
}

.ll_wen_left {
    width: 85%;
    overflow: hidden;
    height: 120px;
    line-height: 120px;
    background-color: #fff;
    border-radius: 0.5rem 0 0 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ll_wen_right {
    width: 13%;
    height: 120px;
    line-height: 120px;
    overflow: hidden;
    background: url(../images/img40.jpg) no-repeat;
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 0 0.5rem 0.5rem 0;
    cursor: pointer;
}

.ll_left_ti {
    display: flex;
    flex-direction: column;
    margin-left: 3rem;
    align-items: flex-start;
}

.ll_left_ti h3 {
    font-size: 1.5rem;
    color: #222;
    margin-bottom: 1.2rem;
    height: 1rem;
    font-family: "方正清刻本悦宋简体";
}

.ll_left_ti p {
    font-size: 1rem;
    color: #222;
    font-family: "方正清刻本悦宋简体";
}

.ll_input {
    width: 70%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ll_input input {
    border: none;
    outline: none;
    border: 1px solid #e5e5e5;
    border-radius: 0.5rem;
    color: #222;
    font-size: 1rem;
    display: block;
    height: 60px;
    width: 48%;
    line-height: 60px;
    margin-right: 3rem;
    padding-left: 0.8rem;
}

.ll_jia_tel i {
    font-size: 2rem;
    font-weight: bold;
    color: #4dbbf1;
    margin-right: 0.8rem;
}

.cave {
    width: 100%;
    background-color: #fff;
    padding: 3rem 0;
}

.cave_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.cave_main img {
    width: 100%;
    vertical-align: middle;
}

.cave_main {
    position: relative;
}

.cave_box {
    position: absolute;
    top: 0;
    right: 0;
    width: 37%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.cave_box_con {
    padding: 3rem 0 3rem 3rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.cave_box_con h3 {
    color: #fff;
    font-size: 1.5rem;
    font-family: "方正清刻本悦宋简体";
    line-height: 2.3rem;
}

.cave_box_con span {
    width: 99%;
    text-align: right;
    height: 0.05rem;
    background-color: #fff;
    display: block;
    margin: 2rem 0 0 auto;
    float: right;
}

.cave_box_con p {
    font-size: 1rem;
    color: #fff;
    font-family: "方正清刻本悦宋简体";
    line-height: 2rem;
    margin-top: 2rem;
    margin-right: 3rem;
    text-align: left;
}

.cave_box_con a {
    display: block;
    border: 1px solid #fff;
    font-size: 1rem;
    color: #fff;
    padding: 0.8rem 1.5rem;
    width: 30%;
    margin-top: 2rem;
    transition: all 0.3s;
}

.cave_box_con a:hover {
    background-color: #fff;
    color: #4dbbf1;
    transition: all 0.3s;
}

.cave_con {
    position: relative;
}

.cave_Swiper {
    background-color: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 44%;
    height: auto;
    position: absolute !important;
    bottom: 0;
    right: 0;
}

.cave_Swiper .swiper-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.cave_Swiper .swiper-slide {
    width: auto !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-right: 0 !important;
    cursor: pointer;
}

.cave_button {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 2rem;
}

.cave_btns {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #666;
    color: #666;
    margin-bottom: 1rem;
}

.cave_btns i {
    font-size: 2rem !important;
}

.cave_button p {
    font-size: 1rem;
    color: #666;
    font-family: "方正清刻本悦宋简体";
}

.cave_Swiper .swiper-slide-thumb-active .cave_btns {
    background-color: #4dbbf1;
    border: 1px solid #4dbbf1;
    color: #fff;
}

.cave_Swiper .swiper-slide-thumb-active .cave_button {
    background-color: #faebec;
}

.cave_Swiper .swiper-slide-thumb-active .cave_button p {
    color: #4dbbf1;
}

.yan_tag_left input[type="checkbox"] {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 0.5rem;
}

.mima_ti {
    display: flex;
    justify-content: flex-start;
    max-width: 1200px;
    width: 100%;
    align-items: center;
    margin: 0 auto;
}

.mima_ti span {
    font-size: 1rem;
    color: #4dbbf1;
}

.mima_ti p {
    margin-left: 1rem;
    font-size: 1rem;
    color: #222;
}

.pay_success {
    width: 100%;
    padding: 4rem 0 0 0;
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
}

.pay_success_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 6rem;
    border-bottom: 1px solid #e5e5e5;
}

.pay_box {
    padding: 4rem;
    background-color: #f1f1f1;
}

.pay_top {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e5e5e5;
}

.pay_top i {
    font-size: 4rem;
    font-weight: bold;
    color: #4dbbf1;
}

.pay_text {
    margin-left: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.pay_text h3 {
    font-size: 1.5rem;
    color: #222;
    margin-bottom: 1.5rem;
    font-weight: bold;
}

.pay_text p {
    font-size: 1rem;
    color: #222;
}

.pay_text div {
    /* display: flex;
    justify-content: flex-start;
    align-items: center; */
    margin: 0.8rem 0;
}

.pay_text span {
    font-size: 1rem;
    color: #222;
}
.ordercon {
    width: 100%;
    background-color: #fff;
    padding: 4rem 0;
}

.ordercons {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.ordercon .heji {
    margin-right: 3rem;
}

.ordercon_title {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 3rem;
}

.ordercon_title b {
    font-size: 2rem;
    color: #222;
    margin-bottom: -0.5rem;
    margin-right: 0.5rem;
}

.ordercon_title h6 {
    font-size: 1rem;
    color: #222;
}

.ordercon_xin li {
    margin-bottom: 4rem;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 2rem;
}

.ordercon_xin li h3 {
    font-size: 1.25rem;
    color: #222;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.ordercon_xin li p {
    font-size: 1rem;
    color: #222;
    margin: 0.8rem 0;
}

.ordercon_price {
   
    overflow: hidden;
    margin: 0 0 0 auto;
}

.ordercon_price li {
    margin: 1rem 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ordercon_price p {
    font-size: 1rem;
    color: #222;
}

.ordercon_price b {
    color: #4dbbf1;
    display: block;
    font-size: 1.125rem;
}

.ordercon_btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 3rem;
}

.ordercon_confirm {
    padding: 10px 30px;
    text-align: center;
    border-radius: 0.5rem;
    background-color: #4dbbf1;
    color: #fff;
    font-size: 1rem;
    display: block;
    margin-right: 3rem;
}

.ordercon_kefu {
    padding: 10px 30px;
    text-align: center;
    border-radius: 0.5rem;
    background-color: #fff;
    border: 1px solid #4dbbf1;
    color: #4dbbf1;
    font-size: 1rem;
    display: block;
}

.a_list_one:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.ordercon_xin li:last-child {
    margin-bottom: 2rem;
}


.pay_text a {
    color: #4dbbf1;
    font-size: 1rem;
    margin: 0 0.5rem;
    font-weight: bold;
}

.pay_button {
    margin-top: 3rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.nowpaygo .pay_button {
    margin-top: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.look_order {
    padding: 15px 30px;
    text-align: center;
    background-color: #4dbbf1;
    border-radius: 0.5rem;
    color: #fff;
    font-size: 1rem;
    margin-right: 1.5rem;
}

.back_index {
    /* width: 15%;
    height: 3rem;
    line-height: 3rem; */
    padding: 15px 30px;
    text-align: center;
    border: 1px solid #4dbbf1;
    border-radius: 0.5rem;
    color: #4dbbf1;
    font-size: 1rem;
}

.zhi {
    padding: 4rem;
    background-color: #f1f1f1;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.zhi i {
    font-size: 4rem;
    font-weight: bold;
    color: #4dbbf1;
    margin-right: 2rem;
}

.zhi_text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.zhi_time {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 2rem;
}

.zhi_time span {
    font-size: 1.5rem;
    color: #222;
    font-weight: bold;
}

.zhi_time b {
    font-size: 1.5rem;
    color: #4dbbf1;
    margin: 0 0.5rem;
}

.zhi_text p {
    font-size: 1rem;
    color: #666;
    margin-bottom: 1rem;
}

.zhi_price {
    margin: 4rem auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zhi_price p {
    font-size: 1rem;
    color: #666;
}

.zhi_price span {
    font-size: 1.8rem;
    font-weight: bold;
    color: #4dbbf1;
}

.zhi_ma {
    margin: 0 auto;
}

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

.zhi_ma li {
    display: flex;
    flex-direction: column;
    align-self: center;
    width: 20%;
    overflow: hidden;
    margin: 0 5rem;
}

.zhi_ma img {
    width: 100%;
    vertical-align: middle;
}

.zhi_way {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zhi_way p {
    font-size: 1.125rem;
    margin-left: 0.5rem;
    color: #222;
}

.zhi_way i {
    font-size: 2rem;
}

.ll_di {
    width: 73%;
    overflow: hidden;
}

.ll_di_title {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 2rem;
}

.ll_di_title h3 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #4dbbf1;
    height: 3rem;
    border-bottom: 2px solid #4dbbf1;
    width: 50%;
    text-align: center;
}

.ll_di_box li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 3rem;
}

.ll_di_box p {
    font-size: 1rem;
    color: #222;
    width: 13%;
}

.ll_di_box input {
    width: 65%;
    height: 3rem;
    line-height: 3rem;
    border-radius: 0.5rem;
    border: none;
    outline: none;
    border: 1px solid #e5e5e5;
    padding-left: 0.8rem;
    font-size: 1rem;
    color: #222;
}

.ll_di_choose {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 13%;
}

.ll_di_choose p {
    font-size: 1rem;
    color: #222;
    font-weight: bold;
    margin-left: 0.8rem;
}

.ll_di_button {
    width: 25%;
    border: none;
    outline: none;
    margin-top: 5rem;
    height: 3rem;
    line-height: 3rem;
    background-color: #4dbbf1;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    border-radius: 0.5rem;
    margin-left: 13%;
    cursor: pointer;
}

.ll_tui_top {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 2rem;
    margin-top: 1rem;
}

.ll_tui_top i {
    font-size: 4rem;
    color: #4dbbf1;
    font-weight: bold;
    margin-right: 2rem;
}

.ll_tui_top_text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.ll_tui_top_text h3 {
    font-size: 1.5rem;
    color: #222;
    margin-bottom: 0.5rem;
}

.ll_tui_top_text h4 {
    font-size: 1rem;
    color: #222;
}

.tui_shuo {
    width: 100%;
    background-color: #fafafa;
    margin: 1.5rem 0;
}

.tui_shuo ul {
    padding: 1rem;
}

.tui_shuo li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.tui_shuo li span {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #999;
    margin-right: 0.5rem;
}

.tui_shuo p {
    font-size: 1rem;
    color: #666;
    margin: 0.5rem 0;
    flex: 1;
}

.ll_tui_button {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.ll_online {
    width: 20%;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    border-radius: 0.5rem;
    background-color: #4dbbf1;
    font-size: 1rem;
    color: #fff;
    margin-right: 1rem;
    display: block;
}

.ll_shen {
    width: 20%;
    height: 3rem;
    display: block;
    line-height: 3rem;
    text-align: center;
    border-radius: 0.5rem;
    border: 1px solid #4dbbf1;
    font-size: 1rem;
    color: #4dbbf1;
    margin-right: 1rem;
}

.ll_tui_bottom h3 {
    font-size: 1.75rem;
    color: #222;
    font-weight: bold;
    margin-bottom: 2rem;
}

.ll_tui_xin {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 2rem;
}

.ll_tui_xin_img {
    width: 100px;
    height: 100px;
    border-radius: 0.5rem;
    overflow: hidden;
}

.ll_tui_xin_img img {
    width: 100%;
    vertical-align: middle;
}

.ll_tui_xin_text {
    margin-left: 1.5rem;
}

.ll_tui_xin_text h4 {
    font-size: 1.25rem;
    color: #222;
    margin-bottom: 2rem;
}

.ll_tui_xin_text p {
    font-size: 1rem;
    color: #666;
}

.yuan {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.yuan span {
    font-size: 1rem;
    color: #222;
    margin-bottom: 2rem;
}

.yuan_tu ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.yuan_tu li {
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    border-radius: 0.5rem;
    margin-right: 1.5rem;
    overflow: hidden;
}

.yuan_tu li img {
    width: 100%;
    vertical-align: middle;
}


/* 复选框样式 */

.yan_tag_left input[type="checkbox"]+label {
    cursor: pointer;
    font-size: 1rem;
}

.yan_tag_left [id^="checkbox-1"]+label {
    background-color: #ffffff;
    border: 1px solid #666666;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    width: 1.2rem;
    height: 1.2rem;
    line-height: 0.8rem;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    outline: none;
}

.yan_tag_left [id="checkbox-1"]:checked+label {
    border: 1px solid #4dbbf1 !important;
}

.yan_tag_left [id="checkbox-1"]:checked+label::after {
    font-family: "iconfont" !important;
    content: "\eaf1";
    height: 1.3rem;
    line-height:0.8rem;
    color: #4dbbf1;
}

.ll_dizhi_tabletitle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1.5rem 1.5rem;
    background-color: #fafafa;
}

.ll_dizhi_tabletitle p {
    font-size: 1rem;
    color: #222;
    width: 25%;
    text-align: center;
}

.ll_dizhi_list ul {
    width: 100%;
}

.ll_dizhi_list li {
    width: 100%;
}

.ll_dizhi_list_box {
    padding: 1.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.ll_dizhi_list p {
    font-size: 1rem;
    color: #222;
    width: 17%;
    text-align: center;
}

.ll_dizhi_list li .edit_bun {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15%;
}

.ll_dizhi_list li .edit_bun span {
    font-size: 1rem;
    color: #222;
    cursor: pointer;
}

.ll_dizhi_list li .edit_bun b {
    display: block;
    width: 1px;
    height: 1rem;
    margin: 0 0.8rem;
    background-color: #222;
}

.ll_dizhi_list li button {
    border: none;
    outline: none;
    background: none;
    font-size: 1rem;
    color: #666;
    cursor: pointer;
    padding: 0.5rem 0;
    border-radius: 0.5rem;
    border: 1px solid transparent;
}

.mo_btn {
    width: 12%;
    margin-left: 1rem;
}

.ll_dizhi_list li:nth-child(even) {
    background-color: #fafafa;
}

.ll_dizhi_list li .mo_current {
    background-color: #fcdee1;
    border: 1px solid #4dbbf1;
    color: #4dbbf1;
}

.xinzeng {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20%;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    color: #fff;
    margin: 3rem auto 0 auto;
    background-color: #4dbbf1;
    border-radius: 0.5rem;
}

.xinzeng p {
    font-size: 1rem;
    margin-right: 0.5rem;
}

.lw_list li {
    margin-bottom: 3rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #ccc;
}

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

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

.lw_left_text h3 {
    font-size: 1.25rem;
    color: #222;
    margin-bottom: 0.5rem;
}

.lw_left_text p {
    font-size: 1rem;
    color: #666;
}

.lw_title span {
    font-size: 1rem;
    color: #999;
}

.lw_minepin {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 1.5rem 0;
    padding-bottom: 1rem;
    border-bottom: 1px dotted #e5e5e5;
}

.lw_minepin span {
    font-size: 1rem;
    color: #666;
    display: inline-block;
    margin-right: 0.8rem;
    line-height: 1.8rem;
}

.lw_minepin p {
    font-size: 1rem;
    color: #666;
    line-height: 1.8rem;
    flex: 1;
}

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

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

.lw_star span {
    font-size: 1rem;
    color: #666;
    margin-right: 0.8rem;
}

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

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

.lw_tag_li {
    margin-left: 3rem;
}

.lw_tag_li p {
    font-size: 1rem;
    color: #666;
    margin-left: 0.8rem;
}

.lw_tag_li i {
    color: #666;
}

.lw_left_img {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 0.5rem;
    overflow: hidden;
    margin-right: 1rem;
}

.lw_left_img img {
    width: 100%;
    vertical-align: middle;
}

.cate_li_list_p {
    margin: 1rem 0 3rem 0;
}
.guige1 {width: 67%;overflow: hidden;}
.guige2{width: 29%;overflow: hidden;}
.guigeproduct .addcarbutton{margin-top: 30px;}
.guigeproduct_up_maincard h2{word-break: break-all;word-wrap: break-word;text-align: center;}
.guigeproduct_open{display: none;}
.guigeproduct_open .table_wrap table tr:nth-child(odd) {background-color: #fff !important;}
.guigeproduct_open .table_wrap table tr:first-child {background-color: #e7f5ff !important;}
.guigeproduct_open_box td{width: 10%;}
.spinner{display: flex;justify-content: center;align-items: center;border: 1px solid #e5e5e5;margin: 0 auto;}
.spinner .decrease{ width: 25%; border: none;background-color: #f1f1f1;padding: 0 15px;font-size: 40px;}
.spinner .increase{width: 25%; border: none;background-color: #f1f1f1;padding: 0 15px;font-size: 40px;}
  .guigeproduct{border-bottom: 1px solid #e5e5e5;padding: 30px 30px;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
  .guigeproduct_up_flex{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
  .guigeproduct_up_img{border: 1px solid #e5e5e5;  width: 100%;height: auto;display: block;overflow: hidden;position: relative;padding-top: 100%;}
  .guigeproduct_up_img img{width: 100%;vertical-align: middle;position: absolute;top: 0;left: 0;}
  .guigeproduct_up_maincard{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
  .guigeproduct_up_maincard a{font-size: 18px;color: #000;}
  .guigeproduct_up_txt h3{font-size: 18px;margin-bottom: 10px; color: #000;font-weight: bold;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
  .guigeproduct_up_txt p{font-size: 16px;color: #666;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
  .guigeproduct_expand{display: flex;justify-content: flex-end;align-items: center;cursor: pointer;}
  .guigeproduct_expand p{font-size: 18px;color: #4dbbf1;font-weight: bold;text-transform: uppercase;}
  .guigeproduct_expand i{font-size: 24px;color: #4dbbf1;margin-left: 5px;}
  .guigeproduct_open_li{margin-top: 20px;}
  .guigeproduct_open_li tr td{font-size: 16px;color: #000;text-align: center;padding: 15px ;}
  .spinner input {
    border: none;
    outline: none;
    font-size: 1.25rem;
    color: #222;
   width: 50%;
    text-align: center;
    background: none; 
}
.guigeproduct:hover {background: #f0f5fa;}
.table_wrap table{overflow-x: auto;text-align: center;margin: 0 auto;width: 100%;border: 1px solid #000;}
.table_wrap table tr:nth-child(odd) {background-color: #e7f5ff;}
.table_wrap table td {border: 1px solid #ccc;text-align: center; padding: 10px;}
.cate_li_list_p p{font-size: 16px;color: #000;line-height: 28px;}
.cate_li_list_p ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.cate_li_list_p ul::after {
    content: "";
    width: 32%;
    overflow: hidden;
}
.newsneiyeall{background: url(../images/img11.jpg) fixed;}
.neiyeproduct .indexproduct{margin-top: 0;padding: 60px 0;background: url(../images/img11.jpg) fixed;}
.cate_li_list_p li {
    width: 32%;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0.5rem 0;
}

.cate_li_list_p li p {
    font-size: 1rem;
    color: #666;
}

.cate_li_list_p li span {
    font-size: 1rem;
    color: #222;
}

.cate_add_img img {
    width: 100%;
    vertical-align: middle;
}

.ping_images {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0.8rem;
}

.ping_images_li {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 1rem;
    margin: 0.5rem 1rem 0.5rem 0;
}

.ping_images_li img {
    width: 100%;
    vertical-align: middle;
}

.cate_add_way {
    border: 1px solid #e5e5e5;
}

.cate_add_way span {
    display: block;
    background-color: #f1f1f1;
    padding: 1.5rem 2rem;
    color: #4dbbf1;
    font-weight: bold;
    font-size: 1.7rem;
}

.cate_add_way ul {
    padding: 1rem 1.5rem;
}
.Manual span{
    display: block;
    background-color: #f1f1f1;
    padding: 1.5rem 2rem;
    color: #4dbbf1;
    font-weight: bold;
    font-size: 1.7rem;
}
.Manual{border: 1px solid #e5e5e5;}
.download_pdf {display: flex;justify-content: space-between;flex-wrap: wrap;padding: 10px;}
.download_pdf a{cursor: pointer; padding: 10px 5px; border: 1px solid #e5e5e5; display: flex;flex-direction: column;align-items: center;width: 48%;overflow: hidden;margin: 5px 0;}
.download_pdf a img{width: 80px;height: 80px;display: block;margin: 0 auto;}
.download_pdf a p{font-size: 14px;text-align: center;color: #000;}
.cate_add_way li {
    padding: 2rem 0;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.cate_add_way li:last-child{
    border-bottom: none;
}
.cate_add_way li p {
    font-size: 1rem;
    color: #222;
}
.cate_add_way a{margin-top: 15px;display: block;}
.cate_add_way b {
    font-size: 1.2rem;
    color: #222;
    font-weight: normal;
    margin-top: 15px;
}

.cate_add_way div {
    display: flex;
    justify-content: flex-start;
    margin-top: 1rem;
}

.cate_add_way i {
    color: #4dbbf1;
    margin-right: 0.8rem;
    font-weight: bold;
    font-size: 1.5rem;
}

.cate_add_newslist h3 {
    font-size: 1.75rem;
    color: #222;
    font-weight: bold;
    margin-bottom: 2rem;
}

.cate_add_newslist li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    position: relative;
    overflow: hidden;
}

.cate_add_newslist li .new_shop_tag {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
}

.cate_add_newslist_img {
    width: 30%;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 30%;
    border-radius: 0.8rem;
}

.cate_add_newslist_img img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.cate_add_newslist_text {
    width: 65%;
    overflow: hidden;
}

.cate_add_newslist_text a p {
    font-size: 1.125rem;
    color: #222;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.cate_add_newslist li:hover .cate_add_newslist_text a p {
    color: #4dbbf1;
}

.ll_ge ul {
    width: 60%;
    overflow: hidden;
}

.ll_ge li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 4rem;
}

.ll_ge li b {
    color: #4dbbf1;
    margin-right: 0.5rem;
}

.ll_ge li p {
    font-size: 1rem;
    color: #222;
    margin-right: 1.5rem;
    width: 15%;
}

.ll_ge li .geli {
    width: 80%;
    overflow: hidden;
    border: none;
    outline: none;
    background: none;
    border-radius: 0.5rem;
    border: 1px solid #e5e5e5;
    padding-left: 0.8rem;
    height: 3rem;
    line-height: 3rem;
}

.ll_ge_button {
    border: none;
    outline: none;
    background: none;
    width: 20%;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    border-radius: 0.5rem;
    background-color: #4dbbf1;
    margin-left: 20%;
    cursor: pointer;
}

.ll_ge_tou .z_photo .up-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    display: block;
}

.camera_img img {
    position: relative;
    bottom: -3rem;
    right: 2rem;
    z-index: 9999;
}

.container {
    /*display: flex;*/
    /*justify-content: flex-start;*/
    /*align-items: center;*/
}

.ll_ge .container .radio {
    margin: 0.5rem 1rem;
}

.ll_ge .radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.ll_ge .radio input[type="radio"]+.radio-label:before {
    content: '';
    background: #fff;
    border-radius: 100%;
    border: 1px solid #ccc;
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    position: relative;
    top: -0.2em;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}

.ll_ge .radio input[type="radio"]:checked+.radio-label:before {
    background-color: #4dbbf1;
    box-shadow: inset 0 0 0 4px #fff;
}

.ll_ge .radio input[type="radio"]:focus+.radio-label:before {
    outline: none;
    border-color: #4dbbf1;
}

.ll_ge .radio input[type="radio"]:disabled+.radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}

.ll_ge .radio input[type="radio"]+.radio-label:empty:before {
    margin-right: 0;
}

.ll_tui_table .s_price {
    padding-left: 0;
    border-left: none;
}

.ll_tui_table .s_price:last-child b {
    color: #4dbbf1;
}

.ll_tui_table_list li {
    margin-bottom: 3rem;
}

.ll_tui_table_list ul {
  
}

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

.ll_tui_table_box p {
    font-size: 1rem;
    color: #222;
    margin-right: 1rem;
}

.tui_r {
    width: 80%;
    flex: 1;
}

.tui_r select {
    border: none;
    outline: none;
    background: none;
    width: 80%;
    height: 3rem;
    line-height: 3rem;
    border-radius: 0.5rem;
    border: 1px solid #e5e5e5;
    padding-left: 0.8rem;
    cursor: pointer;
}

.tui_r b {
    color: #4dbbf1;
    font-size: 1.125rem;
    font-weight: bold;
}

.tui_r input {
    width: 80%;
    height: 3rem;
    line-height: 3rem;
    border-radius: 0.5rem;
    border: 1px solid #e5e5e5;
    padding-left: 0.8rem;
}

.tui_imglist {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.ll_tui_table_imgs {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.tui_imglist_li {
    width: 128px;
    height: 128px;
    border-radius: 0.5rem;
    overflow: hidden;
}

.tui_imglist_li img {
    width: 100%;
    vertical-align: middle;
}

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

.tui_kefu {
    padding: 15px 30px;
    text-align: center;
    font-size: 1rem;
    color: #4dbbf1;
    border: 1px solid #4dbbf1;
    border-radius: 0.5rem;
    margin-right: 2rem;
    display: block;
}

.tui_sub {
    padding: 15px 30px;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 0.5rem;
    background-color: #4dbbf1;
    border: 1px solid #4dbbf1;
    cursor: pointer;
}

.pay_list {
    width: 100%;
    background-color: #fff;
    padding: 4rem 0;
}

.pay_list_con {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.pay_list_card {
    margin-bottom: 4rem;
}

.pay_list_card h3 {
    color: #222;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 2rem;
}

.pay_list_card ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pay_list_card li {
    width: 32%;
    overflow: hidden;
    margin-bottom: 2rem;
    border: 1px solid #e5e5e5;
    position: relative;
}

.current_imgs {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0;
}

.pay_list_current {
    border: 2px solid #4dbbf1 !important;
}

.pay_list_current .current_imgs {
    opacity: 1;
}

.pay_list_current .pay_list_card_box .gai {
    opacity: 1;
}

.pay_list_card li .pay_list_card_box {
    padding: 2rem;
}

.pay_list_card_box h4 {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 1rem;
    font-size: 1.125rem;
    color: #222;
    font-weight: bold;
    margin-bottom: 1rem;
}

.pay_list_card_box p {
    font-size: 1rem;
    color: #666;
}

.pay_list_card_box .gai {
    color: #4dbbf1;
    font-size: 1.125rem;
    margin-top: 3rem;
    font-weight: bold;
    display: block;
    opacity: 0;
}

.pay_list_card li:last-child {
    border: none;
}

.add_imgbox img {
    width: 100%;
    vertical-align: middle;
    height: 100%;
}

.pay_list_main h3 {
    color: #222;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 2rem;
}

.pay_list_mbox {
    border: 1px solid #e5e5e5;
}

.pay_list_mbox_header {
    padding: 1rem;
    background-color: #fafafa;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pay_list_mbox_header p {
    font-size: 1rem;
    color: #222;
}

.pay_list_mbox_header span {
    font-size: 1rem;
    color: #999;
}

.pay_list_mbox_list {
    padding: 2rem;
}

.pay_list_mbox_list li {
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 1.5rem
}

.pay_list_mbox_list .order_pro {
    padding: 0;
}

.pay_list_mbox_list .s_price {
    padding-left: 0;
    border-left: none;
}

.pay_list_mbox_list .s_price:last-child b {
    color: #4dbbf1;
}

.pay_song {
    padding: 0 2rem;
}

.pay_song li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 2rem 0;
}

.pay_song li p {
    font-size: 1rem;
    color: #222;
    margin-right: 1rem;
}

.pay_song_liu {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 80%;
}

.pay_song_liu textarea {
    resize: none;
    border: none;
    outline: none;
    background: none;
    width: 50%;
    height: 4rem;
    border: 1px solid #e5e5e5;
    border-radius: 0.5rem;
    padding: 1rem 0 0 1rem;
}

.pay_song_price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

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

.pay_song_way b {
    font-weight: normal;
    font-size: 1rem;
    color: #222;
}

.pay_song_price span {
    color: #4dbbf1;
    font-size: 1.5rem;
    font-weight: bold;
    display: block;
    margin-top: 0.5rem;
}

.pay_list_btn {
    margin: 3rem 0 0 auto;
    width: 15%;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    background-color: #4dbbf1;
    border-radius: 0.5rem;
    border: none;
    outline: none;
    display: block;
    cursor: pointer;
}

.ll_shop_product {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.ll_shop_img {
    width: 100px;
    height: 100px;
    border-radius: 0.5rem;
    overflow: hidden;
    margin-right: 1rem;
}

.ll_shop_img img {
    width: 100%;
    vertical-align: middle;
}

.ll_shop_text h4 {
    font-size: 1.25rem;
    font-weight: bold;
    color: #222;
    margin-bottom: 1rem;
}

.ll_shop_text p {
    color: #666;
    font-size: 1rem;
}

.move_fen li {
    margin: 2rem 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.move_fen li p {
    font-size: 1rem;
    color: #222;
}

.duo {
    margin-top: 3rem;
}

.clear {
    clear: both
}

.RadioStyle input {
    display: none;
}

.RadioStyle label {
    border: 1px solid #CCC;
    color: #666;
    padding: 0.3rem 1.5rem;
    min-width: 80px;
    text-align: center;
    margin: 1rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
}

.RadioStyle input:checked+label {
    border: 1px solid #4dbbf1;
    background-size: 21px 21px;
    color: #4dbbf1
}

.RadioStyle input:disabled+label {
    opacity: 0.7;
}

.shop_content {
    margin-top: 3rem;
}

.shop_content h3 {
    font-size: 1.5rem;
    color: #222;
    font-weight: bold;
    margin-bottom: 2rem;
}

.shop_content_box {
    border: 1px solid #e5e5e5;
    padding: 1rem;
}

.shop_content_box textarea {
    width: 100%;
    height: 200px;
    border: none;
    outline: none;
    background: none;
    resize: none;
}

.upload_img {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.upload_img_li {
    width: 90px;
    height: 90px;
    border-radius: 0.5rem;
    overflow: hidden;
    margin: 1rem;
}

.upload_img_li img {
    width: 100%;
    vertical-align: middle;
    cursor: pointer;
}

.shop_ping_sub {
    width: 20%;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    color: #fff;
    border-radius: 0.5rem;
    font-size: 1rem;
    background-color: #4dbbf1;
    border: none;
    outline: none;
    display: block;
    margin: 3rem 0 0 auto;
    cursor: pointer;
}

.order_pro_one {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    width: 96%;
}

.order_pro_one:last-child {
    margin-bottom: 0;
}

.order_pro_boxlist {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 60%;
}

.jie {
    width: 55%;
}

.delBtn {
    margin-left: 8rem;
    cursor: pointer;
}

.text_tag {
    /* display: flex;
    justify-content: flex-start;
    align-items: center; */
    flex-wrap: wrap;
    margin-top: 1rem;
}



.text_tag p {
    font-size: 1rem;
    color: #222;
    margin-bottom: 0.8rem;
    margin-right: 2rem;
}

.car input[type="checkbox"] {
    display:block;
    margin-right: 20px;
}

.car label {
    position: relative;
    /*display: inline-block;*/
    z-index: 1;
    border: 1px solid #999;
    margin: 0 1rem;
    border-radius: 0.2rem;
    width: 1.3rem;
    height: 1.3rem;
    line-height: 1.3rem;
    cursor: pointer;
    display: none;
}

.car label.mark {
    background: url("../images/mark2.png") no-repeat 3px 4px;
    border: 1px solid #4dbbf1;
}

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

.cartMain {
    position: relative;
    margin: 0 auto;
    padding: 10px;
}

.order_content {
    margin:1rem 0;
}
.list_amount{margin-right: 30px;display: flex;justify-content: flex-end;}
.list_amount .collect{margin-top: 40px;}
.collectlast{display: flex;flex-direction: column;align-items: flex-end;}
.collect img{max-width: 100%;vertical-align: middle;}
/* .collect {margin-top: 40px;} */

.cartMain_hd {
    width: 100%;
    height: 50px;
    background-color: #fafafa;
    line-height: 50px;
}

.cartMain_hd .cartTop {
    height: 50px;
}

.cartMain_hd .cartTop .list_chk {
    width: 80px;
    text-indent: 30px;
}

.cartMain_hd .cartTop .list_con {
    /* width: 312px; */
}

.cartMain_hd .cartTop .list_chk label {
    position: absolute;
    left: 10px;
    top: 19px;
    margin: 0;
}

.cartMain_hd .cartTop .list_info {
    padding: 0;
    text-indent: 15px;
}

.cartMain_hd .cartTop .list_con {
    text-indent: 140px;
}

.cartBox {
    width: 100%;
}

.cartBox .shop_info {
    position: relative;
    width: 100%;
    height: 38px;
    background-color: #fff;
    line-height: 38px;
    vertical-align: baseline;
}

.cartBox .shop_info .all_check {
    position: relative;
    float: left;
    width: 30px;
    height: 38px;
}

.cartBox .shop_info .all_check input[type="checkbox"] {
    position: absolute;
    z-index: 0;
    left: -20px;
    top: -20px;
}

.cartBox .shop_info .all_check .shop {
    position: absolute;
    top: 13px;
}

.cartBox .shop_info .shop_name {
    float: left;
}

.cartBox .order_content a {
    display: block;
}

.order_lists {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 3rem;
}
.order_content .order_lists{border-bottom: 1px solid #e5e5e5;padding: 15px 0;margin-bottom: 0;}
.order_lists .list_chk {
    position: relative;
    width: auto;
}

.order_lists .list_chk input[type="checkbox"] {
    position:unset;
    z-index: 0;
    left: -20px;
    top: -20px;
}

.order_lists .list_chk label {
    margin: 20px 0 0 24px;
    display: none;
}

.order_lists .list_con {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 57%;
}

.order_lists .list_con .list_img img {
    width: 100%;
    vertical-align: middle;
    
}
  .list_img{
    position: relative;
    overflow: hidden;
    display: block;
    width: 25%;
    height: auto;
    padding-top: 25%;
    border: 1px solid #e5e5e5;
  }
  .list_img img{
    position: absolute;
    top: 0;
    left: 0;
  }
.order_lists .list_info {
    width: 252px;
    box-sizing: border-box;
    padding: 20px 0;
}

.order_lists .list_info p {
    color: #9c9c9c;
    line-height: 18px;
    margin-left: 15px;
}

.order_lists .list_price {}

.order_lists .list_price .price {
    font-size: 1.5rem;
    color: #4dbbf1;
    font-weight: bold;
}

.order_lists .list_amount .amount_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0.5rem 1rem;
    border: 1px solid #e5e5e5;
    width: 70%;
    text-align: center;
    margin: 0 auto;
    border-radius: 0.5rem;
}

.order_lists .list_amount .amount_box input {
    border: none;
    outline: none;
    font-size: 1rem;
    color: #222;
    width: 100% !important;
    text-align: center;
    background: none !important;
    margin-right: 1rem;
}

.order_lists .list_amount .amount_box a {
    position: absolute;
    right: 1rem;
}

.order_lists .list_amount .amount_box .reduce {
    bottom: 0.2rem;
    font-size: 0.8rem;
}

.order_lists .list_amount .amount_box .reSty {
    color: #999;
}

.order_lists .list_amount .amount_box .plus {
    top: 0.2rem;
    font-size: 0.8rem;
}

.list_text {
    margin-left: 1rem;
    flex: 1;
}
.addordercar{
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0 30px 0;
    margin-bottom: 30px;
}
.product .order_content .order_lists{
    border-bottom: none ;
    padding: 0;
    margin-bottom: 0;
}
.addcarbutton{display: flex;justify-content: flex-end;align-items: center;}
.addcarbutton .inquirygo{ border: 1px solid #4dbbf1; display: block; outline: none; padding: 10px 30px;margin-right: 30px; font-size: 16px;color: #fff;text-align: center;background-color: #4dbbf1;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.addcarbutton button{border: 1px solid #4dbbf1; display: block;outline: none; padding: 10px 30px;font-size: 16px;color: #fff;text-align: center;background-color: #4dbbf1;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.addcarbutton .inquirygo:hover,.addcarbutton button:hover{background-color: #fff;color: #4dbbf1;}

.list_text a {
    font-size: 1.25rem;
    color: #222;
    font-weight: bold;
    line-height: 1.8rem;
    display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;
}

.order_lists .list_sum {
    width: 10%;
    text-align: center;
}

.order_lists .list_sum .sum_price {
    font-size: 1.5rem;
    color: #4dbbf1;
    font-weight: bold;
}

.order_lists .list_op {
    width: 164px;
}

.order_lists .list_op .del {
    margin-top: 20px;
    line-height: 18px;
}

.bar-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    background: #fafafa;
}

.bar-wrapper .bar-right {
    float: right;
    color: #3c3c3c;
}

.bar-wrapper .bar-right strong {
    color: #4dbbf1;
}

.bar-wrapper .bar-right .piece {
    float: left;
    min-width: 110px;
    margin-right: 20px;
    height: 50px;
    line-height: 50px;
}

.bar-wrapper .bar-right .piece .piece_num {
    display: inline-block;
    padding: 0 10px;
    font-weight: 700;
    font-size: 18px;
}

.bar-wrapper .bar-right .totalMoney {
    float: left;
    min-width: 100px;
    height: 50px;
    line-height: 50px;
    margin: 0 3rem;
}

.bar-wrapper .bar-right .totalMoney .total_text {
    float: right;
    font-weight: 400;
    font-size: 20px;
    font-family: Arial;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 15px;
}

.bar-wrapper .bar-right .calBtn {
    float: left;
}

.bar-wrapper .bar-right .calBtn button {
    display: block;
    padding:10px 30px;
    color: #fff;
    background: #4dbbf1;
    /*cursor: not-allowed;*/
    font-size: 22px;
    letter-spacing: 2px;
    text-decoration: none;
    border: none;
    text-align: center;
    border-radius: 2px;
}
/*.bar-wrapper .bar-right .calBtn .disabled{*/
/*    cursor: pointer;*/
/*}*/
.bar-wrapper .bar-right .calBtn button.btn_sty {
    background: #4dbbf1;
    cursor: pointer;
}

.model_bg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 999;
    display: none;
}

.my_model {
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -200px;
    z-index: 9999;
    width: 20%;
    /* height: 120px; */
    border: 1px solid #aeaeae;
    border-radius: 3px;
    padding: 20px;
    background: #fff;
}

.my_model .title {
    font-size: 14px;
    color: #3c3c3c;
    font-weight: 700;
    margin-bottom: 20px;
}

.my_model .title .closeModel {
    float: right;
    cursor: pointer;
}

.my_model p {
    line-height: 16px;
}

.my_model .opBtn {
    margin-top: 2rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.my_model .opBtn a {
    padding: 0.5rem 1rem;
    width: 30%;
    text-align: center;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    border-radius: 1rem;
    display: inline-block;
    margin-right: 10px;
    font-weight: 700;
}

.my_model .dialog-sure {
    background: #4dbbf1;
    color: #fff;
    border: 1px solid #4dbbf1;
}

.my_model .dialog-close {
    background: #fff;
    border: 1px solid #d9d9d9;
    color: #3c3c3c;
}


/*上传图片插件的样式*/

.img-box {
    margin-top: 40px;
}

.img-box .up-p {
    margin-bottom: 20px;
    font-size: 16px;
    color: #555;
}

.z_photo .z_file {
    position: relative;
}

.z_file .file {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
}

.z_photo {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 3rem;
}

.z_photo .up-section {
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
}

.up-section .close-upimg {
    position: absolute;
    top: 6px;
    right: 8px;
    display: none;
    z-index: 999;
}

.ll_ge_tou .up-section .up-span {
    display: none;
}

.up-section .up-span {
    display: block;
    width: 100%;
    height: 100%;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
    background: rgba(0, 0, 0, .5);
}

.ll_ge_tou .up-section:hover {
    border: none;
}

.ll_ge_tou {
    margin-top: 0;
}

.ll_ge_tou .z_photo {
    margin-top: 0;
    border-radius: 50%;
    overflow: hidden;
}

.up-section:hover {
    border: 2px solid #f15134;
}

.up-section:hover .close-upimg {
    display: block;
}

.up-section:hover .up-span {
    visibility: visible;
}

.z_photo .up-img {
    display: block;
    width: 100px;
    height: 100px;
}

.up-opcity {
    opacity: 0;
}

.img-name-p {
    display: none;
}

.upimg-div .up-section {
    width: 100px;
    height: 100px;
    border-radius: 0.8rem;
    overflow: hidden;
}

.img-box .upimg-div .z_file {
    width: 190px;
    height: 180px;
}

.z_file .add-img {
    display: block;
    width: 100px;
    height: 100px;
}


/*遮罩层样式*/

.mask {
    z-index: 9999;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
}

.mask .mask-content {
    width: 30%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -80px;
    background: white;
    height: 160px;
    text-align: center;
}

.mask .mask-content .del-p {
    color: #555;
    height: 94px;
    line-height: 94px;
    font-size: 18px;
    border-bottom: 1px solid #D1D1D1;
    width: auto !important;
}

.mask-content .check-p {
    height: 66px;
    line-height: 66px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.mask-content .check-p span {
    width: 49%;
    display: inline-block;
    text-align: center;
    color: #d4361d;
    font-size: 18px;
    cursor: pointer;
}

.check-p .del-com {
    border-right: 1px solid #D1D1D1;
}

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

.delete_items_box {
    display: none;
}

.delete_items_box {
    width: 30%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -80px;
    background: #fff;
    text-align: center;
    border: 1px solid #ccc;
    z-index: 9999;
}

.delete_items_main {
    padding: 3rem;
}

.delete_items_title {
    font-size: 1.25rem;
    color: #222;
    font-weight: bold;
    margin-bottom: 2rem;
}

.delete_items_btn {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.delete_items_ok {
    width: 40%;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    border: 1px solid #4dbbf1;
    border-radius: 0.5rem;
    color: #4dbbf1;
    font-weight: bold;
    cursor: pointer;
}

.delete_items_no {
    width: 40%;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    border: 1px solid #4dbbf1;
    border-radius: 0.5rem;
    background-color: #4dbbf1;
    color: #fff;
    cursor: pointer;
}


/* .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
} */

.storeSwiper2 {
    height: 80%;
    width: 100%;
}

.storeSwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.storeSwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.storeSwiper .swiper-slide-thumb-active {
    opacity: 1;
}


/* .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

#area {
    width: 66.5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#area select:last-child {
    margin-right: 0;
}

#area select {
    width: 32%;
    overflow: hidden;
    margin: 0 0.8rem 0 0;
    height: 3rem;
    line-height: 3rem;
    border: none;
    outline: none;
    border: 1px solid #e5e5e5;
    border-radius: 0.5rem;
    padding: 0 0.5rem;
}

.ll_login_over ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ll_login_over li {
    margin-left: 3rem;
}

.ll_login_over li i {
    color: #999;
    font-size: 1.5rem;
}

.ll_login_over li span {
    display: block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    overflow: hidden;
}

.ll_login_over li img {
    width: 100%;
    vertical-align: middle;
}

.agains_ll li {
    border: 1px solid #e5e5e5;
    margin-bottom: 3rem;
}

.a_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fafafa;
    padding: 1.5rem;
}

.a_title p {
    font-size: 1rem;
    color: #222;
}

.a_title span {
    font-size: 1rem;
    color: #999;
}

.a_list {
    padding: 1.5rem;
}

.a_list_one {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.a_list_product {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 40%;
    overflow: hidden;
}

.a_list_product_img {
    border-radius: 0.5rem;
    overflow: hidden;
    margin-right: 1rem;
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    position: relative;
    padding-top: 50%;
    border: 1px solid #e5e5e5;
}
.Wishlistcar{width: 73%;overflow: hidden;}
.Wishlistcar .product{padding: 0;}
.a_list_product_img img {
    vertical-align: middle;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.a_list_product h3 {
    font-size: 1.125rem;
    color: #222;
    margin-top: 0.8rem;
    overflow: hidden;
    flex: 1;
    display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;
}

.a_list_price {
    display: flex;
    justify-content: space-around;
    align-items:center;
    width:60%;
    overflow: hidden;
    flex-wrap: wrap;
}

.as {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.as h4 {
    font-size: 1.125rem;
    color: #222;
    font-weight: bold;
}

.as p {
    font-size: 0.8rem;
    color: #999;
    margin-top: 0.3rem;
    text-align: center;
}

.as a {
    font-size: 1rem;
    color: #999;
}

.a_list_price span {
    width: 1px;
    height: 5rem;
    display: block;
    background-color: #e5e5e5;
}

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

.heji_btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: 3rem;
    flex-wrap: wrap;
}

.a_bottom .heji {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.a_bottom span {
    font-size: 1.25rem;
    color: #4dbbf1;
    font-weight: bold;
    margin-bottom: -0.2rem;
    display: block;
}

.a_bottom p {
    font-size: 1rem;
    color: #999;
    margin-left: 0.3rem;
}

.a_bottom a {
    color: #4dbbf1;
    font-size: 1rem;
    display: block;
    margin-left: 1rem;
}

.a_bottom button {
    border: none;
    outline: none;
    background: #4dbbf1 !important;
    padding: 0.5rem 1.5rem;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 0.3rem;
    margin-left: 3rem;
}

.store_main {
    position: relative;
    border: 1px solid #e5e5e5;
}

.store_main .storeSwiper2 .swiper-slide {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
}

.store_main .storeSwiper2 .swiper-slide img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.store_main .storeSwiper .swiper-slide {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 26%;
    border: 1px solid #e5e5e5;
}

.store_main .storeSwiper .swiper-slide img {
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.tanbox {
    width: 15%;
    height: 5rem;
    line-height: 5rem;
    background-color: #fff;
    text-align: center;
    border: 1px solid #4dbbf1;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 999999;
    border-radius: 0.8rem;
    display: none;
}

.tanbox h3 {
    font-size: 1.5rem;
    color: #4dbbf1;
    font-weight: bold;
}

.main-content {
    width: 100%;
}

.image-list .cover {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.image-list .cover img {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


/*main CSS*/

#pictureViewer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 10000;
}

#pictureViewer>.content {
    background-color: #fff;
    position: absolute;
    width: 590px;
    height: 420px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#pictureViewer .menu-bar {
    width: 100%;
}

#pictureViewer .menu-bar .handel {
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}

#pictureViewer .menu-bar .handel:hover {
    background-color: #ff2e67;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#pictureViewer .menu-bar .handel.maximization {
    background-image: url(../images/maximization_black.png);
    background-size: 14px;
}

#pictureViewer .menu-bar .handel.maximization:hover {
    background-image: url(../images/maximization_black.png);
}

#pictureViewer .menu-bar .handel.miniaturization {
    background-size: 16px;
    background-image: url(../images/miniaturization_black.png);
}

#pictureViewer .menu-bar .handel.miniaturization:hover {
    background-image: url(../images/miniaturization_black.png);
}

#pictureViewer .menu-bar .handel.close-view {
    background-image: url(../images/close_black.png);
    background-size: 15px;
}

#pictureViewer .menu-bar .handel.close-view:hover {
    background-image: url(../images/close_black.png);
}

#pictureViewer .handel-prev,
#pictureViewer .handel-next {
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#pictureViewer .handel-prev {
    background-image: url(../images/prev_blank.png);
}

#pictureViewer .handel-next {
    background-image: url(../images/next_blank.png);
}

#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover {
    background-color: #f00;
}

#pictureViewer .handel-prev:hover {
    background-image: url(../images/prev_blank.png);
}

#pictureViewer .handel-next:hover {
    background-image: url(../images/next_blank.png);
}

#pictureViewer .picture-content {
    display: inline-block;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}

#pictureViewer .picture-content .cover {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#pictureViewer .counter {
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}

#pictureViewer .hide {
    display: none;
}

#pictureViewer .left {
    float: left;
}

#pictureViewer .right {
    float: right;
}

#pictureViewer .clear-flex {
    clear: both;
}

#pictureViewer img {
    max-width: 100%;
    max-height: 100%;
}
.addperson {
    width: 100%;
    padding: 3rem 0;
    background-color: #fff;
}

.addperson_con {
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.addperson_img {
    width: 40%;
    /* overflow: hidden; */
    position: relative;
    height: 0;
    padding-top: 45%;
}

.addperson_img .addperson_imgone {
    max-width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}

.redbox {
    position: absolute;
    top: 16rem;
    left: 4rem;
    display: block;
}

.addperson_text {
    width: 50%;
    overflow: hidden;
}

.addperson_text h3 {
    font-size: 1.75rem;
    color: #222;
    line-height: 2rem;
    margin: 1rem 0 1rem 0;
}

.addperson_text p {
    font-size: 0.8rem;
    color: #222;
    line-height: 1.8rem;
    margin: 1.5rem 0;
}

.addperson_text span {
    font-size: 1.125rem;
    color: #222;
    font-weight: bold;
    display: block;
    margin: 0.3rem 0;
}

@media screen and (max-width: 768px) {
    .addperson_con {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .addperson_img {
        width: 100%;
        padding-top: 70%;
    }
    .addperson_text {
        width: 100%;
        margin-top: 2rem;
    }
    .addperson_box {
        padding: 0 0.8rem;
    }
}
@media screen and (max-width: 768px) {
    .mask .mask-content {
        width: 100%;
    }
    .tanbox {
        width: 80%;
    }
    .nav_list {
        display: none;
    }
    .ll_nav_list {
        display: none;
    }
    .phone_list_nav {
        display: block;
    }
   
    .newslist li a {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .newslist_img {
        width: 100%;
        padding-top: 63%;
    }
    .newslist_text {
        width: 100%;
        margin-top: 0.8rem;
    }
    .fu_con {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }
    .fu_img {
        width: 100%;
    }
    .fu_text {
        width: 100%;
    }
    .fu_button {
        width: 80%;
        margin: 2rem auto 0 auto;
    }
    .new_shop_list ul {
        flex-wrap: wrap;
    }
    .new_shop_list li {
        width: 48%;
        margin-bottom: 1rem;
    }
    .pro_box {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .pro_box .pro_text {
        width: 100%;
        margin-top: 3rem;
    }
    .pro_box .pro_img {
        width: 100%;
    }
    #you {
        width: 10%;
    }
    .pro_box .fu_button {
        width: 80%;
    }
    .button {
        margin-left: 0;
    }
    .ser {
        padding: 0;
    }
    .ser_list {
        border-bottom: none;
        padding-bottom: 0;
    }
    .ser_list ul {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }
    .ser_list li {
        width: 100%;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-top: none;
        border-bottom: 1px solid #e5e5e5;
    }
    .lian {
        flex-direction: column;
        align-items: center;
    }
    .lian p {
        margin: 0.5rem 0;
    }
   
    #header_phone {
        display: none;
    }
    .header_left {
        display: none;
    }
    .button {
        display: none;
    }
    .header_right {
        display: flex;
        justify-content: space-around !important;
        align-items: center;
    }
    .header_top_con {
        display: block;
    }
    .header_right a p {
        font-size: 1rem;
    }
    .new_shop_title {
        padding: 0 0.8rem;
    }
    .ser_list {
        padding: 0 0.8rem;
    }
    .newslist {
        padding: 0 0.8rem;
    }
    .fu_wen {
        padding: 0 0.8rem;
    }
    .fu_title {
        text-align: center;
    }
    .fu_text span {
        margin: 1.5rem auto;
    }
    .fu {
        padding: 0;
    }
    .new_shop_list {
        padding: 0 0.8rem;
    }
    .liu_box {
        padding: 0 0.8rem;
    }
    .pro_box .pro_text h4 {
        margin-bottom: 2rem;
    }
    .card_con ul {
        padding: 0 0.8rem;
    }
    .banner {
        padding: 0 0.8rem;
    }
    .fu_img img {
        display: none;
    }
    .fu_wen h4 {
        text-align: center;
    }
    .logo {
        padding-left: 0.8rem;
    }
  
    .card_con {
        overflow-x: scroll !important;
    }
    .card_con ul {
        overflow-x: scroll !important;
        display: block;
        white-space: nowrap;
    }
    .card_con li {
        display: inline-block;
        width: 70%;
        margin-right: 2rem;
    }
    .banner_pc {
        display: none !important;
    }
    .card {
        padding: 2rem 0;
    }
    .banner_mo {
        display: block !important;
        border-radius: 0.8rem;
    }
    .new_shop_tag {
        margin-top: 1rem;
    }
    .pro {
        background-color: #fafafa;
    }
    .card_text {
        top: 1rem;
        left: 1rem;
    }
    .card_text p {
        margin-top: 0.3rem;
    }
    .look {
        margin-top: 1rem;
    }
    .news_banner img {
        height: 260px;
    }
    .news_banner_text i {
        margin-top: 1rem;
    }
    .news_list {
        padding: 2rem 0;
    }
    .small_nav_con {
        flex-wrap: wrap;
    }
    .news_show {
        padding: 2rem 0;
    }
    .news_show_tag {
        flex-wrap: wrap;
    }
    .news_show_tag p {
        margin-bottom: 1rem;
    }
    .news_show_title {
        padding: 0 0.8rem 1rem 0.8rem;
    }
    .news_show_text {
        padding: 0 0.8rem;
    }
    .fanye {
        padding: 0 0.8rem;
    }
    .fanye div {
        align-items: flex-start;
    }
    .banner_about_back {
        height: 300px;
    }
    .about_banner_text img {
        width: 100%;
        vertical-align: middle;
    }
    .about_banner_text h3 {
        font-size: 1.25rem;
        margin-top: 2rem;
        line-height: 1.8rem;
    }
    .about_com {
        padding: 0 0.8rem;
    }
    .time-line-box {
        width: 100%;
        overflow: hidden;
    }
    .shi_list {
        padding: 0 0.8rem;
    }
    .shi_list li {
        width: 100%;
    }
    .rong_list li {
        width: 50%;
    }
    .team {
        padding: 0;
    }
    .about_card_text {
        position: static;
        top: auto;
        left: auto;
        transform: none;
    }
    .about_card_con img {
        display: none;
    }
    .about_card {
        background-color: #fafafa;
    }
    .product_list ul {
        justify-content: space-between;
    }
    .product_list li {
        width: 48%;
        margin: 0 0 2rem 0;
    }
    .refreshWrap .loadingBox {
        padding: 0;
    }
    .choose_list {
        padding: 0 0.8rem;
    }
    .product_list {
        padding: 0 0.8rem;
    }
    .choose_con {
        padding-bottom: 2rem;
    }
    .new_shop_tag {
        flex-wrap: wrap;
    }
    #box dd {
        margin: 0 1rem 1rem 1rem;
    }
    .news_list_con {
        padding-bottom: 3rem;
    }
    .team_con {
        padding-bottom: 3rem;
    }
    .maps_con {
        padding-bottom: 3rem;
    }
    .cate_con {
        padding-bottom: 3rem;
    }
    .contact_con {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .way_box {
        width: 100%;
    }
    .way {
        background-size: auto 100%;
        width: auto;
    }
    .online {
        width: 100%;
        margin-top: 2rem;
    }
    .online_title {
        padding: 0 0.8rem;
    }
    .online_box_top {
        flex-wrap: wrap;
        margin-bottom: 1rem;
    }
    .online_box_top input {
        width: 96%;
        margin: 1rem 0;
    }
    .online_box_bottom textarea {
        width: 96%;
        padding: 1rem 0 0 1rem;
    }
    .online_box {
        padding: 0 0.8rem;
    }
    .online_box {
        margin-top: 1rem;
    }
    .maps_con iframe {
        width: 100%;
        height: 250px;
    }
    .online_box_button {
        flex-wrap: wrap;
    }
    .online_box_left {
        width: 100%;
    }
    .online_box_button button {
        width: 100%;
        margin: 1rem auto 0 auto;
    }
    .maps {
        padding: 0;
    }
    .store_con {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .store_main {
        width: 100%;
    }
    .store_text {
        margin-top: 2rem;
        width: 100%;
    }
    .store_text_b {
        padding: 0 0.8rem;
    }
    .store_button {
        justify-content: space-between;
    }

    .hot_con li {
        width: 48%;
        margin-bottom: 1rem;
    }
    .cate_con {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .cate_left {
        width: 100%;
    }
    .cate_content {
        padding: 0 0.8rem;
    }
    .store_carnum {
        width: 30%;
    }
    .star_grade {
        flex-wrap: wrap;
    }
    .line_dotted b {
        display: none;
    }
    .yan_ma span {
        flex: 1;
        margin-left: 1rem;
    }
    .yan_tag {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }
    .yan_tag_left {
        margin-bottom: 1rem;
    }
    .yan_success h3 {
        font-size: 1.5rem;
    }
    .attention {
        flex-direction: column;
        align-items: center;
    }
    .attention span {
        margin-bottom: 1rem;
    }
    .all_order_main {
        flex-wrap: wrap;
    
    }
    .all_order_nav {
        margin-top: 2rem;
        width: 100%;
    }
    .all_order_box {
        width: 100%;
    }
    .login_con {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .login_main {
        width: 100%;
        margin-left: 0;
    }
    .login_main {
        padding: 0;
    }
    .login_main_ss {
        padding: 3rem 2rem;
    }
    .all_order_con {
        padding-bottom: 3rem;
    }
    .add_di {
        width: 70%;
    }
    .tui {
        padding: 0 0.8rem;
        overflow-x: scroll;
    }
    .tui ul {
        white-space: nowrap;
        overflow-x: scroll;
        flex-wrap: nowrap;
        display: block;
    }
    .tui li {
        margin-right: 2rem;
        width: 80%;
        display: inline-block;
    }
    .wu_con {
        padding: 0;
    }
    .wu_con ul {
        padding: 2rem 0.8rem;
    }
    .wu_con li {
        flex-wrap: wrap;
    }
   
    .more {
        margin-top: 3rem;
    }
    .person_show button {
        display: none;
    }
    .person_show {
        padding: 2rem 0;
    }
    .wu_img {
        width: 30%;
        padding-top: 29%;
    }
    .wu_text div {
        flex-wrap: wrap;
    }
    .wu_text span {
        font-size: 0.8rem;
        flex-wrap: wrap;
        margin-right: 0.5rem;
        margin-bottom: 0.3rem;
    }
    .quit_mo {
        display: block;
        font-size: 1.5rem !important;
        color: #999;
        margin-right: 1rem;
    }
    .person_tou {
        margin-right: 1rem;
    }
    .person_tou {
        width: 5rem;
        height: 5rem;
        line-height: 5rem;
    }
    .all_order_tag {
        justify-content: center;
    }
    .order_pro {
        flex-wrap: wrap;
    }
    .jie {
        width: 100%;
        margin-bottom: 2rem;
    }
    .s_price {
        padding-left: 0;
        border-left: none;
        margin: 0 1rem;
    }
    .price_button {
        padding-left: 0;
        border-left: none;
        margin: 1rem auto 0 auto;
    }
    .order_pro {
        padding: 2rem 0.8rem;
    }
    .price_button {
        flex-direction: row;
        justify-content: center;
    }
    .price_button .order_x {
        margin: 0.4rem 0.8rem;
    }
    .bian {
        padding: 1rem 0.8rem;
        flex-wrap: wrap;
    }
    .bian p {
        margin-bottom: 0.5rem;
    }
    .nei_title {
        left: 11px;
        width: 96%;
    }
    .nei_title span {
        margin-right: 0;
    }
    .nei {
        padding: 0 0.8rem;
    }
    .yan {
        border-top: none;
    }
    .cate_add {
        width: 100%;
        margin-bottom: 2rem;
    }
    .cate_li_list_p li {
        width: 100%;
        margin: 0.5rem 0;
    }
    .cate_add_img {
        display: none;
    }
    .ll_dizhi_list_box {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .ll_dizhi_list p {
        width: 40%;
        margin: 0.5rem 1rem;
    }
    .ll_dizhi_list li .edit_bun {
        width: 100%;
        margin: 1rem;
    }
    .mo_btn {
        width: 25%;
        margin: 0 auto;
    }
    .ll_dizhi_tabletitle {
        display: none;
    }
    .ll_dizhi_list_box p:nth-child(3) {
        float: left !important;
        clear: both;
    }
    .ll_dizhi_list_box {
        padding: 1.5rem 0;
    }
    .ll_di {
        width: 100%;
    }
    .ll_tui_top {
        padding: 1rem 0.8rem;
    }
    .ll_online {
        width: 40%;
    }
    .ll_shen {
        width: 40%;
    }
    .ll_tui_bottom {
        padding: 0 0.8rem;
    }
    .ll_tui_xin_text h4 {
        margin-bottom: 1rem;
    }
    .ll_di_title h3 {
        width: auto;
        border-bottom: none;
        text-align: left;
    }
    .pay_box {
        padding: 2rem 0.8rem;
    }
    .pay_text div {
        flex-wrap: wrap;
    }
    .pay_top i {
        font-size: 3rem;
    }
    .look_order {
        width: 48%;
    }
    .back_index {
        width: 48%;
    }
    .ll_nav {
        padding: 1rem 0;
    }
    .xinzeng {
        width: 50%;
    }
    .zhi {
        padding: 2rem 0.8rem;
    }
    .zhi_time {
        flex-wrap: wrap;
    }
    .zhi_time span {
        font-size: 1rem;
    }
    .zhi_ma ul {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .zhi_ma li {
        margin: 1rem auto;
        width: 100%;
    }
    .ll_di_box p {
        width: auto;
        flex: 1;
    }
    .ll_di_box input {
        width: 68%;
    }
    .ll_di_box {
        padding: 0 0.8rem;
    }
    .ll_di_choose {
        margin: 0 auto;
        justify-content: center;
    }
    .ll_di_button {
        width: 50%;
        margin: 2rem auto 0 auto;
        display: block;
    }
    .ll_ge ul {
        width: 100%;
    }
    .ll_ge li p {
        width: auto;
    }
    .ll_ge li .geli {
        flex: 1;
    }
    .ll_ge_button {
        width: 48%;
        margin: 0 auto;
        display: block;
    }
    .ll_rong_con {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .ll_rong {
        background-size: auto 100%;
        padding: 3rem 0.8rem;
    }
    .ll_brand_con img {
        display: none;
    }
    .ll_new_list li a {
        flex-wrap: wrap;
    }
    .ll_new_img {
        width: 100%;
        padding-top: 64%;
    }
    .ll_new_text {
        width: 100%;
        margin-top: 2rem;
    }
    .ll_hot_con .new_shop_title {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    }
    .ll_rong_main {
        width: 100%;
        margin-top: 2rem;
    }
    .ll_rong_box {
        padding: 2rem 1rem;
        flex-direction: column-reverse;
        align-items: center;
    }
    .ll_rong_box_left {
        width: 100%;
    }
    .ll_rong_box_right {
        width: 100%;
        margin-bottom: 2rem;
    }
    .ll_hot_list ul {
        flex-wrap: wrap;
    }
    .ll_hot_list li {
        width: 48%;
        margin: 0.8rem 0;
    }
    .ll_hot_list {
        padding: 0 0.8rem;
    }
    .ll_new_list {
        padding: 0 0.8rem;
    }
    .ll_hot_tab ul {
        flex-wrap: wrap;
        margin-top: 2rem;
        justify-content: flex-start;
    }
    .ll_hot_tab li {
        margin: 0.5rem;
    }
    .ll_new_list_button {
        width: 48%;
    }
    .ll_jia_con {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .ll_jia_text {
        padding: 0 0.8rem;
    }
    .ll_jia {
        padding: 2rem 0;
    }
    .ll_wen {
        position: static;
    }
    .cave_main img {
        height: 500px;
    }
    .cave_box {
        width: 100%;
    }
    .cave_Swiper {
        width: 100%;
    }
    .cave_button {
        padding: 1rem;
    }
    .cave_box_con {
        padding: 3rem 1rem;
    }
    .cave_Swiper {
        position: static !important;
    }
    .cave {
        padding: 3rem 0 0 0;
    }
    .ll_wen {
        display: none;
    }
    .pay_list_card li {
        width: 48%;
    }
    .pay_song li {
        flex-wrap: wrap;
    }
    .pay_song_liu textarea {
        width: 100%;
        flex: 1;
    }
    .pay_song_liu {
        width: 100%;
    }
    .pay_list_btn {
        width: 48%;
        margin: 2rem auto 0 auto;
    }
    .ll_tui_table {
        padding: 0 0.8rem;
    }
    .ll_tui_table_list ul {
        width: 100%;
    }
    .tui_r select {
        width: 96%;
    }
    .tui_r input {
        width: 92%;
    }
    .tui_sub {
        width: 48%;
    }
    .tui_kefu {
        width: 48%;
    }
    .ll_shop {
        padding: 0 0.8rem;
    }
    .shop_ping_sub {
        width: 48%;
        margin: 2rem auto 0 auto;
    }
    .RadioStyle label {
        margin: 0.5rem;
    }
    .lw_list {
        padding: 0 0.8rem;
    }
    .lw_bottom {
        flex-direction: column;
        align-items: flex-start;
    }
    .lw_tag {
        margin-top: 1rem;
    }
    .lw_title {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .lw_title span {
        margin-top: 1rem;
    }
    .order_lists {
        flex-wrap: wrap;
    }
    .order_lists .list_sum {
        width: auto;
    }
    .cartMain_hd {
        display: none;
    }
    .bar-wrapper {
        flex-wrap: wrap;
        flex-direction: column;
        height: auto;
        padding: 2rem 0;
        align-items: flex-start;
    }
    .bar-right {
        padding: 0 0.8rem;
        margin-top: 1rem;
    }
    .car {
        padding: 0 0 2rem 0;
    }
    .order_lists .list_sum .sum_price,
    .order_lists .list_price .price {
        font-size: 1.125rem;
    }
    .order_lists .list_amount .amount_box {
        margin: 0;
    }
    .list_amount {
        width: 30%;
    }
    .order_lists .list_amount .amount_box {
        width: auto;
    }

    .ll_di_box li:nth-child(3) {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    #area {
        width: 100%;
        margin-top: 1rem;
    }
    .ll_nav_button {
        display: none;
    }
    .product_banner {
        margin: 0 1rem;
    }
    .ll_nav_right {
        display: none;
    }
    .mob_li {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 3rem;
    }
    .mob_li a {
        display: flex !important;
        justify-content: flex-start;
        align-items: center;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    .mob_user {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .user_img {
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 1rem;
    }
    .user_img img {
        width: 100%;
        vertical-align: middle;
    }
    .user_con h3 {
        font-size: 1rem;
        color: #222;
        font-weight: bold;
        margin-bottom: 0.3rem;
    }
    .user_con p {
        font-size: 0.8rem;
        color: #999;
    }
    .a_title {
        flex-direction: column;
        align-items: flex-start;
        padding: 0.8rem;
    }
    .a_title p {
        margin-bottom: 0.5rem;
    }
    .a_list_one {
        flex-direction: column;
        align-items: flex-start;
    }
    .a_list_product {
        width: 100%;
    }
    .a_list_price {
        width: 100%;
        margin-top: 2rem;
    }
    .a_list_price span {
        display: none;
    }
    .as {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .as a {
        display: block;
        padding: 0.3rem 1rem;
        text-align: center;
        border: 1px solid #e5e5e5;
        border-radius: 35px;
    }
    .a_bottom a {
        display: block;
        padding: 0.3rem 1rem;
        border: 1px solid #4dbbf1;
        border-radius: 35px;
        color: #4dbbf1;
        font-size: 1rem;
        text-align: center;
        margin: 0;
    }
    .a_bottom {
        justify-content: space-between;
        align-items: flex-end;
        flex-wrap: wrap;
    }
    .a_bottom button {
        padding: 0.3rem 1rem;
        border-radius: 35px;
        border: 1px solid #4dbbf1;
        margin-left: 1rem;
    }
    .a_list {
        padding: 1rem 0.8rem;
    }
    .heji_btn {
        margin-left: 1rem;
    }
    #pictureViewer>.content {
        width: 100%;
    }
}

@media screen and (max-width: 320px) {
    .a_bottom {
        flex-direction: column;
        align-items: flex-end;
    }
    .heji_btn {
        margin-top: 1rem;
    }
}
@media (max-width: 767px){
    .login_con{padding: 0;}
    .login_icon{width: 90%;margin: 0 auto 20px auto;}
    .login_else{margin-top: 2rem;}
    .login_res{margin-top: 10px;}
    .yan{width: 90%;margin: 0 auto;}
    .line_circle p{font-size: 0.8rem;}
    .yan_ma button{font-size: 0.8rem;width: 60%;}
    .yan_ma input{width: 35%;}
    .yan_success{margin: 2rem auto 0 auto;}
    .yan_line{margin: 0 auto 2rem auto;}
    .show_main_box{width: 96%;margin: 0 auto;padding: 2rem  0;}
    .nei p{height: 300px;}
    .nei_title h3{font-size: 1.25rem;}
    .yan_con{padding-bottom: 2rem;}
    .yan_success p{text-align: center;}
    .attention{margin-top: 1.5rem;}
    .back_login{margin-top: 1.5rem;}
}
@media (min-width: 768px) and (max-width: 992px){
    .addperson_con {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .addperson_img {
        width: 100%;
        padding-top: 70%;
    }
    .addperson_text {
        width: 100%;
        margin-top: 2rem;
    }
    .addperson_box {
        padding: 0 0.8rem;
    }
    .login_con{padding: 0;}
    .login_icon{width:100%;margin: 20px auto 20px auto;}
    .login_else{margin-top: 2rem;}
    .login_res{margin-top: 10px;}
    .yan{width: 90%;margin: 0 auto;}
    .line_circle p{font-size: 0.8rem;}
    .yan_success{margin: 2rem auto 0 auto;}
    .yan_line{margin: 0 auto 2rem auto;}
    .show_main_box{width: 96%;margin: 0 auto;padding: 2rem  0;top: 40%;transform: translate(-50%,-40%);}
    .nei p{height: 300px;}
    .nei_title h3{font-size: 1.25rem;}
    .yan_con{padding-bottom: 2rem;}
    .yan_success p{text-align: center;}
    .attention{margin-top: 1.5rem;}
    .back_login{margin-top: 1.5rem;}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .mask .mask-content {
        width: 100%;
    }
    .tanbox {
        width: 80%;
    }
    .nav_list {
        display: none;
    }
    .ll_nav_list {
        display: none;
    }
    .phone_list_nav {
        display: block;
    }
   
    .newslist li a {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .newslist_img {
        width: 100%;
        padding-top: 63%;
    }
    .newslist_text {
        width: 100%;
        margin-top: 0.8rem;
    }
    .fu_con {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }
    .fu_img {
        width: 100%;
    }
    .fu_text {
        width: 100%;
    }
    .fu_button {
        width: 80%;
        margin: 2rem auto 0 auto;
    }
    .new_shop_list ul {
        flex-wrap: wrap;
    }
    .new_shop_list li {
        width: 48%;
        margin-bottom: 1rem;
    }
    .pro_box {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .pro_box .pro_text {
        width: 100%;
        margin-top: 3rem;
    }
    .pro_box .pro_img {
        width: 100%;
    }
    #you {
        width: 10%;
    }
    .pro_box .fu_button {
        width: 80%;
    }
    .button {
        margin-left: 0;
    }
    .ser {
        padding: 0;
    }
    .ser_list {
        border-bottom: none;
        padding-bottom: 0;
    }
    .ser_list ul {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }
    .ser_list li {
        width: 100%;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-top: none;
        border-bottom: 1px solid #e5e5e5;
    }
    .lian {
        flex-direction: column;
        align-items: center;
    }
    .lian p {
        margin: 0.5rem 0;
    }
   
    #header_phone {
        display: none;
    }
    .header_left {
        display: none;
    }
    .button {
        display: none;
    }
    .header_right {
        display: flex;
        justify-content: space-around !important;
        align-items: center;
    }
    .header_top_con {
        display: block;
    }
    .header_right a p {
        font-size: 1rem;
    }
    .new_shop_title {
        padding: 0 0.8rem;
    }
    .ser_list {
        padding: 0 0.8rem;
    }
    .newslist {
        padding: 0 0.8rem;
    }
    .fu_wen {
        padding: 0 0.8rem;
    }
    .fu_title {
        text-align: center;
    }
    .fu_text span {
        margin: 1.5rem auto;
    }
    .fu {
        padding: 0;
    }
    .new_shop_list {
        padding: 0 0.8rem;
    }
    .liu_box {
        padding: 0 0.8rem;
    }
    .pro_box .pro_text h4 {
        margin-bottom: 2rem;
    }
    .card_con ul {
        padding: 0 0.8rem;
    }
    .banner {
        padding: 0 0.8rem;
    }
    .fu_img img {
        display: none;
    }
    .fu_wen h4 {
        text-align: center;
    }
    .logo {
        padding-left: 0.8rem;
    }
  
    .card_con {
        overflow-x: scroll !important;
    }
    .card_con ul {
        overflow-x: scroll !important;
        display: block;
        white-space: nowrap;
    }
    .card_con li {
        display: inline-block;
        width: 70%;
        margin-right: 2rem;
    }
    .banner_pc {
        display: none !important;
    }
    .card {
        padding: 2rem 0;
    }
    .banner_mo {
        display: block !important;
        border-radius: 0.8rem;
    }
    .new_shop_tag {
        margin-top: 1rem;
    }
    .pro {
        background-color: #fafafa;
    }
    .card_text {
        top: 1rem;
        left: 1rem;
    }
    .card_text p {
        margin-top: 0.3rem;
    }
    .look {
        margin-top: 1rem;
    }
    .news_banner img {
        height: 260px;
    }
    .news_banner_text i {
        margin-top: 1rem;
    }
    .news_list {
        padding: 2rem 0;
    }
    .small_nav_con {
        flex-wrap: wrap;
    }
    .news_show {
        padding: 2rem 0;
    }
    .news_show_tag {
        flex-wrap: wrap;
    }
    .news_show_tag p {
        margin-bottom: 1rem;
    }
    .news_show_title {
        padding: 0 0.8rem 1rem 0.8rem;
    }
    .news_show_text {
        padding: 0 0.8rem;
    }
    .fanye {
        padding: 0 0.8rem;
    }
    .fanye div {
        align-items: flex-start;
    }
    .banner_about_back {
        height: 300px;
    }
    .about_banner_text img {
        width: 100%;
        vertical-align: middle;
    }
    .about_banner_text h3 {
        font-size: 1.25rem;
        margin-top: 2rem;
        line-height: 1.8rem;
    }
    .about_com {
        padding: 0 0.8rem;
    }
    .time-line-box {
        width: 100%;
        overflow: hidden;
    }
    .shi_list {
        padding: 0 0.8rem;
    }
    .shi_list li {
        width: 100%;
    }
    .rong_list li {
        width: 50%;
    }
    .team {
        padding: 0;
    }
    .about_card_text {
        position: static;
        top: auto;
        left: auto;
        transform: none;
    }
    .about_card_con img {
        display: none;
    }
    .about_card {
        background-color: #fafafa;
    }
    .product_list ul {
        justify-content: space-between;
    }
    .product_list li {
        width: 48%;
        margin: 0 0 2rem 0;
    }
    .refreshWrap .loadingBox {
        padding: 0;
    }
    .choose_list {
        padding: 0 0.8rem;
    }
    .product_list {
        padding: 0 0.8rem;
    }
    .choose_con {
        padding-bottom: 2rem;
    }
    .new_shop_tag {
        flex-wrap: wrap;
    }
    #box dd {
        margin: 0 1rem 1rem 1rem;
    }
    .news_list_con {
        padding-bottom: 3rem;
    }
    .team_con {
        padding-bottom: 3rem;
    }
    .maps_con {
        padding-bottom: 3rem;
    }
    .cate_con {
        padding-bottom: 3rem;
    }
    .contact_con {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .way_box {
        width: 100%;
    }
    .way {
        background-size: auto 100%;
        width: auto;
    }
    .online {
        width: 100%;
        margin-top: 2rem;
    }
    .online_title {
        padding: 0 0.8rem;
    }
    .online_box_top {
        flex-wrap: wrap;
        margin-bottom: 1rem;
    }
    .online_box_top input {
        width: 96%;
        margin: 1rem 0;
    }
    .online_box_bottom textarea {
        width: 96%;
        padding: 1rem 0 0 1rem;
    }
    .online_box {
        padding: 0 0.8rem;
    }
    .online_box {
        margin-top: 1rem;
    }
    .maps_con iframe {
        width: 100%;
        height: 250px;
    }
    .online_box_button {
        flex-wrap: wrap;
    }
    .online_box_left {
        width: 100%;
    }
    .online_box_button button {
        width: 100%;
        margin: 1rem auto 0 auto;
    }
    .maps {
        padding: 0;
    }
    .store_con {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .store_main {
        width: 100%;
    }
    .store_text {
        margin-top: 2rem;
        width: 100%;
    }
    .store_text_b {
        padding: 0 0.8rem;
    }
    /* .store_button {
        justify-content: space-between;
    } */

    .hot_con li {
        width: 48%;
        margin-bottom: 1rem;
    }
    .cate_con {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .cate_left {
        width: 100%;
    }
    .cate_content {
        padding: 0 0.8rem;
    }
    .store_carnum {
        width: 30%;
    }
    .star_grade {
        flex-wrap: wrap;
    }
    .line_dotted b {
        display: none;
    }
    .yan_ma span {
        flex: 1;
        margin-left: 1rem;
    }
    .yan_tag {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }
    .yan_tag_left {
        margin-bottom: 1rem;
    }
    .yan_success h3 {
        font-size: 1.5rem;
    }
    .attention {
        flex-direction: column;
        align-items: center;
    }
    .attention span {
        margin-bottom: 1rem;
    }
    .all_order_main {
        flex-wrap: wrap;
    
    }
    .all_order_nav {
        margin-top: 2rem;
        width: 100%;
    }
    .all_order_box {
        width: 100%;
    }
    .login_con {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .login_main {
        width: 100%;
        margin-left: 0;
    }
    .login_main {
        padding: 0;
    }
    .login_main_ss {
        padding: 3rem 2rem;
    }
    .all_order_con {
        padding-bottom: 3rem;
    }
    .add_di {
        width: 70%;
    }
    .tui ul {
        display: flex;
        justify-content: space-between;
         flex-wrap: wrap;
       
     }
     .tui li {
         width:48%;
         display: inline-block;
         margin-bottom: 30px;
     }
    .wu_con {
        padding: 0;
    }
    .wu_con ul {
        padding: 2rem 0.8rem;
    }
   
   
    .more {
        margin-top: 3rem;
    }
    .person_show button {
        display: none;
    }
    .person_show {
        padding: 2rem 0;
    }
    .wu_img {
        width: 30%;
        padding-top: 29%;
    }
    .wu_text div {
        flex-wrap: wrap;
    }
    .wu_text span {
        font-size: 0.8rem;
        flex-wrap: wrap;
        margin-right: 0.5rem;
        margin-bottom: 0.3rem;
    }
    .quit_mo {
        display: block;
        font-size: 1.5rem !important;
        color: #999;
        margin-right: 1rem;
    }
    .person_tou {
        margin-right: 1rem;
    }
    .person_tou {
        width: 5rem;
        height: 5rem;
        line-height: 5rem;
    }
    .all_order_tag {
        justify-content: center;
    }
    .order_pro {
        flex-wrap: wrap;
    }
    .jie {
        width: 100%;
        margin-bottom: 2rem;
    }
    .s_price {
        padding-left: 0;
        border-left: none;
        margin: 0 1rem;
    }
    .price_button {
        padding-left: 0;
        border-left: none;
        margin: 1rem auto 0 auto;
    }
    .order_pro {
        padding: 2rem 0.8rem;
    }
    .price_button {
        flex-direction: row;
        justify-content: center;
    }
    .price_button .order_x {
        margin: 0.4rem 0.8rem;
    }
    .bian {
        padding: 1rem 0.8rem;
        flex-wrap: wrap;
    }
    .bian p {
        margin-bottom: 0.5rem;
    }
    .nei_title {
        left: 11px;
        width: 96%;
    }
    .nei_title span {
        margin-right: 0;
    }
    .nei {
        padding: 0 0.8rem;
    }
    .yan {
        border-top: none;
    }
    .cate_add {
        width: 100%;
        margin-bottom: 2rem;
    }
    .cate_li_list_p li {
        width: 100%;
        margin: 0.5rem 0;
    }
    .cate_add_img {
        display: none;
    }
    .ll_dizhi_list_box {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .ll_dizhi_list p {
        width: 40%;
        margin: 0.5rem 1rem;
    }
    .ll_dizhi_list li .edit_bun {
        width: 100%;
        margin: 1rem;
    }
    .mo_btn {
        width: 25%;
        margin: 0 auto;
    }
    .ll_dizhi_tabletitle {
        display: none;
    }
    .ll_dizhi_list_box p:nth-child(3) {
        float: left !important;
        clear: both;
    }
    .ll_dizhi_list_box {
        padding: 1.5rem 0;
    }
    .ll_di {
        width: 100%;
    }
    .ll_tui_top {
        padding: 1rem 0.8rem;
    }
    .ll_online {
        width: 40%;
    }
    .ll_shen {
        width: 40%;
    }
    .ll_tui_bottom {
        padding: 0 0.8rem;
    }
    .ll_tui_xin_text h4 {
        margin-bottom: 1rem;
    }
    .ll_di_title h3 {
        width: auto;
        border-bottom: none;
        text-align: left;
    }
    .pay_box {
        padding: 2rem 0.8rem;
    }
    .pay_text div {
        flex-wrap: wrap;
    }
    .pay_top i {
        font-size: 3rem;
    }
    .look_order {
        width: 48%;
    }
    .back_index {
        width: 48%;
    }
    .ll_nav {
        padding: 1rem 0;
    }
    .xinzeng {
        width: 50%;
    }
    .zhi {
        padding: 2rem 0.8rem;
    }
    .zhi_time {
        flex-wrap: wrap;
    }
    .zhi_time span {
        font-size: 1rem;
    }
    .zhi_ma ul {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .zhi_ma li {
        margin: 1rem auto;
        width: 100%;
    }
    .ll_di_box p {
        width: auto;
        flex: 1;
    }
    .ll_di_box input {
        width: 68%;
    }
    .ll_di_box {
        padding: 0 0.8rem;
    }
    .ll_di_choose {
        margin: 0 auto;
        justify-content: center;
    }
    .ll_di_button {
        width: 50%;
        margin: 2rem auto 0 auto;
        display: block;
    }
    .ll_ge ul {
        width: 100%;
    }
    .ll_ge li p {
        width: auto;
    }
    .ll_ge li .geli {
        flex: 1;
    }
    .ll_ge_button {
        width: 48%;
        margin: 0 auto;
        display: block;
    }
    .ll_rong_con {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .ll_rong {
        background-size: auto 100%;
        padding: 3rem 0.8rem;
    }
    .ll_brand_con img {
        display: none;
    }
    .ll_new_list li a {
        flex-wrap: wrap;
    }
    .ll_new_img {
        width: 100%;
        padding-top: 64%;
    }
    .ll_new_text {
        width: 100%;
        margin-top: 2rem;
    }
    .ll_hot_con .new_shop_title {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    }
    .ll_rong_main {
        width: 100%;
        margin-top: 2rem;
    }
    .ll_rong_box {
        padding: 2rem 1rem;
        flex-direction: column-reverse;
        align-items: center;
    }
    .ll_rong_box_left {
        width: 100%;
    }
    .ll_rong_box_right {
        width: 100%;
        margin-bottom: 2rem;
    }
    .ll_hot_list ul {
        flex-wrap: wrap;
    }
    .ll_hot_list li {
        width: 48%;
        margin: 0.8rem 0;
    }
    .ll_hot_list {
        padding: 0 0.8rem;
    }
    .ll_new_list {
        padding: 0 0.8rem;
    }
    .ll_hot_tab ul {
        flex-wrap: wrap;
        margin-top: 2rem;
        justify-content: flex-start;
    }
    .ll_hot_tab li {
        margin: 0.5rem;
    }
    .ll_new_list_button {
        width: 48%;
    }
    .ll_jia_con {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .ll_jia_text {
        padding: 0 0.8rem;
    }
    .ll_jia {
        padding: 2rem 0;
    }
    .ll_wen {
        position: static;
    }
    .cave_main img {
        height: 500px;
    }
    .cave_box {
        width: 100%;
    }
    .cave_Swiper {
        width: 100%;
    }
    .cave_button {
        padding: 1rem;
    }
    .cave_box_con {
        padding: 3rem 1rem;
    }
    .cave_Swiper {
        position: static !important;
    }
    .cave {
        padding: 3rem 0 0 0;
    }
    .ll_wen {
        display: none;
    }
    .pay_list_card li {
        width: 48%;
    }
    .pay_song li {
        flex-wrap: wrap;
    }
    .pay_song_liu textarea {
        width: 100%;
        flex: 1;
    }
    .pay_song_liu {
        width: 100%;
    }
    .pay_list_btn {
        width: 48%;
        margin: 2rem auto 0 auto;
    }
    .ll_tui_table {
        padding: 0 0.8rem;
    }
    .ll_tui_table_list ul {
        width: 100%;
    }
    .tui_r select {
        width: 96%;
    }
    .tui_r input {
        width: 92%;
    }
    .tui_sub {
        width: 48%;
    }
    .tui_kefu {
        width: 48%;
    }
    .ll_shop {
        padding: 0 0.8rem;
    }
    .shop_ping_sub {
        width: 48%;
        margin: 2rem auto 0 auto;
    }
    .RadioStyle label {
        margin: 0.5rem;
    }
    .lw_list {
        padding: 0 0.8rem;
    }
    .lw_bottom {
        flex-direction: column;
        align-items: flex-start;
    }
    .lw_tag {
        margin-top: 1rem;
    }
    .lw_title {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .lw_title span {
        margin-top: 1rem;
    }
  
    .order_lists .list_sum {
        width: auto;
    }
    .cartMain_hd {
        display: none;
    }
    .bar-wrapper {
        flex-wrap: wrap;
        flex-direction: column;
        height: auto;
        padding: 2rem 0;
        align-items: flex-end;
    }
    .bar-right {
        padding: 0 0.8rem;
        margin-top: 1rem;
    }
    .car {
        padding: 0 0 2rem 0;
    }
    .order_lists .list_sum .sum_price,
    .order_lists .list_price .price {
        font-size: 1.125rem;
    }
    .order_lists .list_amount .amount_box {
        margin: 0;
    }
    .list_amount {
        width: 10%;
    }
    .order_lists .list_amount .amount_box {
        width: auto;
    }

    .ll_di_box li:nth-child(3) {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    #area {
        width: 100%;
        margin-top: 1rem;
    }
    .ll_nav_button {
        display: none;
    }
    .product_banner {
        margin: 0 1rem;
    }
    .ll_nav_right {
        display: none;
    }
    .mob_li {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 3rem;
    }
    .mob_li a {
        display: flex !important;
        justify-content: flex-start;
        align-items: center;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    .mob_user {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .user_img {
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 1rem;
    }
    .user_img img {
        width: 100%;
        vertical-align: middle;
    }
    .user_con h3 {
        font-size: 1rem;
        color: #222;
        font-weight: bold;
        margin-bottom: 0.3rem;
    }
    .user_con p {
        font-size: 0.8rem;
        color: #999;
    }
    .a_title {
        flex-direction: column;
        align-items: flex-start;
        padding: 0.8rem;
    }
    .a_title p {
        margin-bottom: 0.5rem;
    }
    .a_list_one {
        flex-direction: column;
        align-items: flex-start;
    }
    .a_list_product {
        width: 100%;
    }
    .a_list_price {
        width: 100%;
        margin-top: 2rem;
    }
    .a_list_price span {
        display: none;
    }
    .as {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .as a {
        display: block;
        padding: 0.3rem 1rem;
        text-align: center;
        border: 1px solid #e5e5e5;
        border-radius: 35px;
    }
    .a_bottom a {
        display: block;
        padding: 0.3rem 1rem;
        border: 1px solid #4dbbf1;
        border-radius: 35px;
        color: #4dbbf1;
        font-size: 1rem;
        text-align: center;
        margin: 0;
    }
    .a_bottom {
        justify-content: space-between;
        align-items: flex-end;
        flex-wrap: wrap;
    }
    .a_bottom button {
        padding: 0.3rem 1rem;
        border-radius: 35px;
        border: 1px solid #4dbbf1;
        margin-left: 1rem;
    }
    .a_list {
        padding: 1rem 0.8rem;
    }
    .heji_btn {
        margin-left: 1rem;
    }
    #pictureViewer>.content {
        width: 100%;
    }
}

@media (min-width: 993px) and (max-width: 1200px){
    .addperson_con {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .addperson_img {
        width: 100%;
        padding-top: 70%;
    }
    .addperson_text {
        width: 100%;
        margin-top: 2rem;
    }
    .addperson_box {
        padding: 0 0.8rem;
    }
    .login_con{padding: 0;}
    .login_icon{width:100%;margin: 20px auto 20px auto;}
    .login_else{margin-top: 2rem;}
    .login_res{margin-top: 10px;}
    .yan{width: 90%;margin: 0 auto;}
    .line_circle p{font-size: 0.8rem;}
    
    .yan_success{margin: 2rem auto 0 auto;}
    .yan_line{margin: 0 auto 2rem auto;}
    .show_main_box{width: 96%;margin: 0 auto;padding: 2rem  0;}
    .nei p{height: 300px;}
    .nei_title h3{font-size: 1.25rem;}
    .yan_con{padding-bottom: 2rem;}
    .yan_success p{text-align: center;}
    .attention{margin-top: 1.5rem;}
    .back_login{margin-top: 1.5rem;}
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
    .mask .mask-content {
        width: 100%;
    }
    .tanbox {
        width: 80%;
    }
    .nav_list {
        display: none;
    }
    .ll_nav_list {
        display: none;
    }
    .phone_list_nav {
        display: block;
    }
   
    .newslist li a {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .newslist_img {
        width: 100%;
        padding-top: 63%;
    }
    .newslist_text {
        width: 100%;
        margin-top: 0.8rem;
    }
    .fu_con {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }
    .fu_img {
        width: 100%;
    }
    .fu_text {
        width: 100%;
    }
    .fu_button {
        width: 80%;
        margin: 2rem auto 0 auto;
    }
    .new_shop_list ul {
        flex-wrap: wrap;
    }
    .new_shop_list li {
        width: 48%;
        margin-bottom: 1rem;
    }
    .pro_box {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .pro_box .pro_text {
        width: 100%;
        margin-top: 3rem;
    }
    .pro_box .pro_img {
        width: 100%;
    }
    #you {
        width: 10%;
    }
    .pro_box .fu_button {
        width: 80%;
    }
    .button {
        margin-left: 0;
    }
    .ser {
        padding: 0;
    }
    .ser_list {
        border-bottom: none;
        padding-bottom: 0;
    }
    .ser_list ul {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }
    .ser_list li {
        width: 100%;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-top: none;
        border-bottom: 1px solid #e5e5e5;
    }
    .lian {
        flex-direction: column;
        align-items: center;
    }
    .lian p {
        margin: 0.5rem 0;
    }
   
    #header_phone {
        display: none;
    }
    .header_left {
        display: none;
    }
    .button {
        display: none;
    }
    .header_right {
        display: flex;
        justify-content: space-around !important;
        align-items: center;
    }
    .header_top_con {
        display: block;
    }
    .header_right a p {
        font-size: 1rem;
    }
    .new_shop_title {
        padding: 0 0.8rem;
    }
    .ser_list {
        padding: 0 0.8rem;
    }
    .newslist {
        padding: 0 0.8rem;
    }
    .fu_wen {
        padding: 0 0.8rem;
    }
    .fu_title {
        text-align: center;
    }
    .fu_text span {
        margin: 1.5rem auto;
    }
    .fu {
        padding: 0;
    }
    .new_shop_list {
        padding: 0 0.8rem;
    }
    .liu_box {
        padding: 0 0.8rem;
    }
    .pro_box .pro_text h4 {
        margin-bottom: 2rem;
    }
    .card_con ul {
        padding: 0 0.8rem;
    }
    .banner {
        padding: 0 0.8rem;
    }
    .fu_img img {
        display: none;
    }
    .fu_wen h4 {
        text-align: center;
    }
    .logo {
        padding-left: 0.8rem;
    }
  
    .card_con {
        overflow-x: scroll !important;
    }
    .card_con ul {
        overflow-x: scroll !important;
        display: block;
        white-space: nowrap;
    }
    .card_con li {
        display: inline-block;
        width: 70%;
        margin-right: 2rem;
    }
    .banner_pc {
        display: none !important;
    }
    .card {
        padding: 2rem 0;
    }
    .banner_mo {
        display: block !important;
        border-radius: 0.8rem;
    }
    .new_shop_tag {
        margin-top: 1rem;
    }
    .pro {
        background-color: #fafafa;
    }
    .card_text {
        top: 1rem;
        left: 1rem;
    }
    .card_text p {
        margin-top: 0.3rem;
    }
    .look {
        margin-top: 1rem;
    }
    .news_banner img {
        height: 260px;
    }
    .news_banner_text i {
        margin-top: 1rem;
    }
    .news_list {
        padding: 2rem 0;
    }
    .small_nav_con {
        flex-wrap: wrap;
    }
    .news_show {
        padding: 2rem 0;
    }
    .news_show_tag {
        flex-wrap: wrap;
    }
    .news_show_tag p {
        margin-bottom: 1rem;
    }
    .news_show_title {
        padding: 0 0.8rem 1rem 0.8rem;
    }
    .news_show_text {
        padding: 0 0.8rem;
    }
    .fanye {
        padding: 0 0.8rem;
    }
    .fanye div {
        align-items: flex-start;
    }
    .banner_about_back {
        height: 300px;
    }
    .about_banner_text img {
        width: 100%;
        vertical-align: middle;
    }
    .about_banner_text h3 {
        font-size: 1.25rem;
        margin-top: 2rem;
        line-height: 1.8rem;
    }
    .about_com {
        padding: 0 0.8rem;
    }
    .time-line-box {
        width: 100%;
        overflow: hidden;
    }
    .shi_list {
        padding: 0 0.8rem;
    }
    .shi_list li {
        width: 100%;
    }
    .rong_list li {
        width: 50%;
    }
    .team {
        padding: 0;
    }
    .about_card_text {
        position: static;
        top: auto;
        left: auto;
        transform: none;
    }
    .about_card_con img {
        display: none;
    }
    .about_card {
        background-color: #fafafa;
    }
    .product_list ul {
        justify-content: space-between;
    }
    .product_list li {
        width: 48%;
        margin: 0 0 2rem 0;
    }
    .refreshWrap .loadingBox {
        padding: 0;
    }
    .choose_list {
        padding: 0 0.8rem;
    }
    .product_list {
        padding: 0 0.8rem;
    }
    .choose_con {
        padding-bottom: 2rem;
    }
    .new_shop_tag {
        flex-wrap: wrap;
    }
    #box dd {
        margin: 0 1rem 1rem 1rem;
    }
    .news_list_con {
        padding-bottom: 3rem;
    }
    .team_con {
        padding-bottom: 3rem;
    }
    .maps_con {
        padding-bottom: 3rem;
    }
    .cate_con {
        padding-bottom: 3rem;
    }
    .contact_con {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .way_box {
        width: 100%;
    }
    .way {
        background-size: auto 100%;
        width: auto;
    }
    .online {
        width: 100%;
        margin-top: 2rem;
    }
    .online_title {
        padding: 0 0.8rem;
    }
    .online_box_top {
        flex-wrap: wrap;
        margin-bottom: 1rem;
    }
    .online_box_top input {
        width: 96%;
        margin: 1rem 0;
    }
    .online_box_bottom textarea {
        width: 96%;
        padding: 1rem 0 0 1rem;
    }
    .online_box {
        padding: 0 0.8rem;
    }
    .online_box {
        margin-top: 1rem;
    }
    .maps_con iframe {
        width: 100%;
        height: 250px;
    }
    .online_box_button {
        flex-wrap: wrap;
    }
    .online_box_left {
        width: 100%;
    }
    .online_box_button button {
        width: 100%;
        margin: 1rem auto 0 auto;
    }
    .maps {
        padding: 0;
    }
    .store_con {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .store_main {
        width: 100%;
    }
    .store_text {
        margin-top: 2rem;
        width: 100%;
    }
    .store_text_b {
        padding: 0 0.8rem;
    }
    /* .store_button {
        justify-content: space-between;
    } */

    .hot_con li {
        width: 48%;
        margin-bottom: 1rem;
    }
    .cate_con {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .cate_left {
        width: 100%;
    }
    .cate_content {
        padding: 0 0.8rem;
    }
    .store_carnum {
        width: 30%;
    }
    .star_grade {
        flex-wrap: wrap;
    }
    .line_dotted b {
        display: none;
    }
    .yan_ma span {
        flex: 1;
        margin-left: 1rem;
    }
    .yan_tag {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }
    .yan_tag_left {
        margin-bottom: 1rem;
    }
    .yan_success h3 {
        font-size: 1.5rem;
    }
    .attention {
        flex-direction: column;
        align-items: center;
    }
    .attention span {
        margin-bottom: 1rem;
    }
    .all_order_main {
        flex-wrap: wrap;
    
    }
    .all_order_nav {
        margin-top: 2rem;
        width: 100%;
    }
    .all_order_box {
        width: 100%;
    }
    .login_con {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .login_main {
        width: 100%;
        margin-left: 0;
    }
    .login_main {
        padding: 0;
    }
    .login_main_ss {
        padding: 3rem 2rem;
    }
    .all_order_con {
        padding-bottom: 3rem;
    }
    .add_di {
        width: 70%;
    }
    
    .tui ul {
       display: flex;
       justify-content: space-between;
        flex-wrap: wrap;
      
    }
    .tui li {
        width: 24%;
        display: inline-block;
    }
    .wu_con {
        padding: 0;
    }
    .wu_con ul {
        padding: 2rem 0.8rem;
    }
  
   
    .more {
        margin-top: 3rem;
    }
    .person_show button {
        display: none;
    }
    .person_show {
        padding: 2rem 0;
    }
    .wu_img {
        width: 30%;
        padding-top: 29%;
    }
    .wu_text div {
        flex-wrap: wrap;
    }
    .wu_text span {
        font-size: 0.8rem;
        flex-wrap: wrap;
        margin-right: 0.5rem;
        margin-bottom: 0.3rem;
    }
    .quit_mo {
        display: block;
        font-size: 1.5rem !important;
        color: #999;
        margin-right: 1rem;
    }
    .person_tou {
        margin-right: 1rem;
    }
    .person_tou {
        width: 5rem;
        height: 5rem;
        line-height: 5rem;
    }
    .all_order_tag {
        justify-content: center;
    }
    .order_pro {
        flex-wrap: wrap;
    }
    .jie {
        width: 100%;
        margin-bottom: 2rem;
    }
    .s_price {
        padding-left: 0;
        border-left: none;
        margin: 0 1rem;
    }
    .price_button {
        padding-left: 0;
        border-left: none;
        margin: 1rem auto 0 auto;
    }
    .order_pro {
        padding: 2rem 0.8rem;
    }
    .price_button {
        flex-direction: row;
        justify-content: center;
    }
    .price_button .order_x {
        margin: 0.4rem 0.8rem;
    }
    .bian {
        padding: 1rem 0.8rem;
        flex-wrap: wrap;
    }
    .bian p {
        margin-bottom: 0.5rem;
    }
    .nei_title {
        left: 11px;
        width: 96%;
    }
    .nei_title span {
        margin-right: 0;
    }
    .nei {
        padding: 0 0.8rem;
    }
    .yan {
        border-top: none;
    }
    .cate_add {
        width: 100%;
        margin-bottom: 2rem;
    }
    .cate_li_list_p li {
        width: 100%;
        margin: 0.5rem 0;
    }
    .cate_add_img {
        display: none;
    }
    .ll_dizhi_list_box {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .ll_dizhi_list p {
        width: 40%;
        margin: 0.5rem 1rem;
    }
    .ll_dizhi_list li .edit_bun {
        width: 100%;
        margin: 1rem;
    }
    .mo_btn {
        width: 25%;
        margin: 0 auto;
    }
    .ll_dizhi_tabletitle {
        display: none;
    }
    .ll_dizhi_list_box p:nth-child(3) {
        float: left !important;
        clear: both;
    }
    .ll_dizhi_list_box {
        padding: 1.5rem 0;
    }
    .ll_di {
        width: 100%;
    }
    .ll_tui_top {
        padding: 1rem 0.8rem;
    }
    .ll_online {
        width: 40%;
    }
    .ll_shen {
        width: 40%;
    }
    .ll_tui_bottom {
        padding: 0 0.8rem;
    }
    .ll_tui_xin_text h4 {
        margin-bottom: 1rem;
    }
    .ll_di_title h3 {
        width: auto;
        border-bottom: none;
        text-align: left;
    }
    .pay_box {
        padding: 2rem 0.8rem;
    }
    .pay_text div {
        flex-wrap: wrap;
    }
    .pay_top i {
        font-size: 3rem;
    }
    .look_order {
        width: 48%;
    }
    .back_index {
        width: 48%;
    }
    .ll_nav {
        padding: 1rem 0;
    }
    .xinzeng {
        width: 50%;
    }
    .zhi {
        padding: 2rem 0.8rem;
    }
    .zhi_time {
        flex-wrap: wrap;
    }
    .zhi_time span {
        font-size: 1rem;
    }
    .zhi_ma ul {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .zhi_ma li {
        margin: 1rem auto;
        width: 100%;
    }
    .ll_di_box p {
        width: auto;
        flex: 1;
    }
    .ll_di_box input {
        width: 68%;
    }
    .ll_di_box {
        padding: 0 0.8rem;
    }
    .ll_di_choose {
        margin: 0 auto;
        justify-content: center;
    }
    .ll_di_button {
        width: 50%;
        margin: 2rem auto 0 auto;
        display: block;
    }
    .ll_ge ul {
        width: 100%;
    }
    .ll_ge li p {
        width: auto;
    }
    .ll_ge li .geli {
        flex: 1;
    }
    .ll_ge_button {
        width: 48%;
        margin: 0 auto;
        display: block;
    }
    .ll_rong_con {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .ll_rong {
        background-size: auto 100%;
        padding: 3rem 0.8rem;
    }
    .ll_brand_con img {
        display: none;
    }
    .ll_new_list li a {
        flex-wrap: wrap;
    }
    .ll_new_img {
        width: 100%;
        padding-top: 64%;
    }
    .ll_new_text {
        width: 100%;
        margin-top: 2rem;
    }
    .ll_hot_con .new_shop_title {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    }
    .ll_rong_main {
        width: 100%;
        margin-top: 2rem;
    }
    .ll_rong_box {
        padding: 2rem 1rem;
        flex-direction: column-reverse;
        align-items: center;
    }
    .ll_rong_box_left {
        width: 100%;
    }
    .ll_rong_box_right {
        width: 100%;
        margin-bottom: 2rem;
    }
    .ll_hot_list ul {
        flex-wrap: wrap;
    }
    .ll_hot_list li {
        width: 48%;
        margin: 0.8rem 0;
    }
    .ll_hot_list {
        padding: 0 0.8rem;
    }
    .ll_new_list {
        padding: 0 0.8rem;
    }
    .ll_hot_tab ul {
        flex-wrap: wrap;
        margin-top: 2rem;
        justify-content: flex-start;
    }
    .ll_hot_tab li {
        margin: 0.5rem;
    }
    .ll_new_list_button {
        width: 48%;
    }
    .ll_jia_con {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .ll_jia_text {
        padding: 0 0.8rem;
    }
    .ll_jia {
        padding: 2rem 0;
    }
    .ll_wen {
        position: static;
    }
    .cave_main img {
        height: 500px;
    }
    .cave_box {
        width: 100%;
    }
    .cave_Swiper {
        width: 100%;
    }
    .cave_button {
        padding: 1rem;
    }
    .cave_box_con {
        padding: 3rem 1rem;
    }
    .cave_Swiper {
        position: static !important;
    }
    .cave {
        padding: 3rem 0 0 0;
    }
    .ll_wen {
        display: none;
    }
    .pay_list_card li {
        width: 48%;
    }
    .pay_song li {
        flex-wrap: wrap;
    }
    .pay_song_liu textarea {
        width: 100%;
        flex: 1;
    }
    .pay_song_liu {
        width: 100%;
    }
    .pay_list_btn {
        width: 48%;
        margin: 2rem auto 0 auto;
    }
    .ll_tui_table {
        padding: 0 0.8rem;
    }
    .ll_tui_table_list ul {
        width: 100%;
    }
    .tui_r select {
        width: 96%;
    }
    .tui_r input {
        width: 92%;
    }
    .tui_sub {
        width: 48%;
    }
    .tui_kefu {
        width: 48%;
    }
    .ll_shop {
        padding: 0 0.8rem;
    }
    .shop_ping_sub {
        width: 48%;
        margin: 2rem auto 0 auto;
    }
    .RadioStyle label {
        margin: 0.5rem;
    }
    .lw_list {
        padding: 0 0.8rem;
    }
    .lw_bottom {
        flex-direction: column;
        align-items: flex-start;
    }
    .lw_tag {
        margin-top: 1rem;
    }
    .lw_title {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .lw_title span {
        margin-top: 1rem;
    }
 
    .order_lists .list_sum {
        width: auto;
    }
    .cartMain_hd {
        display: none;
    }
    .bar-wrapper {
        flex-wrap: wrap;
        /* flex-direction: column; */
        height: auto;
        padding: 2rem 0;
        align-items: center;
    }
    .bar-right {
        padding: 0 0.8rem;
       
    }
    .car {
        padding: 0 0 2rem 0;
    }
    .order_lists .list_sum .sum_price,
    .order_lists .list_price .price {
        font-size: 1.125rem;
    }
    .order_lists .list_amount .amount_box {
        margin: 0;
    }
    .list_amount {
        width: 10%;
    }
    .order_lists .list_amount .amount_box {
        width: auto;
    }

    .ll_di_box li:nth-child(3) {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    #area {
        width: 100%;
        margin-top: 1rem;
    }
    .ll_nav_button {
        display: none;
    }
    .product_banner {
        margin: 0 1rem;
    }
    .ll_nav_right {
        display: none;
    }
    .mob_li {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 3rem;
    }
    .mob_li a {
        display: flex !important;
        justify-content: flex-start;
        align-items: center;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    .mob_user {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .user_img {
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 1rem;
    }
    .user_img img {
        width: 100%;
        vertical-align: middle;
    }
    .user_con h3 {
        font-size: 1rem;
        color: #222;
        font-weight: bold;
        margin-bottom: 0.3rem;
    }
    .user_con p {
        font-size: 0.8rem;
        color: #999;
    }
    .a_title {
        flex-direction: column;
        align-items: flex-start;
        padding: 0.8rem;
    }
    .a_title p {
        margin-bottom: 0.5rem;
    }
    .a_list_one {
        flex-direction: column;
        align-items: flex-start;
    }
    .a_list_product {
        width: 100%;
    }
    .a_list_price {
        width: 100%;
        margin-top: 2rem;
    }
    .a_list_price span {
        display: none;
    }
    .as {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .as a {
        display: block;
        padding: 0.3rem 1rem;
        text-align: center;
        border: 1px solid #e5e5e5;
        border-radius: 35px;
    }
    .a_bottom a {
        display: block;
        padding: 0.3rem 1rem;
        border: 1px solid #4dbbf1;
        border-radius: 35px;
        color: #4dbbf1;
        font-size: 1rem;
        text-align: center;
        margin: 0;
    }
    .a_bottom {
        justify-content: space-between;
        align-items: flex-end;
        flex-wrap: wrap;
    }
    .a_bottom button {
        padding: 0.3rem 1rem;
        border-radius: 35px;
        border: 1px solid #4dbbf1;
        margin-left: 1rem;
    }
    .a_list {
        padding: 1rem 0.8rem;
    }
    .heji_btn {
        margin-left: 1rem;
    }
    #pictureViewer>.content {
        width: 100%;
    }
}
@media (min-width: 1201px) and (max-width: 1600px) {}
.ordercon .a_list_product_img{ width: 50%!important; }

.search_box_form{
    display: flex;
    justify-content: center;
    width: 100%;
}