* 2014-03-01 v1.2 修改clearfix，增加trans、ell、loading、@fontface / body,button,dd,dl,form,h1,h2,h3,h4,h5,h6,input,ol,p,select,ul{margin:0}ol,ul{padding-left:0}li,ol,ul{list-style:none}body{font:12px/1.5 Tahoma,Arial,Lucida Grande,Hiragino Sans GB,Microsoft YaHei,\5b8b\4f53,sans-serif;color:#444;background:#fff}img{border:0}button,input,select,textarea{font-size:100%;font-family:Tahoma,Arial,Lucida Grande,Hiragino Sans GB,Microsoft YaHei,\5b8b\4f53,sans-serif;outline:none}table{border-collapse:collapse;border-spacing:0}caption,em,i,th{font-style:normal;font-weight:400}caption,th{text-align:left}a{text-decoration:none;color:#444;-webkit-tap-highlight-color:rgba(0,0,0,0)}p{word-wrap:break-word}#content:after,#footer:after,#header:after,.clearfix:after,.layout:after{display:table;content:"";clear:both}#content,#footer,#header,.layout{margin-left:auto;margin-right:auto}.col-extra,.col-main,.col-sub{float:left}.col-main{min-height:1px;width:100%}#content{position:relative;padding-bottom:30px}.no-scroll{overflow:hidden}@font-face{font-family:global-iconfont;src:url(//qhstaticssl.kujiale.com/static/iconfont/m/iconfont.eot);src:url(//qhstaticssl.kujiale.com/static/iconfont/m/iconfont.eot#iefix) format("embedded-opentype"),url(//qhstaticssl.kujiale.com/static/iconfont/m/iconfont.woff) format("woff"),url(//qhstaticssl.kujiale.com/static/iconfont/m/iconfont.ttf) format("truetype"),url(//qhstaticssl.kujiale.com/static/iconfont/m/iconfont.svg#uxiconfont) format("svg")}.iconfont{font-family:global-iconfont;font-size:16px;font-style:normal;vertical-align:bottom;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscaleFont type}.icon-index:before{content:"\e602"}.icon-discover:before{content:"\e61b"}.icon-tool:before{content:"\e632"}.icon-avatar:before{content:"\e606"}.icon-pics:before{content:"\e62e"}.icon-pic:before{content:"\e645"}.icon-ask:before{content:"\e629"}.icon-edit:before{content:"\e649"}.icon-category:before{content:"\e650"}.icon-share:before{content:"\e608"}.icon-back:before{content:"\e644"}.icon-go:before{content:"\e640"}.icon-tag:before{content:"\e602"}.icon-cmt:before{content:"\e64c"}.icon-praise:before{content:"\e60d"}.icon-search:before{content:"\e612"}.icon-plus:before{content:"\e61e"}.icon-camera:before{content:"\e625"}.icon-like:before{content:"\e60a"}.icon-notice:before{content:"\e627"}.icon-arrow-top:before{content:"\e63f"}.icon-arrow-bottom:before{content:"\e63e"}.icon-arrow-left:before{content:"\e644"}.icon-arrow-right:before{content:"\e640"}.loading{display:inline-block;position:relative;top:2px;margin-right:3px;width:16px;height:16px;background:url(//qhyxpicoss.kujiale.com/static/images/common/loading16.gif) no-repeat 50%}.loading32{background:url(//qhyxpicoss.kujiale.com/static/images/common/loading32.gif) no-repeat 50%}.w1000{width:1000px}.w1000,.w1180{margin-left:auto;margin-right:auto}.w1180{width:1180px}.fl{float:left}.fr{float:right}.fs{font-family:\5b8b\4f53,sans-serif}.fs10{font-size:10px}[data-dpr="2"] .fs10{font-size:20px}[data-dpr="3"] .fs10{font-size:30px}.fs12{font-size:12px}[data-dpr="2"] .fs12{font-size:24px}[data-dpr="3"] .fs12{font-size:36px}.fs14{font-size:14px}[data-dpr="2"] .fs14{font-size:28px}[data-dpr="3"] .fs14{font-size:42px}.fs16{font-size:16px}[data-dpr="2"] .fs16{font-size:32px}[data-dpr="3"] .fs16{font-size:48px}.fs18{font-size:18px}[data-dpr="2"] .fs18{font-size:36px}[data-dpr="3"] .fs18{font-size:54px}.fs20{font-size:20px}[data-dpr="2"] .fs20{font-size:40px}[data-dpr="3"] .fs20{font-size:60px}.fs22{font-size:22px}[data-dpr="2"] .fs22{font-size:44px}[data-dpr="3"] .fs22{font-size:66px}.fs24{font-size:24px}[data-dpr="2"] .fs24{font-size:48px}[data-dpr="3"] .fs24{font-size:72px}.fs30{font-size:30px}[data-dpr="2"] .fs30{font-size:60px}[data-dpr="3"] .fs30{font-size:90px}.b{font-weight:700}.n{font-weight:400}.tc{text-align:center}.tr{text-align:right}.tl{text-align:left}.tdl{text-decoration:underline}.nowrap{white-space:nowrap}.bk{word-wrap:break-word}.ell{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lh14{line-height:14px}.lh16{line-height:16px}.lh18{line-height:18px}.lh20{line-height:20px}.lh22{line-height:22px}.lh24{line-height:24px}.lh30{line-height:30px}.lh50{line-height:50px}.white{color:#fff}.error,.red{color:red}.green{color:#10bb00}.warn,.yellow{color:#ffd544}.g0{color:#000}.g3{color:#333}.g6{color:#666}.g7{color:#777}.gray{color:#747f8c}.g8{color:#888}.g9,.lightgray{color:#999}.ga{color:#aaa}.gb{color:#bbb}.gc{color:#ccc}.gd{color:#ddd}.blue,.blue:hover{color:#37b5f9!important}.blue:hover{text-decoration:underline}.orange,.orange:hover{color:#faae1a!important}.rose{color:#f26d7e}.rose:hover{color:#f26d7e!important}.opacity:hover{opacity:.9;filter:alpha(opacity=90)}.bg-white{background-color:#fff}.bg-blue{background-color:#37b5f9}.bg-rose{background-color:#f26d7e}.bdd{border:1px solid #ddd}.br3{border-radius:3px}.br5{border-radius:5px}.br50{border-radius:50%}.ml3{margin-left:3px}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml12{margin-left:12px}.ml20{margin-left:20px}.ml50{margin-left:50px}.mr3{margin-right:3px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr12{margin-right:12px}.mr20{margin-right:20px}.mr50{margin-right:50px}.mt3{margin-top:3px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt12{margin-top:12px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt50{margin-top:50px}.mb3{margin-bottom:3px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb12{margin-bottom:12px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb50{margin-bottom:50px}.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pt50{padding-top:50px}.pt100{padding-top:100px}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb50{padding-bottom:50px}.pb100{padding-bottom:100px}.pr12,.pt12{padding-top:12px}.pb12{padding-bottom:12px}.pl12{padding-left:12px}.s90{-ms-transform:rotate(90deg);transform:rotate(90deg);-wenkit-transform:rotate(90deg)}.s180{-ms-transform:rotate(180deg);transform:rotate(180deg)}.s270{-ms-transform:rotate(270deg);transform:rotate(270deg)}.btn{border:0;cursor:pointer;text-align:center;padding:5px 15px;border-radius:3px}.btn:hover{text-decoration:none}.btn-main{display:inline-block;padding:6px 12px;background-color:#f26d7e!important;color:#fff}.btn-main:hover{color:#fff;opacity:.9;filter:alpha(opacity=90)}.btn-sub{display:inline-block;padding:6px 12px;background-color:#faae1a!important;color:#fff}.btn-sub:hover{color:#fff;opacity:.9;filter:alpha(opacity=90)}.btn-extra{display:inline-block;padding:5px 11px}.btn-extra,.btn-extra:hover{background-color:#ddd!important;color:#b2b2b2}.btn-disabled,.btn-disabled:hover{color:#888!important;background-color:#ddd!important;cursor:not-allowed}.dn,.hidden,.hide{display:none}.di{display:inline}.db{display:block}.dib{display:inline-block}.box-shadow{box-shadow:0 2px 2px rgba(0,0,0,.1)}.trans{transition:all .3s}.dib-vm{display:inline-block;width:0;height:100%;vertical-align:middle}.grid-s240m .main-wrap{margin:0 0 0 260px}.grid-s240m .col-sub{width:240px;margin-left:-100%}.grid-s280m .main-wrap{margin:0 0 0 300px}.grid-s280m .col-sub{width:280px;margin-left:-100%}.grid-s300m .main-wrap{margin:0 0 0 320px}.grid-s300m .col-sub{width:300px;margin-left:-100%}.grid-ms240 .main-wrap{margin:0 260px 0 0}.grid-ms240 .col-sub{width:240px;margin-left:-240px}.grid-ms280 .main-wrap{margin:0 300px 0 0}.grid-ms280 .col-sub{width:280px;margin-left:-280px}.grid-ms300 .main-wrap{margin:0 320px 0 0}.grid-ms300 .col-sub{width:300px;margin-left:-300px}.grid-s280me280 .main-wrap{margin:0 300px}.grid-s280me280 .col-sub{width:280px;margin-left:-100%}.grid-s280me280 .col-extra{width:280px;margin-left:-280px}#header{height:50px;line-height:50px;width:100%;color:#fff;background:#faae1a}#header,#header a i{position:relative}#header h1{position:absolute;left:0;right:0;text-align:center;font-size:20px;font-weight:400;line-height:50px}#header h1 .dot{position:relative;top:3px;left:-3px}#header .back{position:absolute;left:12px;top:0;z-index:10}#header .user{position:relative;float:right;margin-right:10px;z-index:10}#header .icon-kjl-header{display:inline-block;background:url(//qhyxpicoss.kujiale.com/2017/01/11/LB27SVIKAEBKMJ3UAAAAABQ8_148x128.png) no-repeat;background-size:74px 64px;z-index:20}#header .icon-kjl-logo{position:absolute;top:15px;width:64px;height:20px;background-position:-5px -5px}#header .icon-sign-out{width:24px;height:24px;background-position:-5px -35px}#header .publish-btn{float:right;margin-right:10px;color:#fff}#header .reply{position:absolute;right:12px;top:0;color:#fff;margin:0}#header .share,#header .sign-out{display:inline-block;float:right;padding-right:12px}#header .sign-out i{position:relative;top:9px}#header .tl{text-align:left!important;padding-left:112px}#header .browse-mode{position:relative;top:12px;float:right;margin-right:10px;border:1px solid #fff;padding:0 8px;border-radius:3px;line-height:24px;color:#fff}.share-cover{opacity:0;z-index:-100;position:fixed;bottom:-300px}#header .m-partner{position:relative;float:right;margin-right:15px;color:#fff;font-size:14px}#nav-pop{position:fixed;bottom:80px;right:16px}#nav-pop .trigger{display:inline-block;margin-top:12px;width:44px;height:44px;line-height:44px;border-radius:50%;color:#fff;text-align:center}#nav-pop .opt-case .trigger{background:rgba(247,186,91,.8)}#nav-pop .opt-xgt .trigger{background:rgba(255,115,96,.8)}#nav-pop .opt-group .trigger{background:rgba(79,210,190,.8)}#nav-pop .opt-proc .trigger{background:rgba(102,204,238,.8)}#nav-pop .menu-btn{position:relative;background:rgba(250,174,26,.8);font-weight:600;z-index:1}#nav-pop .nav-opt .option{position:absolute;bottom:0;transition:all .3s;-webkit-transition:all .3s;visibility:hidden}#nav-pop.open .nav-opt .option{visibility:visible}#nav-pop.open .opt-case{bottom:224px}#nav-pop.open .opt-xgt{bottom:168px}#nav-pop.open .opt-group{bottom:112px}#nav-pop.open .opt-proc{bottom:56px}#site-bar{z-index:200;position:fixed;left:0;bottom:0;width:100%;height:56px;line-height:1.2;background:#fafafa;border-top:1px solid #ddd;box-shadow:0 0 3px #ccc}#site-bar .item{float:left;width:25%;text-align:center}#site-bar .item a{display:block;height:56px;color:#666}#site-bar .cur .iconfont,#site-bar .item .cur{color:#33aff1}#share{position:fixed;left:0;bottom:0}.loading-bar{height:40px;line-height:40px;text-align:center}.loadInco{position:relative;top:-2px;width:17px;height:21px;margin-right:5px;display:inline-block;vertical-align:middle}.blockG{display:block;position:absolute;background-color:#ccc;width:2px;height:6px;-moz-border-radius:3px 3px 0 0;-moz-transform:scale(.4);-moz-animation-name:fadeG;-moz-animation-duration:.48s;-moz-animation-iteration-count:infinite;-moz-animation-direction:linear;-webkit-border-radius:3px 3px 0 0;-webkit-transform:scale(.4);-webkit-animation-name:fadeG;-webkit-animation-duration:.48s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:linear;border-radius:3px 3px 0 0;-ms-transform:scale(.4);transform:scale(.4);animation-name:fadeG;animation-duration:.48s;animation-iteration-count:infinite;animation-direction:linear}#rotateG_01{left:0;top:8px;-moz-animation-delay:.18s;-moz-transform:rotate(-90deg);-webkit-animation-delay:.18s;-webkit-transform:rotate(-90deg);animation-delay:.18s;-ms-transform:rotate(-90deg);transform:rotate(-90deg)}#rotateG_02{left:2px;top:3px;-moz-animation-delay:.24s;-moz-transform:rotate(-45deg);-webkit-animation-delay:.24s;-webkit-transform:rotate(-45deg);animation-delay:.24s;-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#rotateG_03{left:8px;top:1px;-moz-animation-delay:.3s;-moz-transform:rotate(0deg);-webkit-animation-delay:.3s;-webkit-transform:rotate(0deg);animation-delay:.3s;-ms-transform:rotate(0deg);transform:rotate(0deg)}#rotateG_04{right:2px;top:3px;-moz-animation-delay:.36s;-moz-transform:rotate(45deg);-webkit-animation-delay:.36s;-webkit-transform:rotate(45deg);animation-delay:.36s;-ms-transform:rotate(45deg);transform:rotate(45deg)}#rotateG_05{right:0;top:8px;-moz-animation-delay:.42s;-moz-transform:rotate(90deg);-webkit-animation-delay:.42s;-webkit-transform:rotate(90deg);animation-delay:.42s;-ms-transform:rotate(90deg);transform:rotate(90deg)}#rotateG_06{right:2px;bottom:2px;-moz-animation-delay:.48s;-moz-transform:rotate(135deg);-webkit-animation-delay:.48s;-webkit-transform:rotate(135deg);animation-delay:.48s;-ms-transform:rotate(135deg);transform:rotate(135deg)}#rotateG_07{bottom:0;left:8px;-moz-animation-delay:.54s;-moz-transform:rotate(180deg);-webkit-animation-delay:.54s;-webkit-transform:rotate(180deg);animation-delay:.54s;-ms-transform:rotate(180deg);transform:rotate(180deg)}#rotateG_08{left:2px;bottom:2px;-moz-animation-delay:.6s;-moz-transform:rotate(-135deg);-webkit-animation-delay:.6s;-webkit-transform:rotate(-135deg);animation-delay:.6s;-ms-transform:rotate(-135deg);transform:rotate(-135deg)}@keyframes fadeG{0%{background-color:#8b8c8d}to{background-color:#ccc}}.loading img{display:inline-block;margin-right:10px;vertical-align:middle}.floatLayer{position:fixed;right:15px;bottom:65px;width:40px;height:35px;padding-top:5px;background-color:#000;filter:alpha(opacity=40);opacity:.4;z-index:999}.authorize{position:fixed;bottom:0;width:100%;height:50px;z-index:100;text-align:center;padding:60px 0;display:none}.authorize .a-content{margin:0 5px;position:relative}.authorize .bd{text-align:left;color:#fff;z-index:150;margin-right:100px}.authorize .bd div{padding-top:15px}.authorize .bd a{padding:8px 0;color:#dfdfdf;background:#5a85ce;opacity:1;border-radius:3px;width:80px;display:inline-block;text-align:center;position:absolute;right:0;bottom:0}.authorize .mask{position:fixed;bottom:0;width:100%;height:50px;background:#272822;opacity:.9;text-align:center;padding:50px 0}.download-pop{width:100%;position:fixed;left:0;z-index:200;-webkit-backface-visibility:hidden;backface-visibility:hidden}.download-pop-top{display:none;top:0}.download-pop-bottom{bottom:0}.download-pop .bg-img{display:block;width:100%}.download-pop .download{position:absolute;display:block;width:50%;height:100%;top:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.download-pop .download.designer-app{left:80%}.download-pop-top .download.designer-app{width:100%;left:0}.download-pop .cancel{display:block;position:absolute;left:0;top:0;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:5%}.download-pop-top .cancel{top:0}#cnzz_stat_icon_1000449964{display:none}#layer{height:100%;z-index:350;display:none;top:0}#editor-msg,#layer{width:100%;position:fixed;left:0}#editor-msg{z-index:300;bottom:0;height:34px;border-top:1px solid #cacaca;background:#ebeff5;padding:6px 0}#editor-msg .bd{margin:0 90px 0 0}#editor-msg .bd textarea{height:18px;width:96%;padding:6px 2%;font-size:12px;line-height:18px;overflow:hidden;outline:none;resize:none}#editor-msg .bd textarea:focus{border:1px solid #02a5d9}#editor-msg a{position:absolute;padding:0;border-radius:3px;text-align:center;height:32px;line-height:32px;width:50px;right:10px}#editor-msg a:hover{color:#f26d7e}#failnotice{background:#000;display:none;position:fixed;width:200px;height:30px;left:50%;top:50%;margin:-15px -100px;text-align:center;border-radius:6px;padding:5px 0}#failnotice h3{color:#fff;font-size:16px;line-height:30px;height:30px}.icon-chief,.icon-company,.icon-designer{display:inline-block;position:relative;top:2px;background:url(//qhyxpicoss.kujiale.com/2015/07/29/KW4D4NAKAEBKMB3CAY888888_400x400.png)}.icon-designer{width:45px;height:14px;background-position:-260px -109px}.icon-company{width:58px;height:14px;background-position:-259px -131px}.icon-chief{width:34px;height:14px;background-position:-258px -153px}.share-box{top:20%;left:50%;text-align:center;margin-left:-140px;background:#fff;width:280px;height:56px;padding:30px 0 30px 10px;z-index:101}.share-box,.share-mask{display:none;position:fixed}.share-mask{top:0;left:0;width:100%;height:100%;background:#000;opacity:.3;z-index:100}.share-box .share-btn{display:inline-block;background:url(//qhyxpicoss.kujiale.com/2015/10/19/KYSLSVAKAEDGU5Z7AQ888888_400x400.png);background-size:200px 200px;width:58px;height:58px}.share-box .share-btn.sina-share{background-position:0 0}.share-box .share-btn.qq-zone-share{background-position:69px 0}.share-box .share-btn.tc-wb-share{background-position:0 0}.share-box .share-btn.wx-share{background-position:136px 0}.share-box .share-btn.qq-share{background-position:0 -76px}.share-arrow{display:none;color:#fff;position:fixed;top:10px;right:30px;z-index:101}.share-arrow p{position:relative;left:-85px}.popup-container{display:none;position:fixed;top:0;right:0;width:100%;height:100%;z-index:100;background:rgba(0,0,0,.5);-webkit-font-smoothing:subpixel-antialiased;-webkit-transform:translateZ(0) scale(1)}.popup{position:fixed;top:50%;left:50%;width:270px;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;border-radius:4px}.popup-body{padding:20px 16px;color:#333}.popup-footer{font-size:0;text-align:center;border-top:1px solid #ddd}.popup-footer .popup-button{display:inline-block;width:50%;height:50px;line-height:50px;text-align:center;color:#ffd138}.popup-footer .popup-button-cancel{position:relative;color:#666}.popup-footer .popup-button-cancel:after{position:absolute;top:0;right:0;content:"";width:1px;height:100%;background:#ddd}.toast-container{position:fixed;top:1rem;width:100%;box-sizing:border-box;padding:0 .5rem;text-align:center;z-index:9}.toast-container .text{display:inline-block;padding:.3rem;line-height:.6rem;word-wrap:break-word;background:#000;color:#fff;border-radius:.16rem;opacity:.8}.indicator-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,.1)}.indicator-container .indicator-spinner{height:.8rem}.indicator-container .indicator-spinner>div{background-color:#ffd138;height:100%;width:.106667rem;display:inline-block;animation:sk-stretchdelay 1.2s infinite ease-in-out}.indicator-container .indicator-spinner .indicator-spinner-rect1{animation-delay:-1.1s}.indicator-container .indicator-spinner .indicator-spinner-rect2{animation-delay:-1s}.indicator-container .indicator-spinner .indicator-spinner-rect3{animation-delay:-.9s}.indicator-container .indicator-spinner .indicator-spinner-rect4{animation-delay:-.8s}@keyframes sk-stretchdelay{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}