.color{width:350px;margin:0 auto}.color li{margin:0 15px 0 0;width:30px;height:30px;display:inline-block;border-radius:100%}.color .red{background:#fa5a5a}.color .yellow{background:#f0d264}.color .green{background:#82c8a0}.color .cyan{background:#7fccde}.color .blue{background:#6698cb}.color .purple{background:#cb99c5}.content,.content-3d,.content-gradient{margin:40px auto}.content{width:80%;max-width:700px}.content-3d{width:50%;max-width:300px}pre{width:100%;padding:30px;background-color:rgba(0,0,0,.72);border-radius:0 0 4px 4px;margin-top:20px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}pre,pre .bt{color:#f8f8f2}pre .anc{color:#f92672}pre .att{color:#a6a926}pre .val{color:#e6db74}.btn-container,.container{background-color:#fff;border-radius:4px;text-align:center;margin-bottom:40px}.container h2{padding-top:30px;font-weight:300}.btn,.btn-two{margin:9px}.btn-gradient{-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px}a[class*=btn]{text-decoration:none}button[class*=btn],input[class*=btn]{border:0}.btn-effect.large,.btn-two.large,.btn.large{padding:20px 40px;font-size:22px}.btn-effect.small,.btn-gradient.small,.btn-two.small,.btn.small{padding:8px 18px;font-size:14px}.btn-effect.mini,.btn-gradient.mini,.btn-two.mini,.btn.mini{padding:4px 12px;font-size:12px}.btn-effect.block,.btn-gradient.block,.btn-two.block,.btn.block{display:block;width:100%;margin-left:auto;margin-right:auto;text-align:center}.btn-gradient.large{padding:15px 45px;font-size:22px}.btn-two.blue,.btn.blue{background-color:#7fb1bf}.btn-two.green,.btn.green{background-color:#9abf7f}.btn-two.red,.btn.red{background-color:#fa5a5a}.btn-two.purple,.btn.purple{background-color:#cb99c5}.btn-two.cyan,.btn.cyan{background-color:#7fccde}.btn-two.yellow,.btn.yellow{background-color:#f0d264}.rounded{border-radius:10px}.btn{position:relative;border:0;padding:15px 25px;display:inline-block;text-align:center;color:#fff}.btn:active{top:4px}.btn.blue{-webkit-box-shadow:0 4px #74a3b0;box-shadow:0 4px #74a3b0}.btn.blue:active{-webkit-box-shadow:0 0 #74a3b0;box-shadow:0 0 #74a3b0;background-color:#709ca8}.btn.green{-webkit-box-shadow:0 4px 0 #87a86f;box-shadow:0 4px 0 #87a86f}.btn.green:active{-webkit-box-shadow:0 0 #87a86f;box-shadow:0 0 #87a86f;background-color:#87a86f}.btn.red{-webkit-box-shadow:0 4px 0 #e04342;box-shadow:0 4px 0 #e04342}.btn.red:active{-webkit-box-shadow:0 0 #ff4c4b;box-shadow:0 0 #ff4c4b;background-color:#ff4c4b}.btn.purple{-webkit-box-shadow:0 4px 0 #ad83a8;box-shadow:0 4px 0 #ad83a8}.btn.purple:active{-webkit-box-shadow:0 0 #ba8cb5;box-shadow:0 0 #ba8cb5;background-color:#ba8cb5}.btn.cyan{-webkit-box-shadow:0 4px 0 #73b9c9;box-shadow:0 4px 0 #73b9c9}.btn.cyan:active{-webkit-box-shadow:0 0 #73b9c9;box-shadow:0 0 #73b9c9;background-color:#70b4c4}.btn.yellow{-webkit-box-shadow:0 4px 0 #d1b757;box-shadow:0 4px 0 #d1b757}.btn.yellow:active{-webkit-box-shadow:0 0 #ff4c4b;box-shadow:0 0 #ff4c4b;background-color:#d6bb59}.btn-two{color:#fff;padding:15px 25px;display:inline-block;border:1px solid rgba(0,0,0,.21);border-bottom-color:rgba(0,0,0,.34);text-shadow:0 1px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 1px 0 hsla(0,0%,100%,.34) inset,0 2px 0 -1px rgba(0,0,0,.13),0 3px 0 -1px rgba(0,0,0,.08),0 3px 13px -1px rgba(0,0,0,.21);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.34),0 2px 0 -1px rgba(0,0,0,.13),0 3px 0 -1px rgba(0,0,0,.08),0 3px 13px -1px rgba(0,0,0,.21)}.btn-two:active{top:1px;border-color:rgba(0,0,0,.34) rgba(0,0,0,.21) rgba(0,0,0,.21);-webkit-box-shadow:0 1px 0 hsla(0,0%,100%,.89),0 1px rgba(0,0,0,.05) inset;box-shadow:0 1px 0 hsla(0,0%,100%,.89),inset 0 1px rgba(0,0,0,.05);position:relative}.btn-3d{position:relative;display:inline-block;font-size:22px;padding:20px 60px;color:#fff;margin:20px 10px 10px;border-radius:6px;text-align:center;-webkit-transition:top .01s linear;transition:top .01s linear;text-shadow:0 1px 0 rgba(0,0,0,.15)}.btn-3d.red:hover{background-color:#e74c3c}.btn-3d.blue:hover{background-color:#699dd1}.btn-3d.green:hover{background-color:#80c49d}.btn-3d.purple:hover{background-color:#d19ecb}.btn-3d.yellow:hover{background-color:#f0d264}.btn-3d.cyan:hover{background-color:#82d1e3}.btn-3d:active{top:9px}.btn-3d.red{background-color:#e74c3c;-webkit-box-shadow:0 0 0 1px #c63702 inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 8px 0 0 #c24032,0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px #c63702,inset 0 0 0 2px hsla(0,0%,100%,.15),0 8px 0 0 #c24032,0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.red:active{-webkit-box-shadow:0 0 0 1px #c63702 inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 0 0 1px rgba(0,0,0,.4);box-shadow:inset 0 0 0 1px #c63702,inset 0 0 0 2px hsla(0,0%,100%,.15),0 0 0 1px rgba(0,0,0,.4)}.btn-3d.blue{background-color:#6da2d9;-webkit-box-shadow:0 0 0 1px #6698cb inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 8px 0 0 rgba(110,164,219,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px #6698cb,inset 0 0 0 2px hsla(0,0%,100%,.15),0 8px 0 0 rgba(110,164,219,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.blue:active{-webkit-box-shadow:0 0 0 1px #6191c2 inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 0 0 1px rgba(0,0,0,.4);box-shadow:inset 0 0 0 1px #6191c2,inset 0 0 0 2px hsla(0,0%,100%,.15),0 0 0 1px rgba(0,0,0,.4)}.btn-3d.green{background-color:#82c8a0;-webkit-box-shadow:0 0 0 1px #82c8a0 inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 8px 0 0 rgba(126,194,155,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px #82c8a0,inset 0 0 0 2px hsla(0,0%,100%,.15),0 8px 0 0 rgba(126,194,155,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.green:active{-webkit-box-shadow:0 0 0 1px #82c8a0 inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 0 0 1px rgba(0,0,0,.4);box-shadow:inset 0 0 0 1px #82c8a0,inset 0 0 0 2px hsla(0,0%,100%,.15),0 0 0 1px rgba(0,0,0,.4)}.btn-3d.purple{background-color:#cb99c5;-webkit-box-shadow:0 0 0 1px #cb99c5 inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 8px 0 0 rgba(189,142,183,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px #cb99c5,inset 0 0 0 2px hsla(0,0%,100%,.15),0 8px 0 0 rgba(189,142,183,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.purple:active{-webkit-box-shadow:0 0 0 1px #cb99c5 inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 0 0 1px rgba(0,0,0,.4);box-shadow:inset 0 0 0 1px #cb99c5,inset 0 0 0 2px hsla(0,0%,100%,.15),0 0 0 1px rgba(0,0,0,.4)}.btn-3d.cyan{background-color:#7fccde;-webkit-box-shadow:0 0 0 1px #7fccde inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 8px 0 0 rgba(102,164,178,.6),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px #7fccde,inset 0 0 0 2px hsla(0,0%,100%,.15),0 8px 0 0 rgba(102,164,178,.6),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.cyan:active{-webkit-box-shadow:0 0 0 1px #7fccde inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 0 0 1px rgba(0,0,0,.4);box-shadow:inset 0 0 0 1px #7fccde,inset 0 0 0 2px hsla(0,0%,100%,.15),0 0 0 1px rgba(0,0,0,.4)}.btn-3d.yellow{background-color:#f0d264;-webkit-box-shadow:0 0 0 1px #f0d264 inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 8px 0 0 rgba(196,172,83,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px #f0d264,inset 0 0 0 2px hsla(0,0%,100%,.15),0 8px 0 0 rgba(196,172,83,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.yellow:active{-webkit-box-shadow:0 0 0 1px #f0d264 inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 0 0 1px rgba(0,0,0,.4);box-shadow:inset 0 0 0 1px #f0d264,inset 0 0 0 2px hsla(0,0%,100%,.15),0 0 0 1px rgba(0,0,0,.4)}.btn-gradient{text-decoration:none;color:#fff;padding:12px 30px;display:inline-block;position:relative;border:1px solid rgba(0,0,0,.21);border-bottom:4px solid rgba(0,0,0,.21);border-radius:4px;text-shadow:0 1px 0 rgba(0,0,0,.15)}.btn-gradient:hover{color:#fff}.btn-gradient.cyan{background:#1bbcc2;background:-webkit-gradient(linear,left top,left bottom,from(#1bbcc2),to(#18a3a8));background:linear-gradient(#1bbcc2,#18a3a8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1bbcc2",endColorstr="#18a3a8",GradientType=0)}.btn-gradient.red{background:#fa5a5a;background:-webkit-gradient(linear,left top,left bottom,from(#fa5a5a),to(#e85151));background:linear-gradient(#fa5a5a,#e85151);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fa5a5a",endColorstr="#e85151",GradientType=0)}.btn-gradient.orange{background:#ff691e;background:-webkit-gradient(linear,left top,left bottom,from(#ff691e),to(#e65f1c));background:linear-gradient(#ff691e,#e65f1c)}.btn-gradient.blue{background:#6698cb;background:-webkit-gradient(left top,left bottom,color-stop(0,#6698cb),color-stop(100%,#5c8ab8));background:-webkit-gradient(linear,left top,left bottom,from(#6698cb),to(#5c8ab8));background:linear-gradient(180deg,#6698cb 0,#5c8ab8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#6698cb",endColorstr="#5c8ab8",GradientType=0)}.btn-gradient.purple{background:#cb99c5;background:-webkit-gradient(left top,left bottom,color-stop(0,#cb99c5),color-stop(100%,#b586b0));background:-webkit-gradient(linear,left top,left bottom,from(#cb99c5),to(#b586b0));background:linear-gradient(180deg,#cb99c5 0,#b586b0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cb99c5",endColorstr="#b586b0",GradientType=0)}.btn-gradient.yellow{background:#f0d264;background:-webkit-gradient(linear,left top,left bottom,from(#f0d264),to(#e5c960));background:linear-gradient(#f0d264,#e5c960);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0d264",endColorstr="#e5c960",GradientType=0)}.btn-gradient.green{background:#82c8a0;background:-webkit-gradient(left top,left bottom,color-stop(0,#82c8a0),color-stop(100%,#82c79e));background:-webkit-gradient(linear,left top,left bottom,from(#82c8a0),to(#7cb995));background:linear-gradient(180deg,#82c8a0 0,#7cb995);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#82c8a0",endColorstr="#82c79e",GradientType=0)}.btn-gradient.red:active{background:#e35252}.btn-gradient.orange:active{background:#e8601b}.btn-gradient.cyan:active{background:#169499}.btn-gradient.blue:active{background:#608fbf}.btn-gradient.purple:active{background:#bd8eb7}.btn-gradient.yellow:active{background:#dbc05b}.btn-gradient.green:active{background:#72b08e}.resetPassWord[data-v-39016c7a]{padding-top:60px}.text[data-v-39016c7a]{font-size:14px}.item[data-v-39016c7a]{margin:0 auto;width:300px}.clearfix[data-v-39016c7a]{font-size:20px}.box-card[data-v-39016c7a]{margin:0 auto 100px;text-align:center;width:400px;border-radius:10px}