/**********************************reset***********************************/
html,body{ margin:0; padding:0; width:100%; height: 100%; font-size:12px; font-family: "微软雅黑"; min-width: 1280px; overflow-x: auto;}
/*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
@media (min-width: 1281px){
	html,body{ margin:0; padding:0; width:100%; height: 100%; font-size:12px; font-family: "微软雅黑"; overflow-x: hidden;}
}
ul,li,p,hr{ list-style:none; margin:0; padding:0;}
a{ text-decoration:none; color: #1bb9e7;}
textarea{resize:none;}
table th{white-space: nowrap;}
table th,td{text-align: center;}
table input[type="text"]{text-align: center; width: 90%;}
select{
	height: 34px;
	border: 1px solid #ccc;
}

.popover {
    width:auto;
    max-width:800px;
    min-width: 200px;
}
.popover.right .arrow{
    display: none;
}

.form-group select{width:100%;}
.form-group input,.form-group select,.form-group textarea,.btn,.input-group-addon{
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
}

.nav-tabs li a{font-size: 16px;}
.panel-heading{padding:5px 15px !important;}
.panel-heading .panel-title-ellipsis{width: 50%; text-overflow:ellipsis; white-space: nowrap; overflow:hidden;}
.nav li a{padding: 5px 15px !important;}
.modal-header{padding: 7px 15px !important;}
.form-inline .form-group label{vertical-align:inherit; margin-top: 6px;font-size: 13px;}
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover 
{
	background: #2e88bc; border-color:#2e88bc;
}
/**********************************font***********************************/
.f-orange{color: #f16652;}
.f-blue{color: #07b9d9;}
.f-blue-deep{color: #8696a7;}
.f-gray{color: #71777E;}
.f-green{color: #55be95;}
.f-pink{color: #d87e6d;}
.f-red{color: #ee5b47;}
.f-yellow{color: #ffa800;}
.f-white{color: #fff;}
.f-black{color: #000;}
.f-index-title{color: #515151;}

.f-b-orange{background: #f16652;color: #fff;padding: 0 5px;}
.f-b-blue{background: #07b9d9;color: #fff;padding: 0 5px;}
.f-b-blue-deep{background: #8696a7;color: #fff;padding: 0 5px;}
.f-b-gray{background: #71777E;color: #fff;padding: 0 5px;}
.f-b-green{background: #55be95;color: #fff;padding: 0 5px;}
.f-b-pink{background: #d87e6d;color: #fff;padding: 0 5px;}
.f-b-red{background: #ee5b47;color: #fff;padding: 0 5px;}
.f-b-yellow{background: #ffa800;color: #fff;padding: 0 5px;}
.f-b-white{background: #fff;color: #fff;padding: 0 5px;}
.f-b-black{background: #000;color: #fff;padding: 0 5px;}
.f-b-index-title{background: #515151;color: #fff;padding: 0 5px;}
.f-b-ccc{background: #ccc;color: #fff;padding: 0 5px;}

.f-20{font-size: 20px;}
.f-20-i{font-size: 20px !important;}
.f-18{font-size: 18px;}
.f-14{font-size: 14px;}
.f-16{font-size: 16px;}
.f-26{font-size: 26px;}
.f-26-i{font-size: 26px !important;}
.f-34{font-size: 34px;}
.f-44{font-size: 44px;}
.f-18-b{font-size: 18px; font-weight: 700;}

.bg-red{background: #f45151;}
.bg-orange{background: #ff7000;}

.btn-blue{background: #54bedd; color: #fff;}
.btn-blue-login{background: #278de4; color: #fff;}
.btn-blue-login:hover{background: #2279c7; color: #fff;outline: none}
.btn-green{background: #00c995; color: #fff;}
.btn-orange{background: #f1a63d; color: #fff;}
.btn-gray{background: #b5b5b5; color: #fff;}
.btn-red{background: #c50000; color: #fff;}
.btn-silver{filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#eaeef1',endColorStr='#f5f9fb',gradientType=0); background: linear-gradient(#eaeef1, #f5f9fb) !important; border: 1px solid #ccc;}
.btn-yellow{background: #fbab04; color: #fff;}

.btn-red-sbc {
	background: #e21100bf;
	color: #fff;
	border-color: #e21100bf;
}
	.btn-red-sbc:hover, .btn-red-sbc:focus, .btn-red-sbc:active:hover {
		background: #e21100;
		color: #fff;
		border-color: #e21100;
	}

.btn-green-sbc {
	background: #6bc235;
	color: #fff;
	border-color: #6bc235;
}

	.btn-green-sbc:hover, .btn-green-sbc:focus, .btn-green-sbc:active:hover {
		background: #699b4a;
		color: #fff;
		outline: none;
		border-color: #699b4a;
	}
.panel-white .panel-heading{background: #fff; border-bottom: 1px solid #ccc;}


.blw0{border-left-width: 0;}
.btw1{border-top-width: 1px !important;}
/**********************************layout*********************************/
.clear{ clear:both;}
.ta-l{text-align: left;}
.ta-c{text-align: center;}
.ta-r{text-align: right;}
.va-t{vertical-align: top;}
.va-b{vertical-align: bottom;}
.pos-r{position: relative;}
.pos-a{position: absolute;}
.no-border{border: 0 !important;}
.inline{display: inline-block;}
.hasBorder{border: 1px solid #d6d9e2;}

.pd0{padding: 0;}.mg0{margin: 0;}.pd10{padding: 10px;}.pd20{padding: 20px;}.pd50{padding: 50px;}
.ml-15{margin-left: -15px;}.ml5{margin-left: 5px;}.ml10{margin-left: 10px !important;}.ml15{margin-left: 15px !important;}.ml20{margin-left: 40px !important;}.ml50{margin-left: 50px; !important;}.ml100{margin-left: 100px;}
.mr-15{margin-right: -15px;}.mr5{margin-right: 5px;}.mr10{margin-right: 10px;}.mr20{margin-right: 20px;}.mr30{margin-right: 30px;}.mr50{margin-right: 50px;}.mr100{margin-right: 100px;}
.mt-20{margin-top: -20px;}.mt-7{margin-top: -7px;}.mt7{margin-top: 7px;}.mt10{margin-top: 10px;}.mt15{margin-top: 15px;}.mt20{margin-top: 20px;}.mt50{margin-top: 50px;}.mt200{margin-top: 200px;}
.mb10{margin-bottom: 10px;}.mb20{margin-bottom: 20px;}
.pr0{padding-right: 0px;}.pr15{padding-right: 15px;}.pr30{padding-right: 30px;}
.pt7{padding-top: 7px;}.pt20{padding-top: 20px;}
.pb10{padding-bottom: 10px;}
.pl0{padding-left: 0px;}.pl10{padding-left: 10px;}.pl70{padding-left: 70px;}
.mlr-15{margin: 0 -15px;}.mlr20{margin-left:20px; margin-right: 20px;}
.plr5{padding: 0 5px;}.plr10{padding: 0 10px;}.plr20{padding: 0 20px;}.plr100{padding: 0 100px;}
.fr{float: right;}.fl{float: left;}
.h100{height: 100%;}
.w90{width: 90%;}.w100{width: 100%;}

.bl0{border-left-width: 0 !important; }
.br0{border-right-width: 0 !important; }

.bg-white{background: #fff;}

.btn-addCart:before{
	content: "";
	width: 17px; 
	height: 17px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) -40px -648px; 
	margin-right: 10px; 
}

.btn-share:before{
	content: "";
	width: 16px; 
	height: 16px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) -40px -672px; 
	margin-right: 10px; 
}

.checkboxlable{
    font-weight: inherit;
}
/**********************************icon*********************************/
.icon-bd{width: 18px; height: 20px; display: inline-block; vertical-align: top; background:url(../images/icon.png) -10px -285px;}

/**********************************main*********************************/
body{background: #f1f1f1; }
.container{padding:0; }

header{width: 100%; background-size: cover;}
.user-info>div{
    padding: 5px 5px 3px 5px;
    border: #aaa solid 2px;
    border-radius: 5px;
    font-size: 1.2em;
    line-height: 25px;
}
.user-info i{font-size: 25px;color: #999;margin-top: 3px}
.user-info span{display: inline-block;padding-bottom: 1px}
.user-info>div:hover{border: #82B5D8 solid 2px;}
.user-info div:hover i,
.user-info div:hover span{color: #82B5D8}

.user{color: #4c4c4c;}
.user .media-body{padding-top: 5px; width: auto;}
.user .media-body p:before{
	content: "";
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	/*background:url(../images/icon.png) -0 -48px; */
	margin-right: 5px;
}

.top-date .date{width: 69px; height: 52px; background: #1fbaa8; color: #fff;}
.top-date .time{width: 104px; height: 52px; background: #fff; color: #1fbaa8; padding: 0 10px;}
/**********************************leftNav*********************************/
.leftNav{ background: #444950; border-right: 1px solid #d6d9e2;}
.leftNav .logo{height: 150px;}
.leftNav a{cursor: pointer; color: #fff; display: inline-block; width: 100%;}
.leftNav .panel-group .panel-heading:hover{background:#3398d3;}
.leftNav .panel{border-radius: 0; background: #dcdce4; border:0; }
.leftNav .panel-group .panel + .panel{margin-top: 0 }
.leftNav .panel .panel-title a:before{content: ''; display: inline-block; vertical-align: top; background:url(../images/icon-nav.png); margin-right: 10px; }
.leftNav .panel .panel-title a.item1:before{ width: 25px; height: 20px;background-position: 0 0;}
.leftNav .panel .panel-title a.item2:before{ width: 22px; height: 23px;background-position: 0 -24px;}
.leftNav .panel .panel-title a.item3:before{ width: 21px; height: 23px;background-position: 0 -48px;}
.leftNav .panel .panel-title a.item4:before{ width: 20px; height: 21px;background-position: 0 -75px;}
.leftNav .panel .panel-title a.item5:before{ width: 22px; height: 22px;background-position: 0 -104px;}
.leftNav .panel .panel-title a.item6:before{ width: 21px; height: 20px;background-position: 0 -131px;}
.leftNav .panel .panel-title a.item7:before{ width: 24px; height: 19px;background-position: 0 -156px;}
.leftNav .panel .panel-title a.item8:before{ width: 21px; height: 22px;background-position: 0 -179px;}
.leftNav .panel .panel-title a.item9:before{ width: 23px; height: 21px;background-position: 0 -208px;}
.leftNav .panel .panel-title a.item10:before{ width: 23px; height: 21px;background-position: 0 -233px;}
.leftNav .panel .panel-title a:after{content: ''; width: 14px; height: 8px; display: inline-block; vertical-align: top; background:url(../images/icon-nav.png) -24px -281px; float: right; margin-top: 3px;}
.leftNav .panel .panel-title a.collapsed:after{width: 8px; height: 14px;background-position: -24px -262px;}
.leftNav .panel .panel-title a.collapsed.current:after{content: ''; width: 14px; height: 8px; display: inline-block; vertical-align: top; background:url(../images/icon-nav.png) -24px -281px; float: right; margin-top: 3px;}

.leftNav .panel-group .panel-heading:hover .panel-title a{color: #fff;}
.leftNav .panel-group .panel-heading:hover .panel-title a.item1:before{ width: 25px; height: 20px;background-position: -24px 0;}
.leftNav .panel-group .panel-heading:hover .panel-title a.item2:before{ width: 22px; height: 23px;background-position: -24px -24px;}
.leftNav .panel-group .panel-heading:hover .panel-title a.item3:before{ width: 21px; height: 23px;background-position: -24px -48px;}
.leftNav .panel-group .panel-heading:hover .panel-title a.item4:before{ width: 20px; height: 21px;background-position: -24px -75px;}
.leftNav .panel-group .panel-heading:hover .panel-title a.item5:before{ width: 22px; height: 22px;background-position: -24px -104px;}
.leftNav .panel-group .panel-heading:hover .panel-title a.item6:before{ width: 21px; height: 20px;background-position: -24px -131px;}
.leftNav .panel-group .panel-heading:hover .panel-title a.item7:before{ width: 24px; height: 19px;background-position: -24px -156px;}
.leftNav .panel-group .panel-heading:hover .panel-title a.item8:before{ width: 21px; height: 22px;background-position: -24px -179px;}
.leftNav .panel-group .panel-heading:hover .panel-title a.item9:before{ width: 23px; height: 21px;background-position: -24px -208px;}
.leftNav .panel-group .panel-heading:hover .panel-title a.item10:before{ width: 23px; height: 21px;background-position: -24px -233px;}
.leftNav .panel-group .panel-heading:hover .panel-title a:after{content: ''; width: 14px; height: 8px; display: inline-block; vertical-align: top; background:url(../images/icon-nav.png) -24px -281px; float: right; margin-top: 3px;}
.leftNav .panel-group .panel-heading:hover .panel-title a.collapsed:after{width: 8px; height: 14px;background-position: -24px -262px;}
.leftNav .panel-group .panel-heading:hover .panel-title a.collapsed.current:after{content: ''; width: 14px; height: 8px; display: inline-block; vertical-align: top; background:url(../images/icon-nav.png) -24px -281px; float: right; margin-top: 3px;}
.leftNav  .col-lg-1,.col-md-1,.col-lg-11,.col-md-11{padding-left: 0px;padding-right: 0px}
.leftNav .arrowmenu:hover{background: #5F646B;}
.leftNav .arrowmenu .line {
    height: 1px;
    background-color: #777;
    flex-grow: 1;
}

.leftNav .panel-heading{
    background: #444950;
    padding: 20px 13px 20px 5px !important;
    border-bottom: 1px solid #444950;
    border-radius: 0;
}

.leftNav .panel-title a.collapsed{text-decoration: none; font-size: 16px;}
.leftNav .panel-title a:not([class="collapsed"]){text-decoration: none; font-size: 17px;}
.leftNav .panel-title a.selected{display:block; height: 20px; line-height: 20px;}
.leftNav .panel-body{padding: 0; border: none !important; background: #444950;}
.leftNav .panel-collapse{background: #dcdce4; border: none;}
.leftNav .panel-body a{text-decoration: none; margin-left: 30px; padding-left: 15px; font-size: 14px; line-height: 50px; color: #fff; height: 50px; display: block;}
.leftNav .submenu a{padding-left: 50px; margin-left: 0; font-size: 16px; position: relative; color: #fff;}
.leftNav .submenu a:hover{background: #3398d3;}
.leftNav .submenu a.current{color: #444950; background: #f1f1f1;}
.leftNav .submenu a.current:before{content: ''; width: 10px; height: 50px; display: inline-block;left: 0;top: 0; background: #444950; position: absolute;}
.leftNav .submenu a.current:after{
	content: '';
	width: 0;
	height: 0;
	border-right:8px solid #444950;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	display: inline-block;
	right: 0px;
	top: 17px;
	position: absolute;
}

/**********************************rightContent*********************************/
.right-content{background: #f1f1f1; height: 100%;}
.nav-rt{width: 100%; height: 41px; background: url(../images/bg-bread.png) repeat-x; color: #9b9a98; padding-top: 6px; border-bottom: 0 !important;}
.nav-rt li{position: relative;}
.nav-rt a{
	color: #000;
	min-width: 100px;
	height: 33px;
	margin-right: 5px !important;
	border: 1px solid #d5d5d5 !important;
	border-bottom: 0 !important;
	padding: 6px 12px !important;
	background: #fff !important;
}
.nav-rt .active a{background: linear-gradient(#4B5057, #444950) !important; color: #fff !important; height: 34px;}

.nav-rt .icon-home{display: inline-block; width: 20px; height: 19px; background: url(../images/icon.png) -84px -612px ; margin: 0 10px 0 0; vertical-align: top;}
.nav-rt .active .icon-home{display: inline-block; width: 20px; height: 19px; background: url(../images/icon.png) -104px -612px ; margin: 0 10px 0 0; vertical-align: top;}
.nav-rt .active .icon-refresh{display: inline-block; width: 11px; height: 11px; background: url(../images/icon.png) -104px -637px ; margin: 6px 5px 0 10px; vertical-align: top;}
.nav-rt .icon-refresh{display: inline-block; width: 11px; height: 11px; background: url(../images/icon.png) -87px -637px ; margin: 6px 5px 0 10px; vertical-align: top;}
.nav-rt .active .icon-close{display: inline-block; width: 10px; height: 11px; background: url(../images/icon.png) -104px -651px ; margin: 6px 0 0 0; vertical-align: top;cursor: pointer;}
.nav-rt .icon-close{display: inline-block; width: 10px; height: 11px; background: url(../images/icon.png) -88px -651px ; margin: 6px 0 0 0; vertical-align: top;cursor: pointer;}
.nav-rt-bd {width: 100%; height: 5px; background: #fff;}

.nav-right{margin:10px 20px 0 20px; background: #f8f8f8; border: 1px solid #d9dde7;border-left-width: 0;}
.nav-right li{min-width: 106px; height: 36px; background: url(../images/bg-rt.png) no-repeat; overflow: hidden;}
.nav-right li.active a{color: #2e88bc;}
.nav-right li.active:before{
	content: "";
	width: 100%; 
	height: 5px; 
	display: inline-block; 
	position: absolute;
	top: 0;
	left: 0; 
	background: #2e88bc;
	z-index:100;
}
.nav-right li a{
	height: 36px; 
	border-right: 1px solid #ccc; 
	margin-right: 0 !important;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	color: #000;
}


.form-search{margin:0 20px;background: #fff; padding: 10px 20px 0 20px; border-top-width: 0;box-shadow: 1px 1px 5px #b3b3b3}
.form-search form{padding-bottom: 20px;}
.form-search input[type="text"]{width:150px;}

.btn-search{background: #59C35C; color: #fff;}
.btn-search:hover{color: #fff;}




.btn-online{color: #49bada; margin-right: 10px;}
.btn-online:before{
	content: "";
	width: 12px; 
	height: 24px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) -15px -357px; 
	margin-right: 5px; 
}
.btn-offline{color: #f3a73b; margin-right: 10px;}
.btn-offline:before{
	content: "";
	width: 16px; 
	height: 25px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) -15px -393px; 
	margin-right: 5px; 
}
.btn-dl{color: #666; margin-right: 10px;}
.btn-dl:before{
	content: "";
	width: 23px; 
	height: 22px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) -11px -489px; 
	margin-right: 5px; 
}
.btn-export,.btn-import{color: #666666; margin-right: 10px;}
.btn-import:before{
	content: "";
	width: 22px; 
	height: 18px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) -11px -441px; 
	margin-right: 5px; 
}
.btn-export:before{
	content: "";
	width: 26px; 
	height: 20px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) -11px -465px; 
	margin-right: 5px; 
}

/**********************************home*********************************/
.title-top{font-size: 16px; display: inline-block; margin: 35px 0 0 50px;}
.table-home{margin: 10px 20px; background: #fff;}
.table-home .title{font-size: 16px; line-height: 20px; padding: 0 15px; margin-top:20px; }
.table-home .odd{background:#fff !important;}
.table-home .even{background:#f5f7f9 !important;}
.table-home table{border-bottom: 1px solid #ccc; margin-bottom: 0;}
.table-home thead{background: #ebeef0; border-top: 1px solid #ccc;}
.table-home td{vertical-align: middle !important ;}
.table-home .dropdown{width: 94px; margin: 0 auto;}
.table-home .dropdown button{color:#ff4400; background: #fff0e7; border: 1px solid #ff4400;}
.table-home .total{padding: 20px;}

.table-home .btn-off{color:#ff4400;  border: 1px solid #ff4400; width: 100px;}

.order-submit{height:50px; margin: 20px 20px; background:#fff; border: 1px solid #ccc; padding-right: 20px;}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 2;
    vertical-align: top;
    border-top: 1px solid #ddd;
    letter-spacing: 0.2px;
}

/**********************************project*********************************/
.table-project {padding: 0px}
.table-project tr{height: 30px;}
.table-project tr:nth-child(2n){background:#f5f7f9;}
.table-project{margin:10px 0px; background: #fff; border: 1px solid #ccc;width: 630px}
.table-project .odd{background:#fff !important;}
.table-project .even{background:#f5f7f9 !important;}

.table-project input[type="checkbox"]{background: #ffffff;}

.table-project label{font-weight: inherit;}

/********************************table-sys***********************************/
.table-sys .odd{background:#fff !important;}
.table-sys .even{background:#fff !important;}
.table-sys tr.group{background:#f5f7f9 !important;}
.table-sys tr.group td{text-align: left;padding-left: 50px;}
.table-sys.dataTable{margin-top: 20px !important;}
/********************************table-mkt***********************************/
.table-mkt.dataTable{margin-top: 20px !important;}

.addImage{width: 124px; height: 86px; background: url(../images/addImage.png);}

.btn-close{position: absolute; display: inline-block;top: 6px; right: 12px; width: 24px; height: 24px; background: url(../images/btn-close.png);cursor: pointer;}


/**********************************list-feature*********************************/
.list-feature .btn{color: #fff;height: 100%;width: 100%;font-size: 20px;/*line-height: 100px*/}
.list-feature .btn .glyphicon:before{margin-right: 10px;}
.list-feature .btn-visit{background: #30afb1;}
.list-feature .btn-proj{background: #46bf5e;}

.list-feature{padding:0px; height: 100px; background: #fff; margin:20px; box-shadow: 1px 1px 5px #b3b3b3;width: 20%;float: left}
.list-feature>div{width: 1070px; margin: 0 auto; padding: 0 20px;}
.list-feature span{font-size: 20px;}
.list-feature .arrow-left{display: inline-block; width: 30px; height: 54px; background: url(../images/icon-index.png) 0 -796px; margin: 30px 0 0 0; cursor: pointer;}
.list-feature .arrow-right{display: inline-block; width: 30px; height: 54px; background: url(../images/icon-index.png) -40px -796px; margin: 30px 0 0 0; cursor: pointer;}
.list-feature li{float:left; margin:0 40px; }
.list-feature li .title{width: 81px; text-align: center; margin-top: 10px;}
.list-feature .item1 .icon{width: 81px; height: 81px; background: url(../images/icon-index.png) 0 0;}
.list-feature .item2 .icon{width: 81px; height: 81px; background: url(../images/icon-index.png) 0 -87px;}
.list-feature .item3 .icon{width: 81px; height: 81px; background: url(../images/icon-index.png) 0 -172px;}
.list-feature .item4 .icon{width: 81px; height: 81px; background: url(../images/icon-index.png) 0 -259px;}
.list-feature .item5 .icon{width: 81px; height: 81px; background: url(../images/icon-index.png) 0 -348px;}
.list-feature .item6 .icon{width: 81px; height: 81px; background: url(../images/icon-index.png) 0 -440px;}
.list-feature .item7 .icon{width: 81px; height: 81px; background: url(../images/icon-index.png) 0 -528px;}
.list-feature .item8 .icon{width: 81px; height: 81px; background: url(../images/icon-index.png) 0 -615px;}
.list-feature .item9 .icon{width: 81px; height: 81px; background: url(../images/icon-index.png) 0 -703px;}
.list-feature .item10 .icon{width: 81px; height: 81px; background: url(../images/icon-index.png) -96px 0;}
.list-feature .item11 .icon{width: 81px; height: 81px; background: url(../images/icon-index.png) -96px -88px;}
.list-feature .item12 .icon{width: 81px; height: 81px; background: url(../images/icon-index.png) -96px -176px;}
.item10 .icon{width: 81px; height: 81px; background: url(../images/icon-index.png) -96px 0;}
.item11 .icon{width: 81px; height: 81px; background: url(../images/icon-index.png) -96px -88px;}

/**********************************index*********************************/
.message{min-height: 270px; height:100%;background: #fff; box-shadow: 1px 1px 5px #b3b3b3;}
.message .panel-heading{height: 40px;}
.message .panel-title:before{
	content: "";
	width: 23px; 
	height: 30px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) 0 -104px; 
	margin-right: 10px; 
}
.message .btn-more{width: 106px; height: 34px; background: #fff; border: 1px solid #41a46a; color:#41a46a;}
.message li{height: 39px; line-height: 39px;}
.message li span{display: inline-block; float: right; color: #cacaca;}

.process {background: #fff;min-height: 270px; height:100%; box-shadow: 1px 1px 5px #b3b3b3;}
.process .panel-heading{height: 40px;}
.process .panel-title:before{
	content: "";
	width: 25px; 
	height: 25px; 
	display: inline-block; 
	vertical-align: middle; 
	/*background:url(../images/icon.png) 0 -72px; */
	margin-right: 10px; 
}
.process ul{padding:5px 20px;}
.process li{height: 30px; margin-bottom: 10px;}
.process li span{display: inline-block; float: right; width: 40px; height: 24px; text-align: center; line-height: 24px;}
.process .item1:before{
	content: "";
	width: 21px; 
	height: 20px; 
	display: inline-block; 
	vertical-align: top; 
	background:url(../images/icon.png) 0 -544px; 
	margin-right: 10px; 
}
.process .item2:before{
	content: "";
	width: 21px; 
	height: 18px; 
	display: inline-block; 
	vertical-align: top; 
	background:url(../images/icon.png) 0 -568px; 
	margin-right: 10px; 
}.process .item3:before{
	content: "";
	width: 21px; 
	height: 18px; 
	display: inline-block; 
	vertical-align: top; 
	background:url(../images/icon.png) 0 -592px; 
	margin-right: 10px; 
}.process .item4:before{
	content: "";
	width: 21px; 
	height: 24px; 
	display: inline-block; 
	vertical-align: top; 
	background:url(../images/icon.png) 0 -616px;
	margin-right: 10px; 
}.process .item5:before{
	content: "";
	width: 21px; 
	height: 18px; 
	display: inline-block; 
	vertical-align: top; 
	background:url(../images/icon.png) 0 -648px; 
	margin-right: 10px; 
}

/**********************************chart*********************************/
.chart .nav-tabs{ margin:10px 20px 0 20px;background: #f8f8f8;}
.chart .nav-tabs li{width: 50%; text-align: center; position: relative;}
.chart .nav-tabs li.active:before{
	content: "";
	width: 100%; 
	height: 5px; 
	display: inline-block; 
	position: absolute;
	/*top: 0;*/
	bottom: 0;
	left: 0; 
	background: #bb0404;
	z-index:100;
}

.chart .nav-tabs li a{
	margin-right: 0 !important;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 5px 15px;
}



/**********************************b-info*********************************/
.b-info {background: #fff;}
.b-info .panel-body label,.b-info .panel-body p{line-height: 34px;}
.b-info .panel-body .radio label{line-height: 20px;}
.b-info .panel-body .radio .radio-inline{padding-top: 0;}
.b-info .panel-body .divide{width: 90%; height: 1px; margin: 30px auto; border-top: 1px dashed #ccc;}


.b-info .icon-success:after{
	content: "";
	width: 18px; 
	height: 18px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) -43px -409px; 
	margin-left: 10px;
}

.b-info .icon-warn:after{
	content: "";
	width: 18px; 
	height: 18px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) -43px -434px; 
	margin-left: 10px;
}

.b-info .icon-error:before{
	content: "";
	width: 16px; 
	height: 16px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) 0 -760px; 
	margin-right: 10px;
}


.b-info .m-info{padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.b-info .m-info:before{
	content: "";
	width: 23px; 
	height: 23px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) 0 -704px; 
	margin-right: 10px;
}

.l-upload{position: relative;}
.b-info .panel-body .l-upload p{position: absolute; bottom: 9px; left: 8px; width: 123px; height: 25px; line-height: 25px; text-align: center; background: rgba(153,153,153,.5);}

.b-info dl{
	background: #fef5d8; 
	width: 90%; 
	margin: 20px auto; 
	padding:10px 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}


.b-info .step{position: relative; width: 90%; height: 70px; margin:30px auto;}
.b-info .step1{width: 80px;}
.b-info .step .hLine{width: 100%; height: 6px; background: #efefef;}
.b-info .step p{text-align: center;}
.b-info .step .circle-outLine{
	padding: 4px;
	width: 42px; 
	height: 42px; 
	margin:0 auto;
	background: #dedede;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
}
.b-info .step .circle-inLine{
	width: 34px; 
	height: 34px; 
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	color: #fff;
	text-align: center;
	line-height: 34px;
	font-size: 18px;
}
.b-info .step .circle-green{background: #9cca3e;}
.b-info .step .circle-gray{background: #ccc;}
.b-info .step .circle-orange{background: #febf04;}
.b-info .step .circle-blue{background: #27bc9c;}
.b-info .step1{position: absolute; top: -20px; left: 20px;}
.b-info .step2{position: absolute; top: -20px; left: 48%;}
.b-info .step3{position: absolute; top: -20px; right: 20px;}

.b-info .authentication{ margin: 8px 0 0 10px;}
.b-info .authentication li{margin-right: 10px; color: #cccccc;}
.b-info .authentication li.active{color: #27bc9c;}
.b-info .authentication li.active:before{
	content: "";
	width: 14px; 
	height: 17px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) -43px -459px; 
	margin-right: 10px;
}
.b-info .authentication li:before{
	content: "";
	width: 14px; 
	height: 17px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) -43px -481px; 
	margin-right: 10px;
}

/*******************************user-info************************************/
.account-info{padding:0 50px;}
.account-info-top{border-bottom: 1px solid #ccc;}
.account-info-top h4{width: 100px; text-align: center; border-bottom: 3px solid #5dc59d; margin-bottom: 0; padding-bottom:10px; }
.account-info-content{padding: 20px 100px;}
.account-info-content .media-body{padding-left: 50px;}
.account-info-content .media-body label{width: 100px; text-align: right;}
.account-info-content .media-body>div{margin: 10px 0;}
.account-info-content .progress{width: 319px; height: 6px; margin-bottom: 0; vertical-align: middle;}
.account-info .icon-success:after{
	content: "";
	width: 18px; 
	height: 18px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) -43px -409px; 
	margin-left: 10px;
}

.account-info .icon-warn:after{
	content: "";
	width: 18px; 
	height: 18px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) -43px -434px; 
	margin-left: 10px;
}
.account-info-top .opt .btn-edit:before{
	content: "";
	width: 20px; 
	height: 23px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) -40px -503px; 
	margin-right: 10px;
}
.account-info-top .opt .btn-collapse,.account-info-top .opt .btn-spread{color: #3784d0;}
.account-info-top .opt .btn-collapse:before{
	content: "";
	width: 16px; 
	height: 21px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) -40px -531px; 
	margin-right: 10px;
}

.account-info-top .opt .btn-spread:before{
	content: "";
	width: 16px; 
	height: 21px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) -59px -531px; 
	margin-right: 10px;
}

.account-info-content .password:before{
	content: "";
	width: 19px; 
	height: 22px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) -40px -564px; 
	margin-right: 10px;
}

.account-info-content .phone:before{
	content: "";
	width: 23px; 
	height: 23px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) -40px -592px; 
	margin-right: 10px;
}

.account-info-content .name:before{
	content: "";
	width: 22px; 
	height: 23px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) -40px -621px; 
	margin-right: 10px;
}
.account-info-content .pw-strength li{float:left; width: 40px; height: 20px; margin-right: 1px; color: #fff; text-align: center; line-height: 20px; background: #ccc;}
/**************************************************************************/
.addr-new{position: absolute; right: 10px; top: 0px;}
.addr-new i{border-radius: 100%; border: 2px solid #ccc; padding: 5px;}
.addr{display: inline-block; width:136px; height: 26px; border:3px solid #e4393c; text-align: center; position: relative;}
.addr:after{
	content: "";
	width: 16px; 
	height: 16px; 
	display: inline-block; 
	position: absolute;
	bottom: -3px;
	right: -3px;
	background:url(../images/icon.png) -40px -704px;
}

/**********************************login*********************************/
.login header{height: 80px; padding: 10px 80px; width: 100%; background:#fff; position: relative; z-index: 999;}

.login .l-bg{background: url("../images/bg-login.png");height: 100%;background-size: cover}
.login .l-bg{position: absolute; right: 0;bottom: 0;left: 0;top:0px;}

.login .l-body{position: relative;}
.login .l-body .btngroup-login{position: absolute; left: 25%; bottom:60px;}
.login .l-body form{position: absolute; right: 15%; top:150px;}

.login .l-body form{width: 330px; padding: 30px; float: right; background: #fff; border: 1px solid #ccc;}
.login .l-body form button{width: 100%;}
.login .l-body form .input-group-addon{background: transparent; color: #8cb0cf;}
.login .l-body form .no-shadow{ box-shadow: inset 0 0 0 ; -webkit-box-shadow:inset 0 0 0;}

.login .solution{height: 284px; width: 100%; background: #f5f5f5; }
.login .solution .items{width: 710px; margin: 0 auto; padding-top: 50px;}
.login .solution .item1{background: #2c8aee; width: 342px; height: 180px; margin-right: 20px; position: relative;}
.login .solution .item1 .icon{width: 60px; height: 64px; background: url(../images/icon.png) 0 -816px; position: absolute; top: 50px; left: 141px;}
.login .solution .item2{background: #00c995; width: 342px; height: 180px; position: relative;}
.login .solution .item2 .icon{width: 60px; height: 48px; background: url(../images/icon.png) 0 -880px; position: absolute; top: 50px; left: 141px;}
.login .solution .items p{color: #fff; text-align: center; position: absolute; bottom: 20px; width: 100%; font-size: 16px;}

/**********************************footer*********************************/
footer{height: 80px; width: 100%; padding: 20px; z-index: 100; background: #dddddd;}
footer div{text-align: center; color: #fff;}
.reg~footer{background: #fff; margin-top: -80px;}
/**********************************modal*********************************/
.modal-dialog{margin-top: 50px;}
.modal-header{padding:10px 15px;background: #4B5057;min-height: 40px}

.dropdown-menu{max-height: 150px;overflow-y: auto}

.leftNav::-webkit-scrollbar {
    display: none;
}

/**********************************label*********************************/
label {
	line-height:30px;
}
.label-normal {
    font-weight: normal;
}

.fade {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    opacity: 1;
    background-color: #33333377;
}