/* ------ venobox.css --------*/
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{
    -webkit-overflow-scrolling:touch;
}
/* ------- overlay: change here background color and opacity ----- */
.vbox-overlay{
    background: rgba(0,0,0,0.85); 
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    overflow: hidden;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.relativo{
    float: left;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
/* ----- preloader ----- */
.vbox-preloader{
    position:fixed; 
    width:36px; 
    height:36px;
    left:50%; 
    top:50%; 
    margin-left:-18px; 
    margin-top:-18px;
    background: url('../images/preload.gif') center center no-repeat;
    text-indent: -100px;
    overflow: hidden;
}

/* ----- navigation ----- */
.vbox-close{
    cursor: pointer;
    position: fixed;
    top: -1px;
    right: 0;
    width: 46px;
    height: 40px;
    padding: 10px 20px 10px 0;
    display: block;
    background: url('../images/close.gif') no-repeat #161617;
    background-position:10px center;
    color: #fff;
    text-indent: -100px;
    overflow: hidden;
}
.vbox-next, .vbox-prev{
    cursor: pointer;
    position: fixed;
    top: 50%;
    color: #fff;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    text-indent: -100px;
    overflow: hidden;
}
.vbox-prev{
    left: 10px;
    background: url('../images/prev.gif') center center no-repeat;
}
.vbox-next{
    right: 10px;
    background: url('../images/next.gif') center center no-repeat;
}

.vbox-title{
    width: 100%;
    height: 40px;
    float: left;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    color: #fff;
    padding: 6px 40px;
    overflow: hidden;
    background: #161617;
    position: fixed;
    display: none;
    top: -1px;
    left: 0;

}
.vbox-num{
    cursor: pointer;
    position: fixed;
    top: -1px;
    left: 0;
    height: 40px;
    display: block;
    color: #fff;
    overflow: hidden;
    line-height: 28px;
    font-size: 12px;
    padding: 6px 10px;
    background: #161617;
    display: none;
}
/* ------- inline window ------ */
.vbox-inline{
    width: 420px;
    height: 315px;
    padding: 10px;
    background: #fff;
    text-align: left;
    margin: 0 auto;
    overflow: scroll;
}

/* ------- Video & iFrames window ------ */
.venoframe{
    border: none;
    width: 960px;
    height: 720px;
    overflow: scroll;
}
@media (max-width: 992px) {
    .venoframe{
        width: 640px;
        height: 480px;
    }
}
@media (max-width: 767px) {
    .venoframe{
        width: 420px;
        height: 315px;
    }
}
@media (max-width: 460px) {
    .vbox-inline{
        width: 100%;
    }

    .venoframe{
        width: 100%;
        height: 260px;
    }
}

/* ------- PLease do NOT edit this! (or do it at your own risk) ------ */
.vbox-container{
    position: relative;
    background: #000;
    width: 98%;
    max-width: 1024px;
    margin: 0 auto;
}
.vbox-content{
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.vbox-container img{
    max-width: 100%;
    height: auto;
}
.vwrap{
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    left: 0;
    height: auto;
    overflow: hidden;
    z-index: 1;
}

/*商品详情页*/
.commodityDetails{width:100%;}
.commodityDetails .filtrate{width: 94%;padding: 0px 3%;line-height: 40px;font-size: 14px;color: #999;}
.commodityDetails .filtrate span{color: #E22425;}
.commodityDetails .goodsname{width:94%;padding:8px 3%;background-color:#FFF;border-bottom:1px solid #dcdcdc;}
.commodityDetails .goodsname .fl{float:left;width:85%;}
.commodityDetails .goodsname .fl h5{line-height:20px;height:40px; color:#222;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.commodityDetails .goodsname .fl span{color:#E22425;font-size:24px;}
.commodityDetails .goodsname .fl span i{font-size:0.75em;}
.commodityDetails .goodsname .fl span em{font-size:14px;color:#999;margin-left:10px;text-decoration:line-through;}
.commodityDetails .goodsname .fr{float:right;width:14%;text-align:center;display:inline-block;height:40px;border-left:1px solid #E1E1E1;}
.commodityDetails .goodsname .fr i{font-size: 1.2em;color:#999;line-height: 1.3em;height: 1.3em;display: inline-block;}
.commodityDetails .goodsname .fr p{line-height:14px;color:#999;font-size:0.75em;}
.commodityDetails .goodsname .fr a{background-color: #FFF !important;    padding: 0;font-weight: 300;}
.bortop1{display: flex;display: -webkit-flex;width: 100%;flex-flow: row nowrap;-webkit-flex-flow: row nowrap;border-bottom: 1px solid #EDEDED;}
.bortop1>span{width:100%;display:inline-block;margin: 10px 0 8px;color:#999;font-size:14px;}
.bortop1 .setnumber{width: 40%; margin: 10px 0px;border:1px solid #EDEDED;display: flex;display: -webkit-flex;flex-flow: row nowrap;-webkit-flex-flow: row nowrap;line-height: 34px;}
.bortop1 .setnumber i{width: 100%;display: inline-block;text-align: center;}
.bortop1 .setnumber input{width: 100%;display: inline-block;text-align: center;line-height: 34px;border-right: 1px solid #EDEDED;border-left: 1px solid #EDEDED;float: left;}
.bortop1 h6{width: 44%;line-height: 54px;text-align: center;font-size: 16px;color: #999;}
.-mob-share-ui ul li{border-radius: 50%;}
.operationbtn{width:100%;}
.operationbtn .btnsele{width:100%;border-bottom:1px solid #cecece;display: flex;display: -webkit-flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;border-top:10px solid #F0F0F0;justify-content: space-around;background-color:#FFF;padding:0px 3%;}
.operationbtn .btnsele span{width:33.333333%;display:inline-block;text-align:center;line-height:46px;border-bottom:1px solid #FFF;font-size:14px;}
.operationbtn .btnsele span.pitch{color:#E22425;border-bottom:1px solid #E22425;}
.operationbtn .contentope{width:100%;}
.operationbtn .contentope >*{display:none;}
.openorms{background-color:#FFF;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding:10px 3%;width:100%;margin-bottom:10px;}
.opeevaluate{background-color:#FFF;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding:10px 3%;width:100%;margin-bottom:10px;}
.opeevaluate img{max-width: 100% !important;}
.opedetails{background-color:#FFF;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding:10px 3%;width:100%;margin-bottom:10px;}
.openorms table {border-collapse: collapse;display: inline-table;border:1px solid #dcdcdc;width:100%;}
.openorms table td{border:1px solid #dcdcdc;text-align:center;font-size:12px;line-height:26px;word-break: break-all}
.openorms table tr td:nth-child(1){width:100px;color:#999;}
.opeevaluate >h4{font-size:18px;line-height:40px;font-weight:600;color:#333;}
.openexplorer{position: fixed;z-index: 9999;left: 0px;top: 0px;width: 100%;height: 100%;display: none;}
.openexplorer img{width: 100%;height: 100%;}
.shop_list_collect{display: none;}
.commodityDetails{padding-top: 50px}
.goods-attr{position: fixed;left: 0px;top: 0px;z-index: 199;display: none;}
.mask-filter-div, .mask-search-div{display: inline-block;}
.show-goods-attr{position: fixed;z-index: 20;width: 100%;bottom:-100%;background-color: #FFF;    height: 230px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.showshop .show-goods-attr{bottom: 0px !important;}
.appearance{    position: relative;padding: 10px 10px 20px 110px;border-bottom: 1px solid #EDEDED;}
.appearance img{position: absolute;left: 10px;top: 10px;width: 90px;height: 90px;border: 1px solid #EDEDED;}
.appearance .names{padding-right: 30px;}
.appearance .names h4{line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.appearance .names i{position: absolute;right: 15px;top: 10px;}
.appearance p{line-height: 20px;margin-top: 10px;}
.appearance p.price{color: #EC5151;font-size: 16px;}
.appearance p.repertory{color: #999;font-size: 16px;}
.ldxbtn{width: 100%;display: flex;display: -webkit-flex;justify-content:center;}
.ldxbtn div{width: 100%;display: inline-block;line-height: 40px;text-align: center;border-radius: 5px;margin: 10px;}
.ldxbtn a{color: #FFF;font-size: 15px;}
/*评论样式*/
.ui-loader{display: none;}
.opedetails >h3{color:#999;font-size:12px;line-height:20px;height:30px;}
.opedetails >h3 span{color:#E22425;font-size:14px;}
.opedetails >h4{font-size:18px;line-height:40px;font-weight:600;color:#333;}
.opedetails ul li{width:100%;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #ececec;}
.opedetails ul li h2{line-height:40px;height:40px;width:100%;}
.opedetails ul li h2 img{width:30px;height:30px;border-radius:17px;float:left;}
.opedetails ul li h2 span{font-size: 14px;color: #666;margin-left:10px;line-height: 35px;}
.opedetails ul li h2 em{float:right;}
.opedetails ul li h2 em i{font-size:14px;color:#ccc;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.opedetails ul li h2>i{-webkit-background-clip: text;-webkit-text-fill-color: transparent;float: right;font-size: 14px;}
.opedetails ul li p{line-height: 20px;font-size: 14px;color: #333;margin-bottom: 6px;word-wrap:break-word;}
.opedetails ul li .bed_img{width: 100%;height: 25vw;overflow:hidden;padding:0px;}
.opedetails ul li .bed_img img{width: 20vw;margin: 1vw;height: 20vw;float: left;}
.opedetails ul li h6{line-height: 20px;height: 20px;font-size: 12px;color: #999;}
.opedetails .btns{width: 100%;text-align: center;height: 40px}
.opedetails .btns a{line-height: 30px;color: #FFF;font-size: 14px;width: 50%;text-align: center;border-radius: 15px;background-color: #E22425;display: inline-block;}
.operationbtn .contentope .opeown{display:inline-block;width: 100%;}
.paper_file{display: none; width: 100%;position: fixed;left: 0px;top: 50px;background-color: rgba(0,0,0,0.7);z-index: 999;height:calc(100% - 50px);}
.paper_file ul{width: 100%;height:calc(100vh - 150px);background-color: #FFF;overflow: auto;}
.paper_file ul li{border-bottom: 1px solid #dcdcdc;position: relative;}
.paper_file ul li label {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;overflow: hidden;display: inline-block;width: 100%;height: 50px;padding: 0px 60px;position: relative;}
.paper_file ul li label i{position: absolute;left: 10px;width: 40px;font-size: 24px;color: #FDA84B;top: 10px;} 
.paper_file ul li input{position: absolute;right: 10px;width: 40px;height:30px;font-size: 24px;color: #E22425;top: 10px;line-height: 30px;text-align: center;font-size: 20px;} 
.paper_file ul li input:checked:after{font-family:"iconfont" !important; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\e615"; font-size: 30px; width: 40px; height: 30px; position: absolute; top: 0px; left: 0px;text-align:right;}
.paper_file form .submit{width: 50vw;height: 30px;background-color: #E22425;color: #FFF;border-radius: 15px;text-align: center;display: inline-block;margin:10px 25%;border:none;}
.paper_file ul li p{width: 100%;overflow: hidden;font-size: 14px;line-height: 24px;margin-top: 6px;}
.paper_file ul li span{width: 100%;display: inline-block;font-size: 12px;line-height: 20px;color: #666;}
.paper_file .ui-btn{background-color: #FFF;}
.close_folder{position: fixed;bottom: 0px;width: 100%;height:50px;font-size: 14px;text-align: center;line-height: 50px;color: #ccc;border-top: 1px solid #a9a9a9;background:rgba(0, 0, 0, 0.7);}
.h60{width: 100%; clear: both;height: 60px;}
.purchasebot{position: fixed;left: 0px;bottom: 0px;height: 50px;background-color: #FFF;border-top: 1px solid #ececec;width: 100%;}
.purchasebot >*{float: left;height: 50px;text-align:center;}
.purchasebot a {display: inline-block;width: 100%;text-align: center;height: 50px;}
.purchasebot a *{color:#999;}
.purchasebot a.pitch *{color:#E22425;}
.purchasebot .wb20{width: 17%;border-right: 1px solid #ececec;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.purchasebot .wb30{width: 33%;}
.purchasebot .wb30 a{line-height: 50px;font-size: 14px;color: #FFF;}
.backred{background-color: #E22425;}
.backfaint{background-color: #FB9409;}
.purchasebot .wb20 i{font-size: 22px;height: 28px;line-height: 34px;display: inline-block;}
.purchasebot .wb20 p{font-size: 14px;}
/*------------------------------------------------------------------------------------------*/
.bed_img{width:100%;max-height: 300px;overflow: hidden;position: relative;}
.bed_img img{width: 23.5%;float:left;height:auto;cursor: pointer;margin-right: 2%;margin-bottom: 5px}
.bed_img img:nth-child(4n){margin-right: 0}
.bed_img span{display: inline-block;background: rgba(0,0,0,0.5);color: #fff;padding: 0px 10px;position: absolute;bottom:10px;right: 2%;height: 24px;line-height: 24px;border-radius: 2em;font-size: 12px;}

/*弹出相册图片*/
.pop_bedimg{width: 100%;height: 100%;background: rgba(0,0,0,0.8);position: fixed;top: 0px;left: 0px;z-index: 999;display: none;}
.pop_bedimg .bedimg_field{width: 100%;height: 70%;overflow:hidden;position: relative;top: 20%;}
.pop_bedimg .bedimg_field ul{width: 999999em;height:100%;position:absolute;top: 0px;left: 0px;}
.pop_bedimg .bedimg_field ul li{height: 100%;float:left;}
.pop_bedimg .bedimg_field ul li img{width: 100%;height: auto;}
.pop_bedimg .begimg_num{width:100%;text-align: center; color: #fff;position:absolute;bottom:10px;;left: 0px;margin-top: 10px;}
.pop_bedimg .begimg_num span{color: #fff;margin:0px 3px;}
.pop_bedimg .bedimg_field .nomore_box{background: rgba(0,0,0,0.8);width: 140px;border-radius: 10px;text-align: center; color: #fff;height: 40px;line-height: 40px;position: absolute;top: 50%;margin-top: -20px;left: 50%;margin-left: -70px;display: none;}
/*PC端控制大小显示*/
@media screen and (min-width: 640px) {	
.purchasebot{max-width: 640px;left: 50%;margin-left: -320px;}
}


