.fleft{float: left;}
.fright{float: right;}
.dnone{display: none}
.top { border-bottom: 1px solid #ccc;}
.shopheader { width: 1200px; margin: 0 auto; overflow: hidden;}
.shopheader .title { width: 400px; float: left;}
.shopheader .title ul { overflow: hidden;}
.shopheader .title ul li{ width: 200px; float: left; padding: 15px 0;}
.shopheader .title ul li+li{  padding: 35px 0;}
.shopheader .title ul li a img{ width: 180px;}
.shopheader .title ul li p{ width: 150px; border-left: 1px solid #ccc; line-height: 40px; text-align: center; font-family: '楷体'; font-size: 20px; color: #666;}
.shopheader .search { width: 600px; float: right; padding: 30px 0; overflow: hidden; height: 40px;}
.shopheader .search span { width: 450px; display: block; float: left; border: 1px solid #ccc; line-height: 38px; height: 38px; padding-left: 50px; background: url('../images/search.png') no-repeat 15px 12px;}
.shopheader .search span input { vertical-align: middle; width: 450px; border: 0; height: 30px; margin: 4px 0; line-height: 30px;}
.shopheader .search a { width: 80px; display: block; float: left; background: #c80100; color: #fff; text-align: center; line-height: 40px;}

.main {}

.shop-nav .shopnav-con { background: #c80100; width: 1200px; margin: 0 auto;}
.shop-nav .shopnav-con >ul >li { float: left;}
.shop-nav .shopnav-con >ul >li:first-child { width:260px; background: #1aaadc url('../images/handlev.png') no-repeat 250px 13px; position: relative; line-height: 40px; color: #fff; padding-left: 30px; font-size: 16px; margin-right: 100px;}
.shop-nav .shopnav-con ul li ul { position: absolute; left: 0; top: 40px; height: 480px;z-index: 999}
.shop-nav .shopnav-con ul li ul li{ line-height: 59px; background: #c80100;}
.shop-nav .shopnav-con ul li ul li { background: #fff; border-bottom: 1px solid #ebebeb; width: 260px; padding-left: 30px;}
.shop-nav .shopnav-con ul li ul li:hover{background-color: #c80100}
.shop-nav .shopnav-con ul li ul li:hover a{color:#FFF;}
.shop-nav .shopnav-con ul li ul li a { color: #666;}
.shop-nav .shopnav-con >ul >li >a { display: block; padding: 0 30px; line-height: 40px; color: #fff; font-size: 16px;}

.goodslst { width: 1200px; margin: 0 auto; overflow: hidden;}
.goodslst .goods { float: left; width: 380px; border: 1px solid #ccc; margin: 20px 20px 0 0;}

.main .banner {position: relative;}
.main .banner ul { overflow: hidden;height: 480px}
.main .banner ul li { float: left; width: 100%;}
.main .banner ul li a img { width: 100%;}
.main .banner ol { display: inline-block; margin-left: -30px; position: absolute; bottom: 10px; left: 50%;}
.main .banner ol li { width: 15px; height: 15px; border-radius: 10px; background: #fff; float: left; margin: 10px;}
.main .banner ol .back { background: #c80100; width: 40px;}
.main .banner2{ overflow: hidden;height: 430px; background-position: center; background-repeat: no-repeat;}

.main .tsales { height: 360px;width: 1200px;margin: 30px auto;overflow: hidden;position: relative;}
.main .tsales h2{font-size: 30px; height: 60px; line-height: 60px; text-align: center;font-weight: 500}
.main .tsales h2 a{display: block;width: 24px;height: 24px;margin-top: 20px;margin-right: 8px}
.main .tsales h2 .aleft{float: right;background-image: url('../images/icon/yjt01.png');}
.main .tsales h2 .aright{float: right;background-image: url('../images/icon/yjt02.png');}
.main .tsales ul{height: 300px; width: 1200px; overflow: hidden;position: absolute;top:60px;display: none}
.main .tsales ul.select{display: block;}
.main .tsales ul li{height: 300px; width: 200px;padding: 0px 20px;float: left;}
.main .tsales ul li img{width: 200px; height: 200px; }
.main .tsales ul li p.title{width: 200px;height: 30px;font-size: 20px;overflow: hidden;color:#4c4c4c;}
.main .tsales ul li p.price{width: 200px; height: 30px;font-size: 26px;overflow: hidden;color:#c80100;line-height: 30px}
.main .tsales ul li p.price s{font-size: 18px;color:#c80100;line-height: 36px;margin-left: 8px}
.main .tsales ul li a.button{border-radius: 15px; width:110px; height: 30px;border: 1px solid #c80100;line-height: 30px;color:#c80100;display: block;font-size: 16px;text-align: center;margin-top: 5px}


.main .package { height: 360px;width: 1200px;margin: 30px auto;overflow: hidden;position: relative;}
.main .package h2{font-size: 30px; height: 60px; line-height: 60px; text-align: center;font-weight: 500}
.main .package h2 a{display: block;width: 24px;height: 24px;margin-top: 20px;margin-right: 5px}
.main .package h2 .aleft{float: right;background-image: url('../images/icon/yjt01.png');}
.main .package h2 .aright{float: right;background-image: url('../images/icon/yjt02.png');}
.main .package ul{height: 260px; width: 1200px; overflow: hidden;top:60px;display: none}
.main .package ul.select{display: block;}
.main .package ul li{height: 250px; width: 360px;padding: 0px 20px;float: left;}
.main .package ul li .goodimg{float: right;width: 250px;height: 250px}
.main .package ul li p{width: 178px;height: 250px;position: absolute;padding-left: 20px}
.main .package ul li p.p1{background-image: url('../images/bg/packagebg01.png')}
.main .package ul li p.p2{background-image: url('../images/bg/packagebg02.png')}
.main .package ul li p.p3{background-image: url('../images/bg/packagebg03.png')}
.main .package ul li p span{overflow: hidden;display: block;color:#FFF;}
.main .package ul li p .span1{height: 24px; max-width: 120px;text-align: center;margin-top: 20px;line-height: 24px;font-size: 16px;padding:0px 5px;overflow: hidden;background-color:#c80100;}
.main .package ul li p .sjx{background-image: url('../images/icon/sjg02.png');width: 14px; height: 11px}
.main .package ul li p .title{width: 140px;color:#FFF;font-size: 18px; line-height: 26px;height: 78px}
.main .package ul li p .title a{color:#FFF;}
.main .package ul li p .price{font-size: 18px;line-height: 50px;}
.main .package ul li p .price b{font-size: 24px;}
.main .package ul li p .button{display: block;background-image: url("../images/icon/yjt03.png");background-repeat: no-repeat;background-position:90% 50%; height: 30px;line-height: 30px; font-size: 16px;color:#FFF;width:100PX}
.main .package .gdtc{display: block;width: 150px;height: 40px;color:#666;line-height: 40px;margin: 0 auto;font-size: 22px}

.main .goods .category_name{margin:20px;font-size:24px;}
.main .goods{width: 1200px; margin: 0px auto;}
.main .goods h2{color:#424242; font-size: 30px;line-height: 80px; height: 80px; width: 100%;font-weight: 500}
.main .goods ul li{float:left; padding:0px 20px;width: 260px;margin-bottom: 28px}
.main .goods ul li img{width: 260px;height: 260px;}
.main .goods ul li p.price{font-size: 22px;color:#c80100;line-height: 32px;height: 32px}
.main .goods ul li p.title{color:#4c4c4c;font-size: 18px; line-height: 26px;height: 26px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight: bold;}
.main .goods ul li p.key{color:#000;line-height: 20px;height: 40px;overflow:hidden; }

.main .good{width: 1200px; margin: 50px auto 0px;}
.main .gleft{width: 520px;height: 400px;float: left;}
.main .gleft .maximg{float: left;width: 400px; height: 400px}
.main .gleft .maximg img{width: 400px;height: 400px}
.main .gleft .minimg{float: right;width: 100px;height: 400px;}
.main .gleft .minimg img{width: 70px;height: 70px;border:2px solid #FFFFFF;}
.main .gleft .minimg img+img{margin-top: 6px}
.main .gleft .minimg img.select{border:2px solid #c80100;}

.main .gright{width: 630px;float: right;} 
.main .gright .title{height: 52px; line-height: 26px;font-size: 20px;color:#333333;}
.main .gright .price{height: 60px; line-height: 60px;font-size: 50px;color:#c80100;font-weight: bold;}
.main .gright .price b{font-size: 20px;}
.main .gright .price s{font-size: 18px; padding-left: 10px;color:#999999;font-weight: 400}
.main .gright ul li{width: 530px;margin-top: 20px}
.main .gright ul li label{float: left;margin-right: 10px;color:#666666;width: 120px;height: 40px;line-height: 40px;font-size: 18px}
.main .gright ul li p{float: left;color:#666666;}
.main .gright ul li p a {float: left;margin-right: 10px}
.main .gright ul li p a span{border: 1px solid #c80100;line-height: 40px;padding: 5px 10px; color:#333;font-size: 20px}
.main .gright ul li p a img{width:38px;height: 38px;border: 1px solid #c80100;}
.main .gright ul li p b{background-image: url('../images/icon/sjg01.png');background-repeat: no-repeat; position: absolute;height: 20px; width: 20px;float: left;margin-top: 20px;margin-left: -20px;display: none;}
.main .gright ul li p b.select{display: block;}
.main .gright ul li .text{width: 55px;height: 38px;line-height: 38px;border:1px solid #cccccc;padding-left: 5px;font-size: 16px;color:#666666;float: left;margin-right: 5px}
.main .gright ul li .ajoj{display: block; width:16px; height:16px;border:1px solid #cccccc;line-height: 16px;text-align: center;}
.main .gright ul li .ajoj+.ajoj{margin-top: 4px}
.main .gright ul li .spanwz{display:block;float: left; margin-left: 10px; height: 40px; line-height: 40px;color:#666666;font-size: 18px;}

.main .rmgoods { width: 300px; float: left;}
.main .rmgoods h2 { font-size: 24px; line-height: 40px; height: 40px;}
.main .gright ul li button{width: 178px;height: 38px; border:1px solid #c80100; text-align: center;font-size: 18px;color:#c80100;line-height: 38px;background-color: #FFF;;margin-right: 5px;float: left;}
.main .gright ul li a.bak{background-color: #c80100;color:#FFF;background-image: url('../images/icon/gwc01.png');background-repeat: no-repeat;background-position: 20px 50%;width: 178px;height: 38px; text-align: center;font-size: 18px;line-height: 38px;margin-right: 5px;display: block;float: left;}
.main .goodinfo{width: 880px; border:1px solid #cccccc;min-height: 600px; float: right;}

.main .goodinfo .goodstop{width: 100%; border-bottom: 1px solid #cccccc;height: 40px;line-height: 40px;}
.main .goodinfo .goodstop a{display: block;float: left;width: 120px; height:40px;line-height: 40px;text-align: center;font-size: 20px}
.main .goodinfo .goodstop a.select{border-bottom: 2px solid #c80100}
.main .goodinfo .content{padding: 10px;}
.main .goodinfo .content img{max-width: 100%;margin: 0 auto;display: block;}
.main .goodinfo .comments{display: none;}

.main .goodinfo .comments .pleft{float: left;width: 800px;}
.main .goodinfo .comments .pleft p{padding: 20px 0px 10px 20px; line-height: 26px;}
.main .goodinfo .comments .pleft p+p{padding: 0px 0px 10px 20px}
.main .goodinfo .comments .pleft p img{height: 50px;margin-right: 10px}
.main .goodinfo .comments .pcenter{float: left;width: 180px;}
.main .goodinfo .comments .pcenter p{padding-left: 20px; line-height: 26px;height: 26px;padding-left: 30px}
.main .goodinfo .comments .pright{float: right;width: 160px;line-height: 40px;padding:0px 20px;}