html{
	font-size: 14px;
}
body {
    margin: 0;
    overflow-x: auto;
    color: #323233;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
    background-color: #f7f8fa;
    -webkit-font-smoothing: antialiased;
}
a {
    text-decoration: none;
}
footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}
footer .footer-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    height: 40px;
	border-top: 1px solid #60B077;
}
footer .footer-nav .item{
    display: flex;
    flex-direction: column;
    text-align: center;
	flex-grow: 100;
    color: #323232;
    background: #fff;
	font-size: 14px;
}
footer .footer-nav .item.xian{
	display: flex;
	flex-direction: column;
	flex-grow: 2;
	height: 30px;
	background-color: #969696;
	margin: 5px 5px 0 5px;
}
footer .footer-nav .item .iconfont{
	font-size: 16px;
	color: #aba7a7;
	margin-right: 5px;
}
footer .footer-nav .item.cancel{
    color: #999999;
}
footer .footer-nav .item.cancel .iconfont{
    color: #999999;
}
footer .footer-nav .item.do{
    color: #F39800;
}
footer .footer-nav .item.do .iconfont{
    color: #F39800;
}
footer .footer-nav .item.ok{
    color: #60B077;
}
footer .footer-nav .item.ok .iconfont{
    color: #60B077;
}
footer .footer-nav .item .zd{
    color: #F39800;
	margin: 0 2px;
	font-weight: bold;
}
.pagetop{
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    width: 100%;
}

.mubu {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    display: none;
}
.mubu .op{
    display: flex;
	align-items: center;
}
.mubu.active{
	display: block;
}
.mubu .menu-div{
	position: absolute;
	width: 80%;
	background-color: #fff;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 2;
}
.mubu .menu-div.full{
	width: 100%;
}
.mubu .menu-div .con-area{
	padding: 5px 15px;
}
.mubu .menu-div .con-area .title-area{
	font-size: 16px;
	display: block;
	border-bottom: 2px solid #b03047;
	margin-bottom: 8px;
	padding: 8px;
}
.mubu .menu-div .con-area .input-area{
	overflow: hidden;
	width: 100%;
}
.mubu .menu-div .con-area .input-area .single{
	margin-bottom: 10px;
	text-align: center;
}
.mubu .menu-div .con-area .input-area .single .txt{
	width: 100%;
	outline: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0px;
	font-size: 14px;
	padding: 6px;
}
.mubu .menu-div .con-area .input-area .single .btn{
	width: 80%;
	height: 40px;
    line-height: 40px;
    background-color: #F39800;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 40px;
	margin: 0 auto;
}
.mubu .menu-div .con-area .input-area .single .btn.tap-active{
	background-color: #EDEDED;
}
.mubu .menu-div .input-notify{
	font-size: 14px;
	text-align: left;
	color: #323232;
	margin: 5px 0;
	line-height: 23px;
}
.mubu .menu-div .input-notify .zd{
	color: #ea3d3d;
	margin: 0 4px;
	font-weight: bold;
}
.mubu .menu-div .input-notify .zd2{
	color: #F39800;
	margin: 0 4px;
	font-size: 20px
}
.mubu .menu-div .input-notify .zd3{
	color: #b03047;
	margin: 0 4px;
	font-size: 20px
}
.mubu .menu-div .operate{
	clear: both;
	height:50px;
	border-top: 1px solid #EDEDED;
	margin-top: 10px;
}
.mubu .menu-div .operate .cancel{
	height: 50px;
	width: 49%;
	float: left;
	line-height: 50px;
	font-size: 15px;
	text-align: center;
	border-right: 1px solid #EDEDED;
	color: #969696;
}
.mubu .menu-div .operate .cancel.o{
	color: #F39800;
}
.mubu .menu-div .operate .cancel.tap-active{
	background-color: #EDEDED;
}
.mubu .menu-div .operate .confirm{
	height: 50px;
	width: 50%;
	float: left;
	line-height: 50px;
	font-size: 15px;
	text-align: center;
	color: #b03047;
}
.mubu .menu-div .operate .confirm.tap-active{
	background-color: #EDEDED;
}
.mubu .menu-div .operate .one{
	height: 50px;
	width: 100%;
	line-height: 50px;
	font-size: 15px;
	text-align: center;
	color: #b03047;
}
.mubu .menu-div .operate .one.tap-active{
	background-color: #EDEDED;
}

.mubu.tm{
	background:transparent;
	z-index: 200;
}
.mubu .loading{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 80px;
	height: 80px;
	background-color: #3e3e3e;
	padding: 30px 0 0 30px;
	border-radius: 10px;
	box-sizing: border-box;
}
.mubu .loading img{
	height: 20px;
	width: 20px;
}

/*vant 相关样式修改*/
.van-tabs__line{
	background-color:#60B077;
}
.van-step__icon--active, .van-step__title--active{
	color: #60B077;
}
.van-step-box h3{
	margin-block-start: 5px;
	margin-block-end: 5px;
	font-size: 14px;
}
.van-step-box p{
	margin-block-start: 3px;
	margin-block-end: 3px;
	font-size: 12px;
}

.tcc .van-popup {
    width: 80%;
    border-radius: 10px;
    box-sizing: border-box;
}
.tcc2 .van-popup {
    width: 100%;
    box-sizing: border-box;
	height: 100vh;
	background-color: #f7f8fa;
}
.tcc2 .van-nav-bar {
    height: 36px;
    line-height: 36px;
    background: linear-gradient(to bottom, #b03047, #b03047);
    z-index: 999;
}
.tcc2 .van-nav-bar .van-nav-bar__left i {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
}
.tcc2 .van-nav-bar .van-nav-bar__title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.tcc2 .tcc-content{
    height: calc(100vh - 36px);
    overflow: scroll;
}
.tcc2.top .van-popup {
    width: 100%;
    box-sizing: border-box;
	height: 60vh;
}
.tcc2.half .van-popup {
    width: 100%;
    box-sizing: border-box;
	height: 50vh;
}
.tcc2.top2 .van-popup {
    width: 100%;
    box-sizing: border-box;
	height: 60vh;
}
.tcc2.top3 .van-popup {
    width: 100%;
    box-sizing: border-box;
	height: 200px;
}
.common-header-zhan{
	height: 36px;
}
.common-header{
	height: 36px;
	background: linear-gradient(to bottom, #b03047, #b03047);
	color: #fff;
	padding: 0 12px;
	box-sizing: border-box;
	font-size: 15px;
	line-height: 36px;
	text-align: center;
	width: 100%;
}
.common-header .back{
	font-size: 20px;
	float: left;
}

/*全局checkbox样式，为保证checkbox和文字对齐，配合checkboxbox进行控制，每个地方单独定义*/
input[type=checkbox]{
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none;
	cursor: pointer;
	margin:0;
	height: 25px;
	width: 25px;
	white-space: nowrap;
	cursor: pointer;
	outline: none;
	display: inline-block;
	line-height: 1;
	position: relative;
	vertical-align: text-bottom;
	background-color: transparent;
	border: 0;
	outline: 0 !important;
}
input[type=checkbox]{
	background-image:url(../images/checkbox0.png);
}
input[type=checkbox]:checked{
	background-image:url(../images/checkbox1.png);
}
input[type=radio]{
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none;
	cursor: pointer;
	margin:0;
	height: 25px;
	width: 25px;
	white-space: nowrap;
	cursor: pointer;
	outline: none;
	display: inline-block;
	line-height: 1;
	position: relative;
	vertical-align: text-bottom;
	background-color: transparent;
	border: 0;
	outline: 0 !important;
}
input[type=radio]{
	background-image:url(../images/checkbox0.png);
}
input[type=radio]:checked{
	background-image:url(../images/checkbox1.png);
}

.clear{
	clear: both;
	margin: 0;
	padding: 0;
}
.jiange{
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 12px;
}
.jiange.bg{
	background-color: #f7f8fa;
}

.tabbar-area-zhan{
	height: 60px;
	width: 100%;
}
.tabbar-area{
	height: 60px;
	padding: 5px 0;
	box-sizing: border-box;
	border-top: 1px solid #EDEDED;
	color: #999;
	background-color: #fff;
}
.tabbar-area .item{
	width: 100%;
	float: left;
	position: relative;
}
.tabbar-area.the2 .item{
	width: 50%;
}
.tabbar-area.the3 .item{
	width: 33.33%;
}
.tabbar-area.the4 .item{
	width: 25%;
}
.tabbar-area .item.active{
	color: #b03047;
}
.tabbar-area .item .icon{
	text-align: center;
	height: 25px;
	line-height: 25px;
}
.tabbar-area .item .icon .iconfont{
	font-size: 22px
}
.tabbar-area .item .name{
	text-align: center;
	height: 25px;
	line-height: 25px;
	font-size: 15px;
}
.tabbar-area .item .notify{
	position: absolute;
	right: 2rem;
	top: 0.2rem;
	background-color: #fe661b;;
	height: 0.5rem;
	width: 0.5rem;
	border-radius: 50%;
}
.tabbar-area .item .num{
	position: absolute;
    right: 2rem;
	top: 0.5rem;
    box-sizing: border-box;
    min-width: 16px;
    padding: 0 3px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    font-family: PingFang SC,Helvetica Neue,Arial,sans-serif;
    line-height: 14px;
    text-align: center;
    background-color: #ee0a24;
    border: 1px solid #fff;
    border-radius: 16px;
    -webkit-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
}
.tabbar-area .o-right{
	width: 120px;
	float: right;
	position: relative;
	padding: 5px 12px 0 0;
	box-sizing: border-box;
	height: 50px;
}
.tabbar-area .o-right .submit{
	height: 40px;
    line-height: 40px;
    background-color: #F39800;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 40px;
}
.tabbar-area .o-right .submit.tap-active{
	background-color: #f6ca80;
}
.tabbar-area .o-left{
	margin-right: 130px;
	text-align: right;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	color: #323233;
}
.tabbar-area .o-left .con{
	color: #999;
	margin: 0 5px;
}
.tabbar-area .o-left .money{
	color: #ea3d3d;
	margin: 0 2px;
	font-size: 18px;
}
.tabbar-area .o-right2{
	width: 60%;
	float: right;
	position: relative;
	padding: 5px 12px 0 0;
	box-sizing: border-box;
	height: 50px;
}
.l-btn{
	width: 50%;
	float: left;
	position: relative;
	height: 40px;
    line-height: 40px;
	background: linear-gradient(to right, #f9c774, #F39800);
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 40px 0 0 40px;
}
.l-btn.tap-active{
	background: linear-gradient(to right, #f9c774, #f9c774);
}
.r-btn{
	margin-left: 50%;
	height: 40px;
    line-height: 40px;
    background-color: #ee0a24;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 0 40px 40px 0;
}
.r-btn.tap-active{
	background-color: #f6465a;
}
.tabbar-area .o-left2{
	margin-right: 60%;
	height: 50px;
	line-height: 50px;
	color: #323233;
}
.tabbar-area .o-left2 .oneop{
	float: left;
	position: relative;
	width: 50%;
	font-size: 14px;
}
.tabbar-area .o-left2.the3 .oneop{
	width: 33.33%;
}
.tabbar-area .o-left2 .oneop .icon{
	text-align: center;
	height: 25px;
	line-height: 25px;
}
.tabbar-area .o-left2 .oneop .icon .iconfont{
	font-size: 18px;
}
.tabbar-area .o-left2 .oneop .icon .iconfont.active{
	color: #ee0a24;
}
.tabbar-area .o-left2 .oneop .name{
	text-align: center;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
}
.tabbar-area .o-left2 .oneop .notify{
	position: absolute;
	right: 2rem;
	top: 0.2rem;
	background-color: #fe661b;;
	height: 0.5rem;
	width: 0.5rem;
	border-radius: 50%;
}
.tabbar-area .o-left2 .oneop .num{
	position: absolute;
    right: 1rem;
	top: 0.5rem;
    box-sizing: border-box;
    min-width: 16px;
    padding: 0 3px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    font-family: PingFang SC,Helvetica Neue,Arial,sans-serif;
    line-height: 14px;
    text-align: center;
    background-color: #ee0a24;
    border: 1px solid #fff;
    border-radius: 16px;
    -webkit-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
}
/*tab切换*/
.tab-area{
	height: 2.5rem;
	position: relative;
	background-color: #fff;
}
.tab-area .bar{
	width: 33.33%;
	float: left;
	text-align: center;
	height: 2.5rem;
	padding: 0.4rem 0rem;
}
.tab-area .bar p{
	height: 2rem;
	line-height: 2rem;
	margin: 0rem;
	padding: 0rem;
	font-size: 1rem;
}
.tab-area .bar.active p{
	height: 2rem;
	line-height: 2rem;
	margin: 0rem;
	padding: 0rem;
	color: #b03047;
}
.tab-area .tabBar-bar{
	background-color: #b03047;
	position: absolute;
	width: 33%;
	height: 0.1rem;
	left: 0;
	bottom: 0;
	-webkit-transition: all .25s;
	transition: all .25s;
}

.tab-area.two .bar{
	width: 50%;
	float: left;
	text-align: center;
	height: 2.5rem;
	padding: 0.4rem 0rem;
}
.tab-area.two .tabBar-bar{
	background-color: #b03047;
	position: absolute;
	width: 50%;
	height: 0.1rem;
	left: 0;
	bottom: 0;
	-webkit-transition: all .25s;
	transition: all .25s;
}
.tab-area.two.duan .tabBar-bar{
	width: 30%;
	height: 0.1rem;
	left: 10%;
	bottom: 0;
	-webkit-transition: all .25s;
	transition: all .25s;
}

.tab-area.five .bar{
	width: 20%;
	float: left;
	text-align: center;
	height: 2.5rem;
	padding: 0.4rem 0rem;
}
.tab-area.five .tabBar-bar{
	background-color: #b03047;
	position: absolute;
	width: 20%;
	height: 0.1rem;
	left: 0;
	bottom: 0;
	-webkit-transition: all .25s;
	transition: all .25s;
}
.tab-area.four .bar{
	width: 25%;
	float: left;
	text-align: center;
	height: 2.5rem;
	padding: 0.4rem 0rem;
}
.tab-area.four .tabBar-bar{
	background-color: #b03047;
	position: absolute;
	width: 25%;
	height: 0.1rem;
	left: 0;
	bottom: 0;
	-webkit-transition: all .25s;
	transition: all .25s;
}

/*和vant的默认间距保持一致*/
.common-box{
	padding: 12px;
}
.common-box.active{
	background-color: #fff;
}
.common-box .one {
    padding: 12px;
    background-color: #fff;
    border-radius: 8px;
}
.common-box .one.btm{
    padding-bottom: 0;
}
.common-box .one .common-op-box{
	border-top: 1px solid #EDEDED;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    height: 40px;
	margin: 10px 5px 0 5px;
}
.common-box .one .common-op-box .item{
    display: flex;
    flex-direction: column;
    text-align: center;
	flex-grow: 100;
    color: #323232;
    background: #fff;
	font-size: 15px;
	height: 40px;
	line-height: 40px;
	color: #60B077;
}
.common-box .one .common-op-box .item.xian{
	display: flex;
	flex-direction: column;
	flex-grow: 2;
	height: 20px;
	background-color: #ededed;
	margin: 5px 0 0 0;
}
.common-box .one .common-op-box .item.tap-active{
	background-color: #EDEDED;
}

.common-notify{
	padding: 12px;
	font-size: 14px;
	line-height: 30px;
	background-color: #fff;
	position: relative;
}
.common-notify .title{
	line-height: 30px;
	font-size: 16px;
}
.common-notify .con{
	line-height: 25px;
}
.common-notify .notearea{
	padding: 5px 0;
}
.common-notify .notearea .note{
	height: 25px;
    line-height: 25px;
    display: inline-block;
    background-color: #60B077;
    color: #fff;
    font-size: 14px;
    padding: 0 15px;
    margin: 2px 5px;
	border-radius: 25px;
}
.common-notify .notearea .note.o{
    background-color: #F39800;
}
.common-notify .notearea .note2{
	height: 18px;
    line-height: 18px;
    display: inline-block;
    background-color: #F5F5F5;
    color: #666666;
    font-size: 12px;
    padding: 0 10px;
    margin: 2px 5px;
}
.common-notify .onecon{
	line-height: 30px;
}
.common-notify .onecon .zd{
	font-weight: bold;
	margin: 0 5px;
	color: #60B077;
}
.common-notify .onecon .zd2{
	font-weight: bold;
	margin: 0 5px;
	color: #F39800;
}
.common-notify .onecon a{
	color: #60B077;
    margin: 0 5px;
}
.common-notify .onecon .tbtn{
	font-size: 12px;
    background-color: #60B077;
    padding: 0 8px;
    border: 1px solid #60B077;
    display: inline-block;
    border-radius: 5px;
    height: 20px;
    line-height: 20px;
    margin: 0 10px;
    color: #fff;
}
.common-notify .notify{
	padding: 10px;
    font-size: 12px;
    line-height: 15px;
    background-color: #f7f9f8;
    white-space: pre-wrap;
}
.common-notify .notify .zd{
	color: #F39800;
}
.common-notify .iconfont{
	font-size: 16px;
}
.common-notify .iconfont.l{
	margin: 0 10px 0 0;
}
.common-notify .iconfont.r{
	margin: 0 0 0 10px;
}
.common-notify .iconfont.o{
	color: #F39800;
}
.common-notify .iconfont.g{
	color: #60B077;
}
.common-notify .topinfo{
	position: absolute;
    right: 10px;
    top: 10px;
}
.common-notify .topinfo .money{
	font-size: 20px;
	color: #F39800;
}
.common-notify .centerop{
	position: absolute;
    right: 10px;
    top: 40%;
}
.common-notify .centerop .btn{
	font-size: 14px;
    color: #60B077;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #60B077;
    display: inline-block;
    line-height: 20px;
}
.common-notify .centerop .btn.tap-active{
	background-color: #EDEDED;
}
.common-notify .line{
	height: 1px;
	width: 100%;
	margin: 10px 0;
	background-color: #EDEDED;
}
.common-notify .objarea{
	font-size: 14px;
	color: #666666;
}
.common-notify .objarea .left{
	width: 100px;
    float: left;
    position: relative;
    height: 30px;
    line-height: 30px;
}
.common-notify .objarea .right{
	margin-left: 100px;
    height: 30px;
    line-height: 30px;
}
.common-notify .objarea .right.gao{
    height: auto;
}
.common-notify .objarea .right .sop{
	height: 30px;
	width: 100%;
	margin: 3px 0;
	background-color: #f7f9f8;
	padding: 0 0 0 10px;
	box-sizing: border-box;
}
.common-notify .objarea .right .sop.tap-active{
	background-color: #EDEDED;
}
.common-notify .objarea .right .sop .iconbox{
	width: 20px;
	float: right;
	position: relative;
	height: 30px;
	line-height: 30px;
}
.common-notify .objarea .right .sop .iconbox .iconfont{
	font-size: 16px;
	color: #F39800;
	font-weight: bold;
}
.common-notify .objarea .right .sop .con{
	margin-right: 20px;
	height: 30px;
	line-height: 30px;
}
.common-notify .des{
	line-height: 20px;
	font-size: 14px;
	white-space: pre-wrap;
}

.sortcon-box{
	height: auto;
}
.sortcon-box .sort-area{
	width: 80px;
	float: left;
	position: relative;
	height: auto;
}
.sortcon-box .sort-area .onesort{
	height: 60px;
	border-left: 5px solid #ededed;
	background-color: #ededed;
	padding: 15px 0 0px 10px;
	font-size: 14px;
	position: relative;
}
.sortcon-box .sort-area .onesort.active{
	border-left: 5px solid #60B077;
	background-color: #fff;
}
.sortcon-box .sort-area .onesort .mc{
	height: 12px;
    position: absolute;
    top: 0;
    left: 0;
	line-height: 12px;
	font-size: 10px;
	padding: 3px 5px;
	background-color: red;
	color: #fff;
}
.sortcon-box .sort-area .onesort .name{
	height: 25px;
	line-height: 25px;
}
.sortcon-box .sort-area .onesort .name .zd{
	color: #F39800;
}
.sortcon-box .sort-area .onesort2{
	height: 50px;
	line-height: 50px;
	border-left: 2px solid #ededed;
	background-color: #ededed;
	font-size: 14px;
	position: relative;
	padding: 0 0 0 5px;
	box-sizing: border-box;
}
.sortcon-box .sort-area .onesort2.duo{
	font-size: 12px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 20px;
	padding: 5px 0 5px 5px;
}
.sortcon-box .sort-area .onesort2.active{
	border-left: 2px solid #b03047;
	background-color: #fff;
}
.sortcon-box .sort-area .onesort3{
	height: 67px;
	line-height: 67px;
	background-color: #F8F8F8;
	font-size: 15px;
	position: relative;
	box-sizing: border-box;
	text-align: center;
}
.sortcon-box .sort-area .onesort3 .con{
	height: 66px;
	text-align: center;
}
.sortcon-box .sort-area .onesort3 .btm{
	border-bottom: 1px solid #CCCBCB;
	width: 43px;
	margin: 0 auto;
}
.sortcon-box .sort-area .onesort3.active{
	background-color: #fff;
}
.sortcon-box .con-area{
	margin-left: 80px;
	background-color: #fff;
	box-sizing: border-box;
	padding: 0.5rem 0.5rem;
}
.tw-area{
	background-color: #fff;
	clear: both;
	margin: 0;
	padding: 0;
	min-height: 7rem;
}
.tw-area .status-area{
	font-size: 14px;
	margin-bottom: 5px;
}
.tw-area .status-area .left{
	width: 50%;
	float: left;
	position: relative;
	color: #999;
}
.tw-area .status-area .right{
	margin-left: 50%;
	text-align: right;
	color: #F39800;
}
.tw-area .status-area .right .gray{
	color: #999999;
}
.tw-area .status-area .right .green{
	color: #60B077;
}
.tw-area .pic-area{
	width: 7rem;
	float: left;
	position: relative;
}
.tw-area .pic-area img{
	width: 7rem;
	height: 7rem;
}
.tw-area .pic-area .tuijian{
	position: absolute;
    left: 0;
    top: 0;
    background-color: #fe661b;
    font-size: 0.8rem;
    color: #fff;
    line-height: 1rem;
    padding: 0.2rem 0.5rem;
}
.tw-area .pic-area .tejia{
	position: absolute;
    right: 0;
    top: 0;
    background-color: #03d567;
    font-size: 0.8rem;
    color: #fff;
    line-height: 1rem;
    padding: 0.2rem 0.5rem;
}
.tw-area .pic-area .edit{
	position: absolute;
    right: 0;
    bottom: 0;
    background-color: #fff;
    font-size: 0.8rem;
    color: #fe661b;
    line-height: 1rem;
    padding: 0.2rem 0.5rem;
}
.tw-area .pic-area .bg{
	position: absolute;
    height: 7rem;
    width: 7rem;
    background-color: rgba(0,0,0,0.4);
    color: #fff;
    left: 0;
    top: 0;
    line-height: 7rem;
    text-align: center;
}
.tw-area .text-area{
	margin-left: 8rem;
	height: 5rem;
	position: relative;
}
.tw-area .text-area.auto{
	height: auto;
}
.tw-area .text-area .name{
    line-height: 1.8rem;
    font-size: 1.1rem;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	min-height: 3.6rem;
}
.tw-area .text-area .name .zd{
    color: #fe661b;
	margin: 0 2px;
}
.tw-area .text-area .name2{
	height: 1.5rem;
	line-height: 1.5rem;
}
.tw-area .text-area .name2 .right{
	width: 1.5rem;
	float: right;
	position: relative;
}
.tw-area .text-area .name2 .right .del{
	border-radius: 50%;
	height: 1.5rem;
	width: 1.5rem;
	background-color: #ea3d3d;
	line-height: 1.5rem;
	text-align: center;
}
.tw-area .text-area .name2 .right .del.tap-active{
	background-color: #EDEDED;
}
.tw-area .text-area .name2 .right .del .iconfont{
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
}
.tw-area .text-area .name2 .left{
	margin-right: 2rem;
	line-height: 1.8rem;
	min-height: 3.6rem;
    font-size: 1rem;
    display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.tw-area .text-area .name3{
	height: 2rem;
	line-height: 2rem;
	font-size: 1.2rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.tw-area .text-area .tag-area{
	height: 1.7rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tw-area .text-area .tag-area .tag{
	height: 1.2rem;
    line-height: 1.2rem;
    display: inline-block;
    background-color: #F5F5F5;
    color: #666666;
    font-size: 0.7rem;
    padding: 0 0.5rem;
	margin: 0 0.5rem 0 0;
}
.tw-area .text-area .tag-area .tag2{
	height: 1.5rem;
    line-height: 1.5rem;
    display: inline-block;
    color: #ffbd27;
    font-size: 0.9rem;
    padding: 0 1rem;
	margin: 0 0.5rem 0 0;
	border-radius: 1.5rem;
	border: 1px solid #ffbd27;
}
.tw-area .text-area .time-area{
	height: 1.7rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	font-size: 0.8rem;
}
.tw-area .text-area .time-area .timeitem{
	height: 1.3rem;
    line-height: 1.3rem;
	color: #fff;
	padding: 0 0.3rem;
	background-color: #8f8d8d;
	margin: 0 0.3rem;
	display: inline-block;
}
.tw-area .text-area .op-area{
	height: 3rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tw-area .text-area .op-area.ai{
	height: 2rem;
}
.tw-area .text-area .op-area .right{
	width: 6rem;
	float: right;
	position: relative;
	text-align: right;
}
.tw-area .text-area .op-area .right .jia{
	border-radius: 50%;
	height: 2rem;
	width: 2rem;
	background-color: #f7cd70;
	line-height: 2rem;
	text-align: center;
	float: right;
}
.tw-area .text-area .op-area .right .jia.tap-active{
	background-color: #EDEDED;
}
.tw-area .text-area .op-area .right .jia .iconfont{
	font-size: 1.1rem;
	font-weight: bold;
}
.tw-area .text-area .op-area .right .btn{
	height: 2rem;
    line-height: 2rem;
    display: inline-block;
    background-color: #ffbd27;
    color: #fff;
    font-size: 1rem;
    padding: 0 15px;
    border-radius: 2rem;
}
.tw-area .text-area .op-area .right .btn.tap-active{
    background-color: #54efde;
}
.tw-area .text-area .op-area .right .btn2{
	height: 2rem;
    line-height: 2rem;
    display: inline-block;
    background-color: #F39800;
    color: #fff;
    font-size: 1rem;
    padding: 0 15px;
    border-radius: 2rem;
}
.tw-area .text-area .op-area .right .btn2.tap-active{
    background-color: #f6ca80;
}
.tw-area .text-area .op-area .left{
	margin-right: 6rem;
}
.tw-area .text-area .op-area .left .money{
	color: #ea3d3d;
	font-size: 1.5rem;
	font-weight: bold;
}
.tw-area .text-area .op-area .left .old-money{
	color: #969696;
    font-size: 0.9rem;
    margin-left: 0.5rem;
    text-decoration: line-through;
}
.tw-area .text-area .op-area .right2{
	width: 50%;
	float: right;
	position: relative;
	text-align: right;
	color: #999;
}
.tw-area .text-area .op-area .right2 .status1{
	color: #F39800;
}
.tw-area .text-area .op-area .right2 .status2{
	color: #60B077;
}
.tw-area .text-area .op-area .left2{
	margin-right: 50%;
}
.tw-area .text-area .op-area .left2 .money{
	color: #ea3d3d;
	font-size: 1.4rem;
	font-weight: bold;
}
.tw-area .text-area .op-area .right2 .btn{
	height: 2.5rem;
    line-height: 2.5rem;
    display: inline-block;
    background-color: #60B077;
    color: #fff;
    font-size: 1rem;
    padding: 0 15px;
    border-radius: 2.5rem;
}
.tw-area .text-area .oitem-area{
	height: 2rem;
	line-height: 2rem;
	color: #999;
	font-size: 14px;
}
.tw-area .text-area .oitem-area .left{
	width: 50%;
	float: left;
	position: relative;
}
.tw-area .text-area .oitem-area .right{
	margin-left: 50%;
}
.tw-area .text-area .oitem-area .right .money{
	font-size: 15px;
	color: #323232;
}
.tw-area .text-area .imglist{
	height: 3.5rem;
	line-height: 3.5rem;
}
.tw-area2{
	min-height: 80px;
	margin-bottom: 15px;
}
.tw-area2 .pic-area{
	width: 80px;
	float: left;
	position: relative;
}
.tw-area2 .pic-area img{
	width: 80px;
	height: 80px;
}
.tw-area2 .pic-area .tuijian{
	position: absolute;
    left: 0;
    top: 0;
    background-color: #fe661b;
    font-size: 0.8rem;
    color: #fff;
    line-height: 1rem;
    padding: 0.2rem 0.5rem;
}
.tw-area2 .pic-area .tejia{
	position: absolute;
    right: 0;
    top: 0;
    background-color: #03d567;
    font-size: 0.8rem;
    color: #fff;
    line-height: 1rem;
    padding: 0.2rem 0.5rem;
}
.tw-area2 .text-area{
	margin-left: 90px;
	height: 80px;
	position: relative;
}
.tw-area2 .text-area .name{
    line-height: 18px;
    font-size: 14px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	min-height: 36px;
}
.tw-area2 .text-area .name2{
	
}
.tw-area2 .text-area .name2 .right{
	width: 30px;
	float: right;
	position: relative;
}
.tw-area2 .text-area .name2 .right .del{
	border-radius: 50%;
	height: 30px;
	width: 30px;
	background-color: #ea3d3d;
	line-height: 30px;
	text-align: center;
}
.tw-area2 .text-area .name2 .right .del.tap-active{
	background-color: #EDEDED;
}
.tw-area2 .text-area .name2 .right .del .iconfont{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
.tw-area2 .text-area .name2 .left{
	margin-right: 30px;
	height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1.2rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tw-area2 .text-area .tag-area{
	height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tw-area2 .text-area .tag-area .tag{
	height: 15px;
    line-height: 15px;
    display: inline-block;
    background-color: #F5F5F5;
    color: #666666;
    font-size: 10px;
    padding: 0 5px;
	margin: 0 5px 0 0;
}
.tw-area2 .text-area .time-area{
	height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	font-size: 12px;
}
.tw-area2 .text-area .time-area .timeitem{
	height: 18px;
    line-height: 18px;
	color: #fff;
	padding: 0 4px;
	background-color: #8f8d8d;
	margin: 0 4px;
	display: inline-block;
}
.tw-area2 .text-area .op-area{
	height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tw-area2 .text-area .op-area .right{
	width: 6rem;
	float: right;
	position: relative;
	text-align: right;
}
.tw-area2 .text-area .op-area .right .jia{
	border-radius: 50%;
	height: 24px;
	width: 24px;
	background-color: #f7cd70;
	line-height: 24px;
	text-align: center;
}
.tw-area2 .text-area .op-area .right .jia.tap-active{
	background-color: #EDEDED;
}
.tw-area2 .text-area .op-area .right .jia .iconfont{
	font-size: 1.1rem;
	font-weight: bold;
}
.tw-area2 .text-area .op-area .right .btn{
	height: 24px;
    line-height: 24px;
    display: inline-block;
    background-color: #b03047;
    color: #fff;
    font-size: 13px;
    padding: 0 15px;
    border-radius: 24px;
}
.tw-area2 .text-area .op-area .right .btn.tap-active{
    background-color: #54efde;
}
.tw-area2 .text-area .op-area .right .btn2{
	height: 24px;
    line-height: 24px;
    display: inline-block;
    background-color: #F39800;
    color: #fff;
    font-size: 13px;
    padding: 0 15px;
    border-radius: 24px;
}
.tw-area2 .text-area .op-area .right .btn2.tap-active{
    background-color: #f6ca80;
}
.tw-area2 .text-area .op-area .left{
	margin-right: 6rem;
}
.tw-area2 .text-area .op-area .left .money{
	color: #ea3d3d;
	font-size: 20px;
	font-weight: bold;
}
.tw-area2 .text-area .op-area .left .old-money{
	color: #969696;
    font-size: 14px;
    margin-left: 5px;
    text-decoration: line-through;
}
.tw-area2 .text-area .op-area .right2{
	width: 50%;
	float: right;
	position: relative;
	text-align: right;
}
.tw-area2 .text-area .op-area .right2 .status1{
	color: #F39800;
}
.tw-area2 .text-area .op-area .right2 .status2{
	color: #60B077;
}
.tw-area2 .text-area .op-area .left2{
	margin-right: 50%;
}
.tw-area2 .text-area .op-area .left2 .money{
	color: #ea3d3d;
	font-size: 1.4rem;
	font-weight: bold;
}
.tw-area2 .text-area .op-area .right2 .btn{
	height: 2.5rem;
    line-height: 2.5rem;
    display: inline-block;
    background-color: #60B077;
    color: #fff;
    font-size: 1rem;
    padding: 0 15px;
    border-radius: 2.5rem;
}

.order-area-zhan{
	height: 60px;
}
.order-area{
	background-color: #fff;
}
.order-area.o{
	background-color: #fff7cc;
}
.order-area.top{
	border-top: 1px solid #EDEDED;
}
.order-area .right{
	width: 150px;
	float: right;
	position: relative;
}
.order-area .right .btn-area{
	text-align: right;
	margin-right: 12px;
}
.order-area .right .btn-area .btn1{
	height: 30px;
    line-height: 30px;
    display: inline-block;
    background-color: #60B077;
    color: #fff;
    font-size: 1rem;
    padding: 0 15px;
    margin: 2px 5px;
    border-radius: 30px;
}
.order-area .right .btn-area .btn2{
	height: 30px;
    line-height: 30px;
    display: inline-block;
    background-color: #F39800;
    color: #fff;
    font-size: 1rem;
    padding: 0 15px;
    margin: 2px 5px;
    border-radius: 30px;
}
.order-area .right .btn-area .btn1.tap-active{
	background-color: #EDEDED;
}
.order-area .right .btn-area .btn2.tap-active{
	background-color: #EDEDED;
}
.order-area .left{
	margin-right: 150px;
}
.order-area .txt1{
	height: 60px;
	line-height: 60px;
	font-size: 1.1rem;
	padding-left: 12px;
}
.order-area .txt1 .zd{
	font-size: 1.5rem;
	margin: 0 0.5rem;
	color: #ea3d3d;
}
.order-area .txt1 .zd2{
	font-size: 1.2rem;
	color: #03d567;
}
.order-area2-zhan{
	height: 80px;
}
.order-area2{
	background-color: rgba(0,0,0,.7);
	color: #fff;
	padding: 10px 12px;
	box-sizing: border-box;
	font-size: 16px;
}
.order-area2 .left{
	width: 75px;
	float: left;
	position: relative;
}
.order-area2 .left .iconfont{
	font-size: 50px;
}
.order-area2 .right{
	margin-left: 75px;
}
.order-area2 .right .con{
	height: 30px;
	line-height: 30px;
}
.order-area2 .right .con2{
	height: 30px;
	line-height: 30px;
}
.order-area2 .right .con .zd{
	font-size: 22px;
	margin: 0 5px;
}
.order-area2 .right .con2 .zd{
	font-size: 22px;
	margin: 0 5px;
}
.order-area2 .right .con2 .right2{
	width: 120px;
	float: right;
	position: relative;
	text-align: right;
}
.order-area2 .right .con2 .right2 .btn{
	height: 30px;
    line-height: 30px;
    display: inline-block;
    background-color: #F39800;
    color: #fff;
    font-size: 1rem;
    padding: 0 15px;
    border-radius: 30px;
}
.order-area2 .right .con .left2{
	margin-right: 120px;
}

.btmtj-area{
	height: 60px;
	border-top: 1px solid #EDEDED;
}
.btmtj-area .right{
	width: 70px;
	float: right;
	position: relative;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.btmtj-area .right .iconfont{
	font-size: 40px;
	font-weight: bold;
}
.btmtj-area .right.tap-active{
	background-color: #EDEDED;
}
.btmtj-area .left{
	margin-right: 70px;
}
.btmtj-area .left .item{
	width: 33%;
	float: left;
	text-align: center;
	border: 1px solid #EDEDED;
    padding: 5px 10px;
    font-size: 1rem;
	box-sizing: border-box;
	height: 60px;
}
.btmtj-area .left .item.active {
    border: 1px solid #60B077;
    background: url(../images/jiaobiao.png) right bottom no-repeat;
    background-size: 20px 20px;
}
.btmtj-area .left .item .con{
	font-size: 1.1rem;
}
.btmtj-area .left .item .con.all{
	color: #60B077;
}
.btmtj-area .left .item .con.xian{
	color: #969696;
}
.btmtj-area .left .item .con.mang{
	color: #F39800;
}
.btmtj-area .left .item .num{
	font-size: 1.5rem;
	font-weight: bold;
	color: #ea3d3d;
}

.pd-area{
	padding: 0.5rem;
}
.pd-area .title{
	text-align: center;
	font-size: 1.3rem;
	height: 2rem;
	line-height: 2rem;
	background-color: #fff7cc;
}
.pd-area ul{
	margin: 0;
	padding: 0;
}
.pd-area ul li{
	width: 33.33%;
	float: left;
	list-style: none;
	height: 4rem;
	padding: 0.2rem;
	box-sizing: border-box;
	position: relative;
}
.pd-area ul li .con{
	height: 3.6rem;
	line-height: 3.6rem;
	background-color: #969696;
	color: #fff;
	text-align: center;
	font-size: 1.1rem;
}
.pd-area ul li .con.active{
	background-color: #F39800;
}
.pd-area ul li .con .status10{
	position: absolute;
    left: 0;
    top: 0;
    background-color: #fe661b;
    font-size: 0.8rem;
    color: #fff;
    line-height: 1rem;
    padding: 0.2rem 0.5rem;
}
.pd-area ul li .status10{
	position: absolute;
    left: 0;
    top: 0;
    background-color: #fe661b;
    font-size: 0.8rem;
    color: #fff;
    line-height: 1rem;
    padding: 0.2rem 0.5rem;
}
.pd-area ul li .status11{
	position: absolute;
    left: 0;
    top: 0;
    background-color: #60B077;
    font-size: 0.8rem;
    color: #fff;
    line-height: 1rem;
    padding: 0.2rem 0.5rem;
}
.pd-area ul li .status20{
	position: absolute;
    right: 0;
    top: 0;
    background-color: #ea3d3d;
    font-size: 0.8rem;
    color: #fff;
    line-height: 1rem;
    padding: 0.2rem 0.5rem;
}
.pd-area ul li .status21{
	position: absolute;
    right: 0;
    top: 0;
    background-color: #03d567;
    font-size: 0.8rem;
    color: #fff;
    line-height: 1rem;
    padding: 0.2rem 0.5rem;
}
.pjbtn-box{
	display: flex;
	flex-direction: row;
	display: -webkit-flex;
}
.pjbtn-box .item{
	display: flex;
	flex-direction: column;
	flex-grow: 5;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #323232;
	background-color: #fff;
}
.pjbtn-box .item.g{
	background-color: #b03047;
	color: #fff;
}
.pjbtn-box .item.o{
	background-color: #F39800;
	color: #fff;
}
.pjbtn-box .item.r{
	background-color: #ea3d3d;
	color: #fff;
}
.pjbtn-box .item.b{
	font-weight: bold;
}
.pjbtn-box .item.tap-active{
	background-color: #EDEDED;
}

.hn-head {
	display: block;
	height: 140px;
	clear: both;
}
.hn-head .hb-area{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
	height: 100px;
	background-color: #b03047;
}
.hn-head .hb-area img{
	height: 120px;
	width: 100%;
}
.hn-head .hb-area.s img{
	height: 145px;
	width: 100%;
}
.hn-head .hb-area .back{
	padding: 12px 0 0 12px;
	color: #fff;
}
.hn-head .hb-area .back a{
	color: #fff;
}
.hn-head .base-area{
	width: 100%;
	z-index: 10;
	position: absolute;
	top: 45px;
	clear: both;
}
.hn-head .base-area.s{
	top: 20px;
}
.hn-head .base-area .info-box{
	align-items: center;
	width: 95%;
	margin: 0 auto;
	background: #fff;
	border-radius: 8px;
	padding: 12px 0;
}
.hn-head .base-area .info-box .shang-box{
	padding: 5px 12px;
	clear: both;
	height: 60px;
}
.hn-head .base-area .info-box .shang-box .right{
	width: 30px;
	float: right;
	position: relative;
	color: #60B077;
	text-align: right;
}
.hn-head .base-area .info-box .shang-box .right .notifybox{
	position: relative;
}
.hn-head .base-area .info-box .shang-box .right .notifybox .iconfont{
	font-size: 22px;
	color: #60B077;
}
.hn-head .base-area .info-box .shang-box .right .notifybox .iconfont.o{
	color: #F39800;
}
.hn-head .base-area .info-box .shang-box .right .notifybox .num{
	position:absolute;top:0px;right:5px;box-sizing:border-box;min-width:16px;padding:0 3px;color:#fff;font-weight:500;font-size:12px;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;line-height:14px;text-align:center;background-color:#ee0a24;border:1px solid #fff;border-radius:16px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transform-origin:100%;transform-origin:100%
}
.hn-head .base-area .info-box .shang-box .left{
	margin-right: 30px;
}
.hn-head .base-area .info-box .shang-box .left .left2{
	width: 80px;
	float: left;
	position: relative;
}
.hn-head .base-area .info-box .shang-box .left .left2 .img-box{
	height: 60px;
	width: 60px;
}
.hn-head .base-area .info-box .shang-box .left .left2 .img-box img{
	border-radius: 60px;
	height: 60px;
	width: 60px;
}
.hn-head .base-area .info-box .shang-box .left .left2 .img-box2{
	height: 60px;
	width: 60px;
}
.hn-head .base-area .info-box .shang-box .left .left2 .img-box2 img{
	height: 60px;
	width: 60px;
}
.hn-head .base-area .info-box .shang-box .left .right2{
	margin-left: 80px;
}
.hn-head .base-area .info-box .shang-box .left .right2 .name{
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.hn-head .base-area .info-box .shang-box .left .right2 .con{
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.hn-head .base-area .info-box .shang-box .left .right2 .name2{
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.hn-head .base-area .info-box .shang-box .left .right2 .money{
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #F39800;
}
.hn-head .base-area .info-box .shang-box .left .right2 .money .iconfont{
	font-size: 16px;
	margin-right: 10px;
}
.hn-head .base-area .info-box .shang-box .left .right2 .farea{
	height: 30px;
	line-height: 30px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.hn-head .base-area .info-box .shang-box .left .right2 .farea .flag{
	height: 25px;
    line-height: 25px;
    display: inline-block;
    background-color: #f9f6e4;
    color: #e0994a;
    font-size: 14px;
    padding: 0 5px;
    margin-right: 5px;
}
.hn-head .base-area .info-box .xia-box{
	background-color: #fff;
	clear: both;
	width: 100%;
	height: 60px;
}
.hn-head .base-area .info-box .xia-box .item{
	width: 32%;
	height: 60px;
	float: left;
	text-align: center;
}
.hn-head .base-area .info-box .xia-box .item.tap-active{
	background-color: #EDEDED;
}
.hn-head .base-area .info-box .xia-box .item .num{
	font-size: 20px;
	line-height: 40px;
	height: 40px;
}
.hn-head .base-area .info-box .xia-box .item .title{
	font-size: 14px;
	line-height: 20px;
	height: 20px;
}
.hn-head .base-area .info-box .xia-box .item.tap-active{
	background-color: #EDEDED;
}
.hn-head .base-area .info-box .xia-box .fenge{
	width: 2%;
	height: 60px;
	float: left;
}
.hn-head .base-area .info-box .xia-box .fenge .line{
	height: 60px;
	background-color: #EDEDED;
	width: 1px;
}

.address-box{
	font-size: 14px;
	color: #666666;
}
.address-box .onead{
	padding: 12px 0px 0 0px;
    background-color: #fff;
    border-radius: 8px;
	margin-bottom: 10px;
}
.address-box .onead .con-box{
	border-bottom: 1px solid #EDEDED;
	padding: 0 0 10px 0;
}
.address-box .onead .con-box .con1{
	padding: 0 12px;
}
.address-box .onead .con-box .con1 .left{
	width: 50%;
	float: left;
	position: relative;
	height: 30px;
	line-height: 30px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.address-box .onead .con-box .con1 .type{
	font-size: 12px;
    background-color: #60B077;
    padding: 0 8px;
    border: 1px solid #60B077;
    display: inline-block;
    border-radius: 5px;
    height: 20px;
    line-height: 20px;
    margin: 0 8px;
    color: #fff;
}
.address-box .onead .con-box .con1 .type.o{
    background-color: #F39800;
    border: 1px solid #F39800;
}
.address-box .onead .con-box .con1 .type.g{
    background-color: #999999;
    border: 1px solid #999999;
}
.address-box .onead .con-box .con1 .right{
	margin-left: 50%;
	height: 30px;
	line-height: 30px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: right;
}
.address-box .onead .con-box .con1 .right .zd{
	font-weight: bold;
	margin: 0 5px;
	color: #F39800;
}
.address-box .onead .con-box .con2{
	line-height: 22px;
	padding: 0 12px;
}
.address-box .onead .con-box .con2 .zd{
	font-weight: bold;
	margin: 0 5px;
	color: #F39800;
}
.address-box .onead .con-box .con3{
	padding: 0 12px;
}
.address-box .onead .con-box .con3 .left{
	width: 50%;
	float: left;
	position: relative;
	border: 1px solid #EDEDED;
	box-sizing: border-box;
	padding: 5px;
}
.address-box .onead .con-box .con3 .right{
	margin-left: 50%;
	border: 1px solid #EDEDED;
	box-sizing: border-box;
	padding: 5px;
}
.address-box .onead .con-box .con3 .onetitle{
	line-height: 20px;
	padding: 0 5px;
	text-align: center;
	color: #60B077;
	border-bottom: 1px solid #EDEDED;
}
.address-box .onead .con-box .con3 .onetitle2{
	line-height: 20px;
	padding: 0 5px;
	margin: 5px 0 0 0;
}
.address-box .onead .con-box .con3 .onecon{
	line-height: 20px;
	padding: 0 5px 0px 20px;
}
.address-box .onead .con-box .con3 .onecon .zd{
	font-weight: bold;
	margin: 0 5px;
	color: #F39800;
}
.address-box .onead .op-box{
	display: flex;
	flex-direction: row;
	display: -webkit-flex;
}
.address-box .onead .op-box .btn{
	display: flex;
	flex-direction: column;
	flex-grow: 100;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #323232;
	background-color: #fff;
}
.address-box .onead .op-box .btn.tap-active{
	background-color: #EDEDED;
}
.address-box .onead .op-box .fenge{
	display: flex;
	flex-direction: column;
	flex-grow: 2;
	height: 30px;
	text-align: center;
	background-color: #EDEDED;
	margin-top: 5px;
}

.edit-area{
	background-color: #fff;
	padding: 0px;
}
.edit-area.noback{
	background-color: transparent;
}
.edit-area .title{
    width: 100%;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
}
.edit-area .title.top{
    border-top: 1px solid #EDEDED;
}
.edit-area .item{
    width: 100%;
    padding: 10px 0px;
    overflow: hidden;
    color: #323233;
    font-size: 14px;
    line-height: 24px;
    background-color: #fff;
	border-bottom: 1px solid #EDEDED;
}
.edit-area .item.tap-active{
	background-color: #EDEDED;
}
.edit-area .item.nobtm{
	border-bottom: none;
}
.edit-area .item .key{
    width: 100px;
	float: left;
	position: relative;
}
.edit-area .item .key.long{
    width: 200px;
}
.edit-area .item .key.long2{
    width: 150px;
}
.edit-area .item .key .red{
	color: #ea5f5a;
}
.edit-area .item .key i{
	color: #ea5f5a;
}
.edit-area .item .val{
	margin-left: 100px;
	color: #999999;
}
.edit-area .item .val.active{
	margin-left: 100px;
	color: #333333;
}
.edit-area .item .val.right{
	text-align: right;
}
.edit-area .item .val.long{
	margin-left: 200px;
}
.edit-area .item .val.long2{
	margin-left: 150px;
}
.edit-area .item .val input{
	border: none;
	font-size: 14px;
}
.edit-area .item .val .txt{
	width: 100%;
	color: #323233;
}
.edit-area .item .val img{
	width: 100%;
}
.edit-area .item .val .txt2{
	border-bottom: 1px solid #EDEDED;
	width: 100px;
}
.edit-area .item .val .sop{
	color: #F39800;
	font-size: 14px;
}
.edit-area .item .val .right{
	width: 20px;
	float: right;
	position: relative;
}
.edit-area .item .val .right .iconfont{
	color: #969696;
    font-size: 16px;
}
.edit-area .item .val .left{
	margin-right: 20px;
	color: #999999;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.edit-area .item .val .left.active{
	color: #666666;
}
.edit-area .item .val .left.zd{
	color: red;
	text-align: right;
}
.edit-area .item .val .right2{
	width: 120px;
	float: right;
	position: relative;
	text-align: right;
}
.edit-area .item .val .right2 img{
	height: 30px;
}
.edit-area .item .val .left2{
	margin-right: 120px;
	color: #999999;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.edit-area .item .val .btn{
	font-size: 12px;
	color: #60B077;
	background-color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #60B077;
	display: inline-block;
	line-height: 20px;
}
.edit-area .item .val .btn2{
	height: 35px;
    line-height: 35px;
    background-color: #60B077;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 35px;
	width: 100px;
}
.edit-area .item .val .btn.invalid{
	border: 1px solid #EDEDED;
	color: #666666;
}
.edit-area .item .val .btn.tap-active{
	background-color: #EDEDED;
}
.edit-area .item .val .btn2.tap-active{
	background-color: #EDEDED;
}
.edit-area .item .val .btn .iconfont{
	font-size: 16px;
}
.edit-area .item .val input{
	border: none;
	font-size: 14px;
}
.edit-area .item .val .lefticon{
	width: 30px;
	float: left;
	position: relative;
}
.edit-area .item .val .lefticon.tap-active{
	background-color: #EDEDED;
}
.edit-area .item .val .lefticon .iconfont{
	font-size: 20px;
}
.edit-area .item .val .lefticon .iconfont.g{
	color: #60B077;
}
.edit-area .item .val .righttxt{
	margin-left: 30px;
}

.edit-area .item .key2{
    width: 40%;
	float: left;
	position: relative;
	text-align: right;
	padding-right: 10px;
	box-sizing: border-box;
	font-size: 14px;
}
.edit-area .item .val2{
	margin-left: 40%;
	color: #999999;
	text-align: left;
	padding-left: 10px;
	box-sizing: border-box;
	font-size: 14px;
}
.edit-area .item .val2 .txt{
	font-size: 14px;
	border: none;
	border: 1px solid #F39800;
	width: 100px;
	padding-left: 5px;
}

.edit-area .bch-box{
	margin-bottom: 10px;
}
.edit-area .bch-box ul{
	margin: 0;
	padding: 0;
}
.edit-area .bch-box ul li{
	width: 33.33%;
	float: left;
	list-style: none;
	height: 46px;
	padding: 4px;
	box-sizing: border-box;
	margin: 3px 0;
}
.edit-area .bch-box ul li.full{
	width: 100%;
}
.edit-area .bch-box ul li .con{
	height: 40px;
	line-height: 40px;
	color: #999999;
	text-align: center;
	font-size: 14px;
	border: 1px solid #999999;
}
.edit-area .bch-box ul li.full .con{
	height: 42px;
	line-height: 42px;
	border: 1px solid #999999;
	padding-top: 2px;
	font-size: 14px;
}
.edit-area .bch-box ul li.active .con{
	border: 1px solid #F39800;
	color: #F39800;
}
.edit-area .bch-box ul li .con .key{
    width: 100px;
	float: left;
	position: relative;
	height: 40px;
	line-height: 40px;
	color: #323232;
	font-size: 14px;
}
.edit-area .bch-box ul li .con .val{
	margin-left: 100px;
	height: 40px;
	line-height: 40px;
}
.edit-area .bch-box ul li .con .val .txt{
	border: none;
	width: 95%;
	color: #323232;
	font-size: 14px;
}
.edit-area textarea{
	height: auto;
    resize: none;
	width: 100%;
	font-size: 14px;
	border: 1px solid #EDEDED;
	padding: 5px;
	box-sizing: border-box;
}
.edit-area .btn-area{
	margin: 12px 0;
}
.edit-area .btn-area .submit{
	height: 40px;
	line-height: 40px;
	background-color: #b03047;
	color: #fff;
	font-size: 16px;
	text-align: center;
	border-radius: 40px;
}
.edit-area .btn-area .submit.tap-active{
	background-color: #b03047;
}
.edit-area .btn-area2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    height: 40px;
}
.edit-area .btn-area2 .one{
    display: flex;
    flex-direction: column;
    text-align: center;
	flex-grow: 100;
    color: #323232;
    background: #fff;
	font-size: 14px;
}
.edit-area .btn-area2 .one.xian{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	height: 30px;
	background-color: #969696;
	margin: 5px 5px 0 5px;
}
.edit-area .btn-area2 .one .iconfont{
	font-size: 16px;
	color: #aba7a7;
	margin-right: 5px;
}
.edit-area .btn-area2 .one .iconfont.active{
	color: #F39800;
}
.edit-area .notify{
	padding: 10px;
	font-size: 12px;
	line-height: 15px;
    background-color: #f7f9f8;
    white-space: pre-wrap;
}
.edit-area .notify .zd{
	color: #F39800;
}

.address-box2{
	background-color: #fff;
	padding: 0 12px;
	box-sizing: border-box;
}
.address-box2 .title{
	height: 40px;
	line-height: 40px;
	font-size: 17px;
	text-align: center;
	border-bottom: 1px solid #EDEDED;
}
.address-box2 .item{
	border-bottom: 1px solid #EDEDED;
	height: 60px;
	padding: 5px 0;
	box-sizing: border-box;
}
.address-box2 .item:last-child{
	border-bottom: none;
}
.address-box2 .item.tap-active{
	background-color: #EDEDED;
}
.address-box2 .item .left{
	width: 50px;
	float: left;
	position: relative;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.address-box2 .item .right{
	margin-left: 50px;
}
.address-box2 .item .right .name{
	height: 25px;
	font-size: 14px;
}
.address-box2 .item .right .con{
	height: 25px;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.oparea{
	background-color: #fff;
	padding-top: 10px;
}
.oparea .title{
	height: 30px;
	line-height: 30px;
	padding: 0 12px;
	box-sizing: border-box;
	font-size: 15px;
}
.oparea .title .more{
	float: right;
	color: #999;
	font-size: 14px;
}
.oparea .title .more .iconfont{
	font-size: 14px;
	margin: 0 5px;
}
.oparea .oplist{
	clear: both;
	padding: 10px 0;
}
.oparea .oplist .item{
	width: 25%;
	float: left;
	text-align: center;
}
.oparea .oplist.five .item{
	width: 20%;
	float: left;
}
.oparea .oplist.three .item{
	width: 33.33%;
	float: left;
}
.oparea .oplist.two .item{
	width: 50%;
	float: left;
}
.oparea .oplist .item.tap-active{
	background-color: #EDEDED;
}
.oparea .oplist .item .icon{
	text-align: center;
	height: 40px;
	line-height: 40px;
	position: relative;
}
.oparea .oplist .item .icon .iconfont{
	font-size: 25px;
	color: #b03047;
}
.oparea .oplist .item .icon .notify{
	position: absolute;
	right: 2rem;
	top: 0.5rem;
	background-color: #fe661b;;
	height: 0.4rem;
	width: 0.4rem;
	border-radius: 50%;
}
.oparea .oplist .item .icon .num{
	position: absolute;
    right: 2rem;
	top: 0.5rem;
    box-sizing: border-box;
    min-width: 16px;
    padding: 0 3px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    font-family: PingFang SC,Helvetica Neue,Arial,sans-serif;
    line-height: 14px;
    text-align: center;
    background-color: #ee0a24;
    border: 1px solid #fff;
    border-radius: 16px;
    -webkit-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
}
.oparea .oplist .item .icon2{
	text-align: center;
	height: 50px;
	line-height: 50px;
	position: relative;
}
.oparea .oplist .item .icon2 .notify{
	position: absolute;
	right: 2.5rem;
	top: 0.5rem;
	background-color: #fe661b;;
	height: 0.4rem;
	width: 0.4rem;
	border-radius: 50%;
}
.oparea .oplist .item .icon2 .num{
	position: absolute;
    right: 3rem;
	top: 1rem;
    box-sizing: border-box;
    min-width: 16px;
    padding: 0 3px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    font-family: PingFang SC,Helvetica Neue,Arial,sans-serif;
    line-height: 14px;
    text-align: center;
    background-color: #ee0a24;
    border: 1px solid #fff;
    border-radius: 16px;
    -webkit-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
}
.oparea .oplist .item .icon2 .iconfont{
	font-size: 30px;
	color: #777;
}
.oparea .oplist .item .icon3{
	text-align: center;
	position: relative;
	margin-bottom: 5px;
}
.oparea .oplist .item .icon3 img{
	height: 45px;
	width: 45px;
}
.oparea .oplist .item .name{
	color: #999;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	margin-bottom: 5px;
	text-align: center;
}
.btn-area{
	padding: 0 12px;
}
.btn-area .submit{
	height: 40px;
    line-height: 40px;
    background-color: #b03047;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 40px;
}
.btn-area .submit.tap-active{
	background-color: #54efde;
}
.baseaddress{
	height: 80px;
}
.baseaddress .left{
	width: 50px;
	float: left;
	position: relative;
	height: 80px;
	line-height: 80px;
}
.baseaddress .left .iconfont{
	font-size: 30px;
	color: #F39800;
}
.baseaddress .right{
	margin-left: 50px;
	height: 80px;
}
.baseaddress .right.tap-active{
	background-color: #EDEDED;
}
.baseaddress .right .right2{
	width: 30px;
	float: right;
	position: relative;
	height: 80px;
	line-height: 80px;
}
.baseaddress .right .right2 .iconfont{
	font-size: 20px;
	color: #999;
}
.baseaddress .right .left2{
	margin-right: 30px;
	height: 80px;
	padding: 10px 0;
	box-sizing: border-box;
}
.baseaddress .right .left2 .name{
	height: 20px;
	line-height: 20px;
	font-size: 14px;
}
.baseaddress .right .left2 .name .telephone{
	font-size: 14px;
	color: #999;
	margin-left: 10px;
}
.baseaddress .right .left2 .con{
	font-size: 14px;
	line-height: 18px;
}
.baseaddress .right .left2 .ch{
	font-size: 14px;
	line-height: 60px;
	height: 60px;
}
.baseaddress2{
	
}
.baseaddress2 .left{
	width: 50px;
	float: left;
	position: relative;
	height: 40px;
	line-height: 40px;
}
.baseaddress2 .left .iconfont{
	font-size: 30px;
	color: #F39800;
}
.baseaddress2 .right{
	margin-left: 50px;
}
.baseaddress2 .right .name{
	height: 20px;
	line-height: 20px;
	font-size: 14px;
}
.baseaddress2 .right .telephone{
	font-size: 14px;
	color: #999;
	margin-left: 10px;
}
.baseaddress2 .right .con{
	font-size: 14px;
	line-height: 18px;
}
.product-base{
	padding: 10px 12px;
	box-sizing: border-box;
}
.product-base .left{
	width: 80px;
	float: left;
	position: relative;
}
.param-ch-area{
	height: calc(60vh - 194px);
	overflow: scroll;
}
.product-base .left img{
	width: 80px;
	height: 80px;
}
.product-base .right{
	margin-left: 90px;
}
.product-base .right .price{
	height: 40px;
	line-height: 40px;
	color: #ee0a24;
	font-size: 22px;
}
.product-base .right .con{
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #999;
}
.product-base .right .con .item{
	margin-right: 5px;
}
.product-parm{
	padding: 10px 12px;
	box-sizing: border-box;
	overflow: scroll;
}
.product-parm .title{
	height: 25px;
	line-height: 25px;
}
.product-parm .itemarea{
	
}
.product-parm .itemarea .one{
	height: 25px;
    line-height: 25px;
    display: inline-block;
    background-color: #F5F5F5;
    color: #666666;
    font-size: 12px;
    padding: 0 10px;
    margin: 5px 8px;
	box-sizing: border-box;
}
.product-parm .itemarea .one.active{
    background-color: #fce6e6;
    color: #ee0a24;
}
.product-parm .itemarea .one.invalid{
	background-color: #fff;
	color: #ccc;
	border: 1px dashed #999;
}
.product-num{
	height: 30px;
	line-height: 30px;
	padding: 0 12px;
	box-sizing: border-box;
}
.product-num .left{
	width: 50%;
	float: left;
	position: relative;
	height: 30px;
	line-height: 30px;
}
.product-num .right{
	margin-left: 50%;
	text-align: right;
	height: 30px;
	line-height: 30px;
}
.con-detail{
	padding: 10px 12px;
	background-color: #fff;
}
.con-detail .name{
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 10px;
}
.con-detail .name2{
	font-size: 17px;
	line-height: 20px;
	margin-bottom: 10px;
	text-align: center;
}
.con-detail .con{
	font-size: 14px;
	color: #999;
}
.con-detail .con .money{
	color: #ee0a24;
    font-weight: bold;
    font-size: 18px;
}
.con-detail .pt-area{
	padding: 0 12px;
	background-color: #F39800;
	color: #fff;
	font-size: 14px;
}
.con-detail .pt-area .base{
	height: 60px;
}
.con-detail .pt-area .base .left{
	width: 50%;
	float: left;
	position: relative;
}
.con-detail .pt-area .base .left .item{
	height: 30px;
	line-height: 30px;
}
.con-detail .pt-area .base .left .item .money{
	font-size: 20px;
}
.con-detail .pt-area .base .left .item .btn{
	height: 25px;
    line-height: 25px;
    border: 1px solid #fff;
    border-radius: 25px;
    padding: 0 10px;
    display: inline-block;
    color: #fff;
    font-size: 13px;
	margin-left: 10px;
}
.con-detail .pt-area .base .left .item .btn.tap-active{
	background-color: #EDEDED;
}
.con-detail .pt-area .base .left .item .iconfont{
	font-size: 18px;
	margin: 0 5px;
	color: #ee0a24;
}
.con-detail .pt-area .base .right{
	margin-left: 50%;
	text-align: right;
}
.con-detail .pt-area .base .right .item{
	height: 30px;
	line-height: 30px;
}
.con-detail .pt-area .base .right .item .timeitem{
	height: 25px;
    line-height: 25px;
	color: #fff;
	padding: 0 0.3rem;
	background-color: #8f8d8d;
	margin: 0 0.3rem;
	display: inline-block;
}
.con-detail .pt-area .notify{
	font-size: 13px;
	line-height: 18px;
	padding: 5px 0;
}
.con-detail .con .btn{
	height: 25px;
	line-height: 25px;
    border: 1px solid #b03047;
    border-radius: 25px;
    padding: 0 10px;
    display: inline-block;
    color: #b03047;
    float: right;
	font-size: 13px;
}
.con-detail .con .btn.tap-active{
	background-color: #EDEDED;
}
.con-detail .item{
	height: 25px;
	line-height: 25px;
	font-size: 14px;
}
.con-detail .des{
	
}
.con-detail .des p img{
	max-width: 100%;
}
.con-detail .con2{
	line-height: 20px;
	height: 20px;
	color: #666666;
}
.con-detail .con2 .oneitem{
	margin-right: 8px;
}
.con-detail .con2 .oneitem2{
	height: 20px;
    line-height: 20px;
    display: inline-block;
    background-color: #F5F5F5;
    color: #666666;
    font-size: 14px;
    padding: 0 6px;
    margin-right: 8px;
}
.con-detail .con2 .op{
	float: right;
	color: #F39800;
}
.con-detail .line{
	height: 5px;
	border-bottom: 1px solid #666;
}
.jianjie{
	padding: 10px;
    font-size: 12px;
    line-height: 15px;
    background-color: #f7f9f8;
    white-space: pre-wrap;
}

.user-area{
	padding: 12px;
	background-color: #fff;
}
.user-area .oneuser{
	border-bottom: 1px solid #EDEDED;
	clear: both;
	padding: 8px 0;
	box-sizing: border-box;
}
.user-area .oneuser.tap-active{
	background-color: #EDEDED;
}
.user-area .oneuser:last-child{
	border-bottom: none;
}
.user-area .oneuser .left{
	width: 70px;
	float: left;
	position: relative;
}
.user-area .oneuser .left .face{
	position: relative;
	height: 56px;
	width: 56px;
}
.user-area .oneuser .left .face img{
	width: 56px;
	height: 56px;
	border-radius: 56px;
}
.user-area .oneuser .right{
	margin-left: 80px;
	padding-top: 3px;
	box-sizing: border-box;
}
.user-area .oneuser .right .name{
	font-size: 14px;
	height: 25px;
	line-height: 25px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.user-area .oneuser .right .con{
	font-size: 14px;
	color: #969696;
	height: 25px;
	line-height: 25px;
}
.list-box{
	background-color: #fff;
	font-size: 14px;
	color: #333333;
}
.list-box .item{
	border-bottom: 1px solid #EDEDED;
	padding: 5px 12px;
}
.list-box .item:last-child{
	border-bottom: none;
}
.list-box .item .right{
	width: 120px;
	float: right;
	position: relative;
	text-align: right;
}
.list-box .item .right .full{
	height: 55px;
	line-height: 55px;
	font-size: 16px;
	color: #F39800;
	font-weight: bold;
}
.list-box .item .right .name{
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}
.list-box .item .right .name.money{
	color: #F39800;
}
.list-box .item .right .con{
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	color: #999999;
}
.list-box .item .right .con .btn{
	height: 25px;
    line-height: 25px;
    border: 1px solid #EDEDED;
    border-radius: 30px;
    padding: 0 12px;
    display: inline-block;
    color: #666666;
    float: right;
    font-size: 12px;
    background-color: #FAFAFA;
}
.list-box .item .right .con .btn.tap-active{
	background-color: #EDEDED;
}
.list-box .item .right .con .btn.g{
	border: 1px solid #60B077;
    color: #60B077;
}
.list-box .item .right .con .btn.o{
	border: 1px solid #F39800;
    color: #F39800;
}
.list-box .item .left{
	margin-right: 120px;
}
.list-box .item .left .name{
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.list-box .item .left .con{
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	color: #999999;
}
.question-box{
	background-color: #fff;
	padding: 12px;
	box-sizing: border-box;
}
.question-box .one{
	border-bottom: 1px solid #EDEDED;
}
.question-box .one:last-child{
	border-bottom: none;
}
.question-box .one .title-area{
	
}
.question-box .one .title-area .right{
	width: 2rem;
	float: right;
	position: relative;
	height: 3rem;
	line-height: 3rem;
	text-align: right;
}
.question-box .one .title-area .right .iconfont{
	color: #969696;
	font-size: 1rem;
}
.question-box .one .title-area .left{
	margin-right: 2rem;
	height: 3rem;
	line-height: 3rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 1rem;
}
.question-box .one .title-area .left .ch{
	margin-right: 10px;
}
.question-box .one .title-area .left .iconfont{
	margin-left: 10px;
	color: #ee0a24;
}
.question-box .one .con-area{
	display: none;
}
.question-box .one .con-area.active{
	display: block;
}
.question-box .one .con-area .txt{
	color: #969696;
	white-space: pre-wrap;
	line-height: 1.3rem;
	font-size: 1rem;
	padding: 0.5rem 0;
	border-top: 1px solid #EDEDED;
}
.question-box .one .con-area .op-area{
	height: 30px;
	width: 100%;
	text-align: right;
}
.question-box .one .con-area .op-area .time{
	height: 30px;
    line-height: 30px;
	float: left;
	color: #999999;
}
.question-box .one .con-area .op-area .btn{
	height: 30px;
    line-height: 30px;
    display: inline-block;
    background-color: #b03047;
    color: #fff;
    font-size: 14px;
    padding: 0 15px;
    border-radius: 30px;
	float: right;
}
.question-box .one .con-area .op-area .btn.tap-active{
	background-color: #54efde;
}
.question-box .one .con-area .order{
	border-bottom: 1px solid #EDEDED;
	padding: 5px 0;
}
.question-box .one .con-area .order .left{
	width: 50px;
	float: left;
	position: relative;
	height: 40px;
}
.question-box .one .con-area .order .right{
	margin-left: 50px;
}
.question-box .one .con-area .order .right .con{
	height: 20px;
	line-height: 20px;
	font-size: 14px;
}
.question-box .one .con-area .rop-area{
	height: 30px;
	width: 100%;
	text-align: right;
}
.question-box .one .con-area .rop-area .btn{
	height: 30px;
    line-height: 30px;
    display: inline-block;
    background-color: #b03047;
    color: #fff;
    font-size: 14px;
    padding: 0 15px;
    border-radius: 30px;
	margin-right: 10px;
}
.question-box .one .con-area .rop-area .btn.tap-active{
	background-color: #54efde;
}
.register-box{
    background: #fff;
    padding: 0 20px 10px 20px;
    box-sizing: border-box;
}
.register-box .item{
	height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #EDEDED;
}
.register-box .item .left{
	width: 35px;
    float: left;
    position: relative;
    height: 50px;
    line-height: 50px;
}
.register-box .item .left .iconfont {
    font-size: 20px;
    color: #b03047;
}
.register-box .item .right{
	margin-left: 35px;
}
.register-box .item .right .txt {
    border: none;
    font-size: 14px;
    width: 100%;
    height: 40px;
    color: #999999;
}
.register-box .item .right .right2 {
    width: 130px;
    float: right;
    position: relative;
    text-align: right;
    height: 50px;
}
.register-box .item .right .right2 .btn {
    font-size: 14px;
    color: #b03047;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #b03047;
    display: inline-block;
    line-height: 20px;
}
.register-box .item .right .right2 .btn.invalid {
    border: 1px solid #EDEDED;
    color: #F39800;
}
.register-box .item .right .left2 {
    margin-right: 130px;
    height: 50px;
}
.xc-box{
	padding: 0 10px 10px 10px;
}
.xc-box .imgitem{
	float: left;
	margin: 5px 2%;
	width: 21%;
}
.xc-box.three .imgitem{
	width: 29%;
}
.xc-box.five .imgitem{
	width: 16%;
}
.xc-box.two .imgitem{
	width: 46%;
}
.xc-box .imgitem .img{
	position: relative;
	overflow: hidden;
	padding-bottom: 100%; /*决定宽高比例的参数-宽:高，决定了图片显示区域效果，超过比例会自动隐藏，所以最好保证图片剪裁比例和显示区域保持一致*/
}
.xc-box .imgitem .img.add{
	outline: 1px dashed #969696;
}
.xc-box .imgitem .img.add.tap-active{
	background-color: #EDEDED;
}
.xc-box .imgitem .img img{
	width: 100%;
	position: absolute;
}
.xc-box .imgitem .img .del{
	position: absolute;
    right: 0;
    top: 0;
    background-color: #fe661b;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
    padding: 3px;
}
.xc-box .imgitem .img .notify {
    position: absolute;
    left: 0rem;
    bottom: 0rem;
    background-color: rgba(0,0,0,0.4);
    font-size: 16px;
    color: #fff;
    text-align: center;
    width: 100%;
    height: 30px;
    line-height: 30px;
}
.xc-box .imgitem .des{
	height: 60px;
	line-height: 25px;
	padding: 5px 10px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	box-sizing: border-box;
	border: 1px solid #ddd;
}
.userflag{
	height: 100px;
	width: 100%;
	border-radius: 100px;
	padding: 10px;
	box-sizing: border-box;
	background-color: #fff;
}
.userflag .right{
	width: 80px;
	float: right;
	position: relative;
}
.userflag .right img{
	width: 80px;
    height: 80px;
    border-radius: 80px;
}
.userflag .left{
	margin-right: 90px;
	padding-left: 25px
}
.userflag .left .name{
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}
.userflag .left .flag{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height: 30px;
	line-height: 30px;
}
.userflag .left .flag .oneflag{
	height: 25px;
    line-height: 25px;
    display: inline-block;
    background-color: #b03047;
    color: #fff;
    font-size: 14px;
    padding: 0 15px;
    margin: 0 5px 0 0;
    border-radius: 25px;
}
.company-box{}
.company-box .single{
	background-color: #fff;
	margin: 10px 0;
	min-height: 70px;
}
.company-box .single.tap-active{
	background-color: #eee;
}
.company-box .single .left{
	width: 70px;
	float: left;
	position: relative;
	padding: 10px;
}
.company-box .single .left img{
	width: 80px;
	height: 80px;
	border-radius: 5px;
}
.company-box .single .right{
	margin-left: 95px;
	padding: 10px;
}
.company-box .single .right .name{
	height: 30px;
	line-height: 30px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
	font-size: 16px;
	color: #202020;
}
.company-box .single .right .name .zd{
	color: #ffbd27;
}
.company-box .single .right .con{
	height: 25px;
	line-height: 25px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #969696;
	font-size: 14px;
}
.company-box .single .right .con .zd{
	margin: 0 4px;
    font-weight: bold;
    color: #ffbd27;
}
.company-box .single .right .con .flag{
	height: 20px;
    line-height: 20px;
    display: inline-block;
    background-color: #f9f6e4;
    color: #e0994a;
    font-size: 12px;
    padding: 0 5px;
    margin-right: 5px;
}
.news-box{
	background-color: #fff;
}
.news-box .one{
	border-bottom: 1px solid #EDEDED;
}
.news-box .one:last-child{
	border-bottom: none;
}
.news-box .one .con1{
	padding: 10px 12px 10px 12px;
	box-sizing: border-box;
}
.news-box .one .con1.tap-active{
	background-color: #EDEDED;
}
.news-box .one .con1 .pic-area{
	
}
.news-box .one .con1 .pic-area img{
	width: 100%;
}
.news-box .one .con1 .name{
	font-size: 16px;
	line-height: 25px;
	color: #323232;
}
.news-box .one .con1 .name .zd{
	font-weight: bold;
	color: #F39800;
	margin: 0 3px;
}
.news-box .one .con1 .flag{
	height: 20px;
	line-height: 20px;
}
.news-box .one .con1 .flag .time{
	font-size: 14px;
	color: #b8b8b8;
}
.news-box .one .con2{
	padding: 10px 12px 10px 12px;
	box-sizing: border-box;
}
.news-box .one .con2.tap-active{
	background-color: #EDEDED;
}
.news-box .one .con2 .name{
	font-size: 16px;
	line-height: 25px;
	color: #323232;
}
.news-box .one .con2 .name .zd{
	font-weight: bold;
	color: #F39800;
	margin: 0 3px;
}
.news-box .one .con2 .flag{
	height: 20px;
	line-height: 20px;
}
.news-box .one .con2 .flag .time{
	font-size: 14px;
	color: #b8b8b8;
}
.news-box .one .con2 .pic-area{
	width: 94px;
	float: right;
	position: relative;
}
.news-box .one .con2 .pic-area img{
	width: 94px;
	height: 70px;
}
.news-box .one .con2 .text-area{
	margin-right: 100px;
}
.news-box .one .con2 .text-area .name{
	font-size: 16px;
	line-height: 25px;
	color: #323232;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news-box .one .con2 .text-area .name .zd{
	font-weight: bold;
	color: #F39800;
	margin: 0 3px;
}
.news-box .one .con2 .text-area .flag{
	height: 20px;
	line-height: 20px;
}
.news-box .one .con2 .text-area .flag .time{
	font-size: 14px;
	color: #b8b8b8;
}
.card-base{
	padding: 10px;
	box-sizing: border-box;
	background-color: #fff;
}
.card-base .name{
	line-height: 25px;
	font-size: 16px;
}
.card-base .con{
	line-height: 20px;
	font-size: 14px;
}
.card-base .con .zd{
	font-weight: bold;
	color: #F39800;
	margin: 0 3px;
}
.card-base .company{
	border: 1px solid #EDEDED;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5px;
	margin: 10px 0;
}
.card-base .company .base{
	border-bottom: 1px dashed #b03047;
	padding-bottom: 10px;
}
.card-base .company .base .right{
	width: 80px;
	float: right;
	position: relative;
}
.card-base .company .base .right img{
	width: 80px;
    height: 80px;
    border-radius: 5px;
}
.card-base .company .base .left{
	margin-right: 95px;
}
.card-base .company .base .left .name{
	height: 30px;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    color: #202020;
}
.card-base .company .base .left .con{
	height: 25px;
    line-height: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #969696;
    font-size: 14px;
}
.card-base .company .base .left .con .flag{
	height: 20px;
    line-height: 20px;
    display: inline-block;
    background-color: #f9f6e4;
    color: #e0994a;
    font-size: 12px;
    padding: 0 5px;
    margin-right: 5px;
}
.card-base .company .base .left .con .btn{
	height: 25px;
    line-height: 25px;
    display: inline-block;
    background-color: #0AC2AE;
    color: #fff;
    font-size: 14px;
    padding: 0 15px;
    border-radius: 25px;
}
.card-base .company .productarea{
	
}
.card-base .company .productarea .oneproduct{
	height: 85px;
	padding: 10px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #EDEDED;
}
.card-base .company .productarea .oneproduct:last-child{
	border-bottom: none;
}
.card-base .company .productarea .oneproduct .left{
	width: 65px;
	float: left;
	position: relative;
}
.card-base .company .productarea .oneproduct .left.op{
	width: 95px;
}
.card-base .company .productarea .oneproduct .left img{
	width: 65px;
	height: 65px;
}
.card-base .company .productarea .oneproduct .right{
	margin-left: 80px;
}
.card-base .company .productarea .oneproduct .right.op{
	margin-left: 110px;
}
.card-base .company .productarea .oneproduct .right .name{
	height: 25px;
    line-height: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    color: #202020;
}
.card-base .company .productarea .oneproduct .right .con{
	height: 20px;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #969696;
    font-size: 14px;
}
.card-base .company .productarea .oneproduct .right .con .zd{
	font-weight: bold;
	color: #F39800;
}
.card-base .company .productarea .oneproduct .right .con .money{
	font-weight: bold;
	color: #F39800;
}
.card-base .company .productarea .oneproduct .right .con .old-money{
	color: #969696;
    margin-left: 10px;
    text-decoration: line-through;
}
.card-base .company .productarea .oneproduct .right .con .flag{
	height: 20px;
    line-height: 20px;
    display: inline-block;
    background-color: #f9f6e4;
    color: #e0994a;
    font-size: 12px;
    padding: 0 5px;
    margin-right: 5px;
}

.tcc3 .van-popup {
    width: 60%;
    box-sizing: border-box;
	height: 100vh;
	background-color: #f7f8fa;
}
.tcc3 .van-nav-bar {
    height: 36px;
    line-height: 36px;
    background: linear-gradient(to bottom, #b03047, #b03047);
    z-index: 999;
}
.tcc3 .van-nav-bar .van-nav-bar__left i {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
}
.tcc3 .van-nav-bar .van-nav-bar__title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.tcc3 .tcc-content{
    height: calc(100vh - 36px);
    overflow: scroll;
}