@import url(common.css);
@import url(canvashow.css);
@import url(autograph.css);
.header{
	width: 100%;
	background-color: white;
	border-bottom: .25rem solid #ebebeb;
}
.header img{
	width: 100%;
}
.header div{
	padding: .7rem;
	font-size: .6rem;
}
.list {
  padding: .5rem 0;
  background-color: #fff; }
.list .div{
  	display: flex;
  	font-size: 0.85rem;
  	
}
.list .div img{
  	width: 1rem;
  	height: 1.2rem;
  	padding-right: .2rem;
  	margin-top: .6rem;
  }
  .list .jia{
  	display: flex;
  }
  .list .jia img{
  	width: 1.5rem;
  	height: 1.5rem;
  	margin-top: .5rem;
  }
  .list .jia input{
  	width: 2.5rem;
  	height: 1.5rem;
  	margin-top: .5rem;
  	text-align: center;
  }
  .name-val a{
  	color:#9266a5 ;
  }
  .list-title{
  	margin-top: -.5rem;
  }
.li-border{
    height: 2.5rem;
  	line-height: 2.5rem;
}
.li-border:not(:last-child){
  	border-bottom: 1px solid #EBEBEB;
}
.list li {
    padding: 0 .7rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.list li p {
    line-height: 2.5rem;
    color: #333333;
    font-size: 0.7rem; }
.list li .namea{
    width: 10rem;
    resize:none;
    margin-top:.8rem;
    line-height:1rem;
    font-size: .7rem;
    text-align: right;
}
.list li .Identity{
    width: 10rem;
    resize:none;
    margin-top:.8rem;
    line-height:1rem;
    font-size: .7rem;
    text-align: right;
}
.list li .phone{
    width: 7rem;
    margin-top:.8rem;
    line-height:1rem;
    resize:none;
    font-size: .7rem;
    text-align: right;
}
.article{
	padding:0 1.4rem 0 1.4rem;
}
.ul-one{
	display: flex;
	background-color: #FFFFFF;
}
.ul-one li{
	width:33.3%;
	height:2rem;
	line-height:2rem;
	text-align:center;
	font-size: .8rem;			
	list-style:none;
}
.ul-one li:not(:last-child){
	border-right: 1px solid #EBEBEB;
}
/* li:hover{
	color: blueviolet;
	border-bottom: 0.1rem solid blueviolet;
				
} */
/* .ul-one li.active{
	color: blueviolet;
	border-bottom: 0.1rem solid blueviolet;
				
}*/
.active{
	color: blueviolet;
	border-bottom: 0.1rem solid blueviolet;
} 
.ul-two .li-one .title{
	text-align: center;
	font-size: 1rem;
}
.ul-two .li-one .tu{
	padding-top: .5rem;
	padding-bottom: 1rem;
	text-align:center;
}
.ul-two .li-one .tu img{
	width: 9rem;
}
.ul-two .li-one .twoimg img{width:14.6rem;}
.ul-two .li-two .problem{
	display: flex;
	font-size: 0.66rem;
	margin-top: .5rem;
}
.ul-two .li-two .problem img{
	width: 2rem;
	height: 2rem;
}
.ul-two .li-three .problem{
	display: flex;
	font-size: .7rem;
	margin-top: .5rem;
}
.ul-two .li-three .problem img{
	width: 1.4rem;
	height: 1.5rem;
}
.ul-two .li-three .problem div{
	padding-left: .8rem;
	line-height: 1.5rem;
}
.ul-two .li-two .problem div{
	padding-left: .5rem;
	line-height: 2rem;
}
.ul-two .li-two .text{
	background-color: #f6f7fe;
	font-size: .5rem;
	padding: .5rem;
	margin-top: 1rem;
}
.ul-two .li-three .cont{
	font-size: .65rem;
	color: #ada9a4;
	padding-left: 2.3rem;
}
.ul-two li{
	padding: .7rem;
	font-size: .66rem;
	list-style:none;
	display:none;
	color: #3b3d3c;
	background-color: #FFFFFF;
}
.container {
  background-color: #fff; 
  display:-webkit-box;
	display:flex;
	-webkit-box-pack: end;
	justify-content: flex-end;
	flex-flow: wrap;
  }
  .container h3 {
    background-color: #f7f7f7;
    padding: 0 .75rem;
    line-height: 2rem; }

.y_btn {
  margin-top: 1.5rem; }
  .selection{
  	font-size: .7rem;
  	padding: .6rem;
  	color: #333;
  	border-bottom: .25rem solid #ebebeb;
  }
.selection img {
	width: .8rem;
	height: .8rem;
	margin-top: .25rem;
	margin-right: .25rem;
	vertical-align: top;
}
  .prompt{
  /* 	height: 2rem; */
  	padding: .7rem;
  	font-size: .6rem;
  	margin-bottom:3rem;
  	color: #9a9691;
  	text-align: center;
  	vertical-align:middle;
  }
  .last{
  	display: flex;
  	position:fixed;
  	bottom:0;
  	width: 100%;
  	height: 3.1rem;
  	line-height: 3.1rem;
  	background-color: #FFFFFF;
  }
  .last .last-money{
  	width: 50%;
    padding-left: 1rem;
    color: red;
  	font-size: 1rem;
  }
  .last .last-btn{
  	width:40% ;
  	height: 2rem;
  	margin-top: .55rem;
  	border-radius: .2rem;
  	font-size: .8rem;
  }
  .lasta{
  	width: 100%;
  	height: 3.1rem;
  	display: flex;
  	position:fixed;
  	bottom:0;
  	line-height: 3.1rem;
  	background-color: white;
  }
  .lasta .lasta-money{
  	width: 50%;
    padding-left: 1rem;
    color: red;
  	font-size: 1rem;
  }
  .lasta .lasta-btn{
  	width:40% ;
  	height: 2rem;
  	margin-top: .55rem;
  	border-radius: .2rem;
  	font-size: .8rem;
  }
 .list .li-border .name-color{
  	color: #333;
  }
.list-detail{
	margin: .7rem;
	padding: .5rem !important;
	border-radius: .3rem;
}
.list-detail li{
	padding: .1rem !important;
}
.list-detail li p{
	font-size: 1rem;
}
.list-detail .paragraph{
	/* margin-top: -0.5rem; */
	font-size: .8rem;
	letter-spacing:0rem;
	text-align:justify;
}
.list-bottom{
	margin-bottom:5rem;
}
.detail-title{
	margin: .7rem;
	padding: .5rem !important;
	border-radius: .3rem;
	background-color: #FFFFFF;
	padding: .7rem;
}
.detail-prompt{
	font-size:.8rem;
}
.detail-font{
	font-size: .6rem;
	color: #696763;
}
.detail-we{
	font-size: .8rem;
}
.common_dialog .common_dialog_ok{
    font-size: .75rem;
    font-family: "微软雅黑";
    display: block;
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    color: #fff;
    text-align: center;
    background-color: #9266a5;
    cursor: pointer;
}
.container span{
	border-radius: .125rem;
	text-align: center;
	height: 1.2rem;
	line-height: 1.2rem;
	border: .025rem solid #b2b2b2;
	margin-top: .625rem;
	margin-left: .5rem;
	cursor: pointer;
	font-size: .7rem;
	color: #b2b2b2;
}
.container span.btn_on{
	border: .025rem solid blueviolet;
	background-color: blueviolet;
	color: #fff;
}
.container span{
	width: 2.5rem;
	
}

/* 生活场景 */

.lifeList {

}

.lifeList li {
	display: flex;
	align-items: center;
	padding-bottom: 1.5rem;
	line-height: 1.15rem;
}

.lifeList li img {
	width: 8.75rem;
	height: 6rem;
	margin-right: .5rem;
}

.lifeList li h3 {
	color: #5557ff;
	padding-bottom: .35rem;
}

.lifeList li span {
	position: relative;
	padding: 0 .3rem;
	font-weight: 600;
}

.lifeList li span::before {
	content: "";
	display: block;
	width: 100%;
	height: .25rem;
	border-radius: .125rem;
	background-color: #edf0ff;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}


/* 生活场景 */

.name-val a {
	color: #5557ff;
}

a {
	color: #5557ff;
}

.container span.btn_on {
	border: .025rem solid #5557ff;
	background-color: #5557ff;
	color: #fff;
}

.active {
	color: #5557ff;
	border-bottom: 0.1rem solid #5557ff;
}

.hot_main h3 {
	height: .8rem;
	line-height: .8rem;
	border-left: .2rem solid #5557ff;
	padding-left: .3rem;
	margin-bottom: .3rem;
}


/* footer */

.footer {
	width: 100%;
	height: 2.5rem;
	position: fixed;
	left: 0;
	bottom: 0;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: start;
	justify-content: space-between;
	background-color: #fff;
	-moz-box-shadow: 0 -.075rem .3rem #ebebeb;
	-webkit-box-shadow: 0 -.075rem .3rem #ebebeb;
	box-shadow: 0 -.075rem .3rem #ebebeb;
}

.footer a.tel_box {
	width: 3.75rem;
}

.footer a.tel_box img {
	width: 1.1rem;
	height: 1.1rem;
	margin: .3rem auto 0;
	display: block;
}

.footer a.tel_box p {
	text-align: center;
	line-height: 1.1rem;
}

.footer p.foot_money {
	margin: .25rem 0;
	line-height: 2rem;
	color: #ff6c1e;
	border-left: .05rem solid #ebebeb;
	padding-left: 1rem;
	padding-right: 2rem;
}

.footer button.foot_btn {
	width: 7.25rem;
	line-height: 2.5rem;
	height: 2.5rem;
	background-color: #5557ff;
	text-align: center;
	cursor: pointer;
}


.state_on{pointer-events: none;}
.footer button.buy_btn_ccc {
    background-color: #ccc;
    pointer-events: none;
}