/************顶部************/
.top{ width: 100%; height: auto; background-color: #f8f8f8; border-bottom: 1px solid #DDDDDD;}
.top .top-conter{ width: 1200px; height: 33px; line-height: 33px; margin: 0 auto;}
.top .top-conter a{ color: #666666;}
.top .top-conter a.mar10{ color: #ff8a00; font-weight: bold;}
.top .top-conter .fl img{ position: relative; margin-top: -3px;}
.top .top-conter .fr i{ color: #d20b0b; font-weight: bold; font-size: 14px;}

/***********头部**************/
.header{ width: 1200px; height: 123px; margin: 0 auto;}
.header .logo{ width: 250px;}
.header .search{ width: 540px; height: 62px; margin-left: 55px; display: inline;}
.header .search ul{ height: auto; overflow: hidden;}
.header .search li{ padding: 0px 10px; height: 25px; line-height: 25px; float: left; cursor:pointer; color: #666666;}
.header .search li.cur{ background-color: #2577e3; color: #FFFFFF;}
.header .search .serach-a{ width: 540px; height: 36px; background-color: #2577e3;}
.header .serach-a input{ background-color: #2577e3; border: none; padding: 0 5px; margin-left: 3px; margin-top: 3px;*margin-top: 2px; font-size: 12px; color: #666666;}
.header .serach-a input.text1{ width: 430px; height: 30px; line-height: 30px; background-color: #FFFFFF;}
.header .serach-a input.btn{ width: 90px; height: 30px; line-height: 30px; text-align: center; color: #FFFFFF; font-size: 16px; cursor: pointer;}
.header .user{ width: 270px; height: 35px; margin-left: 70px; margin-top: 50px; margin-right: 5px; display: inline;}
.header .user .box{ width: 118px; height: 33px; line-height: 35px; cursor: pointer; border: 1px solid #DDDDDD; border-radius: 3px; text-align: center; color: #666666; font-size: 12px; float: left; background-color: #f9f9f9; display: inline-block; position: relative;}
.header .user img{ margin-top: -5px; margin-right: 8px;}
.header .user .box span{ width: 18px; height: 18px; line-height: 18px; border-radius:100% ; background-color: #FF0000; color: #FFFFFF; top:-10px; right: -5px;}
.header .user .hy:hover{ background-color: #F2F2F2;}
.header .user .shop{ background-color: #FFFFFF; box-shadow: 0 0 4px #999999; }
.header .my-shop{ height: 123px; line-height: 123px;}

/*购物车*/
.shoplist{ width: 348px; height: 485px; box-shadow: 0 0 4px #999999; top:35px; left: -230px; z-index: 20;}
.shoplist h2{ text-align: left; padding-left: 10px; font-size: 14px; border-bottom: 1px solid #DDDDDD;}
.shoplist .shoplist-con{ width: 100%; height: 355px; overflow:hidden;}
.shoplist .shoplist-con ul{ height: 355px; overflow-y:scroll;}
.shoplist .shoplist-con ul li{ height: auto; border-bottom: 1px solid #DDDDDD;}
.shoplist .shoplist-con ul table{ width: 100%; height: auto; overflow: hidden;}
.shoplist-con td{ height: 34px; line-height: 34px;}
.shoplist-con td.mc{ width: 210px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #2577e3;}
.shoplist-con td.sl{ width: 40px; overflow: hidden;}
.shoplist-con td.jg{ width: 105px; overflow: hidden;}
.shoplist-con td.jg i{ color: #f83f0e; font-size: 14px;}
.shoplist-con td.sc{ text-align: right;}
.shoplist-con td.sc em{ color: #333333; font-size: 14px; padding-right: 20px;}
.shoplist-con td.sc em:hover{ color: #f83f0e;}
.shoplist-bot{ margin-top: 30px; height: 65px; background-color: #f5f5f5; line-height: 65px; text-align: left; position: relative;}
.shoplist-bot em.sp{ padding-left: 10px; padding-right: 20px;}
.shoplist-bot em.hj{ padding-right: 10px;}
.shoplist-bot em.hj i.jg{ color: #ff0006; font-size: 14px;}
.shoplist-bot .btn{ width: 90px; height: 30px; line-height: 30px; background-color: #2577E3; color: #FFFFFF; text-align: center; font-size: 14px; display: inline-block; position: absolute; right: 20px; top:15px; border-radius:3px ;}

.line{ height: 10px;width: 118px; background-color: #FFFFFF; position: absolute; top:30px; left: 0; z-index: 20;}

/***********导航****************/
.nav-bar{ width: 100%; height: 40px; line-height: 40px; background-color: #2577e3;}
.nav-bar .nav{ width: 1200px; height: 40px; margin: 0 auto;}
.nav .nav-product{ width: 170px; height:auto; position: absolute; z-index: 11111;}
.nav .nav-product-top{ width: 170px; height: auto;}
.nav .nav-product-top h1{ width: 170px; height: 40px; color: #FFFFFF; font-size: 14px; background:#0a56bb url(../images/hxl-01.png) 10px center no-repeat; cursor: pointer;}
.nav .nav-product-top h1 span{ padding-left: 30px;}
.nav .nav-product-top ul{ height: 345px; position: relative;}
.nav .nav-product-top li{ height: 57px; line-height: 57px; color: #FFFFFF; background-color: #2577e3; border-top:1px dashed #65a7ff ; font-size: 14px; cursor: pointer; overflow: hidden;}
.nav .nav-product-top li a{padding-left: 15px;}
.nav .nav-product-top li:first-child{ border-top: none;}
.nav .nav-product-top li:hover{ height: 57px; line-height: 57px; background-color: #FFFFFF; color: #2577e3}


.nav-product-con{  min-width:400px; height: 347px; position: absolute; top:0px; left: 170px;z-index: 12222;}
.nav-product-con dl{ clear: both; height: 330px; margin-top: 15px; overflow: hidden;}
.nav-product-con dd{ height: 35px; line-height: 35px; float: left; overflow: hidden;}
.nav-product-con dd a{ display:block; font-size: 14px; color: #666666;}
.nav-product-con dd a:hover{ color: #2577E3;}

.nav .nav-show{ width: 1030px;}
.nav .nav-show li{ width: 110px; height: 40px; text-align: center; float: left;}
.nav .nav-show li a{ color: #FFFFFF; font-size: 14px;}
.nav .nav-show li.cur,.nav .nav-show li:hover{ background-color: #0275C2;}

/***********中间部分****************/
.main{ width: 100%; height: auto; background: #eeecec url(../images/bg.jpg) top center no-repeat;}
.main .main-con{ width: 1200px; height: auto; margin: 0 auto; margin-bottom: 15px; }

/*banner*/
.main-con .banner{ width: 1030px; height: 345px; margin-left: 170px; position: relative; z-index: 1;} 
.banner .prev,.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner .next{ left:auto; right:3%; background-position:8px 5px; }
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .hd { overflow: hidden;  position: absolute; bottom: 12px; left: 47%; z-index: 3;}
.banner .hd li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 400; font-family: "微软雅黑",Arial; color: #333333; background: #FFFFFF; margin-right: 10px; cursor: pointer; float: left;}
.banner .hd li.on { background: #2577E3; color: #FFFFFF; }
.banner .pic li a{ display: inline-block;}

/*精品推荐*/
.jptj{ width: 1160px; height: auto; padding:15px 20px;}
.jptj h1{ height: 45px; line-height: 45px; border-bottom: 1px dashed #999999; background: url(../images/hxl-02.png) left center no-repeat; text-indent: 2em; font-size: 24px; color: #ff7800;}
.jptj-con{ height: auto; overflow: hidden; margin: 0 auto;}
.jptj-con .jptj-top{ height: auto; overflow: hidden; margin-left: 30px;}
.jptj-con .jptj-top li{ padding: 0 12px; height: 25px; line-height: 25px; float: left; font-size: 14px; color: #666666; border-radius:3px ; cursor: pointer;}
.jptj-con .jptj-top li.cur{ background-color: #209ef6; color: #FFFFFF;}
.jptj-con .pic li{ width: 192px; height: auto; text-align: center; float: left; margin-top: 20px; overflow: hidden; margin-bottom: 10px;}
.jptj-con .pic li:first-child{ margin-left: 4px; display: inline;}
.jptj-con .pic li img{ width: 125px; height: 130px;}
.jptj-con .pic li span{ width: 125px; display: block; line-height: 25px; color: #f83f0e; margin: 0 auto; margin-top: 10px;}
.jptj-con .pic li i{ font-size: 16px; font-weight: bold;}
.jptj-con .pic li p{ width: 125px; height:24px; line-height: 24px; margin: 0 auto; overflow: hidden;}
.jptj-con .pic li p a{ color: #209ef6;}

/*常备库存*/
.cbkc{ width: 1160px; height: auto; padding:15px 20px;}
.cbkc h1{ height: 45px; line-height: 45px; border-bottom: 1px solid #DDDDDD; background: url(../images/hxl-03.png) left center no-repeat; text-indent: 2em; font-size: 16px; color: #209ef6; margin-top: 10px;}
.cbkc h1 span{ width: 105px; height: 44px; line-height: 45px; display: block; border-bottom: 2px solid #209ef6;}
.cbkc-con{ height: auto; margin: 0 auto;}
.cbkc-con .pic li{ width: 192px; height: auto; text-align: center; float: left; margin-top: 20px; overflow: hidden; margin-bottom: 10px;}
.cbkc-con .pic li:first-child{ margin-left: 4px; display: inline;}
.cbkc-con .pic li img{ width: 130px; height: 130px;}
.cbkc-con .pic li span{ width: 125px; display: block; line-height: 25px; color: #f83f0e; margin: 0 auto; margin-top: 10px;}
.cbkc-con .pic li i{ font-size: 16px; font-weight: bold;}
.cbkc-con .pic li p{ width: 125px; height:24px; line-height: 24px; margin: 0 auto; overflow: hidden;}
.cbkc-con .pic li p a{ color: #209ef6;}

/*代理品牌*/
.dlpp{ width: 1160px; height: auto; padding:15px 20px;}
.dlpp h1{ height: 45px; line-height: 45px; border-bottom: 1px solid #DDDDDD; background: url(../images/hxl-04.png) left center no-repeat; text-indent: 2em; font-size: 16px; color: #209ef6; margin-top: 10px;}
.dlpp h1 span{ width: 105px; height: 44px; line-height: 45px; display: block; border-bottom: 2px solid #209ef6;}
.dlpp-con{ height: auto; margin: 0 auto;}
.dlpp-con ul{ height: 120px !important; }
.dlpp-con .pic li{ width: 176px; height: auto; text-align: center; float: left; margin-top: 20px; overflow: hidden; margin-bottom: 10px; border: 2px solid #DDDDDD; margin-left: 16px;}
.dlpp-con .pic li img{ width: 176px; height: 77px;}
.dlpp-con .pic li:first-child{ margin-left: 0;}
.dlpp-con .tempWrap{ width: 1160px !important;}

/*新闻资讯*/
.news{ width: 393px; padding: 10px 15px 20px 15px; height: 320px;}
.news h1{ height: 35px; line-height: 35px; border-bottom: 1px solid #DDDDDD; color: #333333; font-size: 16px; position: relative; font-weight: normal;}
.news h1 span{ width:105px; height: 34px; display: block; border-bottom: 2px solid #209ef6;}
.news h1 .more{ position: absolute; right: 5px; top:4px; color: #666666; font-size: 12px;}
.news h1 .more:hover{ color: #209ef6;}
.news ul{ height: 270px; overflow: hidden; margin-top: 15px;}
.news li{ width: 100%; height: 30px; line-height: 30px;}
.news li a{ font-size: 12px; color: #666666;}
.news li i{ width: 310px; height: 30px; float:left;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news li a:hover{ color: #2577e3; transition: all 0.2s ease;}
.news li span.time{ padding-left: 5px;}
.news li span.time:hover{ color: #2577e3;}

/*技术专栏*/
.column{ width: 720px; padding: 10px 20px 20px 20px; height: 320px;}
.column h1{ height: 35px; line-height: 35px; border-bottom: 1px solid #DDDDDD; color: #333333; font-size: 16px; position: relative; font-weight: normal;}
.column h1 span{ width:105px; height: 34px; display: block; border-bottom: 2px solid #209ef6;}
.column h1 .more{ position: absolute; right: 5px; top:4px; color: #666666; font-size: 12px;}
.column h1 .more:hover{ color: #209ef6;}
.column-con{ width: 720px; height: 270px; margin-top: 35px;}
.column-con dl{ width: 360px; height: 85px; overflow: hidden; float: left; margin-bottom: 35px;}
.column-con dl dt{ width: 145px; height: 85px; text-align: center; float: left;}
.column-con dl dt img{ width: 130px; height: 75px; margin-top: 5px;}
.column-con dl dd{ width: 195px; height: 85px; overflow: hidden; float: left;}
.column-con dl dd h2{ width: 195px; height: 30px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.column-con dl dd h2 a{ font-size: 14px; color: #333333;}
.column-con dl dd p{ width: 195px; height: auto; max-height: 60px; line-height: 18px; overflow: hidden; font-size: 12px; color: #666666;}

/*品质保证*/
.pzbz{ width: 1200px; height: auto;}
.pzbz dl{ width: 300px; height: auto; margin-top: 25px; margin-bottom: 25px; float: left; background: url(../images/hxl-05.png) left center no-repeat; overflow: hidden;}
.pzbz dl:first-child{ background: none;}
.pzbz dt{ width: 250px; height: 35px; line-height: 35px; font-size: 18px; font-weight: bold; text-align: center; color: #333333; margin-left: 25px;}
.pzbz dd{ width: 250px; height: 65px; font-size: 12px; line-height: 18px; text-align: justify; color: #666666; margin-left: 25px; overflow: hidden;}


/***************************************列表页***********************************/
/*当前位置*/
.current-location{ width: 1200px; height: 45px; line-height: 45px; color: #666666; background: url(../images/location.png) left center no-repeat;}
.current-location a{ font-size: 12px; color: #666666; margin: 0 5px;}
.current-location span{ padding-left: 20px;}

/*列表页*/
.list{ width: 1200px; margin:0 auto;}

.list-top{ width: 1170px; padding: 15px 15px;}
.list-top ul{ height: 35px; border-bottom: 1px solid #DDDDDD;}
.list-top ul li{ width: 95px; height: 35px; line-height: 35px; float: left; font-size: 16px; color: #333333; text-align: center; margin-right: 10px; cursor: pointer;}
.list-top ul li.cur{ height: 34px; border-bottom: 2px solid #2577e3;}

.list-top-con{ width: 100%; height: auto; margin-top: 5px;}
.list-top-con dl{ width: 100%; height: auto; margin-top: 15px; overflow: hidden;}
.list-top-con dl dt{ width:80px; height: 25px; line-height: 25px; color: #999999; font-size: 14px; float: left;}
.list-top-con dl dd{ padding: 0 10px; height: 25px; line-height: 25px; float: left; cursor: pointer; color: #666666;}
.list-top-con dl dd.active{ background-color: #4595ff; color: #FFFFFF; border-radius:3px ;}

.list-con{ width: 100%; height: auto;}
.list-con-top{ height: 35px;}
.list-con ul.list-nr{ height: auto; overflow: hidden;}
.list-con ul.list-nr li{ height: auto; overflow: hidden; border-bottom: 1px solid #DDDDDD; text-align:center ;}
.list-con ul.list-nr li.active{ background-color: #f4f8fe;}
.list-con ul.list-nr li span.kb{ height: 115px; line-height: 115px; display: block; color:#666666; font-size: 16px;}
.list-con .tab1{ width: 100%; table-layout: fixed; height: auto; overflow: hidden; text-align: center;}
.list-con .tab1 th{ height: 35px; line-height: 35px; background-color: #efefef;}
.list-con .tab1 td{ height: 115px; font-size: 14px;}
.list-con .tab1 td img{ border: 1px solid #DDDDDD; width:96px; height: 59px;}
.list-con .tab1 td a{ color: #666666;}
.list-con .tab1 td span.jgkc{ color: #ff7800; text-decoration:underline; cursor: pointer;}
.list-con .tab1 tr.xg,.list-con .tab1 td.colspan{ width:1200px;}
.list-con-con{ height: auto; padding-bottom: 20px;}
.list-con .tab2{ width: 990px; height: auto; margin:0 auto; border-top: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD;}
.list-con .tab2 th{ height: 33px; line-height: 33px; font-size: 14px; color: #034aa8; background-color: #cae1ff;}
.list-con .tab2 th:first-child{ border-left:1px solid #DDDDDD ;}
.list-con .tab2 td{ height: 50px; line-height: 50px; border-left:1px solid #DDDDDD ; border-bottom:1px solid #DDDDDD ;}
.list-con .tab2 .zgj{ color: #ff0006;}
.list-con .tab2 .box{ width:85px; height: 23px; line-height: 25px; border: 1px solid #bbbbbb; padding: 0 5px;}
.list-con-con .tab1 a.mat20{ width: 145px; height: 40px; line-height: 40px; display: block; background:#ff7800 url(../images/hxl-07.png) 15px center no-repeat; color: #FFFFFF; margin: 0 auto; font-size: 14px; border-radius:3px ;}
.list-con-con .tab1 a.mat20:hover{ background-color: #FC8B26;}

/*分页*/
.page{ height: auto;}
.page ul{ float: right; height: auto; overflow: hidden; margin-right: 40px; display: inline;}
.page ul li{ padding: 8px 18px; border: 1px solid #DDDDDD; border-radius:3px ; font-size: 14px; float: left; margin-top: 10px; margin-bottom: 10px; cursor: pointer; margin-right: 10px;}
.page ul li.cur{ background-color: #2577e3; border: 1px solid #2577e3;}
.page ul li:hover{ background-color: #f8f8f8;}
.page ul li a{ color: #333333;}
.page ul li.cur a{ color: #FFFFFF;}
.page ul li.sy{ background-color: #f8f8f8;}
.page ul li.sy:hover{ background-color: #f8f8f8; border: 1px solid #DDDDDD;}
.page ul li.cur:hover{ background-color: #2577e3;}
.page ul li.cur:hover a{ color: #FFFFFF;}

/*正在加载中*/
.loading { height: 115px; line-height: 115px; text-align: center; font-size: 16px; color: #999; width: 100%; }
.loading i { background: transparent url("../images/loading.GIF") no-repeat scroll 0% 0% / contain; width: 48px;height:48px; display: inline-block; vertical-align: middle; margin-right:20px;}

/***************************************内容页****************************************/
.article{ width: 1200px; height: auto;}
.article h1{ width: 1175px; height: 75px; line-height: 75px; margin: 0 auto; margin-top: 15px; background-color: #f5f5f5; font-size: 18px;}
.article-top{ width: 1150px; height: auto; margin: 0 auto;}
.article-top ul.fl{ width: 900px; height: auto; overflow: hidden; margin-top: 15px; margin-bottom: 10px; margin-left: 30px; display: inline;}
.article-top ul.fl li{ height: 35px; line-height: 35px;}
.article-top ul.fl li span{ width: 60px; display: inline-block;}
.article-top ul.fl li i{ display: inline-block;}
.article-top .fr{ width: 220px; height: auto; margin-top: 15px;}
.article-top .fr img{ width: 130px; height: 150px; vertical-align: middle; margin-top: 10px;}

.article-con{ height: auto; margin: 0 auto;}
.article-con table{ width: 1125px; height: auto; margin: 0 auto; margin-top: 15px; border-top:1px solid #DDDDDD; border-right: 1px solid #DDDDDD ;}
.article-con table th{ height: 33px; line-height: 33px; font-size: 14px; color: #034aa8; background-color: #cae1ff;}
.article-con table th:first-child{ border-left:1px solid #DDDDDD ;}
.article-con table td{ height: 50px; line-height: 50px; border-left:1px solid #DDDDDD ; border-bottom:1px solid #DDDDDD ;}
.article-con table td span{ color: #ff0006;}
.article-con table td .box{ width:85px; height: 23px; line-height: 25px; border: 1px solid #bbbbbb; padding: 0 5px;}
.article-con table td a{ color: #ff7800;}
.article-con a.mat20{ width: 145px; height: 40px; line-height: 40px; display: block; background:#ff7800 url(../images/hxl-07.png) 15px center no-repeat; color: #FFFFFF; margin: 0 auto; font-size: 14px; border-radius:3px ;}
.article-con a.mat20:hover{ background-color: #FC8B26;}

.article-cp{ width: 100%; height: auto;}
.article-cp-top{ height: 40px; line-height: 40px; background-color: #f3f3f3; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;}
.article-cp-top li{ width: 119px; text-align: center; float: left; border-left: 1px solid #DDDDDD; font-size: 14px; cursor: pointer;}
.article-cp-top li:first-child{ border-left: none;}
.article-cp-top li.cur{ color: #FFFFFF; background-color: #2577e3; border: 1px solid #2577E3; margin-top: -1px;}
.article-cp-con{ width:1120px; height: auto; margin: 0 auto; margin-top: 15px; margin-bottom: 15px;}
.article-cp-con li{ height: 35px; line-height: 35px;}
.article-cp-con li span{ width: 60px; display: inline-block;}
.article-cp-con li i{ display: inline-block;}

/*************************关于我们*****************************/
.list-show{ height: auto; position: relative; z-index:1 ;}
.list-show-top{ width:1170px; height: auto; padding: 15px;}
.list-show-top ul{height: 40px; line-height: 40px; border-bottom: 1px solid #DDDDDD;}
.list-show-top li{ width: 100px; float: left; cursor: pointer; text-align: center;margin-right: 10px; background: url(../images/chnal_line.jpg) right center no-repeat;}
.list-show-top li a{ font-size: 16px; color: #333333;}
.list-show-top li.cur{ height: 39px; border-bottom: 2px solid #2577E3;}
.list-show-con{ width:1150px; height: auto; padding:10px 25px 25px 25px;}
.list-show-con p{ line-height: 24px; text-indent: 2em; margin-bottom: 20px; font-size: 14px; color: #666666;}
.list-show-con .tab3{height: auto; border-top: 1px solid #DDDDDD; text-align: center;}
.list-show-con .tab3 th{ height: 40px; line-height: 40px; background-color: #EFEFEF; font-size: 14px; border-bottom: 1px solid #DDDDDD;}
.list-show-con .tab3 td{ height: 35px; line-height: 35px; font-size: 13px; border-bottom: 1px solid #DDDDDD; color: #666666;}
.list-show-con .tab3 .xh{ width: 10%;}
.list-show-con .tab3 .bt{ width: 55%; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.list-show-con .tab3 .zz{ width: 20%;}
.list-show-con .tab3 .sj{ width: 15%;}
.list-show-con .tab3 td.bt a{ color: #2577E3;}
.list-show-a{ width: 1150px; height: 80px; margin: 0 auto; border-bottom: 1px solid #DDDDDD; padding-bottom: 10px;}
.list-show-a h1{ height: 50px; line-height: 50px; font-size: 24px; color: #2577E3;}
.list-show-a span{ height: 30px; line-height: 30px; font-size: 12px; color: #666666; display: inline-block;}
.list-show-a span i{ color: #999999;}
.list-show-b{ height: auto;}
.list-show-b p{ line-height: 28px;}

.list-show-c{ height: 40px; line-height: 40px; font-size: 14px; background-color: #EFEFEF;}
.list-show-c li{ width: 50%; float: left; text-indent: 2em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #666666;}
.list-show-c li a{ color:#2577E3;}


/*********************会员中心***********************/
.cp-left{ width: 139px; height: auto; box-shadow: 0 0 4px #333; margin-left: 4px; margin-top: 4px; margin-bottom: 4px; display: inline;}
.cp-left ul{ height: auto; margin-top: 10px; margin-bottom: 10px;}
.cp-left li{ height: 40px; line-height: 40px; position: relative; text-align: center;}
.cp-left li a{ font-size: 14px; color: #333333;}
.cp-left li i{ margin-left: 20px; margin-right: 5px; position: absolute; left: -5px;}
.cp-left li.cur a{ color: #2577e3; font-weight: bold;}

.cp-right{ width: 1045px; margin-top: 4px; height: auto;}
.cp-right-top{ width: 1000px; height: 40px; line-height: 40px; margin: 0 auto; margin-top: 15px; border-bottom: 1px solid #DDDDDD; position: relative;}
.cp-right-top li{ width: 120px; height: 40px; float: left; text-align: center; font-size: 16px;}
.cp-right-top li a{ color: #333333;}
.cp-right-top li.cur{ height: 38px; border-bottom: 2px solid #2577E3; font-weight: bold;}
.cp-right-top span.jf{ position: absolute; right: 5px; top:5px; font-size: 14px; z-index: 2;}
.cp-right-top span.jf .red{ color: #f83f0e; margin-left: 4px; margin-right: 4px;}
.cp-right-con{height: auto;}


/*我的订单*/
.cp-right-con .tab1{ width: 100%; height: auto; text-align: center;}
.cp-right-con .tab1 th{ height: 38px; line-height: 38px; font-size:12px; color: #666666; background-color: #eeecec;}
.cp-right-con .tab1 td{ height: 68px; line-height: 68px; font-size: 12px; color: #666666; border-bottom: 1px solid #DDDDDD;}
.cp-right-con .tab1 .je{ color: #f83f0e;}
.cp-right-con .tab1 .je i{ font-size: 16px;}
.cp-right-con .tab1 a.ck{ width: 100%; height: 34px; line-height: 40px; display: block; color: #666666;}
.cp-right-con .tab1 a.qx{ width: 100%; height: 34px; line-height: 20px; display: block; color: #666666;}
.cp-right-con .tab1 a:hover{ color: #2577E3;}
.cp-right-con .tab1 .loading{ height: 68px; line-height: 68px;}

/*账号信息*/
.cp-right-a{ width: 960px; height: auto; margin: 0 auto;}
.cp-right-a h2{ line-height: 40px; height: 40px; font-size: 16px; color: #333333; font-weight: normal;}
.cp-right-b{ height: auto; position: relative;}
.cp-right-b label{ width: 60px; height: 35px; line-height: 35px; text-align: right; display: inline-block; font-size: 14px; color: #666666; margin-bottom: 10px; margin-top: 10px;}
.cp-right-b .box{ width: 300px; border: 1px solid #DDDDDD; line-height: 30px; height: 28px; padding: 0 8px; font-size: 14px; color: #333333; margin-left: 10px; margin-bottom: 10px; margin-top: 10px;}
.cp-right-b .box:focus{ box-shadow: 0 0 3px #2577E3; -webkit-box-shadow: 0 0 3px #2577E3; -moz-box-shadow: 0 0 3px #2577E3;}
.cp-right-b .tel{ width: 200px;}
.cp-right-b .red{ color: #FF0000; font-size: 13px;}
.cp-right-b .yz{ border: 1px solid #FF0000;}.cp-right-b .yz:focus{ -webkit-box-shadow: 0 0 3px #FF0000; -moz-box-shadow: 0 0 3px #FF0000; box-shadow: 0 0 3px #FF0000;}
.cp-right-b .bd{ left: 74px; top:6px; width:330px ; height: 40px; line-height: 40px; background-color: #FFFFFF; font-size: 14px;}
.cp-right-b .yzm{ width: 100px;}
.cp-right-b .tz{ width: 100px; height: 30px; border: none; color: #666666; font-size: 14px; background-color: #deecff; cursor: pointer;}
.cp-right-b .sel{ width: 100px;}
.cp-right-b .select2-container{ margin-left: 10px;}
.cp-right-a .submit1{ width: 306px; height: 36px; line-height: 36px; font-size: 14px; border: none; color: #FFFFFF; background-color: #2577e3; border-radius:3px ; cursor: pointer; margin-left: 75px;}
.cp-right-a .submit1:hover{ background-color: #4390F5;}

/*订单详情*/
.order{ width: 980px; height:auto; margin: 0px auto;}
.order .order-a{height: auto; border-top: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD;}
.order .order-a dl{ float: left; font-size: 12px; color: #666666;}
.order-a dl dt{ width: 120px; border-left:1px solid #DDDDDD ; border-bottom:1px solid #DDDDDD ; height: 53px; line-height: 55px; float: left; background-color: #f8f8f8; text-align: right;padding-right: 10px;}
.order-a dl dd{ width: 347px; height: 53px; line-height: 53px; border-left:1px solid #DDDDDD ; border-bottom:1px solid #DDDDDD ; float: left; text-align: left; padding-left: 10px;}
.order-a dl dd.last{ width: 837px;}
.order-a dl dd span{ color: #f83f0e;}
.order-a dl dd span i{ font-size: 16px; font-weight: bold;}
.order-a dl dd a{ color: #2577e3}
.order-b{ height: auto; margin-bottom: 100px;}
.order-b table.tab2{ width: 100%; height: auto; border-top: 1px solid #DDDDDD; text-align: center;}
.order-b .tab2 th{ height: 38px; line-height: 38px; background-color: #eeecec; font-size: 12px; color: #666666; font-weight: normal;}
.order-b .tab2 td{ color: #333333; height: 60px; border-bottom: 1px solid #DDDDDD; padding-left:10px ; padding-right: 10px;}
.order-b .tab2 td span.xj{ color: #f83f0e;}
.order-b .tab2 td .yj{ display: block; color: #999999;}

/*我的购物车*/
.list-show .my-shop{ height: auto; min-height: 750px;}
.list-show .my-shop-a{ width: 100% height: auto; border-bottom: 1px solid #DDDDDD;}
.list-show .my-shop-a table.tab2{ width: 100%; height: auto; border-top: 1px solid #DDDDDD; text-align: center;}
.list-show .my-shop-a .tab2 th{ height: 38px; line-height: 38px; background-color: #eeecec; font-size: 12px; color: #666666; font-weight: normal;}
.list-show .my-shop-a .tab2 td{ color: #333333; height: 60px; padding-left:10px ; padding-right: 10px;}
.list-show .my-shop-a .tab2 td span.xj{ color: #f83f0e;}
.list-show .my-shop-a .tab2 td .yj{ display: block; color: #999999;}
.list-show .my-shop-a .tab2 td .hh{ color: #2577e3;}
.list-show .my-shop-a .jx-shop{ width: 300px; height: 145px; line-height: 145px; font-size: 16px; color: #2577e3; text-align: center;}
.list-show .my-shop-a .order-xq{ width: 800px; height: 145px; text-align: right; margin-right:15px ; position: relative;}
.list-show .my-shop-a .order-xq .order-a{ height: auto; font-size: 14px; color: #666666;}
.list-show .my-shop-a .order-xq .xg{ width: 120px; height: 40px; line-height: 40px;}
.list-show .my-shop-a .order-xq .red{ color: #f83f0e;}
.list-show .my-shop-a .order-xq .red i{ font-size: 20px; margin-right: 4px; margin-left: 4px;}
.list-show .my-shop-a .order-xq .sl{ margin-right: 4px;}
.list-show .my-shop-a .order-xq .tj{ width: 175px; height: 45px; line-height: 45px; background-color:#2577E3; color: #FFFFFF; display: block; text-align: center; border-radius:3px ; font-size: 18px; position: absolute; right: 0;}
.list-show .my-shop-a .order-xq .tj:hover{ background-color: #4390F5;}

/*收货信息*/
.shop-lc{ width: 1100px; height: auto; min-height: 720px; padding: 10px 50px;}
.shop-lc-a,.shop-lc-b{ height: auto;}
.shop-lc-a h1{ height: 40px; line-height: 40px; border-bottom: 1px solid #DDDDDD; font-size: 16px; color: #666666; font-weight: normal;}
.shop-lc-b dl{ width:550px; margin-top: 10px; color: #666666; font-size: 12px; height: 40px; line-height: 40px; float: left;}
.shop-lc-b dl dt{ width: 90px; float: left; text-align: right; padding-right: 10px;}
.shop-lc-b dl dt i{ color: #ff7800;}
.shop-lc-b dl dd{ width: 380px; float: left;}
.shop-lc-b dl dd .box{ height: 30px; line-height: 30px; width: 360px; padding: 0 5px; border: 1px solid #DDDDDD;}
.shop-lc-b dl dd .box:focus{ box-shadow: 0 0 3px #2577E3; -webkit-box-shadow: 0 0 3px #2577E3; -moz-box-shadow: 0 0 3px #2577E3;}
.shop-lc-b dl dd .sel{ width: 100px;}
.shop-lc-b dl dd .select2-container{ margin-right: 10px;}
.borb{ border-bottom: none !important;}

/*订单成功*/
.main-con-con{ height: auto;min-height:500px;}
.main-con-con .red{ color: #f83f0e;}
.main-con-con .order-d{ width: 625px; height: auto; margin: 0 auto; border-bottom: 1px solid #DDDDDD;}
.main-con-con .order-d h1{ margin-top: 50px; height: 50px; line-height: 50px; font-size: 24px; color: #2a352f; font-weight: normal;}
.main-con-con .order-d h1 img{ margin-right: 5px;}
.main-con-con .order-d .bh{ height: 40px; line-height: 40px; display: inline-block; color: #666666; font-size: 14px;}
.main-con-con .order-d a{ font-size: 14px; color: #2577e3;}
.main-con-con .order-d ul{ width: 300px; height: auto; padding: 5px 10px ; background-color: #edf5ff; border: 1px solid #bbd8ff; margin: 0 auto; margin-top: 15px; overflow: hidden;}
.main-con-con .order-d ul li{ line-height: 25px; font-size: 12px; color: #666666}

/*积分区间*/
.list-top-con .jfqj{ margin-top: 0;}
.list-con .sequence{ width: 100%; height: 50px; line-height: 50px; background-color: #efefef;}
.list-con .sequence li{ width: 110px; height: 50px; text-align: center; font-size: 14px; float: left; border-right: 1px solid #DDDDDD; cursor: pointer;}
.list-con .sequence li.cur{ height: 48px; background-color: #FFFFFF; border-top:2px solid #2577E3 ; border-right:none ; border-left:none ;}
.list-con-con .jfdh{ width: 1190px; height: auto; margin: 0 auto; overflow: hidden;}
.list-con-con .jfdh li{ width: 186px; height: auto; float: left; text-align: center; margin:10px 5px 0px 5px; border: 1px solid #FFFFFF; padding-bottom:3px; overflow:hidden}
.list-con-con .jfdh li .pic{ width: 186px; height:172px;}
.list-con-con .jfdh li:hover{ border: 1px solid #0a56bb;}
.list-con-con .jfdh li img{ width: 172px; height:164px; margin-top: 8px;}
.list-con-con .jfdh li a{ color: #333333; font-size: 12px;}
.list-con-con .jfdh li h2{ height: 28px; line-height: 30px; font-weight: normal;}
.list-con-con .jfdh li span{ color: #999999;}
.list-con-con .jfdh li span .red{ color: #F83F0E;}

/*积分兑换详情页*/
.article-zb{ width: 100%; height: auto;}
.article-zb img.fl{ width: 360px; height: 250px; margin: 15px 15px 0px 20px; display: inline;}

.article-yb{ width: 720px; margin-right: 15px; display: inline;}
.article-yb h1{ width:720px; padding-left: 20px;}
.article-yb .sxjf{ height: 40px; line-height: 40px; font-size: 14px; color: #333333; margin-left: 20px;}
.article-yb .sxjf i{ color: #F83F0E;}
.article-yb .scj{ height: 40px; font-size: 14px; color: #999999; margin-left: 20px; text-decoration: line-through;}
.article-yb .kcl{ height: 40px; line-height: 40px; font-size: 14px; color: #666666; margin-left: 20px;}
.article-yb .dh{ width: 175px; height: 48px; line-height: 48px; background-color: #ff7800; font-size: 18px; color: #FFFFFF; text-align: center; display: block; cursor: pointer; border-radius:3px ;}
.article-yb .dh:hover{ background-color: #FF8112;}

/****************底部****************/
.foot{ width: 100%; height: auto; padding-bottom: 10px;}
.footer{ width: 1200px; height: auto; margin: 0 auto;}
.foot dl{ width: 170px; height: auto; float: left; text-align: center; margin-top: 25px;}
.foot dl dt img{ width: 74px; height: 74px; margin-bottom: 5px;}
.foot dl dd{ font-size: 14px; color: #333333; line-height: 24px;}
.foot dl dd a{ font-size: 14px; color: #999999;}
.foot dl dd a:hover{ color: #2577E3; transition: all 0.2s ease;}
.foot dl dd img{ width: 167px; height: 181px; border: 2px solid #DDDDDD;}

.footer-bottom{ width: 100%; height: 50px; border-bottom: 1px solid #DDDDDD; margin-top: 50px;}
.footer-bottom ul{ width: 430px; height: 50px; margin: 0 auto;}
.footer-bottom ul li{ width: 100px; height: 20px; line-height: 20px; float: left; border-left:1px solid #DDDDDD ; margin-top: 20px; text-align: center;}
.footer-bottom ul li:first-child{ border-left:none;}
.footer-bottom ul li a{ color: #333333; font-size: 12px;}
.footer-bottom ul li a:hover{ color: #2577E3; transition: all 0.2s ease;}
.foot p{ color: #999999; font-size: 12px; line-height: 40px;}

/*遮罩层*/
.layer{ width: 100%; height: 100%; position: fixed; top:0; left: 0; z-index: 11129; background-color: #000000; opacity: 0.5; filter:alpha(opacity=50)}

/*弹窗1*/
.alertBox{ width: 300px; height: auto; position: fixed; top:50%; left: 50%; padding: 10px 15px 20px 15px; margin-top:-130px; margin-left: -180px; z-index: 11130; background-color: #FFFFFF; border-radius:5px ; box-shadow: 0 0 4px #333333;} 
.alertBox h1{ font-size: 18px; height: 40px; line-height:40px; text-align: center; font-weight: normal;}
.alertBox p{ font-size: 14px; line-height: 25px; text-align: center;}
.alertBox p i{ color: #FF0000; margin-left: 5px; margin-right: 5px;}
.alertBox a{ width: 80px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; display: inline-block; border-radius:3px ; margin-top: 15px;}
.alertBox a.shop{ background-color: #2577E3; color: #FFFFFF; margin-left: 70px;}
.alertBox a.lookshop{ background-color: #FF7300 ; color: #FFFFFF;}
.alertBox span.close{ width: 25px; height: 25px; display: inline-block; background: url(../images/close.png) 0 0 no-repeat; position: absolute; top:-25px; right:-25px; cursor: pointer;}

/*弹窗2*/
.alertBox1{ width: 300px; height: auto; position: fixed; top:50%; left: 50%; padding: 10px 15px 20px 15px; margin-top:-180px; margin-left: -180px; z-index: 11130; background-color: #FFFFFF; border-radius:5px ; box-shadow: 0 0 4px #333333;} 
.alertBox1 h1{ font-size: 18px; height: 40px; line-height:40px; text-align: center; font-weight: normal;}

/*登录*/
.index-login{ width: 300px; height: 300px; position: fixed; left: 50%; margin-left: -150px; top:50%; margin-top:-125px; box-shadow: 0 0 8px #000000; z-index: 11130;}
.index-login li{ width: 50%; height: 45px; line-height: 45px;background-color: #e8e8e8 ; font-size: 14px; cursor: pointer; float: left; text-align: center;}
.index-login li.on{ background-color:#FFFFFF;}
.index-login .login-a{ width: 300px; height: 250px;}
.index-login .login-a .ewm{ height: 200px; width: 200px; margin-top:15px ; margin-bottom: 5px;}
.index-login .login-a p{ font-size: 14px;}

.index-login .login-b{ width: 270px; height: 35px; border: 1px solid #DDDDDD; margin: 0 auto;margin-bottom: 15px;}
.index-login .login-b label{ width: 50px; background-color: #F5F5F5; height: 35px; float: left;}
.index-login .login-b label img{ width: 30px; height: 30px; margin-top: 2px;}
.index-login .login-b .box{ width: 200px; padding:0 10px; height: 35px; float: left; border: none;}
.index-login .login-b .box:focus{ box-shadow: 0 0 4px #DDDDDD inset;}
.index-login .yzxx{ width: 270px; height: 17px; line-height: 17px; text-align: center; margin: 0 auto; margin-top: 8px; margin-bottom: 8px;}
.index-login .yzxx p{ width: 270px; height: 17px;border: 1px solid #FFD5B3;background: #FFF7D6 ;}
.index-login .yzxx p img{ vertical-align: top;}
.index-login .yzxx i{ font-size: 12px; color: #666;}
.index-login .submit1{ padding: 8px 120px; margin-top: 10px; background-color: #2577E3; border: none; color: #FFFFFF; font-size: 14px; cursor: pointer; border-radius:2px ;}
.index-login .login-c{ width: 270px; height: 35px; border-top: 2px solid #DDDDDD; margin: 0 auto;margin-top: 20px; }
.index-login .login-c a{ height: 40px; width: 130px; float: left; font-size: 14px; line-height: 45px;}
.index-login .login-c a.zc{ color: #333333; text-align: left; padding-left: 5px; }
.index-login .login-c a.forget{ color: #2577E3; text-align: right; padding-right: 5px; }
.index-login .login-c a:hover{ color: #ff7300;}
.index-login .index-close{ width:25px; height:25px; display:block; top:-25px; right:-25px; cursor:pointer}
/*注册*/
.w1190{width: 1190px;}
.w100 { width: 100%;}
.icon-err{ width: 17px; height: 17px; background:url(../images/err.png) no-repeat;}
.yz{ background:#fff7d6; border:1px #ffd5b3 solid; font-size:12px; color: #666666; height: 17px; line-height:17px;}

.base-form-head{ border-bottom:2px #eeeeee solid; font-size:16px; color: #333333; line-height:35px; font-weight:800;}
.base-form-head li{ padding:0 45px; margin: 0 10px;}
.base-form-head li.on{ border-bottom:2px #2577E3 solid; margin-bottom: -2px;}
.base-form-head i{ font-size: 14px; color: #ffffff; background:#cccccc; width: 20px; height: 20px;line-height:20px;border-radius:3px;}
.base-form-head li.on i{ background:#2577E3;}
.base-form-head i.icon-yes{ background:#cccccc url(../images/icon-yes.png) center center no-repeat; width: 20px; height: 20px;line-height:20px;border-radius:3px;top:4px;}
.base-form-head li.on  i.icon-yes{ background:#ff7203 url(../images/icon-yes.png) center center no-repeat;}
.base-form-con td{ line-height: 34px; height: 54px;}
.base-form-tit { font-size:14px; color: #333333;}
.base-form-input{ line-height:20px; padding:5px 10px; width:250px; height: 20px;}
.base-form-input:focus{ border:1px #2577E3 solid;}
.base-form-input.input-yz{ width: 120px;}
.yzm-change{ cursor: pointer; color: #084eff; font-size: 14px;}
.register1{ padding-left:270px;}
.register2{padding-left:440px;}
.register2 p{ font-size:16px; color: #333333; padding: 10px 0;}
.register2 p em{ color: #2577E3;}
.register2 a{ color: #084eff; font-size:14px;}
.set{ color: #fff; background:#2577E3; padding: 7px 10px; border-radius: 3px; border: none; cursor: pointer;}
.set-wait{color: #999999; background:#ededed;}
.register-complete{ margin:50px auto; width: 260px;}
.icon-yes2{ background: url(../images/icon-yes2.png) no-repeat; width: 41px; height: 42px;}
.register-complete p{ font-size:20px; color: #333333; line-height:42px;}
.register-complete a{ font-size:14px; line-height:18px; color: #084eff;padding-left: 51px;}
.top2-con h2{ font-size:24px; color: #2577E3; font-weight:100; line-height:57px; margin-left: 10px; margin-top: 20px;}
.top2-con span.q-login a{ font-size:14px; color: #084eff;}
.top2-con span { bottom: 0px;right: 10px;}
.btn1 { background: #2577E3;border-radius: 3px;border: medium none;font-size: 16px;color: #FFF;cursor: pointer;}
.base-form-con td {
    line-height: 34px;
    height: 54px;
}