/* macbizhi.com CSS Document by blank */
@import url("icon.css");
@import url("infinite-scroll-docs.css");
body{font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif;color: #222;font-size: 15px;padding: 0;margin: 0;font-size: 15px;background: #f0f0f0;}
div,ul,li,h1,h2,h3,h4,h5,h6,span,p,label,i,b,em,dl,dt,dd,input,textarea{list-style: none;padding: 0;margin: 0;border: none;-webkit-animation: none;animation: none;outline: none;-webkit-appearance:none;font-style:normal;}
a{color: #000;text-decoration: none;box-shadow: none;}

/* header */
.index{height: 480px;position: relative;}
.index:before{content:"";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(180deg,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%),linear-gradient(180deg,rgba(0,0,0,0.1) 0%,transparent 100%);z-index: 1;}
.header{padding:8px 20px 10px;line-height: 40px;position: relative;z-index: 10;background: rgba(255,255,255,1);}
.index .header{background: rgba(255,255,255,0);}
h1 i{margin-right: 10px;width: 30px;height: 28px;display: inline-block;background-size: 30px;text-indent: -9999px;line-height: 30px;}
h1{font-size: 20px;font-weight:400;display: inline-block;}
.index h1 a{color: #fff;}
.header ul{position: absolute;right: 20px;top:8px;}
.header li{display: inline-block;}
.header li:nth-child(1) a{display: inline-block;text-indent: -9999px;height: 38px;width: 32px;font-size: 0;margin-right: 15px;vertical-align: bottom;}
.header li:nth-child(2) a{display: inline-block;height: 34px;background-size: 24px;text-indent: 28px;background-color: #06d794;padding: 0 20px;line-height: 34px;color: #fff;font-weight: 600;border-radius: 3px;}
.search{display: inline-block;width: 35%;max-width: 500px;margin-left: 50px;}
.index .search{margin: 80px auto 0;width: 100%; max-width: 650px;color: #fff;display: block;}
.search h2{font-size: 36px;font-weight: 400;margin-bottom: 10px;}
.search form{position: relative;}
.search input[type="text"]{height: 40px;border-radius: 3px;font-size: 15px;width: 100%;text-indent: 10px;border: 1px solid #ccc;box-shadow: inset 0 1px 2px rgba(0,0,0,.07);}
.search input[type="text"]:focus {border-color: #06f;box-shadow: 0 0 2px rgba(30,140,190,.8);}
.index .search input[type="text"]{padding: 3px 0;border: none;box-shadow: none;}
.search input[type="submit"]{position: absolute;right: 0;top:1px;width:50px;height: 40px;text-indent: -9999px;font-size: 0px;cursor: pointer;z-index: 5;border-radius: 3px;}
.index .search input[type="submit"]{position: absolute;right: 0;width:50px;height: 45px;text-indent: -9999px;font-size: 0px;cursor: pointer;z-index: 5;border-radius: 3px;}
.popular{position: absolute;top: 1px;right: 55px;line-height: 46px;}
.popular a{margin-left: 3px;padding: 3px 6px;background:rgba(0,0,0,.08);color: #999;border-radius: 2px;}
.popular a:hover{color: #06d794;background: #fff;}
.search input[type="text"]:focus {position: relative;z-index: 2;}
.nav{height: 55px;background: #fff;width: 100%;font-size: 18px;line-height: 55px;bottom: 0;position: absolute;z-index: 20;text-align: center;}
.nav a{display: inline-block;padding: 0 20px;position: relative;}
.nav .active:after{content: " ";position: absolute;bottom: 0;left: 50%;height: 2px;width: 100%;background: #06d794;margin-left: -50%;}
.page-title{text-indent: -99999px;font-size: 0;line-height: 20px;}

/* main */
main{padding: 20px;overflow: hidden;}
main h1{max-width: 1400px;margin: auto;display: block;font-weight: 400;text-indent: 3px;}
.author_info{position: absolute;bottom: 0;left:0;padding: 15px;right: 0;background: linear-gradient(to top,rgba(0,0,0,0.5) 0%,transparent 100%);opacity: 0;transition: opacity .2s;transition: opacity .2s;color: #eee;}
.author_info a{color: #eee;}
.author_info img{width: 30px;height: 30px;display: inline-block;border-radius: 100%;box-shadow: 0 0 1px #333;background: #eee;vertical-align: middle;}
.image-grid__item:hover .author_info{opacity: 1;}
.image-grid__item i {text-indent: -99999px;display: block;line-height: 0;font-size: 0;}
.author_info em{vertical-align: middle;display: inline-block;margin-left: 5px;}
main .wrap{max-width: 1240px;margin: auto;position: relative;padding: 30px 30px 10px;background: #fff;border-radius: 3px;}
main .wrap h1{font-weight: 600;text-align: center;text-indent: 0;position: absolute;left: 300px;right: 300px;line-height: 50px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }
.author img {width: 48px;height: 48px;vertical-align: top;display: inline-block;border-radius: 100%;box-shadow: 0 0 1px #333;line-height: 20px;background: #eee;}
.author span{display: inline-block;margin-left: 8px;line-height: 24px;color: #999;}
.author b{color:#333;font-weight: 700;}
.author i{border: 1px solid #06d794;color: #06d794;padding: 0 10px;margin-left: 10px;border-radius: 10px;font-size: 13px;}
.download{position: absolute;right: 30px;top: 34px;}
.download a{display: inline-block;height: 38px;text-indent: 28px;;padding: 0 30px;line-height: 38px;font-weight: 600;border-radius: 3px;box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);border: 1px solid #ddd;color: #666;}
.download a:nth-child(2){padding: 0 40px 0 30px;color: #fff;margin-left: 10px;border: 1px solid #00c586;}
.detail{position: relative;}
.detail img{max-height: 75vh;max-width:100%;min-height: 300px;min-width: calc((2706 / 1765) * 300px);margin: 30px auto 20px;display: block;}
.info{text-align: center;padding: 0 0 20px;color: #999;font-size: 13px;}
.info li{display: inline-block;margin:0 10px;padding: 0 10px;color: #222;font-weight: 600;font-size: 15px;}
.info li i{display: inline-block;width: 18px;height: 18px;vertical-align: bottom;text-indent: -9999px;font-size: 0;}
.detail p{max-width: calc((2706 / 1765) * 75vh);margin: auto;line-height: 30px;text-indent: 32px;font-size: 16px;padding: 10px 0;}
.tag h2,.container h2{font-size: 18px;margin: 50px 0 20px;}
.tag a{display: inline-block;padding:0 25px;margin: 0 15px 15px 0;border-radius: 3px;border: 1px solid #ddd;line-height: 36px;font-weight: 600;}
.digg{position: absolute;color: #fff;right: 0;bottom: 0;padding: 15px;line-height: 30px;}
.digg a{color: #fff;padding-left: 58px;display: block;}
.digg label{cursor: pointer;}
#time{display: none;}
.wallpaper{position: relative;}
.next{position: absolute;top: 50%;left: 0;right: 0;opacity: .8;margin-top: -20px;}
.next a:nth-child(1){position: absolute;left: -90px;width: 40px;height: 40px;text-indent: -9999px;overflow: hidden;}
.next a:nth-child(2){position: absolute;right: -90px;width: 40px;height: 40px;text-indent: -9999px;overflow: hidden;}

/* footer */
footer{background: #fff;padding: 30px 20px 50px;}
.footer{max-width: 1400px;margin: auto;position: relative;color: #999;}
.slogan{display: inline-block;color: #666;}
.footer h1 a{color: #222;}
.footer ul{position: absolute;right: 10px;top: 0;}
.footer li{display: inline-block;margin:0 15px;line-height: 30px;}

/* login */
.login{max-width: 350px;margin: 50px auto;display: block;padding: 20px 30px 40px;background: #fff;box-shadow: 0 0 5px #ddd;}
main .login{box-shadow:none;}
.login h1{margin: 20px 0;line-height: 30px;width: initial;font-weight: 400;text-align: center;display: block;}
.login h1 a{color: #333;}
.login h2{font-size: 18px;line-height: 20px;margin-bottom: 10px;font-weight: 400;display: inline-block;}
.login div{font-size: 15px;padding: 5px 0;display: block;}
.login input{border: 1px solid #ddd;width: 100%;height: 40px;font-size: 15px;color: #333;text-indent: 10px;display: block;box-shadow: inset 0 1px 2px rgba(0,0,0,.07);background: #f7f7f7;}
.login input:focus {border-color: #06f!important;box-shadow: 0 0 2px rgba(30,140,190,.8)!important;}
.login .remember{width: 70%;float: left;padding-bottom: 15px;}
.login .remember input{height: initial;vertical-align: middle;margin-right: 5px;margin-top: -4px;-webkit-appearance:checkbox;width: initial;display: inline-block;margin-left: 2px;}
.login span{font-size: 13px;line-height: 8px;font-style: italic; color: #aaa;padding-bottom: 5px;display: none;}
.login .forget{width: 30%;float: left;text-align: right;padding-top: 10px;}
.login .forget a{color: #f00;}
.login a,.user a{color: #06f;}
.login .btn{padding-top: 15px;}
.login .btn input{background: #06f;color: #fff;cursor: pointer;height: 40px;text-indent: 0;border: 1px solid #06f;}
.login .reg{text-align: center;line-height: 30px;padding-top: 20px;}
.login .reset{text-align: center;line-height: 30px;font-weight: 700;}
.login .key{width: 100%;display: inline-block;}
.login .key input{width: 120px;display: inline-block;vertical-align: middle;}
.login .key img{height: 34px;vertical-align: middle;}
.login .key label{margin-left: 5px;}
.login select{height: 40px!important;font-size: 15px;line-height: 40px!important;color: #666;}

/* user space */
.user-space{margin: auto;text-align: center;padding-top: 50px;}
.avatar{display: inline-block;vertical-align: top;}
.editinfo{position: relative;width: 120px;height: 120px;border-radius: 120px;overflow: hidden;display: block;box-shadow: 0 0 1px #888;}
.editinfo span{position: absolute;display: block;width: 100%;bottom: 0;text-align: center;height: 30px;background: rgba(0,0,0,.3);line-height: 30px;color: #fff;font-size: 13px;display: none;}
.avatar:hover .editinfo span{display: block;}
.user-space img{display:inline-block;width: 120px;height: 120px;border-radius: 150px;box-shadow: 0 0 1px #888;vertical-align: top;background: #eee;}
.cp{text-align: right;}
.userinfo{display: inline-block;margin-left: 30px;text-align: left;}
.cp .userinfo{width:75%;}
.userinfo dl{position: relative;}
.userinfo dt{font-size: 24px;}
.userinfo dt i{font-size: 14px;margin-left: 5px;line-height: 28px;padding: 0 10px;color: #fff;font-weight: 700;border-radius: 18px;background: #aaa;vertical-align: text-bottom;}
.userinfo dt .l1{background-color: #b8b8b8;color: #fff;}
.userinfo dt .l2{background-color: #f30;color: #fff;}
.userinfo dt .l3{background-color: #3677ab;color: #fff;}
.userinfo dt .l4{background-color: #000;color: #fff;}
.userinfo dt span{display: none;font-size: 14px;color: #aaa;vertical-align: middle;margin-top: -2px;}
.userinfo dt .d-2{display: inline-block;}
.userinfo dd{display: inline-block;margin:15px 20px 0 0;color: #888;}
.userinfo dd:nth-last-of-type(1),.cp .userinfo dd:nth-last-of-type(3){display: block;}
.cp .userinfo dd:nth-last-of-type(2){background: #f7f7f7;padding: 10px 20px;display: table;border-radius: 5px;color: #444;}
.cp .userinfo dd:nth-last-of-type(2) a{margin-left: 40px;color: #06f;border: 2px solid #b9d5ff;padding: 0 25px; border-radius: 20px;line-height: 21px;display: inline-block;}
.cp .userinfo dd:nth-last-of-type(2) a:hover{color: #fff;background: #06f;border:1px solid #03f;padding:1px 26px;}
.cp .userinfo dd:nth-last-of-type(2) b{color: #f30;font-size: 18px;}
.cp .userinfo dd:nth-last-of-type(1){position: absolute;top: 0;right: 0;margin:0 20px 0 0;}
.cp .userinfo dd:nth-last-of-type(1) a{padding: 5px 20px;display: block;color: #06f;}
.cp .userinfo dd:nth-last-of-type(2) a.up{margin-left: 20px;color:#f30;display: inline-block;text-align: center;border-radius: 18px;vertical-align: middle;    margin-top: -4px;padding: 0 15px;border: 2px solid #ffd9d0;}
.cp .userinfo dd:nth-last-of-type(2) a.up:hover{background: #f30;border: 1px solid #f00;padding: 1px 16px;color: #fff;}
.m-nav{margin: 60px 0 0;border-bottom: 1px solid #f1f1f1;text-align: center;}
.m-nav a{width: 80px;display: inline-block;line-height: 40px;text-align: center;margin:0 10px;}
.m-nav .m-back{position: absolute;left: 30px;text-indent: 20px;width: initial;margin-left:0;}
main .m1,main .m2,main .mid1,main .mid2{padding-top: 10px;}
.m1 h2,.m2 h2{font-size: 17px;color: #aaa;line-height: 30px;}
.mid1 h2 a,.mid2 h2 a{font-size: 17px;color: #aaa;margin-right: 10px;line-height: 30px;}
.mid1 h2 a:nth-child(2), .mid2 h2 a:nth-child(2){color: #ccc;}
.mid1 .list em,.mid2 .list em{bottom: 20px;}
.m-active{color: #06f;font-weight: 700;position: relative;}
.m-active:after{content: " ";position: absolute;bottom: 0;left: 50%;height:2px;width: 100%;background: #06f;margin-left:-50%;}
.list{margin: 10px 0;width: 100%;min-height: 150px;position: relative;}
.no{position: absolute;width: 100%;background: #fff;min-height: 100px;}
.none{color: #ddd;margin: 0 0 10px 0;text-align: center;padding-top: 70px;width: 100px;position: absolute;}
.nocomment{margin-left:0;}
.login .up-avatar{position: relative;text-align: center;padding: 0;margin-bottom: 20px;overflow: hidden;height: 150px;}
.up-avatar img{width: 150px;height: 150px;border-radius: 50%;}
.up-avatar input{width: 150px;height: 150px;position: absolute;opacity: 0;top: 0;left: 50%;margin-left: -75px;border: none;cursor: pointer;}
.up-avatar i{width: 150px;height: 150px;position: absolute;top: 0;left: 50%;margin-left: -75px;text-indent: -9999px;background-color: rgba(0,0,0,.2);border-radius: 50%;}
.upgrade{max-width: 800px;margin:auto;padding: 30px 5px 40px;}
.upgrade h1{font-size: 20px;font-weight:400;}
.upgrade h2{font-size: 20px;font-weight: 400;line-height: inherit;margin-top: 30px;}
.level{display: inline-block;position: relative;}
.level input{-webkit-appearance:radio;position: absolute;width: 240px;height: 70px;opacity: 0;top:20px;}
.level h3 {margin:10px 20px;font-size: 15px;font-weight: 400;}
.level h3 b{font-size: 36px;margin-right: 5px;font-weight: 400;}
.level span{position: absolute;right: 20px;top:10px;}
.level i{position: absolute;right: 20px;bottom:10px;font-weight: 700;}
.level em{color: #fff;background: #f30;right: -10px;top: -10px;position: absolute;padding: 0 3px;border-radius: 3px;font-size: 14px;}
.level label{width: 240px;height: 70px;margin-right: 20px;border:2px solid #ddd;position: relative;margin-top: 20px;border-radius: 5px;display: block;cursor: pointer;}
.level input:checked + label{border:2px solid #f30;}
.payment{margin-top: 10px;}
.payitem{display: inline-block;width: 160px;height: 50px;margin-right: 30px;position: relative;text-indent: -9999px;}
.payment div:nth-child(1){background:url(wechat.png) no-repeat 25px center;background-size: 135px;}
.payment div:nth-child(2){background:url(alipay.png) no-repeat 25px center;background-size: 90px;}
.payment input{-webkit-appearance:radio;position: absolute;width: 150px;height: 50px;left: 0;top: 0;cursor: pointer;}
.upgrade input.pay{-webkit-appearance:button;background: #06f;color: #fff;line-height: 36px;cursor: pointer;font-size: 15px;width:98%;border-radius: 3px;border: 1px solid #06f;margin-top: 30px;display: block;}
.vipmark{font-size: 13px;color: #aaa;line-height: 25px;padding:5px 5px 0;}
.sum span{margin-bottom: 20px;display: block;}
.upgrade .sum-4,.upgrade .sum-5,.upgrade .sum-6{display: none;}
.sum .sum-4,.sum .sum-5,.sum .sum-6{display:inline-block;}
.sum .sum-1,.sum .sum-2,.sum .sum-3{display: none;}
.level input:checked + label i{color: #f30;}
.bill{margin: 10px auto 0;padding: 10px 5px 40px;max-width: 750px;}
.bill h2{text-align: center;}
.bill h2:after {content: " ";position: absolute;bottom: 0;left: 0;height: 1px;width: 100%;background: #ccc;}
.bill .color{background: #f7f7f7;position: relative;}
.bill .color:after {background: #ccc;content: " ";position: absolute;bottom: 0;left: 0;height: 1px;width: 100%;}
.bill .iphone{display: flex;max-width: 750px;margin: auto;align-items: flex-end;}
.bill .iphone .item{text-align: center;width: 100%;line-height: 45px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;position: relative;}
.bill h2{ font-size: 16px;line-height: 45px;font-weight: 700;text-indent: 5px;position: relative;}
.bill .iphone div:nth-child(1){font-weight: 400;}
.post-app{padding: 40px 0;}
.publish{padding:10px;}
.publish div{padding: 15px 0; position: relative;font-size: 0}
.publish div input[type="text"]{display:inline-block;padding:0 5px;line-height: 36px;font-size: 15px;
    background: #f7f7f7;border: 1px solid #ddd;width: 97%; max-width: 700px;margin-right: 5px;box-shadow: inset 0 1px 2px rgba(0,0,0,.07);}
 .publish div input[type="text"]:focus{border-color: #06f!important;box-shadow: 0 0 2px rgba(30,140,190,.8)!important;}
.publish div i{width: 70px;text-align: right;padding-right: 10px;display: inline-block;font-weight: 700;font-size: 15px;line-height: 36px;}
.publish select{height: 38px;width: 300px;font-size: 15px;cursor: pointer;margin-right: 5px;display: inline-block;}
.up-file ul,.up-image ul{display: flex;align-items: flex-end;}
.publish div:nth-child(9) select{width: 80px;}
.app-icon{width: 150px;height: 150px;vertical-align: middle;display: inline-block;overflow: hidden;}
.app-icon img{width: 150px;height: 150px;}
.publish .app-icon i{width: 150px;height: 150px;position: absolute;top: 15px;left: 0;text-indent: -9999px;background-color: rgba(0,0,0,.1);padding-right: 0;text-align: left;border-radius: 10px;}
.app-icon input{width: 150px;height: 150px;position: absolute;opacity: 0;top: 15px;left: 0;border: none;cursor: pointer;}
#defmorepicid,#addpicdown,.up-file div,#infoshowkey{padding: 0;}
#defmorepicid li,#addpicdown li{height: 40px;line-height: 40px;padding: 5px 10px 5px 0;font-size: 15px;width: 80%;}
#defmorepicid li:nth-child(1),#addpicdown li:nth-child(1){width: 70px;text-align: right;}
.add-image input:nth-child(3){width: 50px;}
.add-image input:nth-child(4),.add-down,.add-submit{background: #666;color: #fff;line-height: 36px;cursor: pointer;font-size: 15px;width: 100px;border-radius: 3px;border: 1px solid #666;height: 38px;font-weight: 600;}
.publish .add-image i{font-weight: 400;}
.detail textarea{height:300px;width: 97%; max-width: 700px;}
.publish .kindeditor{padding: 0;width: 97%;max-width: 710px;display: inline-block;}
.kindeditor div{padding: 0;}
.publish .detail i{vertical-align: top;}
.up-file li{width: 100%;height: 40px;line-height: 40px;padding: 5px 10px 5px 0;font-size: 15px}
.publish .up-file select{width: 80px;}
.publish .up-file input[type="text"]{width: 110px;}
.up-file{max-width: 900px;}
.up-file div li{text-align: center;}
.up-file ul li:nth-child(1){width: 17.5%;text-align: center;}
.up-file ul li:nth-child(2),.up-file ul li:nth-child(4),.up-file ul li:nth-child(5){width: 30%;}
.up-file ul li:nth-child(3){text-align: left;}
.up-file div:nth-child(1) li{text-align: center;font-weight: 700;}
.up-file ul li:nth-child(3) input[type="text"]{width: 55%;}
.up-file ul li:nth-child(3) select{width: 30%;}
#defmorepicid li input:nth-child(3),.up-file ul li input:nth-child(4),#defmorepicid li input:nth-child(3),.up-file ul li input:nth-child(4){width: 20px;height: 36px;vertical-align: top;-webkit-appearance:checkbox;margin-top: 2px;box-shadow:none;}
.publish #key,#infoshowkey{display: inline-block;line-height: 36px;font-size: 15px;}
.publish #key{width: 110px;}
#infoshowkey img{height: 38px;vertical-align: bottom;border-radius: 3px;width: 70px;}
.add-submit{width: 100%;max-width: 900px;background: #06f;border-color: #06f;}



/* 1024px */
@media (max-width: 1024px){
.index{height: 300px;}
.index .search{margin-top: 30px;}
.popular{display: none;}
main{padding:20px 10px;}
main .wrap{padding: 10px;}
main .wrap h1{position: initial;margin:0 auto 10px;}
.detail img{max-width: 100%;margin: 10px auto;min-width: inherit;min-height: inherit;}
.download{top: 75px;right: 10px;}
.next a:nth-child(1){left: 10px;}
.next a:nth-child(2){right: 10px;}
.page-title{line-height: 0;}
}
/* 1024px end */


/* 414px */
@media (max-width: 414px){
.header{padding:3px 10px 0;}
.header ul{right: 10px;top: 2px;}
.header li:nth-child(1) a{margin-right: 5px;}
.login{position: absolute;margin: inherit;left: 0;right: 0;top: 0;bottom: 0;}
.nav{font-size: 14px;}
.nav a{padding: 0 10px;}
.index .search{width: 90%;}
.search h2{font-size: 24px;}
.popular,.slogan,.search{display: none;}
main{padding:10px;}
.download{position: initial;margin: 20px auto;text-align: center;}
.info li{margin: 0;padding: 0 5px;}
footer{padding:20px 10px;}
.footer li{margin: 0 5px;}

}
/* 414px end */