body,html{background:#fff}.header{height:60px;background:#fff;width:100%;z-index:8888;position:fixed;right:0;left:0;top:0;-moz-box-shadow:0 2px 8px #f0f1f2;-webkit-box-shadow:0 2px 8px #f0f1f2;box-shadow:0 2px 8px #f0f1f2}.header .header-nav{width:1250px;margin:0 auto}.header .logo{margin:5px 20px 0 0}.header .navbar{border:0}.header .navbar-nav li a{line-height:30px}.header .navbar-right{margin-top:5px}.affix-top{-moz-box-shadow:0 2px 8px #f0f1f2;-webkit-box-shadow:0 2px 8px #f0f1f2;box-shadow:0 2px 8px #f0f1f2}.affix{-moz-box-shadow:0 2px 8px #f0f1f2;-webkit-box-shadow:0 2px 8px #f0f1f2;box-shadow:0 2px 8px #f0f1f2;transition:all .2s ease-out}@media (max-width:767px){.nav{display:none}}.footerbg{background:#1e1f3d;padding:50px 0}.footer{width:1250px;margin:0 auto}.footer,.footer a{color:#6d7ba5}.footer .msg{text-align:center}.footer .mail{text-align:center;padding:10px 0 0}@media (max-width:767px){.footerbg{padding:10px 5px}.footer{width:100%}}.content{margin-top:75px;width:1280px}.row-index{width:100%;overflow:hidden}.row-index .coli-left{float:left;width:230px}.row-index .coli-right{float:right;width:1000px}.content-fluid{margin-top:75px}.index-menu li{cursor:pointer}.index-menu li:hover{background:#f8f8f8}.list-menu .iconfont,.tut-list .iconfont{margin-right:10px;font-size:16px}.list-menu .lim-js,.tut-list .lim-js{color:#057ab4}.list-menu .lim-htmlcss,.list-menu .lim-xml,.tut-list .lim-htmlcss,.tut-list .lim-xml{color:#0ea71a}.list-menu .lim-qd,.tut-list .lim-qd{color:#6c189c}.list-menu .lim-hd,.tut-list .lim-hd{color:#2a1edb}.list-menu .lim-mobile,.tut-list .lim-mobile{color:#d3a50c;font-weight:700}.list-menu .lim-db,.tut-list .lim-db{color:#333;font-weight:700}.list-menu .lim-tool,.tut-list .lim-tool{color:#0a0}.list-menu .lim-server,.tut-list .lim-server{color:#069}.list-menu .lim-other,.tut-list .lim-other{color:#333}.list-menu .active .iconfont,.list-menu .active a,.tut-list .active .iconfont,.tut-list .active a{color:#fff}.list-menu a{display:block}.list-class img{margin-right:5px}.tut-list .item-title{font-weight:700;font-size:18px;margin-top:20px}.tut-list .item-1 .item-title{margin-top:0}.tut-list .row{margin:0 -10px}.tut-list .row .col-md-4{padding:0 10px}.tut-list .item{position:relative;border-radius:4px;border:1px solid #e4ecf3;margin:10px 0 14px 0;padding:15px;height:75px;overflow:hidden;cursor:pointer;transition:all .3s ease}.tut-list .item .item-img{position:absolute;left:15px;top:15px}.tut-list .item .item-img img{width:40px;border:0}.tut-list .item .item-info{margin-left:50px;float:left}.tut-list .item .item-info h3{font-size:14px;font-weight:700;line-height:21px;margin:-3px 0 3px}.tut-list .item .item-info .desc{color:#979898}.tut-list .item:hover{background:#f8f8ff}@media (max-width:767px){.content{width:100%}.row-index .coli-left{display:none}.row-index .coli-right{float:none;width:100%}.tut-list .item{border-radius:2px;margin:5px 0 7px 0;padding:5px 0}.tut-list .item .item-img{float:left;margin-left:-12px}.tut-list .item .item-img img{width:20px;border:0}.tut-list .item .item-info{margin-left:25px;margin-top:10px}.tut-list .item .item-info h3{font-size:14px;font-weight:700;line-height:21px}.tut-list .item .item-info .desc{display:none}}#runcode .runResult,#runcode .sourceCode{width:100%;height:100%}#runcode .runResult iframe{width:100%;height:100%;border:0}#runcode .runResult{overflow-y:auto}.tut-content{line-height:23px}.tut-content h1{font-size:24px}.tut-content h1 .color_h1{color:#337ab7}.tut-content h2{font-size:20px;line-height:1.8em}.tut-content .article-body h3,.tut-content h3{margin-top:20px}.tut-content .tutheader{padding-top:5px;border-top:1px solid #d4d4d4;clear:both}.tut-content div.example{color:#000;background-color:#f7fafd;margin:0 0 5px 0;padding:5px 5px 5px 20px;border:1px solid #d4d4d4}.tut-content h2.example{font-size:16px;line-height:1.3em;padding:5px 0;margin:0}.tut-content div.example_code{line-height:1.7em;width:98%;background-color:#fff;padding:5px;border:1px solid #d4d4d4;font-size:110%;font-family:Menlo,Monaco,Consolas,"Andale Mono","lucida console","Courier New",monospace;word-break:break-all;word-wrap:break-word}.tut-content .showbtn,.tut-content .tryitbtn{display:inline-block;color:#fff;background-color:#4f93ce;font-weight:700;font-size:12px;text-align:center;padding:3px 10px;text-decoration:none;margin-left:5px;margin-top:0;margin-bottom:5px;border:1px solid #77acd9;border-radius:5px;white-space:nowrap}.tut-content .showbtn:hover,.tut-content .tryitbtn:hover{background:#c7ddef;color:#337ab7}.tut-content div.tutintro{width:auto;min-height:92px}.tut-content div.tutintro img{max-height:132px;max-width:132px;float:left;margin-right:20px;margin-bottom:10px}.tut-content img{max-width:100%}.tut-content blockquote{background-color:#f1f2fa;padding:10px;margin:10px;font-size:13px;line-height:2em}@media (max-width:767px){.col-xs-hidden{display:none}}span.new{float:right;color:#337ab7;background-color:#f1f2fa;padding-left:1px;padding-right:1px;border:1px solid #fff;outline:1px solid #f1f2fa;line-height:16px;font-size:12px}.article-list .article-item{border-bottom:1px solid #eee}.article-list .article-item .desc a{color:#666}.pagination .count{height:34px;line-height:34px;margin-left:20px;color:#888}.list-tutorial-link{width:100%}.list-tutorial-link a{display:inline-block;width:31%;margin:0 0 8px 2%;height:35px;line-height:35px;overflow:hidden;background:#f5f5f5;border:1px solid #eee;text-align:center}.list-tutorial-link a:hover{text-decoration:none;background:#337ab7;color:#fff}.dateline{padding:5px 0 10px;text-align:center;border-bottom:1px solid #eee;margin-bottom:15px}.dateline span{color:#777;margin:0 5px}.hl-default{color:#000}.hl-code{color:Gray}.hl-brackets{color:Olive}.hl-comment{color:#a50}.hl-quotes{color:#8b0000}.hl-string{color:#a11}.hl-identifier{color:#05a}.hl-builtin{color:#069}.hl-reserved{color:#337ab7}.hl-inlinedoc{color:#00f}.hl-var{color:#00008b}.hl-url{color:#00f}.hl-special{color:Navy}.hl-number{color:Maroon}.hl-inlinetags{color:#00f}.hl-main{background-color:#fff;font-family:Menlo,Monaco,Consolas,"Andale Mono","lucida console","Courier New",monospace;white-space:pre-wrap;word-break:break-all;word-wrap:break-word}.hl-gutter{background-color:#999;color:#fff}.hl-table{font-family:courier;font-size:12px;border:solid 1px #d3d3d3}.sidebar-box .cate-items{overflow:hidden;padding-left:14px;text-align:center;padding-bottom:16px}.sidebar-box .cate-items a{color:#999;background-color:#f6f6f6;float:left;width:31.3333%;margin:0 1% 1% 0;padding:0;font-size:12px;height:29px;line-height:29px;overflow:hidden}.sidebar-box.about-author .article-body{padding:0}.design a{line-height:20px;background-color:#f6f4f0;text-decoration:none;display:block;padding:4px;border-bottom:1px solid #efefef;color:#000}.design a:hover{font-weight:700}.codelist{overflow:hidden}.codelist-mobile{display:none}.codelist a{width:72px;margin:0 5px 8px 5px;float:left;text-align:center;color:#999;font-size:12px;height:65px;overflow:hidden;text-decoration:none}.codelist a:hover{color:#64854c}.codelist .codeicon{border-radius:5px;margin:0 auto;display:block;margin-bottom:5px}.codelist a.item-top{width:28%;margin:0 8px 10px 0;text-align:left;height:80px;color:#bbb;background-color:#f6f6f6;border-radius:5px;padding:6px 16px}.codelist a.item-top .codeicon{float:left;margin-left:10px;margin-right:10px}.codelist a.item-top h4{color:#64854c;font-size:16px;margin-top:10px;margin-bottom:10px;line-height:1.1;text-align:left}.codelist a.item-top strong{display:block;color:#666;text-align:left}.codelist a.item-top:hover{background-color:#f1f1f1}.codelist a.item-2 h4{color:#7ccd38}.codelist a.item-3 h4{color:#52baf5}.codelist h2{font-size:18px;font-weight:700;margin:12px 0;border-bottom:1px solid #eaeaea}.navto-nav{cursor:pointer;margin:8px 2px;padding:0;font-size:14px}.article{background:#fff;margin:0;border:1px solid #efefef;border-bottom:0;margin-bottom:20px}.article-heading{background:#fbfbfb;border-bottom:1px solid #efefef;padding:20px 30px 20px 30px}.article-heading-ad{max-height:98px;text-align:center;padding:4px}.archive-options{background:#fff;border:1px solid #efefef;padding:20px;overflow:hidden}.archive-options h2,.article-heading h2{font-size:2.6em;margin:0 0 .3em 0}.article-body h2{font-size:1.8em;margin:2px 0;line-height:1.8em}h2.left{color:#404040;background-color:#fff;font-size:120%;margin-bottom:4px;padding-bottom:0;margin-top:0;padding-top:0;font-weight:700}span.left_h2{color:#64854c}.chapter a:link{text-decoration:none;color:#64854c;background-color:transparent}.chapter a:visited{text-decoration:none;color:#64854c;background-color:transparent}.chapter a:hover{text-decoration:underline;color:#64854c;background-color:transparent}.chapter a::active{text-decoration:none;color:#64854c;background-color:transparent}div.chapter{font-size:140%;width:100%;line-height:40px;height:40px;margin-bottom:10px;border-bottom:solid 1px #eaeaea;padding-bottom:8px}div.chapter div.prev{width:40%;float:left;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:10px}div.chapter div.next{width:48%;float:right;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px}div.example_result{background-color:#fff;padding:4px;border:1px solid #d4d4d4;width:98%}div.code{width:98%;border:1px solid #d4d4d4;background-color:#f6f4f0;color:#444;padding:5px;margin:0}div.code div{font-size:110%}div.code div,div.code p,div.example_code p{font-family:"courier new"}div.tryit_ex{clear:both;width:600px;height:50px;margin-bottom:5px}div.tryit_ex img{border:0;float:left;margin-right:10px}div.tryit_ex h2{padding-top:5px}table.browserref{border-collapse:collapse;width:100%}table.browserref tr:nth-child(even){background-color:#f6f4f0}table.browserref tr:nth-child(odd){background-color:#fff}table.browserref tr.fixzebra{background-color:#f6f4f0}table.browserref th{height:32px;background-repeat:no-repeat;background-position:center center;border:1px solid #d4d4d4;background-color:#fff;font-weight:400;color:#555;padding:5px;vertical-align:middle}table.browserref td{border:1px solid #d4d4d4;text-align:center;padding:5px;padding-top:7px;padding-bottom:7px;vertical-align:top}table.browserref .bsIE{background-image:url(https://www.cainiaoplay.com/images/compatible_ie.gif)}table.browserref .bsFirefox{background-image:url(https://www.cainiaoplay.com/images/compatible_firefox.gif)}table.browserref .bsEdge{background-image:url(https://www.cainiaoplay.com/images/compatible_edge.gif)}table.browserref .bsChrome{background-image:url(https://www.cainiaoplay.com/images/compatible_chrome.gif)}table.browserref .bsSafari{background-image:url(https://www.cainiaoplay.com/images/compatible_safari.gif)}table.browserref .bsOpera{background-image:url(https://www.cainiaoplay.com/images/compatible_opera.gif)}.marked{padding:.2em;margin:0;background-color:#eceae6;border-radius:3px;font-weight:700;font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace}table.lamp{width:100%;padding:0;border:1px solid #d4d4d4}table.lamp th{color:#000;background-color:#fff;padding:10px;padding-right:5px}table.lamp td{padding:4px;padding-left:0;padding-right:10px;background-color:#fff}table.tecspec td,table.tecspec th{border:1px solid #d4d4d4;padding:5px;padding-top:7px;padding-bottom:7px;vertical-align:top;text-align:left}table.reference,table.tecspec{border-collapse:collapse;width:100%;margin-bottom:4px;margin-top:4px}table.reference .fa{font-size:24px}table.reference tr:nth-child(odd){background-color:#f6f4f0}table.reference tr:nth-child(even){background-color:#fff}table.reference tr.fixzebra{background-color:#f6f4f0}table.reference th{color:#fff;background-color:#555;border:1px solid #555;font-size:12px;padding:3px;vertical-align:top;text-align:left}table.reference th a:link,table.reference th a:visited{color:#fff}table.reference th a:active,table.reference th a:hover{color:#ee872a}tr td:first-child{min-width:25px}table.reference td{line-height:1.5em;min-width:24px;border:1px solid #d4d4d4;padding:5px;padding-top:7px;padding-bottom:7px;vertical-align:top}table.reference td.example_code{vertical-align:bottom}table.summary{border:1px solid #d4d4d4;padding:5px;font-size:100%;color:#555;background-color:#fafad2}.subscribe-bd{padding:0;text-align:center;color:#444;background:url(https://www.cainiaoplay.com/static/css/assets/img/feed.png) no-repeat 36% 50%}.socialicons{height:30px;margin:10px}.socialicons a{margin:0 8px 8px 0;width:30px;height:30px;float:left;display:block;text-indent:-9999px}.subscribe-bd .placeholder{height:35px;margin:0;width:94%;padding:0 3% 0 3%;background-color:#fff;border:1px solid #c8c8c8;border-radius:3px;color:#ccc;font-weight:400;font-size:1.2em}.socialicons .placeholder{height:30px;margin:0;width:60%;padding:0 3% 0 3%;background-color:#fff;border:1px solid #c8c8c8;border-radius:3px;color:#ccc;font-weight:400;font-size:1.2em}div.tutintro p{margin-top:0;font-size:14px}.article-heading h3{font-size:1.5em;color:#ccc}.article-body h3{font-size:1.4em;font-weight:700;margin:8px 0}.article-body h3.heading{margin-top:0}.article-heading h3 em{font-weight:400}.article-body{padding:10px 10px 20px 10px}.article-body h3.membership{font-size:1.6em;margin:0 0 20px 0}.article-body h3.membership span{font-weight:400}.article-body-green{background-color:#f8faf7;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb}.article-body-green #ds-form .field{background:#eaf1e6!important}.article-intro h1{margin:0 0 10px 0;font-size:2.1em;text-indent:initial;text-decoration:none;color:#000}.article-intro h1 span{color:#64854c}.article-intro .tutorialimage:nth-of-type(1){float:right;margin:0 0 20px 20px;width:50%!important;min-width:260px}.previous-next-links{line-height:24px;overflow:hidden;padding:10px 30px 10px 30px;background:#fbfbfb;border-top:1px solid #efefef;border-bottom:1px solid #efefef;color:#8590a6;font-size:15px;border:1px solid #e7eaf1;box-shadow:0 1px 3px rgba(0,37,55,.05);box-sizing:border-box}.previous-next-links a{color:grey}.previous-design-link{float:left}.next-design-link{float:right}.article-body p{word-wrap:break-word;word-break:break-all;font-size:13px;line-height:2em;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,WenQuanYi Micro Hei,Arial,sans-serif}.big-middle-column{font-size:13px}.article-body p a{text-decoration:underline}a.download{background:url(https://www.cainiaoplay.com/static/css/assets/img/download.png) no-repeat 15px center #f0f0f0;padding:10px 10px 10px 20px;margin:20px 40px 20px 0;color:#755c3b;display:inline-block;width:155px;text-align:center;border-radius:5px;text-decoration:none;font-size:20px}.article-intro .featured-image{display:none}.article-body .quote,.article-body blockquote p{word-wrap:break-word;background:#f3f7f0;padding:4px;font-size:14px;font-style:italic;line-height:1.5em;font-weight:400!important}.article-body .blockquote-full{background:#f3f7f0;padding:20px;margin:0 0 1.5em 0;font-size:1.5em;font-style:italic;line-height:1.5em;font-weight:400!important}.article-body .pullquote-l{background:#f3f7f0;padding:20px;margin:0 1.5em 1em 0;font-size:1.5em;font-style:italic;line-height:1.5em;float:left;width:30%}.article-body .pullquote-r{background:#f3f7f0;padding:20px;margin:1.5em 0 1.5em 1.5em;font-size:1.5em;font-style:italic;line-height:1.5em;float:right;width:30%}.article-body .wp-caption{width:100%!important}.article-body .caption,.article-body .wp-caption-text{padding:20px;margin:0 0 1.5em 0;font-style:italic;font-weight:400!important;border-bottom:1px solid #f1f1f1;font-size:1.2em!important;line-height:1.5em;color:#ccc}.article-body .size-full{max-width:100%}.article-body .two-column{-moz-column-count:2;-moz-column-gap:2em;-webkit-column-count:2;-webkit-column-gap:2em;margin:0 0 1.5em 0}.article-body ol,.article-body ul,.sidebar-box ul{margin:0;padding:0;list-style-type:none}.article-body ol li,.article-body ul li{font-size:13px;word-break:break-all}.article-body ul li p{padding:0 10px}.article-body ul li,.sidebar-box ul li{padding:0 0 0 1.5em;margin:0 0 1em 1em;background-image:url(https://www.cainiaoplay.com/static/css/assets/img/bullet.png);background-repeat:no-repeat;background-position:left .5em}.article-body ol li{list-style-type:decimal;margin:0 0 1em 2.5em;padding:0}.article-body ol,.article-body ul{margin-top:1em;margin-bottom:1em}.article-body .caption-right{display:block}.sidebar-box.sidebar-cate{padding:0;margin:0;background-color:#f6f4f0}.sidebar-tree{border:1px solid #fff;margin:0;padding:0}.sidebar-tree .titlebar{height:30px;line-height:30px}.sidebar-tree .titlebar h3{margin:0;color:#67ad03;text-align:center}.sidebar-tree ul{padding:0;margin:0}.sidebar-tree ul li{height:26px;line-height:26px;padding:5px 2px;position:relative;vertical-align:middle;cursor:pointer;display:block;border-bottom:1px solid #fff;background-image:none;margin:0 0 0 1em}.sidebar-tree ul li .tit{display:block;font-weight:700}.sidebar-tree ul li ul{position:absolute;background:#f6f4f0;right:100%;top:0;display:none;float:left;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-tree ul li ul{padding:0 10px}.sidebar-tree ul li ul li i{color:#666;font-size:11px;padding:0 10px}.sidebar-tree ul li.selected{z-index:99;position:relative}.sidebar-tree ul li.selected .h2-tit{position:absolute;z-index:88;background-color:#f6f4f0;border-left:0;width:100%;height:100%;line-height:24px;color:#64854c}.sidebar-tree a{color:#000;text-decoration:none}.sidebar-tree a:hover{color:#000;text-decoration:underline}.sidebar-tree a:active{color:#000}.content-ad-728{padding:1em 0 1em 0;margin:1em 0 2em 0;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1}.lower-ad-block{float:none!important;margin:0!important}#ds-form{overflow:hidden;margin:30px 0 0 0}#ds-form.submit{margin-top:0}#ds-form label{width:14%;float:left;margin:0 0 20px 0;padding:0;height:35px;line-height:3.4em;font-size:1.2em}#ds-form .input-text,#ds-form input[type=password],#ds-form input[type=text],#ds-form select{width:94%;float:left;padding:0 3% 0 3%;background-color:#fff;border:1px solid #c8c8c8;border-radius:3px;color:#888;font-weight:400;font-size:1.2em;height:35px;overflow:hidden}#ds-form input[type=checkbox]{-webkit-appearance:checkbox}#ds-form .input-text{border:0;padding-top:10px;height:28px}#ds-form select{height:37px;background-color:#fff;background-image:url(https://www.cainiaoplay.com/images/dropdownarrow.png);background-position:right center;background-repeat:no-repeat;border:1px solid #c8c8c8;border-radius:3px;color:#888;font-weight:400;cursor:pointer;width:100%;padding:0 0 0 10px}#ds-form textarea{height:150px;padding-top:10px;padding-bottom:10px}#ds-form input[type=file]{padding:10px 3% 0 3%;height:28px}#ds-form .field{background:#f6f6f5;padding:5px;border-radius:3px;overflow:hidden;width:80%;margin:0 0 20px 0}#ds-form textarea{line-height:1.5em}#ds-form input:focus,#ds-form textarea:focus{color:#111;opacity:.7}#ds-form .hidden-category{display:none}#ds-form .show-category{display:block}.field-info{margin:10px 0 5px 15px;float:left;color:#111;opacity:.5}.signup-gravatar{background-size:37px;background-position:right center;background-repeat:no-repeat;background-image:url(https://www.cainiaoplay.com/images/gravatar-signup.gif)}.error,.success{padding:10px;color:#fff;font-weight:700;font-size:1.2em;margin:0 0 20px 0}.error{background-color:#b97d7d}.error p{margin:0;padding:0;font-size:1em}.success{background-color:#96b97d}.archive-list .categories{white-space:nowrap}.article-feature-home{background:#fff;margin:0 0 20px 0;border:1px solid #efefef}.article-feature-heading{background:#fbfbfb;border-bottom:1px solid #efefef;padding:20px}.article-feature-body{padding:20px}.article-feature-body .tutorialimage{display:none}.article-feature-heading h2{margin:0 0 10px 0;font-size:1.8em}.article-feature-heading h3{font-size:1.2em;color:#666;font-weight:400}.article-feature-home p{margin:0 0 20px 0;font-size:1.2em}.article-feature-home p:last{margin:0}.home_feature_thumbnail{margin:0 0 20px 0}.archive-list{background:#fff;margin:0 0 20px 0;border:1px solid #efefef;overflow:hidden}.archive-list-item:nth-child(even){background:#fbfbfb;border-top:1px solid #efefef;border-bottom:1px solid #efefef}.archive-list-item{padding:20px;overflow:hidden}.archive-list-item h2{font-weight:700;margin:0 0 10px 0;font-size:1.2em}.archive-list-item p{margin:0 0 10px 0}.archive-list-item .tutorialimage{display:none}.author-archive-profileimage{float:right;margin:0 0 20px 20px}.author-archive-intro h2{margin:0 0 10px 0}.article-body .author-social-links li{height:30px;padding:10px 0 0 40px;margin:0}.left-column .gallery-list .design img{margin-bottom:10px}.image-layout-style{background:0}.archive-list .archive-list-item img{float:left;margin:0 20px 10px 0;width:90%}.home-latest-articles .archive-list-item img{float:right!important;margin:0 0 10px 20px;width:35%}.archive-list-item .colors a{display:block;float:left;text-indent:-9999px;width:10px;height:10px;border-radius:10px}.archive-list-item img.wp-post-image{max-height:109px;float:left;width:25%}.archive-list-item .post-intro{float:right;width:70%}.archive-gallery .archive-list-item img.gallery-image{float:left;width:47%}.archive-gallery .archive-list-item .design-information{float:right;width:47%}.image-layout-style{background:0;border:0}.image-layout-style .archive-list-item{width:47.5%;float:left;overflow:hidden;background:#fbfbfb;border:0 solid #efefef;margin:0 1% 10px 0;padding:1%}.image-layout-style .author,.image-layout-style .categories,.image-layout-style .colors,.image-layout-style .date,.image-layout-style h2,.image-layout-style p{display:none}.image-layout-style .archive-list-item img{display:block;width:100%!important;margin:0}.image-layout-style .image-alternative{width:90%;padding:15% 5% 15% 5%;height:50px;text-indent:0;color:#333;font-weight:700;font-size:1.4em;background-image:none}.image-layout-style .archive-list-item:nth-child(even){margin:0 0 10px 0}.gallery-layout-toggle{margin-top:24px}.archive-options .choose-color{overflow:hidden}.archive-options .choose-color a{display:block;float:left;text-indent:-9999px;width:15px;height:15px;margin:0 5px 5px 0;border-radius:15px}.archive-options .choose-color a.remove_filter{color:#64854c;text-indent:0}.design-image img,.design-image-detail img,.gallery-image{-webkit-box-shadow:rgba(0,0,0,.246094) 0 1px 2px 0,transparent 0 0 0 0,transparent 0 0 0 0;border-radius:3px;border-style:solid;border-width:3px;border-color:#fff;box-shadow:rgba(0,0,0,.246094) 0 1px 2px 0,transparent 0 0 0 0,transparent 0 0 0 0;box-sizing:border-box;outline-color:#585652;outline-width:0}.team-member{width:30%;margin:0 3% 0 0;float:left;overflow:hidden}.team{overflow:hidden}.team-member img{width:100%;margin:0 0 20px 0}.team-member h3{font-size:1.6em;margin-top:0}.membership-benefit{width:30%;margin:0 3% 0 0;float:left;overflow:hidden;text-align:center}.membership-benefits{overflow:hidden}.membership-benefit img{width:100%;margin:0 0 20px 0}.membership-benefit h3{font-size:1.6em;margin-top:0;font-weight:400}.membership-benefit p{color:#555}.profile-intro{overflow:hidden}.profile-intro h2{margin:0 0 10px 0}.profile-intro h3{font-size:1.4em;font-weight:400;margin:0 0 10px 0}.profile-intro h3 a{color:#ccc}span.accepted,span.pending,span.rejected{text-transform:uppercase;font-size:.8em;padding:3px 6px 3px 6px;margin:0 0 0 5px}span.pending{background:#f7e8c4}span.rejected{background:#efd4d4}span.accepted{background:#d9e8cf}.design-image{background:#fbfbfb;padding:20px 0 20px 0;width:100%;text-align:center;border-bottom:0}.design-image img{width:94%}.design-image-detail{overflow:hidden;background:#fdfdfd;margin:0 0 20px 0;padding:20px 0 20px 0;width:100%;text-align:center}.design-image-detail img{width:44%;margin:0 3% 0 3%;float:left}.design-details{overflow:hidden}.design-description{width:45%;margin:0 5% 0 0;float:left;min-width:198px}.design-meta{width:45%;float:left;min-width:198px}.design-page .author,.design-page .categories,.design-page .design-colors,.design-page .rating{border-bottom:1px solid #efefef;width:100%;padding:10px 0 10px 25px;margin:0;display:block}.related-designs{overflow:hidden}.related-designs img{width:30%;margin:5px 3% 5px 0;float:left}.article-body .star-rating li{display:inline;margin:0;padding:0}.star-rating .current-rating,.star-rating a{position:absolute;top:0;left:0;text-indent:-1000em;height:17px;line-height:17px;outline:0;overflow:hidden;border:0}.star-rating a:active,.star-rating a:focus,.star-rating a:hover{background-position:left bottom}.star-rating a.one-star{width:10%;z-index:11}.star-rating a.two-stars{width:20%;z-index:10}.star-rating a.three-stars{width:30%;z-index:9}.star-rating a.four-stars{width:40%;z-index:8}.star-rating a.five-stars{width:50%;z-index:7}@media (max-width:767px){.article-body{padding:0}.container{padding-left:10px;padding-right:10px}.article-body h2{line-height:1.4em}.tut-content div.example{padding-left:5px}div.example_result{width:99.9%}}.feedback{width:800px;margin:50px auto 300px}.feedback ::-webkit-input-placeholder{color:#aaa}.feedback ::-moz-placeholder{color:#aaa}.feedback :-ms-input-placeholder{color:#aaa}.feedback h1{font-size:20px;text-align:center}.feedback .form-item{float:none;clear:both;margin-top:17px}.feedback .fl{width:45%;float:left}.feedback .fr{width:45%;float:right}.feedback input,.feedback textarea{width:100%;font-family:'Microsoft YaHei','Courier New',Courier,monospace;box-sizing:border-box;padding:8px 10px;line-height:21px;border:1px solid #069;border-radius:4px;background:#f7f9ff;font-size:14px;color:#003}.feedback textarea{height:120px}.feedback button{margin-top:20px;line-height:30px}