*{ margin: 0; padding: 0;}
html,body{background: #f8f8f8;width: 100%; height: 100%;}
html{font-size: 10px;}
body{font-family: "宋体", "Open Sans", Arial, sans-serif;font-size: 12px;margin: 0;padding: 0;min-height: 100%;position:relative;direction: ltr;color: #333;overflow-x: hidden;overflow-y: scroll;}
a{color: #0096ff; text-decoration: none;}
a:hover, a:focus{ text-decoration: underline;}
a:focus { outline:none;}
a:active{color: #bfbfbf;}
h1,h2,h3,h4,h5,h6 { font-family: "微软雅黑"; font-weight: normal;}
input[type=submit],input[type=button] { border: none; cursor: pointer;}
.flt_l { float: left;}
.flt_r { float: right;}
ul li { list-style: none;}

/* Sidebar
===================================================================*/
.sidebar{background: #2374ea; font-size: 14px; color: #cccccc;position: absolute;top: 0;left: 0;min-height: 100%;width: 220px;z-index: 12;overflow: hidden; backface-visibility: hidden;transform-style: preserve-3d;}
.sidebar a{color: #fff;}
.sidebar .sidebar-header{padding: 20px 33px;height: 110px; text-align: center;position: relative;background: #013c93 !important;}
.sidebar .sidebar-header img{width: 173px;text-align: center;}
.nav-sidebar > li { margin-bottom: 1px;}
.nav-sidebar > li > a, .nav-sidebar > li > a:focus{ background-color: #0c5dd3;}
.nav-sidebar > li > a:hover { font-weight: bold; background-color: #0c5dd3; }

.icon { display: inline-block; float: left; margin-right: 12px; margin-top: 2px; width: 21px; height: 18px; background: url(../images/icons.png) 0 0 no-repeat; }
.icon01 { background-position: 0 0;}
.icon02 { background-position: 0 -30px;}
.icon03 { background-position: 0 -58px; margin-top: 0;}
.icon04 { background-position: 0 -90px;}
.icon05 { background-position: 0 -120px;}
.icon06 { background-position: 0 -150px;}
.icon07 { background-position: 0 -180px;}
.icon08 { background-position: 0 -235px; width: 16px; margin-right: 0;}
.icon09 { width: 16px; height: 19px; background-position: 0 -310px; margin: 0;}
.icon10 { width: 22px; height: 19px; background-position: 0 -360px; margin: 0;}
.icon11 { width: 10px; height: 10px; background-position: 0 -410px; margin-top: 10px; margin-right: 8px; }
.icon12 { width: 12px; background-position: 0 -450px; }
.icon13 { width: 14px; background-position: 0 -480px; margin-left: 45px;}
.icon14 { width: 20px; height: 15px; background-position: 0 -510px; }

/* Navbar Notifications*/
.navbar {box-sizing: border-box; margin: 0;padding: 0 10px 0 220px;height: 44px; min-height: 44px; border: none;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;color: #fff;background: #2374ea !important;position: absolute;width: 100%;z-index: 11;backface-visibility: hidden;transform-style: preserve-3d;}
.navbar .container-nav{height: 62px;}
.navbar .navbar-actions{font-size: 20px;}

.nav-children > li > a { padding-left: 45px;}
.nav-children > li > a:hover,.nav-children > li > a.current { color: #333; background-color: #f8f8f8;}
.nav-children > li > a:hover .icon08,.nav-children > li > a.current .icon08 { background-position: 0 -265px; }
.navbar-right .dropdown-toggle { height: 44px;}
.navbar-right .dropdown-toggle:hover,.navbar-right .dropdown-toggle:active { background-color: #1851a3;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #1851a3; }
.navbar-right .dropdown { margin-left: 10px;}
.navbar-right .dropdown-menu > li > a { font-size: 12px; color: #666;}
.navbar-right .dropdown-menu .divider { margin: 6px 0;}
.badge { position: absolute; top: 6px; right: 10px; padding: 2px 4px; background-color: #f20000; font-weight: normal; }

/*后台主div*/
.mm-page{ background: #f8f8f8 url(../images/bg_left.jpg) 0 0 repeat-y; }
.main-container { padding:70px 0 0 230px;}

/*.breadcrumb*/
.breadcrumb { background-color: #51b8fa; border-radius: 0;}
.breadcrumb,.breadcrumb a { color: #fff; font-weight: bold;}
.form-horizontal .control-label{ width:200px; float: left; font-weight: normal; padding: 0; height: 34px; line-height: 34px;}
.form-horizontal .controls { margin-left:210px;*margin-left:0;}
.main-container .text,.wrap .text { width: 220px; border-radius: 0;}
.main-container .text ,.content .text{ display: inline-block;}
.main-container .textarea,.wrap .textarea { width: 450px; border-radius: 0;}
.select { width: 220px; height: 34px; line-height: 34px; padding: 0 6px; border-radius: 0; border-color: #ccc;}
.radio-inline input[type="radio"] { margin-top: 2px;}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-left: 25px;}
.error-tips { display: inline-block; margin-top: 12px; color: #f00;}

/* login*/
.login { background: url(../images/bg_login-v3.jpg) no-repeat top; background-size: cover; height: 100%; }
.login-div { width: 470px; padding:0px; position:absolute;top:38%;left:52%;}
.login h3 { color: #fff; font-size: 18px; margin-left: 50px;}
.login form { padding-left: 50px; margin-top: 20px; font-size: 14px;}
.login form p { position: relative;}
.login form .text,.login form .password { width: 260px; height: 40px; padding: 6px 6px 6px 40px; margin-bottom: 20px; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.login form .submit { display: inline-block; background-color: #00c0ff; width: 122px; height: 40px; text-align: center; line-height: 40px; color: #fff;}
.login form a { margin-left: 20px; color: #fff; font-size: 12px; }
.icon-username,.icon-password { display: inline-block; position: absolute; width:40px; height: 40px;  background: url(../images/bg_up.png) 15px 50% no-repeat; }
.icon-password { background-position: -35px 50%;}
.login .bottom { text-align: center; color: #fff; font-family: "微软雅黑"; color: #666; font-size: 14px; margin-top: 180px; }

/*head*/
.head { background-color: #0b5ed7; padding: 10px 0;}
.wrap { width: 1200px; margin: 0 auto;}
.topinfo { float: right; margin-top: -10px; height: 80px; background:rgba(0,41,75,.5); padding: 0 20px;}
.topinfo p { color:#fff; margin-top:15px; margin-bottom: 16px;}
.topinfo p span { color:#ffff00; font-size:14px; font-weight:bold; padding-left:12px;}
.topinfo ul { margin:0;}
.topinfo ul li { float:left;}
.topinfo ul li a { color:#fff;}

/*首页5块*/
.mainnav { margin-top: 160px;}
.mainnav li { float: left; margin: 0 55px;}
.mainnav li a { display: inline-block; text-align: center; color: #666; font-size: 16px; font-family: "微软雅黑";}
.mainnav li a:hover { text-decoration: none;}
.mainnav li a span { color: #ff6600;}
.mainnav li a i { display: block; margin-bottom: 12px; text-align: center; line-height: 130px; color: #fff; font-style: normal; font-size: 34px; width: 130px; height: 130px; border-radius: 100%; }
.ipsi { background-color: #de98ff;}
.iiretail { background-color: #57b9f6;}
.ib2b { background-color: #77d36b;}
.ib2i { background-color: #ffc342;}
.mainnav li a .ib2c { background-color: #ff6868;}

/*menu*/
.menu { background-color: #ededed; padding: 15px 0;}
.first-menu li { float: left; margin-right: 12px; }
.first-menu > li { padding: 8px 8px 4px 8px; border-radius: 45px;}
.first-menu > li.current { background-color: #fff;}
.first-menu > li > a { display: inline-block; border-radius: 100%; width: 72px; height: 72px; padding: 12px 0; text-align: center; color: #fff; font-family: "微软雅黑"; font-size: 16px; }
.first-menu > li > a.psi { background-color: #de98ff; }
.first-menu > li > a.iretail { background-color: #57b9f6; }
.first-menu > li > a.b2b { background-color: #77d36b; }
.first-menu > li > a.b2i { background-color: #ffc342; }
.first-menu > li > a.b2c { background-color: #ff6868; }
.first-menu > li.current .second-menu { display: block;}
.second-menu { float: right; margin-left: 16px; display: none;}
.second-menu > li { margin: 4px 16px 0 0;}
.second-menu > li > a { display: inline-block; text-align: center; color: #333;}
.second-menu > li > a i { display: inline-block;; border-radius: 100%; width: 52px; height: 52px; background-color: #eee; }
.second-menu > li > a span { display: block; clear: both; }
.iconmenu { display: inline-block; background-image: url(../images/icon_menu.png); background-repeat: no-repeat;}
.iconmenu01 { background-position: -48px 11px;}
.iconmenu02 { background-position: -48px -49px;}
.iconmenu03 { background-position: -48px -109px;}
.iconmenu04 { background-position: -47px -166px;}
.iconmenu05 { background-position: -44px -231px;}
.iconmenu06 { background-position: -48px -290px;}
.iconmenu07 { background-position: -45px -350px;}
.iconmenu08 { background-position: -48px -410px;}
.iconmenu09 { background-position: -48px -470px;}
.iconmenu10 { background-position: -48px -530px;}
.second-menu > li.current .iconmenu01 {background-color: #ff6464; background-position: 12px 11px;}
.second-menu > li.current .iconmenu02 {background-color: #4ce7f1; background-position: 12px -49px;}
.second-menu > li.current .iconmenu03 {background-color: #3ecbff; background-position: 12px -109px;}
.second-menu > li.current .iconmenu04 {background-color: #5ae05e; background-position: 13px -166px;}
.second-menu > li.current .iconmenu05 {background-color: #b2a2f6; background-position: 16px -231px;}
.second-menu > li.current .iconmenu06 {background-color: #ffc600; background-position: 12px -290px;}
.second-menu > li.current .iconmenu07 {background-color: #ff6464; background-position: 15px -350px;}
.second-menu > li.current .iconmenu08 {background-color: #ff8dee; background-position: 12px -410px;}
.second-menu > li.current .iconmenu09 {background-color: #5ae05e; background-position: 12px -470px;}
.second-menu > li.current .iconmenu10 {background-color: #ff6464; background-position: 12px -530px;}

/*notice*/
.notice { padding: 10px; margin-top: 24px; position: relative; overflow: hidden;}
.notice-psi{ background-color: #de98ff; }
.notice-iretail{ background-color: #57b9f6; }
.notice-b2b{ background-color: #77d36b; }
.notice-b2i{ background-color: #ffc342; }
.notice-b2c{ background-color: #ff6868; }
.notice span { padding-left: 30px; padding-right: 10px; font-size: 14px; font-weight: bold; color: #fff; float: left; background: url(../images/icons.png) 0 -508px no-repeat;}
.notice ul { margin: 0; position: absolute; left: 90px; top: 0; line-height: 40px; }
.notice ul li { display: inline-block; margin-right: 30px;}
.notice ul li a { color: #fff; line-height: 20px;}
.swap{ line-height:19px; display:inline-block; position:absolute; top:0; left:90px;}
.swap a{ color:#fff;}

/*前台内容区*/
.content { background-color: #f2f2f2; padding: 30px 15px 60px 15px; min-height: 600px;}
.project_title{font-weight: bold;}
.star{color: red;}

/*table--mytable用于后台--maintable用于前台*/
.mytable th { background-color: #d5e7f9; text-align: center;}
.mytable th,.mytable td,.maintable th,.maintable td { text-align: center; padding: 10px; vertical-align: middle;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {vertical-align: middle;}
.maintable .text,.mytable .text { display: inline-block; height: 30px;}


.operate { display: inline-block; margin: 0 6px;}
.operate i ,.notpass i,.pass i{ display: inline-block; width: 12px; height: 12px; float: left; margin-top: 2px; margin-right: 6px; background: url(../images/icon_operate.png) 0 0 no-repeat;}
.operate1 i { background-position: 0 0;}
.operate2 i,.notpass i { background-position: 0 -38px;}
.operate3 i { background-position: 0 -75px;}
.operate4 i { background-position: 0 -114px;}
.operate5 i { background-position: 0 -152px;}
.notpass,.pass { display: inline-block;}
.notpass { color: #f75a53;}
.pass { color: #5cf054;}
.pass i { background-position: 0 -188px;}
/*分页*/
.page .pagination { margin: 0;}
.page .pagination .active a { background-color: #2374ea; border-color: #2374ea;}
.page .pull-left span { color:#2374ea; font-weight:bold; padding: 0 5px; line-height: 30px;}
.pagination > .active a,.pagination > .active a:hover { color: #fff;}


/*后台搜索*/
.operate-search { margin-bottom: 18px;}
.operate-search .pull-left { margin-right: 20px;}
button[disabled], html input[disabled] { cursor: not-allowed; background-color: #adabab;}
.button { display: inline-block; font-weight: bold; height: 32px; line-height: 32px; padding: 0 20px; color: #fff;}
.button-blue { background-color: #2374ea;}
.button-lightblue { background-color: #1db0ed;}
.button-small { padding:0 6px; height:24px; line-height:24px; font-weight:normal; float:left; }
.button:hover { color: #fff;}
.form-group-btn { margin-top: 60px;}

/*前台filter*/
.filter { margin-bottom: 25px;}
.filter .text,.filter .select { height: 30px; width: 180px; display: inline-block;}
.multiple-select { width: 220px;}
.multiple-select { display: inline-block;}
.multiple-select .btn { padding: 4px; border-radius: 0;}
.text.datetimepicker { width: 150px;}

/*POnav*/
.ponav { width: 188px; position: absolute; background-color: #dfdfdf; padding: 8px 0 8px 8px;}
.ponav ul { margin-bottom: 0;}
.ponav a { display: inline-block; padding-left: 8px; width: 180px; height: 36px; line-height: 36px; color: #fff; line-height: 36px; margin-bottom: 1px;}
.ponav .todo { background-color: #57b9f6; padding-left: 0; text-align: center;}
.ponav .r01 { background-color: #e3a5a5; }
.ponav .r02 { background-color: #e6798e; }
.ponav .r03 { background-color: #e679e0; }
.ponav .r04 { background-color: #b979e6; }
.ponav .r05 { background-color: #8879e6; }
.ponav .r06 { background-color: #4a77e9; }
.ponav .r07 { background-color: #48b8f2; }
.ponav .r08 { background-color: #1dcfd6; }
.ponav .r09 { background-color: #1dd66b; }
.ponav .r10 { background-color: #b5d61d; }
.ponav .r11 { background-color: #ecb338; }
.ponav .r12 { background-color: #f85d5d; }
.ponav a.current { color: #333; background-color: #fff; font-weight: bold; box-shadow: -1px 0 1px rgba(0,0,0,.4);}
.iretail-cnt { padding: 16px 0 0 200px;}

/*返回顶部*/
#backtop { display: inline-block; position: fixed; bottom: 20px; right: 0; width: 30px; padding: 8px; background-color: #1db0ed; color: #fff;}
#backtop:hover { text-decoration: none;}


/*==========以下部分是Validform必须的===========*/
.Validform_checktip{
	line-height:20px;
	height:20px;
	overflow:hidden;
	color:#999;
	font-size:12px;
}
.Validform_right{
	color:#71b83d;
	padding-left:20px;
	background:url(../images/right.png) no-repeat left center;
}
.Validform_wrong{
	color:red;
	padding-left:20px;
	white-space:nowrap;
	background:url(../images/error.png) no-repeat left center;
}
.Validform_loading{
	padding-left:20px;
	background:url(../images/onLoad.gif) no-repeat left center;
}
.Validform_error{
	background-color:#ffe7e7;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#999;
background: -moz-linear-gradient(top, #999, #666 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666)); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #bbb; border-top:none; text-align:left;}
/*下载表格*/
.download { margin-top: 20px;}
.download .col-md-2{ text-align: center;}
.download .thumbnail { display: inline-block; padding-top: 60px; background: url(../images/bg_word.png) no-repeat center 6px; border:none;}

.maintable .download { margin-top: 0;}

.maintable .download .thumbnail { width: 74px; background: url(../images/bg_file.png) no-repeat center 0; padding-top: 72px; margin: 0; }

.error_500 { background:url(../images/bg_error.jpg) 50% 0 no-repeat; height: 626px; padding: 400px 0 0 180px; }
.button-error { display: block; width: 200px; height: 40px; line-height: 40px; text-align: center; background-color: #FF8901; font-size: 20px; color: #fff; border-radius: 4px;}