/** *======================================================================================================================== * css重置 *======================================================================================================================== */ *{-webkit-box-sizing:border-box;box-sizing:border-box;} *:before,*:after {-webkit-box-sizing:border-box;box-sizing:border-box;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;} body {padding-top:100px;background:#f1f1f1;font-family:'Arial','Microsoft Yahei','微软雅黑';font-size:14px;color:#333;} html {min-width: 990px;} h1,h2,h3,h4,h5,h6 {font-size:100%;} a {text-decoration:none;} a:hover {color:#2374cc;} img {border:none;image-rendering:optimizeQuality;-ms-interpolation-mode:bicubic;} ol,ul,li {list-style:none;} input,textarea,select,button {font-family:14px 'Arial','Microsoft Yahei','微软雅黑';font-size:100%;border:none;outline: none;} button {height: 68px;background: #2374cc;font-size: 14px;color: #fff;cursor:pointer;} button:active {background: #1f69b8} input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#c1c1c1;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#c1c1c1;} :-moz-placeholder {color:#c1c1c1;} ::-moz-placeholder {color:#c1c1c1;} table {border-collapse:collapse;border-spacing:0;} @font-face{ font-family: 'MarkPro'; src:url('../fonts/MarkPro-Bold.otf'), url('../fonts/MarkPro-Medium.otf'), } .myfont{font-family: 'MarkPro'} /** *======================================================================================================================== * 通用辅助类 *======================================================================================================================== */ .am3{-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .am6{-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;} .fl {float:left} .fr {float:right} .clear:before,.clear:after {content:" ";display:block;height:0;clear:both;visibility:hidden;} .clear {*zoom:1;} .hidden {display:none} .block {display:block} .inline {display:inline} .inline-block {display:inline} .background{background-repeat: no-repeat;background-position: center center;background-size: cover;} .uppercase{text-transform: uppercase;} .capitalize{text-transform: capitalize;} .nowrap{-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .public{max-width: 1300px;width: 100%;margin: 0 auto;padding: 0 50px;} /** *======================================================================================================================== * 通用列表 *======================================================================================================================== */ ul.col-2,ul.col-3,ul.col-4,ul.col-5,ul.col-6,ul.col-7{overflow:hidden;} ul.col-2 li,ul.col-3 li,ul.col-4 li,ul.col-5 li,ul.col-6 li{margin-right:2%;} ul.col-2 li{width:49%;} ul.col-3 li{width:32%;} ul.col-4 li{width:23.5%;} ul.col-5 li{width:18.4%;} ul.col-6 li{width:15%;} ul.col-7 li{width:13%;margin-right:1.5%;} ul.col-2 li:nth-child(2n+2),ul.col-3 li:nth-child(3n+3),ul.col-4 li:nth-child(4n+4),ul.col-5 li:nth-child(5n+5),ul.col-6 li:nth-child(6n+6),ul.col-7 li:nth-child(7n+7){margin-right:0;} ul.col-2 li.nomargin,ul.col-3 li.nomargin,ul.col-4 li.nomargin,ul.col-5 li.nomargin,ul.col-6 li.nomargin,ul.col-7 li.nomargin{margin-right:0;} /** *======================================================================================================================== * 头部 *======================================================================================================================== */ .header{width: 100%;min-width:990px;height: 100px;background: #fff;border-bottom: 1px solid #eef1f6;position: fixed;top: 0;left: 0;z-index: 1000;} .header .logo{padding: 28px 0;} .header .logo .background{width: 95px;height: 44px;text-indent: -9999px;overflow: hidden;} .header .logo .line{width: 1px;height: 44px;background: #dcdcdc;margin:0 18px;} .header .logo .zhaocai .h2{font-size: 22px;color: #333333;font-weight: normal;line-height: 30px;} .header .logo .zhaocai p{font-size: 10px;color: #8a8a8a;} .header .login_register {padding: 25px 0 26px;} .header .login_register i{font-size:45px;color: #2374cc;vertical-align: 8px;margin-right: 5px;} .header .login_register a{font-size:16px;color: #666666;line-height: 50px;height: 50px;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width:200px;} .header .main_nav {margin-right: 60px;} .header .main_nav li {position: relative;overflow: hidden;} .header .main_nav li a{height: 100px;padding:0 25px;font-size: 16px;color: #333;line-height: 100px;} .header .main_nav li .subscript{width: 100%;height: 5px;background: #2374cc;position: absolute;bottom: -5px;} .header .main_nav li.active .subscript{bottom: 0;} /** *======================================================================================================================== * 底部 *======================================================================================================================== */ .footer .top_message{width: 100%;height: 180px;background: #f6f6f6;} .footer .top_message .logo{padding: 68px 0;} .footer .top_message .logo .background{width: 95px;height: 44px;text-indent: -9999px;overflow: hidden;} .footer .top_message .logo .line{width: 1px;height: 44px;background: #dcdcdc;margin:0 18px;} .footer .top_message .logo .zhaocai .h2{font-size: 22px;color: #333333;font-weight: normal;line-height: 30px;} .footer .top_message .logo .zhaocai p{font-size: 10px;color: #8a8a8a;} .footer .top_message .main_nav li{height: 180px;padding:80px 0; } .footer .top_message .main_nav li a{margin-left:50px;font-size: 16px;color: #333;line-height: 20px;} .footer .top_message .main_nav li a:hover{color: #2374cc;} .footer .copyright {background: #333333;line-height: 20px;padding: 10px 0;} .footer .copyright p,.footer .copyright a{font-size: 12px;color: #999999;} .footer .copyright a:hover{text-decoration: underline;} /** *======================================================================================================================== * banner *======================================================================================================================== */ .banner{width: 100%;height: 350px;position: relative;} .banner .search_content{width: 960px;height: 68px;position: absolute;top: 50%;left: 50%;margin-left: -480px;margin-top: -34px;} .banner .search_content input{width: 810px;height: 68px;padding: 0 20px 0 68px;line-height:68px;background:url('../images/zhaocai/search.png') no-repeat 22px center #fff;font-size: 14px;color: #333; } .banner .search_content button{width: 150px;font-size: 18px;} /** *======================================================================================================================== * 首页 *======================================================================================================================== */ .index_content {padding:50px; } .index_content .announcement>li{background: #fff;padding: 30px 36px;} .index_content .announcement>li .title {line-height: 68px;border-bottom: 1px solid #e1e1e1;margin-bottom: 40px;} .index_content .announcement>li .title h3{font-size: 24px;font-weight: normal;} .index_content .announcement>li .title a{font-size: 16px;color: #333;} .index_content .announcement>li .title a i{font-size: 20px;color: #666666;vertical-align: -2px;margin-left: 5px;} .index_content .announcement_list li{width: 100%;} .index_content .announcement_list li a{margin: 20px 0;font-size: 14px;color: #666666;} .index_content .announcement_list li a .name{width: 84%;line-height: 16px;} .index_content .announcement_list li a .time{width: 14%;text-align: right;line-height: 16px;} .index_content .announcement_list li a:hover {color: #2374cc;} /** *======================================================================================================================== * 登录页面 *======================================================================================================================== */ .login .login_content{position: relative;height: 740px;} .login .login_content .main_content{width: 468px;height: 576px;position: absolute;left: 50%;top: 50%;margin-left: -234px;margin-top: -288px;background:url('../images/zhaocai/logo2.png') no-repeat center 60px #fff;border-radius:5px;padding:146px 74px 40px;} .login .login_content .main_content input{width: 100%;height: 68px;border: 1px solid #e5e5e5;font-size: 14px;color: #999999;padding: 0 24px;margin-bottom: 20px;line-height: 66px;} .login .login_content .main_content .layui-input-block{width: 100%;margin: 0;} .login .login_content .main_content .input{width: 100%;height: 68px;border: 1px solid #e5e5e5;margin-bottom: 20px;} .login .login_content .main_content .verification_code{width: 178px;height: 66px;} .login .login_content .main_content .verification_code input{height: 64px;border: none;} .login .login_content .main_content .verification_code_img{width: 140px;height:66px;background: #000;cursor: pointer;} .login .login_content .main_content .verification_code_img img{width: 100%;height:100%;} .login .login_content .main_content .login_btn {width: 100%;margin-bottom: 20px;font-size: 16px;} .login .login_content .main_content .remarks a {font-size: 14px;color: #999999;margin-right: 10px;line-height: 20px;} .login .login_content .main_content .remarks a i {font-size: 12px;} /** *======================================================================================================================== * 注册页面 *======================================================================================================================== */ .registered .registered_content{max-width: 750px;margin: 0 auto;padding: 200px 0 80px;background: url(../images/zhaocai/registered_progress1.png) no-repeat center 80px;} .registered .title{font-size: 36px;color: #666666;font-weight: normal;text-align: center;} .registered .main_content{padding: 40px 0 10px;border-bottom: 1px dashed #cdcdcd;} .registered .main_content2{padding: 20px 0 0;border-bottom:none;} .registered .main_content li{height: 68px;margin-bottom: 16px;position: relative;} .registered .main_content li .layui-input-block{width: 100%;margin: 0;} .registered .main_content li input{width: 100%;height: 68px;padding: 0 24px;line-height: 68px;font-size: 14px;color: #333;} .registered .main_content li input[readonly]{padding-right: 168px;cursor:default;} .registered .main_content li .upload{width: 144px;height: 68px;background: #666666;position: absolute;right: 0;top:0;font-size: 14px;color: #fff;text-align: center;line-height: 68px;overflow: hidden;} .registered .main_content li .upload:hover{background: #777;} .registered .main_content li .upload:active{background: #666;} .registered .main_content li .upload input{font-size: 999px;padding: 0;opacity: 0;filter: alpha(opacity=0);position: absolute;left: 0;top: 0;cursor: pointer!important;} .registered .main_content input.verification_code{width: 220px;height: 68px;border: none;} .registered .main_content .verification_code_img{width: 147px;height:68px;background: #000;cursor: pointer;} .registered .main_content .verification_code_img img{width: 100%;height:100%;} .registered .registered_content .remarks {font-size: 14px;color: #999999;} .registered .registered_content .registered_btn {display:block;width: 460px;margin: 50px auto 0;} .registered .review {background-image: url('../images/zhaocai/registered_progress2.png');text-align: center;} .registered .review h3{font-size: 36px;color: #666666;line-height: 60px;margin-top: 10px;} .registered .review p{font-size: 14px;color: #666666;line-height: 24px;} .registered .success .cooperation{width: 208px;margin-top: 40px;} /** *======================================================================================================================== * 找回密码页面 *======================================================================================================================== */ .retrieve_password .registered_content{padding-top: 100px;background: none;} .retrieve_password .registered_content .subtitle{font-size: 14px;color: #666;text-align: center;line-height: 24px;margin-top: 20px;} /** *======================================================================================================================== * 招标公告页面 *======================================================================================================================== */ .tender,.tender_view{padding: 60px 0 160px;} /* 面包屑 */ .bread_crumbs {cursor: default;font-size: 14px;color: #666666;} .bread_crumbs a{font-size: 14px;color: #666666;} .bread_crumbs a:hover{color: #2374cc;} /* 左侧导航 */ .tender .tender_content{margin-top: 35px;} .tender .tender_content .left_message{width: 20%;background: #fff;} .tender .tender_content .left_message li{border-top: 1px solid #f2f2f2;} .tender .tender_content .left_message li:first-child{border-top:none;} .tender .tender_content .left_message li h3{height: 76px;font-size: 16px;color: #333;line-height: 76px;padding: 0 32px;cursor: pointer;font-weight: bold;} .tender .tender_content .left_message li h3:hover{background: #f4f8fc;} .tender .tender_content .left_message li h3 i{font-size: 20px;vertical-align: -2px;margin-left: 20px;} .tender .tender_content .left_message li .nav_list{overflow: hidden;height: 0;} .tender .tender_content .left_message li .nav_list a{height: 44px;font-size: 14px;color: #666666;line-height: 44px;padding: 0 32px;border-left: 0 solid #2374cc;} .tender .tender_content .left_message li .nav_list a:hover{background: #f4f8fc;border-left: 5px solid #2374cc;} .tender .tender_content .left_message li .nav_list a.active{background: #f4f8fc;border-left: 5px solid #2374cc;} .tender .tender_content .left_message li .nav_list a{border-top: 1px solid #f2f2f2;} /* 右侧查询条件 */ .tender .tender_content .right_message {width: 78%;} .tender .tender_content .right_message h3{padding: 0 50px;font-size: 14px;color: #666;line-height: 60px;border-bottom: 1px solid #e5e5e5;font-weight: bold;} .tender .tender_content .right_message .query_conditions {background: #fff;} .tender .tender_content .layui-form {padding: 36px 50px; } .tender .tender_content .layui-form .layui-form-item {clear: none;} .tender .tender_content .layui-form .layui-form-item .layui-form-label{width: auto;text-align: right;line-height: 45px;padding: 0 15px 0 25px;color: #666;} .tender .tender_content .layui-form .layui-input-block.name {margin-left: 0;height: 46px;border-color: #e9e9e9;} .tender .tender_content .layui-form .layui-input-block.name input{height: 100%;line-height:44px;padding-left: 50px;padding-right:16px;font-size: 14px;color:#333;background: url('../images/zhaocai//search.png') no-repeat 14px center;background-size: 21px; } .tender .tender_content .layui-form .layui-input-block.layout{margin-left: 96px;} .tender .tender_content .layui-form .layui-input-block.layout .layui-form-select input{width:128px;height: 46px;line-height: 44px;} .tender .tender_content .layui-form .layui-form-select dl dd.layui-this{background: #2374cc;} .tender .tender_content .layui-form .layui-input-block.status{margin-left: 68px;} .tender .tender_content .layui-form .date{width: 100%;height: 46px;} .tender .tender_content .layui-form .date p{line-height: 46px;font-size: 14px;color:666;margin-right:16px; } .tender .tender_content .layui-form .date input{width: 156px;height: 46px;padding-left: 55px;background: url('../images/zhaocai/date.png') no-repeat 20px center;line-height: 44px;margin-right: 16px;} .tender .tender_content .layui-form .date .search_btn{width: 106px;height: 46px;margin-left: 6px;} .tender .tender_content .message_lists {margin-top:20px;background: #fff;} .tender .tender_content .message_lists .message_list li {padding: 32px 50px;border-bottom: 1px solid #e5e5e5;} .tender .tender_content .message_lists .message_list li h4{width: 60%;font-size: 16px;color: #666666;font-weight:bold;line-height: 32px;} .tender .tender_content .message_lists .message_list li h4 span{color: #d70c19;} .tender .tender_content .message_lists .message_list li p {color: #d70c19;font-size: 14px;color: #999;line-height: 26px;margin-top: 16px;} .tender .tender_content .message_lists .message_list li p span{margin-right: 36px;} .tender .tender_content .message_lists .message_list li:hover {background: #2374CC;} .tender .tender_content .message_lists .message_list li:hover h4{color: #fff;} .tender .tender_content .message_lists .message_list li:hover h4 span{color: #fff;} .tender .tender_content .message_lists .message_list li:hover p{color: #fff;} .tender .tender_content .message_lists .message_list .no_list:hover {background: #fff;} .tender .tender_content .message_lists .message_list .no_list:hover h4{color: #666666;} .tender .tender_content .message_lists .message_list .no_list:hover h4 span{color: #d70c19;} .tender .tender_content .message_lists .message_list .no_list:hover p{color: #333;} .tender .tender_content .message_lists .message_list li .search_name{font-weight: normal;width: 80%;} .tender .tender_content .message_lists .message_list li .search_date{line-height: 32px;margin-top: 0;} .tender .tender_content .message_lists .pager{padding: 40px 50px;} .tender .tender_content .message_lists .pager p{line-height: 40px;} .tender .tender_content .message_lists .pager .layui-laypage {margin: 0;} .tender .tender_content .message_lists .pager .layui-laypage a,.tender .tender_content .message_lists .pager .layui-laypage span{width:40px;height:40px;line-height: 40px;padding: 0;text-align: center;margin:0 4px ;} .tender .tender_content .message_lists .pager .layui-laypage .layui-laypage-curr .layui-laypage-em{background: #2374cc;} .tender .tender_content .message_lists .pager .layui-laypage a i{font-size: 20px;} /** *======================================================================================================================== * 招标公告详情页面 *======================================================================================================================== */ .tender_view .tender_view_content{background: #fff;margin-top: 35px;padding: 50px 100px;} .tender_view .tender_view_content img{max-width: 100%;} .tender_view .tender_view_content .title{text-align: center;padding-bottom: 24px;border-bottom: 2px solid #f0f0f0;} .tender_view .tender_view_content .title h3{font-size: 28px;color: #666666;} .tender_view .tender_view_content .title p{font-size: 14px;color: #666666;margin-top: 16px;} .tender_view .tender_view_content .content{font-size: 14px;color: #999;line-height: 28px;padding: 30px 0 ;border-bottom: 1px dashed #f0f0f0;} .tender_view .tender_view_content .download{padding: 60px 0 20px;} .tender_view .tender_view_content .download_title{font-size: 14px;color: #666666;margin-top: 10px;} .tender_view .tender_view_content .download_content{margin-left: 100px;max-width: 120px;text-align: center;} .tender_view .tender_view_content .download_content img{display: inline-block;} .tender_view .tender_view_content .download_content p{color: #666;margin-top: 20px;} .tender_view .tender_view_content .download_content a{display:inline-block;width: 78px;height: 32px;border-radius:16px;background: #2374cc;font-size: 12px;color: #fff;line-height: 32px;margin-top: 20px;} .tender_view .join{margin-top: 30px;padding: 24px;text-align: center;background: #fff;font-size: 14px;color: #666666;} .tender_view .join button{width: 145px;height: 50px;margin-left: 60px;line-height:50px;} .tender_view .popups {width:100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 999;} .tender_view .popups .bg{width:100%;height: 100%;position: absolute;left:0;top:0;background: #000;opacity: .5;filter: alpha(opacity=50);} .tender_view .popups .data_review{width: 900px;height: 700px;background:#fff;position: absolute;left: 50%;top:50%;margin-left: -450px;margin-top: -300px;z-index: 1;} .tender_view .popups .data_review h3{width: 100%;height: 88px;font-size: 18px;color:#333;font-weight: bold;line-height: 88px;padding: 0 50px;border-bottom: 1px solid #d4d4d4; } .tender_view .popups .data_review .layui-form{padding: 10px 50px;height:82%;overflow: auto;} .tender_view .popups .data_review .layui-form-item {margin: 0;} .tender_view .popups .data_review .layui-input-block {margin: 0 0 0 10px;} .tender_view .popups .data_review .layui-form-label{width: 100px;padding: 0;font-size: 14px;color: #999;text-align: left;} .tender_view .popups .data_review .consortium{border-bottom: 1px dashed #d1d1d1;} .tender_view .popups .data_review .consortium .layui-form-label{line-height: 80px;} .tender_view .popups .data_review .consortium .layui-form-radio{margin:0;line-height: 80px;font-size: 14px;color: #666;margin-right: 10px;} .tender_view .popups .data_review .consortium .layui-form-radio>i{font-size: 12px;color: #999;} .tender_view .popups .data_review .consortium .layui-form-radioed>i{color: #666666;} .tender_view .popups .data_review .name {padding: 38px 0;border-bottom: 1px dashed #d1d1d1;} .tender_view .popups .data_review .name .layui-form-label{line-height: 44px;} .tender_view .popups .data_review .name input{width:280px;height:44px;line-height: 42px;background: #f4f4f4;border-color: #ebebeb;margin-bottom: 18px;} .tender_view .popups .data_review .name .add{font-size: 14px;color: #999;line-height: 44px;padding-left: 40px;background: url('../images/zhaocai/add_company.png') no-repeat left center;margin-left: 40px;cursor: pointer;} .tender_view .popups .data_review .upload {padding: 38px 0;border-bottom: 1px solid #d1d1d1;} .tender_view .popups .data_review .upload .layui-form-label{line-height: 44px;} .tender_view .popups .data_review .upload button{width: 100px;height: 44px;background: #f4f4f4;border:1px solid #e6e6e6;color: #666666;margin-bottom: 20px;} .tender_view .popups .data_review .remarks{font-size: 14px;color: #c1c1c1;} .tender_view .popups .data_review .review_btn{width: 145px;height: 54px;background: #2374cc; margin: 30px auto 0;} /** *======================================================================================================================== * 个人中心。 *======================================================================================================================== */ .personal-center { background: #F1F1F1; position: relative; } .personal-center .content-container { max-width: 1300px; margin: 60px auto;padding:0 50px ;} .personal-center .content-wrap { padding-top: 40px; } /* 左侧导航 */ .personal-center .left { width: 22%; float: left; background: #FFFFFF; border-radius: 2px; padding-bottom: 40px; } .personal-center .left .top { padding: 36px 36px 26px; color: #333333; } .personal-center .left .top .welcome { display: block; } .personal-center .left .top .name { font-size: 16px; font-weight: bold; } .personal-center .left .item { padding-left: 56px; padding-right: 20px; height: 60px; line-height: 60px; color: #666666; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; -webkit-transition: all .8s; transition: all .8s; cursor: pointer; position: relative; display: block; } .personal-center .left .item:after { content: ""; width: 0px; height: 60px; left: 0px; top: 0px; background: #2374CC; z-index: 10; position: absolute; -webkit-transition: all .5s; transition: all .5s; } .personal-center .left .item:hover { border-left-color: #2374CC; border-top-color: #EAECEE; border-bottom-color: #EAECEE; color: #2374CC; } .personal-center .left .item:hover:after { width: 6px; } .personal-center .left .item.active { border-left-color: #2374CC; border-top-color: #EAECEE; border-bottom-color: #EAECEE; color: #2374CC; } .personal-center .left .item.active:after { width: 6px; } /* Tab内容 */ .personal-center .tab-content { width: 76%; float: right; } /* 我的投标 */ .personal-center .tab-1-content .tab-wrap { height: 60px; line-height: 60px; background: #FFFFFF; color: #333333; margin-bottom: 20px; } .personal-center .tab-1-content .tab-wrap .item { width: 120px; text-align: center; cursor: pointer; float: left; position: relative; color: #333333; } .personal-center .tab-1-content .tab-wrap .item:after { content: ""; width: 100%; height: 4px; bottom: 0px; left: 0px; z-index: 100; background: #FFFFFF; -webkit-transition: all .5s; transition: all .5s; position: absolute; } .personal-center .tab-1-content .tab-wrap .item:hover:after { background: #2374CC } .personal-center .tab-1-content .tab-wrap .item.active:after { background: #2374CC; } .personal-center .tab-1-content .public-data-list, .personal-center .tab-1-content .invite-data-list { background: #FFFFFF; } .personal-center .data-list .list-item { padding: 34px 48px; color: #999999; -webkit-transition: all .25s; transition: all .25s; line-height: 1.8; cursor: pointer; border-top: 1px solid #E8E8E8; } .personal-center .data-list .list-item:first-child { border-top: none; } .personal-center .data-list .list-item:hover { background: #2374CC; color: #FFFFFF; } .personal-center .data-list .list-item .title { color: #666666; font-weight: bold; font-size: 16px; -webkit-transition: all .25s; transition: all .25s; } .personal-center .data-list .list-item:hover .title { color: #FFFFFF; } .personal-center .data-list .list-item .tag { color: #DA2B35; -webkit-transition: all .25s; transition: all .25s; } .personal-center .data-list .list-item:hover .tag { color: #F1F1F1; } .personal-center .data-list .list-item .detail { padding: 24px 0px; } /* 资料维护 */ .personal-center .tab-2-content { background: #FFFFFF; } .personal-center .tab-2-content .title { padding: 35px 45px 30px; font-size: 18px; color: #333333; border-bottom: 1px solid #D3D3D3; } .tab-2-content .table-outer { width: 100%; margin: 0 auto; border-bottom: 2px solid #E0E0E0; padding-bottom: 20px; padding-top: 20px; } .personal-center .tab-2-content .table { width: 100%; } .personal-center .tab-2-content .imgbox { width: 80%; height: 194px; display: block; border: 1px solid #DEDEDE; padding: 18px; } .personal-center .tab-2-content .imgbox img { display: block; width: 100%; height: 100%; } .personal-center .tab-2-content td { padding: 20px 0px; width: 25%;} .personal-center .tab-2-content tr td:first-child { padding-left: 20px;} .personal-center .tab-2-content .bottom { padding: 40px 70px 50px; } #btnChange { width: 144px; height: 52px; line-height: 52px; text-align: center; color: #FFFFFF; -webkit-transition: all .5s; transition: all .5s; cursor: pointer; display: block; background: #2374CC; } #btnChange:hover { background: #175295; } /* 资料更改弹出层 */ #modalContainer { position: fixed; width: 100%; height: 100%; background: #787878; background: rgba(120, 120, 120, .5); top: 0px; left: 0px; z-index: 1000; display: none; } #modalContent { position: fixed; width: 900px; height: 580px; background: #FFFFFF; top: 50%; left: 50%; z-index: 2000; margin-top: -290px; margin-left: -450px; display: none; } #modalContent .title { height: 84px; line-height: 84px; border-bottom: 1px solid #D8D8D8; font-size: 18px; font-weight: bold; color: #333333; padding: 0 20px 0 60px; } #modalContent .table-outer { width: 810px; margin: 0 auto; border-bottom: 2px solid #E0E0E0; padding-bottom: 20px; padding-top: 20px; } #modalContent .table { width: 100%; } #modalContent .imgbox { width: 146px; height: 194px; display: inline-block; border: 1px solid #DEDEDE; padding: 18px; } #modalContent .imgbox img { display: block; width: 100%; height: 100%; } #modalContent td { padding: 8px 0px; } #modalContent .td1 { width: 90px; display: block; color: #999999; } #modalContent .td2 { width: 190px; display: block; color: #666666; } #modalContent .tdimg { text-align: center; color: #999999; } #modalContent .tdimg .img-title { display: block; text-align: center; } #modalContent .btn-reupload { width: 100px; height: 36px; display: block; text-align: center; line-height: 36px; border: 1px solid #E5E5E5; background: #F4F4F4; color: #666666; -webkit-transition: all .5s; transition: all .5s; margin: 20px auto 10px; cursor: pointer; } #modalContent .btn-reupload:hover { background: #2374CC; color: #FFFFFF; border-color: #2374CC; } #modalContent .bottom { padding: 40px 70px 50px; } #btnConfrimChange { width: 144px; height: 52px; line-height: 52px; text-align: center; color: #FFFFFF; -webkit-transition: all .5s; transition: all .5s; cursor: pointer; display: block; background: #2374CC; margin: 0 auto; } #btnConfrimChange:hover { background: #175295; } #modalContent .layui-input { height: 44px; line-height: 44px; background: #F4F4F4; border: 1px solid #E9E9E9; color: #999999; padding: 0px 18px; outline-color: #2374CC; } /* 修改密码 */ .personal-center .tab-3-content { background: #FFFFFF; } .personal-center .tab-3-content .title { padding: 35px 45px 30px; font-size: 18px; color: #333333; border-bottom: 1px solid #D3D3D3; } .personal-center .tab-3-content .layui-form { padding: 30px 60px; } .personal-center .tab-3-content .layui-form-item { padding: 5px 0px; } .personal-center .tab-3-content .layui-form-label { line-height: 44px; width: 100px; padding: 0px; height: 44px; color: #999999; text-align: left; } .personal-center .tab-3-content .layui-input { line-height: 44px; width: 220px; padding: 0px; height: 44px; background: #F4F4F4; border: 1px solid #E5E5E5; padding: 0px 18px; color: #333333; outline-color: #2374CC; } .personal-center .tab-3-content .layui-input:focus { border-color: #2374CC; outline: 1px solid #2374CC; } .personal-center .tab-3-content .bottom { border-top: 1px solid #F1F1F1; padding: 50px 0px; margin-top: 30px; } /* 退出登陆 */ .personal-center .tab-4-content { background: #FFFFFF; } /*分页器*/ .laravel_pagination{text-align: center;padding: 40px 0 60px;} .laravel_pagination ul li{display: inline-block;width: 40px;height: 40px;border: 1px solid #c4c4c4!important;line-height: 38px;font-size: 14px;color: #666;} .laravel_pagination ul li a{display: block; width: 100%;height: 100%;} .laravel_pagination ul li.active{background: #2374CC;color: #fff;border-color: #2374cc;} /* 面包屑导航 */ .breadcrumb { color: #666666; font-size: 14px; } .breadcrumb .item { float: left; } .breadcrumb a { color: #666666; font-size: 14px; -webkit-transition: all .8s; transition: all .8s; } .breadcrumb a:hover { color: #2374CC; } @media screen and (max-width: 1680px){ body{padding-top: 64px;} .header{height: 64px;} .tender_view .popups .data_review{height: 500px;margin-top:-200px;} .header .logo{padding: 10px 0;} .header .login_register{padding: 7px;} .header .main_nav li a{height: 64px;line-height: 64px;font-size: 14px;} .header .login_register a{font-size: 14px;} .footer .top_message{height: 108px;} .footer .top_message .logo{padding: 32px 0;} .footer .top_message .main_nav li{height: 108px;padding: 44px 0;} .tender, .tender_view{padding: 30px 0 50px;} .footer .top_message .main_nav li a{font-size: 14px;} } .tender .tender_content .left_message li.newlinks h3{padding: 0;} .tender .tender_content .left_message li.newlinks h3 a{ display: block; padding: 0 32px; height: 76px; line-height: 76px; } .tender .tender_content .left_message li.newlinks h3.active{ background: #f4f8fc; } .tender .tender_content .left_message li.newlinks h3.active a{ color: #2374cc; }