/*去掉默认样式*/
.main{padding-bottom: 0}

/*动画*/
/*Y轴向上移动100%，默认1秒*/
.section .special-title-info img,.section .special-title-info p,.section .special-item-bg1
{opacity: 0; -webkit-transform: translateY(100%);-ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 1s,opacity 1s; transition: transform 1s,opacity 1s;}
.section-active .special-title-info img,.section-active .special-title-info p,.section-active .special-item-bg1
{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}

/*从右到左移动*/
.section .special-item-bg2
{ opacity: 0; -webkit-transform: translateX(20%);-ms-transform: translateX(20%); transform: translateX(20%); -webkit-transition: -webkit-transform 1s,opacity 1s; transition: transform 1s,opacity 1s; }
.section-active .special-item-bg2
{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
.section-active .special-plan-item li span,.section-active .special-plan-item2 li span
{ transition-delay:1.4s; -webkit-transition-delay:1.4s}

.section .special-plan-item li div
{opacity: 0; width: 0px;  -webkit-transition: width 1s, opacity 1s; transition:width 1s, opacity 1s;  }
.section-active .special-plan-item li div
{opacity: 1; width: 180px;}
/*从左到右移动*/
.section .special-plan-item2 li div
{opacity: 0; width: 0px;  -webkit-transition: width 1s,opacity 1s; transition: width 1s,opacity 1s;  }
.section-active .special-plan-item2 li div
{opacity: 1; width: 180px;}



/*淡入淡出，默认3秒*/
.section .special-plan-item span,
.section .special-plan-item2 span,
.section .special-online-show,
.section  .special-online-cyc,
.section .special-buy-content li
{opacity: 0; -webkit-transition: opacity 1s; transition: opacity 1s;}
.section-active .special-plan-item span,
.section-active .special-plan-item2 span,
.section-active .special-online-show,
.section-active  .special-online-cyc,
.section-active .special-buy-content li
{opacity: 1;  transition-delay:0.5s; -webkit-transition-delay:0.5s}
.section .special-title-info p
{transition-delay:.5s; -webkit-transition-delay:.5s}
.section .special-online-show,
.section  .special-online-cyc,
.section .special-item-bg1,
.section .special-plan-item2 li div,
.section .special-plan-item li  div
{  transition-delay:0.8s; -webkit-transition-delay:0.8s;}
.section .special-item-bg2
{transition-delay:1.2s; -webkit-transition-delay:1.2s}
.special-buy-content li:nth-child(1),
.special-buy-content li:nth-child(2),
.special-buy-content li:nth-child(3),
.special-buy-content li:nth-child(4)
{transition-delay:0.5s; -webkit-transition-delay:0.5s}
.special-buy-content li:nth-child(5),
.special-buy-content li:nth-child(6),
.special-buy-content li:nth-child(7),
.special-buy-content li:nth-child(8)
{transition-delay:1s; -webkit-transition-delay:1s}
/*公共部分*/
.special-online-why{font-size: 40px;color: #ffffff;padding: 100px 0 80px 0;text-align: center;line-height: 1;}

/*special-title | 网上售楼处*/
.special-title{height: 600px;background: url("http://www.ph-fc.com/statics/phfcw/img/wsslc.jpg") no-repeat center center;}
.special-title h1{margin-top: 180px;display: inline-block;margin-left: 450px;}
.special-title h1 p{line-height: 1;font-size: 38px;color: #ffffff;margin-top: 36px;text-shadow:  0 1px  7px rgba(0,0,0,0.15);}
.special-title .special-item-warp{margin-left: 450px;}
.special-title .special-item{width: 310px;height: 90px;border-radius: 10px;float: left;margin-top: 50px;}
.special-title .special-item-bg1{background-color: rgba(255,255,255,0.15);margin-right: 30px;}
.special-title .special-item-bg2{background-color: rgba(255,255,255,0.15)}
.special-title .special-item img{float: left;margin-left: 35px;margin-top: 28px;margin-right: 27px; opacity: 0.6;}
.special-title .special-item .special-item-info{float: left;color: #ffffff;margin-top: 22px;}
.special-title .special-item .special-item-info h3{font-size: 20px;margin-bottom: 10px;line-height: 1;}
.special-title .special-item .special-item-info span{font-size: 14px;line-height: 1;}
/*special-wisdom-title |ceo留言*/
.special-wisdom-title{height: 200px;text-align: center;font-size: 16px;color: #ffffff;background-color: #333;line-height: 1;}
.special-wisdom-title p{line-height: 30px;padding-top: 53px;position: relative;display: inline-block;}
.special-wisdom-title em{font-size: 60px;color: rgba(255,255,255,0.3);font-style: oblique;position: absolute;}
.special-wisdom-title .frest-em{top:37px;left: -40px;}
.special-wisdom-title .last-em{top:37px;right: -20px;}
.special-wisdom-title span{margin-top: 20px;display: block;}

/*special-plan |痛点*/
.special-plan{height: 840px;min-width: 1440px}
.special-plan .special-plan-item{width: 50%;float: left;text-align: right;background-color: #f2f2f2;height: 840px;}
.special-plan-title{height: 110px;padding-top: 100px;padding-right: 60px;margin-bottom: 92px;}
.special-plan-title h2{display: inline-block;line-height: 50px;font-size: 40px;margin-right: 40px;}
.special-plan-title img{float: right}
.special-plan-content, .special-plan-item2 .special-plan-content{font-size: 16px;line-height: 40px;margin-bottom: 40px;}
.special-plan-content div{display: inline-block;width: 180px;height: 40px;line-height: 40px;text-align: center;background-color: #ffc24b;border-radius: 20px 0 0 20px;color: #ffffff;font-size: 16px;margin-left: 30px;float: right;}
.special-plan .special-plan-item2{width: 50%;float: left;text-align: left;background-color: #ffffff;height: 840px;}
.special-plan-item2 .special-plan-title{height: 110px;padding-top: 100px;padding-left: 60px;margin-bottom: 92px;}
.special-plan-item2 .special-plan-title h2{display: inline-block;line-height: 50px;font-size: 40px;margin-left: 40px;}
.special-plan-item2 .special-plan-title img{float: left}
.special-plan-item2 .special-plan-content div{display: inline-block;width: 180px;height: 40px;line-height: 40px;text-align: center;background-color: #8c9dbd;border-radius: 0px 20px 20px 0px;color: #ffffff;font-size: 16px;margin-right: 30px;margin-left: 0;float: left;}

/*special-online |不同*/
.special-online{height: 800px;background-color: #333333;}
.special-online-show{width: 1190px;margin: 0 auto;height: 485px;background-color: #333333;}
.special-online-show table{width: 100%;text-align: center;}
.special-online-show table td{width: 120px;height: 120px;border: 1px solid #484848}
.special-online-show td a{color: #ffffff;font-size: 16px;}
.special-online-show td a:hover{color: #ffffff !important;}
.nos-icon{width: 20px;height: 20px;background: url("nos-icon.png");margin: 0 auto;}
.yes-icon{width: 28px;height: 20px; background: url("yes-icon.png");margin: 0 auto;}
.special-online-show table .td-content-name{border-left:none; color: #ffffff;opacity: 0.6;font-size: 16px;}
.special-online-show table .td-content-top{border-top:none;}
.special-online-show table .td-content-name.active{background-color: #f36a5f;opacity: 1;}

/*special-select |开发商选择*/
.special-select{height: 800px;background-color: #f36a5f;}
.special-online-cyc{width: 950px;height: 480px;margin: 0 auto;position: relative;background: url("special-cyc.png") no-repeat center;}
.cycwarp{font-size: 20px;color: #ffffff;width: 200px;text-align: right}
.special-select-btn{cursor: pointer;width: 220px;height: 60px;border-radius: 30px;text-align: center;line-height: 60px;background-color: #ffffff;color: #f36a5f;position: absolute;left: 50%;top:50%;margin-left: -110px;margin-top: -30px;font-size: 22px;font-weight: bold; -webkit-transition: text-indent 1s; transition: text-indent 1s;text-indent: 0;  }
.special-select-btn:hover{color: #da5f55;text-indent: 10px;}
.cyc-right{text-align: left;}


/*special-buy |购房者选择*/
.special-buy{height: 840px;}
.special-buy .special-online-why{color: #333333;padding-bottom: 110px;}
.special-buy-content{width: 1082px;margin: 0 auto;}
.special-buy-content li{width: 215px;text-align: center;margin-right: 74px;float: left;margin-bottom: 75px;}
.special-buy-content li img{margin-bottom: 25px;}
.special-buy-content h4{font-size: 20px;line-height: 1;margin-bottom: 20px;}
.special-buy-content p{font-size: 16px;line-height: 24px;color: #999999;}
.special-buy-content .special-buy-right{margin-right: 0;}

/*special-wonderful |栏目介绍*/
.special-wonderful{height: 840px;background: #333333;}
.special-wonderful .special-online-why{padding-bottom: 45px;padding-top: 105px;}
.special-wonderful-btn{cursor: pointer;width: 200px;height: 38px;font-size: 18px;color: #f36a5f;border-radius: 20px;border: 1px solid #f36a5f;line-height: 38px;text-align: center;margin: 0 auto;margin-bottom: 30px;}
.special-wonderful-btn:hover{border-color: #cf5a51;color: #cf5a51;}
.bd .bd-item-img{text-align: center;}
.bd-items{position: relative;}
.bd-item-info{position: absolute;color: #ffffff;top: 140px;left: 1010px;}
.bd-item-info h2{font-size: 40px;margin-bottom: 22px;line-height: 1}
.bd-item-info p{font-size: 20px;opacity: 0.6;line-height: 34px;}
.bd-content-warp{position: relative;display: inline-block;}
.slideBox-special{position: relative}
.slideBox-special .next,.slideBox-special .prev {position: absolute;z-index: 1;display: block;filter: alpha(opacity=0.4);top: 165px;opacity: 0.4  }
.slideBox-special .next:hover,.slideBox-special .prev:hover{opacity: 1;filter: alpha(opacity=1)}
.slideBox-special .next{right: 0px;}
.slideBox-special .prev{left: 0px}

/*开发商入住弹窗*/
.lookhose_tk2{display: none; z-index: 9999;width: 440px; height: 415px; background: #ffffff;position: fixed; top:50%;bottom: 50%;left: 1%; right: 1%;margin: -260px auto 0; }
.lookhose_tk2.focus_house{height: 300px;margin-top: -150px;}
.lookhose_tk2 .lookhose_tit{height: 57px;border-bottom: 1px solid #eeeeee; background: #fafafa;line-height: 57px;color: #222222; font-size: 18px;padding-left: 28px;}
.lookhose_tk2 .lookhose_tit label{float: right;margin-right: 21px;cursor: pointer;}
.lookhose_tk2 .lookhose_tit span{border-left:4px solid #EF4238 ;padding-left: 14px;}
.lookhose_tk2 .lookhose_srk{padding-left: 70px;}
.lookhose_tk2 .lookhose_srk input{width: 298px; height: 38px; border: 1px solid #dddddd; border-radius: 2px; margin-bottom: 19px;text-indent: 10px;font-family: "å¾è½¯é›…黑";}
.lookhose_tk2 .lookhose_srk input:nth-of-type(2){width: 185px;border-top-right-radius: 0px; border-bottom-left-radius: 0px;}
.lookhose_tk2 .lookhose_srk input:nth-of-type(3){text-indent: 0; width: 112px;background: #ededed;  border-left: none;height: 40px; border-radius: 0px;color: #666666;text-align: center; cursor: pointer;border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
.lookhose_tk2 .lookhose_srk input:nth-of-type(4){cursor: pointer; margin-top: 21px; background: #ef4238;color: #FFFFFF; border: none;font-size: 16px;}
.lookhose_tk2 .lookhose_srk p{width: 298px;text-align: center;}
.lookhose_tk2 .lookhose_srk p:first-child{font-size: 22px; color: #333333;margin: 15px 0 30px 0;}
.lookhose_tk2 .lookhose_srk p:nth-of-type(1) img{vertical-align: middle;margin-right: 10px;}
.lookhose_tk2 .lookhose_srk p:nth-of-type(2) img{vertical-align: middle;margin-top: -4px;margin-right: 11px;}
.lookhose_tk2 .lookhose_srk p:nth-of-type(2) font{color: #EF4238;}
.lookhose_tk2 .lookhose_foot{height: 60px;border-top: 1px solid #eeeeee;background: url(../../images/online/online-icon-img-tk3.png) no-repeat;margin-top: 28px;}
.lookhose_tk2 .lookhose_foot p{text-align: center; line-height: 60px; font-size: 14px;}
.lookhose_tk2 .lookhose_foot p font{font-size: 18px; color: #222222;}
.lookhose_srk2{padding-left: 70px;padding-bottom: 8px;}
.lookhose_srk2 input{width: 298px; height: 38px; border: 1px solid #dddddd; border-radius: 2px; text-indent: 10px;font-family: "å¾è½¯é›…黑";}
.lookhose_srk2 input:nth-of-type(1){margin-top: 40px; width: 185px; border-top-right-radius: 0px; border-bottom-left-radius: 0px;}
.lookhose_srk2 input:nth-of-type(2){text-indent: 0; width: 112px;background: #ededed;  border-left: none;height: 40px; border-radius: 0px;color: #666666;text-align: center; cursor: pointer; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
.lookhose_srk2 input:nth-of-type(3){cursor: pointer; margin-top: 25px; background: #ef4238;color: #FFFFFF; border: none;font-size: 16px;}
.lookhose_srk2 input.get_code{margin-top: 40px;}
.lookhose_tk2{width: 520px;height: 420px;margin: -260px auto 0;}
.lookhose_tit{margin-bottom: 40px;}
.lookhose_srk span{color: #ef4238;padding-right: 13px;vertical-align: middle;}
.lookhose_srk em{font-size: 14px;}
.lookhose_srk input{margin-left: 28px;width: 298px;height: 38px; border: 1px solid #dddddd;}
.lookhose_srk .tel-mar input{margin-left: 14px;}
.lookhose_tk2 .lookhose_srk {text-align: center;padding-left: 0;}
.lookhose_tk2 .lookhose_srk .submit_mobile {cursor: pointer;margin-bottom: 0;background-color: #ef4238;border-color:#ef4238;color: #ffffff;font-size: 16px;width: 300px;height: 40px;margin-top: 15px;}
.lookhose_tk2 .lookhose_srk .submit_mobile:hover{background-color: #e64343}
.lookhose_foot span{font-size: 16px;color: #e64343;font-weight: bold;}