html,body{width: 100%;height: 100%;margin: 0;padding: 0;font-family: "Arial", "Tahoma", "微软雅黑", "雅黑";}
.header{width: 1200px;height: 129px;margin: 0 auto;text-align: center;}
.header #navTop #top {font-size: 12px;width: 1200px;margin: 0 auto;height: 33px;}
.header #navTop #top #topleft {display: inline-block;float: left;margin: 4px 0px;}
.header #navTop #top #topright {float: right;}
.header #navTop #top #topright li {letter-spacing: 1px;}
.header #navTop #top #topright li {display: inline-block;margin: 4px 8px;}
.header #headNav{width: 100%;height: 96px;position: relative;}
.header #headNav #logo{position: absolute;background: url("../images/shop/logo.png");background-size:cover;width: 123px;height: 96px;top:0;left:32px;cursor: pointer;}
.header #headNav #showList{position: absolute;right: 0;top:6px;width: 960px;height: 80px;}
.header #headNav #showList #search{float: left;margin-right: 40px;margin-top: 31px;}
.header #headNav #showList #search input{height: 37px;border: 2px solid orangered;width: 540px;padding-left: 5px;float: left;font-size: 12px;color: #333;outline: none;line-height: 37px;box-sizing: border-box;}
.header #headNav #showList #search button{height: 37px;overflow: hidden;padding: 7px 30px;display: inline-block;background-color: orangered;color: white;letter-spacing: 2px;float: right;border: 0;line-height: 21px;cursor: pointer;font-size: 12px;outline: none;}
.header #headNav #showList dl {margin: 5px 17px;float: left;}
.header #headNav #showList dl dt {width: 60px;height: 70px;}
.header #headNav #showList dl .rg {background: url('../images/shop/baozhang.png') 0 1px;}
.header #headNav #showList dl .zy {background: url('../images/shop/baozhang.png') 0 -77px;}
.header #headNav #showList dl .qc {background: url('../images/shop/baozhang.png') 0 -151px;}
.title{width: 100%;height: 38px;background: orangered;text-align: center;min-width: 1200px;}
.title ul{display:inline-block;width: 1200px;height: 38px;line-height: 38px;list-style: none;margin: 0 auto;padding: 0;}
.title ul li{width: 180px;float: left;height: 38px;color: #ffffff;text-align: center;font-size: 15px;cursor: pointer;position: relative;}
.title ul li.choose,.title ul li:hover{background: orange;}
.title ul li span{margin-right: 20px;}
.title ul li div.hot{position: absolute;width: 24px;height: 32px;top: 5px;right: 20px;background: url(../images/shop/HOTT_qeu.gif);}
.content{width: 100%;display: inline-block;}
.content .contenttop{width: 1200px;height: 300px;margin: 0 auto;}
.content .contenttop .goodsType{width: 180px;height: 300px;float: left;background: #fbeaf4;}
.content .contenttop .goodsType > div{width: 100%;height: 37px;line-height: 37px;padding-left: 45px;font-size: 14px;color: #555;cursor: pointer;}
.content .contenttop .goodsType > div:hover{background: rgba(165,165,165,0.1);}
.content .contenttop .goodsType > div .icon{display: inline-block;width: 16px;height: 16px;font-size: 14px;color: orangered;margin-right: 10px;}
.content .contenttop .goodsType > div em{margin-left: 10px; margin-top: 10px;width:9px; height:14px; position: absolute;background:url(../images/shop/x_hot.gif);}
.content .contenttop .activityDiv{display:inline-block;width: 720px;height: 300px;white-space: nowrap;position: relative;overflow: hidden;float: left;}
.content .contenttop .activityDiv ul.activity{display:inline-block;width: 720px;height: 300px;white-space: nowrap;position: relative;overflow: hidden;}
.content .contenttop .activityDiv ul.activity li{width: 720px;height: 300px;display: inline-block;float: left;position: absolute;top:0;left:0;}
.content .contenttop .activityDiv ul.activity li img{width: 100%;height: 100%;cursor: pointer;}
.content .contenttop .activityDiv .activityIndex{width: 100%;height: 30px;line-height: 30px;position: absolute;bottom: 0;text-align: center;z-index: 100;margin: 0 auto;}
.content .contenttop .activityDiv .activityIndex span{display: inline-block;width: 14px;height: 14px;background: rgba(120,120,120,0.4);border-radius: 10px;margin: 5px;cursor: pointer;}
.content .contenttop .activityDiv .activityIndex span.choose{background: white;}
.content .contenttop .topr{width: 300px;height: 300px;float: left;position: relative;}
.content .contenttop .topr img{width: 100%;height: 100%;}
.content .contenttop .topr .bdshare{position: absolute;top: 95px;left: 76px;}
.content .contenttop .topr .hotDiv{width: 100%;height: 50%;position: absolute;bottom: 0;left: 0;cursor: pointer;}
.content .contenttop2{width: 1198px;margin: 15px auto;border:1px #eee solid;font: 12px/1.5 "Simsun";border-bottom: none;}
.content .contenttop2 > div{width: 100%;height: 50px;line-height: 50px;}
.content .contenttop2 > div{border-bottom:1px #eee solid;}
.content .contenttop2 > div .typet{width: 100px;border-right: 1px solid #eee;color: #999;float: left;text-align: center;background: #f9f9f9;}
.content .contenttop2 > div .typet{height: 49px;}
.content .contenttop2 > div.goodsType .typec b{font-family: Arial;font-weight: normal;margin-left: 6px;}
.content .contenttop2 > div .typec{width: 1068px;float: left;padding-left:30px;}
.content .contenttop2 > div .typec > span{cursor: pointer;}
.content .contenttop2 > div .typec .choose, .content .contenttop2 > div .typec span:hover{color: #ff6255;}
.content .contenttop2 > div.goodsType .typec span{margin-right: 18px;}
.content .contenttop2 > div.pType .typec span{margin-right: 30px;position: relative;text-indent: 18px;display: inline-block;height: 50px;}
.content .contenttop2 > div .typec span i{position: absolute;width: 10px;height: 10px;border: #ccc 1px solid;left: 0;top: 20px;}
.content .contenttop2 > div .typec span.choose i{background: #ff6255 url(../images/shop/cms_pc_img.png) -99px -80px no-repeat;border: none;width: 10px;height: 10px;}
.content .contenttop3{background-color: #f9f9f9;height: 38px;width: 1198px;position: relative;border: #eee 1px solid;margin: 0 auto 20px;font: 12px/1.5 "Simsun";line-height: 38px;}
.content .contenttop3 span.order{float: left;line-height: 40px;height: 36px;border-right: #eee 1px solid;padding: 0 20px;color: #666;position: relative;cursor: pointer;}
.content .contenttop3 span.order.choose{border-top: 2px red solid;color: #FF0000;background: white;line-height: 36px;height: 36px;}
.content .contenttop3 span.price{margin-left: 40px;display: inline-block;}
.content .contenttop3 span.price input{width: 30px;height: 22px;padding: 4px;float: left;color: #999;font-family: Microsoft Yahei;border: #eee 1px solid;font-size: 12px;outline: none;margin: 7px 0;}
.content .contenttop3 span.price > span{float: left;height: 24px;line-height: 22px;padding: 0 2px;margin: 8px 2px;}
.content .contenttop3 span.price .ok{display:none;width: 40px;height: 22px;border-radius: 4px;background: #ff6255;color: #fff;text-align: center;line-height: 22px;border: none;outline: none;font-size: 12px;float: left;margin: 6px 0 0 10px;cursor: pointer;padding: 0;}
.content .contenttop3 span.price:hover .ok{display: block;}
.content .contenttop3 .pager{text-align: center;position: absolute;right: 18px;top: 7px;height: 26px;line-height: 26px;}
.content .contenttop3 .pager .pbtn{width: 8px;height: 14px;float: left;cursor: pointer;margin-top: 6px;background: url(../images/shop/cms_pc_img.png) -53px -93px no-repeat;}
.content .contenttop3 .pager .pbtn.left{background-position: -53px -107px;}
.content .contenttop3 .pager .pbtn.left.disabled{background-position: -53px -79px;cursor: default;}
.content .contenttop3 .pager .pbtn.right{background-position: -77px -93px;}
.content .contenttop3 .pager .pbtn.right.disabled{background-position: -77px -79px;cursor: default;}
.content .contenttop3 .pager .pagerno{font-size: 14px;margin: 0 13px;float: left;color: #666;font-family: Arial;}
.content .contenttop3 .pager .pagerno b{color: #ff6255;}

.content .contentsub{width: 1200px;margin: 20px auto;position: relative;}
.content .contentsub ul{list-style: none;margin: 0;padding: 0;font: 12px Simsun;}
.content .contentsub ul li{float: left;width: 286px;height: 400px;margin: 0 18px 28px 0;border: 1px solid #eee;cursor: pointer;}
.content .contentsub ul li:hover{border: 1px solid orangered;}
.content .contentsub ul li.noright{margin-right: 0;}
.content .contentsub ul li .img{width: 284px;height: 284px;position: relative;border: none;}
.content .contentsub ul li .img img{max-width: 284px;max-height: 284px;vertical-align: middle;border: none;}
.content .contentsub ul li .info{width: 260px;height: 116px;margin: 18px 12px;}
.content .contentsub ul li .info .price{width: 100%;height: 26px;position: relative;clear: both;}
.content .contentsub ul li .info .price .newprice{color: coral;font-size: 30px;line-height: 28px;font-weight: bold;font-family: "Arial";}
.content .contentsub ul li .info .price .newprice i{font-size: 14px;line-height: 28px;font-weight: bold;font-family: "Microsoft Yahei";font-style:normal;}
.content .contentsub ul li .info .price .memo{height: 26px;line-height: 18px;color: coral;}
.content .contentsub ul li .info .price .oldprice{width: 50px;margin-left: 10px;text-decoration: line-through;height: 26px;font: 14px "Microsoft Yahei";color: #aaa;line-height: 40px;}
.content .contentsub ul li .info .price .coupon{position: absolute;right: 0;font: 12px "Simsun";text-align: center;background: #fff7fa;color: coral;height: 24px;line-height: 24px;padding: 0 8px;margin-left: 10px;margin: 0;border: dotted 1px #ff0060;border-left: none;border-right: none;}
.content .contentsub ul li .info .price .coupon b{font-size: 14px;font-family: "微软雅黑";}
.content .contentsub ul li .info .price .coupon b i{font-style: normal;}
.content .contentsub ul li .info .price .coupon em{position: absolute;top: 0;width: 6px;height: 24px;background: white url(../images/shop/cms_pc_img.png) -120px -79px no-repeat;}
.content .contentsub ul li .info .price .coupon em.quan-left{left: 0;}
.content .contentsub ul li .info .price .coupon em.quan-right{right: 0;background-position-x: -136px;}
.content .contentsub ul li .info .name{width: 100%;height: 38px;line-height: 20px;letter-spacing: 0.5px;overflow: hidden;margin-top: 5px;}
.content .contentsub ul li .info .cou{width: 100%;height: 16px;line-height: 16px;position: relative;margin-top: 5px;}
.content .contentsub ul li .info .cou .cousub{color: #787878;}
.content .contentsub ul li .info .cou .cousub b{font-family: "Arial";font-size: 12px;font-weight: normal;color: #fc903d;padding: 0 3px;}

.content .contentsub .toTop{position: fixed;width: 48px;height: 48px;font-size: 24px;line-height: 48px;border-radius: 50%;background-color: #eee;color: #555;text-align: center;right: 70px;bottom: 70px;cursor: pointer;display: none;}

.info .content{background: #F9F9F9;}
.info .content .contentsub1{background: #fff;padding: 20px;margin: 0 auto;width: 1160px;}
.info .content .contentsub ul li{width: 284px;}

.footer{background-color: #373737;height: 190px;width: 100%;border-top: 3px solid orangered;min-width: 1200px;}