@charset "utf-8";
.btitle:before { content: ""; display: table; }
.btitle:after { content: ""; display: table; clear: both; zoom: 1; }

body { background-color: #f3f3f3; }

input::-webkit-input-placeholder { color: #2b98ed; -webkit-appearance: none; }

input:-moz-placeholder { color: #2b98ed; }

input::-moz-placeholder { color: #2b98ed; }

input:-ms-input-placeholder { color: #2b98ed; }

strong { font-weight: normal; }

.header .logoTit { width: 9.8092rem; height: 3.40741rem; background-size: auto 3.40741rem; background-image: url("../../../../images/m/rili/logoTit.png"); background-position: 0 0; }

.btitle { padding: 0 1.11111rem; background-color: #fafafa; color: #2b98ed; height: 3.11111rem; border-bottom: 1px solid #e3e3e3; }
.btitle .selectDate { float: left; position: relative; width: 8.96296rem; padding: 0.81481rem 0 0; }
.btitle .selectDate:after { content: ''; position: absolute; border: 0.11111rem solid #2b98ed; border-top: 0; border-right: 0; width: 0.59259rem; height: 0.59259rem; right: 0; top: 50%; margin-top: -0.14815rem; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 0; }
.btitle input { position: relative; z-index: 10; font-size: 1.33333rem; color: #2b98ed; width: 11.11111rem; }
.btitle .backToday { float: right; border-color: #00a0e9; height: 1.85185rem; line-height: 1.85185rem; padding: 0 0.74074rem; font-size: 0.88889rem; margin-top: 0.59259rem; }

.btn-rili { -moz-border-radius: 0.2963rem; -webkit-border-radius: 0.2963rem; border-radius: 0.2963rem; background-color: #fff; border-width: 1px; border-style: solid; }

.calGrid { text-align: center; }
.calGrid table { width: 100%; }
.calGrid .theadBox { padding: 0 0.37037rem; background-color: #fff; }
.calGrid .tbodyBox { padding: 0 0.37037rem 0.74074rem; background-color: #FFF; }
.calGrid .thead { height: 2.22222rem; line-height: 2.22222rem; }
.calGrid .thead th { text-align: center; font-size: 0.74074rem; color: #666; }
.calGrid .thead .weekend { color: #f23220; }
.calGrid .tbody { width: 25.92593rem; }
.calGrid .tbody td { height: 3.7037rem; }
.calGrid .tbody strong { color: #333; font-size: 1.62963rem; }
.calGrid .tbody span { display: block; color: #666; font-size: 0.81481rem; line-height: 1; }
.calGrid .tbody .weekend strong { color: #f23220; }
.calGrid .tbody .works { position: relative; background-color: #eafef1; }
.calGrid .tbody .works .ban { position: absolute; top: 0; left: 0; width: 0.88889rem; height: 0.88889rem; line-height: 0.88889rem; background-color: #3cbb84; color: #fff; font-size: 0.81481rem; }
.calGrid .tbody .holidays { position: relative; background-color: #fff0f0; }
.calGrid .tbody .holidays .xiu { position: absolute; top: 0; left: 0; width: 0.88889rem; height: 0.88889rem; line-height: 0.88889rem; background-color: #e74c3c; color: #fff; font-size: 0.81481rem; }
.calGrid .tbody .tradition { opacity: .3; }
.calGrid .tbody .tradition strong { opacity: .4; }
.calGrid .tbody .today { background-color: #2b98ed; }
.calGrid .tbody .today strong { color: #fff; }
.calGrid .tbody .today span { color: #FFF; }
.calGrid .tbody .selected { box-shadow: 0 0 0 0.11111rem #2b98ed inset; }

#fjap { background-color: #fff; padding: 0.37037rem 0 1.11111rem; }
#fjap .btn-orange { position: relative; width: 12.51852rem; height: 2.81481rem; line-height: 2.81481rem; margin: 0 auto; padding: 0; font-size: 1.11111rem; -moz-border-radius: 0.37037rem; -webkit-border-radius: 0.37037rem; border-radius: 0.37037rem; background-color: #ff6619; }
#fjap .btn-orange span { position: relative; padding: 0 0.37037rem 0 1.62963rem; }
#fjap .btn-orange span:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -0.51852rem; width: 1.25926rem; height: 1.03704rem; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAcCAMAAAAz6Z0tAAAAbFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8+T+BWAAAAI3RSTlMA/WFdEdtwbfXHdnNkSScM4c2mWUAxFu3r6tK1q56IVBwJAgufySAAAAChSURBVCjPpdHXDsIwDIXhk9LQQfdiz/P+74iqIkjdUkvw38X55Bvj1wKdGN1QN6RZa0Q37Fs0ORdN51XWcGgzB9Lj8P3VNCVFwuRnTotdkVly2bS7WWGSz479vPDewreawEkVV7qF26m4F69ZdKlbH8BEIGBflPjuGc3KEY+iB40zkQIpGSZwkwIVbYZRUuRh6WOcEEgPUqAW7/gGrQ5/9wTZPCMH+KIOvAAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: center; background-size: 1.25926rem auto; }

.astro { padding: 0.66667rem 0.88889rem 0.59259rem 0.88889rem; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background-color: #FFF; margin-bottom: 0.74074rem; }
.astro .btn-link { padding-top: 0.37037rem; }
.astro .col-1 { position: relative; padding: 0.66667rem 7.03704rem 0.66667rem 0; overflow: hidden; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; }

.wnl { text-align: center; width: 4.44444rem; }
.wnl a { position: relative; display: block; }
.wnl .tday { font-size: 3.85185rem; color: #2b98ed; height: 4.2963rem; }
.wnl .jintian { color: #999; font-size: 0.88889rem; padding-top: 0.37037rem; }

.see-detail { position: absolute; top: 50%; right: 0; margin-top: -0.66667rem; width: 7.03704rem; height: 1.33333rem; line-height: 1.33333rem; font-size: 1.25926rem; color: #ff6619; font-weight: bold; text-align: right; }

.otherInfor { position: relative; -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; min-width: 0; display: block; /* fix input Bug */ padding: 0 0 0 0.37037rem; border-right: 0.11111rem solid #e2e2e2; }
.otherInfor span { color: #333; margin-right: 0.37037rem; }
.otherInfor .row-1 { line-height: 1.7037rem; height: 1.7037rem; }
.otherInfor .row-1 span { font-size: 1.25926rem; }
.otherInfor .row-2 { line-height: 1.7037rem; height: 1.7037rem; overflow: hidden; }
.otherInfor .row-2 span { font-size: 0.96296rem; color: #999; }
.otherInfor .row-2 span:last-child { margin-right: 0; }
.otherInfor .row-3 { line-height: 1.7037rem; height: 1.7037rem; }
.otherInfor .row-3 .jintian { color: #999; }
.otherInfor .row-3 .jieri { color: #2b98ed; }
.otherInfor .row-3 span { font-size: 0.96296rem; }

.almanac li { position: relative; height: 2.59259rem; line-height: 2.59259rem; font-size: 1.11111rem; padding-left: 2.44444rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.almanac li:before { content: ''; position: absolute; left: 0.51852rem; top: 50%; margin-top: -0.66667rem; width: 1.33333rem; height: 1.33333rem; line-height: 1.33333rem; color: #fff; font-size: 0.96296rem; text-align: center; }
.almanac li a { display: inline-block; height: 2.59259rem; line-height: 2.59259rem; color: #333; margin-right: 0.37037rem; }
.almanac li.yi:before { content: '宜'; background-color: #50c7c8; }
.almanac li.ji:before { content: '忌'; background-color: #e74c3c; }
.almanac li.chong:before { content: '冲'; background-color: #59a1e4; }

.part3 .btn-rili { width: 32%; margin-right: 1%; }
.part3 .btn-rili:last-child { width: 34%; }

.tools-list-icon .icon-1 a:before { background-image: url(../../../images/m/global/toolsicon/1.png); }
.tools-list-icon .icon-2 a:before { background-image: url(../../../images/m/global/toolsicon/2.png); }
.tools-list-icon .icon-3 a:before { background-image: url(../../../images/m/global/toolsicon/3.png); }
.tools-list-icon .icon-4 a:before { background-image: url(../../../images/m/global/toolsicon/4.png); }
.tools-list-icon .icon-13 a:before { background-image: url(../../../images/m/global/toolsicon/13.png); }
.tools-list-icon .icon-14 a:before { background-image: url(../../../images/m/global/toolsicon/14.png); }
.tools-list-icon .icon-15 a:before { background-image: url(../../../images/m/global/toolsicon/15.png); }
.tools-list-icon .icon-16 a:before { background-image: url(../../../images/m/global/toolsicon/16.png); }

.cp-list-img { overflow: hidden; padding: 0.81481rem 0; width: 100%; }
.cp-list-img li { float: left; width: 32%; text-align: center; }
.cp-list-img li:nth-child(3n-1) { margin: 0 2%; }
.cp-list-img li a { display: block; }
.cp-list-img li .title-cai { font-size: 1.11111rem; color: #333; line-height: 2.22222rem; height: 2.22222rem; overflow: hidden; text-align: center; }
.cp-list-img li img { display: block; width: 7.92593rem; height: 5.66667rem; }

.cp-list { overflow: hidden; width: 100%; padding: 0 0 0.74074rem 0; }
.cp-list li { text-align: center; height: 2.51852rem; line-height: 2.51852rem; width: 18.4%; margin-right: 2%; float: left; }
.cp-list li a { display: block; font-size: 1.11111rem; }
.cp-list li:nth-child(5n) { margin-right: 0; }
.cp-list li:nth-child(5n) a { border-color: #3494bc; color: #3494bc; }
.cp-list li:nth-child(5n-4) a, .cp-list li:nth-child(5n-1) a { border-color: #3e6dcf; color: #3e6dcf; }
.cp-list li:nth-child(5n-4) a:active, .cp-list li:nth-child(5n-1) a:active { background-color: #3e6dcf; color: #FFF; }
.cp-list li:nth-child(5n-3) a { border-color: #3287d5; color: #3287d5; }
.cp-list li:nth-child(5n-3) a:active { background-color: #3287d5; color: #FFF; }
.cp-list li:nth-child(5n-2) a { border-color: #7055a9; color: #7055a9; }
.cp-list li:nth-child(5n-2) a:active { background-color: #7055a9; color: #FFF; }
.cp-list li:nth-child(5n) a { border-color: #3494bc; color: #3494bc; }
.cp-list li:nth-child(5n) a:active { background-color: #3494bc; color: #FFF; }

.otherInfor #info_remark { color: #666; margin: 0; }

.otherInfor #info_letter { margin: 0; }
.otherInfor #info_letter a { color: #f23220; }

/* Datewheel overlay */
.dw { background-color: #FFF; position: absolute; top: 5%; left: 0; z-index: 100001; color: #000; font-family: arial, verdana, sans-serif; font-size: 12px; text-shadow: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -ms-touch-action: none; -webkit-tap-highlight-color: transparent; }

.dwi { position: static; margin: 5px; display: inline-block; }

.dwwr { min-width: 170px; zoom: 1; padding: 0 10px; text-align: center; }

/* Datewheel overlay background */
.dw-persp, .dwo { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100000; }

.dwo { background: #000; opacity: .16; filter: Alpha(Opacity=16); }

/* Bubble positionings */
.dw-bubble .dw { margin: 20px 0; }

.dw-bubble .dw-arrw { position: absolute; left: 0; width: 100%; }

.dw-bubble-top .dw-arrw { bottom: -36px; }

.dw-bubble-bottom .dw-arrw { top: -36px; }

.dw-bubble .dw-arrw-i { margin: 0 30px; position: relative; height: 36px; }

.dw-bubble .dw-arr { display: block; }

.dw-arr { display: none; position: absolute; left: 0; width: 0; height: 0; border-width: 18px 18px; border-style: solid; margin-left: -18px; }

.dw-bubble-bottom .dw-arr { top: 0; border-color: transparent transparent #fff transparent; }

.dw-bubble-top .dw-arr { bottom: 0; border-color: #fff transparent transparent transparent; }

/* Datewheel wheel container wrapper */
.dwc { float: none; margin: 0 2px 5px 2px; padding-top: 30px; display: inline-block; }

.dwcc { clear: both; }

/* Datewheel label */
.dwl { text-align: center; line-height: 30px; height: 30px; white-space: nowrap; position: absolute; top: -30px; width: 100%; display: none; }

/* Datewheel value */
.dwv { padding: 10px 0; }

/* Datewheel wheel container */
.dwrc { -webkit-border-radius: 3px; border-radius: 3px; }

.dwwc { margin: 0; border: 1px solid #eee; position: relative; zoom: 1; }

/* Datewheel wheels */
.dwwl { position: relative; z-index: 5; }

.dww { overflow: hidden; position: relative; }

.dwsc .dwwl { background: #888; background: linear-gradient(#000000 0%, #333333 35%, #888888 50%, #333333 65%, #000000 100%); background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.35, #333), color-stop(0.5, #888), color-stop(0.65, #333), to(#000)); background: -moz-linear-gradient(#000 0%, #333 35%, #888 50%, #333 65%, #000 100%); background: -o-linear-gradient(#000 0%, #333 35%, #888 50%, #333 65%, #000 100%); }

.dwsc .dww { color: #fff; background: #444; background: linear-gradient(#000000 0%, #444444 45%, #444444 55%, #000000 100%); background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.45, #444), color-stop(0.55, #444), to(#000)); background: -moz-linear-gradient(#000 0%, #444 45%, #444 55%, #000 100%); background: -o-linear-gradient(#000 0%, #444 45%, #444 55%, #000 100%); }

.dw-bf { -webkit-perspective: 1000; -webkit-backface-visibility: hidden; }

.dw-ul { position: relative; z-index: 2; }

.dw-li { padding: 0 5px; display: block; text-align: center; line-height: 40px; font-size: 26px; white-space: nowrap; text-shadow: 0 1px 1px #000; vertical-align: bottom; opacity: .3; filter: Alpha(Opacity=30); }

/* Higlighted */
.dw-li.dw-hl { background: #fff; background: rgba(255, 255, 255, 0.3); }

/* Valid entry */
.dw-li.dw-v { opacity: 1; filter: Alpha(Opacity=100); }

/* Hidden entry */
.dw-li.dw-h { visibility: hidden; }

.dw-i { position: relative; height: 100%; font-size: 1.11111rem; }

.dw-sel .dw-i { color: #59a1e4; font-size: 1.33333rem; }

/* Wheel +/- buttons */
.dwwb { position: absolute; z-index: 4; left: 0; cursor: pointer; width: 100%; height: 40px; text-align: center; opacity: 1; transition: opacity .2s linear; -webkit-transition: opacity .2s linear; }

.dwa .dwwb { opacity: 0; }

.dwwbp { top: 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; font-size: 40px; }

.dwwbm { bottom: 0; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; font-size: 32px; font-weight: bold; }

.dwpm .dwwc { background: transparent; }

.dwpm .dww { margin: 0; }

.dwpm .dw-li { text-shadow: none; }

.dwpm .dwwol { display: none; }

/* Datewheel wheel overlay */
.dwwo { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(#000000 0%, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, #000000 100%); background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.52, rgba(44, 44, 44, 0)), color-stop(0.48, rgba(44, 44, 44, 0)), to(#000)); background: -moz-linear-gradient(#000 0%, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, #000 100%); background: -o-linear-gradient(#000 0%, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, #000 100%); }

/* Background line */
.dwwol { position: absolute; z-index: 1; top: 50%; left: 0; width: 100%; height: 0; margin-top: -1px; border-top: 1px solid #333; border-bottom: 1px solid #555; }

/* Datewheel button */
.dwbg .dwb { cursor: pointer; overflow: hidden; display: block; height: 40px; line-height: 40px; padding: 0 15px; margin: 0 2px; font-size: 14px; font-weight: bold; text-decoration: none; text-shadow: 0 -1px 1px #000; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); background: #000; background: linear-gradient(#6e6e6e 50%, #000000 50%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #000), color-stop(0.5, #6e6e6e)); background: -moz-linear-gradient(#6e6e6e 50%, #000 50%); background: -o-linear-gradient(#6e6e6e 50%, #000 50%); white-space: nowrap; text-overflow: ellipsis; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-border-radius: 5px; }

/* Datewheel button container */
.dwbc { padding: 1.11111rem 0 1.77778rem; text-align: center; clear: both; }

.dwbc:after { content: ''; display: block; clear: both; }

/* Datewheel button wrapper */
.dwbw { display: inline-block; float: left; width: 50%; position: relative; z-index: 5; }

.dwbc-p .dwbw { width: 30%; border-radius: 8px; }

.dwbc-p .dwb-n { display: none; }

.dwbc-p .dwb-s { float: right; background-color: #59a1e4; color: #fff; margin: 0 15% 0 5%; }

.dwbc-p .dwb-c { background-color: #dedede; color: #666; margin: 0 5% 0 15%; }

/* Hidden label */
.dwhl { padding-top: 10px; }

.dwhl .dwl { display: none; }

/* Multiple selection */
.dwms .dwwms .dw-li { padding: 0 40px; position: relative; }

.dwms .dw-msel:after { width: 40px; text-align: center; position: absolute; top: 0; left: 0; content: '✔'; }

/* Backgrounds */
.dwbg { background: #fff; border-radius: 8px; -webkit-border-radius: 8px; }

.dwbg .dwpm .dwwl { border: 1px solid #aaa; }

.dwbg .dwpm .dww { color: #000; background: #fff; -webkit-border-radius: 3px; }

.dwbg .dwwb { background: #ccc; color: #888; text-shadow: 0 -1px 1px #333; box-shadow: 0 0 5px #333; -webkit-box-shadow: 0 0 5px #333; }

.dwbg .dwwbp { background: linear-gradient(#f7f7f7, #bdbdbd); background: -webkit-gradient(linear, left bottom, left top, from(#bdbdbd), to(#f7f7f7)); background: -moz-linear-gradient(#f7f7f7, #bdbdbd); background: -o-linear-gradient(#f7f7f7, #bdbdbd); }

.dwbg .dwwbm { background: linear-gradient(#bdbdbd, #f7f7f7); background: -webkit-gradient(linear, left bottom, left top, from(#f7f7f7), to(#bdbdbd)); background: -moz-linear-gradient(#bdbdbd, #f7f7f7); background: -o-linear-gradient(#bdbdbd, #f7f7f7); }

.dwt { font-size: 1.33333rem; color: #333; padding: 1.48148rem 0 0.55556rem; }

/* Android ICS skin */
.android-ics .dw { padding: 0; color: #999; }

.android-ics .dw .dwwc, .android-ics .dw .dwwl, .android-ics .dw .dww, .android-ics .dw .dwb, .android-ics .dw .dwpm .dww { background: none; }

.android-ics .dwwr { width: 21.48148rem; padding: 0; background-color: #FFF; -moz-border-radius: 0.66667rem; -webkit-border-radius: 0.66667rem; border-radius: 0.66667rem; }

.android-ics .dwc { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 1.11111rem 1.77778rem 0 1.77778rem; }
.android-ics .dwc table { width: 100%; }

.android-ics .dwhl { padding: 1px 10px; }

.android-ics .dwv { height: 1.33333rem; line-height: 1.33333rem; padding: 0; font-size: 1.11111rem; }

.android-ics .dww, .android-ics .dw .dwpm .dwwl, .android-ics .dw .dwpm .dww { border: 0; }

.android-ics .dww .dw-li { color: #fff; font-size: 18px; text-shadow: none; }

.android-ics .dww .dw-li.dw-hl { background: #31b6e7; background: rgba(49, 182, 231, 0.5); }

.android-ics .dwwl1 .dww .dwwo, .android-ics .dwwl2 .dww .dwwo { border-left: 1px solid #eee; }

.android-ics .dwwo { background: linear-gradient(#282828 0%, rgba(40, 40, 40, 0) 52%, rgba(40, 40, 40, 0) 48%, #282828 100%); background: -webkit-gradient(linear, left bottom, left top, from(#282828), color-stop(0.52, rgba(40, 40, 40, 0)), color-stop(0.48, rgba(40, 40, 40, 0)), to(#282828)); background: -moz-linear-gradient(#282828 0%, rgba(40, 40, 40, 0) 52%, rgba(40, 40, 40, 0) 48%, #282828 100%); background: -o-linear-gradient(#282828 0%, rgba(40, 40, 40, 0) 52%, rgba(40, 40, 40, 0) 48%, #282828 100%); }

.android-ics .dw .dwwb { background: #292829; box-shadow: none; -webkit-box-shadow: none; }

.android-ics .dwwb span { display: none; }

.android-ics .dwwb:after { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; color: #7e7e7e; width: 0; height: 0; border-width: 8px; border-style: solid; content: ''; }

.android-ics .dwwbm { top: 0; bottom: auto; }

.android-ics .dwwbp { bottom: 0; top: auto; }

.android-ics .dwwbm:after { border-color: transparent transparent #7e7e7e transparent; }

.android-ics .dwwbp:after { border-color: #7e7e7e transparent transparent transparent; }

.android-ics .dw .dwwol { width: 100%; left: 0; height: 36px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #FFF; margin-top: -20px; display: block; color: #59a1e4; }

.android-ics .dwwl0 .dwwol { border-left: #59a1e4 solid 2px; }

.android-ics .dw .dwb { height: 2.59259rem; line-height: 2.59259rem; padding: 0; margin: 0; font-weight: normal; text-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -webkit-box-shadow: none; font-size: 1.11111rem; }

/* Docked */
.android-ics.dw-bottom .dw, .android-ics.dw-top .dw { border-radius: 0; -webkit-border-radius: 0; }

/* Multiple select */
.android-ics .dwwms .dwwol { display: none; }

.android-ics .dwwms .dw-li { padding-left: 5px; padding-right: 36px; }

.android-ics .dwwms .dw-li:after { content: ''; position: absolute; top: 50%; left: auto; right: 10px; width: 14px; height: 14px; margin-top: -9px; color: #31b6e7; line-height: 14px; border: 1px solid #424542; text-shadow: 0 0 5px #29799c; }

.android-ics .dwwms .dw-msel:after { content: '✔'; }

/* Light version */
.android-ics.light .dww .dw-li { color: #000; }

.android-ics.light .dwwo { background: linear-gradient(#f5f5f5 0%, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #f5f5f5 100%); background: -webkit-gradient(linear, left bottom, left top, from(#fcfcfc), color-stop(0.52, rgba(245, 245, 245, 0)), color-stop(0.48, rgba(245, 245, 245, 0)), to(#fcfcfc)); background: -moz-linear-gradient(#f5f5f5 0%, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #f5f5f5 100%); background: -o-linear-gradient(#f5f5f5 0%, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #f5f5f5 100%); }

.android-ics.light .dw .dwwb { background: #f5f5f5; color: #f5f5f5; }

#news-list { background: white; }

.refresh-btn { height: 3.20988rem; width: 1.23457rem; background: url(../images/refresh-btn.png) no-repeat center; background-size: 100%; }

.home-btn { position: absolute; right: 0; height: 3.20988rem; width: 1.38272rem; margin-right: 0.83951rem; background: url(../images/home-btn.png) no-repeat center; background-size: 100%; }

.update-notice { position: absolute; top: 3.16049rem; background: rgba(0, 0, 0, 0.8); text-align: center; font-size: 0.93827rem; line-height: 1.7284rem; width: 100%; color: white; z-index: 11; }

.nav { display: flex; position: fixed; z-index: 10; top: 3.16049rem; width: 100%; box-sizing: border-box; align-items: center; height: 3.16049rem; padding-left: 0.24691rem; background: white; border-bottom: 1px solid rgba(0, 0, 0, 0.05); color: #333; }
.nav > span { border-left: 1px solid #e9e9e9; height: 1.28395rem; width: 3.08642rem; display: flex; justify-content: center; align-items: center; }

.arrow-r, .arrow-b { display: block; width: 0.74074rem; height: 0.74074rem; background: url(../images/arrow-r.png) no-repeat center; background-size: 100%; }

.arrow-b { transform: rotate(90deg); }

.active-nav { color: #e23c3c; }

.nav-list { width: 21.58025rem; display: flex; height: 100%; align-items: stretch; justify-content: space-around; font-size: 1.1358rem; flex: 1; }
.nav-list li { text-align: center; height: 100%; line-height: 3.16049rem; flex: 1; }
.nav-list li:active { background: #aaa; }

.extra-list { position: absolute; top: 2.96296rem; right: 0.49383rem; width: 8.2963rem; height: 5.87654rem; border-radius: 0.49383rem; background: white; text-align: center; border: 1px solid #e5e5e5; box-shadow: 0.12346rem 0.12346rem 0.24691rem rgba(0, 0, 0, 0.3); }
.extra-list li { display: inline-block; line-height: 2.96296rem; margin: 0 0.69136rem; font-size: 1.1358rem; }

.news-layout-a { display: flex; margin: 0 1.03704rem; justify-content: space-between; align-items: center; height: 6.61728rem; border-bottom: 1px solid #f2f2f2; }
.news-layout-a:active { background: #eee; }
.news-layout-a > div { width: 15.35802rem; }
.news-layout-a > div p:first-child { font-size: 1.1358rem; line-height: 1.48148rem; height: 2.8642rem; overflow: hidden; margin-bottom: 1.08642rem; }
.news-layout-a > .news-img-big { width: 8.14815rem; height: 4.59259rem; background-size: cover; background-position: center; }

.news-info { position: relative; }
.news-info span { font-size: 0.83951rem; line-height: 0.98765rem; height: 0.98765rem; color: #999; margin-right: 0.83951rem; white-space: nowrap; float: left; border: 1px solid transparent; margin-top: 0.09877rem; }
.news-info span:first-child { color: #ff7279; margin-top: 0; font-size: 0.54321rem; border: 1px solid #ff7279; border-radius: 0.24691rem; margin-right: 0.34568rem; white-space: nowrap; padding: 0 0.14815rem; text-align: center; }
.news-info span:last-child { margin-right: 0; margin-top: 0.09877rem; }

.news-ori { width: 6.41975rem; }

.news-layout-b { padding: 0.69136rem 0; margin: 0 1.03704rem; display: flex; align-items: center; flex-flow: column; border-bottom: 1px solid #f2f2f2; }
.news-layout-b:active { background: #eee; }
.news-layout-b > p:first-child { font-size: 1.1358rem; line-height: 1.48148rem; width: 100%; margin-bottom: 0.44444rem; overflow: hidden; }
.news-layout-b > ul { display: flex; width: 100%; justify-content: space-between; margin-bottom: 0.49383rem; }
.news-layout-b > ul li { width: 8.04938rem; height: 4.51852rem; background-size: cover; background-position: center; }
.news-layout-b > p { width: 100%; }

.refresh-icon { position: absolute; top: 2.71605rem; left: 0; right: 0; margin: 0 auto; width: 4.14815rem; height: 4.14815rem; background: url(../images/refresh-icon.png) no-repeat center; background-size: 100%; }

@keyframes fade-out { 30% { opacity: 1; }
  35% { opacity: 0; }
  100% { opacity: 0; } }
.fade { animation: fade-out 1s linear; }

@keyframes notice-fade-out { 0% { opacity: 1; }
  70% { opacity: 1; }
  100% { opacity: 0; } }
.notice-fade-out { animation: notice-fade-out 1s linear; }

@keyframes refreshing { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
.refreshing { animation: refreshing 1s linear infinite; }

@keyframes bottom-loading { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
.bottom-loading { display: flex; justify-content: center; align-items: center; height: 2.46914rem; overflow: hidden; }
.bottom-loading > img { width: 1.23457rem; height: 50%; animation: bottom-loading 1s linear infinite; background-size: 100%; margin-right: 0.24691rem; }

.loading-cover { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; z-index: 20; display: flex; align-items: center; justify-content: center; }
.loading-cover > img { width: 4.93827rem; height: 4.93827rem; background: url(../images/m/rili/wallet_icon_loading.png) no-repeat center; animation: bottom-loading 1s linear infinite; }

.totop-btn { width: 4.44444rem; height: 4.44444rem; background: url(/images/m/rili/totop.png) no-repeat left center; background-size: auto 100%; position: fixed; right: 0.74074rem; bottom: 1.11111rem; }
.totop-btn:active { background-position: 100%; }