@charset "utf-8";
/* CSS Document */
a{text-decoration:none; color:#0b7e8c}
.a{text-decoration:underline;color:#0b7e8c;cursor:pointer;}
.a:hover{text-decoration:underline;}
body{background:#F5F6F8;}
.hid{display:none;}
img.review{cursor: pointer;}
.tab_choice{border: 2px red solid;}
/* 左侧菜单 */
.tab_choice{color:red;border-top:3px red solid;}
.sidebar{background:#3d423b; height:100%; width:190px;  overflow:hidden;}
.sidebar .loge{background:#fff; height:42px; line-height:42px;}
.sidebar .loge img{height:44px; max-width:190px; margin:0 auto; display:block;}
.sidebar .nav{position:fixed; top:48px; left:0; height:100%; overflow:auto; width:220px; z-index:1;  -webkit-box-shadow: -2px -6px -6px rgba(0, 0, 0, 0.2);  -moz-box-shadow:-2px -6px -6px rgba(0, 0, 0, 0.2);  box-shadow:-2px -6px -6px rgba(0, 0, 0, 0.2);}
.sidebar .nav dl{margin:0 6px; border-bottom:1px solid #4b4d4a; padding:6px 0;}
.sidebar .nav dl dt{width:42px; padding:6px; float:left; position:relative; height:42px; overflow:hidden;}
.sidebar .nav dl dt img{background:#fff; border-radius:4px; width:42px; max-height:42px;}
.sidebar .nav dl dt span{position:absolute; top:0; right:0; background:#ff9c00; color:#fff; padding:1px 4px; border-radius:6px; behavior: url(pie.htc);}
.sidebar .nav dl dd{float:left;  padding-top:4px; width:130px; color:#a9a9a9; line-height:17px;}
.sidebar .nav dl dd p,.sidebar .nav dl dd p span{color:#a9a9a9;}
.sidebar .nav dl dd a{color:#0faba6;}
.sidebar .nav ul{padding:10px 6px 110px; width:176px;}
.sidebar .nav ul li{line-height:36px; text-indent:36px; width:176px; font-size:14px; color:#bcbcbc; cursor:pointer; position:relative; overflow:hidden;}
.sidebar .nav ul li:hover{background:#1fb056; color:#fff; }
.sidebar .nav ul li:hover span{color: #fff;}
.sidebar .nav ul li.nav-li{background:#fff; color:#149846; font-weight:bold;}
.sidebar .nav ul li.nav-li font{background:url(../images/icon-sg.png) left -34px no-repeat;}
.sidebar .nav ul li ul.nav-ul{margin: 0; padding: 0; position: relative; background:#2e322c; border-radius:4px; behavior: url(pie.htc);}
.sidebar .nav ul li ul.nav-ul li{text-indent:30px; background:#2e322c; letter-spacing:0.5px;}
.sidebar .nav ul li ul.nav-ul li:hover{text-decoration:none; color:#fff; background:#363b34;}
.sidebar .nav ul li ul.nav-ul li.nav-li2{text-decoration:none;color:#fff; font-weight:bold; background:#363b34;}
.sidebar .nav ul li ul.nav-ul li ul{padding:0;}
.sidebar .nav ul li ul.nav-ul li ul li{padding-left:20px; background:url(../images/icon-s.png) -15px -937px no-repeat; position:relative}
.sidebar .nav ul li ul.nav-ul li ul li:hover{background:none; background:url(../images/icon-s.png) -15px -937px no-repeat; font-weight:bold; color:#fff;}
.sidebar .nav ul li ul.nav-ul li ul li.nav-li3{background:none; background:url(../images/icon-s.png) -15px -937px no-repeat; font-weight:bold; color:#fff;}
.sidebar .nav ul li .down{position:absolute; top:12px; right:10px; font-size:36px; color:#a9a9a9;}
.sidebar .nav ul li font{background:url(../images/icon-s.png) left -34px no-repeat; display:block; width:36px; height:28px; position:absolute; top:0; left:0;}
.sidebar .nav ul li font.nav1{background-position:left 5px;}
.sidebar .nav ul li font.nav2{background-position:left -72px;}
.sidebar .nav ul li font.nav3{background-position:left -103px;}
.sidebar .nav ul li font.nav4{background-position:left -140px;}
.sidebar .nav ul li font.nav5{background-position:left -171px;}
.sidebar .nav ul li font.nav6{background-position:left -252px;}
.sidebar .nav ul li font.nav7{background-position:left -292px;}
.sidebar .nav ul li font.nav8{background-position:left -330px;}
.sidebar .nav ul li font.nav9{background-position:left -363px;}
.sidebar .cos-space{position: fixed;bottom:0px; left:2px;width: 100% ;min-height: 80px;;background: #d7deec;z-index: 9}
.sidebar .cos-space .cos-space-box{width: 90%;margin: 0 auto;}
.sidebar .cos-space .cos-space-box .cos-text-used{margin: 10px auto; font-weight: 700;text-align: center}
.sidebar .cos-space .cos-space-box .cos-used-ui{background-color: white; margin: 10px auto}
.sidebar .cos-space .cos-space-box .cos-used-ui .space-used{display: block;
    height: 8px;
    border-radius: 10px;
    transition-property: width;
    transition-delay: 3s;
    transition-timing-function: linear;
   }
.sidebar .cos-space .cos-space-box .cos-manage-text{
    text-align: center; margin: 10px auto
}
.sidebar .cos-space .cos-space-box .cos-manage-text .cos-manage-bar{display: inline-block;
    width: 60%;
    height: 22px;
    line-height: 22px;
    text-align: center;
    margin: 5px 0;
    background-color: #fff;}
.sidebar .cos-space .cos-space-box .cos-manage-text .cos-manage-bar a{
    width: 100%;
    display: inline-block;
    color: #fd792c;
    text-decoration: none;
    cursor: pointer;
}
/* header */
.header{background:#0faba6; color:#fff; height:42px;position: fixed;width: 100%;}
.header dl{ position:relative;}
.header dl dt{float:left; width:40px; height:42px; border-right:1px solid #03a39e;}
.header dl dt a{display:block; background:url(../images/icon-s.png) left -528px no-repeat; width:42px; height:42px; border-right:1px solid #2ec8c3;}
.header dl dd{margin-left:44px;}
.header dl dd a{display:block; float:left;}
.header dl dd a.header-lt{background:url(../images/icon-s.png) left -410px no-repeat; width:28px; height:42px;}
.header dl dd a.header-rt{background:url(../images/icon-s.png) 4px -454px no-repeat #0FABA6; width:30px; color:#FFFFFF;font-weight:700; height:40px;font-size:17px; }
.header dl dd a.header-new{background:url(../images/icon-s.png) left -528px no-repeat; width:42px; height:42px;}
.header dl dd div{}
.header dl dd ul{position:absolute; top:0; left:45px;}
.header dl dd ul li{ position:relative; padding:6px 4px 0 0; float:left;}
.header dl dd ul li a{float:left; color:#fff; padding:0 20px 4px; line-height:32px; font-size:14px; font-weight:bold; background:#029994; border-radius:6px 6px 0 0;}
.header dl dd ul li a:hover{background:#f1f2e9;  color:#000;}
.header dl dd ul li a.header-a{background:#f8f6f3; color:#000;}
.header dl dd ul li span{background:url(../images/time.png) left -300px no-repeat; width:23px; height:21px; display:block; position:absolute; top:0; right:-4px;}
/* a 小图标 */
.a-xg, .a-sc, .a-add1, .a-time, .a-up, .a-down, .a-top{ padding:5px 0 5px 22px; background:url(../images/time.png) left -94px no-repeat; height:20px; cursor:pointer;}
.a-xg{}
.a-sc{background-position:left -117px;}
.a-add1{background-position:left -268px;}
.a-gb{background:url(../images/time.png) left -19px no-repeat; width:28px; height:29px; cursor:pointer;}
.a-time{background-position:top right;}
.a-up{background-position:left -330px;}
.a-down{background-position:left -350px;}
.a-top{background-position:left -240px;}
.a-xg2{background:url(../images/time2.png) 4px -96px no-repeat;  height:20px;}
.a-sc2{background:url(../images/time2.png) 5px -117px no-repeat;  height:20px;}
.a-kc{background:url(../images/icon-kc.png) 6px 6px no-repeat;  height:20px;}
.a-kc:hover{text-decoration:none;}
.a-member, .a-line, .a-stop, .ab-add, .ab-close, .a-buy, .a-look{background:url(../images/icon-s.png) left -670px no-repeat; height:20px;}
.a-line{background-position:left -716px;}
.a-stop{background-position:left -751px;}
.ab-add{background-position:-144px top;  height:60px; display:block; padding-left:60px; line-height:60px; text-decoration:underline;}
.ab-close{background-position:-144px -78px; height:60px; display:block; padding-left:60px; line-height:60px; text-decoration:underline;}
.a-buy{background-position:-50px -670px;}
.a-look{background-position:-120px -670px;}
.a-add{ background:url(../images/time2.png) 5px -265px no-repeat; height:20px;}
.m-ok{background:url(../images/icon_ok.png) no-repeat; width:16px; height:16px; display:block; position:absolute; top:-4px; right:-5px;}
.m-failure{background:url(../images/time2.png) left -300px no-repeat; width:20px; height:20px; position:absolute; top:-4px; right:-5px;}
/*  添加 弹出框 */
.xq{border:1px solid #0faba6; margin: 150px auto; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.xq_cont{padding:15px; min-height:150px;overflow-Y:scroll;}
.xq_cont table{width:96%; margin:0 2%;}
.xq_cont table tr td{padding:4px;}
.xq_cont table tr td img{border-radius:6px; border:1px solid #cacaca; margin-right:20px; margin-top:10px;}
.xq_cont table tr td p{line-height:26px; clear:both;}
.xq_cont table tr td p input{float:left; border:none;}
.xq_cont table tr td table tr th{background:#dceae5; height:28px; line-height:28px; padding:1px 2px 1px 4px;}
.xq_cont input{line-height:26px; padding:2px; border:1px solid #cacaca; margin-right:10px;}
.xq-pt table tr td{padding:4px;}
.xq-pt dl{height:32px; line-height:32px; background:#8ac56d; color:#fff; padding-top:6px;}
.xq-pt dl dt{float:left; padding-left:20px;}
.xq-pt dl dd{width:160px; float:left; text-align:center; font-weight:bold;}
.xq-pt dl dd:hover, .xq-pt dl dd.xq-dd{background:#fff; color:#000; cursor:pointer;}
.xq_tit{font-size:16px; font-weight:bold; font-family:"微软雅黑"; color:#fff; line-height:32px; padding:6px 20px; background:#0faba6; position:relative;}
.xq_tit span.title{color: #fff;}
/* 背景 */
.xq_tit .a-gb{background:url(../images/time.png) left -19px no-repeat; width:28px; height:29px; position:absolute; top:-8px; right:-6px; cursor:pointer;}
.xq_foot{background:url(../images/icon_bjyy.png) center -10px no-repeat; width:100%; height:50px; padding-top:10px; padding-bottom:5px; margin-top:5px;}
.xq_foot button{border-radius:2px; font-weight:bold; cursor:pointer; height:36px; line-height:36px; padding:0 40px; margin:0 15px; letter-spacing:2px;}
/* page */
.page{line-height:28px; padding:10px; float:right;}
.page span{padding:2px 6px; display:inline-block; float:left; margin:0 2px;}
.page a{padding:2px 10px; background:#fff; border:1px solid #e0e0e0; display:inline-block; float:left; margin:0 2px;}
.page a b{font-size:14px; color: #fff;}
.page a.m-previous{background:url(../images/icon-sg.png) 6px -417px no-repeat #fff; height:28px; line-height:28px; display:block; float:left; padding:2px 18px 2px 15px; margin-left:2px;}/**/
.page a.m-next{background:url(../images/icon-sg.png) 8px -460px  no-repeat #fff; height:28px; line-height:28px; display:block; float:left; padding:2px 18px 2px 15px;}
.page a.m-previous:hover{background:url(../images/icon-s.png) 6px -417px no-repeat #0faba6;}/* 黄色 */
.page a.m-next:hover{background:url(../images/icon-s.png) 8px -460px no-repeat #0faba6;}/* 黄色 */
.page a:hover{background:#0faba6; color:#fff;}
.page a.bg-o{background:#0faba6; color:#fff; font-size: 14px; font-weight: normal;}

/* otherPage */
.otherPage{line-height:20px; padding:10px;}
.otherPage span{padding:2px 6px; display:inline-block; float:left; margin:0 2px;}
.otherPage a{padding:2px 10px; background:#fff; border:1px solid #0faba6; color: #0faba6; display:inline-block; float:left; margin:0 2px;}
.otherPage a b{font-size:14px; color: #fff;}
.otherPage a.m-previous{background:url(../images/icon-sg.png) 6px -420px no-repeat #fff; height:20px; line-height:20px; display:block; float:left; padding:2px 18px 2px 15px; margin-left:2px;}/**/
.otherPage a.m-next{background:url(../images/icon-sg.png) 8px -463px  no-repeat #fff; height:20px; line-height:20px; display:block; float:left; padding:2px 18px 2px 15px;}
.otherPage a.m-previous:hover{background:url(../images/icon-s.png) 6px -420px no-repeat #0faba6;}/* 黄色 */
.otherPage a.m-next:hover{background:url(../images/icon-s.png) 8px -463px no-repeat #0faba6;}/* 黄色 */
.otherPage a:hover{background:#0faba6; color:#fff;}
.otherPage a.bg-o{background:#0faba6; color:#fff;}
/* table more */
.moreTab{z-index:999; position:absolute; top:43px; right:10px; padding:1px; border:1px solid #dbdcd4; border-bottom-width:3px; border-bottom-width:3px; background-color:#fff; line-height:24px; min-width:160px;}
.moreTab ul{background:#e2e3db;}
.moreTab ul li{margin-top:1px; display:block; height:24px; line-height:24px; cursor:pointer; padding:4px 20px;}
.moreTab ul li:hover{background:#82b800; color:#fff;}
.moreTab ul li:hover a{color:#fff;}
/*  右侧弹出查看详细  */
.cont{position:fixed; top:40px; right:0px; background:#fff; width:850px; height:100%; border:1px solid #0faba6; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.cont-tit{background:#bed7d6; padding:0 10px; position:relative;}
.cont-tit .a-gb{position:absolute; top:0; right:20px;}
.cont-main{overflow:auto; padding:10px 10px 20px;}
/*  酒店  */
.detail_hlt{padding:10px; float:left;  position:relative;}
.hlt_jd{float:left;}
.detail_hlt ul{width:120px; overflow:auto; float:left;}
.detail_hlt ul li{float:left; margin-left:4px; display:inline; padding-bottom:4px;}
.detail_hlt p{color:#333333; font-size:20px; font-family:"微软雅黑"; line-height:24px; margin-top:10px; letter-spacing:4px;}
.detail_hlt h2{color:#000000; font-size:20px; font-family:"微软雅黑"; line-height:28px; text-align:right; padding-bottom:10px;}
.detail_hrt{}
.detail_hrt ul{}
.detail_hrt ul li{padding:4px; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.detail_hrt ul li p{line-height:22px; color:#666; }
.detail_hrt ul li b{color:#000;}
.map{background:url(../images/icon_map.png) no-repeat; padding-left:16px; height:16px; color:#ec002c; text-decoration:none; display:inline-block; margin-left:15px;}
.map:hover{text-decoration:underline; color:#ec002c;}
.hrt_p1{color:#666666; font-size:12px; line-height:22px; height:86px; text-overflow:ellipsis; width:100%; margin-top:10px; overflow:hidden;}
.hotel{padding:10px 0;}
.hotel table{border:1px solid #cfcfcf; line-height:18px;}
.hotel table tr td{ height:144px; overflow:hidden; background:#f3f9f8;}
.hotel table tr td img{}
.hotel table tr td .hotel_p{ width:156px; line-height:32px; text-align:center; color:#ffffff; background:#45c7a7; height:134px; padding-top:10px;}
.hotel table tr td .hotel_p b{font-size:28px;}
.hotel table tr td .hotel_p input{width:80%; height:42px; text-align:center; line-height:42px; margin:0 auto; border-radius:4px; font-size:18px; font-weight:bold; font-family:"微软雅黑"; background:#ff9c00; border:none; color:#ffffff;}
.c_js{line-height:22px;}
.c_js ul{clear:both;}
.c_js ul li{margin-right:4px; float:left; background:url(../images/time.png) left -140px no-repeat; padding-left:18px; width:80px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.con_foot{background:url(../images/icon_bjyy.png) top center no-repeat; width:100%; height:58px; padding-top:30px; margin-top:15px;}
.con_foot button{ text-align:center; font-weight:bold; cursor:pointer; height:42px; line-height:42px; font-size:14px; padding:0 40px; margin:0 10px; letter-spacing:2px;}
/*  单团收款  右侧弹出页面 */
.c-box1{}
.c-box1 .table1{ border:1px solid #cacaca; text-align:right;}
.c-box1 .table1 tr th p{font-size:12px; font-weight:normal; padding:4px 6px; line-height:26px;}
.c-box1 .table1 tr th p b.m-rt1,.c-box1 .table1 tr th p b{color: #fff;}

.c-box1 table.table1 p.background-s1 span{color: #fff;}

.c-box1 .table1 tr th p span{margin:0 10px; color: #fff;}

.c-box1 .table1 tr td{padding:4px 5px;  line-height:20px;}
.c-box1 .table1 tr td span{margin:0 5px 0 0;}
.c-box1 .table1 tr td table tr td{padding:0;}
.c-dl2{}
.c-dl2 dt{float:left; padding-left:6px;}
.c-dl2 dt span{font-size:48px; line-height:32px; font-family:Century Gothic;}
.c-dl2 dd{float:left; margin-left:6px; font-weight:bold; line-height:20px;}
.loge-tp{background:url(../images/loge-tp.png) left  no-repeat; width:200px; height:200px; padding-bottom:20px;}
/*进度条的样式*/
.processing_send{width:80px;height:6px;}

.list-home{padding-top:50px;}
.list-home ul li{width:32%; float:left; margin-left:1%;background:#fff; text-align:center; line-height:18px;}
.list-home ul li a{display:block; width:100%; padding:10px 0; color:#555;}
.list-home ul li a h2{color: #333;}
.list-home ul li a p{color: #555;}
.list-home ul li h2{font-size:16px; font-weight:bold; line-height:26px; padding:0; color: #333; }
.list-home ul li img{display:block; margin:0 auto;}
.list-order{margin:10px 1% 0 1%;}
.list-order dl{background:#fff;}
.list-order dl dt{ padding:10px 10px 0;}
.list-order dl dt a{margin-right:10px; padding:4px 8px; border-bottom:2px solid #fff;}
.list-order dl dt a:hover{border-bottom:2px solid #0b7e8c; background:#0b7e8c; color:#fff;}
.list-order dl dt a.list-cp-on{border-bottom:2px solid #0b7e8c; background:#0b7e8c; color:#fff;}
.list-order dl dd{border-bottom:1px dashed #cacaca; padding:10px;}
.list-order dl dd p a{margin-right:10px; text-decoration:underline;}
.list-order h2{padding:15px 0;}
.list-gg{background:url(../images/volume-up.png) 14px 20px no-repeat; padding:20px 0 10px 40px; font-size:14px;}
/* 手机端 底部 */
.i-b{background: linear-gradient(to top, #196ee1, #33b9ff); -webkit-background-clip: text; color: transparent}
.i-o{background: linear-gradient(to top, #e14c19, #ffb733); -webkit-background-clip: text; color: transparent}
.i-g{background: linear-gradient(to top, #0ead8d, #24bf29); -webkit-background-clip: text; color: transparent}
.p-r{position: relative;}
.bj-h{background: #dedede;}
.bj-w{background: #fff;}
.bg-o{background: #0faba6; color: #fff;}
.bg-jb-g{gradientType=1; background:-webkit-linear-gradient(#1abc9c, #24bf29);background:-o-linear-gradient(#1abc9c, #24bf29);background:-moz-linear-gradient(#1abc9c, #24bf29);background:linear-gradient(#1abc9c, #24bf29); color: #fff; opacity: 0.7;}
.mui-icon{font-family:"iconfont" !important;font-style:normal;
    -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.min-footer{position: fixed; bottom: 60px; right: 20px; z-index: 9; font-size: 5em;}
.min-footer a{width:2em; height: 2em; display: block; background: linear-gradient(#1abc9c, #24bf29);
    color: #fff; opacity: 0.7; line-height:2em; text-align: center;vertical-align: middle; border-radius: 50%;cursor: pointer;box-shadow: 0 0 5px #999; }
/* 2018-07-03 滚动条add*/
@font-face {font-family: "iconfont";
    src: url('../fonts/iconfont.eot'); /* IE9*/
    src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
    url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background: #f6f6f6;border-radius:10px;}
::-webkit-scrollbar-thumb{background: #aaa;border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background: #747474;}
::-webkit-scrollbar-corner{background: #f6f6f6;}
.accountingDivMB table{border-collapse:collapse; word-wrap:break-word; word-break:break-all; margin:0 auto; width: 100%;}
.accountingDivMB table tr td{padding: 2px 0;}
.accountingDivMB table tr td table tr td{border: 1px solid #000; padding: 2px;}
.iframeOpen{position: relative;}
.iframeOpen .em{position: absolute;width: 60px; z-index: 9992;background:rgb(13, 145, 169); color: #fff;
    font-size: 12px;padding: 2px 6px;border-radius: 4px;cursor: pointer;top:-20px;left:20px;font-style: normal;}
.alert-custom-content {position: relative;padding: 12px 25px;text-align: center;line-height: 24px;word-break: break-all;overflow: hidden;
    font-size: 14px;overflow-x: hidden;overflow-y: auto;min-width: 100px;background-color: #000;color: #fff;filter: alpha(opacity=60);}
.alert-custom-div{background-color: rgba(0,0,0,.6);min-width: 100px;opacity:0.6;color: #fff;z-index:199999;
    border: none;box-shadow: none;position: fixed;pointer-events: auto;}
.layui-layer-msg .layui-layer-content{color:#FFF}
.operation-status{background: #1fb056;color: #fff!important; border-radius: 2px;padding: 1px 5px;margin: 2px 2px 0;display: inline-block;}
.a-download{background: none !important; color: #0b7e8c !important; text-decoration: underline !important;}
.ui-multiselect{height: 32px!important; line-height: 32px!important; margin: 0 5px 0 5px!important;; color: #555!important;}

.element_pointer_events_none {/*禁用鼠标事件，例如下拉框禁用*/
    pointer-events: none; /* 标准写法 */
    -webkit-pointer-events: none; /* Chrome, Safari */
    -moz-pointer-events: none; /* Firefox */
    -ms-pointer-events: none; /* IE */
    -o-pointer-events: none; /* Opera */
    background-color:#eee;
}



/**/
.pay-button{
    width:100px; height:32px; line-height:32px;background: #007BFF;color: #FFF;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);border-radius: 5px;
    margin-right:10px;
    font-weight:400px;
    font-size:15px;
}

.table-but {
    background: rgb(0 0 0 / 10%);
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    border-radius: 4px;
    display: inline-flex;
    white-space: nowrap;
    overflow: hidden;
}

.table-but label {
    background: #789998;
    color: white;
    padding: 0 4px;
    border-radius: 4px 0 0 4px;
}

.huilvUp {
    background: linear-gradient(135deg, #01F7D8 0, #00C3FA 50%, #AFB1FE 100%);
    color: white;
    padding: 0 4px;
    border-radius: 4px 0 0 4px;
}


.huilvDown {
   background: linear-gradient( #ffdd37, #ff7f19);
    color: white;
    padding: 0 4px;
    border-radius: 4px 0 0 4px;
}
 
.table-but span {
    margin-left: 4px;
    padding-right: 6px;
}