body { padding: 0; margin: 0;background:#fff; }
 ol,ul,li {padding: 0;  margin: 0; list-style: none}
 h2,h3,h4,h5,ul,li,p,hr {padding: 0;margin: 0;}
 input {outline: none;}
 html{ padding: 0; margin: 0;}
 html,body{ height:100%}
 i{ font-style: normal;}
 *{margin:0; padding:0;}
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1453108936_8692307.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1453108936_8692307.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1453108936_8692307.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1453108936_8692307.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1453108936_8692307.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.fll{ float:left}
.frr{ float:right}

.iconfont{font-family:"iconfont"; font-size:20px;font-style:normal;}
 .am-slider-default .am-direction-nav .am-prev{ display: none;}
 .am-slider-default .am-direction-nav .am-next{ display: none;}
 .sq-head{ background: #fff; border-bottom: 1px solid #ddd; overflow: hidden; color: #fff; position: fixed; top: 0; z-index: 9999; left: 0; }
 .am-header-default .am-header-nav>a{color: #333;}
 .am-header-default .am-header-title, .am-header-default .am-header-title a{color: #333;}
 .sq-head1{ background:#fff; position: fixed; top: 0; z-index: 9999; left: 0;}
 .messgae{ margin-top: 8px; background: url(../images/volume.png); width: 35px; height: 28px; background-size: cover;}
 .sq-foot{background: #d08200; color: #fff;overflow: hidden; border-top: 1px solid #ddd;}
 .messgae span{ width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background: #fff; color: #cb2527; font-size: 1.2rem; display: block; position: absolute; top: 3px; right: 0;}
 .am-navbar-default .am-navbar-nav{background: #fb7204;}
 .sq-foot a{color: #fff;}
.am-header .am-header-nav img{ height: 25px; margin-top: -18px;}
.am-header .am-header-title1 { position: relative;margin: 0 14%;font-size: 2rem;font-weight: 400;
    text-align: center; display: block;word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; color: #fff;
}
.index-search{font-size: 18px; margin-top: 8px; height: 35px; line-height: 30px; display: inline-block; text-align: center; width: 100%; padding: 4px 0; border-radius: 20px; background: #fff; border: 0; color: #000;}
.search-box{ position: relative; font-size: 1rem; height: 45px; }
.search-icon{ width: 20px; height: 20px; position: absolute; left:10px; top: 17px; border: 0; background: url(../images/search.png); background-size: cover ;}
.am-slider-default .am-control-nav{ bottom: 10px; text-align: right; }
.am-slider-default .am-control-nav li a.am-active{  background: #cc6b17;}
.am-slider-default .am-control-nav li a{ background: #fff; border: 1px solid #cc6b17;}
.am-slider-default{ margin: 0;}
.sq-nav{ overflow: hidden; padding: 1rem 0; background:#2e2e2e}
.sq-nav li{ float: left; width: 25%; text-align: center;}
.sq-nav1{ overflow: hidden; padding: 1rem 0;}
.sq-nav1 li{ float: left; width: 50%; text-align: center;}
.sq-nav1 .am-gallery-item img {
    width: 30%;
    display: block;
    margin: 5px auto;
}
.sq-nav .am-gallery-item img {
    width: 60%;
    display: block;
    margin: 5px auto;
}
.sq-nav p{ color:#FFF; font-size: 1.4rem;}
.sq-nav1 p{color: #676767; font-size: 1.4rem;}
.h-line{ background: #efefef; height:6px;}
.sq-title{ padding: 0 10px; font-size:20px; height: 3.5rem; line-height: 3.5rem;  color: #333; }
.sq-title .am-icon-volume-up{ font-size: 22px; float: left; margin-right: 10px;}
.am-icon-volume-up:before{color: #cc6b17;}

.fnTimeCountDown{ float: left;}
.am-navbar-nav .curr{ color: #cb2527;}
.pro-list .am-gallery-item{ background:#FFF; border: 1px solid #e5e5e5;}
.pro-list .am-gallery-item img{ border-bottom: 1px solid #e5e5e5;}
.am-gallery-default .am-gallery-title{ padding: 0 5px; margin-top: 5px;    color: #878787;
    font-size: 1.4rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    line-height: 18px;}
.pro-list .am-gallery-desc{ color: #ff0000;}
.yule{ overflow: hidden; margin-top: 12px;}
.yule li { margin: 0 10px; border-bottom: 1px solid #ddd; overflow: hidden;  padding: 15px 0;}
.yule li:last-child{ border: 0;}
.whitebar .yule img {
    float: left;
    width: 25%;
    margin-right: 0.625rem;
    height: 9rem;
}
.yule img {
    float: left;
    width: 25%;
    margin-right: 0.625rem;
}
.yule .title {
    margin-top: -5px;
    color: #cc6a17;
    width: 100%;
    height: 30px;
    font-size: 1.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.yule .intro {
    color: #757373;
    font-size: 1.4rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    line-height: 17px;
}
.index-product,.product-bot{ overflow: hidden; border-bottom: 1px solid #DDD;}
.index-pro-lf{ float: left; width: 65%;}
.index-pro-lf img{ width: 100%; border-right: 1px solid #ddd;}
.index-pro-lr{ width: 35%;  float: right;}
.index-pro-lr img{ width: 100%; border-right: 1px solid #ddd;}

.product-bot-lf{ float: left; width: 40%;}
.product-bot-lf img{ width: 100%; border-right: 1px solid #ddd;}
.product-bot-lr{  float: left; width: 60%;}
.product-bot-lr .top{ width: 100%;}
.product-bot-lr .top img{ width: 100%; border-bottom: 1px solid #ddd;}
.product-bot-lr .bot{ overflow: hidden;}
.product-bot-lr .bot .bot-lf{ float: left; width: 50%;}
.product-bot-lr .bot .bot-lf img{ width: 100%; border-right: 1px solid #ddd;}
.product-bot-lr .bot .bot-lr{ float: right; width: 50%;}
.product-bot-lr .bot .bot-lr img{ width: 100%;}



/*登录、注册、找回密码*/
.login-logo{ text-align: center;  margin: 3rem 0;}
.login-logo img { width: 240px;}
.login-name{    margin: 0 5%; width: 90%; font-size: 1.4rem; padding: 1rem;border-radius: 5px; border: 1px solid #ddd;}
.login-password {margin: 1.5rem 5%; width: 90%; font-size: 1.4rem;padding: 1rem; border-radius: 5px;border: 1px solid #ddd;}
.login-btn{margin: 1.5rem 5%; border: 0; color: #fff; width: 90%; font-size: 1.6rem; padding: 1rem;border-radius: 5px; background: #cb2527;}
.login-btn1{margin: 1.5rem 5%; border: 0; color: #fff; width: 90%; font-size: 1.6rem; padding: 1rem;border-radius: 5px; background: #999;}
.login-btn2{border: 0; color: #fff; width: 50%; font-size: 1.6rem; padding: 1rem;border-radius: 5px; background: #cb2527;}
.login-btn4{border: 0; color: #fff;  font-size: 1.6rem; padding: 1rem;border-radius: 5px; background: #cb2527;}
.sjyz {    background-position: -38px -43px;
    width: 16px;
    height: 18px;
    height: 19px;
    border: 0;
    overflow: hidden;
    display: inline-block;
    margin-right: 8px;
    cursor: pointer;
    background-image: url(../images/user-ui2-icon.gif)!important;
    background-repeat: no-repeat;
}
.maileyz {
    background-position: -35px -21px;
    width: 19px;
    height: 19px;
    border: 0;
    overflow: hidden;
    display: inline-block;
    margin-right: 8px;
    cursor: pointer;
    background-image: url(../images/user-ui2-icon.gif)!important;
    background-repeat: no-repeat;
}


.reg-btn{margin: 0rem 5%; border: 0; color: #fff; width: 90%; font-size: 1.6rem; padding: 1rem;border-radius: 5px; background: #76bb2a;}
.yzm{ overflow: hidden; margin: 0 5%; width: 90%; font-size: 1.4rem;}
.reg-yzm{ float: left; width: 40%; border: 1px solid #ddd; border-radius: 5px; padding: 1rem;}
.yzm-hq{ background: #76bb2a; border: 1px solid #76bb2a; color:#fff; padding: 1rem; border-radius: 5px; width: 55%; float: right;}
.agree{margin: 0rem 5%; width: 90%; font-size: 13px; }
.agree a{ color: #cb2527;}
.agree .xy{ color: #cb2527; text-decoration: underline;}
.r-login{ float: right;}
.l-login{ color:red;}
.forget{ float: right; color: #666;}
.line{ border-bottom: 1px solid #c8c7cd; margin:3rem 5%; width: 90%; }
.line-text{ text-align: center; color: #bababa; margin: -4rem auto 0 auto; background: #fff; width: 50%;}
.second-login li{ float: left; width: 33.33%; text-align: center;}
.second-login li a{ width: 50%; display: block; margin: 0 auto;}
.second-login li a img{ width: 100%; height: 100%; }
.second-login{ overflow: hidden; margin: 1rem 0;}
/*购物车*/
.shop-fix{ height: 5rem; position: fixed; bottom: 48px; background: #fff; width: 100%; padding: 0 3%;}
.shop-fix label{ float: left; margin-top: 1.5rem; margin-right: 0.625rem;}
.shop-fix .del{ color: #666; float: left; line-height: 5rem;}
.js-btn{ float: right; border-radius: 5px; background: #cb2527; color: #fff; padding: 3px 12px; margin-top: 14px;}
.js-btn1{ margin-right:20px; float: right; border-radius: 5px; background: #F90; color: #fff; padding: 3px 12px; margin-top: 14px;}
.js-text{ float: right; padding-right: 10px; /*margin-top: 5px;*/}
.js-text b{ font-style: normal; color: #cb2527; font-size: 18px;}
.js-car{ text-align: right; color: #666; font-size: 13px; margin-top: -5px;}
.shopcart-list{ overflow: hidden; background: #fff; padding-bottom:10px;}
.shopcart-list li{ border-bottom: 1px solid #ddd; padding: 3% 1rem; overflow: hidden; position: relative;}
.shopcart-list label{ float: left; margin-right: 0.2rem; margin-top: 2.5rem;}
.shop-pic{ float: left; width: 25%; width:9rem;}
.shop-list-mid { float: left;  margin-left: 0.625rem;}
.shop-list-mid p{ color: #9c9b9b;}
.shop-list-mid .tit a{ color: #909090; font-size: 1.4rem;  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;}
.shop-list-mid .shop-list-price{color: #cb2527; }
/*.shop-list-price{  position: absolute; color: #7f7979; right: 10px; top: 10px;}*/
.shopcart-list .del{ font-size: 24px; color:#909090; cursor: pointer; position: absolute; right: 10px; bottom: 10px;}
.shop-list-mid .d-stock{ width: 55%; margin-top: 8px;}
.shop-list-mid .d-stock .decrease{border-radius:3px 0px 0 3px; color: #666; float: left; border: 1px solid #dadada; width: 30%; height: 2.5rem; line-height: 2.5rem; text-align: center;}
.shop-list-mid .d-stock .text_box{ float: left; border: 1px solid #dadada; width: 40%; height: 2.5rem; line-height: 2.5rem; text-align: center; margin-left:-1px;}
.shop-list-mid .d-stock .increase{border-radius:0px 3px 3px 0; color: #666; float: left; border: 1px solid #dadada; width: 30%; height: 2.5rem; line-height: 2.5rem; text-align: center; margin-left:-1px;}

.list-cart .d-stock{ width: 7.5rem; float: right;}
.list-cart .d-stock .decrease{border-radius:50%; display: none; color: #666; float: left; border: 1px solid #dadada; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center;}
.list-cart .d-stock .text_box{ display: none; float: left; border:0; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; }
.list-cart .d-stock .increase{border-radius:50%; font-size: 1.6rem; background: #cb2527; color: #fff; float: right; /*border: 1px solid #dadada;*/ width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; margin-left:-1px;}
.list-cart1 .d-stock{ width: 7.5rem; float: right; margin-top: 1rem;}
.list-cart1 .d-stock .decrease{border-radius:50%; color: #666; float: left; border: 1px solid #dadada; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center;}
.list-cart1 .d-stock .text_box{ float: left; border:0; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; }
.list-cart1 .d-stock .increase{border-radius:50%; font-size: 1.6rem; background: #cb2527; color: #fff; float: right; /*border: 1px solid #dadada;*/ width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; margin-left:-1px;}
.login-logo p{ color: #bababa;}
.goshopping{background: #f2f2f2; display: inline-block; border: 1px solid #ddd; padding: 5px 8px; border-radius: 5px; color: #858585; margin:auto}
/*确认订单*/
.add-address{ font-size: 1.8rem;  background: #fff; height: 4rem; line-height: 4rem; text-align: center;}
.add-address a{color: #666;}
.add-address .am-icon-angle-right{ float: right; padding-right:1rem;}
.order-mid{ float: left; width: 70%;    color: #909090; margin-left: 0.625rem;
    font-size: 1.4rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;}
.order-price{ font-size: 1.6rem; margin-top: 8px; }
.order-price i{ font-style: normal; float: right;}
.order-text{ float: left; line-height: 5rem; font-size: 1.8rem; color: #666;}
.order-text span{ color: #b50b0b;}
.bz-infor{ border: 1px solid #ddd; width: 94%; margin:10px 3%; height: 2.8rem; padding-left: 5px;}
.order-infor{ margin: 0 3%; width: 94%; padding: 1rem 0;}
.order-infor-first i{ float: right; font-style: normal; color: #909090; }
.order-infor-first a{ color: #909090; float: right; }
.order-infor-first{ overflow: hidden; margin-bottom: 5px;}

.address{ margin: 0 5%; width: 90%; overflow: hidden;}
.address span{ float: left; width: 25%; color: #666; text-align: left; font-size: 1.5rem; height: 35px; line-height: 35px;}
.address li{ padding: 0.5rem; margin: 1rem 0; overflow: hidden; border: 1px solid #ddd;}
.address li a{ color: #c6c6c6;}
.add-input{ float: left; width: 65%; background: transparent; border: 0;  height: 35px; line-height: 35px;}
.add-select{float: left; width: 65%;  border:0; height: 35px; display: block;}
.order-tit{ font-weight: normal; padding:0 3%; line-height: 3.5rem; color: #909090; border-bottom: 1px solid #ddd;}
.order-name{padding:1rem 3%; position: relative; }
.order-add{ font-size:1.4rem; color: #909090;}
.order-tele{ color: #424242;}
.order-name .am-icon-angle-right{ position: absolute; right: 1rem; top:35%;}
.order-name a{ display: block;}
.address-list{ margin: 20px 3%; color: #666; padding-bottom: 20px;}
.address-list li{ border-radius: 5px; border:1px solid #ddd; padding: 10px 0px; margin-bottom: 20px;}
.address-list .curr{ border: 1px solid #cb2527;}
.address-list li p{ padding: 2px 20px;}
.order-add1{ font-size:1.4rem; color: #bbb;}
.address-list hr{ margin: 10px 0;}
.address-cz{ overflow: hidden; padding:0 20px; color: #bbb;}
.address-cz a{ color: #bbb;}
.address-cz label{ float: left; margin: 0;}
.address-cz a{ float: left; width: 30%; text-align: right; font-size: 1.4rem;}
.order-detail{ background: #fff; border-bottom: 1px solid #ddd; color: #000; font-size: 1.6rem;}
.order-detail li{ margin:0 5%; border-bottom: 1px solid #ddd; line-height: 4rem;}
.order-detail li span{ color: #666;}
.order-detail li:last-child{ border-bottom: 0;}
.pay-style label{ float: right; margin-top: 1rem;  }
.pay-style{ overflow: hidden; background: #fff;}
.pay-style li{ padding:1rem 5%; border-bottom: 1px solid #ddd; overflow: hidden;}
.pay-style img{ float: left; padding: 3px 10px; margin-top: 0.8rem; background: #f1f1f1; border-radius: 5px; border: 1px solid #ddd;}
.pay-style span{ float: left; margin-left: 2%;}
.pay-style .descript{ color: #7c7c7c; font-size: 1.3rem;}
.pay-style-box{ font-size: 1.8rem; margin: 20px 0 0px 5%;}
.moren{    margin: 0 5%;}

/*商品分类*/
.vilage-list{ margin-top: 60px; background: #fff;}
.cate-search{ position:absolute;  background: #fff; z-index: 10; width: 80%; right: 5%;}
.cate-search1{ border-bottom: 1px solid #e0e0e0; padding: 1rem 0rem; position:fixed; top: 49px;  z-index: 10; width: 100%; text-align: center; background: #efefef;}
.cate-search2{ border-bottom: 1px solid #e0e0e0; padding: 1rem 0rem;   z-index: 10; width: 100%; text-align: center; position: relative;}
.cate-input{ width: 100%;  height: 3rem; border-radius: 15px; border: 1px solid #eee; padding-left: 2rem;}
.cate-input1{ width: 90%;  height: 3rem; border-radius: 5px; border: 1px solid #eee; padding-left: 2rem;}
.cate-btn{ border: 0; background: url(../images/search.png) no-repeat; background-size: contain; width: 2rem; height: 2rem; position: absolute;
right: 1.5rem; top:1.5rem; }
.cate-btn1{ border: 0; background: url(../images/search.png) no-repeat; background-size: contain; width: 2rem; height: 2rem; position: absolute;
right: 2.5rem; top:1.5rem; }
.content-list{border-top: 1px solid #ddd;  background:#000}
.list-content{ position: relative; overflow: hidden; }
.list-left{ width: 100%; padding:5px 5px 5px 5px;  background:#191919; font-size:12px; color:#FFF}
.list-left img{ width:100%; }
.list-left li {width: 100%;  font-size: 1.4rem;
    height: 4rem;line-height: 4rem;text-align: center; border-bottom: 1px solid #ddd;overflow: hidden;}
.list-left li a{ color: #666;}
.list-left1{ width: 25%; position: fixed; padding-bottom: 150px; overflow-y: auto; background: #f5f5f5; top: 100px; height: 100%;  border-right: 1px solid #ddd;}
.list-left1 li {width: 100%; padding:15px 0; text-align: center; border-bottom: 1px solid #ddd;overflow: hidden;}
.list-left1 li a{ color: #666;}
.list-left1 li p{ color: #bbb;}
.list-left .current{ border-left: 3px solid #cb2527;}
.list-left .current a{ color: #cb2527;}
.list-left1 .current{ background:#cb2527;}
.list-left1 .current a{ color: #fff;}
.vilage-list li{font-size: 1.6rem; line-height: 30px; color: #cb2527; background: #efefef;  text-indent: 12px;}
.vilage-list li a{ color: #000; border-bottom: 1px solid #ddd;   line-height: 3.5rem; display: block; background: #fff;}
.school{ position: fixed; top: 49px; z-index: 9999; background: #eeeeee; line-height: 40px; width: 100%; padding-left: 2%;}
.school1{ z-index: 9999; background: #191919; line-height: 40px; width: 100%; padding-left: 2%; color:#FFF}

.list-right{ background:#000; line-height:25px; font-size:14px; width:100%;padding-bottom: 50px;}
.list-right .am-gallery-item{ text-align: center; position: relative;}
.list-right .am-gallery li{ margin: 1rem 0;}
.list-right .am-gallery-default .am-gallery-item img {
    width: 8.5rem;
    height: auto;
    height: 8.5rem;
    border-radius: 5px;
}
.list-right .am-gallery-default .am-gallery-title{ text-align: center; font-size: 1.6rem; margin-top: 10px;}

.list-nav li{ width: 25%; font-size: 1.8rem; text-align: center; line-height: 50px; float: left;}
.list-nav li a{ color: #bbb;}
.list-nav1 li{ width: 25%; border-bottom: 1px solid #ddd; font-size: 1.8rem; text-align: center; line-height: 50px; float: left;}
.list-nav1 li a{ color: #bbb;}
.list-nav {overflow: hidden; position: fixed;  width: 100%; background: #fff; z-index: 999; border-bottom:#CCC solid 1px;}
.list-nav li{border-bottom: 1px solid #ddd;}
.list-nav .current{ border-bottom: 1px solid #cb2527; }
.list-nav .current a{color: #cb2527;}
.list-nav1 .current{ border-bottom: 1px solid #cb2527; }
.list-nav1 .current a{color: #cb2527;}
.list-price{ background:url(../images/order.png) no-repeat right center; padding-right: 20px; font-style: normal;}
.list-price-top{ background:url(../images/order-top.png) no-repeat right center; padding-right: 20px; font-style: normal;}
.list-price-bot{ background:url(../images/order-bot.png) no-repeat right center; padding-right: 20px; font-style: normal;}
.banner img{ width: 100%; height: 100%;}
.list-pro{ overflow: hidden; padding-bottom:50px; }
.list-pro li{ position: relative; border-bottom: 1px solid #ddd; margin: 0px 1%; padding:15px 0px 8px 0px; overflow: hidden;}
.list-pic{ float: left; width: 40%;  padding: 3px; }
.list-pic1{ float: left; width: 22%;  padding: 3px; border: 1px solid #ddd;}
.list-pro .am-gallery-desc { color: #cb2527; font-size: 1.6rem;}

.list-pro11{ overflow: hidden; padding-bottom: 60px; margin-top: 30px;}
.list-pro11 li{ position: relative; border-bottom: 1px solid #ddd; margin: 0px 3%; padding: 15px 0; overflow: hidden;}
.list-pic11{ float: left; width: 30%;  padding: 3px; border: 1px solid #ddd;}
.list-pic111{ float: left; width: 22%;  padding: 3px; border: 1px solid #ddd;}



.list-cart{  height: 45px; text-align: center; position: absolute; right: 0px;  bottom: 0px;  border-radius: 50%;}
.list-cart img{ margin-top: 8px;}
.list-cart1{  height: 45px; text-align: center; position: absolute; right: 10px;  bottom: 0px;  border-radius: 50%;}
.fix-bot{ border-top: 1px solid #ddd; position: fixed; bottom: 0; height: 4.5rem; width: 100%; background: #fff; }
.fix-bot-cart{background: url(../images/shopcart.png) no-repeat; float: left; margin-left: 3%; margin-top: -12px; width: 5rem; height: 5rem; background-size: contain;}
.fix-bot-cart i{ width: 20px; height: 20px; text-align: center; float: right; color: #fff; font-style: normal; line-height: 20px; border-radius: 50%; background: #ffc618; display: block;}
.list-js{ float:right; display: block; line-height: 3.5rem; border-radius: 5px; background: #cb2527; color: #fff; padding: 0 1rem; margin-right: 1rem; margin-top: 5px;}
.list-jsk{ float:right; display: block; line-height: 3.5rem;  border-radius: 5px; background: #ff9600; color: #fff; padding: 0 1rem; margin-right: 1rem;  margin-top: 5px;}
.detal-info{ padding: 0 3%; color: #666; overflow: hidden; width: 85%;}
.detal-info .heart{ position: absolute; top:8px; right: 5%; text-align: center; border-left: 1px solid #ddd; padding-left: 15px; }
.detal-info .heart p{ font-size: 1.4rem; line-height: 20px; width: 100%; height: 20px;}
.detal-info p{ line-height: 40px; font-size: 1.6rem; width: 80%; height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.detal-info h2{ font-weight: normal;}
.detal-info h2 span{ color: #cb2527;}
.d-amount{padding: 0 3%; color: #666; overflow: hidden;}
.d-amount h4 {
    float: left;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 2.5rem;
    margin-top: 0.75rem;
}
.d-amount .d-stock .decrease {
    position: absolute;
    left: 0;
    width: 30%;
    height: 2.5rem;
    display: block;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 2.5rem;
    font-size: 16px; color: #666;
}
.d-amount .d-stock {
    float: left;
    width: 35%;
    height: 2.5rem;
    position: relative;
    margin: 0.75rem 2%;

}
.d-amount .d-stock input {
    position: absolute;
    left: 30%;
    width: 40%;
    height: 2.5rem;
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
    text-align: center;
}
.d-amount .d-stock .increase {
    position: absolute;
    right: 0;
    width: 30%;
    height: 2.5rem;
    display: block;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 2.5rem;
    font-size: 16px;
       color: #666;
}
.detail img{ width: 100%;}
.fix-shopping{ position: fixed;  bottom: 0px; width: 100%; border-top: 1px solid #ddd; padding: 15px 0; background: #fff; z-index: 999;}
.fix-shopping li{ float: left; width: 50%; text-align: center;}
.fix-shopping li a{ width: 70%; margin: 0 auto; border-radius: 15px; display: block; padding: 5px 0;}
.join{ background: #959595; color: #fff;}
.imm-buy{ background: #cb2527; color: #fff;}
.am-tabs{ overflow: hidden;}
.detail-list{ padding: 15px 0;}
.am-nav-tabs>li{ margin-left: 3%; margin-bottom: 0;}
.am-nav-tabs>li.am-active>a, .am-nav-tabs>li.am-active>a:focus, .am-nav-tabs>li.am-active>a:hover{ color: #f90505;}
.am-nav-tabs>li>a{ color: #666;}
.comment { overflow: hidden; padding: 2px 3%; color: #666; }
.comment span{ float: left;}
.com-good { margin-right: 10px; margin-top: 8px; float: left; background: #cd6a17; border-radius: 15px; height: 1rem; width: 60%;}
.com-bad{ margin-right: 10px; margin-top: 8px; float: left; border:1px solid #cd6a17; border-radius: 15px; height: 1rem; width: 60%;}
.comment-list li{ float: left; padding: 0 10px; color: #666; border-right: 1px solid #ddd;}
.comment-list li:last-child{ border-right: 0;}
.comment-list li a{ color: #666; font-size: 1.4rem;}
.comment-list{ margin-top: 1rem; background: #f2f2f2; overflow: hidden; padding: 10px 0;}
.am-tabs-bd .am-tab-panel{ padding: 10px 0;}
.comment-pic{ margin:15px 3%; overflow: hidden;}
.comment-pic li{ border: 1px solid #ddd; margin: 10px 0; overflow: hidden;}
.comment-pic .tit{ height: 35px; background: #f2f2f2;}
.comment-pic .tx{ width: 2rem; height: 2rem;  margin: 5px 0 0 5px; float: left;}
.comment-pic .tit span{ color: #cb2527; line-height: 35px; display: block; float: left; margin-left: 3%;}
.comment-pic .tit i{ font-style: normal; color: #9b9b9b; float: right; padding-right: 3%; line-height: 35px; display: block}
.comment-con{ padding: 15px 5%; color: #707070; background: #f7f7f7;}
.detail p{ margin: 0 3%;}
.comment-list .current a{ color:#cb2527 ;}
/*白条*/
.whitebar{ z-index: 9;}
.whitebar h2{ background: #f2f2f2; font-weight: normal; line-height: 4.5rem; text-indent: 30px; font-size: 2rem;}
.whitebar .am-tabs{ margin: 0;}
.whitebar .am-tabs-d2 .am-tabs-nav{ background: #fff; overflow: hidden; z-index: 111; padding: 0 3%; width: 100%;}
.whitebar .am-tabs-d2 .am-tabs-nav>.am-active a{ color: #cb2527; background: #fff;}
.whitebar .am-tabs-d2 .am-tabs-nav>.am-active{ border-bottom: 1px solid #cb2527;}
.whitebar .am-tabs-d2 .am-tabs-nav>.am-active:after{border-bottom-color: #cb2527;}
.whitebar .am-tabs-d2 .am-tabs-nav li{ border-bottom: 1px solid #ddd;}
.whitebar .am-tabs-bd{ border: 0;}
.whitebar .am-tabs-bd .text{ font-size: 1.4rem; color: #666;  padding: 0 3%;}
.whitebar .text-alert{padding: 0 5%; font-weight: normal; color: #ca6a16; line-height: 50px;}
.whitebar .upload { margin: 0 5%;}
.whitebar .upload li{ float: left; width: 25%; background: url(../images/add.png) no-repeat center; height: 6rem; margin-right: 2%;  border: 1px solid #ddd; }
.whitebar .upload input{ width: 100%; opacity: 0;}
.whitebar .yule{ margin-top: -15px;}
.whitebar .yule h3{ padding: 0;}
.whitebar .yule .title{ font-size: 1.8rem; margin-top: 0; font-weight: normal;}
.whitebar .yule .intro{ line-height: 20px; font-size: 1.4rem;}
.whitebar .yule .time{ color: #c9c9c9; font-size: 1.4rem;}
.news{ width: 100%;}
.news h3{ width: 90%; margin: 0 auto; text-align: center; line-height: 5rem; color: #525151; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news p{ margin: 0 3%; text-align: center; line-height: 3rem; color: #909090; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; font-size: 1.4rem;}
.news-con{ padding: 20px 3%; color: #737272; font-size: 1.6rem;}
.news-con p{ text-indent: 24px; line-height: 30px;}
.news-con img{ width: 100%;}

.integral-table li span{ display: block; float: left; text-align: center; width: 25%;}
.integral-table li{ overflow: hidden; }
.integral-table .tit{ line-height: 4rem; border-bottom: 1px solid #ddd; color: #666;}
.integral-table .for{color: #888; line-height: 30px; font-size: 1.2rem;}
.exchange { margin-top: 1.5rem;}
.exchange li{ float: left; width: 50%; text-align: center;}
.exchange li img{ border: 1px solid #ddd; margin: 0 auto; width: 80%;}
.excha{ width: 80%; overflow: hidden; margin: 0 auto; position: relative; padding-top: 15px;}
.excha-right{ position: absolute; right: 0; width: 100%; bottom: 0;}
.excha-right .d-stock {
    width: 55%;
    margin-top: 8px;
}
.excha p{ text-align: left; font-size: 1.4rem; color: #727272;}
.excha-right .d-stock .decrease {
    position: absolute;
    left: 0;
    width: 30%;
    height: 2rem;
    display: block;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 2rem;
    font-size: 16px; color: #666;
}
.excha-right .d-stock {
    float: right;
    width: 35%;
    height: 2rem;
    position: relative;

}
.excha-right .d-stock input {
    position: absolute;
    left: 30%;
    width: 40%;
    height: 2rem;
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
    text-align: center;
}
.excha .d-stock .increase {
    position: absolute;
    right: 0;
    width: 30%;
    height: 2rem;
    display: block;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 2rem;
    font-size: 16px;
       color: #666;
}
.intra-btn{ width: 80%; text-align: center; margin: 15px auto; background: #cd6a17; color: #fff; border: 0; height: 35px;}

.integ-text{margin: 0 5%;
    width: 90%; height: 100px;
    font-size: 1.4rem;
    padding: 1rem;
    border-radius: 5px;
    border: 1px solid #ddd;}
.reserve-btn{ background: #cd6a17; color: #fff; padding: 5px 10px; font-size: 1.4rem; margin-top: 10px; display: inline-block;}
.yzmimg{ float: left; height: 45px; margin-left: 0.5rem;}
.special{ text-align: center;}
.special .am-gallery-item img{ width: 90%; border: 1px solid #ddd; padding: 1%;}
.special .am-gallery-title{ text-align: left; color: #6b6b6b; font-size: 1.6rem;}
.special .am-gallery-desc{ width: 90%; text-align: left; font-size: 1.8rem; margin-top: 5px; color: #f96e22;}
.special .am-gallery-desc del{ font-size: 1.4rem; line-height: 28px; float: right; color: #b7b7b7;}

.container{ color: #757373;}
.container span { float: left;    font-size: 1.4rem;

}

.progress {
  height: 16px;
  background: #e0e0e0; float: left; width: 65%; margin-top: 3px;
}
.progress > span {
  position: relative;
  float: left;
  margin: 0 -1px;
  min-width: 30px;
  height: 16px;
  line-height: 16px;
  text-align: right;
  background: #cd6a17;


}
.progress > span > span {
  padding: 0 8px;
  font-size: 11px;
  color: #757373; position: absolute; right: -55px;
}
.progress > span:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 16px;

}
.chips-infor h4{ line-height: 28px; font-weight: normal; font-size: 1.4rem;}
.city-list li{ border-bottom: 1px solid #ddd;  padding: 0 5%; line-height: 4rem;}
.city-list{ width: 100%;}
.city-list li a{ color: #333; display: block;}
.city-list .curr a{ background: url(../images/dui.png) no-repeat right center; padding-right: 5%;}
.select-time{    width: 94%; border: 0; background: transparent;
    margin: 10px 3%; text-align: center; color: #666;
    padding-left: 5px;}
.am-modal-no-btn .am-modal-dialog{ border-radius: 8px; width:65%; margin: 0 auto;}
.yytime li{ float: left; width: 50%; text-align: center;}
.yytime{ margin-top: 15px; overflow: hidden;}
.yytime li{ float: left; width: 50%;}
.yytime li a{ width: 80%; margin: 0 auto; font-size: 1.4rem; padding: 0.5rem 0; border: 1px solid #ddd; display: block; color: #666;}
.am-modal-hd .am-close{ right: 74px;}
.am-modal-hd{ border-bottom: 1px solid #cc6a17; padding: 15px 10px 10px 25px; text-align: left;}
.yytime .curr a{ border: 1px solid #cc6a17; color: #cc6a17;}


/*个人中心*/
.member {
    width: 100%;
    background: url(../images/bg.png);
    height: 240px;
    background-size: cover;
}
.mem-tit {
    text-align: center;
    color: #3c3b3b;
    line-height: 50px;
    font-size: 2rem;
    position: relative;
}
.member .step{ position: absolute; right: 1rem;}
.mem-pic-bg {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    /* padding: 2px; */
    margin: 0 auto;
    border: 2px solid #cb2527;
    background-size: cover;
    background-color: #fff;
}
.men-level {
    position: absolute;
    right: 0;
    top: 90px;
    font-size: 1.2rem;
    padding: 1px 5px;
    color: #3c3b3b;
    border-radius: 5px;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ce6f1f',endColorStr='#e0a674',gradientType='1');
    background: -moz-linear-gradient(left, #ce6f1f, #e0a674);
    background: -o-linear-gradient(left,#ce6f1f, #e0a674);
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#ce6f1f), to(#e0a674));
}
.mem-pic {
    width: 200px;
    margin: 0 auto;
    position: relative;
}
.member-menu {
    overflow: hidden;
    margin-top:0px;
}
.member-menu li {
    font-size: 1.4rem;
    float: left;
    width: 33%;
    text-align: center;
    border-right: 1px solid #aeaeae; margin-top:8px; margin-bottom:8px;
}
.member-menu .yellow{ color: #cb2527;}
.member-menu .black{ color: #363636;}
.u-list-main {
    background-color: #fff; border-top: 1px solid #ddd; overflow: hidden;
    padding: 0 1rem;
    height: 4rem;
    line-height: 4rem;
    border-bottom: 1px solid #ededed;
    margin-top: 1rem;

}
.u-list-main a {
    color: #5a5959; float: right; display: block;
}

.u-list-main img{ float: left; margin: 10px 5px 0 0px;}
.u-list-main span{ float: left;}
.user-nav {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    margin: 0;
    padding: 1rem 0;
}
.user-nav li {
    width: 25%;
    height: auto;
    float: left;
}
.user-nav img {
    width: 40%;
    display: block;
    margin: auto;
}
.user-nav p {
    text-align: center;
    font-size: 1.4rem;
}
.user-nav a{ color: #5a5959;}

.safty li{ padding: 1rem; border-bottom: 1px solid #ddd; overflow: hidden;}
.safty li img{ float: left;}
.safty .am-icon-angle-right{ float: right; margin-top: 0.7rem;}
.safty li a{ color: #242424; overflow: hidden; display: block;}
.safty li i{ float: left; font-style:normal; font-size: 1.6rem; margin-top: 0.7rem; margin-left: 2%; }
.safty li a i{ float: left; font-style:normal; font-size: 1.6rem;  }
.safty li p{ color: #d3d3d3; text-indent: 50px; font-size: 1.4rem;}

.safty1 li{ padding: 1rem; border-bottom: 1px solid #ddd; overflow: hidden;}
.safty1 li img{ float: left;}
.safty1 .am-icon-angle-right{ float: right; margin-top: 0.7rem;}
.safty1 li a{ color: #242424; overflow: hidden; display: block;}
.safty1 li i{ float: left; font-style:normal; font-size: 1.6rem;  margin-left: 2%; }
.safty1 li a i{ float: left; font-style:normal; font-size: 1.6rem;  }
.safty1 li p{ color: #d3d3d3; text-indent: 50px; font-size: 1.4rem;}
.infor-pic{ margin-left: 15px; float: left; width: 6rem; height: 6rem; border-radius: 50%;}
.infor-pic img{ width: 100%; height: 100%;}
.infor-tele{ float: left; border: 0; padding-right: 10px; margin-left: 20px; color: #a5a5a5; }

.xfmx{ border-bottom: 1px solid #ddd;}
.xfmx span{margin-left: 30px; padding: 0 15px; line-height: 4rem; font-size: 1.6rem; border-bottom: 1px solid #ca6a16; display: inline-block; margin-bottom: -1px;}

.all-select{ overflow: hidden; border-bottom: 1px solid #ddd;}
.all-select li{ float: left; padding: 0.5rem 3%; width: 33%;}
.all-select li a{ color: #5a5959; font-size: 1.6rem; margin-top: 0.8rem; display: block;}
.all-select label{ font-size: 1.6rem;}
.del a{ color: #cc6a17;}

.c-com-btn {
    height: 45px;
    background: #fff;
}
.c-comment-list { margin-bottom:5px;
    background: #f5f5f5;
    overflow: hidden;
    padding:1rem;
}
.c-comment-list i{ margin: 0 10px;}
.c-comment-list p{ color: #646464; font-size: 1.4rem;}
.c-comment-list p span{ color: #cb2527;}
.c-comment-list b{ border-radius: 50%; background: #cb2527; display: inline-block; color: #fff; width: 25px; line-height: 25px; margin-left: 5px; text-align: center; font-weight: normal;font-size: 1.4rem;}
.o-con {
    color: #333;
    position: relative;
}
.c-com-money {
    text-align: right;
    margin-bottom: 10px;
    padding-right: 12px;
}
.c-comment {
    padding: 0 1rem;
    height: 40px;
    line-height: 40px;
    background: #fff;
    font-size: 1.5rem;
}
.order-style li{ float: left; margin-right:15px; text-align: center;}
.order-style li a{ color:#fff;}
.order-style{ overflow: hidden; padding: 0 12px; line-height: 4rem; border-bottom: 1px solid #ddd;}
.c-comment-suc {
    color: #cb2527; border-left: 1px solid #ddd; padding-left: 0.5rem;
}
.o-con-img {
    float: left;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 20%;
    height: 100%;
    overflow: hidden;
    margin-bottom: 0.5rem;
}
.o-con-img img {
    height: 6rem;
    overflow: hidden;
    width: 100%;
}
.o-con-txt {
    float: left;
    width: 51%;
    text-align: left;
    margin-left: 2%;
    padding-top: 2%;
}
.o-con-txt p {
    color: #000;
}
.o-con-much {
    float: right;
    width: 25%;
    text-align: right;
    padding: 2%;
    margin-top: 25px;
    color: #afafaf;
}
.c-com-btn .oncepay {
    border: 1px solid #cb2527;
    color: #cb2527;
    float: right;
    display: block;
    height: 2.5rem;
    margin: 0.5rem 12px;
    line-height: 2.5rem;
    width: 20%;
    border-radius: 5px;
    font-size: 1.4rem;
    text-align: center;
    margin-left: 2%;
}
.c-com-btn .canelpay{
    border: 1px solid #626262;
    color: #626262;
    float: right;
    display: block;
    height: 2.5rem;
    margin: 0.5rem 12px;
    line-height: 2.5rem;
    width: 20%;
    border-radius: 5px;
    font-size: 1.4rem;
    text-align: center;
    margin-left: 2%;
}
.o-con {
    width: 100%;
    overflow: hidden;
    background: #f5f5f5;
    display: block;
    margin-top: 5px;
    padding: 0 12px;
}

.o-con-txt .price{ color: #cc6a17;}
.o-con-txt span{color: #cc6a17;}
.clear{ height: 10px; background: #ddd;}
.order-style .current{ border-bottom: 2px solid #cb2527;}

.mywhite{ padding: 12px; border-bottom: 5px solid #ddd;}
.mywhite p{ color: #666; line-height: 2.5rem;}
.beizhu{color: #666; margin-top: 15px;}
.list-pro h3{ font-weight: normal; color: #cd6a17; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.checkdetail{ background: #cd6a17; color: #fff; font-size: 1.2rem; padding: 5px 10px;}
.chipsdetail h3{ color: #cd6a17; font-size: 1.8rem; margin-bottom: 10px;}
.chipsdetail p{ color: #6b6b6b; line-height: 25px;}

.yhq-pic{ margin: 12px 3%;  background: url(../images/yhq.png) no-repeat; background-size: 100% 100%; height: 120px;}
.yhq-pic .price span{ color: #cb2527; font-size: 4rem; display: block; padding-top: 15px;}
.yhq-pic .price { width: 40%; text-align: center; float: left;}
.yhq-pic .price p{ font-size: 1.3rem;}
.yhq-pic .text{ float: left; width: 50%;}
.yhq-pic .info{ color: #cb2527; margin-top: 15px; }
.yhq-pic .time{font-size: 1.3rem;}
.yhq-pic .user{ font-size: 1.8rem; padding-top: 0.5rem;}
.yhq a{ color: #000;}




.yhq-gq{ position: relative; margin: 12px 3%;  background: url(../images/gqhb.png) no-repeat; background-size: 100% 100%; height: 120px;}
.yhq-gq .price span{ color: #b0b0b0; font-size: 4rem; display: block; padding-top: 15px;}
.yhq-gq .price { width: 40%; text-align: center; float: left;}
.yhq-gq .price p{ font-size: 1.3rem;  color: #b0b0b0;}
.yhq-gq .text{ float: left; width: 50%;}
.yhq-gq .info{ color: #b0b0b0; margin-top: 15px; }
.yhq-gq .time{font-size: 1.3rem; color: #b0b0b0;}
.yhq-gq .user{ font-size: 1.8rem; color: #b0b0b0; padding-top: 0.5rem;}
.gy-pic{ position: absolute; top: 25px; left: 35%;}
.shop-list-mid .mxtit{     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}





#datescroll div{float: left;margin-left: 10%;margin-top: 70px;padding-right: 22px;}
#datescroll_datetime div{float: left;margin-left: 10%;padding-right: 22px;}
#yearwrapper{position: absolute;left: 0;top:45px;bottom: 60px;width:80%;}
#monthwrapper{position: absolute;left: 26%;top:45px;bottom: 60px;width:80%;}
#daywrapper{position: absolute;left: 50%;top:45px;bottom: 60px;width:80%;}
#Hourwrapper{position: absolute;left: 0;top:195px;bottom: 68px;width:80%;}
#Minutewrapper{position: absolute;left: 26%;top:195px;bottom: 68px;width:80%;}
#Secondwrapper{position: absolute;left: 50%;top:195px;bottom: 68px;width:80%;}
#Hourwrapper ul li{color: #898989;font-size: 12px;}
#Minutewrapper ul li{color: #898989;font-size: 12px;}
#Secondwrapper ul li{color: #898989;font-size: 12px;}
#yearwrapper ul li{color: #898989;font-size: 12px;}
#monthwrapper ul li{color: #898989;font-size: 12px;}
#daywrapper ul li{color: #898989;font-size: 12px;}
#markyear{position:relative; margin-left: 76px;top:-2px;}
#markmonth{position:relative; margin-left: 40px;top:-2px;}
#markday{position:relative; margin-left: 42px;top:-2px;}
#markhour{position:relative; margin-left: 62px;top:-2px;}
#markminut{position:relative; margin-left: 58px;top:-2px;}
#marksecond{position:relative; margin-left: 68px;top:-2px;}
#dateheader{width: 100%;height: 50px;background: #79C12F;text-align: center;color: #fff;line-height: 50px;font-size: 20px;}
#setcancle ul{text-align: center;line-height: 30px; margin:1px auto;font-size: 20px;}
#setcancle ul li{border-radius:3px;float: left;width: 40%;height: 30px;list-style-type: none;font-family:'microsoft yahei';font-size:16px;}
#dateconfirm{position: absolute;background:#cc6a17;left:20px;color:#fff;}
#datecancle{position: absolute;background:  #dcdddd;right:20px;width: 40%;color:#666;}
#dateshadow{display: none;position: fixed; z-index:10000; width: 100%;height: 100%;top:0;left:0;background: rgba(0,0,0,.5); }
#datePage{font-size: 22px; left: 10%;  border-radius: 15px; position:absolute;top:30%;MARGIN-RIGHT: auto;vertical-align:middle;
MARGIN-LEFT: auto;width: 80%;height: 300px;background: #FFFFFF;z-index:9999999;}
#datetitle{width: 100%;height:50px; border-bottom: 1px solid #cc6a17; color: #fff;line-height: 50px; font-family:'microsoft yahei';}
#datetitle h1{font-weight:normal; color: #cc6a17; font-size:18px; text-indent: 24px;}
#datemark{font-size: 18px;left:5%;width: 90%;height: 20px;position:absolute;top:165px;background:#eee;border:1px solid #eee;}
#timemark{font-size: 18px;left:5%;width: 90%;height: 20px;position:absolute;top:242px;background:#eee;border:1px solid #eee;}
#datescroll{background: #F8F8F8;width:94%; margin:15px 0 0 3%;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#datescroll_datetime{display: none;background:#F8F8F8;width:94%; margin:10px 3%;margin-top: 10px;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#yearwrapper ul,#monthwrapper ul,#daywrapper ul{width:40%;}
#Hourwrapper ul,#Minutewrapper ul,#Secondwrapper ul{width:40%;}
#dateFooter{width:100%;height: 50px;bottom: 0px;position: absolute;}


.speed-xin{ background:url(../images/redxin.png) no-repeat; font-size: 1.2rem; color: #fff; line-height: 30px; position: absolute; top: -15px; right: -7px; width: 40px; height: 40px; display: block; font-style: normal;  background-size: contain;}
.speed-xin1{ background:url(../images/grayxin.png) no-repeat; font-size: 1.2rem; color: #fff; line-height: 30px; position: absolute; top: -15px; right: -7px; width: 40px; height: 40px; display: block; font-style: normal;  background-size: contain;}
.adv{ padding-left: 3%; color: #535353; margin: 0.5rem 0;}
.adv i{ color: #cb2527; padding-right: 3%; }
.shop{ width: 90%; margin: 0 auto; background: #cb2527; border-radius: 5px; display: none;}
.shop .popup-close { float: right; padding-right: 5px; color: #fff;}
.shop .mem-pic{ margin: 30px auto 0px auto;}
.shop .mem-pic-bg{border: 2px solid #fff;}
.shop .tit{ font-size: 2rem; color: #fff; text-align: center;}
.shop .num{ color: #fff; text-align: center; padding-bottom: 10px;}
.shop .text{ background: #f6f6f6; padding: 10px 0;}
.shop .text p{ color: #404040; padding: 0 20px; font-size: 1.6rem; line-height: 30px;}
.shop .times{background: #fff; padding: 10px 0;  overflow: hidden; font-size: 1.6rem;}
.shop .times li{ width: 33.33%; float: left; text-align: center;}
.shop .times .yanse{ color: #cb2527;}
.shop .fu{ border-top: 1px solid #ddd; padding: 10px 20px; background: #fff; overflow: hidden; border-radius:0 0 5px 5px;}
.shop .fu i{ font-style: normal; color: #fff; background: #cb2527; padding: 0 2px; border-radius: 2px;}
.shop .fu span{ font-size: 1.4rem;}

.qd-box{ background: rgba(0,0,0,0.2); padding: 2%; width: 75%; margin: 0 auto; display: none; border-radius: 5px;}
.qd-box .popup-close{ color: #000; right: 15px; position: absolute; top: 5px; }
.qd-box .popup-title span{ text-align:center; font-size: 2rem; padding-left: 15px;}
.qd-box .popup-title{ border-radius: 5px 5px 0px 0px; background: url(../images/tit.png); height: 45px; color: #000; line-height: 45px;}
.qd-box .dq-text{ font-size: 2rem; overflow: hidden; padding: 2.5rem 0; text-align: center; background: #fff; border-radius: 0px 0px 5px 5px;}
.dq-text a{ float: left; width: 50%; text-align: center;}
.dq-text .contactqq{ margin-top: 0.8rem; border-radius: 2px; background: #ff5a00; color: #fff; width: 90px; line-height: 30px; font-size: 1.6rem; margin: 0 auto;}
.dq-text .contacttele{ margin-top: 0.8rem; border-radius: 2px; background: #cb2527; color: #fff; width: 90px; line-height: 30px; font-size: 1.6rem; margin: 0 auto;}

.re-money{ margin: 1rem 5% 0 5%; font-size: 1.8rem;}
.re-money span{ color: #cb2527;}
.re-cate{ padding: 1rem; overflow: hidden;}
.re-cate li{  float: left; width: 33.33%; }
.re-cate li a{position: relative; line-height: 35px;  border: 1px solid #b3b3b3; background: #fff; display: block; text-align: center; color: #b3b3b3; width: 85%; margin: 0 auto;}
.re-cate .current a{ border: 1px solid #cb2527; color: #cb2527; }
.re-cate li i{width: 0; height: 0; position: absolute; top: 0; right: 0;
    width: 0;
    height: 0;
    border-top: 10px solid #fff;
    border-left: 10px solid transparent;}
.re-cate .current a i{border-top: 10px solid #cb2527;}
.re-style{ background: #fff; border-radius: 5px; margin:15px 5% 20px 5%; width: 90%; overflow: hidden;}
.re-style li{ border-bottom: 1px solid #D3D3D3; overflow: hidden; margin: 0 5%; line-height: 50px;}
.re-style li:last-child{ border-bottom: 0;}
.re-style li img{ float: left; margin-top: 8px;}
.re-style li span{ float: left;}
.re-style li label{ float: right; margin-top: 15px;}
.am-checkbox-inline.am-warning .am-ucheck-checkbox:checked+.am-ucheck-icons, .am-checkbox-inline.am-warning .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons, .am-checkbox-inline.am-warning .am-ucheck-radio:checked+.am-ucheck-icons, .am-checkbox-inline.am-warning .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons, .am-checkbox.am-warning .am-ucheck-checkbox:checked+.am-ucheck-icons, .am-checkbox.am-warning .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons, .am-checkbox.am-warning .am-ucheck-radio:checked+.am-ucheck-icons, .am-checkbox.am-warning .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons, .am-radio-inline.am-warning .am-ucheck-checkbox:checked+.am-ucheck-icons, .am-radio-inline.am-warning .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons, .am-radio-inline.am-warning .am-ucheck-radio:checked+.am-ucheck-icons, .am-radio-inline.am-warning .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons, .am-radio.am-warning .am-ucheck-checkbox:checked+.am-ucheck-icons, .am-radio.am-warning .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons, .am-radio.am-warning .am-ucheck-radio:checked+.am-ucheck-icons, .am-radio.am-warning .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons{ color: #cb2527;}
.am-ucheck-checkbox:checked+.am-ucheck-icons, .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons, .am-ucheck-radio:checked+.am-ucheck-icons, .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons{ color: #cb2527;}

.pay-iphone{ margin: 1rem 5%; color: #4b4b4b;}
.pay-box{ margin: 0 5%;  width: 90%; border: 1px solid #ddd; border-radius: 5px; background: #fff;}
.pay-box input{ font-size: 1.4rem; width: 60%; text-indent: 10px; padding: 1rem 0;  background: transparent; border: 0;}
.pay-box .pay-box-btn{ width: 40%; float: right; padding: 1rem 0; background: #cb2527; color: #fff; border-radius: 0px 5px 5px 0px;}
.payment{ width: 90%; margin: 0 5%; overflow: hidden; height: 50px; border: 1px solid #ddd; background: #fff; border-radius: 5px;}
.payment li{ width: 16.6%; height: 50px; border-right: 1px solid #ddd; float: left;}
.payment li:last-child{ border-right: 0;}
.payment input{ border: 0; width: 100%; line-height: 50px; text-align: center;}
.bound-text{ margin: 0 5%;}
.bound-text h2{font-weight: normal;}
.bound-text p{ font-size: 1.4rem; color: #7c7c7c;}

.record-ye{ background: #fff; text-align: center; padding: 2rem 0; border-bottom: 1px solid #ddd;}
.record-ye p{ color: #737373;}
.record-ye b{ color: #282828; font-size: 3rem;}
.re-chong{background: #fff;  text-align: center; color: #000; padding: 1rem 0;}
.re-chong a{ color: #000; font-size: 1.6rem; display: inline-block;}
.re-chong img{ float: left; margin-top: 2px;}
.re-chong span{ float: left;}
.money-out{ overflow: hidden; background: #fff; margin-top: 10px; border-bottom: 1px solid #ddd;}
.money-out li{ float: left; width: 50%; text-align: center; }
.money-out .current a{ border-bottom: 1px solid #cb2527; color: #cb2527;}
.out-list{ width: 100%;  background: #fff; overflow: hidden;}
.out-list p{ width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.money-out li a{ color: #000; display: block; padding: 1rem 0;}
.out-list img { float: left; margin-top: 0.7rem;}
.out-list span{ float: left;padding-left: 2%; width: 70%; }
.out-list li{ overflow: hidden; padding: 0.5rem 5%; border-bottom: 1px solid #ddd;}
.out-list li:last-child{ border-bottom: 0;}
.out-list i{ float: right; font-style: normal; color: #cb2527; margin-top: 0.7rem;}
.mess li{padding: 0 5%; margin-top: 10px; overflow: hidden; background: #fff; border-top: 1px solid #ddd; border-bottom: 1px s #ddd;}
.mess li a{ color: #000;}
.mess li h2{ font-weight: normal; line-height: 40px; font-size:2rem; margin-top: 5px;}
.mess li .con{ color: #808080; font-size: 1.4rem;}
.mess li .time{ border-top: 1px solid #ddd; font-size:1.5rem; line-height: 40px;}
.mess li .time i{  float: right;font-style: normal;}
.mess li .time span{ float: left; }
.job li{ background: #fff; margin-top: 10px; padding: 0.5rem 1rem; overflow: hidden;}
.job li img{ float: left;}
.job li span{ float: left; margin-left: 2%; margin-top: 0.8rem;}
.job li .am-icon-angle-right{ float: right; font-style: normal; margin-top: 0.8rem;}
.job li a{ color: #2e2e2e; display: block;}
.job li b{ float: left;  color: #afaeae; font-size: 1.4rem; margin-left: 0.5rem; margin-top: 1.1rem; font-weight: normal;}
.application{ background: #fff; margin-top: 1rem;}
.application li{ border-bottom: 1px solid #ddd; overflow: hidden; padding: 0.5rem 1rem;}
.application li img{ float: left; border-radius: 50%;}
.application li span{ float: left; margin-left: 2%; color: #282828;}
.application li i{ font-style: normal; float: right; color: #cb2527; margin-top: 1rem;}
.application li .time{ color: #a4a4a4; font-size: 1.4rem;}
.hotline{ background: #efefef; text-align: center; padding: 0.5rem 0;}
.application-infor li{ border-bottom: 1px solid #ddd; overflow: hidden;}
.application-infor li span{padding: 1rem 0;  float: left; width: 30%; text-align: right; padding-right: 8px;}
.application-infor li input{ float: left; border: 0; line-height: 49px; width: 70%;}
.application-infor li i{ float: left; font-style: normal; margin-left: 0; margin-top: 10px;}
.yam-btn{ line-height: 40px; margin-top: 5px; border-radius: 5px; float: right; background: #cb2527; color: #fff; width: 30%; float: left;}
.application-infor{ background: #fff; overflow: hidden;}
.re-con{ width: 90%; margin: 1rem 5%;}
.re-con p{ color: #8a8a8a; font-size: 1.4rem; line-height: 25px;}
.recom-ewm{ text-align: center;}
.recom-ewm img{ width: 150px; margin: 0 auto;}
.recom-yq{ margin: 1.5rem 0; overflow: hidden; padding-bottom: 20px;}
.recom-yq li{ line-height: 40px; float:left; width: 50%; text-align: center;}
.recom-yq li a{ color: #fff; background: #cb2527; border-radius: 5px; width: 80%; display: inline-block;}
.hotline span{ float: left; color: #545454;}
.j-change{ width: 94%; margin: 1rem 3%; background: #fff; overflow: hidden; border-radius: 5px;}
.j-change li{ float: left; text-align: center;  width: 50%; border-right: 1px solid #ddd; margin: 0.5rem 0;}
.j-change li:last-child{ border: 0;}
.j-change li a{ color: #494949;}
.j-change li span{ color: #cb2527;}
.j-box{width: 94%; padding-bottom: 1rem; margin: 1rem 3%; background: #fff; overflow: hidden; border-radius: 5px;}
.j-game{ width: 100%; height: 50px; border-bottom: 1px solid #ddd;}
.j-game li{ margin: 1rem 0; position: relative; float: left; width: 20%; text-align: center;  border-right: 1px solid #ddd;}
.j-game li a{ color: #323232;}
.j-game li:last-child{ border: 0;}
.j-game .current a{ color: #cb2527;}
.j-game .current .arrow {
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 1px;
    border-width: 10px;
    border-color:  #ddd  transparent transparent transparent;
    border-style: solid;
    position: absolute;
    left: 50%; margin-left: -10px;
    bottom: -32px;
}
.j-game .current .sing-arr {
   width: 0;
    height: 0;
    overflow: hidden;
    font-size: 1px;
    border-width: 10px;
    border-color:  #fff  transparent transparent transparent;
    border-style: solid;
    position: absolute;
    left: 50%; margin-left: -10px;
    bottom: -31px;

}
.j-search {
    font-size: 1.4rem;
    padding: 1rem;
    border-radius: 5px;
    border: 1px solid #ddd;
     width: 96%;
     margin: 1.5rem 2%;
}
.pro-list .iconfont{ color: #f4c600; margin: 0 0.5rem;}
.pro-list span{ color: #626262;}
.d-infor{ padding-left: 10%; border-bottom: 1px solid #ddd; padding-bottom: 1rem;}
.d-infor p{ overflow: hidden;}
.d-infor .text{ font-size: 2rem;}
.d-infor .text i{ color: #4ebf25; font-size: 3.5rem; float: left;}
.d-infor .text span{ float: left; margin-top: 1rem; margin-left: 1%;}
.d-infor .price{ color: #525252; margin-left: 35px;}
.order-state{ width:100%; padding: 1rem 0; overflow: hidden; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.order-state li{ float: left; width: 20%; text-align: center; position: relative;}
.order-state li p{ font-size: 1.6rem; line-height: 35px;}
.order-state span{ color: #fff; text-align: center; display: inline-block; background:#d0d0d0; height: 40px; width: 40px; border-radius: 50%;}
.order-state i{ font-size: 2.5rem;}
.order-state .current{ background: #cb2527;}
.order-state .line{ width: 20px; height: 1px; background: #ddd; position: absolute; right: -20%; top: -15px;}
.orderdetail-text{ overflow: hidden;}
.orderdetail-text li{ border-bottom: 1px solid #ddd; line-height: 40px; margin: 0.5rem 1rem; overflow: hidden;}
.orderdetail-text li i{ float: right;}
.men-infor{padding: 0 1rem; border-top: 1px solid #ddd; overflow: hidden;}
.men-infor-left{ float: left; width: 85%; }
.men-infor-right{ float:right; width: 15%; text-align: center;}
.men-infor-left h2{ font-weight: normal; font-size:1.8rem;}
.men-infor-left p{ font-size: 1.5rem; color: #8f8f8f;}
.men-infor-right a{ color: #cb2527; float: right;  display:block; border-left: 1px solid #ddd; padding: 0.5rem 0 0.5rem 1rem; margin-top: 1rem;}
.men-infor-right i{ font-size: 3rem; }
.order-info{ padding: 1rem; border-top: 1px solid #ddd;}
.release{ border-radius: 50%; font-size: 2rem; border: 1px solid #cb2527; width: 30px; line-height: 25px; height: 30px; display: block;}
.dontai{ overflow: hidden;}
.dontai li{ overflow: hidden; background: #fff; margin-bottom: 10px;}
.dt-top{ overflow: hidden; padding: 1rem 3% 1rem 3%; background: #fff;}
.dt-top-left{ float: left; width: 20%;}
.dt-top-left img{ border-radius: 50%;}
.dt-top-left a{ margin-top: 1rem; width: 60px; text-align: center; display:inline-block; border-radius: 3px; border:1px solid #DDD; font-size: 1.3rem; color: #494949;}
.dt-top-left a span{ color: #cb2527;}
.dt-top-right{ float: left; width: 75%; margin-left: 1%;}
.dt-top-right .name{ color: #7e8fa0; font-size: 1.8rem;}
.dt-top-right .content{ font-size: 1.4rem; color: #494949;}
.dt-top-right .time{ float: right;}
.dt-top-right .dz{ font-size: 1.5rem; margin-top: 1rem;}
.dt-bot{ border-top: 1px solid #ddd; overflow: hidden; border-bottom: 1px solid #ddd; margin:10px 0 0 0;}
.dt-bot li{ margin-bottom: 0; float: left; text-align: center;  width: 33.33%; border-right: 1px solid #ddd; padding: 0.5rem 0;}
.dt-bot li:last-child{ border-right: 0;}
.dt-bot li a{ color: #494949;}
.dt-bot li i{ font-size: 16px;}
.releasecon{ background: #fff; text-indent: 24px; height: 150px; width: 100%; border: 0; margin-top: 10px;}
.release-action span{ float: left; }
.release-action input{ float: left; border: 0; }
.release-action { background: #fff; margin-top: 10px;}
.release-action li{ overflow: hidden; margin: 0 5%; padding: 1rem 0; border-bottom: 1px solid #ddd;}
.release-action li:last-child{ border-bottom: 0;}
.m-attention{ float: right; text-align: right;}
.m-attention a{width: 60px;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #DDD;
    font-size: 1.3rem;
    color: #494949;}
.m-attention  p{ font-size: 1.2rem; color: #494949; margin-top: 0.5rem;}
.m-content{ background: #fff;  text-indent: 24px; border-top: 1px solid #ddd; padding:0.5rem 1rem; font-size: 1.4rem; color: #494949; }
.release-action i{ color: #cb2527;}
.release-action i b{ font-weight: normal; font-size: 1.2rem; color: #737373;}
.mess-pic{ background: #fff; overflow: hidden; padding: 1rem; border-bottom: 1px solid #ddd;}
.mess-pic li{float: left; margin-bottom: 0; padding-right: 0.8rem; color: #949494;}
.mess-pic li img{ margin-top: 5px; width: 40px; height: 40px; text-align: center; border-radius: 50%; }
.mess-pic li p{ margin-top: 13px;}
.mess-hui{ padding: 1rem; background: #fff;}
.mess-hui li{ margin-bottom: 0;}
.mess-hui li em{ font-style: normal; color: #7e8fa0;}
.active-fixed{ position: fixed; bottom: 0; background: #cb2527; width: 100%; line-height: 49px; text-align: center; color: #fff;}
.active-fixed a{ color: #fff; display: block;}
.contact{ overflow: hidden;}
.contact li{ padding: 1rem 0; margin:0 1rem; border-bottom: 1px solid #ddd; overflow: hidden;}
.contact li img{ width: 45px; height: 45px; border-radius: 50%; float: left;}
.contact li span{ float: left; margin-left: 2%;}
.contact .name{ font-size: 1.6rem; color: #464646;}
.contact .tele{ font-size: 1.4rem; color: #797979;}

.share{ width: 100%;}
.share h2{ text-align: center; font-weight: normal; line-height: 60px;}
.share-style{ width: 90%; margin: 0 auto; overflow: hidden; padding: 1rem 0;}
.share-style li{ float: left; width: 33.33%; text-align: center;margin-bottom: 15px;}
.share-style li a{ color: #464646; }
.share .popup-close{ line-height: 50px; background: #fff; text-align: center; color: #464646;}
.dt-top-right .content a{ color: #787878;}


/*搜索*/
.kl {

    height:30px; margin-top:10px; margin-left:0px;
    margin-right: 0px;

    width:50%;
}
.pl { background:#FFF;
    border: none;
    color: #9d9d9d;
    float: left;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    outline: none;
    padding-left: 5px;
    width:80%;
}
.flp { background: #e66700;border: none;
    cursor: pointer;
    display: block;
    float: left; color:#FFF;
    height: 30px;
    line-height: 30px;
    outline: none;
    width:20%;
}



.f1{ background:#f25f55; padding-left:5px; padding-right:5px;height:35px; line-height:35px; text-align:center; color:#FFF; font-size:25px}



/*产品展示*/
.mask{ background:#000; font-size:14px;width:100%;height:155px;overflow:hidden; position:relative}
.rightPic{ width:100%;height:100%; position:absolute;top:0;left:0}
.rightPic li{ float:left; margin-top:10px; margin-left:2.6%; width:30%; list-style-type:none;}
.rightPic img{ border:solid #d6d6d6 1px; width:100%; height:100%;}
.rightPic p{text-align:center; line-height:26px; font-size:1em;}
.hqeme {
    color: #b5b5bd;
    font-weight: bold;
    text-decoration: line-through;
}



.denglu{float:right; color:#FFF; text-align:right; height:30px; line-height:30px; padding-top:10px; font-size:14px; margin-left:10px;}
.denglu a{ color:#FFF}


/*about*/

/*品牌分类*/
.ot-menu{ background: #fff ; }
.ot-menu ul li{ text-align: center; border-bottom: 1px solid #c8c8c8; }
.ot-menu ul li a{ color:#333;font-size:12px;line-height: 52px;  }
.ot-menu ul li.active { color:#fff; background: #000;border-bottom: none; margin: 0;}
.ot-menu ul li.active a{ color:#fff; background: #000;border-bottom: none; margin: 0;}
.ot-maininfo{  float: left; background: #000; overflow-y:auto}
.menutype{  padding: 8px 3px; background:#000}
.menutype a{ width: 40%; float: left; padding: 10px 10px;}
/*.menutype a img{ max-width: 100%}*/
/* shop */
.Menu_box{  clear:both;  width:100%;  }
#left_Menu {  position: fixed;  z-index: 1;  top: 58px;  bottom: 0px;  left: 0;  width:25%;  overflow: hidden;  background: #fff; border-right:#252525 2px solid }
#right_Menu {  position: fixed;  z-index: 1;  top: 58px;  bottom: 0px;  left:25%;  width:75%;  background:#0000;  overflow-y: scroll;  }
#right_Menu  #scroller2,#left_Menu  #scroller {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

/*tui*/
.tui{ font-size:16px; height:40px; line-height:40px; padding-left:10px; background:#f8f8f8}
.xianxian{ margin-top:10px;

    padding-left: 5px;
}
.tui_o{ margin-top:20px;font-size:12px; height:40px; line-height:40px; padding-left:10px; background:#f8f8f8}
.tui_p{font-size:12px; height:40px; line-height:40px; padding-left:10px; border-bottom:#CCC solid 1px;}
.inp { width:50%;
    border: 1px solid #C8C8C8;
    line-height:33px;
    height: 33px;
    margin-right: 3px;
    padding:5px 5px 5px 5px ;
    font-size: 14px;
}

.btns {
    padding: 6px 10px 6px 10px;

    display: block;
    background:#f57e08; border:#f47602 solid 1px;

    color: #fff;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    margin: 0;
}
.red {
    color: #ff0000;
}

/*选项卡*/
/*Transition*/
.ui-viewport-transitioning .ui-panel {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ui-viewport-transitioning .ui-loading {
    -webkit-animation-name: none;
}
.in {
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 350ms;
}
.out {
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 225ms;
}

/* keyframes for slidein from sides */
@-webkit-keyframes slideinfromright {
    from { -webkit-transform: translateX(100%); }
    to { -webkit-transform: translateX(0); }
}

@-webkit-keyframes slideinfromleft {
    from { -webkit-transform: translateX(-100%); }
    to { -webkit-transform: translateX(0); }
}
/* keyframes for slideout to sides */
@-webkit-keyframes slideouttoleft {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(-100%); }
}

@-webkit-keyframes slideouttoright {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(100%); }
}
.slide.out, .slide.in {
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 350ms;
}
.slide.out {
    -webkit-animation-name: slideouttoleft;
    -webkit-transform: translateX(-100%);
}

.slide.in {
    -webkit-animation-name: slideinfromright;
    -webkit-transform: translateX(0);
}

.slide.out.reverse {
    -webkit-animation-name: slideouttoright;
    -webkit-transform: translateX(100%);
}

.slide.in.reverse {
    -webkit-animation-name: slideinfromleft;
    -webkit-transform: translateX(0);
}
.ui-tabs {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.ui-tabs-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 11;
    position: relative;
}
.ui-tabs-content {
    position: relative;
    min-height: 100px;
    width: 100%;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    -webkit-transition: height 200ms ease-in-out;
}
.ui-tabs-content .ui-tabs-panel {
    display: none;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    min-height: 100px;
}
.ui-tabs-panel {
    -webkit-transform: translateZ(0);
}
.ui-tabs-content .ui-tabs-panel.ui-state-active, .ui-viewport-transitioning .ui-tabs-panel.out {
    display: block;
    z-index: 1;
}
.ui-tabs-content .ui-tabs-panel.ui-state-active {
    z-index: 2;
}
.ui-tabs-nav {
    display: -webkit-box;
    width: 100%;
}
.ui-tabs-nav li {
    border: solid #d4d4d4;
    border-width: 1px 0 1px 1px;
    -webkit-box-flex:1;
    text-align: center;
    color: #4a4a4a;
    font-size: 14px;
    background-color: #f4f4f4;
    height: 35px;
    line-height: 35px;
    white-space:nowrap;
    cursor: pointer;
}
.ui-tabs-nav li a {
    text-decoration: none;
    color: #4a4a4a;
}
.ui-tabs-nav li:last-child {
    border-width: 1px;
}
.ui-tabs-nav li.ui-state-active{
    background-color: #fff;
    border-bottom-color:#fff;
}
.ui-tabs-content {

    border-width: 0 1px 1px;
}
.ui-tabs-content .ui-tabs-panel {

}
.ui-tabs-panel .ui-loading {
    position: absolute;
    left: 50%;
    top: 50px;
    margin-top: -20px;
    margin-left: -20px;
}
.ui-tabs-panel .ui-load-error {
    color: red;
    text-align: center;
}

/*注册*/
.zhuce{padding:5px;}
.zhuce span{  font-size:14px; color:#F00}
.zhuce p{ width:90%; margin:auto; margin-bottom:10px; }
.login-name1{width:100%; font-size: 1.4rem; padding: 1rem;border-radius: 5px; border: 1px solid #ddd;}
.c_red {
    color: #f26e66;
}
.list-car{
    height: 30px;
    text-align: center;
    position: absolute;
    right: 0px;
    bottom:0px;
    width: 170px;
   }
.list-car a{border-radius:8%; padding:5px; background:#C00; width:30%; line-height:30px; color:#FFF}
.sjxq{ width:100%; padding:5px; height:50px; line-height:40px; color:#333; border-bottom:#C00 solid 2px; font-weight:bold;}
.sjxqn{ line-height:25px; padding:10px; width:100%;border-bottom:#CCC solid 1px; padding-bottom:10px;}

.newzx{ background:#000; border-top:#eceaea solid 1px;font-size:13px; width:100%; padding:5px; height:30px; line-height:20px; border-bottom:#eceaea solid 1px;}
.newzxtxt{ float:left;color:#C00}
.newzxtxt a{ color:#fff}
.newzxn{ float:right; width:80%; }
.newzxn a{ color:#fff; width:130px; float: left;}


/*大厨*/
.dachu{ width:100%;  background:
#000; }
.dachu ul{width:100%; clear:both }
.dachu ul li{ width:47%; float:left; color:#FFF; font-size:13px; background:#2e2e2e; margin-top:5px; margin-bottom:5px; margin-left:8px;}
.dachu ul li a{ color:#FFF}
.dachu ul li img{ width:100%}
.day1{ background:#ee2b10}
.day2{ background:#167db1}
.day3{ background:#9007a4}
.day4{ background:#525503}
/*翻页*/
.pagination{ padding-top:10px; width:100%; margin:auto;

}

.pagination ul{text-align: center;
margin:0;
 /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}
.pagination li a{ color:#000}
.pagination a, .pagination a:visited{
padding:5px 10px 5px 10px;
border: 1px solid #ffa103;
text-decoration: none;
color:#0000;
}

.pagination a:hover, .pagination a:active{ color:#000}

.pagination li.currentpage{
font-weight: bold;
padding:5px 10px 5px 10px;
border:#ffa103 1px solid ;
background-color: #ffa103;
color:#fff;
}

.pagination li.disablepage{
padding: 5px 10px 5px 10px;

color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

.tit{ color:#FFF}
.tit1{ color:#666; font-size:12px}

.qbtk{color:#FFF; font-size:12px; background:#191919; }
.qbtk img{ width:100% }
. gouw uche { text-align:center;
    border-radius:5%;
    padding:0px;
    background: #C00;
    width: 30%;
    line-height:23px;
    color: #FFF; height:23px; padding:0px; margin:0px
}
.abouttxt{ color:#FFF ; font-size:
12px;line-height:25px; width:100%; background:#000; padding:5px;}
.abouttxt img{ width:100%}
.dingdanbt{ font-size:14px; padding-left:5px; padding-right:5px; height:40px; color:#FFF; background:#2c2c2c}
.dingdanbt a{ padding:3px 8px 3px 8px; color:#FFF ; background:#F00
 }
.ddan a{padding:3px 8px 3px 8px; color:#FFF ; background:#F00; font-size:14px;}
.miaobian{ width:100%; color:#FFF}
.miaobian td{ border:#E0E0E0 1px solid;border-left:0px;border-bottom:0px; text-indent:5px;  color:#FFF ;font-size:12px; line-height:25px}
.xdinput{ color:#000  }




<!--弹窗-->

.tanchuang{ color:#FFF; width:100%; background:#333333; margin:auto; padding:5px;}
.tanchuang a {text-decoration:none;
    text-align: center;
    border-radius: 8%;
    padding: 4px;
    background: #C00;
    width:40%;
    line-height: 23px;
    color: #FFF;
}
.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
}
.cd-popup-trigger {
  display: block;

}


.cd-popup { z-index:9999;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
  position: relative;
  width:100%;
  max-width: 400px;
  margin:0.5em auto;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 8em auto;
  }
}

<!--弹窗结束-->
/*头部*/
.xlo{ width:50%; text-align:center; height:48px; float:left}
.csqh{ width:25%; height:49px; float:left; color:#333; font-size:12px;}