@charset "utf-8";



/* CSS gloabal */
.overflow-hidden{overflow:hidden;}
.f_l{ float:left!important; display:inline;}
.f_r{ float:right!important; display:inline;}
.relative{ position:relative;}
.align-center{ text-align:center;}
.text-underline{ text-decoration:underline!important;}
.font-14{ font-size:14px;}
.fb{ font-weight:700;}
.w-80{ width:80px!important;}
.w-100{ width:100px!important;}
.w-120{ width:120px!important;}
.w-140{ width:140px!important;}
.w-200{ width:200px!important;}
.w-290{ width:290px!important;}
.w-300{ width:300px!important;}
.w-auto{ width:100%!important;}
.yellow-color{ color:#fa4c06;}
.mt-10{ margin-top:10px;}
.mt-20{ margin-top:20px;}
.mb-20{ margin-bottom:20px;}
.pt-80{ padding-top:80px;}
.pt-130{ padding-top:130px;}
.pt-10{ padding-top:10px!important;}
.pb-20{ padding-bottom:20px!important;}
.pl-10{ padding-left:10px;}
.padding-none{ padding:0!important;}
.padding-bottom-none{ padding-bottom:0!important;}
.line-height-1{ line-height:1!important;}
.clear{ clear:both;}
.clearfix{zoom:1;}
.clearfix:after{content:'.';display:block;visibility:hidden;clear:both;height:0px; overflow:hidden;}
.layout{ /*max-width:1180px; _width:1180px;*/ width: 1210px; clear:both; margin:0 auto; text-align:left; position:relative}
.inside-contanier-l-wrap{ width:880px; overflow:hidden; padding:20px 0 20px 20px; float:left; position:relative;}
.inside-contanier-ll-wrap{ width:1180px !important;}
.inside-contanier-r-wrap{ width: 100%; overflow:hidden; background-color:#eeeeee;  border:1px solid #dbdbdb; margin-bottom:20px;}
.inside-right{width:280px; overflow:hidden; background-color:#fff; float:right;}
.opcity50{ opacity:0.5;?filter:"alpha(opacity=50)";?filter:alpha(opacity=50);?-moz-opacity:0.5; -webkit-opacity:0.5;?}
.apl-tips { text-align:center; font-size:14px; font-weight:bold; margin-bottom:20px;}
.btn-animate{ -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; transition:all 0.3s ease-in;}
.btn-animate:hover{background-color:#DD3350;}
.blue-btn-animate{ -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; transition:all 0.3s ease-in;}
.blue-btn-animate:hover{background-color:#00add8; color:#fff;}
.yellow-btn{ display:inline-block; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; background-color: #b4263e; color:#fff; font-size:14px; font-weight:700; text-align:center;border: 0;}
.blue-btn{ display:inline-block; padding:7px 0; white-space:nowrap; background-color:#00ccff; color:#fff; font-size:14px; font-weight:700; text-align:center;}
.yellow-btn-light{display:inline-block; height:30px; line-height:30px; white-space:nowrap; background-color:#ff8453; color:#fff; font-size:14px; font-weight:700; text-align:center;}
a:hover.yellow-btn{ color:#fff; background-color:#DD3350;}
a:hover.yellow-btn-light{ color:#fff; background-color:#fa4c06;}
.add-btn{ background-color:#f0c6af; padding:5px 10px; color:#fa4c06; font-family:"sim sun"}
.add-btn:hover{ background-color:#f0bca0;}
.yellow-sub-btn{ display:inline-block; zoom:1; text-align:center; min-width:60px; _width:60px; height:28px; line-height:28px; background-color:#f6efe9; color:#fa4c07; border:1px solid #f0c6af; font-family:"sim sun"; font-size:12px;}
.yellow-sub-btn:hover{ background-color:#DD3350;}
.container-minheight{ min-height:400px; position:relative;}
.des-input,.modify-input{ border:none; background:transparent; color:#999; vertical-align:middle; left:0; position:relative;}
.choose-down{ color:#fa4c06; display:inline-block; width:15px; height:10px; font-family:Geneva, sans-serif; font-size:16px; vertical-align:middle; background:url(images/icon.png) no-repeat 0 -113px;}
.input-auto{ width:auto!important;}
.yellow-star{ color:#fa4c06;}
.yellow-color{ color:#fa4c06!important;}
.border-none{ border:0!important;}
.separate-line{ display:block; clear:both; height:1px; overflow:hidden; color:#dbdbdb; background-color:#dbdbdb;}
.us-de-h2{ height:30px; line-height:30px; padding-right:40px; font-size:16px; padding-left:10px; background:url(images/de.png) no-repeat center right; color:#fff; display:inline-block;}
.al-tab-h2{ font-size:24px; color:#fa4c06; text-align:center; padding:55px 0;}
.title-h2{ font-size:24px; color:#fa4c06; text-align:center; padding:50px 0;}
.des-intro-clum-dl dd .des-i-s,.des-i-s{ display:inline-block; height:21px; line-height:21px; text-indent:10px; min-width:98px; color:#fff; background:url(images/da.png) no-repeat center right; vertical-align:middle;}
.des-t-c{ display:block; height:29px; line-height:29px; padding-left:10px;min-width:98px; *min-width:58px; _width:58px; display:inline; padding-right:30px; color:#fff; background:url(images/dc.png) no-repeat center right; vertical-align:middle;}
.adre-cion{ display:block; width:18px; height:22px; background-position:0 -20px;}
.v-alin-center{ vertical-align:middle;}
.email-icon{ display:inline-block; width:14px; height:13px; background:url(images/email.jpg) no-repeat; overflow:hidden; vertical-align:middle; margin:0 5px;}
.email-up{ display:inline-block; width:14px; height:13px; background:url(images/email-up.jpg) no-repeat!important; overflow:hidden; vertical-align:middle; margin:0 5px;}
.mes-delate-btn{ display:inline-block; zoom:1; width:20px; height:20px; background:url(images/mes-delate-arrow.jpg) no-repeat; overflow:hidden; vertical-align:middle;}


/*tab UI*/
.demo-TabBody{ display:none;}
.tab-cl-wrap{clear:both; width:100%; margin-top:10px;}
.tab-title{ height:80px; clear:both; width:102%;}
.tab-title li{ width:280px; height:80px; background-color:#f0c6af; text-align:center; font-size:16px; font-weight:700; float:left; color:#fff; margin:0 19px 0 0; cursor:pointer;}
.tab-title li a{ display:block; width:100%; height:80px; color:#fff;}
.tab-title .t-active,.tab-title .choose{ background-color:#DD3350!important;}
.tab-title li h3{ font-size:24px; margin-top:5px;}

/*????????????????? UI*/
.style-list { width:878px; /*height:162px; */border:1px solid #dbdbdb;}
.style-list .slist-1 { position:relative;height:40px; line-height:40px; border-bottom:1px dashed#dbdbdb;width: 100%;}
.style-list .slist-1 ul li { float:left; padding: 0 8px; cursor:pointer; height:24px; line-height:24px; position:relative; top:12px; margin-left:15px;}
.style-list .slist-1 ul li.title{ padding: 0 5px !important;}
.style-list .slist-1 ul{position: relative;}
.style-list .slist-1 ul li:hover { background:#f6efe9; color:#fa4c06;}
.style-list .slist-1 ul li.touch { background:#f6efe9; color:#fa4c06;}
.style-list .slist-1 ul li.icon { width:23px; height:22px; margin-left:13px; position:relative; top:10px;} 
.style-list .slist-1 ul li.title {width:85px!important;height:22px!important;display:inline-block;color:#666; font-weight:bold;}
.style-list .slist-1 ul li.icon:hover { background:#fff;}
.style-list .slist-1 ul li.title:hover { color:#666; font-weight:bold; background:#fff;}
.style-list .noborder { border-bottom:none;}
.style-list .nb2 a { color:#999999; }
.style-list .nb2 ul li { padding: 0 5px; }

/*??????*/
.ui-search{ clear:both; text-align:center; padding:0 0 10px 0;}
.ui-search .ui-search-input {border:1px solid #dbdbdb; color:#999; width:450px; text-indent:5px; height:30px; *height:28px; line-height:30px; vertical-align:middle; font-family:"sim sun";}
.ui-search a{ vertical-align:middle; height:30px; line-height:30px;}

/*???01*/
.nex-page{ clear:both; padding:30px 0;}
.nex-page a{ display:inline-block; padding:6px 12px; font-size:14px;}
.nex-page .page-active,.nex-page a:hover{ background-color:#fa4c06!important; color:#fff;}
.nex-page .gray-bg{ background-color:#dbdbdb;}

/*???02 */
.page { margin:15px 0;}
.page ul li { float:left; width:28px; height:28px; border:1px solid #dbdbdb; line-height:28px; text-align:center; margin:0 5px 0 0; cursor:pointer; color:#666;}
.page ul li.liorange { background:#fa4c06; color:#fff;}
.page ul li.end { border:1px solid #e6c7a5; background:#f6efe9;}
.page ul li:hover { background:#fa4c06; color:#fff;}
.page ul li.last { width:63px;}
.page ul li.next { width:63px;}

/*???????????*/
.tuiguang{ clear:both; height:60px;}
.tuiguang h2{ font-size:16px; padding-bottom:5px;}
.tuiguang .tg-input-c{ clear:both;}
.tuiguang .tg-input-c .link-url{ height:30px; overflow:hidden; width:200px; line-height:30px; padding-left:10px; border:1px solid #dedede; display:block; float:left;}
.tuiguang .tg-input-c .copy-link-btn{ display:block; height:30px; text-align:center; line-height:30px; font-size:16px; width:80px; background-color:#fa4c07; color:#fff; float:left;}
.tuiguang .tg-input-c .copy-link-btn:hover{ background-color:#cd9967;}

/*?????????????*/
.web-step{ background-color:#f5f5f5; padding:8px 10px; margin:20px 0; font-family:"sim sun"}

/*????????????*/
.line-btn{ height:40px;  border-bottom:3px solid #dcdcdc; margin:15px 0; position:relative;}
.line-btn .yellow-up-btn,.yellow-up-btn{ height:30px; width:140px; text-align:center; line-height:30px; color:#ea4d16; font-family:"sim sun"; background:#f7eeef; border:1px solid #d6cdc6; display:block; float:left; font-size:12px!important;}
.line-btn .yellow-up-btn:hover,.yellow-up-btn:hover{ background-color:#fd8551; color:#fff!important;}
.line-btn .line-intro{ float:left; font-size:14px; padding-left:10px; line-height:2;}
.line-btn .list-more{ float:right; font-size:14px; line-height:2;}


/*jq???????select*/
.select-jq{}
.select-jq li{ position:relative;}
.select-down-list{ background-color:#ff8453; position:absolute; z-index:999999; height:200px; overflow-y:auto; display:none;}
.select-down-list span{ display:block; height:25px; color:#fff; line-height:25px; padding-left:10px; clear:both;}
.select-down-list span:hover{ background-color:#000;}
.select-more{ display:inline-block;}
.select-min-height{ height:100px;}


/*?????????css*/
.inside-contanier-r-wrap .apl-yy{ padding:30px 20px 10px 20px; text-align:center; font-size:24px; font-weight:400;}
.inside-contanier-r-wrap .apl-ul{ padding:10px 20px 10px 20px; clear:both; font-family:"sim sun";}
.inside-contanier-r-wrap .apl-ul li{ height:40px;}
.inside-contanier-r-wrap .apl-ul li .modify-input{ width: 99%; height:30px; line-height:30px; text-indent:10px; border:1px solid #dedede;}

.inside-right .apply-guanjia { width:280px; overflow:hidden; float:right; border:1px solid #dbdbdb; margin-bottom:20px;}
.inside-right .apl-yy{ padding:30px 20px 10px 20px; text-align:center; font-size:24px; font-weight:400;}
.inside-right .apl-ul{ padding:10px 20px 10px 20px; clear:both; font-family:"sim sun";}
.inside-right .apl-ul li{ height:40px;}
.inside-right .apl-ul li .modify-input{ width:100%; height:30px; line-height:30px; text-indent:10px; border:1px solid #dedede;}
.video-right { width:283px; float:right; }
.r-list { margin-top:20px;}
.r-list .list-title { width:100%; height:36px; line-height:36px; background:#DD3350; color:#fff; padding-left:20px; margin-bottom:1px;}
.r-list .scroll-list { border:1px solid #dbdbdb; padding:10px 0 10px 20px;text-overflow: ellipsis;white-space: nowrap; overflow:hidden}
.r-list .scroll-list ul li { line-height:30px; width:249px; overflow:hidden}
.r-list .scroll-list ul li a { color:#666;}
.r-list .scroll-list ul li a:hover { color:#fa4c06;}
.focus { }
.focus .list-title { width:100%; height:36px; line-height:36px; background:#DD3350; color:#fff; padding-left:20px; margin-bottom:1px;}
.focus .focus-link a { margin-top:10px; display:block;}
.focus .focus-link a img { width:100%;}

/*????????*/
.return-false{ background-color:#e1e1e1!important; color:#666!important; cursor:not-allowed; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.9;}
.return-false:hover{ color:#ccc!important;}
.code-btn{ height:35px; width:140px; line-height:35px; text-align:center; font-size:14px; color:#000; background-color:#bfbfbf; display:inline-block; zoom:1; position:relative;}
.code-btn:hover{ background-color:#fa4c07; color:#fff;}
.code-container{ font-size:12px;}
.code-container .code-time{ font-size:16px; color:red; padding-right:5px;}

/*??????*/
.poup-mark{ display:none; width:100%; height:100%; z-index:2222; position:fixed; top:0; left:0; background:#bebebe\9; background:rgba(0,0,0,0.7);}
.poup-content{ background-color:#fff; position:fixed; z-index:2223; overflow:hidden;display:none;}
.dailog-c{ width:960px; height:550px; border:15px solid #DD3350; position:relative;}
.close-dailog{ display:block; width:16px; height:16px; background: url(images/close-poup.png) no-repeat; position:absolute; top:5px; right:5px; cursor:pointer; text-decoration:underline; z-index:99999;}
/*?????? end*/

/***********************????????css***********************/

/*?????????????*/
#designer-banner-poup { width:900px; margin:20px auto 0 auto; position:relative; height:470px; padding:0 20px; overflow:hidden; display:none;}
#designer-banner-poup .slide_screen .list .li1 .window .piece ul{ height:450px; width:900px}
#designer-banner-poup .slide_screen .list .li1 .window .piece ul li{ border:none;}
#designer-banner-poup .slide_screen .list .li1{ width:900px; height:430px; position:relative; overflow:hidden;}
#designer-banner-poup .slide_screen .list  .li1 .des-p-l{ width:900px; height:430px; position:relative;}
#designer-banner-poup .slide_screen .list  .li1 .des-p-l .piece{ width:900px; height:430px; position:absolute; left:0; top:0; display:none; text-align:left;}
#designer-banner-poup .slide_screen .list  .li1 .des-p-l .piece ul li{ width:240px; height:410px; position:relative; float:left; margin:0 22px;}
#designer-banner-poup .slide_screen .list  .li1 .des-p-l .piece ul li a { width:240px; height:240px; border:1px solid #dbdbdb; display:block;}
#designer-banner-poup .slide_screen .list  .li1 .des-p-l .piece ul li img { width:238px; height:238px;}
#designer-banner-poup .slide_screen .list  .li1 .des-p-l .piece ul li .pingjia { width:240px; position:relative; height:10px; text-align:left; margin-bottom:25px;}
#designer-banner-poup .slide_screen .list  .li1 .des-p-l .piece ul li .pingjia ul { width:50px; height:10px; float:left; position:relative; top:4px; margin-right:20px;}
#designer-banner-poup .slide_screen .list  .li1 .des-p-l .piece ul li .pingjia ul li { width:10px; height:10px; float:left; margin:0;}
#designer-banner-poup .slide_screen .list  .li1 .des-p-l .piece ul li .pingjia ul li.yes { background:url(images/yes.png) no-repeat;}
#designer-banner-poup .slide_screen .list  .li1 .des-p-l .piece ul li .pingjia ul li.no { background:url(images/no.png) no-repeat;}
#designer-banner-poup .slide_screen .list  .li1 .des-p-l .piece ul li .pingjia span { width:60px; float:left; color:#666;}
#designer-banner-poup .slide_screen .list  .li1 .des-p-l .piece ul li .pingjia span.focus { width:50px;}
#designer-banner-poup .slide_screen .list  .li1 .des-p-l .piece .d-intro h3 { font-size:16px; color:#333; height:50px; line-height:50px;}
#designer-banner-poup .slide_screen .list  .li1 .des-p-l .piece .d-intro p { color:#333;}
.i-ctrl-poup .ctrl-next-arrow, .i-ctrl-poup .ctrl-prev-arrow {position: absolute;display: block;width: 20px;height: 40px;transition: opacity .2s linear 0s;text-align: center;}
.i-ctrl-poup {width: 900px;left: 10px;top: 125px;position: absolute;z-index: 2;display: --none;}
.i-ctrl-poup .ctrl-next-arrow { right:10px; background:url(images/rbtn.png) no-repeat;}
.i-ctrl-poup .ctrl-prev-arrow { left:-10px; background:url(images/lbtn.png) no-repeat;}
#designer-banner-poup .des-list-btn-control{ height:35px; margin-top:20px;}
#designer-banner-poup .des-list-btn-control a{ height:35px!important;}
.cxss{ text-align:left; padding:0 0 15px 0; font-size:16px; font-weight:700;}


/*?????????????*/
.enter-title{ font-size:24px; font-weight:700; padding:20px 0;}
.enter-house-form{width:600px; height:380px; overflow:hidden; margin:20px auto;}
.enter-house-form .designer-cl-r { width:580px; height:380px; overflow:hidden; color:#fff; position:relative; top:20px; font-family:"sim sun";}
.enter-house-form .designer-cl-r .des-ms{ font-size:18px; font-weight:700; padding:25px 40px; font-family:"Microsoft YaHei";}
.enter-house-form .designer-cl-r .des-input-list{ padding:0 0 0 40px; width:105%;}
.enter-house-form .designer-cl-r .des-input-list .des-input{ width:160px; *width:155px; height:28px; line-height:28px; padding-left:5px; background-color:#fff; border:1px solid #dedede;}
.enter-house-form .designer-cl-r .des-input-list .choose-down{ position:absolute; top:10px; right:10px;}
.enter-house-form .designer-cl-r .des-input-list li{ height:28px; width:160px; float:left; margin-right:10px; margin-bottom:10px; position:relative;}
.enter-house-form .designer-cl-r .des-xf{ height:40px; line-height:40px; padding:0 0 0 40px; clear:both; }
.enter-house-form .designer-cl-r .des-xf .c-nt{ margin-left:5px;}
.enter-house-form .designer-cl-r .des-textarea{ background:#fff; color:#999; width:500px; height:110px; margin:0 0 0 0; resize:none; border:1px solid #dedede;}
.enter-house-form .designer-cl-r .des-btn-c{ clear:both; padding:18px 40px 10px 40px;}
.enter-house-form .designer-cl-r .des-btn-c a{ width:240px; *width:180px;}