@charset "UTF-8";
.main1{ position: relative; margin: 0 auto; max-width: 640px;z-index:9}
.main{min-height:0;}
.space8{height:8px;line-height:8px;background:#f8f8f8;background-color:var(--bg-gray);}
.mBox{margin-bottom:9px;}

/*tab标签*/
.mTab{margin: 0 auto;font-size:13px;}
.mTab .flexbox{ width:100%; padding:1px; border:1px solid #f66; border-radius:15px; }
.mTab a{text-align:center;width: 50px; height:25px; line-height:25px; color:#f66;}
.mTab a.active{ background-color:#f66; color: #fff;color:var(--white);}
.mTab a:first-child{border-radius:15px 0 0 15px;}
.mTab a:last-child{border-radius:0 15px 15px 0;}

.mTab2{margin:-20px auto 0;font-size:16px;padding:0 15%;}
.mTab2 .flexbox{ width:100%;}
.mTab2 a{position:relative;text-align:center;width: 50px;line-height:26px;font-size:16px; color:#222222;padding:12px 0;}
.mTab2 a.active{font-size:18px;font-weight:bold; }
.mTab2 a.active::before{content:'';position:absolute;left:50%;bottom:0;margin-left:-10px;width:20px;height:3px;background:#F84440;}

/* 蓝色跳转箭头 */
.blue-arr-rt,.blue-arr-rt2,.blue-arr-rt3{ position: relative; padding-right: 12px!important;color:#7fb8ff!important;font-size:13px;}
.blue-arr-rt:after,.blue-arr-rt2:after,.blue-arr-rt3:after{ position: absolute; content: '';right:0;top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url(../images/arr_blue.png) center center no-repeat; background-size: 5px auto;}
.blue-arr-rt2{color:#4080d1!important;font-size:12px;}
.blue-arr-rt2:after{background: url(../images/arr_blue2.png) center center no-repeat; background-size: 5px auto;}
.blue-arr-rt3{color:#819bbb!important;font-size:12px;padding-right:9px!important;}
.blue-arr-rt3:after{background: url(../images/arr_blue4.png) center center no-repeat; background-size: 5px auto;}

/*输入列表*/
.jsqBox{padding-bottom:20px;padding-top:5px;}
.jsq-list li{position:relative;width: 100%; font-size: 15px;overflow:hidden;padding:8px 20px 8px 0;}
.jsq-list li:before{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#eee;-webkit-transform:scaleY(.5);transform:scaleY(.5);background-color:var(--border-gray-000)}
.jsq-list li > div{display:table-cell;width:100%;}
.jsq-list li > div.jsjg{ padding-right:14px;}
.jsq-list li > div:first-child{width:96px;min-width:96px;max-width:96px;line-height:37px;padding:0 0 0 20px;color:#83868f;}
.jsq-list li > div.w110{min-width:120px;max-width:120px;}/*海外2016-5-19*/
.jsq-list li > div.w150{min-width:160px;max-width:160px;}/*海外2016-5-19*/
.jsq-list li > div.w170{min-width:180px;max-width:180px;}/*海外2016-5-19*/
.jsq-list li > div:first-child i{margin:0 1em;}
.jsq-list li > div:first-child em{margin-right:.5em;}
.jsq-list li > div.width2{idth:116px;min-width:116px;max-width:116px;}
.jsq-list li > div:last-child{color:#0c0d0e;padding-left:10px;color:var(--gray-0);}
.jsq-list li > div:last-child span{-moz-box-flex: 0; -webkit-box-flex: 0; box-flex: 0; line-height: 37px; }
.jsq-list .ipt-text{width:100%;height:37px;font-size: 15px; border:none;background:none;overflow:hidden;color:#0c0d0e!important;outline:none;color:var(--gray-0)!important;}
.jsq-list ::-webkit-input-placeholder {color:#b3b6be;line-height:16px;color:var(--gray-b);}
.jsq-list .ipt-text:disabled{color:#0c0d0e!important;color:var(--gray-0)!important;}
.jsq-btn{margin:0 20px;margin-top:20px;text-align:center;}
.jsq-btn input{display:block;width:100%;height:45px;line-height:45px;background:#F84440;color:#ffffff;font-size:17px;border:none;border-radius:4px;outline:none;}
.jsq-list.zhd li > div:first-child{width:170px;min-width:170px;max-width:170px;}
.jsq-list.ll li > div:first-child{width:110px;min-width:110px;max-width:110px;}
.jsq-list.wl30 li > div:first-child{width:130px;min-width:130px;max-width:130px;}
.jsq-list li > div .btn{width:60px;height:23px;line-height:22px;border:1px solid #ff6666;font-size:14px;color:#ff6666;text-align:center;border-radius:2px;margin-top:10px;margin-left:40px;-moz-box-flex: 0; -webkit-box-flex: 0; box-flex: 0; }
.jsq-list .newbg{background:#F7F7F7;margin-right:20px;padding:0 10px;margin-left:-10px;}
/*选择列表*/
.c-list .list-t{font-size:12px;color:#83868f;line-height:32px;background:#fafafa;padding:0 20px;background-color:var(--box-gray-601);}
.c-list li{position:relative;font-size:14px;color:#0c0d0e;line-height:44px;padding:0 20px;color:var(--gray-0);}
.c-list li:before{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#eee;-webkit-transform:scaleY(.5);transform:scaleY(.5);background-color:var(--border-gray-000)}
.c-list li.on:after{content:'';position:absolute;width:17px;height:12px;right:14px;top:50%;margin-top:-6px;background:url(/static/modular/house/image/ture.png) no-repeat;background-size:17px auto;}

/*贷款*/
.txd-m{font-size:12px;color:#83868f;padding:0 20px;line-height:40px;}
.txd-m span{padding-left:24px;background:url(../images/message_icon.png) no-repeat;background-size:14px auto;}
.txd-m a{color:#ff6666;}

/*结果*/
.resultBox{padding:20px;}
.result-t{width: 400px;margin:0 auto;}
.result-t p{color:#b3b6be;font-size:14px;line-height:24px;margin-top:12px;padding:0 14px;color:var(--gray-b-2);}
.result-t h2{text-align:center;font-size:14px;color:#83868f;}
.result-t2 p{color:#696969;font-size:11px;line-height:16px;margin-top:15px;text-align:center;}
.cirqueBox{padding:20px 0;}
.cirqueBox > a{}
.cirqueBox .arr-rt:after{width:8px;height:15px;background:url(/static/modular/house/image/big_jt.png) no-repeat;background-size:8px auto;margin-top:-7px;}
.cirque{position:relative;width:140px;height:140px;margin:0 auto;}
.cirque .intro{position:absolute;width:70px;height:70px;top:50%;left:50%;margin:-35px  0 0 153px;text-align:center;}
.cirque .intro span{display:block;color:#83868f;font-size:16px;line-height:22px;}
.cirque .intro span:first-child{padding-top:12px;}
.cirque .intro p{font-size:14px;color:#b3b6be;line-height:70px;}
.resultList {overflow:hidden;}
.resultList dl{overflow:hidden;font-size:15px;color:#b3b6be;line-height:29px;height:29px;color:var(--gray-b-2);}

.resultList dt,.resultList dd{float:left;width:50%;}
.resultList dt i{margin:0 1em;}
.resultList dd{padding-left:80px;}

.resultList dd span{color:#0c0d0e;padding-right:20px;color:var(--gray-0);}
.resultList dt span{position:relative;}
.resultList dt span:before{content:'';position:absolute;width:6px;height:6px;border-radius:50%;top:50%;margin-top:-3px;left:-18px;}
.resultList dt.blue-i span:before{background:#00b6f1;}
.resultList dt.yellow-i span:before{background:#ffd974;}
.resultList dt.pink-i span:before{background:#ff6ca0;}
.resultList dt.org-i span:before{background:#ffa585;}
.resultList dt.green-i span:before{background:#bae796;}
.resultList dt.pink-r-i span:before{background:#ff7c7c;}
.resultList dt.red-i span:before{background:#f66;}

.sjq-t{padding:20px 0;}
.sjq-t .mTab{width:200px;margin:0 auto;}

/*评测*/
.cpNav{position:relative;width:245px;height:35px;border-radius:18px;margin:30px auto 23px;}
.cpNavCon{overflow:hidden}
.cpNavCon div{float:left;width:50%;height:35px;line-height:35px;font-size:15px;}
.cpNavCon .myYc{background:#F84440;border-radius:18px 0 0 18px;padding-left:35px;color:#fff;}
.cpNavCon .nowYc{background:#F1F1F1;border-radius:0 18px 18px 0;padding-right:35px;text-align:right;color:#222222;}
.cpNav .icon{position:absolute;left:50%;top:0;margin-left:-17px;width:35px;height:35px;line-height:35px;text-align:center;font-size:19px;color:#F84440;font-weight:bold;background:#fff;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.1);border-radius:50%;}

.resultList .myYc{float:left;width:50%;text-align:right;padding:0 17px;}
.resultList .nowYc{float:left;width:50%;text-align:left;padding:0 17px;}
.resultList .item{margin-bottom:10px;}
.resultList .item .t{font-size:12px;color:#999999;line-height:17px;}
.resultList .item .c{font-size:16px;color:#222222;line-height:22px;font-weight:bold;margin-top:2px;}
.resultList .nowYc .c{color:#696969;}
.resultInt{text-align:center;font-size:12px;line-height:17px;color:#C5C5C5;margin-top:10px;}
/**/
.choseList{padding:14px 20px 0;font-size:15px;color:#0c0d0e;}
.choseList li{height:32px;line-height:32px;}
.choseList .ipt-cb{float: left; width: 14px; height: 14px; background:url(../images/ptss2.png) no-repeat; background-size: 14px auto;margin-right:10px;margin-top:9px; -webkit-appearance:none!important; appearance:none!important; outline:none;border:0px;}
.choseList .ipt-cb:checked{ background:url(../images/ptss2_on.png) no-repeat; background-size: 14px auto;}
.ipt-rd{margin-right:10px; width:20px; height:20px; background:url(/static/modular/house/image/icon-ipt.png) 0 -20px no-repeat; background-size: 40px auto;-webkit-appearance:none!important; appearance:none!important;border:0px; outline:none;vertical-align:-5px;}
.ipt-rd:checked{ background-position:-20px -20px; }
.radioBox label{display:inline-block;margin-right:16px;line-height:20px;}
.radioBox label:last-child{margin-right:0;}

/*月均还款*/
.repay-t{background:#ff6666;color:#fff;padding:9px 14px;}
.repay ul{font-size:11px;overflow:hidden;}
.repay li{float:left;min-width: 50%;line-height:27px;}
.repay li span{font-size:12px;}
.repay li span.f16{font-size:16px;}

.dataTable{width:100%;font-size:12px;color:#565c67;color:var(--gray-5);}
.dataTable th,.dataTable td{padding-left:14px;}
.dataTable th{line-height:40px;text-align:left;font-weight:bold;}
.dataTable td{line-height:40px;text-align:left;}
.dataTable tr th:last-child,.dataTable tr td:last-child{padding-right:6px;}
.dataTable tr.row td{background:#f4f4f4;line-height:25px;}

.repay-tab{width:70%;margin:0 auto;margin-bottom:5px;}
.repay-tab ul{border:1px solid #ffffff;padding:1px;border-radius:20px;}
.repay-tab li{text-align:center;line-height:25px;}
.repay-tab li:first-child{border-radius:20px 0 0 20px;}
.repay-tab li:last-child{border-radius:0 20px 20px 0;}
.repay-tab li.cur{background:#fff;color:#ff6666;}
.year-box{height:25px;}
.year-box span{display:block;background:#f8f8f8;line-height:25px;color:#565c67;padding-left:14px;font-size:12px;background-color:var(--box-gray-303);color:var(--gray-5);}

/*海外2016-5-19*/
.secTab.hw a.active span{ font-size: 15px;}

/*首套月供*/
.TAB-b{background:#f2f2f2;height:44px;}
.TAB-b a{width:50px;text-align:center;font-size:16px;}
.TAB-b a span{display:inline-block;line-height: 38px;color:#565c67;}
.TAB-b a.active span{ border-bottom: 2px solid #393d44;font-weight:600;color:#393d44;}

.ys-list{height:110px;color:#fff;font-weight:600;}
.ys-list > div{max-width:640px;background:#34383f;width:100%;}
.ys-list > div.fixed{position:fixed;top:0;width:100%;z-index:2;}
.ys-list dl{height:110px;}
.ys-list dt{position:relative;height:100%;width:110x;min-width:110px;max-width:110px;background:#40444b;padding:34px 0 0 20px;z-index:1;}
.ys-list dt:after{content:'';position:absolute;right:-85px;top:0;width:0;height:0;border-width:0 55px 110px 30px;border-color:transparent transparent transparent #40444b;border-style:solid;}
.ys-list dt h3{font-size:12px;font-weight:600;line-height:1;margin-bottom:10px;}
.ys-list dt > div{font-size:13px;white-space:nowrap;}
.ys-list dt > div span{font-size:22px;}
.ys-list dd{position:relative;width:70%;height:100%;padding:34px 2px 0 20px;z-index:2;}
.ys-list dd ul{display:table;width:100%;}
.ys-list dd li{display:table-cell;width:33%;text-align:center;}
.ys-list dd li > div{display:inline-block;text-align:left;}
.ys-list dd h3{font-size:11px;font-weight:600;color:#b3b6be;margin-bottom:9px;}
.ys-list dd h3 i{display:inline-block;width:13px;height:13px;background:url(../images/tools_que.png) no-repeat;background-size:100%;vertical-align:-2px;margin-left:10px;}
.ys-list dd span{font-size:13px;color:#cccfd8;}

.form-Tab{position:relative;padding:24px 0;}
.form-Tab:before{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#eee;-webkit-transform:scaleY(.5);transform:scaleY(.5);background-color:var(--border-gray-000);}
.form-Tab ul{width:208px;height:31px;border:1px solid #83868f;border-radius:2px;font-size:15px;text-align:center;overflow:hidden;margin:0 auto;}
.form-Tab li{height:29px;line-height:30px;background:#fff;width:50px;color:#83868f;}
.form-Tab li.cur{background:#83868f;color:#fff}

.jsq-form li{position:relative;width:100%;font-size:16px;overflow:hidden;padding-right:20px;}
.jsq-form li:before{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#eee;-webkit-transform:scaleY(.5);transform:scaleY(.5);background-color:var(--border-gray-000);}
.jsq-form li > div{display:table-cell;width:100%;vertical-align:middle;}
.jsq-form li > div:first-child{width:136px;min-width:136px;max-width:136px;line-height:56px;padding:0 0 0 20px;color:#565c67;color:var(--gray-5);}
.jsq-form li > div:last-child{color:#3c3f46;text-align:right;color:var(--gray-3);}
.jsq-form li > div:last-child.arr-rt-n{padding-right:25px;}
.jsq-form li > div:last-child > div{padding:14px 0;overflow:hidden;}
.jsq-form li > div:last-child span{-moz-box-flex: 0; -webkit-box-flex: 0; box-flex: 0; line-height: 28px;margin-left:10px;}
.jsq-form .ipt-text{width:100%;height:28px;font-size: 15px; border:none;background:#f8f8f8;overflow:hidden;color:#3c3f46!important;outline:none;text-align:center;color:var(--gray-3)!important;background-color:var(--box-gray-303)}
.jsq-form ::-webkit-input-placeholder {color:#b3b6be;line-height:16px;}
.jsq-form .ipt-text:disabled{color:#0c0d0e!important;color:var(--gray-0)!important;}
.jsq-form .ipt-text.width90{width:90px;max-width:90px;min-width:90px;}
.jsq-f-btn{margin:0 20px;margin-top:26px;text-align:center;}
.jsq-f-btn input{display:block;width:100%;height:40px;line-height:40px;background:#df3031;color:#ffffff;font-size:16px;border:none;border-radius:2px;outline:none;}
.jsq-form .que-icon{display:inline-block;width:13px;height:13px;background:url(../images/tools_que2.png) no-repeat;background-size:100% auto;margin-left:9px;vertical-align:-2px;}

.seBox{padding-bottom:30px;border-top:none;}
.mxBox{padding:35px 20px 25px;overflow:hidden;}
.mxBox dt{float:left;width:100px;padding-top:35px;}
.mxBox .cirque{width:100px;height:100px;}
.mxBox h3{font-size:14px;color:#565c67;font-weight:bold;line-height:16px;}
.mxBox .bj-link{float:right;font-weight:normal;padding:1px 0;}
.mxBox dd{margin-left:39%}
.mxBox ul{margin-top:12px;}
.mxBox li{position:relative;font-size:14px;line-height:20px;padding:7px 0;padding-left:16px;}
.mxBox li > span{color:#83868f;}
.mxBox li > p{display:inline;color:#3c3f46;}
.mxBox li:before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;left:0;top:50%;margin-top:-2px;}
.mxBox li.s1:before{background:#ff7070}
.mxBox li.s2:before{background:#ffae71}
.mxBox li.s3:before{background:#68c9bf}
.mxBox li.s4:before{background:#d17ee3}
.mxBox li.s5:before{background:#54acde}
.mxBox > p{text-align:center;font-size:10px;color:#b3b6be;margin-top:20px;}

@media screen and (max-width: 320px){
.mxBox li{font-size:13px;}
}
/*底部我要贷款*/
.mxBox + .tools-wydk{margin-top:-8px;}
.tools-wydk{padding:18px 20px 20px;}
.tools-wydk p{position:relative;font-size:14px;color:#222222;font-weight:bold;padding-left:26px;line-height:25px;color:var(--gray-2);}
.tools-wydk p:before{content:'';position:absolute;width:16px;height:14px;left:0;top:5px;background:url(../images/tools_mes.png) no-repeat;background-size:100%;}
.tools-wydk p a{display:inline-block;position:relative;padding-right:10px;margin-left:18px;color:#F84440; text-decoration:underline;}
.tools-wydk p a:before{content:'';position:absolute;width:5px;height:12px;right:0;top:50%;margin-top:-6px;background:url(../images/arr_red_n.png) no-repeat;background-size:100%;}

.tools-wydk .btn{margin-top:14px;}
.tools-wydk .btn a{display:block;width:100%;height:38px;line-height:37px;border:1px solid #df3031;background:#fff;font-size:14px;color:#df3031!important;text-align:center;border-radius:2px;background-color:var(--box-white);}
/*0312*/
.mTitle h3{float:left;font-size:16px;color:#3c3f46;line-height:1;padding:20px 0;margin-left:14px;text-overflow: ellipsis;white-space: nowrap; font-weight:bold;color:var(--gray-3);}
.houselist li{position:relative;padding:20px 0;overflow: hidden;margin: 0 14px;}
.houselist li:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:#eee;-webkit-transform:scaleY(.5);transform:scaleY(.5);background-color:var(--border-gray-000);}
.houselist li a{color: #83868f;}
.houselist li .img{ position: relative; float: left; margin-right:15px; width: 112px; height:84px;overflow: hidden;}
.houselist li .img img{ width: 100%;height: 100%;}
.houselist .info{ overflow: hidden; font-size: 12px;}
.houselist .info.pdB20{padding-bottom: 20px;}
.houselist .info h3{font-size: 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #3c3f46;line-height:18px;margin-top:-1px;color:var(--gray-3);}
.houselist .info p{color: #83868f; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 20px;}
.houselist .info p em{margin-right:10px;}
.houselist li .img .tag-icon{position:absolute;left:5px;top:5px;font-size:9px;line-height:12px;color:rgba(255,255,255,.5);text-shadow:0px 0px 2px rgba(120,120,120,.6);line-height:1}
.houselist li .img > div .tag-icon:nth-of-type(2){left:30px;}
.fadeDownMore {
    -webkit-animation: ani-fadeDownMore .5s ease forwards;
    -moz-animation: ani-fadeDownMore .5s ease forwards;
    -o-animation: ani-fadeDownMore .5s ease forwards;
    animation: ani-fadeDownMore .5s ease forwards
}

@-webkit-keyframes ani-fadeDownMore {
    0% {
        top: -80px
    }

    100% {
        top: 0
    }
}

@-moz-keyframes ani-fadeDownMore {
    0% {
        top: -80px
    }

    100% {
        top: 0
    }
}

@-o-keyframes ani-fadeDownMore {
    0% {
        top: -80px
    }

    100% {
        top: 0
    }
}

@keyframes ani-fadeDownMore {
    0% {
        top: -80px
    }

    100% {
        top: 0
    }
}
.fadeUpMore {
    -webkit-animation: ani-fadeUpMore .5s ease forwards;
    -moz-animation: ani-fadeUpMore .5s ease forwards;
    -o-animation: ani-fadeUpMore .5s ease forwards;
    animation: ani-fadeUpMore .5s ease forwards
}

@-webkit-keyframes ani-fadeUpMore {
    0% {
        top: 0
    }

    100% {
        top: -80px
    }
}

@-moz-keyframes ani-fadeUpMore {
    0% {
        top: 0
    }

    100% {
        top: -80px
    }
}

@-o-keyframes ani-fadeUpMore {
    0% {
        top: 0
    }

    100% {
        top: -80px
    }
}

@keyframes ani-fadeUpMore {
    0% {
        top: 0
    }

    100% {
        top: -80px
    }
}