.flex-wrap {
        flex-wrap: wrap !important;
}
.flex {
        display: flex !important;
}
.flex-1 {
        flex: 1 1 0% !important;
}
.ml-auto {
        margin-left: auto !important;
}
/*.public_fixed{position:static;}*/
/*.header_fixed{position:static;top: 0;padding: 0;}*/
	.demo-class{background:#fff; color:#fff; border: none;}
	.demo-class .layui-layer-title {
    padding: 0 80px 0 10px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    background-color: #fff;
    border-radius: 2px 2px 0 0;
    color: #663c3c;
    font-weight: bold;
}
.demo-class  .layui-layer-content{font-size: 16px;
    line-height: 30px;
    padding: 20px;
    text-align: center;
    color: #663c3c;}
.my-class{font-size: 14px;}
	.pt_detailed_nav .item{line-height: 24px;        display: inherit;}
	.goods-info-spec-sel .opt a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.font_color{color: #ffc400;font-size: 14px;}
	.fontit_color{color: #999999;font-size: 14px;}
	.layui-timeline-item:before, hr{    background-color: #f4f4f4;}

	.goods_body li{text-align: left;line-height: 28px;}
	.goods_body li img{margin:0 auto;text-align: center;}
	.goods_body td{padding: 4px;text-align: center;}
	
	.selemediv ::-webkit-scrollbar {
	  width: 6px;
	  height: 10px;
	  background-color: rgb(255 255 255);
	}

	/*定义滑块 内阴影+圆角*/
	.selemediv ::-webkit-scrollbar-thumb {
	  border-radius: 10px;
	  box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
	  background-color: rgba(210, 208, 208, 0.8);
	}

	.titlebox-list ::-webkit-scrollbar {
	  width: 8px;
	  height: 8px;
	  background-color: rgba(240, 240, 240, 1);
	}

	/*定义滑块 内阴影+圆角*/
	.titlebox-list ::-webkit-scrollbar-thumb {
	  border-radius: 5px;
	  box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
	  background-color: rgba(210, 208, 208, 0.8);
	}
	
	#stock_province_item ::-webkit-scrollbar {
	  width: 8px;
	  height: 8px;
	  background-color: rgba(240, 240, 240, 1);
	}

	/*定义滑块 内阴影+圆角*/
	#stock_province_item ::-webkit-scrollbar-thumb {
	  border-radius: 10px;
	  box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
	  background-color: rgba(160, 160, 160, .5);
	}
	/*定义滑块 内阴影+圆角*/
 /* 定义滚动条样式 */
.detailed_min ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: rgba(240, 240, 240, 1);
}
 
/*定义滚动条轨道 内阴影+圆角*/
.detailed_min ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px rgba(0, 0, 0, .5);
  border-radius: 10px;
  background-color: rgba(255, 255, 255, );
}
 
/*定义滑块 内阴影+圆角*/
.detailed_min ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
  background-color: rgb(247, 204, 203, .5)
}
.bd ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: rgba(240, 240, 240, 1);
}
 
/*定义滚动条轨道 内阴影+圆角*/
.bd::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px rgba(0, 0, 0, .5);
  border-radius: 10px;
  background-color: rgba(255, 255, 255, );
}
 
/*定义滑块 内阴影+圆角*/
.bd ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
  background-color:rgb(38, 66, 131, .2);
}


.detailed_on .detail_content_bat, .detailed_on  .investment_title{display: block;}
.detailed_on .screen_box_right{background: #FFFFFF; padding: 20px;border-radius:5px ;display: flex;}
#pt_location_active{
	border: 1px solid #dcdfe6!important;
        padding:0 10px;
        border-radius: 5px;}
#pt_location_active2{
	border: 1px solid #dcdfe6!important;
        padding:0 10px;
        border-radius: 5px;}
 
/*下拉筛选样式*/
.detailed_min .investment_title,.detailed_min .detail_content_bat{display: block;}
.detailed_box{height: 100%;background: #F6F6F6;}
.detailed_min{background: #F6F6F6;position: fixed;top: 0;z-index: 9999; width: 100%;overflow:visible;}
.detailed_min .screen_img_box,.detailed_min .screen_right{float: none !important;}
.detailed_min .screen_img_box .screen_img,.detailed_min .screen_img .bigImg, .detailed_min .screen_img .bigImg #midimg{width: 200px;height: 200px;}
.detailed_min .screen_img_box .smallImg{display: none;}
.detailed_min .amplification_min{display: none !important;}
.detailed_min .screen_box_right{display: block;width: 40%;float: right;padding: 0 1%;animation:myfirst 0.2s;background: #FFFFFF;height: 100vh;overflow-y: scroll; }

/*.detailed_box .screen_box_right{width: 40%;float: right;padding: 0 1%;animation:irst 0.3s;}*/
@keyframes myfirst
{
    0%   {width: 2%;opacity: 0.05;}
    10%  {width: 4%; opacity: .1;}
    15%  {width: 6%; opacity: .15;}
    20%  {width: 8%; opacity: .2;}
    25%  {width: 10%; opacity: .2.5;}
    30%  {width: 12%; opacity: .3;}
    35%  {width: 14%; opacity: .3.5;}
    40%  {width: 16%; opacity: .4;}
    45%  {width: 18%; opacity: .4.5;}
    50%  {width: 20%;opacity: .5;}
    55%  {width: 22%;opacity: .55;}
    60%  {width: 24%; opacity: 0.6;}
    65%  {width: 26%; opacity: 0.65;}
    70%  {width: 28%; opacity: 0.7;}
    75%  {width: 30%; opacity: 0.75;}
    80%  {width: 32%; opacity: 0.8;}
    85%  {width: 34%; opacity: 0.85;}
    90%  {width: 36%; opacity: 0.9;}
    95%  {width: 38%; opacity: 0.95;}
    100% {width: 40%;opacity: 1;}
}
.detailed_on .investment_f .investment_title{width: 26px;float: left;position: absolute;top: 50%;right: 2px;transform: translateY(-50%);}
.detailed_on .investment_title div:first-child{border-radius: 5px 0px 0px 0px;}
.detailed_on .slideTxtBox .bd ul{width: 100%;}
.detailed_on .investment_con{width: 96%;}
.detail_content_con{padding-top: 63px;}
.detail_content_bat{padding-top: 10px;overflow: hidden;position: absolute; background: #fff;width: 95%;}
.detailed_min .screen_box_left{width: 57%;float: left; height: 100%;transition:width 0.3s;-webkit-transition:width 0.2s; /* Safari */}
.detailed_min .cb_on{clear: none;}
.detailed_min  .slideTxtBox .bd ul{width: 100%;}
.detailed_min .pt_detail_ft{padding: 0;border: 0;background: #FFFFFF;}
.detailed_min  .investment_f{border: 1px solid #cacaca;position: relative;height: 93vh;}
.detailed_min .investment_f .investment_title{width: 26px;float: left;position: absolute;top: 50%;right: -25px;transform: translateY(-50%);}
.detailed_min .investment_title div{ width: 26px ;margin-right:6px; font-size:14px;  text-align:center; color:#555; cursor:pointer; margin-left:1px;line-height: 16px;border: 1px solid #cacaca;padding: 20px 0;transition: all .2s;background: #f6f6f6;}
.detailed_min .investment_title div:first-child{border-radius: 0px 10px 0 0;}
.detailed_min .investment_title a,.investment_title a:link,.investment_title a:visited,.investment_title a:hover{ color:#555;width:131px; height:44px;display:inline-block}
.detailed_min .investment_title div.on a,.investment_title div.on a:link,.investment_title div.on a:visited,.investment_title div.on a:hover{ color:#ffc400}
.detailed_min .investment_title div.on{ color:#FFFFFF;background: #ffc400;border-top:0 ;border-bottom:0;        border: 1px solid #ffc400;}
.detailed_min .investment_con{ clear:both;padding:10px;float: left; width: 98%;overflow: hidden;height: 94%;}
.detailed_min .investment_con_list{display:none;transition: all .2s;}
.detailed_min .detail_content{overflow: scroll;width: 100%; height: 100%;        transition: all .2s;}
.detailed_min .investment_scroll{height: 400px;}
.detailed_min .detail_content .move{display: inline-block;position: relative;transform-origin: top left;}
.detailed_min .detail_content .move img{max-width: 1110px;}
.detailed_min .screen_box_left{animation:box_left 0.3s;} 
.detailed_min  .pt_detail_ft {margin-top: 0;}

/*详情页二级bat切换*/

.detailed_min .detail_content_nav{ width:100%; margin:20px auto;overflow: scroll;}
.detailed_min .detail_content_nav .detail_content_bat{height:40px; position: fixed;background: #FFFFFF;width: 52%; padding-top:0 ;}
.detailed_min .detail_content_bat .detail_list{transition: all .2s;cursor: pointer;padding: 7px 30px;font-size: 12px;border-radius: 3px;height:18px;  float:left; margin-right:6px; display:inline;  text-align:center; background: #f6f6f6;line-height: 18px;position: relative;}
.detailed_min .detail_content_bat a,..detailed_min .detail_content_bat a:link,..detailed_min .detail_content_bat a:visited,..detailed_min .detail_content_bat a:hover{ color:#555;width:131px; height:44px;display:inline-block}
.detailed_min .detail_content_bat .detail_list.on a,..detailed_min .detail_content_bat .detail_list.on a:link,..detailed_min .detail_content_bat .detail_list.on a:visited,..detailed_min .detail_content_bat div.on a:hover{ color:#f70}
.detailed_min .detail_content_bat .detail_list.on{color:#FFFFFF;background: #ffc400;}
.detailed_min .detail_content_bat .detail_list.on:after{content: "";width: 0;height: 0;border: 5px solid transparent;border-top-color: #ffc400;position: absolute;left: 50%;bottom: -10px;transform: translateX(-50%);}
.detailed_min .detail_content_con{ clear:both; background:#fff; padding-top:45px;}
.detailed_min .pt_detail_ft .pt_Deail_rhig{border: 1px solid #E0E0E0;}
/**/
.detailed_min .downloadBtn{top:5px;right: 37px; position: fixed;}
.detailed_min .goods-info-spec .Shopping_module .xunxing_width{width: 87%;}
.detailed_min .fix_selection{width: 100%}
.detailed_min .fix_selection .tiaojian{width: 87%;overflow: hidden;text-overflow: clip;white-space: normal;}
.detailed_min .buy_goods{width:100%;}
.detailed_min .one_sucess input{width: 76%;}
.detail_content_nav{display: block;overflow: scroll;}

.detailed_min  .detail_content_nav{display: block;}
.screen_img_box .pt_h1{display: none;}
.detailed_min .pt_h1{ height: 37px;line-height: 38px;background: #f4f4f4;font-size: 14px;margin-bottom: 18px;margin-left: -20px;padding-left: 21px;border-bottom: 1px solid #e2e2e2;display: block;}
.detailed_min .slideTxtBox .bd{padding-right: 40px;}
.detailed_min  .Model-hint{left: -343px;}
.detailed_min .selection{width: 100%;}

.detailed_min .goods-info-spec .Shopping_module .canshu_txet{ width: 87%;}
.detailed_min .shopping_box{margin-bottom: 75px;}
.detailed_min .detail_content_bat .detail_list{transition: all .2s;cursor: pointer;padding: 7px 30px;font-size: 12px;border-radius: 3px;height:18px;  float:left; margin-right:6px; display:inline;  text-align:center; background: #f6f6f6;line-height: 18px;position: relative;margin-bottom: 0px;}
.detailed_box   .goods_box {display: flex;
                /*flex-direction: row;
                justify-content: space-between;*/
	
}

/**/
.buy_goods{display: flex;flex-direction: column;}
/*.buy_minx{margin-left: 20px;}*/
.detailed_on{background: #fff;display: flex;flex-direction: column;border-radius:10px ;}
.detailed_on .pt_detail_ft{padding: 0;border: 0;background: #FFFFFF;}
.detailed_on  .investment_f{border: 1px solid #cacaca;position: relative;height: 93vh; margin-top: 15px;}

.detailed_on .investment_title div{ width: 26px ;margin-right:6px; font-size:14px;  text-align:center; color:#555; cursor:pointer; margin-left:1px;line-height: 16px;border: 1px solid #cacaca;padding: 20px 0;transition: all .2s;background: #f6f6f6;}
/*.detailed_on .investment_title div:first-child{border-radius: 0px 10px 0 0;}*/
.detailed_on .investment_title a,.investment_title a:link,.investment_title a:visited,.investment_title a:hover{ color:#555;width:131px; height:44px;display:inline-block}
.detailed_on .investment_title div.on a,.investment_title div.on a:link,.investment_title div.on a:visited,.investment_title div.on a:hover{ color:#ffc400}
.detailed_on .investment_title div.on{ color:#000000;background: #ffc400;border-top:0 ;border-bottom:0;        border: 1px solid #ffc400;}
.detailed_on .investment_con{ clear:both;padding:10px;float: left; overflow: hidden;height: 94%;}
.detailed_on .investment_con_list{display:none;transition: all .2s;}
.detailed_on .detail_content{overflow: scroll;width: 100%; height: 100%;        transition: all .2s;}
.detailed_on .detail_content_bat .detail_list{transition: all .2s;cursor: pointer;padding: 7px 30px;font-size: 12px;border-radius: 3px;height:18px;  float:left; margin-right:6px; display:inline;  text-align:center; background: #f6f6f6;line-height: 18px;position: relative;margin-bottom: 20px;}
.detailed_on .detail_content_bat a,.detailed_min .detail_content_bat a:link,.detailed_min .detail_content_bat a:visited,.detailed_min .detail_content_bat a:hover{ color:#555;width:131px; height:44px;display:inline-block}
.detailed_on .detail_content_bat .detail_list.on a,..detailed_min .detail_content_bat .detail_list.on a:link,..detailed_min .detail_content_bat .detail_list.on a:visited,..detailed_min .detail_content_bat div.on a:hover{ color:#f70}
.detailed_on .detail_content_bat .detail_list.on{color:#0;background: #ffc400;}
.detailed_on .detail_content_bat .detail_list.on:after{content: "";width: 0;height: 0;border: 5px solid transparent;border-top-color: #ffc400;position: absolute;left: 50%;bottom: -10px;transform: translateX(-50%);}

.downloadBtn .functionBtn .el-button{align-items: center;width: 96px;height: 28px;line-height: 28px; font-size: 14px; padding: 0 5px;}
.modelBtn {position: absolute;right: 0px;z-index: 3;top: 0;}
.el-button:hover{background-color: #ffc400; color: #FFFFFF;cursor: pointer;}
.detailed_min .el-button{display: flex;justify-content: center;align-items: center;width: 146px;height: 28px;background-color: #fdf1e7;border-radius: 0 0 6px 6px;border-color: #fdf1e7;color: #f58323;font-size: 14px;right: 0; border: 0;}
.detailed_min  .modelBtn {position: absolute;right: 30px;z-index: 3;top: 38px; transition: all .2s;}
.appbar .off_rihgt{cursor: pointer;box-shadow: 0 0 6px rgba(0,0,0,.11);position: absolute;top: 55%;background: #FFFFFF;width: 20px;height: 45px;z-index: 99999;left: -20px;display: block;line-height: 45px;border-radius: 20px 0px 0px 20px; }
.appbar .off_rihgt i{color: #ffc400; padding-left: 2px;}
.ds-appbar .off_rihgt .i_right,.ds-appbar .off_rihgt .i_left{display: none;}
.appbar .off_rihgt .i_left{display: block;}
.appbar .off_rihgt:hover{background: #ffc400;}
.appbar .off_rihgt:hover i{color: #FFFFFF;}
.rhigt{right: 0;}
.rhigt .off_rihgt .i_left{display: none;}
.rhigt .off_rihgt .i_right{display: block;}
.buy_goods_form{margin-bottom: 15px;}


.show_code_bac{
		overflow: hidden scroll; display: block;
	}
	.po_dishi{         width: 300px;
		top: 27px;
		left: -177px;
		border: 1px solid #e0e0e0;
		line-height: 20px;
		padding: 2px 13px;
		z-index: 999;
		background: #fff;
		color: #848484;
		box-shadow: 0 0 16px 0 rgba(0,0,0,0.10);
		background-color: #FEFFF5 !important;
		text-align: left !important;
		color: #9B9B9B !important;display: none;}
	#wunits{cursor: pointer;}
	#wunits:hover i{color: #ce2620;}
	.po_dishi::after {
		content: '';
		position: absolute;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 15px solid #fefff5;
		left: 180px;
		top: -14px;}

	.xia_box{position: absolute;bottom: 0px;left: 10px;width: 1131px;z-index: 999;border-radius: 10px;}
	.detailed_min .xia_top{position: absolute;top: 55px;right: 29px;z-index: 999;}
	.detailed_min .xia_top .download3d{border-radius: 100px;}
	/*.detailed_min .xie_box{display: none;}*/
	.xie_box{
		position: absolute;
		top: 60px;
		right: 50%;
	}
	.pt_sub_location {
		display: none;
        position: absolute;
         top:27px;
        z-index: 999;
        left: 0;
	}
	.pt_sub_min{
		
        width: 680px;
        height: auto;
        background: #ffffff;
       overflow: hidden;
        color: #7f7f7a;
        line-height: 35px;
        padding: 20px;
      border-radius: 5px;
        box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);}
	.pt_sub_location_show {
		display:block;
	}
	.pt_sub_location ul {margin-left: -15px;}
	.pt_sub_location li{
		float: left;
        margin-bottom: 10px;
          margin-left: 15px;
	}
	.pt_sub_location a{background: #f1f1f1;padding: 8px 20px;
        border-radius: 100px}
	.pt_sub_location a:hover{
		color: #FFFFFF;
		background-color: #ffc400;
		

	}
	.pt_detailed_up{
		overflow: visible;
		min-height: 20px;
		clear: both; padding: 20px 0;
	}
	.pt_detailed_nav{height: 60px;background: #ffff;border-radius:5px ;}
	.appbar{right: -56px;transition: all .6s;}
	.rhigt{right: 0px;transition: all .6s;}
	.modelBox {
        border-radius: 10px 10px 0 0;
        background: linear-gradient(90deg, #1db3c9, #33d5ed);
        display: flex
;
        align-items: center;
        box-sizing: border-box;
        height: 80px;
        color: #fff;
        padding: 0 10px;
}
	
.goodSelectionBox{position: sticky; width: 284px;min-height: 500px;}
.ProductSelection{min-height: 300px;width: 284px;border-radius: 10px 10px 5px 5px;}
.top_title{border-radius: 10px;position: relative;}
.modelBox{border-radius: 10px 10px 0 0;background:linear-gradient(90deg, #fec60e, #ffce2c);display: flex;align-items: center;box-sizing: border-box;height: 80px;color: #fff;padding: 0 10px;}
.ProductSelection .modelBox .navBox {display: flex;align-items: center;}
.ProductSelection .modelBox .model {white-space: nowrap;font-weight: 700;font-size: 14px;}
.ProductSelection .modelBox .navBox .nav {height: 100%;width: 222px;font-size: 12px;background-color: #fff;z-index: 20;border-radius: 5px;}
.ProductSelection .content-tip {margin: 10px 0px ;display: flex;align-items: center;justify-content: space-between;height: 40px;border-radius: 2px;background: rgba(244, 131, 35, .1);font-size: 12px;padding: 0 14px;box-sizing: border-box;color: #f84527;position: relative;}
.ProductSelection .content-tip i{font-size: 12px;margin-right: 5px;}
.ProductSelection .content-tip .noSelectNumSty{font-size: 14px;font-weight: 700;}
.ProductSelection .content-tip .reset {color: #1db3c9;white-space: nowrap;cursor: pointer;}
.ProductSelection .selectionContent {overflow-x: hidden;padding: 0 10px 15px;max-height: 85.5vh;box-sizing: border-box;border-radius: 0 0 5px 5px;position: relative;}
.ProductSelection .selectionContent .titleSelect {display: flex;align-items: center;margin: 10px 0;}
.ProductSelection .selectionContent .titleSelect .titleLine {width: 3px;height: 10px;background: #333;}
.ProductSelection .selectionContent .titleSelect .titleType {margin-left: 8px;font-family: Microsoft YaHei;color: #33333;font-size: 12px;font-style: normal;font-weight: 600;}


/**/
 #goodSelectionBox {
      padding: 15px;
      background: #fff;
      border-bottom: 1px solid #eee;
      position: relative;
      transition: all 0.3s ease;border-radius:4px ;
    }
    #btn_top{z-index: 2;}
    #goodSelectionBox.sticky-active, #btn_top.btn-sticky-active {
      position: sticky;
      top: 0;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      background: #fff;
      transform: translateY(0);
    }
    #goodSelectionBox.sticky-inactive , #btn_top.btn-sticky-inactive {
      box-shadow: none;
    }
.image-container{padding: 30px;} 
#3d_hide{min-height: 600px;}  

.tm-clear{ border: 1px solid #e0e6ea;}
.select-params-content{background: #f4f5f6;}
.warp.border {
        border: 1px solid #e0e6ea;
        border-radius: 4px;
        padding: 8px 12px;
        display: flex;
        margin-top: 8px;
}
.warp.border .label {
        color: #77797b;
        flex-shrink: 0;
        text-align: justify;
        -moz-text-align-last: justify;
        text-align-last: justify;
        width: 56px;
}

.border:hover{background: #f4f5f6;}
/* 核心优化：平滑过渡样式（替换原有隐藏方式） */
        .select-params-content {
            /* 初始状态：高度0+透明+溢出隐藏 */
           display: none;
           
            opacity: 0;
            overflow: hidden;
            border-top: 1px dashed #eee;
            margin-top: 10px !important;
            /* 关键：过渡动画（高度+透明度，0.3秒平滑） */
            transition: height 0.3s ease, opacity 0.3s ease;
        }
        /* 展开状态的样式 */
        .select-params-content.show {
           
            opacity: 1;
            padding-top: 5px;
            padding-bottom: 5px;
            display: block;
        }
        /* 箭头样式 */
        .icon-jiantou-copy {
            transition: transform 0.3s ease; /* 箭头也加过渡 */
        }
     
.discount_min{border: 1px solid #e0e6ea;border-radius: 4px;display: inline-flex;flex-direction: column;font-size: 14px;width: 100%;}        
.discount_box{padding: 6px 12px; z-index: 8;}   
.discount_box .discount_item{align-items: center;border-radius: 2px;color: #161a1c;display: flex;margin: 2px 0;padding: 4px 0;}  
.discount_box .discount_item.head{color: #54626c !important;}
.discount_box .discount_item.active{background: #f4f5f6;}   
.discount_box .discount_item .price{color: #f84527 !important;}