diff --git a/.gitattributes b/.gitattributes index bdb0cab..7351b55 100644 --- a/.gitattributes +++ b/.gitattributes @@ -1,17 +1,17 @@ -# Auto detect text files and perform LF normalization -* text=auto - -# Custom for Visual Studio -*.cs diff=csharp - -# Standard to msysgit -*.doc diff=astextplain -*.DOC diff=astextplain -*.docx diff=astextplain -*.DOCX diff=astextplain -*.dot diff=astextplain -*.DOT diff=astextplain -*.pdf diff=astextplain -*.PDF diff=astextplain -*.rtf diff=astextplain -*.RTF diff=astextplain +# Auto detect text files and perform LF normalization +* text=auto + +# Custom for Visual Studio +*.cs diff=csharp + +# Standard to msysgit +*.doc diff=astextplain +*.DOC diff=astextplain +*.docx diff=astextplain +*.DOCX diff=astextplain +*.dot diff=astextplain +*.DOT diff=astextplain +*.pdf diff=astextplain +*.PDF diff=astextplain +*.rtf diff=astextplain +*.RTF diff=astextplain diff --git a/artical.js b/artical.js new file mode 100644 index 0000000..55b4766 --- /dev/null +++ b/artical.js @@ -0,0 +1,6 @@ +require('./js/js.js') +require('./js/GetArticle.js') +require('./style/pageartical.scss') + + +new GetArticle(); \ No newline at end of file diff --git a/dist/assets/img/one.jpg b/dist/assets/img/one.jpg new file mode 100644 index 0000000..a4fad20 Binary files /dev/null and b/dist/assets/img/one.jpg differ diff --git a/dist/assets/img/two.jpg b/dist/assets/img/two.jpg new file mode 100644 index 0000000..a498c81 Binary files /dev/null and b/dist/assets/img/two.jpg differ diff --git a/dist/css/artical.css b/dist/css/artical.css new file mode 100644 index 0000000..5e7a170 --- /dev/null +++ b/dist/css/artical.css @@ -0,0 +1 @@ +/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}@font-face{font-family:iconfont;src:url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.eot");src:url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.eot?#iefix") format("embedded-opentype"),url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.woff") format("woff"),url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.ttf") format("truetype"),url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.svg#iconfont") format("svg")}*{margin:0;padding:0;box-sizing:border-box;font-family:Times New Roman}.iconfont{font-family:iconfont;font-style:normal}body{background:#eee}h3{padding:1em calc(50% - 600px);background:#fff;min-width:1200px}a{text-decoration:none}.input-danger{border-color:#c00;z-index:2;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(204,0,0,.6)!important}.alert{top:0;right:0;transform:translate(calc(100% + 1em));display:inline-block;color:#f3f4f5;padding:.5em;border-radius:4px;transition:opacity .3s ease;opacity:0}.alert,.alert:before{position:absolute;background:#333}.alert:before{content:"";z-index:-1;top:.55em;left:-.5em;transform:rotate(45deg);width:1em;height:1em}#header{width:100%;background:#f9f9f9;height:60px;border:1px solid #eee}#header .headerWrap{width:1200px;margin:0 auto}#header .headerWrap .logo{float:left;vertical-align:middle;height:60px}#header .headerWrap .logo .name{vertical-align:middle;display:inline-block;font-size:1.5em;margin-top:calc(.5em - 60px)}#header .headerWrap .logButton{padding:.3em .8em;border:1px solid rgba(0,0,0,.1);background:#5cb85c linear-gradient(hsla(0,0%,100%,.2),transparent);border-radius:.2em;box-shadow:0 .05em .25em gray;color:#fff;text-shadow:0 -.05em .05em #335166;font-size:125%;line-height:1.5;cursor:pointer;font-weight:700;display:inline-block;height:50px;margin-top:5px;float:right;line-height:50px;padding:0 1em}#header .headerWrap .logButton:hover{background-color:#6ec06e}#header .headerWrap .logButton:active{background-color:#4cae4c}ul{list-style:none}#nav{min-width:1200px;width:100%;position:relative;height:60px;margin:0 auto;text-align:center;z-index:3;background:#f9f9f9;border:1px solid #eee}#nav .text{vertical-align:middle;display:inline-block;font-size:1.2em;line-height:60px}#nav ul.navs{display:inline-block;position:relative;float:left}#nav ul.navs:after,#nav ul.navs:before{content:"";display:table;clear:both}#nav ul li.item{float:left;width:110px;height:60px;padding:0 15px;line-height:60px}#nav .bg{position:absolute;width:110px;height:60px;background:#31c27c;top:0}.naver{font-weight:700;color:#000}.item{position:relative;z-index:2}.item:hover .naver{color:#fff}.item ul{position:absolute;display:none;opacity:0}.item ul li{width:110px;font-size:15px;line-height:25px;text-align:center;padding:.5em 0;border:1px solid #2cae6f;cursor:pointer}.item ul li:hover{background:#2cae6f}.item ul li:hover a{color:#fff}.item ul li a{color:#000}.item .active{margin:auto -15px;display:block;background:#3ece89}#navs{width:1200px;margin:0 auto}#bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:10}#bg .loggin{padding:4em 0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:400px;background:#f3f4f5;border-radius:10px}#bg .loggin .inputWrap{display:block;margin:2em auto;position:relative}#bg .loggin .inputWrap .text{transition:all .3s ease;position:absolute;z-index:5;color:#555;top:.25em;left:1.25em}#bg .loggin .title{text-align:center;font-weight:700;font-size:2em;margin:.5em 0}#bg .loggin .input{width:100%;margin:1em 0;position:relative;height:34px;padding:6px 12px;line-height:1.42857143;color:#555;font-size:1em;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:90%;display:block;margin:0 auto}#bg .loggin .input:focus{z-index:2;border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}#bg .loggin .link{display:block;text-decoration:underline;color:blue;margin:1em 0;margin-left:calc(100% - 3em)}#bg .loggin .closeButton{display:inline-block;padding:.3em .8em;border:1px solid rgba(0,0,0,.1);background:#c00 linear-gradient(hsla(0,0%,100%,.2),transparent);border-radius:.2em;box-shadow:0 .05em .25em gray;color:#fff;text-shadow:0 -.05em .05em #335166;font-size:125%;line-height:1.5;cursor:pointer;position:absolute;right:-.5em;top:-.5em;width:1.5em;height:1.5em;padding:0;text-align:center;line-height:1.3em;border-radius:50%;transition:transform .5s ease}#bg .loggin .closeButton:hover{background-color:#e60000}#bg .loggin .closeButton:active{background-color:#b30000}#bg .loggin .closeButton:hover{transform:rotate(180deg)}#bg .loggin path{stroke-dasharray:200;stroke-dashoffset:200}#bg .loggin svg{margin:1em auto;display:block;fill:none}#bg .loggin svg:hover .rect{fill:#19cc94}#bg .loggin svg:hover .text{stroke:#fff}#bg .loggin svg #circle,#bg .loggin svg .rect{stroke-width:3;stroke:#19cc94}#bg .loggin svg .rect{cursor:pointer}#bg .loggin svg .text{cursor:pointer;stroke:#19cc94}#bg .loggin svg .arrow{stroke:#fff;stroke-width:3;stroke-dasharray:200;stroke-dashoffset:200}.footer{min-width:1200px;background:#333;width:100%;text-align:center}.footer a{color:#fff}.footer .flexBox{position:relative;width:1200px;margin:2em auto;color:#f0f0f0;font-size:1em;text-align:center}.footer .flexBox .left{float:left;vertical-align:top;padding:3em 0;font-style:italic;text-align:left;display:inline-block;line-height:1.5em}.footer .flexBox .left a{text-decoration:underline}.footer .flexBox .left .code{width:100px;height:100px;background:url(./huanyu.jpg?11d9d23d7a15ca5476c62250c50948bc);background-size:100% 100%}.footer .flexBox .center{vertical-align:top;display:inline-block}.footer .flexBox .center .logo{margin:0 auto;height:0;width:50%;padding-bottom:50%;margin-bottom:1em;background:url(./logo.png?8199692d47a0d8393b698d8b6a596551);background-size:100% 100%}.footer .flexBox .center .content,.footer .flexBox .center .title{font-size:1.3em;font-family:BrushScriptStd}.footer .flexBox .right{float:right;vertical-align:top;display:inline-block;padding:3em 0}.footer .flexBox .right .title{text-align:left;font-size:1.2em;margin-bottom:.5em}.footer .flexBox .right ul{float:left;display:inline-block}.footer .flexBox .right ul:nth-of-type(2){margin-left:10px}.footer .flexBox .right ul li{margin-top:5px;text-align:left;font-size:.9em}.footer .message{color:#999;padding:2em 0;background:#292929}.footer .message .link{font-size:1em;display:inline-block;color:#ccc}.footer .message .link:hover{color:#fff}.footer .message .description{margin-top:.5em}@media (min-width:1201px){.footer .left{margin-right:10em;margin-top:2em;width:calc(33% - 10em)}.footer .left .code{float:left;margin-right:1em;margin-bottom:.2em}.footer .center{margin-top:2em;width:calc(33% - 6em);padding:3em;padding-bottom:10em;border-right:1px solid #f0f0f0;border-left:1px solid #f0f0f0}.footer .right{margin-top:2em;margin-left:10em;width:calc(33% - 10em)}.footer .right .relative{text-align:left;display:block}.footer .right .relative .relativeLogo{display:inline-block}.footer .right .relative .name{margin-top:calc(7.5% - .5em);margin-left:1em;display:inline-block}}@media (max-width:1500px) and (min-width:769px){.footer .flexBox{display:flex}.footer .left{width:28%;margin-right:5%}.footer .left .code{float:left;margin-right:1em}.footer .center{width:28%;margin-top:2em;padding:5%;border-right:1px solid #f0f0f0;border-left:1px solid #f0f0f0}.footer .right{width:28%;margin-left:5%}.footer .right .relative{text-align:left;display:block}.footer .right .relative .relativeLogo{display:inline-block}.footer .right .relative .name{margin-top:calc(7.5% - .5em);margin-left:1em;display:inline-block}}@media (max-width:768px){.footer .center,.footer .left,.footer .right{margin:0 auto;max-width:75%}.footer .left{position:relative}.footer .left:after,.footer .left:before{content:"";display:block;position:absolute;bottom:1.5em;width:50%;height:2px}.footer .left:before{left:0;background:linear-gradient(90deg,transparent,#fff)}.footer .left:after{right:0;background:linear-gradient(270deg,transparent,#fff)}.footer .center{position:relative}.footer .center:after,.footer .center:before{content:"";display:block;position:absolute;bottom:-1.5em;width:50%;height:2px}.footer .center:before{left:0;background:linear-gradient(90deg,transparent,#fff)}.footer .center:after{right:0;background:linear-gradient(270deg,transparent,#fff)}.footer .code{margin:0 auto;margin-bottom:1em}.footer .right{display:flex}.footer .relative{text-align:center;position:relative;margin:0 auto;display:inline-block}.footer .relative .relativeLogo{margin:0 auto}}*{font-family:\\5FAE\8F6F\96C5\9ED1;margin:0;padding:0}body{min-width:1200px;width:100%}a{text-decoration:none}@font-face{font-family:iconfont;src:url("http://at.alicdn.com/t/font_pl1dvkwvk3n2ke29.eot");src:url("http://at.alicdn.com/t/font_pl1dvkwvk3n2ke29.eot?#iefix") format("embedded-opentype"),url("http://at.alicdn.com/t/font_pl1dvkwvk3n2ke29.woff") format("woff"),url("http://at.alicdn.com/t/font_pl1dvkwvk3n2ke29.ttf") format("truetype"),url("http://at.alicdn.com/t/font_pl1dvkwvk3n2ke29.svg#iconfont") format("svg")}.clearfix:after,.clearfix:before{content:".";clear:both;height:0;display:block;visibility:hidden}#container{margin:0 100px}#container .top .iconfont{font-family:iconfont;font-style:normal;color:#4d4c4c;font-size:25px;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;vertical-align:middle}#container .top{background:#ededed;padding:10px;margin-bottom:20px;height:40px;border-bottom:1px solid #ccc}#container .top .word{font-size:18px;line-height:35px}#container .main{width:82%;float:left;border-right:1px solid #ddd}#container .main .artical{margin-bottom:35px;border-bottom:1px solid #ddd}#container .main .artical .left{float:left;border-radius:50px;width:100px;height:100px;background:#ededed}#container .main .artical .left .date{font-size:40px;color:#e67219;padding-left:25%;border-bottom:1px solid #ccc}#container .main .artical .left .month,.year{padding-left:30%}#container .main .artical .middle{margin-left:30px;float:left;width:80%}#container .main .artical .middle .title{font-size:18px;font-family:\\9ED1\4F53;font-weight:700}#container .main .artical .middle .title a:hover{color:#6262f6}#container .main .artical .middle .title a{color:#373737}#container .main .artical .middle .detail{color:#4c4c4c;font-size:12px;margin-top:3px}#container .main .artical .middle .content{margin-top:10px}#container .main .artical .middle .content p{line-height:25px;text-indent:2em;font-size:14px}#container .main .artical .middle .content p a{color:#0094ff}#container .main .more{text-align:center;padding-top:20px;background:#ededed;height:50px;font-size:20px}#container .main .more a{color:#e67219}#container .right{float:right;width:200px}#container .right img{width:200px;height:250px;border-radius:5%;margin-bottom:20px} \ No newline at end of file diff --git a/dist/css/index.css b/dist/css/index.css index 0ed3142..823e196 100644 --- a/dist/css/index.css +++ b/dist/css/index.css @@ -1 +1 @@ -li,ul{list-style:none}.hotCourses{width:100%;min-width:1200px;text-align:center;padding:10px 0}.hotCourses ul li{cursor:pointer;position:relative;display:inline-block;width:250px;margin:.5em 0;padding:1em;border-radius:8px;box-shadow:1.8px 1px 1px grey;color:#eee;overflow:hidden;vertical-align:top}.hotCourses ul li:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;transition:background .3s ease}.hotCourses ul li:hover:before{background:hsla(0,0%,100%,.15)}.hotCourses ul li:nth-of-type(2),.hotCourses ul li:nth-of-type(6){margin:.5em 33px 0 66px}.hotCourses ul li:nth-of-type(3),.hotCourses ul li:nth-of-type(7){margin:.5em 66px 0 33px}.hotCourses .top li:first-child{background:#3399fe}.hotCourses .top li:nth-child(2){background:#82c682}.hotCourses .top li:nth-child(3){background:#3b4e61}.hotCourses .bottom li:first-child,.hotCourses .top li:nth-child(4){background:#ea907b}.hotCourses .bottom li:nth-child(2){background:#3b4e61}.hotCourses .bottom li:nth-child(3){background:#82c682}.hotCourses .bottom li:nth-child(4){background:#3399fe}.hotCourses ul li .wrapper{width:100%;height:100%;opacity:1}.hotCourses ul li:hover .wrapper{animation:font .4s}@keyframes font{0%{opacity:0;transform:translateY(3em)}to{opacity:1;transform:translateY(0)}}.iconfont{font-family:iconfont;font-style:normal}.banner{width:100%;height:520px}.banner ul.container{width:100%;height:100%;position:relative}.banner ul.container li{width:100%;position:absolute}.banner span{display:inline-block;position:absolute;z-index:999;top:25%}.banner span.left{left:20px}.banner span.right{right:20px}.message_part{width:1200px;min-width:1200px;margin:0 auto}.message_part:after,.message_part:before{content:"";display:table;clear:both}.message_part section.column{float:left;width:350px;height:500px;background:#fff;margin:2em 0;background:#f3f4f5}.message_part section.column:nth-of-type(2){margin:2em 75px}.message_part section.column div{width:340px;height:200px;margin:0 auto}.message_part section.column div img{width:100%;height:100%}.message_part section.column h2{text-align:center;margin:.5em 0;position:relative}.message_part section.column h2:after,.message_part section.column h2:before{content:"";display:block;position:absolute;bottom:-.5em;width:50%;height:2px}.message_part section.column h2:before{left:0;background:linear-gradient(90deg,transparent,#000)}.message_part section.column h2:after{right:0;background:linear-gradient(270deg,transparent,#000)}.message_part section.column ul li{height:35px;line-height:35px;padding-left:10px;overflow:hidden;border-bottom:1px dashed #dfdfdf}.message_part section.column ul li a{font-size:15px;display:block;color:#646464;text-overflow:ellipsis}.message_part section.column ul li a .icon{font-size:12px;color:#eea695;margin-right:2px}.message_part section.column ul li a:hover{color:#eea695}.message_part section.column span a{float:right;margin-top:10px;margin-right:20px;color:#3399fe}.message_part section.column span a .icon{display:inline-block;font-size:12px;color:#3399fe;vertical-align:top;margin-top:3px;margin-left:1px}.carouselWrap{margin:0 auto;width:1200px}@media (max-width:768px){.carouselWrap{width:100%}.carouselWrap .title{font-size:1.5em}}.carouselWrap .carousel{position:relative;overflow:hidden}.carouselWrap .carousel:hover .left-arrow{opacity:1}.carouselWrap .carousel .left-arrow{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:3;opacity:0;transition:opacity .3s ease}.carouselWrap .carousel .left-arrow:before{transition:background .5s ease;content:"<";font-family:icomoon;font-size:2.5em;display:block;width:40px;text-align:center;color:#fff;background:rgba(0,0,0,.6)}.carouselWrap .carousel .left-arrow:hover:before{background:#31c27c}.carouselWrap .carousel:hover .right-arrow{opacity:1}.carouselWrap .carousel .right-arrow{position:absolute;right:0;z-index:3;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .3s ease}.carouselWrap .carousel .right-arrow:before{transition:background .5s ease;content:">";display:block;width:40px;text-align:center;background:rgba(0,0,0,.6);font-family:icomoon;font-size:2.5em;color:#fff}.carouselWrap .carousel .right-arrow:hover:before{background:#31c27c}.carouselWrap .carousel .indexWrap{position:absolute;left:50%;transform:translateX(-50%);bottom:0;z-index:2}.carouselWrap .carousel .indexWrap .index{display:inline-block;padding:5px 0;cursor:pointer}.carouselWrap .carousel .indexWrap .index:before{content:"";display:inline-block;height:2.5px;background:rgba(0,0,0,.5)}.carouselWrap .carousel .indexWrap .activeIndex:before{background:#fff}@media (min-width:1201px){.carouselWrap .carousel{margin:2em auto;width:100%;height:400px}.carouselWrap .carousel .img{position:absolute;top:0;width:900px;height:400px;transition:all .4s ease}.carouselWrap .carousel .left-hidden{left:-50px;opacity:0;transform:translate(-100%) scale(.81)}.carouselWrap .carousel .left{left:-100px;transform:scale(.81);opacity:.71}.carouselWrap .carousel .left:hover{opacity:.81}.carouselWrap .carousel .middle{left:50%;transform:translate(-50%);z-index:2}.carouselWrap .carousel .right{right:-100px;transform:scale(.81);opacity:.71}.carouselWrap .carousel .right:hover{opacity:.81}.carouselWrap .carousel .right-hidden{right:-50px;opacity:0;transform:translate(100%) scale(.6)}.carouselWrap .carousel .index:before{width:30px;margin:0 5px}}@media (max-width:1200px) and (min-width:767px){.carouselWrap .carousel{margin:0 auto;width:100%;padding-bottom:40%}.carouselWrap .carousel .img{position:absolute;width:100%;left:0;top:0;transition:transform .4s ease}.carouselWrap .carousel .left-hidden,.carouselWrap .carousel .right-hidden{display:none}.carouselWrap .carousel .left{transform:translate(-100%)}.carouselWrap .carousel .right{transform:translate(100%)}.carouselWrap .carousel .index:before{width:25px;margin:0 3px}}@media (max-width:768px){.carouselWrap .carousel{margin:auto;width:100%;padding-bottom:40%}.carouselWrap .carousel .img{position:absolute;width:100%;left:0;top:0;transition:transform .4s ease}.carouselWrap .carousel .left-hidden,.carouselWrap .carousel .right-hidden{display:none}.carouselWrap .carousel .left{transform:translate(-100%)}.carouselWrap .carousel .middle{transform:translate(0)}.carouselWrap .carousel .right{transform:translate(100%)}.carouselWrap .carousel .index:before{width:20px;margin:0 2px}}aside{width:65px;border:1px solid #dfdfdf;position:absolute;bottom:100px;right:0;background:#fff}.iconfont{font-family:iconfont;font-style:normal}.consult{position:relative;width:70%;height:80px;border-bottom:1px solid #dfdfdf;margin:0 auto;text-align:center;cursor:pointer}.consult .code{position:absolute;top:-81px;right:54px;display:inline-block;width:175px;height:175px;display:none;background:#fff}.consult .code img{width:100%;height:100%}.asideicon{font-size:45px;line-height:80px;color:#8d8d8d}.consult_WeChat:hover .code{display:inline-block}.iconfont:hover{color:#090a3a}.Totop{border-bottom:none} \ No newline at end of file +/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}@font-face{font-family:iconfont;src:url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.eot");src:url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.eot?#iefix") format("embedded-opentype"),url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.woff") format("woff"),url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.ttf") format("truetype"),url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.svg#iconfont") format("svg")}*{margin:0;padding:0;box-sizing:border-box;font-family:Times New Roman}.iconfont{font-family:iconfont;font-style:normal}body{background:#eee}h3{padding:1em calc(50% - 600px);background:#fff;min-width:1200px}a{text-decoration:none}.input-danger{border-color:#c00;z-index:2;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(204,0,0,.6)!important}.alert{top:0;right:0;transform:translate(calc(100% + 1em));display:inline-block;color:#f3f4f5;padding:.5em;border-radius:4px;transition:opacity .3s ease;opacity:0}.alert,.alert:before{position:absolute;background:#333}.alert:before{content:"";z-index:-1;top:.55em;left:-.5em;transform:rotate(45deg);width:1em;height:1em}#header{width:100%;background:#f9f9f9;height:60px;border:1px solid #eee}#header .headerWrap{width:1200px;margin:0 auto}#header .headerWrap .logo{float:left;vertical-align:middle;height:60px}#header .headerWrap .logo .name{vertical-align:middle;display:inline-block;font-size:1.5em;margin-top:calc(.5em - 60px)}#header .headerWrap .logButton{padding:.3em .8em;border:1px solid rgba(0,0,0,.1);background:#5cb85c linear-gradient(hsla(0,0%,100%,.2),transparent);border-radius:.2em;box-shadow:0 .05em .25em gray;color:#fff;text-shadow:0 -.05em .05em #335166;font-size:125%;line-height:1.5;cursor:pointer;font-weight:700;display:inline-block;height:50px;margin-top:5px;float:right;line-height:50px;padding:0 1em}#header .headerWrap .logButton:hover{background-color:#6ec06e}#header .headerWrap .logButton:active{background-color:#4cae4c}ul{list-style:none}#nav{min-width:1200px;width:100%;position:relative;height:60px;margin:0 auto;text-align:center;z-index:3;background:#f9f9f9;border:1px solid #eee}#nav .text{vertical-align:middle;display:inline-block;font-size:1.2em;line-height:60px}#nav ul.navs{display:inline-block;position:relative;float:left}#nav ul.navs:after,#nav ul.navs:before{content:"";display:table;clear:both}#nav ul li.item{float:left;width:110px;height:60px;padding:0 15px;line-height:60px}#nav .bg{position:absolute;width:110px;height:60px;background:#31c27c;top:0}.naver{font-weight:700;color:#000}.item{position:relative;z-index:2}.item:hover .naver{color:#fff}.item ul{position:absolute;display:none;opacity:0}.item ul li{width:110px;font-size:15px;line-height:25px;text-align:center;padding:.5em 0;border:1px solid #2cae6f;cursor:pointer}.item ul li:hover{background:#2cae6f}.item ul li:hover a{color:#fff}.item ul li a{color:#000}.item .active{margin:auto -15px;display:block;background:#3ece89}#navs{width:1200px;margin:0 auto}li,ul{list-style:none}.hotCourses{width:100%;min-width:1200px;text-align:center;padding:10px 0}.hotCourses ul li{cursor:pointer;position:relative;display:inline-block;width:250px;margin:.5em 0;padding:1em;border-radius:8px;box-shadow:1.8px 1px 1px grey;color:#eee;overflow:hidden;vertical-align:top}.hotCourses ul li:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;transition:background .3s ease}.hotCourses ul li:hover:before{background:hsla(0,0%,100%,.15)}.hotCourses ul li:nth-of-type(2),.hotCourses ul li:nth-of-type(6){margin:.5em 33px 0 66px}.hotCourses ul li:nth-of-type(3),.hotCourses ul li:nth-of-type(7){margin:.5em 66px 0 33px}.hotCourses .top li:first-child{background:#3399fe}.hotCourses .top li:nth-child(2){background:#82c682}.hotCourses .top li:nth-child(3){background:#3b4e61}.hotCourses .bottom li:first-child,.hotCourses .top li:nth-child(4){background:#ea907b}.hotCourses .bottom li:nth-child(2){background:#3b4e61}.hotCourses .bottom li:nth-child(3){background:#82c682}.hotCourses .bottom li:nth-child(4){background:#3399fe}.hotCourses ul li .wrapper{width:100%;height:100%;opacity:1}.hotCourses ul li:hover .wrapper{animation:font .4s}@keyframes font{0%{opacity:0;transform:translateY(3em)}to{opacity:1;transform:translateY(0)}}.iconfont{font-family:iconfont;font-style:normal}.banner{width:100%;height:520px}.banner ul.container{width:100%;height:100%;position:relative}.banner ul.container li{width:100%;position:absolute}.banner span{display:inline-block;position:absolute;z-index:999;top:25%}.banner span.left{left:20px}.banner span.right{right:20px}.message_part{width:1200px;min-width:1200px;margin:0 auto}.message_part:after,.message_part:before{content:"";display:table;clear:both}.message_part section.column{float:left;width:350px;height:500px;background:#fff;margin:2em 0;background:#f3f4f5}.message_part section.column:nth-of-type(2){margin:2em 75px}.message_part section.column div{width:340px;height:200px;margin:0 auto}.message_part section.column div img{width:100%;height:100%}.message_part section.column h2{text-align:center;margin:.5em 0;position:relative}.message_part section.column h2:after,.message_part section.column h2:before{content:"";display:block;position:absolute;bottom:-.5em;width:50%;height:2px}.message_part section.column h2:before{left:0;background:linear-gradient(90deg,transparent,#000)}.message_part section.column h2:after{right:0;background:linear-gradient(270deg,transparent,#000)}.message_part section.column ul li{height:35px;line-height:35px;padding-left:10px;overflow:hidden;border-bottom:1px dashed #dfdfdf}.message_part section.column ul li a{font-size:15px;display:block;color:#646464;text-overflow:ellipsis}.message_part section.column ul li a .icon{font-size:12px;color:#eea695;margin-right:2px}.message_part section.column ul li a:hover{color:#eea695}.message_part section.column span a{float:right;margin-top:10px;margin-right:20px;color:#3399fe}.message_part section.column span a .icon{display:inline-block;font-size:12px;color:#3399fe;vertical-align:top;margin-top:3px;margin-left:1px}.carouselWrap{margin:0 auto;width:1200px}@media (max-width:768px){.carouselWrap{width:100%}.carouselWrap .title{font-size:1.5em}}.carouselWrap .carousel{position:relative;overflow:hidden}.carouselWrap .carousel:hover .left-arrow{opacity:1}.carouselWrap .carousel .left-arrow{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:3;opacity:0;transition:opacity .3s ease}.carouselWrap .carousel .left-arrow:before{transition:background .5s ease;content:"<";font-family:icomoon;font-size:2.5em;display:block;width:40px;text-align:center;color:#fff;background:rgba(0,0,0,.6)}.carouselWrap .carousel .left-arrow:hover:before{background:#31c27c}.carouselWrap .carousel:hover .right-arrow{opacity:1}.carouselWrap .carousel .right-arrow{position:absolute;right:0;z-index:3;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .3s ease}.carouselWrap .carousel .right-arrow:before{transition:background .5s ease;content:">";display:block;width:40px;text-align:center;background:rgba(0,0,0,.6);font-family:icomoon;font-size:2.5em;color:#fff}.carouselWrap .carousel .right-arrow:hover:before{background:#31c27c}.carouselWrap .carousel .indexWrap{position:absolute;left:50%;transform:translateX(-50%);bottom:0;z-index:2}.carouselWrap .carousel .indexWrap .index{display:inline-block;padding:5px 0;cursor:pointer}.carouselWrap .carousel .indexWrap .index:before{content:"";display:inline-block;height:2.5px;background:rgba(0,0,0,.5)}.carouselWrap .carousel .indexWrap .activeIndex:before{background:#fff}@media (min-width:1201px){.carouselWrap .carousel{margin:2em auto;width:100%;height:400px}.carouselWrap .carousel .img{position:absolute;top:0;width:900px;height:400px;transition:all .4s ease}.carouselWrap .carousel .left-hidden{left:-50px;opacity:0;transform:translate(-100%) scale(.81)}.carouselWrap .carousel .left{left:-100px;transform:scale(.81);opacity:.71}.carouselWrap .carousel .left:hover{opacity:.81}.carouselWrap .carousel .middle{left:50%;transform:translate(-50%);z-index:2}.carouselWrap .carousel .right{right:-100px;transform:scale(.81);opacity:.71}.carouselWrap .carousel .right:hover{opacity:.81}.carouselWrap .carousel .right-hidden{right:-50px;opacity:0;transform:translate(100%) scale(.6)}.carouselWrap .carousel .index:before{width:30px;margin:0 5px}}@media (max-width:1200px) and (min-width:767px){.carouselWrap .carousel{margin:0 auto;width:100%;padding-bottom:40%}.carouselWrap .carousel .img{position:absolute;width:100%;left:0;top:0;transition:transform .4s ease}.carouselWrap .carousel .left-hidden,.carouselWrap .carousel .right-hidden{display:none}.carouselWrap .carousel .left{transform:translate(-100%)}.carouselWrap .carousel .right{transform:translate(100%)}.carouselWrap .carousel .index:before{width:25px;margin:0 3px}}@media (max-width:768px){.carouselWrap .carousel{margin:auto;width:100%;padding-bottom:40%}.carouselWrap .carousel .img{position:absolute;width:100%;left:0;top:0;transition:transform .4s ease}.carouselWrap .carousel .left-hidden,.carouselWrap .carousel .right-hidden{display:none}.carouselWrap .carousel .left{transform:translate(-100%)}.carouselWrap .carousel .middle{transform:translate(0)}.carouselWrap .carousel .right{transform:translate(100%)}.carouselWrap .carousel .index:before{width:20px;margin:0 2px}}aside{width:65px;border:1px solid #dfdfdf;position:absolute;bottom:100px;right:0;background:#fff}.iconfont{font-family:iconfont;font-style:normal}.consult{position:relative;width:70%;height:80px;border-bottom:1px solid #dfdfdf;margin:0 auto;text-align:center;cursor:pointer}.consult .code{position:absolute;top:-81px;right:54px;display:inline-block;width:175px;height:175px;display:none;background:#fff}.consult .code img{width:100%;height:100%}.asideicon{font-size:45px;line-height:80px;color:#8d8d8d}.consult_WeChat:hover .code{display:inline-block}.iconfont:hover{color:#090a3a}.Totop{border-bottom:none}#bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:10}#bg .loggin{padding:4em 0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:400px;background:#f3f4f5;border-radius:10px}#bg .loggin .inputWrap{display:block;margin:2em auto;position:relative}#bg .loggin .inputWrap .text{transition:all .3s ease;position:absolute;z-index:5;color:#555;top:.25em;left:1.25em}#bg .loggin .title{text-align:center;font-weight:700;font-size:2em;margin:.5em 0}#bg .loggin .input{width:100%;margin:1em 0;position:relative;height:34px;padding:6px 12px;line-height:1.42857143;color:#555;font-size:1em;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:90%;display:block;margin:0 auto}#bg .loggin .input:focus{z-index:2;border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}#bg .loggin .link{display:block;text-decoration:underline;color:blue;margin:1em 0;margin-left:calc(100% - 3em)}#bg .loggin .closeButton{display:inline-block;padding:.3em .8em;border:1px solid rgba(0,0,0,.1);background:#c00 linear-gradient(hsla(0,0%,100%,.2),transparent);border-radius:.2em;box-shadow:0 .05em .25em gray;color:#fff;text-shadow:0 -.05em .05em #335166;font-size:125%;line-height:1.5;cursor:pointer;position:absolute;right:-.5em;top:-.5em;width:1.5em;height:1.5em;padding:0;text-align:center;line-height:1.3em;border-radius:50%;transition:transform .5s ease}#bg .loggin .closeButton:hover{background-color:#e60000}#bg .loggin .closeButton:active{background-color:#b30000}#bg .loggin .closeButton:hover{transform:rotate(180deg)}#bg .loggin path{stroke-dasharray:200;stroke-dashoffset:200}#bg .loggin svg{margin:1em auto;display:block;fill:none}#bg .loggin svg:hover .rect{fill:#19cc94}#bg .loggin svg:hover .text{stroke:#fff}#bg .loggin svg #circle,#bg .loggin svg .rect{stroke-width:3;stroke:#19cc94}#bg .loggin svg .rect{cursor:pointer}#bg .loggin svg .text{cursor:pointer;stroke:#19cc94}#bg .loggin svg .arrow{stroke:#fff;stroke-width:3;stroke-dasharray:200;stroke-dashoffset:200}.footer{min-width:1200px;background:#333;width:100%;text-align:center}.footer a{color:#fff}.footer .flexBox{position:relative;width:1200px;margin:2em auto;color:#f0f0f0;font-size:1em;text-align:center}.footer .flexBox .left{float:left;vertical-align:top;padding:3em 0;font-style:italic;text-align:left;display:inline-block;line-height:1.5em}.footer .flexBox .left a{text-decoration:underline}.footer .flexBox .left .code{width:100px;height:100px;background:url(./huanyu.jpg?11d9d23d7a15ca5476c62250c50948bc);background-size:100% 100%}.footer .flexBox .center{vertical-align:top;display:inline-block}.footer .flexBox .center .logo{margin:0 auto;height:0;width:50%;padding-bottom:50%;margin-bottom:1em;background:url(./logo.png?8199692d47a0d8393b698d8b6a596551);background-size:100% 100%}.footer .flexBox .center .content,.footer .flexBox .center .title{font-size:1.3em;font-family:BrushScriptStd}.footer .flexBox .right{float:right;vertical-align:top;display:inline-block;padding:3em 0}.footer .flexBox .right .title{text-align:left;font-size:1.2em;margin-bottom:.5em}.footer .flexBox .right ul{float:left;display:inline-block}.footer .flexBox .right ul:nth-of-type(2){margin-left:10px}.footer .flexBox .right ul li{margin-top:5px;text-align:left;font-size:.9em}.footer .message{color:#999;padding:2em 0;background:#292929}.footer .message .link{font-size:1em;display:inline-block;color:#ccc}.footer .message .link:hover{color:#fff}.footer .message .description{margin-top:.5em}@media (min-width:1201px){.footer .left{margin-right:10em;margin-top:2em;width:calc(33% - 10em)}.footer .left .code{float:left;margin-right:1em;margin-bottom:.2em}.footer .center{margin-top:2em;width:calc(33% - 6em);padding:3em;padding-bottom:10em;border-right:1px solid #f0f0f0;border-left:1px solid #f0f0f0}.footer .right{margin-top:2em;margin-left:10em;width:calc(33% - 10em)}.footer .right .relative{text-align:left;display:block}.footer .right .relative .relativeLogo{display:inline-block}.footer .right .relative .name{margin-top:calc(7.5% - .5em);margin-left:1em;display:inline-block}}@media (max-width:1500px) and (min-width:769px){.footer .flexBox{display:flex}.footer .left{width:28%;margin-right:5%}.footer .left .code{float:left;margin-right:1em}.footer .center{width:28%;margin-top:2em;padding:5%;border-right:1px solid #f0f0f0;border-left:1px solid #f0f0f0}.footer .right{width:28%;margin-left:5%}.footer .right .relative{text-align:left;display:block}.footer .right .relative .relativeLogo{display:inline-block}.footer .right .relative .name{margin-top:calc(7.5% - .5em);margin-left:1em;display:inline-block}}@media (max-width:768px){.footer .center,.footer .left,.footer .right{margin:0 auto;max-width:75%}.footer .left{position:relative}.footer .left:after,.footer .left:before{content:"";display:block;position:absolute;bottom:1.5em;width:50%;height:2px}.footer .left:before{left:0;background:linear-gradient(90deg,transparent,#fff)}.footer .left:after{right:0;background:linear-gradient(270deg,transparent,#fff)}.footer .center{position:relative}.footer .center:after,.footer .center:before{content:"";display:block;position:absolute;bottom:-1.5em;width:50%;height:2px}.footer .center:before{left:0;background:linear-gradient(90deg,transparent,#fff)}.footer .center:after{right:0;background:linear-gradient(270deg,transparent,#fff)}.footer .code{margin:0 auto;margin-bottom:1em}.footer .right{display:flex}.footer .relative{text-align:center;position:relative;margin:0 auto;display:inline-block}.footer .relative .relativeLogo{margin:0 auto}} \ No newline at end of file diff --git a/dist/css/loggin.css b/dist/css/loggin.css index 520493a..8bc0962 100644 --- a/dist/css/loggin.css +++ b/dist/css/loggin.css @@ -1 +1 @@ -#register{width:1200px;padding:5em;margin:5em auto;border:1px solid rgba(0,0,0,.3);background:#f3f4f5}#register .title{position:relative;display:block;width:360px;padding:1em calc(175px - 1em);margin:0 auto}#register .title:after,#register .title:before{content:"";display:block;position:absolute;bottom:0;width:50%;height:2px}#register .title:before{left:0;background:linear-gradient(90deg,transparent,blue)}#register .title:after{right:0;background:linear-gradient(270deg,transparent,blue)}#register .inputBox{margin:1em auto;text-align:center}#register .inputBox .inputWrap{display:inline-block;margin:2em auto 0;position:relative}#register .inputBox .inputWrap .text{transition:all .3s ease;position:absolute;z-index:5;color:#555;top:.25em;left:1em}#register .inputBox .successButton{display:inline-block;padding:.3em .8em;border:1px solid rgba(0,0,0,.1);background:#5cb85c linear-gradient(hsla(0,0%,100%,.2),transparent);border-radius:.2em;box-shadow:0 .05em .25em gray;color:#fff;text-shadow:0 -.05em .05em #335166;font-size:125%;line-height:1.5;cursor:pointer;display:block;width:300px;margin:1.5em auto}#register .inputBox .successButton:hover{background-color:#6ec06e}#register .inputBox .successButton:active{background-color:#4cae4c}#register .input{width:100%;margin:1em 0;position:relative;height:34px;padding:6px 12px;line-height:1.42857143;color:#555;font-size:1em;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:300px;display:block;margin:0 auto}#register .input:focus{z-index:2;border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)} \ No newline at end of file +/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}@font-face{font-family:iconfont;src:url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.eot");src:url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.eot?#iefix") format("embedded-opentype"),url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.woff") format("woff"),url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.ttf") format("truetype"),url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.svg#iconfont") format("svg")}*{margin:0;padding:0;box-sizing:border-box;font-family:Times New Roman}.iconfont{font-family:iconfont;font-style:normal}body{background:#eee}h3{padding:1em calc(50% - 600px);background:#fff;min-width:1200px}a{text-decoration:none}.input-danger{border-color:#c00;z-index:2;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(204,0,0,.6)!important}.alert{top:0;right:0;transform:translate(calc(100% + 1em));display:inline-block;color:#f3f4f5;padding:.5em;border-radius:4px;transition:opacity .3s ease;opacity:0}.alert,.alert:before{position:absolute;background:#333}.alert:before{content:"";z-index:-1;top:.55em;left:-.5em;transform:rotate(45deg);width:1em;height:1em}#header{width:100%;background:#f9f9f9;height:60px;border:1px solid #eee}#header .headerWrap{width:1200px;margin:0 auto}#header .headerWrap .logo{float:left;vertical-align:middle;height:60px}#header .headerWrap .logo .name{vertical-align:middle;display:inline-block;font-size:1.5em;margin-top:calc(.5em - 60px)}#header .headerWrap .logButton{padding:.3em .8em;border:1px solid rgba(0,0,0,.1);background:#5cb85c linear-gradient(hsla(0,0%,100%,.2),transparent);border-radius:.2em;box-shadow:0 .05em .25em gray;color:#fff;text-shadow:0 -.05em .05em #335166;font-size:125%;line-height:1.5;cursor:pointer;font-weight:700;display:inline-block;height:50px;margin-top:5px;float:right;line-height:50px;padding:0 1em}#header .headerWrap .logButton:hover{background-color:#6ec06e}#header .headerWrap .logButton:active{background-color:#4cae4c}ul{list-style:none}#nav{min-width:1200px;width:100%;position:relative;height:60px;margin:0 auto;text-align:center;z-index:3;background:#f9f9f9;border:1px solid #eee}#nav .text{vertical-align:middle;display:inline-block;font-size:1.2em;line-height:60px}#nav ul.navs{display:inline-block;position:relative;float:left}#nav ul.navs:after,#nav ul.navs:before{content:"";display:table;clear:both}#nav ul li.item{float:left;width:110px;height:60px;padding:0 15px;line-height:60px}#nav .bg{position:absolute;width:110px;height:60px;background:#31c27c;top:0}.naver{font-weight:700;color:#000}.item{position:relative;z-index:2}.item:hover .naver{color:#fff}.item ul{position:absolute;display:none;opacity:0}.item ul li{width:110px;font-size:15px;line-height:25px;text-align:center;padding:.5em 0;border:1px solid #2cae6f;cursor:pointer}.item ul li:hover{background:#2cae6f}.item ul li:hover a{color:#fff}.item ul li a{color:#000}.item .active{margin:auto -15px;display:block;background:#3ece89}#navs{width:1200px;margin:0 auto}#bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:10}#bg .loggin{padding:4em 0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:400px;background:#f3f4f5;border-radius:10px}#bg .loggin .inputWrap{display:block;margin:2em auto;position:relative}#bg .loggin .inputWrap .text{transition:all .3s ease;position:absolute;z-index:5;color:#555;top:.25em;left:1.25em}#bg .loggin .title{text-align:center;font-weight:700;font-size:2em;margin:.5em 0}#bg .loggin .input{width:100%;margin:1em 0;position:relative;height:34px;padding:6px 12px;line-height:1.42857143;color:#555;font-size:1em;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:90%;display:block;margin:0 auto}#bg .loggin .input:focus{z-index:2;border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}#bg .loggin .link{display:block;text-decoration:underline;color:blue;margin:1em 0;margin-left:calc(100% - 3em)}#bg .loggin .closeButton{display:inline-block;padding:.3em .8em;border:1px solid rgba(0,0,0,.1);background:#c00 linear-gradient(hsla(0,0%,100%,.2),transparent);border-radius:.2em;box-shadow:0 .05em .25em gray;color:#fff;text-shadow:0 -.05em .05em #335166;font-size:125%;line-height:1.5;cursor:pointer;position:absolute;right:-.5em;top:-.5em;width:1.5em;height:1.5em;padding:0;text-align:center;line-height:1.3em;border-radius:50%;transition:transform .5s ease}#bg .loggin .closeButton:hover{background-color:#e60000}#bg .loggin .closeButton:active{background-color:#b30000}#bg .loggin .closeButton:hover{transform:rotate(180deg)}#bg .loggin path{stroke-dasharray:200;stroke-dashoffset:200}#bg .loggin svg{margin:1em auto;display:block;fill:none}#bg .loggin svg:hover .rect{fill:#19cc94}#bg .loggin svg:hover .text{stroke:#fff}#bg .loggin svg #circle,#bg .loggin svg .rect{stroke-width:3;stroke:#19cc94}#bg .loggin svg .rect{cursor:pointer}#bg .loggin svg .text{cursor:pointer;stroke:#19cc94}#bg .loggin svg .arrow{stroke:#fff;stroke-width:3;stroke-dasharray:200;stroke-dashoffset:200}.footer{min-width:1200px;background:#333;width:100%;text-align:center}.footer a{color:#fff}.footer .flexBox{position:relative;width:1200px;margin:2em auto;color:#f0f0f0;font-size:1em;text-align:center}.footer .flexBox .left{float:left;vertical-align:top;padding:3em 0;font-style:italic;text-align:left;display:inline-block;line-height:1.5em}.footer .flexBox .left a{text-decoration:underline}.footer .flexBox .left .code{width:100px;height:100px;background:url(./huanyu.jpg?11d9d23d7a15ca5476c62250c50948bc);background-size:100% 100%}.footer .flexBox .center{vertical-align:top;display:inline-block}.footer .flexBox .center .logo{margin:0 auto;height:0;width:50%;padding-bottom:50%;margin-bottom:1em;background:url(./logo.png?8199692d47a0d8393b698d8b6a596551);background-size:100% 100%}.footer .flexBox .center .content,.footer .flexBox .center .title{font-size:1.3em;font-family:BrushScriptStd}.footer .flexBox .right{float:right;vertical-align:top;display:inline-block;padding:3em 0}.footer .flexBox .right .title{text-align:left;font-size:1.2em;margin-bottom:.5em}.footer .flexBox .right ul{float:left;display:inline-block}.footer .flexBox .right ul:nth-of-type(2){margin-left:10px}.footer .flexBox .right ul li{margin-top:5px;text-align:left;font-size:.9em}.footer .message{color:#999;padding:2em 0;background:#292929}.footer .message .link{font-size:1em;display:inline-block;color:#ccc}.footer .message .link:hover{color:#fff}.footer .message .description{margin-top:.5em}@media (min-width:1201px){.footer .left{margin-right:10em;margin-top:2em;width:calc(33% - 10em)}.footer .left .code{float:left;margin-right:1em;margin-bottom:.2em}.footer .center{margin-top:2em;width:calc(33% - 6em);padding:3em;padding-bottom:10em;border-right:1px solid #f0f0f0;border-left:1px solid #f0f0f0}.footer .right{margin-top:2em;margin-left:10em;width:calc(33% - 10em)}.footer .right .relative{text-align:left;display:block}.footer .right .relative .relativeLogo{display:inline-block}.footer .right .relative .name{margin-top:calc(7.5% - .5em);margin-left:1em;display:inline-block}}@media (max-width:1500px) and (min-width:769px){.footer .flexBox{display:flex}.footer .left{width:28%;margin-right:5%}.footer .left .code{float:left;margin-right:1em}.footer .center{width:28%;margin-top:2em;padding:5%;border-right:1px solid #f0f0f0;border-left:1px solid #f0f0f0}.footer .right{width:28%;margin-left:5%}.footer .right .relative{text-align:left;display:block}.footer .right .relative .relativeLogo{display:inline-block}.footer .right .relative .name{margin-top:calc(7.5% - .5em);margin-left:1em;display:inline-block}}@media (max-width:768px){.footer .center,.footer .left,.footer .right{margin:0 auto;max-width:75%}.footer .left{position:relative}.footer .left:after,.footer .left:before{content:"";display:block;position:absolute;bottom:1.5em;width:50%;height:2px}.footer .left:before{left:0;background:linear-gradient(90deg,transparent,#fff)}.footer .left:after{right:0;background:linear-gradient(270deg,transparent,#fff)}.footer .center{position:relative}.footer .center:after,.footer .center:before{content:"";display:block;position:absolute;bottom:-1.5em;width:50%;height:2px}.footer .center:before{left:0;background:linear-gradient(90deg,transparent,#fff)}.footer .center:after{right:0;background:linear-gradient(270deg,transparent,#fff)}.footer .code{margin:0 auto;margin-bottom:1em}.footer .right{display:flex}.footer .relative{text-align:center;position:relative;margin:0 auto;display:inline-block}.footer .relative .relativeLogo{margin:0 auto}}#register{width:1200px;padding:5em;margin:5em auto;border:1px solid rgba(0,0,0,.3);background:#f3f4f5}#register .title{position:relative;display:block;width:360px;padding:1em calc(175px - 1em);margin:0 auto}#register .title:after,#register .title:before{content:"";display:block;position:absolute;bottom:0;width:50%;height:2px}#register .title:before{left:0;background:linear-gradient(90deg,transparent,#bbb)}#register .title:after{right:0;background:linear-gradient(270deg,transparent,#bbb)}#register .inputBox{margin:1em auto;text-align:center}#register .inputBox .inputWrap{display:inline-block;margin:2em auto 0;position:relative}#register .inputBox .inputWrap .text{transition:all .3s ease;position:absolute;z-index:5;color:#555;top:.25em;left:1em}#register .inputBox .successButton{display:inline-block;padding:.3em .8em;border:1px solid rgba(0,0,0,.1);background:#5cb85c linear-gradient(hsla(0,0%,100%,.2),transparent);border-radius:.2em;box-shadow:0 .05em .25em gray;color:#fff;text-shadow:0 -.05em .05em #335166;font-size:125%;line-height:1.5;cursor:pointer;display:block;width:300px;margin:1.5em auto}#register .inputBox .successButton:hover{background-color:#6ec06e}#register .inputBox .successButton:active{background-color:#4cae4c}#register .input{width:100%;margin:1em 0;position:relative;height:34px;padding:6px 12px;line-height:1.42857143;color:#555;font-size:1em;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:300px;display:block;margin:0 auto}#register .input:focus{z-index:2;border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)} \ No newline at end of file diff --git a/dist/css/school.css b/dist/css/school.css new file mode 100644 index 0000000..c94d1eb --- /dev/null +++ b/dist/css/school.css @@ -0,0 +1 @@ +/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}@font-face{font-family:iconfont;src:url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.eot");src:url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.eot?#iefix") format("embedded-opentype"),url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.woff") format("woff"),url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.ttf") format("truetype"),url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.svg#iconfont") format("svg")}*{margin:0;padding:0;box-sizing:border-box;font-family:Times New Roman}.iconfont{font-family:iconfont;font-style:normal}body{background:#eee}h3{padding:1em calc(50% - 600px);background:#fff;min-width:1200px}a{text-decoration:none}.input-danger{border-color:#c00;z-index:2;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(204,0,0,.6)!important}.alert{top:0;right:0;transform:translate(calc(100% + 1em));display:inline-block;color:#f3f4f5;padding:.5em;border-radius:4px;transition:opacity .3s ease;opacity:0}.alert,.alert:before{position:absolute;background:#333}.alert:before{content:"";z-index:-1;top:.55em;left:-.5em;transform:rotate(45deg);width:1em;height:1em}#header{width:100%;background:#f9f9f9;height:60px;border:1px solid #eee}#header .headerWrap{width:1200px;margin:0 auto}#header .headerWrap .logo{float:left;vertical-align:middle;height:60px}#header .headerWrap .logo .name{vertical-align:middle;display:inline-block;font-size:1.5em;margin-top:calc(.5em - 60px)}#header .headerWrap .logButton{padding:.3em .8em;border:1px solid rgba(0,0,0,.1);background:#5cb85c linear-gradient(hsla(0,0%,100%,.2),transparent);border-radius:.2em;box-shadow:0 .05em .25em gray;color:#fff;text-shadow:0 -.05em .05em #335166;font-size:125%;line-height:1.5;cursor:pointer;font-weight:700;display:inline-block;height:50px;margin-top:5px;float:right;line-height:50px;padding:0 1em}#header .headerWrap .logButton:hover{background-color:#6ec06e}#header .headerWrap .logButton:active{background-color:#4cae4c}ul{list-style:none}#nav{min-width:1200px;width:100%;position:relative;height:60px;margin:0 auto;text-align:center;z-index:3;background:#f9f9f9;border:1px solid #eee}#nav .text{vertical-align:middle;display:inline-block;font-size:1.2em;line-height:60px}#nav ul.navs{display:inline-block;position:relative;float:left}#nav ul.navs:after,#nav ul.navs:before{content:"";display:table;clear:both}#nav ul li.item{float:left;width:110px;height:60px;padding:0 15px;line-height:60px}#nav .bg{position:absolute;width:110px;height:60px;background:#31c27c;top:0}.naver{font-weight:700;color:#000}.item{position:relative;z-index:2}.item:hover .naver{color:#fff}.item ul{position:absolute;display:none;opacity:0}.item ul li{width:110px;font-size:15px;line-height:25px;text-align:center;padding:.5em 0;border:1px solid #2cae6f;cursor:pointer}.item ul li:hover{background:#2cae6f}.item ul li:hover a{color:#fff}.item ul li a{color:#000}.item .active{margin:auto -15px;display:block;background:#3ece89}#navs{width:1200px;margin:0 auto}#bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:10}#bg .loggin{padding:4em 0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:400px;background:#f3f4f5;border-radius:10px}#bg .loggin .inputWrap{display:block;margin:2em auto;position:relative}#bg .loggin .inputWrap .text{transition:all .3s ease;position:absolute;z-index:5;color:#555;top:.25em;left:1.25em}#bg .loggin .title{text-align:center;font-weight:700;font-size:2em;margin:.5em 0}#bg .loggin .input{width:100%;margin:1em 0;position:relative;height:34px;padding:6px 12px;line-height:1.42857143;color:#555;font-size:1em;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:90%;display:block;margin:0 auto}#bg .loggin .input:focus{z-index:2;border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}#bg .loggin .link{display:block;text-decoration:underline;color:blue;margin:1em 0;margin-left:calc(100% - 3em)}#bg .loggin .closeButton{display:inline-block;padding:.3em .8em;border:1px solid rgba(0,0,0,.1);background:#c00 linear-gradient(hsla(0,0%,100%,.2),transparent);border-radius:.2em;box-shadow:0 .05em .25em gray;color:#fff;text-shadow:0 -.05em .05em #335166;font-size:125%;line-height:1.5;cursor:pointer;position:absolute;right:-.5em;top:-.5em;width:1.5em;height:1.5em;padding:0;text-align:center;line-height:1.3em;border-radius:50%;transition:transform .5s ease}#bg .loggin .closeButton:hover{background-color:#e60000}#bg .loggin .closeButton:active{background-color:#b30000}#bg .loggin .closeButton:hover{transform:rotate(180deg)}#bg .loggin path{stroke-dasharray:200;stroke-dashoffset:200}#bg .loggin svg{margin:1em auto;display:block;fill:none}#bg .loggin svg:hover .rect{fill:#19cc94}#bg .loggin svg:hover .text{stroke:#fff}#bg .loggin svg #circle,#bg .loggin svg .rect{stroke-width:3;stroke:#19cc94}#bg .loggin svg .rect{cursor:pointer}#bg .loggin svg .text{cursor:pointer;stroke:#19cc94}#bg .loggin svg .arrow{stroke:#fff;stroke-width:3;stroke-dasharray:200;stroke-dashoffset:200}.footer{min-width:1200px;background:#333;width:100%;text-align:center}.footer a{color:#fff}.footer .flexBox{position:relative;width:1200px;margin:2em auto;color:#f0f0f0;font-size:1em;text-align:center}.footer .flexBox .left{float:left;vertical-align:top;padding:3em 0;font-style:italic;text-align:left;display:inline-block;line-height:1.5em}.footer .flexBox .left a{text-decoration:underline}.footer .flexBox .left .code{width:100px;height:100px;background:url(./huanyu.jpg?11d9d23d7a15ca5476c62250c50948bc);background-size:100% 100%}.footer .flexBox .center{vertical-align:top;display:inline-block}.footer .flexBox .center .logo{margin:0 auto;height:0;width:50%;padding-bottom:50%;margin-bottom:1em;background:url(./logo.png?8199692d47a0d8393b698d8b6a596551);background-size:100% 100%}.footer .flexBox .center .content,.footer .flexBox .center .title{font-size:1.3em;font-family:BrushScriptStd}.footer .flexBox .right{float:right;vertical-align:top;display:inline-block;padding:3em 0}.footer .flexBox .right .title{text-align:left;font-size:1.2em;margin-bottom:.5em}.footer .flexBox .right ul{float:left;display:inline-block}.footer .flexBox .right ul:nth-of-type(2){margin-left:10px}.footer .flexBox .right ul li{margin-top:5px;text-align:left;font-size:.9em}.footer .message{color:#999;padding:2em 0;background:#292929}.footer .message .link{font-size:1em;display:inline-block;color:#ccc}.footer .message .link:hover{color:#fff}.footer .message .description{margin-top:.5em}@media (min-width:1201px){.footer .left{margin-right:10em;margin-top:2em;width:calc(33% - 10em)}.footer .left .code{float:left;margin-right:1em;margin-bottom:.2em}.footer .center{margin-top:2em;width:calc(33% - 6em);padding:3em;padding-bottom:10em;border-right:1px solid #f0f0f0;border-left:1px solid #f0f0f0}.footer .right{margin-top:2em;margin-left:10em;width:calc(33% - 10em)}.footer .right .relative{text-align:left;display:block}.footer .right .relative .relativeLogo{display:inline-block}.footer .right .relative .name{margin-top:calc(7.5% - .5em);margin-left:1em;display:inline-block}}@media (max-width:1500px) and (min-width:769px){.footer .flexBox{display:flex}.footer .left{width:28%;margin-right:5%}.footer .left .code{float:left;margin-right:1em}.footer .center{width:28%;margin-top:2em;padding:5%;border-right:1px solid #f0f0f0;border-left:1px solid #f0f0f0}.footer .right{width:28%;margin-left:5%}.footer .right .relative{text-align:left;display:block}.footer .right .relative .relativeLogo{display:inline-block}.footer .right .relative .name{margin-top:calc(7.5% - .5em);margin-left:1em;display:inline-block}}@media (max-width:768px){.footer .center,.footer .left,.footer .right{margin:0 auto;max-width:75%}.footer .left{position:relative}.footer .left:after,.footer .left:before{content:"";display:block;position:absolute;bottom:1.5em;width:50%;height:2px}.footer .left:before{left:0;background:linear-gradient(90deg,transparent,#fff)}.footer .left:after{right:0;background:linear-gradient(270deg,transparent,#fff)}.footer .center{position:relative}.footer .center:after,.footer .center:before{content:"";display:block;position:absolute;bottom:-1.5em;width:50%;height:2px}.footer .center:before{left:0;background:linear-gradient(90deg,transparent,#fff)}.footer .center:after{right:0;background:linear-gradient(270deg,transparent,#fff)}.footer .code{margin:0 auto;margin-bottom:1em}.footer .right{display:flex}.footer .relative{text-align:center;position:relative;margin:0 auto;display:inline-block}.footer .relative .relativeLogo{margin:0 auto}} \ No newline at end of file diff --git a/dist/css/view.css b/dist/css/view.css new file mode 100644 index 0000000..7a850f5 --- /dev/null +++ b/dist/css/view.css @@ -0,0 +1 @@ +/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}@font-face{font-family:iconfont;src:url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.eot");src:url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.eot?#iefix") format("embedded-opentype"),url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.woff") format("woff"),url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.ttf") format("truetype"),url("http://at.alicdn.com/t/font_qltc6hhhw5j6ecdi.svg#iconfont") format("svg")}*{margin:0;padding:0;box-sizing:border-box;font-family:Times New Roman}.iconfont{font-family:iconfont;font-style:normal}body{background:#eee}h3{padding:1em calc(50% - 600px);background:#fff;min-width:1200px}a{text-decoration:none}.input-danger{border-color:#c00;z-index:2;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(204,0,0,.6)!important}.alert{top:0;right:0;transform:translate(calc(100% + 1em));display:inline-block;color:#f3f4f5;padding:.5em;border-radius:4px;transition:opacity .3s ease;opacity:0}.alert,.alert:before{position:absolute;background:#333}.alert:before{content:"";z-index:-1;top:.55em;left:-.5em;transform:rotate(45deg);width:1em;height:1em}#header{width:100%;background:#f9f9f9;height:60px;border:1px solid #eee}#header .headerWrap{width:1200px;margin:0 auto}#header .headerWrap .logo{float:left;vertical-align:middle;height:60px}#header .headerWrap .logo .name{vertical-align:middle;display:inline-block;font-size:1.5em;margin-top:calc(.5em - 60px)}#header .headerWrap .logButton{padding:.3em .8em;border:1px solid rgba(0,0,0,.1);background:#5cb85c linear-gradient(hsla(0,0%,100%,.2),transparent);border-radius:.2em;box-shadow:0 .05em .25em gray;color:#fff;text-shadow:0 -.05em .05em #335166;font-size:125%;line-height:1.5;cursor:pointer;font-weight:700;display:inline-block;height:50px;margin-top:5px;float:right;line-height:50px;padding:0 1em}#header .headerWrap .logButton:hover{background-color:#6ec06e}#header .headerWrap .logButton:active{background-color:#4cae4c}ul{list-style:none}#nav{min-width:1200px;width:100%;position:relative;height:60px;margin:0 auto;text-align:center;z-index:3;background:#f9f9f9;border:1px solid #eee}#nav .text{vertical-align:middle;display:inline-block;font-size:1.2em;line-height:60px}#nav ul.navs{display:inline-block;position:relative;float:left}#nav ul.navs:after,#nav ul.navs:before{content:"";display:table;clear:both}#nav ul li.item{float:left;width:110px;height:60px;padding:0 15px;line-height:60px}#nav .bg{position:absolute;width:110px;height:60px;background:#31c27c;top:0}.naver{font-weight:700;color:#000}.item{position:relative;z-index:2}.item:hover .naver{color:#fff}.item ul{position:absolute;display:none;opacity:0}.item ul li{width:110px;font-size:15px;line-height:25px;text-align:center;padding:.5em 0;border:1px solid #2cae6f;cursor:pointer}.item ul li:hover{background:#2cae6f}.item ul li:hover a{color:#fff}.item ul li a{color:#000}.item .active{margin:auto -15px;display:block;background:#3ece89}#navs{width:1200px;margin:0 auto}#bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:10}#bg .loggin{padding:4em 0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:400px;background:#f3f4f5;border-radius:10px}#bg .loggin .inputWrap{display:block;margin:2em auto;position:relative}#bg .loggin .inputWrap .text{transition:all .3s ease;position:absolute;z-index:5;color:#555;top:.25em;left:1.25em}#bg .loggin .title{text-align:center;font-weight:700;font-size:2em;margin:.5em 0}#bg .loggin .input{width:100%;margin:1em 0;position:relative;height:34px;padding:6px 12px;line-height:1.42857143;color:#555;font-size:1em;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:90%;display:block;margin:0 auto}#bg .loggin .input:focus{z-index:2;border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}#bg .loggin .link{display:block;text-decoration:underline;color:blue;margin:1em 0;margin-left:calc(100% - 3em)}#bg .loggin .closeButton{display:inline-block;padding:.3em .8em;border:1px solid rgba(0,0,0,.1);background:#c00 linear-gradient(hsla(0,0%,100%,.2),transparent);border-radius:.2em;box-shadow:0 .05em .25em gray;color:#fff;text-shadow:0 -.05em .05em #335166;font-size:125%;line-height:1.5;cursor:pointer;position:absolute;right:-.5em;top:-.5em;width:1.5em;height:1.5em;padding:0;text-align:center;line-height:1.3em;border-radius:50%;transition:transform .5s ease}#bg .loggin .closeButton:hover{background-color:#e60000}#bg .loggin .closeButton:active{background-color:#b30000}#bg .loggin .closeButton:hover{transform:rotate(180deg)}#bg .loggin path{stroke-dasharray:200;stroke-dashoffset:200}#bg .loggin svg{margin:1em auto;display:block;fill:none}#bg .loggin svg:hover .rect{fill:#19cc94}#bg .loggin svg:hover .text{stroke:#fff}#bg .loggin svg #circle,#bg .loggin svg .rect{stroke-width:3;stroke:#19cc94}#bg .loggin svg .rect{cursor:pointer}#bg .loggin svg .text{cursor:pointer;stroke:#19cc94}#bg .loggin svg .arrow{stroke:#fff;stroke-width:3;stroke-dasharray:200;stroke-dashoffset:200}.footer{min-width:1200px;background:#333;width:100%;text-align:center}.footer a{color:#fff}.footer .flexBox{position:relative;width:1200px;margin:2em auto;color:#f0f0f0;font-size:1em;text-align:center}.footer .flexBox .left{float:left;vertical-align:top;padding:3em 0;font-style:italic;text-align:left;display:inline-block;line-height:1.5em}.footer .flexBox .left a{text-decoration:underline}.footer .flexBox .left .code{width:100px;height:100px;background:url(./huanyu.jpg?11d9d23d7a15ca5476c62250c50948bc);background-size:100% 100%}.footer .flexBox .center{vertical-align:top;display:inline-block}.footer .flexBox .center .logo{margin:0 auto;height:0;width:50%;padding-bottom:50%;margin-bottom:1em;background:url(./logo.png?8199692d47a0d8393b698d8b6a596551);background-size:100% 100%}.footer .flexBox .center .content,.footer .flexBox .center .title{font-size:1.3em;font-family:BrushScriptStd}.footer .flexBox .right{float:right;vertical-align:top;display:inline-block;padding:3em 0}.footer .flexBox .right .title{text-align:left;font-size:1.2em;margin-bottom:.5em}.footer .flexBox .right ul{float:left;display:inline-block}.footer .flexBox .right ul:nth-of-type(2){margin-left:10px}.footer .flexBox .right ul li{margin-top:5px;text-align:left;font-size:.9em}.footer .message{color:#999;padding:2em 0;background:#292929}.footer .message .link{font-size:1em;display:inline-block;color:#ccc}.footer .message .link:hover{color:#fff}.footer .message .description{margin-top:.5em}@media (min-width:1201px){.footer .left{margin-right:10em;margin-top:2em;width:calc(33% - 10em)}.footer .left .code{float:left;margin-right:1em;margin-bottom:.2em}.footer .center{margin-top:2em;width:calc(33% - 6em);padding:3em;padding-bottom:10em;border-right:1px solid #f0f0f0;border-left:1px solid #f0f0f0}.footer .right{margin-top:2em;margin-left:10em;width:calc(33% - 10em)}.footer .right .relative{text-align:left;display:block}.footer .right .relative .relativeLogo{display:inline-block}.footer .right .relative .name{margin-top:calc(7.5% - .5em);margin-left:1em;display:inline-block}}@media (max-width:1500px) and (min-width:769px){.footer .flexBox{display:flex}.footer .left{width:28%;margin-right:5%}.footer .left .code{float:left;margin-right:1em}.footer .center{width:28%;margin-top:2em;padding:5%;border-right:1px solid #f0f0f0;border-left:1px solid #f0f0f0}.footer .right{width:28%;margin-left:5%}.footer .right .relative{text-align:left;display:block}.footer .right .relative .relativeLogo{display:inline-block}.footer .right .relative .name{margin-top:calc(7.5% - .5em);margin-left:1em;display:inline-block}}@media (max-width:768px){.footer .center,.footer .left,.footer .right{margin:0 auto;max-width:75%}.footer .left{position:relative}.footer .left:after,.footer .left:before{content:"";display:block;position:absolute;bottom:1.5em;width:50%;height:2px}.footer .left:before{left:0;background:linear-gradient(90deg,transparent,#fff)}.footer .left:after{right:0;background:linear-gradient(270deg,transparent,#fff)}.footer .center{position:relative}.footer .center:after,.footer .center:before{content:"";display:block;position:absolute;bottom:-1.5em;width:50%;height:2px}.footer .center:before{left:0;background:linear-gradient(90deg,transparent,#fff)}.footer .center:after{right:0;background:linear-gradient(270deg,transparent,#fff)}.footer .code{margin:0 auto;margin-bottom:1em}.footer .right{display:flex}.footer .relative{text-align:center;position:relative;margin:0 auto;display:inline-block}.footer .relative .relativeLogo{margin:0 auto}}*{font-family:\\5FAE\8F6F\96C5\9ED1;margin:0;padding:0}body{min-width:1200px;width:100%}a{text-decoration:none}@font-face{font-family:iconfont;src:url("http://at.alicdn.com/t/font_pl1dvkwvk3n2ke29.eot");src:url("http://at.alicdn.com/t/font_pl1dvkwvk3n2ke29.eot?#iefix") format("embedded-opentype"),url("http://at.alicdn.com/t/font_pl1dvkwvk3n2ke29.woff") format("woff"),url("http://at.alicdn.com/t/font_pl1dvkwvk3n2ke29.ttf") format("truetype"),url("http://at.alicdn.com/t/font_pl1dvkwvk3n2ke29.svg#iconfont") format("svg")}.clearfix:after,.clearfix:before{content:".";clear:both;height:0;display:block;visibility:hidden}#container{margin:0 100px}#container .top .iconfont{font-family:iconfont;font-style:normal;color:#4d4c4c;font-size:25px;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;vertical-align:middle}#container .top{background:#ededed;padding:10px;margin-bottom:20px;height:40px;border-bottom:1px solid #ccc}#container .top .word{font-size:18px;line-height:35px}#container .top .word a{color:#000}#container .main{width:80%;float:left;border-right:1px solid #ddd}#container .main .artical{margin-bottom:20px;border-bottom:1px solid #ddd}#container .main .artical .left{float:left;border-radius:50px;width:100px;height:100px;background:#ededed}#container .main .artical .left .date{font-size:40px;color:#e67219;padding-left:25%;border-bottom:1px solid #ccc}#container .main .artical .left .month,.year{padding-left:30%}#container .main .artical .middle{margin:0 auto;width:800px}#container .main .artical .middle .title{text-align:center;font-size:18px;font-family:\\9ED1\4F53;font-weight:700}#container .main .artical .middle .title a{color:#373737}#container .main .artical .middle .detail{text-align:center;color:#4c4c4c;font-size:12px;margin-top:3px}#container .main .artical .middle .content{margin-top:10px}#container .main .artical .middle .content p{line-height:25px;text-indent:2em;font-size:14px;margin:30px 50px}#container .main .artical .middle .content img{width:600px;height:400px;border-radius:30px;display:block;margin:30px 100px}#container .main .more{display:inline-block;padding-left:180px;margin-bottom:30px}#container .main .more span{color:#fff;border-radius:5px;width:60px;height:25px;padding-left:1px;padding-right:3px;line-height:25px;background:#e67219;font-size:15px}#container .main .more a{color:#000;padding-left:10px}#container .main .more a:hover{color:#6262f6}#container .right{float:right;width:200px}#container .right img{width:200px;height:250px;border-radius:5%;margin-bottom:20px} \ No newline at end of file diff --git a/dist/index.html b/dist/index.html index e09ebf0..1ce0807 100644 --- a/dist/index.html +++ b/dist/index.html @@ -4,17 +4,21 @@ Document - +