You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
702 lines
12 KiB
702 lines
12 KiB
/*
|
|
我的认证样式
|
|
*/
|
|
/* 面包屑样式 */
|
|
|
|
.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;
|
|
}
|