.content,body,html{height:100%}.group-container,.post-container,.simple-container{display:table}.content-container,.create-post-container,.friends-container,.simple-container{border:1px solid #f2f2f2;background:#fff}#open-tips,.media-list-item .media-list-cover .fa-play-circle-o:hover{opacity:.8}.schedule-table a:hover,.side-fixed a:hover,.user-addPost-topbar a:hover,.user-posts-holder a:hover,ul.yiiPager a:hover{text-decoration:none}body{font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size:16px;word-wrap:break-word;padding-top:70px;background:#F8F8F8}ul li{list-style:none}h1{font-size:24px}h2,h3,h4{font-size:16px;margin:10px 0;font-weight:700}.container{width:1200px;padding:0}.create-post-container{width:960px;margin:0 auto 50px;padding:0 25px}.content-container,.friends-container,.group-container,.post-container,.simple-container{width:1200px;margin:0 auto 50px}.content-container{display:table;padding:0 20px}.content{min-height:600px;padding:0 45px}.friends-container{padding:20px}.friends-container .thumbnail{border:1px solid #f2f2f2;text-align:center}.friends-container .thumbnail img{width:120px;height:120px;margin-top:20px}.index-container{margin-top:-20px;background:#fff}.loading-holder{clear:both;width:200px;margin:0 auto 20px}.header-container{position:relative;padding:40px 0;color:#fff;text-align:center;background:#bf0640;background:-moz-linear-gradient(45deg,#bf0640 0,#C62C5C 100%);background:-webkit-gradient(linear,left bottom,right top,color-stop(0,#bf0640),color-stop(100%,#C62C5C));background:-webkit-linear-gradient(45deg,#bf0640 0,#C62C5C 100%);background:-o-linear-gradient(45deg,#bf0640 0,#C62C5C 100%);background:-ms-linear-gradient(45deg,#bf0640 0,#C62C5C 100%);background:linear-gradient(45deg,#bf0640 0,#C62C5C 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BF0640', endColorstr='#C62C5C', GradientType=1);-webkit-box-shadow:inset 0 3px 7px rgba(0,0,0,.2),inset 0 -3px 7px rgba(0,0,0,.2);-moz-box-shadow:inset 0 3px 7px rgba(0,0,0,.2),inset 0 -3px 7px rgba(0,0,0,.2);box-shadow:inset 0 3px 7px rgba(0,0,0,.2),inset 0 -3px 7px rgba(0,0,0,.2)}.masthead{padding:60px 0 80px;margin-bottom:0;color:#fff}.masthead h1{margin-bottom:20px;font-size:36px}.masthead h2{font-weight:400;font-size:20px}.download-btn .btn{width:170px;border:none;font-size:16px;padding-top:15px;padding-bottom:15px}.functions-display .fa{font-size:96px;color:#999}.functions-display h2{margin:20px 0}.more-awesome{color:#999;font-size:20px;text-align:center;border-bottom:1px solid #ccc;margin-bottom:15px;margin-top:15px}.more-awesome span{position:relative;top:10px;background-color:#fff;padding:0 20px}.appshot img{-webkit-box-shadow:0 0 20px rgba(50,50,50,.2);box-shadow:0 0 20px rgba(50,50,50,.2)}.intro .col-sm-4{margin-bottom:80px}#open-tips{width:200px;padding:10px 10px 0;position:absolute;top:5px;right:5px;background:#fff;display:none}.remove-icon,.remove-icon a{font-size:20px;line-height:20px;color:#999}.footer{padding:20px 0 0;height:120px;margin:0 auto;color:#ccc;clear:both}.settings-container{width:960px;display:table;margin:0 auto 50px;background:#fff;border:1px solid #e9e9e9;border-bottom-width:2px;border-top:1px solid #eee;border-radius:3px}.settings-side-box{width:240px;border-right:1px solid #f2f2f2;min-height:520px;height:auto}.settings-side-box .list-group{margin:0}.settings-side-box .list-group-item{border-left:none;border-right:none;padding:20px 15px}.settings-side-box .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0;border-top:none}.settings-side-box .list-group-item:last-child{border-top-left-radius:0;border-top-right-radius:0;margin-bottom:0}.settings-side-box .list-group-item.active,.settings-side-box .list-group-item.active:focus,.settings-side-box .list-group-item.active:hover{color:#C62C5C;background-color:#FFF0F0;border-color:#FFF0F0}.settings-main-box{width:700px;padding:10px}.settings-main-box h2{padding:0 8px 20px;border-bottom:1px solid #f2f2f2}.settings-main-box .table>tbody>tr>td{border:none}.settings-main-box table .colname{width:80px;height:38px;line-height:20px;font-weight:700}.period-item,.schedule-period{height:40px;text-align:center}.add-post-form h2,.settings-main-box .passwd-form label{font-weight:400}.settings-main-box .passwd-form{padding-left:8px}.main-page{width:600px;float:left;background:#fff}.aside-page{width:230px;float:right}.user-girl{color:#F994AB}.user-boy{color:#97BCF0}.color-grey,.color-grey a{color:#ccc}.schedule-table-header .fa-angle-double-left,.schedule-table-header .fa-angle-double-right{font-size:24px;line-height:34px}.schedule-table a{padding:10px 25px;line-height:14px}.period-item,.schedule-period,.user-minInfo-title{line-height:40px}.schedule-table .schedule-table-week{background:#C62C5C;color:#fff}.schedule-period{width:40px;display:block;color:#FB9A9F}.schedule-location{margin-top:10px}.add-schedule-form{padding:15px 115px 30px}.group-container .group-detail-info,.group-container .group-members-container{padding:20px;background:#fff;border:1px solid #f2f2f2}.group-container .group-detail-info{margin-bottom:20px}.group-container .group-detail-info h1{margin-bottom:15px}.group-container .group-members-container .thumbnail{border:1px solid #f2f2f2}.group-container .group-members-container .thumbnail img{width:120px;margin-top:15px}.group-container .group-members-container .thumbnail .caption{text-align:center}.period-item{width:40px;display:inline-block}.period-item-grey{background:url(../images/periodCircle_grey.png) center no-repeat;color:#E5E5E5}.period-item-red{background:url(../images/periodCircle.png) center no-repeat;color:#FBAAAE}.user-detail-info{box-shadow:0 10px 10px #999;-moz-box-shadow:0 10px 10px #999;-webkit-box-shadow:0 10px 10px #999;margin-bottom:50px}.user-head-box{position:absolute;top:50px;left:0;background:#333;width:100%}.user-head-box .banner-background{position:absolute;height:480px;width:100%;background-position:center 0;background-repeat:no-repeat;background-size:cover;transition:opacity .2s ease-in-out;z-index:0;overflow:hidden}.user-head-box .banner-background img{width:100%;min-height:480px}.user-head-box .new-banner{position:relative;width:100%;height:480px;overflow:hidden;background:url(../images/blackback3.png) bottom repeat-x}@media screen and (min-width:1529px){.user-head-box .banner-background,.user-head-box .new-banner{height:520px}}.user-head-box .user-change-skin{position:absolute;width:24px;height:24px;right:0;top:0;background:url(../images/skin.gif)}.user-container{position:absolute;top:50px;z-index:99;left:50%;margin-left:-600px;width:1200px;height:auto;clear:both}.user-wrapper{text-align:center;color:#fff;margin-top:100px;margin-bottom:50px}.user-wrapper h1{font-size:18px}.user-wrapper p{font-size:16px}.user-wrapper img{width:120px;height:120px;padding:4px;background:rgba(255,255,255,1)}.user-index-container{display:table;width:1200px;height:1080px;margin:0 auto}.user-container .user-posts-box{background:#fff;padding:0;width:100%;height:100%;min-height:680px;display:table;border:1px solid #f2f2f2}.user-posts-holder{height:100%}.user-post-item{width:368px;height:207px;float:left;margin-bottom:50px;position:relative;color:#fff;margin-left:15px;margin-right:15px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.user-post-item img{width:100%;height:100%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.user-post-cover{width:368px;height:207px;background:url(../images/blackback.png) bottom repeat-x;padding:150px 10px 0;overflow:hidden;white-space:nowrap;font-size:16px;color:#fff;text-overflow:ellipsis;position:absolute;bottom:0;left:0;z-index:1;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.post-aside .thumbnail,.post-content{border:1px solid #f2f2f2}.user-post-cover:hover{background:url(../images/blackback2.png);height:207px;padding-top:10px;white-space:normal;cursor:pointer}.user-post-item .user-post-fixed{position:absolute;bottom:0;left:0;padding:10px;width:100%;z-index:2;font-size:14px}.user-post-item .user-post-fixed p{width:100%;margin:0}.user-post-item .user-post-actions{position:absolute;bottom:60px;right:10px;padding:10px;z-index:2;background:#000;opacity:.8;display:none}.user-post-item:hover>.user-post-actions{display:block}.user-post-item .user-post-actions a{color:#fff}.user-minInfo-item img{width:40px;height:40px}.post-content{width:860px;float:left;padding:20px 110px;background:#fff;min-height:666px}.post-content .post-header{text-align:center;border-bottom:1px solid #f2f2f2;margin-bottom:15px}.post-content .post-header h1{margin-bottom:15px}.post-content p img{margin:0 auto;max-width:100%;display:block}.media-list-item,.post-side-action .btn{margin-bottom:15px}.media-list-item .media-list-cover{width:200px;height:112px;font-size:48px;line-height:112px;text-align:center}.media-list-item .media-list-cover .fa-play-circle-o{margin-top:32px;color:#fff}.post-aside{width:320px;float:right}.post-aside .thumbnail img.user-avatar{width:120px;height:120px;padding:4px;background:rgba(204,204,204,.8);margin-top:40px}.post-aside .caption{text-align:center}.post-side-action{padding:25px}.user-addPost-topbar{text-align:left;padding-top:30px;margin-left:0;font-size:18px;color:#333;float:left;width:100%;padding-bottom:20px;border-bottom:1px solid #f2f2f2;margin-bottom:20px}.user-posts-box .user-addPost-topbar{width:1160px;margin-left:20px}.user-addPost-topbar a{margin-right:50px;color:#333}.user-addPost-topbar a.active,.user-addPost-topbar a:hover{color:#F66}.user-addPost-topbar .post-num{color:#999}.add-post-form{padding:0}.add-attaches-box{padding:5px 3px 0 15px;background:#F2F2F2}.add-post-form form{margin-top:80px}.add-post-form .btn-addPost,.add-post-form .btn-addPost:active,.add-post-form .btn-addPost:focus{color:#fff;background-color:#09C;border-color:#09C;height:90px;font-size:24px}.add-post-form .btn-success{background:#fff;padding-top:0;padding-bottom:0;border:1px solid #E4E4E4;font-size:16px;line-height:60px;color:#C62C5C;height:60px;width:134px}.add-post-form input,.add-post-form textarea{border:1px solid #F2F2F2;background:#f8f8f8;font-size:16px}.add-post-form .thumbnail{min-height:255px}.add-post-form input{-webkit-box-shadow:none;box-shadow:none;transition:none}.add-post-form textarea{-webkit-box-shadow:none;box-shadow:none;transition:none;height:50px;line-height:36px}.add-post-form .post-desc,.add-post-form .post-title{border:1px solid #F2F2F2;background:0 0;transition:none}.add-post-form .post-title{height:80px;-webkit-box-shadow:none;box-shadow:none;font-size:20px}.add-post-form .post-desc{height:100px;-webkit-box-shadow:none;box-shadow:none;font-size:16px;padding-top:15px}.add-post-form .checkbox{text-align:center;margin:15px 0}.add-post-form .btn-in{font-weight:600;background:#fff;padding-top:0;padding-bottom:0;border:1px solid #E4E4E4;font-size:16px;line-height:60px;color:#C62C5C;height:60px;width:134px}.add-post-form .checkbox input{height:auto}.add-post-form .checkbox label{line-height:22px}.add-post-form input.active,.add-post-form input:active,.add-post-form input:focus,.add-post-form textarea.active,.add-post-form textarea:active,.add-post-form textarea:focus{border:1px solid #E4E4E4;background:#fff;box-shadow:none;transition:none}.add-post-form .toggle-display{display:none}.add-post-form .post-title-tips{font-size:16px;color:#ccc;margin-top:10px}.add-post-form .uploadify{float:left;margin-right:15px}.add-post-form .fileSuccess .thumbnail{padding-right:12px;background:0 0}.add-post-form .thumbnail textarea{background:#fff}.add-post-form .media-item .media-cover .fa{font-size:48px;margin-top:-50px;margin-right:-30px}.add-post-form .no-use-but-holder{height:50px}.fileSuccess{padding:10px 0 0}.fileSuccess .thumbnail{position:relative;padding:0;border:0;margin-bottom:30px}.fileSuccess .thumbnail:hover{cursor:move}.fileSuccess .thumbnail img{width:100%}.fileSuccess .right-bar{position:absolute;right:15px;text-align:center;z-index:2;font-size:16px;width:280px;line-height:36px;top:0;padding:5px;display:none}.fileSuccess .right-bar a{background:rgba(204,204,204,.8);margin-bottom:15px;border-radius:200px;-moz-border-radius:200px;-webkit-border-radius:200px;width:36px;height:36px;display:inline-block;color:#C62C5C}.fileSuccess .right-bar a.del-btn{float:right}.fileSuccess .right-bar a.face-btn{float:left}.thumbnail:hover>.right-bar{display:block}.fileSuccess input,.fileSuccess textarea{margin:4px 0 0}.media-item{position:relative}.media-item .media-cover{height:100%;position:relative}.media-item .media-cover .fa{position:absolute;top:50%;right:50%;font-size:96px;line-height:96px;color:#fff;margin-top:-80px;margin-right:-48px}.media-item .media-cover .fa:active{color:#00a5e0}.media-item .media-cover img{width:100%}.search-float{display:none;position:absolute;z-index:1;background:#fff}.no-results{border:1px solid #f2f2f2;border-top:0;padding:15px;color:#CCC}.add-participators{margin-left:-14px;margin-right:-14px;display:block}.add-participators .thumbnail{width:200px;height:270px;position:relative;border-radius:0;float:left;margin:0 14px 28px}.add-participators .thumbnail .closer{width:36px;height:36px;position:absolute;right:-18px;top:-18px;z-index:2;color:#999;text-align:center;line-height:36px;background:#F2F2F2;border-radius:200px;display:none;cursor:pointer}.add-participators .thumbnail:hover>.closer,.side-fixed a{display:block}.add-participators .thumbnail:hover{border-color:#09C}.add-participators .caption{color:#999}.add-participators .thumbnail img{width:120px;height:120px;margin-top:15px}.add-participators .thumbnail .thumbnail-footer{width:100%;border-top:1px solid #F2F2F2;height:50px;display:block;position:absolute;bottom:0;left:0;padding:15px;line-height:23px}.add-participators .thumbnail-footer .user-job-label{color:#CCC;width:45px;border-right:1px solid #ccc;float:left}.add-participators .thumbnail-footer .user-job-select{width:95px;float:right;overflow:hidden;position:relative}.user-job-selector{border:none;width:100%;color:#09C;background:0 0;appearance:none;-webkit-appearance:none}.user-job-select .tri-angle{position:absolute;right:0;top:0;color:#09C}.add-users-holder{margin-top:40px}.add-users-box{width:430px;clear:both}.add-users-box .input-group-addon{border-color:#F2F2F2;background:#f8f8f8;color:#ccc;border-radius:0}.add-users-box input{background:#fff;border-radius:0}.add-post-form .input-group-lg>.form-control{border-radius:0}.add-post-form .separator{margin:80px 0 50px}.post-members-search .list-group-item:first-child{border-radius:0;border-top:0}.post-members-search .list-group-item:last-child{border-radius:0}.qrcode-login{width:400px;height:100%;overflow:auto;position:relative;margin:0 auto}.qrcode-login-box{position:absolute;top:50%;left:50%;margin-left:-180px;margin-top:-270px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#fff;width:360px;height:540px;box-shadow:#999 0 2px 10px;-moz-box-shadow:#999 0 2px 10px;-webkit-box-shadow:#999 0 2px 10px;z-index:3;overflow:hidden}.qrcode-login-box img{max-width:360px}.qrcode-login-box h1{font-size:24px;font-weight:400;margin-top:0;margin-bottom:15px}.qrcode-login-box .media{margin:0 0 5px 35px}.navbar-form .control-label,.navbar-form .form-group{margin-bottom:0;vertical-align:middle}.qrcode-login-box .media .media-left{width:40px}.qrcode-login-box .media .fa{font-size:24px;color:#737373}.qrcode-login-box .media .media-body p{margin:0}.qrcode-login-box .media .second-line{font-size:12px;color:#737373}#particles-js{position:absolute;top:0;z-index:-1;width:100%;height:100%;background:#FFF0F0}.login-with-qrcode{position:absolute;left:0;top:0;z-index:1;width:720px}.login-with-scan{width:360px;float:right}.navbar-header,.navbar-nav,.navbar-nav>li{float:left}.login-with-form{width:360px;float:left;padding:0 30px;margin-top:50px}.login-with-form .errorMessage{color:#c9302c}.login-fixed-bar{font-size:16px;position:absolute;bottom:20px;left:0;text-align:center;width:360px;cursor:pointer;z-index:4;color:#ccc}.login-fixed-bar a{color:#ccc}.side-fixed{position:fixed;bottom:100px;left:50%;margin-left:600px;background:#efefef;width:50px;height:50px}.side-fixed:hover{background:#FFF0F0}.side-fixed a{color:#A9A9A9;font-size:48px;line-height:48px;text-align:center}.side-fixed a:hover{color:#C62C5C}.feedback{bottom:10px}.feedback a{font-size:24px}.feedback .fa{margin-top:10px}.back-to-top{bottom:70px;display:none}.btn,.form-control{border-radius:0}.container .navbar-collapse,.container .navbar-header{margin-right:0;margin-left:0}.navbar-collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important;visibility:visible!important;border-top:0}.navbar-toggle{display:none}.navbar-brand{margin-left:-15px}.navbar-nav{margin:0}.navbar-nav>li>a{padding:15px}.navbar-nav.navbar-right{float:right}.navbar .navbar-nav .open .dropdown-menu{position:absolute;float:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-width:0 1px 1px;border-radius:0 0 4px 4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.navbar-form{float:left;width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form .form-group{display:inline-block}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}.navbar-center{width:260px;margin-left:365px}.navbar-center a,.navbar-center a:active{color:#fff;text-decoration:none}.navbar-center .navbar-btn{border:1px solid #D76A8C;background:#C62C5C;color:#fff;padding-left:31px;padding-right:31px}.navbar-center .navbar-btn:active,.navbar-center .navbar-btn:hover{box-shadow:none;border:1px solid #D76A8C;background:#b22853}.navbar-btn-apk{margin-right:15px}.navbar-default{box-shadow:0 2px 10px rgba(0,0,0,.175);-moz-box-shadow:0 2px 10px rgba(0,0,0,.175);-webkit-box-shadow:0 2px 10px rgba(0,0,0,.175);background:#C62C5C;border:none;height:50px}.navbar-default .navbar-brand,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand:hover{color:#FFF}.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#333}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border:none}.navbar-default .navbar-nav>li>a{color:#FFF}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{background:#b22853;color:#FFF}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#FFF;background-color:#b22853}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background-color:#b22853;color:#FFF}ul.yiiPager{height:26px;margin:0;padding:0}ul.yiiPager li{display:inline}ul.yiiPager a:link,ul.yiiPager a:visited{padding:5px 9px;border:1px solid #ccc;border-radius:3px;background:#fff;color:#777;font-weight:400}ul.yiiPager a:hover{border-color:#449d44;box-shadow:1px 1px 1px #333;color:#035d67}ul.yiiPager .selected a{padding:6px 10px;border:0;border-radius:3px;background:#449d44;color:#fff}ul.yiiPager .first,ul.yiiPager .hidden,ul.yiiPager .last{display:none}ul.yiiPager .previous{float:left}ul.yiiPager .next{float:right}