@charset "utf-8";
/* CSS Document */

/*通用*/
body{ width:100%;   background-color:#f9f9f9;}
html{ width:100%;  background-color:#f9f9f9;}
*{margin:0; padding:0;border:none; text-decoration:none; font-family:"Droid Sans Fallback",Rotobo,"冬青黑和华文黑体",HelveticaNeue;  font-weight:normal; outline:none;line-height:normal}
img{ display:block;}
 

/*header标题*/
.header{ height:46px; line-height:46px; background-color:#01aff0; color:white; font-size:18px; text-align:center; position:relative}
.header_left{ height:46px; line-height:46px; color:white; text-align:left; font-size:14px; position:absolute; left:4%; top:0}
.header_left img{ float:left; margin-top:14px; width:11px; height:auto}
.header_right{ height:46px; line-height:46px; color:white; text-align:right; font-size:14px; position:absolute; right:4%; top:0}
.header_right img{ float:right; margin-top:14px; width:18px; height:auto}

.header_white{ height:46px; line-height:46px;     background-color: rgba(255, 255, 255, 0.99);  font-size:18px; text-align:center; position:relative}
.header_white_left{ height:46px; line-height:46px; color:white; text-align:left; font-size:14px; position:absolute; left:4%; top:0}
.header_white_left img{ float:left; margin-top:14px; width:11px; height:auto}
.header_white_right{ height:46px; line-height:46px; color:white; text-align:right; font-size:14px; position:absolute; right:4%; top:0}
.header_white_right img{ float:right; margin-top:14px; width:18px; height:auto}


/*header标题*/
.header2{ height:46px; line-height:46px; background-color:#01aff0; color:white; font-size:18px; text-align:center; position:relative}
.header2_left{ height:46px; line-height:46px; color:white; text-align:left; font-size:14px; position:absolute; left:4%; top:0}
.header2_left img{ float:left; margin-top:14px; width:11px; height:auto}
.header2_right{ height:46px; line-height:46px; color:white; text-align:right; font-size:14px; position:absolute; right:4%; top:0}
.header2_right img{ float:right; margin-top:14px; width:18px; height:auto}

/*column输入栏、选择栏等*/
.column_box{ height:46px; line-height:46px; background-color:#fff; padding-left:4%; padding-right:4%; position:relative}
.column_box_nobg{ height:46px; line-height:46px; padding-left:4%; padding-right:4%; position:relative}

.column_img{ float:left; margin-top:14px;}
.column_img_right{ float:right; margin-top:14px;}
.column_img_right img{ width:18px; height:auto}
 

.column_img img{ width:18px; height:auto}
.column_box p span{ line-height:46px; color:#65646b; float:left; margin-left:12px;color:lightskyblue; font-size:18px;font-weight: 700;}
.column_box label{ line-height:46px; color:#65646b;   margin-left:12px; }
.column_box input{ height:46px; color:#191919; font-size:14px; float:left; margin-left:12px; width:80%;}

.column_box2{ height:46px; line-height:46px; background-color:#fff; padding-left:4%; padding-right:4%; position:relative; white-space:nowrap}
.column_box2 input{ height:46px; color:#191919; font-size:14px; float:left; margin-left:12px; width:60%; white-space:nowrap}
 
 .column_box2_gray{ height:46px; line-height:46px; background-color:#f2f2f2; padding-left:4%; padding-right:4%; position:relative; white-space:nowrap}
.column_box2_gray input{ height:46px; color:#191919;background-color:#f2f2f2;  font-size:14px; float:left; margin-left:12px; width:60%; white-space:nowrap}

 /** no right padding **/
.column_box4{ height:46px; line-height:46px; background-color:#fff; padding-left:4%;   position:relative; white-space:nowrap}
.column_box4 input{ height:46px; color:#191919; font-size:14px; float:left; margin-left:12px; width:60%; white-space:nowrap}
 
 .column_box3{ height:35px; line-height:35px; background-color:#fff; padding-left:4%; padding-right:4%; position:relative; white-space:nowrap;  }
 .column_box3 img{ width:18px; height:auto}
  
  .column_box4{ height:46px; line-height:46px; background-color:#fff; padding-left:2%; padding-right:2%; position:relative; white-space:nowrap;  }
  .column_box4 label{ color:#ff7f00;}
  
 .div_pading_top
 {
     padding-top:10px;
   
 }

.next{ float:right; margin-top:16px;}
.next img{ width:9px; height:auto}


.column_box2_button
{
    color: #777;white-space:nowrap;
     float:right;   width:25%;
     border-left:1px solid #d3d3d3;
                     background-color:#ffffff;  border-radius:3px;  height:46px; line-height:46px; text-align:center; font-size:14px; margin-left:4%;margin-top:0px;
   }

.column_box1_button {
    color: #777;
    white-space: nowrap;
    width: 20%;
    border-left: 1px solid #d3d3d3;
    background-color: white;
    border-radius: 3px;
    text-align: center;
    font-size: 10px;
    margin-left: 1%;
    margin-top: 0px;
}

    /*confirm底部确认按钮*/
    .confirm_box{ width:100%; height:61px;position:fixed; left:0; bottom:0; line-height:61px; text-align:center; font-size:16px; color:#65646b;}
.confirm{ background-color:#999; color:white; border-radius:3px; width:92%; height:52px; line-height:52px; text-align:center; font-size:16px; margin-left:4%;margin-top:14px;}
.confirm_bigger{ background-color:#01aff0; color:white; border-radius:3px; width:92%; height:72px; line-height:48px; text-align:center; font-size:19px; margin-left:4%;margin-top:14px;}
.confirm_bigger_red{ background-color:#cc3333; color:white; border-radius:3px; width:92%; height:72px; line-height:48px; text-align:center; font-size:19px; margin-left:4%;margin-top:14px;}

.confirm_white
{
     background-color:#fff; color:#777; border-radius:3px; width:96%; height:46px; line-height:46px; text-align:center; font-size:16px; margin-left:2%;margin-right:2%;  margin-bottom:1px;
       border:1px solid #dddddd;
     }
     .confirm_white_full
{
     background-color:#fff; color:#777; border-radius:3px; width:100%; height:46px; line-height:46px; text-align:center; font-size:16px; margin-left:0%;margin-right:0%;  margin-bottom:1px;
       border:1px solid #dddddd;
     }
.confirm_blue
{ 
       
       background-color:#0099cc; color:white; border-radius:3px; width:92%; height:33px; line-height:33px; text-align:center; font-size:16px; margin-left:4%;margin-top:14px;
     }
     .confirm_blue_big
{ 
       
       background-color:#0099cc; color:white; border-radius:3px; width:100%; height:50px; line-height:50px; text-align:center; font-size:16px; margin-top:14px;
     }
     
     
/*边框*/
.border_top{background-image:-webkit-linear-gradient(top,#d3d3d3 33.3%,transparent 66.7%);background-size: 100% 1px;background-repeat: no-repeat;background-position:top; position:absolute; height:1px; width:100%; left:0; top:0;}
.border_bottom {
    background-image: -webkit-linear-gradient(bottom,#d3d3d3 33.3%,transparent 66.7%);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: bottom;
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 0;


}
.border_bottom_safe {
    background: #d3d3d3;
    background: linear-gradient(to right, transparent 0%, #d3d3d3 33.3%, #d3d3d3 66.7%, transparent 100%);
    padding-bottom:12px;
    padding-bottom: constant(safe-area-inset-bottom, 12px);
    padding-bottom: env(safe-area-inset-bottom, 12px);
    bottom: 0;
}
    .border_left {
        background-image: -webkit-linear-gradient(left,#d3d3d3 33.3%,transparent 66.7%);
        background-size: 1px 100%;
        background-repeat: no-repeat;
        background-position: left;
        position: absolute;
        width: 1px;
        height: 100%;
        left: 0;
        top: 0;

    }
.border_right{background-image:-webkit-linear-gradient(right,#d3d3d3 33.3%,transparent 66.7%);background-size: 1px 100%;background-repeat: no-repeat;background-position:right; position:absolute; width:1px; height:100%; right:0; top:0}
 
.black{ width:100%; height:100%; background-color:black; opacity:0.7; position:fixed; left:0; top:0; z-index:1000;}
.white_block{ width:100%; height:100%; background-color:White; opacity:0.7; position:fixed; left:0; top:0; z-index:1000;}
/** top dialog **/
.newDialog{ width:95%; height:auto; position:fixed; left:2%; top:10%; background-color:#fff; z-index:1500;}

.statement,.standard,.cancel_box{ width:80%; height:90%; position:fixed; left:10%; bottom:5%; background-color:#fff; z-index:1500;}
.statement_header,.standard_header,.cancel_head,.newDialog_header{ height:42px; line-height:42px; position:relative; color:#191919; font-size:16px; text-align:center}
.standard{overflow:auto}
.standard_header{}
.close{ position:absolute; top:15px; right:15px; width:10px; height:auto}
.statement_text,.standard_text,.newDialog_text{ padding-left:14px; padding-right:14px; margin-top:10px; box-sizing:border-box}
.statement_text h1,.standard_text h1,.newDialog_text h1{ font-size:14px; line-height:18px; color:#01aff0;}
.standard_text h2{ font-size:15px; width:100%; height:26px; position:relative}
.statement_text p,.standard_text p,.newDialog_text p{ font-size:12px; line-height:15px; color:#65646b;}
 

.updatePwd{ width:90%; height:auto; position:fixed; left:5%; top:30%; background-color:#fff; z-index:1500;}

.bottom_div{ width:93%; height:auto; position:fixed; left:3%; bottom:0; background-color:#fff; z-index:1501;   }
.bottom_div_full{ width:100%; height:auto; position:fixed; left:0 ;bottom:0; background-color:#fff; z-index:1501;   }

.bottom_div{ width:93%; height:auto; position:fixed; left:3%; bottom:0; background-color:#fff; z-index:1501;   }

.bottom_div{ width:93%; height:auto; position:fixed; left:3%; bottom:0; background-color:#fff; z-index:1501;   }
.bottom_div_full{ width:100%; height:auto; position:fixed; left:0 ;bottom:0; background-color:#fff; z-index:1501;   }
.screeen_center_div {
    width: 93%;
    height: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #fff;
    z-index: 1501;
    transform: translate(-50%, -50%); /* 同时水平和垂直居中 */
}

.screeen_center_div_full {
    width: 98%;
    height: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    z-index: 1502;
    /* 手机端专属优化 */
    -webkit-overflow-scrolling: touch; /* iOS滚动顺滑 */
    overscroll-behavior: contain; /* 防止滚动穿透 */
}
.checkedBox 
{
 width: 40px;
    height: 5px;
    background: #555;
    margin: -15px 15px;     
    border-radius: 3px;
}
.checkedBox i {
    bottom: 2px;
    -webkit-transform:rotateZ(0deg);
    -moz-transform:rotateZ(0deg);
    -o-transform:rotateZ(0deg);
    transform:rotateZ(0deg);
}

/*清除浮动*/
.clear{clear:both;}
/*塌陷*/
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display: table;line-height: 0;content:"";}
.clearfix:after{clear:both;}
 
 .selImg
 {
     border:0px solid #d3d3d3;
     height:40px;
     width:25px;
     float:right;
      background-image:url(../picture/arrow.png); background-size:12px auto; background-repeat:no-repeat; background-position:14px center;
      
 }
 .input_r_button
 {
    float: right;
    width: 25%;
    height: 47px;
    background-color: #FF7F00;
    color: white;
    line-height: 47px;
    text-align: center;
    font-size: 12px;
 }
 
 
  .text_right
 {
    float: right;
    width: 25%;
    height: 47px; 
    color: #FF7F00;
    line-height: 47px;
    text-align: center;
    font-size: 12px;
 }


 
.div_station { width:100%; height:100%; top:0; right:0; position:absolute; background:#fff;z-index:1002;-webkit-overflow-scrolling:touch; }
.week_box{ height:62px; background-color:#fff; position:relative; margin-bottom:8px;}
.week{ height:62px; width:14.3%; float:left}
.week h1{ line-height:22px; font-size:14px; text-align:center; margin-top:11px;}
.week h2{ line-height:19px; font-size:12px; color:#65646b; text-align:center;}
.blue{ width:14.3%; position:absolute; left:0; bottom:0; height:2px; background-color:#01aff0;}
.dest_box{ margin-bottom:80px;
 
 width:100%;min-height: calc(100% + 1px);-webkit-overflow-scrolling:touch;overflow-y:scroll;
 
 

 }
  


.dest {
    white-space: nowrap;
    width: 20%;
    float: left;
    margin-left: 4%;
    margin-top: 6px;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    color: #65646b;
    box-sizing: border-box;
}
.current {
  border:1px solid #01aff0; color:#01aff0; background-image:url(../images/checkbox_1.png);background-size: 12px 12px;background-repeat: no-repeat;background-position: right bottom; 
}
.header_second{ height:36px; line-height:36px; border-bottom:1px solid #01aff0;  color:#01aff0; font-size:16px; text-align:center; position:relative} /** 二级标题**/


/*订单状态*/
.state_box{ height:43px; position:relative}
.state{ float:left; width:50%; line-height:43px; color:#65646b; font-size:14px; text-align:center}
.blue_block{ width:50%; position:absolute; left:0; bottom:0; height:2px; background-color:#01aff0;}
/*订单信息*/
.move_box{ width:100%; overflow:auto;}
.move{ width:500%; position:relative; clear:both; left:0}
.order_box{ width:100%; margin-bottom:51px; overflow:auto} /**margin-bottom:51px; 51是底部导航条的高度  float:left;**/
.order{  cursor:pointer; position:relative; background-color:#fff; margin-bottom:4px; margin-top:6px; padding-bottom:5px;}
.back_found{ height:90px; position:relative; background-color:#fff; margin-bottom:14px;}
.row{ height:150px; position:relative; background-color:#fff; margin-bottom:14px;}
.order_title{ line-height:40px; color:#191919; padding-left:4%; font-size:16px;}
.order_text{ width:92%; margin-left:4%; position:relative; padding-top:5px;padding-bottom:5px; box-sizing:border-box}
.order_text h1,.order_text h2{ line-height:20px; color:#191919; font-size:14px;}
.order_text p{ position:absolute;top:0;right:0; line-height:53px; color:#01aff0; font-size:16px;}


.order_right_text{ width:92%; margin-left:4%; position:relative; padding-top:5px;padding-bottom:5px; box-sizing:border-box;  text-align:right; cursor:pointer;  }
.order_right_text h1,.order_text h2{ line-height:20px; color:#191919; font-size:14px;}
.order_right_text p{ position:absolute;top:0;right:0; line-height:53px; color:#65646b; font-size:16px;}

.cancel{ width:65px; height:23px; border:1px solid #ccc; text-align:center; line-height:23px; border-radius:3px; float:right; margin-top:21px;  margin-right:4%; color:#65646b;}
.cancel2{ width:65px;   border:1px solid #ccc; text-align:center;  border-radius:3px;   margin-right:4%; color:#65646b;
          padding: 5 10 2 2;
          
          
          }
.cancel_big{ width:100px; height:23px; border:1px solid #ccc; text-align:center; line-height:23px; border-radius:3px; float:right; margin-top:21px;  margin-right:4%; color:#65646b;}
.fund_detail{ width:65px; height:23px; border:1px solid #ccc; text-align:center; line-height:23px; border-radius:3px; float:right; margin-top:0px;  margin-right:4%; color:#65646b;}
.cancel_big2{   cursor:pointer; width:100px;   border:1px solid #ccc; text-align:center;  border-radius:3px;  margin-right:4%; 
                color:#65646b; padding:5px 10px;  
                }


.cancelBarTrace 
{
    width: 19%;
    height: 30px;
 border:1px solid #ccc; text-align:center; line-height:30px; border-radius:3px; float:left; margin-top:6px;  color:#65646b; 
                 }

/*底部导航*/
.nav_box{ width:100%; height:51px; position:fixed; left:0; bottom:0; background-color:#fff;}
.nav_index,.nav_order,.nav_my{ width:33.3%; float:left;}
.nav_box img{ width:18px; height:auto; position:relative; left:50%; margin-left:-9px; margin-top:8px;}
.nav_box h1{ font-size:12px; text-align:center; color:#65646b; line-height:25px;}
.nav_box .current_nav{ color:#01aff0;}

.contents 
{
	margin-top:5px;
	background-color:#fff
}
.contents img{

padding-top:3px;
float:left;
width:24px; 
margin-right:5px;
}
.order_title label
{  
    
	margin-right:2%;
	color:#01aff0;
	 padding-top:8px;
}  
.myOrder{ height:95px; position:relative; background-color:#fff; margin-bottom:14px;}
.cancelbtn
{
  margin-bottom:5px;
      position: relative;
}
/*清除浮动*/
.clear{clear:both;}
.input_search input{ width:94%; height:33px; float:right; margin-right:3%; border-radius:0px; background-color:#fff; margin-top:6px; padding-left:38px; box-sizing:border-box;
 background-image:url(../images/search.png); background-size:12px auto; background-repeat:no-repeat; background-position:14px center; color:#191919; font-size:14px; padding-right:16px;}
 
 .input_search_2 input{ width:70%; height:33px; 
                        float:left; margin-right:3%; border-radius:0px; 
                        background-color:#fff; margin-top:6px;
                         padding-left:38px; box-sizing:border-box; 
                         background-image:url(../images/search.png);
                          background-size:12px auto; 
                          background-repeat:no-repeat;
                           background-position:14px center; color:#191919; 
                           font-size:14px; padding-right:16px;}
                           input_search_3
                           {
                               background-color:White;
                               height:33px;
                           }
  .input_search_3 input{ width:68%; height:33px;  margin-left:2%;
                        float:left; margin-right:3%; border-radius:0px; 
                        background-color:#fff; margin-top:6px;
                         padding-left:38px; box-sizing:border-box; 
                         background-image:url(../images/search.png);
                          background-size:12px auto; 
                          background-repeat:no-repeat;
                           background-position:14px center; color:#191919; 
                           font-size:14px; padding-right:16px;}
                           
 
.money{ width:135px; height:135px; background-color:#ff7f00; border-radius:50%; margin-left:auto; margin-right:auto; padding-top:19px; box-sizing:border-box;}
.money h1{ line-height:42px; color:#fff; font-size:14px; text-align:center}
.money p{ line-height:28px; color:#fff; font-size:23px; text-align:center}
.help{ position:absolute; right:2%; top:14px; border:1px solid #EA2320; width:16px; height:16px; border-radius:50%; line-height:16px; text-align:center; color:#EA2320; margin-right:100px}
.help_nav{position:absolute; right:2%; top:14px; line-height:16px; text-align:center; color:#65646A;}
/*余额明细*/
.detail_title{ width:21%; height:39px; line-height:39px; text-align:center; margin-left:auto; margin-right:auto; position:relative; color:#65646b; font-size:12px;}
.detail_title .border_top{ width:100px; top:19px;}
.detail{ min-height:90px; position:relative; background-color:#fff; padding-left:4%; padding-top:8px; box-sizing:border-box; padding-right:2%;}
.detail h1{ line-height:23px; font-size:14px; color:#191919;}
.detail h2{ line-height:19px; font-size:12px; color:#65646b;}
.detail p{ line-height:60px; position:absolute;right:4%; top:0; color:#01aff0; font-size:16px;}
.detailUnBackStatus{ line-height:60px; position:absolute;right:4%; top:20px; color:#01aff0; font-size:16px; color:Red}

.detail_bank{ min-height:31px; position:relative; background-color:#fff; padding-left:4%; padding-top:8px; box-sizing:border-box; padding-right:2%;}
.detail_bank h1{ line-height:23px; font-size:14px; color:#191919;}


.back_money_list { width:100%; height:100%; top:0%; left:0%;  position:fixed; background:#fff; border:0px solid #01aff0;z-index:1001; bottom:0%; overflow:auto; }
.second_header{ height:42px; line-height:42px; position:relative; color:#191919; font-size:16px; text-align:center}

.back_money_list::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.back_money_list::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #535353;
    }
.back_money_list::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #EDEDED;
    }
.divMyOrderSearch 
{
 width:100%; height:auto;  left:0%;  position:fixed; background:#fff; border:1px solid #01aff0;z-index:9001; 
}


.leather{ height:60px; background-color:#fff;position:relative;}
.leather_title{ line-height:58px;}
.leather_text{ float:left; margin-left:4%;}
.leather h1{color:#191919; font-size:14px; line-height:21px; margin-top:10px;}
.leather h2{color:#c40000; font-size:12px; line-height:19px;}
.leather_input{ width:56%; height:33px; border:1px solid #ccc; border-radius:3px;color:#01aff0; font-size:14px; float:right; margin-right:4%; margin-top:13px; padding-left:13px; box-sizing:border-box}
.leather_input_readonly{ width:56%; height:33px; border:0px solid #ccc;  border-radius:3px;color:#01aff0; font-size:14px; float:right; margin-right:4%; margin-top:13px; padding-left:13px; box-sizing:border-box}

/** 这是div**/
.bottom_btn
{
        height: 46px;
    line-height: 46px;
    background-color: #fff;
    padding-left: 4%;
    padding-right: 4%;
    position: fixed ! important; left: 0px; bottom: 0px;  
    left: 0px; bottom: 0px;margin-top:14px; width:100%
}
.bottom_btn p
{
  line-height: 46px;
    color: #65646b;
    font-size: 14px;
    float: left;
    margin-left: 12px;
}
.btn_blue_wrap /** 用于 文本后面的按钮 **/
{
        height: 42px;
    line-height: 42px; 
    /** position: fixed ! important; **/
    left: 0px; bottom: 0px;  
    left: 0px; bottom: 0px;margin-top:14px; 
    
       background-color:#0099cc; color:white; border-radius:3px;   width:92%;  text-align:center; font-size:16px; margin-left:4%;margin-top:14px;
}

.bottom_btn_blue /** 用于底部blue的btn **/
{
        height: 42px;
    line-height: 42px; 
    position: fixed ! important; left: 0px; bottom: 0px;  
    left: 0px; bottom: 0px;margin-top:14px; 
    
       background-color:#0099cc; color:white; border-radius:3px;   width:92%;  text-align:center; font-size:16px; margin-left:4%;margin-top:14px;
}
.bottom_btn_text
{
     border-top: 1px solid #dfdfdf;
        height: 65px; 
    background-color: #fff;
    padding-left: 4%;
    padding-right: 4%;
    color:#333300;
    position: fixed ! important; left: 0px; bottom: 0px;  
    left: 0px; bottom: 0px;margin-top:4px; width:95%;
    padding-top:5px;
    font-size:13px;
    white-space:normal;
         word-break:break-all;
         word-wrap:break-word; 
}

.demo-desc {
    padding: 10px;
    font-size: 16px;
    color: #7CAE23;
}

.ui-list-info-new {
    -webkit-box-flex: 1;
    padding-top: 8px;
    padding-bottom: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    padding-right: 12px;
}
.ui-list-info-new {
    padding-left: 12px;
}

.ui-list-new li h4 {
    font-size: 18px;
    line-height: 24px;
}

.ui-wrap-new {
    max-width: 100%;
        padding-top:8px;
    text-overflow: ellipsis;
}


.ui-nowrap-new {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/** padding-top:5px; **/
.ui-nowrap-new-2 {
    max-width: 100%;
    padding-top:15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.ui-list-info-new p {
    color: #777;
    font-size: 14px;
}

.ui-switch-new {
    position: absolute;
    font-size: 14px;
    right: 12px;
    top: 50%;
    margin-top: -16px;
    width: 52px;
    height: 32px;
    line-height: 32px;
}


.ui-switch-new input:before {
    content: '';
    width: 50px;
    height: 30px;
    border: 1px solid #dfdfdf;
    background-color: #fdfdfd;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    -webkit-box-sizing: content-box;
    border-color: #dfdfdf;
    -webkit-box-shadow: #dfdfdf 0px 0px 0px 0px inset;
    -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s;
    -webkit-background-clip: content-box;
}
.ui-switch-new input:after {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    top: 1px;
    left: 0;
    border-radius: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
    -webkit-transition: left 0.2s;
}


/*隐藏滚动条*/ 
::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.demo-item-scroll {
    height: 5rem;
    line-height: 5rem;
    clear: both; 
    overflow-y: hidden; 
    scroll-snap-points-x: repeat(100%);
    scroll-snap-type: mandatory;
}