@charset "utf-8";
/* CSS Document */
.index{
    background: #fff;
}
.slider{
    position: relative;
    width: 100%;
    border-bottom: 2px solid #ccc9c5;
}
.goods-info,
.color-choose,
.size-choose,
.num-choose{
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 1em;
}
.goods-info{
    position: relative;
    padding-right: 20%;
}
.goods-collect{
    position: absolute;
    right: 0;
    top: 20%;
    width: 20%;
}
.goods-collect a{
    display: block;
    border-left: 1px solid #ccc;
    background: url("../images/icon-collect.png") center 30% no-repeat;
    background-size: 50%;
    /*margin-top: 4em;*/
    padding-top: 3em;
    font-size: 1.2rem;
    color: #3d4245;
    text-align: center;
    cursor: pointer;
}
.goods-collect a.c-selected{
    background: url("../images/icon-collected.png") center 30% no-repeat;
    background-size: 50%;

}

.goods-title{
    font-size: 1.4rem;
    color: #3d4245;
}
.goods-price{
    font-size: 1.8rem;
}

.goods-price span{
    color: #ff5000;
    margin-right: 1em;
    text-align: left;
    float: none;
}
.goods-in{
    font-size: 1.2rem;
    color: #999;
}
.goods-in span{
    margin-left: 2em;
}
.color-choose h3,
.size-choose h3,
.num-choose h3{
    font-size: 1.4rem;
    color: #3d4245;
}
.color-choose ul,
.size-choose ul{
    width: 80%;
}
.color-choose li,
.size-choose li{
    float: left;
    width: 25%;
    font-size: 1.3rem;
    text-align: center;
    padding: .5em 0;
    margin-right: 10px;
}
.color-choose li a,
.size-choose li a{
    display: block;
    cursor: pointer;
}
.color-choose li a.red{
    border: 1px solid #f11212;
    color: #f11212;
}
.color-choose li a.red.select{
    border: 1px solid #f11212;
    background: #f11212;
    color: #fff;
}
.color-choose li a.black{
    border: 1px solid #050001;
    color: #050001;
}
.color-choose li a.black.select{
    border: 1px solid #050001;
    background:#050001;
    color: #fff;
}
.color-choose li a.gold{
    border: 1px solid #f8bf64;
    color: #f8bf64;
}
.color-choose li a.gold.select{
     border: 1px solid #f8bf64;
     background:#f8bf64;
     color: #fff;
 }
.size-choose li a{
    border:1px solid #ddd;
    color: #3d4245;
}
.size-choose li a.se{
    border:1px solid #ddd;
    background: #ddd;
    color: #fff;
}
.num-list{
    width: 50%;
    float: left;
    border: 1px solid #ddd;
}
.num-left,
.num-right{
    width: 30%;
    height: 38px;
    display: inline-block;
    background: #e8e8e8;
    color: #3d4245;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
}
.num-left{
    float: left;
    border-right: 1px solid #ddd;
}
.num-right{
    float: right;
    border-left: 1px solid #ddd;
}
.num-in{
    width: 40%;
    height: 38px;
    background:transparent;
    border:0;
    line-height: 38px;
    float: left;
    color: #3d4245;
    text-align: center;
}
.stock-info{
    margin-left: 15px;
    height: 40px;
    font-size: 1.2rem;
    color: #999;
    line-height: 40px;
}
.g-btn{
    width: 100%;
    height: 45px;
    text-align: center;
}
.g-btn a{
    display: inline-block;
    margin-top: 8px;
    width: 30%;
    height: 30px;
    border-radius: 5px;
    font-size: 1.2rem;
    line-height: 30px;
    color: #fff;
}
.g-btn a.left{
    background: #ff5001;
    margin-right: 10px;
}
.g-btn a.right{
    background: #ff9000;
}
.info-box{
    width: 100%;
}
.info-nav{
    width: 100%;
    border-radius: 5px;
    background-color: #dddddd
}
.info-nav li{
    float: left;
    width: 50%;
    height: 50px;
    font-size: 1.3em;
    text-align: center;
    line-height: 50px;
}
.info-nav li.last{
}
.info-nav li a{
    display: block;
    color: #3d4245;
    cursor: pointer;
}
.info-nav li.li_1 a{ border-radius: 5px 0 0 5px;}
.info-nav li.li_2 a{ border-radius: 0 5px 5px 0;}
.info-nav li a.current{
    background: #79bb62;
    color: #fff;
}
.con-box{
    width: 100%;
    overflow: hidden;
}

.con-b{
   width: 100%;
   padding:0 10px;
   display:none;
}
.con-a{}
.comment-list{
    width: 100%;
}
.comment-list li{
    padding: 1em;
    border-bottom: 1px solid #ddd;
}
.com-u{
    font-size: 1.3rem;
    color: #3d4245;
}
.com-c,
.com-d{
    font-size: 1.2rem;
    color: #999;
}
.com-c em{
    margin-left: 10px;
}
.com-d span{
    float: left;
}
.com-d em{
    float: right;
}

.te{ font-size: 14px; font-weight: bold; float: left; padding:5px;}
.clearfix select{ margin-top: 5px; height: 25px; line-height: 25px; width: 50%;}
.clearfix h3{ width: 15%; float: left; font-size: 14px;}

.tishi{ display:none;width:100%; height:100%; position:fixed; top: 0;left: 0; z-index: 998; background-color: #000; opacity: 0.5;}
.tishi_box{left:50%; display:none; margin-left: -150px; top:30%; width:300px; height:160px; background-color: #fff;  position: fixed;z-index:999; border-radius: 5px; box-shadow: 0 0 2px 2px #666;}
.tishi_box .tishi_title{height:50px; text-align: center; font-weight:bold; line-height: 50px; font-size: 14px; border-bottom: 1px #ccc solid; color: #333;}
.tishi_box .tishi_btn{ width:220px; margin:0 auto; padding:30px 0 0 0;}
.tishi_box .tishi_btn .tishi_btn1{ cursor:pointer;width:100px; height:30px; background-color: #f00; color: #fff; text-align: center; line-height: 30px; font-weight: bold; float: left; border-radius: 3px; margin-right: 20px;}
.tishi_box .tishi_btn .tishi_btn2{ width:100px; cursor: pointer; height:30px; background-color: green; color: #fff; text-align: center; line-height: 30px; font-weight: bold; float: left; border-radius: 3px;}

.se_star1{ height: 20px; background: url('../images/star2.gif') 0 -86px no-repeat;}
.se_star2{ height: 20px; background: url('../images/star2.gif') 0 -64px no-repeat;}
.se_star3{ height: 20px; background: url('../images/star2.gif') 0 -42px no-repeat;}
.se_star4{ height: 20px; background: url('../images/star2.gif') 0 -20px no-repeat;}
.se_star5{ height: 20px; background: url('../images/star2.gif') 0 2px no-repeat;}