body,html{background:#f7f7f7;}
body a{cursor:pointer;}
.none{display:none}
.wrap{width:100%; margin:0 auto; clear:both; overflow:hidden;}

#shop_page_contents{width:100%;}
#cover_layer{width:100%; height:100%; top:0px; display:none; z-index:100000; background:#000; filter:alpha(opacity=20); opacity:0.2; -moz-opacity:0.2; position:fixed; overflow:hidden;}

#category{width:60%; background:#fff; position:absolute; z-index:100001; left:-100%; top:0; box-shadow:1px -1px 30px #000; border-right:1px solid #ccc;}
#category .close{position:absolute; right:7px; top:8px; width:18px; height:17px; background:url(../../../images/shop/default/bg.png) -229px -63px no-repeat;}
#category dl{/*height:100%;*/ height:100vh; overflow:auto;}
#category dl dt{height:36px; line-height:36px; overflow:hidden; text-indent:22px; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px dotted #ccc; background:url(../../../images/shop/default/bg.png) -297px -47px no-repeat;}
#category dl dt a{font-weight:bold; text-decoration:none; color:#444;}
#category dl dd{height:36px; line-height:36px; overflow:hidden; border-bottom:1px dotted #ccc; text-indent:22px; white-space:nowrap; text-overflow:ellipsis;}
#category dl dd a{color:#666; display:block; text-decoration:none;}

#category_second{width:100%;-webkit-transition:0.3s ease-out; background:#fff; position:fixed; z-index:100001; left:-100%; top:0;}
#category_second .title_section{ width:100%; height:40px; background:#eeeeee;}
#category_second .title_section span{ display:inline-block; font-size:16px; line-height:40px;}
#category_second .title_section span:nth-of-type(1){ float:left; margin-left:10px;}
#category_second .title_section span:nth-of-type(2){ float:right; margin-right:10px; font-size:20px;}
#category_second .content_section{ width:100%; overflow:hidden; background:#060;}
#category_second .content_section .left_section{ width:30%; float:left; background:#f2f2f2; overflow:hidden; position:relative;}
#category_second .content_section .left_section .first_category{ width:100%; overflow:hidden; height:38px; line-height:38px; -webkit-box-sizing:border-box; padding-left:8px; padding-right:8px; border-bottom:1px #e9e9e9 solid;}
#category_second .content_section .left_section .first_category a{ display:block;}
#category_second .content_section .left_section .first_category.active{ background:#fff; color:#fe463c;}
#category_second .content_section .right_section{ width:70%; float:right; background:#fff; overflow:hidden; position:relative;}
#category_second .content_section .right_section .category_list{ width:45%; height:32px; line-height:32px; float:left; overflow:hidden; margin-left:8px;}
#category_second .content_section .right_section .category_list a{ display:block;}
#sc_left{position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0);width: 100%;-webkit-transform: translate(0,0) translateZ(0);transform: translate(0,0) translateZ(0);-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-text-size-adjust: none;text-size-adjust: none;}
#sc_right{position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0);width: 100%;-webkit-transform: translate(0,0) translateZ(0);transform: translate(0,0) translateZ(0);-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-text-size-adjust: none;text-size-adjust: none;}
/*#category_second .content_section{ position:absolute; left:0; right:0; top:40px; bottom:0px; z-index:9999; overflow:hidden;}*/

#footer_points{height:40px; clear:both;}
#footer{width:100%; margin:0 auto; background:url(../../../images/shop/default/bg.png) 0 20px repeat-x; height:60px; position:fixed; z-index:1000; bottom:0;}
#footer ul li{height:38px; width:25%; float:left; padding-top:22px;}
#footer ul li>a{color:#fff; line-height:62px; font-size:12px; width:45px; height:40px; margin:0 auto; display:block; white-space:nowrap; text-align:center; text-decoration:none;}
#footer ul li.category{height:60px; padding:0;}
#footer ul li.category a{width:62px; height:60px; line-height:100px; margin:0; background:url(../../../images/shop/default/bg.png) 0 -42px no-repeat; text-align:left; text-indent:13px;}
#footer ul li.cart a{background:url(../../../images/shop/default/cart_icon.png) center top no-repeat; background-size:25px auto;}
#footer ul li.member a{background:url(../../../images/shop/default/member_icon.png) center top no-repeat; background-size:25px auto;}
#footer ul li.home a{background:url(../../../images/shop/default/home_icon.png) center top no-repeat; background-size:25px auto;}
/* 分销系统使用的footer start */
#footer_distribution{width:100%; margin:0 auto; background:url(../../../images/shop/default/bg.png) 0 20px repeat-x; height:60px; position:fixed; z-index:1000; bottom:0;}
#footer_distribution ul li{height:38px; width:25%; float:left; padding-top:22px;}
#footer_distribution ul li>a{color:#fff; line-height:62px; font-size:12px; width:45px; height:40px; margin:0 auto; display:block; white-space:nowrap; text-align:center; text-decoration:none;}
#footer_distribution ul li.category{height:60px; padding:0;}
#footer_distribution ul li.category a{width:62px; height:60px; line-height:100px; margin:0; background:url(../../../images/shop/default/bg.png) 0 -42px no-repeat; text-align:left; text-indent:13px;}
#footer_distribution ul li.cart a{background:url(../../../images/shop/default/cart_icon.png) center top no-repeat; background-size:25px auto;}
#footer_distribution ul li.member a{background:url(../../../images/shop/default/member_icon.png) center top no-repeat; background-size:25px auto;}
#footer_distribution ul li.home a{background:url(../../../images/shop/default/home_icon.png) center top no-repeat; background-size:25px auto;}
/* 分销系统使用的footer start */

#search{height:30px; border-radius:5px; border:1px solid #87827c; overflow:hidden; background:#fff; position:relative; width:96%; margin:0 auto}
#search .input{width:100%; height:18px; line-height:18px; padding:0 0 0 8px; box-sizing:border-box; margin:6px 0; border:none;}
#search .submit{width:40px; height:30px; overflow:hidden; position:absolute; top:0px; right:0px; background:url(../../../images/shop/007/search_btn.jpg) center center no-repeat #e7e7e7; background-size:16px 16px; cursor:pointer; border-top-right-radius:5px; border-bottom-right-radius:5px;}

#search_box{ background:#1C2628; width:100%;z-index:10000;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-bottom:3px; display:none;}
#search_box .lbar{ float:left; position:absolute; left:10px;top:12px}
#search_box .lbar a{ background:url(../../../images/shop/default/close_icon.png) no-repeat; background-size: 15px 15px; display:inline-block; width:15px; height:15px}
#search_box .lbar_2{ width:25%; height:28px; background:#eb4d28; border-radius:5px; color:#fff;-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5); line-height:28px; float:left; margin-left:5px; margin-top:5px;}
#search_box .lbar_2 .be_distribution{ display:block; text-align:center; line-height:30px; color:#fff;}
#search_box .lbar_2 .be_distribution:hover{ text-decoration:none;}
#search_box .rbar{ float:right; width:96%;height:30px;background:#000000; overflow:hidden; margin-top:4px; margin-right:5px; padding-right:20px; position:relative;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:5px;}
#search_box .rbar .format_input{ height:100%; border:0px; background:none; width:98%; padding:0 3px; color:#FFF; height:30px}
#search_box .rbar .btn{ background:url(../../../images/shop/default/enter_icon.png) center top no-repeat; border:0px;background-size: 16px 15px; width:20px; height:30px; position:absolute; right:5px; top:7px;}
#search_box .rbar_2{ float:right; width:70%;height:30px;background:#000000; overflow:hidden; margin-top:4px; margin-right:5px; padding-right:20px; position:relative;-webkit-box-sizing:border-box; border-radius:5px;}
#search_box .rbar_2 .format_input{ height:100%; border:0px; background:none; width:98%; padding:0 3px; color:#FFF; height:30px}
#search_box .rbar_2 .btn{ background:url(../../../images/shop/default/enter_icon.png) center top no-repeat; border:0px;background-size: 16px 15px; width:20px; height:30px; position:absolute; right:5px; top:7px;}

#search_float_btn{ width:37px; height:36px; position:fixed; top:0px; right:5px; z-index:10000;}
#search_float_btn img{ width:100%; height:100%}

#search_float_btn_2{ height:36px; position:fixed; top:0px; right:5px; z-index:10000; background:rgba(0,0,0,0.7); border-radius:0 0 5px 5px;}
#search_float_btn_2 .distribution_btn{ width:36px; height:36px; text-align:center; -webkit-box-sizing:border-box; padding-top:5%; float:left;}
#search_float_btn_2 .distribution_btn img{ width:70%;}
#search_float_btn_2 .search_btn{width:36px; height:36px; text-align:center; -webkit-box-sizing:border-box; padding-top:7%; float:right;}
#search_float_btn_2 .search_btn img{ width:63%;}

#warning{ width:100%; padding:180px 0 60px 0; background:url(../../../images/shop/default/warning_icon.png) center 20px no-repeat;background-size: 140px; text-align:center; color:#000}
#warning span{ color:#F00; font-weight:bold}

.green_tag{ font-size:11px; background-color:#0C6; color:#fff; display:inline-block; height:18px; line-height:18px; padding:0 3px; border-radius:3px}


#auth_login{ position:absolute; top:10px; left:10px; background:#FFF; width:300px; min-height:100px; border-radius:5px; z-index:10000;}
#auth_login h3{ height:30px; line-height:30px; font-size:18px; text-align:center; padding:10px}
#auth_login .cont{ padding:0px 10px;}
#auth_login .cont input{ width:100%; height:40px; margin:0 auto;border-radius:5px; border:1px solid #CCC}
#auth_login .btn{ width:100%; text-align:center}
#auth_login .btn button{width:100%; height:40px; margin:0 auto; border:0; border-bottom-right-radius:5px;border-bottom-left-radius:5px;background:#00aaee; color:#fff; font-size:18px}
#auth_login .tips{ padding:10px; line-height:20px; color:#666}