cesuan/scss/wenchang.scss

.wechang {
 
  position: relative;
  top:160rpx;
  width: 721rpx;
  height: 1200rpx;
  background: url(../../static/wenchang/bg.png) 100% no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  margin: -1rpx 0 0 15rpx;
  .section_2 {
    width: 364rpx;
    height: 46rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    margin: 39rpx 0 0 290rpx;
  }
  .text_2 {
    width: 148rpx;
    height: 40rpx;
    overflow-wrap: break-word;
    color: rgba(230,0,18,1);
    font-size: 40rpx;
    font-family: FZQKBYSJW--GB1-0;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 40rpx;
  }
  .icon_1 {
    width: 43rpx;
    height: 43rpx;
    margin-top: 3rpx;
  }
  .text-wrapper_1 {
    width: auto;height: auto;
    overflow-wrap: break-word;
    font-family: FZLTHK--GBK1-0;
    font-weight: normal;
    text-align: left;
    line-height: 28rpx;
    margin: 30px auto 0 auto;
	input{
		font-size: 24rpx;
		border: 1px solid rgba(0,0,0,0.1);
		margin-left:10rpx;
		padding:10rpx;
		margin-top: 0;
	}
	>view
	{
		  display: flex;
		  overflow: hidden;
		  height: 60rpx;
		  line-height:60rpx;
		  margin-bottom: 20rpx;
	}
	
  }
  
  .ganeroption
  {
	  display: flex;
	  
  }
  
  .ganeroption>view
  {
	  margin-left: 20rpx;
	  align-self: center;
  }
  
   .ganeroption img
   {
	   vertical-align: middle;
   }
  
  .option-on,.option-off
  {
	   align-self: center;
	  width: 36rpx;
	  heigt:36rpx;
  }
  
  .dateselect
  {
	  display: flex;
  }
  

  .dateselect>view
  {
	border:1px solid rgba(0,0,0,0.1) ;
	margin-left:20rpx;
	padding:0 10rpx;
	font-size: 24rpx;
  }
  
  .text_3 {
    width: auto;height: auto;
    overflow-wrap: break-word;
    color: rgba(34, 24, 21, 1);
    font-size: 28rpx;
    font-family: FZLTHK--GBK1-0;
    font-weight: normal;
    text-align: left;
	align-self: center;
	  line-height: 34rpx; 
	heigth:34rpx;
	   }
  .text_4 {
    width: auto;height: auto;
    overflow-wrap: break-word;
    color: rgba(34, 24, 21, 1);
    font-size: 24rpx;
    font-family: FZLTHK--GBK1-0;
    font-weight: normal;
    text-align: left;
	margin-top: 0;
  }

  .paragraph_2 {
    width: auto;height: auto;
    overflow-wrap: break-word;
    color: rgba(34, 24, 21, 1);
    font-size: 24rpx;
    font-family: FZLTHK--GBK1-0;
    font-weight: normal;
    text-align: left;
  }
  .text_5 {
    width:  auto;
    overflow-wrap: break-word;
    color: rgba(34, 24, 21, 1);
    font-size: 28rpx;
    font-family: FZLTHK--GBK1-0;
    font-weight: normal;
    text-align: left;
  }
  .text_6 {
    width:  auto;
    overflow-wrap: break-word;
    color: rgba(34, 24, 21, 1);
    font-size: 24rpx;
    font-family: FZLTHK--GBK1-0;
    font-weight: normal;
    text-align: left;
  }
  .paragraph_3 {
    width:  auto;
    overflow-wrap: break-word;
    color: rgba(34, 24, 21, 1);
    font-size: 28rpx;
    font-family: FZLTHK--GBK1-0;
    font-weight: normal;
    text-align: left;
  }
  .paragraph_4 {
    width:  auto;
    overflow-wrap: break-word;
    color: rgba(34, 24, 21, 1);
    font-size: 24rpx;
    font-family: FZLTHK--GBK1-0;
    font-weight: normal;
    text-align: left;
  }
  .text_7 {
    width:  auto;
    overflow-wrap: break-word;
    color: rgba(34, 24, 21, 1);
    font-size: 28rpx;
    font-family: FZLTHK--GBK1-0;
    font-weight: normal;
    text-align: left;
  }
  .text_8 {
    width:  auto;
    overflow-wrap: break-word;
    color: rgba(34, 24, 21, 1);
    font-size: 24rpx;
    font-family: FZLTHK--GBK1-0;
    font-weight: normal;
    text-align: left;
  }
  .paragraph_5 {
    width: auto;height: auto;
    overflow-wrap: break-word;
    color: rgba(177, 177, 178, 1);
    font-size: 22rpx;
    font-family: FZLTHK--GBK1-0;
    font-weight: normal;
    text-align: left;
  }
  .paragraph_6 {
    width: auto;height: auto;
    overflow-wrap: break-word;
    color: rgba(34, 24, 21, 1);
    font-size: 24rpx;
    font-family: FZLTHK--GBK1-0;
    font-weight: normal;
    text-align: left;
  }
  .text_9 {
    width: auto;height: auto;
    overflow-wrap: break-word;
    color: rgba(34, 24, 21, 1);
    font-size: 28rpx;
    font-family: FZLTHK--GBK1-0;
    font-weight: normal;
    text-align: left;
  }
  .text_10 {
    width: auto;height: auto;
    overflow-wrap: break-word;
    color: rgba(34, 24, 21, 1);
    font-size: 24rpx;
    font-family: FZLTHK--GBK1-0;
    font-weight: normal;
    text-align: left;
  }
  .button_1 {
    background-color:  rgba(230,0,18,1);
    width: 133rpx;
    color:#fff;
    margin: 0 auto 0 auto;
    padding:10rpx 0;
    text-align: center;
    font-size: 40rpx;
    border-radius: 10rpx;
    font-family: FZQKBYSJW--GB1-0;
    font-weight: normal;
  }
  .text_11 {
    width: 79rpx;
    height: 40rpx;
    overflow-wrap: break-word;
    color: rgba(255,255,255,1);
    font-size: 40rpx;
    font-family: FZQKBYSJW--GB1-0;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 40rpx;
    margin: 13rpx 0 0 26rpx;
  }
  .text_12 {
    width: 600rpx;
    height: 106rpx;
    overflow-wrap: break-word;
    color: rgba(141,141,142,1);
    font-size: 24rpx;
    font-family: SimHei;
    font-weight: normal;
    text-align: left;
    line-height: 41rpx;
    margin: 20rpx auto 0 auto;
  }
  
  
  .image_4_frm {
  
  	position: absolute;
  	    width: 690rpx;
  	    left: 14rpx;
  	    bottom: 14rpx;
  	    text-align: center;
  }
  
  
  .image_4 {
    width: 240rpx;
    height: 340rpx;
    margin: 0;
  }
  .label_1 {
    position: absolute;
    left: 325rpx;
    top: 216rpx;
    width: 34rpx;
    height: 34rpx;
  }
  .label_2 {
    position: absolute;
    left: 325rpx;
    top: 343rpx;
    width: 34rpx;
    height: 34rpx;
  }
  .label_3 {
    position: absolute;
    left: 196rpx;
    top: 215rpx;
    width: 36rpx;
    height: 36rpx;
  }
  .label_4 {
    position: absolute;
    left: 196rpx;
    top: 341rpx;
    width: 36rpx;
    height: 36rpx;
  }
  .image_5 {
    position: absolute;
    left: 178rpx;
    top: 151rpx;
    width: 394rpx;
    height: 173rpx;
  }
}