/*side move from basic.css*/ .side-handle{position:fixed;top:50%;right:10px;z-index:1000;box-shadow:0 0 3px rgba(48,50,3,.5);font-size:12px;} .side-handle a{display:block;background:#cee002 url(../../images/pc/side-handle.png) no-repeat;width:75px;height:75px;border:1px solid #040000;overflow:hidden;text-align:center;line-height:120px;cursor:pointer;color:#040000;margin-bottom:-1px;position:relative} .side-handle a:hover{background-color:#fef834;text-decoration:none;} .side-handle .s1{background-position:0 0;} .side-handle .s2{background-position:0 -75px;} .side-handle .s3{background-position:0 -150px;} .side-handle .s4{background-position:0 -225px;} .side-handle .s1 i{color:#fff;background:#f00;width:12px;height:12px;border-radius:6px;overflow:hidden;display:block;position:absolute;top:6px;right:10px;line-height:12px;font-weight:bold;-webkit-animation:twinkle 2s linear infinite;animation:twinkle 2s linear infinite;} .fa-more{position:relative} .fa-more:before,.fa-more:after{content:"";width:54%;height:1px;background:#666;top:50%;display:block;position:absolute;left:23%;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;margin-top:-.5px} .fa-more:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)} .fa-more:hover:before,.fa-more:hover:after{background:#000} .bg-ff{background:#fff} .bg-f5{background:#f5f5f5} .bg-ed{background:#ededed} .block-title{text-align:center;padding:40px 0 50px} .big-en{letter-spacing:-8px;font-size:95px;line-height:100px;color:#222;font-family:Arial} .pro-zoom .fa-search-plus{position:absolute;bottom:0;right:0;z-index:10;font-size:30px;background:#f76c05;color:#fff;padding:3px 5px;opacity:0;filter:alpha(opacity=0)} .pro-zoom:hover .fa-search-plus{opacity:1;filter:alpha(opacity=100)} .pro-zoom.md-zoom .fa-search-plus{bottom:auto;top:0} .md-zoom{position:relative;display:block;vertical-align:top} /*大图轮播*/ #pro-pop{position:fixed;height:100%;width:100%;left:0;top:0;margin:0;z-index:10000;background:none;border:none} #pro-pop.open{display:block} #pro-pop .pop-close{width:50px;height:50px;cursor:pointer;top:10px;right:20px;z-index:1000;font-size:40px;color:#fff;background:none} #pro-pop .pop-close:hover{opacity:.6;filter:alpha(opacity=60);} #pro-pop .pop-close:after,#pro-pop .pop-close:before{width:2px;height:50px;left:25px;top:0;} #pro-pop .pro-play img{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .pro-play{position:absolute;top:0;left:0;overflow:hidden;height:100%} .pro-play ul{position:absolute;top:50px;bottom:50px;left:100px;right:100px;width:auto} .pro-play li{position:absolute;top:0;left:0;width:100%;height:100%} .pro-play .fa{font-size:100px;color:#fff;position:absolute;top:50%;left:0;width:100px;height:100px;line-height:100px;opacity:.6;filter:alpha(opacity=60);cursor:pointer;display:none;margin-top:-40px;text-align:center} .pro-play .fa:hover{opacity:1;filter:alpha(opacity=100)} .pro-play .fa-angle-right{left:auto;right:0} .pro-play .pic-num{position:absolute;top:0;width:100%;text-align:center;color:#fff;font-size:24px;line-height:60px} /*标题*/ .dl-title{width:840px;margin:0 auto;position:relative;text-align:center;color:#222} .dl-title dt,.dl-title dd{position:relative;z-index:10} .dl-title dt{font-size:36px;line-height:50px} .dl-title dd{line-height:18px} .dl-title .more{display:block;width:200px;color:#cee002;background:#040000;line-height:32px;margin:10px auto -10px;font-size:20px;letter-spacing:-1px;height:33px} .dl-title .more:hover{color:#fef834;text-decoration:none} .dl-title .bor{position:absolute;left:0;height:46px;width:100%;top:22px;border:2px solid #cee002;z-index:1} .dl-title .bor:before,.dl-title .bor:after{content:"";background:#fff;height:2px;position:absolute;left:50%;display:block} .dl-title .bor:before{width:680px;top:-2px;margin-left:-340px} .dl-title .bor:after{width:540px;bottom:-2px;margin-left:-270px} .dl-title.small{width:560px} .dl-title.small .bor:before{width:280px;margin-left:-140px} .dl-title.small .bor:after{width:360px;margin-left:-180px} /*图标*/ .cs-icon{background:url(../../images/pc/cs-icon.png) no-repeat;position:relative;display:inline-block} .ci-hot{width:64px;height:82px} .ci-rule,.ci-desgin,.ci-payment{width:50px;height:50px;display:block;margin:0 auto 5px;background-position:-70px 0} .ci-desgin{background-position:-120px 0} .ci-payment{background-position:-170px 0} .ci-rule-b,.ci-desgin-b,.ci-payment-b{width:70px;height:70px;display:block;margin:0 auto 5px;background-position:-70px -50px} .ci-desgin-b{background-position:-140px -50px} .ci-payment-b{background-position:-210px -50px} .ci-free{background-position:-220px 0;width:80px;height:30px} .ci-ok,.ci-warn,.ci-err{width:20px;height:20px;vertical-align:top} .ci-ok{background-position:0 -100px} .ci-warn{background-position:-40px -100px} .ci-err{background-position:-20px -100px} .ci-vr{background-position:-220px -30px;width:38px;height:20px;vertical-align:top} /*二级*/ .channel-menu{padding:30px 0;text-align:center;font-size:18px;margin:20px 0;clear:both} .channel-menu a{padding:0 5px 1px} .channel-menu a.curr,.channel-menu a:hover{background:#f76c05;color:#fff;text-decoration:none} /*特点*/ .trait-wrap{background:#222 center 0 no-repeat;height:670px} .trait{padding-left:60px;position:relative} .trait .item{width:220px;height:175px;border:5px solid #fff;display:block;color:#fff;padding:28px 20px;position:relative;float:left;margin:0 25px 35px;text-transform:uppercase} .trait .item:hover{text-decoration:none;background:rgba(0,0,0,.2)} .trait .item span{display:block;position:absolute;bottom:28px;left:20px} .trait .item strong{font-size:22px;line-height:28px;letter-spacing:-1.5px;display:block} .trait .item p{font-size:17px;line-height:20px} .trait .item p em{font-size:19px;font-family:Arial;letter-spacing:-1px;line-height:22px;font-weight:600} .trait .item .fa-arrow-circle-right{font-size:24px;vertical-align:top;left:6px;position:relative} .trait .item p .fa-arrow-circle-right{top:-2px} .trait .item:hover .fa-arrow-circle-right{margin-left:3px} .trait .item:first-child{background:#cee002;border-color:#cee002;color:#000} .trait-en{font-family:Arial;font-size:56px;line-height:50px;color:#999;font-weight:600;letter-spacing:-5px;padding-top:20px;position:absolute;top:0;left:0;width:100%;z-index:10} .trait-en .trait-bt{position:relative;padding-top:50px;display:inline-block} .trait-en .trait-bt:before{content:"";width:100%;height:5px;position:absolute;top:30px;left:0;background:#cee002;display:block} .trait-en a .fa-arrow-circle-right{position:relative;left:0;font-size:30px;margin-left:10px} .trait-en a:hover .fa-arrow-circle-right{left:6px} .trait-title{background:#373737;height:80px;color:#cee002;position:relative} .trait-title:before{content:"";background:#5d5d5d;position:absolute;top:0;left:0;height:80px;width:50%;display:block;z-index:1} .trait-title .wrap{z-index:10;background:#373737} .trait-title .fl{font-size:24px;line-height:80px} .trait-title .fl:before{content:"";width:180px;height:5px;position:absolute;bottom:0;left:0;background:#cee002;display:block} .trait-title .fr{font-size:16px;line-height:20px;padding-top:20px} .whole-trait,.space-trait{background-image:url(../../images/pc/whole-trait.jpg)} .whole-trait .trait,.space-trait .trait{padding-top:220px} .kit-trait{background-image:url(../../images/pc/kitchen-trait.jpg)} .kit-trait .trait{padding-top:400px} /*广告位*/ .a-1200-200{width:1200px;height:200px;display:block;margin:0 auto} .a-1200-200.o-play ul,.a-1200-200.o-play li,.a-1200-200.o-play li img,.a-1200-200.o-play li a{height:200px} .a-1200-380{width:1200px;height:380px;display:block;margin:0 auto} .a-1200-380.o-play ul,.a-1200-380.o-play li,.a-1200-380.o-play li img,.a-1200-380.o-play li a{height:380px} .a-900-450{width:900px;height:450px;display:block;margin:0 auto} .a-900-450.o-play ul,.a-900-450.o-play li,.a-900-450.o-play li img,.a-900-450.o-play li a{height:450px} .a-780-420{width:780px;height:420px;display:block;margin:0 auto} .a-780-420.o-play ul,.a-780-420.o-play li,.a-780-420.o-play li img,.a-780-420.o-play li a{height:420px} /*首页-------*/ /*banner*/ .b-play{background:#333} .b-play,.b-play ul,.b-play li,.b-play li img,.b-play li a{height:560px} .b-play li a{display:block;width:100%;background:center 0 no-repeat} .b-play .apply-box{background:rgba(0,0,0,.3);width:280px;height:320px;position:absolute;left:50%;top:180px;margin-left:320px;padding:30px 35px 0} .b-play .apply-box .item{padding-bottom:18px} .b-play .apply-box h3{color:#cee002;font-weight:normal;font-size:21px;line-height:30px;height:48px} .b-play .apply-box input[type="text"],.b-play .apply-box select{background:#333;border-color:#878787;color:#fff} .i-process{background:url(../../images/pc/i-process.png) no-repeat;height:160px;margin-bottom:20px;position:relative} .i-process .know{width:270px;height:94px;display:block;position:absolute;right:0;top:20px} .i-process .know i{display:block;width:60px;height:60px;background:url(../../images/pc/know.png) no-repeat;position:absolute;top:30px;left:43px;-webkit-animation:rotating 5s linear infinite;animation:rotating 5s linear infinite} @-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}} @keyframes rotating {from {transform:rotate(0deg)}to{transform:rotate(360deg)}} /*大师*/ .md-wrap{overflow:hidden} .md-list{width:1240px;margin-left:-20px;padding-bottom:50px} .md-item{border:1px solid #ddd;border-width:0 0 1px 1px;float:left} .md-item:nth-child(-n+3) .hover{margin-top:30px} .md-item .hover{width:374px;height:280px;margin:19px} .md-item .info{height:80px;padding:5px 19px;border-top:1px solid #ddd;overflow:hidden;color:#252525;line-height:36px} .md-item .info a{color:#252525} .md-item .info>.fl{width:200px} .md-item .info>.fr{width:170px;text-align:right} .md-item .info .name{font-size:18px} .md-item .info .price span{font-size:29px;font-family:"BlnPrice";letter-spacing:-1px;vertical-align:top} .md-item .info .price em{padding-left:2px;position:relative;top:5px} .md-item .info .handle .fa{border:1px solid #666;width:24px;height:24px;border-radius:12px;line-height:22px;text-align:center;padding-left:1px;color:#666;margin-right:3px} .md-item .info .handle a{color:#666;margin-left:12px} .md-item .info .handle a:first-child{margin-left:0} .md-item .info .handle a:hover{text-decoration:none;color:#000} .md-item .info .handle a:hover .fa{border-color:#000;color:#000} .md-dz-play .prev-next{font-size:80px;width:60px;text-align:center;height:80px;margin-top:-40px;opacity:.6;filter:alpha(opacity=60);background:rgba(255,255,255,.5);color:#252525} .md-dz-play .prev-next .fa{line-height:72px} .md-dz-play .prev-next:hover{opacity:1;filter:alpha(opacity=100)} .md-dz-play .pic-num{display:none;} .md-dz-play a{position:relative;display:block} .md-dz-play a span{background:rgba(255,255,255,.7);color:#252525;display:block;width:428px;height:90px;bottom:10px;font-size:16px} .md-dz-play a span em{font-size:24px;display:block;line-height:40px;padding-top:8px;font-weight:bold} /*全屋*/ .i-whole-play{width:1200px;height:550px;background:#000} .i-whole-play,.i-whole-play ul,.i-whole-play li,.i-whole-play li img,.i-whole-play li a{height:550px} .i-whole-play a{display:block;width:100%;background:center 0 no-repeat} .i-whole-play .handle{width:30px;height:auto;padding:30px 0;right:50px} .i-whole-play .btn-item span.curr{background:#cee000} .i-whole-play .btn-item{height:auto;width:30px;bottom:auto;position:relative} .i-whole-play .btn-item span{width:12px;height:12px;margin:8px;vertical-align:top} .i-whole-play .handle .btn-pn{position:absolute;width:30px;display:block;cursor:pointer;overflow:hidden;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent} .i-whole-play .handle .btn-prev{border-bottom:12px solid #cee000;top:0} .i-whole-play .handle .btn-next{border-top:12px solid #cee000;bottom:0} .i-whole-play .handle .btn-prev:hover{border-bottom-color:#fef834;} .i-whole-play .handle .btn-next:hover{border-top-color:#fef834;} .i-whole-play li{position:relative;z-index:1} .i-whole-play li.curr{-webkit-animation:anTop .5s linear 1;animation:anTop .5s linear 1;z-index:100} .i-whole-play li.re-curr{-webkit-animation:anDown .5s linear 1;animation:anDown .5s linear 1;z-index:100} @-webkit-keyframes anTop{0%{top:100%}100%{top:0}} @keyframes anTop{0%{top:100%}100%{top:0}} @-webkit-keyframes anDown{0%{top:-100%}100%{top:0}} @keyframes anDown{0%{top:-100%}100%{top:0}} .whole-wrap{overflow:hidden} .whole-list{width:1240px;margin-left:-20px;padding-bottom:50px} .whole-item{border:1px solid #ddd;border-width:0 0 1px 1px;float:left} .whole-item:nth-child(-n+3) .hover{margin-top:30px} .whole-item .hover{width:374px;height:280px;margin:19px} .whole-item .info{height:80px;padding:5px 19px;border-top:1px solid #ddd;overflow:hidden;color:#252525;line-height:36px;width:412px;position:relative} .whole-item .info a{color:#252525} .whole-item .info>.fl{width:240px} .whole-item .info>.fr{width:130px;text-align:right} .whole-item .info .name,.whole-item .info .hits{font-size:18px} .whole-item .info .handle .fa{border:1px solid #666;width:29px;height:29px;border-radius:15px;line-height:29px;text-align:center;color:#666;margin-right:3px;vertical-align:top} .whole-item .info .handle a{color:#666;margin-left:12px} .whole-item .info .handle a:first-child{margin-left:0} .whole-item .info .handle a:hover{text-decoration:none;color:#000} .whole-item .info .handle a:hover .fa{border-color:#000;color:#000} .whole-item .info .hits .fa{font-size:20px;vertical-align:top;line-height:36px;margin-right:6px;color:#5f5f5f} .whole-index{padding-top:40px} .whole-index .whole-item .hover{height:450px} .whole-index .whole-item .info{background:#c2c2c2;margin:0 19px 19px;height:40px;line-height:30px;padding-right:140px;width:374px} .whole-index .whole-item .info .name{font-size:14px} .whole-index .col2 .hover,.whole-index .col2 .info{width:787px} .whole-index .whole-item .info .handle{position:absolute;right:10px;top:0;height:40px;line-height:40px} .whole-index .whole-item .info .handle a{color:#666;margin-left:6px;display:inline-block;line-height:32px} .whole-index .whole-item .info .handle .fa{margin-right:0;width:32px;height:32px;border-radius:16px;font-size:18px;line-height:30px} .whole-index .whole-item:nth-child(-n+3) .hover{margin-top:0} .whole-index .whole-item:nth-child(3) .hover{margin-top:19px} /* 全部定制 推荐的 右和下四个图下面的文字加长 */ .name.toe.wid{width:340px} /*空间产品*/ .space-index{padding-top:40px} .space-index .channel-menu{margin:0;padding-top:0} .space-index .space-item .info{background:#252525;color:#fff;border:none;margin:0 19px 19px} .space-index .space-item .info .name a{color:#fff;padding-left:15px} .space-index .space-item .info .handle{right:6px} .space-index .space-item a .fa-more{width:31px;height:31px;border-radius:16px;border:1px solid #666} .space-index .space-item a:hover .fa-more{border-color:#fff} .space-index .space-item a:hover .fa-more:before,.space-index .space-item a:hover .fa-more:after{background:#fff} .space-index .space-item:nth-child(-n+4) .hover{margin-top:0} /*热装楼盘*/ .house-recommend{padding:40px 0 30px;text-align:center;font-size:18px} .house-recommend a{margin:0 10px} .house-wrap{overflow:hidden} .house-list{width:1240px;margin-left:-20px;padding-bottom:50px} .house-item{border:1px solid #ddd;border-width:0 0 1px 1px;float:left} .house-item:nth-child(-n+4) .hover{margin-top:0} .house-item .hover{width:270px;height:202px;margin:19px 20px 19px 19px} .house-item .info{height:110px;padding:10px 19px 0;border-top:1px solid #ddd;overflow:hidden;color:#252525;width:308px;position:relative} .house-item .info p{line-height:20px;height:40px;overflow:hidden} .house-item .info .name{font-size:18px;line-height:36px;margin-bottom:5px} .house-item .info .num{background:#98406e;color:#fff;padding:0 5px;position:absolute;right:20px;top:16px;display:block;height:24px;;font-size:16px} .house-item .info .num.org{background:#f76c05} /*家居讲堂*/ .i-trends{height:610px} .i-trends .n1{float:left;width:376px;height:560px} .i-trends .mid{width:376px;margin:0 36px;float:left} .i-trends .mid .hover{width:376px;height:264px;margin-bottom:32px} .i-trends .fr{background:#d8d8d8;width:376px;height:560px} .i-trends .fr h3{background:#000;color:#fff;line-height:60px;font-size:18px;text-align:center;font-weight:normal} .i-trends ul{background:#f5f5f5;padding:30px 30px;margin:0 25px;height:470px;line-height:40px;font-size:16px} .i-trends li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;height:40px} /*专题*/ .i-special{padding:50px 0} .i-special .hover{width:376px;height:232px;float:left;margin-left:36px} .i-special .hover:first-child{margin-left:0} /*首页 end-------*/ /*整体厨房*/ .kit-hot{padding-top:30px} .kit-hot .hover{width:430px;height:430px;float:left;margin-right:20px} .kit-hot .hover .ci-hot{position:absolute;top:0;left:0;z-index:10} .kit-hot .apply-box{background:#222;width:300px;height:430px;padding:30px 40px 0;float:right} .kit-hot .apply-box .item{padding-bottom:18px} .kit-hot .apply-box h3{color:#cee002;font-weight:normal;font-size:21px;line-height:30px;height:48px} .kit-hot .apply-box input[type="text"],.kit-play .apply-box select{background:#fff;border-color:#ddd;color:#000} .kit-hot .apply-box ul{padding-top:30px} .kit-hot .apply-box ul li{width:33.33%;text-align:center;float:left;color:#cee002} .kit-wrap{overflow:hidden} .kit-list{width:1240px;margin-left:-20px;padding-bottom:50px} .kit-item{border:1px solid #ddd;border-width:0 0 1px 1px;float:left} .kit-item:nth-child(-n+3) .hover{margin-top:30px} .kit-item .hover{width:374px;height:280px;margin:19px} .kit-item .info{height:80px;padding:5px 19px;border-top:1px solid #ddd;overflow:hidden;color:#252525;line-height:36px;width:412px;position:relative} .kit-item .info a{color:#252525} .kit-item .info>.fl{width:240px} .kit-item .info>.fr{width:130px;text-align:right} .kit-item .info .name{font-size:18px} .kit-item .info .hits{font-size:18px} .kit-item .info .hits .fa{font-size:20px;vertical-align:top;line-height:36px;margin-right:6px;color:#5f5f5f} .kit-item .info .handle .btn-style{height:26px;line-height:26px;font-size:14px;vertical-align:top} /*空间产品*/ .space-wrap{overflow:hidden} .space-list{width:1240px;margin-left:-20px;padding-bottom:50px} .space-item{border:1px solid #ddd;border-width:0 0 1px 1px;float:left} .space-item:nth-child(-n+4) .hover{margin-top:30px} .space-item .hover{width:270px;height:202px;margin:19px 20px 19px 19px} .space-item .info{height:36px;line-height:36px;margin:-10px 19px 9px;overflow:hidden;color:#252525;width:270px;;position:relative;padding-right:60px} .space-item .info .handle{position:absolute;right:0;top:0;height:36px;padding-top:2px} .space-item a .fa-more{width:31px;height:31px;border-radius:16px;border:1px solid #666} .space-item a:hover .fa-more{border-color:#000} .space-item a:hover .fa-more:before,.space-item a:hover .fa-more:after{background:#000} .space-channel .block-en{font-family:Arial;font-size:52px;line-height:50px;color:#5d5d5d;font-weight:600;letter-spacing:-5px;padding:26px 0;border:5px solid #cee002;border-width:5px 0;overflow:hidden;width:370px;margin-bottom:30px;height:212px} .space-channel .space-item{border-width:0;margin-left:25px;width:390px;padding-bottom:20px} .space-channel .space-item .hover{width:390px;height:330px;margin:0!important} .space-channel .space-item .info{margin:10px 0;width:100%} .space-channel .fl .space-item{margin-left:0;width:370px} .space-channel .fl .space-item .hover{width:370px;height:495px} .space-channel .fr{width:830px} /*全屋定制*/ /*full-screen calc(100vh - 80px)*/ .full-screen{width:100%;height:calc(100vh - 80px);min-height:670px;min-width:1200px} .full-screen .swiper-slide .pic{position:absolute;overflow:hidden;width:100%;height:100%;background:#333;z-index:1} .full-screen .swiper-slide .pic>img{min-width:100%;min-height:100%} .full-swiper-arrow{position:absolute;bottom:-25px;width:100%;background:url(../../images/pc/full-swiper.png) center 0 no-repeat;height:50px;left:0;z-index:100} .full-swiper-arrow:before,.full-swiper-arrow:after{content:"";height:25px;width:40%;position:absolute;left:0;top:0;background:#f9f9f9} .full-swiper-arrow:after{left:auto;right:0} .full-screen .swiper-pagination{padding:10px;right:auto;left:50%;margin-left:540px;background:rgba(0,0,0,.3)} .full-screen .swiper-pagination-bullet{background:#fff;width:15px;height:15px;position:relative;opacity:1;filter:alpha(opacity=100);margin:16px 0!important} .full-screen .swiper-pagination-bullet em{width:60px;font-size:14px;display:block;position:absolute;left:24px;text-align:left;line-height:14px;top:0} .full-screen .swiper-pagination-bullet-active{background:#cee002} .full-screen .swiper-slide-active{z-index:10} .full-screen .text{background:rgba(255,255,255,.8);padding:50px;z-index:100;width:auto;color:#666} .full-screen .text h2{font-size:48px;text-align:center;font-weight:normal;line-height:48px;height:60px;border-bottom:1px solid #666;margin-bottom:1vw;color:#4b4b4b} .full-screen .text .more{display:block;width:200px;color:#cee002;background:#040000;line-height:32px;margin:0 auto;font-size:20px;letter-spacing:-1px;height:33px;margin-top:30px;text-align:center} .full-screen .text .more:hover{color:#fef834;text-decoration:none} .full-screen .trait-wrap{background:none;margin-top:-20px} .full-screen .trait-wrap .wrap{padding-top:220px} /*详情页*/ .view-main{width:780px;float:left;padding-bottom:50px;position:relative} .view-main img{max-width:780px} .view-main .text{padding:30px 0} .view-main .text h3{font-size:16px;line-height:30px} .view-main .text .attr{border-bottom:1px solid #ddd;line-height:30px;padding-bottom:10px} .view-main .text p{margin:1em 0} .view-spt{clear:both;margin:40px 0 30px;color:#333;padding:0 110px;position:relative}/*现在描述没有，去掉高度;min-height:240px*/ .view-mdt{min-height:100px} .view-mdt+.text{padding-top:0} .view-spt .spt-md{font-size:48px;text-align:center;line-height:48px} .view-spt .spt-name{border:1px solid #333;width:200px;text-align:center;height:38px;margin:0 auto;line-height:36px;font-size:18px} .view-spt .spt-name .ft{font-size:26px;line-height:36px;vertical-align:top;width:40px} .view-spt .ff-ar{text-align:center;letter-spacing:-1px;padding-top:5px;height:96px} .view-spt .ff-ar span{font-size:66px;display:block;letter-spacing:-6px;line-height:50px} .view-spt .txt{line-height:20px} .view-spt .fa-quote-left,.view-spt .fa-quote-right{position:absolute;font-size:72px;color:#d5d5d5} .view-spt .fa-quote-left{left:15px;top:100px} .view-spt .fa-quote-right{right:15px;top:170px} .view-spt .intro{border-top:2px solid #f76c05;margin-top:15px;padding-top:15px;text-align:center} .view-spt .intro strong:first-child{margin-right:1em} .view-spt .intro em{margin:0 2px} .view-spt .intro strong s{text-decoration:line-through;margin-right:2em} .view-spt .intro strong span{font-size:18px;background:#f76c05;color:#fff;padding:0 5px} .view-bt{border:1px solid #252525;color:#252525;line-height:50px;border-width:1px 0;font-size:21px;margin:30px 0 20px;font-weight:bold} /*大师详情定位*/ .md-side-fixed{width:61px;padding:20px 10px 10px;background:#f2f2f2;position:absolute;top:0;left:-61px} .md-side-fixed:before{content:"";position:absolute;left:30px;width:1px;top:20px;bottom:20px;background:#ccc} .md-side-fixed a{display:block;background:#ccc;width:41px;height:41px;border-radius:50%;margin-bottom:10px;overflow:hidden;position:relative;z-index:10;text-align:center;line-height:41px} .md-side-fixed a:hover{background:#999;text-decoration:none} .md-side-fixed a .ft,.md-side-fixed a span{position:absolute;display:block;height:41px;width:100%;color:#fff;line-height:41px} .md-side-fixed a .ft{font-size:24px;top:0} .md-side-fixed a span{top:41px;font-size:12px} .md-side-fixed a:hover .ft{top:-41px} .md-side-fixed a:hover span{top:0} /*价格清单*/ .price-list{margin:30px 0;clear:both} .price-list .dl-title{width:100%;padding-bottom:30px} .price-list .dl-title dd.info{background:#ecf0f2;width:530px;height:100px;margin:10px auto 0;padding:0 30px} .price-list .dl-title dd.info .fl{font-size:32px;color:#888;line-height:100px} .price-list .dl-title dd.info .fl em{font-size:60px;font-weight:bold} .price-list .dl-title dd.info .fr s{display:block;font-size:18px;font-weight:normal;line-height:30px} .price-list .dl-title dd.info .fr{font-size:24px;font-weight:bold;padding-top:15px;line-height:40px;text-align:left} .price-list .dl-title .bor{height:136px} .price-list .dl-title .bor:before{width:500px;margin-left:-250px} .price-list .dl-title .bor:after{width:600px;margin-left:-300px} .price-list .tab-click{height:100px} .price-list .tab-click dt{background:#77858f;color:#fff;margin-left:2px;font-size:21px;padding:16px 0;height:80px} .price-list .tab-click dt span{display:block;font-size:14px} .price-list .tab-click dt:first-child{margin-left:0} .price-list .tab-click dt.curr{background:#cee002;color:#000} .price-list .viewport{height:570px} .price-list .tiny-scroll .scroll-bar{width:20px;padding:0 6px;background:#252525} .price-list .tiny-scroll .track{width:8px;background:#252525} .price-list .tiny-scroll .thumb{background:#8f8f8f;width:8px} .price-list .tiny-scroll .thumb:before,.price-list .tiny-scroll .thumb:after{content:'';position:absolute;width:8px;height:8px;background:#252525;overflow:hidden;left:0;top:0} .price-list .tiny-scroll .thumb:after{top:auto;bottom:0} .price-list .tiny-scroll .disable{display:block} .pro-item{float:left;width:230px;line-height:20px;height:290px;margin-right:23px} .pro-item .hover{width:230px;height:172px;margin-bottom:10px;border:1px solid #ddd} .view-side{width:380px;float:right;padding-bottom:50px} .view-side .apply-box{background:#f5f5f5;width:380px;padding:20px 35px 20px;border-top:1px solid #252525;margin-top:20px;position: relative;z-index:0;} .view-side .apply-box.xuan { position: fixed; top: 0; z-index: 999;} .view-side .apply-box .item{padding-bottom:18px} .view-side .apply-box h3{color:#333;font-weight:normal;font-size:20px;line-height:30px;height:38px} .view-side .apply-box .form-dl{padding: 10px 30px 20px;background:rgba(255,255,255,.75)} .view-side .apply-box ul{padding-top:10px;height:140px} .view-side .apply-box ul li{width:33.33%;text-align:center;float:left;color:#f76c05;font-size:18px;font-weight:bold} .view-side .apply-box .td{font-size:26px;line-height:36px;color:#f76c05;padding:30px 0} .view-side .lt{height:48px;background:#252525;text-align:center;font-size:21px;color:#fff;margin:20px 0 10px;clear:both;line-height:46px} .view-side .lt:first-child{margin-top:0} .view-tool{background:#ddd;height:48px;position:relative;line-height:47px;overflow:hidden;clear:both} .view-tool dt{padding:0 30px;height:48px;font-size:16px} .view-tool dt.curr{background:#808080;color:#fff} .view-con{clear:both;padding-top:10px} .fiexd-tool{height:48px;display:block;width:100%;clear:both} .vs-name{font-size:28px;line-height:32px;padding-top:28px;border-top:1px solid #252525;color:#252525} .vs-free{border:1px solid #d9d9d9;padding:25px 30px 15px;position:relative;margin-top:35px} .vs-free .cs-icon{position:absolute;top:-15px;left:25px} .vs-attr{padding:10px 0} .vs-price .ff-bp{font-size:29px} .vs-handle{font-size:30px;font-size:16px;clear:both} .vs-handle .fa{border:1px solid #666;width:26px;height:26px;border-radius:13px;line-height:24px;text-align:center;padding-left:1px;color:#666;margin-right:3px} .vs-handle a{color:#666;margin-left:12px} .vs-handle a:first-child{margin-left:0} .vs-handle a:hover{text-decoration:none;color:#000} .vs-handle a:hover .fa{border-color:#000;color:#000} .vs-code{border-top:1px solid #ddd;clear:both;padding-top:15px;margin-top:15px;font-weight:bold;padding-bottom:20px} .vs-code .item{float:left;line-height:20px;margin-left:20px} .vs-code .item:first-child{margin-left:0} .vs-code img{border:1px solid #ddd;padding:5px;background:#eee;width:100px;height:100px;margin-top:5px} /*边栏列表*/ .side-list{padding:30px;clear:both} .side-list .kit-item, .side-list .md-item, .side-list .house-item{border:none;clear:both;width:100%} .side-list .kit-item:last-child, .side-list .md-item:last-child, .side-list .house-item:last-child{margin-bottom:-20px} .side-list .kit-item .hover, .side-list .md-item .hover, .side-list .house-item .hover{width:320px;height:240px;margin:0} .side-list .kit-item .info, .side-list .house-item .info{height:90px;padding:5px 0 0;border-top:none;width:320px} .side-list .kit-item .info>.fl{width:210px} .side-list .kit-item .info>.fr{width:110px} .side-list .kit-item .info .hits{font-size:14px} .side-list .kit-item .info .fa-more{width:31px;height:31px;border-radius:16px;border:1px solid #666} .side-list .md-item .info{height:95px;padding:5px 0 0;border-top:none;width:320px} .side-list .md-item .info>.fl{width:170px} .side-list .md-item .info>.fr{width:150px} .side-list .md-item .info .price span{font-size:24px} .side-list .house-item .info .name{margin-bottom:0} /*产品预览*/ .preview-zoom{width:780px;position:relative;padding-bottom:20px} .preview-zoom .pic-show{position:relative;float:left;width:780px;height:585px;overflow:hidden} .preview-zoom .pic-show img{width:780px;height:585px} .preview-zoom .btn-pn{width:50px;height:114px;overflow:hidden;position:absolute;cursor:pointer;top:0;background:#ddd;text-align:center} .preview-zoom .btn-pn .fa{font-size:30px;line-height:114px} .preview-zoom .btn-pn.thum-prev{left:0} .preview-zoom .btn-pn.thum-next{right:0} .preview-zoom .btn-pn.disabled{opacity:.3;filter:alpha(opacity=30)} .preview-zoom .thumbs, .preview-zoom .thum-list, .preview-zoom .thum-list li, .preview-zoom .thum-list li img{height:114px} .preview-zoom .thumbs{position:relative;margin-top:10px;padding:0 60px;width:780px;overflow:hidden;float:left} .preview-zoom .thum-list{width:660px;overflow:hidden;margin-left:0;float:left;position:relative} .preview-zoom .thum-list ul{position:relative;left:0;-webkit-transition:all .5s;transition:all .5s} .preview-zoom .thum-list li{width:165px;overflow:hidden;float:left;text-align:center} .preview-zoom .thum-list li img{width:152px;height:114px;cursor:pointer} .preview-zoom .thum-list li.curr img,.preview-zoom .thum-list li.curr:hover img{border:4px solid #f76c05} /*热点楼盘报名*/ .ps-apply.apply-box{background:#161616;width:280px;height:450px;padding:30px 35px 0;float:right} .ps-apply.apply-box .item{padding-bottom:18px} .ps-apply.apply-box h3{color:#cee002;font-weight:normal;font-size:20px;line-height:28px} .ps-apply.apply-box input[type="text"],.ps-apply.apply-box select{background:#333;border-color:#878787;color:#fff} .ps-apply.apply-box ul{padding-top:30px;height:140px} .ps-apply.apply-box ul li{width:33.33%;text-align:center;float:left;color:#cee002;font-size:15px;font-weight:bold} /*小区活动*/ .house-scroll{height:260px;position:relative} .house-scroll .scroll-area{height:260px} .house-scroll .item{width:300px;float:left;height:260px;padding:0 15px} .house-scroll .item .hover{width:270px;height:202px;margin-bottom:10px} .house-scroll .item .hover span{position:absolute;background:#cee002;color:#252525;font-size:18px;display:block;right:0;top:0;z-index:100;line-height:42px;padding:0 15px} .house-scroll .pn-btn{cursor:pointer;position:absolute;width:40px;height:60px;background:rgba(0,0,0,.7);top:110px;z-index:100;text-align:center;color:#fff;left:-5px;font-size:24px;line-height:60px;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out} .house-scroll .pn-btn.next{left:auto;right:-5px} .house-scroll .pn-btn:hover{background:rgba(0,0,0,.9)} .house-bottom img{margin-bottom:40px} /*热门城市及查找*/ .city-bar{background:#d3d3d3;height:110px;position:relative} .city-bar:before{content:"";background:#e6e6e6;position:absolute;top:0;left:0;height:110px;width:50%;display:block;z-index:1} .city-bar .wrap{z-index:10} .city-bar .hot-city{width:600px;overflow:hidden;background:#e6e6e6;float:left;font-size:18px;line-height:110px} .city-bar .search-city{padding:37px 0 0 30px;width:600px;float:right} .search-city select{border-color:#aaa;font-size:16px;padding-top:5px;width:150px;float:left;margin-right:12px} .search-city input[type="text"]{border-color:#aaa;} .search-city .btn-style{font-size:22px;padding:0 20px;vertical-align:top} .search-city .btn-style .fa{position:relative;top:-1px} .search-city.fill{float:none;background:#e6e6e6;margin:20px 0;padding:30px;text-align:center;font-size:18px;line-height:36px} .search-city.fill select,.search-city.fill .btn-style{margin-left:12px;float:none} /*活动*/ .hot-city a.curr{background:#f76c05;color:#fff;text-decoration:none} .channel-title{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABdJREFUeF5jAIEPQPz5/wcQBrLhgBw5AJsPFu3smvviAAAAAElFTkSuQmCC") 0 16px no-repeat;font-size:24px;padding-left:32px;line-height:48px;border-bottom:1px solid #e1e1e1;clear:both;margin:30px 0;height:48px} .channel-title .t{font-weight:normal;color:#333;float:left} .channel-title .t:before{content:"";display:block;float:left;width:1px;background:#e1e1e1;margin:20px 12px 0 0;height:16px} .view-main .channel-title{margin:0} .hd-list{margin-bottom:40px} .hd-item{padding:30px 0;border-bottom:1px solid #e1e1e1} .hd-item .hover{float:left;width:300px;height:200px;background:#e1e1e1} .hd-item .info{float:right;width:440px;color:#666} .hd-item .t{font-weight:bold;font-size:24px;line-height:30px} .hd-item p{margin:25px 0;color:#999;height:96px;overflow:hidden} .hd-history{background:url(../../images/pc/hd-history.png) no-repeat;max-height:685px;padding:76px 20px 0 60px;border-bottom:5px solid #aeb0b2;overflow:hidden;} .hd-history li{font-size:16px;line-height:60px;height:60px;overflow:hidden} .hd-pic{background:#e0e0e0;width:380px;height:320px;padding:40px;margin-bottom:30px} .hd-pic .hover,.hd-pic .hover img{width:300px;height:240px} /*体验馆*/ .store-play{background:#333} .store-play,.store-play ul,.store-play li,.store-play li img,.store-play li a{height:470px} .store-play li a{display:block;width:100%;background:center 0 no-repeat} .store-city{background:#e6e6e6 url(../../images/pc/store-city.jpg) center 0 no-repeat;height:332px;padding-top:42px} .store-city h2{font-size:36px;font-weight:normal;line-height:60px} .store-city .search-city{padding:0;background:none} .store-city .search-city select{margin:0 6px;width:180px} .store-city .hot-city{padding:10px 150px 0;clear:both} .store-city .hot-city dt{width:110px;float:left;padding-right:10px;text-align:right} .store-city .hot-city dd{float:left;width:790px;height:96px;overflow:hidden} .store-city .hot-city dd a{white-space:nowrap;padding:1px 5px 2px} .store-city .hot-city dd a:hover{background:#f76c05;color:#fff;text-decoration:none} .store-map{background:#464646 url(../../images/pc/store-map.jpg) center 0 no-repeat;height:960px;padding:80px 0;background-size:100% 100%} .store-side{width:380px;background:rgba(0,0,0,.7);float:left;height:800px;padding:25px 40px;color:#fff} .store-main{width:820px;height:800px;float:right;background:url(../../images/pc/store-main.jpg) no-repeat} .store-side>h3{border-bottom:1px solid #666;font-size:20px;font-weight:normal;line-height:42px} .store-side .result{height:42px;line-height:30px} #store-list .viewport{height:660px} #store-list .scroll-bar{left:20px} .store-item{padding-bottom:25px} .store-item p{padding:6px 0 8px;line-height:20px;color:#ccc} .store-item .btn-style{height:32px;line-height:30px;font-size:16px;border-radius:0} /*帮助中心 售后服务*/ .help-wrap{padding:0px 0} .help-title{border-bottom:1px solid #ddd;margin-bottom:30px;font-weight:bold;color:#262626;padding-bottom:10px} .help-title h2{font-size:30px;line-height:42px} .help-menu{background:#f8f8f8;width:300px;float:left;padding:20px 30px;border:1px solid #ddd} .help-menu h3{font-size:18px;border-bottom:1px solid #ddd;line-height:40px} .help-menu ul{padding:10px 0 20px;clear:both} .help-menu ul li{height:30px} .help-menu ul li a{padding:0 18px;line-height:28px;display:inline-block} .help-menu ul li a:hover{text-decoration:none;background:#ddd} .help-menu ul li a.curr{background:#f76c05;color:#fff} .help-main{width:880px;padding:40px 50px;float:right;background:#fcfcfc;border:1px solid #ddd;font-size:16px;line-height:30px} .help-main h1{font-size:22px;border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:20px} .help-main p{margin:.5rem;text-indent:2em} .help-main p img,.help-main img{max-width:100%;display:block;margin:0 auto} .help-main a{text-decoration:underline;color:#f76c05} .help-main a:hover,.my-box a.btn-style{text-decoration:none} .serve:before,.serve:after{display:block;width:100%;clear:both;content:"";position:absolute;width:100%;left:0} .serve:before{background:url(../../images/pc/serve-top.jpg) no-repeat;height:465px;top:0} .serve:after{background:url(../../images/pc/serve-bot.png) no-repeat;height:385px;bottom:0} .serve{background:url(../../images/pc/serve-mid.png) 0 465px no-repeat;height:1850px;padding:465px 0 385px;position:relative} .serve-form{width:390px;float:right;margin:60px} .serve-form h2{font-size:32px;color:#de004a;height:100px;line-height:50px} .serve-form h3{font-size:21px;height:50px} .serve-form h4{font-size:16px;height:30px} .serve-form input[type="text"],.serve-form select,.serve-form textarea{width:100%;border-color:#000;height:50px;font-size:16px} .serve-form select.fl{width:48%} .serve-form select.fl:first-child{margin-right:4%} .serve-form textarea{height:200px} /*会员中心-------------------*/ .form-block{margin-bottom:30px} .form-block .t{border-bottom:1px solid #ddd;padding-bottom:15px;line-height:20px;font-size:21px;margin-bottom:20px} .form-block .t strong{border-left:5px solid #cee002;color:#000;padding-left:16px} .form-block .t a.fr{font-size:14px;line-height:28px} .btn-send-yzm{font-size:14px;width:110px;padding:0;border-radius:0} .btn-send-yzm:disabled,.btn-send-yzm:disabled:hover{background:#eee;color:#aaa!important} /*注册登录*/ .login-wrap,.reg-wrap,.forget-wrap,.my-wrap{margin:70px 0;border:1px solid #ddd;padding:50px;clear:both;position:relative} .login-wrap:before{position:absolute;background:#fff;width:1px;top:50px;bottom:50px;content:"";left:50%;border-left:1px solid #ddd} .login-wrap .form-block{width:490px} .login-wrap .form-block .t{margin-bottom:40px} .login-wrap input[type="text"],.login-wrap input[type="password"]{width:70%;background:#f1f1f1} .login-wrap .btn-style{width:160px} .reg-wrap{background:url(../../images/pc/reg.jpg) no-repeat;height:570px;padding-left:730px} .reg-wrap .form-block .t{margin-bottom:40px} .reg-wrap input[type="text"],.reg-wrap input[type="password"]{width:100%;height:48px;line-height:30px} .reg-wrap .form-dl .item{padding-bottom:25px} .reg-wrap .btn-style{line-height:47px;height:48px} .reg-wrap .btn-send-yzm{font-size:14px;position:absolute;right:0;top:0} /*步骤*/ .step-bar{text-align:center;display:flex;flex-flow:row wrap;padding:20px 0} .step-bar dl{text-align:center;flex:1;position:relative} .step-bar dl:before{height:4px;width:98%;position:absolute;content:"";left:1%;top:14px;background:#ccc;border-radius:2px;overflow:hidden} .step-bar dl dt{display:block;margin:0 auto;width:31px;height:31px;background:#ccc;color:#fff;line-height:30px;border-radius:15px;position:relative;z-index:10;font-size:18px} .step-bar dl dd{color:#aaa;line-height:30px} .step-bar dl.over:before,.step-bar dl.over dt,.step-bar dl.now:before,.step-bar dl.now dt{background:#cee002} .step-bar dl.now dd,.step-bar dl.over dd{color:#000} .step-bar dl.over{opacity:.6;filter:alpha(opacity=60)} /*忘记密码*/ .forget{padding:0 100px} .forget .step-bar{border-bottom:1px dotted #ccc;margin-bottom:30px} .forget-wrap input[type="text"],.forget-wrap input[type="password"]{width:50%} /*我的账户*/ .my-index{margin:70px 0;border:1px solid #ddd;padding:0 150px;clear:both;position:relative} .my-header{width:900px;margin:0 auto 40px;text-align:center} .my-header:after{display:block;clear:both;content:"";height:12px;border:1px solid #ddd;background:#f8f8f8} .my-header h2{font-size:30px;padding-top:60px;height:100px} .my-header .info{height:40px;border-bottom:1px solid #ddd} .my-header .info a{margin-left:1.5em} .my-header .menu{line-height:24px;text-align:center;clear:both;padding:40px 0} .my-header .menu a{margin:0 15px 0 16px;display:inline-block;position:relative;font-size:16px;color:#333;padding:0 10px} .my-header .menu a:hover{text-decoration:none;background:#eee} .my-header .menu a.curr{background:#f76c05;color:#fff} .my-header .menu a:before{content:"";width:1px;height:24px;position:absolute;top:0;background:#ddd;left:-16px} .my-header .menu a:first-child{margin-left:0} .my-header .menu a:last-child{margin-right:0} .my-header .menu a:first-child:before{display:none} /*订单状态入口*/ .os-menu{padding:40px 100px;clear:both} .os-menu li{width:20%;float:left;text-align:center} .os-menu li .fa{display:block;margin:0 auto 3px;border:1px solid #8b8b8b;border-radius:50%;font-size:32px;text-align:center;width:64px;height:64px;line-height:62px;color:#aaa} .os-menu li a{text-decoration:none;font-weight:bold} .os-menu li a strong{color:#f76c05;margin-left:5px} .os-menu li a:hover .fa{color:#666} /*会员版块*/ .my-box.half{width:46%;clear:none} .my-box{position:relative;clear:both;margin-bottom:30px;min-height:200px;*display:inline-block;*zoom:1} .my-box:after{content:"";display:block;height:0;clear:both} .my-box a{text-decoration:underline;color:#f76c05} .my-box a:hover,.my-box a.btn-style{text-decoration:none} .my-box-t,.my-box-t2{padding-top:10px;line-height:30px;min-height:50px;clear:both} .my-box-t{border-bottom:1px solid #ccc} .my-box-t h3,.my-box-t2 h4{float:left;color:#333;font-size:18px;padding-right:30px;} .my-box-t .bd{padding:0 15px;position:relative;} .my-box-t .bd:after{content:"";position:absolute;top:37px;height:3px;width:100%;background:#f76c05;left:0} .my-box-t a,.my-box-t2 a{color:#f76c05;height:30px;overflow:hidden;line-height:36px} .my-box-t a.btn-style{line-height:30px;font-size:14px} .my-box-t2{min-height:42px} .my-box-t2 a{line-height:34px} .my-box-t2 h4{font-size:14px} .my-box-t .tab-click dt{float:left;padding:0 15px;position:relative;font-size:18px;color:#333;font-weight:bold;} .my-box-t .tab-click .pipe{float:left;margin-top:12px;} .my-box-t .tab-click dt.curr:after{content:"";position:absolute;top:37px;height:3px;width:100%;left:0;background:#f76c05;} .my-box-cont p{color:#000;padding:3px 0} .my-box-cont p strong{margin-right:20px} .my-box-cont p .name{color:#999} .my-box-cont+.my-box-t2{border-bottom:1px dashed #ccc;margin:10px 0} .my-box-cont+.my-box-cont{margin-top:10px} .my-box-cont>.item-address{padding:10px 0;float:left;width:50%;padding-right:20px} .my-box-bot{clear:both;padding-top:10px} .my-box-btn{min-height:100px} .my-header~.os-menu{padding-top:0} .my-box .os-menu{padding:0;clear:both} .my-box .os-menu li{width:auto;float:left;text-align:center;padding:20px 60px 0 0} .my-box .os-menu li .fa{border:none;border-radius:0;font-size:42px;line-height:48px;height:50px} .my-box .os-menu li a{font-weight:normal;color:#666} .my-box .os-menu li a:hover .fa{color:#666} .my-box input[type="text"],.my-box input[type="password"],.my-box select{width:60%} .my-box .form-dl{margin-top:30px} /*积分*/ .integral-info{margin:20px 0;clear:both;font-size:16px;line-height:36px} /*服务团队*/ .serve-team{padding:20px 30px;background:#fcfcfc;border:1px solid #ddd;font-size:16px;line-height:30px;position:relative;clear:both;margin-bottom:20px} .serve-team .info{padding-bottom:10px;border-bottom:1px solid #ddd;} .serve-team .team{padding-top:10px;} .serve-team .code{position:absolute;top:20px;right:30px;text-align:center;line-height:20px} .serve-team .code img{width:100px;height:100px} .serve-team .t{font-weight:bold;font-size:18px;line-height:36px;margin:10px 0;height:36px;clear:both;} .serve-team table td{line-height:20px} .serve-team table img{display:block;margin:6px 0} .serve-team .chat-box .btn-style{height:64px;width:280px;line-height:64px;font-size:22px} .serve-team .page-bar{border-bottom:1px solid #ddd} /*粉丝*/ .my-fans{padding-top:30px} .my-fans h3{margin-bottom:20px} .my-fans .t{margin-bottom:10px;} .my-fans .code img{width:100%;border:1px solid #ddd;margin-bottom:20px} .my-fans>.col{border:1px solid #ddd;background:#fcfcfc;padding:30px} .fans-list{text-align:center;} .fans-list img{width:100%;border-radius:50%} .fans-list .col{padding:0 10px 10px 0} /*收藏*/ .favorite-list{margin:20px 0 0 -25px;clear:both;} .favorite-list .item{float:left;width:220px;margin-left:25px;height:300px;overflow:hidden;position:relative;} .favorite-list .item .hover{width:220px;height:220px;} .favorite-list .item .info{height:80px;padding-top:10px;overflow:hidden;color:#252525;width:220px;position:relative} .favorite-list .item .info .name{font-weight:bold;} .favorite-list .item .cancel{background:rgba(232,232,232,.8);color:#f76c05;text-align:center;line-height:40px;position:absolute;top:180px;left:0;width:100%;z-index:100;cursor:pointer;opacity:0;filter:alpha(opacity=0);} .favorite-list .item:hover .cancel{opacity:1;filter:alpha(opacity=100);} .favorite-list .item .cancel:hover{background:rgba(232,232,232,1)} /*订单*/ .my-order{background:#fcfcfc;border:1px solid #ddd;padding:30px;margin:20px 0} .my-order h3{font-size:16px;line-height:30px;margin-bottom:10px} .my-order .ys-node{border-bottom:1px solid #ddd} .my-order .price-list{width:800px;float:left;} .order-case.o-play ul,.order-case.o-play li,.order-case.o-play li img,.order-case.o-play li a{height:560px} .order-case{margin-bottom:20px;} .order-case .prev-next{background:rgba(255,255,255,1);width:80px;height:80px;margin-top:-40px;line-height:80px;text-align:center;font-size:30px} .order-case .pic-num{position:absolute;top:0;left:50%;background:rgba(0,0,0,.4);width:80px;height:40px;text-align:center;line-height:40px;margin-left:-40px;color:#fff} .order-case .pic-num em{font-size:18px;} .order-50-right{background:#e8e8e8;width:300px;float:right;margin-top:50px;padding:20px 30px} .order-50-right .t{font-size:18px;border-bottom:1px solid #ccc;line-height:30px;height:36px;} .order-50-right .order-time{padding-left:70px} .order-50-right .order-time:before{background:#bbb;left:25px;} .order-50-right .order-time li{border-bottom:1px dotted #aaa;} .order-50-right .order-time li:before{left:-70px;} .order-item{padding:20px 0;border-bottom:1px solid #caca00;} .order-item:first-child{padding-top:0} .order-item:last-child{padding-bottom:0;border-bottom:0} .order-item .hover{width:100px;height:100px;} .order-item h3{font-size:14px;color:#252525;height:30px;} .order-item .fl{width:160px;} .order-item .info{margin-left:160px;} .order-time{padding-left:150px;position:relative;} .order-time:before,.order-time li:before{content:"";display:block;position:absolute;} .order-time:before{width:1px;background:#ddd;left:75px;top:50px;bottom:50px;} .order-time li{color:#999;margin:20px 0;position:relative;border-bottom:1px dotted #ddd;padding-bottom:20px} .order-time li:last-child{border-bottom:0} .order-time li p{font-size:18px;line-height:30px;color:#252525} .order-time li:before{background:#65cf69;width:50px;height:50px;left:-100px;top:0;border-radius:50%} .order-time li:last-child:before{background:#f76c05;} /*验收节点*/ .ys-node{clear:both;} .ys-node ul{display:block;position:relative;padding-left:50px;} .ys-node ul:before,.ys-node ul li:before{content:"";display:block;position:absolute;background:#f76c05;} .ys-node ul:before{width:1px;top:15px;bottom:20px;position:absolute;content:"";display:block;left:5px} .ys-node ul li:before{width:11px;height:11px;left:-50px;top:6px;border-radius:50%} .ys-node li{padding-bottom:20px;color:#000;position:relative;clear:both;margin:20px 0;border-bottom:1px dotted #ddd;padding-bottom:20px;color:#252525} .ys-node li:last-child{border-bottom:0;} .ys-node li .desc{position:relative;text-align:left;clear:both;} .ys-node li .desc .t{color:#999;} .ys-node li .desc .t strong{font-size:16px;padding-right:1.5em;color:#252525} .ys-node li .desc p{line-height:20px;margin-top:10px;} .ys-node .photo{margin:0 0 20px -20px;} .ys-node .photo dt,.ys-node .photo dd{float:left;margin:20px 0 0 20px;width:320px;height:320px;overflow:hidden;position:relative;} .ys-node .photo dt:before,.ys-node .photo dd:before{content:"";display:block;position:absolute;background:url(../../images/pc/cs-icon.png) -70px -120px no-repeat;top:0;right:0;width:108px;height:76px} .ys-node .photo dd:before{background-position:-180px -120px} .ys-node .photo img{width:100%;min-height:320px} .ys-handle{width:47%;} .ys-handle .code img{width:300px;height:300px;border:1px solid #ddd} .ys-handle .btn-style.big{margin-top:20px;} .ys-handle.fl{border-right:1px solid #ddd;padding-right:3%;width:50%} .ys-handle .accept-bar{padding-bottom:30px;border-bottom:1px solid #ddd} .accept-bar{margin:20px 0;clear:both;} .accept-bar .onerow{font-size:20px;margin-bottom:10px;line-height:40px;} .accept-bar .fa{color:#b2b2b2;font-size:40px;width:40px;height:40px;vertical-align:top;margin-right:10px;} .accept-bar .item{cursor:pointer;} .accept-bar .best.curr,.accept-bar .best.curr .fa{color:#f60} .accept-bar .middle.curr,.accept-bar .middle.curr .fa{color:#a5c607} .accept-bar .worst.curr,.accept-bar .worst.curr .fa{color:#e00} .overall-bar .onerow{font-weight:bold;margin:10px 0;line-height:40px;} .overall-bar .star-bar .fa{font-size:30px;vertical-align:top;margin:5px 5px 0 0;color:#b2b2b2;cursor:pointer;} .ys-all-num{background:#adbc02;color:#fff;padding:10px 0;text-align:center;border-radius:5px;margin-bottom:20px} .ys-all-num strong{font-size:36px;display:block;line-height:40px} .ys-all-list .item{margin:20px 0;padding:0 0 20px 84px;border-bottom:1px dotted #ddd;position:relative;} .ys-all-list .item dt{position:absolute;top:0;left:0} .ys-all-list .item dt,.ys-all-list .item dt img{width:64px;height:64px;border-radius:50%;} .ys-all-list .item .t{padding-bottom:6px;font-size:16px} .ys-all-list .item .t span{margin-left:18px;} /*招商加盟*/ .join-1{background:#ddddd9 url(../../images/pc/join/1.jpg) center 0 no-repeat;height:620px;} .join-2{background:#4d4d4d url(../../images/pc/join/2-1.png) center 70px no-repeat;height:630px;padding-top:220px} .join-2 .text{background:url(../../images/pc/join/2-2.jpg) no-repeat;width:1060px;margin:0 auto;padding-left:640px;color:#fff;min-height:340px} .join-2 .text p{margin-bottom:20px;} .join-3{background:#f5f5f4 url(../../images/pc/join/3.jpg) center 0 no-repeat;height:860px;padding-top:190px} .join-4{background:#30302d url(../../images/pc/join/4.jpg) center 0 no-repeat;height:600px;} .join-5{background:#30302d url(../../images/pc/join/5-1.png);height:600px;} .join-5 .wrap{height:600px;background:url(../../images/pc/join/5-2.png) center center no-repeat;} .join-6{background:#696963 url(../../images/pc/join/6.jpg) center 0 no-repeat;height:610px;border-bottom:1px solid #efefd4} .join-7{background:#cecece url(../../images/pc/join/7.jpg) center 0 no-repeat;height:680px;} .join-8{background:#f5f5f3 url(../../images/pc/join/8.jpg) center 160px no-repeat;height:640px;} .join-8 .t{background:#fff url(../../images/pc/join/8-1.png) center center no-repeat;height:160px;} .join-9{background:#6d6d6c url(../../images/pc/join/8.jpg) center 160px no-repeat;} .join-9 .t{background:#333 url(../../images/pc/join/9.png) center center no-repeat;height:160px;} .join-9 .b1{background:url(../../images/pc/join/9-1.jpg) center 0 no-repeat;height:630px} .join-9 .b2{background:url(../../images/pc/join/9-2.jpg) center 0 no-repeat;height:600px} .join-9 .b3{background:url(../../images/pc/join/9-3.jpg) center 0 no-repeat;height:600px} .join-9 .b4{background:url(../../images/pc/join/9-4.jpg) center 0 no-repeat;height:600px} .join-9 .b5{background:url(../../images/pc/join/9-5.jpg) center 0 no-repeat;height:630px} .join-9 .b6{background:url(../../images/pc/join/9-6.jpg) center 0 no-repeat;height:700px} .join-10{background:#30302d url(../../images/pc/join/5-1.png);height:620px;} .join-10 .t{background:url(../../images/pc/join/10-1.png) center center no-repeat;height:160px;} .join-10 .wrap{height:396px;background:url(../../images/pc/join/10-2.jpg) center center no-repeat;} .join-11{background:#30302d url(../../images/pc/join/11.jpg) center 0 no-repeat;height:610px;} .join-12 .b1{background:#f5f5f3 url(../../images/pc/join/12-1.jpg) center 0 no-repeat;height:720px} .join-12 .b2{background:#f5f5f3 url(../../images/pc/join/12-2.jpg) center 0 no-repeat;height:720px} .join-13{background:#444 url(../../images/pc/join/13.jpg) center 0 no-repeat;height:1090px;padding-top:900px} .join-13 a{display:block;height:110px;width:500px;margin:0 auto;text-indent:-9999em} .join-city{background:#caca00;height:160px;padding-top:40px;text-align:center;margin-bottom:40px;} .join-city .search-city{line-height:36px;} .join-city .search-city input{width:400px} .join-city .list{text-align:left;padding-left:540px;width:940px;height:48px;overflow:hidden;} .join-city .list a{margin-right:6px;white-space:nowrap;} .join-result{background:rgba(255,255,255,.8);padding:30px 50px;float:left;width:760px;height:400px;line-height:30px;} .join-result h3{line-height:50px;font-size:24px;} .join-result h3 strong{margin-right:1em;} .join-result .text{font-size:18px;height:150px;padding:15px 0} .join-result .text span{margin-right:1em;} .join-3 .apply-box{float:right;width:400px;background:rgba(255,255,255,.8) url(../../images/pc/join/3-1.png) 40px 40px no-repeat;padding:100px 40px 30px;height:400px;} .join-3 .apply-box select,.join-3 .apply-box input[type="text"]{border-color:#666} .join-3 .form-dl .item{padding-bottom:20px} /*视频*/ .video-list{margin-left:-30px;} .video-list .hover{width:380px;height:285px;margin:0 0 30px 30px;float:left;} .video-list .hover:before{background:url(../../images/pc/play.png) center center no-repeat;position:absolute;width:100%;height:100%;top:0;left:0;content:"";display:block;z-index:11;opacity:.5;filter: alpha(opacity=50);-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;background-size:15% auto} .video-list .hover span{position:absolute;bottom:0;left:0;width:100%;line-height:50px;font-size:18px;text-align:center;z-index:10;background:rgba(0,0,0,.6);color:#fff} .video-list .hover:hover:before{opacity:1;filter:alpha(opacity=100);} /*资讯*/ .news-wrap{padding-bottom:40px} .news-side{width:300px;float:right;} .news-main{width:880px;float:left;} .news-main .channel-title{margin:0} .news-f1{height:350px;overflow:hidden;} .news-f1 .hover{width:480px;height:350px;float:left;} .news-f1 .hover span{position:absolute;bottom:0;left:0;width:100%;line-height:40px;font-size:16px;text-align:center;z-index:10;background:rgba(0,0,0,.6);color:#fff} .news-f1 ul{float:right;width:380px;} .news-f1 ul li{border-bottom:1px dotted #ccc;padding:0 10px;line-height:30px} .news-f1 ul li .fa{margin-right:6px;color:#aaa} .news-f1 ul li.top{height:auto;padding-bottom:8px} .news-f1 ul li.top p{line-height:20px;margin-top:2px;height:60px;overflow:hidden;} .news-desgin .tab-click{border-bottom:4px solid #000;display:block;height:42px;margin-bottom:20px;font-size:16px} .news-desgin .tab-click dt{float:left;height:32px;text-align:center;cursor:pointer;padding:0 12px;line-height:32px;margin-right:6px;background:#f1f1f1} .news-desgin .tab-click dt:hover{background:#ddd} .news-desgin .tab-click dt.curr{background:#333;color:#fff;text-decoration:none} .news-desgin .tab-con{position:relative;} .news-desgin .more{position:absolute;right:0;top:-56px} .news-desgin .left{float:left;width:560px;} .news-desgin .left p{line-height:20px;max-height:100px;padding:5px 0} .news-desgin .left .list{padding-top:15px;border-top:1px solid #ddd;} .news-desgin .left ul{width:260px} .news-desgin .left li{line-height:29px} .news-desgin .left .fl{border-right:1px solid #eee;padding-right:20px;} .news-desgin .left .fa{margin-right:6px;color:#aaa} .news-desgin .right{float:right;width:300px;background:#e4e4e4;height:440px} .news-desgin .right .text{padding:20px 20px 0;clear:both;overflow:hidden;line-height:20px;} .news-desgin .right .text p{padding-top:10px;max-height:140px;overflow:hidden;} .news-desgin-1{width:268px;height:201px;margin-right:20px;float:left;} .news-desgin-2{width:300px;height:225px;} .news-f1-r1{background:#ededed;padding:20px;border-top:1px solid #bbb;overflow:hidden;margin-bottom:20px} .news-f1-r1 .hover{width:260px;height:200px;margin-bottom:10px} .news-f1-r1 p{line-height:20px;height:60px;overflow:hidden;color:#666} .news-f1-r1 .toe{line-height:30px;color:#000} .news-f1-r2{background:#333;padding:15px 20px 20px;color:#fff;margin-bottom:20px} .news-f1-r2 .title{height:36px} .news-f1-r2 .fa{cursor:pointer;font-size:1.5em;position:relative;top:2px;} .news-f1-r2 .fa:hover{color:#ccc} .news-f1-r2 .pipe{background:#666} .news-f1-r2 ul,.news-f1-r2 .hover{height:260px;display:block;width:260px} .news-f1-r2 .hover span,.news-f2-right .hover span,.news-desgin-1 span{position:absolute;bottom:0;left:0;width:100%;line-height:30px;font-size:14px;text-align:center;z-index:10;background:rgba(0,0,0,.6);color:#fff} .news-f1-r3{width:300px;height:160px;margin-bottom:20px} .news-list-r1{width:300px;height:300px;margin-bottom:20px;} .news-list-r2{background:#f5f5f5;padding:20px;border-bottom:5px solid #ccc;margin-bottom:20px;} .news-list-r2 .title{background:url(../../images/pc/news-list-r2.png) no-repeat;height:64px;line-height:60px;font-size:15px;color:#fff;padding-left:120px;margin:-20px -20px 0} .news-list-r2 li{border-bottom:1px dotted #aaa;height:40px;overflow:hidden;} .news-list-r2 li:last-child{border-bottom:none;} .news-list-r2 li a{color:#000;line-height:36px;} .news-list-r2 li em{font:italic 24px/40px Verdana;float:left;width:42px;color:#5d5d5d} .news-list-mt{padding-bottom:20px;background:#f5f5f5;margin-bottom:20px;} .news-list-mt h3{height:46px;line-height:36px;border-bottom:10px solid #333;font-size:16px;padding:0 20px;color:#000;} .news-list-mt .hover{margin:15px 0 5px;width:300px;height:200px;float:none;} .news-list{background:#fff;padding:0 0 30px;overflow:hidden} .news-list-title{font-size:18px;color:#000;margin:20px 40px 0;font-weight:bold;line-height:40px;border-bottom:1px solid #000} .news-list-title .fa{position:relative;top:2px;width:24px;} .news-list-item{padding:20px 20px 20px 0;border-bottom:1px dotted #ddd} .news-list-item .hover{width:330px;height:220px;float:left;margin-right:20px;} .news-list-item .text{padding-top:10px} .news-list-item .text .t{font-size:20px;font-weight:bold;color:#000} .news-list-item .text p{padding-top:12px;color:#aaa;font-size:14px} .news-list-item .text p.time{color:#666} /*文章阅读*/ /*二维码*/ #article .wxpic{padding:20px 0;font-size:16px;text-align:center;} #article h1{font-size:30px;color:#000;line-height:40px;padding:30px;text-align:center;} #article .info,#article .pnbox{border-top:1px solid #ececec;border-bottom:1px solid #ececec;padding:15px 30px;clear:both;margin-bottom:30px} #article .info{text-align:center;} #article .info span{padding:0 15px} #article .desc{background:#f8f8f8;padding:40px 100px;clear:both;line-height:28px;position:relative;} #article .desc .fa{color:#dedede;position:absolute;} #article .desc .fa-quote-left{left:30px;top:20px} #article .desc .fa-quote-right{right:30px;bottom:20px} #article .pnbox{padding:20px 0;font-size:16px;text-align:center;} #article .pnbox .btn-style,#article .pnbox .btn-style i{margin:0 6px;} #article .pnbox .no-art,#article .pnbox .no-art:hover{color:#ccc!important;cursor:text;background:#eee} .article-body{padding:30px 50px;overflow:hidden;} .article-body img{max-width:800px;margin:0 auto;display:block;margin-top:1em;} .article-body p{font-size:16px;line-height:30px;padding-top:1em;text-indent:2em} /*全屋定制详情*/ .whole-view-top{position:relative; min-width: 1200px;} .whole-view-top .location{position:absolute;top:0;width:1200px;left:50%;margin-left:-600px;z-index:100;color:#fff} .whole-view-top .location a{color:#fff} .whole-view-top .bg{width:100%;} .whole-view-content{padding-bottom:40px;border-bottom:4px solid #000} .whole-view-bot{padding:40px 0;text-align:center;} .whole-view-bot .btn-style{width:450px;height:60px;font-size:20px;line-height:60px;background:#000;margin-top:32px;} .whole-view-bot .btn-style:hover{background:#333;} .whole-view-bot .code{font-weight:bold;display:inline-block;vertical-align:top;padding-left:40px;} .whole-view-bot .code .item{float:left;line-height:20px;margin-left:20px;text-align:left;} .whole-view-bot .code img{border:1px solid #ddd;padding:5px;background:#eee;width:100px;height:100px;margin-top:5px} /*高技派*/ .gjp-intro{width:920px;padding:40px 80px;background:#000;color:#fff;bottom:-80px} .gjp-intro p{border:1px solid #fff;border-width:1px 0;padding:10px 0;line-height:20px;} .gjp-intro .fa{font-size:24px;bottom:10px} .gjp-block{width:246px;height:360px;z-index:100;margin:-50px 0 0 -350px} .gjp-block .item{position:absolute;opacity:0;filter:alpha(opacity=0);} .gjp-block .t1{background:url(../../images/pc/whole/gjp/top-1.png) no-repeat;width:246px;height:99px;top:-100px;left:0;} .gjp-block .t2{background:url(../../images/pc/whole/gjp/top-2.png) no-repeat;width:99px;height:204px;top:120px;left:-100px} .gjp-block .t3{background:url(../../images/pc/whole/gjp/top-3.png) no-repeat;width:66px;height:56px;top:120px;left:115px;transform:scale(1.5);-webkit-transform:scale(1.5);} .gjp-block .t4{background:url(../../images/pc/whole/gjp/top-4.png) no-repeat;width:71px;height:193px;top:280px;left:115px} .gjp-block .t5{background:url(../../images/pc/whole/gjp/top-5.png) no-repeat;width:255px;height:43px;top:120px;left:246px;transform-origin:0 0;-webkit-transform-origin:0 0} .gjp-block.start .t1{animation:gjpT1 .6s ease;-webkit-animation:gjpT1 .6s ease;} .gjp-block.start .t2{animation:gjpT2 .6s ease .8s;-webkit-animation:gjpT2 .6s ease .8s;} .gjp-block.start .t3{animation:gjpT3 .6s ease .1.2s;-webkit-animation:gjpT3 .6s ease 1.2s;} .gjp-block.start .t4{animation:gjpT4 .6s ease 1.6s;-webkit-animation:gjpT4 .6s ease 1.6s;} .gjp-block.start .t5{animation:gjpT5 2.4s 2.4s;-webkit-animation:gjpT5 2.4s 2.4s;} .gjp-block.start .item{animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} @keyframes gjpT1{ 0 {top:-100px;opacity:0;} 100% {opacity:1;top:0;} } @-webkit-keyframes gjpT1{ 0 {top:-100px;opacity:0;} 100% {opacity:1;top:0;} } @keyframes gjpT2{ 0 {left:-100px;opacity:0;} 100% {opacity:1;left:0;} } @-webkit-keyframes gjpT2{ 0 {left:-100px;opacity:0;} 100% {opacity:1;left:0;} } @keyframes gjpT3{ 0 {opacity:0;transform:scale(1.5);} 100% {opacity:1;transform:scale(1);} } @-webkit-keyframes gjpT3{ 0 {opacity:0;-webkit-transform:scale(1.5);} 100% {opacity:1;-webkit-transform:scale(1);} } @keyframes gjpT4{ 0 {opacity:0;top:280px;} 100% {opacity:1;top:185px;} } @-webkit-keyframes gjpT4{ 0 {opacity:0;top:280px;} 100% {opacity:1;top:185px;} } @keyframes gjpT5{ 0 {opacity:0;} 55% {opacity:1;transform:rotate(0);} 70% {opacity:1;transform:rotate(100deg);} 85% {opacity:1;transform:rotate(85deg);} 100% {opacity:1;transform:rotate(90deg);} } @-webkit-keyframes gjpT5{ 0 {opacity:0;} 55% {opacity:1;transform:rotate(0);} 70% {opacity:1;transform:rotate(100deg);} 85% {opacity:1;transform:rotate(85deg);} 100% {opacity:1;transform:rotate(90deg);} } /*威尼斯*/ .wns-intro{background:#3c332e url(../../images/pc/whole/wns/intor.png) center 35px no-repeat;color:#fff;font-size:20px;} .wns-intro p{padding:100px 40px 40px} .wns-block{width:928px;height:460px;z-index:100;margin:-150px 0 0 0} .wns-block .item{position:absolute;opacity:0;filter:alpha(opacity=0);} .wns-block .t1{background:url(../../images/pc/whole/wns/top-1.png) no-repeat;width:306px;height:60px;top:-100px;} .wns-block .t2{background:url(../../images/pc/whole/wns/top-2.png) no-repeat;width:288px;height:92px;top:-20px;} .wns-block .t3{background:url(../../images/pc/whole/wns/top-3.png) no-repeat;width:928px;height:40px;top:170px;left:0;} .wns-block .t4{background:url(../../images/pc/whole/wns/top-4.png) no-repeat;width:850px;height:60px;top:320px;left:39px} .wns-block .t5{background:url(../../images/pc/whole/wns/top-5.png) no-repeat;width:894px;height:164px;top:290px;left:17px;} .wns-block.start .t1{animation:wnsT1 .6s ease;-webkit-animation:wnsT1 .6s ease;} .wns-block.start .t2{animation:wnsT2 .6s ease .6s;-webkit-animation:wnsT2 .6s ease .6s;} .wns-block.start .t3{animation:wnsT3 .6s ease .1.2s;-webkit-animation:wnsT3 .6s ease 1.2s;} .wns-block.start .t4{animation:wnsT4 .6s ease 1.6s;-webkit-animation:wnsT4 .6s ease 1.6s;} .wns-block.start .t5{animation:wnsT5 1s ease 2.4s;-webkit-animation:wnsT5 1s ease 2.4s;} .wns-block.start .item{animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} @keyframes wnsT1{ 0 {opacity:0;top:-100px;} 100% {opacity:1;top:0;} } @-webkit-keyframes wnsT1{ 0 {opacity:0;top:-100px;} 100% {opacity:1;top:0;} } @keyframes wnsT2{ 0 {opacity:0;top:-20px;} 100% {opacity:1;top:80px;} } @-webkit-keyframes wnsT2{ 0 {opacity:0;top:-20px;} 100% {opacity:1;top:80px;} } @keyframes wnsT3{ 0 {opacity:0;} 100% {opacity:1;} } @-webkit-keyframes wnsT3{ 0 {opacity:0;} 100% {opacity:1;} } @keyframes wnsT4{ 0 {opacity:0;top:320px;} 100% {opacity:1;top:220px;} } @-webkit-keyframes wnsT4{ 0 {opacity:0;top:320px;} 100% {opacity:1;top:220px;} } @keyframes wnsT5{ 0 {opacity:0;} 100% {opacity:1;} } @-webkit-keyframes wnsT5{ 0 {opacity:0;} 100% {opacity:1;} } /*0元设计*/ .enroll-banner{background:url(../../images/pc/enroll/banner.png) no-repeat;height:500px;overflow:hidden;position:relative;margin-top:40px;} .enroll-banner a{display:block;width:277px;height:53px;position:absolute;top:277px;left:317px;border-radius:5px;overflow:hidden;text-indent:-99em;background:#000;opacity:0;filter:alpha(opacity=0);} .enroll-banner a.n2{left:613px;} .enroll-banner a:hover{background:#000;opacity:.1;filter:alpha(opacity=10);} .enroll-body{padding-bottom:40px;} .enroll-body .fl{width:666px;} .enroll-body .fr{width:480px;background:#f9f9f9;height:764px} .enroll-body h2.title{ font-size:22px; line-height:48px; /* border-bottom:8px solid #c2d879; */ /* margin-bottom:15px; */ background:#fff } .enroll-body .left1{background:url(../../images/pc/enroll/left1.png) no-repeat;height:354px;} .enroll-body .left2{background:url(../../images/pc/enroll/left2.jpg) no-repeat;height:339px;} .enroll-num{border:1px solid #ddd;border-width:1px 0;padding:10px 0;margin-top:20px;font-size:18px;text-align:center;} .enroll-num strong{font-size:24px;color:#e00} .enroll-scroll{font-size:16px;line-height:36px;clear:both;margin:0 60px 0;} .enroll-scroll li{height:36px;overflow:hidden;} .enroll-apply{padding:10px 60px 20px;} .enroll-apply h3{color:#e00;font-size:30px;line-height:50px;text-align:center;} .enroll-apply .form-dl .item{padding-bottom:10px;} .enroll-apply .text{font-size:16px;line-height:30px;background:#ffdfdd;color:#cc4b47;padding:0 10px;margin-bottom:10px} .enroll-apply .btn-style{border-radius:0;font-weight:bold;font-size:20px;} /*亮点*/ .highlights{background-image:url(../../images/pc/company/highlights/banner.jpg);height:738px;background-size:100% auto} .highlights .title{font-size:42px;color:#fff;position:relative;line-height:180px;font-weight:bold;left:-50px} .highlights .trait{padding-left:0;} .highlights .item{width:210px;height:190px;margin:0 15px 50px;} .highlights .item strong{color:#cede2f} .highlights .item:hover strong{color:#000;} .highlights .item:first-child{background:transparent;border-color:#fff;color:#fff} .highlights .item:hover{background:#cee002;border-color:#cee002;color:#000} /* 栏目列表标签 */ .list-label p {width: 100%;height: 30px;line-height: 30px;font-size: 16px;background: #a6c900;text-align: center;font-family: "微软雅黑";position: absolute;bottom: 0;z-index: 2;color: #000;} .list-label i {width: 70px;height: 40px;position: absolute;display: block;bottom: 0;left: 0;z-index: 3;} .list-label .explosion {background: url(../../img/explosion.png);background-size: 100% 100%;} .list-label .newSelling {background: url(../../img/newSelling.png);background-size: 100% 100%;} .list-label .Selling {background: url(../../img/Selling.png);background-size: 100% 100%;} .list-label .Star {background: url(../../img/Star.png);background-size: 100% 100%;} .list-label .Twenty {background: url(../../img/Twenty.png);background-size: 100% 100%;} .advertising_position { width: 1200px; height: 200; margin: 20px auto; } .advertising_position a { width: 100%; height: 100%; display: block; } .advertising_position a img { width: 100%; height: 100%; display: block; } .wrap {max-width: 1100px;margin: 0 auto;} .bm-bottom .bottom-txt {float: left;width: 360px;height: 187px; z-index: 9999999999999; background-image: url(pic/pic.png);margin-top: -67px;} .bm-bottom .bm-box {position: relative;z-index: 15;float: left;width: 632px;margin-top: 17px;margin-left: 10px;} .bm-bottom {position: fixed;bottom: 0; right: -100%;z-index: 999;width: 100%;height: 120px;background-color: rgba(0, 0, 0, 0.5);} .bm-bottom .submit {box-sizing: border-box;padding: 12px;position: absolute;text-decoration: none;bottom: -3px;right: 7px;display: block;color: #000;width: 87px;height: 87px;font-size: 22px;text-align: center;line-height: 34px;border-radius: 10px;background-color: #cee002;box-shadow: 0 5px #6b7400;} .bm-bottom .bm-box .formdl .item {position: relative;float: left;clear: none;width: 250px;height: 35px;} .formdl .item {position: relative;clear: both;padding-bottom: 15px;padding-left: 10px;} .bm-bottom-close { position: absolute; right: 0; z-index: 15; width: 30px; height: 30px; color: #fff; text-align: center; font-size: 20px; line-height: 30px; cursor: pointer; } /*.bm-bottom-close::before {content: "\2716";}*/ .formdl .inputCommon {width: 100%;box-sizing: border-box;padding: 10px 8px;font-size: 16px;border-radius: 5px;border: none;} .formdl select {border-radius: 5px;font-size: 14px; height: 40px;font-family: 微软雅黑;width: 49%;border-image: initial; appearance:none;-moz-appearance:none; -webkit-appearance:none;background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center #fff;border: none;box-sizing: border-box;padding: 0 10px} select::-ms-expand { display: none; }