@charset "utf-8";

/* Sprite Image */
.cn [class^=txt_]{display:inline-block;overflow:hidden;background:url(//cdn-static.dongmanmanhua.cn/image/pc/spi_cn_v2.png?dt=2017061901) no-repeat;line-height:999px;vertical-align:top}

/* Icon */
.cn .txt_ico_new,.cn .txt_ico_new2{width:30px;height:30px;background-position:0 0}
.cn .txt_ico_up,.cn .txt_ico_up2{width:30px;height:30px;background-position:-40px 0}
.cn .txt_ico_hiatus,.cn .txt_ico_hiatus2{width:30px;height:30px;background-position:-80px 0}
.cn .txt_ico_hot,.cn .txt_ico_hot2{width:30px;height:30px;background-position:-120px 0}
.cn .txt_ico_completed,.cn .txt_ico_completed2{width:30px;height:30px;background-position:-200px 0}
.cn .ico_like{width:16px;height:16px;background-position:-320px -1500px}
.cn .ico_like.on{background-position:-340px -1500px}
.cn .ico_like2{width:16px !important;height:16px !important;background-position:-360px -1500px}
.cn .ico_like2.on{background-position:-380px -1500px}
.cn .ico_like3{width:15px;height:15px;background-position:-300px -1500px}
.cn .ico_like{width:16px;height:16px;background-position:-320px -1500px}
.cn .ico_like.on{background-position:-340px -1500px}
.cn .ico_like2{width:16px !important;height:16px !important;background-position:-360px -1500px}
.cn .ico_like2.on{background-position:-380px -1500px}
.cn .ico_like3{width:15px;height:15px;background-position:-300px -1500px}

/* Image Text */
.cn .txt_contest{width:213px;height:76px;background-position:0 -160px}
.cn .txt_challenge{}

/* Common UIO */
.cn .grade_area .ico_like3{margin-top:0}

/* Layout */
.cn #content{padding-bottom:348px}

/* Header */
.cn .lnb .m04{display:none}
.cn .lnb .m05{position:relative;top:-34px;margin-left:22px;padding-left:40px}
.cn .lnb .m05 .bar{display:block;position:absolute;top:30px;left:0;height:31px;background:#e5e5e5}
.cn .lnb .m05 a{height:auto;padding:0 0 0 0}
.cn .lnb .m05 .ico_menu_new{display:none}

/* Footer */
.cn #footer{min-height:347px;margin-top:-348px}
.cn .foot_app .foot_down_msg .txt{height:52px;padding-top:2px}
.cn .foot_app .ico_qrcode{width:227px;height:140px;margin-top:13px;background:url(../../assets/css-assets/f09406e2768c.gif) 0 -140px no-repeat}


/* Snb */
.cn .snb li{width:111px!important}
.cn .snb li.g_short_story{width:112px!important}

.cn .snb_sort .checked{padding-right:67px}
.cn .snb_sort .checked .ico_chk2{right:43px}
.cn .snb_sort .sort_box a{padding-right:66px}
.cn .snb_sort .sort_box .ico_chk2{right:42px}

/* Recently viewed */
.cn .recently_area .t_recently{margin-top:22px}
.cn .recently_area .ico_recently{bottom:12px}
.cn .recently_cont .subj{line-height:19px}

/* Card animation */
.cn .card_item .info .subj{line-height:20px}

/* Ranking list */
.cn .ranking_lst .title_area .sort_box{width:158px}

/* daily */
.cn .daily_card_item .subj{line-height:18px}

/* detail_end */
.cn .detail_body .detail_lst .ico_like{margin-top:1px}

/* viewer */
.cn .spi_area .bx .ico_like2{margin-top:-4px}

/* upload popup */
.cn .pop_upload .upload_cont{height:580px}
.cn .viewer_lst .viewer_share_guide{width:432px;height:503px;margin:64px auto 85px;background:url(../../assets/css-assets/3216118da138.png) no-repeat}
.cn .viewer_lst .viewer_share_guide .sns_area{bottom:31px;left:63px;width:353px}
.cn .viewer_lst .viewer_share_guide .sns_area li{margin-left:1px}
.cn .viewer_lst .viewer_share_guide .sns_area li:first-child{margin-left:0}

/* douwnload button*/
.cn .foot_app .btn_google{background-position:-210px -1300px}
.cn .foot_app .btn_ios{background-position:-210px -1340px}

/* Login Header Animation */
.cn .ly_loginbox.v2{margin-bottom:-167px}
.cn .ly_loginbox .ani_login{top:-167px;height:182px;background:url(../../assets/css-assets/b802cf4859ee.png) no-repeat;}
.cn .ly_loginbox .ani_login{animation:ani_login_cn 5.66s linear infinite normal}

@keyframes ani_login_cn{
 	0%, 17.6679%{background-position:0 0}
 	17.6680%, 19.4349%{background-position:0 -182px}
 	19.4350%, 21.2019%{background-position:0 0}
 	21.2020%, 22.9689%{background-position:0 -182px}
 	22.9690%, 40.6369%{background-position:0 0}
 	40.6370%, 41.6969%{background-position:0 -364px}
 	41.6970%, 42.7569%{background-position:0 -546px}
 	42.7570%, 43.8169%{background-position:0 -728px}
 	43.8170%, 44.8769%{background-position:0 -910px}
 	44.8770%, 45.9369%{background-position:0 -1092px}
 	45.9370%, 46.9969%{background-position:0 -1274px}
 	46.9970%, 55.8309%{background-position:0 -1456px}
 	55.8310%, 100%{background-position:0 -1638px}
}

.cn .login_area .ani_login{display:inline-block;width:326px;height:171px;background:url(../../assets/css-assets/860c256053e0.png) no-repeat;}
.cn .login_area .ani_login{animation:ani_login2_cn 5.66s linear infinite normal}

@keyframes ani_login2_cn{
 	0%, 17.6679%{background-position:0 0}
 	17.6680%, 19.4349%{background-position:0 -171px}
 	19.4350%, 21.2019%{background-position:0 0}
 	21.2020%, 22.9689%{background-position:0 -171px}
 	22.9690%, 40.6369%{background-position:0 0}
 	40.6370%, 41.6969%{background-position:0 -342px}
 	41.6970%, 42.7569%{background-position:0 -513px}
 	42.7570%, 43.8169%{background-position:0 -684px}
 	43.8170%, 44.8769%{background-position:0 -855px}
 	44.8770%, 45.9369%{background-position:0 -1026px}
 	45.9370%, 46.9969%{background-position:0 -1197px}
 	46.9970%, 55.8309%{background-position:0 -1368px}
 	55.8310%, 100%{background-position:0 -1539px}
}