﻿/* CSS Document */

/*首页Banner幻灯片*/
.banner_bg{ width:100%; height:auto; overflow:hidden;}
.banner_bg .b{ width:100%; height:auto;}
.banner_bg .b img{ width:100%;}

/*首页功能菜单按钮*/
.function_menu{ width:100%; height:auto; margin-top:0.5em; overflow:hidden;}
.function_menu .k{ width:25%; height:7em; background-color:#FFFFFF; margin-left:0.0%; margin-right:0.0%; margin-bottom:0px; float:left;}
.function_menu .k .icon{ width:100%; height:4em; text-align:center;}
.function_menu .k .icon img{ height:3em; margin-top:0.8em;}
.function_menu .k .text{ width:100%; height:2em; font-size:1em; text-align:center; line-height:2em;}

/*商城公告上下滚动*/
.notice{ width:100%; height:3em; background-color:#FFFFFF; margin-top:0.5em; overflow:hidden;}
.notice .l{ width:21%; height:3em; border-right:1px solid #F2F2F2; font-size:1em; text-align:left; line-height:3em; margin-left:3%; color:#333333; float:left;}
.notice .r{ width:71%; height:3em; font-size:0.8em; text-align:left; line-height:3.8em; color:#999999; margin-right:3%; float:right;}

/*商品特卖*/
.sale{ width:100%; height:auto; background-color:#FFFFFF; margin-top:0.5em; overflow:hidden;}
.sale .title{ width:100%; height:auto; font-size:1.2em; text-align:center; line-height:140%; color:#333333; margin-top:0em;line-height:1.0em;padding-top:0.5em;padding-bottom:0.5em;}
.sale .title .crude {font-weight:300;}
.sale .title  span.text08em {font-size:0.6em;ftont-weight:300;}
.sale .position{ width:100%; height:auto; margin-top:0em;}
.sale .position .p{ width:50%; height:auto; overflow:hidden; float:left;}
.sale .position .p img{ width:100%;}

/*楼层商品展示*/
.floor{ width:100%; height:auto; overflow:hidden;}
/*标题*/
.floor .title{ width:100%; height:3em; background-color:white; border-bottom:0px solid #21a5e9; margin-top:1%;}
.floor .title .l{ width:47%; height:3em; padding-left:3%; float:left;}
/*.floor .title .l .icon{ width:auto; height:3em; text-align:left; float:left;}
.floor .title .l .icon img{ height:1.4em; margin-top:0.8em;}*/
.floor .title .l .text{ width:auto; height:3em; font-size:1em; text-align:left; font-weight:600; line-height:3em; color:#3c3c3c; /*margin-left:6px;*/ float:left;}
.floor .title .r{ width:38%; height:3em; /*font-size:0.8em;*/ text-align:right; line-height:3em; float:left;}
.floor .title .r a{ color:#8d8c8c;}
.floor .title .m{ width:12%; height:3em; text-align:center; line-height: 3em; float:right;}
.floor .title .m img{ height:1em; }
/*商品、商家列表*/
.floor .comm{ width:100%; height:auto;}
.floor .comm .l{ position:relative; z-index:0; width:49%; height:auto; background-color:#FFFFFF; padding-top:0.5em; padding-bottom:0.5em; margin-top:1%; overflow:hidden;margin-left: 0.5%;margin-right: 0.5%;display:inline-block;}
.floor .comm .l .p{ width:90%; height:auto; margin-left:5%; margin-right:5%;}
.floor .comm .l .p img{ width:100%;}
.floor .comm .l .t{ width:90%; height:3em; margin-left:5%; margin-right:5%; padding-top:0.5em; overflow:hidden;}
.floor .comm .l .t .t0{ font-size:1em;text-align:left;line-height:140%;color:#333333;}
.floor .comm .l .t .t1{ display:none;}
.floor .comm .l .n{ width:90%; height:2em; font-size:1em; text-align:left;line-height:2em;color:#BF3000; padding-left:5%; padding-right:5%;}
.floor .comm .l .x{ width:90%; height:2em; font-size:0.8em; text-align:left;line-height:2em;color:#999999; padding-left:5%; padding-right:5%;}/*商家宝贝数量信息，商品不需要*/
.floor .comm .l .g{ position:absolute; z-index:1; left:5%; top:0.5em; right:5%; width:90%; height:2em;}/*商品标签*/
/* .floor .comm .l .g .k{ width:1.2em; height:3em; font-size:0.6em; text-align:center;line-height:2em;color:#FFFFFF; float:left;border-radius:0 0 1.2em 1.2em;-moz-border-radius:0 0 1.2em 1.2em;-webkit-border-radius:0 0 1.2em 1.2em;opacity:0.85;-moz-opacity:0.85;-webkit-opacity:0.85;margin-right: 1px}
 */


.floor .comm .l .g .k {
    width: 1.2em;
    font-size: 0.6em;
    text-align: center;
    line-height: 1.2em;
    color: #FFFFFF;
    float: left;
    border-radius: 0 0 1.2em 1.2em;
    -moz-border-radius: 0 0 1.2em 1.2em;
    -webkit-border-radius: 0 0 1.2em 1.2em;
    opacity: 0.85;
    -moz-opacity: 0.85;
    -webkit-opacity: 0.85;
    margin-right: 1px;
}


.floor .comm .l .g .z{padding:0 0.5em;height:2em; font-size:0.6em; text-align:center;line-height:2em;color:#FFFFFF; float:left;border-radius:0 0 0.5em 0;-moz-border-radius:0 0 0.5em 0;-webkit-border-radius:0 0 0.5em 0;}
.floor .comm .l .g .z img{ height:1em;}
.floor .comm .l .y{ position:absolute; z-index:1; left:5%; bottom:6em; right:5%;}
.floor .comm .l .y .yj{ background:url(../img/00bantoumbg_cdr0.png) repeat left; font-size:0.6em; text-align:center;line-height:2em;color:#FFFFFF; padding-left:0.5em; padding-right:0.5em;}
/*商品横向一列排列方式*/
.floor .homm{ width:100%; height:auto; margin-top:0.25em; display:none;}
.floor .homm .l{ position:relative; z-index:0; width:100%; height:7em; background-color:#FFFFFF; padding-top:0.7em; padding-bottom:0.7em; margin-top:0.25em; overflow:hidden;}
.floor .homm .l .p{ width:34%; height:7em; margin-left:3%; margin-right:3%; overflow:hidden; float:left;}
.floor .homm .l .p img{ width:100%;}
.floor .homm .l .t{ width:60%; height:7em; float:left;}
.floor .homm .l .t .t0{ width:100%; height:5em; text-align:left;line-height:140%;color:#333333;}
.floor .homm .l .t .t1{ width:100%; height:2em; text-align:left;line-height:2em;color:#999999;}
.floor .homm .l .n{ display:none;}
.floor .homm .l .g{ position:absolute; z-index:1; left:3%; top:0.7em; width:34%; height:2em;}/*商品标签*/
.floor .homm .l .g .k{ width:3em; height:2em; font-size:0.6em; text-align:center;line-height:2em;color:#FFFFFF; float:left;border-radius:0 0 0.5em 0.5em;-moz-border-radius:0 0 0.5em 0.5em;-webkit-border-radius:0 0 0.5em 0.5em;opacity:0.85;-moz-opacity:0.85;-webkit-opacity:0.85;}
.floor .homm .l .g .z{ display:none;}
.floor .homm .l .y{ position:absolute; z-index:1; left:3%; bottom:0.7em; width:34%;}
.floor .homm .l .y .yj{ background:url(../img/00bantoumbg_cdr0.png) repeat left; font-size:0.6em; text-align:center;line-height:2em;color:#FFFFFF; padding-left:0.5em; padding-right:0.5em;}

/*筛选*/
.floor .screen{ width:100%; height:3em; overflow:hidden;}
.floor .screen .l{ width:49.95%; height:3em; background-color:#FFFFFF; float:left;}
.floor .screen .l .p{ width:50%; height:3em; font-size:1em; text-align:left;line-height:3em;color:#333333; float:left;}
.floor .screen .l .p img{ height:1.2em;}
.floor .screen .r{ width:49.95%; height:3em; background-color:#FFFFFF; float:right;}
.floor .screen .r .i{ width:70%; height:3em; background-color:#FFFFFF; padding-left:5%; padding-right:5%; float:left;}
.floor .screen .r .i input{ width:100%; height:3em; border:0; background-color:#FFFFFF; font-size:1em; text-align:left;line-height:3em;color:#999999;}
.floor .screen .r .t{ width:20%; height:3em; text-align:center; float:right;}
.floor .screen .r .t img{ height:1.4em; margin-top:0.8em;}

/*楼层选择漂浮按钮*/
.floorchoice{ position:fixed; z-index:99; right:0.5em; top:50%; width:3em; height:auto; margin:0px; padding:0px; overflow:hidden;}
.floorchoice .b{ width:2.4em; height:2.4em; background-color:#FFFFFF; border:1px solid #f2f2f2; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; font-size:1em; text-align:center;line-height:2.4em;color:#21a5e9; margin-left:auto; margin-right:auto;}
.floorchoice .b img{ height:1.4em;}
.floorchoice .b.over{ background-color:#21a5e9; border:1px solid #21a5e9;color:#FFFFFF;}

.shop_list {clear:both;overflow:hidden;background:white;}
.shop_list .b {display:block;clear:both;overflow:hidden;width:100%;border-bottom:1px solid #f2f2f2;padding-bottom:3%;padding-top:3%;}
.shop_list .b .t {clear:both;height:2.5em;line-height:2.5em;color:#333333;padding:0 3%;overflow:hidden;border-bottom:1px solid #f2f2f2;margin-bottom:3%;display:block;}
	.shop_list .b .t font {display:inline-block;height:2.5em;float:left;width:90%;overflow:hidden;}
	.shop_list .b .t span {display:inline-block;height:2.5em;float:right;width:10%;text-align:right;overflow:hidden;}
	.shop_list .b .t span i {font-style:normal;}
	.shop_list .b .t span img {height:0.8em;opacity:0.6;-moz-opacity:0.6;-webkit-opacity:0.6;margin-left:0.2em;}
.shop_list .b .p {float:left;width:30%;overflow:hidden;margin:0;padding:0; position:relative;text-align:left;vertical-align:top;margin-left:3%;height:4.8em;margin-top:0.3em;}
.shop_list .b .p a {display:inline-block;}
.shop_list .b .p img {width: 100%; overflow:hidden; position:relative;z-index:1;}
.shop_list .b .p .g { position:absolute;bottom:0;left:0;color:white;z-index:2;font-size:0.6em;padding:0.3em 0.5em 0.3em 0;border-radius:0 0.6em 0 0;-moz-border-radius:0 0.6em 0 0;-webkit-border-radius:0 0.6em 0 0;}
.shop_list .b .p .g span {float:left;overflow:hidden;margin-left:0.5em;}
.shop_list .b .p .g .z {font-size:0.9em;}
.shop_list .b .p .g .znum {font-weight:bold;text-align:center;}
.shop_list .b .rtxt {float:right;width:61%;margin-right:3%;margin-left:3%;}
.shop_list .b .rtxt .txt {margin-bottom:0.8em;height:1.3em;overflow:hidden;}
.shop_list .b .rtxt .x {clear:both;overflow:hidden;font-size:0.7em;color:#333333;height:1.5em;}
.shop_list .b .rtxt .x font {color:#666666;}
.shop_list .b .rtxt .button {clear:both;overflow:hidden;font-size:0.8em;padding-top:0.3em;}
.shop_list .b .rtxt .button a {margin-left:2.85em; vertical-align:middle;line-height: normal;border-radius:1.5em;-moz-border-radius:1.5em;-webkit-border-radius:1.5em;padding-top:0.4em;}
.shop_list .b .rtxt .button a font {display:inline-block;margin-top:0em;}
.shop_list .b .rtxt .button a img {height:1.0em;margin-right:0.4em;}