﻿/*全局定义开始*/
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } /*此为解决苹果手机对input按钮编译不一样的问题*/

.text-justify
{
	-moz-text-align-last: justify;
    text-align: justify;
    display: inline-block;
    overflow: hidden;
}/*文本两端对齐*/
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,del,em,img,q,s,samp,small,strong,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,form,label,table,tbody,tfoot,thead,tr,th,td,article,figure,footer,header,menu,nav{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
*
{
	margin: 0;
	padding: 0;
}
ol,ul{list-style:none;}
a{
	color: #666;
	text-decoration:none;
	cursor:pointer;
}
a:hover{
	color: #333;
}
em
{
	color: #ee455e;
}
.color-r
{
	color: #ee455e;
}
.clear::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clear {
    clear: both;
}
.ltr
{
	float: left;
}
.rtl
{
	float: right;
}
.i-icon
{
	display: block;
	display: inline-block;
	position: absolute;
}
.hide
{
	display: none;
}
.bg {
    background-color:#fff;
}
.border {
    border:1px solid #e0e0e0;
}
.border-b {
    border-bottom:1px solid #e0e0e0;
}
.border-t {
    border-top:1px solid #e0e0e0;
}
.border-l {
    border-left:1px solid #e0e0e0;
}
.border-r {
    border-right:1px solid #e0e0e0;
}
.auto
{
    margin-left:auto;
    margin-right:auto;
}
.margin-b10 {
    margin-bottom:10px;
}
.margin-t10 {
    margin-top:10px;
}
.margin-l10 {
    margin-left:10px;
}
.margin-r10 {
    margin-right:10px;
}
.margin-r5 {
    margin-right:5px;
}
.margin-l5 {
    margin-left:5px;
}
.margin-t5 {
    margin-top:5px;
}
.margin-b5 {
    margin-bottom:5px;
}
.margin-tb10 {
    margin-top:10px;
    margin-bottom:10px;
}
.margin-tb5 {
    margin-top:5px;
    margin-bottom:5px;
}
.padding-tb10 {
    padding-top:10px;
    padding-bottom:10px;
}
.padding-tb5 {
    padding-top:5px;
    padding-bottom:5px;
}
.padding-b10 {
    padding-bottom:10px;
}
.padding-t10 {
    padding-top:10px;
}
.padding-l10 {
    padding-left:10px;
}
.padding-r10 {
    padding-right:10px;
}
.padding-r5 {
    padding-right:5px;
}
.padding-l5 {
    padding-left:5px;
}
.padding-t5 {
    padding-top:5px;
}
.padding-b5 {
    padding-bottom:5px;
}
.imitate-btn
{
	_display: block;
	display: inline-block;
	 border-radius: 3px;
	 height: 30px;
	 line-height: 30px;
	 border: none;
	 color: #fff;
	 padding:0 10px; 
}
a.imitate-btn
{
	 color: #fff;
}
.imitate-btn:hover
{
	background-color: #66ccff;
}
/*.imitate-ipt
{
	_display: block;
	display: inline-block;
	 border-radius: 3px;
	 height: 30px;
	 border:1px solid #ccc;
	 padding: 0 5px;
}
.imitate-ipt:focus
{
	 border:1px solid #3897d3;
}
.imitate-sel
{
	_display: block;
	display: inline-block;
	 border-radius: 3px;
	 height: 30px;
	 border:1px solid #ccc;
	 padding: 0 0 0 5px;
}*/
.imitate-ipt
{
	_display: block;
	border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: content-box;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding: 6px 5px;
}
.imitate-ipt:focus
{
	 border:1px solid #3897d3;
}
.imitate-sel
{
	_display: block;
	display: inline-block;
	 border-radius: 3px;
	 height:30px;
	 border:1px solid #ccc;
	 padding: 4px 5px;
}
.imitate-sel:focus
{
	 border:1px solid #3897d3;
}
.imitate-file
{
	background: #66ccff none repeat scroll 0 0;
    border: 1px solid #3897d3;
    border-radius: 4px;
    box-sizing: content-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    margin-top: 0;
    overflow: hidden;
    padding: 6px 10px;
    position: relative;
    text-decoration: none;
    text-indent: 0;
    vertical-align: bottom;
    width: 60px;
    text-align: center;
}
.imitate-file input
{
	cursor: pointer;
    
    height: 100%;
    filter:alpha(Opacity=0);
-moz-opacity:0;
opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
}
.btn-color
{
	 background-color: #3897d3;
}
.current-location
{
	padding: 10px 0;
	line-height: 20px;
	font-size: 14px;
	color: #333;
}
.padding-bg
{
	padding: 10px 20px;
	background-color: #fff;
}

.wg-table {
    border: 0;
    border-collapse: collapse;
    margin-bottom: 4px;
    margin-top: 4px;
    width: 100%;
}
.wg-table input
{
	vertical-align: middle;
}
.wg-table tr:nth-child(2n+1) td
{
	background-color: #fff;
}
.wg-table tr td{
    background-color: #eee;
    border: 0;
    padding: 8px 2px;
}
.wg-table tr td a
{
	color: #3897d3;
}
.wg-table tr th {
    background-color: #fff;
    border: 0;
    padding: 10px 2px;
    font-weight: 700;
    color: #333;
}
.wg-table tr:hover td
{
	background-color: #3897d3;
	color: #fff;
}
.wg-table tr:hover td a
{
	color: #fff;
}
.text-center
{
	text-align: center;
}
.text-right
{
	text-align: center;
}
.d-title
{
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
.d-title p
{
	border-left: 2px solid #3897d3;
	padding: 0 10px;
	font-size: 14px;
	color: #333;
}
.d-title .s-l
{
	border-left: 2px solid #3897d3;
	padding: 0 10px;
	font-size: 14px;
	color: #333;
}
.justify{
    display: inline-block;
    overflow: hidden;
    text-align: justify;
    text-justify: distribute-all-lines;
    text-align-last: justify;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify;
    color: #404040;
    font-weight: normal;
    _display: block;
    display: inline-block;
    vertical-align: middle;
}

.justify::after {
   /* content: "";*/
    display: inline-block;
    width: 100%;
}

.tb-justify th{
    display: inline-block;
    overflow: hidden;
    text-align: justify;
    text-justify: distribute-all-lines;
    text-align-last: justify;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify;
    color: #404040;
    font-weight: normal;
    _display: block;
    display: inline-block;
    vertical-align: middle;
}

.tb-justify th::after {
  /*  content: "";*/
    display: inline-block;
    width: 100%;
}
.tb-th4
{
	padding: 20px;
}
.tb-th4 th
{
	width: 5em;
}
.tb-th5 th
{
	width: 6em;
}
.tb-th7 th
{
	width: 7em;
}
.tb-th8 th
{
	width: 8em;
}
.tb-th9 th
{
	width: 9em;
}
.error-l
{
	color: #ee455e;
	margin-left: 10px;
}
.error-l em
{
	margin: 0 5px;
}
/*全局定义结束*/

/*整体框架样式开始*/
html,body
{
	/*height: 100%;*/
}
body
{
	background: #f5f5f5;
	font-size: 12px;
	font-family: 宋体;
	color: #666;
	min-width: 1280px;
}
.left-bg
{
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #314158;
	width: 190px;
	z-index:1;
    
}
.home-content
{
	/*height: 100%;overflow-y: auto;overflow-x: hidden;*/
	position: relative;
	z-index:2;
	overflow:hidden;
	/*height: 100%;*/
    
}
.home-content .hc-heaer
{
	height: 116px;
    position: relative;
    width: 100%;
    z-index: 99999;
    background-color: #eee;
}
.home-content .hc-heaer .hc-heaer-fixed
{
	height: 116px;
	left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    background-color: #eee;
    min-width: 1280px;
}
.home-content .hc-heaer .hh-top
{
	padding: 0 10px;
	border-bottom: 1px solid #ccc;
	height: 31px;
	line-height: 31px;
}
.home-content .hc-heaer .hh-top span
{
	 padding-right: 10px;
}
.home-content .hc-heaer .hh-bottom
{
	padding: 0 10px;
	border-bottom: 3px solid #3897d3;
	height: 81px;
}
.hh-bottom .ltr
{
	height: 80px;
}
.hh-bottom .ltr .ltr-i
{
	/*height: 100%;*/
}
.hh-bottom .ltr .rtl-s
{
	 line-height: 30px;
	 height: 30px;
	 font-size: 18px;
	 margin-top: 40px;
}
ul.r-main
{
	margin-top: 10px;
}
ul.r-main li
{
	 float: left;
	 width: 50px;
	 color: #3897d3;
	 margin-left: 15px;
}
ul.r-main .rm-a
{
	 padding-top: 40px;
	 width: 50px;
	 background: url(../images/ypk-icon.png) no-repeat scroll 0 0;
	 color: #3897d3;
	 line-height: 20px;
	 display: block;
}
ul.r-main .rm-a.img-li1
{
	 background: url(../images/ypk-icon.png) no-repeat scroll 0 0;
}
ul.r-main .rm-a.img-li2
{
	 background: url(../images/ypk-icon.png) no-repeat scroll -50px 0;
}
ul.r-main .rm-a.img-li3
{
	 background: url(../images/ypk-icon.png) no-repeat scroll -100px 0;
}
ul.r-main .rm-a.img-li4
{
	 background: url(../images/ypk-icon.png) no-repeat scroll -150px 0;
}
ul.r-main .rm-a.img-li5
{
	 background: url(../images/ypk-icon.png) no-repeat scroll -200px 0;
}
.home-content .take-place
{
	height: 116px;
}

.home-content .hc-main
{
	/*height: 100%;*/
    overflow: visible;
    position: relative;
    z-index: 50;
    background-color: #f5f5f5;
    padding-left: 190px;
}
.home-content .hc-main .hcm-pos-bg
{
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #314158;
	width: 190px;
	z-index: 1;
    
}
.home-content .hc-main .hcm-ltr
{
	/*height: 100%;*/
	width: 190px;
	float: left;
	background-color: #314158;
	 margin-left: -190px;
	 position: relative;
	 z-index: 2;
}
.hcm-ltr .top
{
	height: 200px;
	padding: 10px 15px;
	background-color: #fff;
	display:none;
}
.hcm-ltr .top .store-logo
{
	height: 150px;
	width: 150px;
	margin: 0 20px;
	background-color: #f5f5f5;
}
.hcm-ltr .top .store-logo img
{
	height: 100%;
	width: 100%;
}
.hcm-ltr .top .store-name
{
	margin: 10px 0;
	line-height: 20px;
	font-size: 16px;
}
.hcm-ltr .menu
{
	padding:0;
	background-color: #314158;
	color: #fff;
	font-size: 15px;
}
.m-ul li{
    cursor: pointer;
    background:url(../images/d-icon-b.png) no-repeat scroll 93% 12px / 18px 18px;
    border-bottom: 1px solid #314863;
}
.m-ul li.on
{
	background:url(../images/d-icon-t.png) no-repeat scroll 93% 12px /  18px 18px;
}
.m-ul li:last-child{
	
}
.m-ul-ul
{
	display:none;
}
.m-ul li.on .m-ul-ul
{
	 display:block;
}

.m-ul-ul li
{
	color: #fff;
	font-size: 12px;
	 line-height:24px;
	 padding:10px 0;
    padding-left: 8px;
    border: 0;
    background:none;

}
.m-ul-ul li.on
{
	 background:#3897d3;
}
.m-ul-ul li.on a
{
	 color: #fff;
}
.m-ul-ul li a
{
	color: #fff;
	font-size: 12px;
	padding-left: 50px;
}
.m-ul li p
{
	 line-height: 24px;
	 padding:10px 25px 10px 40px;
}
.m-ul li.li1 p
{
	background:url(../images/u-icon1.png) no-repeat scroll 10px 10px / 24px 24px;
}
.m-ul li.li2 p
{
	background:url(../images/u-icon2.png) no-repeat scroll 10px 10px / 24px 24px;
}
.m-ul li.li3 p
{
	background:url(../images/u-icon3.png) no-repeat scroll 10px 10px / 24px 24px;
}
.m-ul li.li4 p
{
	background:url(../images/u-icon4.png) no-repeat scroll 10px 10px / 24px 24px;
}
	
.home-content .hc-main .hcm-rtl
{
	padding: 0 10px;
	position: relative;
}

.hr-main
{
	/*height: 100%;*/
	background-color: #f5f5f5;
}
.hr-bottom
{
	height: 50px;
}
.hb-fixed
{
    bottom: 0;
    height: 40px;
    left: 0;
    position: fixed;
    width: 100%;
    margin-left: 190px;
    text-align: center;
    border-top:1px solid #ccc;
    background-color: #f5f5f5;
}
.hb-fixed .pagination
{
	margin:4px 0 4px -110px;
}
/**/
/*字体图标 start*/
 @font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?v=20170112');
  src:  url('../fonts/icomoon.eot?v=20170112') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?v=20170112') format('truetype'),
    url('../fonts/icomoon.woff?v=20170112') format('woff'),
    url('../fonts/icomoon.svg?v=20170112') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  -webkit-text-stroke-width: 0.2px;
    color: rgba(0, 0, 0, 0.5);
    display: block;
    font-family: icomoon !important;
    font-size: 32px;
    font-style: normal;
    line-height: 44px;
  
}

.icon-jrdd:before {
  content: "\e900";
}
.icon-dqdd:before {
  content: "\e901";
}
.icon-yye:before {
  content: "\e902";
}
.icon-yj:before {
  content: "\e903";
}
/**/
/*整体框架样式结束*/