style的饮水联机版

Style的页面 @font face{font family:iconfont;src:url(//at.alicdn.com/t/font 1706200 3sgw4esvyq9.eot?t=1584846914425);src:url(//at.alicdn.com/t/font 1706200 3sgw4esvyq9.eot?t=1584846914425 iefix) format('embedded opentype'),url('data:application/x font woff2;charset=utf 8;base64,d09GMgABAAAAAAPcAAsAAAAACEAAAAOQAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqDVIMaATYCJAMUCwwABCAFhG0HUhswBxEVnPHIfiZkcgn7O+8oo66bEbK2OpSJxjfBA+X1vslMtll8iBW0KuzdSry1J/JGpwASAA0EaO7O95urXT4WOkKV5Nojj7b4hwrpy2SO/v97p78xLfvYuvYslzWHLex8DDAOpEDHnGQljg3TC+cUPEjbIQAHqRRD1GvQzI2BgvQTgBjYr083jJQNVcMRGEZbyVSVKhajY2hztCvAIv178YYywgANXUJ2atW7fk9qmZi1ZMCSjnILC8fbDUAHJFAMUCCGl/oGIm2uGBKHP1RRC3BgoKGZmLxVUbOWZcWqHRkc9A8PBBKFBsIGKXUBUAvlFZhwBAGmhiDBLIqgwKyVRwPuKwAOWAjCWUxL9mpIWOWKcikVmuwiF0+49sx9/bnn5gvfDdO/at6eQHTP5dHLd8Z6V67btSPG061Q523w0S5OzYETx4QbT9zXbnmuP/bdvOsL9lwR2D031utePndvMM7nXRncNy/G4xvlEveE69fc4Tdu+AbcnOdxa4E98/bFyZV75+5WxGRRnfY0cEulpaqbVCzNtxTEU1P1m2J4tFGwJ7VcytpevcrWOXd44oCjAyZu3DXRvQxryi09PV2/BcVQIlRxZPWvAFhMXkb1qQ3bHPFvOVXxWI1TjTLPFjtT5smFsAtxVqK82CcvekwcsbMOHDh4wOBxYw4eZI+NVR+A6Vmx4bGz1ZI0XFw1r0mlXm20lW5RpWd+s0u/ijYZwarmHJsZVi+tXKjMlU2rm186Hlk6tFxaPfwAWLPk3380K2u4Qm6xtmaprTL4b/dj0Nu/F+qwat8MpwLgzvpfdbSsPbbVBj9Ijy//kxa1tAb7qAqUxK4rT8490qpVpxGATiESBDT4aTX/LxTJg3H0MbPIZMAgJgaNIqSAxCCbpGjFQMdJObBhUBMcFKXhbCdRDEcilB0oZAYAQTiHQCOU4yAJ5ypJ0e6DTizvwEa4kODAK6KWdJIrLP1uHgWtYqDuj3zPi2FOvTHlb7BpaiWp1NwvSPRJKrMiW3zFAhljRPy2laohIzzTC9gN08S0Cgf0mjnV9ZLnpuxDWc/z5oZHQasYqPsj3/NiZGO9yX3/DTZNrdQQ+qJfkOjbpzIrWpBedUsrwrXcEr9tpWrICM/0AjyYaI5pLe8U0GvmemTWS47qmba6bH7D/IybAAdkZV1oQgoldGHjYViCYPl3WKxb86g+On/sE/+kc/CLtS1vNg==') format('woff2'),url(//at.alicdn.com/t/font 1706200 3sgw4esvyq9.woff?t=1584846914425) format('woff'),url(//at.alicdn.com/t/font 1706200 3sgw4esvyq9.ttf?t=1584846914425) format('truetype'),url(//at.alicdn.com/t/font 1706200 3sgw4esvyq9.svg?t=1584846914425 iconfont) format('svg')}.iconfont{font family:iconfont!important;font size:16px;font style:normal; webkit font smoothing:antialiased; moz osx font smoothing:grayscale}.icon querenzhengque:before{content:"\e600"}.icon tishi:before{content:"\e640"}.icon cuowu:before{content:"\e602"}.icon jinggao:before{content:"\e62b"} {box sizing:border box;margin:0;padding:0;font weight:300}body,body :: webkit input placeholder{font family:Source Sans Pro,sans serif;color: fff;font weight:300}body : moz placeholder,body :: moz placeholder{font family:Source Sans Pro,sans serif;color: fff;opacity:1;font weight:300}body : ms input placeholder{font family:Source Sans Pro,sans serif;color: fff;font weight:300}a{text decoration:none}.wrapper{background: 01a982; background: linear gradient(to bottom right, 01a982 0, 60ae80 100%); overflow: hidden;}.bg bubbles,.wrapper{position:absolute;left:0;width:100%;height:100%}.bg bubbles{top:0;z index:1}.bg bubbles li{position:absolute;list style:none;display:block;width:40px;height:40px;background color:hsla(0,0%,100%,.15);bottom: 160px;animation:square 25s infinite;transition timing function:linear}.bg bubbles li:nth child(1){left:10%}.bg bubbles li:nth child(2){left:20%;width:80px;height:80px;animation delay:2s;animation duration:17s}.bg bubbles li:nth child(3){left:25%;animation delay:4s}.bg bubbles li:nth child(4){left:40%;width:60px;height:60px;animation duration:22s;background color:hsla(0,0%,100%,.25)}.bg bubbles li:nth child(5){left:70%}.bg bubbles li:nth child(6){left:80%;width:120px;height:120px;animation delay:3s;background color:hsla(0,0%,100%,.2)}.bg bubbles li:nth child(7){left:32%;width:160px;height:160px;animation delay:7s}.bg bubbles li:nth child(8){left:55%;width:20px;height:20px;animation delay:15s;animation duration:40s}.bg bubbles li:nth child(9){left:25%;width:10px;height:10px;animation delay:2s;animation duration:40s;background color:hsla(0,0%,100%,.3)}.bg bubbles li:nth child(10){left:90%;width:160px;height:160px;animation delay:11s}@keyframes square{0%{transform:translatey(0)}to{transform:translatey( 700px) rotate(600deg)}}@media (max width:500px){.container h1{font size:60px}form button,form input{width:500px}}.main{padding:50px 0;z index:999;position:relative}.main h1{font size:40px;text align:center;color: fff;margin bottom:30px;text transform:uppercase}.content{margin:0 auto;width:28%;background: fff;border radius:5px}p.footer{font size:16px;text align:center;color: fff;font weight:500;margin top:30px}p.footer a{color: 55acee}p.footer a:hover{color: 000;transition:.5s all; webkit transition:.5s all; moz transition:.5s all; o transition:.5s all; ms transition:.5s all}.content top h2{font size:22px;color: fff;text align:center;background: 02a982;padding:12px 0;border radius:5px}.content top p{text align:center;font size:16px;color: 000;margin top:15px}.content top ul li{display:block;font size:15px;color: 000;line height:1.8em;padding:1em 0 1em 1em;border bottom:1px solid e2e0de}.content top ul li a{color: 000;font weight:400}.content top ul li a i{color: 02a982;font style:normal;display:block;margin:2px 0}.content top ul li span{display:block;color: 999}.content top{padding:1.5em}.content top p a{color: 55acee;margin left:5px}@media (max width:1366px){.content{width:31%}}@media (max width:1280px){.content{width:32%}}@media (max width:1080px){.content{width:38%}.main h1{font size:36px}.content top h2{font size:20px;padding:10px 0}.content top p,.content top ul li,p.footer{font size:14px}}@media (max width:800px){.main h1{font size:34px}.content{width:46%}}@media (max width:768px){.main{padding:90px 0}.main h1{margin bottom:55px}p.footer{margin top:75px}}@media (max width:736px){.main{padding:70px 0}.main h1{margin bottom:45px}.content{width:53%}p.footer{margin top:50px}}@media (max width:667px){.main h1{font size:32px;margin bottom:35px}.main{padding:60px 0}.content{width:57%}.content top h2{font size:18px}}@media (max width:600px){.main h1{font size:30px}.content top{padding:1em}.content{width:62%}}@media (max width:568px){.content{width:68%}}@media (max width:480px){.content{width:78%}.main h1{font size:28px}p.footer{margin top:42px}}@media (max width:414px){.content top h2{font size:16px}.content{width:85%}.main{padding:50px 0}p.footer{line height:1.8em;margin:42px auto 0;width:85%}}@media (max width:384px){.main h1{font size:27px}.content,p.footer{width:90%}p.footer{margin:32px auto 0}}@media (max width:375px){.main h1{font size:26px;margin bottom:25px}.main{padding:45px 0}.content,p.footer{width:92%}.content top h2{padding:8px 0}}@media (max width:320px){.main h1{font size:24px;margin bottom:30px}.content top ul li{padding:1em 0 1em 1em;background size:13%!important}.content top{padding:1.2em}.content top p,.content top ul li,p.footer{font size:13px}.content,p.footer{width:90%}}@media(max width:500px){.bg bubbles, .wrapper{height:auto;}} 暂时的页面 请 Ctrl+D 收藏本页到浏览器收藏夹 style的饮水第一个版本 点击下载 style的最新版本 点击下载 社区直链 点击跳转 盒子网直链 点击跳转 生存战争WIKI 点击跳转 近期部分国产浏览器屏蔽网址，电脑请安装 chrome浏览器 访问，手机请安装 X浏览器 访问。 ©Style1027. All Rights Reserved