@charset "UTF-8";

/*---------------------咨讯详情页---------------------------------*/
.info-content{width:1200px;
              margin:0 auto;}
.info-contentleft{float: left;
                  width:870px;}
.infoheader{padding-top: 38px;}            
                       
.brandinfo{width:300px;} 
.brandinfo .brandtext{font-size:12px;
                      display: block;
                      width:200px;
                        color:#5188a6;
                        height:48px;
                        padding-left: 16px;
                        background: url("../image/brandleft.png") no-repeat left center;
                       line-height: 48px;}
.brandinfo .brandtext:hover{text-decoration: underline;}
.infoheader .info-tit{font-size:32px;
            color: #333;
            height:32px;line-height: 32px;
            margin-bottom: 23px;
            font-weight: 600;}
.frombox{
        border-bottom: 1px solid #e7e7e7;padding-bottom: 12px;padding-top: 20px;}
.frombox span{float: left;
              margin-right:28px;}
/*--zan--*/
.praisebox{width:100%;position: relative;
           border-bottom: 1px solid #e7e7e7;} 
.praisebox .info-zanbtn{display: block;
                        margin:0 auto;
                        width: 50px;
                        height: 55px;}
.info-zannum{text-align: center;
             color: #666;
             margin-top: 8px;margin-bottom: 18px;
             height: 12px;line-height: 12px;}
.sharebox{position: absolute;
         right:10px;
         bottom:10px;}
.text{color:#666;
    width:49px;
    height:24px;
    line-height:24px;
    float: left;}
.btnbox{width:120px;
        height:24px;
        float: left;}
.btnbox>a{display: block;
          float: left;
          width:24px;
          height:24px;
          margin-right:5px;}
/*推荐商品*/
.tuijianbox{width:100%;
           } 
.tuijianbox>h3{font-size:18px;
                color:#000;
                height:56px;
                line-height: 56px;
                font-weight: 600;}
.tuijianlist{border-bottom: 1px solid #e7e7e7;}
.tuijianlist li{margin-bottom: 10px;}
.tuijianlist li .imgbox{width:127px;
                        height:119px;
                        float: left;}
.tuijianlist li .imgbox img{display:block;
                            margin:0 auto;
                            width:119px;height: 119px;}
.tuijianlist li .goods-infobox{float: left;
                               width: 459px;
                               height: 119px;
                               padding-left: 8px;padding-top: 16px;}
.tuijianlist li .goods-infobox .goods-tit{font-size:16px;font-weight: 600;
                                          display: block;height: 18px;width:100%;
                                          line-height: 18px;
                                          color: #333;
                                          margin-bottom: 16px;}
.tuijianlist li .goods-infobox .goods-tit:hover{color: #ea4234;}                                          
.tuijianlist li .goods-infobox .goods-info span{color:#6a6a6a;
                                                display: block;
                                                float: left;
                                                width:49%;
                                                height:12px;
                                                line-height: 12px;
                                                margin-bottom: 15px;}
.tuijianlist li .goods-infobox .goods-info span i{color:#333;}
.tuijianlist li .gobuy{display: block;
                        float: left;
                       width:122px;
                       height: 42px;
                       background: #ff5253;
                       line-height: 42px;
                       text-align: center;
                       font-size:16px;
                       color: #fff;
                       font-weight: 600;
                       margin:57px 0 0 32px;}
.tuijianlist li .gobuy:hover{background-color: #db4141;}                     
/*--文章标题-----*/
.article-tit {
    padding-left: 20px;
    padding-bottom: 20px;
   border-bottom: 1px solid #e7e7e7;
}
.article-tit p {
    margin-top: 20px;
}
.article-tit a {
    color: #5188a6;
    margin-left: 10px;
}
.article-tit a:hover{
    text-decoration: underline;
}

/*-----------评论---------------*/
.commentbox{
            padding-top:20px;
           }
.commentbox>h3{font-size:18px;
                height: 18px;
                line-height: 18px;
                color: #333;
                margin-bottom: 18px;}
.commentbox>h3 span{font-size:12px;
                    margin-left: 12px;
                    font-weight: 600;
                    line-height: 18px;
                    color: #666;
                    }
.commentbox>h3 span i{color:#ff5353;
                     font-size: 16px;
                     font-weight: 600; }
.write{}
.write .userinfo{width:76px;
                float: left;
                            }
.write .userinfo .imgbox{width:76px;

                         margin-bottom: 7px;}
.write .userinfo .imgbox img{display: block;
                            width:54px;
                            height: 54px;
                            margin:0 auto;}
.write .userinfo .username{font-size:12px;
                           color: #4e8abe;}
.write .writecommentbox{float:left;
                     margin-left: 8px;}
.write .writecommentbox #commentinfo{width:677px;
                                  height: 82px;
                                  border:1px solid #dbdbdb;
                                  line-height: 20px;
                                  padding-left: 10px;padding-top: 6px;}
.write .writecommentbox .btnbox{width:689px;
                                padding-top: 10px;
                                height: 52px;}
.write .writecommentbox .btnbox .nologinshow{float: left;}

.write .writecommentbox .btnbox .nologinshow>a{
                                               display: block;
                                               width:71px;
                                               height:32px;
                                               float: left;
                                               font-size:14px;
                                               color: #53aaff;
                                               text-align: center;
                                               line-height: 30px;
                                               margin-left: 20px;
                                                          
                                                      }
.write .writecommentbox .btnbox .nologinshow a.active{display: block;
                                                          width:71px;
                                                          height:32px;
                                                          background: #53aaff;
                                                          text-align: center;
                                                          line-height: 30px;
                                                          color: #fff;
                                                          font-size:14px;
                                                          border-radius: 16px;
                                                          float: left;
                                                      }
.write .writecommentbox .btnbox .publish-comment{float: right;
                                                 display: block;
                                                 width: 92px;
                                                 height: 36px;
                                                 background: #ff5353;
                                                 -webkit-border-radius:3px;
                                                 -moz-border-radius:3px;
                                                 -ms-border-radius:3px;
                                                 -o-border-radius:3px;
                                                 border-radius:3px;
                                                color: #fff;
                                                font-size:14px;
                                                text-align: center;
                                                line-height: 36px;
                                            }
.write .writecommentbox .btnbox .publish-comment:hover{background: #db4141; }
/*---------------评论列表-----------------------------*/
.commentlist{width:864px;}
.commentlist li{width:100%;
                padding:20px 0;
                border-bottom: 1px solid #e7e7e7;}
.commentlist li .userimg{width:76px;
                        float: left;}

.commentlist li .userimg img{display: block;
                            width:54px;
                            height: 54px;
                            margin:0 auto;}
.commentlist li .rightcomment{float: left;
                                width:780px;
                              margin-left: 8px;}
.rightcomment-top{width:100%;}
.rightcomment-top span{height: 20px;
                        line-height: 20px;
                        font-size:12px;
                        float: left;
                        color: #999;
                        margin-right: 16px;}
.rightcomment-top .username{color: #4f88a8;}
.commentlist li .rightcomment .rightcomment-info{line-height: 20px;color: #333;font-size:14px;margin-top: 4px;}

.morecom{width:864px;
         height: 28px;
         background: #f5f5f5;
         text-align: center;
         color: #4e87a8;
         cursor: pointer;
         line-height: 28px;}


/*---------------------页面右侧------------------------*/
.info-contentright{width:294px;
                   float:right;
                  overflow:auto;
                   overflow-x:hidden;
                   border:1px solid #f5f5f5;}
.relatedinfo{width:260px;
             margin:0 auto;}
.right-tit1{font-size: 18px;
             color: #333;
            height: 42px;
            line-height: 48px;
            border-bottom: 1px solid #797979;}
.relatedlist{padding-top: 20px;}
.relatedlist li{width:260px;
                margin-bottom: 12px;
               
               }
.relatedlist li a{display: block;
                  height:30px;
                  width:260px;
                  overflow:hidden;
                  text-overflow:ellipsis;
                  white-space:nowrap;
                  line-height: 30px;
                  font-size:12px;
                  color: #333;}
.relatedlist li a:hover{color: #ed402b;}
.relatedlist li .imgbox{width:260px;
                        display: block;
                        height: 135px;}
.relatedlist li .imgbox img{width:260px;
                            display: block;
                            height: 135px;}


/*--------------------读过此文的人还读过------------------------------------*/
.alsoread{width:260px;
            margin:0 auto;}
.alsoread>h3{font-size: 18px;
             color: #333;
            height: 42px;
            line-height: 48px;

            border-bottom: 1px solid #797979;}
.alsoread>h3 a{float:right;
                margin-top:10px;
                display: block;border:1px solid #e7e7e7;
                width:54px;height:24px;text-align: center;line-height: 24px;
                font-size:12px;color:#999999;
                margin-right:6px;}
.alsoread>h3 a:hover{color:#ea4234;}
.alsoreadlist{padding-top: 20px;}
.alsoreadlist li{margin-bottom: 20px;}
.alsoreadlist li a{display: block;
                    width:260px;
                    height:auto;}
.alsoreadlist li a .imgbox{width:87px; 
                            height:65px;
                            float: left;}
.alsoreadlist li a .imgbox img{width:100%;
                                height:100%;
                                display: inline-block;}
.alsoreadlist li a .rightbox{float: left;
                            margin-left: 11px;}
.alsoreadlist li a .rightbox .goods-info{color: #333;
                                        width:160px;
                                        line-height: 18px;
                                        height:36px;
                                        margin-bottom: 12px;
                                        overflow: hidden;}
.alsoreadlist li a:hover .rightbox .goods-info{color: #ea4234;}
.alsoreadlist li a .rightbox .looknum{color: #999999;}
.alsoreadlist li a .rightbox .looknum>span{color: #ed402b;}


/*周热卖排行-----------------------------------------------------------------------*/
.week{width:260px;
       margin:0 auto;
       padding-bottom:20px;}
.right-tit3{font-size: 18px;
             color: #333;
            height: 42px;
            line-height: 48px;}
.typelist{width:260px;
          height: 32px;
          border-bottom: 1px solid #797979;}
.typelist li{width:64px;
             height: 30px;
             float: left;
             margin-bottom: -1px;
             cursor:pointer;
             line-height: 30px;
             text-align: center;
             color: #333;
             border-bottom: 2px solid #fff;
         }
.typelist li.active{border-bottom: 2px solid #ed402b;}
/*-热卖商品-*/
.hotlist{}
.hotlist li a:hover .goods-info{color:#ea4234;}
.hotlist li.bigli{padding:10px 0;border-bottom: 1px solid #e6e6e6;}
.hotlist li.bigli a{display: block;width:260px;height:auto;}
.hotlist li.bigli .num{color: #666;width:22px;float:left;height:22px;line-height: 28px;text-align: center;}
.hotlist li.bigli .imgbox{width:52px;height:52px;float: left;}
.hotlist li.bigli .imgbox img{display: inline-block;width:52px;height:52px;}
.hotlist li.bigli .goods-info{width:130px;height:40px;line-height: 20px;float: left;}
.hotlist li.bigli .goods-price{width:48px;height:20px;line-height: 20px;color: #999;float: right;text-align: right;}

.hotlist li.smlli{border-bottom: 1px solid #e6e6e6;}
.hotlist li.smlli .num{color: #666;width:22px;float:left;height:36px;line-height: 36px;text-align: center;}
.hotlist li.smlli .goods-info{width:184px;height:36px;line-height: 36px;float: left;
                              text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.hotlist li.smlli .goods-price{width:48px;height:36px;line-height: 36px;color: #999;float: right;text-align: right;}

/*新品*/
.newlist{}
.newlist li a:hover .goods-info{color:#ea4234;}
.newlist li.bigli{padding:10px 0;border-bottom: 1px solid #e6e6e6;}
.newlist li.bigli a{display: block;width:260px;height:auto;}
.newlist li.bigli .num{color: #666;width:22px;float:left;height:22px;line-height: 28px;text-align: center;}
.newlist li.bigli .imgbox{width:52px;height:52px;float: left;}
.newlist li.bigli .imgbox img{display: inline-block;width:52px;height:52px;}
.newlist li.bigli .goods-info{width:130px;height:40px;line-height: 20px;float: left;}
.newlist li.bigli .goods-price{width:48px;height:20px;line-height: 20px;color: #999;float: right;text-align: right;}

.newlist li.smlli{border-bottom: 1px solid #e6e6e6;}
.newlist li.smlli .num{color: #666;width:22px;float:left;height:36px;line-height: 36px;text-align: center;}
.newlist li.smlli .goods-info{width:184px;height:36px;line-height: 36px;float: left;
                              text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.newlist li.smlli .goods-price{width:48px;height:36px;line-height: 36px;color: #999;float: right;text-align: right;}


/*推荐商品*/
.tui{width:260px;
     margin:0 auto;}
.right-tit4{font-size: 18px;
             color: #333;
            height: 42px;
            line-height: 48px;
            border-bottom: 1px solid #797979;}
.tuilist{}
.tuilist li{border-bottom: 1px dashed #e7e7e7;}
.tuilist li.last{border-bottom: 0;}
.tuilist li a{display: block;
              width:260px;
              height:auto;}
.tuilist li a .imgbox{float: left;
                      width:116px;
                      height: 136px;
                      padding-top: 21px;}
.tuilist li a .imgbox img{display: inline-block;
                           width:116px;height: 116px;}
.tuilist li a .tuiright{float:left;
          padding-top: 32px;}
.tuilist li a .tuiright .goods-info{line-height: 18px;
                      height: 36px;
                      width:144px;
                      color: #333;
                      margin-bottom: 29px;
                      overflow: hidden;}
.tuilist li a:hover .tuiright .goods-info{color: #ea4234;}
.tuilist li a .tuiright .goods-price{font-size:14px;
                       color: #ed412b;}

/*-------------------------------猜你喜欢--------------------------------------------------*/
.guess{width:1200px;
       margin:80px auto 0 auto;
       border:1px solid #ddd;
}
.guesstit{line-height: 48px;
            font-size: 18px;
            padding-left:12px;
            }
.guesslist{width:1200px;
            padding-bottom: 30px;}
.guesslist li{float:left;
              width:200px;
            
              padding-bottom: 20px;}
.guesslist li a{display: block;
                width:170px;
               
                margin:0 auto;}
.guesslist li a .imgbox{width:170px;
                        height:168px;
                        padding-top: 12px;}
.guesslist li a .imgbox img{display: inline-block;
                            margin:0 auto;
                            width:156px;
                            height: 156px;}                       
.guesslist li a .goods-info{line-height:20px;
                            height:40px;
                            overflow: hidden;
                            width:100%;}

.guesslist li a .goods-desc{line-height: 12px;
                            color: #ed412b;
                            margin:5px 0 8px 0;height: 24px;overflow: hidden;}
.guesslist li a .goods-price{line-height:16px;
                            color:#e43c3f;
                            font-weight: 600;
                            font-size:14px;}
.guesslist li a:hover .goods-info{color:#ea4234;}