body { background: #F6F6FC; padding-bottom: 0.3rem; } #content { background: #ffffff; width: 100%; } .basic_header { padding: 0.64rem 0.32rem 0 0.32rem; } .basic_header .basic_title { color: #2CBCA0; font-size: 0.56rem; font-family: PingFangSC; font-weight: 500; } .basic_header .basic_tip { color: #333333; font-size: 0.28rem; margin-top: 0.24rem; line-height: 0.4rem; } .input_list { font-size: 0.32rem; margin-top: 0.4rem; padding-left: 0.32rem; } .input_list .input_item { padding-right: 0.32rem; border-bottom: 0.01rem solid #F1F1F1; position: relative; } .input_list .input_item .arrow_icon { width: 0.16rem; float: right; } .input_list .input_item .input_item_title { padding-top: 0.46rem; } .input_list .input_item .input_item_info { padding-top: 0.32rem; padding-bottom: 0.2rem; } .input_list .input_item .input_item_info .input_content { color: #999999; width: 6rem; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .add_btn { width: 1.18rem; height: 0.56rem; border: 0.01rem solid #2cbca0; border-radius: 0.28rem; background: #ffffff; line-height: 0.56rem; text-align: center; color: #2CBCA0; position: absolute; top: 0.35rem; right: 0.32rem } .input_item_info .image_upload { float: left; margin-right: 0.48rem } .input_item_info .image_upload img { width: 1.36rem; height: 1.36rem; } .image_files_item { float: left; position: relative; margin-right: 0.48rem; margin-bottom: 0.2rem; } .image_files_item .image_files_img { width: 1.36rem; height: 1.36rem; border-radius: 0.16rem; } .image_files_item .image_del { width: 0.4rem; height: 0.4rem; position: absolute; right: -0.1rem; top: -0.1rem; } .image_files_item .image_del img {} .hasPre { margin-left: 0.32rem; margin-top: 0.4rem } .hasPre span { display: inline-block; width: 3.2rem; height: 0.88rem; line-height: 0.88rem; text-align: center; color: #2CBCA0; border: 0.01rem solid #2CBCA0; border-radius: 0.08rem; font-size: 0.36rem; background: #FFFFFF; } .hasPre .pre { margin-right: 0.2rem; } .hasPre .next { background: #2CBCA0; color: #FFFFFF; border: none } .hasPre .btnOn { background: #2CBCA0; color: #FFFFFF; } .noPre { width: 6.86rem; height: 0.88rem; line-height: 0.88rem; text-align: center; color: #AEE4DA; margin-left: 0.32rem; background: #8BD3C5; font-size: 0.36rem; margin-top: 0.4rem; border-radius: 0.08rem; display: none; } .btnOn { background: #2CBCA0; color: #FFFFFF; } .select_btn_warp { width: 6.86rem; background: rgba(255, 255, 255, 0.95); border-radius: 0.28rem; position: fixed; top: 0.6rem; left: 0.32rem; display: none; z-index: 20; } .select_btn_warp .select_btn_header { width: 100%; text-align: center; font-size: 0.32rem; font-weight: 600; padding: 0.4rem 0; } .select_item { float: left; } .select_item .select_tip { font-size: 0.34rem; float: left; margin-left: 0.2rem; } .select_item img { width: 0.4rem; height: 0.4rem; float: left; } .select_btn_warp .yes { margin-right: 1.28rem; } .select_btn_list { padding-left: 0.36rem; } .select_btn_list .select_btn_item { display: inline-block; border-radius: 0.32rem; border: 0.01rem solid #DDDDDD; width: 1.82rem; height: 0.64rem; line-height: 0.64rem; text-align: center; font-size: 0.2rem; color: #999999; } .select_btn_confirm { width: 100%; height: 0.96rem; text-align: center; line-height: 0.96rem; color: #007AFF; font-size: 0.32rem; font-weight: 600; border-top: 0.01rem solid #E0E0E0; margin-top: 0.2rem } .select_btn_list .dis { background: #F1F1F1; border: none; } .select_btn_list .selectOn { background: #EEFBF7; color: #20CD99; border: 0.01rem solid #20CD99; } .content_2 { width: 100%; font-size: 0.32rem; /* position:fixed; top: 0; */ display: none; } .content_2 .select_warp { background: #ffffff; height: 1.2rem; line-height: 1.2rem; padding: 0 0.32rem; } .content_2 .select_warp .select_title { margin-right: 1.98rem; } .content_2 .select_warp .select_item { width: 1.18rem; height: 0.56rem; display: inline-block; line-height: 0.56rem; text-align: center; font-size: 0.28rem; border: 0.01rem solid #DDDDDD; border-radius: 0.28rem; float: none; } .content_2 .select_warp .select { background: #37D488; color: #fff; border: none } .content_2 .select_btn_list { margin-top: 0.2rem; padding-left: 0; } .content_2 .select_btn { font-size: 0.32rem; font-family: PingFangSC; font-weight: 600; height: 0.96rem; line-height: 0.96rem; border-bottom: 0.01rem solid #f1f1f1; padding: 0 0.32rem; background: #FFF; } .content_2 .select_btn .btn_name { float: left; } .content_2 .select_btn .btn_icon { float: right; width: 0.4rem; height: 0.4rem; background-image: url(../images/select_default@2x.png); background-size: 0.4rem; margin-top: 0.25rem; } .content_2 .select_btn .btnSelect{ background-image: url(../images/select_active@2x.png); } .content_2 .more_way_list { margin-top: 0.2rem; background: #FFFFFF; } .content_2 .more_way_list .more_way_title { width: 100%; height: 0.9rem; line-height: 0.9rem; border: 0.01rem solid #f1f1f1; font-family: PingFangSC; font-weight: 600; padding-left: 0.32rem; } .content_2 .more_way_list .more_way_item_header { margin-left: 0.32rem; border-bottom: 0.01rem solid #f1f1f1; height: 0.9rem; line-height: 0.9rem; } .content_2 .more_way_list .db { border-top: 0.01rem solid #f1f1f1; margin-top: 0.46rem; } .content_2 .more_way_list .more_way_item_header .green_line { width: 0.08rem; height: 0.32rem; background: #2CBCA0; float: left; margin-top: 0.28rem; } .content_2 .more_way_list .more_way_item_header .more_way_item_name { margin-left: 0.16rem; float: left; } .content_2 .more_way_list .more_way_item_header_title { width: 100%; text-align: center; padding-top: 0.32rem; font-size: 0.28rem } .content_2 .more_way_list .mr_3 { margin-top: 0.2rem; } .content_2 .more_way_list .more_way_item_btn { padding-left: 0.32rem; } .content_2 .more_way_list .more_way_item_btn .more_way_btn { display: inline-block; width: 3.36rem; height: 0.64rem; line-height: 0.64rem; text-align: center; font-size: 0.28rem; color: #999999; border: 0.01rem solid #DDD; border-radius: 0.32rem; margin-top: 0.24rem } .content_2 .more_way_list .more_way_item_btn .rl { margin-left: 0.12rem; } .content_2 .more_way_list .more_way_item_btn .btnOn { border: 0.01rem solid #2CBCA0; color: #2CBCA0; background: #EEFBF7; } .content_2 .footer_btn_02 { width: 100%; height: 0.96rem; text-align: center; line-height: 0.96rem; font-size: 0.32rem; color: #fff; background: #2CBCA0; margin-top: 0.2rem; } .content_3 { width: 100%; font-size: 0.32rem; /* position:fixed; top: 0; */ display: none; } .content_3 .select_warp { background: #ffffff; height: 1.2rem; line-height: 1.2rem; padding: 0 0.32rem; } .content_3 .select_warp .select_title { margin-right: 1.98rem; } .content_3 .select_warp .select_item { width: 1.18rem; height: 0.56rem; display: inline-block; line-height: 0.56rem; text-align: center; font-size: 0.28rem; border: 0.01rem solid #DDDDDD; border-radius: 0.28rem; float: none; } .content_3 .select_warp .select { background: #37D488; color: #fff; border: none } .content_3 .select_btn_list { margin-top: 0.2rem; padding-left: 0; } .content_3 .select_btn { font-size: 0.32rem; font-family: PingFangSC; font-weight: 600; height: 0.96rem; line-height: 0.96rem; border-bottom: 0.01rem solid #f1f1f1; padding: 0 0.32rem; background: #FFF; } .content_3 .select_btn .btn_name { float: left; } .content_3 .select_btn .btn_icon { float: right; width: 0.4rem; height: 0.4rem; background-image: url(../images/select_default@2x.png); background-size: 0.4rem; margin-top: 0.25rem; } .content_3 .select_btn .btnSelect{ background-image: url(../images/select_active@2x.png); } .content_3 .more_way_list { margin-top: 0.2rem; background: #FFFFFF; } .content_3 .more_way_list .more_way_title { width: 100%; height: 0.9rem; line-height: 0.9rem; border: 0.01rem solid #f1f1f1; font-family: PingFangSC; font-weight: 600; padding-left: 0.32rem; } .content_3 .more_way_list .more_way_item_header { margin-left: 0.32rem; border-bottom: 0.01rem solid #f1f1f1; height: 0.9rem; line-height: 0.9rem; } .content_3 .more_way_list .db { border-top: 0.01rem solid #f1f1f1; margin-top: 0.46rem; } .content_3 .more_way_list .more_way_item_header .green_line { width: 0.08rem; height: 0.32rem; background: #2CBCA0; float: left; margin-top: 0.28rem; } .content_3 .more_way_list .more_way_item_header .more_way_item_name { margin-left: 0.16rem; float: left; } .content_3 .more_way_list .more_way_item_header_title { width: 100%; text-align: center; padding-top: 0.32rem; font-size: 0.28rem } .content_3 .more_way_list .mr_3 { margin-top: 0.2rem; } .content_3 .more_way_list .more_way_item_btn { padding-left: 0.32rem; } .content_3 .more_way_list .more_way_item_btn .more_way_btn { display: inline-block; width: 3.36rem; height: 0.64rem; line-height: 0.64rem; text-align: center; font-size: 0.28rem; color: #999999; border: 0.01rem solid #DDD; border-radius: 0.32rem; margin-top: 0.24rem } .content_3 .more_way_list .more_way_item_btn .rl { margin-left: 0.12rem; } .content_3 .more_way_list .more_way_item_btn .btnOn { border: 0.01rem solid #2CBCA0; color: #2CBCA0; background: #EEFBF7; } .content_3 .footer_btn_03 { width: 100%; height: 0.96rem; text-align: center; line-height: 0.96rem; font-size: 0.32rem; color: #fff; background: #2CBCA0; margin-top: 0.2rem; }