@import url(reset.css);
@import url(search-ie.css);
body
{
    background-color: #fff;
    font-size:14px;
	
    font-family:Arial, Verdana, Tahoma, "Helvetica Neue" , Helvetica, Sans-Serif;
	font-family:"微软雅黑", "宋体";
    margin: 0;
    padding: 0;
    color: #4c637b;
}
.clear{
	clear:both;}
table
{
    width: 100%;
}
a{
	text-decoration:none;
	color:#36aeea;}
p, ul
{
/*    margin-bottom: 20px;
    line-height: 1.6em;*/
	margin:0px;
}
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #4c637b;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 82%;
    margin-left: auto;
    margin-right: auto;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

#header h1
{
	padding-top:5px;
}

#main
{
    background-color: #e1e0dd;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
}

#footer
{ width:100%;
	
}

.footer-a-logo{
	float:left;}
.footer-a-copyright{
	float:right;
	text-align:right;
	padding-right:16px;
	line-height:24px;
	color:#4c637b;
	padding-top:30px;}
.footer-a-copyright a{
	color:#4c637b;}
.footer-a-copyright a:hover{
	color:#ff0000;}
/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
}

ul#menu li
{
    list-style: none;
	line-height:28px;
	position:relative;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    
    font-weight: bold;
    text-decoration: none;
    line-height:50px;
    color: #b8c6d6;
	display:block;
	height:50px;
	padding:0 0 0 50px;
	font-size:16px; font-family:"微软雅黑"; font-weight:bold;
	position:relative;
}

ul#menu li a:hover
{
	background:#36aeea;
	color:#fff;
	
}
ul#menu li a.hover
{
	background:#36aeea;
	color:#fff;
	
}


ul#menu li .hover1
{
	background:rgba(54, 174, 234, 0.3);
	color:#fff;
	
}

ul#menu li a.hover1
{
	background:rgba(54, 174, 234, 0.3);
	color:#fff;
	
}

ul#menu li a:active
{
    background-color: #36aeea;
    text-decoration: none;
	color:#fff;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}
#menucontainer span{
	float:right;
	display:none;}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    border: 1px solid #e3eaf3 !important;
    padding: 0 2.4em 1em 2.4em !important;
    margin:0px auto 16px !important;
	border-radius:8px;
	background:#f2f6fa;
}

legend
{
    font-size: 1.4em;
    font-weight: bold; margin-left:40px;
}

textarea
{
    min-height: 25px;
}

input[type="text"]
{
    width: 200px;
    border: 1px solid #CCC;
	padding:0 4px;
	border-radius:4px;
	height:26px;
}

input[type="password"]
{
    width: 200px;
    border: 1px solid #CCC;
}
input[type="submit"], input[type="button"]
{
   	line-height:25px;
	padding-left:20px;
	padding-right:20px;
	
	border-style:none;
    color:#fff;
/*    font:16px "Microsoft YaHei", Verdana, Geneva, sans-serif;*/
    cursor:pointer;
    border:1px #0088bf solid;
    -webkit-box-shadow:inset 0px 0px 1px #fff;
    -moz-box-shadow:inset 0px 0px 1px #fff;
    box-shadow:inset 0px 0px 1px #fff;/*內發光效果*/
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;/*邊框圓角*/
    text-shadow:1px 1px 0px #0088bf;/*字體陰影效果*/
    background-color:#38b1eb;
    background-image: -webkit-
}
.btnAddTimeslot
{
   	line-height:25px;
	padding-left:20px;
	padding-right:20px;
	
	border-style:none;
    color:#fff;
/*    font:16px "Microsoft YaHei", Verdana, Geneva, sans-serif;*/
    cursor:pointer;
    border:1px #0088bf solid;
    -webkit-box-shadow:inset 0px 0px 1px #fff;
    -moz-box-shadow:inset 0px 0px 1px #fff;
    box-shadow:inset 0px 0px 1px #fff;/*內發光效果*/
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;/*邊框圓角*/
    text-shadow:1px 1px 0px #0088bf;/*字體陰影效果*/
    background-color:#38b1eb;
    background-image: -webkit-
}
.buttoncss
{
   	line-height:25px;
	padding-left:20px;
	padding-right:20px;
	display:inline-block;
	
	border-style:none;
    color:#fff;
/*    font:16px "Microsoft YaHei", Verdana, Geneva, sans-serif;*/
    cursor:pointer;
    border:1px #0088bf solid;
    -webkit-box-shadow:inset 0px 0px 1px #fff;
    -moz-box-shadow:inset 0px 0px 1px #fff;
    box-shadow:inset 0px 0px 1px #fff;/*內發光效果*/
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;/*邊框圓角*/
    text-shadow:1px 1px 0px #0088bf;/*字體陰影效果*/
    background-color:#38b1eb;
    background-image: -webkit-
}
/* TABLE
----------------------------------------------------------*/

table
{
/*    border: solid 1px #d2d0cc;*/
    border-collapse: collapse;
	clear:both;
	border-radius:4px 4px 4px 4px;
/*	overflow:hidden;*/
}

table td
{
    padding: 5px;
/*    border: solid 1px #fff;
	vertical-align:top;*/
}
table tr
{
	background:#f2f6fa;
}
table tr:nth-child(odd)
{
	background:#ebf1f5;
}
table tr.odd
{
	background:#ebf1f5;
}
table tr:hover
{
	background:#dfe7eb;

}

table th
{
    padding: 6px 5px;
    text-align: left;
    background-color: #e3eaf3;
/*    border: solid 1px #fff;*/
	height:28px;
	white-space: nowrap;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: Red;
}

#menucontainer
{
	float:right;
	margin-bottom:1px;
}

div#title
{
    display: block;
    float: left;
    text-align: left;
}

#logindisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 25px 10px;
    color:#000;
	float:right;
}
#logindisplay a{
	color:#555453;
	text-decoration: none;
	}

#logindisplay a:hover
{
    color:#555453;
    text-decoration:underline;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
-----------------------------------------------
.display-label, .editor-label

-----------*/
.display-label
{
    margin: 1em 0 0 0;
}

.display-field, .editor-field
{
    margin: 0.5em 0 0 0;
}

.text-box
{
	border:1px solid #c8d0da;
	border-radius:4px;

}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}


.pageIndex
{
    margin-top: 15px; font-size:12px;
    width: 100%;
    float: left;
}
.pageIndex ul li
{
    float: right;
    text-align: center;
}
.pageIndex span.d0
{
    padding-right: 5px;
    float: left;
    line-height: 22px;
    width: 140px;
}
.pageIndex span.d
{
    padding-right: 5px;
    float: left;
    width: 40px;
    height: 22px;
    border: 1px solid #bfbfbf;
    line-height: 22px;
    margin-right: 5px;
}
.pageIndex span.d a
{
    color: #3377aa;
}
.pageIndex span.d2
{
    padding-right: 5px;
    float: left;
    width: 50px;
    height: 22px;
    border: 1px solid #bfbfbf;
    line-height: 22px;
    margin-right: 5px;
}
.pageIndex span.d2 a
{
    color: #3377aa;
}
.pageIndex span.d3
{
    padding-right: 5px;
    float: left;
    width: 33px;
    height: 22px;
    background: #258cd1;
    line-height: 22px;
    margin-right: 5px;
}
.pageIndex span.d3 a
{
    color: #FFF;
    font-weight: bold;
}
.pageIndex span.d4
{
    padding-right: 5px;
    float: left;
    width: 33px;
    height: 22px;
    border: 1px solid #bfbfbf;
    line-height: 22px;
    margin-right: 5px;
}
.pageIndex span.d4 a
{
    color: #3377aa;
}


.display-label
{
    clear: both;
    float: left;
    height: 30px;
}
.display-field
{
    float: left;
    margin-left: 8px;
    height: 30px;
    margin-top: 12px;
    font-weight: bold;
}
#mleft
{
    text-align: center;
	padding-top:16px;
	font-family:"微软雅黑";
	float: left;
    width: 100%;
	border-bottom:2px solid #bbc3cc; margin-bottom:12px;}

#mleft li
{
    list-style-type: none;
    text-align: left;
    font-size: 14px;
	float:left;
	margin-right:50px;
	padding-right:15px;
}
#mleft li a{
	color:#768598;
	line-height: 58px;
	display:block;
	padding:0 10px;
	margin-bottom:-2px;
	border-bottom: #36aeea00 solid 2px;
	font-size: 14px;
	}
#mleft li a:hover{
	color:#4c657b;
	border-bottom:#36aeea solid 2px;}
	#mleft li a.hover{
	color:#4c657b;
	border-bottom:#36aeea solid 2px;}
.mleft{
	background:#ececec;
	width:124px;}

.editor-label
{
    clear: both;
    float: left;
    height: 30px;
    width: 170px;
    margin-top: 5px;
    line-height:30px;
}
.editor-field
{
    height: 30px;
	line-height:30px;
}
.text-400{
	height:60px;}
.text-400 textarea{
	height:60px;}
form p
{
    clear: both;
}
.login{
	width:80px;}
#mRight p{
	clear:both;
	float: left;
    width: 100%;}
#mRight p a{
    display: block;
    float: left;
    /*font-weight: bold;*/
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    margin-right: 3px;
    padding: 0 20px;
	margin-top:12px;
	
	
	border-style:none;
    color:#fff;
/*    font:16px "Microsoft YaHei", Verdana, Geneva, sans-serif;*/
    cursor:pointer;
    border:1px #0088bf solid;
    -webkit-box-shadow:inset 0px 0px 1px #fff;
    -moz-box-shadow:inset 0px 0px 1px #fff;
    box-shadow:inset 0px 0px 1px #fff;/*內發光效果*/
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;/*邊框圓角*/
    text-shadow:1px 1px 0px #0088bf;/*字體陰影效果*/
    background-color:#38b1eb;
    background-image: -webkit-	
	}
	
	
.acsslikebutton a {
    background: none repeat scroll 0 0 #F6F6F3;
    border: 1px solid #003C74;
    border-radius: 5px 5px 5px 5px;
    color: #000000;
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
    margin-bottom: 10px;
    margin-right: 3px;
    margin-top: 2px;
    padding: 0 10px;
}
.login_Box{
	margin:0 auto;
	width:400px;}
	


/*limits sheettext*/
.big-limits{
	font-weight:bold;
	margin:10px 0 4px 0px;}
.min-limits{
	padding-left:20px;}
	
.notice-show{
	float:left;
	width:50%;}

.sub_setting {
  /* white-space: nowrap; */
  /* padding-right: 1em; */
  min-width: 150px;
  display: inline-block;
}


/* 列印样式	*/
	
.print-body{
	font-size:15px;
	line-height:19px;
	color:#000;
	font-family:"宋体";
	padding-left:8px;
    clear:both;
	float:left;
	}
.print-body-nei{
	font-size:15px;
	line-height:19px;
	color:#000;
	font-family:"宋体";
	float:left;
	}
	
	
#mRight p.p-right{ float:right; text-align:right; padding-right:10px; padding-top:4px;}
.baobiao{
	clear:both;
	margin-bottom:10px;
	}
		
.payway{
	float:left;
	width:100%;
	margin-bottom:10px;
	margin-top:10px;}
.riqi-r{
	float:right;
	line-height:30px;}
.leiyin-r{
	float:right;}
.daying-c{
	font-weight:bold;}
	
	
	
.day-baobiaolist{
	height:400px;
	overflow-y:scroll;}
.ThinBorder1{
	width:60px;
	}
.ThinBorder2{
	width:30px;
	}
.ThinBorder3{
	width:66px;
	}
.ThinBorder4{
	width:35px;
	overflow:hidden;
	display:block;
	}
.ThinBorder4-print{
	width:23px;
	display:block;
	font-size:10px;
	}
	.ThinBorder4-print span.ProjectNamefrotitle{
	
	overflow:hidden;
	display:block;
	}
.ThinBorder5{
	width:66px;
	}
.ThinBorder6{
	width:150px;
	}
.ThinBorder7{
	width:133px;
	}
.ThinBorder8{ width:133px;}
.baobiao td{
	background:#E1E0DD;}
	
.payway td{
	background:#E1E0DD;}
	
.print-main{
	height:372px;
	display:block;}
.multiple-data{
	float:left;
	width:100%;}
.print-l{
	float:left;}
.print-l-credit{ padding-left:30px; clear:both;}

.month1{
	width:80px;}
.month2{
	width:100%;}
	
.print-bottom-dian{color:#fff;font-size:1px;}


.UserGroup-list{ float:left; width:125px;}

.totalcss{ width:227px;}

table td .baobiao table td{ border:1px solid #D2D0CC;}
table td .baobiao table{ border:1px solid #D2D0CC;}
.baobiao table td{ border:1px solid #000;}
.baobiao table th{ border:1px solid #000;}
.baobiao table{ border:1px solid #000;}


table td table tbody#head_panel  td{ background:#EAE8E4;}
table td table tbody#head_panel th{ }


.ProjectNamefrotitle{ display:block; padding:0 9px;}



.rijiebaobiao{
	clear:both;
	margin-bottom:10px;
	}
.rijiebaobiao td{
	background:#E1E0DD;}
.rijiebaobiao table td{ border:1px solid #000; padding:0 10px 0 1px;}
.rijiebaobiao table th{ border:1px solid #000;}
.rijiebaobiao table{ border:1px solid #000;}

.dayforbottom{ width:800px;}
.rijiebaobiao .dayforbottom table{ border:0px solid #000;}
.rijiebaobiao .dayforbottom td{ border:0px solid #000;}

 .ThinBorder1{ width:80px;}
 .ThinBorder2{ width:40px;}
 .ThinBorder3{ width:85px;}

table td.monbottom{ vertical-align:bottom;}

table.montablebottom{border:0px solid #000; }
table.montablebottom td{border:0px solid #000; }


.uploadimgcss{ float:left; text-align:center; padding-bottom:10px; margin-right:10px;}
.uploadimgcss-top{ padding-top:20px; float:left; width:100%;}

.ared a{ color:Red;}

/*Shop*/
.editorbig{ width:100%; height:350px;}
.editorleft{width:110px;height:100%; float:left; clear:both; padding-top:10px;}
.editorright{width:80%;height:100%; float:left;}

.rijiebaobiao .ThinBorder8{ height:30px;}
.rijiebaobiao .ThinBorder7{ height:30px;}

.bank{ height:60px;}
.bank1{ height:12px;}
.order_border{ border:1px solid #ccc; margin-top:10px;}
.order_border table th{ width:150px;}
.parting_line{ border-top:1px solid #ccc; float:left; width:100%;}
.order_remark{ margin-top:10px;}
.remark_content{ padding:10px 0;}
.tonggao-t .order_border table{ width:100%; border:0;}
.tonggao-t .order_border tr{ border:0;}
.tonggao-t .order_border th{ background:none; width:100px;}
/*manegement*/
.manegement_big_bg{ background:url(images/shop_bg.png) repeat-x top; width:100%; height:100%;}
.management_hover{height: 60px; text-align: center; line-height: 60px; border-color:#000; background:none;}
.management_hover:hover{ background-color:#a5d7b3;}


/*新框架开始*/
html, body{ height:100%;}
#page {
	margin: 0 auto;
	min-height:100%;
	width:100%; float:left;
}
#leftNav {
	background-color: #4c637b;
	border: 0px solid #00457b;
	font-size: 1em;
	width: 220px;
	position: relative;
	z-index: 2;
	bottom: 0;
	float: left;
}
#rightContainer {
	float: right;
	margin-left: -220px;
	width: 100%;
	position:relative;
}
#main2 {
	background-color: #fff;
	height: 100%;
	border: 0px solid #00457b;
	margin-left: 220px;
}
#footer {
	background-color: #e3eaf3;
	position:absolute;
	height:110px;
	bottom:0px; right:0px;
}
.footer2 {
	height: 110px;
	background-color: #e3eaf3;
	margin-left:220px;
}
.header {
	height: 71px;
	background-color: #e3eaf3;
}
.main_content {
	
	margin-left:60px;
	margin-right:60px;
}
.main_content2 {
	float:left;
	width:100%;
	padding-bottom:120px;
}
.logo{ float:left; width:100%; height:70px; background:#344c67;}
.logo img{ max-height:70px;}
#logindisplay span{ float:left; display:block; height:20px; line-height:27px; margin-left:10px;}
.changepass{ padding-left:25px; background:url(images/login_out.png) no-repeat; background-position:-11px -6px; height:20px;}
.logff{ padding-left:25px; background:url(images/login_out.png) no-repeat; background-position:-11px -40px; height:20px;}

.current_tit{ line-height:100px;}
.view_pic{ width:50px; overflow:hidden; text-align:center;}
input.a2{
	background:#f2f6fa; border-radius:4px; border:1px solid #e3eaf3; padding:0 4px;}
	
	
	
	
/*btn*/

.uploadpic{ width:120px; height:90px; border-radius:8px 8px 8px 8px; overflow:hidden; margin-bottom:5px;}
.create_btn{
    display: block;
    float: left;
    /*font-weight: bold;*/
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    margin-right: 3px;
    padding: 0 20px;
	margin-top:12px;
	border-style:none;
    color:#fff;
/*    font:16px "Microsoft YaHei", Verdana, Geneva, sans-serif;*/
    cursor:pointer;
    border:1px #0088bf solid;
    -webkit-box-shadow:inset 0px 0px 1px #fff;
    -moz-box-shadow:inset 0px 0px 1px #fff;
    box-shadow:inset 0px 0px 1px #fff;/*內發光效果*/
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;/*邊框圓角*/
    text-shadow:1px 1px 0px #0088bf;/*字體陰影效果*/
    background-color:#38b1eb;
    background-image: -webkit-	
	}
.create_next_btn a {
  display: block;
  float: left;
  /*font-weight: bold;*/
  height: 25px;
  line-height: 25px;
  margin-bottom: 10px;
  margin-right: 3px;
  padding: 0 20px;
  margin-top: 12px;
  border-style: none;
  color: #fff;
  /*    font:16px "Microsoft YaHei", Verdana, Geneva, sans-serif;*/
  cursor: pointer;
  border: 1px #059094     solid;
  -webkit-box-shadow: inset 0px 0px 1px #fff;
  -moz-box-shadow: inset 0px 0px 1px #fff;
  box-shadow: inset 0px 0px 1px #fff;
  /*內發光效果*/
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /*邊框圓角*/
  background-color: #38b1eb;
  background-image: -webkit-;
}


/*login*/
.login_body_bg{ background:#36aeea;}
.footer_fixd_body{ position:fixed; bottom:0px; left:0px; right:0px;}
.footer_fixd_body .footer2{ margin-left:0px;}
.login{ position:absolute; left:50%; top:50%; margin-left:-275px; margin-top:-250px; z-index:110; }
.login_bg{ float:left; width:546px; min-height:320px;}
.login_tit{  text-align:center; font-size:20px; font-weight:bold;  color:#fff; }	
.login_body{ margin:0 auto; width:250px; padding-top:40px; font-size:12px; color:#fff;}	
input.text1{ border-style:none; border:1px solid #71d1ff; height:36px; line-height:36px; float:left; width:190px; padding:0 6px 0 54px; font-size:16px;  color:#fff; background:none; border-radius:0px; position:relative;}
input.text2{ border-style:none; border:1px solid #71d1ff; height:36px; line-height:36px; float:left; width:90px; padding:0 10px; font-size:16px;  color:#fff; background:none;  border-radius:0px; position:relative;}
input.text2:-moz-placeholder, input.text1:-moz-placeholder{ color:#fff;}
input.text2:-ms-input-placeholder, input.text1:-ms-input-placeholder{ color:#fff;}
input.text2::-webkit-input-placeholder, input.text1::-webkit-input-placeholder{ color:#fff;}

input.text1_user{ background:url(images/login_icon.png) no-repeat -1px -1px;}
input.text_pwd{ background:url(images/login_icon.png) no-repeat -1px -56px;}
.login_tab1{ position:relative;}
.login_tab2 span.login_tab2_text2{ float:left;  position:relative; width:110px;}
.login_tab1:before, .login_tab2_text2:before{ content:'';  display:block;   height:36px; border:2px solid #74e0ff; border-right:0px solid #74e0ff; width:4px; left:0px; top:-1px; bottom:-1px; position:absolute;}
.login_tab1:after, .login_tab2_text2:after{ content:'';  display:block; height:36px; border:2px solid #74e0ff; border-left:0px solid #74e0ff; width:4px;  right:-2px; top:-1px; bottom:-1px; position:absolute;}

input.text1:before, input.text2:before{ content:'';  display:block;   height:32px; border:2px solid #74e0ff; border-right:0px solid #74e0ff; width:4px; left:0px; top:-1px; bottom:-1px; position:absolute; z-index:5;}
input.text1:after, input.text2:after{ content:'';  display:block; height:32px; border:2px solid #74e0ff; border-left:0px solid #74e0ff; width:4px;  right:0px; top:-1px; bottom:-1px; position:absolute;  z-index:5;}
/*ie*/
.login_left{ float:left; margin-left:-60px; display:block; width:60px; height:36px; line-height:36px; color:#fff; font-size:16px;}


.login_body div{ margin-bottom:10px; float:left; width:100%;}	
.login_tab2 span{ float:right; display:block; height:36px; line-height:36px;}	
.login_btn{ float:left; width:250px; border-style:none;  border:1px solid #74e0ff; background:#089cd7; height:36px; line-height:36px; font-size:16px; cursor:pointer; color:#fff; }
.login_btn:hover{ background:#3CC0F5;}
.login_tab2 a{ color:#fff;}
.login_tab2 img{padding-top: 9px;
float: left; padding-right:4px;}
 

.login_tab3{ padding-top:20px;}	

.UploadloaderDiv1{
	background:rgba(0,0,0,0.4) !important;/*实现FF背景透明，文字不透明*/
	background:rgb(0,0,0); filter:alpha(opacity=40);/*实现IE背景透明*/ 	

	float:left; width:100%; min-height:39px;
    behavior: url(http://fetchak.com/ie-css3/ie-css3.htc);
		height:100%;
		height:calc(100vh);

}
.UploadloaderDiv2{ position:relative;/*实现IE文字不透明*/
                   height:100%;
		height:calc(100vh);
                   }
.UploadloaderDiv3{ position:absolute; left:50%; top:50%; margin-left:-100px; }
.v-h{ text-align:center;}


/*商品订单列表*/
.tabcolgroup {
    width: 100%;
}

.baobeiV2 {
    width: 30%;
}

.ruleV2 {
    width: 16%;
}

.CostpriceV2 {
    width: 7%;
}

.priceV2 {
    width: 7%;
}

.quantityV2 {
    width: 6%;
}

.serveV2 {
    width: 12%;
}

.realtyPriceV2 {
    width: 6%;
}

.trade-statusV2 {
    width: 16%;
}
.btnstate
{
    height: 26px; 
    width: 80px;
    border: 1px #0088bf solid; 
    border-radius: 4px; 
    color: #fff; 
    background-color: #38b1eb;
    }
.detail {
    width: 30%;
}
/*重置表格*/
.baobei{ width:36%;}
.price{ width:7%;}
.quantity{ width:5%;}
.amount{ width:11%;}
.trade-status{ width:8%;}

table.bought_list .bought_list2, table.bought_list  .bought_list2 tr, table.bought_list  .bought_list2 tr td{ border:1px solid #E3EAF3;}
table.bought_list tr{ background:#fff;}

table.bought_list thead tr.col-name th{ background:#F2F6FA ;}
.sep-row{ height:1px;}

.pic{display: inline;
float: left;
margin: 5px 12px 0px 0px;
width: 82px;
text-align: center;
border: 1px solid #E9E9E9;}

.pic img{max-height: 80px;
max-width: 80px;
}
.desc {
    display: inline;
    float: left;
    width: 360px;
    font-size: 12px;
    overflow: hidden;
    word-wrap: break-word;
}
.origin-price {
    color: #9C9C9C;
    text-decoration: line-through;
		font-weight:400;
}
/*.bought_list2  span{ margin-right:8px;}*/
.bought_list2 th{ font-weight:400;}
.dealtime{ font-weight:700;}

/*绑定thumbnail样式看圖片*/
.thumbnail_big{ position:absolute; left:110%; top:-125px; z-index:1000; width:300px; height:300px; background:rgba(76, 99, 123, 0.5);}
.thumbnail_big_middle{width:300px; height:300px; display:table-cell; vertical-align:middle; position:relative;}
.thumbnail_big img{min-width: 300px; width:100%; vertical-align:middle; }


/*tooltip文字提示*/
#tooltip
{
    position:absolute; left:110%; top:-125px; z-index:50; width:400px; height:50px;
    background-color: #fff;
    color: #000;
    border: 1px solid #ccc;
}
#tooltip>div
{
    width:400px; height:50px; display:table-cell; vertical-align:middle; position:relative;
}

.red{color:Red;}
.blue{color:Blue;}
.gray{color:Gray;}
.green{color:Green;}
.orange{color:Orange;}
.purple{ color:Purple;}
.yellow{ color:Yellow;}

s{ font-size:13px; font-weight:normal; color:Gray;}


        .overorderV2
        {
            animation-name: likes;
            animation-direction: alternate;
            animation-timing-function: linear;
            animation-delay: 0s;
            animation-iteration-count: infinite;
            animation-duration: 1s; 
            box-shadow: 0px 5px 0px #7c745d, 0px 5px 10px rgb(0 0 0 / 70%);
            border-radius: 6px;
        }

         @keyframes likes {
            0% {
                transform: scale(1);
            }
            25% {
                transform: scale(0.95);
            }
            50% {
                transform: scale(0.9);
            }
            75% {
                transform: scale(0.95);
            }
            100% {
                transform: scale(1);
            }
        } 
        @-webkit-keyframes mymove {
            0% {
                transform: scale(1);
            }
            25% {
                transform: scale(0.95);
            }
            50% {
                transform: scale(0.9);
            }
            75% {
                transform: scale(0.95);
            }
            100% {
                transform: scale(1);
            }
        }

        .Tlabel {
            background: #4c637b;
            color: #fff;
            display: inline-block;
            margin: 8px;
            padding: 8px;
            width: 100px;
            text-align: center;
            float: left; 
            margin-top: 12px;
        }
        
.belowicon
{
    background:url(images/belowicon.png) no-repeat;
    width:20px; 
    height:20px;
    display: inline-block;
    background-size: 20px;
    }
    
.righticon
{
    background:url(images/righticon.png) no-repeat;
    width:20px; 
    height:20px;
    display: inline-block;
    background-size: 20px;
    }
    
    
.btn.active {
    background-color: #38b1eb !important;
    color: #fff !important;
}
.btn.btn-default {
        margin: 1px 2px 7px 5px;
}


/*遮罩*/
#BlackBoxDivParent { background-color: #000; top: 0; position: fixed; width: 100%; height: 100%; opacity: 0.4; filter: alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); z-index: 9999; }