/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 3454155 */
  src: url('//at.alicdn.com/t/c/font_3454155_606masgj9g.woff2?t=1711609998445') format('woff2'),
       url('//at.alicdn.com/t/c/font_3454155_606masgj9g.woff?t=1711609998445') format('woff'),
       url('//at.alicdn.com/t/c/font_3454155_606masgj9g.ttf?t=1711609998445') format('truetype');
}
.public_fixed{position:static;}
.header_fixed{position:static;top: 0;padding: 0;transition: all 0s;}
	.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: #264283;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: 0 15px; padding-bottom: 20px;}
#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{min-height: 1500px;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{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:83px;float: left;position: absolute;top: 50%;right: -84px;transform: translateY(-50%);}
.detailed_on .investment_title div:first-child{border-radius: 5px 0px 0px 0px;}
.detailed_on .slideTxtBox .bd ul{width:96%;}
.detailed_on .investment_con{width: 99%;}
.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:80px;float: left;position: absolute;top: 50%;right: -79px;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:#264283}
.detailed_min .investment_title div.on{ color:#FFFFFF;background: #264283;border-top:0 ;border-bottom:0;        border: 1px solid #264283;}
.detailed_min .investment_con{ clear:both;padding:10px;float: left; width: 99%;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: 40%; 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: #264283;}
.detailed_min .detail_content_bat .detail_list.on:after{content: "";width: 0;height: 0;border: 5px solid transparent;border-top-color: #264283;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_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;width: 95%;}

.detailed_on .investment_title div{ width: 80px ;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:#264283}
.detailed_on .investment_title div.on{ color:#FFFFFF;background: #264283;border-top:0 ;border-bottom:0;        border: 1px solid #264283;}
.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:#FFFFFF;background: #264283;}
.detailed_on .detail_content_bat .detail_list.on:after{content: "";width: 0;height: 0;border: 5px solid transparent;border-top-color: #264283;position: absolute;left: 50%;bottom: -10px;transform: translateX(-50%);}

.downloadBtn .functionBtn .el-button{align-items: center;width: 128px;
  height: 50px;
  line-height: 15px;
  font-size: 14px;
  padding: 0 8px;
  text-transform: capitalize;
}
.modelBtn {position: absolute;right: 0px;z-index: 3;top: 0;}
.el-button:hover{background-color: #264283; 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: #264283; 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: #264283;}
.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;}