@charset "utf-8";
/* CSS Document */
/*------------------------------------------
 *
 * 必迈app
 * 通用引用文件，index主要css文件
 * Developed By: 李敏
 * 版本号：2015-8-28
 ----------------------------------------------*/
/* start reset */
html, body {
    background-color: #ffffff;
    position: relative;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, input, select, textarea, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
}

/*声明 WebFont*/
@font-face {
  font-family: '方正宋三';
  src: url('./font/方正宋三_GBK.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: '方正小标宋';
  src: url('./font/方正小标宋_GBK.TTF') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: '英文标题';
  src: url('./font/SavoyCaps.eot') format('embedded-opentype');
  src:
    url('./font/SavoyCaps.woff') format('woff'),
    url('./font/SavoyCaps.ttf') format('truetype'),
    url('./font/SavoyCaps.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: '英文内容';
  src: url('./font/Savoy-Roman.eot') format('embedded-opentype');
  src:
    url('./font/Savoy-Roman.woff') format('woff'),
    url('./font/Savoy-Roman.ttf') format('truetype'),
    url('./font/Savoy-Roman.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}



/*全局样式*/
body {
    font: 12px/1.5  microsoft yahei;
    color: #666;
    -webkit-text-size-adjust: none;
    font-size: 12px;
    font-family:  '方正宋三';
}

/*  \5fae\8f6f\96c5\9ed1 微软雅黑   \5b8b\4f53 宋体 */
a img, img, iframe {
    border: 0;
}

a span, form label {
    cursor: pointer;
}

table, tbody, tfoot, thead, tr, th, td {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0px;
    margin: 0px;
}

a {
    text-decoration: none;
    color: #fff;
    hide-focus: expression(this.hideFocus=true);
    outline: none;
    cursor: pointer;
}

a:hover, a:link, a:visited {
    text-decoration: none;
    color: #fff;
}

input, select {
    outline: none;
    font-size: 12px;
}

b, strong {
    font-weight: bold;
}

/*段落*/
li ul, li ol, ul, ol {
    margin: 0;
}

ul, ol {
    list-style: none
}

ul {
    padding: 0;
    margin: 0
}

dl, dt, dd {
    margin: 0;
}

dd {
    margin-left: 0;
}

textarea {
    -webkit-appearance: textarea;
    border-image: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    -webkit-box-orient: vertical;
    font-size: 12px;
    white-space: pre-wrap;
    word-wrap: break-word;
    text-transform: none;
    outline: none;
    resize: none;
}

/*清除浮层*/
.clear {
    clear: both;
    overflow: hidden;
}

.silkm{
    display:  inline-block;
    padding-right: 17px;
    height:  30px;
    line-height:  30px;
    font-size: 14px;
    border-right: 1px solid #ddd;
    font-family: '英文标题';

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

* html .clearfix, * html .content {
    zoom: 1;
}

/* IE6 */
*:first-child + html .clearfix, *:first-child + html .content {
    zoom: 1;
}

/* IE7 */
input[type="button"], input[type="submit"] {
    -webkit-appearance: none;
    outline: none;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
}

/*整体框架*/
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    color: #333;
    font-family: '方正小标宋';
    margin-bottom: 0em;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    margin: 0;
}

input, input:focus, input:active {
    user-select: text;
}
.content {
    margin: 0 auto;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

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

.titleTop {
    padding: 10px 4%;
}

.titleTop h1 {
    font-size: 14px;
    color: #000000;
}

.detailTop h1 {
    margin-top: 8px;
    font-size: 22px;
}

.titleTop h1 span {
    font-size: 22px;
    font-weight: bold;
}

.f3f3f3f3 {
    background-color: #f3f3f3;
    border-bottom: 1px solid #d4d4d4;
}

.relative {
    position: relative;
}

/*整体框架*/
/***************中间banner开始***********/
.lunbo {
    width: 100%;
}

.shadowB {
    box-shadow: 0px 3px 2px #bdb8af;
}

.touchslider {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.touchslider-viewport {
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: relative;
}

.touchslider-item {
    position: absolute;
    top: 0;
}

.touchslider-item a, .touchslider-item a img {
    display: block;
    width: 100%;
}

.touchslider-item a img {
    vertical-align: top;
}

.touchslider-navtag {
    text-align: center;
    position: absolute;
    bottom: 10px;
    overflow: hidden;
    vertical-align: middle;
    width: 100%;
}

.touchslider-navtag span {
    width: 11px;
    height: 11px;
    background: black;
    overflow: hidden;
    display: inline-block;
    opacity: 0.24;
    -webkit-opacity: 0.24;
    border-radius: 5.5px;
    -webkit-border-radius: 5.5px;
}

.touchslider-navtag span.touchslider-nav-item-current {
    background: white;
    opacity: 1;
    -webkit-opacity: 1;
}

/***************中间banner结束***********/

/*头部  start*/
.header {
    /*padding: 10px 0; */
    background: #ffffff;
    z-index: 99;
    padding: 6px 2% 0px 5%;
    position: fixed;
}

.hbtn, .navList {
    display: flex;
    display: -moz-box;
    display: -moz-flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -ms-flex-pack: justfy;
    align-items: center; /*垂直居中*/
    justify-content: center; /*水平居中*/
}

/*.hbtn div { display:block; -webkit-flex:1; -moz-flex:1; -o-flex:1; -ms-flex:1; -webkit-box-flex:1; text-align:center; width:0; box-align: stretch; overflow:hidden; padding: 5px 1%; }*/
/*.hbtn span.language {font-size: 1.2rem; }*/
.hbtn span.language a {
    color: #797c7f;
    margin-right: 2px;
}

.hbtn div.logo {
    -webkit-flex: 3;
    -moz-flex: 3;
    -o-flex: 3;
    -ms-flex: 3;
    -webkit-box-flex: 3;
    border-left: none;
    padding: 0 5%;
    padding-left: 50px;
}

.hbtn div.navB {
    -webkit-flex: 0.5;
    -moz-flex: 1;
    -o-flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
}

.hbtn div.navB1 a {
    display: block;
    /* width: 50%; */
    float: left;
}

.hbtn div.navB1 {
    -webkit-flex: 1;
    -moz-flex: 2;
    -o-flex: 2;
    -ms-flex: 2;
    -webkit-box-flex: 2;
}

.header img {
    display: block;
    width: 80%;
}

.header div.shopCart a {
    position: relative;
}

.header div.shopCart a span {
    display: block;
    width: 22px;
    height: 22px;
    background-color: #5f1785;
    border-radius: 50%;
    color: #ffffff;
    line-height: 22px;
    text-align: center;
    position: absolute;
    right: -13px;
    top: -12px;
}


/*头部  end*/

/**********menu start*************/
.menu {
    position: fixed;
    width: 87%;
    background-color: #fff;
    display: none;
    z-index: 99;
    border-top: 2px solid #636063;
    top: 7%;
    /* max-height: 475px;
    overflow: auto; */
    overflow: scroll;
    height: 93%;
}
@media screen and (max-width: 640px) {
    #main  {
        padding-top: 54px;
    }
    .navposition{
        position: fixed;
        width: 100%;
        overflow: hidden;
    }

    .layer{
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background: rgba(0,0,0,0.5);
        z-index: 95;
        cursor:pointer;
    }
}


@media screen and (max-width: 640px) {
   .swiper-pagination  {
        margin-top: -2px !important;
    }
}



.menu a.menu1-link {
    display: block;
    color: #ffffff;
    font-size: 16px;
    padding: 20px 0;
    text-align: center;
    background-size: contain;
}

.menu a:last-child {
    background: none;
}
.menu-list a.menu1-link{
    color: #313134 ;
    font-size: 12px;
    text-align: left;
    width: 90%;
    padding: 20px 5%;
    border-bottom: 1px solid #f0efef;
    position: relative;
}
.menu-list a.menu1-link .add {
    background: url(../images/icon-add.png) no-repeat center bottom;
    width: 12px;
    background-size: contain;
    height: 12px;
    display: block;
    position: absolute;
    right: 5%;
    top: 20px;
}
.menu-list a.menu1-link .minus {
    background: url(../images/menu-minus.png) no-repeat center bottom;
    width: 12px;
    background-size: contain;
    height: 12px;
    display: block;
    position: absolute;
    right: 5%;
    top: 20px;
}
.show-menu{
display:none;}
.menu2-list span.clear{
    display: block;
    padding:10px 5%;
    /* width:90%; */
}
.menu2-list a{
    color: #808287;
    font-size:12px;
    text-align: left;
}
span .icon-up{
    background: url(../images/menu-up.png) no-repeat center bottom;
    width: 12px;
    background-size: contain;
    height: 13px;
    display: block;
    float: left;
    margin-top: 6px;
    margin-left: 5%;
}
span .icon-down{
    background: url(../images/menu-down.png) no-repeat center bottom;
    width: 12px;
    background-size: contain;
    height: 13px;
    display: block;
    float: left;
    margin-top: 6px;
}
.menu2-show{
    display: none;
}
.menu2-list span a {
    float: left;
    line-height: 28px;
}
.menu2-list span.clear.menu2-content{
    display: block;
    padding: 0 10%;
    line-height: 28px;
}
.menu2-list span.clear.menu2-content a{
    font-size: 12px;
    line-height: 34px;
}
.menu2-list span.clear.menu2-content a.hover{
color:#000000;
}
/*导航新增样式*/
.headN { position: absolute;         border-top: 1px solid #f1f1f3;top: 180px; left: 0px; background-color:#ffffff; width:100%; }
.navList { overflow: hidden; z-index: 1; position: relative;     width: 1200px; margin:0 auto; }
.navList ul { overflow:hidden; clear:both; }
.navList ul li {                margin: 30px 0 30px 20px;

    padding-left: 30px;
   float:left; display:block; text-align:center; }
.navList ul li.special{
border-left:1px solid #999898;
}
.navList ul li a{
    display: block;
}
.navList ul li a, .navList ul li a span {
    color: #949ca5;

    text-align: left;
    font-size: 16px;
    padding: 10px 0;
    margin-left: 10px;
    margin-right: 1px;
 }
.navList ul li a:hover span{
    color:#2b2c32;
    border-bottom:1px solid #2b2c32;
}
.navList ul li span img{
    width:240px;
}
.navList ul li.special1 span img{
    width: 320px;
    border-left:1px solid #999898;
    margin-top:30px;
    padding-left: 70px;
}
.navList span.Act a { display: inline-block; width: 100px; font-size: 16px; text-align: center; line-height: 40px; border-bottom: 2px solid #2A80D1; margin-right:20px; }
.navList dl dd{
    display: block;    width: 130px;
}
.navList dl dd a { margin-left:10px;padding: 7px 10px;    float: left; font-size:14px; font-weight:normal;    color: #949ca5; }
.navList dl dd a:hover{
    color: #2b2c32;
}
/**********menu end*************/

/**********首页开始******************/

@media screen and (min-width: 1200px) {
   .container {
    z-index: 1;
    background-color: #ffffff;
    
  }
  .explore{
     padding-top:56px;
     padding-bottom:60px;
   }
.manito{
    background-color: #313134;
    display: inline-block;
    width: 180px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    /* margin-left: 42%; */
   
}
}
@media screen and (max-width: 640px) {
    .container {
    z-index: 1;
    background-color: #ffffff;
    padding-top: 54px;
    }

    .explore{
     padding-top:24px;
     padding-bottom:30px;
    }
    .manito{
        background-color: #313134;
        display: inline-block;
        width: 180px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        /* margin-left: 42%; */
       
    }

    /*修改轮播图wap端视图*/
    .banner img {
        width: auto !important;
        height: 100%;
        position: relative;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
    }
    .banner{
        height: 385px
    }
    .banner .swiper-slide{
        height: 375px
    }
    .banner a{
        width: 100%;
        height: 100%;
        display: block;
        overflow: hidden;
    }
    /*修改轮播图wap端视图*/
}

.explore_box{
    text-align: center;
}


.banner img {
    width: 100%;
}

.proLink {
    padding-top: 10px;
}

.proLinks1 {
    padding-top: 13px;
}

.proLink img {
    width: 100%;
}



/**********首页结束******************/
/*********footer start********/
.footer {
    overflow: hidden;
    zoom: 1;
}

.footerTwo {
    padding: 30px 20%;
}

.footerTwo a {
    display: block;
    float: left;
    width: 25%;
    color: #7a7d80;
    text-align: center;
}

.footerTwo .footerTwoA {
    overflow: hidden;
  
}


@media screen and (max-width: 640px) {
    .footerTwo .footerTwoA {   
    margin-top: 20%;
}
}

.footerTwo a img {
    width: 60px;
}

.footerThree {
    padding: 10px 0;
    margin-top: -7%;
}

.footerThree span {
    color: #7a7d80;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 2px;
}



/*********footer end********/
@media screen and (max-width: 1200px) {
    .pro-pc {
        display: none
    }

    .header-pc {
        display: none;
    }

    .language a {
        color: #797c7f;
    }

  
    .container-wap {
        width: 100%;
        overflow: hidden;
    }

    .container-wap .pro-Content .img-Div {
        width: 100%;
    }

    .container-wap .pro-Content .img-Div img {
        width: 100%;
    }

    .container-wap .pro-Content .content-Div {
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 10%;
        color: #fff;
    }

    .container-wap .pro-Content .content-Div span {
        display: block;
        font-size: 16px;
        line-height: 26px;
    }

    .container-wap .pro-Content .content-Div span b {
        font-size: 18px;
        font-weight: normal;
    }

    .container-wap .proLinks1 .content-box {

        margin-top: 0px;
    }

    .container-wap .proLinks1 .content-box .title-href {
        margin-top: 15px;
    }
    
    .title-English{
        font-family: '英文标题' !important;

    }
    .container-wap .proLinks1 .content-box .title-href a {
        background-color: #313134;
        display: inline-block;
        width: 180px;
        height: 36px;
        line-height: 36px;
    }

    .footer-wap .footerOne-wap ul {
        border-top: 1px solid #d9d9d9;
    }

    .footer-wap .footerOne-wap ul > li a {
        padding: 15px 0;
        display: block;
        color: #202022;
        font-size: 12px;
        text-align: left;
        text-indent: 20px;
        border-bottom: 1px solid #d9d9d9;
        position: relative;
    }

    .footer-wap .footerOne-wap ul > li i {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        rotation: 0deg;
        background: url(../images/icon_down.png) 0 0 no-repeat no-repeat;
        display: inline-block;
        width: 12px;
        height: 13px;
        position: absolute;
        right: 10px;
        top: 22px;
        background-size: contain;
    }

    .footer-wap .footerOne-wap ul > li i.show {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        rotation: 90deg;
        width: 13px;
        height: 12px;
    }

    .footer-wap .footerOne-wap ul > li i.add {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        rotation: 0deg;
        background: url(../images/icon-add.png) 0 0 no-repeat no-repeat;
        display: inline-block;
        width: 12px;
        height: 12px;
        position: absolute;
        right: 10px;
        top: 22px;
        background-size: contain;
    }

     .footer-wap .footerOne-wap ul > li i.minus {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        rotation: 0deg;
        background: url(../images/menu-minus.png) 0 0 no-repeat no-repeat;
        display: inline-block;
        width: 12px;
        height: 12px;
        position: absolute;
        right: 10px;
        top: 22px;
        background-size: contain;
    }

    .footer-wap .footerOne-wap ul > li .menu_list {
        display: none;
    }

    .footer-wap .footerOne-wap ul > li .menu_list a {
        padding: 15px 0;
        display: block;
        color: #5d5d5d;
        padding-left: 30px;
    }

    .footer-wap .footerOne-wap.footTop {
        width: 100%;
    }

    .footer-wap .footerOne-wap .footTop a {
        background-color: #7a7d80;
        display: block;
        text-align: center;
        width: 100%;
        line-height: 36px
    }

    .footer-wap .footerOne-wap .ul-wap {
        border: 0;
    }

    .footer-wap .footerOne-pc {
        display: none;
    }

    .footer-pc .footerThree span {
        display: block;
    }

    .footer-pc .footerThree i {
        display: none;
    }

    .footer-wap {
        width: 100%;
        margin: 0 auto;
        /* margin-top: -2%; */
    }

    .footer-wap .footTop {
        width: 100%;
    }

    .footer-wap .footTop a {
        background-color: #313134;
        display: block;
        text-align: center;
        width: 100%;
        line-height: 36px
    }

    .footerTwoS {
        display: none;
    }

    .footerTwoB {
        display: none;
    }

    .footerTwo {
        padding: 30px 25%;
    }
    .about-us{
        display: none;
    }
    @media screen and (min-width: 1200px){
        .about-us{
            display: block
        }
    }
    .footerTwo .footerTwoA a img {
        width: auto;
        height: 30px;
    }
    .china_gongshang{cursor: pointer;}
    .china_gongshang img{height: 17px}
}

@media screen and (min-width: 420px) and (max-width: 550px) {
    .hbtn span.language a {
        font-size: 160%;
    }
}

@media screen and (min-width: 550px) and (max-width: 1200px) {
    .hbtn span.language a {
        font-size: 220%;
    }
}
 #shopcart{
        width: 16px;
    margin-top: 4px;
    }
@media screen and (min-width: 1200px) {
    .pro-wap {
        display: none
    }

    .header-wap {
        display: none;
    }

    .header-pc {
        width: 1200px;
        position: relative;
         margin: 0 auto;
    }

    .header-pc .content a {
        float: left;
        line-height: 25px;
    }

    .headerTwo {
    position: absolute;
    top: 20px;
    left: 50%;
    width: 280px;
    margin-left: -140px;
    }

    .headerTwo img {
        width: 280px;
    }

    .headerThree {
        margin-top: 100px;
        margin-bottom: 20px
    }

    .header-pc .content a.save {
        margin-right: 25px;
    }
    .header-pc .content a.save img{
        width: auto;
    }

    .header-pc .headerOne .content ul {
        float: right;
        clear: right;
    }

    .header-pc .content ul li {
        float: left;
    }

    .header-pc .content ul li img {
        width: 25px;
        margin-left: 15px;
    }

    .header-pc .content a {
        color: #797c7f;
    }

    .header-pc .content ul li i {
        line-height: 25px;
        float: left;
        margin: 0 10px;
    }

    .headerThree ul {
        margin: 0 auto;
        display: inline-block;
    }

    .headerThree ul li {
        float: left;
    }

    .header-pc .headerThree .content {
        text-align: center;
    }

    .header-pc .headerThree .content ul li a {
        padding: 0 15px;
        line-height: 32px;
        font-size: 15px;
        color: #313134;
    }

    .container-pc {
        width: 1200px;
        margin: 0 auto;
    }

    .container-pc.ucenter-container-pc{
        width: 100%;
        margin: 0 auto;

    }

   

      


    .container-pc .pro-Content {
        margin-top: 8px;
        clear: both;
        overflow: hidden;
    }

    .container-pc .pro-Content .img-Div {
        width: 1000px;
        float: left;
    }

    .container-pc .proLinks1 .pro-Content .img-Div {
        width: 100%;
        float: left;
    }

    .container-pc .pro-Content .img-Div img {
        width: 100%;
    }

    .container-pc .pro-Content .content-Div {
        background-color: #cfd1d2;
        width: 200px;
        height: 664px;
        text-align: center;
        float: left;
        color: #fff;
        line-height: 676px;
        text-align: center;
    }

    .container-pc .proLinks1 .pro-Content .content-Div {
        width: 100%;
        height: auto;
        background: transparent;
        position: absolute;
        bottom: 10%;
    }

    .container-pc .pro-Content .content-Div span {
        display: block;
        font-size: 16px;
        line-height: 26px;
    }

    .content-box {
        margin-top: 300px;;
    }

    .container-pc .proLinks1 .content-box {
        /* margin-bottom: 50px; */
        margin-top: 0px;
    }

    .container-pc .proLinks1 .content-box .title-href {
        margin-top: 15px;
    }

    .container-pc .proLinks1 .content-box .title-href a {
        background-color: #313134;
        display: inline-block;
        width: 180px;
        height: 36px;
        line-height: 36px;
    }

    .container-pc .pro-Content .content-Div span b {
        font-size: 18px;
        font-weight: normal;
    }

    .footer-pc {
        width: 1200px;
        margin: 0 auto;
        /* margin-top: -6px; */
    }

    .footer-pc .footTop {
        width: 100%;
    }

    .footer-pc .footTop a {
        background-color: #313134;
        display: block;
        text-align: center;
        width: 100%;
        line-height: 36px
    }

    .footer-pc .ul-wap {
        display: none;
    }

    .footer-wap .footerOne-wap {
        display: none;
    }

    .footer-pc .footerOne-pc {
        margin-top: 50px;
    }

    .footer-pc .footerOne-pc ul {
        /* padding-left: 100px; */
    }

    .footer-pc .footerOne-pc ul li {
        display: inline;
        float: left;
        width: 300px;
        padding: 0 10px 0 55px;
        /* height: 168px; */
        text-align: center;
    }

    .footer-pc .footerOne-pc ul li strong {
        display: block;
        font-size: 16px;
        margin: 3px 0 10px;
    }

    .footer-pc .footerOne-pc ul li a {
        display: block;
        font-size: 14px;
        line-height: 28px;
        color: #313134;
    }

    .footer-pc .footerOne-pc ul li a:hover {
        color: #313134;
        text-decoration: underline;
    }

    .footer-pc .footerThree {
        text-align: center;
        margin-top: -2%;
    }

    .footer-pc .footerThree i {
        font-style: normal;
        margin: 0 10px;
    }

    .footer-pc .footerTwo {
        padding: 30px 27%;
    }

    .footerTwoS {
        text-align: center;
    }

    .footerTwoS .search-input {
        width: 300px;
        height: 38px;
        border: 1px solid #313134;
        line-height: 38px;
        padding: 0 8px;
        float: left;
        font-size: 14px;
    }

    .searchBox {
        margin: 60px 0 30px 0;
        display: inline-block;
    }

    .footerTwoS .search-button {
        width: 120px;
        text-align: center;
        background-color: #313134;
        color: #fff;
        height: 40px;
        line-height: 40px;
        border: 1px solid #313134;

        float: left;
    }

    .footer-pc .footerTwo .footerTwoA img {
        display: none
    }

    .footer-pc .footerTwo .footerTwoB span {
        float: left;
        line-height: 30px;
        margin-right: 20px;
        font-size: 14px;
    }

    .footer-pc .footerTwo .footerTwoB a {
        width: auto;
        margin-right: 12px;
    }

    .footer-pc .footerTwo .footerTwoB img {
        height: 30px;
        width: auto;
        margin: 0px;
    }

    .footer-pc .footerTwo .footerTwoB {
            margin-left: 23%;
    }

    .footerTwoA {
        margin-left: 140px;
    }

    .footerTwoA a {
        width: 30%;
    }
    .china_gongshang{cursor: pointer;}
    .china_gongshang img{height: 12px}
}

/*********详情页开始********/
.proDetail {
    padding: 10px 10%;
    font-size: 14px;
    background-color: #fff;
}

.proDetail h1.title {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #252525;
    font-weight: normal;
    position: relative;
    margin-top: -3%;
    margin-bottom: 2%;
}

.proDetail .tgPrice span {
    color: #545454;
    font-size: 12px;
}

.proDetail h1.title a {
    margin-right: 10px;
    display: block;
    color: #333333;
    font-size: 12px;
}

.proDetail .proPrice {
    text-align: center
}

.proDetail .proPrice em {
    font-size: 14px;
    clear: both;
    float: none;
    font-style: normal;
    font-weight: normal;
    color: #808186;
}

.proDetail .proPrice i {
    font-size: 11px;
    color: #e8256a;
    padding: 1px 12px;
    font-style: normal;
    border: 1px solid #e8256a;
    text-align: center;
    margin-left: 8px;
}

.select-item {
    margin-left: 10px;
}

.proDetail p.type {
    color: #ff7300;
    font-size: 13px;
    line-height: 22px;
    height: 22px;
}

.comment-list {
    background-color: #fff;
}

.detailTop .Choice .color p, .detailTop .Choice .Size p, .detailTop .Choice .color p, .detailTop .Choice .Number p {
    font-size: 14px;
    color: #000000;
    padding: 8px 0;
}

.Choice {
    padding: 20px 0 0px 0;
}

.Choice .color, .Choice .Size, .Choice .Number {
    padding: 10px 7%;
    clear: both;
    overflow: hidden;
    border-top: #c4c2c3 1px solid;
}

.Choice .Size {
    border: none;
    /* border-top: 1px dashed #c4c2c3; */
    border-top: 1px solid #c4c2c3;
}

.closeT {
    padding: 5px 2%;
    text-align: right;
}

.closeT a.close-icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/close.png) no-repeat center center;
    background-size: 20px;
}

.choose a {
    float: left;
    text-align: center;
    border: 1px solid #fff;
    margin-bottom: 8px;
    margin-left: 10px;
    text-decoration: none;
    color: #c7c6c6;
    font-size: 15px;
    padding: 1px;
}


.Choice .color a img {
    width: 40px;
    height: 40px;
    vertical-align: top;
}

.Choice .Size .choose a {
    margin-left: 10px;
    padding: 5px 10px;
}

/* .choose .on a {
    color: black;
    border: 1px solid #616057;
}
 */
.Choice .Size .choose a:hover, .Size .choose a.on {
    color: #000001;
}
 .Choice .color a:hover, .Choice .color a.on {
    border: 1px solid #616057;
    color: #000001;
} 
/*  .Choice .color a.on {
    border: 1px solid #616057;
    color: #000001;
} */

/* .Choice .color a:hover{
    border: 1px solid #616057;
    color: #000001;
} */
.product-intro {
    padding: 10px 5%;
    text-align: center;

}
#proinfotext{
    text-align: justify;
}
  .waprighticonwrap{
    position: fixed;
    top:430px;
    right: 10px;
    width: 10%;
    z-index: 20;
  }
  .wapicon img{
    width: 100%;
  }
  .pcicon{
    display: inline;
    text-align: center;
    /*margin-left: 64px;*/
  }
  .pcicon a{
    color: #343434;
  }
  .pcicon a:hover{
    color: #343434;

  }
  .pcicon img{
    width: 20px;
    margin-right: 5px;
    vertical-align: text-bottom;

  }
@media screen and (min-width: 1200px) {
    .waprighticonwrap{
        display: none;
    }
}


.product-intro .pro-title {
    /* padding: 25px 0; */
    padding: 14px 0 0 0;
    /* border-bottom: 1px dashed #c4c2c3; */
}

.product-intro .pro-title, .product-intro .pro-title a {
    text-align: center;
    color: #323235;
}
.sizetable{
    text-align: center;
    color: #323235;
    border-top:1px solid #c4c2c3;
        padding: 10px 0;
}
.sizetable a{
     text-align: center;
    color: #323235;
}
/* .pro-title, .pro-title a {
    text-align: center;
    color: #323235;
}*/
.pro-title a.underline {
    text-decoration: underline;
color: #323235;

}

.product-intro .pro-title a i {
    color: #999;
    font-style: normal;
    font-size: 15px;
    margin-left: 10px
}

.product-intro .pro-content {
    color: #323235;
    line-height: 22px;
}

.detailTop .Choice .Size a.disabled, .detailTop .Choice .Size a.disabled.on {
    color: #c7c6c6;

}

.Choice span {
    color: #000102;
    font-size: 14px;
    line-height: 25px;
}

.choose {
    overflow: hidden;
    margin-left: 30px;
}

.addBtn {
    text-align: center;
    margin-bottom: 10px;
    height: 38px;
}

.addBtn.left {
    text-align: left
}

.addBtn a {
    width: 264px;
    border:1px solid #343434;
    background-color: #343434;
    height: 38px;
    display: inline-block;
    line-height: 38px;
    /*letter-spacing: 16px;*/
    font-size: 16px;
}
.addBtn a span {
    display: inline-block;
    width: 14em;
    height: 100%;
    letter-spacing: 1.5em;
    text-indent: 1.5em;
}
.addBtn a#addToCart{
   
    /*letter-spacing: 10px;*/
   color:#343434;
   background-color: white; 
}
.addBtn a#addToCart span{
    letter-spacing: 0.9em;
    text-indent: 0.9em;
}
/*.addBtn a span:after {
    display: inline-block;
    width: 100%;
    content: '';
}*/

.addBtn.left a {
    width: 150px;
    text-align: center;;
    height: 34px;
    line-height: 34px;
}

.proDetail h1.title i, .detailCenterNav a i {
    background-position: 0px 0px;
    position: absolute;
    right: 8px;
    top: 12px;
    width: 20px;
    height: 20px;
    background-image: url(../images/right.png);
    background-repeat: no-repeat;
    background-size: 20px;
}

.detailBottom {
    background-color: #fff;
    opacity: 0.8;
    z-index: 999;
}

.detailMain {
    width: 600px;
}

.detailTitle {
    color: #323235;
    font-size: 20px;
    margin: 20px 0;
}

.detailContent {
    color: #323235;
    font-size: 14px;
    line-height: 26px;
}

.detailMain {
    padding: 30px 20px;
}

.detailBox {
    border-top: 1px solid #bab7b9;
}

.pro-button a {
    color: #323235;
    position: relative;
    margin-left: 139px
}

.pro-button a i {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/help.png) center center no-repeat;
    background-size: 15px;
    margin-right: 5px;
    position: absolute;
    top: 2px;
    left: 0;
}

.pro-button a i.contact-icon {
    background: url(../images/contact.png) center center no-repeat;
    background-size: 15px;

}

/*推荐 start*/
@media screen and (max-width: 1200px) {

    .banner-pc {
        display: none;
    }

    .recommPro {
        padding: 10px 10%;
        clear: both;
        margin-top: 10px;
        margin-bottom: 10px;
        background-color: #fff;
    }

    .recommPro .botCon {
        margin: 0 auto;
    }

    .botCon h1, .botCon h2 {
        text-align: center;
        font-style: normal;
        padding: 10px 15px;
        font-weight: normal;
        color: #1c1c1b;
        font-size: 15px;
    }

    .botCon h1 {
        font-size: 20px
    }

    .botCon h2 {
        border-bottom: 1px solid #ddd;
        padding: 15px 10px 25px 10px;
        margin-bottom: 15px;
    }

    .botCon ul {
        clear: both;
    }

    .botCon ul li {
        float: left;
        width: 33%;
    }

    .botCon ul li a {
        display: block;
    }

    .botCon ul li p a {
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 22px;
        display: block;
        color: #333333;
        font-size: 15px;
    }

    .botCon ul li a img {
        width: 200px;
    }

    .botCon ul li p {
        color: #454545;
        font-size: 13px;
        margin: 5px 0;
        line-height: 30px;
        *position: relative;
        clear: both;
    }

    .botCon ul li p.price {
        border: none;
        margin: 0px;
    }

    .botCon ul li p i {
        font-size: 14px;
        clear: both;
        float: none;
        font-style: normal;
        font-weight: normal;
        color: #808186;
    }

    .botCon ul li p.price i {
        background: url(../images/icon/star.png) 0 0 no-repeat;
        height: 12px;
        width: 12px;
        float: left;
        margin-top: 10px;
        *position: relative;
    }

    .botCon ul li p.price i.bad {
        background: url(../images/icon/star1.png) 0 0 no-repeat;
    }

    .botCon ul li p b {
        float: right;
        font-size: 14px;
        color: #606060;
        font-weight: normal;
        *position: absolute;
        *top: 0px;
        *right: 5px;
    }
}

@media screen and (min-width: 1200px) {
    .detailBottom.pro-pc {
        width: 640px;
    }

    .container {
        width: 1200px;
        margin: 0 auto
    }

    .proDetail {
        float: left;
        width: 400px;
        padding: 20px 0;
        margin-left: 8%;

    }

    .banner-wap {
        display: none;
    }

    .banner-pc {
        float: left;
    }

    .recommPro {
        display: none;
    }

    .left-pc {
        float: left;
        width: 600px;
    }

    .right-pc {
        float: left;
        width: 550px;
    }

    .editPage {
        border: none
    }

}

/*推荐 end*/
.width {
    width: 660px;
}

/*************确认订单开始******************/
.shopCart {
    padding: 10px 0;
    background: url(../images/add-topbg.png) repeat-x 0 top;
    background-size: 10px;
}

.editPage {
    padding: 20px 5%;
    border-top: 2px solid #656264;
}

.orderTitle {
    text-align: center;
    font-size: 18px;
    padding-bottom: 20px;
    color: #333333;
    margin-bottom: 10px;
    border-bottom: 1px solid #e3e2e3;
}

.welcome {
    color: #000102;
    line-height: 24px;
}

.confirmOrder {
    padding: 0 5%;
}

.confirmTitle {
    color: #000102;
    padding: 10px 0;
}

.selectOption {
    float: left;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 10px;
}

.addressContent .selectOption p {
    float: left;
}

.selectOption p {
    line-height: 30px;
    float: left;
}

.selectOption p img {
    height: 30px;
}

.confirmAddress p b {
    font-size: 14px;
    font-weight: normal;
    display: block;
}

.right-pc {
    padding-bottom: 20px;
}

.confirmAddress p em {
    font-size: 12px;
    color: #828489;
    font-style: normal;
}

.selectOption i {
    background: url(../images/before.png) no-repeat 0 0;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    height: 22px;
    width: 22px;
    background-size: 22px;
    display: block;
}

.addressContent .selectOption i {
    background: url(../images/before.png) no-repeat 0 0;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    height: 22px;
    width: 22px;
    background-size: 22px;
    display: block;
}

.selectOption.on i {
    background: url(../images/activeold.png) no-repeat 0 0;
    float: left;
    margin-top: 5px;
    height: 22px;
    width: 22px;
    background-size: 22px;
    display: block;
}

.addressContent .selectOption.saveAddress i {
    background: url(../images/before1.png) no-repeat 0 0;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    height: 22px;
    width: 22px;
    background-size: 22px;
    display: block;
}

.addressContent .selectOption.saveAddress.on i {
    background: url(../images/active1.png) no-repeat 0 0;
    float: left;
    margin-top: 5px;
    height: 22px;
    width: 22px;
    background-size: 22px;
    display: block;
}

.confirmTitle .title {
    font-size: 17px;
    font-family: '方正小标宋';
}

.borderBottom {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.confirmTitle .add {
    float: right;
    color: #979aa1;
    cursor: pointer
}

.confirmTitle .add i {
    font-style: normal;
}

.linecolor {
    background: url(../images/bg01.png) repeat-x 0 0;
    height: 5px;
    display: block;
}

.shopCart .detailT {
    padding-left: 4%;
}


.shopCartL h1 {
    font-size: 16px;
    color: #333333;
    padding: 10px 0;
    text-align: center;
    line-height: 36px;
    font-weight: normal;
}

.shopCartL1 {
    margin-bottom: 8px;
}

.shopCartL h1.titleNew {
    font-size: 13px;
    font-size: 1.3rem;
}

.shopCartL h1 b {
    color: #f32539;
    font-weight: normal;
}

.shopCartL h1 em {
    float: right;
    color: #f32539;
    font-style: normal;
    margin-right: 15px;
    font-size: 13px;
    font-size: 1.3rem;
}

.shopCartC {
    border-top: 0px;
}

.shopCartL h1 i {
    display: inline-block;
    width: 26px;
    height: 36px;
    background: url(../images/shopcart.png) no-repeat center center;
    background-size: 20px;
    line-height: 36px;
    float: left;
}

.shopCartL h1 label {
    margin-left: 0;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    font-size: 14px;
}

.shopCartL h1 label input {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0px;
    margin-right: 3px;
}

.shopCartL h1 span {
    display: inline-block;
    margin-right: 4%;
    color: #f32539;
    height: 36px;
    line-height: 36px;
    float: right;
}

.send {
    padding-left: 10%;
    line-height: 22px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #e8e8e8;
}

.send p span {
    color: #f32539;
}

.shopCartL h1 span a {
    font-size: 14px;
    color: #f32539;
}

.shopL {
    overflow: hidden;
    display: flex;
    display: -moz-box;
    display: -moz-flex;
    display: flex;
    border-bottom: 1px dashed #f2f0f1;
    -webkit-flex-direction: row; /* works with row or column */
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -ms-flex-pack: justfy;
    padding: 12px 2%;
}

.saveNew .shopL:first-child {
    border: none;
}

.shopL:last-child {
    border-bottom: 1px solid #eae9ea;
}

.orderAfter {
    padding: 0 2%;
}

.orderAfter .shopL {
    background-color: #fff;
    border-top: none;
}

.shopCartC .shopL {
    border: none;
}

.shopL .proImg {
    display: block;
    overflow: hidden;
    width: 120px;
    padding: 2px;
}

.shopCartC .shopL .proImg {
    width: 50px;
    height: 50px;
}

.shopL .proImg img {
    height: 100%;
    width: 100%;
}

.shopL .proTitle {
    display: block;
    -webkit-flex: 5;
    -moz-flex: 5;
    -o-flex: 5;
    -ms-flex: 5;
    -webkit-box-flex: 5;
    flex: 5 0 0;
    text-align: left;
    width: 0;
    box-align: stretch;
    overflow: hidden;
    padding: 0 2%;
}

.shopL .proTitle p {
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #808186;
}

.shopL .detailText a {
    width: 100px;
    height: 100px;
    display: block;
    border: 1px dashed #dcdcdc;
    border-radius: 4px;
    background: url(../images/upload.png) no-repeat center 25px;
    line-height: 130px;
    text-align: center;
    color: #c0c0c0;
    font-size: 13px;
    font-size: 1.3rem;
    background-size: 32px;
    float: left;
}

.shopL .detailText textarea {
    width: 100%;
    min-height: 80px;
    border: none;
    padding: 5px;
    margin-bottom: 20px;
    color: #565656;
    font-size: 14px;
    font-size: 1.4rem;
}

p.account em {
    font-size: 12px;
    font-style: normal;
    color: #f32539;
}

p.account b {
    float: right;
}

.shopL .proNum p {
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #808186;
}

.proNum b {
    font-size: 14px;
    font-size: 1.4rem;
    color: #232323;
    margin-top: 10px;
    display: block;
    text-align: right;
    margin-top: 10px;
    font-weight: normal;
}

.shopL .proNum span {
    float: left;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #808186;
}

.shopL .proTitle h4 {
    color: #333333;
    font-size: 10px;
    font-weight: normal;
}

.shopCartC .shopL .proTitle h4 {
    clear: both;
    overflow: hidden;
}

.shopCartC .shopL .proTitle h4 span {
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
}

.shopCartC .shopL .proTitle h4 i {
    float: left;
    background: url(../images/star1.png) no-repeat 0 0;
    width: 20px;
    height: 20px;
    background-size: 20px;
    display: inline-block;
}

.shopCartC .shopL .proTitle h4 i.star {
    background: url(../images/star.png) no-repeat 0 0;
    background-size: 20px;
}

.shopL .proTitle h4 em {
    font-style: normal;
}

.shopL .proOperation {
    display: block;
    text-align: left;
    width: 40px;
    overflow: hidden;
}

.shopL .proOperation p { /*margin-bottom:10px;*/
}

.shopL .proTitle p a {
    background-color: #fff;
    padding: 0px;
    font-size: 20px;
    color: #787878;
    width: 24px;
    height: 24px;
    display: inline-block;
    float: left;
    text-align: center;
    line-height: 24px;
}

.shopL .proTitle p a.delete {
    background: url("../images/delete-icon.png") no-repeat 0 0;
    float: right;
}

.shopL .proTitle h4 a.delete {
    background-color: #fff;
    padding: 0px;
    font-size: 20px;
    color: #787878;
    width: 24px;
    height: 24px;
    display: inline-block;
    text-align: center;
    line-height: 24px;
    background: url(../images/delete-icon.png) no-repeat 0 0;
    float: right;
    /* position: absolute;
    top: 32px;
    right: 0px; */

}

.shopL .proTitle p a.apply {
    width: 70px;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center;
    font-weight: normal;
}

.saveNew .shopL .proTitle p a.delete {
    background: url("../images/delete.png") no-repeat 0 0;
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    border: none;
    position: absolute;
    top: 3px;
    right: 20px;
}

.shopL .proTitle p a.minus {
    border-radius: 4px;
}

.shopL .proTitle p a.plus {
    border-radius: 4px;
}

.shopL .proTitle input {
    width: 36px;
    float: left;
    margin: 0 3px;
    text-align: center;
    border: #96959a 1px solid;
    color: #787878;
    height: 23px;
    font-size: 13px;
    background-color: #fff;
    vertical-align: middle;
}

.closeT {
    padding: 5px 2%;
    text-align: left;
    padding: 15px 4%;
    font-size: 15px;
    border-bottom: 1px solid #dbdbdb;
}

.closeT a.close-icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    float: right;
    background: url(../images/close.png) no-repeat center center;
    background-size: 20px;
}

.orderL p, .orderEdit p.countA {
    margin-bottom: 5px;
    font-size: 15px;
    min-height: 30px;
    color: #000102;
    line-height: 42px;
}

.orderL .odrderD, .orderL .odrderF {
    padding: 2px 0;
    overflow: hidden;
    display: flex;
    display: -moz-box;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row /* works with row or column */
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -ms-flex-pack: justfy;
    padding: 8px 0;
    font-size: 14px;
    padding: 8px 4%;
    border-bottom: 1px solid #f2f2f2;
}

.shopOrder {
    border-top: 1px solid #f2f2f2;
    margin: 8px 0;
}

.scMeCon {
    position: relative;
    padding: 8px 4%;
    margin-bottom: 8px;
    border-top: 1px solid #f2f2f2;
    background-color: #fff;
}

.timeCount {
    margin-top: 25px;
    background-color: #f4edf0;
}

.scMeCon1 {
    padding: 0 4%;
    margin: 0px;
    border-top: 0px;
}

.addressCon {
    padding-left: 30px;
    background: url(../images/location.png) no-repeat 4px center #fbfbfb;
    background-size: 20px 24px;
}

.shopCartM {
    background-color: #fff;
}

.scMeCon.default {
    background-color: #f8f3f3;
}

.userM {
    position: relative;
    z-index: 2;
    background: #fff;
    display: block;
}

.userM p span.name {
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 10px;
    background: url(../images/user01.png) no-repeat 0 0;
    display: inline-block;
    float: left;
    background-size: 18px 18px;
    height: 18px;
    min-width: 60px;
}

.addressCon .userM p {
    line-height: 20px;
    margin-top: 5px;
    clear: both;
    overflow: hidden;
    font-size: 14px;
    font-size: 1.4rem;
    color: #565656;
    text-align: left;
}

.userM p.default {
    font-size: 14px;
}

.userM p.default i {
    color: #f32539;
    font-style: normal;
    padding: 0px;
    height: 20px;
    margin-right: 5px;
    text-align: center;
}

.userM p span.tel {
    color: #565656;
    font-size: 14px;
    font-size: 1.4rem;
    background: url(../images/phone.png) no-repeat 0 0;
    display: inline-block;
    float: right;
    padding-left: 22px;
    background-size: 12px 18px;
    height: 18px;
}

.address .userM p span.name, .address .userM p span.tel {
    background: none;
    padding: 0px;
    min-width: 30px;
}

.address .userM p span.tel {
    float: right;
}

.scMeCon .userM {
    background: url(../images/sign.png) no-repeat right center;
    background-size: 22px 15px;
    padding-right: 25px;
}

.scMeCon2 .userM {
    background: none;
}

.addressCon1 .userM {
    background: none;
}

/*.address{ background:#f8f8f8;}*/
.scMeCon .userM.userM2 {
    padding-right: 0px;
    background: none;
}

.selectAddress {
    font-size: 17px;
    font-size: 1.7rem;
    color: #676767;
    padding: 8px 0;
}

.address .userM {
    overflow: hidden;
    display: flex;
    display: -moz-box;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -ms-flex-pack: justfy;
}

.address .userM .umessage {
    display: block;
    -webkit-flex: 1;
    -moz-flex: 1;
    -o-flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1 0 0;
    text-align: center;
    width: 0;
    box-align: stretch;
    overflow: hidden;
    padding-right: 15px;
}

.address .userM .umessage p {
    clear: both;
    overflow: hidden;
}

.address .userM a.moren {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../images/edit.png) center center no-repeat;
    background-size: 20px;
}

.userM i.moren {
    position: absolute;
    height: 18px;
    right: 0px;
    top: 50%;
    margin-top: -9px;
    color: #8362D9;
    background: url(../images/you.png) no-repeat 0 0;
    width: 12px;
    display: block
}

.comfirmBox .userM i.moren {
    top: 5px;
}

.scMeCon i {
    z-index: 1;
}

.closeit {
    position: absolute;
    right: 0px;
    top: 5px;
    padding: 10px;
    height: 27px;
    width: 25px;
    background-image: url(../images/showcase-1416814739063.png);
    background-position: 12px -108px;
    background-repeat: no-repeat;
}

.Select {
    background: #ffffff; /*border-radius:4px;*/
}

/* --------------  */
/*  custom-select  */
/* --------------  */
.clear {
    clear: both;
    overflow: hidden
}

.confirmAddress {
    margin-top: 12px;
    clear: both;
    overflow: hidden;
    padding-left: 2%;
}

.confirmAddress p {
    color: #000012;
    font-size: 15px;
}

.showAddress {
    display: none
}

.confirmTitle .title01 {
    font-size: 15px;
}

.width35 {
    width: 35%;
    float: left;
}

.width65 {
    width: 65%;
    float: left;
}

.addressLeft {
    width: 28%;
    margin-right: 2%;
    float: left;
}

.addressRight {
    width: 70%;
    float: left;
}

.addressW {
    width: 100%;
}

.phone {
    height: 30px;
    border-bottom: 1px solid #e3e2e3;
}

.phone img {
    /* width: 30%; */
    float: left;
    margin-top: 3px;
    height: 100%;
}

.Select {
    position: relative;
}

.input {
    width: 100%;
    height: 29px;
    line-height: 29px;
    border-bottom: 1px solid #e3e2e3;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    /* background: none; */
    /* outline: none; */
    /* border: 0px; */
    -webkit-appearance: none;
}

.Select .selectCity {
    width: 100%;
    margin: 0;
    background: none;
    border-bottom: 1px solid #e3e2e3;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    font-family: '方正宋三';
    color: #989898;
    padding: 6px 10px;
    font-size: 14px;
    margin-top: 1px;
}

.phone .Select .selectCity {
    border-bottom-color: #fff;
}

.phone .Select {
    height: 31px;
    width: 69%;
    float: right;
}

.Select::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 8px;
    background: url(../images/select.png) no-repeat center center;
    top: 50%;
    margin-top: -3px;
    z-index: 2;
    background-size: 14px 10px;
    right: 10px;
    pointer-events: none;
}

/* Hover style */

/* Focus style */
.Select select:focus {
    outline: none;
    background-color: transparent;
    color: #222;
}

/* Set options to normal weight */
.Select option {
    font-weight: normal;
}

x:-o-prefocus, .Select::after {
    display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .Select select::-ms-expand {
        display: none;
    }

    .Select select:focus::-ms-value {
        background: transparent;
        color: #222;
    }
}

@-moz-document url-prefix() {
    .custom-select {
        overflow: hidden;
    }
    .Select select {
        width: 120%;
        width: -moz-calc(100% + 3em);
        width: calc(100% + em);
    }
}

.Select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.fpNew {
    line-height: 40px;
    font-size: 14px;
    font-size: 1.4rem;
    display: none;
}

.fpNew input {
    padding: 10px 5px;
    border: 1px solid #bebebe;
    border-radius: 4px;
    width: 68%;
    vertical-align: middle;
}

.odrderD .input_order {
    padding: 8px 5px;
    border: 1px solid #fff; /*border-radius:4px;*/
    font-size: 14px;
    -webkit-appearance: none;
}

.orderL p b, .orderEdit p.countA b {
    float: right;
    font-weight: normal;
    color: #808186;
}

.orderEdit p.countA b {
    color: #808186;
}

.orderEdit p.countA b.black {
    color: #000102;
}

.orderEdit.timeCount p.countA em {
    font-style: normal;
    float: right;
    color: #676767;
}

.orderEdit.timeCount p.countA b {
    float: none;
}

.orderEdit p.countA b i {
    background-color: #ada9b1;
    color: #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    display: inline-block;
    font-style: normal;
    margin-left: 2px;
}

@media screen and (min-width: 1200px) {
    .left-pc {
        float: left;
        width: 700px;
    }

    .right-pc {
        float: left;
        width: 450px;
    }

    .editPage {
        border: none
    }

    .confirmOrder, .confirmTitle {
        margin-bottom: 15px;
        width: 1100px;
        margin: 0px auto;
    }

    .borderTop {
        border-top: 1px solid #323235;
        margin-top: 20px;
        font-size: 14px;
    }

    .textareaContent {
        margin-bottom: 20px;
    }

    .textareaTitle {
        color: #000102
    }

    .textarea {
        border: 1px solid #363636;
        width: 400px;
        height: 150px;
        margin-top: 10px;
    }

    .width30 {
        width: 32%;
        margin-right: 1%;
    }

    .welcome.pro-pc {
        padding-bottom: 20px;
        border-bottom: 1px solid #c9c7c8;
    }

    .addcart {
        margin-top: 60px;
    }

    .checkbox {
        float: left;
        vertical-align: middle;
        width: 18px;
        height: 18px;
        margin-right: 5px;
        margin-top: 5px;
    }
}

.brand {
    width: 92%;
    margin: 0 4%;
}

.brand img {
    width: 100%;
}

.brand-content {
    line-height: 42px;
    text-align: center;
    color: #949ca5;
    font-size: 14px;
}

.text-left {
    text-align: left;
    margin-bottom: 20px;
}

.brand-title {
    text-align: center;
    margin-bottom: 20px;
}

.brand-title h1 {
    color: #454d50;
    font-weight: normal;
    font-size: 14px;
}

.brand-title h2 {
    color: #454d50;
    font-size: 18px;
}

.line-bottom {
    height: 1px;
    border-bottom: 1px solid #ddd;
    width: 60px;
    margin: 0 auto;
    margin-top: 15px;
}

.article-content {
    margin-bottom: 35px;
}

.article-content p {
    line-height: 25px;
    font-size: 14px;
    color: #949ca5;
}

.article-content p img {
    width: 100%;
}

.article-content a.more {
    float: right;
    display: inline-block;
    color: #949ca5;
    padding-right: 15px;
    background: url(../images/right1.png) no-repeat center right;
    background-size: 10px 18px;
}

.margin-bottom30 {
    margin-bottom: 30px
}

#swiper-container8 {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

#swiper-container8 .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 300px;

}

.orderEdit p.countB .black {
    font-size: 18px;
}

.submit-notice {
    margin: 20px 0;
}

.submit-notice p {
    color: #808186;
    text-align: center;
    line-height: 22px;
}

.line-2.addBtn {
    float: left;
    margin-left: 20px;
}
.line-2.addBtn a{
    width: 200px;
    border:none;
}

.addBtn.weaken a {
    background-color: #979696;
    color: #fff;
}
/*  @media screen and (max-width: 640px) {
    .addBtn {
        text-align: center;
        width: 45%;
        float: left;
        margin-left: 29%;
        margin-top: 20px;
    }
} */
@media screen and (max-width: 1200px) {
    .shopL1.pro-pc {
        display: none;
    }

    .shopL .proTitle p a.delete.pro-pc {
        display: none
    }

    .addBtn a {
        width: 120px;
        font-size: 14px;
    }

    .addBtn {
        text-align: center;
        width: 45%;
        float: left;
        margin-left: 3%;
    }
    .addBtn a span {
    display: inline-block;
    /*width: 110px;
    text-align: justify;*/
}



    .line-2.addBtn {
        margin-left: 3%;
    }
    .line-2.addBtn a{
    width: 100%;
    border:none;
}

    .addBtn a {
        width: 100%;
    }

    .shopL .proImg {
        width: 95px;
    }
}

@media screen and (min-width: 1200px) {
    .shopcart {
        padding: 0 5%;
    }

    .shopL1 {
        overflow: hidden;
        display: flex;
        display: -moz-box;
        display: -moz-flex;
        display: flex;
        border-bottom: 1px dashed #f2f0f1;
        -webkit-flex-direction: row; /* works with row or column */
        flex-direction: row;
        -webkit-align-items: left;
        align-items: left;
        -webkit-justify-content: left;
        justify-content: left;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        -ms-flex-direction: row;
        -ms-flex-pack: justfy;
        padding: 12px 2%;
    }

    .shopL1 h1 {
        line-height: 33px;
    }

    .shopL .proTitle h4 a.delete.pro-wap {
        display: none;
    }
}

.shopL h4 span.fright, .shopL .proNum span.fright {
    float: right;
    line-height: 26px;
    color: #808186;
    font-size: 14px;
}

.mt5 {
    margin-top: 5px
}

.all01 + label::before {
    content: " ";
    position: absolute;
    top: -4px;
    left: -4px;
    width: 21px;
    height: 21px;
    background: url(../images/before1.png) 0 0 no-repeat;
    background-size: 21px;
}

.shopL {
    position: relative
}

.shopL label, .deliveryOP label {
    margin-left: 2px;
    margin-right: 10px;
}

.shopL label {
    text-align: center;
    margin-left: 10px;
    float: left;
    margin-top: 8px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
}

.shopL .all01 + label::before {
    top: -2px;
    left: -4px;
    width: 21px;
    height: 21px;
    background: url(../images/before1.png) 0 0 no-repeat;
    background-size: 21px;
}

.shopL .all01 + label::after {
    top: -2px;
    left: -4px;
    background: url(../images/before1.png) 0 0 no-repeat;
    width: 21px;
    height: 21px;
    background-size: 21px;
}

.all01:checked + label::before {
    content: " ";
    top: -6px;
    left: -4px;
    position: absolute;
    width: 21px;
    height: 23px;
    background: url(../images/active1.png) 0 0 no-repeat;
    background-size: 21px;
}

.shopL .all01:checked + label::before {
    top: -2px;
    width: 21px;
    height: 21px;
    left: -4px;
    background: url(../images/active1.png) 0 0 no-repeat;
    background-size: 21px;
}

.shopL .all01:checked + label::after {
    top: -2px;
    width: 21px;
    height: 21px;
    left: -4px;
    background: url(../images/active1.png) 0 0 no-repeat;
    background-size: 21px;
}

input.all01 {
    vertical-align: middle;
    width: 24px;
    height: 24px;
    display: none;
}

/*列表 start*/
.filter-bar .sort-tab {
    display: table;
    width: 100%;
    background: #fff;
    border-width: 0 0 1px 0;
}

.filter-bar1 .sort-tab {
    background-color: #f8f8f8
}

.filter-bar .sort-tab li {
    display: table-cell;
    width: 23%;
    text-align: center;
}

.filter-bar .sort-tab li a {
    display: block;
    margin: 0 auto;
    color: #9a9a9a;
    font-size: 16px;
    text-decoration: none;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    width: 50%;
}

.filter-bar .sort-tab li.selected a {
    color: #e8256a;
}

.filter-bar1 .sort-tab li.selected a {
    border-bottom: 2px solid #e8256a;
}

.filter-bar .sort-tab li.active a {
    color: #e8256a;
    padding-bottom: 11px;
}

.filter-bar .sort-tab li a:after {
    background-size: 200px 200px;
}

.filter-bar .sort-tab li a.total:after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 10px;
    margin-left: 4px;
    background: url(../images/sprites.png) -180px 2px no-repeat;
    background: url(../images/sprites.png) -180px -13px no-repeat;
    background-size: 200px 200px;
}

.filter-bar .sort-tab li.selected a.total:after {
    background-position: -180px 2px;
}

.filter-bar .sort-tab li a.prices:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 10px;
    background: url(../images/sprites.png) -170px -30px no-repeat;
    margin-left: 4px;
    background-size: 200px 200px;
}

.filter-bar .sort-tab li .J_Sift {
    background: url(../images/price-up.png) no-repeat 0px 2px;
    background-size: 14px;
    width: 14px;
    height: 14px;
    display: inline-block;
}

.filter-bar .sort-tab li.selected .J_Sift {
    background: url(../images/price-down.png) no-repeat 0px 2px;
    background-size: 14px;
}

.filterbar-container {
    -webkit-transform: none !important;
    transform: none !important;
}

.filter-bar {
    background: #fff;
    border-top: solid 1px #f2f2f2;
    border-bottom: solid 1px #f2f2f2;
    width: 100%;
    position: relative
}

.filter-bar .viewtype-switch {
    float: right;
    width: 50px;
    height: 39px;
    text-align: left;
    border-left: 1px solid #dbdbdb;
    margin-left: -1px;
    position: relative
}

.filter-bar .viewtype-switch div {
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 10px
}

.proBanner img {
    width: 100%;
}

.tgTitle {
    line-height: 26px;
    height: 26px;
    text-indent: 10px;
    font-size: 15px;
    color: #333;
    font-weight: bold;
    border-left: 3px solid #ff7300; /* margin-left: 10px; */ /* margin-top: 10px; */
    margin: 10px;
}

.listAll {
    margin: 0 auto;
}

.listAll ul {
    clear: both;
    overflow: hidden;
}

.listAll ul li {
    float: left;
    width: 50%;
    /* padding: 8px 0; */
    margin-left: -1px;
}

.listAll.list01 ul li {
    width: 100%;
    border-bottom: 1px dashed #dedede;
}

.listAll ul li a {
    display: block;
    margin-bottom: 5px;
    position: relative;;
}

.listImg {
    display: block;
    width: 100%;
    text-align: center;
}

.listAll.list01 ul li .listImg {
    width: 30%;
    float: left;
}

.listImg img {
    width: 90%;
}
.articel_group{
    text-align: center;
    /*height: 200px;*/
    overflow: hidden;
    /*border-top: 1px solid;*/
}
.articel_group_img{
    width: 100%;height: auto;
}
.listAll.list01 ul li {
    padding: 8px 2%;
}

.listAll.list01 ul li .listImg img {
    width: 100%;
    max-width: 140px;
}

.listDetail {
    display: block;
    text-align: center;
    overflow: hidden;
    padding: 0px 2%;
}

.listAll.list01 ul li .listDetail {
    float: left;
    padding: 0;
}

.listAll ul li p.time_remain {
    position: absolute;
    top: 0px;
    left: 5%;
    width: 90%;
    text-align: center;
    background-color: #ff7300;
    opacity: 0.8;
    -webkit-opacity: 0.8;
    -ms-opacity: 0.8;
    -o-opacity: 0.8;
    -moz-opacity: 0.8;
    color: #fff;
}

.listAll ul li p a {
    float: left;
    color: #000000;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 22px;
    margin: 0px;
}

.listAll ul li p {
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    color: #494746;
    text-align: center;
    /* padding-left: 10%; */
    margin-top: 5px;
}

.listAll ul li p.price {
    border: none;
    margin: 0px;
    text-align: center;
    color: #898989;
}

.listAll ul li p.gold, .listAll ul li p.silver {
    line-height: 22px;
    line-height: 22px;
}

.listAll ul li p.gold span, .listAll ul li p.silver span, .proDetail p.silver span {
    height: 22px;
    width: 22px;
    background-size: 22px;
    display: inline-block;
    float: left;
}

.listAll ul li p.gold span {
    background: url(../images/icon01.png) no-repeat 0 0;
}

.listAll ul li p.silver span, .proDetail p.silver span {
    background: url(../images/icon02.png) no-repeat 0 0;
}

.listAll ul li p.gold i, .listAll ul li p.silver i, .proDetail p.silver i {
    float: left;
    color: #e8256a;
    font-size: 13px;
    margin-left: 3px;
    font-style: normal;
}

.listAll ul li p.price em {
    font-style: normal;
    margin-left: 3px;
    font-size: 12px;
}

.listAll ul li p i {
    font-style: normal;
    color: #494746;
    font-size: 12px;
}

.listAll ul li p.recomm {
    font-size: 12px;
    color: #848689;
    padding-right: 4px;
}

.list-selected {
    background-color: #313134;
    display: block;
    text-align: left;
    padding: 12px 5%;
    width: 90%;
    font-size: 12px;
    height: 36px !important;
}

@media screen and (max-width: 1200px) {
    .list-selected.pro-pc {
        display: none;
    }

    .list-selected.pro-wap a {
        position: relative;
    }

    .list-selected.pro-wap a i {
        background: url(../images/select1.png) no-repeat 0 0;
        width: 12px;
        height: 12px;
        background-size: contain;
        display: inline-block;
        position: absolute;
        top: 0px;
        right: -18px;
    }

    .list-title {
        color: #494746;
        font-size: 15px;
        padding: 10px 5%;
    }

    .list-selected-item {
        display: none
    }

    .list-selected-item a {
        display: block;
        padding: 12px 0 6px 0;
        text-align: center;
        color: #6d7070;
        border-bottom: 1px solid #e8e8e7;
        font-size: 14px;
    }
}
.loginCommit{
    margin-top:20px;
}
.loginCommit a{
    color: #040000;
}
@media screen and (min-width: 1200px) {
    .listAll {
       /* margin-top: 50px;
        margin-bottom: 50px;*/
        width: 1200px;
        margin: 50px auto;
    }

    .list-selected.pro-wap {
        display: none;
    }

    .listAll ul li {
        width: 25%;
    }

    .listAll ul li p {
        /* float: left; */
        text-align: center;
        margin: 0;
        padding: 0
    }

    .listAll ul li p.price {
        /* float: right; */
    }

    .listDetail {
        /* position: absolute; */
        /* width: 80%; */
        bottom: 0px;
        /* left: 5%; */
        background-color: #fff;
        opacity: 0.85;
        /* padding: 8px 5%; */
    }
    .articel_group{
        text-align: center;
        /*height: 500px;*/
        overflow: hidden;
        /*border-top: 1px solid;*/
    }
    .articel_group_img{
        width: 100%;height: auto;
    }
}

.margin-auto {
    margin: 10px auto 25px auto;
    float: none;
}

/*列表 end*/
/*//用户中心*/
.ucenter .ul-wap{
    /* padding: 10px 5%; */
    /* width: 63%; */
}
.ucenter .items{
    /* border-bottom: 1px solid #d9d9d9; */
    position: relative;
}
.ucenter .items:first-child{
    /* border-top: 1px solid #d9d9d9; */
    /* border-bottom: 1px solid #d9d9d9; */
}
.ucenter .items a.item-select{
    padding: 15px 0;
    display: block;
    color: #7a7d80;
    font-size: 16px;
    text-align: left;
    text-indent: 20px;
    position: relative;
    width: 63%;
    margin: 0px auto;
    border-bottom: 1px solid #d9d9d9;
}
@media only screen and (max-width: 1200px) {
    .ucenter .items a.item-select {
        width: 100%;
    }
}
.am_grey_bg {
    position: absolute;
    width: 100%;
    height: calc(100% - 55px);
    top: 55px;
    left: 0px;
    background: #f1f3f2;
}
.show-items{
    display: none;
}
.ucenter .items a i.add{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    rotation: 0deg;
    background: url(../images/icon-add.png) 0 0 no-repeat no-repeat;
    display: inline-block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 10px;
    top: 22px;
    background-size: contain;
}

.ucenter .items a i.minus{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    rotation: 0deg;
    background: url(../images/menu-minus.png) 0 0 no-repeat no-repeat;
    display: inline-block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 10px;
    top: 22px;
    background-size: contain;
}


.show-items{
    padding: 10px 2%;
    width: 63%;
    margin: 0px auto;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .show-items{
        width: 100%;
    }
}
.show-item-left ul li{
    line-height: 32px;
    font-size: 14px;
    color: #979aa1;
    cursor: pointer;
}
.show-item-left ul li.on{
    color: #7a7d80;
}

.confirmAddress p{
    line-height: 28px;
}
.show-item-right .addBtn.left{
    margin-left: 35%;
}
.input1{
    width:94%;
    padding: 0 3%;
    background-color: #fff;
    -webkit-appearance: none;
}
.line{
    margin: 5% 0 5% 0;
    border-top:1px solid #c2c1c1;
}
@media screen and (min-width: 1200px) {
    .ucenter{
        width: 100%;
        margin: 0 auto;
    }
    .show-item-left{
        float: left;
        width: 30%;
    }
    .show-item-left1{
        width:100%;
        float: none;
    }
    .show-item-left1 ul{
        text-align: center;
        margin: 0 auto;
    }
    .show-item-left1 ul li{
        width: 90px;
        display: inline-block;
        color:#1c1c1b;

    }
    .ucenter .ucenter-title{
        padding: 15px 0%;
        margin-top:30px;
        width: 1100px;
        margin: 0px auto;
        border-bottom: 1px solid #d9d9d9;
    }
    .ucenter .ucenter-title img{
        width:200px;}
    .show-item-right{
        float: left;
        width: 50%;
        padding-right: 20%;
    }
    .show-item-right1{
        width: 100%;
        padding: 0;
        }
    .item-right1{
        /*display: none;*/
        margin: 25px 0 25px 0;
    }
    .invite-left{
        width: 180px;
        float: left;
        height: 232px;
        padding: 80px 50px;
    }
    .invite-title{
        color: #1c1d1b;
        font-size: 18px;
        line-height: 40px;
    }
    .weight{
        font-weight: bold;
    }

    .invite-content{
        margin-top:50px;
    }
    .invite-content p{
        font-size: 14px;
        color: #808186;
        line-height: 24px;
    }
    .invite-right{
        width: 580px;
        float: left;
    }
    .pro-pc{
        /* width:100%; */
    }
    .show-item-right.show-item-right1 .pro-wap{
        display: none;
    }
    .coupon.default{
        border:2px solid #484849;
    }
    .show-item-right-order,.have_order .show-item-right-order{
        float: left;
        width: 75%;
        /* padding-right: 20%; */
        background-color: #fff;
        padding: 50px 0;
    }
    .have_order .show-item-left{
        width:20%;
    }
    .coupon-content2 a.edit.pro-wap{
        display: none;
    }
    .loginBox{
        width: 480px;
        float: left;
        margin: 0 80px 0 40px;
    }
.registerBox{
    width:480px;
        float: left;
    }
    .loginRegister{
       width: 1100px;
        clear: both;
        overflow: hidden;    margin: 40px auto;
    }
.loginCommit p{
    float: left;
}
    .loginCommit a.submitLogin{
        float: right;
        background-color: #666767;
        display: block;
        color: #fff;
        line-height: 36px;
        height: 36px;
        text-align: center;
        color: #fff;
        width: 180px;
        font-size: 14px;
        margin: 0 auto;
    }
    .login_title2{
        display: none;
    }
    .must{
        width: auto;
        float: right;
        font-size: 12px;
        color: #6d706f;
    }
}
.loginBox .input{
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    -webkit-appearance: none;
}
.login_title{
    color:#040000;
    font-size: 18px;
    line-height:36px;
}
.login_title1{
    color:#040000;
    font-size: 14px;
    line-height:36px;
}
.quickRegister{
    display: none;
}
.quick_getVerify{
    color: #000;
    padding: 12px 10px;
    border: 1px solid #000;
}
.quick_getVerify_wap{
    height: 29px;
    display: inline-block;
    width: 94%;
    text-align: center;
    line-height: 30px;
    color: #000!important;
    border: 1px solid #000;
}
.quick_getVerify:hover{
    color: #000;
}
.login_title .login_1 ,.login_title .login_2{
    color: #000;
    text-decoration: underline;
}
.login_title .login_1:hover , .login_title .login_2:hover{
    text-decoration: none;
}

.login_title2 .login2_1 ,.login_title2 .login2_2{
    color: #040000;
    text-decoration: underline;
}
.login_title2 .login2_1:hover , .login_title2 .login2_2:hover{
    text-decoration: none;
}

.registerBox .Select .selectCity{
    color:#231815;
}
.loginCommit p a.forgetPwd{
    text-decoration: underline;
    font-size: 14px;
    line-height:36px;
    height:36px;
}
.registerBox .formInput{
    position: relative;
}
.registerBox .saveAddress span{
    color: #231815;
    line-height: 22px;
    width: 420px;
    float: left;
    font-size: 13px;
}
.registerBox .formInput span{
    position: absolute;
    top: 3px;
    right: 10px;
    cursor: pointer;
    width:auto;
}
.registerBox a.getVerify{
    color: #231815;
    border: 1px solid #ddd;
    padding: 3px;
    display: block;
    margin: 5px 3px 0 3px;
    font-size: 12px;
    text-align: center;
}
p.error{
    text-align: right;
    margin: 3px 0;
    font-size: 14px;
    color: #76161b;
}
.width35 .verifyImg{
    height:30px;
}
@media screen and (max-width: 1200px) {
    .registerBox{
        display: none;
    }
    .title-new{
        background-color: #313134;
        display: block;
        text-align: center;
        padding: 12px 5%;
        width: 90%;
        font-size: 14px;
        color: #fff;
    }
    .register-tab{
        display: none;
    }
.goRegister{
    text-align: center;
    margin: 20px 0;
    font-size: 14px;
    color:#595757;
}
    .goRegister span{
        color: #231815;
        text-decoration: underline;
    }
    .login_title{
        display: none;
    }
    .login_title2{
        color: #6d706f;
        text-align: center;
        font-size: 16px;
    }
    .must{text-align: center; color: #6d706f;}
    .login_title1{
        text-align: center;
    }
    .registerBox .saveAddress span {
        color: #231815;
        line-height: 22px;
        width: 260px;
        float: left;
        font-size: 13px;
    }
    .loginCommit a.submitLogin{
    background-color: #666767;
    display: block;
    color: #fff;
    line-height: 36px;
    height: 36px;
    text-align: center;
    width: 180px;
    font-size: 14px;
    margin: 0 auto;
}
    .loginBox,.registerBox{
        padding: 20px 5%;
    }
    .coupon-content2 a.edit.pro-pc{
        display: none;
    }
    .no_order .pro-pc{
        display: none;
    }
    .line{border-color: #fff;}
    .show-item-right.show-item-right1 .pro-pc{
        display: none;
    }
    .show-item-left{
        width: 100%;
        margin-bottom: 12px;
    }
    .show-item-left ul{
        text-align: center;
        margin: 0 auto;
    }
    .show-item-left ul li{
        width: 90px;
        display: inline-block;
        color: #1c1c1b;
    }
    .show-item-right{
        width: 100%;
        /*padding-right: 20%;*/
    }
    .ucenter{
        border-top:1px solid #656264;}
    .ucenter .ucenter-title{
        padding: 15px 5%;
        text-align: center;
        margin-top: 50px;
    }
    .ucenter .ucenter-title img{
        width:200px;
    }
    .item-right1{
        display: none;
    }
    .invite-left{
        width: 30%;
        float: left;
        height: 230px;
        padding: 35px 5%;
        position: absolute;
        left: 30%;
        /* bottom: 0px; */
        background-color: #f1f2f2;
    }
    .invite-title{
        color: #1c1d1b;
        font-size: 15px;
        line-height: 28px;
    }
    .weight{
        font-weight: bold;
    }

    .invite-content{
        margin-top:25px;
    }
    .invite-content p{
        font-size: 12px;
        color: #808186;
        line-height: 24px;
    }
    .invite-right{
        width: 100%;
        float: left;
        height: 300px;
    }
    .pro-wap{
        height: 100%;
    }

}
.vip-card{
    width:280px;
    height:160px;
    background-color: #fff;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    line-height: 190px;
    text-align: center;
    box-shadow:8px 8px 20px #bababa;
    -webkit-box-shadow:8px 8px 20px #bababa;
    -moz-box-shadow:8px 8px 20px #bababa;
    margin:40px auto 30px auto;
}
.mb20{margin-bottom: 20px}
.vip-card img{
    width:200px;
}
.vip-title{font-size: 20px;color: #1c1c1b;
    margin-top:30px;
    margin-bottom:10px;
    text-align: center;}
.vip-content{
    color:#c2c1c1;
    font-size:12px;
    line-height: 25px;
    text-align: center;
}
.coupon{
    width: 30%;
    background-color: #fff;
    padding: 5%;
    float: left;
    margin-left:7%;
    text-align: center;
}
.swiper-slide .coupon{
    width: 75%;
    background-color: #fff;
    padding: 5%;
    float: left;
    margin-left: 7%;
    text-align: center;
    border:2px solid #ffffff;
}
.address .swiper-slide .coupon{
    height:235px;
}
.coupon-title{
    font-size: 16px;
    margin-bottom: 12%;
}
.coupon-title1{
    margin-bottom:5%;
}
.coupon-content{
    font-size: 14px;
    color:#4a494a
}
.coupon-content a{
    color:#1c1d1b;
}

.line1{
    margin: 5% 0 2% 0;
    border-top:1px solid #c2c1c1;
}
.pay_success{
    width:500px;
    margin:30px auto;
}
@media screen and (max-width: 570px){
    .pay_success{
        width:80%;
        margin:30px 10%;
    }
    .address .swiper-slide .coupon {
        height: 190px;
    }
    .coupon-title{
        font-size: 13px;}
    .coupon-content{
        font-size:12px;
    }
    .invite-title{
        font-size: 14px;
    }
    /*.invite-right*/
}
.addBtn.center{
    text-align: center;
    width: 100%;
    margin-top: 20px;
}
.addBtn.center a{
    width:160px;
}
.mt20{
    margin-top: 20px;
}
.coupon-content2{
    clear: both;
    overflow: hidden;
    margin: 0 5%;
}
.coupon-content1{

    margin-top:20px;}
.coupon-content2 a.edit{
    float: left;
    width :auto;
}
.coupon-content2 a.delete{
    float: right;
}
.address{
    padding: 20px 0;
}
.coupon.add{
    background-color: #f1f3f2;
}
.coupon.add a{
    font-size: 16px;
    margin: 0 auto;
    color:#454545;
    font-size: 16px;
    /* margin: 0 auto; */
    margin-top: 95px;
    /* padding-top: 80px; */
    display: block;
    text-decoration: underline;
}
.show-item-right ul li{    display: block;
    color: #1c1c1b;
    text-align: center;
    font-size: 14px;
    margin: 5px 0;}
.show-item-left.pro-pc{
    width: 20%;
}
.have_order .show-item-right-order{
    background-color: #fff;
    padding: 35px 0;
}
.order-title{
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    line-height:40px;
}
.show-item-right-order .shopL{
    border-top:1px dashed #dedede;
}
.show-item-right-order .shopL:first-child{
    border-top:1px solid #dedede;
}
.order-list{
    padding: 0 10%;
}
.shopL .proTitle p a.order-detail{
    font-size: 14px;
    width: auto;
    float: right;
    color: #111;
}
.page{
    text-align: center;
    margin: 0 auto;
}
.page a{
    display: inline-block;
    color:#676767;
    margin-right:10px;
}
.page a.cur{
    color:#343434;
}



.coupons.address.pro-pc{
    display: none;
}

@media only screen and (min-width: 1200px){
    .coupons.address.pro-pc.editaddr{
    display: block;
}
}

@media only screen and (max-width: 640px){
    .coupons.address.pro-wap.editaddr{
    display: block !important;
}
}

.coupons.address.pro-pc .showAddress{
    display: block;
    width:70%;
    padding: 10px 5%;
    float: left;

}
.coupons.address.pro-wap .showAddress{
    display: block;
    width:90%;
    padding: 10px 5%;

}
.coupons.address.pro-wap {
    display: none;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 99;
    overflow-y: scroll;
}
.address-return{
    float: left;
    width:20%;
}
.address-return a.return-btn{
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/left.png) no-repeat center center;
    background-size: 20px;
    margin-top: 180px;
    margin-left: 50px;
}
/*列表 end*/
.pay_success  .addBtn a{
    font-size:14px;
}
.success_title{
    color: #343434;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    margin-bottom:20px;
}.success_title1{
    color: #000102;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
     margin-bottom:20px;
}
.pay_success p{
color:#808186;
    text-align: center;
    font-size:  13px;
    margin-bottom:20px;

}
.pay_success p.order{
    color:#000102;
    text-align: center;
    font-size:  13px;
    margin-bottom:20px;

}
@media screen and (min-width: 1200px) {
    .show-items{
        width: 1100px;
        padding: 55px 2%;
    }
    .ucenter .items a.item-select{
        width:1100px;
    }
.coupon{
    width: 250px;
    padding: 50px 30px;
    height: 220px;
    margin-right: 45px;
    margin-left: 120px;
}
    .coupon-title {
        font-size: 18px;
        margin-bottom: 22%;
    }
    .coupon-title1{
    margin-bottom: 12%;
    font-size: 16px;
}
    .line {
        margin: 10% 0;
        border-top: 1px solid #c2c1c1;
    }
    .swiper-wrapper .coupon-title{
        margin-bottom: 10%;
    }
    .address .swiper-slide .coupon {
        height: 320px;
    }
    .swiper-wrapper .coupon-title1{
        margin-bottom: 8%;
    }

}
@media screen and (min-width: 1600px) {
    .show-items{
        width: 1100px;
        padding: 55px 2%;
    }
    .ucenter .items a.item-select{
        width:1100px;
    }
    .coupon{
        width: 290px;
        padding: 70px 40px;
        height: 260px;
        margin-right: 85px;
        margin-left: 80px;
    }
    .coupon-title {
        font-size: 18px;
        margin-bottom: 22%;
    }
    .coupon-title1{
        margin-bottom: 12%;
        font-size: 16px;
    }
    .line {
        margin: 10% 0;
        border-top: 1px solid #c2c1c1;
    }
    .swiper-wrapper .coupon-title{
        margin-bottom: 10%;
    }
    .address .swiper-slide .coupon {
        height: 320px;
    }
    .swiper-wrapper .coupon-title1{
        margin-bottom: 8%;
    }

}

.message-title{
    border-bottom:1px solid #9b9a9b;
}
.message-title h2{
    font-size:20px;
    color:#444c4f;
    text-align: center;
    font-weight: normal;
    padding:20px 0;
}
.message-title1{
    border-top:1px solid #9b9a9b;
    padding: 12px 0;
}
.message-title1 h2{
    color:#808186;
    font-size: 16px;
    line-height: 40px;
    font-weight:normal;
}
.article-content .message-content{
    padding:25px 0;
    border-bottom: 1px solid #313134;
}
.article-content .message-content:last-child{
    border:none;
}
.article-content p.message-title01{
    color: #808186;
    font-size: 18px;
    line-height: 40px;
    font-weight: normal;
}
.message-content p.message-title02{
    color: #808186;
    font-size: 14px;
    line-height: 40px;
    font-weight: normal;
    padding-left: 10px;    margin-top: 20px;
}
.article-content p.message-title03{
    color: #313134;
    font-size: 14px;
    line-height: 40px;
    font-weight: bold;
    padding-left: 10px;
    margin-top: 20px;
}
.article-content p.content-message{
    color:#313134;
    padding-left: 20px;
    margin-top:20px;
    line-height: 25px;
}
.article-content p.content-message i{
    background-color:#313134;
    width:10px;
    height:10px;
    border-radius:50%;
    display: inline-block;
    margin-right:8px;
}
.message-top-title img{
    width:100%;
}
@media screen and (max-width: 1200px){
    .container-wap.message{
        border-top:1px solid #a1a1a1;
    }
    .itemsMessage{
        margin:0 5%;
        margin-bottom:20px;
    }
.item-message.pro-wap{
    color: #444c4f;
    padding: 20px 5px;
    display: block;
    border-bottom: 1px solid #888;
    font-size: 16px;
    position: relative;
}
    .item-message.pro-wap i{
        background: url(../images/menu-up.png) 0 0 no-repeat no-repeat;
        display: inline-block;
        width: 15px;
        height: 15px;
        position: absolute;
        right: 10px;
        top: 22px;
        background-size: contain;
}
}
.itemsMessage.pro-pc{
    width: 80%;
    margin: 0 10%;
    padding: 60px 0;
}
.item-message.pro-pc .show-item-bottom{
    font-size: 16px;
    color: #808186;
    padding: 25px 0;
    position: relative;
}
.item-message.pro-pc .show-item-bottom i{
    display: none;
}
.item-bottom{
    border-top:1px solid #313134;
    display: none;
}
.item-bottom .article-content p.message-title01{
    font-size: 16px;
}
.item-bottom-list{
    border-bottom: 1px solid #313134;
}
.item-bottom-title{
    color: #313134;
    font-size: 16px;
    padding: 25px 0;
    position: relative;
}
.item-bottom-title i.add{
background: url(../images/menu-add.png) no-repeat center bottom;
width: 22px;
background-size: contain;
height: 22px;
display: block;
position: absolute;
right: 5%;
top: 20px;
}
.item-bottom-title i.minus,.item-message.pro-pc .show-item-bottom i.minus {
    background: url(../images/menu-minus.png) no-repeat center bottom;
    width: 22px;
    background-size: contain;
    height: 22px;
    display: block;
    position: absolute;
    right: 5%;
    top: 20px;
}
.message-banner{
    margin-bottom: 30px;
}
.message-banner img{
    width:100%;
}

.message-content1 p{
      color: #303133;
      font-size: 12px;
      text-align: center;
  }
.message-content1 p.title-01{
    font-size: 14px;
}
.message-content1{
    line-height: 40px;
    padding: 30px 0;
}.brand-detail1 .message-content1 p{
     color:#313134;
 }
.width100{
    width:100%;
    margin: 0;    margin-bottom: 40px;
}
.message-detail1{
    padding: 30px 0;
}
.message-detail1 .title-01{
    color:#313134;
    font-size: 16px;
    text-align: center; line-height: 32px;
}
.message-detail1 .title-02{
    color:#313134;
    font-size: 14px; text-align: center; line-height: 32px;
}
.message-detail1 .title-03{
    color:#313134;
    font-size: 14px; text-align: center;
    line-height: 32px;

}
@media screen and (min-width: 1200px) {
    .message-item{
        width:49.5%;
        float: left;
        margin-top:6px;
        margin-right: 1%;
    }
    .message-item:nth-child(2n-1){
        margin-right: 0
    }
    .message-item1 .message-banner1{
    width: 50%;
    float: left;
}
    .message-item2.message-item1 .message-banner1{
        float: right;
    }
    .message-item1{
        width:100%;
        margin-top: 30px;
    }
   .message-item .message-detail1{
       display: none;
   }
    .message-item1 .message-detail1{
        width: 50%;
        float: left;
        display: block;
        margin-top: 140px;
    }
    .message-item2.message-item1 .message-detail1{
        float: right;
    }
    .message-content1.pro-pc p{
        font-size: 14px;
    }
    .brand-detail{
        position: relative;
    }
    .brand-detail .message-content1{
    position: absolute;
    bottom: 0px;
    width: 100%;
}
    .brand-detail .message-content1 p{
        color: #303133;
        font-size: 16px;
    }
    .brand-detail .message-content1 p.title-01{
        font-size: 20px;
        line-height: 50px;
    }
}

.ruleDetail{
    display: none;
}
.ruleDetail img{
    width:100%;
}
.product-intro .pro-title.border-none{
    border: none;
}
.popUpWrap{
    position: relative;
    width: 100%;
    height: 100%;
    display: none;
}
.popUpBack{
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #333;
    opacity:0.5;
    z-index: 999;
}
.popUpContent{
    width: 700px;
    height: 500px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    background-color: #fff;
    margin-left: -325px;
    margin-top: -270px;
    padding: 20px 45px;
}
.markImg{
    width: 290px;
    position: fixed;
}
.markImg img{
    width:100%;
}
.markSelections{
    padding: 0 50px;
    width: 280px;

    margin-left: 290px;
}
.markItems{
    border-bottom:1px dashed #c5c5c5;
    padding-bottom: 15px;

}
.mark-title{
    color: #000000;
    font-size: 15px;
    padding: 8px 0;
}
.mark-title i{
    margin-right: 5px;
}
.width30{
    width:74%;
    margin: 5px auto;
    float: none !important;
}
.addBtn.width30 a{
    width:100%;
    font-size: 14px;
}
.mark-content{
    margin-top:15px;
}
.mark-content p{
    margin:20px 0;
}
@media screen and (min-width: 1200px) {
    .markContents{
        /*max-height: 500px;*/
        height:400px;
        overflow-y: scroll;
        padding-top: 30px;
    }
}

.markItem{
    padding-top: 10px;
    cursor: pointer;
}
.popUpContent .closeT{
    text-align: center;
    color: #313134;
    font-size: 18px;
}
.popUpContent .choose a img{
    width:45px;
    vertical-align: top;
}
.mark-input{
    border-bottom: 1px solid #acacac;
}
.mark-input input{
    border: none;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}
.selectType i{
    font-size: 18px;
    font-style: normal;
    margin-left: 10px;
    line-height: 30px;
    cursor: pointer;
}
.selectType i:last-child{
    font-weight: bolder;
    font-size: 30px;
    margin-right: 10px;
}
.popUpContent .choose a.colors{
border:1px solid #acacac;
}
.popUpContent .choose a.on{
    border:3px solid #767676;
}
.mark-content .choose1 a{
    color:#666;
    font-size: 14px;
    margin-left: 20px;
}
.mark-content .choose1 a.cur{
    color: #000000;
    text-decoration: underline;
}
.markContent{
    /*display: none;*/
}
.step1_personalSure{display: none;}
.step2_personalSure{display: none;}
.step3_personalSure{display: none;}
.step4_personalSure{display: none;}
@media screen and (max-width: 1200px) {
    .popUpContent{
        height: 100%;
        width:100%;
        overflow-y: scroll;
        position: fixed;
        top:0;
        left: 0;
        margin: 0;
        padding: 0;
    }
    .markContents{
        height: 89%;
        overflow-y: scroll;
    }
    .popUpContent .closeT{
        width: 92%;
        background: #f8f8f8;
    }
    .markImg{
        position: relative;
        width:100%;
    }
    .markSelections{
        margin: 0;
        width:100%;
        padding: 0;
    }
    .markItems{
        padding: 0 8% 15px 8%;
    }
    .markSelections .step_person1,.markSelections .step_person2,.markSelections .step_person4,.markSelections .step_person5{display: none;}
    .confirmTag_stepAll{display: none;}
    .step1_personalSure{display: block;}
    .step2_personalSure{display: block;}
    .step3_personalSure{display: block;}
    .step4_personalSure{display: block;}
}

/*文章列表*/
@media screen and (min-width: 1200px) {
     .pro-wap {
        display: none
    }
    .header-wap {
        display: none;
    }
    .container-pc .art-title{
        text-align: center;
        margin: 28px 0px 20px 0px ;
        overflow: hidden;
        font-size: 15px;
        height: 22px;
        line-height: 22px;
    }
    .container-pc .art-title a{
        color: #313134;
    }
    .container-pc .art-Content {
        margin-top: 8px;
        clear: both;
        overflow: hidden;
    }

    .container-pc .art-Content .img-Div{
        width: 1200px;
        height: auto;
        position:relative; 
        left:0px; 
        top:0px;
    }
    .container-pc .art-Content .img-Div img {
        width: 100%;
        height: auto;
    }
    .container-pc .art-Content .img-Div-shadow {
        width: 100%;
        height: 100%;
        text-align: center;
        background-color:#fff; 
        filter:alpha(opacity=50); 
        -moz-opacity:0.5; 
        opacity:0.5; 
        position:absolute; 
        left:0px; 
        top:0px; 
        display: none;
        z-index:1000; 
    }
    .container-pc .art-Content .img-Div-shadow div{
        width: 100%;
        height: 100%;
        font-size:15px;
        color: #313134;
        background-color: #fff;
        opacity: 1;
        z-index: 100000;
        position: absolute;
        left: 0px;
        top:0px;
    }
}
/*********footer end********/
@media screen and (max-width: 1200px) {
    .art-pc {
        display: none
    }

    .header-pc {
        display: none;
    }
    .language a {
        color: #797c7f;
    }
    .container-wap .art-title{
        text-align: center;
        margin: 28px 0px 20px 0px ;
        overflow: hidden;
        font-size: 15px;
        height: 22px;
        line-height: 22px;
    }
    .container-wap .art-title a{
        color: #313134;
    }
  
    .container-wap {
        width: 100%;
        overflow: hidden;
    }

    .container-wap .art-Content .content-Div {
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 10%;
        color: #fff;
    }
    .container-wap .art-Content .img-Div{
        width: 100%;
        height: auto;
        position:relative; 
        left:0px; 
        top:0px;
    }
    .container-wap .art-Content .img-Div img {
        width: 100%;
        height: auto;
    }
    .container-wap .art-Content .img-Div-shadow {
        width: 100%;
        height: 100%;
        text-align: center;
        background-color:#fff; 
        filter:alpha(opacity=50); 
        -moz-opacity:0.5; 
        opacity:0.5; 
        position:absolute; 
        left:0px; 
        top:0px; 
        display: none;
        z-index:1000; 
    }
    .container-wap .art-Content .img-Div-shadow div{
        font-size:15px;
        color: #313134;
        background-color: #fff;
        opacity: 1;
        z-index: 100000;
        position: absolute;
        left: 30%;
    }
}


/*首页弹窗样式*/
.enter__bg{position: fixed;top:0px;left: 0px;width: 100%;height: 100%;background-color: rgba(0,0,0,0.35);z-index: 7777;}
.enter__promotion{position: fixed;top: 50%;left: 50%;width: 680px;height: 420px;transform: translate(-50%, -50%);background-color: #ffffff;z-index: 8888;
-webkit-box-shadow:0 0 6px #ccc;
  -moz-box-shadow:0 0 6px #ccc;
  box-shadow:0 0 6px #cCC;
}

.enter__promotion > div {float: left;height: 100%;}
.enter__img {width: 45%;}
.enter__right{width: 55%}
.enter__img img{max-width: 100%;max-height: 100%;}
.enter__right > div:first-child {height: 140px;text-align: center;line-height: 140px;font-size: 30px;}
.enter__right > div:first-child h3 {color: #a2a4a5;font-family: '英文标题' }
.enter__right > div:nth-child(2){line-height: 22px;text-align: center;margin-bottom: 60px;}
.enter__right > div:last-child{text-align: center;}
.enter__phone input{line-height: 33px;height: 33px;width: 68%;padding-left: 5px;outline: none;border: 1px solid #ddd;}
.enter__phone span {display: inline-block;width:20%;height:35px;line-height:35px;text-align:center;color: #ffffff;background-color: #808287;}
.enter__checkbox {margin-top: 8px;}
.enter__checkbox input {width: 16px;height: 17px;vertical-align: -5px;}
@media only screen and (max-width: 1200px){
    .enter__promotion{
        width:  80%;
        height: 82%;
        overflow-y: scroll;
    }
    
    .enter__promotion > div{
        width: 100%;
    }

     .enter__promotion > div.enter__img{
        height: 45%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }
     .enter__promotion > div.enter__img img {max-height: 90%;max-width: 90%;}

     .enter__promotion > div.enter__right{
        height: 50%;
    }

    .enter__right > div:first-child{
        height: 100px;
        line-height: 100px;
    }

    .enter__right > div:nth-child(2){
        margin-bottom: 20px;
    }
    .enter__checkbox{
        padding-left: 10px;
    }

    .enter__checkbox input{
        width: 14px;
        height: 14px;
        margin-right: 8px;
    }
    .wapImgFrame{height: 78px!important}
}
.flex_x{right: 9px;position: absolute;width: 5px;cursor: pointer;}

/*article*/
.Article_picture_display .article_caption{
    width: 100%;
    text-align: center;
    padding: 15px 0;
}
.Article_picture_display .article_caption p{
    text-align: center;
    font-size: 14px;
}
.Article_picture_display .article_body{
    display: -webkit-flex;
    display: flex;
     flex-wrap: wrap;
}
 @media screen and (min-width: 1200px){
    .Article_picture_display .article_body .artPic{
        width: 48%;
        padding: 1%;
        position: relative;
    }
    .Article_picture_display .article_body .artPic img{
        max-width: 100%;
        max-height: 100%;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .Article_picture_display .artPic .img-Div-shadow {
        width: 100%;
        height: 100%;
        text-align: center;
        background-color:#fff; 
        filter:alpha(opacity=50); 
        -moz-opacity:0.5; 
        opacity:0.5; 
        position:absolute; 
        left:0px; 
        top:0px; 
        display: none;
        z-index:1000; 
    }
    .Article_picture_display .artPic .img-Div-shadow div{
        width: 100%;
        height: 100%;
        font-size:15px;
        color: #313134;
        background-color: #fff;
        opacity: 1;
        z-index: 100000;
        position: absolute;
        left: 0px;
        top:0px;
    }
    .Article_picture_display .artPic .img-Div-shadow a{
        border: 1px solid #aaaaaa;
        padding: 6px 10px;
        color: #313134;
        opacity: 1;
    }
}
@media screen and (max-width: 640px) {
   .Article_picture_display .article_body .artPic{
        width: 100%
    }
}
.goRegisterWap{padding: 10px 0px;width: 90%;margin: 6% 0 3%;background-color: #979696;color: #fff}
.searchText{height: 20px}

/*.headN a{text-decoration: underline;}*/
.headN .navList li span{border-bottom:1px solid #aaaaaa;}