body { background: #FFE1F1 }
::-moz-selection { background: #ff4293; color: #FFF }
::selection { background: #ff4293; color: #FFF }
nav ul a,
nav .brand-logo {
  color: #FFF;
}
p { line-height: 2rem }
.mqbox { position:relative; z-index:997; padding:8px 0 8px 15px; width:100%; background:rgba(121, 54, 230,1); color:#ff0; margin-bottom:10px }
.mq-close { float:right }
.mq-close i { color:#fff; font-size:1.125rem }
.gallery .cell { width:100% !important }
.gallery .cell img { display:block; width:100%; max-width:720px; margin: 0 auto }
.movie_box .card { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 4px 0 rgba(0, 0, 0, 0.12) !important; position: relative; top:0; transition: all 0.35s }
.movie_box .card:hover { box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.16), 0 4px 15px 0 rgba(0, 0, 0, 0.13) !important; position: relative; top: -5px }
.quickbtn { padding:6px 0 10px 0; text-align: center; white-space:nowrap; outline:0; overflow:hidden }
.quickbtn a { padding:0 1.1rem; margin:0 3px }
.quickbtn a.qbtn0 { background:transparent; border-bottom:2px solid #ff72af; color:#ff4293; box-shadow:none }
.quickbtn a.qbtn1 { background:#0098e7 }
.quickbtn a.qbtn2 { background:#ff7315 }
.quickbtn a.qbtn3 { background:#00b05f }
.scrolls { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar }
.scrolls::-webkit-scrollbar { display: none }
.auto-h { height:auto !important }
.w100 { width:77%; max-width:720px }
.loginbox div { margin-top: 0.5rem }
.loginbox .captcha img { display: block; margin-top: 12px }
.regbox .captcha img { display: block; margin-top: 10px }
.loginbox input { margin-bottom: 10px }
.paybox thead { background: #ff4293 }
.paybox td, .paybox th { text-align: center; padding: 12px 5px }
.paybox th { color: #FFF; font-size: 1.25rem; font-weight: normal !important }
.paybox td { background: #fff }
.account thead { background: #ff4293 }
.account th { padding: 12px 5px }
.account th { color: #FFF; font-size: 1.25rem; font-weight: normal !important }
.account td { background: #fff }
.account .acc_tl { width:100px; padding-left: 15px; vertical-align: middle; }
.nofloat { float: none !important }
.finput { margin-top: 0.6rem !important }
.topnav { margin-right: -1.125rem }
.pt10 { padding-top:10px }
.mr-tb5 { margin: 5px 0 !important }
.mr-tb2030 { margin: 30px 0 20px 0 !important }
.mr-l5 { margin-left: 5px !important }
.mr-r5 { margin-right: 5px !important }
.mb0 { margin-bottom: 0 !important }
.mb10 { margin-bottom: 10px !important }
.mb20 { margin-bottom: 20px !important }
.mr0 { margin: 0 !important }
.pd0 { padding: 0 !important }
.pd5 { padding: 0 5px !important }
.pd9 { padding: 0 9px !important }
.pl15 { padding-left: 15px !important }
.pd10 { padding:10px !important }
.ftxt { font-size: 0.9rem !important; text-align: center }
.errortxt { display:block; font-size: 1rem !important; text-align: center; margin:4px auto }
.footer-itxt { border: 0 !important }
.footer-itxt:focus { border: 0 !important; box-shadow:none !important }
.dtag { white-space: nowrap; font-size: 0.75rem; background: #aaa; color:#FFF; border-radius:15px; padding:3px 10px; margin-right: 10px }
p.detail { line-height: 150%; margin:10px !important }
.btn-detail { font-size: 1.125rem !important; display: block; margin: 10px 0 0 0 !important }
.btn-detail i { font-size: 1.5rem !important; position: relative; top: 4px }
.btn-detail a { height: 42px; color: #FFF; background: #ff4293; border-radius:0 !important; }
.btn-detail .btn2 { background: #06a0e4 }
.btn-detail .btn3 { background: #ff8a18 }
.btn-detail .btn4 { background: #00ba73 }
.btn-buy { font-size: 1.125rem !important; display: block; margin:0 !important }
.btn-buy i { font-size: 1.5rem !important; position: relative; top: 4px }
.btn-buy a { height:52px; color: #FFF; background: #ff4293; border-radius:0 !important; border-bottom:1px solid #FFE1F1; padding:8px 0 !important }
.btn-buy a:last-child { border:0 }
.btn-buy .btn2 { background: #06a0e4 }
.btn-buy .btn3 { background: #ff8a18 }
.btn-buy .btn4 { background: #00ba73 }
.btn-play a { color: #FFF; text-transform:capitalize }
.btn-play .btn2 { background: #06a0e4 }
.btn-play .btn3 { background: #ff8a18 }
.btn-play .btn4 { background: #00ba73 }
.button-collapse { color: #FFF }
#ticket .collection .collection-item { padding: 12px 10px !important }
.ticket-title { font-size: 1.25rem !important; line-height: 1rem; color: #ff4293 !important }
.ticket-item { font-size: 1.125rem }
.ticket-item strong { font-weight:600; margin: 0 4px }
.collection-item a { color: #6200ea !important }
.ticket-switch { position: relative; top: -2px; }
.ptitle h3 { font-size: 1.375rem; letter-spacing: 1px; color: #FFF; background: #4f4046 url("https://18.img4u.click/pic/images/bg_ptitle.jpg") no-repeat 0 50%; border-radius: 4px; margin: 1rem 0 0.75rem 0 }
.pay_t h3 { font-size: 1.375rem; letter-spacing: 1px; color: #FFF; background: #4f4046 url("https://18.img4u.click/pic/images/bg_pay.jpg") no-repeat 0 42%; border-radius: 4px; margin: 1rem 0 0.75rem 0 }
.mr75 { margin:0 0.75rem; }
 .card .card-title a { color:#9c27b0 !important }
 #ticket .attention { font-size: 1rem; line-height:130% }
.playback { width:77%; max-width: 720px; margin:10px auto }
.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }
.snav-user { padding-left:28px; }
.snav-logo { text-align: center; border-bottom: 1px solid #FF64A6; }
.snav-logo a { font-size: 1.375rem !important }
.login { padding: 8px 0; height:60px; white-space: nowrap }
.login a.btn, .login a.btn-large { color:#ff4293; background-color: #FFF; height: auto !important; line-height:36px !important; margin: 0 3px }
.login a.btn:hover, .login a.btn-large:hover { color:#FF0; background-color: #8600E2 }
.max-content { max-width: 720px !important }
.btn-sfav { position: absolute; right:5px; top: 1px; text-shadow: 0px 0px 8px rgba(255, 255, 255, 1) }
.movie_box { overflow:hidden !important }
.movie_box img { display:block !important }
.region { margin-top:-10px; margin-bottom:5px }
.region a { display:inline-block; font-size:.75rem !important; width:35px; height:35px; line-height:19px; padding:8px; border:1px solid #ffa1c9; border-radius:36px; box-shadow:none !important; margin:0 2px; overflow:hidden }
.payicon { float:left }
.payedicon { width: 30%; height: 30%;}
.publisher { background:#9400d3 !important; transition: background-position 0.5s ease; animation-name: pubg; animation-duration: 1s; animation-iteration-count: infinite; }
.publisher a:hover { animation: 0 }
@-webkit-keyframes pubg {
    0%     { opacity:1 }
    50.0%  { opacity:0.5 }
    100.0%  { opacity:1 }
}

@keyframes pubg {
    0%     { opacity:1 }
    50.0%  { opacity:0.5 }
    100.0%  { opacity:1 }
}

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
  .report { text-align: right; position: relative; z-index: 1; margin: 0 }
}

.report { text-align: right; position: relative; z-index: 1 }
.report ul { font-size: 0; text-align: left; display: inline; margin: 0; }
.report ul li { font-size: 15px; color: #ff4293 !important; display: inline-block; margin-right: 0; position: relative; padding:8px 0; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; color: #fff }
.report ul li:hover { color: #fff; }
.report ul li ul { padding: 0; position: absolute; top:38px; right: 0; width: auto; white-space: nowrap; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; opacity: 0; visibility: hidden }
.report ul li ul li { font-size: 14px; background:#ff4293; display: block; color: #fff !important; padding: 13px 20px }
.report ul li ul li:hover { background:#e22576 }
.report ul li ul li a { color: #fff !important }

.report ul li:hover ul { display: block; opacity: 1; visibility: visible }
.popreport li:first-child { border-radius:3px 3px 0 0 }
.popreport li:last-child { border-radius:0 0 3px 3px }

.icon-block {
  padding: 0 15px;
}

footer.page-footer {
  margin: 0;
}
footer.page-footer { padding-top: 0 !important; /*position: fixed; bottom: 0; width: 100%;*/ }

.fixed_ad { text-align:center; width:100%; background:rgba(255,255,255,0.85); border-top:1px solid #f9bcdc; position:fixed; z-index:99; left:0; bottom:-126px; transition: bottom 0.5s ease-in-out; }
.fixed_ad img { vertical-align: bottom; width: 100%; max-width: 589px }
.fixed_ad_move { bottom: 0 }
.dlapk_rfixed { position:fixed; z-index:999; right:14px; bottom:130px; }
.dlapk_rfixed a { width:48px; height:150px; background:url(https://18.img4u.click/pic/images/dlapk_rfixed.webp) no-repeat 0 0; background-size:48px 150px; display:block; border-radius:24px } #lz_overlay_wm { bottom:156px !important }@media only screen and (max-width:361px) {
  .fixed_ad iframe { height:80px }
}
.ibox { margin: 0; padding: 0; height: 23px }
.ibox i { font-size: 2rem }
.fixed_bnav { text-align:center; width:100%; height:65px; background:linear-gradient(180deg,#ff6700,#ff9902); position:fixed; z-index:99; left:0; bottom:0; transition: bottom 0.5s ease-in-out; box-shadow:0 2px 10px 1px rgba(225,79,0,.5); opacity:.93 }
.fixed_bnav img { vertical-align: bottom; width: 100%; max-width: 589px }
.fixed_bnav_move { bottom: 0 }
.fixed_bnav .btn { box-shadow:none; height:65px; padding:0 1.125rem !important; background:linear-gradient(180deg,#ff6700,#ff9902) }
.fixed_bnav .btn-group>.btn:hover { background:linear-gradient(#e63c85,#e22576); box-shadow:none }
.pager { margin:0 auto 150px auto !important }
iframe {
  width: 1px;
  min-width: 100%;
  *width: 100%;
}
.rank-num-lg { width: 26px; height: 24px; font-size: 16px; line-height: 24px; color: #FFF; letter-spacing: 0; background: rgba(255, 0, 153, 0.65); position: absolute; z-index: 3; left: 0; top: 0; padding: 0 5px }
.text-center { text-align: center }

/* 定义keyframe动画，命名为blink */
@keyframes blink{
  0%{opacity: 1;}
  100%{opacity: 0;} 
}
/* 添加兼容性前缀 */
@-webkit-keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@-moz-keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@-ms-keyframes blink {
    0% {opacity: 1; } 
    100% { opacity: 0;}
}
@-o-keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
/* 定义blink类*/
.blink{
    color: red;
    animation: blink 1s linear infinite;  
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink 1s linear infinite;
    -moz-animation: blink 1s linear infinite;
    -ms-animation: blink 1s linear infinite;
    -o-animation: blink 1s linear infinite;
}