.canvas{padding: 10px 0 0 0;}.toolbar-wrap{height:40px; clear:both;}.toolbar{background: #fff; height:40px; position: fixed; top:0; left:0; right:0; z-index: 20; box-shadow: 0px 2px 12px -6px #ccc;}.toolbar h1,.toolbar h1 a{width:120px; height:30px;}.toolbar h1{margin:5px auto 0;}.toolbar h1 a{display:block; text-indent:-10000px; overflow: hidden; background: url(r_logo_120.png) no-repeat;}.toolbar .nav{font-size:16px; width:21px; height:16px; background: url(icon.png) no-repeat -80px -320px; position: absolute; top: 12px; left:10px;}.toolbar .nav ul{width:auto; border:#e8e8e8 1px solid; background:#fff; position:absolute; z-index: 9999; top: 30px; left: 0px; display: none;}.toolbar .nav ul::after,.toolbar .nav ul::before{display:block; content: ""; width:0; height:0; position:absolute; left:5px; border: solid transparent;}.toolbar .nav ul::before{border-color: rgba(232, 232, 232, 0); border-bottom-color:rgba(232, 232, 232,1); border-width:7px; margin-left:-3px; z-index: 1; bottom:100%;}.toolbar .nav ul::after{border-color: rgba(255, 255, 255, 0); border-bottom-color:rgba(255, 255, 255,1); border-width:6px; margin-left:-2px; z-index: 2; bottom:100%;}.toolbar .nav a{display:block; width:100px; height:40px; padding:0 0 0 10px; line-height: 40px; color:#999; border-bottom: #e8e8e8 1px solid;}.toolbar .nav a:hover{color:#fff; background: #49aafd;}.toolbar .toolbar-right{position: absolute; right:10px; top:7px;}.toolbar .toolbar-right .login li{display: inline-block; line-height: 27px; margin-right: 10px;}.toolbar .person .photo,.toolbar .person .photo img{display:block; width:25px; height:25px;}.toolbar .person .photo{border: #e8e8e8 1px solid;}.wall-page{margin:0 10px;}.wall-page .top-bar{padding:12px;}.wall-page .top-bar .figure{}.wall-page .top-bar .caption{float:none; margin:0 0 0 80px;}.wall-page .top-bar .user-intro{clear: none;}.wall-page .top-bar .photo,.wall-page .top-bar .photo img{width:70px; height:70px;}.wall-page .top-bar .user-id{padding:4px 0 5px 0;}.wall-page .photo-list{padding:15px; margin:16px 0 0 0; overflow: hidden;}.wall-page .photo-list .title .time{float:left; border-right:#d9d9d9 1px solid; padding:0 10px; margin:0 10px 0 0; font-weight:bold; text-align:right; height:45px;}.wall-page .photo-list .title .time .day{font-size:21px; margin-bottom:5px;}.wall-page .photo-list .title .caption{float:none; margin:0 0 0 40px;}.wall-page .photo-list .title .caption h4{color:#333; font-size:15px; margin:0 0 0 0;}.wall-page .photo-list h4 .album-edit{height:15px; line-height: 15px; padding-bottom:0; margin-bottom: 4px;}.wall-page .photo-list h4 em{font-weight:normal; color:#999; font-size:12px; margin:0 0 0 20px; display:block;}.wall-page .photo-list ul{padding:12px 0 0 0; margin:0 auto;}.wall-page .photo-list .photo-item{display: inline-block; width:32%; min-width: 70px; position: relative;}.wall-page .photo-list .photo-item img{display: block; width: 100%;}.wall-page .photo-list .photo-item .more{display: block; width:100%; height: 100%; position: absolute; left:100%; top: 0; background: #000; border-left: #fff 4px solid; opacity: 0.8;}.wall-page .photo-list .photo-item .more i{position: absolute; margin: 50% 50%; left:-9px; top: -12px;}.wall-page .wall-list{padding:10px 0 0 0;}.wall-list .wall-item{margin:0 0 10px 0; border: #e8e8e8 1px solid;}.wall-list .wall-item .photo{background: #f9f9f9; overflow: hidden;}.wall-list .wall-item .photo,.wall-list .wall-item .photo img{width:100%; display:block;}.wall-list .wall-item .img-wrap{position:relative;}.wall-list .wall-item .intro{padding:20px 10px; background: #fff;}.wall-list .wall-item .intro .interactive{margin:0; padding:5px 0 0 0;}.wall-page .comment{background: #fff; padding:20px 20px 50px 20px; display: none;}.wall-page .top-bar .user-id{padding:4px 0 5px 0;}.wall-page .top-bar .user-id a{color:#1687CB;}.wall-page .top-bar .user-id span{margin:0 0 0 10px;}.wall-page .top-bar .user-id i{margin:0 5px 0 0;}.wall-page .comment .photo,.wall-page .comment .photo img{width:50px; height:50px;}.wall-page .comment .user-name a{font-size:12px;}.wall-page .comment time{float:right; padding:24px 20px 0 0;}.wall-page .commnet-con,.wall-page .comment-send{padding:5px 0 0 0;}.wall-page .comment-item .btn-wrap{padding:10px 0 0 0;}.wall-page .comment-item .btn-wrap .btn{margin:0 10px 0 0;}.wall-page .comment-send textarea{height:18px; resize:none; width:100%;}.wall-page .focus textarea{height:85px; resize:vertical; width:100%;}.wall-page .comment .caption{float: none; margin: 0 0 0 60px;}.wall-page .top-bar h4 .album-edit{float:left;}.wall-page .top-bar h4 em{color:#999; font-size:12px; display:block; margin:5px 0 0 0;}.album-list{padding: 0 0 0 10px;}.album-item{width:30%; overflow:hidden; float:left; margin:0 4px 4px 0;}.album-item .album-cover img{display:block; width:100%;}.album-item .album-cover{overflow: hidden; width:100%; text-align: center;}.album-item .caption{padding:3px 10px 0px;}.album-item .caption .album-edit{margin:0 0 5px 0; line-height: 19px; height:19px; font-weight: normal; padding-bottom: 0}.img-empty-album{width:70px; height:70px; background: url(bg_album.png) no-repeat -35px -15px; margin:20px auto;}.album-page{padding: 5px;}.album-page .photo-list{padding: 0; position: relative;}.album-page .profile{padding:12px;}.album-page .profile .figure{float:left;}.album-page .profile .figure .album-name{margin:0 0 2px 0;}.album-page .profile .figure .name,.album-page .profile .figure .back{margin:0 10px 0 0; display: block; float:left;}.album-page .profile .figure .back{border:1px solid transparent; padding:4px;}.album-page .profile .figure .name .album-edit{font-size:15px; color:#333; font-weight:bold;}.album-page .profile .figure .back i{margin:0 5px 0 0;}.interactive .icon-user{margin:-2px 5px 0 0;}.album-page .profile .figure a{color:#999;}.album-page .photo-item{position: absolute;}.album-page .pic-wrap,.esplanade .pic-wrap{width:100%;}.album-page .photo-item .caption,.esplanade .photo-list .figure{padding:5px; overflow: hidden;}.album-page .photo-item .caption .album-edit,.esplanade .photo-item .caption .album-edit{height:19px; line-height: 19px; overflow: hidden;}.esplanade .photo-list{text-align: center;}.esplanade .photo-item{position: absolute;}.esplanade .photo-item .pic,.album-page .photo-item .pic{display:block; overflow: hidden; text-align:center; vertical-align: top;}.esplanade .photo-item .pic img,.album-page .photo-item .pic img{width: 100%;}.esplanade .photo-item .caption{float: none; line-height: 15px;}.photo-show{margin:10px;}.photo-show .photo-wrap{background: #fff; border:#e8e8e8 1px solid;}.photo-show .photo-wrap .img{text-align: center; overflow: hidden; padding: 1px;}.photo-show .photo-wrap img{max-width: 100%; display: block; margin: 0 auto;}a.icon-outside-qq,a.icon-outside-weibo,a.icon-outside-renren{display:inline-block; background: url(outside_icon_30.png) no-repeat; vertical-align: middle; width:30px; height:30px; outline: none;}a.icon-outside-qq{background-position: -80px -40px;}a.icon-outside-qq:hover{background-position: -80px 0px;}a.icon-outside-weibo{background-position: 0 -40px;}a.icon-outside-weibo:hover{background-position: 0px 0px;}a.icon-outside-renren{background-position: -40px -40px;}a.icon-outside-renren:hover{background-position: -40px 0px;}.login-dlg-wrapper{overflow: visible; margin: 10px 10px 10px; position: static;}.login-dlg-wrapper .modal-header h3{font-size:25px; line-height: 62px;}.login-dlg-wrapper h4{color:#666; font-size:12px; font-weight:bold; line-height: 18px;}.login-dlg-wrapper .modal-body{padding:10px;}.login-dlg-wrapper .outside-list{padding:8px 0 0 0; margin:0;}.login-dlg-wrapper .outside-list li{float:left; margin:0 10px 0 0;}.login-dlg-wrapper .control-group{margin-bottom:9px;}.login-dlg-wrapper legend{padding:18px 0; margin:0; border:0; color:#666; font-size:12px; font-weight:bold; line-height: 14px;}.login-dlg-wrapper .control-group .controls{position:relative;}.login-dlg-wrapper .control-group input{width:240px; height:35px; padding:0 0 0 35px; margin:0; box-shadow: #f5f5f5 0 4px 3px inset; background: url(sprite_login.png) no-repeat; color:#999; font-size:12px; border-radius:2px;}.login-dlg-wrapper .user-id{padding:0 0 10px 0;}.login-dlg-wrapper .user-id input{background-position: 10px -110px;}.login-dlg-wrapper .user-id input.error{border: #f3a4a4 1px solid; background-position: 10px -190px;}.login-dlg-wrapper .user-pw input{background-position: 10px -270px;}.login-dlg-wrapper .user-pw input.error{border: #f3a4a4 1px solid; background-position: 10px -350px;}.login-dlg-wrapper .btn-wrap{padding:20px 0 20px 0;}.login-dlg-wrapper .remember{float:left; margin:7px 0 0 0;}.login-dlg-wrapper .remember input + label span{display:inline-block; width:15px; height:16px; background: url(sprite_login.png) no-repeat 0 0; vertical-align: middle; cursor: pointer; margin:-2px 5px 0 0;}.login-dlg-wrapper .remember input:checked + label span{background-position: 0 -40px;}.login-dlg-wrapper .login{float:right;}.login-dlg-wrapper .login .btn{padding:8px 18px; font-weight:bold;}.login-dlg-wrapper .forget-wrap{padding:14px 0 0 0; color:#999;}.login-dlg-wrapper .forget-wrap a{color:#333;}.login-dlg-wrapper .forget{float:left;}.login-dlg-wrapper .reg{float:right;}.login-dlg-wrapper .line-area{border-top: #eee 1px solid; color:#ccc; clear:both; font-weight:bold; text-align:center; margin-top:33px; height:0; line-height: 0;}.login-dlg-wrapper .line-area span{line-height: 0; padding: 0 12px; position: relative; top: -1px; background: #fff;}.error-tips{width:auto; border:#c41308 1px solid; line-height: 25px; background:#d74239; background: linear-gradient(top,#d74239,#cc332b); background: -moz-linear-gradient(top,#d74239,#cc332b); background: -webkit-linear-gradient(top,#d74239,#cc332b); color:#fff; font-weight:bold; position:absolute; border-radius:3px; padding:0 15px; font-size:12px; z-index: 9999;}.error-tips::after,.error-tips::before{display:block; content: ""; width:0; height:0; position:absolute; left:13px;}.tips-bottom::before{border-color:#d74239 transparent; border-style:solid; border-width:6px 5px 0px 5px; bottom:-6px; margin-left:-3px; z-index: 1;}.tips-bottom::after{border-color:#cc332b transparent; border-style:solid; border-width:5px 4px 0px 4px; bottom:-5px; margin-left:-2px; z-index: 2;}.tips-top::before{border-color:#cc332b transparent; border-style:solid; border-width:0px 5px 6px 5px; top:-6px; margin-left:-3px; z-index: 1;}.tips-top::after{border-color:#d74239 transparent; border-style:solid; border-width:0px 4px 5px 4px; top:-5px; margin-left:-2px; z-index: 2;}.cloud-page .cloud-item{margin:0 0 10px 0; padding:10px; overflow: hidden; min-width: 220px;}.cloud-page .name{display:inline; font-size:14px; color:#333; margin:0 5px 0 0;}.cloud-page .cloud-item ul{padding: 10px 0 0; margin: 0 auto;}.cloud-page .cloud-item li{width: 32%; float: left; min-width: 70px; margin:0 1% 1% 0;}.cloud-page .cloud-item li img{display: block; width: 100%;}.toolbar .person{position: relative;}.dropdown-menu li{border: 0;}.dropdown-menu li a{padding: 5px 0; width:70px; font-size: 16px; text-align: center; color: #999;}.dropdown-menu li a:hover{background: #fff; color: #999;}.dropdown-menu{width:auto; border:#e8e8e8 1px solid; background:#fff; right: 0; top: 5px;}.dropdown-menu::after,.dropdown-menu::before{display:block; content: ""; width:0; height:0; position:absolute; right:5px; border: solid transparent;}.dropdown-menu::before{border-color: rgba(232, 232, 232, 0); border-bottom-color:rgba(232, 232, 232,1); border-width:7px; right: 5px; z-index: 1; bottom:100%;}.dropdown-menu::after{border-color: rgba(255, 255, 255, 0); border-bottom-color:rgba(255, 255, 255,1); border-width:6px; right: 6px; z-index: 2; bottom:100%;}.esplanade{padding: 5px;}.esplanade .tags-wrap{}.esplanade .tags-wrap h2{background: none repeat scroll 0 0 #595959; color: #FFFFFF; height: 30px; line-height: 30px; padding: 0 0 0 10px;}.esplanade .tags-list{padding: 5px; overflow: hidden; background: #fff;}.esplanade li{margin: 0 3px 3px 0; float: left;}.esplanade li a{display: block; height: 25px; line-height: 25px; border:#ddd 1px solid; padding: 0 5px; background: #fdfdfd; background:linear-gradient(top,#fdfdfd,#f3f3f3); background:-moz-linear-gradient(top,#fdfdfd,#f3f3f3); background:-webkit-linear-gradient(top,#fdfdfd,#f3f3f3); white-space:nowrap;}.esplanade li.selected a,.esplanade li a:hover{background: #31b6e3; background:linear-gradient(top,#31b6e3,#02a5dc); background:-moz-linear-gradient(top,#31b6e3,#02a5dc); background:-webkit-linear-gradient(top,#31b6e3,#02a5dc); color: #fff; border:transparent 1px solid;}.toolbar .find{position: absolute; left: 50px; top: 10px; display: none;}.cloud-download .btn-wrap{text-align:center;}.cloud-download .btn-wrap a{width:180px; height:67px; text-indent:-10000px; overflow: hidden; display:none;}.cloud-download .btn-wrap a.app{width:198px; height:61px; background: url(btn_ap.png) no-repeat; background-size: 198px 61px; display:inline-block;}.cloud-download p{padding:10px 0 0 0; text-align: center;}.cloud-download p em{margin:0 10px 0 0;}.banner{height: 41px; width: 100%; position: fixed; _position: absolute; top: 0px; left: 0; background: url(r_app_banner.jpg) no-repeat center top #60ceff; background-size: 320px 41px; overflow: hidden; z-index: 20;}.banner .app{display: block; width: 100%; height: 41px;}.banner .close{display: none; width: 10px; height: 10px; background: url(banner_close.png) no-repeat; background-size: 10px 10px; position: absolute; right: 10px; top: 15px;}.banner-show{height: 81px;}.banner-show .toolbar{top: 41px;}.toolbar .person .user-name .dropdown-menu li.last{display: block;}.album-edit:hover{background: none; border: transparent 1px solid;}.page-tips-fix,.back-top,.wall-page .top-bar .share-wall,.wall-page .photo-list .intro,.wall-page .photo-list .photo-item:nth-child(3) .more,.wall-page .photo-list .btn-wrap,.wall-list .wall-item .mould,.user-box,.album-item .album-cover .btn-list,.album-item .thumbnail-list,.album-item .caption .control,.album-page .profile .figure .photo,.album-page .profile .figure .photo img,.album-page .profile .edit,.album-page .plus-pictures,.album-page .pic-edit,.album-page .pic-checkbox,.album-page .cover-tips,.photo-show .comment-wrap,.photo-show .pic-close,.photo-show .pic-pre,.photo-show .pic-next,.photo-show .pic-open,.photo-show .pic-share,.login-dlg-wrapper .modal-header .close,.login-dlg-wrapper .remember input,.cloud-page .top-bar-wrap,.cloud-page .top-bar,.cloud-page .checkbox input,.cloud-page label.checkbox,.cloud-page label.checked,.cloud-page .cloud-item li label.checkbox,.cloud-page .cloud-item li p,.cloud-page .cloud-item li .checked-mask,.toolbar .person .notify,.toolbar .person .notify-new,.toolbar .person .user-name>a,.toolbar .person .user-name>i,.toolbar .person .user-name .dropdown-menu li,.esplanade .photo-list .photo,.data-dl,.data-dl-s,.banner .banner-index, .banner .space{display: none;}@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2){.toolbar h1 a{display:block; text-indent:-10000px; overflow: hidden; background: url(r_logo.png) no-repeat; background-size: 120px 30px;}}