/*MY_base.css*/

/*宽高均18,用于正方形button*/
.wh18 {width:18px; height:18px; line-height: 14px; padding:0}


.wAuto {width: auto}
.w0 {width: 0}
.w10 {width: 1rem}
.w16 {width: 1.6rem}
.w20 {width: 2rem}
.w25 {width: 2.5rem}
.w30 {width: 3rem}
.w40 {width: 4rem}
.w50 {width: 5rem}
.w60 {width: 6rem}
.w70 {width: 7rem}
.w80 {width: 8rem}
.w90 {width: 9rem}
.w100 {width: 10rem}
.w120 {width: 12rem}
.w130 {width: 13rem}
.w140 {width: 14rem}
.w150 {width: 15rem}
.w160 {width: 16rem}
.w170 {width: 17rem}
.w180 {width: 18rem}
.w200 {width: 20rem}
.w220 {width: 22rem}
.w240 {width: 24rem}
.w250 {width: 25rem}
.w280 {width: 28rem}
.w300 {width: 30rem}
.w350 {width: 35rem}
.w400 {width: 40rem}
.w450 {width: 45rem}
.w500 {width: 50rem}

.hAuto {_height:2rem; min-height:2rem;} /*自适应高度(高度取决于其内容)，最小为2rem*/
.h2 {height: 0.2rem}
.h3 {height: 0.3rem}
.h4 {height: 0.4rem}
.h5 {height: 0.5rem}
.h10 {height: 1rem}
.h12 {height: 1.2rem}
.h14 {height: 1.4rem}
.h16 {height: 1.6rem}
.h18 {height: 1.8rem}
.h20 {height: 2rem}
.h22 {height: 2.2rem}
.h24 {height: 2.4rem}
.h25 {height: 2.5rem}
.h26 {height: 2.6rem}
.h30 {height: 3rem}
.h36 {height: 3.6rem}
.h42 {height: 4.2rem}
.h48 {height: 4.8rem}
.h50 {height: 5rem}
.h72 {height: 7.2rem}
.h96 {height: 9.6rem}
.h100 {height: 10rem}
.h128 {height: 12.8rem}
.h156 {height: 15.6rem}
.h180 {height: 18rem}
.h200 {height: 20rem}
.h300 {height: 30rem}
.h400 {height: 40rem}
.h500 {height: 50rem}

.fs6 {font-size: 0.6rem}
.fs8 {font-size: 0.8rem}
.fs10 {font-size: 1rem}
.fs11 {font-size: 1.1rem}
.fs12 {font-size: 1.2rem}
.fs14 {font-size: 1.4rem}
.fs16 {font-size: 1.6rem}
.fs18 {font-size: 1.8rem}
.fs20 {font-size: 2rem}
.fs24 {font-size: 2.4rem}
.fs36 {font-size: 3.6rem}
.fs72 {font-size: 7.2rem}
.fs108 {font-size: 10.8rem}
.fs132 {font-size: 13.2rem}
.fs156 {font-size: 15.6rem}

/*元素 四周 边距：margin*/
.m0 {margin: 0}
.m1 {margin: 0.1rem}
.m2 {margin: 0.2rem}
.m3 {margin: 0.3rem}
.m4 {margin: 0.4rem}
.m5 {margin: 0.5rem}
.m6 {margin: 0.6rem}
.m7 {margin: 0.7rem}
.m8 {margin: 0.8rem}
/*元素 上 边距：margin-right*/
.mt0 {margin-top: 0}
.mt1 {margin-top: 0.1rem}
.mt2 {margin-top: 0.2rem}
.mt3 {margin-top: 0.3rem}
.mt4 {margin-top: 0.4rem}
.mt5 {margin-top: 0.5rem}
.mt6 {margin-top: 0.6rem}
.mt7 {margin-top: 0.7rem}
.mt8 {margin-top: 0.8rem}
/*元素 右 边距：margin-right*/
.mrAuto {margin: auto}
.mr0 {margin-right: 0}
.mr1 {margin-right: 0.1rem}
.mr2 {margin-right: 0.2rem}
.mr3 {margin-right: 0.3rem}
.mr4 {margin-right: 0.4rem}
.mr5 {margin-right: 0.5rem}
.mr6 {margin-right: 0.6rem}
.mr7 {margin-right: 0.7rem}
.mr8 {margin-right: 0.8rem}
.mr10 {margin-right: 1rem}
.mr15 {margin-right: 1.5rem}
/*元素 下 边距：margin-right*/
.mb0 {margin-bottom: 0}
.mb1 {margin-bottom: 0.1rem}
.mb2 {margin-bottom: 0.2rem}
.mb3 {margin-bottom: 0.3rem}
.mb4 {margin-bottom: 0.4rem}
.mb5 {margin-bottom: 0.5rem}
.mb6 {margin-bottom: 0.6rem}
.mb7 {margin-bottom: 0.7rem}
.mb8 {margin-bottom: 0.8rem}
/*元素 左 边距：margin-left*/
.ml0 {margin-left: 0}
.ml1 {margin-left: 0.1rem}
.ml2 {margin-left: 0.2rem}
.ml3 {margin-left: 0.3rem}
.ml4 {margin-left: 0.4rem}
.ml5 {margin-left: 0.5rem}
.ml6 {margin-left: 0.6rem}
.ml7 {margin-left: 0.7rem}
.ml8 {margin-left: 0.8rem}
.ml10 {margin-left: 1rem}
.ml15 {margin-left: 1.5rem}

/*元素 四周 填充：padding*/
.p0 {padding: 0}
.p1 {padding: 0.1rem}
.p2 {padding: 0.2rem}
.p3 {padding: 0.3rem}
.p4 {padding: 0.4rem}
.p5 {padding: 0.5rem}
.p6 {padding: 0.6rem}
.p7 {padding: 0.7rem}
.p8 {padding: 0.8rem}
/*元素 上 填充：padding-left*/
.pt0 {padding-top: 0}
.pt1 {padding-top: 0.1rem}
.pt2 {padding-top: 0.2rem}
.pt3 {padding-top: 0.3rem}
.pt4 {padding-top: 0.4rem}
.pt5 {padding-top: 0.5rem}
.pt6 {padding-top: 0.6rem}
.pt7 {padding-top: 0.7rem}
.pt8 {padding-top: 0.8rem}
/*元素 右 填充：padding-right*/
.pr0 {padding-right: 0}
.pr1 {padding-right: 0.1rem}
.pr2 {padding-right: 0.2rem}
.pr3 {padding-right: 0.3rem}
.pr4 {padding-right: 0.4rem}
.pr5 {padding-right: 0.5rem}
.pr6 {padding-right: 0.6rem}
.pr7 {padding-right: 0.7rem}
.pr8 {padding-right: 0.8rem}
/*元素 下 填充：padding-right*/
.pb0 {padding-bottom: 0}
.pb1 {padding-bottom: 0.1rem}
.pb2 {padding-bottom: 0.2rem}
.pb3 {padding-bottom: 0.3rem}
.pb4 {padding-bottom: 0.4rem}
.pb5 {padding-bottom: 0.5rem}
.pb6 {padding-bottom: 0.6rem}
.pb7 {padding-bottom: 0.7rem}
.pb8 {padding-bottom: 0.8rem}
/*元素 左 填充：padding-left*/
.pl0 {padding-left: 0}
.pl1 {padding-left: 0.1rem}
.pl2 {padding-left: 0.2rem}
.pl3 {padding-left: 0.3rem}
.pl4 {padding-left: 0.4rem}
.pl5 {padding-left: 0.5rem}
.pl6 {padding-left: 0.6rem}
.pl7 {padding-left: 0.7rem}
.pl8 {padding-left: 0.8rem}
/*上下1、左右0*/
.ptb1 {padding: 0.1rem 0 0.1rem 0}


.w1-20 {width: 5%}
.w1-10 {width: 10%}
.w1-5 {width: 20%}
.w1-4 {width: 25%}
.w3-10 {width: 30%}
.w1-3 {width: 33%}
.w2-3 {width: 66%}
.w2-5 {width: 40%}
.w1-2 {width: 50%}
.w3-5 {width: 60%}
.w7-10 {width: 70%}
.w4-5 {width: 80%}
.w9-10 {width: 90%}
.w1-1 {width: 100%}

.h1-1 {height: 100%}
.h9-10 {height: 90%}
.h1-3 {height: 33%}
.h2-3 {height: 66%}
.h1-2 {height: 50%}


.lh100 {line-height: 100%}
.lh110 {line-height: 110%}
.lh120 {line-height: 120%}
.lh130 {line-height: 130%}
.lh140 {line-height: 140%}

/*字体*/
.ff_black {font-family:'黑体';}
.ff_arialBlack {font-family:'Arial Black';}
.ff_fangsong {font-family:'fangsong';}/*仿宋*/


/*字体风格：font-style*/
.fst-italic {font-style: italic}/*斜体*/
.fst-oblique {font-style: oblique}/*倾斜*/

/*文本宽度（加粗）：font-weight*/
.fw100 {font-weight: 100}
.fw300 {font-weight: 300}
.fw400 {font-weight: 400}
.fw500 {font-weight: 500}
.fw700 {font-weight: 700}
.fw900 {font-weight: 900}

/*文本缩进：text-indent*/
.t-in2 {text-indent: 2em}
.t-in5 {text-indent: 5em}
.t-in10 {text-indent: 10em}
.t-in15 {text-indent: 15em}
.t-in20 {text-indent: 20em}

/*文本修饰：text-decoration*/
.t-under {text-decoration: underline}/*下画线*/
.t-over {text-decoration: overline}/*上画线*/
.t-through {text-decoration: line-through}/*贯穿（删除）*/
.t-blink {text-decoration: blink} /*闪烁（不完全支持）*/

/*文本方向：direction*/
.ltr {direction: right}/*→*/
.rtl {direction: left}/*←*/

/*字间距：word-spacing*/
.w-space-5 {word-spacing: -5em}
.w-space5 {word-spacing: 5em}
.w-space10 {word-spacing: 10em}

/*字母间距：letter-spacing*/
.l-space-5 {word-spacing: -5em}
.l-space5 {word-spacing: 5em}
.l-space10 {word-spacing: 10em}

/*字母大小写转换：text-transform*/
.t-trans-up {text-transform: uppercase}
.t-trans-lower {text-transform: lowercase}
.t-trans-capitalize {text-transform: capitalize}

/*处理空格（空白）：white-space*/
.spance-pre {white-space: pre}/*空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。*/
.spance-nowrap {white-space: nowrap}/*文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。*/
.spance-pre-wrap {white-space: pre-wrap}/*保留空白符序列，但是正常地进行换行。*/
.spance-pre-line {white-space: pre-line}/*合并空白符序列，但是保留换行符。*/

/*文本 水平对齐*/
.tl {text-align: left}
.tc {text-align: center}
.tr {text-align: right}
.tj {text-align: justify}/*两端对齐（经测试同left）*/


/*文本 垂直对齐*/
.vTop {vertical-align: top}
.vMiddle2 {vertical-align: middle} /*无用*/
.vMiddle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.vBottom {vertical-align: bottom}

/* 插入“分页符”*/
@media print {
    .page_bab {page-break-before:always;}/*在当前元素前插入*/
    .page_baa {page-break-after:always;}/*在当前元素后插入*/
    .page_bai {page-break-inside:auto;}/*在当前元素内部插入（仅Opera支持）*/
}

/*多重边框（利用重复指定box-shadow来达到多个边框的效果）*/
.multiBorder {
    box-shadow: 0 0 0 0.6rem rgba(0, 0, 0, 0.2), 0 0 0 1.2rem rgba(0, 0, 0, 0.2), 0 0 0 1.8rem rgba(0, 0, 0, 0.2), 0 0 0 2.4rem rgba(0, 0, 0, 0.2);
    height: 20rem;
    margin: 5rem auto;
    width: 40rem
}

/*textarea 禁止改变大小*/
.noResize {resize: none;}

/*元素 绝对定位*/
.abs {position:absolute;}
/*元素 相对于已定位*/
.rel {position:relative;}

/*元素 绝对定位居左、中、右*/
.l {position:absolute; left:0;}
.c {margin-left:auto; margin-right:auto;}
.r {position:absolute; right:0;}

/*color*/
.red {color: red}
.red2 {color: #FF44AA}
.red3 {color: #FF88C2}
.red4 {color: #FFB7DD}

.blue {color: blue}
.blue2 {color: #0066FF}
.blue3 {color: #5599FF}
.blue4 {color: #99BBFF}

.green {color: green}
.green2 {color: #01B468}
.green3 {color: #02DF82}
.green4 {color: #C1FFE4}
.black {color: black}
.white {color: white}
.hui {color: #DDD}
.gray {color: #BEBEBE}
.gray2 {color: #DDD}
.gray3 {color: #686868}/*颜色较深*/
.yellow {color: yellow}

/*background color*/
.bg_red {background: red}
.bg_red2 {background: #FF8888}
.bg_red3 {background: #FFCCCC}
.bg_deeppink {background: #FF1493}
.bg_blue {background: blue}
.bg_blue2 {background: #33CCFF}
.bg_blue3 {background: #99FFFF}
.bg_green {background: green}
.bg_green2 {background: #CCFF33}/*浅绿1*/
.bg_green3 {background: #EEFFBB}/*浅绿2*/
.bg_black {background: black}
.bg_white {background: white}
.bg_black {background: black}
.bg_yellow {background: yellow}
.bg_gray {background: gray}
.bg_gray2 {background: #DDD}
.bg_gray3 {background: #F0F0F0}

/* star */
.srcStar_on {background: url("../star-on.png");}
.srcStar_off {background: url("../star-off.png");}
 
 /*鼠标手势*/
.m_pointer {cursor: pointer} /*手形*/
/*.m_pointer:hover {background-color:#CCEEFF; color:red;} */
/*.m_pointer:active {background-color: #0000FF; text-decoration: underline} */

.m_crosshair {cursor: crosshair} /*十字*/
.m_wait {cursor: wait} /*等待*/
.m_help {cursor: help} /*帮助*/
.m_s-resize {cursor: s-resize} /*“垂直”调整大小（缩放）*/
.m_w-resize {cursor: w-resize} /*“水平”调整大小（缩放）*/
.m_se-resize {cursor: se-resize} /*“沿对角线”调整大小（缩放）1*/
.m_ne-resize {cursor: ne-resize} /*“沿对角线”调整大小（缩放）2*/
.m_auto {cursor: auto} /*系统自动*/
.m_move {cursor: move} /*可被移动*/


/*分页符*/
.pageAfter {page-break-after: always;}

/*===================添加简单数据的 “浮动div” 类========================*/
.add_box{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	/*padding:0.2rem;*/
	display:none;
	z-index: 20;
}
.add_box h4{text-align: center;}
.add_box button{text-align:center;}
/*.add_box input,.add_box textarea{width:15rem;}*/

/*===================添加简单数据的 “非浮动div” 类========================*/
.add_box2{
	position:black;
	padding:0;
}


/* a 标签的伪类（:link :hover :active  :visited） */
a:link {color: #C10066; text-decoration: none} 
a:visited {color: #C10066; text-decoration: none} 
a:hover {color: #FF0088; text-decoration: underline} 
a:active {color: #0000FF; text-decoration: underline} 

/*隐然元素*/
.hide {display: none}
.disabled {disabled: disabled} /*不管用*/

/*=================== Border ========================*/
/*有周围框线*/
.haveBorder {border:1px solid green}
.border_FF88C2 {border:1px solid #FF88C2}

/*border #AAAAAA(灰色)*/
.border_hui {border:1px solid #AAAAAA}
.border_hui_t {border-width:1px 0 0 0; border-style:solid; border-color:#AAAAAA;}
.border_hui_b {border-width:0 0 1px 0; border-style:solid; border-color:#AAAAAA;}
.border_hui_r {border-width:0 1px 0 0; border-style:solid; border-color:#AAAAAA;}
.border_hui_l {border-width:0 0 0 1px; border-style:solid; border-color:#AAAAAA;}

.border_hui_lr {border-width:0 1px 0 1px; border-style:solid; border-color:#AAAAAA;}
.border_hui_tr {border-width:1px 1px 0 0; border-style:solid; border-color:#AAAAAA;}
.border_hui_lrb {border-width:0 1px 1px 1px; border-style:solid; border-color:#AAAAAA;}
.border_hui_lrt {border-width:1px 1px 0 1px; border-style:solid; border-color:#AAAAAA;}
.border_hui_ltb {border-width:1px 0 1px 1px; border-style:solid; border-color:#AAAAAA;}
.border_hui_rtb {border-width:1px 1px 1px 0; border-style:solid; border-color:#AAAAAA;}
.border_hui_tb {border-width:1px 0 1px 0; border-style:solid; border-color:#AAAAAA;}

/*border black*/
.border_black {border:1px solid black}
.border_black_t {border-width:1px 0 0 0; border-style:solid; border-color:black;}
.border_black_b {border-width:0 0 1px 0; border-style:solid; border-color:black;}
.border_black_r {border-width:0 1px 0 0; border-style:solid; border-color:black;}
.border_black_l {border-width:0 0 0 1px; border-style:solid; border-color:black;}

.border_black_lrb {border-width:0 1px 1px 1px; border-style:solid; border-color:black;}
.border_black_lrt {border-width:1px 1px 0 1px; border-style:solid; border-color:black;}
.border_black_ltb {border-width:1px 0 1px 1px; border-style:solid; border-color:black;}
.border_black_rtb {border-width:1px 1px 1px 0; border-style:solid; border-color:black;}
.border_black_tb {border-width:1px 0 1px 0; border-style:solid; border-color:black;}

.border_black_lt2 {border-width:2px 1px 1px 2px; border-style:solid; border-color:black;}
.border_black_rt2 {border-width:2px 2px 1px 1px; border-style:solid; border-color:black;}
.border_black_t2 {border-width:2px 1px 1px 1px; border-style:solid; border-color:black;}
.border_black_b2 {border-width:1px 1px 2px 1px; border-style:solid; border-color:black;}

/*border red*/
.border_red {border:1px solid red}
.border_red_t {border-width:1px 0 0 0; border-style:solid; border-color:red;}
.border_red_tb {border-width:1px 0 1px 0; border-style:solid; border-color:red;}

/*border blue*/
.border_blue_t {border-width:1px 0 0 0; border-style:solid; border-color:blue;}
.border_blue_b {border-width:0 0 1px 0; border-style:solid; border-color:blue;}
.border_blue_tb {border-width:1px 0 1px 0; border-style:solid; border-color:blue;}

/*无周围框线*/
.noBorder {border: 0}
.td_noBorder td {border-collapse:collapse; border: 0}
/*仅上、下边线*/
.bd-over {border-width:1px 0 0 0; border-style:solid; border-color:green;}
.bd-under {border-width:0 0 1px 0; border-style:solid; border-color:green;}
.bd-alldot {border-width:1px; border-style:dotted; border-color:green;}
.bd-solid {border-width:1px; border-style:solid; border-color:green;}

.bd-underRed {border-width:0px 0px 1px 0px; border-style:solid; border-color:red;}
.bd-underBlue {border-width:0px 0px 1px 0px; border-style:solid; border-color:#33CCFF;}

/* table>tr>td:border 灰色点线 */
.myTableBorder { border-collapse:collapse; } /* 合并 元素间的边框 */
.myTableBorder td,.myTableBorder th { border:1px dotted #CCCCCC; }

/* table>tr>td:border 灰色实线（同myTableBorder，仅嵌套时用） */
.myTableBorder2 { border-collapse:collapse; } /* 合并 元素间的边框 */
.myTableBorder2 td,.myTableBorder2 th { border:1px dotted #CCCCCC; }

/* table>tr>td:border 灰色细线 */
.myTableBorder3 { border-collapse:collapse; } /* 合并 元素间的边框 */
.myTableBorder3 td,.myTableBorder3 th { 
    border:1px solid #CCCCCC; 
    line-height: 18px;
    vertical-align: middle;
}
.myTableBorder3 input[type="text"] { 
    padding: 4px 2px;
    margin: 0;
}
.myTableBorder3 div { 
    line-height: 16px;
}

.myTableBorder_black { border-collapse:collapse; } /* 合并 元素间的边框 */
.myTableBorder_black td,.myTableBorder_black th { border:1px solid black; }

.table_noBorder td, .table_noBorder th {border:0} /*table border=0 */
.m0p0_td td, .m0p0_td th {margin: 0; padding: 0} /*table>td m0 p0*/
.table_noCellSpace {border-collapse:collapse} /*table cellspacing=0 */

.trstd_fs10 td { font-size: 1rem; }

/*========== 用于单据的table样式 ===========*/
.table_bill {
    width: 100%;
    border-collapse:collapse;
}
.table_bill th {
    font-size: 1.2rem;
    line-height: 1.6rem;
    border:1px solid black;
}
.table_bill td {
    font-size: 1.2rem;
    line-height: 2.0rem;
    border:1px solid black;
}

/*=========== 圆角边框 ===========*/
.border-rs5 {
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #AAA; 
}
.border-rs-l {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border: 1px solid #AAA; 
}
.border-rs-r {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border: 1px solid #AAA; 
}

/*=========== 小标签 ===========*/
.tag-little {
    background-color: #DDD;
    cursor: pointer;
    padding: 1px 5px;
}
.tag-little:hover {
    background-color: #BEBEBE;
}
/*#BEBEBE
#DDD
#686868*/



/*===========================================================*/
/*用于 布局的table样式*/
.table_forLayout { width:100%; margin:0; border-collapse:collapse; }
.table_forLayout>tbody>tr>td { vertical-align:top; margin:0; padding:0; }

/*用于 布局的table样式2（td有padding:2px）*/
.table_forLayout2 { width:100%; margin:0; border-collapse:collapse; }
.table_forLayout2>tbody>tr>td { vertical-align:top; margin:0; padding:1px 2px; }


/*用于 需显示边框的表格的“标题行”样式，此class应置于table中*/
.table_thBorder th { 
    /*margin:0; padding:0;*/
    border:1px solid #CCCCCC; 
}

/*用于 显示数据的表格的“标题行”样式
* table_thBorder        th有边框
* table_noBorder        th/td均无边框
*/
/*用例：
	<table class='dataList_title table_thBorder'>
        <tr>
            <td>
                <table class='datalist w1-1'>
                    <tr>
                        ...（在此添加th...）
                    </tr>
                </table>
            </td>
            <td class="bar"></td>
        </tr>
    </table>
    "<table class='dataList_title table_thBorder'>" + 
        "<tr>" + 
            "<td>" + 
                "<table class='datalist w1-1'>" + 
                    "<tr>" + 
                        ...（在此添加th...）
                    "</tr>" + 
                "</table>" + 
            "</td>" + 
            "<td class='bar'></td>" + 
        "</tr>" + 
    "</table>" + 
*/
.dataList_title { 
	width:100%; margin:0; 
    border-collapse:collapse; 
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #CCCCCC;
}
.dataList_title td { 
    border:0;

    background-color: #efefef;
    background: -webkit-linear-gradient(top,#F9F9F9 0,#efefef 100%);
    background: -moz-linear-gradient(top,#F9F9F9 0,#efefef 100%);
    background: -o-linear-gradient(top,#F9F9F9 0,#efefef 100%);
    background: linear-gradient(to bottom,#F9F9F9 0,#efefef 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9F9F9,endColorstr=#efefef,GradientType=0);

    margin:0; padding:0;
}
/*.dataList_title td:first-child { width:auto; }*/
.dataList_title td.bar { 
    width: 17px; 
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #CCCCCC;
}

/*用于 显示数据的表格的“统计行”样式*/
/*用例：
    <table class='dataList_total'>
        <tr>
            <td>
                <table class='datalist'>
                    <tr id="tj_totalTr"></tr>
                </table>
            </td>
            <td></td>
        </tr>
    </table>
*/
.dataList_total {
    height: 1.8rem;
    width:100%; margin:0; border-collapse:collapse; 
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #CCCCCC;
}
.dataList_total td { margin:0; padding:0; border:0; background-color:#DDD; }
.dataList_total td:first-child { width:auto; }
.dataList_total td:first-child>table td { border-collapse:collapse; font-weight:700; }
.dataList_total td:last-child { width:17px; }


/*=================== 空白符 ========================*/
/*是否显示“空白符”*/
.space-preLine {white-space: pre-line;}

.floatL {float: left;}
.floatR {float: right;}
.block {display: block;}
.inline {display:inline-block;}

.overX {overflow-x: scroll}
.overY {overflow-y: scroll}
.overHide {overflow: hidden;}
.overAuto {overflow: auto;}

/*自动换行*/
.AutoNewline {word-break: break-all}
.AutoNewline2 {word-wrap: break-word}
/*不换行*/
.NoNewline {word-break:keep-all} /*无效*/
.nowrap {white-space:nowrap;} /*有效(使其内部元素不换行)*/

/*========================== 边框 =================================*/
/*灰色上边框*/
.bdw_1 {border-width:1px;}
.bdw_top1 {border-width:1px 0 0 0;}
.bdw_right1 {border-width:0 1px 0 0;}
.bdw_bottom1 {border-width:0 0 1px 0;}
.bdw_left1 {border-width:0 0 0 1px;}
.bdw_leftBottom1 {border-width:0 0 1px 1px;}

.bds_solid {border-style:solid;}
.bds_dotted {border-style:dotted;}

.bdc_gray {border-color:#DDDDDD;}
.bdc_green {border-color:green;}
.bdc_red {border-color:red;}
.bdc_black {border-color:black;}

.bd_1_s_gray {border-width:1px 1px 1px 1px; border-style:solid; border-color:#DDDDDD;}
.bd_b_s_gray {border-width:0 0 1px 0; border-style:solid; border-color:#DDDDDD;}
.bd_bl_s_gray {border-width:0 0 1px 1px; border-style:solid; border-color:#DDDDDD;}

.bd_123_s_green {border-width:1px 1px 1px 0; border-style:solid; border-color:green;}
.bd_1234_s_green {border-width:1px 1px 1px 1px; border-style:solid; border-color:green;}
.bd_br_s_green {border-width:0 1px 1px 0; border-style:solid; border-color:green;}

/* 颜色渐变============================== */
/* to bottom|top|left|right */
.bg_toTop_gray {
  background-image:-webkit-linear-gradient(to bottom, #DDD, white);
  background-image:linear-gradient(to bottom, #DDD, white);
}

/*========================== 其它 =================================*/
/*删除时的前景色（灰）+删除线*/
.delStyle {color:#ADADAD; text-decoration:line-through;}
.delStyle td {color:#ADADAD; text-decoration:line-through;}
.delOpt {color:#ADADAD}

/*透明度*/
.o0 {opacity:0;}
.o5 {opacity:0.5;}
.o6 {opacity:0.6;}
.o7 {opacity:0.7;}
.o8 {opacity:0.8;}
.o9 {opacity:0.9;}
.o95 {opacity:0.95;}
.o100 {opacity:1.0;}

/*文本 模糊化*/
.mofuTxt {
    color: transparent;
    text-shadow: #111 0 0 0.5rem;
}

/* 右键菜单(context)类*/
.context {
	position:absolute; 
	padding:0; 
	opacity:1.0; 
	background:#F5F5F5; 
	border:1px solid #888888; 
	z-index: 20;
}
.context ul {
	list-style-type:none; 
	margin:0; 
	padding:0;
}
.context li {
	list-style-type: none; 
	margin: 0; 
	padding: 0.2rem; 
	font-size: 1.4rem; 
	color: #000000; 
	cursor: default;
}
.context li:hover { background:#FFCC22 }


.absDiv {position:absolute; background:#F5F5F5; border:1px solid #888888; padding:0.3rem; z-index:2000;}
.absDiv2 {position:absolute; background:#F5F5F5; padding:0.3rem; z-index:2000;}
.absDiv3 {position:absolute; background:#F5F5F5; border:1px solid #888888; z-index:2000;}

/* 查询到的 select:option（绿底红字） */
.optSelected {
	background-color:#DDFF77; color:red;
}

/*设置 li 无黑点、居左：失败！！！*/
.liStyleNone ul, .liStyleNone li {list-style-type:none; margin:0; padding: 0; text-align:left}


/* 可移动 div 的标题行的 css */
.moveWindow { cursor:move; background:#33CCFF; text-align:left; }
.moveWindow span { 
    color:black; font-size:1.6rem; font-weight:700; line-height:2.1rem;
    padding:0;
    margin-left:0.2rem;
}
/* span>a 用于分页 */
.moveWindow span>a { 
    text-decoration: none;
    vertical-align: bottom;
    margin: 0;
    padding: 0.3rem;
}
.moveWindow span>a:hover {
    background-color: #ddd;
}
/* span>input 用于查询/筛选等 */
.moveWindow span>input { 
    vertical-align: top;
    margin-top: 1px;
}
/* span>label 用于显示提示信息 */
.subDivTitle span>label { 
    /*vertical-align: middle;*/
    margin:0; padding:0;
    color: #686868;
}
.moveWindow button {
	margin-top:0; margin-bottom:0; 
	padding-top:1px; padding-bottom:1px
}
.moveWindow button:last-child { 
    float:right;
	padding-left:0.5rem; padding-right:0.5rem;
	background-color: #33CCFF;
}

/* “不”可移动 div 的标题行的 css */
.subDivTitle { cursor:auto; background:#33CCFF; text-align:left; }
.subDivTitle span { 
	color:black; font-size:1.6rem; font-weight:700; line-height:2.1rem;
    padding:0;
	margin-left:0.2rem;
}
/* span>a 用于分页 */
.subDivTitle span>a { 
    text-decoration: none;
    vertical-align: bottom;
    margin: 0;
    padding: 0.3rem;
}
.subDivTitle span>a:hover {
    background-color: #ddd;
}
/* span>input 用于查询/筛选等 */
.subDivTitle span>input { 
    vertical-align: top;
    margin-top: 1px;
}
/* span>label 用于显示提示信息 */
.subDivTitle span>label { 
    /*vertical-align: middle;*/
    margin:0; padding:0;
    color: #686868;
}
.subDivTitle button {
	margin-top:0; margin-bottom:0; 
	padding-top:1px; padding-bottom:1px
}
.subDivTitle button:last-child { 
	float:right;
	padding-left:0.5rem; padding-right:0.5rem;
	background-color: #33CCFF;
}
/*切页 时a标签的选定状态*/
.a_select {
    background-color: #ECF5F3;
}


/*========================== 五星评价CSS ==========================
.jsstar { list-style: none; margin: 0; padding: 0; width: 10rem; height: 2rem; position: relative; }
.jsstar li { 
	padding:0; margin: 0; float: left; width:2rem; height:2rem; 
	background:url(../icoS.gif) 0 0 no-repeat; 
} */


/*========================== 禁止选取、复制元素内容 ==========================*/
.notSelect {
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

/*仅显示 图片中的局部区域(+号)*/
.image_plus {
	background:url("../togglebar.gif");
	background-repeat:no-repeat;
	background-position:-0.2rem -2.2rem;
	height:1.6rem;
	width:1.6rem;
}
/*仅显示 图片中的局部区域(-号)*/
.image_subtract {
	background:url("../togglebar.gif");
	background-repeat:no-repeat;
	background-position:-0.2rem -4.2rem;
	height:1.6rem;
	width:1.6rem;
}
