html,body{
    width: 100vw;
    height: 100vh;
    position: relative; background: #f1f1f1;
}
.wrap{ width: 100vw;height: 100vh; text-align: center;}
.content{ width: 100vw;}
.title{ width: 100vw; margin-top: 2.65vh; float: left; }
.title span{ float: left; font-size: 4.86vw; background: #e60012; color: #fff; line-height: 5.25vh; padding: 0 4.15vw; border-radius: 0 13.5vw 13.5vw 0;    font-weight: bold;}
.title a{ float: right; font-size: 3vw; color: #acacac;    margin-top: 5vw; margin-right: 2vw;}
.title em{ width: 96vw; background: #c2c2c2; height: 0.15vh; float: left; opacity: 0.8; margin-left: 2vw; margin-top: 2.375vh;}
.content ul{ float: left; margin: 0 2vw; width: 96vw;}
.content .mian{margin-top: 1.375vh; float: left; padding:1vh 0; background: #fff; border-radius: 2.7vw;   } 
.content .mian img{ width: 18.66vw; float: left; margin-left: 2vw;}
.mian_title{ float: left; color: #333; margin-left: 1.89vw; width: 42vw; margin-top: 1.05vh; }
.mian_title i{ float: left; font-size: 4.86vw; width:42vw; text-align: left;font-weight: bold; }
.mian_title span{ width: 42vw; display: block; float: left; font-size: 3.24vw; color: #c2c2c2;text-align: left;    margin-top: 1.35vh;}
.sale{ font-size: 3.24vw; background: #e60012; color: #fff; padding: 1vw 1.3vw; width: 22vw; float: right; border-radius: 1.35vw; margin-top: 3.35vh; margin-right: 2vw;    margin-left: 4vw;}
.mian em{ width: 96vw; background: #403a2d; height: 0.15vh; float: left; opacity: 0.8; }

/*bind*/
.wrap_top{ background: #fff; padding: 1.95vh 0; background: #fff; width: 96.27vw; float: left; margin-left: 1.87vw; border-radius: 2.7vw;  margin-top: 1.95vh; }
.wrap_top img{ width: 15.73vw; float: left; margin-left: 4.095vw; }
.warp_word{ float:left; width: 47.25vw; margin-left: 2.43vw;}
.warp_word span{ font-size: 4.86vw; color: #333; text-align: left; float: left; font-weight: bold; line-height: 6vh;}
.warp_word  em{ float: left; font-size: 3.24vw;}
.wrap_top a{ color:#eb0300; font-size: 3.78vw; width: 22.68vw; padding: 1.2vh 0 ; border: 1px solid #eb0300; float: left; margin-top: 1.95vh;}

.role{width: 96.27vw; float: left; margin-left: 1.87vw;}
.role_title{ float: left; }

.role_title span{  font-size: 4.8vw; font-weight: bold; border-left: 3px solid #eb0300; padding-left: 1.335vw; line-height: 8.09vh;}
.role_content{ float: left; background: #fff;width: 96.27vw;border-radius: 2.7vw; }
 .role_content li input{ 
     width: 51vw;background: none; 
     border: 1px solid#e5e5e5;   
     font-size: 3.2vw; 
     line-height:5.4vh; 
      float: left;border-radius: 1.33vw; 
      padding-left: 5vw;
      color: #666;}
.role_content li select  {    
    -webkit-appearance: none;
      background: transparent url(../images/down.png) no-repeat scroll right center;
      border: 1px solid#e5e5e5; 
      width: 56vw; 
      line-height:5.4vh;  font-size: 3.2vw;  padding-left: 5vw; float: left;border-radius: 1.33vw; color: #666;  }
.role_content li span{ float: left; font-size: 4.267vw; color: #333; width: 19.74vw; line-height: 4.2vh; }
.role_content li{ padding: 1.2vh 0; float: left; width: 94.27vw; margin-left: 2vw;}
.wrap_bottom{    width: 96.27vw;float: left;margin-left: 1.87vw;}
.warp_bottom_content{  width: 96.27vw; float: left;  background: #fff;border-radius: 2.7vw;}
.warp_bottom_content p{ font-size: 3.2vw; line-height: 3.6vh; text-align: left; width: 92.27vw; padding: 2vw;}

.warp_bottom_content p font{ color: darkgray; font-size: 10px;}
.sub-btn button{ color: #fff; font-size: 8vw; background: red; width: 70.9vw;border-radius:2.7vw; line-height: 9.3vh; margin-top: 4vh; }


/*charge*/

.role_main{ background: #fff; float: left; width: 96.27vw;    border-radius: 1.7vw;}
.role_main em{ font-size: 4.2672vw; color: #333; float: left; margin-left: 3.2vw; line-height: 7.5vh; font-weight: bold;}
.role_main span{ float: left;line-height: 7.5vh; font-size: 3.7vw; color: #666;}
.role_main a{line-height: 7.5vh; font-size: 3.7vw; color: #666; float: right;margin-right: 3.2vw; }
.role_main a img{ width: 1.87vw;}
.warp_content{background: #fff; float: left; width: 96.27vw;    border-radius: 1.7vw;}
.wx{  }
.select_1{ background: url(../images/select.png) no-repeat scroll right center; width: 6.4vw;
    float: right;
    height: 3.6vh;
    background-size: 100%; padding-top: 4vh; margin-right: 3.2vw;}
.select_2{ margin-right: 1.2vw; }

#packageList { float: left; width: 100%; background: #fff; margin-top: 1.3vh;border-radius:2.7vw; }
#packageList li{  width: 92.27vw;float: left; margin: 0 2vw; border-bottom: 1px solid #e5e5e5;}
#packageList li dl{  font-size: 3.7vw; }
#packageList li dl dt{ float: left; line-height: 8.4vh; width: 25.27vw;}
#packageList li dl dd{float: right; line-height: 8.4vh;width: 6.4vw; color:#ff0000;}
.success button{ color: #fff; font-size: 4.26vw; background: red; width: 70.9vw;border-radius:2.7vw; line-height: 9.3vh; margin-top: 4vh; }
#alipay{}
.payway  { background: url( ../images/wx.png) no-repeat left center ;padding-left: 2.5vw; float: left;    
    line-height: 7.5vh;margin-left: 3.2vw;    overflow: auto;    width: 90.57vw; }
.payway dt{ font-size: 3.7vw;  padding-left: 5vw !important; display: block; float: left;}
.inputbutton{ float: left; font-size: 4.2672vw;   width: 100vw; text-align: center;}
.inputbutton a{color: #fff; padding: 1.4vh 0vw;background: #ff0000;border-radius:2.7vw; margin-top: 3vh; width: 60vw;display: inline-block;margin-bottom: 2vh;}


.role_main_bottom{  float: left; width: 96.27vw;    border-radius: 1.7vw; margin-top: 2vh;}
.role_main_bottom em{ font-size: 4.2672vw; color: #730404; float: left; margin-left: 3.2vw; line-height:4.5vh; text-align: left;}