#nav{padding:0;margin:0 0 0 20px}#nav li{font-size:18px;list-style-type:none;margin-left:0;margin-top:20px;margin-bottom:20px}#nav li a:-webkit-any-link{color:#fff;cursor:pointer;text-decoration:underline}.header{text-align:center;background-color:#1e90ff;height:110px;color:#fff}.header .title{font-size:32px;font-weight:700;padding-top:23px}.header .num,.header a{text-decoration:underline}.header a{color:#fff;cursor:pointer}body{margin:0;padding:0}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_855279_8wkv6snutqb.eot);src:url(//at.alicdn.com/t/font_855279_8wkv6snutqb.eot#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_855279_8wkv6snutqb.woff) format("woff"),url(//at.alicdn.com/t/font_855279_8wkv6snutqb.ttf) format("truetype"),url(//at.alicdn.com/t/font_855279_8wkv6snutqb.svg#iconfont) format("svg")}.iconfont{font-family:iconfont!important;font-size:12px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}ul{padding-inline-start:0;margin-block-start:0;margin-block-end:0;font-size:14px}#testSsr .header{line-height:1;display:flex;flex-flow:row;justify-content:center;font-family:Montserrat,cursive;margin:10px 0;color:#20b2aa}#testSsr .header .title{display:inline-block;font-size:63px;font-weight:900}#testSsr .header a{margin-left:40px;text-decoration:none}#testSsr .container{width:80vw;min-height:90vh;display:flex;flex-flow:row;margin:0 auto}#testSsr .container .sider-container{width:30vw}#testSsr .container .sider-container .list section .list-header{color:#ec048e;display:block;font-size:12px;font-weight:700;margin-bottom:0;text-transform:uppercase}#testSsr .container .sider-container .list section .list-body{margin:15px}#testSsr .container .sider-container .list section .list-body li{font-size:12px;background-color:#3cb371;color:#fff;display:inline-block;font-weight:700;margin:0 2px 5px;padding:10px;text-decoration:none;text-transform:uppercase;cursor:pointer}#testSsr .container .content-container{width:70vw}#testSsr .container .content-container .content ul{min-height:100px;width:100%;max-height:100px;display:flex;flex-flow:row;flex-wrap:wrap;justify-content:center}#testSsr .container .content-container .content ul li{border-radius:8%;height:17px;font-size:8px;background-color:#8b0000;color:#fff;display:inline-block;font-weight:700;margin:0 1px 5px;padding:4px 10px;text-decoration:none;text-transform:uppercase}#testSsr .container .content-container .content ul li span{margin-left:15px;cursor:pointer}#testSsr .container .content-container .content ul li .last-span{margin-left:0}#testSsr .container .content-container .content .canvas{display:flex;flex-flow:row;justify-content:center}#testSsr .container .content-container .content .turn-page{width:100%;display:flex;flex-flow:row;justify-content:center}#testSsr .container .content-container .content .turn-page input{display:none}#testSsr .container .content-container .content .turn-page span{margin:5vh 5px 5px}#testSsr .container .content-container .content .turn-page span .iconfont{font-size:25px}#testSsr .container .content-container .content .turn-page :last-child{margin-left:30px}.warpper{font-family:Arial;width:990px;margin:0 auto;padding-top:10px;padding-bottom:10px}.warpper .header{margin-bottom:40px}.warpper .header img{width:100%}.warpper .sider{display:inline-block;background-color:#1e90ff;width:200px;height:400px}.warpper .content{float:right;width:750px;background-color:#fff;position:relative;z-index:999;text-align:left;padding:10px}.warpper .content b{font-weight:900}.warpper .content h3{display:block;font-size:1.17em;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;font-weight:700}.warpper .footer{float:left;width:100%;height:50px;line-height:50px;text-align:center;background-color:#1e90ff;margin:15px auto}.demo{display:flex;flex-flow:column;justify-items:center;justify-content:center;align-items:center;font-size:75px}.demo .footer{font-size:medium}