@charset "utf-8";
/* CSS Document */
*:focus {outline:none !important;}
*{ padding:0; margin:0;}
body, p, input, h1, h2, h3, h4, ul, li, dl, dt, dd, form { list-style: none outside none; margin: 0; padding: 0; vertical-align: middle; }
body { color: #4d4d4d; font-family:"微软雅黑", Helvetica; font-size: 12px!important; font: 12px/1.5 'XinGothic-SinaWeibo','Microsoft Yahei','helvetica','arial';  min-width: 320px }
input{ font-family:"微软雅黑";}
a,button,input {
    outline: 0 none;
    text-decoration: none
}
header, hgroup, menu, nav, section, menu, footer, article { display: block; margin: 0; padding: 0; }
img{ border:none; display:inline-block;}
ul,ol,li{ list-style:none outside none; }
a{ text-decoration:none; border:none;color:#4d4d4d;}
.img{ width:100%;display: block;}
.fl{float: left;}
.fr{float: right;}
i,em{ vertical-align:middle;font-style: normal;}
h1,h2,h3,h4,h5,h6{ font-weight:100; display:inline-block;}
.clear {
    zoom: 1; }

.clear:after {
    display: block;
    height: 0;
    content: "";
    clear: both; }
html{-webkit-text-size-adjust: 100%;}
.wrapper {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    background-color:#f8f8f8;
    position: relative;
}
/*头部样式*/
.header{background-color: #80272b;position: fixed;overflow: hidden;padding-top: 10px;padding-bottom: 10px;text-align: center;top:0;width: 100%;max-width: 640px;z-index:9999;}
.header .icon_back{display: inline-block;width:15px;height:26px;background: url("icon_back.png") center no-repeat;margin-top:-4px;margin-right: 5px;}
.header .logo,.header .back{margin-left: 3%;}
.header span.title{margin-right: 10%;}
.header .back,.header span.title{font-size: 18px;color:#ffffff;}
.header .search_from{width:53%;height:40px;background-color: #ffffff;overflow: hidden;border-radius: 5px;-o-border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;margin-left:10%;margin-top: 2px;}
.search_from .search_box{width:79%;height:100%;padding-left:2%;}
.search_from .search_box input{background: none;border: none;width:100%;height:100%;font-size:12px;}
.search_from i.icon_search{width:25px;height:25px;background: url("search.png") center no-repeat;display: block;margin-top:10px;margin-right: 2%;}
.header .slide_ico{width:32px;height:20px;display: block;float: right;position: absolute;right:3%;top:36%;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    z-index:99;
    cursor: pointer;
}
.slide_ico a{
    background-color: #fff;
    display: block;
    height: 2px;
    margin-top: -2px;
    position: relative;
    top: 50%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
}
.slide_ico a:before,.slide_ico a:after{
    background-color: #fff;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
}
.slide_ico a:before{top:-10px;}
.slide_ico a:after{top:10px;}
.slide_ico.sel{transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);}
.slide_ico.sel a{background-color: transparent !important;}
.slide_ico.sel a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    top:0;
}
.slide_ico.sel a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    top:0;
}
.slide_ico.sel {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}
.slideNav{
    position: fixed;
    max-width: 640px;
    width: 100%;
    z-index: 99999;
}
.slideNav:after{
    display: block;
    content: "";
    clear: both;
}
.slideMenu{position:absolute;z-index: 9999;right:3%;display: none;background-color:rgba(128,39,13,0.8);}
.slideMenu ul li{width:150px;line-height: 35px;}
.slideMenu > ul > li{border-bottom:1px solid #e2e2e2;font-size: 14px;}
.slideMenu > ul > li > a{background: url("jian.png") 130px no-repeat;}
.slideMenu ul li a{display: block;color:#fff;padding-left:10px;}
.slideMenu ul li ul li{font-size: 14px;}
.sel{transform:translateY(0px) rotate(180deg);
    -webkit-transform:translateY(0px) rotate(180deg);
    -ms-transform:translateY(0px) rotate(180deg);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
}
/*banner*/
.slideBox{position: relative;margin-top:63px;}
.slideBox .swipe {overflow: hidden;position: relative;}
.slideBox .swipe-wrap > figure {
    display: block;
    float: left;
    position: relative;
}
.slideBox .swipe-wrap > figure .wrap {
    max-width: 640px;
    height: auto;
    display: block;
    position: relative;
}
.slideBox .swipe-wrap > figure .wrap img {
    max-width: 640px;
    width:100%;
    display: block;
    height: auto;
}
.slideBox > nav{
    position: absolute;
    bottom:10px;
    left:50%;
    margin-left:-25px;
}
.slideBox > nav ul li{
    width:10px;height:10px;
    background-color: #ffffff;
    float: left;
    margin-right:10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius:50%;
    -moz-border-radius: 50%;
    -ms-border-radius:50%;
}
.slideBox > nav ul li.on{
    background-color: #80272b;
    width:10px;height:10px;
}
/*排序*/
.choice{background-color: #ffffff;font-size: 16px;position: relative;}
.choice .sort{float: left;width:33.1%;text-align: center;display: block;}
.choice .sort img{margin-left:5px;}
.choice .sort > span{display: block;border-right: 1px solid #e0e0e0;padding:10px 0;border-bottom: 1px solid #e0e0e0;}
.choice .sort.zong{position: relative;}
.up_down{background-color: #80272b;text-align: center;font-size: 12px;position: absolute;width:100%;top:45px;display: none;z-index:99;}
.up_down ul li{padding:5px 0;color:#ffffff;}
.choice .color_size{font-size: 12px;background-color: #ffffff;position: absolute;width:100%;top:45px;display: none;z-index:99;padding:10px;}
.color_size span.title{font-weight: bold;font-size: 14px;}
.color_chioce .color_on,.size_chioce .size_on{margin-left: 10px;float: left;}
.product > .title{background-color: #ffffff;font-size: 14px;margin-top:10px;padding:3%;}
.product > .title span{border-bottom: 2px solid #80272b;}
.pro_container{
    position: relative;
}
.pro_container .hd{position: absolute;right: 3%;margin-top:-31px;}
.pro_container .hd li{float: left;border:1px solid #e3e3e3;margin-left:6px;padding:1px 5px;font-size: 12px;
    border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius:10px;-moz-border-radius: 10px;
}
.pro_container .hd li.on{border: 1px solid #80272b;}
.pro_container .bd li{float: left;width:44%;margin:2% 3% 0;overflow: hidden;}
.pro_container .bd li img{width: 100%;display: block;}
.pro_container .bd .info{overflow: hidden;background-color: #ffffff;padding:0 5px;}
.pro_container .bd .info span.title,.product_list .info span.title{font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
.pro_container .bd .info em.price,.product_list .info em.price{font-size: 18px;font-weight: bold;color:#80272b; float: left;}
.footer{overflow: hidden;margin:20px auto 0;background-color: #ffffff;position: fixed;bottom: 0;left:0;right:0;max-width: 640px;width:100%;}
.footer .foot_menu{float: left;display: block;width:33.3%;text-align: center;border-top: 1px solid #e0e0e0;padding:5px 0;}
.footer .foot_menu i{display: inline-block;width:30px;height:30px;background: url("icon-1.png") 0 0 no-repeat;}
.footer .foot_menu span{display: block;}
.footer .xiaoxi i{background-position: -55px 0px;}
.footer .car i{background-position: -111px 0px;}
.footer .us i{background-position: -166px 0px;}


/*内页*/
.product_main{overflow: hidden;margin-top:5px;background-color: #ffffff;border-top:1px solid #f4f4f4;}
.category-left{background-color:#f2f2f2;width:20%;box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;}
.category-left .whole{font-size: 14px;padding:10px 0;display: block;background-color: #ffffff;text-align: center;font-weight:bold;}
.category-left .child ul li{line-height: 25px;text-align: center;font-size: 12px;}
.category-left .child ul li a{display: block;border-bottom: 1px solid #e0e0e0;}
.category-left .child ul li a.on{border-left:3px solid #80272b;background-color: #f8f8f8;}
.category-right{width:80%;}
.category-right .parent_column{padding:10px 0;display: block;margin-left:10px;font-size: 14px;color:#80272b;}
.category-right .product_list{overflow: hidden;}
.product_list ul li{float: left;width:45%;margin-left: 3%;margin-bottom: 3%;}
.product_list ul li img{width:100%;}
.product_list .info span.title{font-size: 12px;}
.product_list .info em.price{font-size: 14px;}
.pageClass {
    text-align: center;
    font-size: 13px;
    padding-top: 20px;
    clear: both;
    margin-bottom: 20px;
}
.pageClass span,.pageClass .next span{
    border: 1px solid #dddddd;
    padding: 0px 6px;
    display: inline-block;
    color: #333333;
}

.pageClass strong span {
    background-color: #80272b;
    color: #fff;
}
.pro_info .pra{padding:0 3%;border-bottom: 1px solid #e7e7e7;overflow: hidden;background-color: #ffffff;}
.pro_info .pra .title_share{padding:5px 0;overflow: hidden;}
.pro_info .pra .title{font-size: 16px;width:90%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro_info .pra .share{margin-top:5px;border-left:1px solid #d8d8d8;padding-left:10px;}
.pro_info .pra .price{font-size: 18px;color:#80272b;font-weight: bold;}
.pra .express_address{text-align: center;margin-bottom: 10px;overflow: hidden;}
.pra .express_address span{font-size: 14px;color:#aeaeae;}
.pro_info .size_color,.pro_info .store,.pro_info .qb{padding:10px 3%;}
.pro_info .size_color p{font-size: 14px;}
.pro_info .store{font-size: 14px;border-top: 1px solid #e7e7e7;}
.pro_info .qb{clear: both;}
.pro_info .qb ul li{float: left;font-size: 12px;}
.pro_info .qb ul li:nth-child(2){margin-left:25%;}
.pro_info .qb img{margin-right:5px;float: left;}
.pro_info .qb span{margin-top: 5px;display: inline-block;}
.pda_slide{background-color: #ffffff;padding:0 3%;margin-top: 10px;}
.pda_slide .hd{overflow: hidden;padding:5px 0;}
.pda_slide .hd ul li{float: left;font-size: 14px;}
.pda_slide .hd ul li.on{border-bottom: 2px solid #80272b;color:#80272b;}
.pda_slide .bd{min-height: 300px;}
.pda_slide .bd .spxq_con img,.pda_slide .bd .spcs_con img{max-width: 100%;height:auto !important;}
.join{position: fixed;bottom: 0;left:0;right:0;max-width: 640px;width:100%;margin: auto;}
.join .order{width:50%;padding:5px 0;text-align: center;display: block;float: left;font-size: 16px;}
.join .buy{background-color: #efdfe0;color:#80272b;}
.join .trolley{background-color: #80272b;color:#ffffff;}
.xuanze{background-color: rgba(0,0,0,0.6);
    height: 500px;
    position: absolute;
    top: 63px;
    width: 100%;}
.xuanze .ggm{background-color: #ffffff;position: relative;top:30%;width:100%;height:76%;}
.ggm .ptp{margin:0 3%;}
.ggm .ptp .pic{width:30%;margin-top:-30px;}
.ggm .ptp .pic img{display: block;width:100%;border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius:10px;-moz-border-radius: 10px;box-shadow: 0px 3px 0px #c9c9c9;-webkit-box-shadow: 0px 3px 0px #c9c9c9;-o-box-shadow: 0px 3px 0px #c9c9c9;-moz-box-shadow: 0px 3px 0px #c9c9c9;}
.ggm .ptp .tp{margin-left:5px;width:60%;}
.ggm .ptp .tp .title{font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ggm .ptp .tp .price{color:#80272b;font-weight: bold;font-size: 18px;display: block;}
.ggm .ptp .close{width:24px;height:24px;display: block;background: url("close.png") center no-repeat;margin-top:5px;}
.add_address{border-bottom: 1px solid #e3e3e3;overflow: hidden;padding:3%;line-height: 200%;font-size: 14px;}
.add_address .icon_add{width:30px;height:30px;display: inline-block;background: url("icon_add.png") center no-repeat;background-size: 100%;margin-right: 10px;}
.add_address .icon_jian{width:12px;height:22px;background: url("add_jian.png") center no-repeat;display: inline-block;background-size: 80%;margin-top: 5px;}
.ptcp{overflow: hidden;padding:10% 3% 5%;background-color: #ffffff;border-bottom: 1px solid #e3e3e3;}
.ptcp .pic{width:25%;}
.ptcp .pic img{width: 100%;display: block;}
.ptcp .tcs{width:55%;margin-left:3%;}
.ptcp .tcs .title{font-size: 14px;}
.ptcp .tcs .cs,.pn .number{color:#a9a9a9;display: block;}
.ptcp .pn .price{display: block;}
.pn .number{text-align: right;margin-top: 25px;}
.peiway,.message,.hj,.youhui{padding:3%;background-color: #ffffff;border-bottom: 1px solid #e3e3e3;overflow: hidden;font-size: 14px;}
.message{height:100px;}
.hj{text-align: right;font-size: 16px;}
.hj .total{margin-left:15px;}
.youhui{font-size: 16px;color:#a9a9a9;}
.youhui .title{color:#4d4d4d;}
.youhui .total_price{color:#80272b;font-size: 20px;font-weight:bold;}
.pay{margin:10px 3% 0;display: block;padding:10px 0;text-align: center;border: 1px solid #e3e3e3;border-radius: 8px;-webkit-border-radius: 8px;-o-border-radius:8px;-moz-border-radius: 8px;background-color: #ffffff;font-size: 20px;}
.pay.alipay{margin-top:30px;}
.select{background-color: #07b504;color:#ffffff;border: 1px solid #07b504;}
/**********文章评*********论*/
/*文章评论的输入框和提交按钮*/
#txtname{ width:100px;height:25px;}
.pl_input{ width:100%;background-color:#f7f7f7;text-align:left;border:1px solid #ccc;margin-top:30px;}
.pl_input .f-l{ margin:0 3%; width:94%;padding:10px 0;}
.pl_input .f-l h3{ font-size:12px;font-weight: bold;}
.pl_input .pl_bor textarea{ margin-left:auto;margin-right:auto;display:block;width:94%;  margin-bottom:15px;background-color: #ffffff;}
.pl_input .pl_btn{border-bottom: medium none; border-left: medium none;width: 40px; background: url(../system/tijiao.gif) no-repeat; float: left; height: 21px; border-top: medium none; cursor: pointer; border-right: medium none}

/*文章评论主体显示内容*/
.pl_show {background:#fff;width:100%;}
.pl_show .mode-comment {border:1px solid #dadcdd; width:100%;}
/*文章评论的评论标题*/
.pl_show_title{border-top: 1px solid #dadcdd;border-left: 1px solid #dadcdd;border-right: 1px solid #dadcdd;width:100%;}
.pl_show_title .right {background-color:#f7f7f7;height:37px;line-height:37px;font-size:14px;	font-weight:bold; text-align:left;padding:0 3%;}
.pl_show_title span{float:right;font-size:12px;	font-weight:normal;	color:#949494;}
.pl_show_title b{color:#fe021a;}
/*文章评论的评论列表*/
.pl_show_list{margin:3%;line-height:25px;border-bottom:1px solid #e6e6e6;padding-bottom:10px; text-align:left;}
.pl_show_list .pl_show_head {overflow:hidden;zoom:1;}
.pl_show_list .pl_show_head .f-l{float:left;color:#80272b;font-size: 13px;}
.pl_show .mode-comment .pageClass{padding-top:30px;margin-bottom: 30px;}
.pl_show .mode-comment .pageClass span{padding:0 6px;}
.baidushare {
    max-width: 640px;
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 9999;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(0,0,0,0.5);
}
.sharelist {
    padding: 10px;
    animation: fadeInUp .5s .2s ease both;
    -o-animation: fadeInUp .5s .2s ease both;
    -moz-animation: fadeInUp .5s .2s ease both;
    -webkit-animation: fadeInUp .5s .2s ease both;
}
.sharelist img{max-width: 100%;height: auto;display: block;}
/*确认订单*/
.gwc{background-color: #FFFFFF;padding:0 3%;margin-top: 47px;}

/*登录注册*/
.resigent {
    width: 100%;
}
.re_title {
    width: 100%;
    height: 0.8rem;
    background: #80272b;
    text-align: center;
    line-height: 0.8rem;
    color: #fff;
    font-size: 0.28rem;
}
.refrom {
    padding: 0.2rem 0.3rem;
    background: #fefefe;
}
.login1 {
    height: 0.52rem;
    border: 1px solid #d8d8d8;
    padding-left: 0.59rem;
    background: url(login3.jpg) left center no-repeat;
    background-size: 0.53rem 0.52rem;
    margin-bottom: 0.15rem;
}
.login2 {
    background: url(login4.jpg) left center no-repeat;
    background-size: 0.53rem 0.52rem;
}
.refrom input {
    width: 100%;
    height: 0.52rem;
    line-height: 0.52rem;
    border: none;
    font-size: 0.18rem;
    color: #c2c2c2;
    background: #fefefe;
    outline: 0;
}
#form1 .agree {
    padding-bottom: 0.15rem;
}
#form1 .agree input {
    display: inline-block;
    width: 0.18rem;
    height: 0.18rem;
    float: left;
    margin-top: 0.08rem;
    margin-right: 5px;
}
#form1 .agree span {
    color: #80272b;
}
#form1 a.rbtn {
    width: 100%;
    text-align: center;
    display: block;
    background: #80272b;
    color: white;
    height: 0.54rem;
    line-height: 0.54rem;
    border-radius: 5px;
    font-size: 0.22rem;
}
#form1 a.reg {
    display: block;
    text-align: right;
    color: #80272b;
    padding-bottom: 0.2rem;
}

















@media screen and (max-width: 375px) {
    .header .search_from{
        height: 30px;
        width: 40%;
        margin-left: 8%;
        margin-top: 7px;
    }
    .search_from .search_box{
        width:70%;
    }
    .search_from i.icon_search{
        margin-top:4px;
        background-size: 70%;
    }
    .pro_info .qb ul li:nth-child(2){
        margin-left:2%;
    }
}