@charset "utf-8";
@import url("base.css?id=12345698");

.cate_list{ width:100%;}
.cate_list a{ display:block; float:left; width:20%; text-align:center; background-color:#fff; padding:10px; box-sizing:border-box; color:#666; font-size:12px;}
.cate_list a .img{ width:80%; margin:0 auto; margin-bottom:5px;}
.cate_list a .img:before{ content:""; display:block; padding-top:100%}
.cate_list a span{ display:block; height:25px; line-height:25px;}

.tuidata{ width:100%; clear:both; border-top:5px #f7f7f7 solid}
.tuidata .tui_item{ background-color:#fff; border-top:1px #f7f7f7 solid}
.tuidata .tui_item .tui_data1{ padding:10px; box-sizing:border-box; width:55%;border-right:1px #f7f7f7 solid}
.tuidata .tui_item .tui_data{ padding:10px; box-sizing:border-box;border-right:1px #f7f7f7 solid}
.tuidata .tui_item a{ display:block; width:100%; color:#333; height:100%;}
.tuidata .tui_item a em{ display:block; color:#999; font-size:12px;}
.tuidata .tui_item a .img{ width:100%; margin-bottom:5px;}
.tuidata .tui_item a .img:before{ content:""; display:block; padding-top:60%}
.tuidata .tui_item .tui_data1 a .img{ width:55%; float:right; margin-bottom:0px;}
.tuidata .tui_item .tui_data2 a .img{ width:40%; float:right; margin-bottom:0px;}
.tuidata .tui_item .tui_data2 a .img:before{ content:""; display:block; padding-top:100%}

.shop_tit{ display:block; height:45px; line-height:45px; padding:0 10px; background-color:#fff; margin-top:10px; color:#f60}

.sou_list{ padding:20px 30px; background-color:#fff; border-bottom:5px #f7f7f7 solid;}
.sou_list .sou_data{ width:100%; border:1px #eee solid; border-radius:40px; height:40px; line-height:40px; padding-left:15px; box-sizing:border-box;}
.sou_list .sou_data input{ display:block; margin-top:1px; border:0; font-size:14px}
.sou_list .sou_data a{ display:block; height:40px; line-height:40px; width:70px; background-color:#f60; color:#fff; text-align:center; border-radius:0  40px 40px 0; font-size:14px}



/**提示框样式*/
#dg-tip{position:fixed;z-index:9999; bottom:20%;left:20%; right:20%;-webkit-border-radius:5px;border-radius:5px;padding:10px 0;text-align:center;color:#fff;display:none;background:rgba(0, 0, 0, 0.8);box-shadow:0px 0px 5px rgba(0,0,0,0.5);line-height:22px}
/**加载框样式*/
#dg-loading{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%; background:rgba(0, 0, 0, 0.4);display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center}
#dg-loading .bd{width:100px;height:100px;margin:0 auto; margin-top:-60px;overflow:hidden;box-shadow:0px 0px 5px rgba(0,0,0,0.5);background:rgba(0, 0, 0, 0.7);color:#34cd62;-webkit-border-radius:10px;border-radius:10px;text-align:center}
#dg-loading .bd p{width:50px; margin:0 auto;display:block; overflow:hidden; padding-top:15px;}
#dg-loading .bd i{background-size:100% 100%;background-image:url(../image/c.png);border-radius:100px;display:block;width:50px; height:50px;-webkit-animation:nizhuan 2s linear infinite}/**/
#dg-loading .bd h4{padding-top:10px; font-size:14px; color:#ecf0f1; margin:0}
@-webkit-keyframes nizhuan{100%{-webkit-transform:rotate(360deg)}}

/**规格选择样式*/
#dg-confirm{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center}
#dg-confirm .dg_bottom{ width:100%; position:absolute;bottom:0px; margin:0 auto;background:#fff;}
#dg-confirm .dg_bottom .dg_box{padding:0;}
#dg-confirm .dg_bottom .btm{ position:absolute;top:5px; right:0px; width:35px; height:30px;text-align:center; line-height:30px; margin-top:-5px;}
#dg-confirm .dg_bottom .btm em{ font-size:32px;}
#dg-confirm .dg_bottom .btm a.graybtn{border-right:1px solid #fff}
#dg-confirm.pop_in .dg_bottom{-webkit-animation:bottom_in .5s}
#dg-confirm.pop_out .dg_bottom{-webkit-animation:bottom_out .3s;opacity:0;}
@-webkit-keyframes bottom_in{0%{-webkit-transform:translateY(300px);opacity:0;}100%{-webkit-transform:translateY(0);opacity:1;}}
@-webkit-keyframes bottom_out{0%{-webkit-transform:translateY(0px);opacity:1;}100%{-webkit-transform:translateY(200px);opacity:0;}}


/**地址选择样式*/
#dg-confirm .dg_html{ width:100%;height:100%; position:relative; margin:0 auto;overflow:hidden;background:#fff;}
#dg-confirm .dg_html .dg_box{padding:15px 15px}
#dg-confirm .dg_html .btm{position:absolute;top:8px; right:8px; width:30px; height:30px; text-align:center; line-height:30px;}
#dg-confirm .dg_html .btm em{font-size:36px; color:#F30;}
#dg-confirm .dg_html .btm a.graybtn{border-right:1px solid #fff}
#dg-confirm.pop_in .dg_html{-webkit-animation:pop_in .5s}
#dg-confirm.pop_out .dg_html{-webkit-animation:pop_out .3s;opacity:0}

/**确定框*/
#dg-confirm .dg_bodys{width:260px; padding:1px;margin:-60px auto 0;overflow:hidden;background:#fff;text-align:center;-webkit-border-radius:2px;border-radius:5px;box-shadow:0px 0px 8px rgba(0, 0, 0, 0.5)}
#dg-confirm .dg_bodys .dg_box{padding:15px 15px; font-size:14px;min-height:60px;}
#dg-confirm .dg_bodys .btm{display:-webkit-box; background-color:#fff; border-top:1px #eee solid}
#dg-confirm .dg_bodys .btn{display:-webkit-box; background-color:#fff;}
#dg-confirm .dg_bodys .btm a{padding:9px 6px;border-right:1px solid #eee;-webkit-border-radius:0;border-radius:0;-webkit-box-flex:1;display:block;color:#333;}
#dg-confirm .dg_bodys .btm a:last-child{border-right:0px solid #fff;}
#dg-confirm .dg_bodys .btm a.ok{background-color:#fff; }
#dg-confirm .dg_bodys .btm a.no{background-color:#fff;color:#333;}
#dg-confirm.pop_in .dg_bodys{-webkit-animation:pop_in .5s}
#dg-confirm.pop_out .dg_bodys{-webkit-animation:pop_out .3s;opacity:0}
@-webkit-keyframes pop_in{0%{-webkit-transform:scale(0.6);opacity:0}50%{-webkit-transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);opacity:1}}
@-webkit-keyframes pop_out{0%{-webkit-transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(0.6);opacity:0}}
/* =========================全局样式.结束========================= */


/*搜索条*/
.sobox{padding: 8px 10px; line-height: 28px;}
.sobox .item{background:rgba(255,255,255,0.6); border: 1px #eee solid; height: 30px; line-height: 30px; padding:0px 38px; border-radius:6px;}
.sobox .item input{ width:90%; line-height: 26px; height: 26px;}
.sobox .item .soicon{ position: absolute; top:12px;left: 18px;}
.sobox .item .sobnt{ position: absolute; top:10px; color: #555; right:10px; width: 50px; text-align: center;}
.sobox .item .sobnt:active{ color: #FF6C7C;}
.sobox .item .qinchu{ position: absolute; display: none; top:8px; color: #555; padding: 0px 6px; right:60px;}

.sopage{ position: fixed; display: none; z-index:20;}
.sopage .bg{background:rgba(0,0,0,0.6); width: 100%; height: 100%;position: fixed; z-index:21;}
.sopage .sopage-con{position:fixed; z-index:21; left: 0; right: 0; top: 0;  padding:15px; padding-top: 50px; overflow: hidden; background-color: #F4F4F4;}
.sopage .sopage-con h3{ clear: both; font-size: 14px;}
.sopage .sopage-con h3 span{ float: right; font-size: 12px; font-variant: inherit; color: #007AFF;}
.solist{padding: 10px 0px; overflow: hidden;}
.solist li{float:left; line-height:25px; margin-right: 8px;}
.solist li a{ display: block; padding:3px 10px; border:1px #aaa solid; border-radius: 5px;}


/*没有数据*/
.nodata{text-align:center;margin-top:135px;display:none;}
.nodata img{width:50%;}
.nodata p{color:#888;margin-top:40px; font-size:14px;}


.buy{width: 100%;background-color: #fff;}
.buy .buy_tit{width: 100%;height: 40px;position: relative; overflow:hidden;background-color: #F8F8F8;}
.buy .buy_tit img{ width:100%;}
.buy .buy_tit .tit_img{height: 40px;margin: 0 auto;display: block;}
.buy .buy_tit .buy_more{width: 59px;height: 40px;position: absolute;top: 0;right: 0;z-index: 1;}
.buy .buy_list{width: 100%;}
.buy .buy_list .item{width: 25%;margin-top: 8px;padding-bottom: 12px;}
.buy .buy_list .item a{display: block;}
.buy .buy_list .item .item_pic{width: 100%;}
.buy .buy_list .item .item_pic:before{display: block;content: "";padding-top: 100%;}
.buy .buy_list .item .item_str{margin: 3px auto;}
.buy .buy_list .item .item_str h3{font-size: 12px;line-height: 14px;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: 400;}
.buy .buy_list .item .item_str .jia{}
.buy .buy_list .item .item_str .jia em{font-size:12px;color: #E92324;}
.buy .buy_list .item .item_str .jia em.hei{color: #000;}
.buy .buy_list .item .item_str .jia del{font-size: 11px;color: #999999;}
.buy .buy_list .item .item_btn{width: 74.4%;height: 22px;line-height: 22px;text-align: center;background-color: #F2404C;color: #fff;font-size: 11px;border-radius: 3px;margin: 0 auto;}
.buy .buy_banner{width: 100%;}
.buy .buy_banner a{ line-height: 0px; display: block;}
.buy .buy_banner img{display: block;width: 100%;}

.buy .tit{ text-align: center; line-height: 40px; }