@charset "utf-8";
/**
 * @author：allen
 * @param:商品详情支付页面样式 
 *  1rem = 12px
 **/
a{color:#666;text-decoration:none;}
a:hover {color:#cd0200;text-decoration:none;}
a:active {color:#666666; text-decoration:none;}
/***banner**/
.banner{margin-bottom: 20px;}
.banner-content{
    width: 100%;height: auto;
    /*background: url(../bgimg/bitmaps.jpg) no-repeat center center;*/
    background-size: 100%;
    position: relative;
}
.header-content .logo_jz > img{width: 100px;height: 100px;}
.header-content .logo_jz a > img{width: 100px;height: 100px;}
.banner-content .banner-jie{margin:0 auto;color: #fff;line-height: 1.5;position: relative;}
.banner-content .banner-jie > img{
    max-width: 1140px;
    height: auto;
    display: block;
    margin: 0 auto;
}
.banner-content .banner-jie .lis-title1{
    font-size: 36px;
    z-index: 100;
}
.banner-content .banner-jie .lis-title2{
    font-size: 20px;
    z-index: 100;
}
.con_box{
    position:absolute;
    width: 100%;
    height: 100px;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    /*half of element width*/
    margin-left: -50%;
    /*half of element height*/
    margin-top: -50px;
}
.nav-winery{background: #F7F7F9; margin:20px auto;}
.nav-winery .nav-list a{font-size: 18px;color: #000; display: inline-block; padding:15px 20px; }
.nav-winery .nav-list .on { background:#34aabb; color: #fff;}
.nav-winery .nav-list a:hover {background:#34aabb; color: #fff;}

/*****支付****/
.payment{ padding:10px 0 0; }
.payment .title { margin-bottom:30px; }
.payment .title h3{font-size: 30px;color: #000000;}

.productDetails {padding:0 15px; display: flex;}
.picture { width:400px; margin-right:30px; }

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*.jqzoom .dogskin { right:10px; top:10px; }*/

/*图片小图预览列表*/
.spec-preview{width:400px;height:400px;border:1px solid #DFDFDF;}
.spec-preview > span{width: 100%;height: 100%;}
.spec-preview > span >img{
    /*width: 100%;*/
    width: 398px;
    height: 398px;
}
.spec-scroll{clear:both;margin-top:5px;width:400px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:50px; line-height:50px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:370px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:62px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

.buyBox {flex: 1;}
.labelBox label{display: inline-block;padding: 5px 15px;background: #F2F2F2;border-radius: 100px;font-size: 14px;color: #4A4A4A;font-weight: normal;}
.payment-tab{border: 4px solid #EBEBEB;margin-top: 15px;}
.payment-tab .tabBox { overflow: hidden; }
.payment-tab .tabBox li { width:33.3%; float: left;text-align: center;}
.payment-tab .tabBox a { background:#f9f9f9; display:block; font-size: 20px;color: #000; padding:15px 0; }
.payment-tab .tabBox .active a {background:#fff;}
.payment-tab .tab-content { padding:30px 30px 10px 30px; color: #9B9B9B; min-height: 350px; }
.buttonBox{margin-top: 15px;}

.specBox,.payBox,.agency {margin-bottom:20px;}
.specBox .c5{margin:0 10px;}
.specBox big {font-size: 30px;}
.purchase {display: flex; align-items: center; margin-bottom:20px; }
.purchase .Notes{color: #4A4A4A;}
.agency .btn_dl { border: 1px solid #e3e3e3; padding:5px 20px; background: #fff; margin-right:10px; }
.agency .underline { color: #999; text-decoration: underline; }
.dl_con { position: relative; border: 1px solid #e3e3e3; padding:10px 20px; margin-top:-1px; }

.buttonBox .btn { margin-right: 10px; }

.introduction{ position: relative; margin-top:30px; min-height: 300px; }
.jz_nav { position: absolute; left:0; top:70px; width:120px; background: #fff; border: 1px solid #EBEBEB;}
.jz_nav .tit {border-bottom: 1px solid #EBEBEB; padding:10px; }
.jz_nav .con {padding:10px;}
.jz_nav .con a {display: block; line-height: 30px;cursor: pointer;}
.jz_nav .con a[min = 'index']{margin-left: 10px;}

.recommend {padding-bottom:50px;}
.dList5 { overflow: hidden; }
.dList5 .con {
    margin:0 -6px;
    /*display: flex;*/
}
.dList5 dl {
    width: 23.5%;
    float: left;
    padding:0px 0 15px 0;
    background: #fff;
    overflow: hidden;
    /*flex: 1;*/
    border: 1px solid #e9e9ea;
    margin:0px 6px 10px;
}
.dList5 dt { position: relative; padding:15px 0;height: 190px;}
.dList5 dt img { display: block; width:100%; max-width: 190px; max-height: 190px;margin: 0 auto;}
.dList5 dd { padding:15px 10px 0; font-size: 14px; }
.dList5 .content_mou { 
   margin:5px 0; 
   max-width: 211px;
   height: 36px;
   /*text-overflow: -o-ellipsis-lastline;*/
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   line-clamp: 2;
   -webkit-box-orient: vertical;
}
.dList5 .content_money {font-size: 20px;color: #e0372c; margin:5px 0 10px;}
.dList5 .buttonBox .btn { font-size: 12px; }
.dList5 .buttonBox .btn-default { padding:6px 20px; }

.taBox2 {}
.taBox2 .tab-content { padding:20px 0 0 180px; min-height: 300px; color: #333; }
.taBox2 .tab-content .info { overflow: hidden; border-bottom: 1px solid #eee; padding:0 0 20px; font-size: 16px; line-height: 30px; margin-bottom: 20px; }
.taBox2 .tab-content .info li { width:33.33%; float: left; }
.navTab2 {border-bottom: 1px solid #dcdcdc;}
.navTab2 li { display: inline; }
.navTab2 li a { position: relative; font-size: 20px; display: inline-block; padding:10px 20px; color: #9B9B9B; }
.navTab2 .active a { color: #e22b1e;}
.navTab2 .active a:hover { text-decoration: none;}
.navTab2 .active a:before{ position: absolute; left:0; bottom:-2px; content: ""; width:120px; height: 3px; line-height: 3px; background: #e22b1e;}

.product_all {position: relative; margin-top:10px; min-height: 300px; padding-bottom:20px; }
.product_all .jz_nav {top:52px;}
.jz_all { padding-left:160px; }
.jz_all .tit {align-items: center; margin-bottom: 18px; }
.jz_all .tit h3 { font-size: 30px; margin-right:10px; }
.jz_all .tit label {margin:5px 0 10px 0; font-size: 12px; font-weight: normal; border: 1px solid #E4382C; color: #E4382C; border-radius: 15px; display: inline-block; padding:5px 15px; }
.jz_con { margin-bottom:30px; }

.suzerain h3 { font-size: 30px; margin-bottom:20px; }
.suzerain_con { display: flex; padding-bottom:30px; }
.suzerain_con .suzerain_lf {width:240px;margin-right:96px;}
.suzerain_con .suzerain_lf .pho { margin-bottom:10px; }
.suzerain_con .suzerain_rt {flex: 1; line-height: 24px;}
.suzerain_con .suzerain_rt .data { display: inline-block; background: #34aabb; padding:2px 10px; color: #fff; font-size: 12px; }
.suzerain_con .suzerain_rt .con {padding:10px 0 20px;}

.imgList { display: flex; padding:10px 0; }
.imgList li {margin-right:10px;}
.imgList li img { width:100px; height: 100px; border: 1px solid #eee;}

.titBox { text-align: center; padding:30px 0; }
.titBox .tit { display:inline-block; font-size:24px; padding:0 20px; cursor: pointer; }

.popover {background:#000;color:#fff; border-radius:0; }
.popover.bottom > .arrow::after {border-bottom-color: #000;}

.jz_info {display:flex;}
.jz_info .img { width:45%; margin-right:5%; }
.jz_info .img img { width:100%; }
.jz_info .con {flex:1;}
.jz_info .con div {width: 570px;overflow:hidden;margin-bottom:10px; line-height:25px; font-size:16px; }
.video {text-align: center; padding:50px 0;}
/**品牌详情**/
.brand_info {padding:40px 0;}
.brand_info img { display: block; width:100%; border-radius: 15px; }
.brand_info .brand_con { padding:10px 0; font-size: 16px;}
.brand_info .brand_con h3 { font-size: 24px; font-weight: bold; margin-bottom:30px; }
.brand_info .brand_con h4 { font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.brand_info .brand_con p {margin-bottom: 30px; color: #444;}
.brand_info .brand_con .take { font-size: 18px; font-weight: bold; }
.brand_info .dealer {border: 5px solid #ebebeb; padding:15px 20px; line-height: 24px; margin-top:20px; }

.seriesBox { display: flex; background: #f9f9f9; width:90%; margin:20px auto; padding:50px 70px; }
.seriesBox .series_lf { margin-right:100px; flex: 1; }
.seriesBox .series_lf .tit {font-weight: bold; margin-bottom: 20px;}
.seriesBox .series_lf h2 { margin-bottom:15px; }
.seriesBox .series_lf p { font-size: 16px; line-height: 24px; color: #666; }
.seriesBox .series_rt { width:335px; }
.seriesBox .series_rt img {display: block;width:100%;}


.conBg2 .recommend h3 span {background: #fff;}
.agencyBox {padding:40px 0; overflow: hidden;}
.agencyBox .brand {padding-left:20px;margin-top:45px;}
.agencyBox .brand img {display: block;width:100%;}

.agency h3 {}
.agency .dealer {border: 5px solid #ebebeb; padding:30px 45px; line-height: 24px; margin:20px 0 10px; }
.agency .dealer .con {font-size: 16px;}
.agency .dealer .con h3 {font-size: 16px; font-weight: bold; margin-bottom: 20px;}
.agency .dealer .con p {margin-bottom: 20px;}
.agency .take {font-size: 18px;margin:20px 0 30px; display: flex;align-items: center;}
.agency .take .pull-left {flex: 1;font-weight: bold;}
.agency .take .pull-right {font-size: 12px;color: #666;}
.agency .select {font-weight: bold; margin-bottom: 20px; color: #444;}
.product_list {}
.product_list .each {background: #f9f9f9; padding:10px 15px; display: flex; align-items: center; margin-bottom:10px; }
.product_list .check { width:42px; text-align: center; color: #34aabb; margin-right:10px; font-size: 12px; }
.product_list .check input { display: block; margin:0 auto; }
.product_list .tit {flex: 1; color: #666;}
.product_list .price { width:130px; font-size: 12px; color: #999; line-height: 18px; }
.agreement {padding:10px 0 20px;}
.agreement label {font-weight: normal;font-size: 12px;color: #666;}

/**独代，现货**/
.dogskin { position: absolute; right:0; top:340px; }
.dogskin1 {top:300px; }
.dogskin img { width:65px !important; height: 30px !important;}
/****酒庄详情***/
.icon_client .dogskin { position: absolute; right:0; top:45px; }
.icon_client .dogskin1 {top:10px; }