* {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        font-family: ' ';
    }
    
    ul li {
        list-style: none;
    }
    
    a {
        text-decoration: none;
    }
    
    a:hover {
        text-decoration: none;
    }
    
    img {
        vertical-align: top;
        outline-width: 0ch;
    }
    /* 电脑 */
    
    @media only screen and (min-width: 996px) {
        .top {
            width: 100%;
            background-color: #165f62;
            height: 45px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .top a {
            display: block;
            font-size: 12px;
            color: #fff;
        }
        .pchead {
            width: 100%;
            height: 97px;
            background-color: #fff;
            padding: 0 50px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px solid #686868;
            position: sticky;
            top: -1px;
            left: 0;
            z-index: 9999;
        }
        .pcheadleft {
            display: flex;
            align-items: center;
        }
        .pclogo img {
            width: 115px;
        }
        .pcnav {
            display: flex;
        }
        .pcnav>li {
            position: relative;
        }
        .pcnav>li>a {
            display: block;
            padding: 0 18px;
            color: #000;
            font-size: 13px;
        }
        .mbdrop {
            position: fixed;
            top: 105px;
            width: 100%;
            background-color: #4d4d4d;
            min-height: 275px;
            left: 0;
            padding: 35px 0;
            display: flex;
            justify-content: center;
            opacity: 0;
            visibility: hidden;
            transition: all ease 0.4s;
            z-index: 99;
        }
        .pcnav>li:hover .mbdrop {
            opacity: 1 !important;
            visibility: visible !important;
        }
        .mbdropcon {
            max-width: 1200px;
            display: flex;
            justify-content: center;
        }
        .mbdropconitem {
            padding: 0 40px;
        }
        .mbdropconitem strong {
            display: block;
            color: #fff;
            font-size: 14px;
            margin-bottom: 20px;
        }
        .mbdropconitem a {
            display: block;
            color: #fff;
            font-size: 14px;
            margin-bottom: 20px;
        }
        .pcheadright {
            display: flex;
            align-items: center;
        }
        .pcheadright a {
            color: #000;
            display: block;
            padding: 0 15px;
        }
        .pcsearch {
            height: 80px;
            background-color: #fff;
            top: 100%;
            left: 0;
            position: absolute;
            width: 100%;
            padding: 0 50px;
            z-index: 999;
            display: none;
        }
        .pcsearchcon {
            display: flex;
            align-items: center;
            height: 80px;
        }
        .pcsearchcon i {
            color: #4d4d4d;
            font-size: 20px;
            display: block;
            padding: 0 5px;
            cursor: pointer;
        }
        .pcsearchcon input {
            flex: 1;
            height: 50px;
            padding-left: 20px;
            outline: none;
            border: none;
        }
        .pcsearchcon a {
            display: block;
            padding: 0 10px;
            color: #000;
            font-size: 14px;
        }
        .mbhead {
            display: none;
        }
        .mbnav {
            display: none;
        }
        .mbcover {
            display: none;
        }
        .banner {
            width: 100%;
        }
        .banner img {
            width: 100%;
            transform: scale(1.1);
            transition: all ease 3s;
        }
        .banner .swiper-slide-active img {
            transform: scale(1);
        }
        .banner .swiper-pagination-bullet {
            width: 15px !important;
            height: 15px !important;
        }
        .con1 {
            padding: 80px 110px;
            width: 100%;
            border-bottom: 1px solid #e4e4e4;
        }
        .title {
            margin-bottom: 80px;
            display: block;
            text-align: center;
            color: #4d4d4d;
            font-size: 22px;
            font-weight: normal;
            margin-bottom: 80px;
        }
        .range {
            width: 100%;
            padding-bottom: 100px;
        }
        .range p {
            font-size: 13px;
            color: #4d4d4d;
            text-align: center;
            padding: 10px 0;
        }
        .range img {
            width: 100%;
            object-fit: contain;
            height: 447px;
        }
        .con2 {
            width: 100%;
            padding: 80px 55px;
        }
        .con2 ul {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .con2 ul li {
            width: 48%;
            margin-bottom: 70px;
            cursor: pointer;
            overflow: hidden;
        }
        .con2 ul li p {
            font-size: 22px;
            color: #4d4d4d;
            padding: 10px 0;
        }
        .con2 ul li span {
            font-size: 14px;
            color: #4d4d4d;
        }
        .aimg {
            display: block;
            overflow: hidden;
        }
        .simg1 {
            width: 100%;
            transition: all ease 3s;
        }
        .con2 ul li:hover .simg1 {
            transform: scale(1.2);
        }
        .con3 {
            padding: 80px 15px;
            max-width: 1260px;
            margin: 0 auto;
        }
        .con3 ul {
            display: flex;
            justify-content: space-between;
        }
        .con3 ul li {
            width: 23%;
            margin-bottom: 30px;
        }
        .con3 ul li img {
            width: 100%;
        }
        .con3 ul li p {
            font-size: 16px;
            text-align: center;
            padding: 15px 0;
            color: #363636;
        }
        .more {
            display: block;
            width: 125px;
            height: 45px;
            line-height: 45px;
            font-size: 14px;
            color: #fff;
            border: 1px solid #165f62;
            background-color: #165f62;
            text-align: center;
            margin: 0 auto;
            transition: all ease 0.4s;
        }
        .more:hover {
            background-color: #fff;
            color: #165f62 !important;
        }
        .con4 {
            width: 100%;
            padding: 75px 0;
            background-color: #eff2f1;
        }
        .con4 ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .con4 ul li img {
            width: 92px;
            height: 103px;
            object-fit: contain;
            display: block;
            margin: 0 auto;
        }
        .con4 ul li {
            padding: 0 20px;
            margin-bottom: 40px;
        }
        .con4 ul li p {
            color: #1a7064;
            font-size: 22px;
            text-align: center;
            padding: 15px 0;
        }
        .con4 ul li span {
            color: #4d4d4d;
            font-size: 12px;
        }
        .con5 {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .con5left {
            width: 50%;
        }
        .con5left a {
            display: block;
            overflow: hidden;
        }
        .con5left img {
            width: 100%;
            transition: all ease 3s;
        }
        .con5left img:hover {
            transform: scale(1.1);
        }
        .con5right {
            width: 50%;
            background-color: #165f62;
            padding: 50px 100px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .con5right p {
            font-size: 13px;
            color: #fff;
            display: block;
            margin-bottom: 20px;
        }
        .con5right strong {
            font-size: 22px;
            font-weight: normal;
            color: #fff;
            display: block;
            margin-bottom: 20px;
        }
        .con5right span {
            font-size: 14px;
            color: #fff;
            display: block;
            margin-bottom: 20px;
        }
        .con5right a {
            font-size: 13px;
            color: #fff;
        }
        .con6 {
            padding: 80px 0;
        }
        .con6 ul {
            display: flex;
            flex-wrap: wrap;
        }
        .con6 ul li {
            width: 50%;
            height: 330px;
            position: relative;
            margin-bottom: 80px;
            cursor: pointer;
        }
        .con6 ul li img {
            width: 100%;
            height: 330px;
            object-fit: cover;
        }
        .con6 ul li:hover .simg2 {
            transform: scale(1.1);
        }
        .con6 ul li a {
            display: block;
            overflow: hidden;
        }
        .con6pos {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            top: 0;
            left: 0;
        }
        .simg2 {
            transition: all ease 3s;
        }
        .con6pos p {
            font-size: 22px;
            color: #fff;
        }
        .con6pos span {
            font-size: 14px;
            color: #fff;
        }
        .con7 {
            max-width: 1260px;
            margin: 0 auto;
            padding-bottom: 80px;
			padding-top: 43px;
        }
        .con7 ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .con7 ul li {
            width: 31%;
            margin-bottom: 40px;
        }
        .con7 ul li a {
            display: block;
            overflow: hidden;
        }
        .con7 ul li img {
            transition: all ease 3s;
            width: 100%;
        }
        .con7 ul li img:hover {
            transform: scale(1.1);
        }
        .con7 ul li p {
            font-size: 16px;
            color: #4d4d4d;
            padding: 20px 0;
        }
        .con8 {
            padding: 80px 55px;
            background-color: #eff2f1;
        }
        .con8 ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .con8 ul li img {
            width: 100%;
        }
        .con8 ul li {
            width: 20%;
        }
        .con9 {
            width: 100%;
            padding: 60px 20px;
        }
        .con9 ul {
            display: flex;
            flex-wrap: wrap;
        }
        .con9 ul li {
            width: 25%;
            padding: 10px;
        }
        .con9 ul li a {
            display: block;
            overflow: hidden;
        }
        .con9 ul li img {
            width: 100%;
            transition: all ease 3s;
        }
        .con9 ul li img:hover {
            transform: scale(1.1);
        }
        .foot {
            padding: 45px 0;
            width: 100%;
            background-color: #f5f5f5;
        }
        .blogo img {
            width: 150px;
            display: block;
            margin: 0 auto;
        }
        .footer {
            display: flex;
            justify-content: space-between;
            max-width: 1200px;
            margin: 0 auto;
            margin-top: 50px;
        }
        .fitem strong {
            display: block;
            margin-bottom: 20px;
            font-weight: normal;
            font-size: 13px;
            color: #4d4d4d;
        }
        .f1 p {
            font-size: 14px;
            color: #4d4d4d;
        }
        .link {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            margin-top: 20px;
        }
        .link a {
            display: block;
            color: #4d4d4d;
            margin-right: 10px;
        }
        .f2 input {
            width: 100%;
            height: 40px;
            padding-left: 20px;
            border: 1px solid #4d4d4d;
            outline: none;
        }
        .f2 .more {
            float: left;
            margin-top: 20px;
        }
        .f3 a {
            display: block;
            font-size: 14px;
            color: #4d4d4d;
            margin-bottom: 10px;
        }
        .f4 a {
            display: block;
            font-size: 14px;
            color: #4d4d4d;
            margin-bottom: 10px;
        }
        .copy {
            padding-bottom: 20px;
            background-color: #f5f5f5;
            text-align: center;
            background-color: #f5f5f5;
            font-size: 12px;
            color: #4d4d4d;
        }
        .cp {
            padding: 80px 0;
        }
		
/*common*/
.disFlex {
	flex-wrap: wrap;
	display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;/* Firefox 17- */
	display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;/* Firefox 18+ */
	display: -ms-flexbox;/* IE 10 */
	display: flex;
}
.jusBet{justify-content: space-between;}
.jusCet{justify-content: center;}
.jusEnd{justify-content: flex-end;}
.aliTop{align-items: flex-start;}
.aliCet{align-items: center;}
.alibtm{align-items: flex-end;}
.flex_d_c{flex-direction: column;}	
.mainFull{width: 100%;margin: 20px 0;}
.m_left{width: 260px;margin-right: 50px;}
.m_right{width: calc(100% - 310px);}
.ml_tit{background: #2d8ef0 url(../images/side_bg.jpg) no-repeat left center;height: 90px;margin: 0 0 3px 0;ine-height: 90px;color: #fff;text-align: center;line-height: 90px;font-size: 25px;}
.ml_list{width: 100%;margin-top: 5px;}
.ml_list ul>li span{display: block;line-height: 56px;background: #eee;position: relative;padding: 0 20px;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.ml_list ul>li a{font-size: 15px;color: #333;}
.ml_list ul>li .icon{position: absolute;top: 10px;right: 15px;}
.ml_list ul>li .icon img{width: 26px;}

.ml_list ul>li dl{display: none;}
.ml_list ul>li dl dd{line-height: 30px;padding: 0 15px;}

.ml_list ul>li:hover span{background: #2d8ef0;}
.ml_list ul>li:hover span a{color: #fff;}

.ml_list ul>li.on span{background: #2d8ef0;}
.ml_list ul>li.on span a{color: #fff;}
		
		
        .pro {
            padding: 0 50px;
        }
        .proleft {
            width: 200px;
            position: sticky;
            top: 100px;
            left: 0;
            float: left;
        }
        .kind {
            margin-bottom: 30px;
        }
        .kind strong {
            display: block;
            margin-bottom: 15px;
        }
        .kind a {
            font-size: 14px;
            color: #4d4d4d;
            display: block;
            margin-bottom: 10px;
        }
        .color strong {
            display: block;
            margin-bottom: 15px;
        }
        .colorbox {
            display: flex;
            flex-wrap: wrap;
        }
        .colorbox span {
            display: block;
            width: 25px;
            height: 25px;
            border-radius: 50%;
            margin-right: 20px;
            margin-bottom: 20px;
            cursor: pointer;
        }
        .proright {
            float: right;
            width: calc(100% - 200px);
        }
        .price strong {
            display: block;
            margin-bottom: 15px;
        }
        .price ul li a {
            color: #4d4d4d;
            font-size: 14px;
            margin-bottom: 10px;
            display: block;
        }
        .proright ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .proright ul li {
            width: 23%;
            margin-bottom: 30px;
        }
        .proright ul li a img {
            width: 100%;
            height: 414px;
            object-fit: contain;
        }
        .proright ul li span {
            color: #4d4d4d;
            font-size: 13px;
            display: block;
            text-align: center;
        }
        .clear {
            clear: both;
        }
        .inbanner {
            width: 100%;
        }
        .inbanner img {
            width: 100%;
        }
        .birthstone1 {
            padding: 80px 0;
            text-align: center;
            max-width: 720px;
            margin: 0 auto;
        }
        .birthstone1 p {
            color: #4d4d4d;
            font-size: 14px;
            text-align: left;
        }
        .birthstone2 {
            max-width: 1250px;
            margin: 0 auto;
        }
        .birthstone2 ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .birthstone2 ul li {
            width: 48%;
            margin-bottom: 30px;
        }
        .birthstone2 ul li img {
            width: 100%;
        }
        .birthstone2 ul li p {
            text-align: center;
            padding: 15px 0;
            font-size: 14px;
            color: #4d4d4d;
        }
        .birthstone3 {
            max-width: 1200px;
            margin: 0 auto;
            margin-top: 50px;
        }
        .birthstone3 ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .birthstone3 ul li {
            width: 31%;
            text-align: center;
            margin-bottom: 130px;
        }
        .birthstone3 ul li img {
            width: 100%;
        }
        .birthstone3 ul li strong {
            display: block;
            text-align: center;
            color: #000;
            font-size: 20px;
            font-weight: normal;
            margin-bottom: 15px;
        }
        .birthstone3 ul li p {
            padding: 15px 0;
            text-align: center;
            color: #4d4d4d;
        }
        .birthstone4 {
            max-width: 720px;
            margin: 40px auto;
        }
        .birthstone5 {
            max-width: 720px;
            margin: 40px auto;
        }
        .birthstone6 {
            max-width: 720px;
            margin: 40px auto;
        }
        .sd {
            padding: 100px 0;
            background-color: #000;
        }
        .anchor .title {
            color: #fff;
        }
        .anchor a {
            display: block;
            text-align: center;
            color: #fff;
            font-size: 20px;
            margin-bottom: 15px;
        }
        .title1 {
            font-size: 30px;
            color: #e1d677;
            text-align: center;
        }
        .deadline {
            width: 100%;
            background-color: #000;
            padding: 60px 0;
        }
        .deadline .title {
            color: #fff;
        }
        .deadline p {
            color: #fff;
            font-size: 14px;
        }
        .deadlinecon {
            max-width: 1020px;
            margin: 0 auto;
        }
        .deadlinecon ul {
            margin-top: 40px;
        }
        .deadlinecon ul li span {
            color: #fff;
            font-size: 14px;
            display: block;
            margin-bottom: 15px;
        }
        .clickdiv {
            padding: 15px 10px;
            background-color: #f5f5f5;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-radius: 5px;
            cursor: pointer;
        }
        .clickdiv span {
            color: #000 !important;
            margin-bottom: 0 !important;
        }
        .fys {
            padding: 20px 10px;
            background-color: #fff;
            display: none;
        }
        .rrro {
            transform: rotate(45deg);
        }
        .jia {
            transition: all ease 0.4s;
        }
        .hi {
            border-bottom-left-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
        }
        .login {
            padding: 80px 0;
            max-width: 400px;
            margin: 0 auto;
        }
        .tipbox {
            padding: 20px 55px;
            border: 1px dashed#4d4d4d;
            text-align: center;
        }
        .tipbox strong {
            display: block;
            margin-bottom: 15px;
        }
        .tipbox p {
            text-align: center;
            font-size: 14px;
            color: #4d4d4d;
        }
        .tipbox a {
            color: red;
        }
        .tip22 {
            padding: 20px 0;
            text-align: center;
            font-size: 14px;
            color: #4d4d4d;
        }
        .login input {
            width: 100%;
            height: 43px;
            padding-left: 20px;
            border: 1px solid #e4e4e4;
            margin-bottom: 20px;
            outline: none;
        }
        .loginbtn {
            display: block;
            width: 100%;
            height: 43px;
            background-color: #165f62;
            font-size: 13px;
            color: #fff;
            line-height: 43px;
            text-align: center;
        }
        .action {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 30px;
        }
        .action a {
            display: block;
            color: #4d4d4d;
            font-size: 14px;
        }
        .action span {
            color: #4d4d4d;
            font-size: 14px;
            padding: 0 20px;
            display: block;
        }
        .regis {
            padding: 80px 0;
            max-width: 400px;
            margin: 0 auto;
        }
        .form input {
            width: 100%;
            height: 43px;
            padding-left: 20px;
            border: 1px solid #e4e4e4;
            margin-bottom: 20px;
            outline: none;
        }
        .agree {
            user-select: none;
            margin-bottom: 20px;
        }
        .agree label {
            display: flex;
            align-items: center;
        }
        .agree label span {
            color: #4d4d4d;
            font-size: 14px;
            padding-left: 10px;
            display: block;
        }
        .agree label a {
            color: skyblue;
        }
        .cartlayout {
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, .5);
            z-index: 99999;
            display: none;
        }
        .cartlayoutcon {
            width: 100%;
            height: 100%;
            padding: 25px 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .cartox {
            width: 850px;
            height: 100%;
            background-color: #fff;
            border-radius: 10px;
        }
        .carttop {
            height: 50px;
            border-bottom: 1px solid #d8d8d8;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 20px;
        }
        .carttop img {
            cursor: pointer;
        }
        .cartcon {
            display: flex;
            justify-content: space-between;
            /* flex-wrap: wrap; */
            width: 100%;
            height: calc(100% - 50px);
            padding: 20px;
        }
        .cartconleft {
            width: 580px;
            height: 100%;
            overflow: scroll;
        }
        .cartconleft::-webkit-scrollbar {
            display: none;
        }
        .cartconright {
            width: 270px;
            background-color: #f2f5f6;
            height: 100%;
            padding: 15px;
        }
        .cartconright P {
            font-size: 14px;
            color: #333;
            font-weight: bold;
        }
        .cartli {
            display: flex;
            justify-content: space-between;
            margin-bottom: 30px;
        }
        .cartlileft {
            width: 30%;
        }
        .cartlileft a img {
            width: 100%;
        }
        .cartliright {
            flex: 1;
            padding: 0 20px;
        }
        .cartliright p {
            font-size: 15px;
            color: #333;
            padding: 10px 0;
            border-bottom: 1px solid #ccc;
        }
        .count p {
            border: none !important;
        }
        .count {
            display: flex;
            width: 100%;
            align-items: center;
            border-bottom: 1px solid #ccc;
        }
        .count select {
            height: 25px;
            flex: 1;
        }
        .delete {
            color: red;
            margin-top: 20px;
            font-size: 15px;
        }
        .cartconright p {
            margin-bottom: 25px;
        }
        .cartconright select {
            width: 100%;
            height: 40px;
            border-radius: 10px;
            border: 2px solid #d8d8d8;
            outline: none;
        }
        .pay {
            display: block;
            width: 100%;
            height: 50px;
            line-height: 50px;
            text-align: center;
            color: #fff;
            background-color: #65aa14;
            font-weight: bold;
            font-size: 14px;
            border-radius: 10px;
            margin-top: 20px;
        }
        .user {
            max-width: 1200px;
            margin: 0 auto;
            padding: 100px 0;
        }
        .logout {
            display: block;
            color: #000;
            font-size: 14px;
        }
        .user1 strong {
            display: block;
            padding: 20px 0;
            font-size: 25px;
        }
        .user2 {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .user2left {
            width: 70%;
        }
        .user2right {
            width: 25%;
        }
        .linetitle {
            padding-bottom: 10px;
            font-size: 15px;
            color: #4d4d4d;
            border-bottom: 1px solid #e4e4e4;
            margin-bottom: 30px;
        }
        .user2right p {
            color: #4d4d4d;
            font-size: 14px;
        }
        .ddd {
            display: flex;
            align-items: center;
        }
        .ddd li {
            margin-right: 50px;
            position: relative;
        }
        .ddd li span {
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: red;
            line-height: 20px;
            text-align: center;
            right: -10px;
            top: -5px;
            border-radius: 50%;
            color: white;
        }
        .ddd li p {
            font-size: 14px;
            color: #4d4d4d;
            padding: 10px 0;
        }
        .list ul li {
            display: flex;
            padding: 10px 0;
            border-bottom: 1px dashed #ccc;
            position: relative;
        }
        .list ul li .lia {
            display: block;
            width: 25%;
        }
        .remind {
            position: absolute;
            right: 20px;
            bottom: 20px;
            color: #4d4d4d;
            font-size: 14px;
        }
        .lia img {
            width: 100%;
        }
        .listright {
            flex: 1;
            padding: 10px;
        }
        .listright a {
            display: block;
            color: #4d4d4d;
            font-size: 14px;
            margin-bottom: 25px;
        }
        .listright p {
            color: #4d4d4d;
            font-size: 14px;
            margin-bottom: 25px;
        }
        .trace {
            padding: 15px;
        }
        .trace p {
            font-size: 14px;
            color: #4d4d4d;
        }
        .prodetail {
            max-width: 1200px;
            display: flex;
            justify-content: space-between;
            margin: 100px auto;
        }
        .prodetailleft {
            width: 60%;
        }
        .prodetailright {
            width: 40%;
        }
        .proname {
            color: #4d4d4d;
            font-weight: bold;
            font-size: 20px;
            margin-bottom: 20px;
            display: block;
        }
        .prodetailright select {
            width: 100%;
            height: 40px;
            outline: none;
            border: 1px solid #cacdd1;
            border-radius: 5px;
            display: block;
            margin: 15px 0;
        }
        .cartjoin {
            display: block;
            width: 300px;
            height: 44px;
            line-height: 44px;
            text-align: center;
            background-color: #165f62;
            color: #fff;
            font-size: 14px;
        }
        .pcdetail {
            display: none;
        }
        .recommend {
            padding: 25px;
            border: 1px solid #f0f0f0;
            max-width: 1200px;
            margin: 0 auto;
            margin-bottom: 100px;
        }
        .mySwiperrec {
            width: 100%;
            padding-bottom: 80px;
        }
        .mySwiperrec img {
            width: 100%;
            height: 265px;
            object-fit: contain;
        }
        .mySwiperrec p {
            font-size: 13px;
            color: #4d4d4d;
            padding: 15px 0;
            text-align: center;
        }
        .mySwiperrec .sspan {
            font-size: 12px;
            display: block;
            text-align: center;
        }
        .q {
            max-width: 1200px;
            margin: 0 auto;
            padding: 50px 0;
        }
        .q img {
            width: 100%;
        }
    }
    /* 手机 */
    
    @media only screen and (max-width: 996px) {
        .q {
            width: 100%;
            padding: 15px;
            margin: 0 auto;
        }
        .q img {
            width: 100%;
        }
        .recommend {
            padding: 25px;
            border: 1px solid #f0f0f0;
            width: 100%;
            margin: 0 auto;
            margin-bottom: 50px;
        }
        .mySwiperrec {
            width: 100%;
            padding-bottom: 50px;
        }
        .mySwiperrec img {
            width: 100%;
        }
        .mySwiperrec p {
            font-size: 13px;
            color: #4d4d4d;
            padding: 15px 0;
            text-align: center;
        }
        .mySwiperrec .sspan {
            font-size: 12px;
            display: block;
            text-align: center;
        }
        .prodetail {
            width: 100%;
            padding: 20px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin: 30px auto;
        }
        .prodetailleft {
            width: 100%;
            margin-bottom: 30px;
        }
        .prodetailright {
            width: 100%;
        }
        .proname {
            color: #4d4d4d;
            font-weight: bold;
            font-size: 20px;
            margin-bottom: 20px;
            display: block;
        }
        .prodetailright select {
            width: 100%;
            height: 40px;
            outline: none;
            border: 1px solid #cacdd1;
            border-radius: 5px;
            display: block;
            margin: 15px 0;
        }
        .cartjoin {
            display: block;
            width: 100%;
            height: 44px;
            line-height: 44px;
            text-align: center;
            background-color: #165f62;
            color: #fff;
            font-size: 14px;
        }
        .magnifier {
            display: none;
        }
        .pcdetail {
            width: 100%;
        }
        .pcdetail img {
            width: 100%;
        }
        .list ul li {
            display: flex;
            padding: 10px 0;
            border-bottom: 1px dashed #ccc;
            position: relative;
        }
        .list ul li .lia {
            display: block;
            width: 25%;
        }
        .remind {
            position: absolute;
            right: 20px;
            bottom: 20px;
            color: #4d4d4d;
            font-size: 14px;
        }
        .lia img {
            width: 100%;
        }
        .listright {
            flex: 1;
            padding: 10px;
        }
        .listright a {
            display: block;
            color: #4d4d4d;
            font-size: 14px;
            margin-bottom: 25px;
        }
        .listright p {
            color: #4d4d4d;
            font-size: 14px;
            margin-bottom: 25px;
        }
        .trace {
            padding: 15px;
        }
        .trace p {
            font-size: 14px;
            color: #4d4d4d;
        }
        .user {
            width: 100%;
            padding: 20px;
            margin: 0 auto;
            margin: 30px auto;
        }
        .logout {
            display: block;
            color: #000;
            font-size: 14px;
        }
        .user1 strong {
            display: block;
            padding: 20px 0;
            font-size: 20px;
        }
        .user2 {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .user2left {
            width: 100%;
            margin-bottom: 30px;
        }
        .user2right {
            width: 100%;
        }
        .linetitle {
            padding-bottom: 10px;
            font-size: 15px;
            color: #4d4d4d;
            border-bottom: 1px solid #e4e4e4;
            margin-bottom: 30px;
        }
        .user2right p {
            color: #4d4d4d;
            font-size: 14px;
        }
        .ddd {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }
        .ddd li {
            margin-right: 50px;
            position: relative;
            margin-bottom: 20px;
        }
        .ddd li span {
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: red;
            line-height: 20px;
            text-align: center;
            right: -10px;
            top: -5px;
            border-radius: 50%;
            color: white;
        }
        .ddd li p {
            font-size: 14px;
            color: #4d4d4d;
            padding: 10px 0;
        }
        .cartlayout {
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, .5);
            z-index: 99999;
            display: none;
        }
        .cartlayoutcon {
            width: 100%;
            height: 100%;
            padding: 20px 15px;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            justify-content: center;
        }
        .cartox {
            width: 100%;
            height: 100%;
            background-color: #fff;
            border-radius: 10px;
        }
        .carttop {
            height: 40px;
            border-bottom: 1px solid #d8d8d8;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 20px;
        }
        .carttop img {
            cursor: pointer;
        }
        .cartcon {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            width: 100%;
            height: calc(100% - 50px);
            padding: 20px;
            overflow: scroll;
            position: relative;
        }
        .cartconleft {
            width: 100%;
            overflow: scroll;
            height: 65%;
        }
        .cartconleft::-webkit-scrollbar {
            display: none;
        }
        .cartconright {
            width: 100%;
            background-color: #f2f5f6;
            padding: 15px;
            position: absolute;
            bottom: 0;
            left: 0;
        }
        .cartconright P {
            font-size: 14px;
            color: #333;
            font-weight: bold;
        }
        .cartli {
            display: flex;
            justify-content: space-between;
            margin-bottom: 30px;
        }
        .cartlileft {
            width: 30%;
        }
        .cartlileft a img {
            width: 100%;
        }
        .cartliright {
            flex: 1;
            padding: 0 20px;
        }
        .cartliright p {
            font-size: 15px;
            color: #333;
            padding: 10px 0;
            border-bottom: 1px solid #ccc;
        }
        .count p {
            border: none !important;
        }
        .count {
            display: flex;
            width: 100%;
            align-items: center;
            border-bottom: 1px solid #ccc;
        }
        .count select {
            height: 25px;
            flex: 1;
        }
        .delete {
            color: red;
            margin-top: 20px;
            font-size: 15px;
        }
        .cartconright p {
            margin-bottom: 25px;
        }
        .cartconright select {
            width: 100%;
            height: 40px;
            border-radius: 10px;
            border: 2px solid #d8d8d8;
            outline: none;
        }
        .pay {
            display: block;
            width: 100%;
            height: 50px;
            line-height: 50px;
            text-align: center;
            color: #fff;
            background-color: #65aa14;
            font-weight: bold;
            font-size: 14px;
            border-radius: 10px;
            margin-top: 20px;
        }
        .regis {
            padding: 20px;
            width: 100%;
            margin: 30px auto;
        }
        .form input {
            width: 100%;
            height: 43px;
            padding-left: 20px;
            border: 1px solid #e4e4e4;
            margin-bottom: 20px;
            outline: none;
        }
        .agree {
            user-select: none;
            margin-bottom: 20px;
        }
        .agree label {
            display: flex;
            align-items: center;
        }
        .agree label span {
            color: #4d4d4d;
            font-size: 14px;
            padding-left: 10px;
            display: block;
        }
        .agree label a {
            color: skyblue;
        }
        .login {
            padding: 15px;
            width: 100%;
            margin: 30px auto;
        }
        .tipbox {
            padding: 20px 25px;
            border: 1px dashed#4d4d4d;
            text-align: center;
        }
        .tipbox strong {
            display: block;
            margin-bottom: 15px;
        }
        .tipbox p {
            text-align: center;
            font-size: 14px;
            color: #4d4d4d;
        }
        .tipbox a {
            color: red;
        }
        .tip22 {
            padding: 20px 0;
            text-align: center;
            font-size: 14px;
            color: #4d4d4d;
        }
        .login input {
            width: 100%;
            height: 43px;
            padding-left: 20px;
            border: 1px solid #e4e4e4;
            margin-bottom: 20px;
            outline: none;
        }
        .loginbtn {
            display: block;
            width: 100%;
            height: 43px;
            background-color: #165f62;
            font-size: 13px;
            color: #fff;
            line-height: 43px;
            text-align: center;
        }
        .action {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 30px;
        }
        .action a {
            display: block;
            color: #4d4d4d;
            font-size: 14px;
        }
        .action span {
            color: #4d4d4d;
            font-size: 14px;
            padding: 0 20px;
            display: block;
        }
        .deadline {
            width: 100%;
            background-color: #000;
            padding: 20px;
        }
        .deadline .title {
            color: #fff;
        }
        .deadline p {
            color: #fff;
            font-size: 14px;
        }
        .deadlinecon {
            width: 100%;
            margin: 0 auto;
        }
        .deadlinecon ul {
            margin-top: 40px;
        }
        .deadlinecon ul li span {
            color: #fff;
            font-size: 14px;
            display: block;
            margin-bottom: 15px;
        }
        .clickdiv {
            padding: 15px 10px;
            background-color: #f5f5f5;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-radius: 5px;
            cursor: pointer;
        }
        .clickdiv span {
            color: #000 !important;
            margin-bottom: 0 !important;
        }
        .fys {
            padding: 20px 10px;
            background-color: #fff;
            display: none;
        }
        .rrro {
            transform: rotate(45deg);
        }
        .jia {
            transition: all ease 0.4s;
        }
        .hi {
            border-bottom-left-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
        }
        .sd {
            padding: 20px;
            background-color: #000;
        }
        .anchor .title {
            color: #fff;
        }
        .anchor a {
            display: block;
            text-align: center;
            color: #fff;
            font-size: 20px;
            margin-bottom: 15px;
        }
        .title1 {
            font-size: 30px;
            color: #e1d677;
            text-align: center;
        }
        .inbanner {
            width: 100%;
        }
        .inbanner img {
            width: 100%;
        }
        .birthstone1 {
            padding: 15px;
            text-align: center;
            width: 100%;
            margin: 0 auto;
        }
        .birthstone1 p {
            color: #4d4d4d;
            font-size: 14px;
            text-align: left;
        }
        .birthstone2 {
            width: 100%;
            padding: 15px;
            margin: 0 auto;
        }
        .birthstone2 ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .birthstone2 ul li {
            width: 48%;
            margin-bottom: 30px;
        }
        .birthstone2 ul li img {
            width: 100%;
        }
        .birthstone2 ul li p {
            text-align: center;
            padding: 15px 0;
            font-size: 14px;
            color: #4d4d4d;
        }
        .birthstone3 {
            width: 100%;
            margin: 0 auto;
            margin-top: 50px;
            padding: 15px;
        }
        .birthstone3 ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .birthstone3 ul li {
            width: 48%;
            text-align: center;
            margin-bottom: 40px;
        }
        .birthstone3 ul li img {
            width: 100%;
        }
        .birthstone3 ul li strong {
            display: block;
            text-align: center;
            color: #000;
            font-size: 20px;
            font-weight: normal;
            margin-bottom: 15px;
        }
        .birthstone3 ul li p {
            padding: 15px 0;
            text-align: center;
            color: #4d4d4d;
        }
        .birthstone4 {
            width: 100%;
            margin: 40px auto;
            padding: 15px;
        }
        .birthstone5 {
            width: 100%;
            margin: 40px auto;
            padding: 15px;
        }
        .birthstone6 {
            width: 100%;
            margin: 40px auto;
            padding: 15px;
        }
        .fft {
            display: none;
        }
        .cp {
            padding: 20px;
        }
        .proleft {
            width: 100%;
        }
        .kind strong {
            display: block;
            margin-bottom: 15px;
        }
        .kind a {
            font-size: 14px;
            color: #4d4d4d;
            display: block;
            margin-bottom: 10px;
        }
        .color strong {
            display: block;
            margin-bottom: 15px;
        }
        .colorbox {
            display: flex;
            flex-wrap: wrap;
        }
        .colorbox span {
            display: block;
            width: 25px;
            height: 25px;
            border-radius: 50%;
            margin-right: 20px;
            margin-bottom: 20px;
            cursor: pointer;
        }
        .proright {
            width: 100%;
        }
        .price strong {
            display: block;
            margin-bottom: 15px;
        }
        .price ul li a {
            color: #4d4d4d;
            font-size: 14px;
            margin-bottom: 10px;
            display: block;
        }
        .proright ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .proright ul li {
            width: 48%;
            margin-bottom: 30px;
        }
        .proright ul li a img {
            width: 100%;
        }
        .proright ul li span {
            color: #4d4d4d;
            font-size: 13px;
            display: block;
            text-align: center;
        }
        .clear {
            clear: both;
        }
        .foot {
            padding: 20px;
            width: 100%;
            background-color: #f5f5f5;
        }
        .blogo img {
            width: 50px;
            display: block;
            margin: 0 auto;
        }
        .footer {
            display: flex;
            justify-content: space-between;
            margin: 0 auto;
            flex-wrap: wrap;
            margin-top: 30px;
        }
        .fitem {
            width: 100%;
            margin-bottom: 20px;
        }
        .fitem strong {
            display: block;
            margin-bottom: 20px;
            font-weight: normal;
            font-size: 13px;
            color: #4d4d4d;
        }
        .f1 p {
            font-size: 14px;
            color: #4d4d4d;
        }
        .link {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            margin-top: 20px;
        }
        .link a {
            display: block;
            color: #4d4d4d;
            margin-right: 10px;
        }
        .f2 input {
            width: 100%;
            height: 40px;
            padding-left: 20px;
            border: 1px solid #4d4d4d;
            outline: none;
        }
        .f2 .more {
            float: left;
            margin-top: 20px;
        }
        .f3 a {
            display: block;
            font-size: 14px;
            color: #4d4d4d;
            margin-bottom: 10px;
        }
        .f4 a {
            display: block;
            font-size: 14px;
            color: #4d4d4d;
            margin-bottom: 10px;
        }
        .copy {
            padding-bottom: 20px;
            background-color: #f5f5f5;
            text-align: center;
            background-color: #f5f5f5;
            font-size: 12px;
            color: #4d4d4d;
        }
        .con9 {
            width: 100%;
            padding: 10px;
        }
        .con9 ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .con9 ul li {
            width: 48%;
            margin-bottom: 15px;
        }
        .con9 ul li a {
            display: block;
            overflow: hidden;
        }
        .con9 ul li img {
            width: 100%;
            transition: all ease 3s;
        }
        .con9 ul li img:hover {
            transform: scale(1.1);
        }
        .con8 {
            padding: 20px;
            background-color: #eff2f1;
        }
        .con8 ul {
            white-space: nowrap;
            width: 100%;
            overflow: scroll;
        }
        .con8 ul li img {
            width: 100%;
        }
        .con8 ul li {
            display: inline-block;
            width: 65%;
        }
        .con7 {
            width: 100%;
            padding: 30px 15px;
        }
        .con7 ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .con7 ul li {
            width: 100%;
            margin-bottom: 30px;
        }
        .con7 ul li a {
            display: block;
            overflow: hidden;
        }
        .con7 ul li img {
            transition: all ease 3s;
            width: 100%;
        }
        .con7 ul li img:hover {
            transform: scale(1.1);
        }
        .con7 ul li p {
            font-size: 16px;
            color: #4d4d4d;
            padding: 20px 0;
        }
        .con6 {
            padding: 40px 0;
        }
        .con6 ul {
            display: flex;
            flex-wrap: wrap;
        }
        .con6 ul li {
            width: 100%;
            position: relative;
            cursor: pointer;
        }
        .con6 ul li img {
            width: 100%;
        }
        .con6 ul li:hover .simg2 {
            transform: scale(1.1);
        }
        .con6 ul li a {
            display: block;
            overflow: hidden;
        }
        .con6pos {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            top: 0;
            left: 0;
        }
        .simg2 {
            transition: all ease 3s;
        }
        .con6pos p {
            font-size: 22px;
            color: #fff;
        }
        .con6pos span {
            font-size: 14px;
            color: #fff;
        }
        .con5 {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .con5left {
            width: 100%;
        }
        .con5left a {
            display: block;
            overflow: hidden;
        }
        .con5left img {
            width: 100%;
            transition: all ease 3s;
        }
        .con5left img:hover {
            transform: scale(1.1);
        }
        .con5right {
            width: 100%;
            background-color: #165f62;
            padding: 25px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .con5right p {
            font-size: 13px;
            color: #fff;
            display: block;
            margin-bottom: 20px;
        }
        .con5right strong {
            font-size: 22px;
            font-weight: normal;
            color: #fff;
            display: block;
            margin-bottom: 20px;
        }
        .con5right span {
            font-size: 14px;
            color: #fff;
            display: block;
            margin-bottom: 20px;
        }
        .con5right a {
            font-size: 13px;
            color: #fff;
        }
        .con4 {
            width: 100%;
            padding: 30px 15px;
            background-color: #eff2f1;
        }
        .con4 ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .con4 ul li img {
            width: 92px;
            display: block;
            margin: 0 auto;
        }
        .con4 ul li {
            padding: 0 20px;
            margin-bottom: 40px;
        }
        .con4 ul li p {
            color: #1a7064;
            font-size: 22px;
            text-align: center;
            padding: 15px 0;
        }
        .con4 ul li span {
            color: #4d4d4d;
            font-size: 12px;
        }
        .more {
            display: block;
            width: 125px;
            height: 45px;
            line-height: 45px;
            font-size: 14px;
            color: #fff;
            border: 1px solid #165f62;
            background-color: #165f62;
            text-align: center;
            margin: 0 auto;
            transition: all ease 0.4s;
        }
        .more:hover {
            background-color: #fff;
            color: #165f62 !important;
        }
        .con3 {
            padding: 20px;
            width: 100%;
            margin: 0 auto;
        }
        .con3 ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .con3 ul li {
            width: 48%;
            margin-bottom: 25px;
        }
        .con3 ul li img {
            width: 100%;
        }
        .con3 ul li p {
            font-size: 16px;
            text-align: center;
            padding: 15px 0;
            color: #363636;
        }
        .con2 {
            width: 100%;
            padding: 20px;
        }
        .con2 ul {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .con2 ul li {
            width: 100%;
            margin-bottom: 30px;
            cursor: pointer;
            overflow: hidden;
        }
        .con2 ul li p {
            font-size: 20px;
            color: #4d4d4d;
            padding: 10px 0;
        }
        .con2 ul li span {
            font-size: 14px;
            color: #4d4d4d;
        }
        .aimg {
            display: block;
            overflow: hidden;
        }
        .simg1 {
            width: 100%;
            transition: all ease 3s;
        }
        .con2 ul li:hover .simg1 {
            transform: scale(1.2);
        }
        .con1 {
            padding: 20px;
            width: 100%;
            border-bottom: 1px solid #e4e4e4;
        }
        .title {
            margin-bottom: 25px;
            display: block;
            text-align: center;
            color: #4d4d4d;
            font-size: 20px;
            font-weight: normal;
            margin-bottom: 30px;
        }
        .range {
            width: 100%;
            padding-bottom: 80px;
        }
        .range p {
            font-size: 13px;
            color: #4d4d4d;
            text-align: center;
            padding: 10px 0;
        }
        .range img {
            width: 100%;
        }
        .banner img {
            width: 100%;
            transform: scale(1.1);
            transition: all ease 3s;
        }
        .banner .swiper-slide-active img {
            transform: scale(1);
        }
        .banner .swiper-pagination-bullet {
            width: 10px !important;
            height: 10px !important;
        }
        .pcdrop {
            display: none;
        }
        .pcdrop a {
            display: block;
            width: 100%;
            padding-left: 30px;
            color: #ffffff80;
            font-size: 13px;
            height: 45px;
            line-height: 45px;
        }
        .arcart {
            transition: all ease 0.4s;
        }
        .sro {
            transform: rotate(180deg);
        }
        .mbnenu {
            padding: 0 15px;
        }
        .mbnenu li {
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px solid #5c5a5a;
        }
        .mbnenu li i {
            color: #fff;
        }
        .mbnenu li a {
            display: block;
            height: 60px;
            line-height: 60px;
            color: white;
            font-size: 14px;
        }
        .mbcover {
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 71;
            background: rgba(0, 0, 0, .5);
            display: none;
        }
        .mbnav {
            width: 70%;
            height: 100%;
            background-color: #272424;
            position: fixed;
            top: 0;
            z-index: 80;
            transition: all ease .4s;
            left: -70%;
        }
        .show {
            left: 0 !important;
        }
        .mbnenu {
            width: 100%;
            height: calc(100% - 50px);
            overflow: scroll;
        }
        .mbnavtop {
            height: 50px;
            display: flex;
            align-items: center;
            padding: 0 20px;
        }
        .pcsearch {
            height: 50px;
            background-color: #fff;
            top: 100%;
            left: 0;
            position: absolute;
            width: 100%;
            padding: 0 10px;
            z-index: 999;
            display: none;
        }
        .pcsearchcon {
            display: flex;
            align-items: center;
            height: 50px;
        }
        .pcsearchcon i {
            color: #4d4d4d;
            font-size: 20px;
            display: block;
            padding: 0 5px;
            cursor: pointer;
        }
        .pcsearchcon input {
            flex: 1;
            height: 50px;
            padding-left: 20px;
            outline: none;
            border: none;
        }
        .pcsearchcon a {
            display: block;
            padding: 0 10px;
            color: #000;
            font-size: 14px;
        }
        .top {
            width: 100%;
            background-color: #165f62;
            height: 45px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .top a {
            display: block;
            font-size: 12px;
            color: #fff;
        }
        .pchead {
            display: none;
        }
        .mbhead {
            width: 100%;
            height: 50px;
            background-color: #fff;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 20px;
            position: sticky;
            top: 0;
            left: 0;
            z-index: 70;
        }
        .mbheadleft i {
            display: block;
            margin-right: 10px;
            color: #000;
        }
        .mbheadleft {
            display: flex;
            align-items: center;
        }
        .mbheadright i {
            display: block;
            margin-right: 10px;
            color: #000;
        }
        .mbheadcenter img {
            width: 90px;
            height: 100%;
            display: block;
        }
        .mbheadright {
            display: flex;
            align-items: center;
        }
    }


.prodetailright .t1{margin: 15px 0 10px;font-size: 16px;color: #333; display:block;}
.prodWeight{position: relative;width: 115px;}
.prodWeight input{width: 100%;height: 28px;border: 1px solid #e6e6e6;outline: none;padding: 0 30px 0 10px;box-sizing: border-box;}
.prodWeight span{position: absolute;top: 0;right: 0;line-height: 28px;width: 30px;text-align: center;color: #333;font-size: 14px;z-index: 9;display: block;}


.prodQuantity {overflow: hidden;}
.prodQuantity li { float: left;}
.prodQuantity li .number,
.kucun {display: inline-block;font-size: 12px; color: #808080; vertical-align: sub;}
.prodQuantity .count {overflow: hidden;margin: 10px 0;border: none !important;}
.prodQuantity .count .num-jian,
.input-num,
.num-jia { display: inline-block;width: 28px; height: 28px; line-height: 28px;text-align: center; font-size: 18px; color: #999; cursor: pointer;border: 1px solid #e6e6e6; }
.prodQuantity .count .input-num {width: 58px;height: 28px;color: #333; border-left: 0;border-right: 0;}