﻿ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}
 h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 500;
}
  body {
   
   font:14px/1.43  Arial, sans-serif, "Times New Roman"; word-wrap: break-word;overflow-x: hidden; overflow-y: auto;
   line-height: 1;
    }
p {
    padding:0;
    margin:0;
   
}

a {
     text-decoration: none; 
     color: inherit; 
}

   .texts{
           font-size: 13px;
    padding-left: 5px;
       }
ol, ul {
    list-style: none;
}
ul {
    margin:0;
    padding:0;
}
.fontcss{
   float:left;margin-right: 10px;  color: #878787;
}
.act {
    float: left;  width: 100px; height: 30px; overflow: hidden; margin-right: 10px;
}
    .act > a {
        color: #F7AA02;
    }
.containers {
    margin: 0 auto;
    height: 30px;
}
.nav {
    position: relative;
    height: 30px;
    margin: 0 auto;
    float: right;
}
.nav li {
    list-style: none;
    float: right;
    line-height: 30px;
}
.nav li a {
    display: block;
    text-decoration: none;
    color: white;
    font-family: verdana;
    font-size: 12px;
}
#header {
  height: 97px;
    margin: 22px auto;
}
.cart {
    font-size: 12px;
    font-family: verdana;
    color: #666;
    height: 40px;
    margin-top:30px;
}
.carts {
    margin-right: 40px;
    float: left;
    width:30px ;
}
.sp3 {
    font-size: 10px;
    border: 1px solid #f7aa02;
    border-radius: 10px;
    font-size: 10px;
    width: 20px;
    height: 10px;
    float: right;
    margin-top: -5px;
    text-align: center;
    background-color: #f7aa02;
    color: white;
}
.sp4 {
    font-size: 10px;
    float: right;
    position: absolute;
    color: white;
    top: 77px;
    margin-left: 34px;
}
.c1, .c2, .c3 {
    margin-top:4px;
    float:left;
    font-size:13px;
}
.c1:hover, .c2:hover, .c3:hover {
    color: orange;
}
.heart {
    margin-right: 40px;
    float: left;
    width: 60px ;
    text-align:center;
}
.img5 {
    margin-right: 3px;
}
.sp5 {
    font-size: 10px;
    border: 1px solid #f7aa02;
    border-radius: 10px;
    font-size: 10px;
    width: 20px;
    height: 10px;
    float: right;
    margin-top: -5px;
    text-align: center;
    background-color: #f7aa02;
    color: white;
    margin-right: 23px;
}
.sp41 {
    font-size: 10px;
    float: right;
    position: absolute;
    color: white;
    top: 77px;
    margin-left: 38px;
}

.account {
    float: left;
    width: 80px ;
    text-align:center;
}
.top-container {
     height: 525px;
    width: 100%;
    background-color: #CCCCCC;
}
.sp6 {
    font-size: 10px;
    border: 1px solid #f7aa02;
    border-radius: 10px;
    font-size: 10px;
    width: 20px;
    height: 10px;
    float: right;
    margin-top: -5px;
    text-align: center;
    background-color: #f7aa02;
    color: white;
    margin-right: 43px;

}
.sp42 {
    font-size: 10px;
    float: right;
    position: absolute;
    color: white;
    top: 77px;
    margin-left: 35px;
}

#logoImager {
    float: left;
    margin:20px 0px;
}
.topSousuo {
    width: 560px;
    margin-top: 25px;
    float: left;
    margin-left: 100px;
}
#kwCont {
    height: 50px;
    display: inline-block;
    width: 560px;
}
#kwCont .textCont {
    outline:none;
    background-repeat: no-repeat;
    background-position: 10px;
    width: 500px;
    /* border-radius: 4px 0px 0px 4px; */
    height: 48px;
    line-height: 50px;
    color: #505050;
    float: left;
    border: #babcbd 1px solid;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.anSearch {
   
    background: #f7aa02;
    width: 50px;
    
    height: 50px;
    border: none;
    float: left;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    margin-left: -3px;
}
.wrap {
    clear: both;
    margin: 0 auto;
    background-color: #333333;
}
.nav_shop {
    background-color: #333333;
    height: 60px;
    z-index: 9;
    margin: 0 auto;
    width: 1170px;
}

.nav_title {
    font-size:14px;
    /*font-weight:bold;*/
    color: white;
    cursor: default;
    float: left;
    height: 60px;
    line-height:60px;
    padding:0px 27px 0px 27px;
    position: relative;
    text-indent: 10px;
    transition: background 0.5s;
    -moz-transition: background 1s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    -moz-transition: color 0.5s;
    -o-transition: color 0.5s;
}
.nav_title:hover {
    background-color: #f7aa02;
    color: white;
}
.nav_title .arrow_a {
    position: absolute;
    right: 10px;
    top: 18px;
}
.arrow_a {
    display: block;
    height: 4px;
    overflow: hidden;
    position: relative;
    width: 8px;
}
.nav_title .arrow_a i {
    border-top-color: white;
}
.arrow_a i {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #000 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 80px;
    bottom: -80px;
    display: block;
    height: 0;
    left: 50%;
    margin-left: -80px;
    position: absolute;
    width: 0;
}
.arrow_a i i {
    border-color: #fff transparent transparent;
    bottom: -79px;
}

   .nav_links {
        padding-left: 200px;
    cursor: default;
    height: 60px;
    line-height: 60px;
    /*padding-left: 3px;*/
    color: white;
}
.nav_links li:hover {
    background-color: #f7aa02;
    color: white;
}
.nav_links li {
    margin: auto auto auto auto;
}
.nav_links li {
  font-family: Arial;
    width: auto;
    float: left;
    text-align: center;
    padding: 0px 33px;
    transition: background 0.5s;
    -moz-transition: background 1s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    -moz-transition: color 0.5s;
    -o-transition: color 0.5s;
    font-size: 16px;
    /* font-weight: bold; */
}
.account-num {
        z-index: 1;
    position: absolute;
    margin: -5px 0px 0px 16px;
    width: auto;
    height: 20px;
    border-radius: 20px;
    background-color: #F7AA02;
    color: white;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    padding:0 6px;
}
.iconcart {
    width: 24px;
    height: 24px;
    display: block;
    background: url(/images/icons2.png) no-repeat 0px 0px;
    background-repeat: no-repeat;
    background-position: 48% 20%;
}

.iconwistlist {
    width: 26px;
    height: 24px;
    display: block;
    background: url(/images/icons2.png) no-repeat 0px 0px;
    margin-left: 15px;
    background-repeat: no-repeat;
    background-position: 57% 20%;
}

.iconaccount {
    width: 26px;
    height: 24px;
    display: block;
    background: url(/images/icons2.png) no-repeat 0px 0px;
    margin-left: 17px;
    background-repeat: no-repeat;
    background-position: 65% 20%;
}
.account-numw {
    z-index: 1;
    position: absolute;
    margin: -5px 0px 0px -2px;
    width: auto;
    height: 20px;
    border-radius: 20px;
    background-color: #F7AA02;
    color: white;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    padding:0 6px;
}

.account-numa {
   z-index: 1;
    position: absolute;
    margin: -5px 0px 0px 16px;
    width: auto;
    height: 18px;
    border-radius: 20px;
    background-color: #F7AA02;
    color: white;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    padding: 0 6px;
}
.tpn {
   height:529px;
   float:left;
   position:absolute;
    border: 0px;
    outline: 0px;
    background-color: #FBFBFB;
    z-index: 1000;
    width: auto;
    font-family: Verdana, Tahoma, Arial;
    display:none;
}
.tpn1 {
    float: left;
    width: 195px;
    height: auto;
   
    text-align: left;
    font-size: 13px;
}
.tpn12 {
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    border-bottom: 1px solid #ccc;
}
.tpn12 a {
    color: #333;
}
.tpn2 {
    float: left;
    width: 772px;
    height: 510px;
    padding: 8px 0px 8px 12px;
    text-align: left;
    font-size: 13px;
    line-height: 22px;
    display: none;
    box-shadow: 0px 5px 10px #5c5f5f;
    position:absolute;
    margin-left:190px;
    background:#fff;
}
.tpn2 div {
    height:28px;
    overflow:hidden;
    float: left;
    width: 250px;
    padding: 3px 0px 3px 0px;
}
.tpn2 div b {
    margin-right: 5px;
    color: #666;
}
#cate a:hover {
    color: #f7aa02;
}
#cate a {
    color: #333;
}
.tpn3 {
    display: none;
}
.nav li a:hover .xs {
    display: block;
}
.nav li a .xs {
    border: 1px solid #cccccc;
    border-top: none;
    display: none;
    width: 1143px;
    height: 175px;
    background: #f1f1f1;
    position: absolute;
    right: 0px;
    z-index: 3;
}
.nav li:nth-child(1) .xiao {
    left: 20px;
}
.nav li a {
    display: block;
    text-decoration: none;
    color: #888;
    font-family: verdana;
    font-size: 12px;
}
.features i {
    width: 315px;
    display: block;
    float: left;
    margin: 0 38px;
}
.features i em {
    width: 174px;
    display: block;
    float: left;
}
i, em {
    font-style: normal;
}
.features i em .co1 {
    color: #ff6a00;
}
.features i em .co1, .co2, .co3 {
    font-size: 15px;
}
.features i img {
    display: block;
    float: left;
    /* border: 1px solid #d7d8d8; */
    margin-bottom: 12px;
}
img {
    /*max-width: 100%;*/ 
    border: none;
    box-sizing: border-box;
}
.features i .k {
    height: 140px;
    border-right: 1px solid #808080;
    margin-top: 20px;
}
.features i em .co2 {
    color: #70fa39;
    margin-left: -60px;
}
.features .navst {
    border: none;
    margin-right: 0px;
}
.features i em .co3 {
    color: #4a8ac7;
    margin-left: -60px;
}
.tpn11 {
   height: 50px;
    line-height: 50px;
    padding-left: 20px;
    border-bottom: 1px solid #ccc;
    background-color: #F7AA02;
}
.tpn11 a {
    color: white;
}
#keylist { position: absolute; display: none; border: 1px solid #efefef; border-right: 1px solid #aaa; border-bottom: 2px solid #999; font-weight: bold; top: 158px; left: 0px; padding: 5px; height: auto; line-height: 20px; background-color: #ffffff; text-align: left; font-size: 12px; font-family: Verdana, Tahoma, Arial; z-index:999;}
#keylist div { padding: 3px; cursor: default; color: #000; background-color: #fff; }
#keylist .ov { color: #fff; background-color: #ccc; }

      .nav-wrap {
    clear: both;
    margin: 0 auto;
    background-color: #333333;
}
      .nav_shop {
           position: relative;
    background-color: #333333;
    height: 60px;
    z-index: 9;
    margin: 0 auto;
    width: 1170px;
}
          #goods {
        position: absolute;
        top: 0;
        left: 0;
        width: 200px;
        height: 60px;
        /*background: #0074BA;*/
    }
          input, select, textarea {
    font-size: 100%;
}
        #goods #all_list h2 a {
           display: block;
    height: 60px;
    padding-left: 20px;
    line-height: 60px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
        }

           #goods h2 a:hover {
                text-decoration: none;
            }

          /*分类列表*/
	.index_category {
				float: left;
				width: 210px;
			}
			
			.cate_box {
				float: left;
				position: relative;
				border: 0px;
				outline: 0px;
				background-color: #fff;
				z-index: 1000;
				width: 195px;
				height: 383px;
				font-family: Verdana, Tahoma, Arial;
                display:none;
                border:1px solid #ccc;
               
			}
			
			.cate_box .cate_list {
				text-align: left;
               width:195px;
               	 border-bottom: 1px solid #ccc; 
			}
			
			.cate_box .cate_list .cate_name {
				height: 47px;
			}
			
			.cate_box .cate_list .cate_name a {
				width: 175px;
				height: 47px;
				padding-left: 10px;
				font-weight: normal;
				line-height: 47px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				display: inline-block;
				color: #333;
				font-size: 13px;
			}
			
			.cate_box .cate_list .cate_name a:hover {
				color: white;
			}
               
			.cate_box .cate_list .cate_name a .arrow_d {
				position: absolute;
				right: 5px;
				top: 12px;
			}
			
			.cate_box .cate_list .cate_name a s {
				float: left;
				padding: 0 10px 0 0;
				text-decoration: none;
			}
			
			.cate_box .cate_list:hover .cate_name {
				line-height: 47px;
				background-position: -12px -185px;
				background-color: #F7AA02;
			     color:white;
				border-width: 2px 0;
				width: 195px;
			}
			  .cate_box .cate_list .cate_sub dt a:hover{
        
          color:black;
    }
			.cate_box .cate_list:hover .cate_name a {
				padding-left: 10px;
                color: white;
			}
			
			.cate_box .cate_list:hover .cate_name a .arrow_d {
				right: 6px;
			}
			
			.cate_box .cate_list:hover .cate_name a .arrow_d i {
				border-left-color: #0074ba;
			}
			
			.cate_box .cate_list:hover .cate_name a .arrow_d i i {
				border-left-color: #fff;
			}
			
			.cate_box .cate_list .cate_sub {
				background: #fff none repeat scroll 0 0;
				border: 1px solid #ccc;
				box-shadow: 0px 5px 10px #5c5f5f;
				display: none;
				left: 195px;
				min-height: 306px;
				padding: 5px 0 20px 20px;
				/*padding: 5px 180px 20px 20px;*/
				position: absolute;
				top: 0px;
				white-space: nowrap;
                height:356px;
			}
			
			.cate_box .cate_list .cate_sub dl {
				display: inline-block;
				padding-right: 20px;
				position: relative;
				vertical-align: top;
				width: 200px;
				z-index: 2;
			}
			
			.cate_box .cate_list .cate_sub dt {
				display: block;
				font-size: 13px;
				font-weight: bold;
				margin: 15px 0 5px;
				padding-bottom: 8px;
				white-space: normal;
			}
			
			.cate_box .cate_list .cate_sub dd {
				white-space: normal;
			}
			
			.cate_box .cate_list .cate_sub dd a {
				display: block;
				padding: 5px 0;
                font-size:13px;
			}
			
			.cate_box .cate_list .cate_sub dd a:hover {
				color: #F7AA02;
			}
			
			.cate_box .cate_list .tablet_pc {
				padding-bottom: 100px;
			}
			
			.cate_box .cate_list .clothing {}
			
			.cate_box .cate_list .clothing dl dd a {
				padding: 9px 0;
			}
			
			.cate_box .cate_list .clothing dl dd a.men {
				margin: 13px 0 0;
			}
			
			.cate_box .cate_list .clothing dl dd a.men i {
				border-top: 1px dashed #999;
				font-style: normal;
				padding: 14px 10px 0 0;
			}
			
			.cate_box .cate_list .cate_banner {
				bottom: 0;
				position: absolute;
				right: 0;
				z-index: 1;
			}
			
			.cate_box .cate_list .cate_banner_png {
				bottom: -30px;
				right: -50px;
			}
			
			.cate_box .cate_list .cate_banner img {
				display: block;
			}
			
			.cate_box .cate_list .cate_brand {
				bottom: 20px;
				height: 120px;
				left: 20px;
				overflow: hidden;
				position: absolute;
			}
			
			.cate_box .cate_list .cate_brand a {
				border: 1px solid #ddd;
				display: block;
				float: left;
				margin-right: 10px;
			}
			
			.cate_box .cate_list .cate_brand a:hover {
				border-color: #ccc;
			}
			
			.cate_box .cate_list .cate_brand a img {
				display: block;
				height: 45px;
				width: 100px;
			}
			
			.cate_box .cate_list .cate_other {
				position: absolute;
				right: 20px;
				text-align: center;
				top: 20px;
				width: 150px;
				z-index: 2;
			}
			
			.cate_box .cate_list .cate_other strong {
				background: #0074ba none repeat scroll 0 0;
				color: #fff;
				display: block;
				height: 30px;
				line-height: 30px;
			}
			
			.cate_box .cate_list .cate_other ul {
				background: #f8f8f8 none repeat scroll 0 0;
				padding: 8px 0;
			}
			
			.cate_box .cate_list .cate_other li {
				border-top: 1px solid #eee;
				display: block;
				position: relative;
			}
			
			.cate_box .cate_list .cate_other li:first-child {
				border: 0 none;
			}
			
			.cate_box .cate_list .cate_other li:hover {
				background: #f9f9f9 none repeat scroll 0 0;
			}
			
			.cate_box .cate_list .cate_other li a {
				display: block;
				padding: 6px 0;
			}
			
			.cate_box .cate_list .cate_other li i {
				background: #aaa none repeat scroll 0 0;
				border-radius: 2px;
				display: none;
				height: 4px;
				left: 0;
				position: absolute;
				top: 9px;
				width: 4px;
			}
			
			.cate_box .cate_list .cate_direct {
				bottom: auto;
				min-height: 150px;
				padding: 0;
				top: 7px;
				width: 490px;
			}
			
			.cate_box .cate_list .cate_direct_list {
				overflow: hidden;
				padding: 20px 0 0 10px;
			}
			
			.cate_box .cate_list .cate_direct_list a {
				background: #0074ba none repeat scroll 0 0;
				color: #fff;
				float: left;
				font-size: 14px;
				height: 30px;
				line-height: 30px;
				margin: 0 0 20px 10px;
				text-align: center;
				width: 220px;
			}
			
			.cate_box .cate_list .cate_direct_list a:hover {
				background: #f70 none repeat scroll 0 0;
				box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
			}
			
			.cate_box .cate_list .cate_direct_ads {
				overflow: hidden;
				padding-left: 10px;
			}
			
			.cate_box .cate_list .cate_direct_ads a {
				float: left;
				margin: 0 0 20px 10px;
				width: 220px;
			}

 /*.nav_category_list { width:200px; position:relative; height:auto;  }*/
    #goods.on .cate_box{display: block;} 

  #goods #all_list i {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid white;
    position: relative;
    top: -2px;
    margin-left: 12px;
}
  h2{
    font-size: 100%;
    font-weight: 500;
    margin:0;
}

  .h b {
    margin-right: 5px;
    color: #666;
}
  .toplink {float: left; line-height: 30px; color: #878787;margin-right:25px;
}
      .toplink a:hover {
        color:#f7aa02;
      text-decoration: underline;
    }
.laptop {
    width: 30px;
    height: 65px;
    display: block;
    background: url(/images/qa/icon.png) no-repeat 0px 0px;
    float: left;
    margin-top: -40px;
}
.phone {
	width: 20px;
	height: 65px;
	display: block;
	background: url(/images/qa/icon.png) no-repeat 0px 0px;
	float: left;
	margin-top: -40px;
	background-repeat: no-repeat;
	background-position: 90% 30%;
}
.out {
	width: 20px;
	height: 70px;
	display: block;
	background: url(/images/qa/icon.png) no-repeat 0px 0px;
	float: left;
	margin-top: -40px;
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
#nav .acs {
     color: #f7aa02;
}
.act .username {
     color: #f7aa02;
}