.bg-gray{background-color:#f8f8f9}
.bg-white{background-color:#fff}
.mt-120{margin-top:120px}
.mt-100{margin-top:100px}
.mt-70{margin-top:70px}
.ic-40{background-image:url(../assets/images/icons/ic_40.png)}
.ic-41{background-image:url(../assets/images/icons/ic_41.png)}
.ico-24{width:24px;height:24px;background-repeat:no-repeat;background-position:center center;background-size:contain}
.m-page-title{border-bottom:1px solid #eee;font-size:18px;line-height:86px;color:#007efe;text-align:center;font-weight:700}
.m-form{padding-bottom:120px;width:450px;margin-right:auto;margin-left:auto}
.m-form.pb-0{padding-bottom:0}
.m-form-input{position:relative;padding-left:56px;margin-bottom:20px;border:1px solid #d2d2d2;border-radius:3px;background-color:#fff;-moz-transition:border .3s ease-in-out;-o-transition:border .3s ease-in-out;-webkit-transition:border .3s ease-in-out;transition:border .3s ease-in-out}
.m-form-input input{padding:0;display:block;width:100%;height:50px;border:0;font-size:16px;line-height:50px}
.m-form-input input::-webkit-input-placeholder{color:#999}
.m-form-input input::-moz-placeholder{color:#999}
.m-form-input input:-ms-input-placeholder{color:#999}
.m-form-input i{position:absolute;top:50%;left:12px;margin-top:-16px;width:32px;height:32px;background-repeat:no-repeat;background-position:center center;background-size:contain;-webkit-filter:grayscale(.9);filter:grayscale(.9)}
.m-form-input.is-active{border-color:#007efe}
.m-form-input.is-active i{-webkit-filter:grayscale(0);filter:grayscale(0)}
.m-form-verify{position:relative;padding-right:140px}
.m-form-verify .img-verify{position:absolute;top:0;right:0;width:120px;height:52px;border-radius:3px;background-color:#666}
.m-form-sms{position:relative;padding-right:180px}
.m-form-sms button{position:absolute;top:0;right:0;width:160px;height:52px;border:0;border-radius:3px;background-color:#666;color:#fff;cursor:pointer}
.m-form-btn{margin-bottom:20px}
.m-btn{padding:0;border:0;display:block;width:100%;height:50px;border-radius:3px;font-size:18px;line-height:50px;text-align:center;cursor:pointer;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}
.m-btn-submit{background-color:#007ffe;color:#fff}
.m-btn-submit:hover{filter:alpha(Opacity=80);opacity:.8}
.m-btn-normal{background-color:#ccc;color:#fff}
.m-btn-normal:hover{background-color:#999}
.form-error{margin-bottom:20px;font-size:14px;line-height:1;text-align:left;color:#007ffe}
.a-form-tip{font-size:14px;line-height:2;text-decoration:underline;text-align:center;color:#666}
.a-form-tip a{color:#666;-moz-transition:color .5s ease-out;-o-transition:color .5s ease-out;-webkit-transition:color .5s ease-out;transition:color .5s ease-out}
.a-form-tip a:hover{color:#007ffe}
.m-page-tip{padding:15px 0;border-top:1px solid #eee;font-size:14px;line-height:30px;color:#666;text-align:center}
.m-page-tip a{color:#06f;text-decoration:underline}
.m-center{position:relative;font-size:0}
.m-center:before{content:'';position:absolute;top:0;left:0;bottom:0;width:299px;border-right:1px solid #eee;background-color:#f7faff}
.m-center-aside,.m-center-main{display:inline-block;vertical-align:top;position:relative;z-index:2}
.m-center-aside{width:300px}
.m-center-main{width:900px}
.m-avatar{padding-top:60px;height:310px;border-right:1px solid #eee;border-bottom:1px solid #eee;background-color:#fff}
.m-avatar-img{margin:0 auto;width:100px;height:100px;border-radius:50%;overflow:hidden}
.m-avatar-img img{display:block;width:100%}
.m-avatar-name{margin-top:45px;font-size:18px;line-height:1;color:#333;text-align:center}
.m-aside-menu li{position:relative;border-top:1px solid #eee;font-size:16px;line-height:60px;text-align:center;background:#f7faff;color:#999;cursor:pointer}
.m-aside-menu li:first-child{border-top:0}
.m-aside-menu li:after,.m-aside-menu li:before{content:'';position:absolute;top:0;height:100%}
.m-aside-menu li:before{left:0;width:3px;background-color:#007ffe;display:none}
.m-aside-menu li:after{right:0;width:1px;background-color:#eee}
.m-aside-menu li a{color:#999;display:block}
.m-aside-menu li.current{background-color:#fff;color:#333}
.m-aside-menu li.current:before{display:block}
.m-aside-menu li.current:after{display:none}
.m-aside-menu li.current a{color:#333}
.m-center-page{margin-right:60px;margin-left:60px;display:none}
.m-center-page.is-active{display:block}
.m-page-tab{position:relative;font-size:0;border-bottom:1px solid #eee}
.m-page-tab a,.m-page-tab span{display:inline-block;vertical-align:top;margin-right:50px;font-size:16px;line-height:60px;font-weight:700;color:#999}
.m-page-tab a.current,.m-page-tab span.current{color:#007ffe}
.m-page-tab .more{position:absolute;top:0;right:0;padding:0 5px;font-size:16px;line-height:60px;color:#999;-moz-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.m-page-tab .more:hover{color:#007ffe;text-decoration:underline}
.m-info-input{display:inline-block;vertical-align:top;margin-top:30px;border-bottom:1px solid #fff}
.m-info-input label{display:inline-block;vertical-align:top;font-size:16px;line-height:30px}
.m-info-input input{padding:0;display:inline-block;vertical-align:top;font-size:16px;width:150px;height:30px;border:0;color:#999}
.m-info-input input::-webkit-input-placeholder{color:#999}
.m-info-input input::-moz-placeholder{color:#999}
.m-info-input input:-ms-input-placeholder{color:#999}
.m-info-input.w1 input{width: 600px;}
.m-info-input.w1{width:100%}
.m-info-input.w3{width:33.3333%}
.m-info-input.add input{width:500px}
.m-info-input.email input{width:400px}
.is-edit .m-info-input{border-bottom:1px solid #eee}
.is-edit .m-info-input.is-active{border-bottom:1px solid #007ffe}
.m-info-button{position:relative}
.m-info-button p{font-size:12px;line-height:40px;color:#007ffe}
.m-info-button .m-info-btn,.m-info-button button{position:absolute;top:0;right:0}
.m-info-btn{display:block;width:150px;height:40px;border:0;border-radius:3px;font-size:16px;text-align:center;line-height:40px;background-color:#ccc;color:#fff;cursor:pointer;-moz-transition:background .3s ease-in-out;-o-transition:background .3s ease-in-out;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out}
.m-info-btn:hover{background-color:#007ffe}
.is-edit .m-info-btn{background-color:#007ffe}
.m-list-news a{position:relative;display:block;padding-right:100px;font-size:14px;line-height:30px;color:#333}
.m-list-news a span{position:absolute;top:0;right:0;color:#ccc}
.m-list-activity{position:relative;left:-50px;width:880px}
.m-list-activity li{padding:20px 0 0;display:inline-block;vertical-align:top;width:50%}
.m-list-activity__wrap{position:relative;display:block;margin:0 50px;padding-left:152px;height:104px;border-bottom:1px solid #eee}
.m-list-activity__wrap img{position:absolute;top:0;left:0;width:142px;height:auto;border-radius:5px}
.m-list-activity__wrap h3{font-size:14px;line-height:18px;color:#333}
.m-list-activity__wrap .del,.m-list-activity__wrap .time{position:absolute;bottom:20px;font-size:14px;line-height:24px}
.m-list-activity__wrap .del i,.m-list-activity__wrap .time i{position:absolute;top:0;left:0;-webkit-filter:grayscale(.9);filter:grayscale(.9)}
.m-list-activity__wrap .time{left:152px;padding-left:24px;color:#666}
.m-list-activity__wrap .del{padding-left:24px;right:0;color:#999}
.m-list-activity__wrap:hover h3{color:#007ffe}
.m-list-activity__wrap:hover .del,.m-list-activity__wrap:hover .time{color:#007ffe}
.m-list-activity__wrap:hover .del i,.m-list-activity__wrap:hover .time i{-webkit-filter:grayscale(0);filter:grayscale(0)}
.m-pager{position:relative;font-size:14px;line-height:24px;text-align:center}
.m-pager a{margin:0 3px;display:inline-block;vertical-align:top;color:#999}
.m-pager a.next,.m-pager a.prev{position:absolute;top:0}
.m-pager a.prev{left:0}
.m-pager a.next{right:0}
.m-pager a.current,.m-pager a:hover{border-bottom:1px solid #007ffe;color:#007ffe}
.m-line{border-bottom:1px solid #eee}
.m-sub-page{display:none}
.m-sub-page.is-active{display:block}
.m-list-article li{padding:20px 0;border-bottom:1px solid #eee}
.m-list-article a{position:relative;display:block;padding-left:270px;height:130px}
.m-list-article a img{position:absolute;top:0;left:0;max-width:250px;height:auto;max-height:128px;border-radius:5px}
.m-list-article a h3{font-size:16px;line-height:24px;color:#333}
.m-list-article a .cate{position:absolute;left:270px;bottom:0;font-size:14px;line-height:24px;color:#666}
.m-list-article a .cate span{display:inline-block;vertical-align:top;padding:0 20px;margin-right:5px;height:24px;border:1px solid #ffbb4c;border-radius:3px}
.m-list-article a .cate span.m-ss1{border-color:#ffbb4c;color:#ffbb4c}
.m-list-article a .cate span.m-ss2{border-color:#ff645d;color:#ff645d}
.m-list-article a .cate span.m-ss3{border-color:#ffbb4c;color:#ffbb4c}
.m-list-article a .del{position:absolute;right:0;bottom:0;padding-left:24px;font-size:14px;line-height:24px;color:#999}
.m-list-article a .del i{position:absolute;top:0;left:0;-webkit-filter:grayscale(.9);filter:grayscale(.9)}
.m-list-article a .del:hover{color:#007ffe}
.m-list-article a .del:hover i{-webkit-filter:grayscale(0);filter:grayscale(0)}
.m-list-article a:hover h3{color:#007ffe}
.m-list-activity_item{margin-top:10px;display:inline-block;vertical-align:top;width:48%;font-size:16px;line-height:24px;color:#999}
.m-list-activity_item span{color:#333}
.m-join-form{width:380px;margin-right:auto;margin-left:auto}
.m-join-form h2{font-size:18px;font-weight:700;color:#007ffe;text-align:center}
.m-join-input{margin-bottom:20px}
.m-join-input input{padding-left:25px;display:block;width:100%;height:42px;border:1px solid #eee;border-radius:3px;font-size:16px;line-height:40px;color:#333}
.m-join-input input::-webkit-input-placeholder{color:#999}
.m-join-input input::-moz-placeholder{color:#999}
.m-join-input input:-ms-input-placeholder{color:#999}
.m-join-input.is-active input{border-color:#007ffe}
.m-join-btn{display:block;width:100%;height:40px;padding:0;border:0;border-radius:3px;background-color:#007ffe;color:#fff;font-size:16px;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
.m-join-btn:hover{filter:alpha(Opacity=80);opacity:.8}
.m-logout{display:block;margin-right:auto;margin-left:auto;width:150px;height:40px;border:1px solid #007ffe;border-radius:3px;color:#007ffe;font-size:16px;letter-spacing:.05em;line-height:38px;text-align:center;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.m-logout:hover{background-color:#007ffe;color:#fff}
.layer-bg{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background-color:#000;filter:alpha(Opacity=75);opacity:.75}
.layer-box{position:absolute;top:50%;left:50%;margin-left:-285px;width:570px;border-radius:5px;background-color:#fff}
.username-d{position:relative}
.js-btn-username{display:block;position:absolute;top:0;right:0;cursor:pointer}
.ic-002{background-image:url(../assets/images/icons/ic_002.png);transition:background .3s ease-in-out}
.ic-002:hover{background-image:url(../assets/images/icons/ic_001.png)}