html {overflow:auto;height:100%; min-height: 780px;min-width:1280px;  }
body {margin:0;padding:0;font-size:0.75em; height:100%;font-family:'Pretendard'; -webkit-font-smoothing: antialiased;overflow:auto; -moz-osx-font-smoothing: grayscale;  position: relative; width: 100%; letter-spacing:.2px; min-width:1280px;margin:0 auto; background:#F7F6FA;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle; font-family:'Pretendard';}
input, button {margin:0;padding:0;font-size:1em;font-family:'Pretendard';;}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em; -webkit-appearance:none}
textarea, select {font-size:1em;font-family:'Pretendard';}
textarea {border-radius:0;-webkit-appearance:none;font-family:'Pretendard';;}
select {margin:0;background:none;font-family:'Pretendard';}
p {margin:0;padding:0;word-break:break-all; font-family:'Pretendard';}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none; font-weight:400; font-family:'Pretendard'; !important;}
ul,li,dl,dt,dd {padding:0;margin:0; font-family:'Pretendard';}
ul {list-style:none}
*,:after,:before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
input[type="text"]:focus {outline: none;}
input[type="password"]:focus {outline: none;}
textarea:focus {outline: none;}
input[type="text"]::placeholder {color:#bbb;  letter-spacing: .3px;}
input[type="password"]::placeholder {color:#bbb;  letter-spacing: .3px;}
textarea::placeholder {color:#bbb;  letter-spacing: .3px;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: #222;
    -webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset;
    box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset;
    transition: background-color 5000s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
    -webkit-text-fill-color: #222;
    -webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset;
    box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset;
    transition: background-color 5000s ease-in-out 0s;
}


nav {position: fixed; left:0; top:70px; height:calc(100vh - 70px);  width:280px; padding:0px;  z-index: 8; letter-spacing: .5px; overflow: hidden; background:#fff;}
nav:after {content:''; position: absolute; right:0; top:0; height:100%; width:1px; }
nav .scroll {height:calc(100% - 128px); width:280px; overflow-x: hidden;  overflow-y: scroll;}
nav .scroll::-webkit-scrollbar {display: none;}
/*nav::-webkit-scrollbar {
    width: 6px;
 }
nav::-webkit-scrollbar-thumb {
    background-color: #eee;
    border-radius: 10px;
 }
nav::-webkit-scrollbar-track {
    background-color: #fafafa;
    border-radius: 10px;
 }*/
nav p.menu_tit1 {font-size:12px;  color:#B8B6C0; padding-left:32px; padding-top:22px;  font-weight:400;}

nav ul {padding:0;}
nav ul.ul2 {overflow: hidden; max-height: 0;  position: relative;}
nav ul.ul2.on {margin-top:10px; overflow: visible; max-height:100vw; max-height: auto;}
/*nav ul.ul2:after {content:''; position: absolute; bottom:0; left:35px; width:calc(100% - 70px); height:1px; background:#e9e7ee;}*/
nav ul.ul2:last-child:after {content: none;}
nav ul li {display:inline-block; width:100%; margin-bottom:0px; cursor: pointer;}
nav ul li a{display: inline-block; padding:15px 15px 14px 30px; font-size:15px; color:#676779; position: relative; width:calc(100% - 20px); border-radius:0 50px 50px 0 ;   font-weight:400;  letter-spacing: .5px; transition: .3s;}
nav ul li a:hover {background:#F7F6FA;}
nav ul li a:hover span {right:14px;}
nav ul li a img {margin-right:12px; margin-top:-3px; opacity:0.8;}
nav ul li a img.img1 {margin-left:-1px; margin-right:14px;}
nav ul li a img.img2 {margin-top:-6px;}
nav ul li a img.img3 {margin-left:-1px; margin-right:14px;}
nav ul li a img.img4 {margin-left:-1px; margin-right:13px;}
nav ul li a.on {background:#5E318E; color:#fff; margin:8px  0 10px 0; }
nav ul li a span {width:23px; height:23px; position: absolute; right:13px; top:50%; transform: translate(0,-50%); border-radius:50%; color:#fff; font-size:13px; background:#111; text-align: center; line-height:27px; letter-spacing: 0; transition: .3s;}
nav ul li a.on span {background:#fff; right:14px; box-shadow: none; color:#111; font-weight:700;}
nav ul li:first-child>a.on {margin-top:9px;}
nav ul li:last-child a.on {margin-bottom:5px;}
nav ul li a.on img {opacity: 1; -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);}
nav ul li a.link2:after {content:url('../img/menu_plus.svg'); position: absolute; right:17px; top:12px; filter:brightness(0%); opacity: .5}
nav ul li a.on.link2:after {filter: inherit; opacity: 1;}

nav ul li ul {position: relative; margin-top:0px; margin-bottom:0px; overflow: hidden; max-height: 0;
    transition: .3s; padding:0 0 0 45px;}
nav ul li ul.on {margin-bottom:10px; overflow: visible; margin-top:0px; max-height:100vw; max-height: auto; transition: .3s; }

nav ul li ul li {height:auto;}
nav ul li ul li a {padding:3px 0 8px 17px; color:#676779; font-size:14px; letter-spacing: 0.1px; margin:0 !important}
nav ul li ul li a:hover {background:none;}
nav ul li ul li a.on {color:#5E318F; background:none; font-weight: 600; } 


nav .site {margin-top:10px;}
nav .site a {display: inline-block; width:100%; padding:11px 22px; color:#474747; font-size:16px;}
nav .site a img {margin-left:10px; position: relative; top:-1px;}

nav h3 {font-size:14px; color:#000; margin-top:40px; padding-left:30px;}
nav .down_bt {position: fixed; left:18px; bottom:15px;  border:none; background:none; transition: .3s;}

nav .profile {position: relative; padding:16px 20px 0 20px;}
nav .profile:after {content:''; clear: both; display: table;}
nav .profile .img {float:left; width:50px; height:50px; background:url("../img/profile.jpg")no-repeat center; background-size:cover; position: relative; border-radius:50%;}
nav .profile .img span {text-align: center; display: inline-block; padding:14px 0; font-size:17.5px; color:#aaa;  width:100%; font-weight:600; letter-spacing: 0}
nav .profile .img .cog {position: absolute; right:-2px; top:0px; border:none; background:none;} 
nav .profile .txt {float:right; width:calc(100% - 60px); padding:8px 0; background:url("../img/right_arrow.svg")no-repeat right center;}
nav .profile .txt p {font-size:14px;  color:#444; font-weight:600;}
nav .profile .txt span {display: inline-block; margin-top:2px; font-size:12px; color:#B8B6C0; font-weight:300;}
nav .profile .dash {margin-left:-20px; width:calc(100% + 40px); height:46px; color:#9F9AB1; background:#F7F6FA; padding:0 30px; text-align: left; border:none; margin-top:16px; font-size:15px; font-weight:500;}
nav .profile .dash img {margin:-3px 12px 0 0;}

nav .ft_bt {position: absolute; left:20px; bottom:17px; width:calc(100% - 40px);}
nav .ft_bt button {float:left; width:calc((100% - 6px) / 2); margin-right:6px; height:40px; border-radius:10px; background:#F7F6FA; font-size:14px; font-weight:500; color:#B8B6C0; border:none;}
nav .ft_bt button img {margin:0 5px 0 -5px;}
nav .ft_bt button:last-child {margin-right:0;}


nav.mini p.menu_tit1 {font-size:0; padding-top:4px; margin-top:0;}
nav.mini {width:70px; overflow: visible;}
nav.mini .scroll{width:70px;}
nav.mini .logo {width:72px; overflow: hidden; display: inline-block; transition: .1s ease-in-out 0s;}
nav.mini .logo img {margin-left:28px; margin-bottom:50px;}
nav.mini .profile .dash {width:100%; margin-left:0; font-size:0; text-align: center;padding:0; margin-top:9px;}
nav.mini .profile .dash img {margin:0; width:23px;}
nav.mini .profile {text-align: center; padding:0; margin-top:10px;}
nav.mini .profile .img {margin:0 auto; float:initial}
nav.mini .profile .txt {display: none;}
nav.mini .menu_open {right:26px; top:87px; transform: rotate(180deg);}
nav.mini ul {padding:0 20px 10px 20px;}
nav.mini ul.ul2.on {margin-top:5px; padding:0;}
nav.mini ul li {margin-bottom:8px;}
nav.mini ul li a {font-size:0; padding:15px 0 14px 0; text-align:center; width:100%; border-radius:0}
nav.mini ul li a.on {margin:0;}
nav.mini ul li a span {top:34%; width:18px; height:18px; font-size:11px; line-height:24px; right:0; display: none;}
nav.mini ul li a:hover span {right:0px;}
nav.mini ul li a.link2:after {content:none;}
nav.mini ul li a img {margin-right:0; width:23px;}
nav.mini ul li ul {position: absolute; left:75px; margin-top:-50px; background:#fff; border-radius:10px; box-shadow: 0 0 12px rgba(0,0,0,.15); padding:0px 15px; min-width:142px; overflow: visible; max-height: 100vw; display: none;}
nav.mini ul li:hover ul {display: block;}
nav.mini ul li ul:after {content:none;}
nav.mini ul li ul li {margin-bottom:0;}
nav.mini ul li ul li a {font-size:14px !important; padding:9px 0px; white-space:nowrap; text-overflow:ellipsis; border-radius:0; transition: .3s;}
nav.mini ul li ul li a:hover {color:#222;}
nav.mini ul li ul li a.on {color:#111;}
nav.mini ul li ul li a.on:after {content:none;}
nav.mini ul li ul li:first-child a {padding:14px 0 8px 0;}
nav.mini ul li ul li:last-child a {border-bottom:none; padding:8px 0 14px 0;}

nav.mini .ft_bt {left:10px; bottom:6px; width:Calc(100% - 20px);}
nav.mini .ft_bt button {width:100%; margin:2px 0 !important; font-size:0;}
nav.mini .ft_bt button img {margin:0;}

.chart_hover4 {padding:8px 15px; background:#fff; box-shadow: 0 0 8px rgba(0,0,0,.15); border-radius:8px; color:#333; position:absolute; top:0; left:-35px; min-width:110px; width:auto;}
.chart_hover4 p {margin:0; padding:0; font-size:14px;}
.chart_hover4 span {font-size:12px; display: inline-block; margin-top:8px;}
.chart_hover4 span b {display:inline-block;height:12px; width:12px; margin-right:4px; background:#F39828; border-radius:50%; position: relative; top:1px;}

.chart-container {width:100%; height:305px; margin-top:24px; }




.header {height:70px; width:100%; float:right; background:#fff; border-left:1px solid #f4f4f4; padding:0 40px 0 280px; position: relative; z-index: 9; box-shadow: 0 3px 10px rgba(0,0,0,.04)}
.header .logo {position: absolute; left:0; top:0; }
.header .logo .left_bar {height:70px; width:70px; background:#5E318F; border:none; margin-right:25px;}
.header .logo .logo_img {height:32px;}

.header .hd_tab {margin-top:26px;width:100%; }
.header .hd_tab:after {content:''; clear: both;; display: table;}
.header .hd_tab li {margin:0px 20px 0 0; float:left; cursor: pointer;}
.header .hd_tab li a{float:left; padding:0 7px 25px 7px; font-size:15px; color:#676779; position: relative; font-weight:400; }
.header .hd_tab li span {font-size:11px; font-weight:500; color:#555;  padding:1px 4px 2px 4px; border-radius:4px; background:#eee; display: inline-block; margin-left:4px; position: relative; top:-1px; }

.header .hd_tab li a img {margin:-2px 5px 0 -2px; height:18px; filter:grayscale(0.9); opacity: .65;}
.header .hd_tab li:nth-child(1) a img {height:20px;}
.header .hd_tab li.on a img {filter:initial; opacity: 1;}

.header .hd_tab li.on a { color:#5E318F; font-weight:600;}
.header .hd_tab li.on span {background:#5E318F; color:#fff; font-weight:600; }
.header .hd_tab li.on a:after {content:''; position: absolute; bottom:-1px; left:0; width:100%; height:3px; background:#5E318F; border-radius:10px;}

.header .right {position: absolute; right:40px; top:50%; transform: translate(0,-50%);}
.header .right button {height:40px; border:1px solid #5E318E; color:#5E318E;font-size:15px; background:none; border-radius:50px; padding:0 20px; font-weight:600; padding-bottom:1px; margin-left:2px;}
.header .right button img {margin:0px 7px 0 -1px;}
.header .right button.down {background:#5E318E; color:#fff; font-weight:400; letter-spacing: 0.1px;}
.header .right button.trash {padding:0; width:40px; border:1px solid #D0CBD4}
.header .right button.trash img {margin:-2px 0 0 0;}

.header .right button.create {background:#5E318E; color:#fff; font-weight:400; letter-spacing: 0.1px;}
.header .right button.reset {background:#f4f2f9; color:#beb1c7; font-weight:400; letter-spacing: 0.1px; border:none;}





.content {width:calc(100% - 280px); min-width:950px;  left:280px; height:calc(100% - 70px);  float:left; position: relative; overflow-x:hidden; overflow: hidden; transition: .3s; z-index: 1; padding:35px 35px 45px 35px;}
.content:after {content:''; clear:both; display: table;}
.content.long {width:calc(100% - 70px); left:70px;}
.content .hd { position: relative; }
.content .hd h1 {font-size:28px;   color:#222; font-weight:800; margin-top:12px;}
.content .hd h2 {font-size:14px; color:#B8B6C0; font-weight:300;}
.content .hd h2 b {color:#676779; font-weight:600;}
.content .hd h2 img {margin:-2px 8px 0 8px;}

.content .hd .hd_bt {position: absolute; right:0px; top:-7px; }
.content .hd .hd_bt button {height:45px; border-radius:50px; background:#111; padding:0 28px; font-size:15px; color:#fff;  letter-spacing: .5px; border:none; margin-left:2px; font-weight:400; }

.content .hd .search {margin-top:25px;}
.content .hd .search:after {content:''; clear:both; display: table;}
.content .hd .search .box {background:#fff; width:100%; border-radius:8px;  box-shadow: 0 0 10px rgba(0,0,0,.05);margin-right:8px; padding:15px;}
.content .hd .search .box:after {content:''; clear:both; display: table;}
.content .hd .search .box .input_box {float:left; width:calc((100% - 25px) / 6); margin-right:5px; margin-top:5px;}
.content .hd .search .box .input_box_mar {margin-right:0;}
.content .hd .search .box .input_box:nth-child(-n + 6) {margin-top:0;}
.content .hd .search .box .select {cursor: pointer; float:left; width:100%; height:30px;  position: relative; }
/*.content .hd .search .box .select:after {content:''; position: absolute; right:0; width:1px; top:7px; height:26px; background:#f0f0f0}*/
.content .hd .search .box .select.active {z-index: 11;}
.content .hd .search .box .select .label {width:100%; text-align:left; border:1px solid #EDE9F0; height:30px; padding-left: 10px; background: none; cursor: pointer; font-size:14px; padding-bottom:1px; color:#676779; background:url('../img/down_arrow.svg')no-repeat center right 10px; border-radius:5px;font-weight:400; transition: .3s; padding-right:25px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.content .hd .search .box .select.active .label {border:1px solid #5E318E}
.content .hd .search .box .select .optionList {position: absolute; top:32px; left: 0px; width: 100%;  max-height: 0; transition: .3s ease-in;   z-index: 1;   overflow:hidden; border-radius:5px; font-weight:400; border:1px solid rgba(255,255,255,0);background:#fff; }
.content .hd .search .box .select.active .optionList {max-height: 170px;overflow-y:auto; border:1px solid #ede9f0}
.optionItem { padding:5px 10px 5px 10px; font-size:14px; color:#676779; font-weight:400;word-wrap: break-word; transition: background-color 0.2s ease, color 0.2s ease;  cursor: pointer;}
/*OptionItem에 커서 올라갔을때 */
.optionItem:hover {background-color: #f0f0f5; color: #333; }
.optionItem:last-child {padding-bottom:7px;}
.content .hd .search .box .select .optionList::-webkit-scrollbar {width: 6px;}
.content .hd .search .box .select .optionList::-webkit-scrollbar-thumb {background:  #F7F6FA; border-radius: 45px;}

.content .hd .search .box .select.no .label {background:url('../img/down_arrow.svg')no-repeat center right 12px #F7F6FA;}

.content .hd .search .box .select_box {cursor: pointer; float:left; width:100%; height:30px;  position: relative; }
.content .hd .search .box .select_box .open_sel_bt {width:100%; text-align:left; border:1px solid #EDE9F0; height:30px; padding-left: 10px; background: none; cursor: pointer; font-size:14px; padding-bottom:1px; color:#676779; background:url('../img/down_arrow.svg')no-repeat center right 10px; border-radius:5px;font-weight:400; transition: .3s;}
.content .hd .search .box .select_box .open_sel_bt.on {border:1px solid #5E318E}
.content .hd .search .box .select_box .sensor_tb {position: absolute; left:0; top:35px; width:500px; backgrounD:#fff; border:1px solid #EDE9F0; border-radius:5px; padding:15px 15px 0 15px; z-index: 5; box-shadow: 0 0 10px rgba(0,0,0,.1); padding-bottom:17px;  display: none;}
.content .hd .search .box .select_box .sensor_tb2 {left:initial; right:0;}
.content .hd .search .box .select_box .sensor_tb .sensor_close {position: absolute; right:10px; top:10px; border:none; background:none;}
.content .hd .search .box .select_box .sensor_tb .input:after {content:''; clear:both; display: table}
.content .hd .search .box .select_box .sensor_tb .input input[type="text"] {float:left; width:250px; height:35px; background:#F7F6FA; border:none; border-radius:5px; font-size:14px; padding:0 15px; color:#222;}
.content .hd .search .box .select_box .sensor_tb .input input[type="text"]::placeholder {color:#B8B6C0}
.content .hd .search .box .select_box .sensor_tb .input button {float:left; height:35px; width:35px; border:none; background:#5E318E; border-radius:5px; margin-left:5px;}
.content .hd .search .box .select_box .sensor_tb .tb_scroll {width:100%; margin-top:10px; max-height:275px; overflow-y: scroll;}
.content .hd .search .box .select_box .sensor_tb .tb_scroll::-webkit-scrollbar {display:none;}
.content .hd .search .box .select_box .sensor_tb table {width:100%; border-collapse: collapse;}
.content .hd .search .box .select_box .sensor_tb table th {background:#F7F6FA; padding:10px 15px; font-size:13px; text-align: left; font-weight:400; color:#B8B6C0; position: sticky; top:0; z-index: 1;  border-right:1px solid #EDE9F0}
.content .hd .search .box .select_box .sensor_tb table th:last-child {border-right:none;}
.content .hd .search .box .select_box .sensor_tb table td {font-size:13px; color:#676779; border-bottom:1px solid #EDE9F0; padding:8px 15px; border-right:1px solid #EDE9F0; transition: .3s;}
.content .hd .search .box .select_box .sensor_tb table td:last-child {border-right:none;}
.content .hd .search .box .select_box .sensor_tb table td button {padding:3px 7px; font-size:13px; background:#fff; border-radius:4px; color:#676779; border:1px solid #EDE9F0; }
.content .hd .search .box .select_box .sensor_tb table tr:last-child td {border-bottom:none;}
.content .hd .search .box .select_box .sensor_tb table tr:hover td {background:#F7F6FA}

.content .hd .search .box .select_box .sensor_tb .pagination {text-align: center; width:100%; border-top:1px solid #EDE9F0; padding-top:15px; margin-left:-15px; width:calc(100% + 30px);}
.content .hd .search .box .select_box .sensor_tb .pagination li {display: inline-block; margin:0 1px;}
.content .hd .search .box .select_box .sensor_tb .pagination li button {display: inline-block; width:22px; height:22px; border-radius:4px; font-size:12px; color :#B8B6C0; background:none; border:none;}
.content .hd .search .box .select_box .sensor_tb .pagination li button.on {background:#F7F6FA; font-weight:600; color:#5E318E;}

.content .hd .search .box .select_box .sensor_tb .select {width:93px; position: absolute; right:15px; bottom:11px;}
.content .hd .search .box .select_box .sensor_tb .select .label {height:27px; font-size:13px; color:#676779; background-position: center right 7px;}
.content .hd .search .box .select_box .sensor_tb .select .optionList {top:30px;}
.content .hd .search .box .select_box .sensor_tb .select .optionItem {font-size:13px; color:#676779}



.content .hd .search .box .input_box input[type="text"] {width:100%; height:30px; border:none; background:none; color:#676779; padding:0 0px 0 10px; font-size:14px; font-weight:400; border:1px solid #ede9f0; border-radius:5px;}
.content .hd .search .box .input_box input[type="text"]::placeholder {color:#B8B6C0; }
.content .hd .search .box .input_box input[type="text"]:disabled {background:#F7F6FA}

.content .hd .search .box .input_box2 input[type="text"] {float:left; width:Calc((100% - 5px) / 2); }
.content .hd .search .box .input_box2 input[type="text"]:last-child {margin-left:5px;}



.content .hd .search .box2 .input_box:after {content:''; clear:both; display: table;}
.content .hd .search .box2 .input_box .cal_box {float:left; width:calc((100% - 25px) / 2); position: relative;}
.content .hd .search .box2 .input_box .cal_box input[type="text"] {padding:0 0 0 38px;}
.content .hd .search .box2 .input_box .cal_box img {width:auto; top:11px;}
.content .hd .search .box2 .input_box .cal_box:last-child img {left:5px;}
.content .hd .search .box2 .input_box .cal_box:last-child input[type="text"] {padding-left:28px;} 
.content .hd .search .box2 .input_box span {float:left; width:25px; text-align: center; font-size:15px; color:#bbb; padding-top:10px; padding-right:3px;}

.content .hd .search .search_bt {height:30px; padding:0 35px; font-size:14px; color:#fff; background:#5E318E; border:none; border-radius:5px; padding-bottom:2px; margin-right:1px;}
.content .hd .search .reset {width:30px; height:30px; border-radius:5px; background:#f4f2f9; border:none; }
.content .hd .search .reset img {height:16px; margin:-2px 0 0 0}


/*.pagination {border-top:1px solid #e9e7ee; margin-left:-40px; width:calc(100% + 80px); padding:23px 40px 0 40px;}*/
/*.pagination ul {text-align:center; margin:0px 0 0px 0;}*/
/*.pagination ul li {display:inline-block; padding:0 0px; height:24px; width:24px; border-radius:2px; font-size:14px; margin:0 4px; padding-top:4px; border-radius:50%; padding-right:1px; font-size:13px; cursor: pointer;}*/
/*.pagination ul li:first-child {width:auto; padding:0; height:21px;color:#000; position:relative; top:-1px;margin-right:25px;}*/
/*.pagination ul li:last-child {width:auto; padding:0; height:21px;color:#000; position:relative;  top:-1px; margin-left:25px;}*/
/*.pagination ul li a {color:#888;}*/
/*.pagination ul li:first-child img {margin-right:0px; position: relative; top:0px;  transform: rotate(0deg);}*/
/*.pagination ul li:last-child img {margin-left:0px; position: relative; top:0px; transform: rotate(-180deg);}*/
/*.pagination ul li.on {background:#111; color:#fff;}*/
/*.pagination ul li.on a {color:#fff;}*/





.lay_select { position: relative; }
.lay_select p {display: inline-block; background:url('../img/down_arrow.svg')no-repeat center right 15px #fff;  cursor: pointer; width: 100%; height:48px; border-radius:50px; font-size:15px; line-height: 40px; z-index: 1; position: relative;  padding:0 17px;}
.lay_select p.pad {border-radius: 22px 22px  0 0 !important; border-bottom: none;}
.lay_select p.no {border:1px solid #EA3A3D}
.lay_select p b {font-weight: 400;}
.lay_select p span {display: none; margin-top:0; left:0;}
.lay_select p.on {color: #333; }
.lay_select p.on b {display: none;}
.lay_select p.on span {display: inline-block;color: #222; }
.lay_select ul {position: absolute; left: 0; top: 46px; border-radius: 0 0 22px 22px; width: 100%; overflow: hidden; height: 0; opacity: 0; z-index: 2; background: #fff; border:none; border-top: none; padding-bottom: 5px; overflow-y: scroll;  text-align: left;}
.lay_select ul::-webkit-scrollbar {display: none;}
.lay_select ul li { display: inline-block; width: 100%; padding:8px 16px; }
.lay_select ul li input[type="radio"] {display: none;}
.lay_select ul li label {cursor: pointer; font-size: 15px; display: inline-block; width: 100%; font-weight: 400; color: #888;}
.lay_select ul li input[type="radio"]:checked + label {color:#888;}
.lay_select ul.on { opacity: 1;height: auto; max-height: 168px;}
.readOnly {pointer-events: none;opacity: 0.3; cursor: not-allowed;}