.base-wrap{max-width:1200px;margin:0 auto}.base-login{display:block;position:relative;margin:10px auto;padding:10px;max-width:550px}.base-login-top{display:block;position:relative;height:50px;margin:0 0 -20px 0;padding:15px 44px;background:#3498db url("../img/base/login.png");text-align:center;border:#2980b9 1px solid;box-shadow:inset 1px 1px 1px rgba(255,255,255,0.15),inset -1px -1px 1px rgba(0,0,0,0.05),rgba(0,0,0,0.15) 0 2px 2px;border-radius:3px 3px 0 0;z-index:1}.base-login-top{background-image:-webkit-image-set(url(../img/base/login.png) 1x,url(../img/base/login@2x.png) 2x,url(../img/base/login@3x.png) 3x)}.base-login-logo{display:inline-block;position:relative;width:150px;height:50px;background:url("../img/logo.png") 0 0 no-repeat;overflow:hidden}.base-login-logo{background-image:-webkit-image-set(url(../img/logo.png) 1x,url(../img/logo@2x.png) 2x,url(../img/logo@3x.png) 3x)}.base-login-pin{display:block;position:absolute;width:24px;height:24px;background:url("../img/base/pin.png")}.base-login-pin{background-image:-webkit-image-set(url(../img/base/pin.png) 1x,url(../img/base/pin@2x.png) 2x,url(../img/base/pin@3x.png) 3x)}.base-login-pin-left{left:10px;top:28px}.base-login-pin-right{right:10px;top:28px}.base-login-main{display:block;position:relative}.base-login-avatar{display:block;margin:20px auto;width:120px;height:120px;border-radius:50%;border:#fff 5px solid;box-shadow:rgba(0,0,0,0.15) 0 3px 8px}.base-login-form{min-height:150px}.base-login-remember{text-align:center;color:#aaa;font-size:12px}.base-login-remember .checkbox{vertical-align:text-bottom}.base-mode{display:block;position:relative;padding:10px 145px 10px 10px}.base-view,.base-view::before{display:block;position:absolute;height:45px;background:url("../img/base/switch.png");background-image:-webkit-image-set(url(../img/base/switch.png) 1x,url(../img/base/switch@2x.png) 2x,url(../img/base/switch@3x.png) 3x);cursor:pointer}.base-view{right:10px;top:10px;width:135px;background-position:0 0;cursor:pointer}.base-view::before{right:60px;top:0;width:45px;background-position:-135px 0;content:''}.base-view-list::before{right:30px}.base-view::before,.base-view-list::before{transition:right .5s;-webkit-transition:right .5s;-moz-transition:right .5s;-o-transition:right .5s}.base-list{display:block;position:relative;padding:10px;opacity:1;top:0}.base-list-fadein{opacity:0;top:-10px}.base-list-fadeout{opacity:0}.base-list,.base-list-fadein,.base-list-fadeout{transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s}.base-list-item1{display:inline-block;padding:15px 0;width:33.33%;text-align:center;vertical-align:top;text-decoration:none;color:#777;text-shadow:#fff 0 1px;background:rgba(255,255,255,0)}.base-list-item1:hover{color:#555;background:rgba(255,255,255,0.5);border-radius:10px}.base-list-item1,.base-list-item1:hover{transition:all .25s;-webkit-transition:all .25s;-moz-transition:all .25s;-o-transition:all .25s}.base-list-item2{display:inline-block;vertical-align:top;width:100%}.base-list-item2-inner{display:block;position:relative;margin:5px}.base-list-item2-icon{display:block;position:absolute;left:10px;top:10px}.base-list-item2-favorite{display:block;position:absolute;right:4px;top:-4px;width:30px;height:30px;background:url("../img/base/ribbons.png") 0 0 no-repeat;cursor:pointer}.base-list-item2-favorite{background-image:-webkit-image-set(url(../img/base/ribbons.png) 1x,url(../img/base/ribbons@2x.png) 2x,url(../img/base/ribbons@3x.png) 3x)}.base-list-item2-favorite:hover{background-position:-30px 0}.base-list-item2-favorite-added{background-position:-30px -30px}.base-list-item2-favorite-added:hover{background-position:0 -30px}.base-list-item2-name{padding:5px 0 0 60px;font-size:18px;font-weight:bold}.base-list-item2-intro{padding:5px 0 5px 60px;font-size:12px;color:#999}.base-me{display:block;margin:0 auto;padding:10px}.base-me-part0{display:none}.base-me-part1{display:block}.base-me-switch .base-me-part0{display:block}.base-me-switch .base-me-part1{display:none}.base-me-title{font-size:16px;font-weight:bold}.base-me-title a{display:block;float:right;font-size:12px;line-height:22px;color:#aaa;text-decoration:none}.base-me-title a:hover{color:#777;text-decoration:underline}.base-me-subtitle{display:block;padding:15px 5px 5px;font-size:14px;font-weight:bold;color:#777}.base-me-avatar{display:block;margin:0 auto;width:150px;height:150px;border-radius:50%;border:#fff 5px solid;box-shadow:rgba(0,0,0,0.15) 0 3px 8px}.base-me-account{display:block;padding:15px 0 5px;text-align:center;font-size:14px;color:#ccc}.base-me-account b{color:#333}.base-me-edit{display:block}.base-me-upload .uploader-text{color:#999;border:#ccc 1px dotted;border-radius:5px;height:48px;line-height:48px;font-size:14px;font-weight:normal}.base-messages{display:block;padding-top:10px}.base-message{display:block;position:relative;min-height:60px;padding-left:60px;border-top:#ccc 1px dotted}.base-message-icon{display:block;position:absolute;left:5px;top:5px}.base-message-title{display:block;padding-top:10px;font-size:12px}.base-message-content{display:block;padding-top:5px;font-size:14px;color:#777}.base-message-time{color:#aaa}.base-message-type{display:block;position:absolute;right:0;top:10px}.base-message-new .base-message-time{color:#777}.base-message-new .base-message-content{color:#333;font-weight:bold}.base-message-unread,.base-message-group{padding:1px 3px;margin-left:5px;background:#999;color:#fff;border-radius:3px}.base-message-unread{background:#3498db}.base-message-group{background:#2ecc71}@media screen and (min-height:500px){.base-login{margin-top:50px}}@media screen and (min-height:700px){.base-login{margin-top:100px}}@media screen and (min-height:900px){.base-login{margin-top:150px}}@media screen and (min-width:400px){.base-list-item1{width:25%}}@media screen and (min-width:500px){.base-list-item1{width:20%}}@media screen and (min-width:640px){.base-login-avatar{position:absolute;left:15px;top:15px}.base-login-form{padding:20px 0 0 150px}.base-list-item1{width:90px}.base-list-item2{width:50%}.base-me .base-me-part0{display:block;float:left;width:35%}.base-me .base-me-part1{display:block;float:right;width:65%}.base-me .base-me-con{margin:5px}.base-me-title a{display:none}}@media screen and (min-width:920px){.base-list-item2{width:33.33%}}@media screen and (min-width:1200px){.base-list-item2{width:25%}}