@charset "utf-8";
/*------------------------------------------------------------------
[Master Stylesheet]
Project:           伏羲 - 移动版 全局样式
Version:           1.1
Last time:         2018-05-30
——————————————————————-*/

/* width:100px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; */
/* word-break:break-all; word-warp:warp; */
/* !important */
/* word-spacing:10px */

/* 全局CSS定义 */
body {text-align:center;font-family:"微软雅黑", Arial, Helvetica, sans-serif; margin:0px; padding:0px; background: #f9f9f9;font-size:12px; color:#000000;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border:0; }
li { list-style-type:none}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:12px; font-weight:normal;}
table,td,tr,th{font-size:30px;}
table{ margin:0 auto;}
img{vertical-align:top; border:0px;}
input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-appearance: none; }
/* 分割线*/
.hrHeng{height:1px; background:#000; width:100%;}


.bgc { background:#42576f}
.bgImg { background:url(../images/bg_login.gif)}
/* 自定义的表格数据右对齐 */
.td_right {text-align:right}
.td_left {text-align:left}
/* 其他属性 */
.hidden {display: none;}
.unLine ,.unLine a{text-decoration: none;}
.noBorder{border:none;}
.border { border:#CCCCCC 1px solid}
.left { text-align:left}
.center { text-align:center}
.right { text-align:right}
.floatL { float:left}
.floatR { float:right}
.clear { clear:both; height:1px; overflow:hidden}
.aPic a:hover {opacity: 0.85}

.active:hover img{
transform: scale(1.01);
transition: all 1s ease 0s;
-webkit-transform: scale(1.01);
-webkit-transform: all 1s ease 0s;
}

.radius {border-radius:5px;}

.disp_none { display:none}

/* 返回顶部按钮样式 */
#myBtnn {
    display: none; /* 默认隐藏 */
    position: fixed; 
    bottom: 60px; 																																
    right: 20px; 
    z-index: 99; 
    border: none;
    outline: none; 
    background:url(../images/top.png) no-repeat top center;
    color: white; /* 文本颜色 */
    cursor: pointer; 
    padding: 30px; 
    border-radius: 10px; /* 圆角 */
	font-size: 30px;
}
#myBtnn:hover {
    background-color: #555; 
}

/* 链接颜色 */
a:link {color: #333333; text-decoration:none;}
a:visited {color: #333333;text-decoration:none;}
a:hover {color: #d53d28; text-decoration:none;}
a:active {color: #d53d28;}

/* 颜色属性 [定义规则，小写c加颜色名称] */
.cred,a.cred:link,a.cred:visited { color:#ff0000}
.cgreen,a.cgreen:link,a.cgreen:visited { color:#090}
.cOrange,a.cOrange:link,a.cOrange:visited { color:#d53d28}


/* 字体属性 [定义规则，小写f加属性名称] */
.fB {font-weight: bold;}
.fI {font-style: italic;}

/* 字体大小*/
.f10px{ font-size:10px;}
.f12px{ font-size:12px;}
.f14px{ font-size:14px;}
.f16px{ font-size:16px;}
.f18px{ font-size:18px;}
.f20px{ font-size:20px;}
.f24px{ font-size:24px;}

.wrap { width:750px; margin:auto; margin-bottom:110px}
.wrapAuto { width:750px; margin:auto; margin-bottom:210px}

/* 窗口*/
#mask { background:#000000; position: fixed; width:100%; height:100%;opacity: 0.5; z-index:90; display:none;}
.winBox { position:fixed; z-index:99; background:#FFFFFF; border-radius:5px;display:none;}
.w400 {width:400px; left:50%; margin-left:-200px;margin-top:30%;}
.w640 {width:680px; left:50%; margin-left:-340px;margin-top:35%;}
.h300 {height:320px;}
.h400 {height:400px;}
.h700 {height:500px;}
.winTT { height:80px; line-height:80px; font-size:28pt; color:#FFFFFF; background:#666666; border-radius:5px}
.winMainBox {background:url(../images/icon_xljt2.png) no-repeat top center; padding:20px; overflow:hidden; overflow-y:auto}
.listDl {}
.listDl dd { height:80px; border-bottom:#CCCCCC 1px solid; font-size:24pt; line-height:80px; text-align:left;}
.listDl dd input { width:40px; height:40px; margin-right:30px}
.listDl2 {}
.listDl2 dd { height:80px; border-bottom:#CCCCCC 1px solid; font-size:24pt; line-height:80px; text-align:left; width:290px; float:left}
.listDl2 dd input { width:40px; height:40px; margin-right:30px}
.submitBox { height:80px; line-height:80px; font-size:24pt; color:#FFFFFF; background:#666666; border-radius:5px; text-align:left; padding:0px 20px; text-align:left}
.submitBox .allCk { width:40px; height:40px; margin-right:30px}
.submitBox .submitBt { float:right; width:180px; height:80px; font-size:24pt; color:#FFFFFF; border:none; background:#666666}
.closeWin { height:80px; line-height:80px; font-size:24pt; color:#FFFFFF; background:#666666; border-radius:5px; text-align:center; padding:0px 20px}
.closeWin a:link {color: #FFFFFF; text-decoration:none;}
.closeWin a:visited {color: #FFFFFF;text-decoration:none;}
.closeWin a:hover {color: #FFFFFF; text-decoration:none;}
.listProDl {}
.listProDl dd { height:260px;;text-align:left;}
.proXx { height:165px}
.proXx .imgPic { width:165px; float:left; height:165px}
.proXx .proDl { width:410px;float:right; height:165px}
.proXx  .proDl dd { height:55px; line-height:55px; width:205px; float:left; font-size:15pt;white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
.proSun { clear:both; height:60px; border-top:#CCCCCC 1px solid;border-bottom:#CCCCCC 5px solid; margin-top:10px}
.proSun span { width:190px; height:60px; display:block; float:left; font-size:18pt; line-height:60px; text-align:center}


/* 主体 */
.navBox { height:88px; background:#53657b;font-size:26pt; line-height:88px; color:#FFFFFF; position:sticky; top:0; left:0; width: 100%;}
.navBox .back { height:88px; width:100px; background:url(../images/back.png) no-repeat center; display:block; position:absolute}
.navBox .back a{ display:block;height:88px; width:100px; }
.logoIndex { margin:100px auto}
.logoFuxi { margin:200px auto 100px auto}
.userLoginBox { width:544px; margin:auto; margin-top:100px}
.userLoginBox .login_id { background:url(../images/icon_user.png) no-repeat left center; height:90px; border-bottom:#999999 1px solid; text-align:right}
.userLoginBox .login_pw { background:url(../images/icon_pws.png) no-repeat left center; height:90px; border-bottom:#999999 1px solid; text-align:right}
.userLoginBox .login_inp { width:360px; height:70px; font-size:28pt; color:#999999; border:0px; background:#42576f}
.userLoginBox .sub_but { height:98px; width:544px; font-size:30pt; background:#5ac3cf; border:none; color:#354a62; border-radius:5px}
.textTel { font-size:22pt; text-align:left; line-height:32px; width:544px; margin:40px auto; color:#999999}
.fuxiLoginBox { width:544px; margin:auto; margin-top:100px}
.fuxiLoginBox .login_id { background:url(../images/icon_user.png) no-repeat left center; height:90px; border-bottom:#999999 1px solid; text-align:right}
.fuxiLoginBox .login_pw { background:url(../images/icon_pws.png) no-repeat left center; height:90px; border-bottom:#999999 1px solid; text-align:right}
.fuxiLoginBox .login_inp { width:360px; height:70px; font-size:28pt; color:#000000; border:0px; background:none}
.fuxiLoginBox .sub_but { height:98px; width:544px; font-size:30pt; background:#505050; border:none; color:#ffffff; border-radius:5px}
.textTel2 { font-size:22pt; text-align:left; line-height:32px; width:544px; margin:40px auto; color:#505050}

.menuDl { border:#e0e0e0 1px solid; margin:20px; clear:both; background:#FFF;}
.menuDl dt { height:72px; line-height:72px; background:#f9f9f9;font-size:24pt; color:#42586f;}
.menuDl dd { width:150px; float:left; margin:12px;}
.menuDl dd p{ font-size:20pt; margin:0px; margin-bottom:10px; color:#7a7a7a}


.mainBox { border:#e0e0e0 1px solid; margin:20px; clear:both; background:#FFF;}
.subDl1 { height:70px; border-bottom:#e0e0e0 1px solid; background:#f9f9f9}
.subDl1 dd { float:left; width:140px; height:70px; font-size:28pt; line-height:70px; color:#666}
.subDl1 .choose_subDl1 { background:#eb547c; color:#FFFFFF }
.subDl1 .choose_subDl1 a:link {color: #FFFFFF; text-decoration:none;}
.subDl1 .choose_subDl1 a:visited {color: #FFFFFF;text-decoration:none;}
.subDl1 .line { width:1px; height:70px; background:#CCCCCC}

.subDl2 { height:70px; border-bottom:#e0e0e0 1px solid; background:#f9f9f9}
.subDl2 dd { float:left; font-size:24pt; color:#666; margin:10px 10px; padding:5px 13px;}
.subDl2 .line { width:1px; margin:10px 0px; padding:5px 0px}
.subDl2 .choose { background:#eb547c; color:#FFFFFF }
.subDl2 .choose a:link {color: #FFFFFF; text-decoration:none;}
.subDl2 .choose a:visited {color: #FFFFFF;text-decoration:none;}

.subDl3 { height:70px; border-bottom:#e0e0e0 1px solid; background:#f9f9f9}
.subDl3 dd { float:left; font-size:24pt; color:#666; margin:10px 5px 10px 30px; padding:0px;} 
.subDl3 .line { width:13px; margin:0px; padding:0px; height:70px;background:url(../images/icon_xljt.png) no-repeat center;}

.sxTb { }
.sxTb dt{ height:180px;font-size:24pt; color:#666;}
.sxTb dd {border-top:#e0e0e0 1px solid;float:left; width:235px; height:165px; font-size:24pt; color:#666;}
.sxTb .line { width:1px; height:165px; background:#CCCCCC}
.sxTb dd a{position: relative; top: 30%;}

.sxTbB { }
.sxTbB dd {border-top:#e0e0e0 1px solid;height:90px; font-size:18pt; color:#666;}
.sxTbB dd .dd1 { width:100px; text-align:left; display: inline-block; line-height:90px}
.sxTbB dd .dd2 { width:100px; text-align:left; display:inline-block; line-height:90px}
.sxTbB dd .dd3 { width:460px;  text-align:left; display:inline-block; border-left:#999 1px solid; height:40px; padding-left:20px;color: #9999;}

.xsTable { width:100%; height:1px;}
.xsTable th { font-size:24pt; height:70px; font-weight:bold; color:#333333}
.xsTable td { font-size:24pt; height:70px; border-top:#e0e0e0 1px solid; color:#333333; padding:5px}
.xsTable .zdy { font-size:24pt; height:70px;width:140px; border-top:#e0e0e0 1px solid; color:#333333; padding:5px}
.xsTable p { margin:0px; padding:0px; font-size:16pt; text-align:left}
.xsTable .c1 { background:url(../images/c1.gif)0px 10px no-repeat; text-align:left; padding-left:20px}
.xsTable .c2 { background:url(../images/c2.gif)0px 10px no-repeat; text-align:left; padding-left:20px}
.xsTable .bl1 { background:url(../images/bl_1.png)0px 10px no-repeat; padding-left:60px; height:53px; line-height:60px}
.xsTable .bl2 { background:url(../images/bl_2.png)0px 10px no-repeat; padding-left:60px; height:53px; line-height:60px}	

/* 店铺 */
.shopBox { text-align:center; clear:both;border:#CCCCCC 1px solid; margin:20px; background:#FFF}
.shopBox .h1 { font-size:30pt; line-height:120px}

.shopDl1 { width:670px; margin:auto}
.shopDl1 dd { float:left; width:200px; text-align:left; font-size:18pt; color:#666666}
.shopDl1 .w260{ width:270px}
.shopDl1 .wap100{ width:80px; height:16px; background:#cccccc; border-radius:8px; float:left; margin-top:7px; margin-right:5px}
.shopDl1 .wap50{ height:16px; border-radius:8px}

.shopDl2 { width:700px; margin:auto}
.shopDl2 dd { float:left; width:175px; text-align:center; font-size:18pt; padding:10px 0px; color:#666666}
.shopDl2 dd p{ margin:0px; padding:0px; color:#000000 ; font-size:18pt}

.shopDl3 { width:708px; margin:auto; height:60px; border-top:#CCCCCC 1px solid; margin-top:10px;}
.shopDl3 dd { float:left; width:353px; text-align:center; font-size:20pt; line-height:60px}
.shopDl3 .line { width:1px; height:60px; background:#CCCCCC}

.shopDl4 { margin:auto; height:60px; border:#CCCCCC 1px solid; margin:20px;}
.shopDl4 dd { height:60px; line-height:60px; float:left; font-size:24pt; width:235px; color:#333333}

.shopDl5 { width:700px; height:600px; background:url(../images/bg_line.png) no-repeat center center; margin:auto}
.shopDl5 dd { width:280px; text-align:center; font-size:22pt; padding:0px; color:#666666; height:145px; margin-top:5px}
.shopDl5 dd p{ margin:5px 0px; padding:0px; color:#000000; font-size:14pt; text-align:left; margin-left:20px}
.shopDl5 dd .c1 { background:url(../images/c1.gif)0px 6px no-repeat; text-align:left; padding-left:20px}
.shopDl5 dd .c2 { background:url(../images/c2.gif)0px 6px no-repeat; text-align:left; padding-left:20px}
.shopDl5 .round { width:180px; height:180px; border:#CCCCCC 1px solid; border-radius:103px; position:absolute;left:51%; margin-left:-103px;margin-top:198px; background:#FFFFFF; font-size:20pt; text-align:center; }
.shopDl5 .round .wap100{ width:90px; height:16px; overflow:hidden; background:#cccccc; border-radius:8px; margin:auto; margin-top:10px}
.shopDl5 .round .wap50{ height:16px; border-radius:8px}
.shopDl5 .round p { margin:5px ;font-size:13pt}

/* 品类 */
.proBox { text-align:center; clear:both;border:#CCCCCC 1px solid; margin:20px; background:#FFF}
.proChartL { width:210px; height:300px; float:left;}
.proChartL .proNomber { height:34px; background:url(../images/bg_xljt.gif) no-repeat bottom center #4c4c4c; width:60px;color:#FFFFFF; font-size:18pt; margin-top:20px; margin-left:85px}
.proChartL .proName {font-size:18pt; margin:auto; padding-left:20px; margin-top:10px}
.proChartR { width:480px; margin:auto; float:right; margin-top:100px}
.proChartR dd { float:left; width:240px; height:50px; text-align:left; font-size:22pt; color:#666666}
.proL { width:210px; height:280px; float:left; margin-top:10px}
.proL .proTitle { margin-left:10px;font-size:18pt; margin-top:30px; height:40px}
.proL .proTitle .proNomber { height:34px; background:url(../images/bg_xljt.gif) no-repeat bottom center #4c4c4c; width:60px;color:#FFFFFF; font-size:18pt;   display:block; float:left; margin-right:5px}
.proL .proName {font-size:18pt; margin:auto; padding-left:20px; margin-top:10px}
.proL .proChrat { width:210px; height:130px}
.proR { width:480px; margin:auto; float:right; margin-top:100px}
.proR dd { float:left; width:240px; height:50px; text-align:left; font-size:22pt; color:#666666}


.proBoxDl { width:700px; height:320px; margin:auto}
.proBoxDl dd { width:230px; text-align:center; font-size:22pt; padding:0px; color:#666666;  margin-top:35px}
.proBoxDl dd p{ margin:5px 0px; padding:0px; color:#000000; font-size:16pt; text-align:left; margin-left:20px}
.proBoxDl dd .c1 { background:url(../images/c1.gif)0px 10px no-repeat; text-align:left; padding-left:20px}
.proBoxDl dd .c2 { background:url(../images/c2.gif)0px 10px no-repeat; text-align:left; padding-left:20px}
.proChartC { width:210px; height:300px; position:absolute; margin-left:240px}
.proChartC .proNomber { height:34px; background:url(../images/bg_xljt.gif) no-repeat bottom center #4c4c4c; width:60px;color:#FFFFFF; font-size:18pt; margin-top:20px; margin-left:85px}
.proChartC .proName {font-size:18pt; margin:auto; padding-left:20px; margin-top:10px}

/* 导购 */
.dgBox { text-align:center; clear:both;border:#CCCCCC 1px solid; margin:20px; background:#FFF;}
.dgChart { height:280px;}
.dgC { width:210px; height:260px; position:absolute; margin-left:250px}
.dgC .dgTitle { margin-left:10px;font-size:18pt; margin-top:30px; height:40px}
.dgC .dgTitle .dgNomber { height:34px; background:url(../images/bg_xljt.gif) no-repeat bottom center #4c4c4c; width:60px;color:#FFFFFF; font-size:18pt;   display:block; float:left; margin-right:5px}
.dgC .dgName {font-size:18pt; margin:auto; padding-left:20px; margin-top:10px}
.dgC .dgChrat { width:210px; height:130px}
.dgDl { width:675px; margin:auto; height:40px;}
.dgDl dd { float: left; text-align:left; width:225px; font-size:18pt; text-indent:15px}
.dgDl .c1 { background:url(../images/c1.gif)0px 10px no-repeat; text-align:left;}
.dgDl .c2 { background:url(../images/c2.gif)0px 10px no-repeat; text-align:left;}

.xxmb { width:250px; height:30px; background:url(../images/bg_cg1.gif) no-repeat; font-size:16pt; text-align:left; position:absolute; margin-top:110px; margin-left:50px}
.xxmb span { color:#FFF; width:130px; display: block; float:left; text-align: center}
.wcl { width:250px; height:30px;background:url(../images/bg_cg1.gif) no-repeat; font-size:16pt; text-align:left; position:absolute; margin-top:110px; margin-left:450px}
.wcl span { color:#FFF; width:130px; display: block; float:left; text-align: center}

/* 品牌 */
.brandBox { text-align:center; clear:both;border:#CCCCCC 1px solid; margin:20px; background:#FFF}
.brandChartL { width:210px; height:300px; float:left;}
.brandChartL .brandName {font-size:22pt; margin:auto; padding-left:20px; margin-top:10px}
.brandChartL .brandNomber { clear:both; height:34px; width:132px; background:url(../images/bg_xsjt.gif) no-repeat top center #4c4c4c; color:#FFFFFF; font-size:18pt; margin-top:12px; margin-left:55px}
.brandChartR { width:480px; margin:auto; float:right; margin-top:100px}
.brandChartR dd { float:left; width:240px; height:50px; text-align:left; font-size:22pt; color:#666666}

.bdBox { text-align:center; clear:both;border:#CCCCCC 1px solid; margin:20px; background:#FFF;}
.bdChart { height:300px;}
.bdChart .bdL { width:250px; font-size:16pt; text-align:left; position:absolute; margin-top:80px; margin-left:30px}
.bdChart .bdR { width:250px; font-size:16pt; text-align:left; position:absolute; margin-top:80px; margin-left:475px}
.bdChart p { margin:10px 0px;}
.bdChart .c1 { background:url(../images/c1.gif)0px 10px no-repeat; text-align:left;text-indent:20px}
.bdChart .c2 { background:url(../images/c2.gif)0px 10px no-repeat; text-align:left;text-indent:20px}
.bdC { width:210px; height:300px; position:absolute; margin-left:240px}
.bdC .bdChrat { width:210px; height:300px}
.bdC .bdName {font-size:22pt; margin:auto; padding-left:20px; margin-top:10px}
.bdC .bdNomber { clear:both; height:34px; line-height:34px; width:132px; background:url(../images/bg_xsjt.gif) no-repeat top center #4c4c4c; color:#FFFFFF; font-size:18pt; margin-top:12px; margin-left:50px}
.bdDl { width:705px; margin:auto; height:40px;}
.bdDl dd { float: left; text-align:left; width:235px; font-size:18pt; text-indent:15px}
.bdDl .c1 { background:url(../images/c1.gif)0px 10px no-repeat; text-align:left;}
.bdDl .c2 { background:url(../images/c2.gif)0px 10px no-repeat; text-align:left;}

/* 厂家 */
.changjiaBox { text-align:center; clear:both;border:#CCCCCC 1px solid; margin:20px; background:#FFF}
.changjiaChartL { width:210px; height:300px; float:left;}
.changjiaChartL .changjiaName {font-size:22pt; margin:auto; padding-left:20px; margin-top:10px}
.changjiaChartL .changjiaNomber { clear:both; height:34px; line-height:40px; width:132px; background:url(../images/bg_xsjt.gif) no-repeat top center #4c4c4c; color:#FFFFFF; font-size:18pt; margin-top:12px; margin-left:55px}
.changjiaChartR { width:480px; margin:auto; float:right; margin-top:100px}
.changjiaChartR dd { float:left; width:240px; height:50px; text-align:left; font-size:22pt; color:#666666}

.cjBox { text-align:center; clear:both;border:#CCCCCC 1px solid; margin:20px; background:#FFF;}
.cjChart { height:300px;}
.cjChart .cjL { width:250px; font-size:16pt; text-align:left; position:absolute; margin-top:80px; margin-left:30px}
.cjChart .cjR { width:250px; font-size:16pt; text-align:left; position:absolute; margin-top:80px; margin-left:475px}
.cjChart p { margin:10px 0px;}
.cjChart .c1 { background:url(../images/c1.gif)0px 10px no-repeat; text-align:left;text-indent:20px}
.cjChart .c2 { background:url(../images/c2.gif)0px 10px no-repeat; text-align:left;text-indent:20px}
.cjC { width:210px; height:300px; position:absolute; margin-left:240px}
.cjC .cjChrat { width:210px; height:300px}
.cjC .cjName {font-size:22pt; margin:auto; padding-left:20px; margin-top:10px}
.cjC .cjNomber { clear:both; height:34px; line-height:40px; width:132px; background:url(../images/bg_xsjt.gif) no-repeat top center #4c4c4c; color:#FFFFFF; font-size:18pt; margin-top:12px; margin-left:50px}
.cjDl { width:705px; margin:auto; height:40px;}
.cjDl dd { float: left; text-align:left; width:235px; font-size:18pt; text-indent:15px}
.cjDl .c1 { background:url(../images/c1.gif)0px 10px no-repeat; text-align:left;}
.cjDl .c2 { background:url(../images/c2.gif)0px 10px no-repeat; text-align:left;}



/* 库存分析 */
.subDl_kc { height:60px; border-bottom:#e0e0e0 1px solid; background:#f9f9f9}
.subDl_kc dd { float:left; width:50%; height:60px; font-size:28pt; line-height:60px; color:#666; background: #e7e7e7}
.subDl_kc .choose { background:#eb547c; color:#FFFFFF; height:70px; margin-top:-10px; line-height:70px;}
.subDl_kc .choose a:link {color: #FFFFFF; text-decoration:none;}
.subDl_kc .choose a:visited {color: #FFFFFF;text-decoration:none;}
.selectDay {}
.selectDay dd { text-align:left; border-bottom:#CCCCCC 1px solid; font-size:18pt; margin-top:10px; height:60px}
.selectDay div { float:left; margin:0px 5px}
.selectDay .selectDiv{ border:#003 1px solid; height:50px; border-radius:5px; padding:0px 10px}
.selectDiv select { width:55px; border:none; height:40px; font-size:14pt; margin-top:5px}




/* 会员分析 */
.subDl4 { height:70px; border-bottom:#e0e0e0 1px solid; background:#f9f9f9}
.subDl4 dd { float:left; width:175px; height:70px; font-size:28pt; line-height:70px; color:#666}
.subDl4 .line { width:1px; height:70px; background:#CCCCCC}
.subDl4 .choose_day { background:#eb547c; color:#FFFFFF }
.subDl4 .choose_day a:link {color: #FFFFFF; text-decoration:none;}
.subDl4 .choose_day a:visited {color: #FFFFFF;text-decoration:none;}
.userTb { }
.userTb dt{ height:180px;font-size:24pt; color:#666;}
.userTb dd {border-top:#e0e0e0 1px solid;float:left; width:350px; height:165px; font-size:22pt; color:#666;}
.userTb .line { width:1px; height:165px; background:#CCCCCC}
.userTb dd a{position: relative; top: 10%;}
.chartBox { border:#e0e0e0 1px solid; margin:20px}
.chartBox dt{ height:70px;font-size:24pt; color:#666;; line-height:70px; border-bottom:#e0e0e0 1px solid;}
.chartBox dd { background:#FFFFFF}


/* 业绩统计 */
.yjTitle { background:#e7e7e7; margin:2px; padding:5px 20px; text-align:left; font-size:18pt}
.yjPs { float: right; font-size:13px; margin-top:10px;}
.yjPs .c1 { border-left:#eb547c 16px solid; height:16px; padding-left:10px; margin:0px 10px}
.yjPs .c2 { border-left:#237b9f 16px solid; height:16px; padding-left:10px; margin:0px 10px}
.xsTable .color1 { color:#eb547c}
.xsTable .color2 { color:#237b9f}
.jyH1 { height:60px; font-size:28pt; line-height:60px; color:#666; border-bottom:#e0e0e0 1px solid; background:#f9f9f9; text-align:left; padding-left:30px}

/* 零售毛利 */
.heihei {position:absolute; width:160px; left:50%; margin-left:-335px; margin-top:33.5%; height:390px; display: none;background:#FFFFFF;}
.heihei li {font-size:24pt; margin-top:20px;}
.heiha {position:absolute; width:180px; left:52%; margin-left:-190px; margin-top:33.5%; height:390px; display: none;background:#FFFFFF;}
.heiha li {font-size:24pt; margin-top:20px;}
.heihahei {position:absolute; width:160px; left:52%; margin-left:3px; margin-top:31%; height:390px; display: none;background:#FFFFFF;overflow: hidden;
    overflow-y: auto;}
.heihahei li {font-size:24pt; margin-top:20px;}
.heiheiBox { text-align:center; clear:both;border:#CCCCCC 1px solid; margin:20px; background:#FFF}
.heiheiBox .h1 { font-size:30pt; line-height:120px}
.heiheiDl1 { width:670px; margin:auto}
.heiheiDl1 dd { float:left; width:220px; height:100px;text-align:align; font-size:22pt; color:#666666; margin-top:15px;}
.heiheiDl2 { width:670px; margin:auto;margin-top:0px;}
.heiheiDl2 dd { float:left; width:220px; height:30px;text-align:center; font-size:20pt; padding:10px 0px; color:#666666}
.shopSelectDay {}
.shopSelectDay dd { text-align:align; border-bottom:#CCCCCC 1px solid; font-size:20pt; margin-top:48px; height:150px}
.subDl33 { height:70px; border-bottom:#e0e0e0 1px solid; background:#f9f9f9}
.subDl33 dd { float:left; font-size:24pt; color:#666; margin:10px 5px 10px 30px; padding:0px;width: 128px;} 
.subDl33 .line { width:13px; margin:0px; padding:0px; height:70px;background:url(../images/icon_xljt.png) no-repeat center;}

/* 销售排行  */
.shopDl11 { width:670px; margin:auto;padding-bottom: 40px;}
.shopDl11 dd { float:left; width:200px; text-align:center; font-size:22pt; color:#666666}
.shopDl111 { width:670px; margin:auto;padding-bottom: 40px;}
.shopDl111 dd { float:left; width:330px; text-align:center; font-size:28pt; color:#666666}
.shopDl12 { width:670px; margin:auto}
.shopDl12 dd { float:left; width:162px; text-align:center; font-size:20pt; padding:10px 0px; color:#666666}
.subDl111 { height:70px; border-bottom:#e0e0e0 1px solid; background:#f9f9f9}
.subDl111 dd { float:left; width:235px; height:70px; font-size:28pt; line-height:70px; color:#666}
.subDl12 { height:70px; border-bottom:#e0e0e0 1px solid; background:#f9f9f9}
.subDl12 dd { float:left; font-size:24pt; color:#666; margin:10px 10px; padding:5px 13px;width:130px;}
.subDl12 .line { width:1px; margin:10px 0px; padding:5px 0px}
.subDl12 .choose { background:#eb547c; color:#FFFFFF }
.subDl12 .choose a:link {color: #FFFFFF; text-decoration:none;}
.subDl12 .choose a:visited {color: #FFFFFF;text-decoration:none;}
.winBox1 { position:relative;  background:#FFFFFF; border-radius:5px}
.w6401{width:670px; left:50%; margin-left:-320px;}
.winMainBox1 {background:url(../images/icon_xljt2.png) no-repeat top center; padding:1px; overflow:hidden; overflow-y:auto}
.h7001 {height:400px;}
.winBox2 { position:relative;  background:#FFFFFF; border-radius:5px}
.w6402{width:670px; left:50%; margin-left:-320px;}
.winMainBox2 {background:url(../images/icon_xljt2.png) no-repeat top center; padding:1px; overflow:hidden; overflow-y:auto}
.h7002 {height:400px;}

/* 批发销售分析*/
.shopDl111 { width:670px; margin:auto;padding-bottom: 40px;}
.shopDl111 dd { float:left; width:325px; text-align:center; font-size:22pt; color:#666666}
.subDl12 .line { width:1px; margin:10px 0px; padding:5px 0px}
.subDl12 .choose { background:#eb547c; color:#FFFFFF }
.subDl12 .choose a:link {color: #FFFFFF; text-decoration:none;}
.subDl12 .choose a:visited {color: #FFFFFF;text-decoration:none;}
.winBox3 { position:relative;  background:#FFFFFF; border-radius:5px}
.w6401{width:670px; left:50%; margin-left:-320px;margin-top:1%;}
.winMainBox3 {background:url(../images/icon_xljt2.png) no-repeat top center; padding:1px; overflow:hidden; overflow-y:auto}
.h7001 {height:250px;}
.winBox4 { position:relative;  background:#FFFFFF; border-radius:5px}
.w6402{width:670px; left:50%; margin-left:-335px;margin-top:1%;}
.winMainBox4 {background:url(../images/icon_xljt2.png) no-repeat top center; padding:1px; overflow:hidden; overflow-y:auto}
.h7002 {height:250px;}
.winBox5 { position:relative;  background:#FFFFFF; border-radius:5px}
.w6402{width:670px; left:50%; margin-left:-320px;margin-top:1%;}
.winMainBox5 {background:url(../images/icon_xljt2.png) no-repeat top center; padding:1px; overflow:hidden; overflow-y:auto}
.h7002 {height:250px;}
.subDl11 { height:70px; border-bottom:#e0e0e0 1px solid; background:#f9f9f9}
.subDl11 dd { float:left; width:175px; height:70px; font-size:28pt; line-height:70px; color:#666}
.subDl333 { height:70px; border-bottom:#e0e0e0 1px solid; background:#f9f9f9 ;display: none}
.subDl333 dd { float:left; font-size:24pt; color:#666; margin:10px 5px 10px 22px; padding:0px;width:140px;}
.subDl333 .line { width:13px; margin:0px; padding:0px; height:70px;background:url(../images/icon_xljt.png) no-repeat center;}
.subDl122 { height:70px; border-bottom:#e0e0e0 1px solid; background:#f9f9f9}
.subDl122 dd { float:left; font-size:24pt; color:#666; margin:10px 10px; padding:5px 13px;width:185px;}
.subDl122 .line { width:1px; margin:10px 0px; padding:5px 0px}
.subDl122 .choose { background:#eb547c; color:#FFFFFF }
.subDl122 .choose a:link {color: #FFFFFF; text-decoration:none;}
.subDl122 .choose a:visited {color: #FFFFFF;text-decoration:none;}
.xiala1 {position:absolute; width:160px; left:50%; margin-left:-341px; margin-top:43%; height:150px; display: none;background:#FFFFFF;}
.xiala1 li {font-size:24pt; margin-top:20px;}
.xiala2 {position:absolute; width:160px; left:52%; margin-left:-175px; margin-top:43%; height:400px; display: none;background:#FFFFFF;overflow: hidden;
    overflow-y: auto;}
.xiala2 li {font-size:24pt; margin-top:20px;}
.xiala3 {position:absolute; width:160px; left:52%; margin-left:3px; margin-top:43%; height:400px; display: none;background:#FFFFFF;overflow: hidden;
    overflow-y: auto;}
.xiala3 li {font-size:24pt; margin-top:20px;}

/* 零售开单 */
.xskdUl { }
.xskdUl dt {font-size:24pt; line-height:68px; color:#000000; border-bottom:#e0e0e0 1px solid; text-align:center}
.xskdUl dd {font-size:24pt; line-height:68px; color:#666; border-bottom:#e0e0e0 1px solid;text-align:left; padding-left:30px}
.xskdUl dd select{ border:none; width:500px; font-size:20pt; color:#999999; float:right; margin-right:20px; margin-top:10px}
.xskdUl dd input{ border:none; width:500px; font-size:20pt; color:#999999; float:right; margin-right:20px; margin-top:10px}
.kdTable { width:100%; padding:20px}
.kdTable th { font-size:24pt; line-height:60px; color:#333333; text-align:left; padding-left:30px}
.kdTable td { font-size:24pt; line-height:60px; border-bottom:#e0e0e0 1px dashed; color:#333333; padding:5px}
.kdTable_2 { width:100%;border-top:#666666 2px solid; border-bottom:#666666 2px solid;}
.kdTable_2 td { width:50%; font-size:24pt; line-height:60px;  color:#333333; padding:5px}
.kdTable_3 { width:100%}
.kdTable_3 td {width:50%; font-size:24pt; line-height:60px;  color:#333333; padding:5px;}
.kdTable_4 { width:100%; }
.kdTable_4 td { width:50%; font-size:24pt; line-height:80px;  color:#333333; padding:5px;border-top:#e0e0e0 1px solid;}
.submitKd { float:left; width:170px; height:80px; font-size:24pt; color:#666666; border:none; margin:0px 5px }

.kdWinTable { width:100%;border-top:#999999 1px solid; border-bottom:#666666 1px solid;}
.kdWinTable td { width:50%; font-size:16pt; line-height:40px;  color:#333333;}
.winH1 { font-size:18pt; line-height:60px}
.submitKdWin { width:170px; font-size:24pt; height:50px; color:#666666; border:none; margin:10px; line-height:50px}

.porListDl {}
.porListDl dt {font-size:24pt; line-height:68px; color:#000000; border-bottom:#e0e0e0 1px solid; text-align:center}
.porListDl dd {font-size:24pt; line-height:68px; color:#666; border-bottom:#e0e0e0 1px solid;text-align:left; padding-left:30px}
.porListDl dd input{ border:1px solid #e0e0e0; width:610px; font-size:20pt; color:#999999; margin-top:10px; padding:7px 20px; border-radius:10px}
.ProListTable {width:100%;}
.ProListTable td{ font-size:16pt; line-height:40px;  color:#333333;border-bottom:#CCCCCC 2px dashed; width:25%; padding:20px 5px}
.porXxDl { height:250px}
.porXxDl dt {font-size:24pt; line-height:68px; color:#000000; border-bottom:#e0e0e0 1px solid; text-align:center; background:#f9f9f9}
.porXxDl dd {text-align:left;}
.proXinXi { margin:20px}
.proXinXi dt { float:left; width:137px}
.proXinXi dd { float:left;font-size:24pt;width:200px; margin-left:50px; line-height:40px; margin-top:20px}

.proKcList { height:70px; background:#e7e7e7; border-bottom:5px solid #996633; font-size:24pt; line-height:70px;}
.proKcList dd { width:170px; float:left;}
.proKcList .choose { background:#999999}
.ProKcTable {width:100%;}
.ProKcTable td{ font-size:28pt; color:#333333; padding:10px 5px }
.ProKcTable td .nomber{ font-size:28pt; margin:0px 20px}
.submit_kc {font-size:24pt; line-height:68px; color:#000000; border-top:#e0e0e0 1px solid; text-align:center}

/* 进仓单 */
.jcTable { width:100%; padding:20px}
.jcTable .bLine{ border-bottom:#e0e0e0 1px dashed;}
.jcTable td { font-size:24pt; line-height:60px;  color:#333333; padding:5px; text-align:left}
.jcSum { font-size:24pt; text-align:left; margin:10px 30px;word-spacing:20px }
.ProKcTable .bg { background:#f9f9f9}
.porCode { background:#fefefe;border-top:#e5e5e5 1px solid;border-bottom:#e5e5e5 1px solid; font-size:24pt; padding:20px 0px;}
.porCode input{ border:1px solid #e0e0e0; width:560px; font-size:20pt; color:#999999;  padding:7px 20px; border-radius:10px}

/* 库存查询 */
.input_stock_a {border: 1px solid #666666;border-radius: 20px;padding-left: 1.5em;padding-right: 1.5em;width: 85%;display: flex;}
.input_stock {box-sizing: border-box;text-align: center;font-size: 24pt;height: 2.2em;border: none;color: #6a6f77;display: block;outline: 0;padding: 0 1em  0 0;text-decoration: none;width: 100%;}
.dl_stock{display: flex;height: 70px;border-top: #e0e0e0 1px solid;border-bottom: #e0e0e0 1px solid;background: #f9f9f9;overflow-x: scroll;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.dd_stock_a{width: auto;height: 70px;font-size: 28pt;line-height: 70px;color: #666;padding-left: 15px;padding-right: 15px;}
.dl_stock .line { width:1px; height:70px; background:#CCCCCC}
.dl_stock .choose_day { background:#eb547c; color:#FFFFFF }
.dl_stock .choose_day a:link {color: #FFFFFF; text-decoration:none;}
.dl_stock .choose_day a:visited {color: #FFFFFF;text-decoration:none;}
.table_stock {text-align:center; clear:both;border:#CCCCCC 1px solid; margin:20px; background:#FFF}
.table_main {background: #e5e5e5;}
.table_xsTable{width: 100%;height: 1px; border-collapse: collapse}
.table_xsTable tr td{ border:0px;border-bottom-style: none;border-right-style:none;border-left-style:none;border-top-style: none;}
.table_xsTable td{font-size: 20pt;color: #333333;padding: 5px;}
.table_font_big{font-weight:bold;}
.table_display_none{display: none;}
.table_title{display: flex; padding: 10px;}
.table_title_span{display: grid;font-size: 23pt;font-weight: bold;padding: 20px; text-align: left;}
.table_title_image_a{width:150px;}
.table_title_image_b{width:40px;}
.table_image_position{    position: absolute;right: 70px;padding-top: 50px;}
.table_tr_background{background: #FFF}
.stock_class_div{
	position: fixed;
	z-index: 99;
	background: #FFFFFF;
	display: none;
   	width: 80%;
    right: 0px;
    height: 100%;
}
.stock_query_div{
    position: fixed;
    z-index: 99;
    background: #FFFFFF;
    width: 100%;
    height: 100%;
    margin-top: 25%;
    display: none;
    overflow-y: scroll;
}

.stock_query_div_div{
    font-size: 25pt;
    margin: 20px 40px 20px 40px;
    width: auto;
    background: #e0e0e0;
    height: 60px;
    /* padding-bottom: 10px; */
}
.stock_class_title{
	font-size: 25pt;
    text-align: left;
    padding-left: 20px;
}
.stock_class_slide-box{
	display: flex;
    padding-top: 10px;
    white-space: nowrap;
    overflow-x: scroll;
}
.stock_class_slide-box_a{
	width: auto;
    height: 70px;
    font-size: 25pt;
    line-height: 70px;
    color: #666;
    padding-left: 25px;
    padding-right: 25px;
    background: #e5e5e5;
    margin-left: 15px;
    margin-right: 15px;
}
.stock_class_slide-box_b{
	width: auto;
    height: 70px;
    font-size: 25pt;
    line-height: 70px;
    color: #666;
    padding-left: 25px;
    padding-right: 25px;
    background: #e5e5e5;
    margin-left: 15px;
    margin-right: 15px;
}
.stock_class_slide-box_c{
	width: auto;
    height: 70px;
    font-size: 25pt;
    line-height: 70px;
    color: #666;
    padding-left: 25px;
    padding-right: 25px;
    background: #e5e5e5;
    margin-left: 15px;
    margin-right: 15px;
}
.stock_class_slide-box_d{
	width: auto;
    height: 70px;
    font-size: 25pt;
    line-height: 70px;
    color: #666;
    padding-left: 25px;
    padding-right: 25px;
    background: #e5e5e5;
    margin-left: 15px;
    margin-right: 15px;
}
.stock_class_slide-box_e{
	width: auto;
    height: 70px;
    font-size: 25pt;
    line-height: 70px;
    color: #666;
    padding-left: 25px;
    padding-right: 25px;
    background: #e5e5e5;
    margin-left: 15px;
    margin-right: 15px;
}
.stock_class_choose_a { background:#eb547c; color:#FFFFFF }
.stock_class_choose_b { background:#eb547c; color:#FFFFFF }
.stock_class_choose_c { background:#eb547c; color:#FFFFFF }
.stock_class_choose_d { background:#eb547c; color:#FFFFFF }
.stock_class_choose_e { background:#eb547c; color:#FFFFFF }

.stock_class_table{
	width: 100%;
    height: 90px;
    position: absolute;
    bottom: 0;
}
.stock_class_table_td_a{
	width: 50%;
    font-size: 24pt;
    line-height: 80px;
    background: #FFF;
    color: #000000;
    padding: 5px;
    border-top: #e0e0e0 1px solid;
}
.stock_class_table_td_b{
	width: 50%;
    font-size: 24pt;
    line-height: 80px;
    background: #999999;
    color: #FFF;
    padding: 5px;
    border-top: #e0e0e0 1px solid;
}
.fixed{
	position: fixed;
}
.chooseBtn {
    display: none;
}

.choose-label {
    box-shadow: #ccc 0px 0px 0px 1px;
    width: 80px;
    height: 50px;
    display: inline-block;
    border-radius: 20px;
    position: relative;
    background-color: #bdbdbd;
    overflow: hidden;
}

.choose-label:before {
    content: '';
    position: absolute;
    left: 0;
    width: 51px;
    height: 51px;
    display: inline-block;
    border-radius: 20px;
    background-color: #fff;
    z-index: 20;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.chooseBtn:checked + label.choose-label:before {
    left: 31px;
}

.chooseBtn:checked + label.choose-label {
    background-color: #eb547c;
}

/* 库存统计 */
.stock_listview_mainBox{text-align:center; clear:both;border:#CCCCCC 1px solid; margin:20px; background:#FFF}
.stock_listview_title{font-size: 30pt;padding: 15px;}
.stock_listview_a{display: flex;justify-content: space-evenly;font-size: 20pt;}
.stock_listview_b{display: flex;justify-content: space-around;font-size: 20pt;padding-top: 25px;padding-bottom: 25px;}
.stock_listview_b p{padding-top: 5px}

/* 零售统计 */
.sales_listview_mainBox{text-align:center; clear:both;border:#CCCCCC 1px solid; margin:20px; background:#FFF}
.sales_listview_title{font-size: 30pt;padding: 15px;}
.sales_listview_a{display: flex;justify-content: space-evenly;font-size: 20pt;}
.sales_listview_b{display: flex;justify-content: space-around;font-size: 20pt;padding-top: 25px;padding-bottom: 25px;}
.sales_listview_b p{padding-top: 5px} 


/* 进销存 */
.ess_listview_mainBox{text-align:center; clear:both;border:#CCCCCC 1px solid; margin:20px; background:#FFF}
.ess_listview_title{font-size: 30pt;padding: 15px;}
.ess_listview_a{display: flex;justify-content: space-evenly;font-size: 20pt;}
.ess_listview_b{display: flex;justify-content: space-around;font-size: 20pt;padding-top: 25px;padding-bottom: 25px;}
.ess_listview_b p{padding-top: 5px}
.ess_listview_color_a {color:#ff0000}
.ess_listview_color_b {color:#21B5E4}

/* 下拉选择框*/
.kdTable_5 { width:100%; height: 90px;}
.kdTable_5 td { width:50%; font-size:24pt; line-height:80px; background:#999999;  color:#ffffff; padding:5px;border-top:#e0e0e0 1px solid;    }
.kdTable_5 td a:link {color: #ffffff; text-decoration:none;}
.kdTable_5 td a:visited {color: #ffffff;text-decoration:none;}
.kdTable_5 td a:hover {color: #ffffff; text-decoration:none;}
.kdTable_5 td input { width:40px; height:40px; margin-right:30px}
.listsDl {width:100%;}
.listsDl dd { color:#333333; margin:20px; padding:10px 20px; border-bottom:#CCCCCC 1px solid; text-align:left; font-size:24pt}
.listsDl dd input { width:40px; height:40px; margin-right:30px}
.soListDl {}
.soListDl dd {border:2px solid #333333;  font-size:20pt; color:#333333; margin:20px; padding:10px 20px; border-radius:10px;}
.soListDl dd .inputKeyword{ background:url(../images/so_icon.png) no-repeat;width:610px; border:none; height:32px; line-height:32px; text-indent:40px; font-size:24px}
.soListDl dd .submitBnt{border:none; height:32px}
.winBoxwinBox { position:fixed; z-index:99; background:#FFFFFF; border-radius:5px;display:none;width:100%;margin-top: 42%;}
.winBoxwinBox2 { position:fixed; z-index:99; background:#FFFFFF; border-radius:5px;display:none;width:100%;margin-top: 42%;}
.winBoxwinBox5 { position:fixed; z-index:99; background:#FFFFFF; border-radius:5px;display:none;width:100%;margin-top: 33%;}
.winBoxwinBox6 { position:fixed; z-index:99; background:#FFFFFF; border-radius:5px;display:none;width:100%;margin-top: 33%;}
.winBoxwinBox7 { position:fixed; z-index:99; background:#FFFFFF; border-radius:5px;display:none;width:100%;margin-top: 33%;}
.winBoxwinBox8 { position:fixed; z-index:99; background:#FFFFFF; border-radius:5px;display:none;width:100%;margin-top: 43%;}
.winBoxwinBox9 { position:fixed; z-index:99; background:#FFFFFF; border-radius:5px;display:none;width:100%;margin-top: 43%;}
.winBoxwinBox10 { position:fixed; z-index:99; background:#FFFFFF; border-radius:5px;display:none;width:100%;margin-top:43%;}
.div1 {overflow:hidden; overflow-y:auto;height:550px;}


/* 底部合计*/
.totalQtyAmt { background:#ffffff; height:90px; position:fixed; bottom:103px; width:100%; display: none;}
.totalQtyAmt ul{list-style-type:none}
.totalQtyAmt ul li{ float:left; width:250px; line-height:90px; font-size:24pt; display:block; color:#ff0000 }

/* 脚 */
.footer { background:#53657b; height:103px; position:fixed; bottom:0px}
.footer ul { list-style-type:none}
.footer ul li { float:left; width:250px; line-height:103px; font-size:22pt; display:block}
.footer ul li a:link {color: #ffffff; text-decoration:none; display:block}
.footer ul li a:visited {color: #ffffff;text-decoration:none; display:block}
.footer ul li a:hover {color: #ffffff; text-decoration:none; display:block}
.f01 { background:url(../images/i_m_01.png) no-repeat 50px 25px; text-indent:30px}
.f02 { background:url(../images/i_m_02.png) no-repeat 50px 25px; text-indent:30px}
.f03 { background:url(../images/i_m_03.png) no-repeat 50px 25px; text-indent:30px}