/* 我的认证样式 */ /* 面包屑样式 */ .rumbs { width: 100%; height: 60px; background: #FFFFFF; } .rumbs .rumbs_box { width: 1200px; margin: 0px auto; line-height: 60px; font-size: 16px; } .red_x { color: red; } .rumbs .rumbs_box .rumbs_title { float: left; } .rumbs .rumbs_box .rumbs_name { float: left; } /* 内容样式 */ .wraper .mycetification_left { float: left; width: 180px; height: 520px; background: #FFFFFF; } .wraper .mycetification_left ul li { text-align: center; height: 50px; line-height: 50px; } .wraper .mycetification_left ul li a { text-decoration: none; color: #444444; } .wraper .mycetification_left ul li .active { color: #4689C6; } .wraper .mycetification_right { float: left; width: 980px; background: #FFFFFF; padding: 20px; margin-bottom: 30px; min-height: 520px; } /* 右侧内容样式 */ .wraper .mycetification_right .right_title { font-size: 16px; } .wraper .mycetification_right .right_box { width: 430px; margin: 0px auto; } .wraper .mycetification_right .right_box .box_title { font-size: 16px; margin-top: 70px; } .wraper .mycetification_right .right_box .border_box { width: 430px; height: 170px; border: 1px solid #AAAAAA; border-radius: 5px; margin-top: 30px; text-align: center; } .wraper .mycetification_right .right_box .border_box .border_icon1 { width: 30px; height: 30px; background-image: url('../images/icons.png'); background-size: cover; background-position: 0px -186px; margin: 15px 0px 15px 200px; } .wraper .mycetification_right .right_box .border_box .border_icon { width: 30px; height: 30px; background-image: url('../images/icons.png'); background-size: cover; background-position: 0px -229px; margin: 15px 0px 15px 200px; } .wraper .mycetification_right .right_box .border_box .border_input { color: #4A90E2; } /* 机构认证样式 */ /* 立即认证 */ .modal .modal-dialog .modal-content .modal-footer { padding: 15px 0px; text-align: left; } .wraper .mycetification_right #organHand { display: none; } .wraper .mycetification_right #hand_box { display: none; } .wraper .mycetification_right .hand_box { width: 980px; height: 40px; line-height: 40px; background: #FDFDFD; margin: -20px 0px 0px -20px; display: flex; justify-content: space-between; } .wraper .mycetification_right .hand_box .hand_title { margin-left: 20px; } .wraper .mycetification_right .hand_box .hand_btn { width: 45px; height: 30px; line-height: 30px; margin-top: 5px; text-align: center; border-radius: 3px; border: 1px solid #DDDDDD; cursor: pointer; margin-right: 20px; } .box02 { margin-top: 25px; } .box02 #tags02 div { cursor: pointer; text-align: center; padding: 0px 10px; height: 30px; line-height: 30px; background: #EAEAEA; } .box02 #tags02 div:nth-child(1) { background: none; cursor: default; margin-right: 10px; height: 30px; line-height: 30px; margin-left: 207px; } .box02 #tags02 div:nth-child(2) { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .box02 #tags02 div:nth-child(3) { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .box02 #tags02 .current02 { background: #487AEE; color: #FFFFFF; } .wraper .mycetification_right .hand_formBox { display: flex; margin-top: 30px; } .wraper .mycetification_right .hand_formBox .form_left { width: 690px; } .wraper .mycetification_right .hand_formBox .form_right { width: 160px; height: 170px; margin-left: 90px; } .wraper .mycetification_right .hand_formBox .form_right img { width: 160px; height: 170px; } .wraper .mycetification_right .hand_formBox .form_left .form-horizontal .form-group { margin-top: 20px; } /* 认证中 */ .wraper .mycetification_right #organing { display: none; } .wraper .mycetification_right #organSucces { display: none; } .wraper .mycetification_right .organ_stpe { display: flex; margin-top: 20px; margin-left: 50px; } .wraper .mycetification_right .organ_stpe .step_box { width: 120px; height: 120px; background: #DDDDDD; text-align: center; line-height: 120px; border-radius: 50%; position: relative; margin-left: 130px; } .wraper .mycetification_right .organ_stpe .step_box .stpe_line { width: 131px; height: 2px; background: #DDDDDD; position: absolute; top: 57px; left: 120px; } .wraper .mycetification_right .organ_stpe .step_box:nth-child(1) { background: #3CB244; color: #FFFFFF; } .wraper .mycetification_right .organ_stpe .step_box:nth-child(1) .stpe_line { background: #3CB244; } .wraper .mycetification_right .organ_stpe .step_box:nth-child(2) { background: #3CB244; color: #FFFFFF; } .wraper .mycetification_right .step_time { margin-left: 175px; margin-top: 15px; } .wraper .mycetification_right .remit_failed { width: 420px; min-height: 150px; margin: 40px auto; border: 1px solid #A64545; background: #FFEEEE; color: #8C2C2C; padding: 5px 20px; border-radius: 5px; } .wraper .mycetification_right .remit_failed .failed_btn { width: 68px; height: 30px; line-height: 30px; color: #FFFFFF; border-radius: 3px; background: #5A6AA1; font-size: 12px; margin-left: 315px; margin-top: 10px; } .wraper .mycetification_right .remit_failed .failed_message { margin-top: 10px; } .wraper .mycetification_right .remit_success { width: 420px; min-height: 180px; border-radius: 5px; border: 1px solid #437FDD; background: #E9FAFF; color: #696DCF; margin: 20px auto; padding: 5px 20px; } .wraper .mycetification_right .remit_success .success_mess { margin-top: 10px; } .wraper .mycetification_right .remit_success .put_money { width: 380px; height: 30px; border: 1px solid #DDDDDD; border-radius: 5px; margin-top: 15px; font-size: 12px; padding-left: 5px; } .wraper .mycetification_right .remit_success .put_btn { width: 44px; height: 30px; border-radius: 3px; line-height: 30px; background: #6D92FF; color: #FFFFFF; font-size: 12px; margin: 20px 0 0 336px; } .wraper .mycetification_right .organ_details { width: 80px; margin: 50px auto; position: relative; } .wraper .mycetification_right .organ_details .det_tit { font-size: 20px; } .wraper .mycetification_right .organ_details .det_line { width: 80px; height: 12px; background: #5A8EE6; position: absolute; top: 16px; left: 0; opacity: .8; } .wraper .mycetification_right .organ_table { width: 790px; display: flex; flex-wrap: wrap; margin: 10px 0 0 150px; font-size: 12px; } .wraper .mycetification_right .organ_table .table_box { display: flex; } .wraper .mycetification_right .organ_table .table_box .table_left { width: 169px; height: 46px; line-height: 46px; border: 1px solid #DDDDDD; text-align: right; padding-right: 10px; margin-left: -1px; margin-top: -1px; background: #F9F9F9; } .wraper .mycetification_right .organ_table .table_box .table_right { width: 169px; height: 46px; line-height: 46px; border: 1px solid #DDDDDD; text-align: left; padding-left: 10px; margin-left: -1px; margin-top: -1px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* 认证成功 */ .wraper .mycetification_right .success_icon { width: 100px; height: 100px; border-radius: 50%; background: #22B315; text-align: center; line-height: 100px; margin: 35px auto; } .wraper .mycetification_right .success_icon .icon { font-size: 42px; color: #FFFFFF; font-weight: 700; } .wraper .mycetification_right .success_title { margin-top: 10px; margin-left: 440px; color: #239935; } .wraper .mycetification_right .success_time { margin-left: 400px; color: #239935; } .wraper .mycetification_right .success_img { position: relative; } .wraper .mycetification_right .success_img img { width: 900px; height: 802px; margin-left: 15px; } .wraper .mycetification_right .success_img .pos_lits { position: absolute; top: 100px; left: 0px; } .wraper .mycetification_right .success_img .succList { text-align: center; } .wraper .mycetification_right .success_img .succList .list_title { font-size: 22px; } .wraper .mycetification_right .success_img .succList .list_card { margin-top: 20px; } /* 个人认证样式 */ .wraper .mycetification_right #personalHand { display: none; } .wraper .mycetification_right .formPeral { width: 690px; margin-top: 40px; } .wraper .mycetification_right #personaling { display: none; } .wraper .mycetification_right #personalSuccess { display: none; } /* 服务商认证样式 */ .wraper .mycetification_right #service { display: none; } .box03 { margin-top: 25px; } .box03 #tags03 div { cursor: pointer; text-align: center; padding: 0px 10px; height: 30px; line-height: 30px; background: #EAEAEA; } .box03 #tags03 div:nth-child(1) { background: none; cursor: default; margin-right: 10px; height: 30px; line-height: 30px; margin-left: 207px; } .box03 #tags03 div:nth-child(2) { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .box03 #tags03 div:nth-child(3) { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .box03 #tags03 .current03 { background: #487AEE; color: #FFFFFF; } /* 标签切换样式 */ .box01 #tags01 { display: flex; } .box01 #tags01 div { width: 90px; height: 60px; /* height: 30px; */ border-radius: 5px; border: 1px solid #DDDDDD; cursor: pointer; margin-left: 27px; padding: 10px 15px; /* padding: 5px 15px; */ text-align: center; } .box01 #tags01 div:nth-child(1) { margin-left: 0px; } .box01 #tags01 div:nth-child(4) { line-height: 40px; } .box01 #tags01 .current01 { background: #5B93FF; color: #FFFFFF; } .box01 #content01 { margin-top: 15px; margin-bottom: 20px; } .box01 #content01 div { display: none; } .box01 #content01 .current01 { display: block; width: 440px; min-height: 46px; padding: 10px 8px; border-radius: 5px; font-size: 12px; color: #444444; background: #FEFFE8; border: 1px solid #CFAF0F; } .box01 #content01 .current01 p { margin: 0px; padding: 0px; line-height: 25px; } /* 根据组织机构代码 样式 */ .organ_group { width: 540px; margin: 25px auto; } .organ_group input { width: 400px; height: 40px; border: 1px solid #ddd; margin-left: 20px; border-radius: 5px; padding-left: 10px; } /* .InstitutionIdentity input:nth-child(1){ margin-left: 8px; } */ .InstitutionIdentity input:nth-child(n+2){ margin-left: 10px; } .InstitutionIdentity label{ margin-left: 10px; } #certification{ display: block; margin-top: 8px; } .PersonageIdentity{ margin-top: 7px; } .PersonageIdentity input:nth-child(n+2){ margin-left: 10px; } .PersonageIdentity label{ margin-left: 10px; } #Personageification{ display: block; margin-top: 8px; } #box05{ display: none; } .box05 #tags01 { display: flex; } .box05 #tags01 div { /* width: 120px; */ width: 140px; height: 30px; border-radius: 5px; border: 1px solid #DDDDDD; cursor: pointer; padding: 5px 15px; text-align: center; } .box05 #tags01 div:nth-child(1) { margin-left: 290px; } .box05 #tags01 div:nth-child(2) { margin-left: 20px; } .box05 #tags01 div:nth-child(3) { margin-left: 290px; margin-top:10px; } .box05 #tags01 div:nth-child(4) { line-height: 40px; margin-left: 20px; margin-top:10px; } .box05 #tags01 div:nth-child(5) { margin-left: 290px; margin-top:10px; } .box05 #tags01 .current01 { background: #5B93FF; color: #FFFFFF; } .box05 #content01 { margin-top: 15px; margin-bottom: 20px; } .box05 #content01 div { display: none; } .box05 #content01 .current01 { display: block; width: 440px; min-height: 46px; padding: 10px 8px; border-radius: 5px; font-size: 12px; color: #444444; background: #FEFFE8; border: 1px solid #CFAF0F; } .box05 #content01 .current01 p { margin: 0px; padding: 0px; line-height: 25px; } .agreement_color{ cursor:pointer; color: #337ab7; }