移动端ipad布局适配

<template>
 
  
<style scoped>
  .wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
/* ipad移动端布局适配 */
@media (min-width: 768px){

:deep(.yds-input) {
  width:500px  !important;
  border-radius: 45px !important;
   /* 其他样式规则 */
}
/* 按钮 */
:deep(.yds-btnimage){
  width: 400px!important;
 
}

/* 订购立即生效，次月自动续订；退订当月申请，次月生效 */
.yds-texttop{
    font-size:1.8rem!important;  
}
.yds-imageshouzhi{
  margin-left: -190px!important; 
   margin-top: -20px!important; 
  transform: scale(1.1);
 
}
/* 协议保护政策文字 */
.yds-popuptext{
  height: 500px!important;
}
.yds-textys{
font-size: 2.0rem!important;
line-height: 3rem!important;
}
/* 二确弹窗 */
:deep(.yds-popupimage){
width: 100%!important;
height: 100%!important;
}
.yds-btnpopup{
  margin-top: 900px!important;
  transform: scale(2.0);
}

}
</style>
../../../common/mybase.js