/* css c-nomess 所有场景
-----------------------------------------------------------------------------*/
.c-nomess { padding:2.5rem .75rem;}
.c-nomess .no-mess { position: relative; background: #dfdfdf; width: 90px; height: 90px; border-radius: 50%; margin: 0 auto 5px auto; }
.c-nomess .no-mess:after { position: absolute; content: ""; background: #fff; width: 45px; height: 45px; top: 23px; left: 23px; border-radius: 3px; }
.c-nomess .no-mess i { position: relative; display: inline-block; }
.c-nomess .no-mess-ico1 { width: 4px; height: 9px; background: #fff; border: 2px solid #dfdfdf; border-radius: 9px; top: 16px; left: 40px; z-index: 110; }
.c-nomess .no-mess-ico1:before, .no-mess-ico1:after { position: absolute; content: ""; width: 4px; height: 9px; background: #fff; border: 2px solid #dfdfdf; border-radius: 9px; top: -2px; left: -13px; z-index: 111; }
.c-nomess .no-mess-ico1:before { top: -2px; left: 10px; }
.c-nomess .no-mess-ico2 { width: 32px; height: 5px; background: #dfdfdf; border-radius: 9px; top: 28px; left: 19px; z-index: 120; }
.c-nomess .no-mess-ico2:before, .no-mess-ico2:after { position: absolute; content: ""; width: 23px; height: 5px; background: #dfdfdf; border-radius: 9px; top: 10px; left: 0px; z-index: 111; }
.c-nomess .no-mess-ico2:after { width: 18px; height: 5px; background: #dfdfdf; border-radius: 9px; top: 20px; left: 0px; z-index: 111; }
.c-nomess .no-mess-ico3 { width: 16px; height: 4px; background: #fff; border: 2px solid #dfdfdf; border-radius: 9px; top: 54px; left: 15px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); z-index: 130; }
.c-nomess .no-mess-ico3:before { position: absolute; content: ""; width: 4px; height: 6px; background: #fff; border-radius: 9px 9px 0 0; border: 2px solid #dfdfdf; border-bottom: none; top: -8px; left: 4px; z-index: 131; }
.c-nomess .no-mess-ico3:after { position: absolute; content: ""; width: 4px; height: 6px; background: #fff; border-radius: 9px 9px 0 0; border: 2px solid #dfdfdf; border-bottom: none; top: 4px; left: 4px; z-index: 131; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); }
.c-nomess p { text-align: center; font-size: .7rem; color: #666; line-height: 1rem; padding:.25rem 0;}
.c-nomess a{ color:#007cd9; margin-left:.1rem;}

.c-failstate{ padding:4.5rem .75rem 1.5rem .75rem; font-size: .7rem; color: #999; line-height: 1rem;}
.c-failstate a{ color:#007cd9; margin-left:.1rem;}
.c-failstate a.c-btn{ color:#fff;}
.icon-norefresh{ display:inline-block; width:5.55rem; height:4.55rem; background:url(http://f1.yihuimg.com/concat/mobile/cross/images/norefresh.png) no-repeat; background-size:100% 100%; margin-bottom:.5rem;}
.icon-nofriends{ display:inline-block; width:6.15rem; height:6.15rem; background:url(http://f1.yihuimg.com/concat/mobile/cross/images/nofriends.png) no-repeat; background-size:100% 100%; margin-bottom:.5rem;}
.icon-nointer{ display:inline-block; width:6rem; height:6rem; background:url(http://f1.yihuimg.com/concat/mobile/cross/images/nointer.png) no-repeat; background-size:100% 100%; margin-bottom:.5rem;}
.icon-noopen{ display:inline-block; width:5.6rem; height:4.625rem; background:url(http://f1.yihuimg.com/concat/mobile/cross/images/noopen.png) no-repeat; background-size:100% 100%; margin-bottom:.5rem;}
.icon-nopower{ display:inline-block; width:6.7rem; height:6.7rem; background:url(http://f1.yihuimg.com/concat/mobile/cross/images/nopower.png) no-repeat; background-size:100% 100%; margin-bottom:.5rem;}
.icon-noset{ display:inline-block; width:6.15rem; height:6.15rem; background:url(http://f1.yihuimg.com/concat/mobile/cross/images/noset.png) no-repeat; background-size:100% 100%; margin-bottom:.5rem;}

@media (orientation: landscape) {
.c-nomess { padding:2.5rem .75rem 1rem .75rem;}
.c-failstate{ padding:2rem .75rem .5rem .75rem;}