﻿@charset "utf-8";
/* CSS Document */

h1,h2,h3,h4,h5,p{ margin:0; padding:0;}
a{color:#000; }
a:active, a:hover,a:focus,a:visited{ outline:none; text-decoration:none;}



@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1503111690565'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1503111690565#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?t=1503111690565') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf?t=1503111690565') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1503111690565#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-touzi:before { content: "\e629"; }

.icon-touziguanli:before { content: "\e602"; }

.icon-mo:before { content: "\e60e"; }

.icon-lianxiwomen:before { content: "\e607"; }

.icon-guanyuwomen:before { content: "\e601"; }

.icon-zixun:before { content: "\e600"; }

.icon-huodong:before { content: "\e627"; }

.icon-2chanpinzhanshieps:before { content: "\e603"; }

.icon-rongzi1:before { content: "\e60a"; }

.icon-guanyuwomen1:before { content: "\e700"; }


body{ font-family:"微软雅黑", "宋体", Helvetica, Arial, sans-serif; background-color:#f5f5f4; padding:50px 0 0; position:relative; background:#f5f5f4;}

.allBgColor{ background:#1d1d25; background-size:100%;}

.allTxtColor{ color:#FFF;}

.mtb10{ margin:10px 0;}
.mtb20{ margin:20px 0;}
.mtb30{ margin:30px 0;}
.mtb40{ margin:40px 0;}

.mall10{ margin:10px;}
.mall20{ margin:20px;}
.mall30{ margin:30px;}
.mall40{ margin:40px;}

.ptb10{ padding:10px 0;}
.ptb20{ padding:20px 0;}
.ptb30{ padding:30px 0;}
.ptb40{ padding:40px 0;}

.pall10{ padding:10px;}
.pall20{ padding:20px;}
.pall30{ padding:30px;}
.pall40{ padding:40px;}

.fontsize12{ font-size:12px;}
.fontsize14{ font-size:14px;}
.fontsize16{ font-size:16px;}
.fontsize18{ font-size:18px;}
.fontsize24{ font-size:24px;}
.fontsize32{ font-size:32px;}

.transitionBox{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

.container{ width:100%; max-width:640px;}

.top{ width:100%; height:50px; line-height:50px; position:fixed; top:0; left:0; z-index:99; border-bottom:1px solid #1d1d25; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; color:#fff;}

#header .header_l a#topmenu{ width:40px; height:50px; display:table-cell; vertical-align:middle; text-align:center; padding-left:15px; color:#fff;}
#header .header_l a#topmenu i{ width:20px; height:2px; overflow:hidden; border-radius:3px; background:#494949; margin:4px 0; display:block; clear:both; color:#fff; background:#fff;}

.dropdown-menu { right:0; left:auto
}
.indexBox{ width:420px; overflow:hidden;}

.carousel-indicators li{ width:0.15rem; height:0.15rem}
.carousel-indicators .active{ width:0.17rem; height:0.17rem; background:#d61419; border:#d61419;}

.indexaout{ width:7.2rem; margin:auto;}
.indexaout__ul{ margin-bottom:0px;}
.indexaout__ul li{ width:3.6rem; height:2.75rem;  float:left; border-bottom:1px solid #ececec;}
.indexaout__ul li:nth-child(2n){ border-left:1px solid #ececec;} 

.indexabout__qita{ width:100%;background:#fff;}
.indexabout__div{ height:1.4rem; width:1.4rem;  border-radius:0.7rem; background:#fff; margin:auto; padding:0.04rem 0; border:1px rgba(0,0,0,0.10) solid; margin-bottom:0.2rem;}
.indexabout__div img{ height:1.3rem; width:1.3rem;  border-radius:0.7rem; background:#000;  margin:auto; overflow:hidden; display:block;}
.indexabout__qita i{ font-style:normal;text-align:center; display:block; font-size:0.24rem; color:#000; margin-top:0.1rem; }
.indexabout__qita span{font-style:normal;text-align:center; display:block; font-size:0.30rem; color:#000; margin-top:0.05px; }
.indexabout__qita a{padding:0.15rem; display:block; overflow:hidden; width:100%;}

.indextzgl{ width:7.2rem; margin:auto;}
.indextzgl dt{ width:7.2rem; height:1.rem;border-bottom:1px solid #ececec;}
.indextzgl dt h5{ margin:0; padding:0; text-align:center; line-height:1rem; font-size:0.36rem; font-weight:700;display:block; overflow:hidden;}
.indextzgl dd { width:1.8rem; height:2.50rem; text-align:center; float:left; border-right:1px solid #ececec; padding:0.1rem 0;border-bottom:1px solid #ececec;}
.indextzgl dd a{width:1.8rem; height:2.50rem; display:block; overflow:hidden;}
.indextzgl dd a i{ font-size:1.0rem; color:#000; }
.indextzgl dd a p{ font-size:0.3rem;  color:#000;  }

.indexfoot{ width:7.2rem; height:0.5rem; background:#404040;}
.indexfoot p{ text-align:center; line-height:0.5rem; font-size:0.18rem; color:#fff; }

.arrow-up{ position:absolute; top:-5px; right:15px; z-index:99;}
.arrow-up {
  width:0px;
  height:0px;
  border-left:6px solid transparent; 
  border-right:6px solid transparent;
  border-bottom:6px solid #FFF; 
  font-size:0px;
  line-height:0px;
}
.arrow-Bg{ position:absolute; top:-7px; right:15px; z-index:97; border-bottom:6px solid #CCC; -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); filter: blur(1px);}
.dropdown-menu ul { margin:5px auto;}
.dropdown-menu li a{ margin:0; text-align:center; width:80px; ; height:40px;padding: 0 0.2rem; overflow: hidden; color:#666; line-height:40px; margin:auto; display:block;}

.indexevents{ width:7.2rem; height:1.3rem; border-bottom:1px solid #e5e5e5; margin:auto}
.indexevents__left{ float:left; width:2.2rem; padding-top:0.35rem}
.indexevents__left img{ width:1.6rem; height:0.6rem; margin:auto;  display:block; }
.indexevents__middle { float:left;  height:0.9rem; width:1px; background:#e5e5e5; margin:0.2rem 0;}
.indexevents__right{float:right; width:4.95rem; padding:0.280rem 0.2rem 0.150rem; }
.indexevents__righttitle{float:left;  width:3.5rem }
.indexevents__righttitle h4{ 
    max-height:0.6rem;
    font-size:0.30rem; 
    overflow:hidden; 
    margin:0; 
    margin-bottom:0.05rem; 
    color:#000;
    font-weight: 600; }
.indexevents__righttitle p{ max-height:0.6rem;font-size:0.24rem; overflow:hidden; margin:0; padding:0; color:#000; }

.indexevents__righttime{ float:right; width:1rem;height:0.6rem;}
.indexevents__righttime i{ width:1rem; text-align:center;display: block;  margin:auto; font-size:0.40rem; font-style:normal; margin-top:-0.1rem;color:#000;  }
.indexevents__righttime span{ width:1rem; text-align:center;display: block;color:#000;font-size:0.24rem;margin-top:-0.1rem;   }

.indexproductslist{ width:7.2rem; margin:auto; margin-top:0.3rem}
.indexproductslist ul{ width:7.2rem; margin:auto}
.indexproductslist li{ width:7.2rem; margin:auto; margin-bottom:0.1rem; }
.indexproductslist li img {
    width: 100%;
    -webkit-box-shadow: 0 2px 6px #ccc;
    box-shadow: 0 2px 6px #ccc;
    width: 7.2rem;
    height: 3rem;
}


/*bottom*/
.minNav {
    width: 7.2rem;
    height: 1rem;
    background: #fff;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    z-index: 99;
    -webkit-box-shadow: 0 0 10px rgba(102, 102, 102, .8);
    -moz-box-shadow: 0 0 10px rgba(102, 102, 102, .8);
    box-shadow: 0 0 10px rgba(102, 102, 102, .8);
    margin: auto;
}

.minNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.minNav li {
    width: 33.33%;
    height: 1rem;
    overflow: hidden;
    float: left;
}

.minNav li.hover {
    background: #fff;
    color: #FFF
}

.minNav li a {
    width: 100%;
    padding-top: 0.15rem;
    line-height: 0.45rem;
    overflow: hidden;
    display: block;
    text-align: center;
    font-size: 0.50rem;
    color: #666
}

.minNav li a span {
    display: block;
    font-size: .24rem;
    font-family: "微软雅黑"
}

.minNav li.hover a {
    color: #C00000
}

.minNav li {
    position: relative
}

.minNav li b {
    height: 14px;
    line-height: 14px;
    border-radius: 8px;
    display: block;
    z-index: 9;
    left: 55%;
    top: 8%;
    position: absolute;
    background: #F00;
    padding: 0 5px;
    color: #FFF;
    font-size: 10px;
    font-weight: normal;
}

/*buy-bottom*/
.buyNav{ width:7.2rem; height:1rem; background:#fff; overflow:hidden; position:fixed; bottom:0; z-index:1000;-webkit-box-shadow:0 0 10px rgba(102, 102, 102, .8); -moz-box-shadow:0 0 10px rgba(102, 102, 102, .8);   box-shadow:0 0 10px rgba(102, 102, 102, .8); margin:auto; margin:auto; left: 50%;;transform: translate(-50%); }
.buyNav ul{ list-style:none; margin:0; padding:0;}

.buyNav__li1 a{ width:100%; padding-top:0.15rem; line-height:0.45rem; overflow:hidden; display:block; text-align:center; font-size:0.50rem; color: #666}
.buyNav__li1 a > i {
    font-style: normal;
} 
.buyNav__li1 a.hover > i {
    color: #FF0000;
    font-style: normal;
} 
.buyNav__li1 a span {
    display: block;
    font-size: .12rem;
    font-family: "微软雅黑"
}
.buyNav__li1 a:active {color:#ff0000}

.buyNav__li1{ width:1.2rem; height:1rem; overflow:hidden; float:left;}

.buyNav__li2{ width:2.4rem; height:1rem; overflow:hidden; float:left;}
.buyNav__li2 a{ width:100%;  line-height:1rem; overflow:hidden; display:block; text-align:center; font-size:0.30rem; color:#fff}
.buyNav__li2-a-bj{ background:url(../images/a-bj.jpg) no-repeat center top; background-size:100% 100%;}
.buyNav__li2-b-bj{ background:url(../images/b-bj.jpg) no-repeat center top; background-size:100% 100%;}

.buyNav__li3{ width:3.6rem; height:1rem; overflow:hidden; float:left; padding:0 0.2rem}
.buyNav__jiage{ font-size:0.36rem; line-height:1rem; text-align:right;}
.buyNav__jiage span{ color:#FF0000}

.buyNav__4{ width:4.8rem; height:1rem; overflow:hidden; float:left; padding:0 0.2rem}
.buyNav__summary{ font-size:0.36rem; line-height:1rem; text-align:right;}
.buyNav__summary span{ color:#FF0000}


/*events*/
.events-banner{ width:7.2rem; margin:auto; }

.events{ margin:auto; width:7.2rem;height:3.4rem; background:#fff; margin-bottom:0.2rem; padding:0.3rem 0.2rem;}
.events__title{width:6.8rem; margin-bottom:0.3rem}
.events__title h4{ font-size:0.48rem; width:6.8rem; padding:0; margin:0; color:#1d1d26}

.evenst__time{ margin-bottom:0.20rem; width:6.8rem; }
.evenst__time span{ font-size:0.4rem; margin-right:0.1rem; color:#4d4949;width:0.4rem; height:0.4rem; float:left; color:#4d4949;line-height: 0.58rem;}
.evenst__time p{ font-size:0.32rem; color:#4d4949; width:6.2rem;float:left; line-height:0.54rem; color:#4d4949;}

.evenst__place{ width:6.8rem;}
.evenst__place span{ font-size:0.38rem; margin-right:0.1rem; color:#4d4949;width:0.4rem; height:0.4rem; float:left; color:#4d4949;line-height: 0.55rem;}
.evenst__place p{  font-size:0.32rem; color:#4d4949; width:6.2rem;float:left; line-height:0.54rem; color:#4d4949;}


.Past-events{width:7.2rem; margin:auto; background:#fff; min-height:3rem;  }
.Past-events__title{ width:100%; margin:auto; height:1.00rem; border-bottom:#f5f5f4 1px solid;}
.Past-events__title h5{font-size:0.36rem; padding:0; margin:0;padding-left:0.2rem; line-height:1rem; color:#a8a8aa;}

.Past-events-list{ width:100%}
.Past-events-list li { width:7.2rem; height:1.8rem; margin:auto ;}

.Past-events-list__left {}
.Past-events-list__left { float:left; width:1.5rem; padding-top:0.35rem;}
.Past-events-list__left  i{ width:1.5rem; text-align:center;display: block;  margin:auto; font-size:0.48rem; font-style:normal; margin-top:-0.1rem; color:#a8a8aa; }
.Past-events-list__left span{ width:1.56rem; text-align:center;display: block; color:#a8a8aa;  }

.Past-events-list__zhong { float:left; width:0.2rem; position:relative; height:1.8rem}
.Past-events-list__zhong  .div1{ width:1px; height:1.8rem; background:#f5f5f4; position:absolute; left:0.1rem;}
.Past-events-list__zhong  .div2{ width:0.15rem; height:0.16rem; background:#d61419;; position:absolute; left:0.03rem; border-radius:0.07rem; top:0.4rem}

.Past-events-list__right{float:left;  width:5.5rem;padding-top:0.35rem;padding-left:0.35rem; padding-right:0.2rem}
.Past-events-list__right h4{ max-height:0.6rem;font-size:0.30rem; overflow:hidden; margin:0;color:#1d1d26; margin-bottom:0.2rem}
.Past-events-list__right p{ max-height:0.6rem;font-size:0.24rem; line-height:0.36rem overflow:hidden; margin:0; padding:0; color:#949494; }

.Event-details{width:7.2rem; margin:auto; background:#fff; min-height:5rem;  }
.Event-details__title{ width:100%; margin:auto; height:1.00rem; border-bottom:#f5f5f4 1px solid;}
.Event-details__title h5{font-size:0.36rem; padding:0; margin:0;padding-left:0.2rem; line-height:1rem; color:#a8a8aa;}

.Event-details__work{ width:100%; margin:auto; padding:0.2rem; margin-top:0.3rem;}
.Event-details__work img{
    max-width: 100%;
}
/*login*/

.login-logo{ width:7.2rem; margin:auto;}

.login-form{ width:7.2rem; margin:auto; padding:0.4rem;}
.login-form__input{ border:none; border-bottom:1px solid #ccc; width:100%; height:0.8rem; background:#f5f5f4; margin-bottom:0.4rem; font-size:0.28rem}
.login-form__anniu{ width:100%; height:1rem; background:#d61419; border:none; font-size:0.36rem; color:#fff; margin-top:0.4rem;}
.login-form p{ color:#a1a1a2; font-size:0.24rem}

.login-form .form-group{ width:2rem;float:left;margin-right:0.1rem}
.login-form .form-group .form-control{border:none; border-bottom:1px solid #ccc; height:0.8rem; background:#f5f5f4;  font-size:0.28rem;-webkit-box-shadow:none;border-radius: 0px;  }

.login-account {width:7.2rem; margin:auto; padding:0 0.7rem;}
.login-accoun__left{ float:left;}
.login-accoun__left p a{font-size:0.24rem; line-height:0.5rem; color:#a8a8a9; width:4.rem;}
.login-accoun__left span a{font-size:0.24rem; line-height:0.5rem; color:#1d1d26;}

.login-accoun__right{ float:right; height:0.4rem; width:0.4rem;line-height:0.5rem; margin:0.1rem}
.login-form__textarea{ width:6.4rem; margin-top:0.1rem; border-radius:0px;;}


/*sign up*/
.sign-touxia{ width:7.2rem; height:4rem; padding-top:1.4rem; padding-bottom:0.6rem ;}
.sign-touxia__img{ width:2rem; height:2rem; border-radius:1rem; overflow:hidden; margin:auto; position:relative; }
.sign-touxia__img img{ text-align:center; margin:auto; width:100%}
.sign-touxia__jia{ background:rgba(255,255,255,0.60); width:2rem; height:2rem;position:absolute; top:0; left:0; z-index:9;}
.sign-touxia__jia p{ padding:0; margin:0; font-size:1rem; text-align:center; color:#fff; line-height:2rem}

.sign-form{ width:7.2rem; margin:auto; padding:0.4rem;}
.sign-form__input{ border:none; border-bottom:1px solid #ccc; width:100%; height:0.8rem; background:#f5f5f4; margin-bottom:0.4rem; font-size:0.28rem}
.sign-form__anniu{ width:100%; height:1rem; background:#d61419; border:none; font-size:0.36rem; color:#fff; margin-top:0.4rem;}
.sign-form p{ color:#a1a1a2; font-size:0.24rem}
.sign-form__code-input{ border:none; border-bottom:1px solid #ccc; width:5.0rem; height:0.8rem; background:#f5f5f4; margin-bottom:0.4rem; font-size:0.28rem}
.sign-form__code-anniu{background:#d61419; border:none; font-size:0.24rem; color:#fff;width:1.3rem; height:0.8rem}


/*产品*/

.Products { width:7.2rem; margin:auto;}
.Products-list{ width:6.8rem; margin:auto; margin-top:0.4rem;}

.Products-list__li{ width:6.8rem ; height:2.1rem; margin-bottom:0.2rem; background:#fff; padding: 0.15rem;border-radius:0.1rem;box-shadow: 0px 2px 20px rgba(0,0,0,0.10);}
.Products-list__li > a{width:6.8rem ; height:2.1rem; overflow:hidden; display:block; margin:0; padding:0; border-radius:0;}

.Products-list__li-img{ width:2.4rem; height:1.8rem; overflow:hidden; float:left;}

.Products-list__li-title{ float:left; width:4.1rem; height:1.8rem; padding-left:0.2rem;  position:relative;}
.Products-list__li-title h5{font-size:0.3rem; height:0.72rem;  overflow:hidden; line-height:0.36rem; color:#000; margin:0; padding:0; margin-bottom:0.1rem;}
.Products-list__li-title p{font-size:0.24rem; height:0.24rem;  overflow:hidden; line-height:0.24rem; color:#b8b8b8; margin:0; padding:0; margin-bottom:0.2rem}
.Products-list__li-title b{ line-height:26px; color:#C00; font-weight:bold; font-size:0.3rem;position:absolute; bottom:0.1rem; left:0.2rem; font-weight:500 }
.Products-list__li-title span{ width:1.5rem; height:0.5rem; display:block; overflow:hidden; line-height:0.5rem; text-align:center; background:#C00000; float:right; display:block; color:#fff; border-radius:0.75rem; position:absolute; bottom:0.1rem; right:0.2rem; }
.Products-list__li-title i{ color:#000;float:right; font-style:inherit; }




.Products-details__title{ width:7.2rem; padding:0.2rem 0.4rem; height:2.9rem; background:#fff; margin:auto; margin-bottom:0.2rem; position:relative;}

.Products-details__title h5{font-size:0.36rem; line-height:0.45rem;margin-bottom:0.2rem; height:0.9rem; overflow:hidden;}

.Products-details__title p{ margin-bottom:0.2rem; font-size:0.24rem; color:#4d4949; height: 0.24rem; overflow: hidden}

.Products-details__title b span{font-size:.24rem;font-weight:normal; width:100%}
.Products-details__title b{ font-size:0.36rem;color:#d61419; display:block;}

.Products-details__title i{ text-decoration:line-through; font-style:normal; font-size:0.24rem; color:#ccc; display:block;}
.Products-details__title .cat-list-qty{ position:absolute; bottom:0.4rem; right:0.2rem;}


/*个人主页*/
.my-account-top{ width:7.2rem; height:3.2rem; margin:auto; background:url(../images/touxian-beijing.jpg) no-repeat center top; padding-top:0.6rem}
.my-account-top__touxian {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.75rem;
    overflow: hidden;
    margin: auto;
    margin-bottom: 0.30rem;
    background: no-repeat 50%;
    background-size: cover;
}

.my-account-top__touxian img {
    text-align: center;
    margin: auto;
    width: 100%
}
.my-account-top__name{ text-align:center; font-size:0.5rem;}
.my-account-top__name i{ text-align:center; font-size:0.5rem; font-weight:600;}


.my-account-Nav{ width:7.2rem; height:1.5rem; background:#fff; overflow:hidden; margin:auto; margin:0.2rem auto;}
.my-account-Nav ul{ list-style:none; margin:0; padding:0;}
.my-account-Nav li{ width:25%; height:1.5rem; overflow:hidden; float:left;}
.my-account-Nav li a{ width:100%; padding-top:0.3rem; line-height:0.6rem; overflow:hidden; display:block; text-align:center; font-size:0.8rem; color: #666}
.my-account-Nav li a span{ display:block; font-size:.24rem; font-family:"微软雅黑"}

.my-accoun-Credit{ width:7.2rem;margin:auto; margin-bottom:0.2rem; }
.my-accoun-Credit li{ width:7.2rem; height:0.8rem; margin:auto; padding:0 0.3rem; background:#fff; }
.my-accoun-Credit li span{ float:right; height:0.4rem; width:0.8rem; display:block; overflow:hidden;
     text-align:center; line-height:0.4rem; font-size:0.12rem; background:#FF0004; color:#fff;
margin:0.2rem 0rem;border-radius:0.2rem; font-size: 0.24rem;}
.my-accoun-Credit li h5{ float:left;  text-align:center; line-height:0.8rem; font-size:0.30rem; color:#000; }
 

.my-accoun-lits{ width:7.2rem;margin:auto; margin-bottom:0.2rem; }
.my-accoun-lits li{ width:7.2rem; height:0.8rem; margin:auto; margin-bottom:0.05rem; padding:0 0.4rem; background:#fff;box-shadow:none; border:none; border-radius:0;}
.my-accoun-lits li span{ float:right;font-size:0.30rem; color:#000; line-height:0.8rem}
.my-accoun-lits li h5{ float:left;  text-align:center; line-height:0.8rem; font-size:0.30rem; color:#000; }

.my-accoun-Notice{ width:6.4rem; margin:auto;background:#fff;border-radius:0.2rem; }
.my-accoun-Notice__title{ height:1.0rem; border-bottom:1px solid rgba(0,0,0,0.10);  }
.my-accoun-Notice__title h5{ height:1.0rem; line-height:1.0rem; text-align:center;}

.my-accoun-Notice__list{}
.my-accoun-Notice__list li{ height:1.2rem; padding:0 0.2rem; border-bottom:1px solid rgba(0,0,0,0.10); margin-bottom:0.2rem;}
.my-accoun-Notice__list li:last-child{ border:none;}
.my-accoun-Notice__list i{ float:right; line-height:1.2rem; }
.my-accoun-Notice__list p{float:left;  text-align:center; line-height:1.2rem; font-size:0.30rem; color:#000; margin-left:0.1rem}
.my-accoun-Notice__list__dian{ width:0.2rem; height:0.2rem; background:#ccc;  float:left; margin:0.5rem 0;}
.my-accoun-Notice__list__dian.hover{background:#FF0004;  }

.my-accoun-Notice__list__menu {position: absolute;
  top: 100%;
  left: 0;
  z-index: @zindex-dropdown;
  display: none; // none by default, but block on "open" of the menu
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0; // override default ul
  list-style: none;
  font-size: @font-size-base;
  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
  background-color: @dropdown-bg;
  border:none;
  border:none;
  border-radius:none;
  .box-shadow(0 0px 0px rgba(0,0,0,.0));
  background-clip: padding-box;}

/*积分*/
.Credit__list{ width:6.4rem; margin:auto; background:#fff;border-radius:0.2rem; margin-top:0.2rem}
.Credit__list__title{  height:1.0rem; border-bottom:1px solid rgba(0,0,0,0.10); }
.Credit__list__title h5{ height:1.0rem; line-height:1.0rem; text-align:center;}
.Credit__list li{ height:1.2rem; padding:0 0.2rem; border-bottom:1px solid rgba(0,0,0,0.10); padding:0.2rem}
.Credit__list li h5{ font-size:0.36rem; color:#000; margin-bottom:0.1rem }
.Credit__list li h5 span{ float:right;}
.Credit__list li p{ font-size:0.24rem; color:#ccc; }

.Credit__list li:last-child{ border:none;}


.User-information{ width:7.2rem; margin:auto; padding:0.4rem;}
.User-information_p1{ color:#a1a1a2; font-size:0.24rem}
.User-information_p2{ border:none; border-bottom:1px solid #ccc; width:100%; height:0.8rem; background:#f5f5f4; margin-bottom:0.4rem; font-size:0.28rem; line-height:0.8rem}


/*收货地址*/
.shiping{ width:6.8rem ; margin:auto;}

.shiping-list{ margin:.2rem 0rem}
.shiping-list li{ width:6.8rem; height:1.8rem ; margin-bottom:0.2rem; background:#fff;border-radius:0.1rem; overflow:hidden;}
.shiping-list_left { height:1.8rem; float:left; background:#ccc; width:0.2rem}

.shiping-list_zhong{ padding:0.4rem; float:left; width:5.8rem ; height:1.8rem}
.shiping-list_zhong h5{ font-size:0.3rem; color:#000; margin-bottom:0.1rem; }
.shiping-list_zhong h5 span{ float:right; color:#000;}
.shiping-list_zhong p { font-size:0.24rem; height:0.6rem; overflow:hidden; line-height:0.3rem; color:#000; padding:0; margin:0;}

.shiping-list_right{ height:1.8rem; width:0.8rem; float:right; }
.shiping-list_right i{ color:#ccc; margin:auto; line-height:1.8rem; font-size:0.5rem; }

.shiping-list li.hover .shiping-list_left{ background:#FF0000}
.shiping-list li.hover .shiping-list_right i{ color:#FF0000}

.shiping-jia{ width:0.6rem; height:0.6rem; border-radius:0.3rem; overflow:hidden; background:#ccc; margin:auto; margin-top:0.5rem}
.shiping-jia a{width:0.6rem; height:0.6rem; text-align:center; height:0.6rem; line-height:0.55rem; color:#fff; font-size:0.5rem; display:block; overflow:hidden;}




/*Coupon*/

.Coupon { width:6.4rem; margin:auto;}

.Coupon_list{ width:6.4rem; margin-top:0.5rem;  }

.Coupon_list li{ width:6.4rem; height:1.8rem; padding-left:0.3rem; background:#fff; border-radius:0.05rem; overflow: hidden; margin-bottom: 0.2rem;}

.Coupon_list--left{ width:3.80rem; height:1.2rem; float:left;  padding:0.3rem 0;}
.Coupon_list--left h5{ font-size:0.3rem; line-height:0.36rem; height:0.72rem; margin-bottom:0.2rem; font-weight:500;}
.Coupon_list--left p{ color:#ccc; font-size:0.24rem;}


.Coupon_list--right{ width:2rem;height:1.8rem;background:#d61419; float:right; background:url(../images/cp-bj.jpg) no-repeat center; background-size:100%; 
                      padding:0.3rem;}
.Coupon_list--right h5{font-size: 0.5rem; color: #fff; text-align: right; margin-bottom: 0.2rem;}
.Coupon_list--right h5 span{ font-size: 0.36rem; color: #fff;}
.Coupon_list--right p{ color: #fff; text-align:right; font-size:0.14rem}
.Coupon_list--right-huishe {
    width: 2rem;
    height: 1.8rem;
    background: #d61419;
    float: right;
    background: url(../images/cp-bj1.jpg) no-repeat center;
    background-size: 100%;
    padding: 0.3rem;
}

.Coupon-information{ width: 6.4rem; margin: auto; margin-top: 0.4rem; position: relative;border-radius: 0.5rem; background: #fff;}
.Coupon-information__dian1{ width: 0.2rem; height: 0.2rem; border-radius: 0.1rem; position:absolute; background: #f5f5f4; top: 0.9rem; left: -0.1rem; }
.Coupon-information__dian2{ width: 0.2rem; height: 0.2rem; border-radius: 0.1rem; position:absolute; background: #f5f5f4; top: 0.9rem; right: -0.1rem; }

.Coupon-information__top{width: 6.4rem; height: 1rem; background: #fff; border-radius: 0.05rem; border-bottom: 1px solid #ccc; }
.Coupon-information__top h5{height: 1rem; line-height: 1rem; font-size: 0.3rem; padding:0 0.2rem;   }

.Coupon-information__bottom{ width: 6.4rem; border-radius: 0.05rem; padding: 0.5rem 0.2rem; background:url(../images/qp-beijing.jpg) no-repeat right top; background-color:#fff; background-size:45%; margin:auto;}
.Coupon-information__bottom h5{ font-size: 0.6rem;margin-bottom:0.11rem;  }
.Coupon-information__bottom h5 span{ font-size: 0.24rem; padding-left:0.1rem; }
.Coupon-information__bottom p{ font-size: 0.24rem; color: #ccc;}

.Coupon_Receive__details{ width: 6.8rem; border-radius: 0.05rem; padding: 0.5rem 0.2rem; background-color:#fff; background-size:45%; margin:auto;}
.Coupon_Receive__details p{ font-size: 0.24rem; color: #ccc;}
.Coupon_Receive{ width:7.2rem; height:2.5rem; margin:auto; background:url(../images/touxian-beijing.jpg) no-repeat center top; background-size:100%; padding-top:0.3rem;}

.coupon_top { width: 7.2rem; height: 1rem; margin: auto; top: 0; margin-bottom: 0.2rem;}
.coupon_top ul { margin: 0; padding: 0;}
.coupon_top li { width: 3.6rem; text-align: center; text-align: center; background: #fff; float: left; height: 1rem; line-height: 1rem; }
.coupon_top li a { color: #000; font-size: 0.3rem; width: 3.6rem; height: 1rem; display: block;}
.coupon_top li a.hover { background: #d7141a; color: #fff;}
.coupon_top li a:active { background: #d7141a; color: #fff; }

/*cat*/
.cat-list{ width:6.8rem; margin:auto; margin-top:0.4rem;}

.cat-list__li{ width:6.8rem ; height:2.1rem; margin-bottom:0.2rem; background:#fff;border-radius:0.1rem;box-shadow: 0px 2px 20px rgba(0,0,0,0.10);}
.cat-list__li-img{ width:2.4rem; height:1.8rem; overflow:hidden; float:left; margin:0.15rem;}
.cat-list__li-title{ float:left; width:3.3rem; height:1.8rem; margin:0.15rem 0; padding-right:0.1rem}
.cat-list__li-title h5{font-size:0.3rem; height:0.72rem;  overflow:hidden; line-height:0.36rem; color:#000; margin:0; padding:0;}
.cat-list__li-title p{font-size:0.24rem; height:0.48rem;  overflow:hidden; line-height:0.24rem; color:#b8b8b8; margin:0; padding:0; margin-bottom:0.2rem}
.cat-list__li-title b{ line-height:26px; color:#C00; font-weight:bold; font-size:0.3rem}
.cat-list__li-title span{ width:1.1rem; height:0.4rem; display:block; overflow:hidden; line-height:0.4rem; text-align:center; background:#C00000; float:right; display:block; color:#fff; border-radius:0.07rem;}
.cat-list-qty{ width:1.5rem; height:0.4rem; float:right; margin-right:0.1rem;}
.cat-list-qty__input{ width:0.5rem ; background:#fff; height:0.4rem; border:none; float:left;text-align:center;}
.cat-list-qty__btn{ width:0.5rem; height:0.4rem; line-height:0.4rem; background:#ccc; display:block; color:#fff; text-align:center;float:left; border-radius:0.1rem; }

.cat-list__li-right{ width:0.8rem; height:2.1rem; background:#f5f5f4; float:right; }
.cat-list__li-right a{ width:0.8rem; height:1.05rem; text-align:center; line-height:1.05rem; display:block; border-bottom:1px solid #ccc; font-size:0.40rem; color:#ccc; }
.cat-list__li-right a.hover{ color:#FF0000;}
.cat-list__li-right a:last-child{ border:none; }

 /*summarys */

.summary-top{ width:7.2rem; background:#fff; background:#fff url(../images/shiping-bj.jpg) bottom center no-repeat; padding-bottom:0.01rem; background-size:100%}

.summary-top__title{ width:100%; margin:auto; height:1.00rem; border-bottom:#f5f5f4 1px solid;}
.summary-top__title h5{font-size:0.36rem; padding:0; margin:0;padding-left:0.2rem; line-height:1rem; color:#a8a8aa;}

.summary-top__shiping{ width:7.2rm; height:1.8rem ; margin-bottom:0.2rem; background:#fff; border-radius:0.1rem; overflow:hidden;}

.summary-beizhu{ width:7.2rem; margin:auto; background:#fff; padding:0.2rem 0.4rem; margin-bottom:0.2rem}


.my-accoun-lits li .dropdown-menu li a{ margin:0; text-align:center; width:100%; ; height:40px;padding: 0 0.2rem; overflow: hidden; color:#666; line-height:40px; margin:auto; display:block;}

.order-Summary{ width:6.8rem; margin:auto; background:#fff; border-radius:0.1rem }

.order-Summary li{ width:100%; height:0.8rem; margin:auto; margin-bottom:0.05rem; padding:0 0.4rem; background:#fff;box-shadow:none; border:none; border-radius:0;}
.order-Summary li span{ float:right;font-size:0.30rem; color:#000; line-height:0.8rem}
.order-Summary li h5{ float:left;  text-align:center; line-height:0.8rem; font-size:0.30rem; color:#000; }


/*Order list*/

.order_top{ width:7.2rem; height:0.7rem; margin:auto; top:0; margin-bottom:0.2rem;}
.order_top ul{ margin:0; padding:0;}
.order_top li{ width:25%; text-align:center; text-align:center; background:#fff; float:left; height:0.7rem; line-height:0.7rem;}
.order_top li a{ color:#000; font-size:0.24rem;}

.order-list{ width:7.2rem; background:#fff; margin:auto;}
.order-list__title{ width:6.8rem; margin:auto; height:0.8rem; border-bottom:1px #ccc solid;}
.order-list__title h5{ font-size:0.24rem; line-height:0.8rem;}
.order-list__title h5 span{ float:right;}

.order-list__bottom{width:6.8rem; margin:auto; height:1.2rem; border-top:1px #ccc solid; }
.order-list__bottom h5{ font-size:0.24rem; line-height:1.2rem;}
.order-list__bottom h5 span {
    font-size: 0.24rem;
    --width: 1.2rem;
    height: 0.7rem;
    margin-top: 0.25rem;
    float: right;
    border: #ccc 1px solid;
    border-radius: 0.02rem;
    display: block;
    text-align: center;
    line-height: 0.7rem;
    margin-right: 0.02rem;
    padding: 1px 4px;
}




.order_summary{ width:7.2rem; margin:auto; background:#fff; margin-bottom:0.2rem}
.order_summary li{ padding:0.4rem; min-height:0.8rem ;background:#fff; border-bottom:#ccc 1px solid; margin:0; padding:0; padding:0 0.4rem; display:block; overflow:hidden;}
.order_summary li span{ width:1.5rem; float:left;line-height:0.8rem;}
.order_summary li p{ width:4.7rem;float:left;line-height:0.8rem;word-wrap:break-word; word-break:normal; display:block;}
.order_summary li:last-child{ border-bottom:none}


/*zhifu*/

.zhifu{width:7.2rem; margin:auto;background:#fff; margin-bottom:0.2rem; overflow:hidden; position: fixed; z-index:1050;bottom:1rem;-webkit-box-shadow:0 0 10px rgba(102, 102, 102, .8); -moz-box-shadow:0 0 10px rgba(102, 102, 102, .8);   box-shadow:0 0 10px rgba(102, 102, 102, .8); margin:auto;display:none; padding-bottom:1rem;}

.zhifu__title{ width:100% ; height:1rem; border-bottom:#ccc 1px solid;padding:0 0.4rem;}
.zhifu__title h5 a{font-size:0.30rem; line-height:1rem;  float:left;}
.zhifu__title span a{ text-align:center; font-size:0.30rem; line-height:1rem; float:right}

.zhifu__zhong{ width:6.4rem; margin:auto;}
.zhifu__zhong ul{ margin:0.5rem 0; padding:}

.zhifu__zhong li{ width:3rem; height:0.8rem; float:left;  border:1px #ccc solid; margin-bottom:0.2rem}
.zhifu__zhong li:nth-child(2n){ width:3rem; height:0.8rem; float:right;  border:1px #ccc solid;}

.zhifu__zhong li a{ width:100%; text-align:center; line-height:0.8rem}
.zhifu__zhong li a p{ width:100%; text-align:center; line-height:0.8rem}
.zhifu__zhong li.active{ border-color:#d61419 }


.zhifu__beizhu{ font-size:0.24rem; color:#ccc;}


.swiper-wrapper{margin: 0; padding: 0;}













