.nav_en {height:50px;line-height:50px;} .nav_left {float:left;margin-left:40px;} .nav_right {float:right;margin-right:20px;} .translateSelectLanguage {width:100px;line-height:20px;border:1px solid #dddddd;color:#6e6c6c;} .detail_pro_cont .photo {height:575px;} .baidushare {margin-top:60px;} .detail_pro_cont .pay_sub {margin-bottom:15px;} .detail_pro_cont .buy_sub {margin-bottom:15px;} .gopaypal {display:block;float:left;height:50px;width:470px;line-height:50px;overflow:hidden;background:#ffc520 !important;border-color:#ffc520 !important;color:#253b80 !important;font-size:16px;text-align:center;} .gopaypal:hover,.gopaypal:focus {text-decoration:none;background:#f6b600 !important;border-color:#f6b600 !important;box-shadow:-4px -4px 6px 0 rgba(255,255,255,.5),4px 4px 6px 0 rgba(116,125,136,.5),inset 4px 4px 6px 0 rgba(255,255,255,.2),inset -4px -4px 6px 0 rgba(0,0,0,.4);} .paypal_logo i {background:url(https://www.roymall.com/Public/Web/images/icon_all.png) no-repeat 0 -620px;padding-left:135px;padding-top:3px;padding-bottom:3px;} .gotaobao {margin-top:10px;} .likebut2 {margin-top:10px;} /*按钮*/ .gocart {margin-top:10px;} .gocart{background:url(https://www.roymall.com/Public/Web/images/icon_all.png) no-repeat 0 -841px;display:block;float:left;height:50px;width:230px;line-height:50px;overflow:hidden;margin-right:40px;color: #FFF;font-size: 18px;text-align: center;} .gocart:hover, .gocart:focus{text-decoration:none;background:url(https://www.roymall.com/Public/Web/images/icon_all.png) no-repeat -240px -841px;color: #FFF;} .detail_pro_cont .flash_pic .banner-img a{display:inline-block;*display:inline;*zoom:1;/* IE6ã€7 */ vertical-align:top;letter-spacing:normal;word-spacing:normal;font-size:12px;width: 450px;height:450px;} .carnum input {color:#333;width:40px;margin:0px;text-align:center;height:20px;border:none;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .carnum .disable {color:#ccc;} a.numbutton {border:1px solid #ccc;width:17px;height:20px;display:inline-block;text-align:center;color:#666;} .newsletter_area {display:flex;justify-content:center;align-items:center;padding:20px;} @media only screen and (max-width:767px) {.newsletter_area {justify-content:flex-start;align-items:flex-start;flex-direction:column;} } .newsletter_text {margin-right:20px;} @media only screen and (min-width:992px) and (max-width:1199px) {.newsletter_text {margin-right:18px;} } @media only screen and (min-width:768px) and (max-width:991px) {.newsletter_text {margin-right:16px;} } @media only screen and (max-width:767px) {.newsletter_text {margin-bottom:10px;margin-right:0;} } .newsletter_text h2 {font-size:15px;line-height:30px;font-weight:400;text-transform:uppercase;margin-bottom:0;} @media only screen and (min-width:768px) and (max-width:991px) {.newsletter_text h2 {font-size:14px;} } @media only screen and (max-width:767px) {.newsletter_text h2 {font-size:15px;line-height:23px;} } .newsletter_desc {text-align:center;margin-bottom:20px;} .newsletter_desc p {color:#999999;line-height:20px;font-size:16px;} .subscribe_form {display:flex;align-items:center;} .subscribe_form input::-webkit-input-placeholder {/* Chrome/Opera/Safari */ color:#666;} .subscribe_form input::-moz-placeholder {/* Firefox 19+ */ color:#666;} .subscribe_form input:-ms-input-placeholder {/* IE 10+ */ color:#666;} .subscribe_form input:-moz-placeholder {/* Firefox 18- */ color:#666;} .subscribe_form input {width:320px;background:#fbfbfb;padding:4px 10px;height:36px;font-size:16px;color:#666;border:1px solid #d6d4d4;font-size:13px;} @media only screen and (min-width:992px) and (max-width:1199px) {.subscribe_form input {width:280px;} } @media only screen and (min-width:768px) and (max-width:991px) {.subscribe_form input {width:225px;} } @media only screen and (max-width:767px) {.subscribe_form input {width:290px;} } @media only screen and (max-width:575px) {.subscribe_form input {width:100%;} } .subscribe_form button {background:#bbb;height:36px;line-height:36px;border:0;color:#fff;padding:0 20px;font-size:14px;text-transform:uppercase;margin-left:35px;} .subscribe_form button:hover {color:#fff;background:#fd3636;} @media only screen and (min-width:992px) and (max-width:1199px) {.subscribe_form button {margin-left:25px;} } @media only screen and (min-width:768px) and (max-width:991px) {.subscribe_form button {padding:0 15px;font-size:14px;margin-left:20px;} } @media only screen and (max-width:767px) {.subscribe_form button {height:36px;line-height:36px;padding:0 11px;font-size:13px;margin-left:11px;} } /*modal css end*//* 23. newsletter popup css here */.newletter-popup {background:#fff;top:50% !important;margin-top:-179px;position:fixed !important;padding:50px;text-align:center;display:none;} @media only screen and (max-width:767px) {.newletter-popup {padding:30px 20px;width:95%;} } .newletter-popup2 {background:#fff;top:50% !important;margin-top:-179px;position:fixed !important;padding:50px;text-align:center;display:none;} @media only screen and (max-width:767px) {.newletter-popup2 {padding:30px 20px;width:95%;} } .newletter-popup3 {background:#fff;top:50% !important;margin-top:-179px;position:fixed !important;padding:50px;text-align:center;display:none;} @media only screen and (max-width:767px) {.newletter-popup3 {padding:30px 20px;width:95%;} } #boxes {line-height:24px;font-size:14px;font-style:normal;font-weight:400;visibility:visible;font-family:"Open Sans",sans-serif;color:#232323;} #boxes .newletter-title h2 {font-size:30px;text-transform:uppercase;margin:0 0 30px;} @media only screen and (max-width:767px) {#boxes .newletter-title h2 {font-size:22px;margin:0 0 10px;} } #boxes .box-content label {font-weight:400;font-size:14px;} #boxes .box-content .newletter-label {width:70%;margin-bottom:36px;} @media only screen and (max-width:767px) {#boxes .box-content .newletter-label {width:100%;} } #frm_subscribe form {width:340px;margin:40px auto;position:relative;} @media only screen and (max-width:767px) {#frm_subscribe form {width:100%;} } #frm_subscribe form input::-webkit-input-placeholder {/* Chrome/Opera/Safari */ color:#747474;} #frm_subscribe form input::-moz-placeholder {/* Firefox 19+ */ color:#747474;} #frm_subscribe form input:-ms-input-placeholder {/* IE 10+ */ color:#747474;} #frm_subscribe form input:-moz-placeholder {/* Firefox 18- */ color:#747474;} #frm_subscribe form input {background:#EBEBEB;padding:0 0px 0 20px;height:45px;border:0;width:100%;color:#747474;margin-bottom:0;} @media only screen and (max-width:767px) {#frm_subscribe form input {padding:0 0px 0 20px;} } #frm_subscribe form a.theme-btn-outlined {position:absolute;top:0;right:-20px;width:110px;background:#fd3636;cursor:pointer; color:#ffffff;text-transform:uppercase;font-size:12px;font-weight:600;-webkit-transition:0.3s;transition:0.3s;line-height:45px;} #frm_subscribe form a.theme-btn-outlined:hover {background:#febc8b;} @media only screen and (max-width:767px) {#frm_subscribe form a.theme-btn-outlined {width:90px;} } #frm_subscribe form a.sub-btn {position:absolute;top:75px;right:-20px;width:110px;background:#fd3636;cursor:pointer;color:#ffffff;text-transform:uppercase;font-size:12px;font-weight:600;-webkit-transition:0.3s;transition:0.3s;line-height:45px;} #frm_subscribe form a.sub-btn:hover {background:#febc8b;} @media only screen and (max-width:767px) {#frm_subscribe form a.sub-btn {width:90px;} } #frm_subscribe form input.btn-outlined {position:absolute;top:75px;right:93px;width:120px;background:#119744;cursor:pointer; color:#ffffff;text-transform:uppercase;font-size:12px;font-weight:600;-webkit-transition:0.3s;transition:0.3s;line-height:45px;} #frm_subscribe form input.btn-outlined:hover {background:#fd3636;} @media only screen and (max-width:767px) {#frm_subscribe form input.btn-outlined {width:90px;} } #boxes .box-content .subscribe-bottom {margin-top:20px;} #boxes .box-content .subscribe-bottom label {margin:0;font-size:13px;} #boxes .box-content .subscribe-bottom #newsletter_popup_dont_show_again {display:inline-block;margin:0;vertical-align:middle;} #boxes #frm_subscribe #notification {color:#f00;} #boxes #frm_subscribe #notification .success {color:#67D7BB;} #popup2 {position:absolute;right:1px;top:1px;text-align:center;cursor:pointer;font-size:13px;text-transform:capitalize;padding:6px 12px;background:#232323;font-weight:600;line-height:17px;color:#ffffff;display:block;transition:0.3s;} #popup2:hover {background:#febc8b;} #popup3 {position:absolute;right:1px;top:1px;text-align:center;cursor:pointer;font-size:13px;text-transform:capitalize;padding:6px 12px;background:#232323;font-weight:600;line-height:17px;color:#ffffff;display:block;transition:0.3s;} #popup3:hover {background:#febc8b;} /*newsletter popup css end*/ /* Magnific Popup CSS */ .mfp-bg {top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;} .mfp-wrap {top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;} .mfp-container {text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box;} .mfp-container:before {content:"";display:inline-block;height:100%;vertical-align:middle;} .mfp-align-top .mfp-container:before {display:none;} .mfp-content {position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;} .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {width:100%;cursor:auto;} .mfp-ajax-cur {cursor:progress;} .mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;} .mfp-zoom {cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;} .mfp-auto-cursor .mfp-content {cursor:auto;} .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {-webkit-user-select:none;-moz-user-select:none;user-select:none;} .mfp-loading.mfp-figure {display:none;} .mfp-hide {display:none !important;} .mfp-preloader {color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;} .mfp-preloader a {color:#CCC;} .mfp-preloader a:hover {color:#FFF;} .mfp-s-ready .mfp-preloader {display:none;} .mfp-s-error .mfp-content {display:none;} button.mfp-close,button.mfp-arrow {overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation;} button::-moz-focus-inner {padding:0;border:0;} .mfp-close {width:80px;height:80px;line-height:80px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:80px;font-family:Arial,Baskerville,monospace;} .mfp-close:hover,.mfp-close:focus {opacity:1;} .mfp-close:active {top:1px;} .mfp-close-btn-in .mfp-close {color:#333;} .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%;} .mfp-counter {position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;} .mfp-arrow {position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0);} .mfp-arrow:active {margin-top:-54px;} .mfp-arrow:hover,.mfp-arrow:focus {opacity:1;} .mfp-arrow:before,.mfp-arrow:after {content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;} .mfp-arrow:after {border-top-width:13px;border-bottom-width:13px;top:8px;} .mfp-arrow:before {border-top-width:21px;border-bottom-width:21px;opacity:0.7;} .mfp-arrow-left {left:0;} .mfp-arrow-left:after {border-right:17px solid #FFF;margin-left:31px;} .mfp-arrow-left:before {margin-left:25px;border-right:27px solid #3F3F3F;} .mfp-arrow-right {right:0;} .mfp-arrow-right:after {border-left:17px solid #FFF;margin-left:39px;} .mfp-arrow-right:before {border-left:27px solid #3F3F3F;} .mfp-iframe-holder {padding-top:40px;padding-bottom:40px;} .mfp-iframe-holder .mfp-content {line-height:0;width:100%;max-width:900px;} .mfp-iframe-holder .mfp-close {top:-40px;} .mfp-iframe-scaler {width:100%;height:0;overflow:hidden;padding-top:56.25%;} .mfp-iframe-scaler iframe {position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000;} /* Main image in popup */img.mfp-img {width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto;} /* The shadow behind the image */.mfp-figure {line-height:0;} .mfp-figure:after {content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444;} .mfp-figure small {color:#BDBDBD;display:block;font-size:12px;line-height:14px;} .mfp-figure figure {margin:0;} .mfp-bottom-bar {margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;} .mfp-title {text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;} .mfp-image-holder .mfp-content {max-width:100%;} .mfp-gallery .mfp-image-holder .mfp-figure {cursor:pointer;} @media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {/** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder {padding-left:0;padding-right:0;} .mfp-img-mobile img.mfp-img {padding:0;} .mfp-img-mobile .mfp-figure:after {top:0;bottom:0;} .mfp-img-mobile .mfp-figure small {display:inline;margin-left:5px;} .mfp-img-mobile .mfp-bottom-bar {background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box;} .mfp-img-mobile .mfp-bottom-bar:empty {padding:0;} .mfp-img-mobile .mfp-counter {right:5px;top:3px;} .mfp-img-mobile .mfp-close {top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0;} } @media all and (max-width:900px) {.mfp-arrow {-webkit-transform:scale(0.75);transform:scale(0.75);} .mfp-arrow-left {-webkit-transform-origin:0;transform-origin:0;} .mfp-arrow-right {-webkit-transform-origin:100%;transform-origin:100%;} .mfp-container {padding-left:6px;padding-right:6px;} } /*# sourceMappingURL=magnific-popup.css.map */