
@charset "UTF-8";*{-webkit-tap-highlight-color:#000;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}
.show-area-main{width: 1200px;margin: 0 auto;position: relative;display: block;}
.show-area-main{margin-top:30px;background-color:#fff;}
/* goods images */
.show-area-main .detail-show{width:620px;float:left;}
.show-area-main .detail-review{float:left;height:680px;width:96px;position:relative;overflow:hidden}
.show-area-main .detail-review li{height:128px;margin-bottom:10px;position:relative;background-color:#f5f5f5;cursor:pointer}
.show-area-main .detail-review li.active{border:2px solid #c41d4a}
.show-area-main .detail-review a{width:100%;display:block;height:100%;position:relative;overflow:hidden}
.show-area-main .detail-review img{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:100%}
.show-area-main .detail-review img.lazy-img{background-size:45px auto}
.show-area-main .detail-review .swipe-arrow{-webkit-transition:all .3s ease;transition:all .3s ease;color:#000;opacity:1}
.show-area-main .detail-review .swipe-arrow span{width:52px;height:26px;position:absolute;bottom:0;left:50%;margin-left:-26px;background-color:#fff;opacity:.4;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;line-height:26px;text-align:center}
.show-area-main .detail-review .swipe-arrow span:first-child{top:0;bottom:auto}
.show-area-main .detail-review .swipe-arrow span:hover{opacity:.7}
.show-area-main .detail-review .swipe-dot{display:none!important}
.show-area-main .detail-imglist{float:right;width:510px;overflow:hidden;position:relative;height:720px;}
.show-area-main .detail-imglist:hover .swipe-arrow{opacity:1}
.show-area-main .detail-imglist li,.show-area-main .detail-imglist ul{position:relative;height:100%;width:100%}
.show-area-main .detail-imglist li{float:left;overflow:hidden;background-color:#f5f5f5}
.show-area-main .detail-imglist img{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:100%}
.show-area-main .detail-imglist img.lazy-img{background-size:80px auto}
.show-area-main .detail-imglist .swipe-arrow{position:absolute;left:0;width:100%;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;top:280px;color:#000}
.show-area-main .detail-imglist .swipe-arrow span{width:60px;height:120px;position:absolute;right:0;background-color:#fff;opacity:.4;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;line-height:120px;text-align:center}
.show-area-main .detail-imglist .swipe-arrow span:first-child{left:0;right:auto}
.show-area-main .detail-imglist .swipe-arrow span:hover{opacity:.7}
.show-area-main .detail-imglist .swipe-arrow span i{font-size:34px;font-weight:700}
.show-area-main .detail-imglist .swipe-dot{display:none!important}
.show-area-main .detail-imglist .swipe-arrow a{position:absolute;height:50px;width:30px;top:30%;left: 30%;z-index:1001;margin:0;display:block;background-image:url(../images/ico_all_big.png);background-repeat:no-repeat;cursor:pointer;text-indent:-9999px}
.show-area-main .detail-imglist .swipe-arrow .next{background-position:-29px 0}
.show-area-main .detail-imglist .swipe-arrow .prev{background-position:0 0;}
.show-area-main .detail-info{float:right;width:480px}
.show-area-main .detail-list li{display:block;clear:both;overflow:hidden;height:160px;position:relative;margin-bottom:40px}
.show-area-main .detail-list .img{float:left;width:120px;height:100%;position:relative;overflow:hidden}
.show-area-main .detail-list .img img{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:100%}
.show-area-main .detail-list div{float:left;margin-left:19px;width:340px;color:#333;position:relative;height:100%}
.show-area-main .detail-list .link{color:#333;font-size:14px;line-height:22px;display:block;clear:both;overflow:hidden}
.show-area-main .detail-list .price{display:block;clear:both;overflow:hidden;margin-top:10px;font-size:18px;color:#c41d4a;font-weight:400}
.show-area-main .detail-list .btn{position:absolute;bottom:0;height:40px;line-height:40px}
.show-area-main .detail-list .btn a{width:260px;float:left;height:40px;font-size:16px;color:#fff;background-color:#c41d4a;text-align:center}
.show-area-main .detail-list .btn i{float:left;margin-left:26px;font-size:22px;cursor:pointer}
.show-area-main .detail-list .btn i.active:before,.show-area-main .detail-list .btn i:hover:before{content:"\e63c";color:#c41d4a}
.show-area-main .detail-user{float: left;width: 100%;font-size:14px;margin-bottom:20px;}
.show-area-main .detail-user .opera{position:relative}
.show-area-main .detail-user .img{float:left;width:34px;height:34px;margin-right:10px;overflow:hidden;border:1px solid #eee;border-radius:50%}
.show-area-main .detail-user .img img{display:block;width:100%;height:100%}
.show-area-main .detail-user .txt{line-height:18px;float:left}
.show-area-main .detail-user .txt>span{color:#999}
.show-area-main .detail-user .txt .usr{color:#333;text-decoration:none}
.show-area-main .detail-user .txt>a{display:inline-block;line-height:16px;border:1px solid #666;color:#666;padding:0 4px;margin:0 15px;text-decoration:none}
.show-area-main .detail-user .txt>a:hover{border-color:#000;color:#000}
.show-area-main .detail-user .txt i{display:block;clear:both;overflow:hidden;color:#999;font-style:normal;line-height:22px;font-size:12px}
.show-area-main .detail-user .other{position:absolute;right:0;color:#999}
.show-area-main .detail-user .other a,.show-area-main .detail-user .other span{margin:0 10px;display:inline-block}
.show-area-main .detail-user .other a{color:#999;text-decoration:none;-webkit-transition:color .3s ease;transition:color .3s ease}
.show-area-main .detail-user .other a.active,.show-area-main .detail-user .other a:hover{color:#c41d4a}
.show-area-main .detail-user .other i{font-size:20px;padding:0 8px;display:inline-block}
.show-area-main .detail-user .other span{color:#ccc}
.show-area-main .detail-user .other span i{position:relative;top:2px}
.show-area-main .detail-user .other em{position:relative;font-style: normal;}
.show-area-main .detail-user .cont{color:#333;clear:both;margin-top:19px}
.show-area-main .detail-comment{margin-top:40px;position:relative}
.show-area-main .detail-comment.active input{display:none}
.show-area-main .detail-comment.active div{display:block}
.show-area-main .detail-comment input{border:1px solid #eee;outline:0;padding:0 10px;color:#333;width:350px;height:40px;font-size:14px}
.show-area-main .detail-comment div{position:relative;clear:both;overflow:hidden;display:none}
.show-area-main .detail-comment textarea{border:1px solid #eee;height:140px;width:350px;outline:0;padding:5px 10px;color:#333;resize:none;font-size:14px}
.show-area-main .detail-comment b{position:absolute;bottom:8px;left:360px;color:#ccc;font-weight:400}
.show-area-main .detail-comment p{color:#c41d4a;line-height:30px;display:none}
.show-area-main .detail-comment p i{width:12px;height:12px;display:inline-block;border-radius:50%;border:1px solid #c41d4a;font-style:normal;text-align:center;line-height:12px;font-size:12px;margin-right:4px;font-family:cursive}
.show-area-main .detail-comment a{position:absolute;right:0;top:0;width:130px;height:40px;background-color:#c41d4a;font-size:16px;text-align:center;color:#fff;line-height:40px;-webkit-transition:all .3s ease;transition:all .3s ease}
.show-area-main .detail-comment a:hover{background-color:#c41d4a}
.show-area-main .detail-reply{margin-top:30px}
.show-area-main .detail-reply ul{display:block}
.show-area-main .detail-reply ul:after{content:"";overflow:hidden;clear:both;display:block;visibility:hidden;height:0}
.show-area-main .detail-reply li{width: 100%;clear:both;overflow:hidden;padding:10px 0;border-bottom:1px dashed #ccc; }
.show-area-main .detail-reply li .review-name{width: 40%;overflow: hidden;text-overflow: ellipsis;
    white-space: nowrap;}
.show-area-main .detail-reply li .review-content{width: 60%;word-break: break-all;}
.show-area-main .detail-reply li .review-content p{font-size: 12px;}
.show-area-main .detail-reply li .head_img{width:34px;height:34px;overflow:hidden;border:1px solid #eee;border-radius:50%;float:left;margin-right:10px}
.show-area-main .detail-reply li img{width:100%;height:100%;display:block}
.show-area-main .detail-reply li span{float:left}
.show-area-main .detail-reply li b{font-weight:400;display:block;color:#666;font-size:14px;line-height:18px}
.show-area-main .detail-reply li i{display:block;font-style:normal;color:#999;line-height:22px}
.show-area-main .detail-reply li>p{display:block;clear:both;overflow:hidden;font-size:14px;color:#333;margin-top:14px;line-height:22px}
.show-area-main .detail-reply li>p.p1{margin:0;text-align:center}
.show-area-main .detail-reply div.more{border-top:1px solid #eee}
.show-area-main .detail-reply div.more a{display:block;width:60px;height:20px;margin:0 auto;border:1px solid #eee;border-top:0;text-align:center;font-size:14px;color:#999;text-decoration:none;line-height:20px}
.show-area-main .detail-reply div.more a:hover{color:#000}
#goods_detail{float: left;width: 60%;text-align: left;padding-top: 0}
.other{float: right;width: 40%;text-align: left;padding-top: 0}
.mark-red,.mark-red .fa ,.mark-red i,.mark-red span{color:#c41d4a !important;cursor: default;}
.goods.mark-red{cursor: default;}
.other a:hover{color:#c41d4a;}
.other i:hover{color:#c41d4a;}
.fa-lg{font-size: 18px !important;}
.fa-heart-o:hover{color: #c41d4a}
.Carousel-tapMessage{display: none;background: #000;border-radius: 5px;font-size: 1em;font-family: Platform,sans-serif;position: fixed;padding: 10px;width: 240px;opacity: 0.95;pointer-events: none;z-index: 2;-webkit-animation-name: e;animation-name: e;-webkit-animation-duration: 4s;animation-duration: 4s;-webkit-animation-delay: 1s;animation-delay: 1s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;text-align: center;border:1px solid #dedede;color: #fff;opacity: .7;}
.share-link{margin-right: 10px;color: #000 !important;}
a.share-link{text-decoration: none;}
.fa-2x{font-size: 24px !important;}
.icon-yuedu{cursor: default !important;}
.recomment{margin-top:40px !important;margin-bottom: 20px !important;} 
.recomment h3{width: 100%;padding-top:15px !important;padding-bottom: 15px !important;text-align: center;}
