@charset "utf-8"; div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust:none; box-sizing:border-box; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html{ height: 100%; overflow-x: hidden; } body{ height: 100%; margin:0 } body{ font-family: "微软雅黑", Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; line-height: 1.5; } input,textarea,select{ box-sizing:border-box; border:0; outline: none; resize:none; font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial","Microsoft Yahei","Hiragino Sans GB", sans-serif; } input::-webkit-contacts-auto-fill-button { visibility: hidden; display: none !important; pointer-events: none; position: absolute; right: 0; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .fl { float: left; } .fr { float: right; } /*HTML默认设置*/ /**{-webkit-user-select:none;-moz-user-select:none; }*/ /*html, body, ul, li, label, button{ font-family: 'Microsoft Yahei',arial,sans-serif;}*/ ul, li{ list-style:none;} a{ color: #000; text-decoration:none;} button{ cursor:pointer;} textarea, input{ outline:none;-webkit-user-select:text;-moz-user-select:text;} textarea{ resize:none;} img{-webkit-touch-callout:none;-moz-user-select:none; border:0;vertical-align:top;} article, aside, footer, header, hgroup, main, nav, section {display: block;} ::-webkit-inner-spin-button { visibility: hidden; } .clear { clear:both; height:0; line-height:0; font-size:0; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } *html .clearfix { height:1%; } *+html .clearfix { height:1%; } html{ font-size:16px; } .page-404{ width: 100%; min-height: 100%; height: auto; overflow: hidden; } .error-404{ width: 100%; height: 38.75rem; top: 55%; left: 0; z-index: 1; /* position: absolute;*/ background: url(../images/derucci_pc_img_404@1x.png) no-repeat center top; background-size: auto 35.5625rem; margin-top: 15rem; padding-top: 22.5rem; text-align: center; } .error-500{ background-image: url(../images/derucci_pc_img_500@1x.png); } .page-404 .t1{ font-size: 4.5rem; color: #CFBD95; line-height: 6.25rem; margin-bottom: 2rem; } .page-404 .link{ font-size:1.125rem; display: block; margin: 2.25rem auto 0; line-height: 1.5rem; text-decoration: underline; color: #ECE0C4; } .swiper-wrapper{ transition-delay:.3s; } .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; /* Center slide text vertically */ /* display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-direction: column*/ } .swiper-slide > .textBox,.textBox-num .ss,.sleep_index .page5 .bg .textBox{ -webkit-transform:translateY(150px); transform:translateY(150px); opacity:0; -webkit-transition:all 1s; transition:all 1s; position: absolute; left: 50%; margin-left: -24rem; width: 48rem; text-align: center; } .ani-slide .textBox,.textBox-num .ss,.sleep_index .ani-slide.page5 .bg .textBox{ -webkit-transform:translateY(0); transform:translateY(0); opacity:1; position: relative; z-index: 2; } .service{width:100%;} .section-banner { position:relative;width:100%; padding: 0; height:100vh} .section-banner .bg{background:#05060f url(../images/bddb186c-efc7-43f4-974a-d24f69560949.jpg) no-repeat center center; width:100%; position:absolute;left:0; top:0; z-index:0; height:100%;} /* 首页 */ .page1,.page-404{ background-color: #11131D\0; background-image: -webkit-linear-gradient(-95deg, #42495B 0%, #1F222E 63%, #11131D 100%); background-image: linear-gradient(-165deg, #42495B 0%, #1F222E 63%, #11131D 100%); /* background-attachment: fixed; */ } .page2{ background-color: #272C3C\0; background-image: -webkit-linear-gradient(-90deg, #F4F5F6 0%, #9CA1AF 38%, #272C3C 100%); background-image: linear-gradient(-169deg, #F4F5F6 0%, #9CA1AF 38%, #272C3C 100%); } .page2 .bg{ background:#05060f url(../images/derucci_pc_img_index_banner_ziyuanzhenghe@1x.jpg) no-repeat center center; background-size: 100%; position:absolute; width:100%; height:100%; left:0; top:0; z-index:0; } .page3 .bg{ background: url(../images/derucci_pc_img_index_banner_technology_bg@1x.gif) no-repeat center center; background-size: 100%; position:absolute; width:100%; height:100%; left:0; top:0; z-index:0; } .index_news{ float: left;width:100%; background: #fff; margin-bottom: 20px;} .index_news ul li{ float: left; width: 33.33%;} .index_news ul li div{float: left;width:100%;} .index_news ul li div img{ width: 100%; height: 347px;} .index_news ul li div h2{font-size: 18px; float: left; font-weight: normal; padding-left: 10%; padding-right: 10%; width: 80%; line-height: 50px; margin-top: 10px; margin-bottom: 10px; } .index_news ul li div p{font-size: 14px; color: #909090; float: left; padding-left: 10%; padding-right: 10%; width: 80%; height: 48px;line-height: 24px; overflow: hidden;} .index_news .jt_left,.index_news .jt_right{position:absolute;z-index:99999999;margin-top:11%;} .index_news .jt_left img,.index_news .jt_right img{width:25px;} .index_news .jt_left{left:30px;} .index_news .jt_right{right:30px;} .section-banner .bg .jt_left,.section-banner .bg .jt_right{position:absolute;z-index:77777777;margin-top:25%;} .section-banner .bg .jt_left img,.section-banner .bg .jt_right img{width:40px;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity: 0.3;} .section-banner .bg .jt_left{left:30px;} .section-banner .bg .jt_right{right:30px;} .section-banner .bg img.home_img_hide{ width:100%; height:auto;} .counter-section{ height:100vh; float:left; width:100%; position:relative} .page4{ height:374px; } ._swiper-slide-prev .textBox{ -webkit-transform:translateY(-200px); transform:translateY(-200px); } /*page1*/ .page1 .textBox{ top: 60%; margin-top: -17rem; } .page1 .t1{ color: #fff; font-size: 7.5rem; line-height: 10.5rem; letter-spacing: -0.104375rem; font-weight: 100; position: relative; z-index: 1; } html .page1 .txz{ font-size: 4.5rem ; line-height: 5rem; font-weight: normal; margin-bottom: 0.625rem; color: #fff; } .page1 .t1 span:after{ content: ''; width:3.75rem; bottom: 0; height: 1px; position: absolute; left: 50%; margin-left: -1.875rem; background-color:#ccc; } .page1 .t2{ font-size:4rem; color: #D2C19B; line-height: 5.625rem; margin-top: 1rem; } .page1 .t3{ margin-top: 3.25rem; } .page1 .t3 a{ font-size: 1.125rem; color: #EED8AB; display: block; background: url(../images/derucci_pc_btn_index_tab_contect_default@1x.png); background-size:100% 100%; width: 15.6875rem; height: 3rem; line-height: 3rem; margin: auto; } .page1 .t3 a:hover{ opacity: 0.9; } .page1 .imgBox{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } .imgBox img{ opacity:0; -webkit-transition:all 1s; transition:all 1s; -webkit-transform:translateY(200px); transform:translateY(200px); } ._swiper-slide-prev .imgBox img{ -webkit-transform:translateY(-200px); transform:translateY(-200px); } .ani-slide .imgBox img{ -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } .page1 .imgBox img{ position: absolute; } .page1 .imgBox img:nth-child(1){ width: 16.5625rem; height: 15.625rem; left: 50%; top:57%; margin-left: -8.25rem; margin-top: -23.875rem; } .page1 .imgBox img:nth-child(2){ width: 41rem; height: 42.875rem; transition: all 1.2s; right: 8.4375rem; bottom: -10.25rem; } .page1 .imgBox img:nth-child(3){ width: 21.4375rem; height: 21.875rem; left: 8.6%; bottom: 15%; transition:all 1.4s; } .page1 .imgBox img:nth-child(4){ width: 17.5625rem; height: 17.5rem; left: 19.4%; top:29%; transition:all 0.8s; } /*page2*/ .page2 .textBox{ top: 25%; margin-top: -7.5rem; color: #fff } .page .textBox{top: 30%;} .page2 .textBox.v0507,.page .textBox.v0507{ left: 13%; right: 50%; margin: 0; position:absolute; width: 100%; } .page2 .textBox.v0507{left: 8%;} .page3 .textBox.v0507{ left: 50%; right:13%; margin: 0; position:absolute; width: 37%; top: 15%; } .counter-item{float:left; width:100%;} .counter-item .counter-num-box{ color:#FFF; float:left; width:100%; text-align:right; margin-bottom:0px; position:relative} .counter-number{font-size:80px;} .wz2{position:absolute;font-size:30px; top:20px;} .wz{ color:#1a9579; font-size:20px;float:left; width:100%; text-align:right;} .page2 .textBox.v0507 p{ text-align:left; } .page2 .textBox.v0507 .t2{ font-size:4rem; line-height:5.625rem; } .page2 .textBox.v0507 hr{ width:3.75rem; margin:1.75rem 0 2.5rem; border-color: #c99969; } .page2 .textBox.v0507 .t3{ font-size:1.25rem; color: #c99969; } .page2 .textBox.v0507 .t3 span { color: #fff; } .section1.active #txt5{ animation: bounceInDown 2s ; -moz-animation: bounceInDown 2s; -webkit-animation: bounceInDown 2s; -o-animation: bounceInDown 2s; } .page2 .t1, .sleep_index .t1{ font-size: 2.25rem; line-height:3.125rem; position: relative; } .page2 .t1 span:after, .sleep_index .t1 span:after{ content: ''; width:3.75rem; bottom: -1rem; height: 1px; position: absolute; left: 50%; margin-left: -1.875rem; background-color:#ccc; } .page2 .t2, .sleep_index .t2{ font-size: 4.5rem; line-height: 6.25rem; margin-top:1.25rem; font-weight: 100; } .sleep_index .t2{ font-weight: normal; } .page2 .t3, .sleep_index .t3{ font-size: 1rem; line-height: 1.625rem; margin-top: 1rem; } .page2 .tz{ margin-top: 5rem;} .page2 .tz img{margin-top: -2rem;} .page2 .imgBox{ width: 86.25rem; height: 41.25rem; position: absolute; left: 50%; margin-left: -43.125rem; bottom: 0; background:url(../images/derucci_pc_img_index_zhenghezhe_default@1x.png) no-repeat; background-size: 100% 100%; } /*page3*/ .page3 .textBox{ top: 44%; margin-top: -6.6875rem; color: #fff } .page3 .t1{ font-size: 2.25rem; line-height:3.125rem; position: relative; font-weight: 100; } .page3 .t1 span:after{ content: ''; width:3.75rem; bottom: -1rem; height: 1px; position: absolute; left: 50%; margin-left: -1.875rem; background-color:#ccc; } .page3 .t2{ font-size: 4.5rem; line-height: 6.25rem; margin-top:1.25rem; } .page3 .t3{ font-size: 1rem; line-height: 1.625rem; margin-top: 1rem; } /*page4*/ .page4 .imgBox{ width: 88.75rem; height: 32.5rem; overflow: hidden; position: absolute; left:50%; margin-left:-44.375rem; top:50%; margin-top:-19rem; } .page4 .imgBox{ opacity:0; -webkit-transition:transform 1s,opacity 1s; transition:transform 1s,opacity 1s; -webkit-transform:translateY(200px); transform:translateY(200px); } .page4.ani-slide .imgBox{ -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } .page4._swiper-slide-prev .imgBox{ -webkit-transform:translateY(-200px); transform:translateY(-200px); } .page4 .imgItem{ width: 43.75rem; height: 32.5rem; float: left; margin-right: 1.25rem; position: relative; z-index: 1; } .page4 .imgItem:last-child{ margin-right: 0; } .page4 .imgItem>a{ transition:all 0.2s; display:block; } .page4 .imgItem>a:hover{ opacity:0.8; } .page4 .imgChild1{ width:100%; height:16.25rem; } .page4 .imgChild1 img{ display: block; width: 100%; } .page4 .imgChild1-mask{ position: absolute; left: 0; bottom: 0; width:100%; height:100%; background:url(../images/derucci_pc_img_index_customerservice_bg@1x.png) no-repeat center bottom; padding-top:16.25rem; color: #201D1C; text-align:center; background-size:100% auto; } .page4 .imgChild1-mask .t1{ margin-top:4.75rem; } .page4 .imgChild2{ width:100%; height:50%; position: relative; z-index: 1; text-align: right; color: #ffffff; } .page4 .imgChild2 img{ height:100%; width:50%; cursor: pointer; } .page4 .imgChild2:nth-child(2){ text-align: left } .page4 .imgChild2 .imgChild2-mask{ position: absolute; right: 0; top: 0; width: 55%; height:100%; background:url(../images/derucci_pc_img_index_news_bg@1x.png) no-repeat left center; color: #ffffff; text-align:left; background-size:auto 100%; padding-right:6%; } .page4 .imgChild2:nth-child(2) .imgChild2-mask{ padding-left:1.875rem; background:url(../images/derucci_pc_img_index_searchstore_bg@1x.png) no-repeat right center; background-size: auto 100%; } .page4 .imgItem .t1{ font-size:3rem; line-height:4.25rem; margin-bottom: 0.3125rem; } .page4 .imgItem .t2{ font-size: 1.125rem; line-height: 1.5625rem; } .page4 .imgChild1 .t2{ color: #EED8AB; } .page4 .imgChild2 .t1{ margin-top: 3.25rem; padding-left: 1.875rem; } .page4 .imgChild2 .t2, .page4 .imgChild2 a{ padding-left: 1.875rem; } .page4 .imgChild2 a{ margin-top: 1.25rem; font-size: 0.875rem; color: #FFFFFF; } .page4 .indexImgBox{ width:100%; overflow:hidden; } .page4 .indexImgBox .imgItem{ width:33.33349%; height:auto; margin:0; } .page4 .imgItem{ position: relative; } .page4 .imgItem span { position: absolute; color: #fff; font-size: 2rem; top: 50%; left: 50%; margin-left: -100px; margin-top: -15px; width: 200px; height: 30px; line-height: 30px; text-align: center; font-weight: bold; } .page4 .indexImgBox .imgItem img{ display:block; width:100%; height:auto; } .page4 .indexImgBox .imgItem:hover img{ opacity:0.9 } .indexDynamics{ width:100%; background:url(../images/indexdynamicsbg.jpg) no-repeat center top; background-size:cover; overflow:hidden; } .indexDynamics .t1{ font-size: 4.5rem; line-height: 5.25rem; margin: 1.5rem 0 1.5rem; color: #fff; visibility:hidden; } .indexDynamics .dynamicItem{ width:68.125rem; height:14.375rem; overflow:hidden; margin:auto; margin-bottom:1.875rem; } .indexDynamics .dynamicItem .img{ width: 23.8%; height: 100%; float: left; overflow: hidden; } .indexDynamics .dynamicItem img{ width: 100%; min-height: 100%; position: relative; transform: translateY(-50%); top: 50%; top: 0\0; } .indexDynamics .dynamicItem .text{ float:left; width:76.2%; height:100%; border:1px solid rgb(207,189,149); color:#fff; padding:1.5rem 3rem 0; overflow:hidden; text-align:left; position: relative; z-index: 1; } .indexDynamics .dynamicItem .text .t2{ font-size:1.5rem; margin-bottom:1.5rem; line-height:2.5rem; position: absolute; top: 50%; left: 3rem; right: 3rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .indexDynamics .dynamicItem .text .t3{ font-size:0.875rem; line-height:1.25rem; } .btnBox{ overflow: hidden; position:absolute; z-index: 3; width: 45.2rem; left: 50%; margin-left: -22.6rem; margin-bottom: 0 !important; opacity: 0; -webkit-transition:opacity 1s linear 0.5s; transition:opacity 1s linear 0.5s; } .page2 .btnBox{ width: 60rem; margin-left: -30rem; } .ani-slide .btnBox{ opacity: 1; } ._swiper-slide-prev .btnBox{ -webkit-transition:all 1s; transition:all 1s; -webkit-transform: translateY(200px); transform: translateY(200px); } .btnBox .btn{ width: 164px; height: 41px; line-height: 41px; text-align: center; font-size: 14px; color: #fff; float: left; background: url(../images/derucci_pc_btn_common_tab_contect_default@1x.png); background-size: 100% 100%; margin-left: -20px; position: relative; z-index: 2; } .btnBox .btn:nth-child(1){ margin-left: 0; } .btnBox .btn:hover, .btnBox .btn.active, .jon-btnBox.btnBox .btn{ color: #fff; background-image: url(../images/derucci_pc_btn_common_tab_contect_hover@1x.png); position: relative; z-index: 3; } .btnBox .btn.on{ z-index: 1; } .service .banner .btnBox{ opacity: 1; position: static; margin: 6rem 0 0; } .footer{ width:1200px; position:absolute; height: 11rem; bottom: 0; left: 50%; margin-left:-44.375rem; z-index: 2; opacity: 0; /* transition:opacity 0.8s,height 0.5s; */ } .ani-slide .footer{ opacity: 1; } .footer-links{ width: 100%; height: 3rem; overflow: hidden; border-width:1px 0; border-style: solid; background-color: #060B17\0; border-image: linear-gradient(90deg,rgba(234,224,198,0), rgba(221,206,174,0.6) , rgba(207,189,149,0)) 90 90; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; } .footer-links a{ font-size: 0.875rem; color: rgba(255,255,255,0.60); display:inline-block\0; margin: 0 4rem\0; width:4.375rem; text-align: left; white-space: nowrap; } /* .footer-links a:nth-child(1), .footer-links a:nth-child(2), .footer-links a:nth-child(3){ margin-left: 3rem; margin: 0 4rem\0; } .footer-links a:nth-child(5), .footer-links a:nth-child(6), .footer-links a:nth-child(7), .footer-sub-links .f-links-item:nth-child(5), .footer-sub-links .f-links-item:nth-child(6){ margin-right: 3rem; margin: 0 4rem\0; } .footer-sub-links .f-links-item:nth-child(1), .footer-sub-links .f-links-item:nth-child(3){ margin-left: 3.5rem } .footer-sub-links .f-links-item:nth-child(2){ margin-left: 2.5rem } .footer-sub-links .f-links-item:nth-child(7){ margin-right: 2.5rem } */ /*.footer-links a:hover{ color: ; }*/ .footer.open .footer-links .icon, .footer-links .icon:hover{ -webkit-transform:rotate(45deg); transform:rotate(45deg); } .footer-links .icon{ width: 1.3125rem; height: 1.3125rem; background: url(../images/footer-more.png) no-repeat; background-size: 100% 100%; -webkit-transition:all 0.3s; transition:all 0.3s; cursor:pointer; margin: 0 1.53125rem; } .footer-info{ font-size: 0.75rem; color: #717171; line-height: 1.0625rem; padding-top: 2rem; text-align: center; } .footer-info a{ color: #717171 } .plugins{ } .plugins .logo{ width: 38px; height: 38px; background: url(../images/derucci_pc_logo_index_menu_big@1x.png) no-repeat center center; z-index:4; cursor: pointer; /* -webkit-transition:backgroundImage 1s linear 0.3s; transition:backgroundImage 1s linear 0.3s; */ } .plugins .language{ position: fixed; z-index: 4; top:10px; right:20px; overflow: hidden; } .plugins .language a{ float: left; padding: 0 4px; font-size: 14px; color: rgba(255,255,255,0.60); line-height: 14px; border-right: 1px rgba(255,255,255,0.60) solid; -webkit-transition:all 1s linear 0.3s; transition:all 1s linear 0.3s; } .plugins .language a:last-child{ border:0; } .plugins .nav{ width: 870px; position: fixed; top: 3.3125rem; right: 1.875rem; z-index: 4; height: 1.5rem; } .plugins .nav-col{ width: 700px; /* display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; */ text-align: right; } @-webkit-keyframes fadeIn{ 0% {opacity: 0;-webkit-transform:translate3d(0,-20px,0)} 100% {opacity: 1;-webkit-transform:translate3d(0,0,0)} } @keyframes fadeIn{ 0% {opacity: 0;transform:translate3d(0,-20px,0)} 100% {opacity: 1;transform:translate3d(0,0,0)} } .plugins.service{ padding: 0; } .plugins.service .nav{ -webkit-transition: left 1s,right 1s,background 1s,height 1s; transition: left 1s,right 1s,background 1s,height 1s; -webkit-animation: fadeIn 1s ease-out 0s both; animation: fadeIn 1s ease-out 0s both; } .service .nav-col, .plugins.service .nav .nav-col{ width: 1200px; margin: 0 auto; margin: auto; display: block; height: 50px; text-align: center; } .plugins.service>.logo{ z-index: 12; left: 10px; top: 6px; background-image: url(../images/derucci_pc_logo_index_menu_white@1x.png); } .plugins .nav:after{ content: ''; clear: both; display: table; } .plugins .nav-col li{ display: inline-block; padding-left: 2rem; } .plugins .nav-col li a{ font-size: 0.875rem; -webkit-transition:color 1s linear 0.3s; transition:color 1s linear 0.3s; color: rgba(255,255,255,0.80); } .plugins .nav-col a.cur{ color: #EED8AB; } .plugins.black .pagination a{ color: #201D1C; } .plugins .nav-icon,.service .nav-icon{ float: right; /* width: 8.25rem;*/ } .plugins .nav-icon a,.service .nav-icon a{ float: left; margin-left:1.25rem; } .plugins .nav-icon i,.service .nav-icon i{ width: 1.5rem; height: 1.5rem; display: block; -webkit-transition:backgroud 0.3s; transition:backgroud 0.3s; background-size: 100%; } .nav-icon .icon-search{ background-image: url(../images/derucci_pc_icon_index_search_default@1x.png) } .nav-icon .icon-user{ background-image: url(../images/derucci_pc_icon_index_menu_user_default@1x.png) } .nav-icon .icon-cart{ background-image: url(../images/derucci_pc_icon_index_menu_cart_default@1x.png) } /* .nav-icon .icon-search:hover{ background-image: url(../images/derucci_pc_icon_index_search_hover@1x.png) } .nav-icon .icon-user:hover{ background-image: url(../images/derucci_pc_icon_index_menu_user_default@1x.png@1x.png) } .nav-icon .icon-cart:hover{ background-image: url(../images/derucci_pc_icon_index_menu_cart_default@1x.png) } */ .plugins .right-control{ /*height: 284px;*/ position: fixed; right:36px; top:50%; margin-top:-142px; z-index: 4; width:144px; padding-right:9px; background: url(../images/derucci_btn_index_rightbar_menu_bg@1x.png) no-repeat right 25px; } .plugins .pagination{ top: 0; } .plugins .right-control.col-3{ background-image: url(../images/derucci_btn_index_rightbar_menu_bg_3@1x.png) } .plugins .pagination a{ display: block; width:135px; height:50px; /* padding-left: 16px; */ line-height: 50px; text-align: center; font-size: 16px; color: rgba(255,255,255,0.80); /* text-shadow: 0 2px 4px rgba(0,5,18,0.50);*/ background: url(../images/derucci_btn_index_rightbar_menu_default@1x.png); margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .plugins .pagination a.active{ background: url(../images/derucci_btn_index_rightbar_menu_hover@1x.png); text-shadow: 0 1px 5px rgba(0,5,18,0.50); text-align: left; } .plugins .pagination a i{ height: 25px; border-bottom:1px solid #93969F; display: block; float: left; width:0; } .plugins .pagination a.active i{ width:10px; margin-right: 14px; margin-left: 18px; } .plugins .right-icon{ /* padding-left: 10px;*/ overflow: hidden; margin-top: 14px; width: 138px; /* margin-left: -10px;*/ } .plugins .right-icon a{ float: left; width: 46px; height:46px; background-size: 100%; -webkit-transition: all 0.2s; transition: all 0.2s; } .plugins .right-icon a:last-child{ margin-right: 0; } .plugins .right-icon .icon-service{ margin-right:26px; background-image: url(../images/derucci_pc_icon_index_rightbar_menu_customerservice_default@1x.png); } .plugins .right-icon .icon-follow{ background-image: url(../images/derucci_pc_icon_index_rightbar_menu_follow_default@1x.png); } .plugins .right-icon .icon-top{ background-image: url(../images/derucci_pc_icon_index_rightbar_menu_top_default@1x.png); } .plugins .right-icon .icon-service:hover{ background-image: url(../images/derucci_pc_icon_index_rightbar_menu_customerservice_hover@1x.png); } .plugins .right-icon .icon-follow:hover{ background-image: url(../images/derucci_pc_icon_index_rightbar_menu_follow_hover@1x.png); } .plugins .right-icon .icon-top:hover{ background-image: url(../images/derucci_pc_icon_index_rightbar_menu_top_hover@1x.png); } .plugins .tel{ font-size: 16px; color: #939BB1; margin-top:10px; line-height: 22px; text-align: center; } .pagenum{ height: 36px; width:356px; overflow: hidden; position: absolute; bottom:60px; left:50%; margin-left: -178px; z-index: 4; } .pagenum .left, .pagenum .right{ float: left; width:120px; height:36px; cursor: pointer; } .pagenum .left{ background: url(../images/derucci_pc_btn_index_banner_left_hover@1x.png) no-repeat 0 center; } .pagenum .right{ background: url(../images/derucci_pc_btn_index_banner_right_default@1x.png) no-repeat 0 center; } .pagenum .num{ margin:0 40px; width:36px; height:36px; float: left; line-height: 1; position: relative; z-index: 1; } .pagenum .num:after{ width: 43px; height: 1px; background: rgba(125,135,168,0.80); content: ''; position: absolute; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); top: 50%; left: -3px; } .pagenum .cur{ font-size: 20px; color: #FFFFFF; position:absolute; left:0; top:0; } .pagenum .all{ font-size: 20px; color: rgba(125,135,168,0.80); position:absolute; right:0; bottom:0; } /* 客户服务 */ .customer .page1{ background:url(../images/derucci_pc_img_customerservice_banner_bg@1x.png) no-repeat center top; background-size: cover; } .customer .page2{ background:url(../images/derucci_pc_img_customer_peisonganzhuang_bg@1x.jpg) no-repeat center top; background-size: cover; } .customer .page2 .bg{ -webkit-transition: all 0.3s; transition: all 0.3s; background-image: url(../images/derucci_pc_img_customer_banner_gouwutiyan_bg@1x.jpg); } .customer .page1 .t1{ /* color: #ECE0C4; /!* text-shadow: 0 2px 5px rgba(0,0,0,0.30);*!/ background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF0D8), to(#AB9677)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ } .customer .page1 .t2{ font-size: 1rem; line-height: 1.625rem; color: #FFFFFF; } .customer .page1 .t3 a{ color: #201D1C; background-image: url(../images/derucci_pc_btn_common_tab_contect_hover@1x.png); } .customer .page2 .textBox{ width: 58rem; margin-left: -29rem; margin-top:0; } .customer .page2 .t2{ font-size: 5rem; margin-top:0; } .customer .page2 .btnBox{ width: 74.6875rem; margin-left: -37.34375rem; } .banner.about .btnBox, .banner.paper .btnBox, .banner.senses .btnBox, .banner.tech .btnBox, .banner.globalRes .btnBox{ width: 48rem; margin-left: -24rem; } .banner.paper .btnBox, .banner.about .btnBox, .banner.senses .btnBox, .banner.tech .btnBox, .banner.globalRes .btnBox{ margin:7.5rem auto 0; } .customer .page3{ background-image: url(../images/derucci_pc_img_customer_fuwulinian_bg@1x.png) } .customer .page3 .textBox{ top: 16%; margin-top:0; } .customer .page3 .textBox .t1{ font-size: 5rem; line-height: 7rem; color: #201D1C; } .customer .page2 .imgBox{ background: none; } .customer .page3 .imgBox{ width: 80rem; position: absolute; top: 44%; margin-left: -40rem; left: 50%; overflow: hidden; -webkit-transition: all 1s; transition: all 1s; -webkit-transform: translateY(-200px); transform: translateY(-200px); opacity: 0; } .customer .ani-slide .imgBox{ -webkit-transform: translateY(0); transform: translateY(0x); opacity: 1; } .customer .page3._swiper-slide-prev .imgBox{ -webkit-transform: translateY(200px); transform: translateY(200px); } .customer .page3 .imgBox .imgItem{ width: 20.375rem; float: left; margin-right: 9.4375rem; } .customer .page3 .imgBox .imgItem:last-child{ margin-right: 0; } .customer .page3 .imgBox img{ display: block; width: 9.125rem; height: 9.125rem; margin: 0 auto; } .customer .page3 .imgBox .w1{ margin-top: 1.5rem; font-size: 2.25rem; color: #000000; line-height: 4rem; } .customer .page3 .imgBox .w2{ font-size:1rem; line-height: 1.625rem; margin-top: 0.625rem; color: #201D1C; } .customer .page4{ background-image:url(../images/derucci_pc_img_customer_kehukoubei_bg@1x.jpg); background-size: cover; } .customer .page4 .bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s; transition: all 0.3s; background-image: url(../images/derucci_pc_img_customer_kehukoubei_bg@1x.jpg); } .customer .page4 .textBox{ left: 13%; top:30%; text-align: left; color: #201D1C;; margin-left: 0; } .customer .page4 .t1{ font-size: 5rem; line-height: 7rem; font-weight: 100; } .customer .page4 .t2{ line-height: 4rem; font-size: 2.25rem; margin-top: 0.5rem; } .customer .page4 .t3{ line-height: 1.875rem; font-size: 1rem; margin-top: 0.375rem; } .customer .page5,.footer-bg,.desc-f4-bg,.culture-f4-bg,.product-intro{ background: url(../images/bt_bg.jpg) no-repeat; } .customer .page5 .innerBox{ width:100%; height:44.5rem; } .customer .innerContent{ background: #fff; width: 100%; height: 100%; position: relative; } .customer .innerBox .imgBox{ width: 43.75rem; height: 31.25rem; bottom: 0; position: absolute; left: 20%; max-height:76%; background: url(../images/derucci_pc_img_customer_banner_jianyi@1x.png) no-repeat; background-size:contain; } .customer .innerBox .textBox{ width: 27.3125rem; height: 33.5625rem; bottom: 0; position: absolute; right: 13%; max-height:76%; color: #201D1C; text-align: right; -webkit-transition:all 1s; transition:all 1s; -webkit-transform: translateY(200px); transform: translateY(200px); opacity: 0; } .customer .ani-slide .innerBox .textBox{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .customer ._swiper-slide-prev .innerBox .textBox{ -webkit-transform: translateY(-200px); transform: translateY(-200px); } .customer .innerBox .textBox .t1{ font-size: 5rem; line-height: 7rem; margin-top: 25px; font-weight: 100; } .customer .innerBox .textBox .t2{ font-size: 1rem; line-height: 1.625rem; margin-top: 0.4375rem; } .customer .innerBox .btn,.page-404 .btn{ width: 15rem; line-height: 4rem; height: 4rem; display: block; margin-top: 3.125rem; background: #CFBD95; font-size: 16px; color: #FFFFFF; float:right; text-align: center; } .page-404 .btn{ float: none; margin: auto; } .customer .innerBox .btn:hover{ background: #ceb785 } .dotation{ position: absolute; text-align: center; height: 44px; bottom: 5rem; left: 0; width: 100%; line-height: 44px; } .dotation .dot{ vertical-align: middle; display: inline-block; width: 10px; height: 10px; margin:0 4px; -webkit-transition:height 0.3s,background 0.3s; transition:height 0.3s,background 0.3s; cursor: pointer; background: url(../images/derucci_pc_icon_jiameng_jiamengyoushi_point1@1x.png) no-repeat center center; } .dotation .dot.active{ height: 44px; background-image: url(../images/derucci_pc_icon_jiameng_jiamengyoushi_point2@1x.png) } .customer .dotation .dot, .index .page1 .dotation .dot{ background-image: url(../images/derucci_pc_btn_index_banner_carousel_default@1x.png) } .customer .dotation .dot:hover, .index .page1 .dotation dot:hover{ background-image: url(../images/derucci_pc_btn_index_banner_carousel1_default@1x.png) } .customer .dotation .dot.active, .index .page1 .dotation .dot.active{ background-image: url(../images/derucci_pc_btn_index_banner_carousel_hover@1x.png) } .customer .dotation .dot.active:hover, .index .page1 .dotation .dot.active:hover{ background-image: url(../images/derucci_pc_btn_index_banner_carousel1_hover@1x.png) } /*客户服务子页面*/ .service .banner{ width: 100%; height: 440px; background-image: url(../images/derucci_pc_img_index_customerservice_banner2_default.png); background-attachment: fixed; background-size: auto 35rem; background-position: 50% 0; background-repeat: no-repeat; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; text-align:center\0; } .service .banner h1{ padding-top:10rem\0; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .service .banner h1{ padding-top: 0; } } .service .banner.high{ height: 46.25rem; background-image: url(../images/derucci_pc_img_index_customerservice_banner1_default.png); background-size: auto 50rem; } .service .banner.max{ height: 56.875rem; background-size: auto 60.625rem; } .service .banner.helpSleep{ background-image: url(../images/derucci_pc_img_product_zhumian_banner_size1920_970@1x.png); } .service .banner.coreSleep{ background-image: url(../images/derucci_pc_img_product_xinshuimian_banner_size1920_970@1x.png); } .service .banner .t1{ font-size: 5rem; line-height: 7rem; color: #201D1C; } .service .banner .t2{ font-size: 2.25rem; color: #000000; line-height: 4rem; margin-top: 0.4375rem; } .service .banner .t3{ font-size: 1rem; color: #000000; line-height: 1.875rem; margin-bottom: 2.5rem; } .form-container{ background: #fff; padding: 7.5rem 0; } .form-container .form{ width:43.75rem; margin: auto; } .form-container h1{ font-size: 3rem; text-align: center; line-height: 4.25rem; margin-bottom: 1.875rem; color: #201D1C; } .form-container .form .form-input{ width: 100%; /* height: 4rem;*/ line-height: 2rem; padding: 1rem; font-size: 1rem; color:#201D1C; background: #FFFFFF; border: 1px solid #4C515F; margin-bottom: 1.25rem; } .form-container .form textarea.form-input{ height: 12.5rem; } .form-container .form .form-help{ margin-bottom: 0.625rem; margin-top: -0.625rem; font-size: 1rem; color: #201D1C; line-height: 1.625rem; } .form-space{ width:100%; height: 3.75rem; } .form-container .form-submit,.add-new-addr{ display: block; margin-top:1.25rem; background: #CFBD95; font-size: 1rem; line-height: 4rem; border:0; outline: none; text-align: center; width:100%; color: #FFFFFF; } .form-container .form-submit:hover{ background: #ceb785 } .form-container .form-submit.linear{ border:1px solid #CFBD95; background: #fff; color: #CFBD95 } .form-container .appointment{ width:58.75rem; margin: -1.25rem auto 0; overflow: hidden } .form-container .appointment .item{ float: left; width:29.375rem; } .form-container .appointment .item:first-child{ padding-right: 14.375rem; border-right:1px solid #CFBD95; } .form-container .appointment .item:last-child{ padding-left: 14.375rem; } .appointment .item .t1{ font-size: 1rem; color: #201D1C; line-height: 1.875rem; } .appointment .item .t2{ font-size: 2.25rem; color: #000000; line-height: 4rem; margin-bottom: 0.75rem; } .appointment .item .form-submit{ margin-top: 0; } .service .footer{ position: static; opacity: 1; margin: 0 auto 2px; } .footer-bg{ height:350px; width: 100%; overflow: hidden; } /*引导页*/ .guideContainer{ /* background: #1F222E\0; background-image: -webkit-linear-gradient(95deg, #42495B 0%, #1F222E 63%, #11131D 100%); background-image: linear-gradient(165deg, #42495B 0%, #1F222E 63%, #11131D 100%); */ background:#1F222E url(../images/derucci_pc_img_yindaoye_bg@1x.jpg) no-repeat center center; width: 100%; height: 100%; position: relative; display: none; } .guideContainer canvas{ position: absolute; z-index: 5; left: 50%; top: 13%; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0); } /* .guideContainer:after{ content: ''; width: 100%; height: 170px; left: 0; position: absolute; z-index: 1; bottom: 0; background: url(../images/derucci_pc_img_yindao_bg@1x.png) no-repeat center bottom; background-size: 100% auto;; }*/ /* .guideContainer:before{ content: ''; width: 30%; height: 100%; right: 0; position: absolute; z-index: 1; top: 0; background: url(../images/derucci_pc_img_yindao_bg2.png) no-repeat center top; background-size: 100% auto;; } */ @-ms-keyframes rotate{ 0% {-ms-transform:rotate(60deg);opacity: 0;} 50% {opacity: 1;} 100% {-ms-transform:rotate(0deg);} } @-webkit-keyframes rotate{ 0% {-moz-transform:rotate(60deg);opacity: 0;} 50% {opacity: 1;} 100% {-moz-transform:rotate(0deg);} } @keyframes rotate{ 0% {transform:rotate(60deg);opacity: 0;} 50% {opacity: 1;} 100% {transform:rotate(0deg);} } .ring{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; overflow: hidden; display: none; } .ring.showLabel .coord-label{ opacity: 1 } .ring .bg{ position: absolute; width: 100%; left: 0; height: 108%; top: -4%; background: url(../images/ring.png) no-repeat center center; background-size: auto 100%; -webkit-animation: rotate 3s ease-out 0s both; -moz-animation: rotate 3s ease-out 0s both; -ms-animation: rotate 3s ease-out 0s both; animation: rotate 3s ease-out 0s both; } .ring .bg2{ position: absolute; width: 100%; left: 0; height: 108%; top: -4%; background: url(../images/ring2.png) no-repeat center center; background-size: auto 100%; display:none; } .yindao360{ width:50px; height:50px; background: url(../images/derucci_pc_icon_yindao_360_dafault@1x.png) no-repeat center center; position:absolute; left:50%; margin-left:-25px; bottom:3.5%; } .coord-label{ font-size: 1.125rem; color: #EED8AB; position: absolute; left: 50%; top: 50%; cursor: pointer; -webkit-transition:opacity 1s; -ms-transition:opacity 1s; -moz-transition:opacity 1s; transition:opacity 1s; opacity: 0; } .coord-label:nth-child(1), .coord-label:nth-child(2), .coord-label:nth-child(3), .coord-label:nth-child(4){ text-align: right; } .service .nav{ background: #202020; height: 73px; position: fixed; z-index: 10; top:0; left: 0; width: 100%; min-width: 1200px; } .service .nav:after{ content:''; display: table; clear:both; } .service .nav .logo{ width: 74px; height: 73px; margin-right: 7rem; background: url(../images/logo@1x.png) center center no-repeat; display:inline-block; } .service .nav .nav-col li{ padding: 0 0 13px 0; line-height: 73px; height: 73px; padding-right: 2.0rem; font-size: 0; display:inline-block; } .service .nav .nav-col li.dropdown>a, .plugins .nav .nav-col li.dropdown>a{ padding-right: 14px; background: url(../images/derucci_pc_icon_menu_dropdown_style01_default@1x.png) right center no-repeat; } .nav .dropdown{ position: relative; } .nav .dropdown .subContent{ min-width: 100%; padding: 0; top: 50px; position: absolute; left: -10px; height: 0; overflow: hidden; text-align: center; } .nav .dropdown .subContent .subInner{ margin-top: 10px; background: rgba(32, 34, 57, 0.82); opacity: 0; height: auto; -webkit-transition:opacity 1s; transition: opacity 1s; overflow: hidden; } .nav .dropdown .subContent .subInner.txt{ padding-top: 20px; } .nav .dropdown:hover .subContent .subInner{ opacity: 1; } .plugins .nav .dropdown .subContent{ top: 4.8rem; } .plugins.service .nav .dropdown .subContent{ top: 50px; } .service .nav .dropdown .subContent .subInner{ margin-top: 0; } .nav .dropdown:hover .subContent{ height: auto; /* padding: 20px 12px 20px 12px;*/ } .nav .dropdown .subContent a{ display: block; min-width: 100px; /* overflow: hidden;*/ /* text-overflow: ellipsis;*/ white-space: nowrap; padding:0 20px; font-size: 14px !important; line-height: 20px; margin-bottom: 20px; color: #fff; text-align: left; -webkit-transition: -webkit-transform 1s,opacity 1s; transition: transform 1s,opacity 1s; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); opacity: 0; } .nav .dropdown .subContent a img{ display: block; margin: 8px auto 4px; } .nav .dropdown:hover .subContent a{ opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .nav .dropdown .subContent a:hover{ color: #EED8AB; } .service .nav .nav-col li a{ font-size: 0.975rem; color:#fff; } .service .nav .nav-col li a.active{ color: #cf9f6e; } .service .nav-icon{ top: 18px; position: absolute; right: 1.875rem; } /*about*/ .banner.about{ background: url(../images/derucci_img_index_gongsijieshao_banner@1x.jpg) no-repeat center center !important; position: relative; z-index: 1; } .banner.about1{ background-image: url(../images/derucci_img_index_gongsijieshao_banner@2x.jpg); position: relative; z-index: 1; } .banner.about:after{ content: ''; } .banner.about .t1{ font-size: 4.5rem; line-height: 8rem; margin-bottom: 0.625rem; color: #fff; } .banner.about .t3{ color: #fff; font-size: 1.275em; line-height: 1.25rem; } .about-container{ background: #fff; } .about-tabs{ width: 100%; min-width: 71rem; white-space: nowrap; text-align: center; overflow: hidden; } .about-tabs .tabs-item{ /* max-width: 8.625rem; */ margin:0 1.5625rem; line-height: 5rem; color: #717171; width: 8.625rem; display: inline-block; cursor:pointer; } .about-tabs .tabs-item.cur{ color: #201D1C; border-bottom: 1px #4C515F solid; } .about-tabs-inner{ min-width:73.75rem; width:100%; } /* .about-tabs-inner:nth-child(odd){ background: #F7FAFB; } */ .about-inner-box{ margin: 0 auto; } #txt_ny1{ animation: bounceInDown 2s ; -moz-animation: bounceInDown 2s; -webkit-animation: bounceInDown 2s; -o-animation: bounceInDown 2s; } #txt_ny2{ animation: bounceIn 2s ; -moz-animation: bounceIn 2s; -webkit-animation: bounceIn 2s; -o-animation: bounceIn 2s; } .about-inner-box .t1, .product-param .t1{ width: 100%; margin-bottom:2rem; margin-top: 0.625rem; font-size: 3rem; line-height: 4.25rem; color: #201D1C; text-align: center; } .about-inner-box .t2{ width: 100%; margin-bottom: 1.25rem; font-size: 1.5rem; line-height: 2rem; color: #201D1C; text-align: center; } .about-inner-box .t3{ width: 100%; font-size: 0.975rem; line-height: 1.75rem; color: #717171; text-align: center; } .about-inner-box.desc-f1 .t3{ width: 1200px; margin: 50px auto 0; text-align: left; line-height: 30px; } .desc-f1{ padding:3.75rem 0 3.375rem; width: 1200px; } .desc-f1-img{ width: 100%; margin-top: 3.75rem; overflow: hidden; } .desc-f1-img img{ width: 1200px; margin: auto; display: block; } .desc-f1-img .right, .culture-f2-img .right{ width: 28.75rem; float: left; padding-top:4.5rem; } .desc-f1-img .right p, .culture-f2-img .right p{ text-align: left; } .desc-f1-img .right .t3, .about-inner-box.desc-f3 .t3{ margin-bottom: 1rem; } .desc-f2{ padding:3.125rem 0; width:1200px; height: 43.75rem; } .desc-f2-bg{ background: url(../images/derucci_pc_img_index_jianjie_shuimianxitong@1x.jpg) no-repeat center center; background-size: cover; } .desc-f2-bg .desc-f2 p, .desc-f4-bg .desc-f4 p{ color: #fff; } .desc-f2-bg .desc-f2 .t3, .desc-f4-bg .desc-f4 .t3{ opacity: 0.6; width: 58.75rem; margin:0 auto 12rem; } .desc-f4-bg .desc-f4 .t3{ margin-bottom: 6.25rem; } .desc-f4-bg .desc-f4 .t3:last-child{ margin:2rem auto; } .culture-f1-img{ padding-top: 6.875rem; overflow: hidden; width: 100%; } .desc-f2-img{ width: 1015px; margin: auto; overflow: hidden; } .desc-f2-img .item{ padding: 0 24px; float: left; } .desc-f2-img .item img{ width: 93px; height: 93px; display: block; margin: 0 auto 0.625rem; } .desc-f2-img .t2{ font-size: 1rem; } .culture-f1-img .right .t2{ margin-bottom: 1.875rem; } .culture-f1-img .right img{ display: block; margin: 0 auto 0.625rem; width: 6.75rem; height: 6.75rem; } .desc-f3{ width: 58.75rem; padding: 3.75rem 0 0; height:43.75rem; background:url(../images/derucci_pc_img_index_jianjie_huanjingxue@1x.png) no-repeat center bottom; background-size:51.25rem auto; } .desc-f4{ padding:3.125rem 0 1px; background: url(../images/derucci_pc_img_index_jianjie_logo@1x.png) no-repeat center top; background-size: auto 43.75rem; } .desc-f4-img{ width: 58.75rem; margin:auto; overflow: hidden; } .desc-f4-img img{ float: left; /* width:auto; */ width: 10.75rem; height: 6.25rem; margin-right: 1rem; margin-bottom: 1.25rem; } /* .desc-f4 .desc-f4-img img{ height: 8.75rem; } */ .desc-f4-img img:nth-child(5n){ margin-right: 0; } .culture-f1{ width: 73.75rem; padding: 3.75rem 0 16.25rem; } .culture-f1-img .right{ width: 25%; float: left; } .culture-f1-img .right p{ text-align: center; } .culture-f2-bg{ background: url(../images/derucci_pc_img_index_linian_jiankangshuimian@1x.jpg) no-repeat center center; background-size: cover; } .culture-f2{ padding: 3.75rem 0 0; width:73.75rem; height: 43.75rem; } .culture-f2-bg .culture-f2 .t1,.culture-f2-bg .culture-f2 .t3, .culture-f4-bg .culture-f4 .t1,.culture-f4-bg .culture-f4 .t3{ color:#fff; } .culture-f2-bg .culture-f2 .t3, .culture-f4-bg .culture-f4 .t3{ opacity: 0.6; width: 58.75rem; margin: auto } .culture-f4-bg .culture-f4 img{ display: block; width: 58.75rem; margin: 5rem auto 0; } .culture-f2-img{ width: 100%; margin-top: 11.25rem; overflow: hidden; position: relative; z-index: 1; } .culture-f2-img span{ float: left; width: 8.75rem; height: 8.75rem; border: 1px solid #EED8AB; border-radius: 50%; line-height: 8.625rem; text-align: center; font-size: 1.125rem; color: #FFFFFF; margin-right: 6.25rem; } .culture-f2-img span:last-child{ margin-right: 0; } .culture-f2-img img{ width: 21.8125rem; float: left; margin:0 8.75rem 0 14.375rem; } .culture-f2-img .right{ padding-top: 4.25rem; } .culture-f2-img .culture-f2-tip{ text-align: left; position: absolute; } .culture-f3{ width: 58.75rem; margin:auto; padding: 3.75rem 0 1.25rem; } .culture-f3 img{ width: 100%; display: block; margin-top: 6.25rem; } /* .culture-f3-img{ overflow: hidden; } .culture-f3-img .right{ padding-top: 5rem; float: left; margin-right: 1.25rem; width:28.75rem; } .culture-f3-img .right p{ text-align: left; } .culture-f3-img img{ width:51.25rem; float: left; } */ .culture-f4{ width: 73.4375rem; padding:3.125rem 0 0.875rem; } .culture-f4-img{ margin-top: 2.5rem; overflow: hidden; width: 100%; } .culture-f4-img img{ float: left; width:36.25rem; margin-right: 1.25rem; margin-top: 3.25rem; } .culture-f4-img .right{ width:28.75rem; float: left; } .culture-f4-img .right p{ text-align: left; } .culture-f4-img .right .t3{ margin-bottom: 1.25rem; } .honor-f1{ width:94.5rem; padding:3.75rem 0 5rem; } .honor-img{ padding: 2.875rem; position: relative; } .honor-img .swiper-container{ box-shadow: 0 0 12px 0 #D0E2E8; } .honor-img .swiper-slide{ overflow: hidden; } .honor-img .left{ width:45rem; height: 30rem; float: left; } .honor-img .left img{ display: block; width:100%; height: 100%; } .honor-img .right{ padding-top: 6.25rem; background: #fff; height: 30rem; width: 43.75rem; float: left; } .about-inner-box .honor-img .t2{ margin-bottom: 0.625rem; } .about-inner-box .honor-img .time{ font-size: 1.125rem; line-height: 1.5625rem; margin-bottom: 1.25rem; color: #201D1C; } .about-inner-box .honor-img .t3{ width: 35rem; margin: auto; text-align: left; } .modif-qyrykd .swiper-button-next, .modif-qyrykd .swiper-button-prev, .honor-img .swiper-button-next, .honor-img .swiper-button-prev, .more-product-slider .swiper-button-next, .more-product-slider .swiper-button-prev, .style-dw .swiper-button-next, .style-dw .swiper-button-prev, .style-goldia .swiper-button-next, .style-goldia .swiper-button-prev{ width: 2.875rem; height: 2.875rem; margin-top:-1.4375rem; background-size: 100% 100%; } .modif-qyrykd .swiper-button-next, .honor-img .swiper-button-next, .more-product-slider .swiper-button-next, .style-dw .swiper-button-next, .style-goldia .swiper-button-next{ right: 0; background-image: url(../images/derucci_pc_icon_product_kids_rightarrow_default@1x.png) } .modif-qyrykd .swiper-button-prev, .honor-img .swiper-button-prev, .more-product-slider .swiper-button-prev, .style-dw .swiper-button-prev, .style-goldia .swiper-button-prev{ left: 0; background-image: url(../images/derucci_pc_icon_product_kids_leftarrow_default@1x.png) } .modif-qyrykd .swiper-button-prev{left:13px;} .modif-qyrykd .swiper-button-next{right:13px;} .product-intro{ /* background: #9AB2C5; */ padding: 4rem 0 2.25rem; } .product-intro-inner{ width: 88.25rem; margin: auto; overflow: hidden; } .product-intro-img{ width:50rem; /* height:23.23rem;*/ margin-right: 3.625rem; display: inline-block; vertical-align: middle; } .product-intro-desc{ color: #fff; width: 28.75rem; display: inline-block; vertical-align: middle; } .product-intro-desc .t1{ font-size: 1.5rem; line-height: 2rem; margin-bottom: 0.375rem; } .product-intro-desc .t1 .sub{ font-size: 1.25rem; } .product-intro-desc .t2{ font-size: 0.975rem; line-height: 1.75rem; margin-bottom: 0.625rem; padding-bottom: 0.875rem; border-bottom: 1px solid rgba(76,81,95,0.5); } .product-intro-desc .price{ font-size: 1.125rem; line-height: 1.5rem; color: #EED8AB; margin-bottom: 1rem; } .product-intro-desc .btns{ /* border-top: 1px solid rgba(0,0,0,0.10); margin-top: 2rem; padding-top: 1.875rem;*/ width: 28.75rem; overflow: hidden; } .product-intro-desc .btns .btn{ width: 13.75rem; line-height: 4rem; background: #fff; border: 1px solid #4C515F; font-size: 1rem; text-align: center; float: left; color: #201D1C; margin-bottom: 0.875rem; margin-right: 1.25rem; } .product-intro-desc .btns .btn:nth-child(even){ margin-right: 0 } .product-intro-desc .btns .disable{ background: #CFCFCF; border-color: #CFCFCF; color: #898989; cursor: not-allowed } .product-detail-container{ width: 88.75rem; margin: auto; padding-top: 9.5rem; } .product-detail-img-t1{ max-width: 75rem; /* max-height: 26.25rem; */ display: block; margin: 0 auto 6.6875rem; } .product-param .t1{ margin-bottom: 0; } .product-param-box{ overflow: hidden; width: 100%; margin: 3.125rem auto 6.25rem; } .product-param-item{ width: 24%; margin-right: 1.333%; margin-bottom: 1.25rem; float: left; border-top: 2px solid #979797; padding-left: 1.25rem; padding-top: 1.25rem; } .product-param-item:nth-child(4n){ margin-right: 0; } .product-param-item .name{ color: #CFCFCF; font-size: 1rem; line-height: 1.375rem; margin-bottom: 0.875rem; } .product-param-item .property{ font-size: 1.125rem; color: #201D1C; line-height: 1.5625rem; height: 3.125rem; margin-bottom: 1rem; overflow: hidden; } .product-detail-img-t2, .product-detail-img-t3{ display: block; margin-top: 1.875rem; width: 100%; margin-bottom: 6.25rem; height: 43.75rem; background: url(../images/derucci_pc_img_product_dingzhirukou_default@1x.png); background-size:100% 100%; text-align: center; overflow: hidden; } .product-detail-img-t2 .t3, .product-detail-img-t2 .t1{ color: #fff; text-align: center; } .product-detail-img-t2 .t1{ margin-top: 4.375rem; margin-bottom: 0.625rem; } .product-detail-img-t2 .t3{ margin-bottom: 2.25rem; } .product-detail-img-t2 a{ cursor: pointer; } .product-detail-img-t2 a:hover{ text-decoration: underline } .more-product-slider{ position: relative; padding:2.5rem 2.875rem 3.125rem; margin: 0 -2.875rem; } .more-product-slider .swiper-slide{ width:28.75rem; height:19.0625rem; margin-right: 1.25rem; } .more-product-slider .swiper-slide img{ height: 15rem; } .more-product-slider .swiper-slide .t3{ font-size: 1.25rem; text-align: center; margin-top: 0.625rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #201D1C; } .more-product-slider .swiper-slide:hover .t3{ text-decoration: underline } .lnnliv { height: 31.25rem; background: url(../images/lnliv.png) no-repeat center center; background-size: cover; margin-top: 5rem; } .lnnliv>.lnnlivp { width: 100%; height: 100%; line-height: 31.25rem; font-size: 48px; color: #201D1C; text-align: center; display: block; } .prb{ background: url("../images/derucci_pc_img_product_dingzhirukou_default@1x.png") no-repeat; height: 13.75rem; width: 88.75rem; margin: 3.75rem auto 0; background-size: 100%; text-align: center; overflow: hidden; } .prb p{ color: #fff; } .prb .t1{ font-size: 3rem; line-height: 4.25rem; margin-top: 2.25rem; color: #fff; } .prb .t2{ font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 1.75rem; } .prb a{ text-decoration: underline; color: #fff; padding-right: 20px; background: url(../images/derucci_pc_icon_product_white_default@1x.png) no-repeat right center; } /*慕思新闻*/ .news-detail-content{ width: 1200px; background: #fff; margin: auto; padding: 15px 20px 30px; } .crumbs{ margin-bottom: 100px; text-align: left; } html.mobile .crumbs{ margin-bottom: 10px; } .crumbs a{ font-size: 14px; color: #717171; line-height: 20px; margin-right: 4px; } .crumbs .link{ padding-right: 16px; background: url(../images/derucci_icon_xiangqingye_mianbaoxie@1x.png) no-repeat right center; } .crumbs .text{ cursor: default; } .news-detail-content h1{ font-size: 24px; color: #201D1C; text-align: center; width: 940px; line-height: 32px; margin: 0 auto 10px; } .news-detail-content .time{ font-size: 14px; color: #717171; text-align: center; line-height: 30px; } .news-detail-content .article{ overflow: hidden; padding-top: 20px; min-height: 45rem; } .news-detail-content .summary{ padding-top: 20px; padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.10); overflow: hidden; } .news-detail-content .summary:last-child{ border:0; } .news-detail-content .summary-2{ padding-top: 20px; border-bottom: 1px solid rgba(0,0,0,0.10); overflow: hidden; } .news-detail-content .article img{ display: inline-block; max-width: 100%; } .news-detail-content .summary img{ margin-bottom: 20px; } .news-detail-content .article .t1{ font-size: 24px; line-height: 32px; margin-bottom: 10px; margin-top: 10px; color: #201D1C; } .news-detail-content .article .t2{ font-size: 20px; color: #201D1C; line-height: 28px; margin-bottom: 20px; } .news-detail-content .article .t3{ font-size: 14px; color: #717171; line-height: 20px; margin-bottom: 20px; } .news-detail-content .summary-2-child{ margin-bottom: 15px; overflow: hidden } .news-detail-content .summary-2-child p{ width: 100%; } .news-detail-content .summary-2-child:last-child{ margin: 0; } .news-detail-content .summary-2-child img, .news-list-content .summary-2-child img, .news-list-content .summary-2-child .imgRec{ float:left; width: 100%; height: 360px; } .news-detail-content .summary-2-child .text, .news-list-content .summary-2-child .text{ padding: 1.25rem 0 1.875rem; width: 100%; float: left; } .news-detail-content .summary-2-child .t3:last-child{ margin: 0; } .news-list-content .t1{ font-size:3rem; line-height: 4.25rem; text-align: center; padding-top: 3.75rem; color: #201D1C; /* border-bottom: 1px solid rgba(0,0,0,0.10);*/ } .news-list-content{ width: 88.75rem; margin: 0 auto; } .news-list-content .article{ padding: 2.5rem 0 0; min-height: 20rem; } .news-list-content .article .summary-2{ overflow: hidden; } .news-list-content .summary-2-child{ width: 28.7033rem;; float: left; margin-right: 1.2rem; } .news-list-content.adlist .summary-2-child{ width:580px; } .news-list-content.adlist{ width:1200px; } .news-list-content .summary-2-child:nth-child(3n){ margin-right: 0; } .news-list-content.adlist .summary-2-child:nth-child(odd){ margin-right: 40px; } .news-list-content.adlist .summary-2-child:nth-child(even){ margin-right: 0; } .news-list-content .summary-2-child img, .news-list-content .summary-2-child .imgRec{ height: 31.25rem; } .news-list-content .summary-2-child img, .news-list-content .summary-2-child .imgRec{ transition: all .5s; } .news-list-content .summary-2-child>a{ display: block; width: 100%; height: 100%; overflow: hidden } .news-list-content .summary-2-child img:hover, .news-list-content .summary-2-child .imgRec:hover{ -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } .news-list-content.adlist .summary-2-child .imgRec{ height: 445px; position: relative; z-index: 1; float: none; overflow: hidden } .join-train-f1 .train-item .videoCol:before, .news-list-content.adlist .summary-2-child .videoCol:before{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: rgba(0,0,0,0.7); } .join-train-f1 .train-item .videoCol:before{ height:21.5rem; } .join-train-f1 .train-item .videoCol:after, .news-list-content.adlist .summary-2-child .videoCol:after{ content:''; z-index: 2; position: absolute; width: 110px; height: 110px; left: 50%; top: 50%; margin: -55px 0 0 -55px; cursor: pointer; background: url(../images/derucci_pc_icon_index_common_play_yellow@1x.png) no-repeat center center; } .join-train-f1 .train-item .videoCol:after{ top:40%; background-image:url(../images/derucci_pc_icon_video_play_white@1x.png); } .join-train-f1 .train-item .videoCol.playing:before, .join-train-f1 .train-item .videoCol.playing:after, .news-list-content.adlist .summary-2-child .imgRec.playing:before, .news-list-content.adlist .summary-2-child .imgRec.playing:after{ display: none; } .news-list-content.adlist .summary-2-child .playing:hover:after{ display: block; background-image: url(../images/derucci_pc_icon_index_common_step_yellow@1x.png) } .join-train-f1 .train-item:hover .videoCol.playing:after{ display: block; background-image: url(../images/derucci_pc_icon_video_step_white@1x.png) } .news-list-content.adlist .summary-2-child .imgRec img, .news-list-content.adlist .summary-2-child .imgRec video{ display: block; width: 100%; height: auto; position: static; cursor: pointer; } .news-list-content .summary-2-child .text{ padding: 1.25rem 0 0; margin-bottom: 3.75rem; /* border-bottom: 1px solid rgba(0,0,0,0.1); */ } .news-list-content .article .t2{ cursor: pointer; font-size: 1.5rem; color: #201D1C; line-height: 2rem; margin-bottom: 0.625rem; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .news-list-content .article .t3, .news-list-content .article .time{ font-size: 0.875rem; color: #717171; line-height: 1.25rem; } .news-list-content .article .t2:hover{ text-decoration: underline; } .news-list-content.adlist .article .t2:hover{ text-decoration: none; } .news-list-content.adlist .article .t2{ cursor:default; } .news-list-content .article .t3{ height: 2.5rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news-list-content .article .time{ margin-bottom: 0.625rem; } .news-list-content .article .link{ font-size: 0.875rem; line-height: 1.25rem; color: #201D1C; } .news-list-content .article .link:hover{ text-decoration: underline; } .news-list-content .summary-2-child .imgRec{ position: relative; z-index: 1; } .news-list-content .summary-2-child .imgRec img, .news-list-content .summary-2-child .imgRec video{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all 0.3s } .news-list-content .summary-2-child .imgRec:hover{ z-index: 2; } /* .news-list-content .summary-2-child .imgRec:hover img, .news-list-content .summary-2-child .imgRec:hover video{ -webkit-transform: scale(1.01); transform: scale(1.01); } */ .news-list-content .about-tabs{ /* border-bottom: 1px rgba(0,0,0,0.10) solid; */ height: 5.125rem; } .news-list-content.adlist .about-tabs .tabs-item{ width: 8.625rem; } .block-list{ width: 88.75rem; padding: 2.5rem 0 3.75rem; margin:auto; } .block-list:after{ content: ''; display: table; clear: both; } .block-list .block{ width: 28.75rem; height: 28.75rem; margin-right: 1.25rem; margin-bottom: 1.25rem; float: left; position: relative; z-index: 1; cursor: pointer; overflow: hidden } .block-list .block .mask, .block-list .block img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-transition: all 0.2s; transition: all 0.2s; } .block-list .block .mask{ z-index: 2; opacity: 0; background: rgba(0,0,0,0.7); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-direction: column; } .block-list .block p{ color: #fff; font-size: 1.5rem; line-height: 2rem; } .block-list .block img{ z-index: 1; } .block-list .block:hover img{ -webkit-transform: scale(1.05); transform: scale(1.05); } .block-list .block:hover .mask{ opacity: 1; } .block-list .block:nth-child(3n){ margin-right: 0; } .dream .about-tabs-inner{ min-width: 88.75rem; } .builder.honor-f1 .honor-img{ padding-top: 0; padding-bottom: 0; } .about-inner-box.builder .t2{ width: 35rem; margin:0 auto 1.25rem; text-align: left; } .builder-f1{ padding-bottom: 3.125rem; width:58.75rem; margin: auto; } .builder.timeline{ padding-bottom: 5rem; } .timeline{ width: 90rem; margin: auto; position: relative; z-index: 1; /* min-height: 20rem; */ padding-top: 4rem; } .timeline .time-con{ width: 5rem; height: 4.25rem; background: #fff url(../images/derucci_img_index_dashiji_yuefen@1x.png); background-size: 100% 100%; font-size: 1.5rem; line-height: 4.25rem; text-align: center; position: absolute; left: -2.5rem; top: 0; } .timeline .timeline-inner img{ display: block; width: auto !important; max-width:100%; height: auto; margin: auto; } .timeline-tit{ font-size: 1.5rem; line-height: 2rem; margin-top: 1.25rem; display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; } .timeline-item{ padding-bottom: 3.75rem; padding-left: 3.75rem; border-left: 1px dashed #979797; position: relative; z-index: 1; } .timeline-item:last-child .desc{ border-bottom: 0; padding-bottom: 0; } .timeline-item .desc{ font-size: 0.875rem; line-height: 1.25rem; color: #717171; padding-bottom: 5rem; border-bottom: 1px solid #4C515F; margin-top: 0.625rem; } .timeline-time-list{ width:100%; height:30px; text-align:center; -webkit-user-select: none; user-select: none; } .timeline-time-list li{ display:inline-block; vertical-align: middle; } .timeline-time-list .time-start{ border-left: solid 3px #CFCFCF; padding-right: 4px; margin: 0 0 0 4px; height: 10px; } .timeline-time-list .time-end{ border-right: solid 3px #CFCFCF; padding-left: 4px; margin: 0 4px 0 0; height: 10px; } .timeline-time-list .time-prev, .timeline-time-list .time-next{ width: 24px; height: 24px; background: url(../images/derucci_pc_icon_common_up@1x.png) no-repeat; margin: auto; cursor: pointer; position: relative; z-index: 1; } .timeline-time-list .time-next{ background: url(../images/derucci_pc_icon_common_down@1x.png) no-repeat; } .timeline-time-list .time-prev:after, .timeline-time-list .time-next:after{ content: ''; position: absolute; left: -10px; right: -10px; width: 40px; height: 28px; } .timeline-time-list .time-prev:after{ top: -7px; bottom: 0; } .timeline-time-list .time-next:after{ bottom: -10px; top: 0; } .timeline-time-list .time-point{ width: 10px; height: 6px; padding:0 4px; position: relative; margin:auto; } .timeline-time-list .time-point:after{ content: ''; height: 100%; width: 2px; background: #CFCFCF; position: absolute; left: 4px; top: 0; } .timeline-time-list .time-year{ font-size: 0.75rem; color: #BABABA; line-height: 1rem; white-space: nowrap; text-align: center; cursor: pointer; margin: auto; /* width: 100%; */ -webkit-transition: width 0.3s; transition: width 0.3s; border-left: solid 3px #CFCFCF; padding-right: 4px; margin: 0 0 0 4px; height: 10px; position: relative; } .timeline-time-list .time-year:hover, .timeline-time-list .time-year.active{ width: 20px; height: 20px; margin-left: -2px; font-size: 0; background: url(../images/derucci_pc_img_index_dashiji_shijianzhou_hover@1x.png) no-repeat; padding-right: 0; border:0; } .timeline-time-list .time-year.active + .time-point, .timeline-time-list .time-year:hover + .time-point{ padding-left: 2px; width: 8px; } .timeline-time-list .time-year.active + .time-point:after, .timeline-time-list .time-year:hover + .time-point:after{ left: 2px; } .timeline-time-list .time-year:hover:after, .timeline-time-list .time-year.active:after{ content: ""attr(data-year)""; font-size: 18px; color: #BC9D58; width: 100px; height: 45px; position: absolute; line-height: 36px; left: 50%; margin-left: -50px; bottom: 100%; background: url(../images/derucci_img_index_dashiji_shijianzhou_hover@1x.png) no-repeat; } .timeline-time-list.fixed{ /* position: fixed;*/ /* top: 80px;*/ } .mu-select{ width:20rem; margin: auto; } .mu-select:after{ content: ''; display: table; clear: both; } .mu-select .value{ width:13.75rem; text-align: center; line-height: 3.75rem; border: 1px solid #4C515F; float: left; font-size:1rem; } .mu-select .control{ background: #4C515F; width: 6.25rem; float: left; height: 3.75rem; box-sizing: content-box; border-top:1px solid #4C515F; border-bottom:1px solid #4C515F; position: relative; z-index: 1; } .mu-select .control a{ position: absolute; left: 50%; width: 0.875rem; margin-left: -0.4375rem; height: 0.5rem; background: url(../images/yearcontrol.png) no-repeat center center; background-size:100% 100%; } .mu-select .control a.add{ top: 1.2rem; -webkit-transform:rotate(180deg); transform:rotate(180deg); } .mu-select .control a.sub{ bottom: 1.2rem; } /*加盟专区*/ .banner.join{ background-image: url(../images/derucci_img_jiameng_haiwai_banner@1x.png) } .banner.join-goodness{ background-image: url(../images/derucci_pc_img_jiameng_jiamengyoushi_banner@1x.jpg) } .banner.join h1, .banner.join-goodness h1, .banner.join-laws h1, .banner.internal h1{ font-size: 3.625rem; color: #FFFFFF; line-height: 5rem; font-weight: 400; } .banner.join-laws h1{ color: #201D1C; } .join-container{ width: 100%; min-width: 73.75rem; } .join-inner{ width: 73.75rem; margin: auto; text-align: center } .join-inner .t1{ font-size: 3rem; line-height: 4.25rem; color: #FFFFFF; margin-bottom: 0.625rem; } .join-inner .t2{ font-size:1.5rem; margin-bottom: 1.25rem; line-height: 2rem; } .join-inner .t3{ font-size: 1.125rem; margin-bottom: 1rem; color: #fff; line-height: 1.5625rem; } .join-inner .t4{ line-height: 1.75rem; font-size: 0.975rem; color: rgba(255,255,255,0.60); } .join-advantage-f1{ padding: 6.875rem 0 9.5rem; background:#f1f1f1; } .join-advantage-f1.operational{ padding-top:7.5rem; background:url(../images/derucci_pc_img_jiameng_jiamengyoushi_yunyingyoushi.jpg) no-repeat center top; height:43.75rem; background-size:cover; } .join-advantage-f1 .t1{ color: #201D1C; } .join-advantage-f1 .t4{ color: #717171; width:58.75rem; margin:auto; margin-bottom: 6.25rem; } .advantage-imgs,.sleep-tech-imgs,.sleep-advisor-imgs{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .advantage-imgs > img{ width: 13.75rem; height: 13.75rem; } .sleep-tech-imgs{ width: 73.75rem; margin: 3.75rem auto 5rem; } .sleep-tech-imgs > img{ width: 4.25rem; height: 4.25rem; } .join-advantage-f2{ background:url(../images/derucci_img_jiameng_jiamengyoushi_qiyeyoushi@1x.png) no-repeat center center; background-size:cover; padding: 8.125rem 0 10rem; position: relative; z-index: 1; overflow: hidden; } .join-advantage-f2.join-advantage-new1{ background:#fff; } .join-advantage-f2.join-advantage-new1 .t1{ color: #201D1C; } .join-advantage-f2 .t4{ color: #fff; width:58.75rem; opacity:0.6; margin:auto; } .join-advantage-f2 .join-inner-c2{ height:auto; } .join-advantage-f2 .join-inner-c2 .desc-f4-img{ margin-top:0.25rem; } .join-advantage-f2 .join-inner-c2 .desc-f4-img img{ margin-bottom:2rem; } .join-advantage-f2.join-advantage-new1 .t4{ color: #717171; opacity:1; } .join-advantage-f2.join-advantage-new1 .join-inner .t3{ color: #201D1C; } .join-advantage-f2.join-advantage-new1 .img-item img{ width:6.75rem; height:6.75rem; } .join-advantage-f2 .advantage-imgs{ margin-top: 6.75rem; } .join-advantage-f2 .img-item{ width: 16.25rem; height: 12.8125rem; } .join-advantage-f2 .img-item .t4{ opacity: 0.6 } .join-advantage-f2 .img-item img, .join-laws-f2 .img-item img{ display: block; width: 4.25rem; height: 4.25rem; margin: 0 auto 1rem; } .join-advantage-f3{ background: #f1f1f1; padding: 5rem 0 8.25rem; position: relative; z-index: 1; } .join-advantage-f3 .t1{ color: #201D1C; margin-bottom: 3.125rem; } .join-advantage-f3 .dotation{ bottom: 2.5rem; } .join-advantage-f3 .dotation .dot{ border-color:#333; } .join-advantage-f3 .swiper-container .swiper-slide{ width: 46.25rem; height: 23.125rem; background: url(../images/derucci_pc_img_jiameng_jiamengyoushi_style01@1x.png); background-size: 100% 100%; margin-right: 3.125rem !important; overflow: hidden; } .join-advantage-f3 .swiper-container .imgItem{ width: 22.5rem; height: 100%; float: left; } .join-advantage-f3 .swiper-container .itemText{ height: 100%; float: right; width: 20rem; margin-right: 2.25rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-direction: column; } .join-advantage-f3 .itemText p{ color: #fff; text-align:left; } .join-advantage-f3 .itemText .t2{ white-space: nowrap; overflow: hidden; width: 100%; } .join-advantage-f3 .itemText .t4{ opacity: 0.6; margin-bottom: 2rem; } .join-advantage-f3 .itemText .t3{ text-align: right; width: 100%; } .banner.join-laws{ background-image: url(../images/derucci_img_jiameng_xize_banner@1x.png) } .join-laws-f2{ background: url(../images/derucci_img_jiameng_xize_secongflod@1x.png) no-repeat center center; background-size:auto 100%; } .join-laws-f2 .join-inner{ padding: 3.75rem 0; } .join-laws-f2 .join-inner .t1{ color: #201D1C; margin-bottom: 3.125rem; } .join-laws-f2 .join-inner-c1 .t4{ color: #717171; } .join-laws-f2 .img-item{ height: 10.875rem; } .join-laws-f2 .t2{ color: #fff; font-size: 3rem; line-height: 4.25rem; margin-bottom: 1.125rem; } .join-inner-c1{ height: 18.125rem; } .join-inner-c2{ height: 64rem } .join-inner-c1 .jion-terms{ width: 73.75rem; overflow: hidden; margin: auto; } .join-inner-c1 .jion-terms p{ width: 50%; float: left; padding-left: 1.375rem; line-height: 1.375rem; font-size: 1rem; color: #717171; margin-bottom: 0.9375rem; white-space: nowrap; text-align: left; background: url(../images/derucci_pc_icon_jiameng_point@1x.png) no-repeat 0 center; background-size: 12px; } .join-inner-c2{ padding-top: 3.5rem; } .join-inner-c2 .desc-f4-img{ /* width: 73.75rem; padding: 0; background: none; margin: 3rem auto 0; */ } .join-inner-c2 .desc-f4-img img{ /* margin: 0; float: none; height: 8.75rem;*/ } .join-inner-c2 .desc-f4-img .t4 img{ width: 1.5625rem; height: 1.5625rem; vertical-align: middle; margin-right: 0.75rem; float: none; margin-bottom: 0; } .join-inner-c2 .desc-f4-img .t4 span{ margin-right:2.5rem; } .join-inner-c2 .desc-f4-img table{ width: 100%; } /* .join-inner-c2 .desc-f4-img td{ padding: 0 0.3125rem; } */ .join-inner-c2 .desc-f4-img td p{ text-align: center; line-height: 1.375rem; color: #ffffff; font-size: 1rem; margin-top: 1.25rem; margin-bottom: 3.125rem; } .join-laws-f3 .join-inner{ padding: 3.75rem 0 6.25rem; } .join-laws-f3 .join-inner .t1{ color: #201D1C; } .join-flow{ width: 700px; margin: 2.25rem auto 0; padding-top: 25px; } .join-flow .flow-item{ width: 100%; height: 100px; margin: 0 0 54px; position: relative; z-index: 1; border: 1px solid rgba(151,151,151,0.5); } .join-flow .flow-item .t3{ margin-top: 32px; font-size: 18px; color: #201D1C; margin-bottom: 5px; line-height: 25px; } .contact-table{ width: 88.75rem; margin:0 auto 10rem; } .join-laws-f3 > .t1{ font-size: 3rem; line-height: 4.25rem; margin-bottom: 3.75rem; text-align: center; } .contact-table th{ background: rgba(216,216,216,0.24); color: #201D1C; } .contact-table th, .contact-table td{ border:1px solid #979797; font-size: 1.25rem; line-height: 1.75rem; text-align: center; width: 25%; padding: 1.75rem 0; } .contact-table td{ color: #717171; } .join-flow .flow-item .t4{ font-size: 12px; color: #717171; line-height: 17px; } .join-flow .flow-item:after{ content: ''; position: absolute; border-right: 1px dashed #979797; height: 32px; width: 1px; left: 50%; margin-left: -1px; bottom: -32px; } .join-flow .flow-item i{ width: 48px; height: 48px; background: url(../images/derucci_icon_jiameng_xize_liucheng@1x.png) no-repeat center center; position: absolute; left: 50%; margin-left: -24px; top: -25px; font-size: 24px; color: #EED8AB; line-height: 48px; text-align: center; font-style: normal; } .join-flow .flow-item:last-child{ margin-bottom: 0; } .join-flow .flow-item:last-child:after{ display: none; } .right-plugins{ position: fixed; right: 0.5rem; z-index: 50; bottom: 15rem; width: 120px; } .right-plugins a{ width: 52px; height: 52px; background-size:100% 100%; margin:0 auto 12px; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; z-index: 1; } .right-plugins a:hover .lianxiSub{ display: block; } .right-plugins .lianxiSub{ width: 115px; position: absolute; right: 62px; top: 50%; border:1px #B1924E solid; padding: 5px; background: #fff; text-align: center; -webkit-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); display: none; } .right-plugins .lianxiSub:before{ content: ''; position: absolute; width:13px; height:100%; left:115px; top:0; } .right-plugins .lianxiSub:after{ content: ''; width: 12px; height: 12px; position: absolute; right: -7px; margin-top:-7px; top: 50%; background: #fff; border-top: 1px #B1924E solid; border-right: 1px #B1924E solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .lianxiSub .weibo{ border-bottom: 1px solid rgba(76,81,95,0.2); padding:35px 0 5px; font-size: 10px; line-height: 14px; color: #9B9B9B; background: url(../images/derucci_pc_icon_guanzhuwomen_sina_default.png) no-repeat center 5px; } .lianxiSub .weixin{ padding-top:10px; } .lianxiSub .weixin img{ display: block; width: 100%; height: 100px; margin: auto; } .lianxiSub .weixin p{ font-size: 10px; line-height: 14px; color: #9B9B9B; } .right-plugins .mendian{ background-image:url(../images/derucci_icon_shangcheng_chazhaonishenbiandemusi_default@1x.png) } .right-plugins .zixun{ background-image:url(../images/derucci_pc_icon_shangcheng_zixun_default@1x.png) } .right-plugins .lianxi{ background-image:url(../images/derucci_pc_icon_shangcheng_lianxi_default@1x.png) } .right-plugins .top{ background-image:url(../images/derucci_pc_icon_shangcheng_top_default@1x.png) } .right-plugins .mendian:hover{ background-image:url(../images/derucci_icon_shangcheng_chazhaonishenbiandemusi_hover@1x.png) } .right-plugins .zixun:hover{ background-image:url(../images/derucci_pc_icon_shangcheng_zixun_hover@1x.png) } .right-plugins .lianxi:hover{ background-image:url(../images/derucci_pc_icon_shangcheng_lianxi_hover@1x.png) } .right-plugins .top:hover{ background-image:url(../images/derucci_pc_icon_shangcheng_top_hover@1x.png) } .right-plugins p{ font-size: 16px; color: #2D313E; text-align: center; } .join-contact-f1 .join-inner{ padding: 3.75rem 0 17.1875rem; } .join-contact-f1 .join-inner p{ text-align: left; } .join-contact-f1 .join-inner .t1{ font-weight: 100; color: #201D1C; margin-bottom: 1.875rem; } .join-contact-f1 .join-inner .t1 img{ float: left; width: 4.25rem; height: 4.25rem; margin-right: 0.625rem; } .join-contact-f1 .join-inner .t2{ margin-bottom: 0.625rem; } .join-contact-f1 .join-inner .t3{ color: #717171; } /*虚拟门店*/ .banner.store{ background-image: url(../images/derucci_img_product_xunimengdian_banner@1x.png) } .banner.store h1{ font-weight: 400; font-size: 3.625rem; line-height: 5rem; margin-bottom: 5.25rem; color: #201D1C; } .select-col{ width: 46.25rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .select-col .select{ width: 15rem; height: 4rem; background: #fff; border: 1px solid #4C515F; position: relative; z-index: 2; } .select-col .select:after{ width: 1.125rem; height: 1.125rem; right: 1.375rem; top: 1.25rem; content: ''; position: absolute; background: url(../images/derucci_pc_icon_menu_dropdown_style01_default@2x.png); background-size: 100% 100%; } .select-col .select .text{ position: absolute; left: 1.25rem; top:1.25rem; line-height: 1.375rem; font-size: 1rem; color: #201D1C; cursor: pointer; /* width: 11rem;*/ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; right: 1.25rem; padding-right: 1.375rem; z-index: 2; } .select .shop-dropdown-menu{ position: absolute; top: 100%; margin-top: 0.3rem; background: #fff; min-width: 100%; left: -1px; right: -1px; border: 1px solid #4C515F; max-height: 12.8rem; overflow: auto; display: none; } .select.menu-active .shop-dropdown-menu{ display: block; } .select .shop-dropdown-menu li{ width: 100%; padding: 0 1.25rem; } .select .shop-dropdown-menu li.selected{ background: #f2f2f2; } .select .shop-dropdown-menu li a{ line-height: 3.2rem; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:1rem; } .store-container{ padding: 3.75rem 0 8.25rem; background: #fff; width: 100%; min-width: 58.75rem; } .store-container .store-inner{ width: 58.75rem; margin: auto; } .store-container .store-inner > img{ width: 100%; } .store-inner .storeInfo{ margin-top: 2.5rem; display: none; } .store-inner .storeInfo .t2{ font-size: 1rem; color: #201D1C; line-height: 1.375rem; margin-bottom: 0.625rem; padding-left: 1.3125rem; background: url(../images/derucci_icon_xunimendian_tiyandian@1x.png) no-repeat left center; background-size: 1rem 1rem; } .store-inner .storeInfo .infos{ overflow: hidden; } .store-inner .storeInfo .infos .t3{ float: left; line-height: 1.125rem; font-size: 0.75rem; color: #717171; margin-right: 2.375rem; padding-left: 1.3125rem; } .storeInfo .infos .pos{ background: url(../images/derucci_icon_xunimendian_dingwei@1x.png) no-repeat left center; background-size: 1rem 1rem; } .storeInfo .infos .tel{ background: url(../images/derucci_icon_xunimendian_dianhua@1x.png) no-repeat left center; background-size: 1rem 1rem; } /*睡眠文化*/ .banner.senses{ background-image: url(../images/derucci_pc_img_yanjiuyuan_shuimianwenhua_banner1_default.png) } .banner.music{ background-image: url(../images/derucci_pc_img_yanjiuyuan_shuimianwenhua_banner2_default.png) } .banner.tech{ background-image: url(../images/derucci_pc_img_yanjiuyuan_shuimiankeji_banner1_default.png) } .banner.senses h1,.banner.music h1,.banner.tech h1{ font-size: 5rem; font-weight: 100; color: #fff; line-height: 7rem; margin-bottom: 0.625rem; } .banner.senses .t3,.banner.music .t3,.banner.tech .t3{ line-height: 1.625rem; width: 62.5rem; font-size: 1rem; color: #fff; text-align: center; } .banner.tech .t3{ font-size: 1.075rem; line-height: 1.75rem; } .sleep-senses-intro{ padding: 3.75rem 0 2.5rem; } .sleep-content .t1{ font-size: 3rem; color: #201D1C; text-align: center; line-height: 4.25rem; } .sleep-content .t2{ font-size: 1.5rem; line-height: 2rem; text-align: center; } .sleep-content .sleep-senses-intro .t2{ color: #999; margin: 1.25rem auto 0.625rem; } .sleep-content .t3{ color: #201D1C; font-size: 1.075rem; line-height: 1.95rem; text-align: center; } .sleep-content .block-list .block .mask{ background: rgba(32,29,28,0.45); opacity: 1; } .sleep-content .block-list .block .mask img{ position: static; width: 4.25rem; height: 4.25rem; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s; transition: all 0.3s; margin-top: 1.875rem; } .sleep-content .block .t3{ text-align: justify; font-size: 0.875rem; color: #fff; width: 25rem; line-height: 1.25rem; position: relative; z-index: 1; height: 0; margin: 0; overflow: hidden; } .sleep-content .block:hover .mask img{ display: none; } .sleep-content .block:hover .t3{ height: auto; margin-top: 1.25rem; } /* .sleep-content .block .t3:after{ content: ''; width:0; height: 2px; background: #fff; position: absolute; top: 0; margin-left: -1.875rem; left: 50%; -webkit-transition: all 0.5s; transition: all 0.5s } .sleep-content .block:hover .t3:after{ width:3.75rem; } */ .sleep-senses-list{ margin: 2.5rem auto 7.5rem; width: 73.75rem; } .sleep-senses-list .t1{ margin-bottom: 3.75rem; } .sleep-senses-list ul{ border-top: 1px solid #F1F1F1; } .sleep-senses-list li{ padding: 1.75rem 7.5rem; border-bottom: 1px solid #F1F1F1; overflow: hidden; } .sleep-senses-list li p{ font-size: 1rem; line-height: 1.375rem; } .sleep-senses-list li .title{ width: 50rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left } .sleep-senses-list li .time{ float: right; color: #717171; width: 8.75rem; } .sleep-senses-bottom{ background: #F4F4F4; width: 100%; min-width: 88.75rem; padding: 6.25rem 0; } .senses-bottom-inner{ width: 88.75rem; margin: auto; overflow: hidden } .senses-bottom-item{ float: left; margin-right: 1.25rem; width: 43.75rem; height: 12.5rem; padding-right: 4.375rem; } .senses-bottom-item .t1{ line-height: 12.5rem; color: #fff; font-size: 3rem; text-align: right; } .senses-bottom-item:last-child{ margin-right: 0; } .senses-bottom-item.bps{ background: url(../images/derucci_pc_img_yanjiuyuan_shuimianwenhua_baipishu_default.png) no-repeat; background-size: 100% 100%; } .senses-bottom-item.wh{ background: url(../images/derucci_pc_img_yanjiuyuan_shuimianwenhua_wenhua_default.png) no-repeat; background-size: 100% 100%; } .senses-bottom-item.kj{ background: url(../images/derucci_pc_img_yanjiuyuan_shuimianwenhua_keji_default.png) no-repeat; background-size: 100% 100%; } .sleep-music-intro{ padding: 3.6rem 0 1.875rem; } .sleep-music-intro .t1{ margin-bottom: 1.5rem; } .sleep-music-player{ padding: 0 0 5rem; position: relative; z-index: 1; } .sleep-music-player .dotation{ position: static; } .sleep-music-player .dot{ border-color:#CFBD95; } /* .sleep-music-player .dot.active{ background: rgba(74,74,74,0.10); } */ .player-div{ width: 73.75rem; position: relative; margin: auto; z-index: 1; padding: 0.5rem 0 3.125rem; } .player-div .music-intro{ margin-right: 480px; min-height: 380px; } .player-div .player-box{ width: 380px; height: 380px; right: 0; top:0.5rem; position: absolute; z-index: 1; box-shadow: 0 0 24px 0 rgba(0,0,0,0.30); border-radius: 8px; overflow: hidden; margin: 0; } .music-intro .t1{ font-size: 2.25rem; margin-bottom: 1.25rem; line-height: 3.125rem; color: #CFBD95; text-align: left; } .music-intro .info{ font-size: 14px; margin-bottom: 1.25rem; line-height: 1.25rem; text-align: left; position: relative; z-index: 1; padding-left: 72px; text-align: justify; } .music-intro .info label{ color: #9B9B9B; line-height: 1.25rem; width: 72px; position: absolute; left: 0; } .music-poster,.aplayer-pic{ height: 380px; } .aplayer-pic .play-btn{ width:80px; height:80px; background:url(../images/derucci_pc_icon_index_common_play_yellow@1x.png) no-repeat; position: absolute; left: 50%; top: 50%; background-size: 100%; margin: -40px 0 0 -40px; cursor:pointer; } .music-poster img,.aplayer-pic img{ width: 100%; height: 300px; display: block; } .music-controls{ padding: 16px 20px; overflow: hidden; } .aplayer-mlist{ display:none; height:290px; background: #F8F8F8; } .aplayer-mlist .mlist-head{ padding: 25px 20px 12px; font-size: 12px; color: #9B9B9B; overflow:hidden; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); position: relative; } .aplayer-mlist .mlist-head span{ width:50%; float:left; line-height:17px; } .aplayer-mlist .mlist-body{ background: #F8F8F8; height:236px; overflow:auto; } .aplayer-mlist .mlist-body .mp3-item{ line-height:20px; padding:12px 20px; overflow:hidden; font-size:14px; color: #717171; cursor:pointer !important; } .aplayer-mlist .mlist-body .mp3-item span{ float:left; } .aplayer-mlist .mlist-body .mp3-item.cur{ background: #FFFFFF; color: #201D1C; cursor:default !important; } .aplayer-mlist .mlist-body .mlist-name{ width:75%; } .aplayer-mlist .mlist-body .mlist-time{ width:25%; text-align:right; } .musicTable{ width:73.75rem; margin:auto; padding-bottom:5rem; } .musicTable table{ width:100%; } .musicTable table thead th{ line-height:20px; font-size:14px; padding:10px 0; color: #9B9B9B; border-bottom:1px solid #F1F1F1; text-align:left; } .musicTable table tbody td{ font-size: 16px; color: #201D1C; line-height:22px; padding:29px 0; border-bottom:1px solid #F1F1F1; } .musicTable table tbody tr:hover td{ background: #FAFAFA; } .musicTable table i{ width:16px; height:16px; vertical-align:middle; margin-right:20px; cursor:pointer; display:none; } .musicTable table .icon-playing{ float:right; cursor:default; margin-right:10px; background:url(../images/deucci_pc_icon_wananshiguang_bofangzhuangtai@1x.png); } .musicTable table .icon-pause{ background:url(../images/deucci_pc_icon_wananshiguang_bofang@1x.png); } .musicTable table .icon-like{ background:url(../images/deucci_pc_icon_wananshiguang_xihuan_default@1x.png); } .musicTable table .icon-like.on{ background:url(../images/deucci_pc_icon_wananshiguang_xihuan_selected@1x.png); } .musicTable table tr.playing .icon-pause{ background:url(../images/deucci_pc_icon_wananshiguang_zanting@1x.png); } .musicTable table .icon-download{ background:url(../images/deucci_pc_icon_wananshiguang_download@1x.png); } .musicTable table .icon-share{ background:url(../images/deucci_pc_icon_wananshiguang_share@1x.png); } .musicTable table tbody tr:hover td:nth-child(3) i, .musicTable table tbody tr.playing td i{ display:inline-block; } .musicTable table tbody tr:hover td{ background: #FAFAFA; } .musicTable table tbody td:last-child{ color: #717171; } .music-dotation{ width: 100%; text-align: center; position: absolute; bottom: 3rem; height: 56px; } .music-dotation span{ display: inline-block; vertical-align: middle; width: 36px; height: 36px; margin: 10px 15px; box-shadow: 0 0 4px 0 rgba(207,189,149,0.60) inset; border-radius: 3px; line-height: 36px; text-align: center; text-indent: -3px; color: #cfbd95; cursor:pointer; } .music-dotation span.active{ margin: 0 15px; width: 56px; height: 56px; line-height: 56px; box-shadow: 0 0 4px 0 rgba(207,189,149,0.60); font-size: 20px; color: #cfbd95; text-indent: -2px; cursor:default; } .sleep-tech-intro{ padding: 6.25rem 0 7.5rem; } .sleep-tech-intro .t1{ margin-bottom: 1.25rem; } .sleep-tech-intro .btn{ background: #CFBD95; font-size: 1rem; color: #FFFFFF; text-align: center; line-height: 4rem; width: 15rem; display: block; margin: auto; } .sleep-tech-intro .btn:hover{ opacity: 0.9; } .sleep-tech-f2{ padding: 11.25rem 0 10.625rem; background: url(../images/derucci_pc_img_yanjiuyuan_shuimiankeji_4_default.png) no-repeat center center; background-size:auto 100%; height: 43.75rem; } .sleep-tech-f2 .sleep-tech-inner{ margin-left: 14.875rem; color: #fff; } .sleep-tech-f2 .sleep-tech-inner .t2{ text-align: left; font-size: 2.25rem; line-height: 3.125rem; margin-bottom: 1.375rem; } .sleep-tech-f2 .sleep-tech-inner ul{ width: 50rem; } .sleep-tech-f2 .sleep-tech-inner li{ font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 1.25rem; list-style: outside; } .sleep-tech-f2 .sleep-tech-inner li span{ font-size: 1.5rem; font-weight: 100; line-height: 2rem; color: #EED8AB } /*2019年4月2日 12:27:29 增加 T9*/ .sleep-tech-f6{ padding: 6.25rem 0 10.625rem; background: url(../images/t9.jpg) no-repeat center center; background-size:auto 100%; height: 43.75rem; } .sleep-tech-f6 .sleep-tech-inner{ margin-left: 14.875rem; color: #fff; } .sleep-tech-f6 .sleep-tech-inner .t2{ text-align: left; font-size: 2.25rem; line-height: 3.125rem; margin-bottom: 1.375rem; } .sleep-tech-f6 .sleep-tech-inner ul{ width: 50rem; } .sleep-tech-f6 .sleep-tech-inner li{ font-size: 1rem; line-height: 2rem; margin-bottom: 1.25rem; list-style: outside; } .sleep-tech-f6 .sleep-tech-inner li span{ font-size: 1.5rem; font-weight: 100; line-height: 2rem; color: #EED8AB } .sleep-tech-f6 .sleep-tech-inner .t3{ color: #fff;text-align: left;width: 40rem; } .sleep-tech-f6 .sleep-tech-inner .t3 span{ font-size: 1.875rem;line-height: 2.5rem;font-weight: 100;color: #EED8AB; } .sleep-tech-f6 .sleep-tech-inner .sleep-tech-img{ margin-top: 3rem; } .sleep-tech-f6 .sleep-tech-inner .sleep-tech-img .tech-img-item:first-child{ width: 10rem;float: left;margin-left: -22px; } .sleep-tech-f6 .sleep-tech-inner .sleep-tech-img .tech-img-item{ width: 10rem;float: left;margin-left: 20px; } .sleep-tech-f6 .sleep-tech-inner .sleep-tech-img .tech-img-item img{ margin: 0 auto;display: block; } .sleep-tech-f6 .sleep-tech-inner .sleep-tech-img .tech-img-item .ttt1{ font-size: 1.25rem;line-height: 1.75rem;text-align: center;margin-top: 1rem;color: #EED8AB; } .sleep-tech-f6 .sleep-tech-inner .sleep-tech-img .tech-img-item .ttt2{ font-size: 0.25rem;line-height: 1.75rem;text-align: center;color: #EED8AB; } /*2019年4月2日 12:27:29 增加 T9*/ .sleep-tech-f3,.sleep-tech-f4,.sleep-tech-f5{ height: 43.75rem; background: url(../images/derucci_pc_img_yanjiuyuan_shuimiankeji_3_default.png) no-repeat center center; background-size:auto 100%; position: relative; z-index: 1; } .sleep-tech-f3 .sleep-tech-text{ /* width: 45.625rem;*/ position: absolute; left: 50%; top: 13.75rem; right: 10rem; } .sleep-tech-f3 .t2{ text-align: right; font-size: 2.25rem; line-height: 3.125rem; margin-bottom: 1.875rem; } .sleep-tech-f3 .sleep-tech-text span, .sleep-tech-f4 .sleep-tech-text span, .sleep-tech-f5 .sleep-tech-text span{ font-size: 1.875rem; line-height: 2.5rem; font-weight: 100; } .sleep-tech-f3 .t3{ text-align: right; } .sleep-tech-f3 .sleep-tech-img{ position: absolute; left: 50%; top: 10.9375rem; margin-left: -18rem; } .sleep-tech-f3 .sleep-tech-img .t3{ line-height: 4.5rem; text-align: left; overflow: hidden; margin-bottom: 1.25rem; } .sleep-tech-f3 .sleep-tech-img img{ width: 4.5rem; height: 4.5rem; float: left; margin-right: 0.75rem; } .sleep-tech-f4{ background-image: url(../images/derucci_pc_img_yanjiuyuan_shuimiankeji_2_default.png); } .sleep-tech-f4 .t2, .sleep-tech-f5 .t2{ color: #fff; font-size: 2.25rem; line-height: 3.125rem; margin-bottom: 1.25rem; text-align: left; } .sleep-tech-f4 .t3, .sleep-tech-f5 .t3{ color: #fff; text-align: left; } .sleep-tech-f4 .sleep-tech-text span{ color: #EED8AB } .sleep-tech-f4 .sleep-tech-text{ width: 38.75rem; position: absolute; right: 55%; top: 17rem; } .sleep-tech-f5 .sleep-tech-text{ width: 35rem; position: absolute; left: 58%; top: 17rem; } .sleep-tech-f5{ background-image: url(../images/derucci_pc_img_yanjiuyuan_shuimiankeji_1_default.png); } .sleep-tech-f5 .t2,.sleep-tech-f5 .t3{ color: #201D1C; } .sleep-tech-f3 .sleep-tech-text{ top: 9rem; } .sleep-tech-f1{ background: #F7FAFB url(../images/derucci_pc_img_yindao_bg@1x.png) no-repeat center bottom; } .sleep-tech-f1 .t2,.sleep-tech-f1 .t3{ color: #4A4A4A; } .sleep-tech-f1 .sleep-tech-img{ left: auto; right: 10rem; bottom: 8.75rem; top: auto; margin:0; width: 50rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: left; align-items: left; } .sleep-tech-f1 .sleep-tech-inner{ height: 100%; background: url(../images/derucci_pc_img_yanjiuyuan_shuimiankeji_diwudai_renti_default.png) no-repeat 14% 4rem; background-size: 31.625rem auto; } .sleep-tech-f1 .tech-img-item{ width: 10rem; } .sleep-tech-f1 .tech-img-item:last-child{ width: 4.25rem; margin-left: 3.625rem; } .sleep-tech-f1 .tech-img-item img{ width: 4.25rem; height: 4.25rem; margin: auto; display: block; float: none; } .sleep-tech-f1 .tech-img-item .t2, .sleep-tech-f1 .tech-img-item .t3{ width: auto; text-align: center; margin: 0.625rem 0 0; } .sleep-tech-f1 .tech-img-item .t2{ font-size: 1.25rem; line-height: 1.75rem; } .sleep-tech-f1 .tech-img-item .t3{ line-height: 1.25rem; } .banner.paper{ background-image: url(../images/derucci_pc_img_yanjiuyuan_baipishu_banner_default.png) } .banner.paper h1,.banner.globalRes h1{ color: #fff; font-size: 5rem; line-height: 7.5rem; font-weight: 100; margin-bottom: 1.25rem; } .banner.paper .t3{ color: #fff; text-align: center; margin-bottom: 0; } .sleep-paper-f1{ width: 100%; min-width: 76.25rem; padding: 3.125rem 0 1.25rem; } .sleep-paper-inner{ width: 76.25rem; margin: auto; } .cur-paper{ overflow: hidden; } .cur-paper .paper-cover{ width:28.4375rem; height: 35rem; float: left; } .cur-paper .paper-cover img{ max-width: 100%; max-height: 100%; display: block; margin: auto; } .cur-paper .paper-intro{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: left; align-items: left; flex-direction: column; width: 46.0625rem; float: left; height: 35rem; margin-left: 1.75rem; } .cur-paper .paper-intro p{ text-align: left; width: 100%; } .cur-paper .paper-intro .t1{ margin-bottom: 1.25rem; } .cur-paper .paper-intro .t3{ margin-bottom: 2.5rem; } .cur-paper .paper-intro .btn{ background: #CFBD95; font-size: 1rem; color: #FFFFFF; text-align: center; line-height: 4rem; width: 15rem; display: block; } .cur-paper .paper-intro .btn:hover{ opacity: 0.9 } .all-paper{ padding: 5rem 1.875rem 0; margin-top: 3.125rem; border-top: 1px solid #D8D8D8; overflow: hidden; } .all-paper .paper-item{ float: left; background: #F7FAFB; width: 18.125rem; height: 26.875rem; line-height: 6rem; text-align: center; font-size: 1.5rem; margin-right: 9.0625rem; margin-bottom: 2.5rem; background-size: 100% 100%; } .all-paper .paper-item .t1{ font-size: 2.25rem; line-height: 3.125rem; margin-top: 7.5rem; } .all-paper .paper-item .t2{ /* white-space: nowrap; text-overflow: ellipsis; overflow: hidden; */ } .all-paper .paper-item:nth-child(3n){ margin-right: 0; } .banner.globalRes{ background-image: url(../images/derucci_pc_img_yanjiuyuan_ziyuanzhenghe_banner_default.png) } .sleep-res-f1{ padding: 5rem 0 1.25rem; min-width: 1100px; } .sleep-res-f1 .t1{ margin-bottom: 1.25rem; } .sleep-res-f1 .t3{ margin-bottom: 1.5rem; } .sleep-res-f1 .sleep-res-inner{ width: 1100px; margin: auto; } .global-res-map{ width: 720px; height: 378px; margin:0 auto 5px; position: relative; z-index: 1; background: url(../images/derucci_pc_img_yanjiuyuan_ziyuanzhenghe_map_default.png); } .global-res-map .pos-tip{ width:30px; height:30px; position:absolute; margin:-30px 0 0 -15px; background:url(../images/derucci_pc_icon_gongyinglian_map_hover@1x.png); } .global-res-map .pos-tip .tip-txt{ width:193px; background: rgba(0,0,0,0.80); border-radius: 4px; padding:5px 14px; font-size: 12px; color: #FFFFFF; line-height:17px; position:absolute; left:30px; top:15px; } .global-res-map .point{ width: 26px; height: 26px; position: absolute; background: url(../images/derucci_pc_icon_yanjiuyuan_ziyuanzhenghe_weizhi_default.png) } .global-res-map .label{ width: 296px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 10px; position: absolute; background: url(../images/res_labelbg.png) } .sleep-res-f2{ min-width: 88.75rem; padding: 7.5rem 0 6.875rem; background: url(../images/derucci_pc_img_yanjiuyuan_ziyuanzhenghe_yanjiujigou_default.png) no-repeat center center; background-size:cover; } .sleep-res-f2 .sleep-res-inner{ width: 88.75rem; margin: auto; } .sleep-res-f2 .sleep-res-inner .t1{ color: #fff; margin-bottom: 6.25rem; } .res-org-list{ overflow: hidden; width: 1000px; padding:5px; margin:auto; } .res-org-list .res-org-item{ width:120px; margin-right:25px; height:80px; margin-bottom:10px; float: left; } .res-org-list .res-org-item.active img, html.mobile .res-org-list .res-org-item img{ corsor:default; opacity:1; -webkit-filter: grayscale(0%); filter: grayscale(0%); } .res-org-list .res-org-item:nth-child(7n){ margin-right: 0; } .res-org-list .res-org-item img{ display: block; /* opacity:0.6; -webkit-filter: grayscale(100%); filter: grayscale(100%); */ width: 120px; /* cursor:pointer; */ height: 44px; margin-bottom:2px; } .res-org-list .res-org-item p{ white-space: nowrap; text-align: center; font-size: 12px; line-heigt:17px; color:#717171; } .res-org-list .res-org-item.active p{ color: #201D1C; } .sleep-res-f3 { padding: 6.25rem 0 7.5rem; } .sleep-res-f3 .t1{ margin-bottom: 1.25rem; } .sleep-res-f3 .t3{ width: 62.5rem; margin: auto; } .global-res-designer{ width:87.5rem; margin:6.25rem auto 0; overflow: hidden; } .global-res-designer .designer-col{ float: left; } .global-res-designer .designer-item{ padding: 2px; background: #fff; cursor: pointer; width: 30.625rem; height: 17.5rem; position: relative; z-index: 1; } .global-res-designer .single .designer-item{ width: 26.25rem; height: 35.25rem; padding-bottom: 6px; } .global-res-designer .designer-col:nth-child(1) .designer-intro{ left: 26.25rem; } .global-res-designer .designer-col:nth-child(2) .designer-intro{ left: 30.625rem; } .global-res-designer .designer-col:nth-child(3) .designer-intro{ right: 30.625rem; } .global-res-designer .designer-item:nth-child(1) .designer-intro{ top: 0; } .global-res-designer .designer-item:nth-child(2) .designer-intro{ top: -17.5rem; } .global-res-designer .designer-item .designer-intro{ position: absolute; width: 30.625rem; height: 35rem; padding: 2px; display: none; cursor: text } .global-res-designer .designer-intro .t1{ font-size: 2.1rem } .global-res-designer .designer-intro .t3{ margin-bottom: 10px; } .global-res-designer .designer-item:hover .designer-intro{ display: block; } .designer-intro .intro-content{ width: 100%; height: 100%; background: rgba(32,29,28,0.8); } .designer-intro .half-intro{ height: 50%; padding: 2.5rem; } .global-res-designer .designer-item .designer-intro:hover{ display: none; } .designer-intro .t1{ font-size: 3rem; line-height: 4.25rem; margin-bottom: 1.25rem; text-align: left; color: #fff; } .designer-intro .t3{ font-size: 0.875rem; line-height: 1.25rem; color: #fff; width: 100%; text-align: justify; } .global-res-designer:hover img{ -webkit-filter: saturate(0%); filter: saturate(0%); opacity: 0.8; } .global-res-designer .designer-item:hover{ z-index: 2; } .global-res-designer .designer-item:hover img{ -webkit-filter: saturate(100%); filter: saturate(100%); opacity: 1; } .global-res-designer .designer-item img{ width: 100%; height: 100%; display: block; } .banner.train{ background-image: url(../images/derucci_img_chengzhangpeixun_banner.png) } .banner.train h1{ font-size: 3.625rem; line-height: 5rem; margin-bottom: 7rem; color: #fff; } .join-train-f1{ padding:3.75rem 0 9.375rem; min-width: 88.75rem; } .join-train-f1 .train-list{ width: 88.75rem; overflow: hidden; margin: auto; } .join-train-f1 .train-item{ float: left; margin-right: 1.25rem; width: 28.75rem; height: 28.75rem; position: relative; margin-bottom: 1.25rem; z-index: 1; border: 1px solid #DDDDDD; border-radius: 4px; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; } .join-train-f1 .train-item .videoCol{ width:100%; height:21.5rem; } .join-train-f1 .train-item .videoCol video{ width:100%; height:100%; } .join-train-f1 .train-item:nth-child(3n){ margin-right: 0; } .join-train-f1 .train-item:hover{ box-shadow: 0 5px 10px rgba(0,0,0,0.1) } .join-train-f1 .train-item:hover img{ -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } .join-train-f1 .train-item img{ -webkit-transition: all 0.5s; transition: all 0.5s; display: block; width: auto; height: 21.25rem; min-width: 100%; } .join-train-f1 .train-item video{ background: #000; } .join-train-f1 .video-item:before{ content: ''; z-index: 1; height:21.375rem; width: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,0.7); } .join-train-f1 .video-item:after{ position: absolute; width: 80px; height: 80px; left: 50%; top: 8.5rem; margin:0 0 0 -40px; background: url(../images/derucci_pc_icon_video_play_white@1x.png); content: ''; z-index: 2; cursor: pointer; } .train-item .train-intro{ position: static; left: 0; bottom: 0; background: #fff; width: 100%; height: 7.375rem; padding: 1.25rem 1.25rem 0.625rem; } .train-item .train-intro p{ /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .train-item .train-intro .t3{ line-height: 1.75rem; font-size: 1.25rem; margin-bottom: 0.625rem; height: 3.5rem; } .train-item .train-intro .t4{ font-size: 0.875rem; line-height: 1.25rem; } .train-item .train-intro .t4 span{ padding-left: 1.875rem; } .train-item .train-intro .time{ background: url(../images/derucci_pc_icon_peixun_shijian.png) no-repeat left center; background-size: 1.25rem 1.25rem; } .train-item .train-intro .place{ background: url(../images/derucci_pc_icon_peixun_didian.png) no-repeat left center; background-size: 1.25rem 1.25rem; } .banner.internal{ background-image: url(../images/derucci_pc_img_jiamengmusi_banner.png) } .jion-internal-form{ padding: 6.25rem 0 9.375rem; width: 88.75rem; margin: auto; } .form-title{ text-align: center; font-size: 3rem; line-height: 4.25rem; margin-bottom: 3.75rem; } .jion-internal-form .input-control{ background: #FFFFFF; border: 1px solid #4C515F; font-size: 0.875rem; line-height: 1.25rem; padding: 1.25rem; width:100%; margin-right: 1.25rem; float: left; } .jion-internal-form .form-group{ overflow: hidden; margin-bottom: 1.875rem; } .jion-internal-form .col-3 .input-control{ width: 28.75rem; } .jion-internal-form .col-4 .input-control{ width: 21.25rem; } .jion-internal-form .input-control:last-child{ margin-right: 0; } .jion-internal-form .form-area{ margin-bottom: 6.25rem; } .jion-internal-form .select-group{ padding-top: 1.875rem; } .jion-internal-form .select-group label{ display: block; margin-bottom: 1.25rem; line-height: 1.375rem; font-size: 1rem; } .jion-internal-form .select-group .select-content{ overflow: hidden; } .jion-internal-form .select-group .item{ width: 13.75rem; margin-right: 1.25rem; line-height: 4rem; text-align: center; font-size: 1rem; color: #201D1C; background: #F2F2F2; cursor: pointer; float: left; margin-bottom: 1.25rem; } .jion-internal-form .select-group .item.active{ background: #D2BD90; color: #fff; } .jion-internal-form .select-group .item:nth-child(6){ margin-right: 0; } .jion-internal-form .select-group.brand .item{ height: 6.25rem; } .jion-internal-form .select-group.brand .item img{ display: block; width: 100%; height: 100%; } .jion-internal-form .select-group.brand .default{ background: url(../images/derucci_pc_img_common_jiamengmusi_logo_v6_default.png); background-size: 100% 100%; cursor: default; } .form-vertical{ padding-top: 1.875rem; } .form-vertical .form-group{ padding-left: 15rem; position: relative; z-index: 1; } .form-vertical .form-group label{ width: 15rem; left: 0; position: absolute; line-height: 4rem; top: 0; } .jion-internal-form textarea.input-control{ height: 17.5rem; } .jion-internal-form .submit{ display: block; width: 15.625rem; height: 3rem; line-height: 3rem; text-align: center; color: #201D1C; font-size: 1.125rem; background: url(../images/derucci_pc_btn_common_product_default@1x.png) no-repeat; background-size: 100% 100%; margin: auto; } .jion-internal-form .submit:hover{ background-image: url(../images/derucci_pc_btn_common_tab_contect_hover@1x.png); color: #fff; } /*login*/ .form-container.login{ background: #f1f1f1; padding: 0; overflow: hidden; } .login-content{ width: 73.75rem; margin: 2.5rem auto; padding:2.5rem 0 3.75rem; background: #fff; } .login-content h1{ text-align: left; } .login-content h1.center{ text-align: center; } .login-content .form-group{ position: relative; z-index: 1; margin-bottom: 1.25rem; } .login-content .form-group .form-input{ margin-bottom: 0; } .form-group div.tip-error{ padding-left: 1.875rem; line-height: 1.25rem; position: absolute; right: 1.25rem; bottom: 1.36rem; color: #D0021B; background: url(../images/derucci_pc_icon_login_jinggao.png) no-repeat left center; background-size: 1.25rem; } .login-content .form-group label{ line-height: 1.625rem; margin-bottom: 0.625rem; font-size: 1rem; display: block; } .yzm { overflow: hidden; } .yzm .form-group{ width: 28.75rem; float: left; } .yzm .yzmarea{ width: 13.75rem; float:right; /* height: 4rem;*/ background: #CFBD95; color: #fff; text-align: center; line-height: 4rem; font-size: 1rem; margin-top: 2.25rem; cursor: pointer; border:1px solid #CFBD95; } .yzm .yzmarea.disable{ background: #CFCFCF; color: #898989; border-color: #CFCFCF; cursor: default; } .form-group label .checkbox, .form-group label .radio{ display: inline-block; width:20px; height: 20px; vertical-align: middle; border:1px solid #4C515F; border-radius: 50%; cursor: pointer; margin-right: 0.625rem; position: relative; z-index: 1; } .form-group label .checkbox.checked:after, .form-group label .radio.checked:after{ content: ''; width: 10px; height: 10px; background: #4C515F; border-radius: 50%; left: 50%; top: 50%; margin: -5px 0 0 -5px; position: absolute; } .checkbox input[type="checkbox"], .radio input[type="radio"]{ display: none; } .login-content .links{ overflow: hidden; margin-top: 1.25rem; } .login-content .links>a{ float: left; margin-right: 1.25rem; font-size: 1rem; line-height: 1.625rem; } .login-content .links .register{ color: #717171; } .login-content .links .forget{ color: #CFBD95; float: right; margin-right: 0; } .login-content .links .other-way{ float:right; } .login-content .other-way a{ width: 2.875rem; height: 2.875rem; float: left; margin-left: 1.25rem; background-size: 100% 100%; -webkit-transition: all 0.2s; transition: all 0.2s; } .login-content .other-way .tel{ background-image: url(../images/derucci_pc_icon_huiyuandenglu_phone_default.png) } .login-content .other-way .weibo{ background-image: url(../images/derucci_pc_icon_huiyuandenglu_weibo_default.png) } .login-content .other-way .weixin{ background-image: url(../images/derucci_pc_icon_huiyuandenglu_weixin_default.png) } .login-content .other-way .tel:hover{ background-image: url(../images/derucci_pc_icon_huiyuandenglu_phone_hover.png) } .login-content .other-way .weibo:hover{ background-image: url(../images/derucci_pc_icon_huiyuandenglu_weibo_hover.png) } .login-content .other-way .weixin:hover{ background-image: url(../images/derucci_pc_icon_huiyuandenglu_weixin_hover.png) } .userDialog{ position: fixed; right: 1.875rem; top: 5rem; width: 17.5rem; padding-top: 1.125rem; z-index:100; display: none; opacity: 0; -webkit-animation: userShow 0.5s both; -moz-animation: userShow 0.5s both; animation: userShow 0.5s both; -webkit-transform:translate3d(0,50px,0); transform:translate3d(0,50px,0); } @-moz-keyframes userShow{ from {opacity: 0;-moz-transform:translate3d(0,50px,0);} to {opacity: 1;-moz-transform:translate3d(0,0,0);} } @-webkit-keyframes userShow{ from {opacity: 0;-webkit-transform:translate3d(0,50px,0);} to {opacity: 1;-webkit-transform:translate3d(0,0,0);} } @keyframes userShow{ from {opacity: 0;transform:translate3d(0,50px,0);} to {opacity: 1;transform:translate3d(0,0,0);} } .userDialog:after{ content: ''; position: absolute; border-width: 1rem; border-color: transparent transparent #fff transparent; top: -0.85rem; border-style: solid; right: 2.5rem; } .userDialog .userContent{ width: 100%; background: #fff; padding: 1.25rem; box-shadow: -10px 0 10px 0 rgba(0,0,0,0.10); } .userDialog .userContent .logo{ width:5.9375rem; height: 4rem; background: url(../images/derucci_logo_common_black_default.png); margin:3px auto 1.25rem; background-size: 100% 100%; } .userDialog .userContent .t1{ font-size: 1.25rem; line-height: 1.75rem; margin-bottom: 1.25rem; text-align: center; } .userDialog .userContent .btn{ width: 100%; display: block; line-height: 2.625rem; text-align: center; border:1px solid #4C515F; margin-bottom: 1.25rem; } .userDialog .userContent .btn.hover{ border-color: #CFBD95; margin-bottom: 0; background: #CFBD95; color: #fff; } .userDialog .userContent ul{ margin-bottom: 1.875rem; } .userDialog .userContent ul li{ padding-left:2.875rem; border-bottom: 1px solid #979797; background-position: 0 center; background-repeat: no-repeat; background-size: 1.5rem; } .userDialog .userContent ul .user{ background-image: url(../images/derucci_pc_icon_login_gerenziliao.png) } .userDialog .userContent ul .order{ background-image: url(../images/derucci_pc_icon_login_dingdanxiangqing.png) } .userDialog .userContent li a{ padding:1.125rem 0; display: block; } .login-content .form-group .label-inline label{ display: inline-block; margin-right: 2.25rem; } .login-content .agreement{ margin-top: 2.5rem; font-size: 1rem; line-height: 1.625rem; text-align: justify; } .login-content h1 .tologin{ font-size: 1rem; color: #201D1C; float: right; line-height: 1.625rem; padding-top: 1.6rem; } .login-content h1 .btn{ width: 3.75rem; text-align: center; line-height: 2.25rem; color: #CFBD95; border: 1px solid #CFBD95; border-radius: 4px; display: inline-block; margin-left: 0.625rem; } .resultContainer{ background: #F1F1F1; overflow: hidden } .resultBox{ width: 73.75rem; height: 35rem; margin:6.875rem auto; background: url(../images/derucci_pc_img_enroll_success_bg_default.png) no-repeat center center; background-size:cover; overflow: hidden; } .resultIcon{ margin: 8.75rem auto 1.25rem; width: 6.25rem; height: 6.25rem; background: url(../images/derucci_pc_icon_enroll_success_default.png); background-size: 100% 100%; } .resultBox .t2{ text-align: center; font-size: 1.5rem; line-height: 2rem; } .resultBox .btn{ width: 15rem; line-height: 4rem; text-align: center; background: #CFBD95; color: #fff; font-size: 1rem; display: block; margin: 3.75rem auto 0; } .resultBox .btn:hover{ opacity: 0.9 } .login-content.forget{ height: 46.25rem; } .join_home .page1{ background: url(../images/derucci_pc_img_jiameng_jiamengzhidao_banner@1x.jpg) no-repeat center center; background-size:cover; } .join_home .page2{ background: url(../images/derucci_img_jiameng_map_banner@1x.png) no-repeat center center; background-size:cover; } .join_home .page3{ background: url(../images/derucci_pc_img_jiameng_xueyuanzhichi_banner@1x.jpg) no-repeat center center; background-size:cover; } .join_home .page4{ background: url(../images/derucci_pc_img_jiameng_xunimendian_banner@1x.jpg) no-repeat center center; background-size:cover; } .join_home .page4 .footer-bg{ width: 100%; } .join_home .page1 .textBox{ top: 36%; margin-top: -4.9rem; } .join_home .page1 .textBox .t1{ font-size: 4.5rem; line-height: 5.9375rem; margin-bottom: 0.625rem; font-weight: normal; } .join_home .page1 .textBox .t3{ width: 43.75rem; line-height: 1.625rem; color: #fff; font-size: 1rem; margin: auto; } .jon-btnBox.btnBox{ width:100%; text-align:center; left:0; margin:0; bottom:auto; top:55%; } .jon-btnBox.btnBox .btn{ display:block; float:none; } .jon-btn-item{ width:15.625rem; margin:0 3.125rem; display:inline-block; vertical-align: top; } .jon-btn-item .t3{ color:#fff; opacity:0.6; font-size:0.875rem; margin-top:10px; line-height:1.25rem; } .join_home .page2 .titleBox{ color: #fff; margin-top: 6.25rem; } .join_home .page2 .titleBox .t1{ font-size: 3.625rem; line-height: 5rem; font-weight: 200; margin-bottom: 0.625rem; } .join_home .page2 .titleBox .t3{ opacity: 0.8; font-size: 1.125rem; letter-spacing: -0.25px; margin: 0; line-height: 1.5rem; } .join_home .map-container{ width: 88.75rem; margin: auto; } .map-tools:after{ content: ''; display: table; clear: both; } .map-tools .map-tabs{ float: left; } .map-tools .map-tabs a{ float: left; width: 8.4375rem; text-align: center; font-size: 2.25rem; color: #fff; opacity: 0.5; line-height: 3.125rem; padding-bottom: 1rem; margin-right: 2.75rem; } .map-tools .map-tabs a.cur{ opacity: 1; border-bottom: 1px solid #fff; color: #EED8AB; } .map-tools .select-col{ display: block; float: right; width:auto; } .map-tools .select-col .select{ height: 3.125rem; } .map-tools .select-col .select .text, .map-tools .select-col .select:after{ top: 0.85rem; } .map-content{ width: 100%; height: 32.5rem; /* background: #fff; */ margin-top: 1.25rem; position: relative; } .map-content #allmap{ margin-right:480px; } .map-content .map-right{ width: 460px; position: absolute; right: 0; top: 0; } .map-right .area-select:after{ content:''; clear:both; display:table; } .map-right .select-col{ width:220px; margin-right:20px; float:left; text-align:left; } .map-right .select-col .select{ height:50px; width: 100%; } .map-right .select-col:nth-child(2){ margin:0; } .map-right .select-col .select .text,.select-col .select:after{ top:50%; margin-top:-0.6875rem; } .map-right .area-list{ background:#fff; padding:20px 10px; width:460px; height:460px; margin-top:10px; } .map-right .area-list ul{ width:100%; height:100%; overflow:auto; } .map-right .area-list ul li{ display:block; min-height:120px; padding:20px 30px 28px 44px; text-align:left; position: relative; cursor:pointer; } .map-right .area-list .name{ font-size: 14px; color: #3385FF; line-height:20px; margin-bottom:10px; } .map-right .area-list .pos{ font-size: 12px; color: #717171; line-height:17px; margin-bottom:5px; } .map-right .area-list .tel{ font-size: 12px; color: #201D1C; line-height:17px; } .map-right .area-list .area-item i{ width:30px; hieght:30px; font-size: 12px; color: #FFFFFF; text-align: center; font-style:normal; position:absolute; left:10px; top:20px; line-height:24px; } .map-right .area-list li { background:url(../images/derucci_pc_icon_jiamengzhuanqu_miandian_default@1x.png) no-repeat 10px 20px; } .map-right .area-list li.select { background-image:url(../images/derucci_pc_icon_jiamengzhuanqu_miandian_hover@1x.png); background-color:#F6F6F6; } .join_home .page2 .btn{ width:15.625rem; height: 3rem; line-height: 3rem; font-size: 1.125rem; color: #ECE0C4; background: url(../images/derucci_pc_btn_common_tab_contect_default@1x.png); background-size: 100% 100%; display: block; margin: 2.5rem auto 0; } .join_home .page2 .btn:hover{ background-image: url(../images/derucci_pc_btn_index_tab_contect_default@1x.png) } .join_home .page3 .titleBox{ color: #fff; margin-top: 10rem; } .join_home .page3 .titleBox .t1{ font-size: 3.625rem; line-height: 5rem; font-weight: 200; margin-bottom: 3.25rem; } .join_home .page3 .imgBox{ width: 88.75rem; margin: auto; overflow: hidden; } .join_home .page3 .imgItem{ width: 28.75rem; height: 28.75rem; margin-right: 1.25rem; background-repeat: no-repeat; background-position: 0 0; background-size:100% 100%; float: left; -webkit-transition: background 1s; transition: background 1s; cursor: pointer; } .join_home .imgItem .mask{ width: 100%; height: 100%; background: rgba(24,30,36,0.45); overflow: hidden; padding-top: 5.25rem; } .join_home .page3 .imgItem img{ display: block; margin: 0 auto 1.875rem; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .join_home .page3 .imgItem .t1{ font-size: 3rem; font-weight: normal; color: #fff; line-height: 4.25rem; } .join_home .page3 .imgItem .t3{ margin-top: 1.875rem; font-size: 0.875rem; line-height: 1.25rem; color: #fff; } .join_home .page3 .imgItem .border{ width: 3.75rem; height: 2px; margin:1.25rem auto 0; background: #fff; } .join_home .page3 .imgItem:nth-child(1){ background-image: url(../images/derucci_pc_img_jiameng_xueyuanzhichi_001_size460@1x.png); } .join_home .page3 .imgItem:nth-child(2){ background-image: url(../images/derucci_pc_img_jiameng_xueyuanzhichi_002_size460@1x.png); } .join_home .page3 .imgItem:nth-child(3){ background-image: url(../images/derucci_pc_img_jiameng_xueyuanzhichi_003_size460@1x.png); margin-right: 0; } .join_home .page3 .imgItem:hover{ background-size:105% 105%; } .sleep_index .page1{ background-image: url(../images/derucci_pc_img_sleep_banner_001_bg@1x.jpg); background-size: cover; background-position: center center; } .sleep_index .page2{ background-image: url(../images/derucci_pc_img_sleep_banner_002_bg@1x.jpg); background-size: cover; background-position: center center; } .sleep_index .page3{ background-image: url(../images/derucci_pc_img_sleep_banner_003@1x.png); background-size: cover; background-position: center center; } .sleep_index .page4{ background-image: url(../images/derucci_pc_img_sleep_banner_004@1x.png); background-size: cover; background-position: center center; overflow: hidden; } .sleep_index .page5{ background-color: #2E323E ; overflow: auto; } .sleep-index-logo{ height:68px; line-height:68px; text-align:center; position:absolute; width:100%; left:0; bottom:12%; } .sleep-index-logo span{ display:inline-block; width:45px; height:45px; margin:0 22px; vertical-align: middle; position: relative; } .sleep-index-logo span:before, .sleep-index-logo span:after{ content:''; width:20px; height:1px; background:#fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 50%; top: 50%; margin-left:-10px; } .sleep-index-logo span:after{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sleep-index-logo img{ height:100%; width:auto; } .sleep_index .page5 .bg{ background-image: url(../images/derucci_pc_img_sleep_banner_ziyuanzhenghe_bg@2x.png); background-size: cover; background-repeat: no-repeat; background-position: center center; overflow: hidden; height: 100%; } .sleep_index .textBox{ color: #fff; top: 44%; margin-top: -6.6875rem; } .sleep_index .page3 .textBox{ top: 38%; } .sleep_index .page4 .textBox{ top: 11rem; } .sleep_index .page4 .btn, .homePage.btn, .sleepCulture.btn{ font-size: 1.125rem; color: #ECE0C4;; background: url(../images/derucci_pc_btn_common_tab_contect_default@1x.png); background-size: 100% 100%; width: 15.6875rem; height: 3rem; line-height: 3rem; position: absolute; bottom: 10%; left: 50%; margin-left: -7.84375rem; } .homePage.btn{ position: static; display: block; margin:3.75rem auto 0; } .moreDynamic.btn{ margin:2rem auto; } .btn.default{ background: none; color: #fff; } .sleepCulture.btn{ opacity: 0; -webkit-transition: all 1s linear 0.5s; transition: all 1s linear 0.5s; } .ani-slide .sleepCulture.btn{ opacity: 1; } .sleep_index .footer, .job_index .footer{ position: static; opacity: 1; margin: auto; } .sleep_index .footer-bg{ /* position: absolute; bottom: 0; left: 0; */ width: 100%; } .sleep_index .t2{ color: #fff } .sleep_index .sleep-tech-imgs{ position: absolute; left: 50%; margin:0 0 0 -36.875rem; bottom: 25%; } .sleep_index .sleep-tech-imgs img{ opacity: 0; -webkit-transform: translate3d(0,100px,0); transform: translate3d(0,100px,0); -webkit-transition: all 0.8s; transition: all 0.8s; } .sleep_index .sleep-tech-imgs img:nth-child(2){ -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .sleep_index .sleep-tech-imgs img:nth-child(3){ -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .sleep_index .sleep-tech-imgs img:nth-child(4){ -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .sleep_index .sleep-tech-imgs img:nth-child(5){ -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .sleep_index .sleep-tech-imgs img:nth-child(6){ -webkit-transition-delay: 1.1s; transition-delay: 1.1s; } .sleep_index .ani-slide .sleep-tech-imgs img{ opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*私人订制*/ .personalTailor .footer-bg .footer, .join_home .page4 .footer-bg .footer{ position: static; margin: auto; opacity: 1; } .join_home .page4 .textBox{ color: #201D1C; top: 32%; } .join_home .page4 .t1{ font-size: 4.25rem; line-height: 5.9375rem; margin-bottom: 0.625rem; } .join_home .page4 .t3{ font-size: 1rem; width: 30rem; margin: auto; line-height: 1.625rem; } .personalTailor .page1{ background: url(../images/derucci_img_product_sirendingzhi_banner@1x.png) no-repeat center center; background-size: cover; } .personalTailor .page1 .t1{ font-size: 3.625rem; line-height: 5rem; margin-top: 7.8125rem; } .personalTailor .page1 .t3{ font-size: 1rem; color: #fff; opacity: 0.7; margin-top: 0.625rem; } .personalTailor .tailorBox{ width: 880px; margin: 3.75rem auto 0; position: relative; z-index: 1; height: 460px; } .personalTailor .tailorBox *{ -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .tailorForm .form-group select{ width: 100%; height: 50px; line-height: 50px; background: transparent; opacity: 0.6; font-size: 36px; color: #CFBD95; -webkit-appearance: none; appearance: none; } @-webkit-keyframes z { from { -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); } to { -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); } } @keyframes z { from { -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); } to { -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); } } .tailorBall { -webkit-transform: translateX(0px) translateY(0px) translateZ(200px) rotateX(75deg) rotateY(0deg) rotateZ(15deg) scaleX(1) scaleY(1) scaleZ(1); -moz-transform: translateX(0px) translateY(0px) translateZ(200px) rotateX(75deg) rotateY(0deg) rotateZ(15deg) scaleX(1) scaleY(1) scaleZ(1); -ms-transform: translateX(0px) translateY(0px) translateZ(200px) rotateX(75deg) rotateY(0deg) rotateZ(15deg) scaleX(1) scaleY(1) scaleZ(1); transform: translateX(0px) translateY(0px) translateZ(200px) rotateX(75deg) rotateY(0deg) rotateZ(15deg) scaleX(1) scaleY(1) scaleZ(1); width: 460px; height: 460px; -webkit-transition: All 1s 0s; -moz-transition: All 1s 0s; -ms-transition: All 1s 0s; transition: All 1s 0s; top: 0; left: 0; position: absolute; } .tailorBall ul { -webkit-transition: All 1s 0s; -moz-transition: All 1s 0s; -ms-transition: All 1s 0s; transition: All 1s 0s; } .tailorBall li { -webkit-transition: All 1s 0s; -moz-transition: All 1s 0s; -ms-transition: All 1s 0s; transition: All 1s 0s; border: 2px solid #fff; } .tailorBall .title { -webkit-transform: translateX(-50px) translateY(0px) translateZ(-160px) rotateX(-70deg) rotateY(0deg) rotateZ(-5deg) scaleX(1) scaleY(1) scaleZ(1); -moz-transform: translateX(-50px) translateY(0px) translateZ(-160px) rotateX(-70deg) rotateY(0deg) rotateZ(-5deg) scaleX(1) scaleY(1) scaleZ(1); -ms-transform: translateX(-50px) translateY(0px) translateZ(-160px) rotateX(-70deg) rotateY(0deg) rotateZ(-5deg) scaleX(1) scaleY(1) scaleZ(1); transform: translateX(-50px) translateY(0px) translateZ(-160px) rotateX(-70deg) rotateY(0deg) rotateZ(-5deg) scaleX(1) scaleY(1) scaleZ(1); } .tailorBall .title span:nth-of-type(2) { display: block; -webkit-transform: translateX(300px) translateY(-110px) translateZ(-200px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -moz-transform: translateX(300px) translateY(-110px) translateZ(-200px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -ms-transform: translateX(300px) translateY(-110px) translateZ(-200px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); transform: translateX(300px) translateY(-110px) translateZ(-200px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); } .tailorBall ul { position: absolute; width: 460px; height: 460px; left: 50%; top: 50%; margin-left: -230px; margin-top: -230px; } .tailorBall ul li { position: absolute; width: 460px; height: 460px; left: 50%; top: 50%; margin-left: -230px; margin-top: -230px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-transition: All 1.4s 0s; -moz-transition: All 1.4s 0s; -ms-transition: All 1.4s 0s; transition: All 1.4s 0s; } .tailorBall ul li:nth-of-type(1) { -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); } .tailorBall ul li:nth-of-type(1) span { position: absolute; width: 460px; height: 460px; left: 50%; top: 50%; margin-left: -230px; margin-top: -230px; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation: z 12s linear 0s infinite; -moz-animation: z 12s linear 0s infinite; -ms-animation: z 12s linear 0s infinite; animation: z 12s linear 0s infinite; } .tailorBall ul li:nth-of-type(1) span .round { position: absolute; width: 460px; height: 460px; left: 50%; top: 50%; margin-left: -230px; margin-top: -230px; -webkit-animation: z 3s linear 0s infinite; -moz-animation: z 3s linear 0s infinite; -ms-animation: z 3s linear 0s infinite; animation: z 3s linear 0s infinite; } .tailorBall ul li:nth-of-type(2) { -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(88deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(88deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(88deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(88deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); } .tailorBall ul li:nth-of-type(2) span { position: absolute; width: 460px; height: 460px; left: 50%; top: 50%; margin-left: -230px; margin-top: -230px; -webkit-animation: z 12s linear 0s infinite; -moz-animation: z 12s linear 0s infinite; -ms-animation: z 12s linear 0s infinite; animation: z 12s linear 0s infinite; } .tailorBall ul li:nth-of-type(2) span .round { position: absolute; width: 460px; height: 460px; left: 50%; top: 50%; margin-left: -230px; margin-top: -230px; -webkit-animation: z 4s linear 0s infinite; -moz-animation: z 4s linear 0s infinite; -ms-animation: z 4s linear 0s infinite; animation: z 4s linear 0s infinite; } .tailorBall ul li:nth-of-type(3) { width: 420px; height: 420px; margin-left: -210px; margin-top: -210px; -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(-90deg) rotateY(-18deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(-90deg) rotateY(-18deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(-90deg) rotateY(-18deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); transform: translateX(0) translateY(0) translateZ(0) rotateX(-90deg) rotateY(18deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); border-width: 1px; } .tailorBall ul li:nth-of-type(3) span { position: absolute; width: 420px; height: 420px; left: 50%; top: 50%; margin-left: -210px; margin-top: -210px; -webkit-animation: z 12s linear 0s infinite; -moz-animation: z 12s linear 0s infinite; -ms-animation: z 12s linear 0s infinite; animation: z 12s linear 0s infinite; } .tailorBall ul li:nth-of-type(3) span .round { position: absolute; width: 420px; height: 420px; left: 50%; top: 50%; margin-left: -210px; margin-top: -210px; -webkit-animation: z 5s linear 0s infinite; -moz-animation: z 5s linear 0s infinite; -ms-animation: z 5s linear 0s infinite; animation: z 5s linear 0s infinite; } .tailorBall .personImg{ width: 185px; height: 400px; position: absolute; left: 50%; margin-left: -93px; top: 50%; margin-top: -200px; -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(-90deg) rotateY(-18deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(-90deg) rotateY(-18deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(-90deg) rotateY(-18deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); transform: translateX(0) translateY(0) translateZ(0) rotateX(-90deg) rotateY(18deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -webkit-perspective: 900px; -moz-perspective: 900px; -ms-perspective: 900px; perspective: 900px; } .tailorBall .personImg.man{ background-image: url(../images/derucci_img_product_sirendingzhi_man_default@1x.png); } .tailorBall .personImg.woman{ background-image: url(../images/derucci_img_product_sirendingzhi_woman_default@1x.png); } .tailorForm{ width: 310px; float: right; padding-top: 28px; } .tailorForm .form-group{ width:100%; padding-left: 106px; position: relative; z-index: 1; height: 50px; margin-bottom: 16px; } .tailorForm .form-group label{ position: absolute; left: 0; top: 0; line-height: 50px; font-size: 20px; color: #FFFFFF; opacity: 0.6; } .tailorForm .form-group input{ width: 100%; height: 50px; line-height: 50px; background: transparent; opacity: 0.6; font-size: 36px; color: #CFBD95; } .tailorForm .form-submit{ border: 1px solid rgba(255,255,255,0.70); font-size: 16px; color: #FFFFFF; text-align: center; line-height: 62px; display: block; margin-top: 58px; } .personalTailor .page2{ overflow-y: auto } .personalTailor .tailorResult{ background: #fff; width: 100%; min-width: 1180px; padding-top: 3.75rem; } .tailorResult .paramBox{ width: 1180px; height: 250px; padding: 81px 0 0 100px; margin: auto; background: url(../images/derucci_img_product_sirendingzhi_leixing@1x.png); overflow: hidden; } .tailorResult .paramBox .type-icon{ width: 100px; height: 87px; background-size: 100% 100%; float: left; margin-right: 20px; } .type-icon.standard{ background-image: url(../images/derucci_icon_product_sirendingzhi_biaozhunxing@1x.png) } .personalTailor .tailorResult .paramBox .t1{ font-size: 36px; line-height: 50px; margin-right: 10px; } .personalTailor .tailorResult .paramBox .t3{ font-size: 18px; line-height: 50px; color: #0E0000; } .tailorResult .type-name{ float: left; margin-top: 15px; padding-right: 19px; border-right: 1px solid #717171; height: 50px; margin-right: 20px; } .tailorResult .label{ line-height: 42px; width: 690px; float: left; height: 42px; margin-top: 19px; padding-left: 90px; text-align: left; position: relative; z-index: 1; } .tailorResult label{ line-height: 42px; position: absolute; left: 0; top: 0; font-size: 18px; color: #717171; } .label-item{ position: relative; z-index: 1; height: 42px; padding: 0 12px 0 8px; line-height: 42px; display: inline-block; margin-bottom: 5px; cursor: pointer; } .label-item .text{ display: block; /* min-width: 113px; */ padding: 0 4px; height: 42px; white-space: nowrap; line-height: 42px; text-align: center; font-size: 14px; color: #CFBD95; background: url(../images/derucci_btn_jiudianxiangmu_jiudian_label_midlle@1x.png) repeat-x left top; } .label-item:before{ content: ''; width: 8px; height: 42px; position: absolute; left: 0; top: 0; background: url(../images/derucci_btn_jiudianxiangmu_jiudian_label_left@1x.png) repeat-x left top; } .label-item:after{ content: ''; width: 16px; height: 42px; position: absolute; right: 0; top: 0; background: url(../images/derucci_btn_jiudianxiangmu_jiudian_label_right@1x.png) repeat-x left top; } .tailor-product-list{ width: 1180px; margin: 6.25rem auto 0; } .tailor-product-title{ font-size: 48px; line-height: 68px; text-align: center; margin-bottom: 1.875rem; } .tailor-list-content{ overflow: hidden; } .tailor-list-content .tailor-product-item{ width: 340px; height: 360px; margin-right: 80px; float: left; margin-bottom: 80px; } .tailor-list-content .tailor-product-item:nth-child(3n){ margin-right: 0; } .tailor-product-item .product-img{ display: block; width: 340px; height: 213px; } .tailor-product-item .product-icon{ text-align: center; } .tailor-product-item .product-icon img{ height: 34px; } .tailor-product-item .product-name{ font-size: 24px; font-weight: bold; line-height: 32px; padding-bottom: 5px; position: relative; display: block; margin-bottom: 8px; } .tailor-product-item .product-name:after{ content: ''; width: 20px; height: 2px; background: #CFBD95; position: absolute; left: 50%; margin-left: -10px; bottom: 0; } .tailor-product-item .product-intro{ line-height: 25px; text-align: center; width: 176px; margin: auto; padding: 0; font-size: 16px; color: #717171; background: #fff; } /*酒店项目*/ .banner.searchStore{ background-image: url(../images/derucci_img_index_xunzhaomendian_banner@1x.png) } .banner.searchStore h1{ color: #fff; font-size: 3.625rem; line-height: 5rem; font-weight: normal; } .store-container .store-inner .select-col{ width: 100%; } .store-container .store-inner .select-col .select,.sleep-partner-list .select-col .select{ width: 17.5rem; } .sleep-partner-h1{ font-size:2.5rem; line-height:4.25rem; background:rgba(247,250,251,1); padding:4.6875rem 0; text-align:center; color:#201D1C } .store-inner .select-col .select .text, .sleep-partner-list .select-col .select .text{ /*width: 13.5rem;*/ } .store-inner .select-col{ margin-bottom: 2.5rem; } .store-inner .store-map-container{ width: 58.75rem; height: 28.75rem; } .banner.advisor{ background-image: url(../images/derucci_pc_img_jiudian_banner_yijiyemian@1x.jpg); background-size:cover !important; height: 35rem; background-position: center center; background-attachment: scroll; } .banner.advisor h1{ font-size: 4.5rem; line-height: 5rem; font-weight: normal; margin-bottom: 0.625rem; color: #fff; } .banner.advisor .t3{ font-size: 1.125rem; line-height: 1.5rem; margin-bottom: 0; color: #fff; } .sleep-advisor-intro{ padding: 6.875rem 0 12.5rem; min-width: 58.75rem; } .sleep-advisor-inner{ width: 58.75rem; margin: auto; } .sleep-advisor-inner .t1{ margin-bottom: 1.25rem; } .sleep-advisor-imgs{ margin-top: 7.5rem; width: 100%; } .sleep-advisor-imgs .imgItem{ width: 25%; } .sleep-advisor-imgs img{ display: block; width: 100%; height: 6.75rem; width: 6.75rem; margin:0 auto 0.625rem; } .sleep-advisor-imgs p{ font-size: 1.125rem; line-height: 1.5rem; text-align: center; } .sleep-advisor-f1{ position: relative; z-index: 1; height: 43.75rem; min-width:72rem; overflow: hidden; } .advisor-f1-bg{ width: 120rem; position: absolute; z-index: 0; left: 50%; top: 0; margin-left: -60rem; height: 43.75rem; background: url(../images/derucci_img_dingzhiguwen_shuimianxitong@1x.png); background-size: 100% 100%; } .sleep-advisor-f1 .sleep-advisor-inner{ position: relative; z-index: 2; /* padding-top: 7.5rem; */ padding-top: 1.5rem; } .sleep-advisor-f1 .sleep-advisor-inner .t1{ color: #fff; margin-bottom: 0.625rem; } .sleep-advisor-f1 .sleep-advisor-inner .t3{ color: #fff; font-size: 1.125rem; line-height: 1.5rem; } .sleep-advisor-f1 .sleep-advisor-inner .t4{ text-align: center; color: #fff; line-height: 1.25rem; font-size: 0.875rem; } .sleep-advisor-f1 .sleep-advisor-inner > .t4{ opacity: 0.6 } .sleep-advisor-f1 .advisor-addr{ margin-top: 31rem; } /* .sleep-advisor-f1 .advisor-addr .t4{ margin-bottom: 0.625rem } */ .advisor-addr .icon{ display: inline-block; width: 1rem; height: 1rem; margin-right: 0.225rem; background-size: 100% 100%; vertical-align: middle; } .advisor-addr .shop{ background-image: url(../images/derucci_icon_xunimendian_shop_white@1x.png) } .advisor-addr .tel{ background-image: url(../images/derucci_icon_xunimendian_tiyandian_white@1x.png) } .footer-bg.advisor, .sleep-advisor-f1{ background-image:-webkit-linear-gradient(90deg, #4b5162 0%, #242834 50%, #0d121d 100%); background-image:linear-gradient(90deg, #4b5162 0%, #242834 50%, #0d121d 100%); } .sleep-partner-list{ padding-top:0; } .sleep-partner-list .select-col{ margin: auto; -webkit-justify-content: center; justify-content: center; } .partner-list-content{ width: 88.75rem; margin: auto; padding-top: 3.75rem; } .partner-list-content .partner-item{ width: 28.75rem; height: 28.75rem; margin-right: 1.25rem; margin-bottom: 3.75rem; float: left; border-radius: 4px; -webkit-transition: box-shadow .5s; transition: box-shadow .5s; border: 1px solid rgba(207,189,149,0.50); overflow: hidden; position: relative; z-index: 1; } .partner-list-content .partner-item img{ display: block; width: 100%; height: 100%; } .partner-list-content .partner-item:hover{ box-shadow: 0 5px 10px rgba(0,0,0,0.1) } .partner-list-content .partner-item:nth-child(3n){ margin-right: 0; } .partner-list-content:after{ content: ''; display: table; clear: both; } .partner-list-content .partner-item .name{ position: absolute; width: 100%; padding: 1.25rem; line-height: 1.75rem; height: 6rem; overflow: hidden; font-size: 1.25rem; left: 0; bottom: 0; background-color:#fff; } .sleep-partner-detail{ padding: 3.75rem 0 5rem; min-width: 88.75rem; } .partner-detail-info{ margin: 0 auto; width: 73.75rem; } .partner-detail-info .imgs{ width: 100%; margin:2.5rem auto 1.25rem; height: 38.75rem; overflow:hidden; } .partner-detail-info .imgs img{ display: block; float:left; } .partner-detail-info .img-large{ width:52.5rem; height:38.75rem; margin-right:0.625rem; } .partner-detail-info .img-mini{ width:20.625rem; height:19.0625rem; margin-bottom:0.625rem; } .partner-detail-info .img-mini:last-child{ margin-bottom:0; } .partner-detail-info .imgs .swiper-button-prev, .partner-detail-info .imgs .swiper-button-next, .timeline-item .swiper-button-prev, .timeline-item .swiper-button-next{ width: 4.5rem; height: 6.75rem; background: rgba(255,255,255,0.6); background-size: 2.875rem 2.875rem; background-position: center center; background-repeat: no-repeat; margin-top: -1.4375rem; } .partner-detail-info .imgs .swiper-button-prev, .timeline-item .swiper-button-prev{ left: 0; background-image: url(../images/derucci_pc_icon_product_kids_leftarrow_default@1x.png) } .partner-detail-info .imgs .swiper-button-next, .timeline-item .swiper-button-next{ right: 0; background-image: url(../images/derucci_pc_icon_product_kids_rightarrow_default@1x.png) } .partner-detail-intro{ position: relative; z-index: 1; padding-left: 15rem; } .partner-detail-intro label{ font-size: 1.5rem; line-height: 5rem; height: 5rem; position: absolute; left: 0; top: 0; width: 15rem; text-align: center; border-right: 1px solid #D2D3D7; } .partner-detail-intro .text{ height: 5rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: left; align-items: left; flex-direction: column; padding-left: 2.5rem; } .partner-detail-intro .text p{ font-size: 0.875rem; color: #717171; line-height: 1.25rem; } .partner-detail-product{ width: 76.25rem; padding:0; margin:0 auto 12.5rem; } .partner-product-item{ padding: 0; overflow: hidden; } .partner-product-item>img{ width: 42.5rem; height: 30.625rem; float: left; margin-right: 3rem; } .partner-product-item .textContainer{ width: 30.75rem; float: left; } .partner-product-item .textBox{ width:100%; margin-bottom:1.25rem; } .partner-product-item .textBox p{ text-align: left; } .partner-product-item .textBox .t2{ font-size: 1.5rem; line-height: 1; margin-bottom: 0.625rem; } .partner-product-item .textBox .t3{ font-size: 0.875em; color: #717171; line-height: 1.25rem; margin:1.25rem 0; } .partner-product-item .textBox .label{ margin-bottom: 0.75rem; } .partner-product-item .textBox .btn{ width: 15rem; line-height: 4rem; display: block; background: #CFBD95; text-align: center; color: #fff; font-size: 0.875rem; } .partner-product-item .textBox .btn:hover{ opacity: 0.9 } .series .partner-detail-info .t1{ margin-bottom: 1.875rem; } .partner-detail-items{ width:88.75rem; overflow:hidden; margin:0 auto 2.5rem; } .partner-detail-items .partner-detail-item{ width:22.5rem; height:22.5rem; float:left; margin-right:10.625rem; } .partner-detail-items .partner-detail-item .desc{ width:100%; height:28px; font-size:20px; color:rgba(32,29,28,1); line-height:28px; text-align:center; } .partner-detail-items .partner-detail-item img{ display:block; width:100%; height:18.125rem; } .partner-detail-items .partner-detail-item:nth-child(3n){ margin-right:0; } .partner-detail-items:last-child{ margin-bottom:0; } .sleep-partner-detail.series{ padding-bottom:0; } .partner-detail-product .materials{ overflow:hidden; } .partner-detail-product .materials .material{ width:6.25rem; float:left; margin-right:1.75rem; } .partner-detail-product .materials .material img{ height:6.25rem; width:6.25rem; display:block; } .partner-detail-product .materials .material p{ text-align:center; } .partner-detail-product .materials > p.t3{ float:left; margin:0 1.25rem 0 0; padding:2.5rem 0; } /*user*/ .user-container{ width: 100%; min-width: 88.75rem; min-height: 51.25rem; background: #f1f1f1; padding: 2.5rem 0; } .user-content{ width: 88.75rem; margin: auto; } .user-content:after{ content: ''; display: table; clear: both; } .user-content .left-row{ width: 21.25rem; margin-right: 1.25rem; min-height: 46.25rem; float: left; padding: 2.5rem 1.25rem; background: #fff; } .user-content .right-row{ width:66.25rem; min-height: 46.25rem; float: left; background: #fff; } .user-content .left-row .left-head{ padding-left: 1.25rem; margin-bottom: 3.125rem; } .user-content .left-row .user-name{ font-size: 2.25rem; line-height: 3.125rem; margin-bottom: 2.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .user-content .left-row .user-acount{ overflow: hidden; padding-right: 1.25rem; } .user-content .left-row .acount-item{ border-right: 1px solid #979797; line-height: 1.875rem; padding-left: 0.875rem; width: 33.3%; float: left; white-space: nowrap; } .user-content .left-row .acount-item:first-child{ padding-left: 0; } .user-content .left-row .acount-item:last-child{ border:0; } .user-content .acount-item .count{ color: #CFBD95; } .user-content .left-links{ border-top: 1px solid #F1F1F1; margin-bottom: 3.125rem; } .user-content .left-links a{ height: 5rem; border-bottom: 1px solid #F1F1F1; line-height: 1.5rem; padding: 1.75rem 0 0 1.25rem; line-height: 1.5rem; font-size: 1rem; display: block; } .user-content .left-links .icon{ float: left; margin-right: 0.625rem; width: 1.5rem; height: 1.5rem; background-size:100% 100%; } .left-links a.cur { color: #CFBD95 } .left-links .order{ background-image: url(../images/derucci_pc_icon_zhanghu_dingdan_default.png) } .left-links .addr{ background-image: url(../images/derucci_pc_icon_zhanghu_dizhi_default.png) } .left-links .user{ background-image: url(../images/derucci_pc_icon_zhanghu_huiyuan_default.png) } .left-links .cur .order{ background-image: url(../images/derucci_pc_icon_zhanghu_dingdan_selected.png) } .left-links .cur .addr{ background-image: url(../images/derucci_pc_icon_zhanghu_dizhi_selected.png) } .left-links .cur .user{ background-image: url(../images/derucci_pc_icon_zhanghu_huiyuan_selected.png) } .left-contact-way{ padding:0 1.25rem; } .left-contact-way .t1{ font-size: 1.5rem; line-height: 2rem; margin-bottom: 1.875rem; } .left-contact-way .t2{ font-size: 1.25rem; line-height: 1.75rem; padding-left: 2rem; background: no-repeat left center; margin-bottom: 0.625rem; background-size: 1.5rem; } .left-contact-way .tel{ background-image: url(../images/derucci_pc_icon_zhanghu_dianhua_default.png) } .left-contact-way .mail{ background-image: url(../images/derucci_pc_icon_zhanghu_youjian_default.png) } .right-row .row-title{ line-height: 2.75rem; height: 2.75rem; background: #D8D8D8; padding-left: 2.5rem; } .right-row .right-inner{ padding: 2.5rem; } .user-info-col,.user-addr-col{ line-height: 1.75rem; font-size: 1.25rem; position: relative; z-index: 1; padding: 0.5rem 0 2.75rem; border-bottom: 1px solid #F1F1F1; margin-bottom: 2.875rem; } .user-addr-col .addr-name{ font-size: 2.25rem; line-height: 3.125rem; margin-bottom: 1rem; } .user-addr-col{ padding-top: 0; } .user-info-col:last-child{ border:0; } .user-info-col .info-group, .user-addr-col .addr-group{ margin-bottom: 0.625rem; } .user-addr-col .addr-group{ font-size: 0.875rem; line-height: 1.25rem; } .right-inner .btn-col{ position: absolute; right: 0; top: 0; } .right-inner .user-addr-col .btn-col{ top: 0.75rem; } .right-inner .edit-btn{ width: 3.75rem; line-height: 2.25rem; font-size: 1rem; color: #CFBD95; text-align: center; border: 1px solid #CFBD95; display: inline-block; margin-left: 1rem; } .right-inner .edit-btn.wide{ width: 5.75rem; } .user-info-col label, .user-addr-col label{ color: #898989; } .user-info-col .tips{ font-size: 1rem; color: #898989; } .right-inner .login-content{ width: 43.75rem; margin: 0; padding: 0; } .right-inner .form-container{ padding: 0; } .right-inner .form-submit{ width: 15rem; } .form-container select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; height: 3.875rem; border: 1px solid #4C515F; padding: 0 7.875rem 0 2.75rem; background: url(../images/yearcontrol_bg.png) no-repeat right center; background-size:auto 100%; font-size: 1rem; } .form-container select::-ms-expand { display: none; } .form-container .form-group.addr select{ padding: 0 6.875rem 0 1.75rem; } .right-inner .set-default-addr{ font-size: 1rem; display: inline-block; vertical-align: middle; color: #201D1C; cursor: pointer; } .right-inner .set-default-addr input[type="radio"]{ display: inline-block; vertical-align: middle; width: 1.5rem; height: 1.5rem; padding: 0; margin: 0; appearance:none; /* -moz-appearance:none;*/ -webkit-appearance:none; background: url(../images/radio.png); background-size: 100% 100%; margin-right: 0.625rem; border:0; } .right-inner .set-default-addr input[type="radio"]:checked{ background-image: url(../images/radio_checked.png) } .add-new-addr{ width: 15rem; } .add-new-addr:hover{ opacity: 0.9 } .express-info .prograss{ overflow: hidden } .express-info .prograss span{ width: 12.75rem; height: 3.0625rem; float: left; background:url(../images/derucci_pc_btn_zhanghu_jindu0_default.png) no-repeat center center; background-size: 100% 100%; text-align: center; line-height: 3.0625rem; font-size: 1.125rem; margin-left: -0.5625rem; position: relative; } .express-info .prograss span:nth-child(1){ margin-left: 0; z-index: 5; } .express-info .prograss span:nth-child(2){ z-index: 4; } .express-info .prograss span:nth-child(3){ z-index: 3; } .express-info .prograss span:nth-child(4){ z-index: 2; } .express-info .prograss span:nth-child(5){ width: 12.25rem; z-index: 1; background-image: url(../images/derucci_pc_btn_zhanghu_jindu2_default.png) } .express-info .prograss span.cur{ color: #fff; background-image: url(../images/derucci_pc_btn_zhanghu_jindu1_hover.png) } .express-info .prograss span.cur:nth-child(1){ background-image: url(../images/derucci_pc_btn_zhanghu_jindu0_hover.png) } .express-info .prograss span.cur:nth-child(5){ background-image: url(../images/derucci_pc_btn_zhanghu_jindu2_hover.png) } .prograss-text{ margin: 3.75rem 0 0 6.25rem; padding-left: 15px; position: relative; } .prograss-text li{ position: relative; padding: 0.625rem 0 0 1.25rem;; line-height: 22px; border-left: 1px dashed #d9d9d9; color: #333; font-size: 0; } .prograss-text li .node-icon{ position: absolute; width: 0.75rem; height: 0.75rem; background: #D8D8D8; border-radius: 50%; left: -0.375rem; } .prograss-text li.first .node-icon{ width: 1.25rem; height: 1.375rem; left: -0.625rem; top: 0; background:#fff url(../images/derucci_img_index_dashiji_shijianzhou_hover@1x.png) no-repeat center bottom; background-size:100% auto; } .prograss-text li .date{ width: 11.25rem; display: inline-block; font-size: 1.125rem; vertical-align: top; } .prograss-text li .week{ margin-left: 1.25rem; } .prograss-text li .time{ font-size: 0.875rem; margin-right: 2.5rem; line-height: 1.25rem; display: inline-block; vertical-align: top; margin-left: 11.25rem; } .prograss-text li .txt{ width: 26.875rem; display: inline-block; font-size: 0.875rem; vertical-align: top; } .prograss-text li.afterdate{ padding-top: 2.125rem; } .prograss-text li.first{ padding-top: 0; color: #BC9D58; } .prograss-text li.afterdate .time{ margin-left: 0; } .right-inner .order-tabs{ overflow: hidden; } .right-inner .order-tabs a{ float: left; padding-left: 1.875rem; padding-right: 1.25rem; line-height: 1.875rem; font-size: 1.25rem; border-right: 1px solid #979797; } .right-inner .order-tabs a:first-child{ padding-left: 0; } .right-inner .order-tabs a:last-child{ border-right: 0; } .right-inner .order-tabs a.cur, .right-inner .order-tabs .count{ color: #CFBD95; } .right-inner .order-list{ padding-top: 2.5rem; padding-bottom: 1.25rem; } .right-inner .order-item{ margin-bottom: 1.25rem; } .order-item .order-info{ background: #F1F1F1; padding: 0.625rem 1.875rem 0.75rem; line-height: 1.375rem; font-size: 1rem; } .order-item .order-info p{ display: inline-block; margin-right: 3.75rem; } .order-item .order-info .t{ color: #898989; margin-right: 0.625rem; } .order-item .order-info a{ float: right; color: #CFBD95; } .order-product-list .product-item{ border:1px solid #F1F1F1; border-top: 0; padding: 1.25rem; overflow: hidden; } .order-product-list .product-item > div{ float: left; height: 7.375rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-direction: column; } .order-product-list .product-item .product-img{ width: 11.625rem; height: 7.375rem; border: 1px solid #F1F1F1; margin-right: 1.25rem; float: left; } .order-product-list .product-item .product-name{ width: 15rem; -webkit-align-items: left; align-items: left; } .order-product-list .product-item .product-price{ width: 13.75rem; font-size: 1.5rem; } .order-product-list .product-item .product-sum{ width: 9rem; } .order-product-list .product-item .product-operate{ width: 7.25rem; font-size: 0.875rem; } .order-product-list .product-operate .status{ margin-bottom: 0.75rem; } .order-product-list .product-operate .express{ color: #CFBD95; } .order-detail-top{ padding-bottom: 2.5rem; line-height: 2.25rem; border-bottom: 1px solid #F1F1F1; margin-bottom: 2.5rem; } .order-detail-top .t1{ font-size: 1.5rem; line-height: 2rem; display: inline-block; margin-right: 2.5rem; vertical-align: middle; } .order-detail-top .time{ display: inline-block; vertical-align: middle; color: #898989; } .order-detail-top .t1 label{ color: #898989; } .order-detail-top a{ width: 5.75rem; line-height: 2.25rem; font-size: 1rem; color: #CFBD95; text-align: center; border: 1px solid #CFBD95; float: right; } .order-detail-inner .t1{ font-size: 1.5rem; line-height: 2rem; margin-bottom: 1.25rem; } .order-detail-inner .order-list{ padding-top: 0.625rem; } .order-detail-inner .order-product-list{ border-top: 1px solid #f1f1f1 } .order-detail-inner .user-addr-col{ padding: 0; border-bottom: 0; } .user-addr-col.bill .addr-group{ line-height: 2.5rem; } .user-addr-col.bill .btn-col{ top: 0; } .detail-price-info{ border-top: 1px solid #f1f1f1; padding: 2.8125rem 0 1.25rem 0; text-align: right; } .detail-price-info p label{ color: #898989; font-size: 1.5rem; } .detail-price-info p .price{ width: 11.25rem; display: inline-block; text-align: right; } .detail-price-info .p2{ font-size: 1.5rem; line-height: 2rem; margin-bottom: 0.625rem; } .detail-price-info .p2:nth-child(2){ margin-bottom: 0; } .detail-price-info .p1{ font-size: 2.25rem; line-height: 3.125rem; } /*引导页*/ @-webkit-keyframes tipFlash { 0%{opacity: 0;} 33%{opacity: 1;} 66%{opacity: 0;} 100%{opacity: 1;} } @keyframes tipFlash { 0%{opacity: 0;} 33%{opacity: 1;} 66%{opacity: 0;} 100%{opacity: 1;} } .siteTip{ width: 22.875rem; height: 11.8125rem; background: url(../images/derucci_img_yindao_country_site_bg@1x.png); background-size: 100% 100%; position: absolute; z-index: 10; top: 0; left: 0; padding-top: 2.25rem; text-align: center; top: 40%; left: 40%; margin-left: -14rem; -webkit-animation: tipFlash 0.3s linear 0s both; -moz-animation: tipFlash 0.3s linear 0s both; -ms-animation: tipFlash 0.3s linear 0s both; animation: tipFlash 0.3s linear 0s both; opacity: 0; display: none; } .siteTip:hover{ display: block !important; } .siteTip .t1{ font-size: 3rem; line-height: 4.25rem; color: #fff; margin-bottom: 0.625rem; } .siteTip .t1:before{ content: ''; display: inline-block; width:13px; height: 13px; vertical-align: middle; margin-right: 0.625rem; background: url(../images/derucci_icon_yindao_country@1x.png) } .siteTip:after{ content:""; width: 12rem; height: 1px; background: #fff; position: absolute; top: 50%; -webkit-transform: rotate(15deg); transform: rotate(15deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .right.siteTip:after{ left: 100%; } .left.siteTip:after{ right: 100%; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .top.siteTip:after{ -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } .top.left:after{ -webkit-transform: rotate(15deg); transform: rotate(15deg); } .bottom.left:after{ -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } .siteTip .t2{ font-size: 1.125rem; line-height: 1.5rem; } .siteTip .t2 a{ color: #EED8AB; } .right.bottom{ -webkit-transform: translate3d(-350px,-150px,0); transform: translate3d(-350px,-150px,0); } .right.top{ -webkit-transform: translate3d(-360px,-30px,0); transform: translate3d(-360px,-30px,0); } .left.top{ -webkit-transform: translate3d(430px,-40px,0); transform:translate3d(430px,-40px,0); } .left.bottom{ -webkit-transform: translate3d(430px,-150px,0); transform: translate3d(430px,-150px,0); } .guide-logo{ width: 5rem; height: 3.375rem; background: url(../images/derucci_pc_logo_index_menu_big@1x.png) no-repeat; background-size: 100% 100%; position: absolute; z-index: 2; left: 1.875rem; top: 1.25rem; } .index-sub-banner,.index-banner-item{ position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } .index-banner-item{ display: none; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition:translate3d(0,50px,0); transition:translate3d(0,50px,0); opacity: 0; -webkit-animation: indexBanner 0.6s linear 0s both; -moz-animation: indexBanner 0.6s linear 0s both; -ms-animation: indexBanner 0.6s linear 0s both; animation: indexBanner 0.6s linear 0s both; } .index-banner-item:first-child{ display: block; /* opacity: 1; */ } @-webkit-keyframes indexBanner { from { -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); opacity: 0; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @keyframes indexBanner { from { -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); opacity: 0; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } .productNavBg{ height: 100px; width: 100%; position: fixed; left: 0; top: 0; z-index: 10; background: #383c4a; -webkit-transition: all 1s; transition: all 1s; } .productNavBg .plugins{ height: 100px; width: 100%; position: fixed; left: 0; top: 0; z-index: 10; background-color: rgba(0,0,0,0.40)\0; background-image: -webkit-linear-gradient(-180deg, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0.00) 100%); background-image: linear-gradient(-180deg, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0.00) 100%); } .productNavBg.transparent,.productNavBg.transparent .plugins{ background: none; } .advisorNav .plugins .nav, .advisorNav .plugins .logo, .advisorNav .plugins .language{ position: absolute; } .sleep-content.fixedNav{ padding-top: 5rem } .sleep-content.fixedNav .about-tabs{ position: fixed; z-index: 14; left: 0; top: 0; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1) } .footer.open .footer-sub-links{ display: block; margin-top:73px; } .footer-sub-links{ position: relative; z-index: 1; height: 16.25rem; display: none; } .footer-sub-links .f-links-contnt{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: left; -ms-flex-align: left; -webkit-align-items: flex-start; align-items: flex-start; text-align: left; width: 80%; margin-top: 2rem; } .footer-sub-links .f-links-item{ width: 4.375rem; white-space: nowrap; display: inline-block\0; margin: 0 4rem\0; text-align: left; /* -webkit-animation: fadeIn 1s ease-out 0s both; animation: fadeIn 1s ease-out 0s both; */ } .footer-sub-links .f-links-item h3 { color: #fff; font-size: 1rem; margin-bottom: 1.5rem; } } .footer-sub-links .f-links-item h3 a{color: #fff;} .footer-sub-links .f-links-item a{ display: block; text-align: left; font-size: 0.85rem; color: #7f7f7f; line-height: 1.3rem; margin-bottom: 0.5rem; } .footer-sub-links .f-links-item a:hover { color: #fff; } .footer-sub-links .concern{ position: absolute; right: 0; bottom: 0; overflow: hidden; } .footer-sub-links .concern_left{ width: 40px; height: 230px; padding-top: 1.75rem; float: left; -webkit-transition:all 0.3s; transition:all 0.3s; } .footer-sub-links .concern_left img{ display: block; width: 100%; height: 100%; } .footer-sub-links .concern_right { width: 10rem; float: right; position: static; margin-top: 6rem; text-align: center; } .footer-sub-links .concern_right .t1{ font-size: 0.9rem; color: #fff; line-height: 1.25rem; margin-bottom: 1rem; font-weight: bold; } .footer-sub-links .concern_right .wechart, .footer-sub-links .concern_right .sina{ width: 30px; height: 30px; display: inline-block; background-size: 100% 100%; margin-top: 1rem; } .footer-sub-links .concern_right .wechart{ background-image: url(../images/derucci_pc_icon_menu_footer_wechart_default.png) } .footer-sub-links .concern_right .sina{ background-image: url(../images/derucci_pc_icon_menu_footer_sina_default.png) } .footer-bg.index{ position: absolute; width: 100%; left: 0;bottom: 0; background: #000; } .footer-bg.index .footer{ position: static; margin: auto; } .openFooter .indexFooterPage .innerBox{ padding-bottom: 29.125rem } .openFooter .page4.ani-slide .imgBox{ -webkit-transform: translateY(-14rem); transform: translateY(-14rem); } .openFooter .plugins .right-control{ top: auto; margin: 0; bottom: 28rem; } .openFooter .customer .ani-slide .innerBox .textBox{ bottom:20%; } .openFooter .join_home .page4 .textBox{ top: 15%; } .earth-ie{ position: relative; z-index: 1; height: 74%; top: 13%; width: 100%; /* left: 50%;*/ background: url(../images/mask_ie.png) no-repeat center center; background-size:auto 100%; } .activity-321{ background: url(../images/321activity_banner1.png) no-repeat center 60px; background-size: cover; } html.mobile .activity-321{ background:#000 url(../images/321activity_banner1_m.jpg) no-repeat center bottom; background-size: 100% auto; } /*导航-页脚*/ .mobileNav{ display: none; position: fixed; width: 100%; left: 0; height: 0.6rem; top: 0; z-index: 15; background: #383C4A; } .mobileFooter{ display: none; background: #fff; width: 100%; position: relative; z-index: 1; min-height: 5.4rem; height: 100vh; } .mobile-show{ display: none !important; } html.mobile .mobile-show{ display: block !important; } html.mobile .mobile-hide{ display: none !important; } .swiper-container.job_index{ height:auto; } .swiper-container.job_index .swiper-wrapper{ display:block; hieght:auto; } .swiper-container.job_index .swiper-slide{ overflow:hidden; } .job_index .page1{ background: url(../images/derucci_pc_img_zhaopin_rencai_banner_default.jpg) no-repeat center center; background-size: cover; } .job_index .page1 .t3{ font-size: 1rem; color: #fff; margin: 0.625rem auto 0; /*opacity: 0.5;*/ width: 43rem; } .job_index .page2{ background-color: #2E323E\0; background-image: -webkit-linear-gradient(-30deg, #656D82 0%, #2E323E 50%, #060B17 100%); background-image: linear-gradient(123deg, #656D82 0%, #2E323E 50%, #060B17 100%); } .job_index .page2 .t3 a{ color: #fff; } .job_index .job-title{ margin: 2.5rem auto 0 } .job_index .job-title .t2{ color: #fff; } .job_index .job-society{ width: 88.75rem; overflow: hidden; margin: 5rem auto 0; } .job_index .job-society-item{ width: 26.25rem; height: 28.75rem; float: left; margin-right: 5rem; background: rgba(207,189,149,0.06); border: 2px solid rgba(207,189,149,0.40); padding: 2.5rem 0.625rem 0; text-align: center; -webkit-transform: translateY(150px); transform: translateY(150px); opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay:200ms; transition-delay:200ms; } .job_index .job-society-item:nth-child(2){ -webkit-transition-delay:600ms; transition-delay:600ms; } .job_index .job-society-item:nth-child(3){ -webkit-transition-delay:1000ms; transition-delay:1000ms; } .job_index .ani-slide .job-society-item{ -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .job_index .job-society-item:nth-child(3n){ margin-right: 0; } .job_index .job-society-item .t1{ font-size: 2.5rem; line-height: 3.5rem; color: #CFBD95; margin-bottom: 1.5rem; } .job_index .job-society-item .t2{ font-size: 1rem; color: #fff; opacity: 0.5; margin-bottom: 2.125rem; line-height: 1.375rem; } .job_index .job-society-item .t3{ font-size: 1rem; color: #fff; line-height: 1.875rem; height:9.375rem; margin-bottom: 1.625rem; } .job_index .job-society-item a{ display: block; margin: auto; text-align: center; line-height: 3rem; width: 15.625rem; background:url(../images/derucci_pc_btn_common_tab_contect_hover@1x.png) no-repeat; background-size: 100% 100%; font-size: 18px; color: #201D1C; } .job_index .page3{ background: url(../images/derucci_pc_img_zhaopin_xiaozhao_big_banner_default.jpg) no-repeat center center; background-size: cover; } .job_index .page3 .t2{ font-weight: 100; } .job_index .page3 .sleepCulture.btn{ color: #201D1C; background:url(../images/derucci_pc_btn_common_tab_contect_hover@1x.png) no-repeat; background-size: 100% 100%; top:60%; bottom:auto; } .job_index .job-activity{ padding:6.25rem 0 7.5rem; background: #fff; width: 88.75rem; margin: auto; } .job_index .job-activity .t1{ font-size: 5rem; color: #201D1C; line-height: 7rem; font-weight: 100; margin-bottom: 5rem; } .job_index .job-activity .join-train-f1{ padding:0; text-align: left; } .job_index .page5 { overflow: auto; } .soci-list{ padding: 30px 0; margin: auto; width:1200px; } .type-btns{ overflow: hidden; margin-bottom: 22px; } .type-btns a{ float: left; width: 140px; text-align: center; line-height:46px; color: #000; background:#eeeeee; transition:all 0.2s linear; margin-right: 16px; } .type-btns a:last-child{ margin-right: 0; } .type-btns a.on{ color: #fff; background:#000; } .j-thead .j-tr{ line-height: 60px; border-top:0; color: #666666; background: rgba(0,0,0,0.10); } .j-tr{ line-height: 80px; border-bottom: 1px #eeeeee solid; overflow: hidden; border-top:2px #fff solid; } .j-td:nth-child(1){ width: 45%; padding-left: 100px; } .j-td:nth-child(2){ width: 12%; text-align: center; } .j-td:nth-child(3){ width: 18%; text-align: center; } .j-td:nth-child(4){ width: 12%; text-align: center; } .j-td:nth-child(5){ width: 13%; text-align: left; } .j-td .name{ transition:all 0.2s linear; } .pc .j-tbody .j-tr:hover .name{ padding-left: 20px; color:#d2ac50 } .j-tbody .j-tr .j-td{ cursor: pointer; } .j-td{ float: left; } .j-td .open{ display: block; width: 50px; height: 80px; background: url(../images/sub.png) no-repeat center center; } .j-tr.on{ background: #eeeeee; border-color: #dddddd } .j-tr.on .open{ background-image: url(../images/subon.png); } .job-detail-content{ height: 0; overflow: hidden; background: #ffffff; padding-left: 100px; } .job-detail-content .text{ opacity: 0; padding-bottom: 30px; padding-top: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .3s; transition: .3s; } .j-tr.on .job-detail-content{ height: auto; } .j-tr.on .job-detail-content .text{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .job-detail-content .text dl{ margin-bottom: 26px; } .job-detail-content .text dt{ line-height: 1; color: #000000; margin-bottom: 12px; } .job-detail-content .text dd{ color: #666666; line-height: 24px; } .text-foot{ overflow: hidden; padding-top:40px; border-top: 1px dashed rgba(0,0,0,0.10); } .text-foot p{ float: right; font-size: 16px; line-height: 35px; width: 45%; } .text-foot .text-foot-left{ float:left; width:400px; } .text-foot .text-foot-left p{ font-size: 12px; color: #898989; line-height: 18px; width:100%; margin-top:10px; } .text-foot .text-foot-center{ float:left; width:150px; font-size: 12px; color: #898989; text-align:center; } .text-foot p a{cursor: default;} /*.text-foot p a:hover{color: #d2ac50}*/ .text-foot .apply-btn{ width: 140px; height: 36px; border:1px solid #CFBD95; float: left; text-align: center; line-height: 34px; color: #CFBD95; -webkit-transition:all .2s linear; transition:all .2s linear; font-size: 16px; } /* .text-foot .apply-btn:hover{ color: #fff; background: #000000 } */ .pagelistbox{ padding: 30px; text-align: center; } .pagea{ width: 36px; height: 36px; display: inline-block; line-height: 36px; background-color: #f5f5f5; color: #666666; cursor: pointer; margin: 0 6px; } .pagea:hover{ background-color: #eeeeee; } .pagen.on{ color: #666666; background-color: #eeeeee; } .pagelistbox .prev,.pagelistbox .next{ background-repeat: no-repeat; background-position: center center; margin:0 20px; } .pagelistbox .prev{ background-image: url(../images/control-l.png); } .pagelistbox .next{ background-image: url(../images/control-r.png); } .pagea.disable{ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .job-about-content{ background: #f4f4f4 } .job-about{ width: 940px; margin:auto; padding:98px 30px 114px; position: relative; z-index: 1; } .job-about p{ font-size: 16px; line-height: 36px; color: #898989; } .job-about p.t1{ font-size: 36px; color: #201D1C; line-height: 36px; margin-bottom: 44px; } .job-about p span{ color: #201D1C; } .job-about .qrcode{ width: 178px; height: 224px; line-height: 36px; text-align: center; padding-bottom: 178px; background: url(../images/derucci_pc_img_zhaopin_erweima_default.png) no-repeat center bottom; position: absolute; right: 0; top: 76px; } .content[data-target="sch"] .text-foot a, .content[data-target="sch"] .text-foot p{ float: none; margin: 0 auto; display: block; text-align: center; } .content[data-target="sch"] .text-foot p a{ display: inline; } .content[data-target="sch"] .text-foot p, .content[data-target="sch"] .text-foot p a{ line-height:20px; } .content[data-target="sch"] .text-foot p{ padding: 16px 0; } .content[data-target="sch"] .text-foot{ /*padding-bottom: 50px;*/ margin-top: 36px; } .fix-guider{ width: 255px; height: 85px; background:#f4f4f4 url(../images/guider.png); position: fixed; top: 606px; right: 0; z-index: 10; overflow: hidden; } .fix-guider a{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .fix-guider:hover a:after{ display: block; content: ''; width: 120px; height: 85px; position: absolute; left: 0; top: 0; background: url(../images/btn_light.png) no-repeat; background-size: 120px 85px; opacity: 0; animation: blink 2s ease-out infinite; -webkit-animation: blink 2s ease-out infinite; } @-webkit-keyframes blink{0%{-webkit-transform:translateX(-100%);opacity:1}100%,50%{-webkit-transform:translateX(250%);opacity:1}} @keyframes blink{0%{transform:translateX(-100%);opacity:1}50%{transform:translateX(250%);opacity:1}100%{-webkit-transform:translateX(250%);opacity:1}} /* Mobile */ .mobile .main-top .imgBox{ background-image:url(../images/img2017042511201235.jpg); height: 9rem; } .mobile .banner-links{ width: 7.1rem; height: 3.96rem; margin-left: -3.55rem; top:3.32rem } .mobile .banner-links .link-item a{ transform:scale(0.7,0.7); } .mobile .main-tab{ height:1.17rem; margin-top: -0.8rem; } .mobile .main-tab a{ height: 1.12rem; margin-top: 0.05rem; background-image: url(../images/tab_bg_sm.png); background-size: 100% 4.58rem; } .mobile .main-tab a.cur{ height: 1.17rem; margin-top: 0; } .mobile .main-tab .sch{ background-position:0 0; } .mobile .main-tab .soci{ background-position:0 -1.12rem; } .mobile .main-tab .sch.cur{ background-position:0 -2.24rem; } .mobile .main-tab .soci.cur{ background-position:0 -3.41rem; } .mobile .soci-list{ padding: 0.3rem 0; } .mobile .type-btns{ padding-left: 0.2rem; } .mobile .type-btns a{ width: 2.3rem; margin-right: 0.1rem; line-height: 0.7rem; margin-bottom: 0.12rem; } .mobile .type-btns a:nth-child(3n){ margin-right: 0; } .mobile .j-tr{ line-height:0.84rem; } .mobile .j-td:nth-child(1){ width: 4rem; padding-left: 0.2rem; } .mobile .j-td:nth-child(2){ width: 1.1rem; } .mobile .j-td:nth-child(3){ width: 1.4rem; } .mobile .j-td:nth-child(4){ width: 0.6rem; padding-right: 0.2rem; } .mobile .j-td .open{ width: 0.6rem; height: 0.7rem; } .mobile .job-detail-content{ padding: 0 0.3rem } .mobile .text-foot .apply-btn{ width:2.74rem; height: 0.74rem; font-size: 0.3rem; line-height: 0.74rem; } .mobile .text-foot p{ font-size: 0.24rem; line-height: 0.3rem; padding-top: 0.14rem; } .mobile .text-foot p a{ display: block; } .mobile .pagelistbox{ display: none; } .mobile .main-content{ box-shadow: none; } .mobile .job-about{ padding: 0 0.2rem 2.8rem; margin-bottom: 0.4rem; } .mobile .job-about p{ font-size: 0.24rem; line-height: 0.46rem; } .mobile .job-about .qrcode{ width: 2.24rem; height: 0.36rem; left: 50%; padding-bottom:2.24rem; margin-left: -1rem; bottom: 0; top: auto; right: auto; color: #666; background-size: 2.24rem 2.24rem; line-height: 0.36rem; font-size: 0.28rem; } .mobile .sch-tit{ height: 0.9rem; background-size: auto 100%; } .mobile .sch-col-1{ margin-top: 0.72rem; } .mobile .sch-col-1 ul{ padding: 0.3rem 0.4rem 0; } .mobile .sch-col-1 ul li{ width: 50%; margin: 0; } .mobile .sch-col-1 ul li:nth-child(2) .classList{ margin-left: 0.3rem; } .mobile .sch-col-1 .classList{ height:1.8rem; min-height: auto; } .mobile .sch-col-1 .classList span{ font-size: 0.24rem; margin-bottom: 0.16rem; min-width: 1.12rem; } .mobile .sch-col-1 li:nth-child(1) .classList{ padding-left: 0.32rem; } .mobile .sch-col-1 li:nth-child(1) .classList span:nth-child(odd){ width: 1.92rem } .mobile .sch-col-1 li:nth-child(1) .classList span:nth-child(even){ min-width: 0.6rem } .mobile .sch-col-1 ul li .sch-ico{ width: 1.5rem; height: 1.5rem; background-size: 80%; } .mobile .sch-col-1 .classT{ font-size: 0.3rem; line-height: 0.46rem; } .mobile .sch-col-1 .line{ width: 0.64rem; margin:0.06rem auto 0.2rem; } .mobile .sch-col-1 .center{ padding-left: 0.6rem; } .mobile .sch-col-2{ margin-top: 0.42rem; height: 10.8rem; background: url(../images/sch-col2-bg-sm.png) no-repeat center bottom; background-size: 100% auto } .mobile .content[data-target="sch"] .text-foot p{ padding: 0.16rem 0 } .mobile .sch-col-3{ margin-top: 0.56rem; } .mobile .process{ margin-top: 0.36rem; background: url(../images/sch-col3-bg-sm.png) no-repeat center bottom; background-size: 100% 100%; height: 9.42rem; } .mobile .sch-list{ border-bottom: 1px #eeeeee solid; margin-bottom: 0.4rem; } .classList span:hover{ color:#d2ac50 } @media only screen and (max-width: 1720px) { html{ font-size:14px; } .service .banner{ background-size: auto 36rem; } .map-tools .map-tabs a{ width: 6.4rem; font-size: 1.5rem; line-height: 2rem; margin-right: 1.75rem; } .join_home .page2 .titleBox { margin-top: 5.25rem; } .join_home .page2 .titleBox .t1{ font-size: 3.2rem; line-height: 4.2rem; } .page1 .imgBox img:nth-child(4){ width: 14.5625rem; height: 14.5rem; } .page1 .imgBox img:nth-child(3) { width: 18.4375rem; height: 18.875rem; left:6.8%; } .page1 .imgBox img:nth-child(2){ width: 32.8rem; height: 34.3rem; right: 8.4375rem; bottom: -7.25rem; } .openFooter .page4.ani-slide .imgBox{ -webkit-transform: translateY(-20rem); transform: translateY(-20rem); } .page1 .t1{ font-size: 6rem; } .page1 .t2{ font-size: 3.2rem; } .page2 .t2, .sleep_index .t2,.page3 .t2{ font-size: 3.6rem } .page4 .imgItem .t1{ font-size: 2.5rem } .customer .page2 .t2, .customer .page3 .textBox .t1, .customer .page4 .t1, .customer .innerBox .textBox .t1, .job_index .job-activity .t1{ font-size: 4rem; } .join_home .page1 .textBox .t1, .join_home .page4 .textBox .t1{ font-size: 3.4rem } .page2 .t1, .sleep_index .t1{ font-size: 2rem } } @media only screen and (max-width: 1440px) { .page4-zoom{ width:100%; height: 100%; -webkit-transform: scale(0.7); transform: scale(0.7); } .join_home .page3 .titleBox { margin-top: 1rem; } .page2 .textBox{ top: 28%; } .index_news ul li div h2{font-size: 14px; line-height: 20px;} .index_news ul li div p{font-size: 12px;} .index_news ul li div img{ height: auto;} .footer-bg{ height: 310px;} .footer_bg2{height: 42px;} .footer_copy div{height: 42px;} .index .page1 .t1{ font-size:4.5rem; line-height: 8.8rem } .page1 .imgBox img:nth-child(2){ width: 29.8rem; height: 31.8rem; right: 8.4375rem; bottom: -7.25rem; } .page1 .imgBox img:nth-child(1) { width: 13.25rem; height: 12.5rem; left: 50%; top: 57%; margin-left: -6.625rem; margin-top: -20.375rem; } .page1 .textBox { margin-top: -14rem; } .sleep_index .textBox{ margin-top: -6.68rem; } .index .page1 .t2 { font-size: 2.25rem; color: #D2C19B; line-height: 4.8rem; margin-top: 0.98rem; } .index .page1 .t3{ margin-top: 1.875rem } .customer .innerBox .textBox{ right: 17%; } .timeline{ width: 70rem; } .timeline .timeline-inner .swiper-slide img{ width: 61.25rem; height: 29.2rem; } .news-list-content.adlist .summary-2-child{ width: 60rem; float: none; margin: auto; } .join_home .map-container{ width:70rem; } } @media only screen and (max-width: 1200px) { html{ font-size:12px; } .desc-f4-img{ -webkit-transform: scale(0.8); transform: scale(0.8); } .right.bottom{ -webkit-transform: translate3d(-280px,-120px,0); transform: translate3d(-280px,-120px,0); } .right.top{ -webkit-transform: translate3d(-280px,-30px,0); transform: translate3d(-280px,-30px,0); } .left.top{ -webkit-transform: translate3d(330px,-30px,0); transform:translate3d(330px,-30px,0); } .left.bottom{ -webkit-transform: translate3d(330px,-120px,0); transform: translate3d(330px,-120px,0); } } @media only screen and (max-width: 1100px) { .plugins .nav,.right-control{ /* display:none; */ } /* .plugins .logo{ left: 50%; margin-left: -40px; }*/ } @media only screen and (max-height: 900px){ .join_home .page4-zoom{ -webkit-transform: scale(0.7); transform: scale(0.7); } } @media only screen and (max-height: 720px){ .openFooter .customer .ani-slide .innerBox .textBox{ bottom: 50%; } .join_home .page4 .textBox{ top:24%; } } /* @media only screen and (max-height: 620px) { .footer{ display:none; } } */ /**分页**/ .pagination{ cursor:pointer; text-align:center; position: relative; top: -2rem; } html.mobile .pagination{ top: 0; } .pagination>span, .pagination>a{ display: inline-block; margin: 0 6px; font-size: 16px; color: #AEAEAE; text-align: center; height: 32px; line-height: 32px; width: 32px; } html.mobile .pagination>span, html.mobile .pagination>a{ width: 20px; } .currentPage{ color: #201D1C !important; } .lastPage,.firstPage,.previousPage,.nextPage{ width: 1rem ; height: 1rem; } .firstPage{ background: url("../images/derucci_icon_xiangqingye_left_est@1x.png")no-repeat center center; } .previousPage{ background: url("../images/derucci_icon_xiangqingye_left@1x.png")no-repeat center center; } .nextPage{ background: url("../images/derucci_icon_xiangqingye_right@1x.png")no-repeat center center; } .lastPage{ background: url("../images/derucci_icon_xiangqingye_mianbaoxie@1x.png")no-repeat center center; } /*加深的颜色*/ .firstPage:hover{ background: url("../images/derucci_icon_xiangqingye_left_est_hover@1x.png")no-repeat center center; } .previousPage:hover{ background: url("../images/derucci_icon_xiangqingye_left_hover@1x.png")no-repeat center center; } .nextPage:hover{ background: url("../images/derucci_icon_xiangqingye_right_hover@1x.png")no-repeat center center; } .lastPage:hover{ background: url("../images/derucci_icon_xiangqingye_mianbaoxie_hover@1x.png")no-repeat center center; } .modify-f7f7{ background: #F7FAFB; } .modify-fontleft{ text-align: left !important; } .modify-smrbk{ border-bottom: 1px solid rgba(76,81,95,0.2); padding: 1.18rem 0; position: relative; overflow: hidden; } .modify-smrkd{ width:73.75rem; margin: auto; margin-top: 2.5rem; padding-bottom: 5rem; } .modify-smrkd ul{ display:none; border-top: 1px solid rgba(76,81,95,0.2); } .modify-smrkd ul:nth-child(1){ display:block; } .modify-smrzt1{ font-size: .85rem; color: #717171; display: inline-block; padding: 0 1.87rem; line-height: 2.7rem; } .modify-smrzt2{ font-size: 1.12rem; color: #201D1C; } .modify-smrbk .modify-smrbottom{ width: 1.25rem; height: 1.25rem; background: url("../images/derucci_pc_icon_common_down@1x.png")no-repeat; background-size:100% 100% ; transform:rotate(90deg); margin-top: 0.4rem; margin-right: 1.87rem; cursor:pointer; } /*html .modify-smrzs .modify-smrimg{*/ /*transform:rotate(-90deg);*/ /*}*/ .modify-smrbk:not(.modify-smrzs):hover{ background: #FAFAFA; } .modify-smrkd li div{ overflow: hidden; cursor:pointer; } .modify-smrbt{ line-height: 2.7rem; margin-left: 1.87rem; font-size: 1.12rem; } .modify-smrzt,.modify-smrbt{ float: left; } .modify-smrzs .modify-smrbottom{ transform: rotate(-90deg); } .modify-smrbottom{ float: right; display: none; } html .modify-smrzs .modify-smrtb{ position: absolute; width: 100%; } .modify-smrimg{ float: left; margin-left: 7.5rem; width:36.25rem; } .modify-smrzs .modify-animate{ display: block; } .modify-animate{ /* display: none; */ } .modify-smrztrr{ display: flex; float: left; width: 28.75rem; margin-left: 1.25rem; height: 24rem; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .modify-smrztrr .modif-p1{ font-size: 1.5rem; color: #201D1C; margin-bottom:1.25rem ; } .modify-smrztrr .modif-p2{ font-size: 14px; color: #717171; } html .modify-smrimg img{ width: 36.25rem; height: auto !important; } .modify-smrzs .modify-smrbt{ display: none; } .modif-pagination{ position: relative; top: 0; margin-top: 1.87rem; margin-bottom: 5rem; } .news-list-content.adlist .summary-2-child.modif-qyrykd{ width: 28.75rem; height: 28.75rem; float: left; border: 1px solid #DDDDDD; border-radius: 4px 4px 0 0; margin: 0 0.625rem 1.875rem ; overflow:hidden; } .news-list-content.adlist .summary-2-child.modif-qyrykd .swiper-container{ height:22.5rem; width:100%; margin:auto; } .news-list-content.adlist .summary-2-child.modif-qyrykd .swiper-container img{ max-width:100%; margin:auto; height:100%; display:block; } .news-list-content .summary-2-child.modif-qyrykd .text{ margin:0; padding:0 1.25rem 0; } .news-list-content .article .modif-qyrykd .t2:hover{ text-decoration: none; } .news-list-content .article .modif-qyrykd .t2{ height: 3.75rem; display: -webkit-box; line-height:1.875rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news-list-content .article .modif-qyrykd .t3{ height:1.25rem; -webkit-line-clamp: 1; } .news-detail-content .article-keywords{ font-size: 14px; color: #9B9B9B; border-bottom:1px solid #bbbcbd; padding:10px 0; } .news-detail-content .article-keywords a{ color: #4A90E2; text-decoration:underline; margin-left:20px; } .news-detail-content .article-foot p a:hover{ text-decoration:underline; } .news-detail-content .article-foot{ margin:20px 0 30px; overflow:hidden; } .news-detail-content .article-foot p{ width:50%; float:left; font-size: 14px; color: #9B9B9B; line-height:20px; } .news-detail-content .article-foot p a{ color: #201D1C; } .news-detail-content .article-foot p.article-next{ text-align:right } html .modif-qyrykd .text{ border-bottom:0 !important; } .modif-article{ overflow: hidden; margin-bottom: 1.25rem; } .modif-news-list-content{ width: 90rem !important; } .modif-work-tcenter{ width: 88.75rem; margin:2.5rem auto 3.75rem; } .modif-work-jz{ overflow: hidden; margin-bottom: 1.25rem; } .modif-work-cfbd{ width: 28.75rem; height: 8.75rem; background: #CFBD95 ; color: #fff; padding: 1.25rem 0rem 1.25rem 2.5rem; margin-top: 1.25rem; } .modif-work-p1{ font-size: 1.5rem; color: #201D1C; } .modif-work-p4{ font-size: 1.5rem; } .modif-work-p3{ font-size: 3rem; } .modif-work-p2{ font-size: 0.975rem; color: #717171; } .modif-work-rightwg{ width: 28.75rem; float: left; } .modif-work-cfwb{ margin-top: 2.5rem; } .modif-work-leftwg{ width: 58.75rem; float: left; margin-left: 1.25rem; height: 33.75rem; background: url("../images/derucci_pc_img_index_xingongyeyuan_picture01@1x.png")no-repeat; background-size: 100% 100%; } .modif-work-tp{ width: 28.75rem; height: 21.562rem; float: left; background: url("../images/derucci_pc_img_index_xingongyeyuan_picture02@1x.png")no-repeat; background-size: 100% 100%; } .modif-work-f7f7f7{ width: 60rem; background: #f7f7f7; padding: 0 3.75rem; float: left; height: 21.562rem; } .modif-work-f7f7f7 .modif-work-p1{ margin-bottom: 1.25rem; padding-top: 4.125rem; } .modif-work-juz{ float: left; width: 28.75rem; position: absolute; left: 3.75rem; } .modif-work-xt{ width: 7.25rem; height: 0.25rem; background: #CFBD95; margin: 0.625rem 0 1.875rem } .modif-work-bottom { overflow: hidden; position: relative; width: 73.35rem; margin: auto; height: 27.81rem; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .modif-work-bottom1{ width: 36.25rem; height: 27.18rem; position: absolute; right: 0; } .modif-work-bottom1 .modif-work-bof{ opacity: 0.7; width: 100%; height: 100%; background: #000000; position: relative; } .modif-work-bottom1 .modif-work-bof a{ display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .modif-work-bottom1 .modif-work-bof a:after{ content: ''; z-index: 2; position: absolute; width: 110px; height: 110px; left: 50%; top: 50%; margin: -55px 0 0 -55px; cursor: pointer; background: url(../images/derucci_pc_icon_index_common_play_yellow@1x.png) no-repeat center center; } .modif-work-bottomrigh{ width: 36.25rem; height: 27.18rem; position: absolute; left:0; } html .modif-work-juzrigh{ width: 28.75rem; position: absolute; right: 3.75rem; } .modif-work-img1{ background: url("../images/derucci_pc_img_viseolist_picture01@1x.png")no-repeat; background-size: 100% 100%; } .modif-work-img2{ background: url("../images/derucci_pc_img_index_xingongyeyuan_picture03@1x.png")no-repeat; background-size: 100% 100%; } .modif-work-img3{ background: url("../images/derucci_pc_img_index_xingongyeyuan_picture04@1x.png")no-repeat; background-size: 100% 100%; } .modif-work-img4{ background: url("../images/derucci_pc_img_index_xingongyeyuan_picture05@1x.png")no-repeat; background-size: 100% 100%; } .modif-work-img5{ background: url("../images/derucci_pc_img_index_xingongyeyuan_picture06@1x.png")no-repeat; background-size: 100% 100%; } .modif-vale { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; z-index: 51; overflow: hidden; display: none; } .modif-weixin p{ text-align: center; } .modif-weixin{ padding: 10px 0px !important; } .modif-weixin .weixin{ padding: 0 !important; } .hide{ overflow: hidden; } .prodtop-ann { width: 15.625rem; height: 3rem; line-height: 3rem; font-size: 1.125rem; color: #ECE0C4; background: url(../images/derucci_pc_btn_common_tab_contect_default@1x.png); background-size: 100% 100%; display: block; margin: 2.5rem auto 0; } .prodtop-ann a{ line-height: 3rem; color: #fff; } .res-org-base{ width:88.75rem; margin:auto; overflow:hidden; } .org-base-item{ width:29.375rem; /*height:29.375rem;*/ float:left; margin-right:0.3125rem; } .org-base-item img{ width:100%; height:26.25rem; } .org-base-item p{ text-align:center; font-size: 1.5rem; color: #201D1C; line-height:2rem; margin-top:0.625rem; } .org-base-item:nth-child(3n){ margin:0; } .modif-about{ background-image: url(../images/derucci_pc_img_product_xunimengdian_banner@1x.png) !important; position: relative; z-index: 1; } .modif-xyzp{ background-image: url(../images/500392113_banner.jpg) !important; position: relative; z-index: 1; } .modif-swiper{ width: 61.25rem; height: 45.9375rem; position: relative; margin:0rem auto .875rem; } .modif-swiper .swiper-slide{ } .modif-swiper img{ width:100% ; height: auto; } .modif-swiper .swiper-button-next{ background-image: url(../images/derucci_pc_icon_product_kids_rightarrow_default@1x.png); background-size: 100% 100%; width: 43px; position: absolute; right: -80px; } .modif-swiper .swiper-button-prev{ background-image: url(../images/derucci_pc_icon_product_kids_leftarrow_default@1x.png); background-size: 100% 100%; width: 43px; position: absolute; left: -80px; } .modif-jies{ width: 61.25rem; margin: auto; overflow: hidden; } .modif-jies .modif-p1{ width: 15rem; font-size: 0.875rem; color: #717171; margin-top: 1rem; float: left; } .modif-xnmd{ margin-top: 3.75rem; margin-bottom: 9.375rem; } .modif-xyzp-jz{ padding: 6.875rem 0 8.812rem; } .modif-xyzp-jz .modif-bt{ font-size: 3rem; color: #201D1C; text-align: center; } .modif-big{ overflow: hidden; } .modif-big li{ width: 11.87rem; float: left; } .modif-xyzjz{ margin: 3.25rem auto 0 ; width: 71.25rem; } .modif-big .modif-p1{ font-size: 1.25rem; text-align: center; margin-bottom: 1.25rem; } .modif-big li img{ width: 100%; height: 100%; } /*.modif-big li:nth-child(1) .modif-xyzpzb{*/ /*background: url("../images/derucci_pc_img_index_gongsijieshao_t9@1x.png")no-repeat;*/ /*background-size: 100% 100%;*/ /*}*/ /*.modif-big li:nth-child(2) .modif-xyzpzb{*/ /*background: url("../images/derucci_pc_img_index_gongsijieshao_t9 copy@1x.png")no-repeat;*/ /*background-size: 100% 100%;*/ /*}*/ /*.modif-big li:nth-child(3) .modif-xyzpzb{*/ /*background: url("../images/derucci_pc_img_index_gongsijieshao_t9 copy 2@1x.png")no-repeat;*/ /*background-size: 100% 100%;*/ /*}*/ /*.modif-big li:nth-child(4) .modif-xyzpzb{*/ /*background: url("../images/derucci_pc_img_index_gongsijieshao_t9 copy 3@1x.png")no-repeat;*/ /*background-size: 100% 100%;*/ /*}*/ /*.modif-big li:nth-child(5) .modif-xyzpzb{*/ /*background: url("../images/derucci_pc_img_index_gongsijieshao_t9 copy 4@1x.png")no-repeat;*/ /*background-size: 100% 100%;*/ /*}*/ /*.modif-big li:nth-child(6) .modif-xyzpzb{*/ /*background: url("../images/derucci_pc_img_index_gongsijieshao_t9 copy 5@1x.png")no-repeat;*/ /*background-size: 100% 100%;*/ /*}*/ .modif-xyzpzb{ width: 6.75rem; height: 6.75rem; margin:0 auto 1.675rem; } .modif-big .modif-p2{ line-height: 2.25rem; font-size: 1rem; text-align: center; } .modif-big .modif-p2 span:nth-child(even){ width: 5.5rem; white-space: nowrap; text-align: left; display: inline-block; /* margin-left: 1rem; */ overflow: hidden; text-overflow: ellipsis; } .modif-big .modif-p2 span:nth-child(odd){ width: 5.5rem; display: inline-block; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .modif-zpyq{ height: 43.75rem; background: url("../images/derucci_pc_img_zhaopin_xiaozhao_guanpeisheng_default.png")no-repeat; background-size: 100% 100%; overflow: hidden; } .modif-zpyq li{ width: 13.75rem; float: left; margin: 0 1.25rem; } .modif-zpyq .modif-p1{ font-size: 3rem; color: #FFFFFF; text-align: center; margin-top: 6.25rem; margin-bottom: 7.52rem; } .modif-zpyq .modif-p2{ font-size: 1rem; color: #FFFFFF; line-height: 1.87rem; } .modif-zpyq ul{ overflow: hidden; width: 81.25rem; margin: auto; } .modif-zpyq .modif-zhuz img{ height: 6.56rem ; margin:0 auto 3.5rem; display: block; } .modif-xzlc .modif-p1{ font-size:3rem; margin-top: 5rem; margin-bottom: 3.75rem; text-align: center; } .modif-xzlc .modif-xians{ width: 5.5rem; height: 5.18rem; float: left; background: url("../images/derucci_pc_icon_zhaopin_xiaozhaoliucheng_xianshang_default@1x.png")no-repeat; background-size:100% 100%; margin-right: 1.75rem; margin-top: 2rem; } .modif-xzlc .modif-xians p{ line-height:5.18rem; text-align: center; color: #CFBD95; } .modif-xzlc ul{ overflow: hidden; } .modif-xzlc ul li{ width: 12.5rem; height: 10rem; border: 1px solid #CFBD95; margin-right: .62rem; border-radius: 8px; position: relative; float: left; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; display: flex; } .modif-xzlc .modif-p2{ font-size: 1rem; color: #201D1C; text-align: center; line-height: 2.5rem; background: #F5EFE2; border-top-left-radius: 8px; border-top-right-radius: 8px; position: absolute; top: 0px; width: 100%; } .modif-xzlc .modif-p3{ line-height: 1rem; text-align: center; padding-top: 2.5rem; } .modif-xzlc .modif-jiant{ width: 2.12rem; height: 1.87rem; background: url("../images/derucci_pc_icon_zhaopin_xiaozhaoliucheng_xianshang1_default@1x.png")no-repeat; background-size: 100% 100%; position: absolute; top: 4rem; right: -1.36rem; z-index: 2; } .modif-xzlcjz{ width: 60rem; margin: auto; } .modif-xzlc .modif-xzlcjz:nth-child(2){ margin-bottom: 2.5rem; } .modif-xzlc .modif-xzlcjz:nth-child(3){ margin-bottom: 6.25rem; } html .modif-xzlc .modif-xzlcjz-bot .modif-xians{ background: url("../images/derucci_pc_icon_zhaopin_xiaozhaoliucheng_xianxia_default@1x.png")no-repeat; background-size: 100% 100%; } html .modif-xzlc .modif-xzlcjz-bot .modif-p2{ background:#E8E9EC; } html .modif-xzlc .modif-xzlcjz-bot .modif-jiant{ background: url("../images/derucci_pc_icon_zhaopin_xiaozhaoliucheng_xianxia1_default@1x.png")no-repeat; background-size: 100% 100%; } .service .banner.job-society{ background-image:url("../images/derucci_pc_img_zhaopin_shezhao_banner_default.png") ; } html.mobile .service .banner.job-society{ background-image:url("../images/500932680_banner.jpg") ; } .swiplb{ background: none; position: absolute; top: 209px; left: 50%; z-index: 1; float: left; width: auto; height: auto; margin-left: -130px; } .swipr-lb .swiper-pagination-bullet{ width: 7px; height: 8px; border:2px solid rgba(207,189,149,1); } .swipr-lb .swiper-pagination-bullet-active{ width:7px; height:32px; background:rgba(74,74,74,0.1); border:2px solid rgba(207,189,149,1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; top: 11px; } .swiplb h1 { font-size: 4.5rem; line-height: 5rem; font-weight: normal; margin-bottom: 0.625rem; color: #fff; text-align: center; } .swiplb .t3{ font-size: 1.125rem; line-height: 1.5rem; margin-bottom: 0; color: #fff; } html.mobile .swiplb h1 { font-size: 0.32rem; line-height: 0.45rem; margin-bottom: 0.1rem; } html.mobile .swiplb .t3 { font-size: 0.12rem; line-height: 0.2rem; } html.mobile .swiplb{ margin-left: -1.2rem; top: 1.6rem; } .muDialog{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 998; } .dialogContent{ position: absolute; width: 280px; height: 260px; background: #FFFFFF; border-radius: 2px; left: 50%; top: 50%; margin: -130px 0 0 -140px; } .muDialog .dialogIcon{ width: 80px; height: 80px; margin: 50px auto 20px; background-size:100%; background-image:url(../images/derucci_m_icon_enroll_success@2x.png); } .muDialog .dialogIcon.error{ background-image:url(../images/derucci_m_icon_enroll_fail_size80@2x.png); } .muDialog .dialogIcon.none{ margin: 0; height: 30px; background: none; } .muDialog.none .dialogContent{ height: auto; padding-bottom: 20px; } .muDialog.none .msg{ white-space: normal; text-align: left; text-indent: 2em; padding:0 20px; } .muDialog .msg{ text-align: center; font-size: 18px; line-height: 25px; margin-bottom: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; } .muDialog .dialogBtn{ background: #CFBD95; border-radius: 2px; line-height:44px; display:block; height:44px; font-size: 16px; color: #FFFFFF; text-align: center; margin:auto; width: 200px; } .lockScroll{ overflow:hidden; } .hotelListSwiper, .partner-list-content .partner-item .hotelListSwiper img{ height:22.75rem; background: #f1f1f1; } .hotelListSwiper .swiper-button-prev{ background-image: url(../images/derucci_pc_icon_product_kids_leftarrow_default@1x.png); background-size: auto 100%; width: 50px; } .hotelListSwiper .swiper-button-next{ background-image: url(../images/derucci_pc_icon_product_kids_rightarrow_default@1x.png); background-size: auto 100%; width: 50px; } .prodSlide .swiper-slide{ text-align:left; } .fwrx_style { line-height: 73px; font-size: .8rem; } .fwrx_style p { color: #cf9f6e; } .footer_bg2 { height: 52px; width: 100%; background: url(../images/bt_bg2.jpg) no-repeat; } .footer_copy { width: 1200px; margin: 0 auto; } .footer_copy div { color: #7f7f7f; font-size: 0.85rem; line-height: 52px; } .banner.about .btnBox { margin: 20.5rem 0 0 !important; } .product .btnBox { width: auto !important; margin: 20.5rem 0 0 !important; } .service .product { background: url(../images/product_banner.jpg) no-repeat center center; } .wid_1200 { width: 1200px; margin: 30px auto; } .product_show h3.product_show_title { font-size: 40px; padding: 20px 0; text-align: center; font-weight: normal; margin-bottom: 30px; } .product_show_list li { float: left; width: 580px; margin-right: 40px; margin-bottom: 40px; } .product_show_list li:nth-child(2n) { margin-right: 0; } .product_show_list li a { width: 580px; display: block; position: relative; } .product_show_list li a div { margin-bottom: 20px; } .product_show_list li div img { width: 580px; height: 415px; } .product_show_list li a .product_show_img em { position: absolute; width: 590px; height: 425px; left: -5px; top: -5px; border: 1px solid #fff; display: block; } .product_show_list li a.on .product_show_img em,.product_show_list li a:hover .product_show_img em { border: 1px solid #cfa06f; } .product_show_list li span { width: 100%; display: block; text-align: center; margin-bottom: 6px; font-size: 14px; color: #959595; } .product_show_list li h3 { font-size: 18px; text-align: center; } h3 { font-weight: normal; } .develop_box { width: 100%; height: 100%; background: url(../images/about_fzlc_bg.jpg) repeat 0 0; } .develop_box .wid_1200 { position: relative; margin: 0 auto; } .develop_box .wid_1200 .zm_style { width: 770px; height: 141px; position: absolute; right: -260px; top: 210px; z-index: 20; background: url(../images/about_fzlc_zm.png) no-repeat 0 0; } .develop_title { text-align: center; padding: 80px 0 50px; } .develop_title h3 { color: #cf9f6e; font-size: 40px; margin-bottom: 10px; } .develop_title span { font-size: 17px; color: #3d3d3d; } .develop_list { padding: 30px 0; position: relative; z-index: 21; } .develop_list li { width: 350px; min-height: 580px; background: #fff; border-radius: 10px; margin-right: 70px; float: left; padding: 0 30px; } .develop_list li:last-child { margin-right: 0; } .develop_list li .year_title { font-size: 60px; line-height: 60px; color: #cf9f6e; position: relative; font-weight: bold; padding: 20px 0 20px 20px; border-bottom: 1px dashed #a8a8a8; } .develop_list li .year_title em { width: 10px; height: 17px; position: absolute; left: 0; top: 43px; background: url(../images/about_fzlc_title_icon1.png) no-repeat; } .develop_list li dl { margin-top: 30px; } .develop_list li dd { line-height: 30px; margin: 5px 0 10px; position: relative; padding: 0 0 0 15px; font-size: 16px; } .develop_list li dd i { width: 5px; height: 5px; position: absolute; left: 0; top: 8px; background: url(../images/about_fzlc_title_icon2.png) no-repeat; } .arrow { text-align: center; padding: 40px 0 120px; } .arrow a { display: inline-block; margin: 0 10px; } .tab_nav { margin: 25px 0; } .tab_nav a.tab_arrow_left,.tab_nav a.tab_arrow_right { width: 15px; height: 25px; margin-top: 17px; } .tab_nav a.tab_arrow_left { background: url(../images/hzhb_layer1_arrow_left.png) no-repeat; margin-right: 20px; } .tab_nav a.tab_arrow_right { background: url(../images/hzhb_layer1_arrow_right.png) no-repeat; margin-left: 20px; } .hbfc_tab_list { float: left; width: 1130px; height: 60px; line-height: 60px; border-bottom: 1px solid #d7d7d7; } .hbfc_tab_list li { float: left; padding: 0 15px; } .hbfc_tab_list a { padding: 0 10px; font-size: 16px; display: inline-block; } .hbfc_tab_list a.on { color: #cf9f6e; position: relative; } .hbfc_tab_list a.on em { width: 100%; height: 1px; left: 0; bottom: 0px; background: #cf9f6e; z-index: 50; display: block; position: absolute; } .hzhb_show_img { padding: 25px 0; position: relative; } .hzhb_show_img a { width: 46px; height: 46px; margin-top: 260px; } .hzhb_show_img a.hzhb_img_arrow_left { margin-right: 25px; background: url(../images/derucci_pc_icon_product_kids_leftarrow_default@1x.png) no-repeat; } .hzhb_show_img a.hzhb_img_arrow_right { background: url(../images/derucci_pc_icon_product_kids_rightarrow_default@1x.png) no-repeat; } .hzhb_show_img div { width: 1065px; height: 580px; padding: 10px; border: 1px solid #d7d7d7; } .hzhb_show_img div img { width: 1045px; height: 560px; } .service .banner.contact { height: 650px; background: url(../images/contact_us_banner.jpg) no-repeat center center; text-align: center; } .service .banner.contact .contact_banner_title { font-size: 72px; } .service .banner.contact .about4_hour { font-size: 30px; } .service .banner.contact p { font-size: 15px; line-height: 30px; margin: 15px auto 20px; } .service .banner.contact h3 { font-size: 72px; } .gj_tab { padding: 20px 0; text-align: center; } .gj_tab a { height: 31px; line-height: 31px; display: inline-block; margin: 0 10px; padding: 0 20px; font-size: 18px; color: #fff; background: #5a5a5a; } .gj_tab a.on { background: #cf9f6e; } .company_intro { width: 1198px; border: 1px solid #e4e4e4; box-sizing: content-box; margin-top: 20px; } .company_intro .company_intro_left { width: 598px; float: left; padding: 30px 55px; border-right: 1px solid #e4e4e4; } .company_intro .company_intro_left:last-child { border-right: none; } .company_intro_left h3 { color: #cf9f6e; font-size: 20px; font-weight: bold; line-height: 35px; min-height: 70px; } .company_intro_left dl { margin-top: 20px; } .company_intro_left dl dd { line-height: 20px; position: relative; padding-left: 25px; margin: 10px 0; color: #5a5a5a; } .company_intro_left dl dd label { position: absolute; left: 0; width: 20px; height: 20px; top: 0; background: url(../images/contact_icon.png) no-repeat; } .company_intro_left dl dd label.lab_icon1 { background-position: 0 0; } .company_intro_left dl dd label.lab_icon2 { background-position: 0 -20px; } .company_intro_left dl dd label.lab_icon3 { background-position: 0 -40px; } .company_intro_left dl dd label.lab_icon4 { background-position: 0 -60px; } .company_intro_left dl dd label.lab_icon5 { background-position: 0 -80px; } /*pages*/ .pages { height: 60px; padding: 20px 0 30px; width: 100%; clear: both; } .tcdPageCode { text-align: center; color: #808080; font-size: 14px; } .tcdPageCode li { display: inline; } .tcdPageCode span.disabled { display: inline-block; height: 35px; line-height: 35px; padding: 0 14px; margin: 0 2px; color: #808080; background: #fff; border: 1px solid #e6e3e3; vertical-align: middle; border-radius:1px; } .tcdPageCode span.current { display: inline-block; height: 35px; line-height: 35px; padding: 0 14px; margin: 0 2px; color: #fff; background-color: #ff6f06; border: 1px solid #ff6f06; vertical-align: middle; border-radius:1px; } .tcdPageCode a { display: inline-block; color: #ff6f06; height: 35px; line-height: 35px; background: #fff; padding: 0 14px; border: 1px solid #ddd; margin: 0 2px; vertical-align: middle; border-radius:1px; } .yyzx_con { padding-bottom: 50px; } .yyzx_con li { float: left; width: 50%; padding: 50px; border-bottom: 1px solid #e4e4e4; } .yyzx_con li h3 { font-weight: bold; font-size: 20px; color: #5a5a5a; margin-bottom: 8px; } .yyzx_con li h3 strong{ color: #cf9f6e; } .yyzx_con li div { color: #5a5a5a; } .banner.news { background: url(../images/news_banner.jpg) no-repeat center center !important; position: relative; z-index: 1; } .banner.news .btnBox{ width: auto; margin: 20.5rem 0 0 !important; } .banner.kjyf_banner { background: url(../images/kjyf_banner.jpg) no-repeat center center !important; position: relative; z-index: 1; } .banner.kjyf_banner .btnBox { width: 46rem; margin: 20.5rem 0 0 !important; } .kjyf_con { width: 1200px !important; } .yfzd-content{float: left; width: 100%; margin-top: 40px;} .kjyf_layer1 { background: #f4f4f4; display: flex; line-height: 25px; float: left; width: 100%; color: #2e2e2e; font-size: 14px; } .kjyf_layer1 h2{color: #cf9f6e; font-size: 16px; margin-bottom: 10px;} .kjyf_layer1 .fl { padding: 50px 10% 0 15%; width: 50%; } @media only screen and (max-width : 1336px){ .kjyf_layer1 .fl {padding: 10px 5%;} } .kjyf_layer1 .fr{width: 50%;float: left;} .kjyf_layer1 .fr img{width: 100%;} .kjyf_layer1 .kjyf_layer1_font { margin: 25px 0 0; } .kjyf_layer1 .kjyf_layer1_font span { font-size: 16px; font-weight: bold; color: #cf9f6e; } .kjyf_layer { float: left; width: 100%; margin-top: 0px; } .kjyf_layer img{width: 100%; height: auto;} .kjyf_layer h3 { font-weight: bold; font-size: 18px; } .kjyf_layer .center { margin: 30px auto; text-align: center; } .news_xq_box { width: 100%; height: 100%; background: url(../images/about_fzlc_bg.jpg) repeat; } .new_xq { background: #fff; margin-top: 50px; } .weizhi_box { padding: 25px 0 15px; border-bottom: 1px solid #e1e1e1; } .weizhi_box .active_gg { float: left; width: 200px; font-size: 18px; color: #2d2d2d } .weizhi_box .weizhi { float: right; position: relative; padding-left: 21px; } .weizhi_box .weizhi a { color: #666; } .weizhi_box .weizhi a:hover { color: #007cd2; } .weizhi_box .weizhi i{ position: absolute; width: 16px; height: 14px; left: 0; top: 3px; background: url(../images/index_back_icon.png) no-repeat; } .new_title { font-size: 24px; text-align: center; padding: 20px 0; border-bottom: 1px dashed #b3b3b3; } .new_fjxx { padding: 20px 0 0; text-align: center; } .new_fjxx span { display: inline-block; margin: 0 15px; color: #7d7d7d; } /*.new_fjxx a { background: #cf9f6e; padding: 5px 31px 5px 10px; color: #fff; position: relative; }*/ .new_fjxx a i { width: 16px; height: 11px; position: absolute; right: 10px; top: 8px; background: url(../images/news_xq_icon.png) no-repeat; } .new_con { padding: 20px 0 37px; } .new_con p { text-indent: 26px; line-height: 24px; margin: 15px 0; } .new_con .center { text-align: center; width: 100%; padding: 15px 0; } .last_next_con { padding: 25px 0; } .last_next_con div { line-height: 25px; height: 25px; margin-bottom: 5px; } .last_next_con div span { color: #484848; font-weight: bold; } .last_next_con div a { color: #8a8a8a; } .weui-gallery { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #000000; z-index: 90; } .opci { background: rgba(0, 0, 0, .4); } .weui-gallery .wid_1200 { height: 625px; position: absolute; left: 50%; top: 50%; margin-left: -600px; margin-top: -272px; z-index: 100; } .weui-gallery .wid_1200 img { box-shadow: 0 0 10px rgba(0,0,0,.8); width:100%; height:545px; } .weui-gallery .wid_1200 a.close { width: 44px; height: 44px; position: absolute; right: -22px; top: -22px; z-index: 101; background: url(../images/close_icon.png) no-repeat; } .banner.yxwl { background: url(../images/yxwl_banner.jpg) no-repeat center center !important; position: relative; z-index: 1; } .banner.yxwl .btnBox { width: 48rem; margin: 20.5rem 0 0 !important; } .dsfz_box { padding: 25px 0; } .dsfz_box h3 { font-size: 30px; margin-bottom: 40px; } .fz_list { height: 505px; position: relative; } .fz_list:after { content: ""; position: absolute; width: 100%; height: 4px; background-color: #D5D5D5; top: 50%; margin-top: -2px; left: 0; } .fz_list em { position: absolute; width: 100%; left: 0; top: 50%; height: 25px; margin-top: -12px; background: url(../images/dzsw_arrow.png) no-repeat; } .fz_list ul.list_top li { width: 196px; height: 240px; padding: 0 48px; float: left; margin-right: 50px; text-align: center; position: relative; background: url(../images/dzsw_bg1.png) no-repeat; } .fz_list ul.list_top li:last-child { margin-right: 0; } .fz_list ul.list_top li p { margin-top: 40px; color: #ffffff; text-align:left; } .fz_list ul.list_top li span { position: absolute; bottom: 50px; left: 0; width: 100%; display: block; text-align: center; font-size: 23px; } .fz_list ul.list_down { padding: 0 60px; margin-top: 30px; } .fz_list ul.list_down li { width: 196px; height: 240px; padding: 0 48px; float: left; margin: 0 25px; text-align: center; position: relative; background: url(../images/dzsw_bg22.png) no-repeat; } .fz_list ul.list_down li span { position: absolute; top: 50px; left: 0; width: 100%; display: block; text-align: center; font-size: 23px; } .fz_list ul.list_down li p { margin-top: 120px; color: #ffffff; text-align:left } .fz_list ul.list_top li i { width: 22px; height: 22px; position: absolute; left: 50%; margin-left: -11px; bottom: -24px; z-index: 20; background: url(../images/dzsw_bg2.png) no-repeat; } .fz_list ul.list_down li i { width: 22px; height: 22px; position: absolute; left: 50%; margin-left: -11px; top: -28px; z-index: 20; background: url(../images/dzsw_bg2.png) no-repeat; } .yxwl_dzsw_layer2 { width: 100%; height: 470px; background: url(../images/dzsw_bg3.jpg) no-repeat center center; } .yxwl_dzsw_layer2_con { text-align: center; color: #fff; padding-top: 100px; } .yxwl_dzsw_layer2_con div,.yxwl_gdhz_layer3 div { margin: 50px 0; } .yxwl_dzsw_layer2_con h3 { font-size: 24px; margin-bottom: 10px; position: relative; display: inline-block; padding-left: 40px; } .yxwl_dzsw_layer2_con h3 em { width: 32px; height: 32px; position: absolute; left: 0; top: 0; font-size: 24px; color: #fff; background: #cf9f6e; border-radius: 16px; font-style: normal; } .yxwl_dzsw_layer2_con span { display: block; text-align: center; } .yxwl_dzsw_layer3 { overflow: hidden; } .yxwl_dzsw_layer3 dl,.yxwl_gdhz_layer3 dl { width: 1300px; } .yxwl_dzsw_layer3 dd { width: 205px; height: 115px; float: left; margin: 0 35px 35px 0; border: 1px solid #dbdbdb; border-radius: 4px; overflow: hidden; } .yxwl_dzsw_layer3 dd img { border-radius: 4px; } .yxwl_gdhz_layer3 .dsfz_box { padding-top: 0 !important; } .yxwl_gdhz_layer3 h3 { font-size: 40px; text-align: center; margin-bottom: 50px; } .yxwl_gdhz_layer3 dd { width: 205px; height: 135px; float: left; margin: 0 35px 35px 0; border: 1px solid #dbdbdb; border-radius: 4px; overflow: hidden; } .yxwl_gdhz_layer3 .jmtj_p { position: relative; padding-left: 20px; line-height: 30px; } .yxwl_gdhz_layer3 .jmtj_p i { width: 10px; height: 10px; position: absolute; left: 0; top: 10px; background: url(../images/yxwl_gxjk_icon1.png) no-repeat } .yxwl_hzal_layer3 { width: 100%; height: 845px; position: relative; margin-bottom: 100px; } .tab_img a { float: left; width: 100%; height: 845px; } .yxwl_hzal_layer3 p { width: 100%; height: 45px; line-height: 45px; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.4); color: #fff; text-align: center; } .hzal_arrow { width: 1200px; height: 70px; top: 387px; left: 50%; margin-left: -600px; position: absolute; } .hzal_arrow a { width: 35px; height: 70px; float: left; background: url(../images/hzal_arrow_icon.png) no-repeat 0 0; } .hzal_arrow a.right { float: right; background-position: 0 -35px; } .tyzx_box { padding: 30px 0; } .map { text-align: center; border: 1px solid #e3e3e3; } .tyzx_company { padding: 50px 0; } .tyzx_company h3 { font-weight: bold; font-size: 18px; margin-bottom: 20px; } .tyzx_box .three_sele { text-align: center; margin-bottom: 50px; } .tyzx_box select { width: 242px; height: 57px; margin: 0 3px; padding: 0 10px; border: 1px solid #3f3f3f; } .tyzx_company { text-align: center; } .tyzx_company h3 { font-size: 18px; font-weight: bold; } .tyzx_company span { display: inline-block; position: relative; padding-left: 30px; margin: 0 10px; } .tyzx_company span i { position: absolute; left: 0; width: 20px; height: 20px; top: 0; background: url(../images/contact_icon.png) no-repeat; } .tyzx_company span i.lab_icon1 { background-position: 0 -80px; } .tyzx_company span i.lab_icon2 { background-position: 0 0; } .tyzx_company span i.lab_icon3 { background-position: 0 -20px; } .njzdbg{ height:810px; width:100%; background:url(../images/njzd.jpg) no-repeat center; text-align:center; } .njzdbg h1{font-size:50px;color:#fff;padding-top:320px;margin-bottom:10px;font-weight:normal;} .njzdbg h2{font-size:16px;color:#fff;font-weight:normal;line-height:30px;} .fzbg_txt{ height:1242px; width:100%; background:url(../images/fzbg.jpg) no-repeat center; text-align:center; padding-top:130px; } .fzbg_txt img{margin-bottom:30px;} .yfzdbg{ background:url(../images/yfzd.jpg) no-repeat center; } .yfyjbg{ background:url(../images/yfyj.jpg) no-repeat center; } .jyrw_content{width:100%; padding:100px 50px; background:#fff;border-radius:10px; float:left; margin-bottom:100px;} .jyrw_content ul{width:100%;} .jyrw_content ul li{float:left; width:15%; text-align:center; margin-right:20px; margin-bottom:40px;} .jyrw_style{ background:url(../images/jyew_tt.png) no-repeat; width:426px; height:153px; position: absolute;right: -260px;top: 210px;} iframe{ width:800px; height:500px; margin:0 auto;}