ul.simple-pagination{list-style:none}.simple-pagination{display:block;overflow:hidden;padding:0 5px 5px 0;margin:0}.simple-pagination ul{list-style:none;padding:0;margin:0}.simple-pagination li{list-style:none;padding:0;margin:0;float:left}span.ellipse.clickable{cursor:pointer}.ellipse input{width:3em}.compact-theme a,.compact-theme span{float:left;color:#333;font-size:14px;line-height:24px;font-weight:400;text-align:center;border:1px solid #aaa;border-left:none;min-width:14px;padding:0 7px;-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.2);box-shadow:2px 2px 2px rgba(0,0,0,.2);background:#efefef;background:-o-linear-gradient(top,#fff 0,#efefef 100%);background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#efefef));background:linear-gradient(top,#fff 0,#efefef 100%)}.compact-theme a:hover{text-decoration:none;background:#efefef;background:-o-linear-gradient(top,#efefef 0,#bbb 100%);background:-webkit-gradient(linear,left top,left bottom,from(#efefef),to(#bbb));background:linear-gradient(top,#efefef 0,#bbb 100%)}.compact-theme li:first-child a,.compact-theme li:first-child span{border-left:1px solid #aaa;border-radius:3px 0 0 3px}.compact-theme li:last-child a,.compact-theme li:last-child span{border-radius:0 3px 3px 0}.compact-theme .current{background:#bbb;background:-o-linear-gradient(top,#bbb 0,#efefef 100%);background:-webkit-gradient(linear,left top,left bottom,from(#bbb),to(#efefef));background:linear-gradient(top,#bbb 0,#efefef 100%);cursor:default}.compact-theme .ellipse{background:#eaeaea;padding:0 10px;cursor:default}.current,.page-link{width:28px;height:28px;padding:1px!important}.articles-chunk,.articles-chunk2{background-color:#f2f2f2}.articles-chunk .center-block,.articles-chunk2 .center-block{max-width:1200px;margin:auto}.articles-chunk .center-block h2,.articles-chunk2 .center-block h2{font-size:30px;color:#282cb1;text-align:left}.articles-chunk .chunk .light-theme ul li .next,.articles-chunk .chunk .light-theme ul li .prev,.articles-chunk2 .chunk .light-theme ul li .next,.articles-chunk2 .chunk .light-theme ul li .prev{width:28px;height:28px;font-size:0;background:url(/assets/images/icons/MC-allin-1.png) #fff}.articles-chunk .chunk .light-theme ul li .prev,.articles-chunk2 .chunk .light-theme ul li .prev{background-position:-374px -7px;background-color:#3a3ec3}.articles-chunk .chunk .light-theme ul li .next,.articles-chunk2 .chunk .light-theme ul li .next{background-position:-404px -7px}.articles-chunk1,.articles-chunk3{background:#fff}.articles-chunk1 .center-block,.articles-chunk3 .center-block{max-width:1200px;margin:auto}.articles-chunk1 .center-block h2,.articles-chunk3 .center-block h2{font-size:30px;color:#d97c22;text-align:left}.articles-chunk1 .chunk .light-theme ul li .next,.articles-chunk1 .chunk .light-theme ul li .prev,.articles-chunk3 .chunk .light-theme ul li .next,.articles-chunk3 .chunk .light-theme ul li .prev{width:28px;height:28px;font-size:0;background:url(/assets/images/icons/MC-allin-1.png)}.articles-chunk1 .chunk .light-theme ul li .prev,.articles-chunk3 .chunk .light-theme ul li .prev{background-position:-374px -7px;background-color:#3a3ec3}.articles-chunk1 .chunk .light-theme ul li .next,.articles-chunk3 .chunk .light-theme ul li .next{background-position:-404px -7px}.light-theme a,.light-theme span{float:left;color:#666;font-size:14px;line-height:24px;font-weight:400;text-align:center;border:1px solid #f0f4f7;min-width:14px;padding:0 7px;margin:0 5px 0 0;border-radius:2px;background:#fff}.light-theme .current{background:#4294e9;color:#fff;cursor:default}.light-theme .ellipse{background:0 0;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:700;cursor:default}.dark-theme a,.dark-theme span{float:left;color:#ccc;font-size:14px;line-height:24px;font-weight:400;text-align:center;border:1px solid #222;min-width:14px;padding:0 7px;margin:0 5px 0 0;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);background:#555;background:-o-linear-gradient(top,#555 0,#333 100%);background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));background:linear-gradient(top,#555 0,#333 100%)}.dark-theme a:hover{text-decoration:none;background:#444}.dark-theme .current{background:#222;color:#fff;border-color:#000;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.2),0 0 1px 1px rgba(0,0,0,.1) inset;box-shadow:0 1px 0 rgba(255,255,255,.2),0 0 1px 1px rgba(0,0,0,.1) inset;cursor:default}.dark-theme .ellipse{background:0 0;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:700;cursor:default}.light-theme .ratio{border:none;background:0 0;-webkit-box-shadow:none;box-shadow:none}.articles-chunk .container,.articles-chunk1 .container,.articles-chunk2 .container,.articles-chunk3 .container{margin-left:auto;margin-right:auto}.articles-chunk .container p,.articles-chunk1 .container p,.articles-chunk2 .container p,.articles-chunk3 .container p{padding:2px 0}.articles-chunk .container .pagination,.articles-chunk1 .container .pagination,.articles-chunk2 .container .pagination,.articles-chunk3 .container .pagination{margin-top:30px;text-align:left}.articles-chunk p a,.articles-chunk1 p a,.articles-chunk2 p a,.articles-chunk3 p a{color:#616161;font-size:16;vertical-align:middle;font-family:Myriad Pro}.articles-chunk p a::before,.articles-chunk1 p a::before,.articles-chunk2 p a::before,.articles-chunk3 p a::before{content:'';display:inline-block;margin-right:8px;vertical-align:middle;width:7px;height:11px;vertical-align:1px;background:url(/assets/images/icons/MC-allin-1.png) -474px -15px}.articles-chunk p a:hover,.articles-chunk1 p a:hover,.articles-chunk2 p a:hover,.articles-chunk3 p a:hover{color:#1e46d6}.articles-chunk p a:hover::before,.articles-chunk1 p a:hover::before,.articles-chunk2 p a:hover::before,.articles-chunk3 p a:hover::before{background-position:-501px -15px}@media screen and (max-width:767px) and (min-width:320px){.articles-chunk .container,.articles-chunk1 .container,.articles-chunk2 .container,.articles-chunk3 .container{width:95%}}.toggle{-webkit-box-sizing:border-box;box-sizing:border-box}.toggle .toggle-head-item{width:25%;cursor:pointer;padding-bottom:20px;border-bottom:1px solid #00adff;position:relative}.toggle .toggle-head-item .btn{color:#737373}.toggle .toggle-head-item .btn-blue{color:#fff}.toggle .toggle-head-item{width:26%;text-align:center}.toggle .resources .toggle-head-item{width:25%;text-align:center}.toggle .toggle-head-item.first{float:left}.toggle .toggle-head-item.two{width:48%}.toggle .resources .toggle-head-item.two{width:25%}.toggle .toggle-head-item.two .btn{width:54.5%}.toggle .resources .toggle-head-item.two .btn{width:100%}.toggle .toggle-head-item.last{float:right}.toggle-content-item dt{background-color:#eef1f3;padding-left:30px;-webkit-box-sizing:border-box;box-sizing:border-box;word-spacing:-5px;font-size:0;margin-top:30px}.toggle-content-item dt .left,.toggle-content-item dt .right{display:table-cell;-webkit-box-sizing:border-box;box-sizing:border-box;word-spacing:normal;font-size:14px;font-size:1.4rem;text-align:left;vertical-align:top}.toggle-content-item dt .right{width:400px}.toggle-content-item dt .left h3{color:#202020;font-size:30px;font-size:3rem;font-weight:400;margin-bottom:25px}.toggle-content-item dt .left .btn{width:20%;min-width:160px;margin-left:0;margin-top:25px;margin-bottom:30px}.toggle-content-item dd{padding:40px 30px 30px 0;margin-left:30px;border-bottom:1px solid #eef1f3;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.toggle-content-item dd h4{font-size:20px;font-size:2rem;color:#202020;text-align:left;font-weight:700;margin-bottom:15px}.toggle-content-item dd p{color:#737373}.toggle-content-item dd p.info{vertical-align:middle;margin-top:15px;line-height:40px}.toggle-content-item dd p.info span{font-size:12px;font-size:1.2rem}.toggle-content-item dd p.info img{vertical-align:middle;margin-right:5px;width:40px;height:40px;border-radius:50%;display:inline-block}.arrow-box{width:30px;height:30px;position:absolute;bottom:-19px;left:50%;margin-left:-15px;display:none}.arrow-box.show{display:block}.arrow-box .bottom{width:20px;height:20px;position:absolute;left:50%;margin-left:-10px;bottom:0;z-index:2}.arrow-box .bottom .bottom-arrow1,.arrow-box .bottom .bottom-arrow2{width:0;height:0;display:block;position:absolute;left:0;top:0;z-index:5;border-bottom:10px transparent dashed;border-left:10px transparent dashed;border-right:10px transparent dashed;border-top:10px #fff solid;overflow:hidden}.arrow-box .bottom .bottom-arrow1{top:1px;border-top:10px #00adff solid}.arrow-box .bottom .bottom-arrow2{border-top:10px #fff solid}.articles-chunk p,.articles-chunk1 p,.articles-chunk2 p,.articles-chunk3 p{padding:5px 0}.articles-chunk a+span,.articles-chunk1 a+span,.articles-chunk2 a+span,.articles-chunk3 a+span{display:inline-block;border-bottom:1px dashed #e1e8eb;vertical-align:2px;margin-left:5px}.articles-chunk .container,.articles-chunk1 .container,.articles-chunk2 .container,.articles-chunk3 .container{width:100%}@media only screen and (min-width:1024px){.youtube-video .container{width:650px;margin-left:auto;margin-right:auto;padding:60px 0}}@media only screen and (max-width:678px){.youtube-video .container{width:100%}}.posts{background-color:#f5f9fc}.posts .container{padding:30px 0}.posts .container p{line-height:24px}.posts ul{word-spacing:-5px}.posts li{display:inline-block;width:260px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer;vertical-align:top;margin-right:20px;word-spacing:normal}.posts li.last{margin-right:0}.posts li img{width:260px;height:200px}.posts li p{color:#202020;margin-top:15px;width:95%;margin-left:auto;margin-right:auto}@media only screen and (max-width:540px){.posts li{margin-right:0;margin-left:auto;margin-right:auto}}.articles-chunk .container,.articles-chunk1 .container,.articles-chunk2 .container,.articles-chunk3 .container{padding:70px 0}.moreLink{position:absolute;height:80px;line-height:80px;width:100%;background:#cccc url(../../images/front/articles-index/more-bg.jpg) no-repeat center top;left:0;margin-top:60px;font-size:16px}h2{font-size:4rem;color:#202020;text-align:center}p{font-size:16px;color:#747474}.banner{color:#fff;background:url(/assets/images/tutorials/banner-bg.png);padding:110px 0 90px 0;overflow:hidden}.banner h1{padding-top:45px;font-size:48px;margin-bottom:20px;text-align:center;color:#fff}.banner p{color:#fff;text-align:center;margin:0 auto;font-size:1.9rem;line-height:36px;max-width:960px;opacity:.9;font-family:Myriad Pro;font-weight:400;font-weight:200}@media all and (max-width:1200px){.banner h2{position:static}.banner .layui-btn,.banner h2,.banner p{text-align:center;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media all and (max-width:576px){.banner{padding:60px 0 40px}.banner .banner-pic:after{height:275px}}.articles-chunk,.articles-chunk1,.articles-chunk2,.articles-chunk3{margin:0 auto;font-size:16px;color:#616161;line-height:40px}.articles-chunk h2,.articles-chunk1 h2,.articles-chunk2 h2,.articles-chunk3 h2{font-size:46px;font-weight:700;color:#1a1a1a;line-height:20px;margin-bottom:40px}.articles-chunk .light-theme .active .current,.articles-chunk1 .light-theme .active .current,.articles-chunk2 .light-theme .active .current,.articles-chunk3 .light-theme .active .current{background-color:#3a3ec3;color:#fff;width:28px;height:28px;border-radius:2px}@media (max-width:1199px){.articles-chunk,.articles-chunk1,.articles-chunk2,.articles-chunk3{width:90%}}@media (max-width:659px){.articles-chunk h2,.articles-chunk1 h2,.articles-chunk2 h2,.articles-chunk3 h2{line-height:normal}iframe{width:100%;height:auto}}.articles-chunk p,.articles-chunk1 p,.articles-chunk2 p,.articles-chunk3 p{padding:0}