/* 从旧版费控首页移植的文字流程模块，样式仅作用于本模块。 */
.cc-native-flow-scroll { width:100%; overflow-x:auto; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; }
#cc-native-flow { width:1000px; margin:0 auto; padding:18px 16px 14px; background:#3c434f url(../images/fee-flow/bg5.jpg) center/cover no-repeat; isolation:isolate; }
#cc-native-flow, #cc-native-flow * { box-sizing:content-box; }
#cc-native-flow div, #cc-native-flow ul, #cc-native-flow li, #cc-native-flow p, #cc-native-flow h5 { margin:0; padding:0; }
#cc-native-flow { font-size:16px; line-height:normal; }
#cc-native-flow ul, #cc-native-flow li { list-style:none; }
#cc-native-flow p { color:inherit; line-height:normal; }
#cc-native-flow h5 { font-size:14px; line-height:normal; letter-spacing:normal; font-weight:700; color:#242424; }
#cc-native-flow img { display:inline-block; max-width:none; vertical-align:middle; }
#cc-native-flow .show1 ul li {
  float: left;
}
#cc-native-flow .content2-show-1 div {
  display: flex;
  -ms-justify-content: center;
  justify-content: center;
  text-align: center;
  line-height: 38PX;
}
#cc-native-flow .show1 {
  width: 600px;
  overflow: hidden;
  margin: 0 auto;
}
#cc-native-flow .content2-show-1 {
  margin-left: 100px;
}
#cc-native-flow .content2-show-1 p {
  font-family: SourceHanSansCN-Regular;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #fffefe;
  margin-left: 5px;
}
#cc-native-flow .content2-show-1 .bbb .tips p {
  font-size:14px ;
  width: 60px;
  line-height: 20px;
}
#cc-native-flow .show2 {
  width: 1000px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
#cc-native-flow .show2 .show2-left {
  width: 100px;
  background-color: #dde8fb;
  overflow: hidden;
  display: flex;
  align-items: center; 
  justify-content: center; 
}
#cc-native-flow .show2 .show2-left p {
  width: 20px;
  text-align: center;
  font-size: 20px;
  color: #242424;
  letter-spacing: 0px;
  line-height: 25px;
  font-family: SourceHanSansCN-Regular;
}
#cc-native-flow .show2 ul li {
  display: flex;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 5px;
}
#cc-native-flow .show2 .show2-right {
  width: 895px;
  background-color: #f1f6ff;
  overflow: hidden;
  margin-left: 5px;
}
#cc-native-flow .show2-right .mes1 {
  background-color: #d9e6fd;
  height: 120px;
  position: relative;
  width: 380px;
  border: dashed 1px #3076ee;
  float: left;
  margin: 15px 15px 10px 110px;
}
#cc-native-flow .show2-right .show2-right-top1 {
  overflow: hidden;
  height: 160px;
  position: relative;
}
#cc-native-flow .shixin {
  width: 20px;
  height: 20px;
  background-color: #d9e6fd;
  transform: rotate(45deg); 
  position: absolute;
  top: 90%;
  left: 85%;
  border-right: dashed 1px #3076ee;
  border-bottom: dashed 1px #3076ee;
}
#cc-native-flow .show2-right .mes2 {
  background-color: #d9e6fd;
  position: relative;
  width: 250px;
  border: dashed 1px #3076ee;
  float: left;
  margin-top: 40px;
}
#cc-native-flow .show2-right-bottom1 {
  height: 60px;
}
#cc-native-flow .show2-right-bottom1 ul li {
  float: left;
  margin-bottom: 0px;
}
#cc-native-flow .show2-right .mes2 p {
  padding: 10px;
  margin-left: 3px;
}
#cc-native-flow .show2-right .mes2 p .ocr1 {
  font-family: SourceHanSansCN-Regular;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 23px;
  letter-spacing: 0px;
  color: #242424;
  
}
#cc-native-flow .show2-right .mes2 p .orc2 {
  font-family: SourceHanSansCN-Regular;
  font-size: 12px;
  font-stretch: normal;
  line-height: 23px;
  letter-spacing: 0px;
  color: #242424;
}
#cc-native-flow .mes1 ul li {
  float: left;
  max-width: 190px;
  min-width: 90px;
  text-align: center;
}
#cc-native-flow .mes1 ul li div {
  margin-top: 12px;
}
#cc-native-flow .mes1 .mes1-text {
  height: 60px;
  min-width: 90px;
}
#cc-native-flow .mes1 .mes1-text p {
  padding: 2px;  
  font-size: 12px;
  color: #3076ee;
}
#cc-native-flow .mes1 .mes1-text h5 {
  font-size: 12px;
  color: #333333;
  
}
#cc-native-flow .mes1 .mes1-text ul li {
  float: left;
  text-align: center;
}
#cc-native-flow .rightLine {
  border-right:solid 1px #3076ee ;
}
#cc-native-flow .show2-right-bottom1 ul li {
  width: 100px;
  height: 33px;
  background-color: #3076ee;
  border-radius: 2px;
  margin-left: 70px;
  color: #ffffff;
  text-align: center;
  line-height:33px ;
  margin-bottom: 20px;
  cursor: pointer;
  font-size: 14px;
}
#cc-native-flow .show2-right-left2 {
    width: 124px;
    height: 106px;
    background-color: #ffffff;
    border: dashed 1px #3076ee;
    margin:25px 0;
    margin-left: 80px;
    float: left;
}
#cc-native-flow .show2-right-left2 ul li {
  width: 100px;
  height: 33px;
  background-color: #3076ee;
  border-radius: 2px;
  margin: 13px auto;
  color: #ffffff;
  text-align: center;
  line-height:33px ;
  cursor: pointer;
  font-size: 14px;
}
#cc-native-flow .arrow0 img {
  position: absolute;
  top: 75px;
  left: 467px;
  z-index: 1;
}
#cc-native-flow .arrow1 img {
  position: absolute;
  top: 195px;
  left: 270px;
  width: 260px;
}
#cc-native-flow .arrow2 img {
  position: absolute;
  top: 195px;
  left: 545px;
}
#cc-native-flow .arrow3 img {
  position: absolute;
  top: 310px;
  left: 310px;
  width: 90px;
}
#cc-native-flow .arrow4 img {
  position: absolute;
  top: 310px;
  left: 585px;
  width: 90px;
}
#cc-native-flow .arrow5 img {
  position: absolute;
  top: 275px;
  left: 165px;
}
#cc-native-flow .arrow6 img {
  position: absolute;
  top: 330px;
  left: 302px;
}
#cc-native-flow .arrow7 img {
  position: absolute;
  top: 350px;
  left: 560px;
}
#cc-native-flow .arrow8 img {
  position: absolute;
  top: 470px;
  left: 787px;
}
#cc-native-flow .show2-right-center2 {
  width: 182px;
  height: 85px;
  background-color: #ffffff;
  border-radius: 2px;
  border: solid 1px #50b782;
  float: left;
  margin: 40px 90px;
}
#cc-native-flow .show2-right-center2 p {
    font-family: SourceHanSansCN-Bold;
    font-size: 14px;
    line-height: 35px;
    color: #3076ee;
    text-align: center;
}
#cc-native-flow .show2-right-center2 div {
  display: flex;
  justify-content: center;
  align-items: center;
}
#cc-native-flow .show2-right-right2 {
    width: 151px;
    height: 86px;
    background-color: #3076ee;
    border-radius: 2px;
    margin: 40px 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 14px;
}
#cc-native-flow .show2-right-right2 p {
  width: 120px;
  height: 40px;
}
#cc-native-flow .show2-right-left3 {
  float: left;
  color:#ffffff;
  margin: 30px 0;
  margin-left: 70px;
}
#cc-native-flow .tip {
    width: 100px;
    height: 33px;
    background-color: #3076ee;
    border-radius: 2px;
    text-align: center;
    line-height: 33px;
    color: #ffffff;
}
#cc-native-flow .show2-right-left3-top {
  margin: 5px 13px;
}
#cc-native-flow .show2-right-left3-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
    width: 350px;
    height: 52px;
    background-color: #d9e6fd;
    border-radius: 2px;
    border: dashed 1px #3076ee;
   
}
#cc-native-flow .show2-right-left3-bottom div {
float: left;
margin: 5px;
}
#cc-native-flow .show2-right-left3-bottom p {
  font-family: SourceHanSansCN-Regular;
  font-size: 12px;
  color: #242424;
}
#cc-native-flow .show2-right-left3-bottom p span {
  font-family: SourceHanSansCN-Bold;
  font-size: 12px;
  color: #242424;
  font-weight: bold;
}
#cc-native-flow .show2-right-center3 {
    width: 239px;
    height: 116px;
    background-color: #d9e6fd;
    border-radius: 2px;
    border: dashed 1px #0451ff;
    margin: 20px 0px;
    display: inline-block;
    margin-left: 20px;
}
#cc-native-flow .show2-right-center3 p {
  font-family: SourceHanSansCN-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 27px;
  letter-spacing: 0px;
  color: #3076ee;
}
#cc-native-flow .show2-right-center3-top {
  padding: 10px;
}
#cc-native-flow .show2-right-center3-bottom {
  padding:0 10px 10px 10px;
}
#cc-native-flow .show2-right-center3-bottom p span {

    width: 66px;
    height: 24px;
    background-color: #d9e6fd;
    border: dashed 1px #97bdff;
  }
#cc-native-flow .show2-right-right3 {
    width: 82px;
    height: 54px;
    background-color: #d9e6fd;
    border-radius: 2px;
    border: dashed 1px #3076ee;
    float: right;
    margin-top: 50px;
    margin-right: 110px;
    text-align: center;
  }
#cc-native-flow .show2-right-right3 p {
    font-family: SourceHanSansCN-Regular;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: 0px;
    color: #242424;
    padding: 10px;
}


#cc-native-flow .show2-right-right2 p { color:#fff; }
@media(max-width:1064px) { #cc-native-flow { margin-left:0; margin-right:0; } }