.html{color:#000000;height:100vh;background-color:#fff;}
.bodycolor{background-color:#fff;color:#000000;}
.bgcolor{background-color:#fff;color:#000000;height:100vh;}
.bgcolor1{background-color:#18a084;color:#fff;}
.bgcolor2{background-color:#F0F0F0;}
.bgcolor3{background-color:#18a084;}
.con-box{width:100%;margin:auto;}
.clear{clear:both;}.clear15{clear:both;height:35px;}
.hid{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
p{ padding-left:2vw;}
/*宽度样式*/
.width95{width:95%;}
/*偏移样式*/
.marauto{margin:auto;}
.padding0{padding:0 !important;}
.paddingb1right{padding-right:1%;}
.paddingb1left{padding-left:1%;}
.paddingtb15{padding:15px 0;}
.paddingtb50{padding:50px 0;}
.marginleft15{margin-left:15px;}
.paddingtb15top{padding:15px 0 0 0;}
.paddingtb15bop{padding:8px 0 15px 0;}
/*浮动样式*/
.fleft{float:left;}
.fright{float:right;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.float-left{float:left !important;}
/*圆角样式*/

/*背景样式*/
.orgbg{background-color:#fff;}
.orgbgs{background-color:#fff;color:#18a084;}
.buttonbg{background-color:#18a084;}
/*宽度样式*/
.width20{width:20%;}
.width30{width:30%;}
.width50{width:50%;}
.width60{width:60%;}
.width70{width:70%;}
.width80{width:80%;}
.width501{width:49%;}
.width90{width:90%;}
.width100{width:100%;}
.but-widths{margin-right:0 !important;float:left;}
/*高度样式*/
.height100b{height:100%;}
.height250{height:250px;}
.height150{height:150px;}
.height10{height:10px;}
.height15{height:15px;}
.height30{height:30px;}
.height35{height:35px;}
.height50{height:50px;}
.height60{height:60px;}
.height80{height:80px;}
.minheight150{min-height:150px;}
/*偏移样式*/

/*鼠标样式*/
.pointer{cursor:pointer;}
/*按钮样式*/

/*p标签*/
.p1{line-height:50px;height:50px;}
.p2{line-height:60px;height:60px;}
.p3{line-height:35px;height:35px;}
.p4{line-height:25px;height:25px;}

.p5{line-height:35px;}
.p7{line-height:60px;color:#fff;font-size:16px;}
.p6{line-height:80px;height:80px;color:#18a084;font-size:30px;font-weight:bold;border-bottom:1px solid #18a084;}
.p11{line-height:25px;height:25px;}
.p8{line-height:25px;}
.telspan{color:#18a084}


.content>p{line-height:25px;color:#2b2b2b;text-indent:2em;overflow-wrap:break-word;word-break:break-all;}
.content>p >span >img {display:block;width:100%;}
.content p img{display:block;width:100%;}
/*i标签*/
.i1{font-style:normal;font-size:14px;}
/*字体样式*/
.font20{font-size:20px;}
.font16{font-size:16px;}
.weight{font-weight:bold;}
/*颜色样式*/
.color1{color:#18a084;}
.color2{color:#2b2b2b;}
.color3{color:#a3a3a3;}
.color4{color:#e2f3ee;}
.color5{color:#e2f1fa;}
.color6{color:#fff;}
/*图片*/
.img1{width:100px;}
.img2{width:25%;}
.img3{width:90%;}
.img4{width:10%;}
.img5{width:100%;}

/*************/
.bradius10{border-radius:10px;}

.u1{width:100%;}
.li1{width:100%;height:35px;}
.li2{width:100%;height:50px;border-bottom:1px solid #f1f1f3;}
.r_input{border-color: #fff;}
.r_input:hover{border-color: #fff;}
.r_bottom{border-bottom:1px solid #f1f1f3;}
.layui-input:hover,.layui-textarea:hover{border-color:#fff!important}
/*.layui-input:focus,.layui-textarea:focus{border-color:#fff!important}*/


/****************************/






/***************index——index******************/
.fixed_bottom{
    bottom:0;
    width:100%;
    clear:both;
    position:fixed;
    text-align:center;
}
.guidance_p1{
    color:#18a084;
    font-size:18px;
    width:100%;
    line-height:55px;
    height:55px;
    text-align:center;
    padding-left:0;
}
.guidance_p2{
    color:#18a084;
    font-size:15px;
    width:100%;
    line-height:35px;
    text-align:left;
    padding-left:0;
}
/***************index——choose******************/
.step_imgs{
    width:50%;
    margin:auto;
}
.step_ps{
    line-height:70px;
    color:#18a084;
}
.choose_box1{
    width:50%;
    float:left;
    text-align:center;
}
.sjt_content{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color:rgba(0, 0, 0,.5);
	z-index:999;
}
.note_content{
    background-color:#fff;
    border-radius:25px;
    height:500px;
    width:85vw;
    margin:auto; 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.note_title{
    width:85vw;
    margin:auto;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:20px;
    font-weight:500;
    border-bottom:1px solid #000;
    padding-left:0;
}
.note_box{
    width:90%;
    margin:auto;
    height: 450px;
    overflow-y: auto;
}
 .note_box p{
    line-height:22px;
    font-size:14px;
}
.note_box_title{
    line-height:35px;
    height:35px;
    font-size:16px;
    font-weight:bold;
    margin-top:15px;
}
.note_empty{
    height:150px;
    clear:bold;
}
.note_bottoms{
    width:100%;	
    position: fixed;
    bottom:0;
    height:135px;
    background-color:#fff;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px;
}
.note_bottom_border{
    height:15px;
    border-bottom:1px solid #000;
}
.note_bottoms input{
    vertical-align:middle;
}
.note_bottom_box{
    width:90%;
    margin:auto;
}
.note_bottom_box p{
    line-height:20px;
    font-size:3vw;
}
.note_ps{
    color:#ff0000;
    font-size:3vw;
}
.note_ps1{
    margin-bottom:15px;
}
.privacy_content{
    position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color:#fff;
	z-index:999999;
	overflow-y: auto;
	display:none;
}
.privacy_box{
    width:90vw;
    margin:auto;
}
.privacy_box_title{
    line-height:35px;
    height:35px;
    font-size:16px;
    font-weight:bold;
    margin-top:15px;
}
.privacy_box_empty{
    margin-bottom:25px;
    margin-top:25px;
}
.privacy_span{
    color:#18a084;
}
#sjt_content input[type=checkbox]{
	cursor:pointer;
	position:relative;
	width:15px;
	height:15px;
	font-size:14px;
}
#sjt_content input[type=checkbox]::after{
	position:absolute;
	top:0;
	color:#000;
	width:15px;
	height:15px;
	display:inline-block;
	vidibility:vidible;
	padding-left:0px;
	text-align:center;
	centet:' ';
	border-radius:3px;
}
#sjt_content input[type=checkbox]:checked::after{
	content:"✓";
	color:#fff;
	font-size:12px;
	font-weight:bold;
	background-color:#ff366f;
	background-color:#18a084;
}
/*************order_index**********************/

.prompt{
    height:55px;
    line-height:55px;
    font-size:3.5vw;
    text-align:center;
    background-color:#fcfbe9;
}
.wrapper{
    width: 100%;
    height: auto;
    position: relative;
}
.wrapper img{
    position: absolute;
    cursor: pointer;
    pointer-events: none;
    width:80%;
    height:45vw;
    left: 10%;
    top: 0;
}
.getcode{
    background-color:#18a084;
    width:25vw;
    color:#fff;
}
.martop25{
    margin-top:25px;
}
.imgWrap{
    width:80%;
    height:45vw;
    margin:auto;
}
.imgWrap input{
    opacity: 0;
    width:80%;
    height:45vw;
}
.p13{
    text-align:center;
    color:#777;
}
.p13_1{
    text-align:center;
    color:#18a084;
}
/****************order_identity*******************/
.choose_box{
    width:100%;
    float:left;
    margin-top:25px;
}
.choose{
    margin:auto;
    text-align:center;
    border:1px solid #18a084;
    width:100%;
    height:50px;
    line-height:50px;
    border-radius:10px;
}
.choose:hover{
    background-color:#18a084;
    color:#fff;
}
.p15{
    height:55px;
    line-height:55px;
    font-size:4.5vw;
    text-align:center;
    color:#18a084;
    font-weight:bold;
}
/****************order_agent*******************/
.image1{
    display:none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    background-color: transparent;
    width:90vw;
}
.image1 img{
    width:100%;
}
.image2{
    display:none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    background-color: transparent;
    width:90vw;
}
.image2 img{
    width:100%;
}
.cropper-bg {
    background-image: none !important;
}
.image3{
    display:none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    background-color: transparent;
    width:90vw;
}
.image3 img{
    width:100%;
}
.image4{
    display:none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    background-color: transparent;
    width:90vw;
}
.image4 img{
    width:100%;
}
.cropper-bg {
    background-image: none !important;
}
.cropper-modal {
    background-color: #fff !important;
    opacity: .5;
}
.sfimage_box{
    margin-top:12vh;
}
.sfimage_box img{
    width:100%;
    margin-bottom:25px;
}
/**************order_message*******************/
.layui-form-select dl dd.layui-this {
    background-color: #18a084;
    color: #fff;
}
.layui-form-radio>i:hover, .layui-form-radioed>i {
    color: #18a084;
}
.layui-form-select .layui-edge {
    border-top-color: #7f7f7f;
}
.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.layui_input_usersm {
    position: absolute;
}
.layui_input_usersm .layui-edge {
    border-top-color: #7f7f7f;
}
.layui_input_usersm .layui-edge {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    cursor: pointer;
    border-width: 6px;
    border-top-style: solid;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.layui-edge {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: dashed;
    border-color: transparent;
}
.layui-btn, .layui-edge, .layui-inline, img {
    vertical-align: middle;
}
.martop15{
    margin-top:15px;
}
 .photocopy_title{
    line-height:80px;
    color:#18a084;
    font-size:16px;
    text-align:center;
    height:80px;
}
.photocopy{
    width:100%;
}
.photocopy tr{
    width:100%;
}
.photocopy tr td{
    border:1px solid #777;
}
.photocopy tr td p{
    text-align:left;
    margin:auto;
    padding-top:7px;
    padding-bottom:7px;
}
.photocopy_td1{
    width:25%;
}
.photocopy_td1 p{
    width:90%;
}
.photocopy_td2{
    width:75%;
}
.photocopy_td2 p{
     width:95%;
}
.photocopy_td_title{
    color:#18a084;
    text-align:center;
}
/*************order_confirm*****************/
.confirm_tab tr td{
    height:50px;
}
.confirm_td1{
    width:25vw;
}
.p16{
    line-height:60px;
    text-align:center;
    color:#18a084;
}
.p17{
    line-height:25px;
}
.p17 span{
    font-weight:bold;
    color:#ff0000;
}
/*******************user_index****************/
.up1{
    color:#777;
    font-size:5vw;
    /*margin-bottom:15px;*/
    line-height:50px;
    height:50px;
}
.uspan1{
    color:#000;
    font-size:16px;
    padding-right:15px;
    display:inline-block;
}
.uspan2{
    color:#777;
    font-size:14px;
    display:inline-block;
}
.up1_sp1{
    font-size:16px;
    display:inline-block;
    white-space: normal;
    word-break: break-all;
}
.up1_sp2{
    color:#777;
}
.user_img{
    width:100%;
    text-align:center;
}
.user_mes{
    width:100%;
}
.user_mes td{
   height:60px;
}
.td_1{
    width:90px;
}
.td_2{
    width:60px;
    text-align:center;
}
/*****************setname*******************/
.sub_row{
    width:90%;
    margin:auto;
}
.up2{
   font-size:3.5vw;
   line-height:50px;
   text-align:center; 
}
.u_input{
    border:1px solid #c2c2c2;
}
/*****************setmobile*******************/
.getcode_user{
    background-color:#18a084;
    width:30vw;
    color:#fff;
    text-align:center;
}
/*****************setnumber*******************/
.stnumber input{
    width: 100px;
    height: 30px;
}
.stnumber a{
    pointer-events: none;
}
/***************hostory***************/
.hostory_d1{
    width:95%;margin:auto;
}
.hostory_d2{
    width:100%;background-color:#fff;
}
.layui-row li{
    padding:15px;
} 
.hostory_table{
    border:1px solid #a6a5a5;
    width:100%;
    margin:auto;
}
.hostory_table tr{
    border:1px solid #a6a5a5;
}
.hostory_table tr td{
    border:1px solid #a6a5a5;
    height:50px;
    padding-left:2vw;
    font-size:13px;
}
.hostory_table_tr1{
    width:20%;
}
.hostory_table_tr2{
    width:30%;
}
.ph_1{
    padding-left:0;
    color:#777;
    line-height:50px;
}
.ph_1 span{
    float:right;
    color:#18a084;
    line-height:50px;
    font-size:16px;
}
.ph_2{
    text-align:center;
    color:#18a084;
    line-height:50px;
}
.ph_3{
    margin-top:50px;
    line-height:50px;
    text-align:center;
}

/*************address*****************/
.ad_list{
    width:100%;
    border-bottom:1px solid #777;
}
.ad_list td{
    padding-top:10px;
    padding-bottom:10px;
}
.ad_td1{
    width:10%;
    text-align:center;
}
.ad_td2{
    width:70%;
    margin-bottom:10px;
    
}
.ad_td3{
    width:20%;
    text-align:center;
}
.address-row li{
    width:90%;
    margin:auto;
} 
.address-row li{
    padding:15px;
} 
.iPicker-container:not(:last-child) {
    margin-right: 1%;
}
.iPicker-container {
    position: relative;
    float: left;
    width: 32.5%;
    height: 34px;
    font-size: 14px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/************bottom***************/
.note_bottom{width:100%;	position: fixed;bottom:0;height:65px;border-top:1px solid #f1f1f3;background-color:#fff;}
.note_bottom input{vertical-align:middle;}
.note_bottom_left{width:49.9%;height:65px;float:left;text-align:center;}
.note_bottom_left img{width:15%;margin-top:10px;}
.menu_p1{padding-left:0;text-align:center;font-size:3vw;color:#fff;line-height:6vw;}
.menu_p2{padding-left:0;text-align:center;font-size:3vw;color:#18a084;line-height:6vw;}
.note_bottom_left_bg{background-color:#18a084;}
.notive{position: relative; top: 40vh;transform: translateY(-50%);}
.vertical{height:auto;vertical-align: middle;}