/*头部*/
body,div,ul,li,h1,h2,h3,h4,h5,h6,p{
    margin:0;
    padding:0;
}
ul,li{
    list-style: none;
}
a{
    text-decoration: none;
}
body{
    width:100%;
    height:auto;
}
input,button,select,textarea{ outline:none;} /*取消表单项聚焦时产生的边框*/
textarea{resize:none;}
.top_banner{
    width:100%;
    height:120px;
    background:url('../images/points_banner.jpg') no-repeat center top;
    background-size:cover;
    margin-bottom:20px;
}
.center_1200{
    width:1200px;
    height:auto;
    overflow:hidden;
    margin:0 auto;
    padding:0 10px 100px;
}
.line_mall_nav{
    width:1160px;
    height:30px;
    line-height:30px;
    background:#ffffff;
    padding:0 20px;
    box-shadow: 0px 2px 4px 0px rgba(58,58,58,0.2);
    border-radius:15px;
    color:#000000;
    font-size:14px;
    font-weight:400;
}
.line_mall_nav a{
    color:#000000;
}
/* 内容开始 */
.content{
    width:1160px;
    height:auto;
    overflow: hidden;
    padding:20px;
    background:#ffffff;
    box-shadow: 0px 2px 4px 0px rgba(58,58,58,0.2);
    border-radius:5px;
    margin:20px auto;
}
.content .content_lt{
    width:400px;
    height:auto;
    overflow:hidden;
    float:left;
}
.content .content_lt .show_big_img{
    width:400px;
    height:400px;
    background: #F9F9F9;
    border-radius: 5px;
}
.content .content_lt .show_big_img img{
    width:100%;
    height:100%;
}
.content .content_lt .small_img{
    width:auto;
    height:auto;
    overflow:hidden;
    margin-top:10px;
}
.content .content_lt .small_img li{
    width:68px;
    height:68px;
    background: #F9F9F9;
    border-radius: 5px;
    float:left;
    margin-right:10px;
    cursor: pointer;
    overflow:hidden;
    padding:2px;
}
.content .content_lt .small_img li:last-child{
    margin-right:0;
}
.content .content_lt .small_img li.curr{
    border:2px solid #F88D02;
    padding:0;
}
.content .content_lt .small_img li img{
    width:100%;
    height:100%;
    background-clip: content-box;
}
.content .content_rt{
    width:730px;
    height:auto;
    float:left;
    margin:0 0 0 30px;
}
.content .content_rt .product_name{
    width:auto;
    height:auto;
    overflow:hidden;
    line-height:30px;
    color:#303030;
    font-size:24px;
    font-weight:500;
    margin:30px 0 30px 0;
}
.content .content_rt .line_integral{
    width:710px;
    height:50px;
    line-height:50px;
    color:#ffffff;
    background: #F89622;
    border-radius: 5px;
    padding:0 10px;
}
.content .content_rt .line_integral div{
    float:left;
}
.content .content_rt .line_integral div:first-child span{
    display:block;
    float:left;
}
.content .content_rt .line_integral div .need_points{
    font-weight:600;
    font-size:20px;
    line-height:47px;
}
.content .content_rt .line_integral div:last-child{
    margin-left:40px;
    opacity: 0.7;
}
.content .content_rt .specs_title{
    width:auto;
    height:20px;
    line-height:20px;
    font-size:16px;
    color:#303030;
    margin:26px 0 10px 0;
}
.content .content_rt .specs{
    width:auto;
    height:auto;
    overflow: hidden;
}
.content .content_rt .specs li{
    width:auto;
    height:48px;
    line-height:48px;
    border:1px solid #777777;
    text-align:center;
    color:#777777;
    font-size:16px;
    font-weight:500;
    float:left;
    margin:0 10px 10px 0;
    padding:0 30px;
    cursor: pointer;
}
.content .content_rt .specs li.curr{
    border:1px solid #F88D02;
    color:#F88D02;
}
.content .content_rt .exchange_num{
    width:auto;
    height:20px;
    line-height:20px;
    font-size:16px;
    color:#303030;
    margin:50px 0 50px;
}
.content .content_rt .exchange_num div{
    width:auto;
    height:auto;
    float:left;
    overflow: hidden;
}
.content .content_rt .exchange_num div.reduce{
    cursor: pointer;
    padding:0 5px;
}
.content .content_rt .exchange_num div.increase{
    cursor: pointer;
    padding:0 5px;
}
.content .content_rt .exchange_num div input{
    width:40px;
    height:auto;
    border:1px solid #ccc;
    padding:0 10px;
    text-align:center;
    margin:0 5px;
}
.content .content_rt .exchange_btn, .content .content_rt .gologin_btn{
    width:198px;
    height:48px;
    line-height:48px;
    text-align:center;
    background:#F88D02;
    color:#ffffff;
    border-radius:5px;
    border: 1px solid #F88D02;
    font-size:20px;
    font-weight:500;
    cursor: pointer;
}
.content .content_rt .gologin_btn a{
    color:#ffffff;
    display: block;
    width:100%;
    height:100%;
}
/* 内容结束 */
/* 详情开始 */
.details{
    width: 100%;
    height:auto;
    background:#ffffff;
    box-shadow: 0px 2px 4px 0px rgba(58,58,58,0.2);
    border-radius: 5px;
}
.details .details_nav{
    width:100%;
    height:48px;
    line-height:56px;
    border-bottom:1px solid #F89522;
    color:#303030;
    font-size:18px;
    font-weight:500;
}
.details .details_nav .title{
    width:auto;
    display:inline-block;
    height:46px;
    margin:0 19px;
    color:#F89522;
    border-bottom:2px solid #F89522;
}
.details .details_show{
    width:700px;
    padding:20px;
    line-height:24px;
    font-size:14px;
    margin:0 auto;
}
.details .details_show img{
    width:100%;
    height:auto;
}
/* 详情结束 */
