.page {
  width: 100%;
  height: 100VH;
  background:rgba(248,245,245,1);
}
.Home_hover{
  background: transparent;
}
.page__bd {
  width: 100%;
  height: 100%;
}
.mine1 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.mine1_text {
  font-size: 16px;
}

.mine1_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 60rpx 0 0 0;
  width: 60%;
  height: 80rpx;
  font-size: 16px;
  color: #fff;
  background-color: #257bf1;
  border-radius: 20px;
}

.mine2 {
  width: 100%;
}
.mine2_info{
  height: 362rpx;
  background: url(http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190627115204492.png) no-repeat;
  background-size:100% 100%;
  padding: 17rpx 43rpx;
  margin-bottom: 91rpx;
  clear: both;
  background-color: white;
}
.boxF, .boxS, .boxT, .overlay
{
  width: 115rpx;
  height: 143.75rpx;
  overflow: hidden;
  border-radius: 10rpx;
}
.boxF, .boxS
{
  visibility: hidden;
}
.boxF
{
  transform: rotate(120deg);
  float: left;
  margin-left: 10px;
  -ms-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -webkit-transform: rotate(120deg);
}
.boxS
{
  transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
}
.boxT
{
  transform: rotate(-60deg);
  background: no-repeat 50% center;
  background-size: 125% auto;
  -ms-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
  visibility: visible;
}
.inf-box{
  padding-left: 160rpx;
  padding-top: 60rpx;
}
.top{
  display: flex;
  align-items: center;
}
.grade{
  width: 50rpx;
  height: 50rpx;
  line-height: 50rpx;
  background: url(http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190627021559572.png) no-repeat;
  background-size:100% 100%;
  font-style: italic;
  font-size: 24rpx;
  color:rgba(218,134,60,1);
  text-shadow:0px 1px 1px rgba(87,59,0,1);
  margin-right: 27rpx;
}
.name{
  font-size: 32rpx;
  color:rgba(255,255,255,1);
  padding-right: 23rpx;
}
.grade text{
  padding-left: 9rpx;
}
.progress-box,.progress-small-box{
  position: relative;
  width:120rpx;
  height:10rpx;
  background:rgba(232,107,119,1);
  border-radius:5rpx;
}
.progress-small-box{
  width: 65rpx;
}
.progress-box-line{
  height: 10rpx;
  background: url(http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190627024722097.png) repeat;
  background-size: auto 100%;
  border-top-right-radius: 5rpx;
  border-bottom-right-radius: 5rpx;
}
.top .text{
  padding-left: 16rpx;
  font-size: 24rpx; 
  color:rgba(255,188,194,1);
}
.addr{
  display: flex;
  margin-top: 28rpx;
}
.addr>view{
  display: flex;
  align-items: center;
}
.addr text{
  font-size: 28rpx;
  color:rgba(255,255,255,1);
}
.addr .addr-left{
  margin-right: 54rpx;
}
.addr image{
  width: 33rpx;
  height: 33rpx;
  margin-right: 19rpx;
  display: block;
}
.kefu{
  margin: 27rpx 0 29rpx 0;
  font-size:28rpx;
  color:rgba(155,30,42,1);
}
.jiaoyi-box{
  display: flex;
}

.jiaoyi-box>view{
  width:313rpx;
  height:128rpx;
  background:rgba(255,255,255,1);
  box-shadow:0px 12px 76px 0px rgba(177,177,177,1);
  border-radius:20rpx;
  padding: 10rpx 16rpx;
}
.jiaoyi-box>view.jiaoyi-box-left{
  margin-right: 42rpx;
}
.jiaoyi-box>view .price{
  font-size: 32rpx;
}
.jiaoyi-box>view .price text{
  font-size: 40rpx;
}
.jiaoyi-box>view.jiaoyi-box-left .price{
  color: #EE4454;
}
.jiaoyi-box>view .jiaoti-tit{
  font-size: 24rpx;
  color:rgba(0, 0, 0, .5);
}
.bottom-box{
  margin: 0 31rpx;
}
.order-menu{
  background:rgba(255,255,255,1);
  border-radius:20rpx;
  padding: 30rpx;
}
.order-menu-tit{
  display: flex;
  align-items: flex-end;
  font-size: 28rpx;
  justify-content: space-between;
}
.order-menu-tit ._more{
  color:rgba(102,102,102,1);
  font-size: 24rpx;
}
.tablist{
  display: flex;
  flex-wrap:wrap;
  margin-top: 46rpx;
}
.tablist>view{
  width: 18%;
  text-align: center;
  color: #000000;
  margin-right: 12rpx;
  margin-bottom: 20rpx;
}
.tablist>view button,._more button{
  padding: 0;
  font-size: 22rpx;
  border: none;
  background-color: transparent;
  margin-bottom: 10rpx;
  line-height: initial;
}
.tablist>view button::after,._more button::after{
  border: none
}
button:active{
  background-color: transparent;
}
.tablist image{
  height: 54rpx;
}
.order-type-name{
  padding-top: 10rpx;
  color: #666666;
}
.order-menu2{
  margin-top: 50rpx;
}
.order-menu2 image{
  width: 54rpx;
}
.btn-hover{
  background-color: transparent;
}
