a,a *{color:#0593E4}a:hover,a:hover *{cursor:pointer;color:#E25907}a:active,a:active *{cursor:pointer;color:#8A45A4}body{font-family:"Open Sans",sans-serif;background-color:#eee;color:#45474D}main{max-width:1280px;margin:auto}.fixed header{padding:10px 0}header{padding:15px 0;margin:auto;text-align:center;background-color:#2C313D;-webkit-transition:padding .2s ease-in-out;-moz-transition:padding .2s ease-in-out;-o-transition:padding .2s ease-in-out;transition:padding .2s ease-in-out}header>div{max-width:1280px;margin:auto}header nav a{display:inline-block;font-size:17px;line-height:30px;text-decoration:none;padding:0px 8px;border:1px solid rgba(255,255,255,0.25);border-radius:4px}header nav a:hover{background-color:rgba(255,255,255,0.15);border:1px solid #FFF;color:#FFF}header nav a:active{color:rgba(255,255,255,0.75)}header form{float:right;margin-right:10px}.logo{float:left;color:#efefef;font-size:25px;font-weight:700;letter-spacing:-0.5em;margin-left:10px}.logo span{display:inline-block;font-size:19px;letter-spacing:-0.05em;font-weight:700;color:#000;border-radius:2px;padding:4px 5px;margin-left:5px;box-shadow:0 3px 5px rgba(0,0,0,0.5);text-transform:uppercase;background-color:#15CA07}.logo span:first-child{background-color:#139DE5;color:#002E46}.logo span:last-child{background-color:#FFAE20;color:#4E1600}.footnav{max-width:1280px;margin:auto;margin-bottom:15px;text-align:center;background-color:#2C313D}.footnav a{display:inline-block;font-size:15px;line-height:30px;padding:0px 8px}footer{display:block;clear:both;padding:15px;min-height:60px;margin:auto;text-align:center;background-color:#2C313D;color:#fff}footer .logo{margin:auto;float:none}.navtags{border-bottom:0px solid #aaa;padding:10px 0;text-align:center}.navtags a{font-size:15px;line-height:32px;text-decoration:none;padding:0 2px;border:1px solid #aaa;border-radius:4px;padding:2px 5px}.navtags a:hover{background-color:#fff}article{padding:20px 10px}article h1{display:inline-block;font-size:26px;line-height:30px;letter-spacing:-0.03em;border-radius:2px;font-weight:700}article p{font-size:15px;line-height:20px}.discount{position:absolute;top:-10px;right:-10px;width:50px;height:50px;line-height:10px;border-radius:50%;background-color:#EB2C3E;color:#fff;text-align:center;z-index:1;box-shadow:0 5px 10px rgba(0,0,0,0.25);border:3px solid #fff}.discount em{display:block;margin-top:9px;font-size:17px;line-height:19px;font-weight:bold}.discount span{font-size:13px;line-height:13px;color:#fff;text-align:center}.mimgs{width:100%}.mimgs .item{width:16.66666%;display:inline-block;text-align:center;vertical-align:top}@media screen and (max-width: 1024px){.mimgs .item{width:25%}}@media screen and (max-width: 768px){.mimgs .item{width:20%}}@media screen and (max-width: 640px){.mimgs .item{width:33%}}@media screen and (max-width: 480px){.mimgs .item{width:50%}}.mimgs .item a{display:block;margin:5px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);transition:all .3s cubic-bezier(.25, .8, .25, 1);border:1px solid rgba(255,255,255,0.25)}.mimgs .item a:hover{box-shadow:0 5px 10px rgba(0,0,0,0.25)}.mimgs .item img{display:block;width:100%;height:auto;padding:0;margin:0}.grid{width:100%}.grid .item{width:20%;display:inline-block;text-align:center;vertical-align:top}@media screen and (max-width: 768px){.grid .item{width:20%}}@media screen and (max-width: 640px){.grid .item{width:33%}}@media screen and (max-width: 480px){.grid .item{width:50%}}.grid .item img{width:100%;height:auto;border-bottom:3px solid rgba(0,0,0,0.1)}.grid .item div{width:94%;position:relative;display:inline-block;background-color:#fff;margin-bottom:6%;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);transition:all .3s cubic-bezier(.25, .8, .25, 1);font-size:15px;line-height:20px}.grid .item div:hover{box-shadow:0 10px 20px rgba(0,0,0,0.25)}.grid .item div a.sitename{border-bottom:1px solid #ddd;display:block;font-size:17px;line-height:20px;margin:0 85px 0 5px;padding-bottom:5px}.grid .item div p{font-size:12px;line-height:14px;margin:10px 90px 10px 10px}.grid .item div .discount{position:absolute;top:-10px;right:-10px}.grid .brief{float:right;width:80px;margin-bottom:40px}.grid .brief .price{display:block;line-height:14px;border-left:1px solid #ddd;margin-bottom:5px;height:auto}.grid .brief .price del{display:block;font-size:11px;line-height:18px;color:#E73C3C}.grid .brief .price span{display:block;font-size:18px;line-height:24px;letter-spacing:-0.03em;border-top:1px solid #ddd;border-bottom:1px solid #ddd;color:#1F844C;font-weight:700}.grid .brief .price i{color:#6A6C75;font-size:12px;line-height:14px}.grid .brief .price i.ok{color:#1DA65A;font-weight:700}.grid .visit{position:absolute;display:block;padding:5px 0;font-size:17px;line-height:28px;text-decoration:none;border-top-left-radius:7px;background-color:#FFAE20;border-right:2px solid #FF9320;color:#fff;width:80px;bottom:0;right:0}.grid .visit:hover{background-color:#FF9320}.categories a{display:block;padding:15px 0;font-size:22px}.grid2 .item{width:50%}@media screen and (max-width: 768px){.grid2 .item{width:100%}}.grid3 .item{width:33%}@media screen and (max-width: 1024px){.grid3 .item{width:50%}}@media screen and (max-width: 640px){.grid3 .item{width:100%}}.grid4 .item{width:25%}@media screen and (max-width: 1024px){.grid4 .item{width:33%}}@media screen and (max-width: 640px){.grid4 .item{width:50%}}@media screen and (max-width: 480px){.grid4 .item{width:100%}}.grid5 .item{width:20%}@media screen and (max-width: 1024px){.grid5 .item{width:25%}}@media screen and (max-width: 768px){.grid5 .item{width:33%}}@media screen and (max-width: 640px){.grid5 .item{width:50%}}@media screen and (max-width: 480px){.grid5 .item{width:100%}}.bonsite{display:block}.bonsite li{display:inline-block;width:150px;text-align:center;vertical-align:top}.bonsite li a{text-decoration:none;font-size:15px;line-height:17px}.bonsite li .img{display:block;margin:0 auto 2px}.bonsite li .img img{border:1px solid #333}.bonsite li .tag{display:block;font-size:10px;line-height:12px}.bonsite_list li{display:block;min-height:90px;text-align:left;padding:15px 0;border-bottom:1px solid #ccc}.bonsite_list li:last-child{border-bottom:0}.bonsite_list .img{display:block;position:absolute}.bonsite_list .img img{border:1px solid #333}.bonsite_list .desc{display:block;margin-left:140px}.bonsite_list .price,.bonsite_list .tag{display:block;font-size:17px;line-height:22px}.netsite{min-height:130px}.netsite .img{display:block;position:absolute}.netsite .img img{border:1px solid #333}.netsite .desc{display:block;margin-left:300px}.netsite .name{display:block;font-size:17px;line-height:22px}.netsite .price{display:block;font-size:17px;line-height:22px}.netsite p{border:1px solid #ccc;padding:5px 10px 4px;border-radius:4px}h2{font-size:22px;line-height:28px}.biglink{display:block;font-size:22px;line-height:28px;text-align:center;padding:20px}.site{position:relative}.site aside{position:absolute;right:0;top:0;bottom:0;width:300px;background-color:#fff}@media screen and (max-width: 768px){.site aside{position:static;position:block;margin:20px;width:auto}}.site aside h2{padding:8px 10px}.site aside ul li{display:block;position:relative;clear:both;min-height:50px;padding:10px 10px;border-bottom:1px dotted #ccc}.site aside ul img{width:75px;height:50px;float:left;margin-top:0px;margin-right:10px;border:1px solid #fff}.site aside ul .name{display:block;font-size:15px;line-height:17px;padding-bottom:2px}.site aside ul .price{display:block;font-size:12px;line-height:17px}.site aside ul .price del{color:#d00}.site aside ul .discount{top:8px;right:8px;width:50px;height:50px}.site article{margin:20px 320px 20px 0;padding:20px;background-color:#fff;min-height:400px}@media screen and (max-width: 768px){.site article{margin:20px}}.site article h1{display:block;padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #aaa}.site article h2{padding-bottom:5px;margin:10px 0;border-bottom:1px solid #aaa}.site article p{padding-bottom:10px}.site article .imgs,.site article .tags{padding-bottom:10px}.thedeal{border:1px solid #ccc;margin-bottom:15px}.thedeal span{display:inline-block;border-right:1px solid #ccc;padding:0 10px;margin:10px 0 10px;vertical-align:top}.thedeal span i{display:block;font-size:11px;line-height:17px}.thedeal .drate{background-color:#ff8a00;color:#fff;margin:0;padding:10px 10px;border:2px solid #fff;font-size:24px;line-height:34px;letter-spacing:-0.05em}.thedeal .link{font-size:24px;line-height:34px;padding:0 0 0 10px;border-right:0}.thedeal .link a{padding:0 10px 2px;background-color:#46a92f;color:#fff;text-decoration:none;border-radius:12px}.thedeal .link a:hover{background-color:#3DCE1B}.pricedesc ul li{font-size:15px;line-height:24px;border-bottom:1px solid #ddd;padding:5px 0}.pricedesc ul b{float:left;width:120px}.pricedesc ul i{float:right;font-size:12px}
