芝麻web文件管理V1.00

编辑当前文件:/www/wwwroot/shphe-en.com/style/custom_service/bottom_service.css
.bottomsidebar{ position:fixed; right:0; bottom:-268px; width:437px; height:268px; z-index:20000; } .bottomsidebar img{ position:absolute; display:inline-block; right:0; top:0; } .bottomsidebar .bottomcontent{ position:absolute; left:10px; bottom:6px; width:420px; height:180px; background:#245192; border-radius:10px; } .bottomsidebar .bottomlist{ position:absolute; left:10px; bottom:10px; width:252px; height:160px; background:#fff; border-radius:10px; z-index:1; } .bottomsidebar .bottomlist .wel01{ padding:20px 0 10px; } .bottomsidebar .bottomlist .wel01,.bottomsidebar .bottomlist .wel02{ display:none; padding-left:10px; } .bottomsidebar .bottomlist p span{ color:#F00; } .bottomsidebar .choose-button{ position:relative; margin:15px 0 0 10px; } .bottomsidebar .choose-button .close,.bottomsidebar .choose-button .goon{ position:relative; display:inline-block; vertical-align:top; *display:inline; height:25px; line-height:25px; padding:0 15px; font-family:"SourceSansProSemibold"; color:#FFF; border-radius:5px; display:none; background:#737373; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#8f8f8f',endColorStr='#707070',gradientType='0'); background: -moz-linear-gradient(top, #8f8f8f, #707070); background: -o-linear-gradient(top,#8f8f8f, #707070); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8f8f8f), to(#707070)); } .bottomsidebar .choose-button .close{ margin:0 15px 0 0; } .bottomsidebar .choose-button .goon{ background:#5aa910; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#5bb90f',endColorStr='#599d11',gradientType='0'); background: -moz-linear-gradient(top, #5bb90f, #599d11); background: -o-linear-gradient(top,#5bb90f, #599d11); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5bb90f), to(#599d11)); } .bootom-inquiry{ position:fixed; right:0; bottom:-500px; width:430px; border:1px solid #ACACAC; border-top-width:2px; background:#FFF; z-index:20000; } .bootom-inquiry .ico-close-pop{ position: absolute; right: 0; top: 0; width: 30px; height: 30px; background: url(img/custom_service/fancy_close.png) no-repeat center center; background:url(img/custom_service/fancy_close.png) no-repeat center center; cursor: pointer; z-index: 1; } .bootom-inquiry .inquiry-form-wrap{ width:auto; padding:20px; } .bootom-inquiry .inquiry-form-wrap .inquiry-form-title{ display:block; padding:0; color:inherit; background:none; margin:0 0 20px; } .bootom-inquiry .inquiry-form{ padding:0; border:none; } .bootom-inquiry .inquiry-form input[type="text"].form-input { width:60%; } .inquiry-form .form-btn-wrap img.ajax-loader{ position:absolute !important; right: -20px !important;; top:7px !important; } /* --------------------------------- * contact form 验证弹窗 * --------------------------------- */ .contact-verify-pop,.wpcf7-response-output{width: 490px;background-color: #fff;padding:45px 30px 10px!important;border-radius: 3px;min-height: 180px;text-align: center;position: fixed;left: 50%;top: 50%;margin-top: -121px!important;margin-left: -275px!important;border: 1px solid #666!important;box-shadow:0 0 1.5em rgba(0,0,0,.25);z-index: 999999;font-size: 14px;line-height: 1.5;display: none;-webkit-transform: scale(.7);transform: scale(.7);opacity:0;} .contact-verify-pop .verify-pop-close,.wpcf7-response-output .verify-pop-close{display: block;width: 25px;height: 25px;background-image: url(img/contact_form_img/contact-form-icons.png);background-repeat: no-repeat;background-position: -196px 5px;position: absolute;right: 10px;top: 10px;cursor: pointer;} .contact-verify-pop .verify-pop-close:hover,.wpcf7-response-output .verify-pop-close:hover{background-position: -226px 5px;background-color: #000;} .wpcf7-validation-errors:before,.wpcf7-mail-sent-ok:before,.ajax-loader:before{content: '';display: block;width: 100px;height: 100px;margin: 0 auto 15px;background-image: url(img/contact_form_img/contact-form-icons.png);background-repeat: no-repeat;} .wpcf7-validation-errors:before{background-position:0 0;} .wpcf7-mail-sent-ok:before{background-position: -100px 0;} .ajax-loader:before{background: url(img/contact_form_img/loader.gif) center no-repeat!important;} .contact-pop-mask{display: none;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);position: fixed;left: 0;top: 0;z-index: 999991;} .contact-pop-mask:before{content: '';display: block;width: 80px;height: 80px;background:#fff url(img/contact_form_img/loader.gif) center no-repeat!important;border-radius: 15px;position: fixed;left: 50%;top: 50%;margin-left: -40px;margin-top: -40px;box-shadow:0 0 1.5em rgba(0,0,0,.25);opacity: .9;} .ajax-loader{display: none;} .contact-validation-active .contact-pop-mask{display: block;} .contact-validation-active .bootom-inquiry{z-index: 999999;} .contact-verify-pop,.wpcf7-response-output{-webkit-animation:popOut .25s linear forwards;animation:popOut .25s linear forwards;} .contact-validation-active .contact-verify-pop,.contact-validation-active .wpcf7-response-output{-webkit-animation:popIn .25s linear forwards;animation:popIn .25s linear forwards;opacity: 1;} @-webkit-keyframes popIn{ 0%{-webkit-transform: scale(.7);transform: scale(.7);opacity: 0;} 100%{-webkit-transform: scale(1);transform: scale(1);opacity: 1;} } @keyframes popIn{ 0%{-webkit-transform: scale(.7);transform: scale(.7);opacity: 0;} 100%{-webkit-transform: scale(1);transform: scale(1);opacity: 1;} } @-webkit-keyframes popOut{ 0%{-webkit-transform: scale(1);transform: scale(1);opacity: 1;} 100%{-webkit-transform: scale(.7);transform: scale(.7);opacity: 0;} } @keyframes popOut{ 0%{-webkit-transform: scale(1);transform: scale(1);opacity: 1;} 100%{-webkit-transform: scale(.7);transform: scale(.7);opacity: 0;} } @media screen and (max-width:768px) { div.contact-verify-pop,div.wpcf7-response-output{width: 90%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);margin: 0!important;padding:45px 30px!important;padding-top: 30px;} .contact-pop-mask:before{background-size: auto 35px!important;} .wpcf7-validation-errors:before,.wpcf7-mail-sent-ok:before,.ajax-loader:before{margin-bottom: 0;-moz-transform: scale(.8);-webkit-transform: scale(.8);transform: scale(.8);} }