@charset "utf-8";
.detail{padding:0rem 0rem 0.65rem 0rem;background:#fff;/*overflow-y:auto;*/}
.detail .box{z-index:2;position:relative;height:100%;}
.detail .box .box1{height:100%;overflow-y:auto;width:100%;
    background: -o-linear-gradient(top right,#fe4819, #ae005f); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top right, #fe4819, #ae005f); /* Firefox 3.6 - 15 */
    background: linear-gradient(to left bottom,#ae005f ,#fe4819); /* 标准的语法 */
    background: -webkit-linear-gradient(left bottom, #fe4819 , #ae005f); /* Safari 5.1 - 6.0 */
    background:#fff;}
.detail .main_visual{width:100%;border-bottom:6px #fc6e51 solid;overflow:hidden;z-index:1;position:relative;}
.detail .main_visual>img{width:100%;}
.detail .main_visual .flicking_con{width:100%;text-align:center;position:absolute;left:0;top:2.3rem;z-index:3;}
.detail .main_visual .flicking_con li{opacity:0.6;display:inline-block;width:0.1rem;height:0.1rem;line-height:1.615rem;overflow:hidden;border-radius:50%;margin:0 0.05rem;background:#fff;}
.detail .main_visual .flicking_con li.on{opacity:1;}
.detail .main_visual .main_image{height:100%;width:100%;}
.detail .main_visual .main_image>ul{height:2.5rem;width:100%;}
.detail .main_visual .main_image li img{height:2.5rem;width:100%;}
.detail .box .box1 .con{width:100%;}
.detail .box .box1 .con .con1{width:100%;padding:0.1rem 0.12rem 0.21rem 0.12rem;}
.detail .box .box1 .con .con1 .name{color:#363636;font-size:0.16rem;line-height:0.25rem;}
.detail .box .box1 .con .con1 .price{height:0.25rem;line-height:0.25rem;}
.detail .box .box1 .con .con1 .price .price1{color:#fc755a;font-size:0.15rem;}
.detail .box .box1 .con .con1 .price .price2{padding-left:15px;color:#363636;font-size:0.1rem;}
.detail .box .box1 .con .con1 .price .price3{color:#656d78;font-size:0.13rem;}
.detail .box .box1 .con .con1 .manjian{height:0.25rem;line-height:0.25rem;color:#3c3c3c;font-size:0.13rem;}
.detail .box .box1 .con .con1 .manjian>span{padding:0 0.07rem;border:0.005rem solid #fe4234;border-radius:0.05rem;margin:0 0.05rem;color:#fe4234;}
.detail .box .box1 .con .con2{width:100%;}
.detail .box .box1 .con .con2 img{width:100%;}
.detail .box .btn_con{width:100%;height:0.65rem;position:fixed;left:0;bottom:0rem;padding:0 0.12rem;background:#fff;padding-top:0.1rem;}
.detail .box .btn_con .btn{width:1.2rem;height:0.44rem;line-height:0.44rem;text-align:center;border-radius:0.05rem;background:#fc6e51;font-size:0.15rem;color:#fff;font-weight:bold;}
.detail .box .btn_con .btn1{background:none;border:1px #fc6e51 solid;color:#fc6e51;}
.detail .box .btn_con .goleft{float:left;width:0.3rem;height:0.44rem;background:url(../images/left02.png) no-repeat center center;background-size:auto 70%;color:transparent;margin-right:0.2rem;}

.detail .box2{display:none;position:fixed;width:100%;height:100%;left:0;bottom:0;z-index:3;}
.detail .box2 .b2_con{width:100%;left:0;bottom:0;position:absolute;z-index:3;background:#fff;padding:0 0.12rem;}
.detail .box2 .box2_con1{width:100%;height:0.58rem;border-bottom:2px #fc6e51 solid;padding-left:1.35rem;padding-top:0.12rem;}
.detail .box2 .box2_con1 .pic{width:1rem;height:1rem;border:2px #fc6e51 solid;border-radius:50%;left:0.2rem;top:-0.5rem;overflow:hidden;}
.detail .box2 .box2_con1 .pic img{width:100%;height:100%;}
.detail .box2 .box2_con1 .gb{width:0.2rem;height:0.2rem;background:url(../images/gb01.png) no-repeat 0 0;top:0.1rem;right:0.1rem;background-size:100%;}
.detail .box2 .box2_con1 .price{color:#363636;font-size:0.18rem;}
.detail .box2 .box2_con1 .num{color:#363636;font-size:0.13rem;}
.detail .box2 .box2_con2{width:100%;padding:0 0.15rem;}
.detail .box2 .box2_con2 .text{color:#363636;font-size:0.15rem;padding-top:0.13rem;padding-left:0.1rem;}
.detail .box2 .box2_con2 .color{margin-top:0.1rem;width:100%;border-bottom:1px #b9b9b9 solid;padding-left:0.1rem;padding-bottom:0.05rem;}
.detail .box2 .box2_con2 .color li{float:left;width:0.53rem;height:0.28rem;line-height:0.28rem;border:1px #424241 solid;margin-right:0.12rem;margin-bottom:0.1rem;color:#363636;font-size:0.13rem;text-align:center;}
.detail .box2 .box2_con2 .color li.on{color:#fff;background:#fc6e51;border:1px #fc6e51 solid;}
.detail .box2 .box2_con2 .color li.hui{/*pointer-events: none;*/color:#cdcbcb;background:#888;border:1px #888 solid;}
/*.detail .box2 .box2_con2 .color li.gray{color:#fff;background:#cccccc;border:1px #fff dashed;}*/
.detail .box2 .box2_con2 .num{width:100%;padding-left:0.1rem;margin-top:0.05rem;margin-bottom:0.25rem;height:0.32rem;}
.detail .box2 .box2_con2 .num a{border:0.01rem #656565 solid;width:0.22rem;height:0.22rem;line-height:0.2rem;background:none;color:#363636;text-align:center;font-size:0.17rem;}
.detail .box2 .box2_con2 .num input{background:none;width:0.24rem;height:0.22rem;line-height:0.2rem;color:#363636;font-size:0.14rem;text-align:center;border:0;border-top:0.01rem #656565 solid;border-bottom:0.01rem #656565 solid;}
.detail .box2 .box2_con2 .num span{background:none;width:0.24rem;height:0.22rem;line-height:0.2rem;color:#363636;font-size:0.14rem;text-align:center;border:0;border-top:0.01rem #656565 solid;border-bottom:0.01rem #656565 solid;}
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */
    .detail .box2 .box2_con2 .num a{line-height:0.17rem;}
}
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
    .detail .box2 .box2_con2 .num a{line-height:0.17rem;}
}
@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 */
    .detail .box2 .box2_con2 .num a{line-height:0.17rem;}
}
@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 Plus */
    .detail .box2 .box2_con2 .num a{line-height:0.17rem;}
}
.detail .box2 .box2_ok{float:right;margin-bottom:0.15rem;width:1.2rem;height:0.44rem;line-height:0.44rem;text-align:center;border-radius:0.05rem;background:#fc6e51;font-size:0.15rem;color:#fff;font-weight:bold;}

.detail .box3{display:none;position:fixed;width:100%;height:100%;left:0;bottom:0;z-index:3;}
.detail .jia_tc{z-index:3;display:block;box-shadow:0 0 0.1rem #666;background:#fff;width:2.3rem;padding-top:0px;padding-bottom:0.25rem;top:30%;left:50%;margin-left:-1.15rem;}
.detail .jia_tc .posr{text-align:center;color:#fc6e51;font-size:0.15rem;line-height:0.18rem;height:0.18rem;padding-top:0.3rem;width:100%;}
.detail .jia_tc .gb{width:0.2rem;height:0.2rem;background:url(../images/gb01.png) no-repeat center center;top:0.1rem;right:0.1rem;background-size:100%;}
.detail .jia_tc .btn{width:100%;margin-top:0.22rem;padding:0 0.22rem;}
.detail .jia_tc .btn1{background:#fc6e51;width:0.8rem;height:0.26rem;line-height:0.26rem;text-align:center;color:#fff;font-size:0.13rem;}
.detail .jia_tc .btn2{background:#fc6e51;width:0.8rem;height:0.26rem;line-height:0.26rem;text-align:center;color:#fff;font-size:0.13rem;}


@media screen and (orientation: landscape) {
    /*横屏 css*/
    .detail .box2 .b2_con{height:100%;
        -webkit-transform: scale(0.8); /* Safari */
        transform: scale(0.8); /* 标准语法 */;}
    .detail .box2 .box2_ok{position:absolute;bottom:0;right:0.1rem;margin-bottom:0;}
    .detail .box2 .box2_con2 .num{margin:0;}
    .detail .box2 .box2_con2 .color li{margin-bottom:0;}
}