@import "//at.alicdn.com/t/font_2624663_qerk0p8b7f.css";

::-webkit-scrollbar {width:12px;}
::-webkit-scrollbar-thumb {border-radius:2px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #ccc;}
a{text-decoration:none;}
html,body,form,div,h1,h2,a{-webkit-text-size-adjust:none;-webkit-font-smoothing: antialiased;-webkit-user-select:none;-webkit-touch-callout:none;}
body{padding:0;margin:0px;font-size:16px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif,'新宋体';background:#fff;}
.m{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.s{box-shadow:1px 2px 2px 0 rgba(0,0,0,0.2) ,-1px -1px 0px 0 rgba(0,0,0,0.1);}
*{background-size:cover !important;box-sizing:border-box;position:relative;}
input{border:none;outline:none;}


x_date{position:fixed;width:380px;background:#fff;padding:10px;z-index:1000000;display:none;}
x_date handle{float:left;width:100%;height:30px;line-height:20px;border-bottom:1px solid #eee;text-align:center;}
x_date handle close{position:absolute;font-size:24px !important;right:0px;z-index:100}
x_date d_line{float:left;width:60px;height:240px;overflow:auto;}
x_date d_line a{float:left;width:100%;height:20px;line-height:20px;text-align:center;}
x_date d_line .select{background:rgba(255,0,0,0.5);color:#09c;}
x_date d_line a:hover{background:rgba(0,0,0,0.2);}
x_date d_line::-webkit-scrollbar {width:4px; height: 1px;}
x_date d_line::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);background:#999;}


bg{position:fixed;width:100%;height:100vh;z-index:1000;left:0;top:0;background:rgba(0,0,0,0.5);display:none;}
x_right{position:fixed;right:-120vh;top:0;background:#fff;z-index:10000;width:50vw;height:100vh;}
x_right handle{position:absolute;width:100%;height:36px;line-height:36px;background:#eee;padding-left:10px;padding-right:10px;z-index:100000;}
x_right handle icon{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;float:right;font-size:20px !important;z-index:100;width:24px;height:24px;top:6px;line-height:24px !important;text-align:center;}
x_right right_main{float:left;width:100%;height:100vh;padding-top:36px;padding-bottom:30px;padding-left:10px;padding-right:10px;overflow-x:hidden;overflow-y:auto;}
err{float:left;width:100%;margin-top:10px;color:#f44;font-size:13px;}
x_right handle close:hover{transform:rotate(90deg);color:#fff;border-radius:50%;background:#f44;}
x_right handle text{float:left;}
x_right handle bt{float:left;height:24px;line-height:24px;margin-left:10px;background:#f44;border-radius:5px;color:#fff;font-size:13px;padding-left:10px;padding-right:10px;margin-top:5px}

.input_err{background:rgba(255,0,0,0.3);}

index{float:left;width:100%;margin-top:6px;}
index a{float:left;margin-bottom:5px;padding-left:10px;padding-right:10px;height:32px;line-height:32px;background:#eee;font-size:13px;border-radius:5px;margin-right:10px;color:#000}
index a:hover,index .select{background:#000;color:#fff;}
index a  icon{float:left;height:32px;line-height:32px;font-size:18px;margin-right:5px}
index a text{float:left;height:32px;line-height:32px}
index .select{background:#f44 !important;color:#fff;}
index text{float:left;height:32px;line-height:32px;margin-right:10px;}

x_box{float:left;width:100%;margin-top:10px;background:#fff;font-size:13px;margin-bottom:5px;}
x_box handle{color:#666;float:left;width:100%;height:32px;background:rgba(0,0,0,0.05);padding-left:10px;padding-right:10px;line-height:32px;font-size:13px;}
x_in_box{float:left;width:100%;padding:10px}
s_bt{float:left;width:100%;}
s_bt bt{float:left;height:28px;line-height:28px;padding-left:20px;padding-right:20px;background:#09c;color:#fff;margin-right:10px;border-radius:5px;font-size:13px}

search{float:left;width:100%;margin-top:5px;}
search input{border-radius:5px;float:left;height:32px;line-height:32px;background:#eee;padding-left:10px;padding-right:10px;width:400px;margin-right:10px}
search bt{float:left;height:32px;line-height:32px;padding-left:20px;padding-right:20px;background:#eee;font-size:14px;border-radius:5px}

x_input{float:left;width:100%;box-sizing:border-box;padding-left:100px;line-height:36px;margin-top:10px;}
x_input text,x_input x,x_bt x{position:absolute;width:100px;left:0;top:0;height:36px;line-height:36px;font-size:14px;}
x_input input{float:left;width:100%;height:36px;line-height:36px;border:none;box-shadow:1px 1px 2px 0 rgba(0,0,0,0.2),-1px -1px 1px 0 rgba(0,0,0,0.1);box-sizing:border-box;padding-left:10px;padding-right:10px;outline:none;}
x_bt{float:left;width:100%;margin-top:10px;padding-left:100px;}
x_bt bt{float:left;height:36px;line-height:36px;padding-left:20px;padding-right:20px;background:#09c;color:#fff;margin-right:10px;}
x_b{float:left;width:100%;height:24px;line-height:24px;font-weight:bold;margin-top:10px}
x_b h{font-size:13px;color:#999;font-weight:normal;margin-left:10px;}

page{float:left;width:100%;margin-top:20px;padding-bottom:30px;text-align:center;}
page a{padding-left:10px;padding-right:10px;margin:3px;padding-top:5px;padding-bottom:5px;color:#000;}
page .select{background:#f44;color:#fff;}
msg{position:fixed;width:100%;text-align:center;left:0;top:-250px;z-index:1000000}
msg text{padding-left:50px;padding-right:50px;padding-top:15px;padding-bottom:15px;background:rgba(0,0,0,0.8);color:#fff;border-radius:50px}
.msg_show{top:50px}


switch a{position:absolute;z-index:1;top:-2px;left:0px;width:24px;height:24px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;-webkit-transition-property:-webkit-transform,width,left;transition-property:transform,width,left;border-radius:16px;background-color:#fff;background-clip:padding-box;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.4);box-shadow:0 2px 5px rgba(0,0,0,.4)}
switch{float:left;width:48px;height:24px;position:relative;background:#fff;border-radius:16px;border:#ddd 2px solid;cursor:pointer;margin-top:5px;}
.switch_select,.switch_true{background:#09c !important;border:#09c 2px solid !important;}
.switch_select a,.switch_true a{right:0px !important;left:auto;}

img_select_box{float:left;width:100%;margin-top:10px;}
img_select_box img_item{float:left;width:20%;padding:5px;height:150px;overflow:hidden;}
img_select_box img_item img{float:left;width:100%;}
img_select_box img_item span{text-align:center;position:absolute;width:100%;height:32px;line-height:32px;bottom:0;left:0;background:rgba(0,0,0,0.5);color:#999}
img_select_box img_item .is_up{background:#09c;color:#fff;}
img_select_box img_item .is_finish{background:#f44;color:#fff;}


win{position:fixed;width:800px;z-index:10000000;top:10vh;background:#fff;left:0;box-shadow:0px 15px 10px -15px #999;}
win handle{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-align:center;float:left;width:100%;height:36px;line-height:36px;background:#efefef;padding-left:10px;padding-right:10px;}
win handle icon{position:absolute;right:10px;font-size:24px !important;color:rgba(0,0,0,0.5);}
win handle:hover{background:#09c;color:#fff;}
win handle icon:hover{color:#f44;}
win win_main{float:left;width:100%;background:#fff;padding:10px;padding-bottom:5px;padding-top:5px;max-height:70vh;overflow:auto;box-shadow:1px 1px 0px 0 rgba(0,0,0,0.1) ,-1px 0px 0px 0 rgba(0,0,0,0.1);}