html,body,h1,h2,h3{font-family:arial, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', '宋体', \5b8b\4f53, Tahoma, Arial, Helvetica, STHeiti;}

a:focus {outline:none; -moz-outline:none}

.ng-cloak{display:none;}

.container-fill{width:auto;padding-left:0;padding-right:0;}

.row .row, .form-group .form-group{margin-left:auto;margin-right:auto;}

.ovh{overflow: hidden;}

.nav-bardown{position:fixed; bottom:0; left:0; height:3.7em; overflow:hidden; background:#f4f4f4; border-top:1px solid #d8d5d4; width:100%; display:-webkit-box; display:-moz-box; display:box; -webkit-box-orient:horizontal; -moz-box-orient:horizontal; box-orient:horizontal; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.nav-bardown > *{-webkit-box-flex:1; -moz-box-flex:1; box-flex:1;}

.nav-bardown li{position:relative;}

.nav-bardown li a{padding-top:.2em; text-align:center; color:#7a7f83; text-decoration:none;}

.nav-bardown li a:hover{background-color:#dddddd;}

.nav-bardown i{display:block; font-size:2em; color:#a2a6a9;}

@-moz-document url-prefix(){.nav-bardown li{display:table-cell;width:1%;}}



body { background-color: #f5f5f5; }

.alert-myself { background-color: #f5f5f5; border: 0 none; color: #666; font-size: 16px; line-height: 22px; margin: 30px auto 0; width: 80%; }

.alert-myself .fa-check-circle { color: #3cb035; }

.alert-myself .p1 { color: #333;  margin: 15px 0 30px; }

.alert-myself .p2{ display: inline-block; *display: inline; *zoom:1;}

.alert-myself a, .alert-myself a:link, .alert-myself a:visited, .alert-myself a:hover, .alert-myself a:active { color: #f63e3e; }





.poptip {display: none; position: fixed; top:30%;left:50%;width:160px;margin-left:-80px; line-height: 22px; padding:10px 5px; text-align: center; background:#000; opacity: 0.7;filter:alpha(opacity=0.7); color:#fff;z-index: 999; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}

.poptip span{display: inline-block; vertical-align: middle;}

.loading_pop {display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0;z-index: 99999;	}

.loading_pop .poptip {display: block;}

.ball-clip-rotate { border-radius: 100%; margin: 0 5px 0 0; border: 2px solid #fff; border-bottom-color: transparent; height: 25px; width: 25px; background: 0 0!important; display: inline-block; -webkit-animation: loading_rotate .75s 0s linear infinite; animation: loading_rotate .75s 0s linear infinite }



@-webkit-keyframes loading_rotate{

	0%{-webkit-transform:rotate(0);}

	50%{-webkit-transform:rotate(180deg);}

	100%{-webkit-transform:rotate(360deg);}

}

@-moz-keyframes loading_rotate{

	0%{-moz-transform:rotate(0);}

	50%{-moz-transform:rotate(180deg);}

	100%{-moz-transform:rotate(360deg);}

}

@-o-keyframes loading_rotate{

	0%{-o-transform:rotate(0);}

	50%{-o-transform:rotate(180deg);}

	100%{-o-transform:rotate(360deg);}

}

@-ms-keyframes loading_rotate{

	0%{-ms-transform:rotate(0);}

	50%{-ms-transform:rotate(180deg);}

	100%{-ms-transform:rotate(360deg);}

}

@keyframes loading_rotate{

	0%{transform:rotate(0);}

	50%{transform:rotate(180deg);}

	100%{transform:rotate(360deg);}

}



/*搜索下拉*/

.custom-search {position: relative; z-index: 10;overflow: visible !important; background-color:#f63e3e;height:44px;line-height:44px; padding:0 10px; }

.custom-search .input-span{  margin: 6px 80px 0 0; position: relative;}

.custom-search .input-span .head-search-input{  width: 100%;padding: 6px 0 6px 58px !important;  height: 32px; line-height: 18px; display: block; margin: 0; text-align: left; border-radius: 5px;border-width:0;background-color:#ffffff;}

.search-list{ position:absolute; top:0; left:0; width:45px; height:32px;  cursor:pointer;}

.search-list dt{ text-align:center; position:relative;line-height:32px;}

.search-list dt i{ position: absolute; right:0; bottom:4px;height:0; border-width: 3px; border-style: dashed solid solid dashed ; border-color: transparent #3f4141 #3f4141 transparent;  display:block; overflow:hidden; }

.search-list dd{visibility: hidden; opacity:0; width:151px;  border:1px solid #8c8b8b;line-height:30px; border-top:0 none; background-color:#fff;  transition:all 0.3s; -webkit-transition:all 0.3s;-webkit-box-shadow: 0 0 5px rgba(123,123,123,0.75);

-moz-box-shadow: 0 0 5px rgba(123,123,123,0.75);

box-shadow: 0 0 5px rgba(123,123,123,0.75);}

.search-list dd.on{visibility:visible;opacity:1;}

.search-list dd div{ width:150px; padding:7px 10px; border-top:1px solid #8c8b8b;}

.search-list-goods,.search-list-store{ width:20px; height:18px; margin-right:5px; background:url(../images/ucenter/search_icon.png) no-repeat; background-size:20px auto; display:inline-block; vertical-align: middle;}

.search-list-goods{ background-position:0 0;}

.search-list-store{ background-position:0 -24px;}

.custom-search .span2{ background-color:#fff;font-size:14px; position: absolute; right: 10px; height: 30px; top: 7px; padding: 3px 20px;  display: block; }

.searchFix{ position:fixed; z-index:11; top:0; left:0; width:100%;}

.hasFixedTop{ padding-top:44px;}



/*浮动客服 && 返回顶部 && 我的小店*/

.fixed_right_wrap{position: fixed;bottom:100px;right:15px; background:rgba(0,0,0,0.5);border-radius:100px;overflow:hidden;z-index: 500;}

.fixed_right_wrap a{display: inline-block;width:44px;height:44px;line-height:63px;background: url(../images/common/icon2.png) no-repeat;background-size: 40px auto;font-size:10px !important;color:#ffffff;text-align:center;position:relative;border-radius:100px;}

.fixed_right_wrap .fixed_right_goTop{ display: none; background-position:center 0; }

.fixed_right_wrap .fixed_right_message{background-position:center -40px;}

.fixed_right_wrap .fixed_right_message[data-count]:after{content: ""; display: inline-block; width: 6px; height: 6px; background: #f43530; border-radius: 10px; position: absolute; right: 12px; top: 7px;}

.fixed_right_wrap .fixed_right_myStore{ background: none !important; line-height: 14px !important;padding: 8px 0; text-indent: 0 !important ;}



.fixed_right_wrap2 {right: 0; background:rgba(0,0,0,0.7); border-radius:3px 0 0 3px;}

.fixed_right_wrap2 a{ border-radius: 0; width: 40px;height: 40px;text-indent: -999em; border-bottom: 1px solid #828282;}

.fixed_right_wrap2 li:last-child a{border: 0 none;}

.fixed_right_wrap2 .fixed_right_goTop{ background-position:center 5px;}

.fixed_right_wrap2 .fixed_right_myStore{ padding: 6px 0;}

.fixed_right_wrap2 .fixed_right_message{background-position:center -35px; }



.float_qq{ position:fixed; z-index:500; right:0; top:80px; cursor:pointer;}

.float_qq img{ max-width: 100px; max-height: 120px; display: block;}

.float_gotop{ position:fixed; z-index:500; right:0; bottom:140px; cursor:pointer; display: none;}

.float_gotop img{ max-width: 100px; max-height: 120px; display: block;}

.float_myStore{ position:fixed; z-index:500; right:0; bottom:95px; cursor:pointer; background:rgba(0,0,0,0.6); line-height: 14px; font-size: 12px; padding: 6px 0; width: 40px;height: 40px;text-align: center; color: #fff; border-radius: 3px;overflow: hidden;}



.fixed_right_wrap a:link ,.float_myStore:link{ color: #fff;}

.fixed_right_wrap a:visited ,.float_myStore:visited{ color: #fff;}

.fixed_right_wrap a:hover ,.float_myStore:hover{ color: #fff;}

.fixed_right_wrap a:active ,.float_myStore:active{color: #fff;}



.fixed-nav{ width: 100%;height:50px; background-color:transparent; clear: both;overflow: visible;}

.fixed-nav-main{ position:fixed;  bottom:0; left:0; width:100%; z-index:500; height: 50px; overflow: hidden;}

.fixed-nav-bd{ width:100%; background:#2a2929; overflow:hidden;vertical-align: middle; text-align:center; display:table;}

.fixed-nav-bd a{ display:table-cell; height: 50px; width:20%; text-decoration: none;font-size:12px !important;}

.fixed-nav-bd a,.fixed-nav-bd a:link,.fixed-nav-bd a:visited,.fixed-nav-bd a:hover,.fixed-nav-bd a:active{ color: #fff;}

.fixed-nav-bd a:hover{ background: #383838;}

.fixed-nav-icon{ height: 24px; line-height: 24px; font-size: 24px; overflow: hidden; display: inline-block; width: 100%; margin:6px 0 0; }

.fixed-nav-text{ font-size: 12px;display: block; line-height: 12px;}

/*底部导航2*/

.fixed-nav2 .fixed-nav-bd{background:#FFFCFC; border-top: 1px solid #d8d8d8;}

.fixed-nav2 .fixed-nav-bd a,.fixed-nav2 .fixed-nav2 .fixed-nav-bd a:link,.fixed-nav2 .fixed-nav-bd a:visited,.fixed-nav2 .fixed-nav-bd a:hover,.fixed-nav2 .fixed-nav-bd a:active{ color: #333;}

.fixed-nav2 .fixed-nav-bd .fixed-nav-icon{ color: #666;}

.fixed-nav2 .fixed-nav-bd a:hover{ background: #f0f0f0;}

.fixed-nav .fixed-nav-bd a.on{ color: #d23b40;}

/*默认 1*/

.mynav1-home,.mynav1-classify,.mynav1-cart,.mynav1-order,.mynav1-user,.mynav1-tixian{  background: url(../images/common/nav1.png) no-repeat; background-size: 25px auto; margin-top: 5px; height: 25px;}

.mynav1-home{ background-position:center 0}

.mynav1-classify{background-position:center -60px}

.mynav1-cart{ background-position:center -120px}

.mynav1-order{ background-position:center -180px}

.mynav1-user{background-position:center -240px}

.mynav1-tixian{background-position:center -300px}

.on .mynav1-home{ background-position:center -30px}

.on .mynav1-classify{background-position:center -90px}

.on .mynav1-cart{ background-position:center -150px}

.on .mynav1-order{ background-position:center -210px}

.on .mynav1-user{background-position:center -270px}

.on .mynav1-tixian{ background-position:center -210px}

/*默认 2*/

.mynav2-home ,.mynav2-classify,.mynav2-cart,.mynav2-order,.mynav2-user{  background: url(../images/common/nav2.png) no-repeat; background-size: 25px auto; margin-top: 5px; height: 25px;}

.mynav2-home{ background-position:center 0}

.mynav2-classify{background-position:center -60px}

.mynav2-cart{ background-position:center -120px}

.mynav2-order{ background-position:center -180px}

.mynav2-user{background-position:center -240px}

.on .mynav2-home{ background-position:center -30px}

.on .mynav2-classify{background-position:center -90px}

.on .mynav2-cart{ background-position:center -150px}

.on .mynav2-order{ background-position:center -210px}

.on .mynav2-user{background-position:center -270px}



/*底部导航4*/

.fixed-menu{ width: 50px; height: 50px; position: fixed; bottom: 90px;left: 10px; z-index:1000; background:rgba(0,0,0,0.3) !important;padding: 5px;border-radius: 50%; }

.fixed-menu-bg{display: none; width: 100%;height:120%; position:fixed;  bottom: 0;left: 0;background: rgba(0,0,0,0.6);z-index: 999 !important;}

.fixed-menu-main{width: 40px;height: 40px;background-color: #e63736; border-radius: 50%; position: relative; z-index: 1999 !important;}

.fixed-menu-icon{ font-size: 14px; }

.fixed-menu-btn{ width: 40px;height: 40px;display: block;position: fixed; z-index: 9999; background:url(../images/common/icon2.png) no-repeat center -180px ; border-radius: 50%; overflow: hidden; text-indent: -9999em; cursor: pointer;-webkit-transition:.4s ease;-moz-transition:.4s ease;-ms-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease; }

.fixed-menu-bd{position: absolute;z-index: 9998;}

.fixed-menu1 .fixed-menu-btn{ background-size: 68px auto; background-position: center -153px ; border: 3px solid #fff;}

.fixed-menu1 .fixed-menu-bd{ bottom: 20px;}

.fixed-menu1 .fixed-menu-bd a{text-align: center; display: block; position: absolute; left: 0;bottom: -14px; width: 30px;height: 30px;opacity: 0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}

.fixed-menu1 .fixed-menu-bd .fixed-menu-icon{position:relative;display:block;border-radius:50%;width:38px;height:38px; margin: 0 auto; line-height:38px; font-size: 20px; overflow:hidden;background:#fff;color:#45a9f6; text-align:center;}

.fixed-menu1 .fixed-menu-bd .fixed-menu-text{display: block; text-align: center;height: 20px;overflow: hidden;font-size: 10px;}

.fixed-menu2 .fixed-menu-bd{  display: none; bottom: 46px; width: 120px;padding: 5px 20px 15px; max-height: 195px; background: url(../images/common/fixed_bg.png) no-repeat center bottom; background-size: 120px auto; border-radius: 4px; overflow: hidden;  }



.fixed-menu2 .fixed-menu-bd a{ color: #fff; display: block;line-height: 35px;}

.fixed-menu-bd a,.fixed-menu-bd a:link,.fixed-menu-bd a:visited,.fixed-menu-bd a:hover,.fixed-menu-bd a:active{ color: #fff;}



.isobugfixed.selected{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.6); z-index: 999;-webkit-tap-highlight-color: rgba(0,0,0,0;) -webkit-user-modify:read-write-plaintext-only; }

.selected .fixed-menu-btn{ -moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-o-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);}

.selected.fixed-menu .fixed-menu-bg{display: block;background: rgba(0,0,0,0);}

.selected.fixed-menu2 .fixed-menu-bg{ background: rgba(0,0,0,0.1);}

.selected.fixed-menu2 .fixed-menu-bd{ display: block;}

.selected.fixed-menu1 .fixed-menu-bd a{opacity: 1;width: 60px;height: 52px;}

.selected.fixed-menu1 .fixed-menu-bd a:nth-child(1){left: -12px; top: -104px;}

.selected.fixed-menu1 .fixed-menu-bd a:nth-child(2){left: 37px; top: -85px;}

.selected.fixed-menu1 .fixed-menu-bd a:nth-child(3){left: 65px; top: -27px;}

.selected.fixed-menu1 .fixed-menu-bd a:nth-child(4){left: 37px; top: 28px;}

.selected.fixed-menu1 .fixed-menu-bd a:nth-child(5){left: -12px; top: 46px;}



.btns-fixed-main,#footer-info,#footer-myCart,.fixed-shareJifen{bottom: 0 !important;margin-bottom: 0 !important;}

.hasFixed-nav .btns-fixed-main,.hasFixed-nav #footer-info,.hasFixed-nav #footer-myCart,.hasFixed-nav .fixed-shareJifen{ bottom: 50px !important;}

.hasFixed-nav .fixed-menu{ bottom: 140px;}



.label-orange{padding: 2px 5px; font-size: 10px !important; height: 14px; line-height: 10px; display: inline-block; overflow: hidden; vertical-align: middle; margin-top: -3px; font-style: normal; font-family: Helvetica,STHeiti,"Microsoft YaHei",Verdana,Arial,Tahoma,sans-serif; background-color: #fda032; color: #fff; border-radius: 3px;}

.label-hwg:after{ content: "海外购"; position: absolute;}

/*首页引流广告*/

.on-alert-open{ overflow: hidden;}

.alert-guide{ position: fixed;left: 0;top: -1000px; display: block;text-align: center; width: 100%; height: 100%; z-index: 11500; background: rgba(0,0,0,0);-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}

.alert-guide-bg{ display: none; width: 100%; height: 120%;  position: fixed; top: 0; left: 0; z-index: 11488;  background: rgba(0,0,0,0.5);}

.alert-guide-img ,.alert-guide-close { width: 80%; max-width:580px;max-height: 75%; margin-top: -10px; display: inline-block; position: relative; z-index: 11500;overflow: hidden; border-radius: 10px;}

.alert-guide-close{ height: 48px;margin-top: 20px; background: url(../images/guide_close.png) no-repeat right top; background-size: 25px 50px !important;}

.alert-guide-img img{ width: 100%; border-radius: 10px; overflow: hidden;}

.open.alert-guide{top: 0; }

.open .alert-guide-bg{ display: block;}





/*默认的底部导航（个人中心等）*/

.hasFixedNav{/* padding-bottom: 50px;*/}

.fnav_blank{width:100%;height:50px; background-color:transparent; clear: both;}

.fnav_box{ position:fixed;  bottom:0; left:0; width:100%; z-index:15; height: 50px; overflow: hidden;}

.fnav{ width:100%; background:#2a2929; overflow:hidden;vertical-align: middle; text-align:center; display:table;height: 98px;}

.fnav a{ display:table-cell; height: 45px; width:20%; padding: 6px 0 0; text-decoration: none;font-size:12px !important; position: relative;}

.fnav a:link,.fnav a:visited,.fnav a:hover,.fnav a:active{ color: #fff;}

.fnav a:hover{ background: #383838;}

.fnav a span{  width:25px; height: 25px; display: block; margin: 0 auto 2px; background: url(../images/common/nav.png) no-repeat; background-size: 350px 60px;}

#fnav1 span{ background-position: 0 0 }

#fnav2 span{ background-position:-50px 0}

#fnav3 span{ background-position:-100px 0}

#fnav4 span{ background-position:-150px 0}

#fnav5 span{ background-position:-200px 0}

#fnav6 span{ background-position:-250px 0}

#fnav7 span{ background-position:-300px 0}

.fnav a.on:link,.fnav a.on:visited,.fnav a.on:hover,.fnav a.on:active{ color: #f75656;}

#fnav1.on span{ background-position: 0 -30px; }

#fnav2.on span{ background-position:-50px -30px;}

#fnav3.on span{ background-position:-100px -30px;}

#fnav4.on span{ background-position:-150px -30px;}

#fnav5.on span{ background-position:-200px -30px;}

#fnav6.on span{ background-position:-250px -30px;}

#fnav7.on span{ background-position:-300px -30px;}