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

#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;}


.skt-loading #shop_skin_index {background:#fff; min-height:500px;}
.skt-loading .skeleton {
    position: relative;
    overflow: hidden;
    border: none !important;
    background-color: #fff !important;
    background-image: linear-gradient(90deg, #ff0000 25%, #41de6a 37%, #ff0000 63%);
    width:100%; height:0.9rem;
    margin-bottom:8px;
}
.skt-loading .skeleton::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #EBF1F8;
    display: block;
}
/* 下面这部分都是自定义的，看需求修改 */
.skt-loading .skeleton .img {
	position: absolute;
    top: 0;
    width: 30%;
    height: 100%;
    border-radius: 5px;
    background: linear-gradient(to right,rgba(255,255,255,0) 0,
          rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);
    transform: skewX(-45deg);
    z-index: 99;
    animation: skeleton-ani 1s ease infinite;
    display: block;
}
.skt-loading .skeleton li,
.skt-loading .skeleton .title,
.skt-loading .skeleton .cont,
.skt-loading .skeleton .text,
.skt-loading .skeleton .lbar,
.skt-loading .skeleton .rbar,
.skt-loading .skeleton .item {
	position: absolute;
    top: 0;
    width: 96%;
    height: 50%;
    border-radius: 8px;
    background:#e0dada;
    z-index: 99;
    display: block;
}
.skt-loading .skeleton .category_frame {
	position: absolute;
	background:#e0dada;
    z-index: 99;
    display: block;
}
@keyframes skeleton-ani { from {left:-100%;} to {left:150%;} }


#category{width:60%; height:100%; background:#fff; position:absolute; z-index:100001; left:-100%; top:0; overflow-y:auto; 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%;}
#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.quick{background:url(../../../images/shop/default/qkshop.png) no-repeat;}
#category dl dt.quick a{color:#0070d0;}
#category dl dt i.fa-angle-left{margin-right:14px; margin-top:10px; font-size:18px;}
#category dl dt.active i.fa-angle-left{margin-top:22px; margin-right:3px; -webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
#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:#fff; width:100%; 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:4px;}
#search_box .lbar_2 .be_distribution {display:block; text-align:center; line-height:30px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#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:#eeeeee; 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:#666; 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}

.pop_form{position:fixed; width:100%; z-index:10001; display:none; top:5px;}
.pop_form .vform{background:#fff; padding:5px 12px; margin:12px; border-bottom:3px solid #174D8B; border-radius:5px;}
.pop_form h1{font-size:16px; font-weight:bold; padding:5px 0; text-align:center; margin-bottom:8px; border-bottom:1px solid #174d8b;}
.pop_form .input{height:18px; line-height:18px; padding:7px 0; border:1px solid #ddd; border-radius:5px; background:#f0f0f0; text-indent:5px; width:100%; margin:8px 0;}
.pop_form .btn{margin:8px 0; width:100%;}
.pop_form .btn .submit{width:70%; height:36px; line-height:36px; background:#F60; border:none; color:#fff; font-size:16px; border-radius:5px; text-align:center; float:left;}
.pop_form .btn .cancel{width:27%; height:36px; line-height:36px; background:#999; border:none; color:#fff; font-size:16px; border-radius:5px; text-align:center; float:right;}

.pop_form .tiptitle {font-weight:bold; color:#606060;}
.pop_form ul {width:100%; margin-bottom:10px;}
.pop_form ul li {float:left; border:1px solid #ddd; padding:4px; text-align:center; height:20px; line-height:20px; overflow:hidden; display:block; background:#fff; margin-left:4px; margin-top:4px;}
.pop_form ul li.cur{border:1px solid red; background:url(../../../images/shop/default/arrow.jpg) right bottom no-repeat; background-size:30%;}

.sendday input {border:1px solid #ddd; border-radius:5px; width:30%; box-sizing:border-box; height:30px; line-height:30px; margin-top:4px; color:#666;}

/*cancel_order*/
#cancel_order{width:300px; position:absolute; z-index:100000; background:#fff; border-radius:5px; border-spacing:2px; border:1px solid #333
; padding:5px 0 8px 0; display:none}
#cancel_order h1{text-align:center; line-height:23px; color:#000; font-weight:bold; font-size:16px}
#cancel_order .row{padding:5px 0px; text-align:center}
#cancel_order .input_txtarea{border-radius:5px; height:75px; width:92%; padding:2px; border:0px; background-color:#E6E6E6; padding:2px; color:#333}
#cancel_order .order_btn{text-align:center; width:94%; margin:0 auto}
#cancel_order .order_btn input{border:0px; border-radius:5px; background:#2d3132; color:#fff; width:96%; height:38px; line-height:38px; margin:0 auto; font-size:16px; font-family:"微软雅黑";}
#cancel_order .order_btn input[type=submit]{width:67%; background:#ff5e0f; color:#fff;}
#cancel_order .order_btn input[type=button]{width:30%; margin-left:3%;background:#969696; color:#fff;}

#loading {width:100%; height:32px; text-align:center;}
#loading img {width:32px; height:32px;}

.recArea .recBan {width:100%; margin:0 0 4px 0;text-align:center;}
.recArea .recBan a {text-decoration:none;}
.recArea .recBan img {width:100%; height:auto;}
.recArea .recBan div {width:98%; text-align:left; padding-left:2%; padding-top:8px; padding-bottom:8px; background:#d8c2b2; color:#fff;}
.recArea .recItm {width:100%; background:#fff; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; position:relative;}
.recArea .recItm ul {clear:both; width:100%; margin-bottom:3px; font-size:13px; white-space:nowrap; float:left;}
.recArea .recItm ul li {display:inline-block; padding:3px; text-align:center; cursor:pointer;}
.recArea .recItm ul li img {width:100px; height:100px;}
.recArea .recItm ul li .name {width:100px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.opbar {min-height:30px;}
.opbar .prcinfo {float:left; width:100%; text-align:left;}
.opbar .prcinfo .price {color:#f00; font-size:1.1rem;}
.opbar .prcinfo .unit {color:#999; font-size:0.8rem; padding-left:4px;}
.mcart {float:right; width:30%; height:30px; background:url(../../../images/shop/default/cart_nav3.png) no-repeat; background-size:30px;}
.soldout {float:right; margin-right:10px; color:#aaa;}

.roePrice {margin-left:6px; color:#808080;}
.price_roe {margin-bottom:10px;}
.suitcardBtn {margin-right:6px;}

#deep_part .cart_item{padding:0px 10px; margin-top:10px; margin-bottom:10px;0}
#deep_part .cart_item .lbar{min-height:24px; line-height:24px; font-size:14px}
#deep_part .cart_item .qty_lable{line-height:20px;}
#deep_part .cart_item .stock{line-height:40px;}
#deep_part .cart_item .rbar{}
#deep_part .info2{padding:0px 10px; max-height:200px; overflow-y:scroll}
#deep_part .info2 li.qty{height:auto; padding:5px 0;}
#deep_part .info2 li.qty select{height:24px; border:1px solid #ddd; border-radius:5px; background:#fff; width:50px;}
#deep_part .info2 li.property{height:auto; padding-top:4px;}
#deep_part .info2 li.property table{border-collapse:collapse; border-spacing:0;}
#deep_part .info2 li.property td{ padding:0;}
#deep_part .info2 li.property .pro_grid{border:1px solid #ddd; padding: 0 5px 0 5px; text-align:center;  height:24px; line-height:24px; overflow:hidden; display:block; background:#fff; float:left; margin-left:5px; margin-top:5px;}
#deep_part .info2 li.property span.cur{border:1px solid red; background:url(../../../images/shop/default/arrow.jpg) right bottom no-repeat; background-size:30%;}
#deep_part .info2 li.cart{height:38px; padding:5px 0; text-align:center;}
#deep_part .info2 li.cart input{width:45%; height:36px; margin:0 5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background-color:#FEAC00; font-size:16px; border:1px solid #F57F01; background-image:linear-gradient(bottom, #FE7002 0, #FEAC00 100%); background-image:-moz-linear-gradient(bottom, #FE7002 0, #FEAC00 100%); background-image:-webkit-linear-gradient(bottom, #FE7002 0, #FEAC00 100%); box-shadow:0 1px 0 #FEBE3A inset, 0 1px 2px rgba(0,0,0,0.5); border-radius:5px; color:#fff; text-shadow:0 1px rgba(0,0,0,0.2);}
#deep_part .info2 li.cart input.buy{background-color:#F00019; border:1px solid #c10001; background-image:linear-gradient(bottom, #E20018 0, #DC3749 100%); background-image:-moz-linear-gradient(bottom, #E20018 0, #DC3749 100%); background-image:-webkit-linear-gradient(bottom, #E20018 0, #DC3749 100%); box-shadow:0 1px 0 #D95260 inset, 0 1px 2px rgba(0,0,0,0.5);}
#deep_part .info2 li.cart .unable{background-color:#CCC;}
#deep_part{ position:fixed; left:0; top:0; right:0; bottom:0; z-index:9999; background:rgba(0,0,0,0.8);border-top:1px #252528 solid; display:none;}
#deep_part .part_frame{ width:100%; background:#fff; position:absolute; bottom:0; -webkit-transform:translateY(100%); -webkit-transition:0.1s linear;}
#deep_part .part_frame .close_btn{ width:36px; height:36px; color:#9f9f9f; background:#fff; text-align:center; border-top:1px #252528 solid; border-radius:50%; position:absolute; right:10px; top:-18px;}
#deep_part .part_frame .close_btn .frame{ width:22px; height:22px; margin-top:7px; border-radius:50%; display:inline-block; border:1px #9f9f9f solid; text-align:center; font-size:16px;}
#deep_part .part_frame .section1{ height:100px; border-bottom:2px #f4f4f4 solid;}
#deep_part .part_frame .over_section{ width:93.75%; margin:0 auto;}
#deep_part .part_frame .section1 .img{ width:20%; height:100px; float:left;display:table; vertical-align:middle; text-align:center;}
#deep_part .part_frame .section1 .name{ width:78%; height:100px; float:right;display:table; vertical-align:middle; text-align:left;}
#deep_part .part_frame .section1 .mid {display:table-cell; vertical-align:middle;}
#deep_part .part_frame .section1 .img img{ width:100%;}
#deep_part .part_frame .section3{ width:100%; height:50px; background:#f7f7f7;}
#deep_part .part_frame .section3 .price_view{ float:left; line-height:50px; color:#ff3528; font-size:20px;}
#deep_part .part_frame .section3 .confrim_btn{ float:right; width:31.25%; height:38px; text-align:center; background:#fe463c; color:#fff; font-size:20px; border-radius:5px; margin-top:6px; line-height:38px;}
#deep_part .qty_box .qty_btn{display:inline-block; width:30px; height:30px; text-align:center; line-height:30px; background:-webkit-linear-gradient(rgba(252,252,252,1) 0,rgba(240,240,240,1) 100%); color:#6f6f6f; font-size:18px; text-decoration:none; border:1px #d8d8d8 solid;}
#deep_part .qty_box .l_btn{border-radius:5px 0 0 5px;}
#deep_part .qty_box .r_btn{border-radius:0 5px 5px 0;}
#deep_part .qty_box .qty_txt{width:30px; height:30px; line-height:30px; border:none; border-top:1px #d8d8d8 solid;border-bottom:1px #d8d8d8 solid; color:#6f6f6f; text-align:center;}