.container {

   .top_img {
     width: 100%;
     position: relative;

     image {
       width: 100%;
       height: 442rpx;
     }

     .ruleBook {
       position: absolute;
       right: 0;
       top: 38rpx;
       z-index: 5;
       width: 160rpx;
       height: 50rpx;
       font-size: 24rpx;
       line-height: 50rpx;
       background-color: #E8370F;
       color: #fff;
       text-align: center;
       border-radius: 180rpx 0px 0px 180rpx;
     }
   }

   .box {
     padding: 0 32rpx 32rpx;
     box-sizing: border-box;
     background-color: #F9F9F9;

     .person_data {

       padding: 32rpx 32rpx 16rpx;
       box-sizing: border-box;
       position: relative;
       top: -45rpx;
       border-radius: 24rpx;
       background-color: #fff;
       z-index: 3;

       .per_title {
         font-size: 32rpx;
         line-height: 44rpx;
         font-weight: 600;
         text-align: center;
         margin-bottom: 60rpx;
       }

       .informaton_ {
         display: flex;
         align-items: center;
         line-height: 100rpx;

         .star {
           color: #E8370F;
         }

         .input_placeholder {
           color: #BDC4CE;
           font-size: 24rpx;
           line-height: 48rpx;
         }

         .input_ {
           width: 305rpx;
         }

         .getpass {
           font-size: 28rpx;
           line-height: 48rpx;
           text-decoration-line: underline;
         }
       }

       .payBudget {

         box-sizing: border-box;
         background-color: #fff;
         display: flex;
         align-items: center;
         line-height: 100rpx;
         font-size: 32rpx;

         .budgetMoney {
           width: 285rpx;
         }

         .input_placeholder {
           color: #BDC4CE;
           font-size: 24rpx;
           line-height: 48rpx;
         }


         .wan {
           font-size: 28rpx;
           line-height: 40rpx;
           margin-left: 20rpx;
         }
       }

     }



     .brand {
       width: 100%;
       font-size: 32rpx;
       line-height: 44rpx;
       font-weight: 600;
       margin: 30rpx 0rpx;
       padding: 0 32rpx;
     }

     .change_brand {
       width: 100%;
       background-color: #fff;
       border-radius: 24rpx;

       .change_4S {
         width: 100%;
         padding: 32rpx 20rpx;
         box-sizing: border-box;
         display: flex;
         align-items: center;
         justify-content: space-between;

         .le {
           flex: 1;
         }

         .rowimg {
           width: 48rpx;
           height: 48rpx;

           image {
             width: 48rpx;
             height: 48rpx;
           }
         }
       }
     }

     .look_btn {
       margin: 10rpx 0;
       width: 100%;
       height: 88rpx;
       border: 2rpx solid #F2F2F2;
       text-align: center;
       line-height: 88rpx;
       margin: 40rpx 0 20rpx;
       border-radius: 12px;
       background-color: #fff;

     }

     .recommend_change {
       background-color: #fff;
       border-radius: 24rpx;
       padding: 32rpx 20rpx;
       box-sizing: border-box;
       display: flex;
       align-items: center;
       justify-content: space-between;

       .recommend_change {
         color: #BDC4CE;
         font-size: 28rpx;
         line-height: 40rpx;
       }

       image {
         width: 30rpx;
         height: 30rpx;
       }

       .change_4S {
         flex: 1;

       }

       .rowimg {
         width: 48rpx;
         height: 48rpx;

         image {
           width: 48rpx;
           height: 48rpx;
         }
       }
     }

     .remark {
       width: 100%;
       font-size: 32rpx;
       line-height: 44rpx;
       font-weight: 600;
       margin: 30rpx 0rpx;
       padding: 0 32rpx;
     }

     .remark_cont {
       width: 100%;
       background-color: #fff;
       border-radius: 24rpx;
       padding: 32rpx 20rpx;
       box-sizing: border-box;

       .placeholderStyle {
         color: #BDC4CE;
         font-size: 28rpx;
         line-height: 40rpx;
         padding-left: 16rpx;
       }
     }

     .btn {
       width: 100%;
       color: #fff;
       background-color: #E8370F;
       font-weight: normal;
     }

     // 公共
     .picker {
       width: 100%;
       display: flex;
       align-items: center;

       .picker_1 {
         width: 600rpx;
         box-sizing: border-box;
         font-size: 28rpx;
         color: #BDC4CE;
         padding-left: 16rpx;
       }

       .rowimg {
         width: 48rpx;
         height: 48rpx;

         image {
           width: 48rpx;
           height: 48rpx;
         }
       }
     }

     .input_placeholder {
       color: #BDC4CE;
       font-size: 24rpx;
       line-height: 48rpx;
     }


























   }
 }