html {
  position: relative;
  min-height: 100%;
}
body { font-family:Arial, Helvetica, sans-serif, "微軟正黑體";}
ul,li,ol{ list-style:none}

ul.top { overflow:hidden;  width:300px; text-align:right; padding-top:30px; padding-bottom:0px; margin-bottom:0px;}
ul.top li{ list-style:none; float:right;}
ul.top li a{ color:#666; margin-right:10px; font-size:14px; font-weight:700;}
ul.top li a:hover{ text-decoration:none; color:#900}
.green{ color:#0C0}
.blue{ color:#06F;}
.orange{ color:#fa9c14}
.gray{ color:#ccc;}
.red{ color:#f00023}


.theme-page{ background:#f8f8f8; border:1px solid #ddd; margin:0px auto 0; padding:15px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt50{ margin-top:50px;}
.mb20{ margin-bottom:20px;}
.ml20{ margin-left:20px;}
.ml{ margin-left:20px;}
.pc-mr15{ margin-right:15px;}
.pc-mr30{ margin-right:30px;}
.pb20{ padding-bottom:20px;}

.w800{ width:800px;} 
.m-auto{ margin:0 auto}


.pc_h50{ height:50px; display:block; clear:both; width:100%;}
.pc_h40{ height:40px; display:block; clear:both; width:100%;}
.navbar-brand{ padding-left:0px;}
a.mlogo { color:#1b1464; float:left; margin-top:18px;font-size:16px; padding-left:20px; font-weight:700;}
a.mcate { color:#1b1464; float:right; margin-right:10px; margin-top:18px;font-size:16px; padding-left:20px; font-weight:700;}
a.mlogo:hover,a.mcate:hover{ text-decoration:none}
.navbar-toggle{ background-color:#1b1464}
.navbar-toggle .icon-bar{ background-color:#fff;}
.navbar{ height:100px;background-color:#fff;}
.navbar-fixed-top{top:32px;}
.navbar-default .navbar-nav>li>a{ margin-top:15px;}
.navbar-default .navbar-nav>li>a:hover{ color:#900}
.navbar-nav .open .dropdown-menu{ background-color:#ddd;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ background-color:#f00023; color:#fff}
.navbar li a{color:#666; padding-left:2px; padding-right:2px; font-size:16px; font-weight:700;}
.navbar li a:hover{ background-color:#fff;}
.nav-tabs>li>a{ margin-right:0}
.navbar .logo{ width:330px; height:50px; margin-top:20px;}
.navbar .back{ margin-top:5px;}
.search{overflow:hidden; margin-top:0px; width:100%; display:block; margin-bottom:50px;}
.search input{border:2px solid #ccc; -moz-border-radius:5px;  -webkit-border-radius:5px; border-radius:5px; padding:0px 40px 0 10px; height:42px;width:100%; display:inline-block; float:left}
.search .sch_btn{ width:23px; height:20px; margin-right:10px; float:right; margin-top:-32px; background:url(../images/btn_sch.png) no-repeat 0 0; border:0}

.navbar{ max-width:800px; margin:0px auto} 

.fl{ float:left}
.fr{ float:right}


.hotkey{ padding-bottom:0px; color:#333; margin-bottom:10px; font-weight:700;}
.hotkey a{color:#333; font-size:14px; padding-right:15px;font-weight:700;}

.topcate{ overflow:hidden; padding:50px 0 20px;}
.topcate dl{ padding-top:0px;}
.topcate dl dt{ font-weight:700; font-size:16px;}
.topcate dl dd{ padding:0 15px 0 0; display:inline-block; line-height:32px;}
.topcate dl dd a{ font-size:14px;}

.main .l p{ margin-top:50px;}
.main .r p{margin-top:50px;}

.cate_title{ margin-left:15px; margin-top:15px; font-weight:700; font-size:16px;margin-bottom:10px;}

.notice{padding:0 0 0 80%; height:42px; display:block;margin:0px 0 20px; position:relative; color:#333; white-space:nowrap; overflow:hidden;  background-color:#f5f5f5;}

.nodata{ text-align:center; padding:20px;}

/*产品列表*/
.proitem{ display:inline-block;overflow: hidden; border:1px solid #ddd; margin-bottom:20px;}
.proitem .thumb{ width:100%; overflow:hidden; }
.proitem .thumb img{ max-width:100%; vertical-align:middle}
.proitem .prosm{ color:#666; padding:10px; height:80px; overflow:hidden;}
.proitem .protitle{ height:42px;  padding:10px 0; font-weight:700;display:block; text-align:center; color:#0c0ca9; }
.proitem .proprice{  margin:10px 5px 0;color:#e6231a; font-weight:700; float:left;}
.proitem .proprice em{ float:left; font-style:normal; }
.proitem .proprice em.tu{ color:#ccc; text-decoration:line-through; margin-left:10px; font-weight:normal; font-size:12px; padding-top:2px;}
.proitem .proprice .sm{ color:#999; font-size:12px;}
.proitem .proprice p{ clear:both; font-weight:normal}
.proitem .pt_btn{ background:url(../images/pt_btn.png) no-repeat 0 0; float:right; width:80px; height:30px; margin-top:15px; margin-right:5px;}
.proitem  a{ color:#333;}
.proitem a:hover{ text-decoration:none}

/*商品详情*/
.goodstab{ margin-bottom:20px; margin-top:40px; width:100%; padding-left:0px;border-bottom:1px solid #ddd; overflow:hidden}
.goodstab li{ float:left; margin-right:20px; margin-left:0;}
.goodstab li a{ display:inline-block; font-size:20px; padding-right:10px;padding-left:10px; line-height:40px; color:#333; text-align:center}
.goodstab li.active{border-bottom:5px solid #ffcc33;color:#c80000 }
.goodstab li a,.goodstab li a:hover{ text-decoration:none}
.goodsdetail{ padding:15px;}
.goodsdetail img{ max-width:96%;}



.feature-grid .feature-img{ 
    border: none;
    text-align: center;}
.feature-grid .feature-img img{ width:100%;}	
.feature-grid .feature-text1 {

}
.feature-grid .feature-text1 p{}
.feature-grid .feature-text1 p a{ color:#498cca}

.feature-grid .feature-text2 {
	text-align:right;

}

.feature-grid .feature-text2 .date{ color:#999; font-size:12px;}
.feature-grid .feature-text2 .estimated{ color:#999;font-size:14px; margin-top:30px;}
.feature-grid .feature-text2 .price{ color:#db0315; font-size:16px;}

.swiper-container {
	width: 100%;
	height: 100%;
	margin-bottom:20px;
	 margin-top:10px;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/*左侧菜单*/
.left-nav {
	margin-left: 1px;
}

.left-nav .nav-header{background: #1b1464; color:#fff;}
.left-nav.nav-tabs.nav-stacked > li {background: #fff;
}
.left-nav.nav-tabs.nav-stacked > li ul{ background-color:#fff;}
.left-nav.nav-tabs.nav-stacked > li ul li a:hover{ background-color:#1b1464; color:#fff;}
.left-nav.nav-tabs.nav-stacked > li > a {
  padding: 10px 8px;
  font-size: 18px;
  color: #fff;
}

  .left-nav.nav-tabs.nav-stacked > li > a > span {

  }

.left-nav.nav-tabs.nav-stacked > li.active > a, #left-nav.nav-tabs.nav-stacked > li > a:hover {
  color: #FFF;
  background: #1b1464;
}
.left-nav  li a{ color:#777;}
.left-nav  li.active > a{background: #1b1464; color:#fff;}
  #left-nav.nav-tabs.nav-stacked > li.active > a, #left-nav.nav-tabs.nav-stacked > li > a:hover > span {
	  color: #FFF;
  }

.left-nav.nav-tabs.nav-stacked > li {
margin-bottom: 4px;
}
.nav-header.collapsed > span.glyphicon-chevron-toggle:before {
            content: "\e114";
}

.nav-header > span.glyphicon-chevron-toggle:before {
            content: "\e113";
        }


/*产品分类*/
.main-nav {
	margin-left: 1px;
}

.main-nav.nav-tabs.nav-stacked > li {background:#1b1464;
}
.main-nav.nav-tabs.nav-stacked > li ul{ background-color:#fff;}
.main-nav.nav-tabs.nav-stacked > li ul li a:hover{ background-color:#29aae3; color:#fff;}
.main-nav.nav-tabs.nav-stacked > li > a { border:0; border-radius:0;
  padding: 10px 8px; 
  font-size: 18px;
  color: #fff;
}
.main-nav.nav-tabs.nav-stacked > li > a.after{background:#1b1464;}
  .main-nav.nav-tabs.nav-stacked > li > a > span {
	  color: #ccc;
  }

.main-nav.nav-tabs.nav-stacked li ul li.active  a{background-color:#29aae3; color:#fff;}
 #main-nav.nav-tabs.nav-stacked > li > a:hover, #main-nav.nav-tabs.nav-stacked > li > a:focus { border:0;
  color: #FFF;
  background: #1b1464;
}
.main-nav  li a{ color:#777;}
#main-nav.nav-tabs.nav-stacked > li > a:hover > span {
	  color: #FFF;
  }

.main-nav.nav-tabs.nav-stacked > li {
margin-bottom: 4px;
}

.page_title{ border-bottom:1px solid #ddd; padding-bottom:20px; color:#1b1464}
.breadcrumb > li + li:before {
    color: #CCCCCC;
    content: "> ";
    padding: 0 5px;
}
.breadcrumb > li a{ color:#777;}

.ad-content{ padding:20px; max-width:800px; margin:0px auto;}
.ad-content p{ padding:0px;  font-size:24px;}
.ad-content .nr{ line-height:32px; font-size:16px; margin-top:20px; text-align:center}

.page-content{ padding:20px; margin:0px auto;}
.page-content p{ padding:0px;  font-size:14px;}

/*商品詳情*/
.thumbnail{ border:none}
.goods_info .title{ font-size:16px; font-weight:700; padding-left:0px;}
.goods_info .title span{ font-size:16px; font-weight:700; padding-left:10px;}
.goods_info .addfava{ cursor:pointer}
.goods_info .des{ color:#999; padding-top:10px; margin-bottom:10px;}
.goods_info .social{ margin-top:10px;margin-bottom:10px;}
.goods_info .social img{ width:40px; height:40px;}
.goods_info .goods_outtime{ color:#e5231a; font-size:20px; font-weight:700; margin-bottom:10px;}
.goods_info .goods_number{ overflow:hidden}
.goods_info .goods_number .form-control { float:left; width:80px; display:inline-block}
.goods_info .goods_number .input-group { float:left}
.goods_info .goods_number .sale_num,.goods_number .text{margin-top:6px; font-size:18px; margin-right:10px; display:inline-block; float:left}
.goods_info .goods_number .sale_num{ color:#fbb03b; margin-left:10px;}
.goods_info .buy{ display:block; margin-top:20px; background-color:#f5f5f5; padding:30px;}
.goods_info .buy .tuan,.goods_info .buy .go{ width:49%; text-align:center; display:inline-block}
.goods_info .buy .price{ font-size:36px; line-height:48px;}
.goods_info .buy .tuan .price{ color:#e5231a}
.goods_info .goods_price{ margin-top:20px; font-size:20px;}
.goods_info .goods_price span{}
.goods_info .goods_price span em{ font-size:30px; font-style:normal; margin-left:20px; display:inline-block}
.addbtn1{ background:url(../images/addtuan.png) no-repeat 0 0; width:212px; height:60px; border:none}
.buybtn1{ background:url(../images/buy.png) no-repeat 0 0; width:212px; height:60px;border:none}




/*通用切換*/
.tab1{display:inline-block; margin-bottom:20px; margin-left:-15px; padding-left:0px;}
.tab1 a{ display:inline-block;border-bottom:1px solid #ddd; font-size:20px; padding-right:10px;padding-left:10px; line-height:40px; color:#333; text-align:center}
.tab1 a.active{border-bottom:5px solid #ffcc33;color:#c80000 }
.tab1 a,.tab1 a:hover{ text-decoration:none}


.ad{ text-align:center}

#load-more{ display:none}
.go-top{ background:url(../images/totop.png) no-repeat 0 0;width: 60px;
    height: 60px;
    bottom: 50px;
    right: 15px;
    position: fixed;
    cursor: pointer;
    z-index: 999999;
}
.footer {
  width: 100%;
  color:#4c4c4c;
  margin-top:20px;

   background-color:#f4f4f4;
}
.footer .copy{ text-align:center; padding:10px;}
.footer .tishi { background-color:#F60; text-align:center; color:#fff; margin-top:10px; padding:15px;}
body > .container {
  padding: 0px 15px;
}
.container .text-muted {
  margin: 20px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}
.wap-text-center{ text-align:inherit}
.credit_sm{ text-align:center}
.credit_sm img{ max-width:100%; margin:10px auto;}

.cate{overflow: hidden; margin-top:30px; padding-top:20px; margin-bottom:20px; border-top:1px solid #ddd;}

.cate > ul{list-style: none;margin: 0px;padding: 0px;}
.cate > ul > li{display: inline-block;padding: 5px 8px;
border: solid 1px #333;
border-radius: 3px; margin:5px 3px;}
.cate > ul > li > a{
color: #333;
text-decoration: none;
white-space:nowrap;
}
.cate > ul > li:hover,.cate > ul > li.active{	
background:#333 ;
color: #FFF ;
}
.cate > ul > li:hover a,.cate > ul > li.active a{ color:#fff;}

.join{ max-width:600px;margin:50px auto 20px; overflow: hidden}

.hotsch{ margin-top:50px; overflow:hidden;}
.sch_key{ margin-top:30px; padding-bottom:20px;}
.sch_key a{padding:0 8px 0 0;}
.sch_key em{ font-style:normal; padding:0 10px;}

.foot_page {
    background: #F4F4F4;
    border-top: #DDDDDD 1px solid;
    padding: 15px 10px 0px;
    text-align: center;
    line-height: 24px;
    overflow: hidden;
    color: #666666;
}
.foot_page a{ color:#4c4c4c;}


@media (max-width: 768px)
{
  
 .breadcrumb{ margin-top:20px;}
 .navbar{ height:inherit; margin-bottom:0px;}
 .navbar .logo{ width:110px; height:42px;}
 .navbar-brand{ padding-left:10px;}

  .navbar .logo img{ width:100%;}
  .navbar-nav{ background-color:#f5f5f5; margin-top:0; margin-bottom:0; padding-top:0px;}
  .navbar-default .navbar-nav>li>a{ padding-top:0; margin-top:0;}
  .navbar li a{ font-size:14px; padding-bottom:5px; padding-top:5px; padding-left:10px; font-weight:normal}
  .topsch{ margin-right:10px; margin-top:15px;}
  
  .nav>li { text-align:center; padding:5px; border-bottom:1px solid #ddd;}
  .nav>li.one a{ margin-top:15px; color:#2214ad;}
 .swiper-container{ margin-top:5px;}
  .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color:#ddd;
  }
 .notice{ margin-top:10px;}
  .wap-text-center{ text-align:center}
  .footer .wap-footer-boder-right{border-right:0; }
  .pc-mr15,.pc-mr30{ margin-right:inherit}
  .pc_h50,.pc_h40{ display:none}
  .main .l p,.main .r p{ margin-top:20px;}
  .swiper-container{ margin-bottom:0px}
  .swiper-slide img{ width:100%;}
  .main .l p img,.main .r p img{max-width:100%; width:100%;}
  .feature-grid h4{ margin-top:10px;}
  .feature-grid .feature-text2{ text-align:left}
  


.indexad img{ margin-bottom:10px;}
.mad{ margin-top:0px; margin-bottom:5px;}
.mpro .col-md-3,.mpro .col-md-4{ width:50%;display:inline-block; float:left; padding:0 2px 0 3px;}
.mpro .proitem{ margin-bottom:10px;}
.mbtn{width: 100%;clear: both; padding-bottom:10px; overflow:hidden}
.mbtn .fl{ float:left}
.mbtn .addfava{ margin-left:5px;}
.mbtn .pt_btn{ margin-top:0px; margin-right:5px;}

.proitem .thumb{ }
.proitem .prosm,.proitem .protitle{ font-size:12px; }
.proitem .protitle{ height:48px; line-height:20px; overflow:hidden; padding:5px; text-align:left}


.ad img{ max-width:100%;}

#load-more img{ width:30px; height:30px; margin-bottom:5px;}

.goods_info .goods_number .text{ font-size:14px;}
.goods_info .goods_number .sale_num { font-size:12px;}
.goods_info .goods_number .form-control{ width:40px;}
.goods_info .buy .price{ font-size:18px; line-height:32px;}
.goods_info .goods_price{ margin-top:20px; font-size:14px;}
.goods_info .goods_price span em{ font-size:20px; font-style:normal; margin-left:10px;}
.addbtn1 {
    background: url(../images/maddtuan.png) no-repeat 0 0;
    width: 113px;
    height:32px;
    border: none;
}
.buybtn1 {
    background: url(../images/mbuy.png) no-repeat 0 0;
    width: 113px;
    height: 32px;
    border: none;
}
.goodstab li a{ font-size:16px;}

.m-dis-inline{ display:inline-table}
.join{ width:100%;}
.table_user tr td{ font-size:12px;}
.go-top{ background:url(../images/mtotop.png) no-repeat 0 0;width: 30px;
    height: 30px;
    bottom: 50px;
    right: 5px;
    position: fixed;
    cursor: pointer;
    z-index: 999999;
}
.footer .copy{ text-align:center; padding:5px; font-size:12px;}
.footer,.foot_page a{ font-size:12px;}
.footer .tishi{ text-align:left}
}