| 12 |
- @font-face{font-family:'PTSans';src:url("./../fonts/ptsans/PTSans-Regular.eot");src:url("./../fonts/ptsans/PTSans-Regular.eot?#iefix") format("embedded-opentype"),url("./../fonts/ptsans/PTSans-Regular.woff") format("woff"),url("./../fonts/ptsans/PTSans-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:'Open Sans';src:url("./../fonts/opensans/OpenSans-Regular.eot");src:url("./../fonts/opensans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),url("./../fonts/opensans/OpenSans-Regular.woff") format("woff"),url("./../fonts/opensans/OpenSans-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}*{box-sizing:border-box}html{font-size:10px}body{font-size:1.6rem;font-family:PTSans}img{max-width:100%}header.slider{transition:1s}header div.shadowslider{background-color:rgba(0,0,0,0.6);height:224px}header div.shadowslider section.content{width:1100px;max-width:90%;margin:0 auto;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}header div.shadowslider section.content div.header-logo{padding-top:30px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}header div.shadowslider section.content div.header-logo img{height:62px;margin-bottom:4px}header div.shadowslider section.content div.header-logo p{font-family:Open Sans;font-size:1.4rem;color:#fff;margin-bottom:30px}header div.shadowslider section.content li{display:inline}header div.shadowslider section.content li input{border:1px solid #fff;background:transparent;color:#fff;height:40px;width:255px;font-size:2.4rem}header div.shadowslider section.content li input[placeholder]{background:url(../img/search.png) no-repeat;background-position:211px}header div.shadowslider section.content li a{text-decoration:none;text-align:center;margin-right:60px;font-size:2.4rem;color:#fff}header div.shadowslider section.content li a:last-child{margin-right:50px}header div.shadowslider section.content li a:hover{border-bottom:1px solid #980052;border-top:1px solid #980052}header div.shadowslider section.content .hide-menu{position:relative;display:none}header div.shadowslider section.content .hide-menu ul li{padding-top:15px;display:block}header div.shadowslider section.content .hide-menu .hide-menu-list{position:absolute;display:none}header div.shadowslider section.content .hide-menu:hover .hide-menu-list{display:block}header section.content{width:1100px;max-width:90%;margin:0 auto;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}header section.content div.shop{display:flex;padding-top:15px}header section.content div.shop img:nth-child(2){margin:0 20px}header section.content .arrow{display:flex;margin-top:110px;width:1100px;justify-content:space-between}header section.content .arrow h1{font-size:4.8rem;font-family:Open Sans;color:#eee}header section.content .button{height:70px;width:350px;margin:110px 0;background:#980052;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}header section.content .button a{color:#fff;font-size:2.4rem;text-decoration:none;text-align:center}header section.content .button a:hover{color:#000}main.general-inform{width:1100px;max-width:90%;margin:0 auto;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}main .main-logo{margin-top:50px;margin-bottom:30px;font-size:4.8rem;font-family:Open Sans;color:#980052}main .content{width:100%}main .content #stuff2{margin:0 25px}main .content .stuff{border:1px solid #980052;float:left;width:350px;padding:10px;position:relative}main .content .stuff article span{color:#666666;font-size:1.8rem}main .content .stuff .price-info{display:flex;flex-flow:row nowrap;justify-content:space-between;margin-bottom:10px}main .content .stuff .price-info .sale{font-size:1.4rem;background:#980052;color:#fff;text-transform:uppercase;margin-right:5px}main .content .stuff .price-info .stuff-name{font-size:2.0rem;color:#980052}main .content .stuff .price-info .key-stuff{font-size:1.2rem}main .content .stuff .price-info .number-stuff{font-size:1.6rem}main .content .stuff .actual-price{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;padding-bottom:10px}main .content .stuff .actual-price .old-price{font-size:2.1rem;color:#b8b8b8;text-decoration:line-through}main .content .stuff .actual-price .old-currency{margin-right:25px;color:#b8b8b8}main .content .stuff .actual-price .new-price{font-size:3.6rem;color:#980052;font-weight:bold}main .content .stuff .currency{color:#980052}main .content #stuff1 .actual-price{padding-bottom:7px}main .content #hide1,main .content #hide2,main .content #hide3{display:none}main .content .hide-section{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}main .content .hide-section .hide-button{height:60px;width:220px;background:#980052;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}main .content .hide-section .hide-button a{color:#fff;font-size:1.8rem;text-decoration:none;text-align:center;margin-left:5px}main .content .hide-section .hide-button a:hover{color:#000}main .content .hide-section .hide-item{margin:20px 0}main .content .hide-section .hide-item img:nth-child(2){margin:0 40px}main .content #stuff1:hover{border-bottom:none}main .content #stuff1:hover #hide1{display:flex;top:477px;left:-1px;width:350px;border:1px solid #980052;border-top:none;position:absolute;background:#fff}main .content #stuff2:hover{border-bottom:none}main .content #stuff2:hover #hide2{display:flex;top:477px;left:-1px;width:350px;border:1px solid #980052;border-top:none;position:absolute;background:#fff}main .content #stuff3:hover{border-bottom:none}main .content #stuff3:hover #hide3{display:flex;top:477px;left:-1px;width:350px;border:1px solid #980052;border-top:none;position:absolute;background:#fff}main .main-button{height:60px;width:348px;border:2px solid #980052;margin-top:40px;margin-bottom:70px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}main .main-button a{color:#980052;font-size:1.8rem;text-decoration:none;text-align:center}main .main-button a:hover{color:#000}section.back{background:url(../img/slider.jpg) no-repeat;background-color:rgba(0,0,0,0.3);background-blend-mode:multiply;background-position:center}section .back-content{width:1100px;max-width:90%;margin:0 auto;display:flex;flex-flow:row nowrap;justify-content:space-around;padding-bottom:67px}section .back-content .back-content-yellow{color:#fff600}section .back-content .back-content-left{margin-top:55px}section .back-content .back-content-left h1{font-size:4.8rem;color:#fff;margin-bottom:20px}section .back-content .back-content-left .back-content-left-insaide{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;margin-bottom:25px}section .back-content .back-content-left .back-content-left-insaide .back-content-left-insaide-text{margin-left:27px;font-size:2.4rem;color:#fff}section .back-content .back-content-left .back-content-left-button{height:68px;width:345px;display:flex;justify-content:center;align-items:center;background:#980052}section .back-content .back-content-left .back-content-left-button a{color:#fff;font-size:2.4rem;text-decoration:none;text-align:center}section .back-content .back-content-left .back-content-left-button a:hover{color:#000}section .back-content .back-content-right{margin-top:80px}section .back-content .back-content-right h2{font-size:2.4rem;color:#fff;margin-bottom:20px}section .back-content .back-content-right .back-content-right-insaide{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;margin-bottom:31px}section .back-content .back-content-right .back-content-right-insaide .back-content-right-insaide-text{margin-left:27px;font-size:2.4rem;color:#fff}section .back-content .back-content-right .back-content-right-button{height:68px;width:345px;display:flex;justify-content:center;align-items:center;background:#980052;margin:0 auto}section .back-content .back-content-right .back-content-right-button a{color:#fff;font-size:2.4rem;text-decoration:none;text-align:center}section .back-content .back-content-right .back-content-right-button a:hover{color:#000}main#second #stuff-name{font-size:1.8rem}main#second #stuff1 .actual-price{padding-bottom:10px}footer.footer-bg{background:#d3d3d3}footer .footer-content{width:1100px;max-width:90%;margin:0 auto;font-size:1.8rem}footer .footer-content .footer-content-body{display:flex;flex-flow:row nowrap;justify-content:space-around;align-items:center;padding-top:35px}footer .footer-content .footer-content-body .footer-content-left{margin-top:-30px}footer .footer-content .footer-content-body .footer-content-left .footer-content-left-head{color:#4b4a4a;margin-bottom:13px}footer .footer-content .footer-content-body .footer-content-left .footer-content-left-body{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;color:#6a6969}footer .footer-content .footer-content-body .footer-content-left .footer-content-left-body .footer-content-left-body-left{margin-right:13px}footer .footer-content .footer-content-body .footer-content-center{color:#4b4a4a}footer .footer-content .footer-content-body .footer-content-center .footer-content-center-head{padding-left:12px;margin-bottom:28px}footer .footer-content .footer-content-body .footer-content-center .footer-content-center-head img{margin-right:5px}footer .footer-content .footer-content-body .footer-content-center .footer-content-center-body{margin-bottom:28px}footer .footer-content .footer-content-body .footer-content-center .footer-content-center-body img{margin-right:5px}footer .footer-content .footer-content-body .footer-content-center .footer-content-center-footer{padding-left:12px}footer .footer-content .footer-content-body .footer-content-center .footer-content-center-footer img:first-child{margin-right:13px}footer .footer-content .footer-content-body .footer-content-right{margin-top:-60px;color:#4b4a4a}footer .footer-content .footer-content-body .footer-content-right .footer-content-center-social-media{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}footer .footer-content .footer-content-body .footer-content-right .footer-content-center-social-media a{text-decoration:none;text-align:center;border-radius:50%;border:1px solid #d1d1d1;height:38px;width:38px;font-size:1.8rem;margin-right:28px;line-height:2;color:#fff;background:#4d76a1}footer .footer-content .footer-content-body .footer-content-right .footer-content-center-social-media a:first-child{background:#3b5998}footer .footer-content .footer-content-body .footer-content-right .footer-content-center-social-media a:last-child{margin-right:0;background:#55acee}footer .footer-content .footer-content-body .footer-content-right .footer-content-center-social-media a:hover{color:#000}footer .footer-content .footer-content-body .footer-content-right p{text-align:center;margin-bottom:15px}footer .footer-content address{text-align:center;color:#4b4a4a;padding-bottom:40px;padding-top:20px}footer .footer-content address span{padding-right:80px}.hide{display:none}.show{display:show}#relative{position:relative}#absolute{position:absolute;right:-16px;bottom:-4px;height:18px;width:18px;background:#980052;color:#fff;text-align:center;font-size:1.2rem}.scrollup{width:40px;height:40px;opacity:0.3;position:fixed;bottom:50px;left:10px;display:none;text-indent:-9999px;background:url(../img/icon_top.png) no-repeat}@media screen and (max-width: 1200px){header div.shadowslider section.content nav.menu li:last-child{display:none}}@media screen and (max-width: 1114px){header div.shadowslider section.content div.header-logo{display:none}header div.shadowslider{height:50px}header section.content .arrow{display:none}header div.shadowslider section.content nav.menu ul{padding-top:10px}main .content{display:flex;justify-content:center}main .content div#stuff3.stuff{display:none}section .back-content .back-content-right{display:none}footer section.footer-content .footer-content-body{flex-flow:column}footer .footer-content .footer-content-body .footer-content-left{margin-top:10px}footer .footer-content .footer-content-body .footer-content-center{margin-top:20px}footer .footer-content .footer-content-body .footer-content-right{margin-top:20px}}@media screen and (max-width: 924px){header div.shadowslider section.content{flex-flow:row;justify-content:flex-start}header div.shadowslider section.content nav.menu{display:none}header div.shadowslider section.content nav.hide-menu{display:block}}
- /*# sourceMappingURL=style.css.map */
|
