ul li ol li em strong i {
  list-style: none;
  font-style: normal;
}
.rc-header {
  width: 100%;
}
.rc-center{
	overflow:hidden;
}
//手机端
@media screen and (max-width: 768px) {
	.ts-mypersonal{
		font-size:14px;
	}
	.online{
		margin:1rem auto;
	}
	.rc-column{
		padding-left:0;
		padding-right:0;
	}
	.rc-max-width--xl{
		padding:0 1.25rem;
		&.ts-special-padding{
			padding:0;
			.rc-login,.usercord,.rc-cordd,.rc-order,.rc-buy,.rc-obligation{
				padding-left:1.25rem;
				padding-right:1.25rem;
			}
		}
	}

/deep/.el-dialog {
 width: 352px;
 height: 500px;
}

.rc-max-width--lg{
 display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    h3{
      color:#333333;
      font-size: 26px;
    }
  .rc-title{
     img{
       width: 96px;
       height: 96px;

     }
  }
  .userer{
    img{
      width: 210px;
      height: 210px;
      display: flex;
    justify-content: center;
    flex-direction: column;

    }
  }
}
  .rc-column {
       .rc-usermain{
        h2{
        display: none;
        }
        
      }
    .rc-center {
      width: 100%;
      height: 180px;
      img {
        width: 100%;
        height: auto;
        display: block;
      }
   
    }

    .rc-login {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		box-shadow: 0px -5px 6px rgba(0, 0, 0, 0.08);
		margin-top: -2rem;
	    position: relative;
	    background: #fff;
		padding-top:1.5rem;
		.rc-unlogin{
			display: flex;
			align-items: center;
		}
      .rc-userlogin{
            margin-left: 16px;
     
      span{
    font-size: 18px;
   color: #333333;
   display: block;
      }
      em{
        font-size: 14px;
        color:#666666;
        font-style: normal;
        display: block;
        margin-top: 8px;
      }
 
       }
      .rc-people {
        width: 4rem;
        height: 4rem;
        display: flex;
        align-items: center;
        border: 2px solid #d7d7d7;
        border-radius: 50%;
        img {
          width: 36px;
          height: 36px;
          display: block;
          margin: 0 auto;
        }
      }
    }
    .usercord{
        display: flex;
        justify-content: space-between;
         height: 32px;
         align-items: center;
         border-bottom: 1px solid #D8D8D8;
         padding-bottom: 17px;
        em{
            font-style: normal;
        }
    }
 .rc-cordd{
   color:#666666;
     span{
        display: inline-block;
        margin-top: 16px;
        text-align: left;
     }
     .block{
		height: 8px;
		background: #D7D7D7;
		margin-top: 16px;
		border-radius: 4px;
		.r-block{
		width: 0%;
		height: 100%;
		background: #008900;
	 }
   
  
     }
      .rc-value{
        display: flex;
        justify-content: space-between;
   }
 }
    .rc-order{
        display: flex;
        justify-content: space-between;
        margin-top: 16px;
        border-bottom: 1px solid #D8D8D8;
        padding-bottom: 16px;
        em{
            font-style: normal;
            font-size: 14px;
              font-weight: bold;
            color: #333333;
        }
    }

    .rc-obligation{
      margin-top: 16px;
        ul{
        display: flex;
		width:100%;
        justify-content: space-between;
            li{
                float: left;

            }
            img{
                width: 44px;
                height: 44px;
                display: block;
            }
        }
    }
    .rc-buy{
        width: 100%;
        height: 64px;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #D8D8D8;
        padding:1rem 0;
		&:first-child{
			padding-top:0;
		}
		&:last-child{
			border:0;
		}
        .rc-cord{
            display: flex;
            align-items: center;
        }
        img{
            width: 32px;
            height: 32px;
            display: block;
        }
        em{
            font-style: normal;
            font-size: 14px;
            color: #333333;
            margin-left: 16px;

        }
        .rc-load{
            display: flex;
            align-items: center;
            font-size: 14px;
             color: #666666;
             span{
                  display: block;
                  margin-right: 8px;
                  margin-top: -4px;
             }
             img{
               width: 8px;
               height: 16px;
               display: block;
             }
        }
    }
  }
}
//pc端

@media screen and (min-width: 769px) {
  /deep/.el-dialog {
 width: 440px;
 height: 652px;
}
.online{
	margin:40px auto;
}
.ts-right-arr{
	font-size:1.125rem;
}
.rc-max-width--lg{
 display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    h3{
      color:#333333;
      font-size: 26px;
    }
  .rc-title{
     img{
       width: 96px;
       height: 96px;

     }
  }
  .userer{
    img{
      width: 210px;
      height: 210px;
      display: flex;
    justify-content: center;
    flex-direction: column;

    }
  }
}
    .rc-column {
    .rc-center {
      width: 100%;
      height: 180px;
      img {
        width: 100%;
        height: 100%;
        display: block;
      }
      display: none;
    }

    .rc-login {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top:24px;
  .rc-unlogin{
    display: flex;
    align-items: center;
  }
      .rc-userlogin{
        margin-left: 16px;
      span{
		font-size: 20px;
		color: #333333;
		display: block;
      }
      em{
        font-size: 14px;
        color:#666666;
        font-style: normal;
        display: block;
        margin-top: 8px;
      }
 
       }
      .rc-people {
        width: 64px;
        height: 64px;
        display: flex;
        align-items: center;
        border: 2px solid #d7d7d7;
        border-radius: 50%;
        img {
          width: 48px;
          height: 48px;
          display: block;
          margin: 0 auto;
        }
      }
    }
    .usercord{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom:32px;
        border-bottom: 1px solid #D7D7D7;
        em{
            font-style: normal;
            color: #333333;
            font-size: 18px;

        }
    }
 .rc-cordd{
	color:#333333;
	font-size: 18px;
	//height: 133px;
	margin-top: 32px;
	span{
		font-size: 18px;
		text-align: left;
		&.lackOfPoint{
			font-weight: 400;
			color:#333;
		}
	}
     .block{
          height: 8px;
   background: #D7D7D7;
   margin-top: 16px;
   border-radius: 4px;
   .r-block{
     width: 0%;
     height: 100%;
     background: #008900;
   }
   
  
     }
      .rc-value{
        display: flex;
		margin-top:11px;
		font-size:14px;
		color:#666;
        justify-content: space-between;
		span{
			font-size: 14px;
		}
   }

 }
    .rc-order{
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #D8D8D8;
        padding-bottom: 28px;
        margin-top: 20px;
		align-items: center;
        em{
            font-style: normal;
            font-size: 26px;
            color: #333333;
        }
    }

    .rc-obligation{
      margin-top: 16px;
        ul{
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 0 auto;
        text-align: center;
            li{
                float: left;

            }
            img{
                width: 96px;
                height: 96px;
                display: block;
            }
        }
        span{
          font-size: 18px;
		  color:#333;
        }
    }
    .rc-usermain{
    h2{
		color: #333333;
		font-size: 26px;
		font-weight: normal;
		display: block;
		padding-bottom: 28px;
		border-bottom: 1px solid #D8D8D8;
		text-align: left;
	  }
    }
    .rc-buymain{
      display: flex;
      justify-content: space-between;
	  flex-direction: row;
      margin: 0 auto;
    }
    .rc-buy{     
        img{
            width: 96px;
            height: 96px;
            display: block;
        }
        em{
            font-style: normal;
            font-size: 18px;
            color: #333333;
        }
        .rc-load{
            display: flex;
            align-items: center;
            font-size: 14px;
             color: #666666;
             span{
                  display: block;
                  margin-right: 8px;
                  margin-top: -4px;
             }
             img{
               width: 8px;
               height: 16px;
               display: block;
             }
             display: none;
        }
    }
  }
}