@charset "utf-8";
/* CSS Document */

@media screen and (min-width:320px) {
	html {
	font-size:21.33px
	}
	body {
	font-size:12px
	}
}
@media screen and (min-width:360px) {
	html {
	font-size:24px
	}
	body {
	font-size:12px
	}
}
@media screen and (min-width:375px) {
	html {
	font-size:25px
	}
	body {
	font-size:12px
	}
}
@media screen and (min-width:384px) {
	html {
	font-size:25.6px
	}
	body {
	font-size:14px
	}
}
@media screen and (min-width:400px) {
	html {
	font-size:26.67px
	}
	body {
	font-size:14px
	}
}
@media screen and (min-width:414px) {
	html {
	font-size:27.6px
	}
	body {
	font-size:14px
	}
}
@media screen and (min-width:424px) {
	html {
	font-size:28.27px
	}
	body {
	font-size:14px
	}
}
@media screen and (min-width:480px) {
	html {
	font-size:32px
	}
	body {
	font-size:15.36px
	}
}
@media screen and (min-width:540px) {
	html {
	font-size:36px
	}
	body {
	font-size:17.28px
	}
}
@media screen and (min-width:720px) {
	html {
	font-size:48px
	}
	body {
	font-size:23.04px
	}
}
@media screen and (min-width:750px) {
	html {
	font-size:50px
	}
	body {
	font-size:24px
	}
}

html{ height: 100%;}
body{ min-width:320px; background: #f5f5f9;}

*{  margin:0; padding:0; border:none; box-sizing:border-box;}

a{ text-decoration:none; outline:none;}
a:hover ,a:link ,a:active{ text-decoration:none; outline:none;}
ul, li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ font-weight: normal;}
i,em{ font-style: normal;}

img{ border:none; outline:none; vertical-align:top;}

input, textarea, button{ color:#111; border:none; background:none; outline:none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color:#aaa;}

::-webkit-scrollbar{ width:0; height:0; display:none}


.clr{ width:100%; height:.5rem; background:#f5f5f9; overflow:hidden; clear:both;}
.clr-small{ width:100%; height:.25rem; background:#f5f5f9; overflow:hidden; clear:both;}

.fl{ float: left;}
.fr{ float: right;}



/**********通用部分**********/
/**************************/
/******页头******/
/*------主体------*/
.header{ width:100%; height:1.8rem; color:#fff; background: linear-gradient(90deg,#27a6fa,#8e71f5); background: -webkit-linear-gradient(left,#27a6fa,#8e71f5); padding: 0 2rem; position:fixed; z-index:999; left: 0; top: 0;}
.header .logo{ width: 100%; line-height:1.8rem; font-size: .6rem; text-align:center; position: relative;}

/*------返回按钮------*/
.header .header-return{ width:1.8rem; height:1.8rem; background:url(../images/return.svg) no-repeat center; background-size:.86rem auto; overflow:hidden; display:block; position:absolute; z-index:1000; left:0; top:0;}
.header .header-return a{ width: 100%; height: 100%; display: block;}

/*------添加按钮------*/
.header .header-btn{ position: absolute; right: 0; top: 0;}
.header .header-btn a{ line-height: 1.8rem; color: #fff; display: block; padding: 0 .5rem;}
/*------重置mui头部样式------*/



/******主体内容******/
.container{ width:100%; overflow:hidden; padding:1.8rem 0 0 0;}
.mui-content{background: #f5f5f9;}
/******通用面板******/

.zyui-card {
  margin-bottom: 15px;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
.zyui-card-body, .zyui-card-header {
  position: relative;
}
.zyui-card-header {
  height: 1.8rem;
  line-height: 1.8rem;
  padding: 0 .5rem;
  border-bottom: 1px solid #f6f6f6;
  color: #333;
  border-radius: 2px 2px 0 0;
  /*font-size: 14px;*/
  font-size: .56rem;
}
.zyui-card-header .card_title{border-bottom: .1rem solid #46a9fd;height: 1.7rem;line-height: 1.7rem;display: inline-block;color: #46a9fd;}
.zyui-card-body {
  padding: 10px 10px;
  line-height: 24px;
  font-size:.56rem; 
}
.zyui-card-body .explain{line-height:1.2rem; font-size:.56rem; padding:0 .3rem;color: #909399; }
.zyui-card-body .explain span{color: #f9ae3d;;}
.zyui-card .zyui-card {
  margin-top: 15px;
  margin-bottom: 15px;
  border-radius: 2px;
  background-color: #fff;
  border: 1px solid #eee;
}

/******通用表单格式******/
/*------外框------*/
.form-widget{ width:100%; overflow:hidden;}
.form-box{ width:auto;}

/*------表单主体------*/
.form-group{ width:100%; background:#fff; border-bottom:#f1f1f1 1px solid; display:table; position: relative;}
/*.form-group:last-child{ border-bottom:none;}*/

.form-label, .form-control{ height:1.9rem; font-size:.56rem; display:table-cell; padding:0 .3rem; position: relative; vertical-align: middle;word-break: break-all;}
.form-label{ width:3.8rem; color:#333;}
.form-label i{ color: #f00;}

.form-control span{ display: block; vertical-align: middle;}

/*------输入框------*/
.form-control input{ width:100%; height:1.8rem; font-size:.56rem; border:none; background:none;padding: 0px;}

.form-control input.primary-input{ font-size: .6rem; color: #46a9fd;}
.form-control input.primary-input::-webkit-input-placeholder{ font-size: .56rem;}

/*------单选/多选框------*/
.radio-group{ height:1.8rem;}

.radio-group input[type=radio], .radio-group input[type=checkbox]{ width:.8rem; height:.8rem; border:#ddd .08rem solid; border-radius:50%; float:left; margin-top:.7rem; -webkit-appearance:none; appearance:none;}
.radio-group input[type=radio]:checked, .radio-group input[type=checkbox]:checked{ background:url(../images/selected.png) no-repeat; background-size:.8rem auto; border:none;}

.radio-group span{ font-size:.56rem; color:#555; display:inline-block; margin-left:.3rem;}

/*------下拉选择框------*/
.select-group{ width:100%; height:1.9rem; color:#555; position:relative;}
.select-group:after{ width:.3rem; height:.3rem; content:''; border-top:#c4c4c4 1px solid; border-right:#c4c4c4 1px solid; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); position:absolute; right:.3rem; top:.65rem;}

.select-group select{ width:100%; height:1.8rem; font-size:.56rem; color:#999; border:none; outline:none; -webkit-appearance:none; appearance:none;}

.form-control .select-group span{ line-height: 1.9rem;}

/*------手机标志------*/
.form-phone.form-control{ padding: 0 .3rem 0 2.2rem;}
.form-phone.form-control span{ height: 1rem; line-height: 1rem; font-size: .46rem; color: #45acfb; border-right:#ddd 1px solid; display: block; padding: 0 .4rem; position: absolute; left: 0; top: .4rem;}

/*------获取验证码------*/
.form-getcode.form-control{ padding: 0 3.7rem 0 .3rem;}
.form-getcode.form-control button{ width:3.5rem; height:1.8rem; font-size:.46rem; color:#f00; text-align:center; position: absolute; top: 0; right: 0;}
.form-getcode.form-control .button_btn{ width:3.5rem; height:1.8rem; font-size:.46rem; color:#f00; text-align:center; position: absolute; top: 0; right: 0;}

/*------链接------*/
.form-link{ width: 100%;}
.form-link a{ color: #46a9fd; display: block; float: right; padding: .5rem;}

/*------提示语------*/
.form-tips{ width: 100%; font-size: .48rem; color: #f00; padding: .3rem;}

/*------设为默认------*/
.set-default{ width: 100%; overflow: hidden; padding: .5rem .5rem;}
.set-default span{ line-height: .74rem; font-size: .48rem; color: #aaa; display: block; float: left; margin-left: .3rem;}

.set-default input[type=radio], .set-default input[type=checkbox]{ width:.74rem; height:.74rem; border:#ccc 2px solid; border-radius:50%; float:left;  -webkit-appearance:none; appearance:none;}
.set-default input[type=radio]:checked, .set-default input[type=checkbox]:checked{ background:url(../images/icon_check_white.svg) #46a9fd no-repeat center; background-size:.5rem auto; border:none;}

/*------交易相关------*/
.trade-type{line-height: 1.5rem; font-size: .5rem; color: #999; position: absolute; right: 0; top: 0;}
.trade-all{ width: 1.6rem; height: .8rem; line-height: .8rem; font-size: .5rem; color: #fff; text-align: center; background: #18c481; border-radius: .1rem; display: block; position: absolute; right: .3rem; top: .6rem;}

/*------选择单位------*/
.choose-unit{ height: 1.9rem; line-height: 1.9rem; overflow: hidden; padding: 0 .8rem 0 .3rem; position: absolute; right: 0; top: 0;}
.choose-unit:after{ width: 0; height: 0; content: ''; border-left:.18rem solid transparent; border-right:.18rem solid transparent; border-top:.18rem solid #bbb; display: block; position: absolute; right:.2rem; top: .9rem;}

.choose-unit span{ font-size: .48rem; color: #333;}

/*------提交按钮------*/
.form-submit{ width:100%; padding:.5rem; clear:both; margin-top:1rem;}
.form-submit-btn{ width: 100%; height: 1.6rem; line-height: 1.6rem; font-size: .64rem; color: #fff; text-align: center; background: #46a9fd; border-radius: .2rem; display: block;}
.form-submit-btn:disabled{ background: #afd8fa;}

.form-submit-btn.yellow-btn{ background: #ffb400; margin-top: .8rem;}
.form-submit-btn.red-btn{ background: #fc8973;}
.form-submit-btn.red-btn:disabled{ background: #fea290;}


/******上传图片******/
/*------图片列表------*/
.upload-photo{ width:100%; background: #fff; overflow:hidden; padding:.5rem;}
.upload-photo h3{ font-size:.52rem; color: #333; padding: 0 0 .5rem .5rem;}

.upload-photo li{ width:25%; float:left; margin-top:.5rem;}
.upload-photo li .upload-photo-box{ width:3rem; height:3rem; border-radius:.3rem; vertical-align:middle; margin:0 auto; position:relative;}

/*------添加按钮------*/
.upload-photo li .upload-photo-box .add-photo-btn{ width:100%; height:100%; border:#ccc 1px dashed; border-radius:.3rem; background:#eee; position:absolute; z-index:9; left:0; top:0;}
.upload-photo li .upload-photo-box .add-photo-btn:after{ width:100%; height:100%; content: ''; background: url(../images/icon_plus.svg) no-repeat center; background-size: 1.2rem auto; position:absolute; left:0; top:0; z-index:99;}
.upload-photo li .upload-photo-box .add-photo-btn input{ width:100%; height:100%; opacity:0; position:absolute; z-index:100;}

.add-photo-btn{ width:100%; height:100%; border:#ccc 1px dashed; border-radius:.3rem; background:#eee; position:absolute; z-index:9; left:0; top:0;}
.add-photo-btn:after{ width:100%; height:100%; content: ''; background: url(../images/icon_plus.svg) no-repeat center; background-size: 1.2rem auto; position:absolute; left:0; top:0; z-index:99;}
.add-photo-btn input{ width:100%; height:100%; opacity:0; position:absolute; z-index:100;}

/*------图片列表2------*/
.uploadImage{ width:100%; background: #fff; overflow:hidden; padding:.5rem;}
.uploadImage h3{ font-size:.52rem; color: #333; padding: 0 0 .5rem .5rem;}
.uploadImage .AddCamera,.uploadImage .selectCamera{ width:25%; float:left; margin-top:.5rem;}
.uploadImage .AddCamera:after{ width:100%; height:100%; content: ''; background: url(../images/icon_plus.svg) no-repeat center; background-size: 1.2rem auto; position:absolute; left:0; top:0; z-index:99;}
.uploadImage .AddCamera:after{ width:3rem; height:3rem; border-radius:.3rem; vertical-align:middle; margin:0 auto; position:relative;}
.uploadImage .AddCamera .AddCamera_up_text{ width:3rem; height:3rem; border-radius:.3rem; vertical-align:middle; margin:0 auto; position:relative;}
.uploadImage .AddCamera span{width:100%; height:100%; border:#ccc 1px dashed; border-radius:.3rem; background:#eee; position:absolute; z-index:9; left:0; top:0;}
.uploadImage .AddCamera span:after{ width:100%; height:100%; content: ''; background: url(../images/icon_plus.svg) no-repeat center; background-size: 1.2rem auto; position:absolute; left:0; top:0; z-index:99;}
.uploadImage .selectCamera img{ width:3rem; height:3rem; border-radius:.3rem; vertical-align:middle; margin:0 auto; position:relative;}

/*------正在上传------*/
.upload-photo li .upload-photo-box .loading-photo{ width:100%; height:100%; line-height:3rem; font-size:.5rem; text-align:center; color:#ddd; border-radius:.3rem; background:rgba(0,0,0,.7); position:absolute; z-index:999; left:0; top:0;}

/*------删除图标------*/
.upload-photo li .upload-photo-box .delete-photo{ width:.85rem; height:.85rem; border-radius:50%; background: url(../images/icon_close.svg) no-repeat center #fa9529; background-size: .5rem auto; position:absolute; z-index:99; top:-.2rem; right:-.2rem;}

/*------已上传缩略图------*/
.upload-photo li .upload-photo-box .loaded-photo-thumbnail{ width:100%; height:100%; background-size:cover; border-radius:.3rem; overflow:hidden; position:absolute; z-index:9; left:0; top:0;}
.upload-photo li .upload-photo-box .loaded-photo-thumbnail img{ width:100%;}


/******独立的文本输入框******/
/*------输入框主体------*/
.textarea-group{ width: 100%; background: #fff; border-bottom: #eee 1px solid; overflow: hidden; padding: .5rem .5rem .3rem .5rem;}
.textarea-group label{ font-size: .56rem; color: #333; display: block; padding-bottom: .3rem;}
.textarea-group textarea{ width: 100%; height: 4rem; font-size: .52rem;}

/*------提示------*/
.textarea-group .textarea-group-tips{ width: 100%; font-size: .45rem; padding-top: .3rem;}
.textarea-group .textarea-group-tips span{ color: #aaa; display: block;}
.textarea-group .textarea-group-tips em{ color: #f00;}


/******页面下方添加按钮******/
.add-btn{ width:100%; overflow: hidden; padding: .3rem .5rem; position: fixed; left: 0; bottom: 0;}
.add-btn a{ width: auto; height: 1.5rem; line-height: 1.5rem; font-size: .56rem; color: #fff; text-align: center; background: -webkit-linear-gradient(left,#42e3fb,#46adfc); border-radius: .2rem; display: block;}
.add-btn span, .add-btn i{ height: 1.5rem; display: inline-block; vertical-align: top;}
.add-btn i{ width: .86rem; background: url(../images/icon_write.svg) no-repeat center; background-size: .6rem auto;}



/******暂无内容******/
.no-content{ width: 100%; overflow: hidden; padding: 2rem 0;}
.no-content i{ width: 4rem; height: 4rem; background: url(../images/no-content.svg) no-repeat center; background-size: 100% auto; display: block; margin: 0 auto;}
.no-content p{ font-size: .56rem; color: #999; text-align: center; margin-top:.5rem;}



/******加载更多******/
.load-more, .load-no-more{ width: 100%; overflow: hidden;}
.load-more a{ width: 100%; font-size: .5rem; color: #555; text-align: center; display: block; padding: .5rem 1rem;}

.load-no-more span{ width: 100%; font-size: .5rem; color: #999; text-align: center; display: block; padding: .5rem 1rem;}



/******弹出框******/
/*------主体------*/
.popup{ width:100%; height:100%; background:rgba(0,0,0,.5); overflow:hidden; position:fixed; top:0; left:0; z-index:9999; display:none;}
.popup .popup-box{ width:80%; background:#fff; border-radius:.4rem; box-shadow:#555 0 0 1rem; overflow:hidden; margin:0 auto; margin-top:5rem;}
.popup .popup-box .popup-box-title{ width:100%; font-size:.6rem; color:#333; text-align: center; border-bottom:#e6e6ed 1px solid; padding:.5rem;}

/*------内容框和滚动条样式------*/
.popup .popup-box .popup-box-content{ width:100%; max-height: 15rem; overflow-x:hidden; overflow-y: auto;}
.popup .popup-box .popup-box-content::-webkit-scrollbar{ width: .35rem; display: block;}
.popup .popup-box .popup-box-content::-webkit-scrollbar-track{ width: .35rem; background: #fff; border-radius: .16rem;}/*轨道*/
.popup .popup-box .popup-box-content::-webkit-scrollbar-thumb{ height: 1rem; background: #ddd; border-radius: .16rem;}/*滚动块*/

/*------按钮------*/
.popup .popup-box .popup-submit{ width:100%; border-top:#e6e6ed 1px solid; overflow:hidden;}
.popup .popup-box .popup-submit button{ width:50%; height:1.72rem; font-size:.56rem; text-align:center; float:left;}
.popup .popup-box .popup-submit .confirm-btn{ font-size: .6rem; color:#29a1f7;}
.popup .popup-box .popup-submit .cancle-btn{ color:#999; border-right: #e6e6ed 1px solid;}

/*------选择列表------*/
.choose-list{ width: 100%; overflow: hidden; padding: .5rem;}
.choose-list li{ width: 100%; height: 1.6rem; line-height: 1.6rem; position: relative;}

.choose-list li label, .choose-list input[type='radio']{ width:100%; height: 1.6rem; position: absolute; left: 0; top: 0;}
.choose-list li label{ font-size: .56rem; z-index: 1;}
.choose-list input[type='radio']{ opacity: 0; z-index: 2}

.choose-list input:checked+label::after{ width: 1rem; height: 1rem; content: ''; background: url(../images/icon_check.svg) no-repeat center; background-size: .55rem auto; position: absolute; right: .2rem; top: .35rem;}
.choose-list input:checked+label{ color: #46a9fd;}

/*------表单------*/
.popup .popup-box .popup-box-content .form-widget{ padding: .3rem;}
.popup .popup-box .popup-box-content .form-label, .popup .popup-box .popup-box-content .form-control{ height: 1.5rem; line-height: 1.5rem;}
.popup .popup-box .form-control input{ height: 1.44rem; color: #46a9fd;}
.popup .popup-box .form-control .trade-all{ right: 0; top: .35rem;}

/*------输入密码------*/
.enter-password{ width: 100%; text-align: center; overflow: hidden; padding: .5rem;}
.enter-password input{ width: 1.3rem; height: 1.3rem; border: #ddd 1px solid; border-radius: .2rem; display: inline-block; margin: .2rem .1rem;}


/******下滑弹出层******/
.slide-warp{ width:100%; height:100%; background:rgba(0,0,0,.5); overflow:hidden; position:fixed; left:0; bottom:-100%;}

.slide-box{ width:100%; height:auto; position:absolute; left:0; bottom:0; z-index:999;}
.slide-box ul{ width: 100%; overflow: hidden; padding: 0rem .5rem .4rem .5rem;}
.slide-box ul li{ height:1.72rem; line-height:1.72rem; font-size:0.56rem; background:#fff; border-bottom: 1px solid #d6d6da;}
.slide-box ul li:first-child{ border-radius: .3rem .3rem 0 0;}
.slide-box ul li:last-child{ border-radius: 0 0 .3rem .3rem;}

.slide-box ul li a{ width: 100%; text-align:center; color:#2487ff; display:block;}

.slide-box ul li.cancle{ border-radius: .3rem;}


/******切换选项卡******/
/*------主体------*/
.tab-container{ overflow: hidden; padding: 3.66rem 0 0 0;}

/*------标题------*/
.tab-title{ width: 100%; background: #fff; overflow: hidden; position: fixed; left: 0; top: 1.76rem; z-index:999;}

.tab-title ul{ width: 100%; table-layout: fixed; display: table;}
.tab-title li{ height: 1.6rem; line-height: 1.6rem; display: table-cell;}
.tab-title li a{ width: 100%; height: 100%; font-size: .52rem; text-align: center; color: #555; display: block; position: relative;}
.tab-title li a.active{ color: #46a9fd;}
.tab-title li a.active:after{ width: 50%; height: .1rem; content: ''; background: #46a9fd; border-radius: .1rem; position: absolute; bottom: 0; left: 25%;}

/*------切换标题：2个------*/
.tab-title .tab-item{ width: 100%; table-layout: fixed; position:relative;}
.tab-title .tab-item span{ width: 50%; height: 1.6rem; line-height: 1.6rem; font-size: .52rem; text-align: center; color: #555; display: block; float: left; position:relative; z-index:2;}
.tab-title .tab-item span.active{ color: #46a9fd;}

.tab-title .lava{ width: 50%; height: 1.6rem; position: absolute; left: 0; top: 0; z-index: 0;}
.tab-title .lava:after{ width: 50%; height: .1rem; content: ''; background: #46a9fd; border-radius: .1rem; position: absolute; bottom: 0; left: 25%;}

/*------切换标题：3个------*/
.tab-title-s .tab-item span{ width:33.333333%;}
.tab-title-s .lava{ width:33.333333%;}

/*------切换内容------*/
.tab-content{ width: 200%; white-space: nowrap; position: relative;}
.tab-content>div{ width: 50%; float: left; position: relative;}

.tab-title-s+.tab-content{ width: 300%;}
.tab-title-s+.tab-content>div{ width: 33.3333333%;}

/*------切换内容------*/
.tab-box{ width: 100%; overflow: hidden;}



/******记录表格******/
/*------主体------*/
.record-list{ width: 100%; overflow: hidden; position: relative; }

/*------表格内容------*/
.record-list-title, .record-list-content{ width: 100%; background: #fff; table-layout: fixed; border-collapse: collapse; display: table;}
.record-list-title span, .record-list-content span{ text-align: center; display: table-cell;}

.record-list-title{ border-bottom: #e4e4e4 1px solid;}
.record-list-title span{ font-size: .56rem; color: #333; padding: .5rem .3rem;}

.record-list-content{ border-bottom: #f1f1f1 1px solid;}
.record-list-content span{ font-size: .52rem; color: #777; padding: .3rem;}
.record-list-content b{ font-weight: normal;}

/*------字体颜色------*/
.record-red{ font-size: .56rem; color: #f80;}
.record-green{ font-size: .56rem; color: #4bc94f;}


/**********文章样式**********/
/**************************/
/******列表******/
.article-box{ width: 100%; position: relative;}

.article-list{ width:100%; color: #111; background: #fff; display: block; padding: .4rem 1.8rem .4rem .5rem; margin-bottom: .3rem; position: relative;}
.article-list:after{ width: .5rem; height: 1.4rem; content: ''; background: url(../images/icon_arrow.svg) no-repeat center; background-size: .8rem auto; position: absolute; right:.3rem; top:.6rem;}
.article-list h3{ width: 100%; height: 1rem; line-height: 1rem; font-size: .65rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.article-list p{ color: #999; margin-top: .1rem;}
.article-list p.CreateTime{ color: #999; margin-top: .1rem;text-align: right;}

.article-list em.remind{ width:.35rem; height: .35rem; background: #fa5e6a; border-radius: 50%; display: block; position: absolute; right: 1.2rem; top: 1.15rem;}

.article-pic-list{ width:100%;height:4rem; color: #111; background: #fff; display: block; padding: .4rem .5rem .4rem .5rem; margin-bottom: .3rem; position: relative;}
.article-pic-list .img{width:3.5rem;height:3rem;position: absolute;top:.5rem;left:.5rem}
.article-pic-list .article-text{height:3rem;position: absolute;top:.5rem;left:4.5rem}
.article-pic-list .article-text1{height:3rem;position: absolute;top:.5rem;left:.5rem}
.article-pic-list h3{ width: 100%;  line-height: 1rem; font-size: .65rem; color:#000 }
.article-pic-list p{ color: #999; margin-top: .1rem;}
.article-pic-list em.remind{ width:.35rem; height: .35rem; background: #fa5e6a; border-radius: 50%; display: block; position: absolute; right: 1.2rem; top: 1.15rem;}

/******正文******/
.article{ width: 100%; background: #fff; overflow: hidden; padding: .5rem .7rem;}
.article .article-title{ font-size: .72rem; text-align: center; padding: .3rem 0;}
.article .article-time{ font-size: .56rem; text-align: center; color: #999;}

.article .article-content{ overflow: hidden; padding: 1rem 0 .8rem 0;}
.article .article-content p{ line-height: 1.8em; font-size: .52rem; color: #555; text-indent: 1.04rem; text-align: justify; margin-top: .15rem;}


/*------自定义样式------*/
/*------文本右侧箭头------*/
.textline-group {
    height: 1.9rem;
    font-size: .56rem;
    display: table-cell;
    padding: 0 .3rem;
    position: relative;
    vertical-align: middle;
	color:#555;
}
.textline-group:after {
    width: .5rem;
    height: 1.4rem;
    content: '';
    background: url(../images/icon_arrow.svg) no-repeat center;
        background-size: auto;
    background-size: .8rem auto;
    position: absolute;
    right: .3rem;
    top: .3rem;
}
.textline-group span{ line-height: 1.9rem;}
.zy-form-label-ico {
    width: 1.4rem;
    color: #888;
	padding: 0 .3rem 0 .5rem;
}
.zy-form-label-ico i{
    color: #888;
	font-size:.74rem
}
/*------input后面跟单位------*/
.input-unit{ height: 1.9rem; line-height: 1.9rem; overflow: hidden; padding: 0 0 0 .3rem; position: ss; right: 0; top: 0;}
.input-unit span{ font-size: .56rem; color: #333;}

.layui-form-radio * {
  font-size: .56rem;
}
input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea{
	margin-bottom: 0px;
}

/*------底部固定菜单栏------*/
.zyui-footer-toolbar{ width: 100%; position: fixed; left: 0; bottom: 0; z-index:999;}
.zyui-footer-toolbar a{ width: 50%; height: 1.6rem; line-height: 1.6rem; font-size: .56rem; text-align: center; color: #fff; display: block; float: left;} 
.zyui-footer-toolbar a:first-child{ background: #46a9fd;}
.zyui-footer-toolbar a:last-child{ background: #ffba00;}

.zyui-footer-toolbar-1{ width: 100%; position: fixed; left: 0; bottom: 0; z-index:999;padding: 8px;}
.zyui-footer-toolbar-1 a{ width: 100%; height: 2rem; line-height: 2rem; font-size: .65rem; text-align: center; color: #fff; display: block; float: left;border-radius: .2rem;} 
.zyui-footer-toolbar-1 a:first-child{ background: #46a9fd;}
/*.zyui-footer-toolbar-1 a:last-child{ background: #ffba00;}*/

.zyui-footer-toolbar-2{ width: 100%; position: fixed; left: 0; bottom: 0; z-index:999;padding: 8px;}
.zyui-footer-toolbar-2 a{ width: 49%; height: 1.8rem; line-height: 1.8rem; font-size: .6rem; text-align: center; color: #fff; display: block; float: left;border-radius: .2rem;} 
.zyui-footer-toolbar-2 a:first-child{ background: #46a9fd;}
.zyui-footer-toolbar-2 a:last-child{ background: #ffba00;float: right;}

.zyui-footer-toolbar-3{ width: 100%; position: fixed; left: 0; bottom: 0; z-index:999;padding: 8px;}
.zyui-footer-toolbar-3 a{ width: 32%; height: 1.8rem; line-height: 1.8rem; font-size: .6rem; text-align: center;background:#fa5e6a; color: #fff; display: block; float: left;border-radius: .2rem;} 
.zyui-footer-toolbar-3 a:first-child{ background: #46a9fd;margin-right:2%;}
.zyui-footer-toolbar-3 a:last-child{ background: #ffba00;float: right;}


/*拍照添加图片样式*/


/*.right-add-imgae:after {
	right: 15px;
	content: '添加';
	position: absolute;
	color: blue;
}*/

.AddMoreImages .mui-table-view-cell .mui-active {
	background-color: white !important;
}
.uploadImage .AddCamera,.uploadImage .selectCamera{ width:25%; float:left; margin-top:.5rem;}
.uploadImage .AddCamera:after{ width:100%; height:100%; content: ''; background: url(../images/icon_plus.svg) no-repeat center; background-size: 1.2rem auto; position:absolute; left:0; top:0; z-index:99;}
.uploadImage .AddCamera:after{ width:3rem; height:3rem; border-radius:.3rem; vertical-align:middle; margin:0 auto; position:relative;}
.uploadImage .AddCamera .AddCamera_up_text{ width:3rem; height:3rem; border-radius:.3rem; vertical-align:middle; margin:0 auto; position:relative;}
.uploadImage .AddCamera span{width:100%; height:100%; border:#ccc 1px dashed; border-radius:.3rem; background:#eee; position:absolute; z-index:9; left:0; top:0;}
.uploadImage .AddCamera span:after{ width:100%; height:100%; content: ''; background: url(../images/icon_plus.svg) no-repeat center; background-size: 1.2rem auto; position:absolute; left:0; top:0; z-index:99;}
.uploadImage .selectCamera img{ width:3rem; height:3rem; border-radius:.3rem; vertical-align:middle; margin:0 auto; position:relative;}

.fitmentImage .AddCamera {
	width: 25%;
	height:3rem;
	float: left;
	margin-top:.5rem;
	border-radius:.3rem;
	position: relative;
	padding-top: 15px;
	border: 1px dashed #e2e2e2;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
	color: #009688;
	border:#ccc 1px dashed; border-radius:.3rem; background:#eee;
	
}

.fitmentImage .selectCamera {
	width: 25%;
	height:3rem;
	float: left;
	margin-top:.5rem;
	border-radius:.3rem;
	position: relative;
	border: 1px dashed #e2e2e2;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
	color: #009688;
}

.AddCamera p {
	color: #009688;
	font-size: 10px;
}

.fa-cloud-upload:before {
	content: "\f0ee";
	font-size: x-large;
}

.fitmentImage .AddCamera>div>img,
.fitmentImage .selectCamera>img {
	width: 100%;
	height: 100%;
	position: relative;
}
















/*申请建房首页*/
.digital-assets {
  width: 100%;
  overflow: hidden;
  padding: 0 .4rem;
}
.digital-assets-list {
  width: 100%;
  background: #fff;
  border-radius: .2rem;
  overflow: hidden;
  padding: .5rem;
  margin-top: .4rem;
  position: relative;
}
.digital-assets-list::after {
  width: .5rem;
  height: 1.4rem;
  content: '';
  background: url(../images/icon_arrow.svg) no-repeat center;
    background-size: auto;
  background-size: .8rem auto;
  position: absolute;
  right: .3rem;
  top: .3rem;
}
.digital-assets-list h3 {
  line-height: 1rem;
  font-size: .6rem;
  color: #111;
  position: relative;
  padding: 0 0 0 0rem;
}
.digital-assets-list h3 i{margin-right: .5rem; width: .6rem;height: .6rem;display:inline-block;}
.digital-assets-list h3 span{color: #999;}
.digital-assets-list h3::after {
  width: 1rem;
  height: 1rem;
  content: '';
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 1rem;
  position: absolute;
  left: 0;
  top: 0;
}
/*------图标------*/
.digital-coin-1:after{ background-image: url(../images/coin_logo/201803080005042_BYRb3.png);}
.digital-coin-2:after{ background-image: url(../images/coin_logo/201803161740053_skRTw.png);}
.digital-coin-3:after{ background-image: url(../images/coin_logo/201709130938034_gP76Q.png);}
.digital-coin-4:after{ background-image: url(../images/coin_logo/lite.png);}
.digital-coin-5:after{ background-image: url(../images/coin_logo/201711151113009_9GlN4.png);}
.digital-coin-6:after{ background-image: url(../images/coin_logo/b8c67160a4af01a9f861e206f82f17c1.png);}
.digital-assets-details {
  width: 100%;
  overflow: hidden;
  margin-top: .3rem;
}
.digital-assets-details .digital-assets-account-1{padding-left:1.1rem;color: #999;font-size: .56rem;}
.digital-assets-details .digital-assets-account {
  width: 4rem;
  float: left;
  padding-left: .5rem;
}
.digital-assets-details h5 {
  font-size: .56rem;
  color: #333;
}
.digital-assets-details span {
  font-size: .46rem;
  color: #999;
}
.digital-assets-details .digital-assets-price {
  float: left;
}
.digital-assets-details .digital-assets-btn {
  float: right;
}
.digital-assets-details .digital-assets-btn a {
  font-size: .48rem;
  color: #fff;
  border-radius: .1rem;
  padding: .15rem .2rem;
  display: block;
  float: left;
}
.digital-assets-details .digital-assets-btn a:first-child {
  background: #46a9fd;
}
.digital-assets-details .digital-assets-btn a:last-child {
  background: #ffcb18;
  margin-left: .2rem;
}
.digital-assets-details .digital-assets-btn-2 {
  float: right;
  margin-top: 0.4rem;}
.digital-assets-details .digital-assets-btn-2 a {
  font-size: .56rem;
  color: #fff;
  border-radius: .1rem;
  padding: .3rem .4rem;
  display: block;
  float: left;
}
.digital-assets-details .digital-assets-btn-2 a:first-child {
  background: #46a9fd;
}
.digital-assets-details .digital-assets-btn-2 a:last-child {
  background: #ffcb18;
  margin-left: .2rem;
}



/*------
.mui-bar{
	color: #fff;
	background: linear-gradient(90deg,#27a6fa,#8e71f5);
	background: -webkit-linear-gradient(left,#27a6fa,#8e71f5);
}
.mui-bar .mui-title {color: #fff;}
.mui-bar .mui-icon {color: #fff;}
------*/
.user-top {
  width: 100%;
  background: url(../images/user_bg.png) no-repeat center;
    background-size: auto;
  background-size: cover;
  position: relative;
}

.user-header .header-setting {
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  right: 0;
  top: 0;
}
.user-header .header-setting a {
  width: 100%;
  height: 100%;
  background: url(../images/icon_header_setting.svg) no-repeat center;
    background-size: auto;
  background-size: .9rem auto;
  display: block;
  position: relative;
}
.user-info {
  overflow: hidden;
  padding: 1rem .56rem 1rem .56rem;
  font-size: .56rem;
  color: #fff;
}
.user-info h5{
  font-size: .6rem;
  line-height: 1rem;
  color: #fff;
}
.user-info p{
  overflow: hidden;
  font-size: .56rem;
  line-height: 1rem;
  color: #fff;
}
.user-info a {
  color: #fff;
  overflow: hidden;
  display: block;
}
.user-info .user-photo {
  width: 2.8rem;
  height: 2.8rem;
  border: #fff .1rem solid;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}
.user-info .user-photo img {
  width: 100%;
  height: 100%;
}


/*上传身份证正面*/
.zyui-uppic-sfzzm-box-background{
	margin: 8px auto 15px auto;
	width: 150px;
	height: 94px;
	background-color: #fff;	
	
	  justify-content: center;
	  align-items: center;
	  display: flex;
	  background-image:  url(svg/icon_sfzzm.svg);
	  -webkit-mask-image: url(svg/icon_sfzzm.svg);
	  mask-image: url(svg/icon_sfzzm.svg);
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
}
/*上传身份证反面*/
.zyui-uppic-sfzfm-box-background{
	margin: 8px auto 15px auto;
	width: 150px;
	height: 94px;
	background-color: #fff;	
	
	  justify-content: center;
	  align-items: center;
	  display: flex;
	  background-image:  url(svg/icon_sfzfm.svg);
	  -webkit-mask-image: url(svg/icon_sfzfm.svg);
	  mask-image: url(svg/icon_sfzzm.svg);
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
}
.form-red-icon{color: red;height: 1.9rem;line-height:1.9rem;display:inline;margin-right: 3px;}

.digital-assets-2 {padding:0;}
.digital-assets-2 h3{padding:0;}
.digital-assets-2 .digital-assets-details p{font-size: .56rem;line-height: 1.2rem;}
.digital-assets-2 .digital-assets-details span{color:#8f8f94;font-size: .56rem;}


.pic_list_3 li{float: left;width: 32%;margin-left:2%;height: 5rem;position: relative;text-align: center;}
.pic_list_3 li:first-child{margin-left: 0;}
.pic_list_3 li div.pic_box{width: 100%;height: 100%;position: absolute;z-index: 9;left: 0;top: 0;justify-content: center;display: flex;flex-direction: column;}
.pic_list_3 li div.pic_box div{border: #e7e6e4 1px dashed;border-radius: .3rem;background: #f3f4f6;}
.pic_list_3 img{width:100%;height: 3.5rem;}
.pic_list_3 p{line-height: 1.2rem;height: 1.2rem;}

.zy-diy-btn-select-right{position: relative;}
.zy-diy-btn-select-right::after {width: .5rem;height: 1.4rem;content: '';background: url(../images/icon_arrow.svg) no-repeat center;background-size: auto;background-size: .8rem auto;position: absolute;right: .3rem;top: .3rem;}



/*自建房待审核列表*/
.digital-assets-2 {padding:0;}
.digital-assets-2 h3{padding:0;}
.digital-assets-2 .digital-assets-details p{font-size: .56rem;line-height: 1.2rem;}
.digital-assets-2 .digital-assets-details span{color:#8f8f94;font-size: .56rem;}

.digital-assets {
  width: 100%;
  overflow: hidden;
  padding: 0 .4rem;
}
.digital-assets-list {
  width: 100%;
  background: #fff;
  border-radius: .2rem;
  overflow: hidden;
  padding: .5rem;
  margin-top: .4rem;
  position: relative;
}
.digital-assets-list::after {
  width: .5rem;
  height: 1.4rem;
  content: '';
  background: url(../images/icon_arrow.svg) no-repeat center;
    background-size: auto;
  background-size: .8rem auto;
  position: absolute;
  right: .3rem;
  top: .3rem;
}
.digital-assets-list h3 {
  line-height: 1rem;
  font-size: .6rem;
  color: #111;
  position: relative;
  padding: 0 0 0 0rem;
}
.digital-assets-list h3 i{margin-right: .5rem; width: .6rem;height: .6rem;display:inline-block;}
.digital-assets-list h3 span{color: #999;}
.digital-assets-list h3::after {
  width: 1rem;
  height: 1rem;
  content: '';
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 1rem;
  position: absolute;
  left: 0;
  top: 0;
}

.zyui-box-list {
  width: 100%;
  overflow: hidden;
  padding: 0 .4rem;
}
.zyui-box-details {
  width: 100%;
  overflow: hidden;
  margin-top: .3rem;
}
.zyui-box-details .digital-assets-account {
  width: 4rem;
  float: left;
  padding-left: .5rem;
}
.zyui-box-details h5 {
  font-size: .56rem;
  color: #333;
}
.zyui-box-details span {
  font-size: .46rem;
  color: #999;
}
.zyui-box-details .digital-assets-price {
  float: left;
}
.zyui-box-details .digital-assets-btn {
  float: right;
}
.zyui-box-details .digital-assets-btn a {
  font-size: .48rem;
  color: #fff;
  border-radius: .1rem;
  padding: .15rem .2rem;
  display: block;
  float: left;
}
.zyui-box-details .digital-assets-btn a:first-child {
  background: #46a9fd;
}
.zyui-box-details .digital-assets-btn a:last-child {
  background: #ffcb18;
  margin-left: .2rem;
}
.zyui-box-details .digital-assets-btn-2 {
  float: right;
  margin-top: 0.4rem;}
.zyui-box-details .digital-assets-btn-2 a {
  font-size: .56rem;
  color: #fff;
  border-radius: .1rem;
  padding: .3rem .4rem;
  display: block;
  float: left;
}
.zyui-box-details .digital-assets-btn-2 a:first-child {
  background: #46a9fd;
}
.zyui-box-details .digital-assets-btn-2 a:last-child {
  background: #ffcb18;
  margin-left: .2rem;
}



/*底部栏  */
.zy-open-operation-box{width: 96%;margin:0px 2%;padding: 2% 0px;z-index: 20;position: fixed;bottom: 0px;}
#zy-open-operation {
	width: 100%;height: 1.95rem; line-height: 1.95rem; font-size: 0.65rem; text-align: center;background: #46a9fd;color: #fff; display: block; border-radius: .2rem;
	
}

#open-operation {
	background-color: #f7f7f7;
	text-align: center;
	color: #007aff;
	border-top: 1px solid #ddd;
	margin-bottom: 0px;
	padding: 0.5rem 0 !important;
	box-shadow: 0 0 0px rgba(0, 0, 0, .85);
	z-index: 20;
	position: fixed;
	bottom: 0px;
}

.cancelbtnLI .cancelbtn {
	text-align: center;
	font-size: 0.75rem;
}

.ulStyle {
	padding: 0px;
	width: 96%;
	margin:0px 2%;
}

.ulStyle li {
	white-space: nowrap;
	font-size: 0.75rem;
}

.oneIconsA {
	display: inline-block;
	font-size: 0.875rem !important;
	text-align: center !important;
}

.oneIcons {
	font-size: 0.875rem !important;
}

.openDetail {
	color: #0000FF;
}