/* rest style start */
html {color: #000;background: #f6f6f6;}
body{word-break: break-all;  word-wrap: break-word;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,th,var,b {font-style: normal;font-weight: normal;}
li {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 12px;font-weight: bold;}
abbr,acronym {border: 0;font-variant: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input,textarea,select {font-family: "Microsoft YaHei";font-size: inherit;font-weight: inherit;}
input,textarea,select {*font-size: 100%; vertical-align:middle;}
legend {color: #000;}
/*宋体：SimSun；新宋体：NSimSun；黑体：SimHei；微软雅黑体：Microsoft YaHei；*/
body {font-family: "Microsoft YaHei";font-size: 16px;}
select,input,button,textarea {font:100% 'Microsoft YaHei',arial,helvetica,clean,sans-serif; outline: none;}
table {font-size:inherit;}
pre,code,kbd,samp,tt {font-family:monospace;line-height:100%;}

img{vertical-align:middle;}
label,button {cursor: pointer;_cursor: hand;}
button {overflow: visible;}
abbr[title],acronym[title] {border-bottom: 1px dotted;cursor: help;}
input[type="hidden"] {display: none!important;}
a{text-decoration: none;cursor: pointer;}
a:hover {text-decoration: none;}
/* rest style end */
input,select,textarea{-webkit-appearance:none;-moz-appearance:none;-webkit-user-select: text;}

input::-webkit-contacts-auto-fill-button {
visibility: hidden;
display: none !important;
pointer-events: none;
position: absolute;
right: 0;width: 0px;
}

/* base style start */
.fl{float: left;}
.fr{float: right;}
.e{overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}
.c{margin: 0px auto;}

.btnone{border-top: none !important;}
.bbnone{border-bottom: none !important;}
.blnone{border-left: none !important;}
.brnone{border-right: none !important;}

.mtnone{margin-top: 0px !important;}
.mbnone{margin-bottom: 0px !important;}
.mlnone{margin-left: 0px !important;}
.mrnone{margin-right: 0px !important;}
/* base style end */
.clear{ clear:both;}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}

body,html{ height: 100%; width: 100%; display: block; overflow: hidden;}

#oranger{ width: 100%; overflow: hidden; height: 40px; background: #fff; border-radius: 10px;}
#oranger a{ display: block; text-align: center; border: 0px;color: #666; border-radius: 10px; width: 50%; line-height: 40px; padding: 0px; font-size: 14px; display: block; outline: none; float:left; cursor: pointer; }
#oranger a.hover{ background: #1AAD19; color: #fff;}
.login_w{ position: relative; width: 100%; padding: 10px 10px 0 10px; }
.tablea{ height: 100%; }
.tablea .box{ display: none;}
.tablea .box:first-child{ display: block;}
.login_1{ position: relative; background: #fff; width: 100%; display: block; border-radius: 10px; padding:35px 28px 45px 28px; margin-top: 10px; box-shadow:4px 4px 30px rgba(0,0,0,0.22) ;}
.input_list{ padding-left: 40px; width: 100%; height: 40px; margin-bottom: 10px; position: relative; border: 1px solid #ddd; background: #fff; border-radius: 5px;}
.input_list input.inp{ color: #323232; font-size: 14px; width: 100%; border: none; background: 0px; padding: 10px 15px;  line-height: 20px;}
.input_list input::-webkit-input-placeholder { color: #888; line-height:20px ;}
.input_list2{ padding-right: 110px;}
.yzm_w{ position: absolute; cursor: pointer; right: 0px; top: 5px; width: 109px; height: 30px; border-left: 1px solid #ddd; display: block; text-align: center; font-size: 14px; line-height: 30px; color: #1AAD19;}
.input_list .icon{width: 50px;height: 40px;display: block;position: absolute;left: 6px;top: 0px;text-align:  center;line-height: 40px;/*font-size: 1rem;*/color: #1AAD19;}
.input_list .icon.icon-duanxin{ font-size: 1.2rem;}
.yzm_w span img{ width: 64px; height: 30px; display: block; margin: 0 auto;}

.login_w .box .btn_w{width: 100%; position: relative; top: -20px;  z-index: 1; padding: 0 28px;}
.login_w .box .btn_w button{ font-size: 14px; width: 100%; background: #1AAD19; height: 40px; line-height: 40px; color: #fff; font-weight: bold; text-align: center;  border: 0px; display: block; border-radius: 5px; box-shadow:4px 4px 30px rgba(0,0,0,0.22);}

.input_list3 label {cursor: pointer;position: relative;display:inline-block; margin:0 auto; height:100%; width:50%;}
.input_list3  input[type="checkbox"] {opacity: 0; position:absolute; left:0px; top:0px;}
.input_list3  input[type="checkbox"]:checked + span { color: #fff; text-indent: 0px; border: 1px solid #1AAD19; background: #1AAD19;}  
.input_list3 label  span {font-size: 0.7rem; line-height: 17px; text-align: center; text-indent: -999999px; position: absolute; top: 0%; left: 18px; width:17px;height:17px; border: 1px solid #ddd; border-radius: 3px; overflow:hidden;}
.input_list3 label em{font-size: 0.85rem; font-style: normal; margin-left: 43px; color: #666;}

.wjmm{ width: 100%; height: auto; text-align: center; color: #1AAD19; }
.wjmm a{ color: #1AAD19;
    /*font-size: 0.7rem;*/}

/*角色选择*/
.bg1{ background: url(../img/body_bg.png) no-repeat center; background-size: 100% 100%;}
.div_con{ width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; padding: 20px 10px 10px 10px;}
.js_con{ background: #fff; border-radius: 10px; margin-bottom: 10px; width: 100%; height:113px; overflow: hidden; box-shadow:4px 4px 30px rgba(0,0,0,0.22) ;}
.js_con p{ width: 45%; float: left; height: 100%; position: relative;}
.js_con p:last-child{ width: 55%;overflow: hidden; padding: 0 20px; float: right; border-left: 1px dashed #ddd; background: #fafafa; text-align: left; line-height: 113px; }
.js_con p:last-child a{display: block;color: #3d3d3d;font-weight: bold;}
.js_con p:last-child a i{float: right;width: 29px;height: 29px;line-height: 29px;text-align: center;font-size: 0.8rem;border-radius: 50%;display: inline-block;margin:42px 0 0px 0;color: #fff;}
.js_con.parents p:first-child img{ position: absolute; bottom: 0px; left: 50%; margin-left: -38px; width: 76px; height: auto;}
.js_con.teacher p:first-child img{ position: absolute; bottom: 0px; left: 50%; margin-left: -42px; width: 84px; height: auto;}
.js_con.students p:first-child img{ position: absolute; bottom: 0px; left: 50%; margin-left: -36px; width: 73px; height: auto;}

.bg00d56c{ background: #1AAD19;}
.bg7cdbfa{ background: #7cdbfa;}
.bgedc035{ background: #edc035;}


.radius10{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.ts_text{ position: relative; background: rgba(0,213,108,0.9); padding: 10px 10px 10px 30px; line-height: 1.18rem; margin-top: 10px; }
.ts_text p{color: #fff;font-size: 0.68rem;}
.ts_text p b{ font-weight: 700;}
.ts_text i{position: absolute;left: 8px;top: 10px;width: 25px;height: auto;display: block;font-size: 1rem;color: #ffd800;}

/*家长绑定*/
.from_w{ margin-top: 0px !important; background: rgba(255,255,255,0.8); padding:35px 28px 28px 28px;}
.from_w .btn_w{width: 100%; position: relative; margin-top: 18px;  padding: 0 0px;}
.from_w .btn_w button{ font-size: 18px; width: 100%; background: #1AAD19; height: 40px; line-height: 40px; color: #fff; text-align: center;  border: 0px; display: block; border-radius: 5px; }

.ts_text2{display: none; height: 32px; line-height: 22px; /*font-size: 0.7rem;*/ color: #c97943; background: #f7f0e0; padding: 5px 10px; margin-bottom: 10px;}
.ts_text2 i{ margin-right: 5px; /*font-size: 1rem;*/  float: left; display: block;}

.input_list4{ width: 100%; height: 40px; margin-bottom: 10px; position: relative; border: 1px solid #ddd; background: #fff; border-radius: 5px;}
.input_list4 input.inp{ color: #323232; font-size: 16px; width: 100%; border: none; background: 0px; padding: 10px 15px; line-height: 20px;}
.input_list4 input::-webkit-input-placeholder { color: #888; line-height:20px ;}

.input_list4 .select{ width: 100%; display: block; padding:0 0px 0 15px; float: left; margin: 5px 0; height: 30px; position: relative;}
.input_list4 .select:last-child{ width: 100%; display: block; float: right; }
.select select{ border: none; background:none; position: relative; z-index: 2; padding-right: 20px ; height: 30px; line-height: 30px; font-size: 14px; color: #888; width: 100%;}
.select span{position: absolute;
    left: 15px;
    top: 0px;
    height: 30px;
    line-height: 30px;
    color: #333;  font-size: 16px;}
.input_list4 .select i{ position: absolute; right: 5px; top: 0px; font-size: 1rem; color: #999; line-height: 30px ;}
.input_list4 .select input.inp{ color: #323232; font-size: 16px; width: 100%; border: none; background: 0px; padding: 5px 10px 5px 0; position: absolute;}
.input_list5{ padding-left: 90px;}
.input_list5 .select:first-child{ width: 90px; position: absolute; left: 0px; top: 0px;}
.input_list5 .select:last-child{ width: 100%; float: none;}

.bbt{  border-bottom: 1px solid #ddd;}
.text_c{ margin-bottom: 0px; width: 100%;}
.text_c h2{ width: 100%; position: relative; font-size: 0.7rem;}
.text_c h2 span{ background: #f6f6f6; position: relative; z-index: 1; height: 30px; line-height: 30px; border-radius: 15px; display: inline-block; padding: 0 10px; color: #323232;}
.text_c h2 i{ background: #ddd; height: 1px; width: 99.9%; position: absolute; right: 0px; top: 50%;}
.text_c div{ padding: 10px; width: 100%;}
.text_c div p{ padding-left: 90px; position: relative; display:block; /*font-size: 0.8rem;*/ color: #666666; line-height: 1.8rem;height: 1.8rem;}
.text_c div p span{ position: absolute; left: 0px; top: 0px; text-align: right; width: 75px; color: #323232;}

.btn_w2{ min-height: 50px; margin-top:28px;}
.btn_w div{ width: 50%;display: inline-block;}

.btn_w div:first-child{ padding-right: 5px; float: left;}
.btn_w div:last-child{ padding-left: 5px; float: right;}

/*弹框*/
.tk_warp{ display:none;text-align: center; background: rgba(0,0,0,0.4); position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 66;}
.tk_con{ width: 283px; height: 230px; background: #fff; border-radius: 10px; display: block; position: absolute; left: 50%; top: 50%; margin: -115px 0 0 -142px;}
.tk_con p{ padding: 30px 25px 0 25px; font-size: 14px; line-height: 24px; color: #323232;}
.tk_con p i{ display: block; text-align: center; color: #1AAD19; font-size: 1.8rem; margin-bottom: 30px;}
.qr_btn{ font-size: 14px; color: #1AAD19; font-weight: 700; background: #fcfcfc; border: none; border-top:1px solid #ddd !important; border-radius: 0 0 20px 20px;  text-align: center; margin: 0px; position: absolute; bottom: 0px; left: 0px; width: 100%; height:53px;}

/*教职工认证*/
.input_list6{ padding-left: 110px;}
.input_list6 .select:first-child{ width: 110px; position: absolute; left: 0px; top: 0px;}
.input_list6 .select:last-child{ width: 100%; float: none;}

.pl5px{ padding-left:5px !important ;}
.sb_box p i,.sb_box .qr_btn{ color: #e30707;}

/*卡务管理*/
/*.kwgl_w{width: 100%;display: block;!* font-size: 12px; *!}
.kwgl_w .card{ width: 100%; height: 80px; padding: 20px; box-shadow:4px 4px 30px rgba(0,0,0,0.22) ; margin-bottom: 10px; position: relative;}
.kwgl_w .card i{ position: absolute; left: 20px; bottom: 10px; background: url(../img/card_bg.png) no-repeat; background-size: 136px; width: 136px; height: 43px; display: block;}
.kwgl_w .card p{font-size: 0.6rem;color: #fff;}
.kwgl_w .card p span{display: block;font-weight: 700;font-size: 0.75rem;}
.kwgl_w .card a{position: absolute;right: 20px;top: 25px;font-weight: 700;font-size: 0.8rem;background: #fff;padding: 6px 15px;border-radius: 10px;}
.grad a{ color: #1AAD19;}
.grad2 a{ color: #009cd6;}*/
/*卡务管理 2018-7-20修改*/
.kwgl_w{width: 100%;display: block;/* font-size: 12px; */}
.kwgl_w .card{ width: 100%; height: 170px; padding:0 24px; box-shadow:4px 4px 30px rgba(0,0,0,0.22) ; margin-bottom: 10px; position: relative;}
.kwgl_w .card i{ position: absolute; right: 20px; opacity: 0.26; bottom: 10px; background: url(../img/card_bg.png) no-repeat; background-size: 160px; width: 160px; height: 62px; display: block;}
.kwgl_w .card .tab{ position: absolute; right: -3px; bottom: 16px; color: #fff; background: #2178c7; border-radius: 20px 0 0 20px; padding: 3px 12px; display: block;}
.kwgl_w .card .cz{ position: absolute; right: -3px; bottom: 16px; color: #fff; background: #FF9800; border-radius: 20px 0 0 20px; padding: 3px 12px; display: block;}
.kwgl_w .card span{display: block;font-weight: 700; color: #fff; font-size:18px; margin-top: 10px; line-height: 30px;}
.kwgl_w .card span em{ display: block; font-weight: normal; font-size: 14px;}
.kwgl_w .card a{ color: #fff; display: block; overflow: hidden; font-size: 14px;}
.pr{ position: relative;}
.pr .del{ position: absolute; right: 4px; top:4px; font-size:24px; color: #bbb; z-index: 99; display: block; width: 40px; height: 40px; text-align: center;}
.class{  margin-bottom: 15px;}
.ye{ color: #fff; font-size: 14px; border-top: 1px dashed rgba(255,255,255,0.2); padding-top: 15px;}
.ye font{ font-size: 32px; line-height: 36px; font-weight: bold; display: block; font-family: arial; }
/*.kwgl_w .card a{position: absolute;right: 20px;top: 25px;font-weight: 700;font-size: 0.8rem;background: #fff;padding: 6px 15px;border-radius: 10px;}
.grad a{ color: #1AAD19;}
.grad2 a{ color: #009cd6;}*/
/*卡务管理 2018-7-20修改结束*/
.grad {
  background: -webkit-linear-gradient(-45deg, #1cf389, #1AAD19); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(-45deg, #1cf389, #1AAD19); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(-45deg, #1cf389, #1AAD19); /* Firefox 3.6 - 15 */
  background: linear-gradient(-45deg, #1cf389, #1AAD19); /* 标准的语法 */
}
.grad2—————— {
  background: -webkit-linear-gradient(-45deg, #1cb9f3, #009cd6); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(-45deg, #1cb9f3, #009cd6); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(-45deg, #1cb9f3, #009cd6); /* Firefox 3.6 - 15 */
  background: linear-gradient(-45deg, #1cb9f3, #009cd6); /* 标准的语法 */
}
.grad2{
    background: #999999;
}
.text_c .ft{ color: #ff2424; font-weight: 700;}
.bg00a0d5{ background: #607d8b !important;}


/*余额查询 充值*/
.select_list{ width: 100%; height: 40px; padding: 5px 15px; margin-bottom: 10px; position: relative; border: 1px solid #ddd; background: #fff; border-radius: 5px;}
select.select_w{ border: none; background:none; position: relative; z-index: 2; padding-right: 20px ; height: 30px; line-height: 30px; font-size: 14px; color: #888; width: 100%;}
.select_list i{ position: absolute; right: 10px; top: 5px; font-size: 1rem; color: #999; line-height: 30px ;}
.txt{ padding: 5px 15px; display: block; line-height: 30px; font-size: 14px; color: #888;}
.txt font{ color: #ff2424; font-weight: 700;  margin-left: 5px;}
.txt b{ font-weight: bold; color: #666; display: block; text-align: center; font-size: 0.8rem;}
.input_list4 .select em{ display: block; width: 100%; font-size: 16px; color: #333; line-height: 30px;}
.input_list5 .select span{ position: absolute; left: 15px; top: 0px; height: 30px; line-height: 30px; font-size: 16px; color: #333;}
.inp2{ color: #f44336 !important; font-weight: bold; }
input.inp2::-webkit-input-placeholder { font-weight: normal;}

.je_w{ margin-bottom: 10px; overflow: hidden;}
.je_w label { float: left;cursor: pointer;position: relative;display:block;  height:50px; width:31% ; margin-right: 3.2%; }
.je_w label:last-child{ margin-right: 0px;}
.je_w input[type="radio"] {opacity: 0; position:absolute; left:0px; top:0px;}
.je_w input[type="radio"]:checked + span { /*border: 1px solid #ff2424; color: #ff2424; */border: 1px solid #1aad19;
    color: #ffffff;
    background-color: #1aad19; }
.je_w input[type="radio"]:checked + span em {  font-weight: bold;  }
.je_w label  span { text-align: center; width: 100%; background: #fff; height: 48px; font-size:17px; line-height: 48px; color: #888; border: 1px solid #1aad19; border-radius: 5px; display: block;}
.je_w label em{ font-style: normal;margin-right:10px;}



/*留言板*/
.textarea_list{ width: 100%; height: 125px; padding: 5px 15px; margin-bottom: 10px; position: relative; border: 1px solid #ddd; background: #fff; border-radius: 5px;}
.textarea_list textarea{ color: #888; height: 115px; font-size: 0.8rem; resize: none; border: none; width: 100%; background: none;}
.textarea_list textarea::-webkit-input-placeholder { color: #888; line-height:20px ;}

/*补卡*/
.bgn0{ border:0px !important; background: none !important;}

/*校园公告*/
.gg_list ul li{overflow: hidden; padding: 15px 10px 0 10px; margin-bottom: 10px; width: 100%; border-radius: 10px; background: #fff; box-shadow:4px 4px 30px rgba(0,0,0,0.22) ;}
.gg_list ul li .tit,.gg_list ul li .txt2{ margin-bottom: 7px; font-size: 0.65rem; color: #666; line-height: 1.3rem; padding-left: 26px;}
.gg_list ul li > div{ position: relative;}
.gg_list ul li > div > i{ position: absolute; left: 0px; top: 0px; font-size: 1rem; color: #ccc; width: 26px; text-align: center;}
.gg_list ul li > div strong{ color: #323232;}
.txt_ft{ border-top: 1px solid #ddd; padding: 0px; height: 40px; line-height: 40px;}
.txt_ft span{ width: 50%; float: left; font-size: 0.6rem; color: #666;}
.txt_ft span:last-child{ text-align: right;}
.gg_list ul li:last-child{ margin-bottom: 0px;}
.gg_list ul li > div a{ color: #666;}

/*校园动态*/
.img_box{ width: 100%; overflow: hidden; margin: 0px; padding: 0px;}
.img_box img{ width:31% ; margin-right: 3.2%; margin-top: 10px; float: left; display: block; vertical-align: middle;}
.img_box img:nth-child(3n){margin-right: 0%;}
.txt_ft2{ border-top: 1px solid #ddd; padding: 0px; height: 40px; line-height: 40px;}
.txt_ft2 span{ width: 25%; float: left; font-size: 0.8rem; color: #666; text-align: right;}
.txt_ft2 span:first-child{ text-align: left; width: 50%;}
.txt_ft2 span i{ margin-right: 5px;}
.txt_ft2 span:nth-child(2) i{ font-size: 1rem; }
.txt_ft2 span i{ font-size: 0.8rem; }

/*消费明细 充值明细*/

.jl_top,.jl_bt{ margin-top: 0px; border-radius: 10px; background: rgba(255,255,255,0.8); padding:15px 28px 15px 28px; box-shadow:4px 4px 30px rgba(0,0,0,0.22) ;}
.jl_bt{ margin-top: 10px !important;padding:15px 10px 15px 10px !important;}
.jl_top .btn_w{width: 100%; position: relative;  padding: 0 0px;}
.jl_top .btn_w button{ font-size: 17px; width: 100%; background: #1AAD19; height: 40px; line-height: 40px; color: #fff; text-align: center;  border: 0px; display: block; border-radius: 5px; }

.input_data{ width: 100%; margin-bottom: 10px; background: #fff; border: 1px solid #ddd; position: relative; text-align: center; border-radius: 5px; height: 40px; line-height: 40px;}
.input_data .input{width: 50%; position: relative; height: 38px; float: left;}
.input_data .input input{ color: #888; background: none; border: none; width: 100%; padding: 10px 15px; line-height: 18px; display: block;}
.input_data .input i{ color: #666666; background: #fff; z-index: 2; position: absolute; right: 10px; top: 2px; height: 34px; line-height: 34px; display: block; width: 30px;}
.input_data em{ color: #666666; font-size: 14px; position: absolute; left: 50%; margin-left: -7px; top: 0px; display: block; width: 14px; height: 40px; line-height: 40px;}

.jl_bt h3{ display: block; height: 30px; line-height: 20px; position: relative; padding: 0 10px; font-size: 16px; font-weight: normal; color: #666;}
.jl_bt h3 span{ height:2px; background: #1AAD19; display: block; width: 40px; position: absolute; bottom: 0px; left: 15px;}

.table_list{ width:100%; display:block; background:#fff; border:1px solid #ddd; border-right: 0px; border-bottom:0px;}
.table_list table{ width:100%; border-bottom:0px; font-size:16px;}
.table tr th {background: #f3f3f3;line-height: 28px;padding: 6px 5px;  color:#323232;font-weight: normal;text-align: center;border-bottom: 1px #ddd solid;border-right: 1px #ddd solid;}
.table tr td {height: 30px;line-height: 20px; font-size:14px;padding: 6px 5px;border-bottom: 1px #ddd solid;border-right: 1px #ddd solid;text-align: center; color: #323232; }

/*个人中心*/
.grzx_w{ margin-top: 0px; border-radius: 10px; background: rgba(255,255,255,0.8); padding:0px 28px 0px 28px; box-shadow:4px 4px 30px rgba(0,0,0,0.22) ;}
.grzx_w ul li{ width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #ddd;}
.grzx_w ul li:last-child{ border-bottom: 0px;}
.grzx_w ul li a{ position: relative; display: block; padding-right: 20px; color: #323232;}
.grzx_w ul li a i{ color: #aaaaaa; width: 20px; font-size:0.8rem; height: 50px;  text-align: right; display: block; position: absolute; top: 0px; right: 0px;}
.grzx_w ul li a em{ float: right; color: #1AAD19; font-size: 14px;}
.grzx_w ul li a span{ color: #323232; display: block; float:left; font-size: 14px;}
.grzx_w ul li a span font{  color: #999; margin-left: 10px;}

/*加载更多*/
.jz_more{ width: 100%; margin: 0 auto; border: 1px solid #ddd; border-top: 0px; height:36px; line-height: 36px;  background: #fff;   color: #1AAD19; font-size: 12px; display: block; text-align: center;}
.grzx_w ul li a{width: 100%; height: 40px;}
.a_tc{ width: 100%; height: 40px; margin-top: 10px; line-height: 40px; background: rgba(255,255,255,0.8); text-align: center; font-size: 14px; display: block; border-radius: 10px; box-shadow:4px 4px 30px rgba(0,0,0,0.22) ;}
.a_tc button{ color: #1AAD19; font-weight: bold; border: 0px; background: none; }



.card {
    line-height: 30px;
    height: 30px;
    font-size: 16px;
    color: #333;
    position: absolute;
}