

/*iptv介绍*/
.filter-bg { position:fixed; left:0; top:0px; z-index:4; width:100%; height:100%; background:rgba(0,0,0,.6);}
.filter-ad-div { position:absolute; left:5%; top:10%; width:94%; margin:0 auto 0; border:1px #dadada solid; border-radius:4px; background:#fff; color:#353535;font-size:.35rem;}
.filter-ad-iocn { margin:.6rem .6rem; background-size:auto 2.9rem; font-size:.35rem;}
.filter-ad-iocn p { padding:1.5rem 0; line-height:5rem; font-size:  1.5rem;}
.filter-ad-iocn p span { padding-left: 4rem;}
.filter-div { position:absolute; left:5%; top:10%; width:80%; margin:0 auto 0; padding:.6rem 5%; border:1px #dadada solid; border-radius:4px; background:#fff; color:#353535;font-size:.35rem;}
.filter-tlt { padding-bottom:.6rem; font-size:.45rem; color:#353535; text-align:center;}
.kdxz-filter-close { position:absolute; top:0rem; right:.5rem; width:.8rem; height:1rem;}
.filter-div-agreement { position:absolute; left:5%; width:80%; top:3rem; padding:.6rem 5%; border:1px #dadada solid; border-radius:4px; background:#fff; color:#353535;font-size:.35rem; }
.kdxz-scroll { max-height:8rem; overflow-y:auto; overflow-x:hidden;}




/* -------------------------------- 

xpopup 

-------------------------------- */
.cd-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: 4em auto;
  background: #FFF;
 
}
.cd-popup-container p {
  padding: 3em 1em;
}
.cd-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-popup-container .cd-buttons li {
  float: left;
  width: 50%;
}
.cd-popup-container .cd-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child a {
  background: #fc7169;
  border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
  background-color: #fc8982;
}
.cd-popup-container .cd-buttons li:last-child a {
  background: #b6bece;
  border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
  background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;right: 12px;
  width: 14px;
  height: 3px;
  background-color: #fff;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 8em auto;
  }
}
