.w_100_new{
  width: 100%;
}
.pc_one_relative{position: relative}
/* vrhouse */
/* 替换pc端写死的style */
.video-player-padding {
  padding-bottom: 56.25%;
}
/* vr */
.vr_news{
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  padding-left: 0;
  height: 100%;
  background: #323232;
}
.vr_news .vr-item :checked+.icon{color: #fff}
.vr_news .vr-item .icon{color: #fff}
.vr-item__info{
  flex: 1;
  color:#fff;
  width: 0;
}
.vr-item__info > text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vr-item__info p{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin: 0;
  font-size: 12px;
  color: #B2B2B2;
  line-height: 16px;
  width: 130px;
}
.vr-item_change{
  padding: 7px 5px 7px 5px;
  left: -5px;
}
.vr-item_change a.edits{display: none}
.vr-item_change {border:1px dotted #323232;margin: -4px 0 5px 0;}
.vr-item_change:hover {border:1px dotted #0A7AFF;}
.vr-item_change:hover  a.edits{display: block;background: #0A7AFF;color: #fff;font-size: 12px;padding: 1px 5px;position: absolute;right:0;top:0;line-height: 14px;}
.vr_news .vr-items{min-width: 300px;}
.vr_news{}
.vr_news .vr-list .thumb {
  width: 100px;
  height: 100px;
  margin: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f0f0;
}

.vr-list .thumb img {
  position: unset;
  /* top: 0; */
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: cover;
}
.vr-item__info text{position: relative;top:-2px;}
.vr-list::-webkit-scrollbar-thumb {
  background: rgb(255, 255, 255);
}
.vr-list::-webkit-scrollbar {
  background: rgba(255, 255,255, 0.5);
}
.vr__btn {
  margin: 0 auto;
  display: block;
  font-size: 16px;
  width: 93%;
  text-align: center;
  line-height: 38px;
  height: 40px;
  border: solid 1px #fff;
  background: #fff;
}
.pc_oneadd{
  background: #323232;
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  /* position: relative; */
  /* left: -8.111111%; */
  padding: 15px 8%;
}
.pc_one_title{font-size: 16px;color: #fff;display: block;width: 100%;margin: 20px 0 10px 0;}
.vr-list {
  top: 90px;
  width: 89%;
}
.vr__tabs a.active {
  background: #fff;
  color: #262626;
}
.vr__tabs a {
  padding: 0 10px;
  margin-left: 0;
  color: #fff;
  line-height: 24px;
}
.vr__tabs a:not(.active):hover {
  color: #fff;
  font-weight: normal;
}
.vr__tabs a.active:hover {
  color: #262626;
}
.vr__tabs a+a {
  margin-left: 10px;
}
.vr__tabs {
  padding-left: 35px;
  position: relative;
  /* left: -26px; */
  padding-bottom: 20px;
}
.vr_abs_arrow{
  position: absolute;
  right: 0px;
  top: 0;
  width: 40px;
  height: 40px;
  background: #323232;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.vr_abs_Close{
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 9;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.vr_abs_arrow span,.vr_abs_Close span{color: #fff}
.pc_onel_title{
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);}
/*Ã¤Â¿Â®Ã¦â€Â¹Ã¥Ââ€šÃ¦â€¢Â°*/
.change_edit {
  left: unset;
  right: 38px;
  background: #fff;
}.change_edit:after {
   right: 8%;
   left: unset;
 }
.change_editRight img{width: 140px;}
.arrow_qie{right:340px;}
.vr-list {
  /*overflow-y: unset;*/
}
.w_100{width:100%;}


.container {
    width: auto;
    margin-left: 60px;
    margin-right: 60px;
}
