.f12 {
    font-size: 12px;
}
.f14 {
    font-size: 14px;
}
.f16 {
    font-size: 16px;
}
.fl {
    float: left;
}
.f18{
    font-size: 18px;
}
.f20{
    font-size: 20px;
}
.fr {
    float: right;
}
.a3 {
    color: #333;
}
.ac{
    color:#666;
}

  .red{
    color: red
  }
  .yellow{
    color: yellow
  }
p, div {
    word-wrap: break-word;
    word-break: break-all;
}
.white {
    background-color: #fff;
}
#yfz{
    display: none
}
.clear{
    clear: both
}

textarea {
    resize: none;
    border: none;
}
input { outline:0px ; -webkit-appearance: none; border: none } 
textarea,input[type="password"],input[type="text"]{resize:none;outline:0;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;background:#fff}

.pc_zi_tu { width: 1240px; min-width: 1000px; margin: 0 auto; padding-top: 12%; }
.pc_zi_tu img { width: 48%; }
.pc_down_button { width: 1180px; min-width: 1000px; margin: 0 auto; margin-top: 3% }
.pc_down_button img { width: 22%; opacity: .9; cursor: pointer }
.pc_down_button img:hover { opacity: 1; }
.pc_down_button .pc_android_button { margin-left: 8% }
.beian { color: #fff; position: absolute; bottom: 1%; right: 10%; font-size: .8rem; }
.beian span { color: #fff }

.hide_box { z-index: 999; filter: alpha(opacity=50); background: #ddd; opacity: 0.5; -moz-opacity: 0.5; left: 0; top: 0; height: 99%; width: 100%; position: fixed; }
.shang_box {width: 440px;/* height: 468px; */padding: 10px;background-color: #fff;border-radius: 10px;position: fixed;z-index: 1000;left: 50%;top: 50%;margin-left: -280px;margin-top: -280px;border: 1px dotted #dedede;}
.shang_box img { border: none; border-width: 0; }
.dashang { display: block; width: 180px; margin: 5px auto; height: 25px; line-height: 25px; padding: 10px; background-color: #E74851; color: #fff; text-align: center; text-decoration: none; border-radius: 10px; font-weight: bold; font-size: 16px; transition: all 0.3s; }
.dashang:hover { opacity: 0.8; padding: 15px; font-size: 18px; }
.shang_close { float: right; display: inline-block; }
.shang_tit {width: 100%;/* height: 75px; */text-align: center;line-height: 66px;color: #a3a3a3;font-size: 16px;/* background: url('../images/cy-reward-title-bg.jpg'); */font-family: 'Microsoft YaHei';margin-top: 7px;margin-right: 2px;}
.shang_tit p {color: #a3a3a3;text-align: center;padding-left: 16px;font-size: 18px;text-indent: inherit;}
.shang_payimg {width: 200px;/* height: 180px; */padding: 10px 10px;border: 5px solid #ff0000;margin: 0 auto;border-radius: 3px;}
.shang_payimg img {display: block;text-align: center;width: 180px;height: 180px;}
.pay_explain { text-align: center; margin: 10px auto; font-size: 12px; color: #545454; }
.shang_info { clear: both; }
.shang_info p, .shang_info a {color: #C3C3C3;text-align: center;font-size: 12px;text-decoration: none;line-height: 2em;padding: 0;text-indent: inherit;}
.cl:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}
.vm {vertical-align:middle}
.comiis_poster_box {position:fixed;left:0;bottom:0;width:100%;height:100%;z-index:999;background:rgba(0,0,0,0.85);color:#fff;transition:all .4s ease;-webkit-transition:all .4s ease;opacity:0}
.comiis_poster_box_show{opacity:1}
.comiis_poster_fdico {position:fixed;z-index:100}
.comiis_poster_fdico a {display:block;width:46px;height:46px;text-align:center;border-radius:50%;overflow:hidden;margin-top:10px}
.comiis_poster_fdico a img {width:16px;height:16px;padding-top:8px;overflow:hidden}
.comiis_poster_fdico a span {display:block;font-size:calc(20px/2);margin-top:2px;overflow:hidden}
.comiis_poster_okimg, .comiis_poster_imgshow {height:calc(100% - 55px);text-align:center}
.comiis_poster_okimg img {max-width:calc(100% - 40px);max-height:calc(100% - 30px);margin:25px 20px 10px;border-radius:6px;}
.comiis_poster_oktit {padding:0 10px;height:30px;line-height:30px;font-size:14px;text-align:center;overflow:hidden}
.comiis_poster_okclose {position:absolute;width:100%;left:0;bottom:0;height:60px;text-align:center;overflow:hidden}
.comiis_poster_okclose a {display:block;height:60px;line-height:40px;overflow:hidden}
.comiis_poster_okclose a img {width:40px;height:40px}
.loading_color{width:200px;height:80px;margin:0 auto}
.loading_color span{display:inline-block;width:3px;height:30px;margin-left: 3px;animation-name:scale;-webkit-animation-name:scale;-moz-animation-name:scale;-ms-animation-name:scale;-o-animation-name:scale;animation-duration:1.2s;-webkit-animation-duration:1.2s;-moz-animation-duration:1.2s;-ms-animation-duration:1.2s;-o-animation-duration:1.2s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}
.loading_color span.loading_color1{background:#2ecc71}
.loading_color span.loading_color2{background:#3498db}
.loading_color span.loading_color3{background:#9b59b6}
.loading_color span.loading_color4{background:#e67e22}
.loading_color span.loading_color5{background:#c0392b}
.loading_color span.loading_color6{background:#e74c3c}
.loading_color span.loading_color7{background:#e74c8c}
.loading_color1{animation-delay:-1s;-webkit-animation-delay:-1s;-moz-animation-delay:-1s;-ms-animation-delay:-1s;-o-animation-delay:-1s}
.loading_color2{animation-delay:-0.9s;-webkit-animation-delay:-0.9s;-moz-animation-delay:-0.9s;-ms-animation-delay:-0.9s;-o-animation-delay:-0.9s}
.loading_color3{animation-delay:-0.8s;-webkit-animation-delay:-0.8s;-moz-animation-delay:-0.8s;-ms-animation-delay:-0.8s;-o-animation-delay:-0.8s}
.loading_color4{animation-delay:-0.7s;-webkit-animation-delay:-0.7s;-moz-animation-delay:-0.7s;-ms-animation-delay:-0.7s;-o-animation-delay:-0.7s}
.loading_color5{animation-delay:-0.6s;-webkit-animation-delay:-0.6s;-moz-animation-delay:-0.6s;-ms-animation-delay:-0.6s;-o-animation-delay:-0.6s}
.loading_color6{animation-delay:-0.5s;-webkit-animation-delay:-0.5s;-moz-animation-delay:-0.5s;-ms-animation-delay:-0.5s;-o-animation-delay:-0.5s}
.loading_color7{animation-delay:-0.4s;-webkit-animation-delay:-0.4s;-moz-animation-delay:-0.4s;-ms-animation-delay:-0.4s;-o-animation-delay:-0.4s}
@-webkit-keyframes scale{0%, 40%, 100%{-moz-transform:scaleY(0.2);-ms-transform:scaleY(0.2);-o-transform:scaleY(0.2);-webkit-transform:scaleY(0.2);transform:scaleY(0.2)}20%, 60%{-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}}
@-moz-keyframes scale{0%, 40%, 100%{-moz-transform:scaleY(0.2);-ms-transform:scaleY(0.2);-o-transform:scaleY(0.2);-webkit-transform:scaleY(0.2);transform:scaleY(0.2)}20%, 60%{-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}}
@-ms-keyframes scale{0%, 40%, 100%{-moz-transform:scaleY(0.2);-ms-transform:scaleY(0.2);-o-transform:scaleY(0.2);-webkit-transform:scaleY(0.2);transform:scaleY(0.2)}20%, 60%{-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}}
@keyframes scale{0%, 40%, 100%{-moz-transform:scaleY(0.2);-ms-transform:scaleY(0.2);-o-transform:scaleY(0.2);-webkit-transform:scaleY(0.2);transform:scaleY(0.2)}20%, 60%{-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}}
.comiis_poster_box_img{position:fixed;top:-2999px;width:640px;overflow:hidden;background:#fff}
.comiis_poster_img {width:100%;max-height:420px;overflow:hidden;position:relative}
.comiis_poster_img img {width:100%;height:auto}
.comiis_poster_img .img_time {position:absolute;left:30px;bottom:20px;width:96px;line-height:36px;font-size:70px;text-align:center;font-weight:500;color:#fff;text-shadow:1px 0px 20px rgba(0, 0, 0, 0.2)}
.comiis_poster_img .img_time span {display:block;margin-top:16px;border-top:3px solid #fff;font-weight:500;font-size:24px}
.comiis_poster_tit {margin:22px 28px 28px;height:100px;line-height:50px;font-size:36px;font-weight:400;color:#222;overflow:hidden}
.comiis_poster_tita {text-align:center;padding:22px 48px 10px;max-height:88px;line-height:42px;font-size:32px;font-weight:400;color:#222;overflow:hidden}
.comiis_poster_txta {margin:5px 28px;min-height:68px;max-height:136px;line-height:34px;font-size:23px;font-weight:400;color:#aaa;overflow:hidden}
.comiis_poster_user {padding:0 29px 10px;height:46px;line-height:46px;font-size:20px;overflow:hidden}
.comiis_poster_user .kmdico {float:left;margin-left:2px;margin-top:18px;height:10px}
.comiis_poster_user .kmuser {float:right;color:#369}
.comiis_poster_user .kmuser img {float:left;width:46px;height:46px;margin-right:12px;border-radius:50%}
.comiis_poster_user .kmuser .kmby {float:left;margin-right:15px;color:#ccc}
.comiis_poster_user_mt {margin-top:20px}
.comiis_poster_tops {padding:8px 15px;height:40px;line-height:40px;font-size:22px;color:#666;overflow:hidden}
.comiis_poster_imgs {width:100%;height:300px;position:relative}
.comiis_poster_imgs .kmbkbg {position:absolute;right:0;top:0;width:100%;height:250px;overflow:hidden}
.comiis_poster_imgs .kmbkbg img {width:100%;height:auto;object-fit:cover;overflow:hidden}
.comiis_poster_imgs .kmbkimg {position:absolute;left:50%;bottom:0;background:#fff;margin-left:-55px;width:110px;height:110px;border-radius:6px}
.comiis_poster_imgs .kmbkimg img {width:100px;height:100px;margin:5px;border-radius:6px}
.comiis_poster_tits {text-align:center;padding:15px 28px 10px;height:40px;line-height:40px;font-size:32px;font-weight:400;color:#369;overflow:hidden}
.comiis_poster_txts {margin:5px 28px;min-height:68px;max-height:170px;line-height:34px;font-size:24px;font-weight:400;color:#666;overflow:hidden}
.comiis_poster_dico {padding:20px 29px}
.comiis_poster_nqmpfhx {background:none}
.comiis_poster_x {width:100%;height:45px;background:url(../img/poster_x.jpg) repeat-x center;overflow:hidden}
.comiis_poster_foot {padding:13px 28px 30px;height:100px;box-sizing:initial;overflow:hidden}
.comiis_poster_foot .kmzw {float:left;margin-left:1px;margin-right:20px;width:100px;height:100px}
.comiis_poster_foot .kmzwtip {float:left;margin-top:13px;height:68px;line-height:36px;font-size:20px;color:#aaa}
.comiis_poster_foot .kmzwtips {float:left;margin-top:12px;height:68px;line-height:36px;font-size:22px;color:#aaa}
.comiis_poster_foot .kmewm {float:right;width:100px;height:100px}
.comiis_poster_fdico *,#comiis_poster_box * {-moz-box-sizing:content-box;box-sizing:content-box;}
.comiis_poster_fdico{bottom:82px; left:12px;}
.comiis_poster_a,.comiis_footer_scroll a.comiis_poster_a{background:rgba(0,0,0,0.6);color:#FFFFFF;}
.comiis_poster_a span,.comiis_poster_a i{color:#FFFFFF;}
em, cite, i {font-style: normal;}
.comiis_footer_scroll a em {font-size: calc(20px/2);}
.comiis_poster_a span, .comiis_poster_a i {color: #FFFFFF;}
.comiis_footer_scroll a span {display: block;margin-top: -3px;overflow: hidden;}
.comiis_footer_scroll a .comiis_font{display:block;font-size:20px;margin-top:6px;height:22px;line-height:20px;overflow:hidden}
.comiis_footer_scroll a{display:block;width:46px;height:46px;text-align:center;background:rgba(0,0,0,.6);border-radius:50%;overflow:hidden;margin-top:10px;position:relative}
.comiis_footer_scroll a.comiis_poster_a,.comiis_poster_a{background:rgba(0,0,0,.6);color:#fff}
.comiis_footer_scroll{position:fixed;bottom:32px;right:12px;z-index:100;transition:all .2s ease;transform:translateX(100px);-webkit-transition:all .2s ease;-webkit-transform:translateX(100px)}
.comiis_footer_scroll_show{transform:translateX(0);-webkit-transform:translateX(0)}
a.comiis_poster_a{text-decoration:none}
.comiis_poster_load{width:200px;height:80px;left:49%;top:49%;position:absolute}
.poster-button{text-align:center}
.ptr-btn{text-align:center;background-color:#e94c3d;color:#fff;letter-spacing:.2px;opacity:.93;cursor:pointer;display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center!important;border:1px solid transparent;border-radius:4px;text-decoration:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}
.ptr-btn2:hover,.ptr-btn:hover{opacity:1;color:#fff!important;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}
.ptr-btn:active{position:relative;top:1px}
.ptr-btn2{position:fixed;right:30px;bottom:100px;z-index:1000;background-color:#e94c3d;color:#fff;letter-spacing:.2px;opacity:.93;cursor:pointer;display:inline-block;width:55px;height:55px;line-height:1.42857143;text-align:center!important;border:1px solid transparent;border-radius:100%;text-decoration:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}
.ptr-btn2 img{width:35px;padding-top:5px}
.ptrbtn{background-color:inherit;color: #ff0000;letter-spacing:inherit;opacity:inherit;cursor:pointer;display:inline-block;padding:inherit;margin-bottom:0;font-size:inherit;font-weight:inherit;line-height:inherit;text-align:center!important;border:inherit;border-radius:inherit;text-decoration:none;text-decoration: underline;}