.clear{clear:both;} #list3_banner{ height: 420px; width: 100%; min-width: 1200px; background:url(/uploads/image/salimages/list3_banner_bg.jpg) no-repeat center -1px; } #list3_content{ width: 100%; min-width: 1200px; height: auto; background:#fafafa no-repeat center top; position: relative; } #list3_content #top_line{ border-bottom: 1px solid #bbb; position: absolute; height: 1px; width: 100%; top: 43px; } #list3_content .inner{ width: 1200px; margin: 0 auto; padding-top: 45px; } #list3_content .inner .box{ width: 100%; height: 180px; background: #fff; margin-bottom: 4px; } #list3_content .inner .select.box{ height: 280px; border: 1px solid #eee; } #list3_content .inner .select.box .box_r{ padding-top: 16px; width: 80%; } #list3_content .inner .box:hover{ /*box-shadow: rgb(184, 184, 183) 5px 7px 10px;*/ } #list3_content .inner .box .box_l{ float: left; width: 165px; height: 100%; margin-right: 10px; font-size: 25px; color: #383838; text-align: center; } /*#list3_content .inner .select .box_l{ color: #666666; }*/ #list3_content .inner .select .box_l ul{ margin-top:65px; } #list3_content .inner .select .box_l li{ display:block; height:37px; line-height:37px; margin-bottom:10px; font-size:16px; color: #666666; } #list3_content .inner .box .box_r{ font-size: 15px; float: left; padding-top: 26px; } #list3_content .inner .select .box_r ul li span.type{ float: left; margin-right: 77px; font-size: 17px; } #list3_content .inner .select .box_r ul li{ margin-bottom: 10px; height: 37px; color: #383838; margin-right: 30px; } #list3_content #tabs{ margin-bottom: 20px; overflow: hidden; position: relative; } #list3_content #tabs:after{ content: ''; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; z-index: 2; } #list3_content #tabs ul li{ height: auto; overflow: hidden; display: block; margin: 0; float: left; position: relative; } #list3_content #tabs ul.loan_type{ padding-left: 15px; } #list3_content #tabs ul.loan_type li{ width: 106px; text-align: center; } #list3_content #tabs ul li.current{ border-bottom: 2px solid #1fc6b4; } #list3_content #tabs ul li.current:before{ content: ''; position: absolute; width: 105px; height: 1px; background: #fff; bottom: 0px; left: 0; z-index: 9; } #list3_content #tabs ul li.current a{ color: #1fc6b4; } #list3_content #tabs ul li a{ margin: 0; padding: 0; line-height: normal; float: none; font-size: 15px; font-weight: bold; display: block; padding: 10px 0px; text-align: center; } #list3_content .inner .select .box_r ul li a{ float: left; padding: 0 18px; font-size: 14px; line-height: 37px; text-decoration: none; color: #383838; margin-right: 52px; cursor: pointer; width: auto; text-align: center; } #list3_content .inner .select .box_r ul li.li0 a,#list3_content .inner .select .box_r ul li.li1 a, #list3_content .inner .select .box_r ul li.li2 a, #list3_content .inner .select .box_r ul li.li3 a{ width: 75px; margin: 0 5px; } #list3_content .inner .select .box_r ul li a:hover{ color: #1fc6b4; } #list3_content .inner .select .box_r ul li a.cur{ background: #1fc6b4; color: #fff; } #list3_content .inner .duoduobiao{ height: 170px; width: 1199px; border-left: 1px solid #d6d6d6; margin-bottom: 4px; } #list3_content .inner .box .box_l .zi{ display: block; margin-bottom: 16px; padding-top: 50px; font-weight: bold; color: #fff; font-size: 22px; } /* 列表如果是多多标 */ #list3_content .inner .box .duoduo{ background: #f65d00; background: url(/uploads/image/salimages/duoduo_bg.jpg) no-repeat transparent; } #list3_content .inner .box .duoduo .zi{ padding-top: 25px; } /* 列表默认是房产logo */ #list3_content .inner .box .fangchan{ background: #2ec5b4; } #list3_content .inner .box .fangchan .tu{ margin: 0 auto; display: block; width: 45px; height: 45px; background: url(/uploads/image/salimages/fangwu_bg.png) no-repeat transparent; } /* 如果是企业借款*/ #list3_content .inner .box .qiye{ background: #2ec5b4; } #list3_content .inner .box .qiye .tu{ margin: 0 auto; display: block; width: 45px; height: 45px; background: url(/uploads/image/salimages/home_bg.png) no-repeat transparent; } /* 如果是金交所借款*/ #list3_content .inner .box .jjs{ background: #2ec5b4; } #list3_content .inner .box .jjs .tu{ margin: 0 auto; display: block; width: 45px; height: 45px; background: url(/uploads/image/salimages/jjs_bg.png) no-repeat transparent; } /* 如果是农行logo */ #list3_content .inner .box .nonghang{ background: #ebf7f2; } #list3_content .inner .box .nonghang .tu{ margin: -20px auto; display: block; width: 92px; height: 81px; background: url(/uploads/image/salimages/home_bg.png) no-repeat transparent; } /* 如果是汽车抵押贷款*/ #list3_content .inner .box .qiche{ background: #2ec5b4; } #list3_content .inner .box .qiche .tu{ margin: 0 auto; display: block; width: 48px; height: 34px; background: url(/uploads/image/salimages/qiche_bg.png) no-repeat transparent; } /* 如果是供应链金融*/ #list3_content .inner .box .gongyinglian{ background: #2ec5b4; } #list3_content .inner .box .gongyinglian .tu{ margin: 0 auto; display: block; width: 50px; height: 50px; background: url(/uploads/image/salimages/gongyinglian_bg.png) no-repeat transparent; } /* 如果是保理标*/ #list3_content .inner .box .baoli{ background: #2ec5b4; } #list3_content .inner .box .baoli .tu{ margin: 0 auto; display: block; width: 52px; height: 47px; background: url(/uploads/image/salimages/baoli_bg.png) no-repeat transparent; } /* 如果是担保贷款多多易*/ #list3_content .inner .box .duoduoyi{ background: #2ec5b4; } #list3_content .inner .box .duoduoyi .tu{ margin: 0 auto; display: block; width: 36px; height: 42px; background: url(/uploads/image/salimages/duoduoyi_bg.png) no-repeat transparent; } #list3_content .inner .box .box_r .box_r_left{ float: left; color: #383838; width: 802px; margin-right: 40px; } #list3_content .inner .box .box_r .box_r_left .top_title{ height: 30px; width: 802px; border-bottom: 1px #e9e9e9 solid; margin-bottom: 16px; } #list3_content .inner .box .box_r .box_r_left .top_title .top_title_inner{ /*width: 650px;*/ height: 25px; overflow: hidden; } #list3_content .inner .box .box_r .box_r_left .top_title .top_title_inner .labeling { display: inline-block; vertical-align: sub; max-width: 630px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #list3_content .inner .box .box_r .box_r_left .top_title .top_title_inner .loan_cate_detail_icon{ display:inline-block; width: 23px; height: 23px; line-height: 23px; text-align: center; border: 1px solid #36ae91; border-radius: 5px; color: #36ae91; font-family: "microsoft yahei", "微软雅黑"; font-weight: bolder; margin-right: 10px; margin-left: 0px; font-size: 13px; } /* 多多标分类标识 */ #list3_content .inner .duoduo_box .box_r .box_r_left .top_title .top_title_inner .loan_cate_detail_icon{ display:inline-block; width: 23px; height: 23px; line-height: 23px; text-align: center; border: 1px solid #f65d00; border-radius: 5px; color: #f65d00; font-family: "microsoft yahei", "微软雅黑"; font-weight: bolder; margin-right: 10px; margin-left: 0px; font-size: 13px; } #list3_content .inner .box .box_r .box_r_left .top_title .top_title_inner a{ text-decoration: none; color:#3b3b3b; } #list3_content .inner .box .box_r .box_r_left .top_title .top_title_inner a:hover{ color: #1fc6b4; } /* 多多标标题颜色 */ #list3_content .inner .duoduo_box .box_r .box_r_left .top_title .top_title_inner a{ color:#f65d00; } #list3_content .inner .duoduo_box .box_r .box_r_left .top_title .top_title_inner a:hover{ color: #f65d00; } #list3_content .inner .box .box_r .box_r_left ul{ height: 18px; margin-bottom: 39px; } #list3_content .inner .box .box_r .box_r_left ul li{ float: left; margin-right: 15px; } #list3_content .inner .box .box_r .box_r_left ul li span.magrin_l{ margin-right: 10px; } #list3_content .inner .box .box_r .box_r_left ul li span.magrin_r{ font-size: 18px; color: #f16236; } #list3_content .inner .box .box_r .box_r_left ul li span.magrin_r span.activity_rate{ font-size:14px;font-weight: 600; color:#e8594a; display: inline-block; border: 1px solid #e8594a; border-radius: 5px; padding: 2px 2px; background: #fff6f5 } #list3_content .inner .box .box_r .box_r_left ul li span.lockdays{ margin-right: 10px; height: 25px; line-height: 25px; text-align: center; border-radius: 3px; border:1px solid #2ec5b4; padding: 2px 10px; background: #f6fffe; font-size: 13px; font-weight: bolder; color: #2ec5b4; } /* 多多标可债转天数 */ #list3_content .inner .duoduo_box .box_r .box_r_left ul li span.lockdays{ margin-right: 10px; height: 25px; line-height: 25px; text-align: center; border-radius: 3px; border:1px solid #f65d00; padding: 2px 10px; background: #f6fffe; font-size: 13px; font-weight: bolder; color: #f65d00; } #list3_content .inner .box .box_r .box_r_left .bot_jindu .jindu_tiao{ width: 667px; height: 15px; background: url(/uploads/image/salimages/jindutiao_bg1.png) repeat-x; float: left; margin:5px 48px 0 0; } #list3_content .inner .box .box_r .box_r_left .bot_jindu .jindu_tiao .yiwan_jindu{ height: 15px; background: url(/uploads/image/salimages/yiwan_jindu_bg.png) repeat-x; } /* 多多标进度 */ #list3_content .inner .duoduo_box .box_r .box_r_left .bot_jindu .jindu_tiao .yiwan_jindu{ height: 15px; background: url(/uploads/image/salimages/duoduo_jindu_bg.png) repeat-x; } #list3_content .inner .box .box_r .box_r_left .bot_jindu .jindu_tiao .yiwan_jindu{ width: 321px; -webkit-animation:bian 1s linear 0s forwards; } @-webkit-keyframes bian{ from{ width: 0; } to{ -webkit-transform:none; } } #list3_content .inner .box .box_r .box_r_left .bot_jindu .jindu_num{ float: left; font-size: 20px; color: #383838; } /* 多多标进度数字颜色 */ #list3_content .inner .duoduo_box .box_r .box_r_left .bot_jindu .jindu_num{ float: left; font-size: 20px; color: #f65d00; } #list3_content .inner .box .box_r .box_r_right{ float: left; } #list3_content .inner .box .box_r .box_r_right h3{ font-size: 28px; margin-bottom: 30px; } #list3_content .inner .box .box_r .box_r_right a.toubiao_but{ display: block; width: 123px; height: 53px; background: #1fc6b4; color: #fff; text-align: center; line-height: 53px; font-size: 20px; cursor: pointer; } #list3_content .inner .box .box_r .box_r_right a.toubiao_but:hover{ background:#30b6a5; transition:0.4s all ease; } /* 多多标按钮颜色 */ #list3_content .inner .duoduo_box .box_r .box_r_right a.toubiao_but{ display: block; width: 123px; height: 53px; background: #f65d00; color: #fff; text-align: center; line-height: 53px; font-size: 20px; cursor: pointer; } #list3_content .inner .duoduo_box .box_r .box_r_right a.toubiao_but:hover{ background:#d85200; transition:0.4s all ease; } #list3_content .inner .total_biao{ width: 100%; height: 130px; background: #fff; margin-bottom: 4px; font-size: 15px; } #list3_content .inner .box .box_r .box_r_right a.full{ background: #bbbbbb; } #list3_content .inner .box .box_r .box_r_right a.full:hover{ background: #bbbbbb; } #list3_content .inner .total_biao{ width: 100%; height: 130px; background: #fff; margin: 0 0 4px 0; font-size: 15px; } #list3_content .inner .total_biao .total_biao_inner{ padding-top: 28px; padding-left: 22px; } #list3_content .inner .total_biao .total_biao_inner .total_biao_l{ float: left; width: 252px; height: 71px; border-right: 1px solid #c5c5c5; margin-right: 24px; } #list3_content .inner .total_biao .total_biao_inner .total_biao_l p.p_top{ margin-bottom: 20px; } #list3_content .inner .total_biao .total_biao_inner .total_biao_l p .span1{ font-size: 20px; margin-right: 10px; } #list3_content .inner .total_biao .total_biao_inner .total_biao_l p .span3{ font-size: 20px; margin-right: 20px; } #list3_content .inner .total_biao .total_biao_inner .total_biao_l p .span4{ font-size: 20px; color: #1fc6b4; } #list3_content .inner .total_biao .total_biao_inner .total_biao_r{ float: left; width: 675px; height: 82px; } #list3_content .inner .page{ width: 100%; height: 732px; margin-bottom:73px; } .biao_move{ width: 681px; height: 82px; } .biao_move .m_left{ float: left; width: 46px; height: 82px; position: relative; } .biao_move .m_left .but_l{ position: absolute; top: 31px; left: 0; width: 10px; height: 17px; cursor: pointer; display: block; background: url(/uploads/image/sagimages/icons.png) no-repeat -291px 0; } .biao_move .m_right .but_r{ position: absolute; top: 31px; right: 0; width: 10px; height: 17px; cursor: pointer; display: block; background: url(/uploads/image/sagimages/icons.png) no-repeat -307px 0; } .biao_move .m_mid{ float: left; width: 594px; height: 82px; position: relative; overflow: hidden; } .biao_move .m_mid ul{ list-style: none; width: 101010px; position: absolute; top: 0; left: 0; } .biao_move .m_mid ul li{ float: left; width: 176px; height: 82px; margin-right: 31px; } .biao_move .m_mid ul .li_l{ padding-top: 16px; color: #3b3b3b; line-height: 24px; float: left; width: 94px; text-align: center; } .biao_move .m_mid ul .li_r{ float: left; width: 82px; height: 82px; background: url(/uploads/image/sagipercent/green_bg.png) no-repeat; position: relative; } .biao_move .m_mid ul .li_r span{ display: block; width: 82px; height: 82px; line-height: 82px; text-align:center; position: absolute; top: 0; } .biao_move .m_right{ float: left; width: 40px; height:82px; position: relative; } /*新增分段投标样式*/ #list3_content .inner .box-large{height:280px;} #list3_content .inner .box-large .box_l span.zi{padding-top:50px;} #list3_content .inner .box-large .grade_issue_wp{width: 100%;height:auto;background:#fff; margin-top:15px;font-size: 15px;overflow:hidden;} #list3_content .inner .box-large .total_biao_l{float:left;width:252px;height:82px;border-right: 1px solid #c5c5c5;margin-right: 24px;color:#3b3b3b;} #list3_content .inner .box-large .total_biao_r{float:left;width:675px;height:82px;} #list3_content .inner .box-large p{line-height:40px;} #list3_content .inner .box-large p .span1{margin-right:10px;} #list3_content .inner .box-large p .span3{margin-right:20px;} #list3_content .inner .box-large p .span4{color: #1fc6b4;} /*分页*/ #page{text-align: center;} #page ul li{display: inline-block;margin-right: 20px;position: relative;} #page ul li a{ display: block; width: 23px; height: 23px; text-align: center; line-height: 23px; font-size: 15px; color: #383838; text-decoration: none; } #page ul li a:hover{ color: #fff; background: url(/uploads/image/sagimages/icons.png) no-repeat -127px -2px; } #page ul li a.cur{ color: #fff; background: url(/uploads/image/sagimages/icons.png) no-repeat -127px -2px; } #page ul li.last{ position: relative; top: 8px; background: none; } #page ul li.next{ position: relative; top: 8px; } #page ul li.last a{ background: url(/uploads/image/sagimages/icons.png) no-repeat -127px -27px; } #page ul li.last a:hover{ background: url(/uploads/image/sagimages/icons.png) no-repeat -127px -50px; } #page ul li.next a{ background: url(/uploads/image/sagimages/icons.png) no-repeat -150px -27px; } #page ul li.next a:hover{ background: url(/uploads/image/sagimages/icons.png) no-repeat -150px -50px; } #page ul li.shuru{ width: 51px; height: 25px; background: url(/uploads/image/sagimages/icons.png) no-repeat -200px 0px; } #page ul li.shuru input{ width: 51px; height: 25px; border: none; outline: none; background: transparent; padding-left: 10px; font-size: 15px; _line-height: 25px; } .backbox{ border: 1px solid #fff; height: 500px; text-align: center; } .callback_loading{ background: url(/uploads/image/salimages/callbackloading.gif) no-repeat top center; } .callback_success{ background: url(/uploads/image/salimages/callbacksuccess.gif) no-repeat center center; } .callback_failed{ background: url(/uploads/image/salimages/callbackfailed.png) no-repeat top center; } .backbox .callback_text{ font-size: 30px; color: #666; margin-top:350px; } #backbtn{ display:inline-block; width: 350px; height: 60px; line-height: 60px; text-align: center; color:#fff; background: #50aa7a; font-size: 30px; margin-top: 350px; } .callback_text_top{ font-size: 30px; color: #666; height:44px; line-height:44px; text-align: center; width: 800px; margin: 50px auto; } .callback_text_top .callback_success_icon{ background: url(/uploads/image/salimages/callbacksucess_icon.png) no-repeat left center; height:44px; display: inline-block; text-align: center; padding-left: 50px; } .callback_text_top .callback_failed_icon{ background: url(/uploads/image/salimages/callbackfailed_icon.png) no-repeat left center; height:44px; display: inline-block; text-align: center; padding-left: 50px; }