/*===css rester start===*/
html,
body,
p,
div,
ul,
ol,
li,
i,
span,
em,
strong,
a,
abbr,
article,
address,
aside,
audio,
blockquote,
canvas,
caption,
cite,
code,
dl,
dt,
dd,
del,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
iframe,
nav,
pre,
ins,
label,
legend,
map,
mark,
object,
optgroup,
option,
q,
section,
video,
table,
tr,
td,
thead,
tbody {
    margin: 0;
    padding: 0;
}

a,
button,
input,
button {
    -webkit-tap-highlight-color: rgba(242, 249, 244, 0.4);
}

html {
    font-size: 10px;
}

body {
    font-family: "Microsoft YaHei", "Arial";
    line-height: 1;
    color: #7eb4ff;
    -webkit-overflow-scrolling: touch;
}

body1 {
    font-family: "Microsoft YaHei", "Arial";
    line-height: 1;
    color: #7eb4ff;
    -webkit-overflow-scrolling: touch;
}

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

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

b,
strong {
    font-weight: normal;
}

a {
    color: #fbffff;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

a:active {
    text-decoration: none;
}

ul,
li {
    list-style: none;
}

i {
    font-style: normal;
}

input,
button {
    font-family: "Microsoft YaHei", "Arial";
    border: none;
    outline: none;
}

select {
    outline: none;
}

button {
    cursor: pointer;
    background-color: #f9841d;
    color: #fff;
    font-size: 1.4rem;
    border-radius: 4px;
}

button:hover {
    background-color: #9fcaee;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
}
/*
input,
 */
select,
textarea {
    -webkit-appearance: none;
    /*去除input默认样式*/
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}

/*去除input默认箭头*/
.clearfloat:after {
    content: "\200B";
    display: block;
    height: 0px;
    clear: both;
}

.clearfloat {
    zoom: 1
}

.fl {
    float: left;
}

.fr {
    float: right;
}

h1,
h2,
h3 {
    color: #333;
}

p {
    color: #808080;
}

/*===css rester end===*/
body {
    /* 	cmin-width: 1180px; */
    /* 	max-width: 1920px; */
    margin: 0 auto;
}

div,
li,
p {
    box-sizing: border-box;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999999;
}

header .nav {
    max-width: 1480px;
    min-width: 1180px;
    height: 110px;
    margin: 0 auto;
    position: relative;
}

.nav-top {
    width: 99%;
    padding: 13px 0;
    text-align: right;
}

.nav-top a {
    display: inline-block;
    font-size: 1.4rem;
    color: #b2b2b2;
    padding: 0 18px;
    border-left: 1px solid #B2B2B2;
}

.nav-top a:first-child {
    border: none;
}

.nav-top .area {
    background: url(../images/area.jpg) right no-repeat;
    padding-right: 30px;
    margin-right: 10px;
}

/*===logo和首页===*/
.nav-con {
    position: relative;
    margin-top: 11px;
}

.nav-con .logo {
    display: inline-block;
}

.nav-con .menu {
    position: absolute;
    bottom: 0;
    top: 3px;
    left: 0;
    width: 100%;
    clear: both;
}

.nav-con .menu .menu-con {
    display: table;
    margin: 0 auto;
}

.nav-con .menu .menu-con a {
    display: inline-block;
    font-size: 1.4rem;
    color: #62cfff;
    margin: 0 18px;
    padding-bottom: 24px;
    border-bottom: 2px solid transparent;
}

.nav-con .menu .menu-con .current,
.nav-con .menu .menu-con a:hover {
    border-color: #f9bc37;
}

.scrolled .nav-con .menu .menu-con a {
    padding-bottom: 18px;
}

/*===导航-右侧===*/
.nav-right {
    margin-top: -18px;
    margin-right: 40px;
    margin-bottom: 12px;
    position: relative;
    z-index: 2;
}

header .scrolled {
    height: 65px;
}

.scrolled .nav-con {
    margin-top: 0;
}

.scrolled .nav-con .logo {
    width: 55px;
    height: 33px;
    margin-top: 7px;
}

.scrolled .nav-con .logo img {
    padding-top: 7px;
}

.scrolled .nav-con .menu {
    top: 30px;
}

.wrap {
    min-height: 550px;
    padding-top: 110px;
}

/*===搜索框===*/
.search {
    display: inline-block;
}

.search-con {
    position: relative;
    top: -3px;
    width: 30px;
    height: 28px;
    border: 1px solid transparent;
    border-radius: 50px;
}

.active .search-con {
    width: 224px;
    border-color: #fff;
    -webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570)
}

.search-con input {
    display: inline-block;
    background-color: transparent;
    width: 150px;
    padding: 5px 20px;
    color: #fff;
    opacity: 0;
    -webkit-transform: translate(0, 30px);
    -moz-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.active .search-con input {
    opacity: 1;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
}

.search-con .search-input {
    display: inline-block;
    position: absolute;
    top: 6px;
    right: 10px;
    cursor: pointer;
    background: url(../images/search.png) no-repeat;
    width: 16px;
    height: 17px;
}

.search-con .search-input:hover {
    background: url(../images/search.png) no-repeat;
}

.active .search-con .search-input:hover {
    background: url(../images/search.png) no-repeat;
}

/*===个人中心图标===*/
.nav-right .personal {
    display: inline-block;
    position: relative;
}

.nav-right .personal .personal-img {
    display: block;
    width: 1px;
    height: 17px;
    background: url(../images/personal2.png) no-repeat;
    margin-left: 24px;
    margin-right: 40px;
}

.nav-right .personal .personal-img:hover {
    background: url(../images/personal2.png) no-repeat;
}

/*===个人中心下拉菜单===*/
.personal-con {
    position: absolute;
    width: 150px;
    height: 0;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    top: 110px;
    right: 40px;
    box-shadow: 0 10px 30px rgba(248, 249, 255, 0.6);
    z-index: 30;
}

.personal-con ul {
    padding: 20px 0;
}

.personal-con li {
    padding: 0 46px;
}

.personal-con li a {
    display: block;
    font-size: 1.4rem;
    color: #333;
    padding: 17px 0;
}

.personal-con li a:hover {
    color: #f9751d;
}

.personal-con .personal-separation {
    border-top: 1px solid #f0f0f0;
}

/*===购物车图标===*/
.nav-right .shopping {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../images/gouwu.png) no-repeat;
}

.nav-right .shopping:hover {
    background: url(../images/gouwu.png) no-repeat;
}

.nav-right .shopping span {
    position: absolute;
    top: -7px;
    left: 8px;
    display: block;
    font-size: 12px;
    color: #fff;
    padding: 2px 5px;
    background-color: #f99a24;
    border-radius: 50px;
}

/*===购物车提示===*/
.shoppingCart {
    position: absolute;
    top: 110px;
    right: 20px;
    width: 359px;
    height: 0;
    overflow: hidden;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.shoppingCart li {
    padding: 20px;
}

.shoppingCart li img {
    width: 80px;
    height: 80px;
    float: left;
    border-radius: 4px;
}

.shoppingCart li h2,
.shoppingCart li h3 {
    font-size: 1.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 10px;
}

.shoppingCart li h2 {
    color: #000;
}

.shoppingCart li h3 {
    padding-top: 0px;
    color: #666666;
}

.shoppingCart li p {
    font-size: 1.4rem;
    color: #979797;
    padding: 0 10px;
    padding-top: 15px;
    padding-bottom: 8px;
    overflow: hidden;
}

.shoppingCart li p span {
    color: #f99302;
    padding-right: 10px;
}

.shoppingCart-con dl {
    display: inline-block;
    padding: 20px;
}

.shoppingCart-con dt {
    font-size: 1.4rem;
    color: #000;
}

.shoppingCart-con dd {
    font-size: 1.6rem;
    color: #f99302;
    margin-top: 15px;
}

.shoppingCart-con button {
    width: 118px;
    height: 42px;
    float: right;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 20px;
}

.no-shoppingCart {
    text-align: center;
    padding: 0 25px;
}

.no-shoppingCart h2 {
    font-size: 1.6rem;
    padding: 40px 0;
    border-bottom: 1px solid #F0F0F0;
    margin-bottom: 20px;
}

.no-shoppingCart button {
    width: 100%;
    height: 42px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 25px;
}


.return-top {
    display: none;
    position: fixed;
    right: 40px;
    bottom: 10%;
    width: 40px;
    height: 40px;
    background: url(../images/top.png) no-repeat;
    z-index: 998;
}

.return-top:hover {
    background: url(../images/top.png) no-repeat;
}


.footer {
    width: 100%;
    /* background-color: #0d0d0d; */
    margin: 0px auto;
}

.footer .footer-con {
    /* max-width: 1480px; */
    /* min-width: 1180px; */
    margin: 0 auto;
    padding: 20px;
}

.footer dl {
    /* float: left; */
    width: 100%;
    margin-bottom: 15px;
}

.footer dl dt {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 15px;
}

.footer dl dd {
    font-size: 12px;
    line-height: 1.7;
    display: inline-block;
}

.code div {
    display: inline-block;
    text-align: center;
    margin: 0 13px;
}

.code div p {
    font-size: 12px;
    padding: 10px 0;
}

.certificate {
    /* max-width: 1480px; */
    /* min-width: 1180px; */
    /*    text-align: right; */
    font-size: 12px;
    margin: 0 auto;
    /* margin-top: 60px; */
    padding: 20px;
}

.certificate a {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}


.footerConcern-us {
    margin-right: 10px;
    position: relative;
}

.footerConcern-us h2 {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    /* text-align: right; */
}

.footerConcern-us ul {
    /* text-align: right; */
    margin: 18px 0;
}

.footerConcern-us ul li {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    cursor: pointer;
}

.footerConcern-us ul li:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.49);
    top: 0;
    left: 0;
    border-radius: 50%;
}

.footerConcern-us ul li:hover:after {
    display: none;
}

.footerConcern-us .code {
    display: none;
    position: absolute;
    right: 0;
    top: 78px;
    width: 274px;
    padding-top: 13px;
    background: #191919;
}

.mall-con {
    max-width: 1500px;
    min-width: 1180px;
    margin: 0 auto;
    margin-top: 62px;
    margin-bottom: 62px;
}

.mall-cons {
    margin-bottom: 30px;
}

.mall-nav {
    width: 100%;
    position: absolute;
    box-shadow: rgba(4, 0, 0, 0.2) 0px 6px 15px 0px;
    background: white;
    height: 0;
    overflow: hidden;
    z-index: 21;
}

.mall-nav-con {
    display: table;
    margin: 0 auto;
    min-width: 1000px;
}

.mall-nav-con ul {
    display: inline-block;
    vertical-align: top;
    padding: 40px 40px 0;
}

.mall-nav-con .mall-nav-tit {
    min-height: 290px;
    border-right: 1px solid #f0f0f0;
}

.mall-nav-con ul li {
    font-size: 1.4rem;
    color: #333;
}

.mall-nav-con ul li a {
    color: #333;
}

.mall-nav-con ul li a:hover {
    color: #f96e17;
}

.mall-nav-con li {
    padding: 11px 0;
}

.mall-nav-con .mall-nav-tit li a,
.mall-nav-con .mall-nav-tit2 {
    font-weight: bold;
}


.dropdown,
.activity {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 0;
    overflow: hidden;
    box-shadow: rgba(4, 0, 0, 0.2) 0px 6px 15px 0px;
    background: #fbf9ff;
    z-index: 20;
}

.headercenter {
    justify-content: space-between !important;
    width: 90%;
}

.cart {
    right: 0;
}

@media screen and (min-width: 1180px) and (max-width: 1480px) {
    .nav-con .logo {
        padding-left: 20px;
    }

    .footer dl {
        width: 170px;
    }

    .wrap {
        min-height: 450px;
        background-color: #fffdfe
    }

    html {
        font-size: 9px !important;
    }
}

.breadcrumb {
    font-size: 1.4rem;
    color: #b2b2b2;
    height: 26px;
    line-height: 26px;
}

.breadcrumb a {
    color: #b2b2b2;
}

.breadcrumb b {
    font-weight: bold;
    color: #333;
}

.choose-type {
    margin-left: 32px;
    line-height: 1;
}

.choose-type,
.choose-type-con {
    display: inline-block;
}

.search-results {
    padding-right: 20px;
    font-size: 1.4rem;
    color: #333;
}

.choose-type-con a {
    display: inline-block;
    margin: 0 8px;
    border: 1px solid #f99302;
    padding: 5px 8px;
    font-size: 1.4rem;
    color: #f99302;
}

.choose-type-con a span {
    float: right;
    margin-left: 5px;
    font-size: 1.2rem;
}

.choose-type .clean {
    color: #666;
    margin-left: 15px;
}

.breadcrumb {
    font-size: 1.4rem;
    color: #b2b2b2;
    height: 26px;
    line-height: 26px;
}


/* 头部 */
.header {
    width: 100%;
    background: #fff;
    padding: 10px 20px;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 999;
}

.center {
    width: 100%;
}

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

.logo {
    width: 40px;
    float: left;
}

.logo img {
    width: 80px;
    display: block;
}

.overflow {
    overflow: hidden;

}

.headerRight {
    width: calc(100% - 40px);
    padding: 0 10px;
    justify-content: center;
}

.hide {
    display: none;
}

.headR {
    width: 25%;
}

.headerSearch {
    width: 80%;
    border: 1px solid #333;
    border-radius: 25px;
    padding-right: 10px;
}

.headerSearch input {
    width: calc(100% - 20px);
    line-height: 30px;
    border: 0;
    background: transparent;
}

.headerSearch span {
    font-size: 20px;
    color: #333;
}

.headerLogin {
    position: relative;
}

.headerLogin span {
    font-size: 20px;
    color: #333;
    margin: 0 4px;
    /* display:inline-block; */
    position: relative;

}

.headerLogin span.icon-gouwuche {
    margin-right: 0;
}

.headerleft {
    width: 100%;
}

.headerPerson {
    width: 120px;
    position: absolute;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, .1);
    z-index: 10;
    top: 38px;
    left: -46px;
    background: #fff;
    display: none;
}

.headerPerson.cur {
    display: block;
}

.headerPerson li {
    width: 100%;
    text-align: center;
    color: #333;
}

.headerPerson li a {
    display: inline-block;
    line-height: 30px;
    text-align: center;
    color: #333;
}

.headerLogin .islogin,
/*.headerPerson .isregister {*/
/*	display: none;*/
/*}*/

.headerPerson li.isShow {
    border-top: 1px solid #ddd;
    display: block !important;
}

.iconcircle {
    width: 15px;
    height: 15px;
    background: #f39800;
    border-radius: 50%;
    color: #fff;
    line-height: 15px;
    text-align: center;
    position: absolute;
    top: -6px;
    right: -6px;
    font-size: 10px;
    transform: scale(.7);
}

.headerl {
    justify-content: flex-start;
}

.cart li a {
    color: #f39800;
}

.login_btn a,
.quit {
    color: black;
    padding: 0 5px;
}

.headBtn {
    width: 30px;
    height: 28px;
    border-radius: 4px;
    border: 1px solid #333;
    box-sizing: border-box;
    padding: 5px 2px;
}

.headBtn span {
    width: 100%;
    display: block;
    height: 2px;
    background: #333;
    transition: .3s linear;
}

.headBtn.cur span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.headBtn.cur span:nth-child(2) {
    display: none;
}

.headBtn.cur span:nth-child(3) {
    transform: rotate(-45deg) translate(-5px, 4px);
}

.headBtn span:nth-child(2) {
    margin: 5px 0;
}

.showMenu {
    width: 100%;
    position: fixed;
    top: 54px;
    right: -100%;
    z-index: 100;
    height: calc(100vh - 54px);
    transition: .3s linear;
}

.showMenu.cur {
    right: 0;
}

.menuLeft, .menuright {
    width: 50%;
    background: #f39800;
    height: 100%;
    position: absolute;
    right: 0;
    padding-top: 20px;
}

.menuLeft {
    z-index: 2;
}

.menuLeft a {
    line-height: 40px;
    width: 100%;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 15px;

}

.menuLeft a.cur {
    background: #fff;
    color: #f39800;
}

.menuright {
		right: 0%;
		overflow-y: hidden;
		border-right: 0;
		width: 100%;
		position: relative;
		background:#fff;
		padding:10px;
		box-sizing:border-box;
		height:300px;
	}
	.menuchild em{ padding-right:30px}
	.menuchild em a{ color:#888;}
	.menuright.cur {
		right: 0%;
	}

.menuright .menurightLi {
    width: 100%;
    padding: 8px 0px;
}

.menutitle {
    width: 100%;
    font-size: 15px;
    text-align: center;
    margin-bottom: 5px;
}

.menurightLi:hover .menuchild {
    display: block;
}

.menurightLi:hover{
	background: #f8f8f8;
	border-radius:10px;
	color:#000000 !important;
}

.fore dt{
	font-weight: 600;
}
.fore dt,.fore dd{
	display: inline-block;display:block
}

.fore dd em{ font-style:normal}


.menuchild{
	display: none;
	width: 80%;
	height:100%;
	text-align: left;
	padding:20px;
	position: absolute;
	right:0;
	top:0;
	background: #f8f8f8;
	border-radius:0 10px 10px 0;
	overflow-y:scroll;
}
.menuchild::-webkit-scrollbar {
    display: none;
}

.menuchild a {
    font-size: 12px;
    color: #000000;
    width: 100%;
    text-align: center;
    line-height: 35px;
}

/* 内容 */
.indexContent {
    width: 100%;
    padding: 10px 0;
}

.indexContent .swiper-container, .indexContent .swiper-wrapper, .indexContent .swiper-slide {
    width: 100%;
}

.indexContent .swiper-container {
    padding: 0px 20px;
}

.indexContent .swiper-slide {
    box-sizing: border-box;
    padding: 0 4px;
    width: 25%;
}

.indextext {
    width: 100%;
    height: 100px;
    background: #efefef;
}

.indextext img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.indextext i {
    position: absolute;
    top: 0;
    left: 0;
    color: #f39800;
    font-size: 30px;
}

.indexTitle {
    width: 100%;
    padding: 10px;
}

.indexTitle p {
    white-space: nowrap;
    font-size: 12px;
    color: #333;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
}

.indexTitle p:last-child {
    color: red;
    margin-top: 10px;
}

.swiper-button-next, .swiper-button-prev {
    top: 40%;
    width: 30px;
    color: #333;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 20px;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0px;
}

.indexEntitle {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: #333;
    margin: 10px auto;
}

/* 轮播图 */
.indexbanner {
    width: 100%;
    height: 200px;

}

.indexbanner .swiper-container, .indexbanner .swiper-wrapper, .indexbanner .swiper-slide, .indexbanner img {
    width: 100%;
    height: 100%;
}

.indexbanner img {
    object-fit: cover;
}

.indexContainer {
    padding: 54px 0 20px 0;
}

.indexbanner .swiper-pagination-bullet-active {
    background: #f39800;
}

/* 详情页 */
.detailPage {
    padding-top: 54px;
}

.detailPage .center {
    flex-wrap: wrap;
}

.detailSwiper, .detailSwiper .swiper-wrapper, .detailSwiper.swiper-slide {
    width: 100%;
    height: 375px;
    background: rgba(0, 0, 0, 0);
}

.detailRight {
    width: 100%;
    padding: 20px 20px 0 20px;
}

.detailTitle {
    font-size: 18px;
    text-align: center;
    color: #333;
    margin-bottom: 15px;
}

.titlehide {
    font-size: 12px;
    margin-bottom: 10px;
}

.titlehide i {
    color: #ff0036;
    font-size: 16px;
    margin-right: 5px;
}

.dctitle {
    font-size: 14px;
    text-align: center;
    color: #333;
    margin-bottom: 10px;
}

.detailOption, .doChoose {
    width: 100%;
    overflow-y: scroll;
}

.detailOption::-webkit-scrollbar, .doChoose::-webkit-scrollbar {
    display: none;
}

.detailOption, .doChoose {
    padding: 0px 25px;
}

.detailChoose {
    padding: 15px 0;
    border-top: 1px solid #efefef;
}

.detailOption .swiper-slide {
    width: 25%;
    padding: 0px 5px;
}

.detailOption .swiper-slide.cur p {
    border-color: #f39800;
    color: #f39800;
}

.detailOption .swiper-slide p {
    width: 100%;
    border-radius: 25px;
    border: 1px solid #333;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}

.detailChoose {
    padding: 10px 0;
    border-top: 1px solid #efefef;
}

.doChoose .swiper-slide {
    width: 50%;
    padding: 0 5px;
    background: #fff;
    opacity: .5;
}

.doImg img {
    width: 100%;
    height: 60px;
    border-radius: 5px;
    /* display: block; */
    object-fit: cover;
}

.doImg li {
    border: 1px solid #ddd;
    border-radius: 4px;
    line-height: 20px;
    text-align: center;
    color: #333;
}

.detailButton p {
    font-size: 14px;
    width: 50%;
    text-align: center;
}

.detailChoose p.cur {
    color: #f39800;
}

/* .detailChoose  li p{
	font-size:14px;
	color:#333;
}*/
/*.detailChoose li .detailPrice,.detailFixed li .detailPrice{
    background: #f0efef;
    color: #ff0036;
    font-size: 12px;
    padding: 4px 5px;
}*/
/*.detailChoose  li .detailPrice i,.detailFixed li .detailPric i{
	font-size:18px;
}*/
/*.detailChoose  li span.detailspan,.detailFixed li span.detailspan{
	font-size:12px;
	margin-left:10px;
}*/
.detailparam li {
    padding: 10px 0;
}

/*.detailparam li .detailBtn,.detailFixed li  .detailBtn{
    border: 1px solid #ddd;
}*/
/*.detailparam li .detailBtn i,.detailFixed li  .detailBtn i {
    padding: 0px 8px;
}*/
/*.detailparam li .detailBtn i.btnsubtract,.detailparam li .detailBtn i.btnadd{
	background:#ddd;
}*/
.detailparam .prize_bar {
    margin-bottom: 15px;
    line-height: 24px
}

.detailparam .prize_bar span {
    color: #666;
    display: inline-block;
    width: 40px;
}

.detailparam .prize_bar .show_pirze {
    display: inline-block;
    width: 100px;
    color: #ff0036;
    background: #f0efef;
    padding: 0px 5px;
}

.detailparam .show_pirze em {
    font-style: normal
}

.detailparam .prize_bar .show_unit {
    color: #666;
    display: inline-block;
    width: 140px;
    margin-left: 15px;
}

.detailparam .total1 {
    color: #666;
    line-height: 24px;
    height: 24px;
    display: flex;
    margin-bottom: 15px;
}

.detailparam .total1 .total {
    width: 156px
}

.detailparam .total span {
    color: #666;
    display: inline-block;
    width: 40px;
}

.detailparam .total em {
    color: #ff0036;
    background: #f0efef;
    padding: 0px 5px;
    font-style: normal;
    display: inline-block;
}

.detailparam .total1 .goods_num {
    display: inline-block;
    line-height: 24px;
    margin-left: 15px;
}

.detailparam .num_add {
    display: flex;
}

.detailparam .num_add a {
    color: #666;
    font-size: 18px;
    padding: 0px 5px;
}

.detailparam .num_show {
    display: inline-block;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    border: 1px solid #f1f1f1;
    padding: 0px 10px;
    width: 30px;
}

.detailparam .operate_btn {
    padding-left: 20px;
}

.detailparam .operate_btn .buy_btn {
    color: #fff;
    background: #ff0036;
    padding: 10px 0px;
    text-align: center;
    width: 120px;
    display: inline-block;
    margin-left: 0px;
}

.detailparam .operate_btn .add_cart {
    color: #fff;
    background: #ff0036;
    padding: 10px 0px;
    text-align: center;
    width: 120px;
    display: inline-block;
    margin-left: 15px;
}

.detailparam .operate_btn .add_cart i {
    margin-right: 5px;
}

.detailparam li .detailChart {
    color: #fff;
    background: #ff0036;
    padding: 10px 0px;
    text-align: center;
}

.detailparam li .detailChart i {
    margin-right: 5px;
}

.doImg li {
    display: none;
}

.doImg li.cur {
    display: block;
}

.doChoose .swiper-slide.cur {
    opacity: 1;
}

.detailFixed {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: #fff;
    padding: 0 10px;
}

.detailFixed li p {
    color: #333;
    font-size: 15px;
}

.detailFixed li .goods_num {
    display: inline-block;
    line-height: 24px;
    margin-left: 15px;
}

.detailFixed li .goods_num .num_add {
    display: flex;
}

.detailFixed li .goods_num .num_add a {
    color: #666;
    font-size: 18px;
    padding: 0px 5px;
}

.detailFixed li .num_add .num_show {
    display: inline-block;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    border: 1px solid #f1f1f1;
    padding: 0px 10px;
    width: 30px;
}

.detailFixed li .add_cart {
    color: #fff;
    background: #ff0036;
    padding: 10px 0px;
    text-align: center;
    width: 120px;
    display: inline-block;
    margin-left: 15px;
}

.detailFixed li .add_cart i {
    margin-right: 5px;
}

/*.detailFixed li .detailChart  {
 display: flex;
}*/
.detailContent {
    padding: 20px;
    color: #333;
    font-size: 12px;
    border-top: 1px solid #efefef;
    display: none;
}

.detailContent.cur {
    display: block;
}

.detailContent .indexEntitle {
    display: none;
}

@media (min-width: 768px) {
    .headerRight {
        /*width: 300px;*/
        padding: 0 10px;
        justify-content: center;
    }

    .logoLeft {
        width: 20%;
    }

    .indextext {
        height: 200px
    }

    .indexbanner {
        height: 250px;
    }
}

@media (min-width: 1200px) {
    .header {
        background: transparent;
    }

    /*  .header.active {
          background: #fff;
      }*/

    .indexContainer {
        padding: 0 0 66px 0;
    }

    .indexbanner {
        height: 400px;
    }

    .indexEntitle {
        margin: 40px auto;
        font-size: 20px;
    }

    .indexTitle p {
        font-size: 15px;

    }

    .swiper-button-next, .swiper-button-prev {
        top: 50%;
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 30px;
    }

    /* .indexContent {
	  padding: 200px 0;
	} */
	.headBtn{
		display:none;
	}
	.headerPerson li.isregister,
	.headerPerson li.islogin {
		display: none !important;
	}

	.center {
		width: 100% !important;
		margin: auto;
	}

	.logoLeft {
		width: 20%;
	}

	.logo {
		width: 80px;
	}

	.hide {
		display: block;
	}

	.headerMenu a {
		color: #333;
		font-size: 16px;
		padding: 10px;
		position: relative;
		display: inline-block;
		box-sizing: border-box;
	}

	.headerRight {
		width: 80%;

	}

	.headerl {
		justify-content: flex-start;
	}

	.headerleft {
		width: 40%;
	}

	.headerSearch {
		width: 250px;
		margin-left: 20px;
	}

	.headerLogin .login_btn {
		font-size: 16px;
		color: #666;
	}

	.headerPerson {
		left: 50%;

	}

	.footer .footer-con {
		display: flex;
	}

	.footer dl dd {

		display: block;
	}

	.footer dl {
		width: 14.2%;
	}

	.headerPerson li.isShow {
		display: none;
	}
	.headercenter {
		justify-content: center !important;
	}

	.headerLogin {
		justify-content: flex-end;
	}
	.headertitle.cur:after{
		width:100%;
	}
	.headertitle:after {
		content: '';
		position: absolute;
		width: 0%;
		height: 3px;
		background: #f39800;
		left: 0;
		bottom: 0;
		border-radius: 25px;
		transition: .3s linear;
	}
	.headertitle i{
		font-size:20px;
		vertical-align: middle;
	}
	.indextext {
		height: 300px;
	}
	.showMenu.cur {
		right: auto;
		top: 67px;
	}
	.showMenu {
		top: -100%;
		right: auto;
		height: auto;
		overflow: hidden;
		border-top: 1px solid #efefef;
		box-shadow: 1px 1px 10px rgba(0,0,0,.2);
	}
	.menuLeft {
		display:none;
	}
	.menuright {
		right: 0%;
		overflow-y: hidden;
		border-right: 0;
		width: 100%;
		position: relative;
		background:#fff;
		padding:10px;
		box-sizing:border-box;
		height:300px;
	}
	.menuchild em{ padding-right:30px}
	.menuchild em a{ color:#888;}
	.menuright.cur {
		right: 0%;
	}
	.menuright .center{
		display:flex;
	}
	.menuright .menurightLi {
		width: 100%;
	}
	.menuchild a {
		font-size: 14px;
		color:#333;
		line-height: 40px;
	}
	.menutitle {
		font-size: 16px;
		color:#333;
		font-weight: bold;
		text-align:left;
		padding-left:20px;
	}
	.detailSwiper{
		width:75%;
	}
	.detailRight{
		width:24%;
	}
	.detailSwiper img {
		height: 550px;

	}
	.detailRight {
		padding: 0px 0px;
	}
	.dctitle {
		margin-bottom: 15px;
	}
	.detailButton p {
		font-size: 15px;
	}
	.detailChoose {
		padding: 10px 0;
	}

	.detailPage .center {
		align-items: flex-start;
	}
	.detailPage {
		padding-top: 80px;
	}
	.detailparam li .detailChart {
		width: 200px;
	}
	.titlehide,.detailFixed{
		display:none;
	}
	.detailContent{
		display:block;
		border-top:0;
	}
	.detailContent .indexEntitle{
		display:block;

	}
	.detailContent .indexEntitle,.like .indexEntitle{
		text-align:left;
	}
}

.footer{
    border-top:1px solid #fe0000;
    margin:30px 0;
}
.foot_link{text-align:center;margin-top:30px;}
.foot_link a,.foot_link span{color:#4e4e4e;}
.foot_link a:hover{color:#ff8800}
.foot_link span{padding:0 10px}
.footer p{text-align:center; margin-top:10px;}


@media (min-width: 1440px) {
    .headerMenu a {
        padding: 10px 20px;

    }

    .center {
        width: 96% !important;
    }

    .footer .footer-con {
        padding: 30px 20px;
    }

    .indextext {
        height: 350px;
    }

    .indexbanner {
        height: 500px;
    }

}

@media (min-width: 1920px) {
    .center {
        width: 1440px
    }

    .headerRight {
        width: 70%;
    }
}


/*===购物车内容===*/
.total_count {
    width: 1200px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.total_count em {
    font-size: 16px;
    color: #ff4200;
    margin: 0 5px;
}

.cart_list_th {
    overflow: hidden;
    width: 1198px;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    margin: 0 auto;
}

.cart_list_th li {
    height: 40px;
    line-height: 40px;
    float: left;
    text-align: center;
}

.cart_list_th .col01 {
    width: 4%;
}

.cart_list_th .col02 {
    width: 26%;
}

.cart_list_th .col03 {
    text-align: left;
    width: 15%;
}

.cart_list_th .col04 {
    width: 13%;
}

.cart_list_th .col05 {
    width: 12%;
}

.cart_list_th .col06 {
    width: 15%;
}

.cart_list_th .col07 {
    width: 15%;
}

.cart_list_td {
    display: flex;
    align-items: center;
    padding: 20px 0;
    overflow: hidden;
    width: 1198px;
    border: 1px solid #ddd;
    background-color: #fff9f9;
    margin: 0 auto;
    margin-top: -1px;
}

.cart_list_td li {
    float: left;
    text-align: center;
}

/**
.cart_list_th .col01{width:4%;}
.cart_list_th .col02{width:26%;}
.cart_list_th .col03{width:15%;}
.cart_list_th .col04{width:13%;}
.cart_list_th .col05{width:12%;}
.cart_list_th .col06{width:15%;}
.cart_list_th .col07{width:15%;}
 */
.cart_list_td .col01 {
    width: 4%;
}

.cart_list_td .col01 input[type=checkbox] {
    -webkit-appearance: checkbox;
}

.cart_list_td .col02 {
    width: 26%;
    display: flex;
    justify-content: space-around;
    align-items: center;

}

.cart_list_td .col03 {

    width: 15%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cart_list_td .col04 {
    width: 13%;
}

.cart_list_td .col05 {
    width: 12%;
}

.cart_list_td .col06 {
    width: 15%;
}

.cart_list_td .col07 {
    width: 15%;
}

.cart_list_td .col08 {
    width: 18%;
}

.cart_list_td .col02 img {
    margin: 0;
    width: 100px;
    height: 100px;
    border: 1px solid #ddd;
    display: block;;
}

.cart_list_td .col03 {
    height: 48px;
    text-align: left;
    line-height: 24px;
}

.cart_list_td .col03 em {
    color: #999
}

.cart_list_td .col07 a {
    color: #666
}

.cart_list_td .col05 .num_add {
    display: flex;
    width: 98px;
    height: 28px;
    border: 1px solid #ddd;
    margin: 0px auto 0;
}

.cart_list_td .col05 .num_add a {
    width: 29px;
    height: auto;
    line-height: 28px;
    background-color: #f3f3f3;
    font-size: 14px;
    color: #666
}

.cart_list_td .col05 .num_add input {
    width: 38px;
    height: auto;
    text-align: center;
    line-height: 30px;
    border: 0px;
    display: block;
    float: left;
    outline: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}


.settlements {
    width: 1198px;
    height: 78px;
    border: 1px solid #ddd;
    background-color: #fff4e8;
    margin: -1px auto 0;
}

.settlements li {
    line-height: 78px;
    float: left;
}

.settlements .col01 {
    width: 4%;
    text-align: center
}
.settlements .col01 input[type=checkbox] {
    -webkit-appearance: checkbox;
}

.settlements .col02 {
    width: 12%;
}

.settlements .col03 {
    width: 69%;
    height: 48px;
    line-height: 28px;
    text-align: right;
    margin-top: 10px;
}

.settlements .col03 span {
    color: #ff0000;
    padding-right: 5px
}

.settlements .col03 em {
    color: #ff3d3d;
    font-size: 22px;
    font-weight: bold;
}

.settlements .col03 span {
    color: #ff0000;
}

.settlements .col03 b {
    color: #ff0000;
    font-size: 14px;
    padding: 0 5px;
}

.settlements .col04 {
    width: 14%;
    text-align: center;
    float: right;
}

.settlements .col04 a {
    display: block;
    height: 78px;
    background-color: #ff3d3d;
    text-align: center;
    line-height: 78px;
    color: #fff;
    font-size: 24px
}

/*列表页 */
.main_wrap{width:1200px;margin:0 auto;}
.l_wrap{width:200px;}
.r_wrap{width:980px;}

/* 新品推荐样式 */

.new_goods{
    border:1px solid #ededed;
    border-top:2px solid #f80000;
    padding-bottom:10px;
}

.new_goods h3{
    height:33px;line-height:33px;background-color:#fcfcfc;border-bottom:1px solid #ededed;font-size:14px;font-weight:normal;text-indent:10px;
}

.new_goods ul{width:160px;margin:0 auto;overflow:hidden;}
.new_goods li{border-bottom:1px solid #ededed;margin-bottom:-1px;}
.new_goods li img{display:block;width:150px;height:150px;margin:10px auto;}
.new_goods li h4{width:160px;margin:0 auto;}
.new_goods li h4 a{font-weight:normal;color:#666;display:block;width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.new_goods li .prize{font-size:14px;color:#da260e;margin:10px auto;}

/* 商品列表样式 */

.sort_bar{height:30px;background-color:#fbf3f3}
.sort_bar a{display:block;height:30px;line-height:30px;padding:0 20px;float:left;color:#000}
.sort_bar .active{background-color:#f80000;color:#fff;}


.goods_type_list{
    margin:10px auto 0;
}

.goods_type_list li{
    width:196px;
    float:left;
    margin-bottom:10px
}

.goods_type_list li img{width:160px;height:160px;display:block;margin:10px auto;}
.goods_type_list li h4{width:160px;margin:0 auto;}
.goods_type_list li h4 a{font-weight:normal;color:#666;display:block;width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.operate{width:160px;margin:10px auto;position:relative;}
.goods_type_list .operate .prize{color:#da260e; font-size:14px;}
.goods_type_list .operate .unit{color:#999;padding-left:5px;}
.goods_type_list .operate .add_goods{display:inline-block;width:15px;height:15px;background:url(../images/shop_cart.png);position:absolute;right:0;top:3px;}


/* 分页样式 */

.pagenation{height:32px;text-align:center;font-size:0;margin:30px auto;}
.pagenation a{display:inline-block;border:1px solid #d2d2d2;background-color:#f8f6f7;font-size:12px;padding:7px 10px;color:#666;margin:5px}

.pagenation .active{background-color:#fff;color:#43a200}


/* 提交订单页面内容样式 */
.tab_content{display:none;}
.current{display:block;}
.tab_content dt{margin-top:10px;font-size:16px;color:#c40000}
.tab_content dd{line-height:24px;margin-top:5px;}

.cart_list_th{
    width:1198px;
    border:1px solid #ddd;background-color:#f7f7f7;
    margin:0 auto;
    overflow: hidden;
}

.common_title{width:1200px;margin:20px auto 0;font-size:14px;}
.common_list_con{width:1200px;border:1px solid #dddddd;border-top:2px solid #e3101e;margin:10px auto 0;background-color:#f7f7f7;position:relative;}
.common_list_con dl{margin:20px;}
.common_list_con dt{font-size:14px;font-weight:bold;margin-bottom:10px}
.common_list_con dd input{vertical-align:bottom;margin-right:10px}

.edit_site{position:absolute; right:20px;top:30px;width:100px;height:30px;background-color:#fe0000;text-align:center;line-height:30px;color:#fff}

.pay_style_con{margin:20px;}
.pay_style_con input{float:left;margin:14px 7px 0 0;}
.pay_style_con label{float:left;border:1px solid #ccc;background-color:#fff;padding:10px 10px 10px 40px;margin-right:25px}

.pay_style_con .cash{background:url(../images/pay_icons.png) 8px top no-repeat #fff;}

.pay_style_con .weixin{background:url(../images/pay_icons.png) 6px -36px no-repeat #fff;}
.pay_style_con .zhifubao{background:url(../images/pay_icons.png) 12px -72px no-repeat #fff;width:50px;height:16px}

.settle_con{margin:10px}
.total_goods_count,.transit,.total_pay{line-height:24px;text-align:right}
.total_goods_count em,.total_goods_count b,.transit b,.total_pay b{font-size:14px;color:#ff4200;padding:0 5px;}

.order_submit{width:1200px;margin:20px auto;}
.order_submit a{width:160px;height:40px;line-height:40px;text-align:center;background-color:#fe0000;color:#fff;font-size:16px;display:block;float:right}

.popup_con{display:none;}

.popup{width:300px;height:150px;border:1px solid #dddddd;border-top:2px solid #00bc6f;background-color:#f7f7f7;position:fixed;
    left:50%;
    margin-left:-150px;
    top:50%;
    margin-top:-75px;
    z-index:1000;
}

.popup p{height:150px;line-height:150px;text-align:center;font-size:18px;}

.mask{width:100%;height:100%;position:fixed;left:0;top:0;background-color:#000;opacity:0.3;z-index:999;}


/* 确认订单页面内容样式 */
.search_bar{width:1200px;height:115px;margin:0 auto;}

.sub_page_name{font-size:20px;color:#666;margin:60px 0 0 43px}

.cart_goods_show{
    position:absolute;
    width:320px;
    padding:10px;
    background:#fff;
    border:1px solid #ddd;
    right:0px;
    top:33px;
    z-index:9998;
    display:none;
}

.order_success{
    margin:30px auto;
    background:url(../images/success.png) 50px center no-repeat;
}

.order_success p{
    text-indent:140px;
    margin-bottom:10px;
}

.order_success p em{
    font-size:20px;
    color:#fe0000;
}

.order_success p a{
    color:#f80;
}
.order_success p a:hover{
    text-decoration:underline;
}

/* 个人中心单页面内容样式 */
.main_con{
    width:1200px;
    margin:0 auto;
   /* background:url(../images/left_bg.jpg) repeat-y; */
    overflow: hidden;
}

.left_menu_con{
    width:200px;
    float:left;
}

.left_menu_con h3{
    font-size:16px;
    line-height:40px;
    border-bottom:1px solid #ddd;
    text-align:center;
    margin-bottom:10px;
}

.left_menu_con ul li{
    line-height:40px;
    text-align:center;
    font-size:14px;
    overflow: hidden;
}

.left_menu_con ul li a{
    color:#666;
}
.left_menu_con ul li a img{
    /* float: left; */
    width: 27px;
    vertical-align: middle;
    margin: 10px;
    display: inline-block;
}
.left_menu_con ul li .active{
    color:#ff8800;
    font-weight:bold;
}

.right_content{
    width:980px;
    float:right;
    min-height:500px;
}

.common_title2{height:20px;line-height:20px;font-size:16px;margin: 13px 0;font-weight: 700;}
.user_info_list{
    background-color:#f9f9f9;
    margin:10px 0 15px;
    padding:10px 0;
    /* height:90px; */
    border-radius: 10px;
    overflow: hidden;
}

.user_info_list li{
    line-height:30px;
    text-indent:30px;
    font-size:14px;
}

.user_info_list li span{
    width: 96px;
    float:left;
    text-align:right;
}

.info_con{
    width:980px;
}

/* 个人订单页面内容样式 */
.order_list_th{width:1198px;border:1px solid #ddd;background-color:#f7f7f7;margin:20px auto 0;}
.order_list_th li{float:left;height:30px;line-height:30px}
.order_list_th .col01{width:20%;margin-left:20px}
.order_list_th .col02{width:40%}

.order_list_table{
    width:1200px;
    border-collapse:collapse;
    border-spacing:0px;
    border:1px solid #ddd;
    margin:-1px auto 0;
}

.order_list_table td{
    border:1px solid #ddd;
    text-align:center;
	padding:0;
	
}

.order_goods_list{border-bottom:1px solid #ddd; padding:20px 0;}
.order_goods_list:last-child {border-bottom:0 none;}
.order_goods_list li{float:left; height:80px;line-height:80px;}
.order_goods_list .col01{width:100px}
.order_goods_list .col01 img{width:60px;height:60px;border:1px solid #ddd;margin:10px auto;}
.order_goods_list .col02{width:calc(100% - 410px);text-align:left;}
.order_goods_list .col02 em{color:#999;margin-left:10px}
.order_goods_list .col03{width:50px}
.order_goods_list .col04{width:80px}
.order_goods_list .col05{width:180px; line-height:23px; text-align:left}

.oper_btn{display:inline-block;border:1px solid #ddd;color:#666;padding:5px 10px}

.w980{
    width:980px;
}

.w978{
    width:978px;
}

/* 收货地址页面内容样式 */
.site_top_con{
    overflow: hidden;
    margin-bottom:10px;
}

.site_top_con a{
    float:left;
    width:100px;
    line-height:28px;
    border:1px solid #da2828;
    text-align:center;
    color:#c81919;
    font-weight:bold;
    background:#f7d5d5;
}
.site_top_con span{
    float: left;
    line-height:30px;
    margin-left:10px;
}
.site_top_con b{
    color:#f80;
}

.site_con{
    border:1px solid #ddd;
    padding:15px;
    margin-bottom:20px;
    position:relative;
}

.site_title{
    overflow: hidden;
}

.site_title h3{
    float: left;
    font-size:16px;
    line-height:22px;
}

.site_title em{
    float: left;
    font-size:12px;
    line-height:16px;
    color:#fff;
    background:#f80;
    padding:2px;
    margin-left:20px;
}
.site_title span{
    float:right;
    font-size:20px;
    line-height:22px;
    cursor:pointer;
}

.site_title a{
    float: left;
    width:22px;
    height:22px;
    background: url(../images/edit.png) no-repeat;
    margin-left:10px;
}


.site_list{
    margin-top:10px;
}
.site_list li{
    line-height:28px;
    overflow: hidden;
}
.site_list li span{
    float: left;
    width:100px;
    text-align:right;
    font-size:12px;
    color:#999;
}
.site_list li b{
    font-weight:normal;
    color:#333;
    font-size:12px;
}
.down_btn{
    position: absolute;
    bottom:15px;
    right:15px;
    font-size:0px;
}

.down_btn a{
    color:#3eb8e9;
    font-size:12px;
    margin:0px 10px;
}

/* 新增收货地址页面内容样式 */
.site_con{
    border:1px solid #ddd;
    padding:15px;
    margin-bottom:20px;
    position:relative;
}

.site_pop{
    width:530px;
    height:350px;
    background:#fff;
    border:1px solid #dddddd;
    background-color:#f7f7f7;
    position:fixed;
    left:50%;
    margin-left:-251px;
    top:50%;
    margin-top:-156px;
    z-index:1000;
    border-radius: 10px;
    overflow: hidden;
}


.site_pop_title{
    background:#810101;
    margin-left:-14px;
    margin-right:-14px;
    margin-top:-14px;
    margin-bottom:10px;
    overflow:hidden;
}
.site_pop_title h3{
    color:#fff;
    float: left;
    line-height:30px;
    text-indent:20px;
    font-size:16px;
}

.site_pop_title a{
    color:#fff;
    float:right;
    font-size:26px;
    margin-right:10px;
    line-height:30px;
}

.site_con .form_group{
    height:40px;
    line-height:40px;
}

.site_con .form_group label{
    width:100px;
    float:left;
    text-align:right;
    font-size:14px;
    height:40px;
    line-height:40px;
}

.site_con .form_group input{
    width:300px;
    height:25px;
    border:1px solid #ddd;
    float:left;
    outline:none;
    margin-top:7px;
    border-radius: 10px;
    text-indent:10px;
}
.site_con .form_group2{
    height:90px;
}
.site_con .form_group select{
    width:120px;
    height:27px;
    border:1px solid #ddd;
    float:left;
    outline:none;
    margin-top:7px;
    margin-right:10px;
    border-radius:10px
}

.info_submit{
    width:80px;
    height:30px;
    background-color:#fe0000;
    border:0px;
    color:#fff;
    margin:10px 0 10px 100px;
    cursor:pointer;
    font-family:'Microsoft Yahei';
    border-radius:10px
}

.info_reset{
    margin:10px 0 10px 10px;
    background-color:#bd0c0c;
}




/* 页面尾部样式 */
.footer{
    border-top:1px solid #fe0000;
    margin:30px 0;
}

.foot_link{text-align:center;margin-top:30px;}
.foot_link a,.foot_link span{color:#4e4e4e;}
.foot_link a:hover{color:#ff8800}
.foot_link span{padding:0 10px}
.footer p{text-align:center; margin-top:10px;}









.order_list_table{display: flex;   justify-content: space-between;    }
.order_list_table>ul{ width:calc(100% - 300px);   }
.order_list_table>li{ border-left:#ddd 1px solid;display: flex; align-items: center;justify-content:center; text-align:center; width:100px}
.order_list_th{ padding:0 15px; box-sizing:border-box}
.order_list_th.clearfix:before, .clearfix:after{ content:none;}

@media (max-width: 1270px) {
	
	
	 .right_content{
        width: calc(100% - 220px);
     
      
    }
	
	.w978{ width:100%;position:relative}
	.w980{ width:100%; position:relative}
	
	.main_con{ width:96%; margin:0 auto}
	
	.order_goods_list li{float:left; height:auto;line-height:23px;}
	
	.order_goods_list .col02 em{ display:block}
	
	.order_list_table>ul{ width:calc(100% - 240px);   }
.order_list_table>li{  width:80px}


	
}



@media (max-width: 1000px) {
    .main_con{
        width: 98%;
        margin: 0 auto;
        overflow: hidden;
    }
    .right_content{
        width: 98%;
        margin: 0 auto;
        float: none;
    }
    .left_menu_con{
        width: 100%;
        float: none;
    }
    .left_menu_con ul{
        overflow: hidden;
    }
    .left_menu_con ul li{
        line-height:40px;
        text-align:center;
        font-size:14px;
        overflow: hidden;
        float: left;
        width: 25%;
    }

    .left_menu_con ul li a{
        color:#666;
    }
    .left_menu_con ul li a img{
        /* float: left; */
        width: 42px;
        vertical-align: middle;
        margin: 10px;
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    .left_menu_con h3{
        display: none;
    }
    .search_bar{
        width: 100%;
    }
    .info_con{
        width: 100%;
    }
    .sub_page_name{
        margin: 60px 8px 0;
        font-weight: 700;
        font-size: 16px;
    }
.order_goods_list .col01{ width:100px}
.order_list_th { display: flex;   justify-content: space-between;}
.order_list_th .col02{ width:auto}
.order_goods_list .col02{ width:100%}
.order_goods_list .col05 .diyi{ position:relative; padding-right:25px;}
.order_goods_list .col05 .diyi:after{ content:"";  position:absolute; right:5px; top:6px;    border: solid #999;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
transform: rotate(45deg);
  -webkit-transform: rotate(45deg);}
.order_goods_list .col05 .dier{ display:none;}

.order_list_table td{ border:0}

.order_list_table td{}


.order_goods_list li{ line-height:23px; float:none; height:auto;  }
 
.order_goods_list .col02{ text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }
.order_goods_list .col02 em{ display:block; margin-left:0 }
.order_goods_list .col03 { position:absolute; right:15px; top:50px; width:auto}

.order_goods_list .col03:before{ content:"×"; display:inline-block;}
.order_goods_list .col05{  z-index:99; background:#f8f8f8; width:auto; border-radius:5px; padding:0 10px; box-sizing:border-box; right:10px; top:20px; max-width:140px; position:absolute }

.order_goods_list .col04{ display:none; }
.order_goods_list .col03{}



.order_list_table{ display:block; padding-bottom:50px;}
.order_list_table>ul{ width:100%;   }
.order_list_table>li{ border-left:#ddd 1px solid;display: flex; align-items: center;justify-content:center; text-align:center; width:80px}


.order_goods_list{ display: flex;   justify-content: space-between; position:relative}
.order_list_table>li:nth-child(2){ position:absolute; right:15px; border:0; width:auto; bottom:50px; font-size:16px; font-weight:bold}
.order_list_table>li:nth-child(3){ position:absolute; right:115px; border:0; width:auto; bottom:10px; line-height:25px; border:#ddd 1px solid;  color:#666; border-radius:15px;width:90px;font-size:14px}
.order_list_table>li:nth-child(4){ position:absolute; right:15px; border:0; width:auto;bottom:10px;}

.oper_btn{border-radius:15px; line-height:25px; width:90px; padding:0; font-size:14px}



}
@media (max-width: 768px) {
    .goods_type_list li {
        width: 31%;
        float: left;
        margin-bottom: 10px;
        margin: 1.1%;
    }
    .goods_type_list li img {
        width: 100%;
        height: 110px;
    }

    /*0905*/

    .site_pop {
        width: 90%;
        height: 350px;
        background: #fff;
        border: 1px solid #dddddd;
        background-color: #f7f7f7;
        /* position: static; */
        left: 5%;
        margin-left: 0;
        top: 22%;
        margin-top: 0;
        z-index: 1000;
    }
    .site_con .form_group{
        display: flex;
    }


    /*96*/
    .site_con .form_group label {
        width: 86px;
        float: left;
        text-align: right;
        font-size: 12px;
        height: 40px;
        line-height: 40px;
        overflow: hidden;
    }
    .site_con .form_group select {
        width: 30%;
        height: 27px;
        border: 1px solid #ddd;
        float: left;
        outline: none;
        margin-top: 7px;
        margin-right: 0;
        border-radius: 10px;
    }
}

@media(max-width:1200px) {

.showMenu {
	width: 100%;
	position: fixed;
	top: 54px;
	right: -100%;
	z-index: 100;
	height: calc(100vh - 54px);
	transition: .3s linear;background:#fff; box-sizing:border-box; overflow:hidden;

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

.menuLeft, .menuright{ background:none; width:100%}
.menuright {

    background: #eee;

    margin: 5px 0;

    padding: 15px;
    box-sizing: border-box;
	width:100%

}

.menuLeft a {

    color: #333; position:relative; line-height:30px

}
	.menuLeft a.cur{


	 background:#eee; border-radius:10px 10px 0 0


}
/*
.menuLeft a.cur:before, .menuLeft a.cur:after{    display: block;    position: absolute;    content: "";    height:40px; width:5px;    background-color:#eee;    border-radius:15px;    top: -5px;}
.menuLeft a.cur:before{    left: -1px;}
.menuLeft a.cur:after{    right: -1px;}*/
.menuright.cur {
    right: 0px; top:45px
}

.menutitle{ text-align:left; float:left; width:100px; padding-left:15px}

.menuLeft, .menuright{ height:auto}

.menuright{ height:calc(100% - 50px)}

.menuchild{ background:#fff; border-radius:5px; margin:10px; width:calc(100% - 130px); box-sizing:border-box; margin:0; padding:10px; height:96%; top:2%;overflow-y:scroll;}
.menurightLi:hover{ background:#fff;}
.menurightLi{ display:block; width:100%; overflow:hidden; display: flex;   justify-content: space-between;  }

.menuchild dt{ display:block;}
.menuchild dd{ display:block; overflow:hidden}
.menuchild em{ font-style:normal; width:33.33%; display:block; float:left; text-align:center}
.menuchild em a{ color:#888; padding-right:15px}
.menuchild a{ line-height:25px}
}