html {
  width: 100%; overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight: rgba(0,0,0,0);
  -webkit-text-size-adjust: none;
}
body {
  margin:0; padding:0; overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
}
html,
body {
  background: rgb(183, 146, 197)
}
body {
  padding-bottom: constant(safe-area-inset-bottom);
}
body, div, p, th, td, ul, li, dl, dt, dd, input, button, select, textarea{
font-family:"SimHei", Arial, "SimSun";
}
body, div, p, th, td{
margin:0; padding:0; color:#303030;
-webkit-text-size-adjust:none;
}
input, button, select, textarea{
margin:0; padding:0; border:0; line-height:normal;
outline:none; vertical-align:middle;
border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;
  -moz-box-sizing:border-box; -ms-box-sizing:border-box;
  -webkit-box-sizing:border-box; box-sizing:border-box;
background-color:#fff;
}
textarea{
resize:none;
}
label {
cursor:pointer;
}
table{
border-collapse:collapse; border:0;
}
th, td{
border:0;
}
img{
width:100%; max-width:10rem; vertical-align:middle; border:0;
}

div,
p,
img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
}

a,
a:hover{
text-decoration: none;
}

button,
input[type=button],
input[type=submit]{
border:0; cursor:pointer; text-align:center;
-webkit-appearance:none;
}

::-webkit-input-placeholder {
  font-size: 0.4rem;
  color:rgba(255,255,255,0.5);
}
:-moz-placeholder {
  font-size: 0.4rem;
  color:rgba(255,255,255,0.5);
}
::-moz-placeholder {
  font-size: 0.4rem;
  color:rgba(255,255,255,0.5);
}
:-ms-input-placeholder {
  font-size: 0.4rem;
  color:rgba(255,255,255,0.5);
}

.boxsize{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

#page{
  width: 10rem; margin: 0 auto;
}

.page{
  width: 100%; position: relative;
}

.page2main{
  width: 10rem;
  margin: 0 auto;
  background: #fff;
  height: auto;
}

.page2main .mainbox{
  width: 9.2rem;
  margin: 0 auto;
  height: auto;
}

.page2main .mainbox .topText{
  font-size: 0.338rem;
}

.page2main .mainbox .topText img{
  float: left;
  width: 2.693rem;
  margin-top: 10%;
}

.topText div{
  padding: 1.293rem 0.66rem; 
}

.page2posBox{
  width: 100%;
  height: auto;
  text-align: center;
}

.page2posBox img{
  width: 9.24rem;
  height: 100%;
  margin-bottom: 0.6rem;
}

.page2posBox .arr_down{
  margin-bottom: 1.06rem;
}

.page2qr{
  width: 100%;
  text-align: center;
}

.page2qr .qr{
  width: 10rem;
  margin: 0 auto;
  margin-top: 0rem;
}

.page2qr .qr img{
  width: 2.933rem;
  margin: 0 auto;
}

.page2qr .qr div{
  color: #fff;
  font-size: 0.3864rem;
  line-height: 1.3rem;
}


.page2qr .qr:nth-child(1){
  margin-top: 0.666rem;
}

.page2record{
  width: 100%;
  height: 3.16rem;
  text-align: center;
  font-size: 0.362rem;
  line-height: 1.76rem;
  margin: 0 auto;
}

.page2record a{
  color: #fff;
}

.page2goTopBtn{
  position: absolute;
  width: 1.44rem;
  height: 0.64rem;
  left: 4.213rem;
  bottom: 0.66rem;
}

.page2goTopBtn img{
  width: 100%
}

.return{
  width: 0.933rem;
  height: 0.933rem;
  background: url("../../img/return.png");
  background-size: 100%;
  position: fixed;
  right: 0.32rem;
  bottom: 3.52rem;
}

.page2toTopIcon{
  display: none;
  width: 0.933rem;
  height: 0.933rem;
  background: url("../../img/page2_toTop.png");
  background-size: 100%;
  position: fixed;
  right: 0.32rem;
  bottom: 2.52rem;
}

.page2LocBox{
  width: 10rem;
  margin: 0 auto;
  height: 11.13rem;
  border: 1px solid;
}

.page2posBox video{
  width: 9.24rem;
  margin-bottom: 0.6rem;
}

.dt_text{
  font-size: 0.5rem;
  padding-top: 0.5067rem;
  line-height: 1rem; 
  text-align: left;
  width: 9.24rem;
  margin: 0 auto;
}

.dt_text p{
  font-size: 0.3rem;
  line-height: 0.6rem;
  padding-bottom: 0.6rem;
}

.dtArt_topText{
  font-size: .3467rem;
  line-height: 0.6rem;
  padding-top: 0.5rem;
}

.dtArt_title_0{
  padding: 0.2rem 0;
  font-weight: bold;
}

.planner{
  text-align: right;
  font-weight: normal;
  margin-top: .5rem;
  margin-bottom: 1rem;
}

.dtArt_title{
  width: auto;
  height: 0.5rem;
  background-image: url('../../../img/ipPage/DTart/title1.jpg');
  background-size: 100%;
  background-repeat: no-repeat;
}

.dtArt_title_1{
  width: auto;
  height: 0.5rem;
  background-image: url('../../../img/ipPage/DTart/title2.jpg');
  background-size: 100%;
  background-repeat: no-repeat;
}

.dtArt_title_2{
  width: auto;
  height: 0.5rem;
  background-image: url('../../../img/ipPage/DTart/title3.jpg');
  background-size: 100%;
  background-repeat: no-repeat;
}

.dtArt_title_3{
  width: auto;
  height: 0.5rem;
  background-image: url('../../../img/ipPage/DTart/title4.jpg');
  background-size: 100%;
  background-repeat: no-repeat;
}

.dtArt_title_4{
  width: auto;
  height: 0.5rem;
  background-image: url('../../img/ipPage/DTart/title5.jpg');
  background-size: 100%;
  background-repeat: no-repeat;
}

.dtArt_tips{
  width: 9.24rem;
  margin: 0 auto;
  font-size: .3467rem;
  margin-bottom: 1rem;
  color: #bababa;
  text-align: left;
}

.dtArt_tips_1{
  width: 9.24rem;
  margin: 0 auto;
  font-size: .3467rem;
  margin-bottom: 1rem;
  color: #bababa;
  text-align: right
}

.dtArt_tips_2{
  padding-bottom: 0.75rem;
}

.dtArt_tips_3{
  margin-bottom: 0.2rem;
  color: #303030;
}