/* CSS Document */
/*
 * Site:
 * Author:Created by selina on 2015-11-26
 * mode 模块
*/
/* CSS Document */

/* 背景颜色 S */
/* bg(背景)Clr(颜色)-aa(值的分类) */
/* bg(背景)Img(图片)-aa(值的分类) */
/* bg(背景)Han(渐变)-aa(值的分类) */
.bgClr-aa { background: #000f29; }
.bgClr-ab { background: #f0f0f0; }
.bgClr-ac { background: #ffffff; }
.bgClr-ad { background: #fff7f4; }
.bgClr-ae { background: #bbdbf5; }
.bgClr-af { background: #f5f5f5; }
.bgImg-aa { background: #ffffff url("../../images/bgImg01.jpg") repeat center; }
.bgImg-ab { background: #5f5f5f url("../../images/productPt4ItemCrBg.jpg") no-repeat; }
.bgHan-aa {
    background:#ff3300;
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=100,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr="#ff9900",endcolorstr="#ff3300",gradientType=0);
    background:-webkit-linear-gradient(#ff9900,#ff3300,#ff9900);
    background:-moz-linear-gradient(#ff9900,#ff3300,#ff9900);
    background:-ms-linear-gradient(#ff9900,#ff3300,#ff9900);
    background:-o-linear-gradient(#ff9900,#ff3300,#ff9900);
    background:linear-gradient(#ff9900,#ff6600,#ff9900);
}
/* 背景颜色 E */

/* 边框 S */
/* br(边框)l(边框位置)-aa(值的分类) */
.br-t-aa { border-top: 2px #cad5dc solid;}
.br-r-aa { border-right: 1px #e0e0e0 solid; }
.br-b-aa { border-bottom: 2px #cad5dc solid;}
.br-l-aa { border-left: 1px #e0e0e0 solid; }
.br-tb-aa { border-top: 1px #e0e0e0 solid;  border-bottom: 1px #e0e0e0 solid;}
.br-lr-aa { border-left: 1px #f8e3cf solid;  border-right: 1px #f8e3cf solid;}
.br-trbl-aa { border: 1px #e0e0e0 solid; }
/* 边框 E */

/* 内边距 S */
/* pd(边距)l(边距位置)-aa(值的分类) */
.pd-t-aa { padding-top: 5px;}
.pd-t-ab { padding-top: 10px;}
.pd-t-ac { padding-top: 20px;}
.pd-r-aa { padding-right: 5px; }
.pd-b-aa { padding-bottom: 5px;}
.pd-b-ab { padding-bottom: 10px;}
.pd-b-ac { padding-bottom: 20px;}
.pd-l-aa { padding-left: 5px; }
.pd-l-ab { padding-left: 10px; }
.pd-l-ac { padding-left: 20px; }
.pd-tb-aa { padding: 5px 0;}
.pd-tb-ab { padding: 10px 0;}
.pd-tb-ac { padding: 20px 0;}
.pd-lr-aa { padding: 0 5px; }
.pd-lr-ab { padding: 0 10px; }
.pd-lr-ac { padding: 0 20px; }
.pd-trbl-aa { padding: 5px; }
.pd-trbl-ab { padding: 10px; }
.pd-trbl-ac { padding: 20px; }
/* 内边距 E */

/* 外边距 S */
/* pd(边距)l(边距位置)-aa(值的分类) */
.mg-t-aa { margin-top: 5px;}
.mg-t-ab { margin-top: 10px;}
.mg-t-ac { margin-top: 20px;}
.mg-r-aa { margin-right: 5px; }
.mg-r-ab { margin-right: 10px; }
.mg-b-aa { margin-bottom: 5px;}
.mg-l-aa { margin-left: 5px; }
.mg-l-ab { margin-left: 10px; }
.mg-l-ac { margin-left: 20px; }
.mg-tb-aa { margin: 5px 0;}
.mg-lr-aa { margin: 0 5px; }
.mg-lr-ab { margin: 0 10px; }
.mg-lr-ac { margin: 0 20px; }
.mg-trbl-aa { margin: 5px; }
.mg-trbl-ab { padding: 10px; }
.mg-trbl-ac { padding: 20px; }
/* 外边距 E */

/* div模拟select S */
.i_select{ position:relative; display: inline; float: left;}
.i_select span { display:block; border: 1px #e0e0e0 solid; width: 100%; overflow: hidden; color: #666666; height: 18px; line-height: 18px; padding: 5px 0; position: relative; cursor: pointer; z-index: 1; background: #ffffff; }
.i_select span font { display: block; text-indent: 10px; }
.i_select span em { position: absolute; right: 0; top: 0; padding: 5px; border-left: 1px #e0e0e0 solid; background:#f3f3f3;
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=100,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr="#f7f7f7",endcolorstr="#ffffff",gradientType=0);
    background:-webkit-linear-gradient(#f7f7f7,#ffffff,#f7f7f7);
    background:-moz-linear-gradient(#f7f7f7,#ffffff,#f7f7f7);
    background:-ms-linear-gradient(#f7f7f7,#ffffff,#f7f7f7);
    background:-o-linear-gradient(#f7f7f7,#ffffff,#f7f7f7);
    background:linear-gradient(#f7f7f7,#ffffff,#f7f7f7); }
.i_select ul{ position:absolute; left:0; top:29px; width:100%; border: 1px #e0e0e0 solid; background:#ffffff; display: none; z-index: 999999;}
.i_select ul li{ height:25px; line-height:25px; cursor:pointer; width: 100%; text-indent: 10px; }
.i_select ul li:hover { background: #eef5fc; }
/* div模拟select E */

/* 表单 S */
input[type="text"] { height: 18px; line-height: 18px; border: 1px #e0e0e0 solid; padding: 5px 10px; color: #666666; font-size: 12px; font-family: '宋体';}
input[type="text"]:focus { border: 1px #ffaf01 solid;}
input[type="checkbox"]:focus{outline: none;border: none}
input[type="radio"]:focus{outline: none;border: none}
input[type="password"] { height: 18px; line-height: 18px; border: 1px #e0e0e0 solid; padding: 5px 10px; color: #999999; }
input[type="password"]:focus { border: 1px #ffaf01 solid;}
input.error { background: #ffffff; border: 1px #ff0000 solid; }
label { display: inline-block; }
label.for { display: block; position: relative; text-align: right; padding-right: 20px;}
label.for i { position: absolute; color: #ff0000; right: 10px; }
textarea {  border: 1px #e0e0e0 solid; padding: 5px 10px; color: #666666; resize:vertical; overflow:auto}
textarea:focus { border: 1px #ffaf01 solid;}
/* 上传文件 */
.fileInput {}
.fileInput .upfile { display: none;}
.fileInput .upfileResult { display: inline-block; height: 18px; line-height: 18px; border: 1px #e0e0e0 solid; padding: 5px 10px; color: #999999; background: #ffffff; position: relative; top: 1px; }
/* 表单 E */

/* 表格 S */
/* tb(表格)br(边框)b(位置)aa(值的分类) */
/* tb(表格)bg(背景)aa(值的分类) */
/* tb(表格)ht(高度)aa(值的分类) */
/* tb(表格)pd(填充)aa(值的分类) */
table { width: 100%; }
.tb-br-b-aa tbody tr { border-bottom: 1px #e0e0e0 solid; }
.tb-bg-aa tbody tr:hover { background: #f1f1f1;}
.tb-ht-aa tbody tr { line-height: 18px; }
.tb-ht-ab tbody tr { line-height: 35px; }
.tb-pd-aa tbody td { padding: 10px 0;  }
.tb-pd-ab tbody td { padding: 5px 0;  }
.txtFirst { text-indent: 20px; }
.tb-thead-aa tr th { border-top: 2px #cad5dc solid; border-bottom: 1px #cad5dc solid; text-align: left; line-height: 40px;
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=100,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr="#ffffff",endcolorstr="#f3f9ff",gradientType=0);
    background:-webkit-linear-gradient(#ffffff,#f3f9ff);
    background:-moz-linear-gradient(#ffffff,#f3f9ff);
    background:-ms-linear-gradient(#ffffff,#f3f9ff);
    background:-o-linear-gradient(#ffffff,#f3f9ff);
    background:linear-gradient(#ffffff,#f3f9ff);}
.tb-afterBg { background: #fbfcfe; }
/* 表格 E */

/* 选项卡 S */
.tab.tab-aa { width: 100%; border-bottom: 1px #bdd5f0 solid; height: 34px;
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=100,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr="#ffffff",endcolorstr="#f3f9ff",gradientType=0);
    background:-webkit-linear-gradient(#ffffff,#f3f9ff);
    background:-moz-linear-gradient(#ffffff,#f3f9ff);
    background:-ms-linear-gradient(#ffffff,#f3f9ff);
    background:-o-linear-gradient(#ffffff,#f3f9ff);
    background:linear-gradient(#ffffff,#f3f9ff);}
.tab.tab-aa li { float: left; }
.tab.tab-aa li a { display:block; padding: 0 30px; height: 34px; line-height: 34px; color: #666666; border: 1px transparent solid; border-bottom: 0; }
.tab.tab-aa li a:hover, .tab.tab-aa li.active a { text-decoration: none; background: #ffffff; border: 1px #bdd5f0 solid; border-bottom: 0; height: 34px; line-height: 34px; }
.tab.tab-aa li.active a { font-weight: bold; color: #2c7acb; }
/* 选项卡 E */

/* 页宽 S */
section { width:960px; margin:20px auto;}
/* 页宽 E */

/* 导航 S */
nav { width: 100%; }
/* 导航 E */

/* ul li 行距 S */
ul.liAa li { line-height: 18px; }
/* ul li 行距 E */

/* 导航条 S */
.bar { width: 100%; }
.bar-aa { position: relative; height: 30px;}
.bar-aa span { line-height: 40px;}
/* 导航条 E */

/* 分页 S */
.m-page {}
.m-page a { display: inline-block; height: 22px; line-height: 22px; padding: 0 8px; border: 1px #b8b8b8 solid; text-align: center; color: #2863b4; margin: 0 2px; }
.m-page a:hover, .m-page a.active { background: #2863b4; color: #ffffff; border: 1px #2863b4 solid; }
.m-page a i { display: inline-block; }
.m-page a.disease { background: #ffffff; color: #b8b8b8;}
.m-page a.disease:hover { border: 1px #b8b8b8 solid; }
.m-page .toPage input { width: 40px; margin: 0 5px; padding: 2px 5px; vertical-align: top; }
.m-page button { height: 24px; line-height: 24px; border: 1px #b8b8b8 solid; vertical-align: top; padding: 0 10px; color: #999999;
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=100,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr="#ffffff",endcolorstr="#f3f9ff",gradientType=0);
    background:-webkit-linear-gradient(#ffffff,#f3f9ff);
    background:-moz-linear-gradient(#ffffff,#f3f9ff);
    background:-ms-linear-gradient(#ffffff,#f3f9ff);
    background:-o-linear-gradient(#ffffff,#f3f9ff);
    background:linear-gradient(#ffffff,#f3f9ff);}
.m-page button:hover { height: 24px; line-height: 24px; border: 1px #b8b8b8 solid; vertical-align: top; padding: 0 10px; color: #999999;
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=100,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr="#f3f9ff",endcolorstr="#ffffff",gradientType=0);
    background:-webkit-linear-gradient(#f3f9ff,#ffffff);
    background:-moz-linear-gradient(#f3f9ff,#ffffff);
    background:-ms-linear-gradient(#f3f9ff,#ffffff);
    background:-o-linear-gradient(#f3f9ff,#ffffff);
    background:linear-gradient(#f3f9ff,#ffffff);}