body,html{height:100%;width:100%}.main,body,html{width:100%}#raysDemoHolder,.spin #raysDemoHolder{text-align:center;vertical-align:middle}*{font-family:'Hiragino Sans GB','Microsoft YaHei',sans-serif;line-height:1.6em;font-size:12px;-webkit-text-size-adjust:100%}html{background:#fff}body{color:#000;margin:0}body.noBg{background:#eee}li{list-style:none}a{text-decoration:none!important;display:inline-block;color:#19638c;cursor:pointer}.btn,.btn:hover{text-decoration:none}a:hover{opacity:.8}.navbar{border-bottom:1px solid #D8D8D8!important}.colorRed{color:#e29790!important}.colorYellow{color:#e6df8c!important}.colorGreen{color:#90e2c1!important}.colorBlue{color:#80b3dc!important}.colorGrey{color:#999!important}.textBig{font-size:2em}div{-webkit-box-sizing:border-box;box-sizing:border-box}.main{min-height:100%;padding:3% 0}input[type=text]{border-radius:10px;font-size:32px;padding:10px 20px;text-decoration:none;display:block;text-align:center;line-height:2em;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:1.2em 0;border:2px solid #ccc}.icon.location,.tips.app p{display:inline-block}.avatar,.avatarCenter{border-radius:100%;width:108px;height:108px;overflow:hidden}.hint{font-size:2.6em;color:#666}.album{margin-bottom:50px}.avatar{border:4px solid #fff;float:left;margin-right:1em}.avatarCenter{margin:-70px auto 20px;border:4px solid #fff}.avatarLeft{border-radius:100%;overflow:hidden;width:60px;height:60px;float:left;margin-left:-2em;z-index:100;position:absolute;top:-15px;left:-10px;border:4px solid #fff}.avatar img,.avatarCenter img,.avatarLeft img{width:100%;height:100%;opacity:1}.frame{position:relative}.wrapperF{width:100%;height:180px}.wrapperP{position:absolute}.home1 .wrapperF:nth-child(odd) .wrapperP:nth-child(odd){left:0;left:-10px}.home1 .wrapperF:nth-child(even) .wrapperP:nth-child(odd){left:15px}.home1 .wrapperF:nth-child(even) .wrapperP:nth-child(odd) .frame{margin-top:10px}.home1 .wrapperF:nth-child(odd) .wrapperP:nth-child(even){right:25px}.home1 .wrapperF:nth-child(odd) .wrapperP:nth-child(even) .frame{margin-top:40px}.home1 .wrapperF:nth-child(even) .wrapperP:nth-child(even){right:0}.home1 .wrapperF:nth-child(even) .wrapperP:nth-child(even) .frame,.home1 .wrapperF:nth-child(odd) .wrapperP:nth-child(odd) .frame{width:200px;height:205px;background:url(../image/frame01B.png) no-repeat;background-size:100% 100%}.home1 .wrapperF:nth-child(even) .wrapperP:nth-child(odd) .frame,.home1 .wrapperF:nth-child(odd) .wrapperP:nth-child(even) .frame{width:130px;height:136px;background:url(../image/frame01S.png) no-repeat;background-size:100% 100%}.home1 .wrapperF:nth-child(even) .wrapperP:nth-child(even) .photo,.home1 .wrapperF:nth-child(odd) .wrapperP:nth-child(odd) .photo{width:96px;height:97px;overflow:hidden;position:absolute;left:49px;top:35px}.home1 .wrapperF:nth-child(even) .wrapperP:nth-child(odd) .photo,.home1 .wrapperF:nth-child(odd) .wrapperP:nth-child(even) .photo{width:60px;height:59px;overflow:hidden;position:absolute;left:29px;top:28px}.tips.app,.tips.title{margin:0;padding:6px;bottom:0;left:0;width:100%;font-size:9px;-webkit-transform:translateZ(100px)}.tips.app{position:fixed;background:rgba(250,250,250,.95);-webkit-box-sizing:border-box;box-sizing:border-box}.tips.title{position:relative;height:initial;top:0;min-height:76px;background:#a5da94;background:rgba(255,255,255,.42);color:#ff1f54;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.tips.app .btn-strong{-webkit-box-flex:none;-ms-flex:none 1 0px;flex:none 1 0;position:absolute;top:14px;right:10px;width:90px;height:35px;-webkit-font-smoothing:antialiased;float:right;background:#ffd800;border-radius:5px;line-height:35px;font-size:14px;text-align:center;color:#000}.tips.app h2,.tips.app p{line-height:1.6em;-webkit-font-smoothing:antialiased;color:#000}.app-icon,.app-info{float:left;margin-right:1em}.activity-info{float:left;padding-left:1em;border-left:1px solid rgba(255,255,255,.6);max-width:78%}.app-icon img{width:45px;height:45px}.tips.app h2{margin:0;font-size:18px}.btn_add,.count{line-height:46px}.tips.title h2{color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tips.title p{color:#333}.count{font-size:20px}.icon.location{width:12px;height:12px;margin-right:4px;background:url(../image/location.png) no-repeat;background-size:100% 100%}.btn_add{font-size:40px;float:right;margin-right:6px;color:#ff1f54;position:absolute;right:0;display:none}h2,p{line-height:2em}.btn.pull-left,.message p{float:left}.txt,p{color:#333}.homeBody{background:url(../image/homeBg01.jpg) repeat-y fixed;background-size:cover}.home2{background:url(../image/homeBg02.jpg) no-repeat;background-size:cover}.mainContent{padding:2% 1%;margin-bottom:10px}.homeContent{min-height:20px;border-radius:20px;padding:20px 40px;position:relative}.board{background:rgba(255,255,255,.5);border-radius:30px;padding:2.6em}.envelope{width:98%;margin:0 auto;background:url(../image/envelope.jpg) no-repeat;background-size:100% 100%;padding:5em}h2{font-size:18px;padding:0;margin:0 0 1em;color:#fff}p{font-size:12px;margin:0}.message{position:relative;margin-left:5%}.message p{display:inline-block;background:rgba(255,255,255,.75);padding:0 1em 0 3em;font-size:14px;line-height:1.6em}#raysLogo,.btn,.clearfix,.clearfix:after{display:block}.txtCenter{text-align:center}.btn{border-radius:10px;color:#fff;font-size:32px;padding:10px 20px;text-align:center;min-width:42%;line-height:2em}.btn:hover{opacity:.9}.btnRed{background:#e6553a}.btnGreen{background:#88b009}.btn.pull-right{float:right}.win header{width:100%;height:200px;background:url(../image/winLogo.png) center center no-repeat;background-size:contain}body.spin{background:url(../image/spinBg.png) no-repeat;background-size:cover}.spin #raysDemoHolder{position:absolute;left:400px;top:300px;width:300px;height:300px}.spin #raysLogo{width:135px;height:135px;text-indent:-3000px;background:url(../image/spinCenter.png) no-repeat;background-size:cover;display:block;position:relative;top:55px;left:55px;z-index:20}.spin #rays{background:url(../image/spin.png) no-repeat;background-size:cover;position:absolute;width:300px;height:300px;-webkit-animation:spin 3s infinite linear;animation:spin 3s infinite linear;z-index:10}#rays,#raysLogo{width:600px;height:600px;max-width:100%;max-height:100%}#raysDemoHolder{position:absolute;left:10%;top:10%;width:640px;height:640px}#raysLogo{text-indent:-3000px;background:url(../image/spinCenter.png) no-repeat;background-size:cover;position:relative;z-index:20}#rays{background:url(../image/spin.png) no-repeat;background-size:cover;position:absolute;-webkit-animation:spin 3s infinite linear;animation:spin 3s infinite linear;z-index:10}.animated,.animated2{-webkit-animation-fill-mode:both}body.mask{background:url(../image/mask.png) no-repeat;background-size:cover}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.animated{-webkit-animation-duration:1s;animation-duration:1s;animation-fill-mode:both}.animated2,.animated3{-webkit-animation-duration:1s}.animated2{-webkit-animation-delay:.5s;animation-delay:.5s;animation-duration:1s;animation-fill-mode:both}.animated3,.animated4{-webkit-animation-fill-mode:both}.animated3{-webkit-animation-delay:1s;animation-delay:.5s;animation-duration:1s;animation-fill-mode:both}.animated4{-webkit-animation-delay:1.5s;animation-delay:.5s;-webkit-animation-duration:1s;animation-duration:1s;animation-fill-mode:both}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg) scale(.5,.5);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInY;backface-visibility:visible!important;animation-name:flipInY}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}.temp03 .bounceIn{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.clearfix:after{visibility:hidden;font-size:0;content:' ';clear:both;height:0}* html .clearfix{height:1%}.temp02 .homeBody{background:url(../image/homeBg03.jpg) repeat-y;background-size:cover}.temp02 .album{margin-top:-20px}.temp02 .wrapperF:nth-child(even) .wrapperP:nth-child(odd){left:0;margin-top:-10px;-webkit-transform:rotateZ(-10deg)}.temp02 .wrapperF:nth-child(even) .wrapperP:nth-child(odd) .frame{margin-top:10px}.temp02 .wrapperF:nth-child(odd) .wrapperP:nth-child(even){-webkit-transform:rotateZ(15deg);right:25px}.temp02 .wrapperF:nth-child(even) .wrapperP:nth-child(even){-webkit-transform:rotateZ(0);right:25px}.temp02 .wrapperF:nth-child(odd) .wrapperP:nth-child(even) .frame{margin-top:0}.temp02 .wrapperF:nth-child(even) .wrapperP:nth-child(even) .frame,.temp02 .wrapperF:nth-child(even) .wrapperP:nth-child(odd) .frame,.temp02 .wrapperF:nth-child(odd) .wrapperP:nth-child(even) .frame,.temp02 .wrapperF:nth-child(odd) .wrapperP:nth-child(odd) .frame{width:196px;height:214px;background:url(../image/frame02.png) no-repeat;background-size:100% 100%}.temp02 .wrapperF:nth-child(even) .wrapperP:nth-child(even) .photo,.temp02 .wrapperF:nth-child(even) .wrapperP:nth-child(odd) .photo,.temp02 .wrapperF:nth-child(odd) .wrapperP:nth-child(even) .photo,.temp02 .wrapperF:nth-child(odd) .wrapperP:nth-child(odd) .photo{width:117px;height:115px;overflow:hidden;position:absolute;left:42px;top:39px}.temp03 .homeBody{background:url(../image/homeBg04.jpg);background-size:cover}.temp03 .album{margin-top:-20px}.temp03 .wrapperF:nth-child(even) .wrapperP:nth-child(odd){left:0;-webkit-transform:rotateZ(-10deg)}.temp03 .wrapperF:nth-child(even) .wrapperP:nth-child(odd) .frame{margin-top:10px}.temp03 .wrapperF:nth-child(odd) .wrapperP:nth-child(even){right:0}.temp03 .wrapperF:nth-child(even) .wrapperP:nth-child(even){-webkit-transform:rotateZ(0);right:0}.temp03 .wrapperF:nth-child(odd) .wrapperP:nth-child(odd) .frame{width:277px;height:262px;background:url(../image/frame03A.png) no-repeat;background-size:100% 100%}.temp03 .wrapperF:nth-child(odd) .wrapperP:nth-child(even) .frame{margin-top:0;width:154px;height:148px;background:url(../image/frame03B.png) no-repeat;background-size:100% 100%}.temp03 .wrapperF:nth-child(even) .wrapperP:nth-child(odd) .frame{width:160px;height:160px;background:url(../image/frame03C.png) no-repeat;background-size:100% 100%}.temp03 .wrapperF:nth-child(even) .wrapperP:nth-child(even) .frame{width:210px;height:201px;background:url(../image/frame03D.png) no-repeat;background-size:100% 100%}.temp03 .wrapperF:nth-child(odd) .wrapperP:nth-child(odd) .photo{border-radius:100%;width:207px;height:207px;overflow:hidden;position:absolute;left:35px;top:31px}.temp03 .wrapperF:nth-child(odd) .wrapperP:nth-child(even) .photo{border-radius:100%;width:100px;height:100px;overflow:hidden;position:absolute;left:27px;top:25px}.temp03 .wrapperF:nth-child(even) .wrapperP:nth-child(odd) .photo{border-radius:100%;width:100px;height:100px;overflow:hidden;position:absolute;left:25px;top:36px}.temp03 .wrapperF:nth-child(even) .wrapperP:nth-child(even) .photo{border-radius:100%;width:161px;height:161px;overflow:hidden;position:absolute;left:25px;top:22px}.temp03 .wrapperF:nth-child(odd) .wrapperP:nth-child(odd){left:0;left:-10px}.temp04 .homeBody{background:#fff}.temp04 .album{margin-top:0;margin-bottom:0;position:relative}.temp04 .wrapperF{position:relative;height:230px}.temp04 .frame,.temp04 .frame .photo,.temp04 .frame .xx{width:100%;height:100%}.temp04 .frame{border:3px solid rgba(255,255,255,.6);position:relative;background:rgba(255,255,255,.2)}.temp04 .homeContent{margin-bottom:3em}.temp04 .wrapperP{width:50%;position:relative}.temp04 .wrapperP:nth-child(6n+1){float:left;height:280px}.temp04 .wrapperP:nth-child(6n+2),.temp04 .wrapperP:nth-child(6n+3){float:left;height:140px}.temp04 .wrapperP:nth-child(6n+4){float:right;height:280px}.temp04 .wrapperP:nth-child(6n+5),.temp04 .wrapperP:nth-child(6n+6){float:right;height:140px}.temp04 .fadeInLeft{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.temp05{background:url(../image/homeBg20.jpg) repeat-y;background-size:cover}.temp05 .homeBody{background:0 0;height:100%;min-height:72%}.temp05 .album{height:100%;width:95%;margin-top:5%;margin-bottom:0}.temp05 .wrapperF{left:0;margin-top:-40px;-webkit-transform:rotateZ(5deg);height:100%}.temp05 .wrapperP{position:initial;width:100%;height:100%}.temp05 .wrapperF .wrapperP .frame{width:100%;height:100%;background:url(../image/frame05.png) no-repeat;background-size:100% 100%}.temp05 .wrapperF .wrapperP .photo{width:76%;height:69%;overflow:hidden;position:absolute;left:13.5%;top:12%}.temp05 .wrapperP .message{position:absolute;top:85%;left:12%}.temp05 .wrapperP .message .avatarLeft{margin-left:0;width:30px;height:30px;top:0}.temp05 .wrapperP .message p{background:0 0;font-size:12px;padding-left:1.8em;max-width:80%;line-height:160%;max-height:3em;overflow:hidden}.temp05 .comment span{color:#0577c8}.commentList{margin-bottom:62px}.commentList ul{padding:0;margin:0}.commentList ul li{background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.05);padding:.2em 0}.commentAvatar{border-radius:100%;overflow:hidden;width:30px;height:30px;float:left;margin:0 .4em;z-index:100;top:-15px;left:-10px;border:4px solid #fff}.commentAvatar img{width:100%;height:100%}.commentTitle{padding-left:1.2em;background:#fff}.temp06 .homeBody{background:#fff;padding:18px;position:relative}.temp06 .homeBody .avatarLeft{border-radius:100%;overflow:hidden;width:60px;height:60px;z-index:100;position:absolute;top:-30px;left:24px;border:4px solid #fff;opacity:1}.temp06 .homeContent{min-height:20px;border-radius:20px;padding:20px 40px;position:relative;margin-bottom:5em;margin-top:-5em}.temp06 .album{margin-top:0;position:relative}.temp06 .wrapperF{position:relative;height:230px}.temp06 .frame,.temp06 .frame .photo,.temp06 .frame .xx{width:100%;height:100%}.temp06 .frame{border:3px solid rgba(255,255,255,.6);position:relative;background:rgba(255,255,255,.2)}.temp06 .wrapperP{width:50%;position:relative}.temp06 .wrapperP:nth-child(6n+1),.temp06 .wrapperP:nth-child(6n+2){float:left;height:260px;width:50%}.temp06 .wrapperP:nth-child(6n+3){float:left;height:260px;width:100%}.temp06 .wrapperP:nth-child(6n+4),.temp06 .wrapperP:nth-child(6n+5){float:right;height:260px;width:50%}.temp06 .wrapperP:nth-child(6n+6){float:right;height:260px;width:100%}.temp06 .sec01 .wrapperP,.temp06 .sec02 .wrapperP,.temp06 .sec03 .wrapperP:nth-child(1){width:100%;float:none;height:260px}.temp06 .sec03 .wrapperP:nth-child(2),.temp06 .sec03 .wrapperP:nth-child(3){width:50%;float:left;height:260px}.temp06 .album img{max-width:100%;margin:0}.temp06 .fadeInLeft{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.main-info{padding:0 18px!important}.active-header{overflow:hidden}.active-header .header-avatar{width:40px;height:40px;border-radius:100%}.active-header .header-like-count{float:right;color:#fb0f51}.active-header .header-user-name{color:#000;line-height:40px}.active-header .header-user-info{float:left}.active-content{font-size:12px;color:#000}.role-list{margin:0 0 10px;color:#000}.role-list .role-item{font-size:14px;color:#5690E0;background-color:#EEF2F6;padding:5px 15px;border-radius:20px;margin:15px 13px 10px 0}