* {padding: 0;margin: 0;}
body{background: #f7f7f7;}
li{list-style: none;}
.mui-content{background: none;}

.mtop15{margin-top: 15px;}
.mtop40{margin-top: 40px !important;}
.mbottom20{margin-bottom: 20px;}
hr{margin:10px 15px;height:0; border-top:1px solid #dee2e7; border-right:0; border-bottom:0; border-left:0; }

.mui-bar .mui-icon{color: white; opacity:1}
.mui-bar .mui-icon:active{color: white; opacity: 0.8}

.txt-blue{color: #3668ec;}
.txt-red{color: #f24b55;}

/*社保状态查询*/
.my-social-status{margin:15px 4px;}
.my-social-status img.shebaoka{width:100%;height: auto; padding: 20px 5%;border-bottom: 1px solid #ebebeb;}
.my-social-status-con1,.my-social-status-con2{width: 100%; height: 0;padding-bottom:32%;background: no-repeat center/100% auto; }
.my-social-status-con1{background-image: url("../images/my-social-status-con-bg1.png");}
.my-social-status-con2{background-image: url("../images/my-social-status-con-bg2.png");}
.my-social-status-con1 h4,.my-social-status-con2 h4{padding:8% 0 1% 26%;color: white; font-size:22px; font-weight: normal;}
.my-social-status-con1 p,.my-social-status-con2 p{padding:0 1% 1% 26%; color: white; font-size:12px;}

.my-social-status .mui-input-group{margin:-15px -4px 0 -4px;}
.my-social-status .mui-input-group .mui-input-row:after{background: #ebebeb; left: 0;}
.my-social-status .mui-input-group:after{background: #ebebeb;}
.my-social-status .mui-input-group:before{height: 0;}
.my-social-status .mui-input-row label{font-size: 15px; color: #333;line-height: 1.3; width: 28%}
.my-social-status .mui-input-row label~input{font-size: 15px; color: #333;line-height: 1.3;width: 72%;}

.my-social-status  .width-max label{font-size: 15px;color: #333;line-height: 1.3;width:50%;}
.my-social-status .width-max label~select {font-size: 15px;color: #333;line-height: 1.3;width:50%;}
.my-social-status .mui-navigate-right:after, .mui-push-right:after {transform: rotate(90deg);line-height: 0.2;}
.my-social-status .my-radio-con{float:left;width: 100%;padding: 0 15px;}

.my-btn{background: linear-gradient(90deg, #1da2e0 0%, #8e17fe 74%, #7649cb 100%); border:0; width:90%; margin:15px 5%; border-radius:30px; color: white;padding:8px;}
.my-btn-center{ display: block; text-align: center;}
.my-btn-one{background: #3668ec;border:1px solid #3668ec;width:30%; margin:15px 2%; border-radius:30px; color: white;padding:8px;}
.my-btn-two{background:white;border:1px solid #3668ec; width:30%; margin:15px 2%; border-radius:30px; color:#3668ec;padding:8px;}
/*社保功能开通1*/
/*申领*/
.my-social-status span{ font-size: 14px;padding-left: 10px;}
.my-apply-bottom{padding-left: 10px; position: absolute; bottom:0;}
.my-apply-bottom h5{ font-size: 14px; color:#333333; font-weight: bold;}
.my-apply-bottom p{font-size: 12px; color:#333333;}

/*首页*/
.my-home{}
.my-home ul{background: white; overflow: hidden;}
.my-home ul li{width: 33.33%; float: left; text-align: center;}
.my-home ul li a{padding: 20px 5px 5px 5px;display: block;}
.my-home ul li .iconfont{width:50px; height:50px; display: block; color:white; line-height: 50px; font-size: 28px !important; margin: 0 auto;border-radius: 15px; margin-bottom: 10px;}
.my-home ul li .icon-my-home-ico1{background: #fbaf22;}
.my-home ul li .icon-my-home-ico2{background: #ff616e;}
.my-home ul li .icon-my-home-ico3{background: #5da0fb;}
.my-home ul li p{color: #333;}
.my-home .my-apply-bottom p br{margin-bottom: 10px;}

.my-home ul li:nth-child(4) a,.my-home ul li:nth-child(5) a,.my-home ul li:nth-child(6) a{padding:5px 5px 5px 5px;}

.my-home ul li a img{width:46%;}

/*证件核验*/
.my-credentials{background: white;overflow: hidden; margin-top:10px; padding:20px 10px 20px 10px;}
.my-credentials a{width: 100%; float: left;}
.my-credentials img{width: 80%;margin:15px 10% 0 10%;}
.my-credentials-two img{background: #f5f5f5; border-radius: 5px; padding: 5px;}

/*身份验证*/
.my-step{background: white;padding-bottom: 15px;}
.my-step img{width:56%; margin:15px 22% 0 22%;}
.my-step-txt{text-align: center; color: #aaaaaa; font-size: 14px;}
.my-step-txt span{display: inline-block; width: 50%;}

.my-photo{background: white; margin-top: 10px; padding-bottom:20px;}
.my-photo p{text-align: center;padding: 20px 0 10px 0;}
.my-photo img{width:56%; margin:0 22%; }
.my-photo img.width30{width: 30%;margin:0 35%;}
.my-photo img.pic-border{padding: 20px; box-shadow:0 0 5px #e1e1e1;border-radius: 5px;}
.my-photo h4{text-align: center; font-weight: normal; margin-top: 10px;}

.my-certificate-info{background: white;margin-top: 10px;padding-bottom: 20px;}
.my-certificate-info h4{color: #3668ec;padding:12px 0 5px 15px; font-weight: normal; font-size: 16px;}
.my-certificate-info h4 .iconfont{margin-right: 5px;}
.my-certificate-info h4 a{border: 1px solid #3668ec;float: right; color: #3668ec;
    margin-right: 15px;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    position: relative;
    top: -4px;}
.my-certificate-info .mui-input-row label {font-size: 15px;color: #333;line-height: 1.3;}
.my-certificate-info .mui-input-row label~input[type=text] {font-size: 15px;color: #333;line-height: 1.3;}
.my-certificate-info .mui-input-group .mui-input-row:after{background: #ebebeb; left: 0;}
.my-certificate-info .mui-input-group:after{background: #ebebeb;}
.my-certificate-info .mui-input-group:before{background: #ebebeb;}

.my-certificate-info  .width-max label{font-size: 15px;color: #333;line-height: 1.3;width:50%;}
.my-certificate-info .width-max label~select {font-size: 15px;color: #333;line-height: 1.3;width:50%;}
.my-certificate-info .mui-navigate-right:after{transform: rotate(90deg);line-height: 0.2;}
.my-certificate-info .my-radio-con{float:left;width: 100%;padding: 0 15px;}

/*填写地址*/
.my-address{padding-bottom: 20px;}
.my-address .mui-input-group{margin-bottom: 10px;background: white;}
.my-address .mui-input-group .mui-input-row{padding: 0 15px 0 0;}
.my-address .mui-input-row label {font-size: 15px;color: #333;line-height: 1.3;width:46%;}
.my-address .mui-input-row label~input[type=text] {font-size: 14px;color: #333;line-height: 1.3;width:54%;}
.my-address .mui-input-row input{font-size: 14px;color: #333;line-height: 1.3;}
.my-address .mui-input-group .mui-input-row:after{background: #ebebeb; left: 0;}
.my-address .mui-input-group:after{background: #ebebeb;}
.my-address .mui-input-group:before{background: #ebebeb;}
.my-address .mui-input-row label~select {font-size: 15px;color: #333;line-height: 1.3; width: 22%; float: left;}
.my-address .mui-icon-arrowdown{float: left;color: #bbb; line-height: 40px;font-size: 15px;width:5%;}

.my-ll input{padding-left:30px;}
@media screen and (min-width: 320px) {
    .my-address .mui-input-row label {font-size: 12px;line-height: 1.7;}
    .my-address .mui-input-row label~input[type=text] {font-size: 12px;line-height: 1.7;}
    .my-address .mui-input-row input {font-size: 12px;line-height: 1.7;}
    .my-address .mui-input-row label~select {font-size: 12px;line-height: 1.7;}
    .my-online-info .mui-input-row label{font-size: 12px;line-height: 1.7;}
    .my-online-info .mui-input-row label~input[type=text] {font-size: 12px;line-height: 1.7;}
    .my-online-info .mui-input-row input {font-size: 12px;line-height: 1.7;}
    .my-online-info .mui-input-row label~select {font-size: 12px;line-height: 1.7;}
}
@media screen and (min-width:375px) {
    .my-address .mui-input-row label {font-size: 15px;line-height: 1.3;}
    .my-address .mui-input-row label~input[type=text] {font-size: 15px;line-height: 1.3;}
    .my-address .mui-input-row input {font-size: 15px;line-height: 1.3;}
    .my-address .mui-input-row label~select {font-size: 15px;line-height: 1.3;}
    .my-online-info .mui-input-row label{font-size: 15px;line-height: 1.3;}
    .my-online-info .mui-input-row label~input[type=text] {font-size: 15px;line-height: 1.3;}
    .my-online-info .mui-input-row input {font-size: 15px;line-height: 1.3;}
    .my-online-info .mui-input-row label~select {font-size: 15px;line-height: 1.3;}
}

.my-address-explain{padding: 0 15px;}
.my-address-explain p{font-size: 12px;color: #aaaaaa;}
.my-address-explain p i{font-style: normal; font-size: 13px;color: #333;}


/*开通结果*/
.my-open-result{margin-top: 0;}
.my-open-result a{text-align: center;width: 100%;display: block;font-size: 14px; line-height: 1.8}

/*申请服务银行*/
.my-applybank{background: white;padding-bottom: 20px;}
.my-applybank .mui-input-row label {font-size: 15px;color: #333;line-height: 1.3; width: 28%;}
.my-applybank .mui-input-row label~input[type=text] {font-size: 15px;color: #333;line-height: 1.3; width: 72%;}
.my-applybank .mui-input-row label~select{font-size: 15px;color: #333;line-height: 1.3;width: 72%;}
.my-applybank .mui-input-group .mui-input-row:after{background: #ebebeb; left: 0;}
.my-applybank .mui-input-group:after{background: #ebebeb;}
.my-applybank .mui-input-group:before{background: #ebebeb;}
.my-applybank .mui-navigate-right:after{transform: rotate(90deg);line-height: 0.2;}

.my-radio{height:auto !important; padding-bottom: 11px;}
.my-radio-con{float: right;width: 72%;}
.my-radio-con .mui-input-group .mui-input-row:after{left: 0;}
.my-radio-con .mui-radio input[type=radio]{top: 10px;width: 20px;height: 20px;}
.my-radio-con .mui-radio input[type=radio]:before{font-size: 18px;}
.my-radio-con .mui-input-row label{padding: 11px 15px 0 22px; width: 100%;}
.my-radio-con .mui-radio.mui-left input[type=radio]{left: 0;}
.my-radio-con .mui-input-row{height: auto !important;}
.my-radio-con .mui-input-row:after{height: 0;}

.my-radio-bottom{padding-left: 15px; padding-top: 10px;}
.my-radio-bottom h5{ font-size: 14px; color:#ff4961; font-weight: bold;}
.my-radio-bottom p{font-size: 12px; color:#333333;}

/*申请人信息*/
.my-applicant-info{background: white;padding-bottom: 20px;}
.my-applicant-info img{width: 40%; margin:30px 30%;}
.my-applicant-info .mui-table-view-cell{font-size: 15px; color: #333;}
.my-applicant-info .mui-table-view-cell .mui-pull-right{ color: #4c4c4c;}
.my-applicant-info .mui-table-view-cell .iconfont{margin-right:8px; color: #3668ec; font-size: 14px;width: 20px;text-align: center;display: inline-block;}
.my-applicant-info .mui-table-view:before,.my-applicant-info .mui-table-view:after{background: #ebebeb;}
.my-applicant-info .mui-table-view-cell:after{background: #ebebeb; left: 38px;}

/*授权登录*/
.my-authorize{background: white; text-align: center; padding-bottom:60px;}
.my-authorize img{width:75%;}
.my-authorize h4{font-weight: normal;color: #aaaaaa;padding:30px 0;}

.my-skip{background: #343434;padding: 15px; color: #8c8c8c; font-size: 13px;overflow: hidden;}
.my-skip p{float: left;width:93%;padding-top: 13px;padding-right:2px;}
.my-skip img{float: right;width:7%; height: auto;}

/*二维码*/
.my-erweima{background: white; text-align: center;padding-bottom:40px;}
.my-erweima p{ font-size: 18px; color: #979797; padding:30px 0 20px 0;}
.my-erweima-iso{border: 1px solid #f0f0f0;width: 60%; margin: 0 20%; padding:30px 0 0 0; position: relative;}
.my-erweima-iso img{width:70%;height: auto;}
.my-erweima-iso h5{font-size: 16px;color: #979797; padding-bottom: 15px;}
.my-erweima-iso span img{ position: absolute; top: 0; right: 0; width:22%;}
.my-erweima-android{border: 1px solid #f0f0f0;width: 60%; margin: 0 20%; padding:30px 0 0 0; position: relative;}
.my-erweima-android img{width:70%;height: auto;}
.my-erweima-android h5{font-size: 16px;color: #979797; padding-bottom: 15px;}
.my-erweima-android span img{ position: absolute; top: 0; right: 0; width:22%;}

/*个人信息录入*/
.my-online-info{background: white;padding-bottom: 20px;}
.my-online-info img{width: 40%; margin:30px 30%;}
.my-online-info{}
.my-online-info .mui-input-row label{width: 40%;}
.my-online-info .mui-input-row label~input,.my-online-info .mui-input-row label~select{width: 60%;}
.my-online-info .mui-input-group .mui-input-row:after{background: #ebebeb; left: 0;}
.my-online-info .mui-input-group:after,.my-online-info .mui-input-group:before{background: #ebebeb;}