body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,span,em,i,button,a{margin:0;padding:0;color:inherit;line-height: inherit;font-family:"microsoft yahei","PingFang SC","PingFangSC-Regular";font-size: 0.24rem;}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a{ text-decoration:none; color:inherit;font-size:inherit;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
p,span,li{font-size:inherit;color:inherit;}
h3,h4,h5,h6{font-weight: normal;}
em,i,span,a,p{font-style:normal;font-size:inherit;}
*{box-sizing:border-box;color: #333;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}   
.bold{font-weight: bold;}
.center{text-align: center;}
.img{width: 100%;display: block;}
html{font-size:13.333vw;}
html.pc{font-size:4vw;max-width:9.8rem;margin:0 auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';position:absolute;display: block;}
.ipt{display: block;width: 100%;border:none;background: transparent;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);} 
body{-webkit-text-size-adjust: 100% !important;background-color: #fff;}


/* ::-webkit-input-placeholder{color:#b3b3b3;}
:-moz-placeholder{color:#b3b3b3;}
::-moz-placeholder{color:#b3b3b3;}
:-ms-input-placeholder{color:#b3b3b3;} */



/* page1 */
.rj-sec{min-height: 100vh;padding:50px 30px 30px; max-width: 640px; margin: 0 auto;}
.rj-sec .top{text-align: center; position: relative; width: 80px; height: 80px; margin: 0 auto;}
.rj-sec .top::before {position: absolute;  bottom: 0;  right: 0;  content: "TF";  color: #fff;  background-color: #2080f0;  border-bottom-right-radius: 5px;  border-top-left-radius: 5px;
  opacity: .7;  transition: .2s;width: 15px;  height: 14px;  font-size: 10px;}

.rj-sec .info {}
.rj-sec .info h3{font-size: 22px; font-weight: 500; line-height: 36px; margin-bottom: 5px; margin-top: 12px; text-align: center}
.rj-sec .info p{ font-size:14px; line-height:1.6; margin:16px 0; color:#999; text-align: center }

.rj-sec .list {}
.rj-sec .list li{ margin-top:30px; box-shadow: 0 0 3px #e9e9e9; padding:12px 16px;}
.rj-sec .list li .step{ color:#2080f0; font-weight:500; border-left: 2px #2080f0 solid; display: block; padding:5px 10px; font-size: 16px }
.rj-sec .list li .down{ font-weight:400; color:#2080f0; border:1px solid #2080f0; /*! height:40px; */ line-height:40px;font-size:15px; padding:0px 18px; border-radius:3px; margin: 16px auto 10px auto; display: block;width: 168px;text-align: center;}
.rj-sec .list li .down img{ width:20px; height:20px;  margin-right: 5px;}
.rj-sec .list li .txt{font-size:14px; line-height:1.6; margin:16px 0; color:#999; text-align: center;}