.text-center{ text-align: center}
.text-right{ text-align: right}
page{ box-sizing: border-box;background: white  }

page{   background: #fefefe; font-size:14px }



.apageheader, .page-header{

    border-bottom: 1px solid #eee; padding:10px 0; font-weight: bold;


    margin-bottom: 10px;
}

.big{ font-size: 120%;}
.bigbig{ font-size: 200%;}
.small{ font-size: 80%;}
.smallsmall{ font-size: 60%;}
.gray{ color: darkgray}
.p10{ padding:10px;}
.p20{ padding:20px;}
.p50{ padding:50px;}
.px5{ padding:5px;}
.mb5{ margin-bottom: 5px;}
.mt40{ margin-top: 40px;}
.pt20{ padding-top: 20px !important;}
.mt20{ margin-top: 20px !important;}
.mt30{ margin-top: 30px !important;}
.nomtb{ margin-top: 0 !important; margin-bottom: 0 !important;}
.nop p{ margin: 0; padding: 0 }
.borderbottom{border-bottom: 1px solid #eee;}

.px20{ padding:20px;}
.px10{ padding:10px;}
.pb20{ padding-bottom: 20px;}
.bold{ font-weight: bold}
.pbx10{ padding:10px 10px 0 10px}
.p40{ padding:40px;}

.size50{transform:scale(0.5)}
.size70{transform:scale(0.6)}

.bgfff{ background: #fff }


.darkgray{ color: #666 }

.box{ display: flex;
  flex-direction: row;}

.box1{ flex: auto; flex-grow: 0}
.box2{  flex: auto;}

.column   {
    display: flex;
    width: 50%;
    flex-direction: column;
}

.column1  {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.columnp{ padding:5rpx;   margin-bottom:5rpx;}

.image_fm {
    width: 365rpx;
    height: 426rpx;
    overflow: hidden;


}

.fright{ float: right}
.hr{
    height: 1px;
    background: #eee;




}
.hr2{
     height: 1px;
    border-bottom:1px solid #eee;

    padding-top: 20px;
border-bottom: 1px solid #eee;
margin-bottom: 20px;

}

.mb20{ margin-bottom: 20px; }
.mb40{ margin-bottom:40px;}
.text{ border:1px solid #eee; border-radius: 5px;
    padding:3px; background: white;
    font-size:100% !important;}
.pt10{ padding-top: 10px;}
.pt5{ padding-top:5px;}
.pb5{ padding-bottom: 5px;}
.pt50{ padding-top: 50px;}
.pt100{ padding-top: 100px;}
.pt120{ padding-top: 120px;}
.pb100{ padding-bottom: 100px;}
.pb50{ padding-bottom: 50px;}

.pr20{ padding-right: 20px}
.pl20{ padding-left:20px;}
.pr60{ padding-right: 60px}
.pl60{ padding-left:60px;}
.p30{ padding: 30px;}
.pt30{ padding-top: 30px;}
.pt80{padding-top: 80px}
.pb80{padding-bottom: 80px}
.p80{padding: 80px}
.pb10{ padding-bottom: 10px;}
.pb130{ padding-bottom: 130px;}
.label{  background: #0ea432;    color:white !important; border-radius: 5px; font-size: 80% !important; padding:2px 5px; }
.wide{   width: 100%; height: 100%;   }
.red,.text-danger{ color:red}
.green{ color:green}

.fields{
    display: flex;
    flex-direction: row;
}
.field{
    flex: 0 1 auto;
}

.linethrough{ text-decoration: line-through }
.fleft{ float: left;}
.pr10{ padding-right: 10px;}
.pr5{ padding-right: 5px;}
.inlineblock{ display: inline-block}

.textrow{ display: flex; flex-direction: row;
    padding:10px;
    border-bottom: 1px solid #eee;

    align-items: center;
}

.fixbottom{ position: fixed; bottom:200px;
    left:0; right: 0; background: red; height: 30px;}

.textrow label{ width: 90px;  flex-shrink: 0;
     /*height: 32px; line-height: 32px; vertical-align: middle;*/
    text-align: right; padding-right: 10px; color:#666 }
.textrow view{ flex-grow: 1;
    /*vertical-align: middle; min-height: 32px; line-height: 32px;*/
}
.h30{ height: 30px;}

.rel{ position: relative}
.flexrow{ display: flex; flex-direction: row;  align-items: center }
.flexrow.wrap{ flex-wrap: wrap}
.flexrow.top{ align-items: start }
.flexrow.center{ justify-content: center }
.flex100{flex-shrink: 0;     width: 100px;   }
.flex50p{ width: 50%; }
.flex90{flex-shrink: 0;     width: 90px;   }
.flex300{flex-shrink: 0;     width: 300px;   }
.flex400{flex-shrink: 0;     width: 400px;   }
.flex50{flex-shrink: 0;     width:50px;   }
.flex30{flex-shrink: 0;     width:30px;   }
.flex33{flex-shrink: 0;     width:33.33%;   }
.flex20p{flex-shrink: 0;     width:20%;   }
.flex25p{flex-shrink: 0;     width:25%;   }
.flex30p{flex-shrink: 0;     width:30%;   }
.flex70p{flex-shrink: 0;     width:70%;   }

.flex40p{flex-shrink: 0;     width:40%;   }
.flex60p{flex-shrink: 0;     width:60%;   }

.flex70{flex-shrink: 0;     width:70px;   }
.flexg1{  flex-grow: 1}
.flexg6{  flex-grow: 2}
.flexg4{  flex-grow: 1}


.flex1{  flex: 1}

.imagerow{   display: flex; flex-direction: row;    padding:10px;    border-bottom: 1px solid #eee;}
.imagerow .image{ flex-shrink: 0;
    width: 76px; height: 76px;     box-sizing: border-box;   }
.imagerow .imagesmall{ height: 48px; height: 48px; }
.imagerow image{ width: 100%; height: 100%;}
.imagerow .info{ flex-grow: 1 }
.imagerow .title{  font-weight: bold; margin-bottom: 5px}
.imagerow .desc{ color:#999 }

.highlight{ background: #F1E1AA  }

.imagerow .action{    text-align: center;
   flex-shrink: 0;
    vertical-align: middle }


.footbtns{ display: flex; flex-direction: row;   background: #e74c3c; align-items: center; }
.footbtns{ position: fixed; bottom: 0; left:0; right:0;  height: 48px; font-size: 16px; z-index: 100}
.footbtnsm{ height: 48px;  color:white;  width: 100%;  }

/*padding:15px 0 */
.footbtns .price,.footbtns .price2{   flex-shrink: 0; color: #000;
    background: #ffcd02; width: 375rpx;   height: 100%;
     line-height: 48px;
    vertical-align: middle; text-align: center;    }
.footbtns .btn,.footbtns .btn2{ flex-grow: 1;  color: white;  text-align: center;       }


/*padding:15px;*/