@charset "utf-8";
html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td,i{padding:0;margin:0;}table{border-collapse:collapse;border-spacing:0;font-size:inherit;}img{border:none;vertical-align:bottom;}a,a:visited,a:hover,a:active{outline:0;text-decoration:none;}a{color:#666;}a:hover{text-decoration:underline;color:#ea5a42;}ul,li{list-style-type:none;padding:0;margin:0;}input,select,textarea,button{font-size:100%;font-family:inherit;}h2{font-size:14px;}img{border:0;}
@font-face {font-family: 'iconfont';
src: url('../fonts/iconfont.eot'); /* IE9*/
src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */
url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
html,body {
margin: 0px;
font-family: Microsoft YaHei,PingFang SC,"微软雅黑","黑体",Helvetica,Arial,sans-serif;
color: #333333;
background-color: #fff;
width: 100%;
-webkit-tap-highlight-color: transparent;
-webkit-text-size-adjust: none;
font-size: 12px;
line-height:1;
}
i {
font-family: 'iconfont';
font-style: normal;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a {
text-decoration: none;
}
a:hover {
color:#db4d53;
text-decoration: none;
}
img {
border: 0;
}
p{
word-wrap:break-word;
}
.pull_right {
float: right !important;
}
.pull_left {
float: left !important;
}
.clearfix:before,.clearfix:after,.container:before,.container:after {
display: table;
content: " ";
}
.clearfix:after,.container:after,.container-fluid:after {
clear: both;
}
/*--------------------input, select开始------------------------*/
input::-webkit-input-placeholder{color:#999 !important;}
input::-moz-placeholder{color:#999 !important;}
input:-moz-placeholder{color:#999 !important;}
input:input-placeholder{color:#999 !important;}
input, select {
outline: medium !important;
}
.inputFocus{
background-color: #f4fbff;
/*border: 1px solid #afd6ee;*/
border-color:#afd6ee;
color: #333333;
}
.selectfocus{ border:#b2e2f3 1px solid; background-color:#f4fbff;}
.select.active { border:#b2e2f3 1px solid; background-color:#f4fbff;}
.selectFocus{
background-image:none\9; /*IE8以及以下版本浏览器*/
*background-image:none; /*IE7及其以下版本浏览器*/
}
.textInput{ width:305px; height:40px; line-height:40px; border:1px solid #dfdfdf; padding-left:20px; padding-right:20px;}
/*--------------------input, select结束------------------------*/
/*--------------------标题字体大小------------------------*/
/*---------------颜色,色调------------------*/
/*--------主色----------*/
.mainColor{
color:#0080cc;/*导航条颜色*/
}
.mainColorHighl{
color:#d7af4f;/*导航条高亮颜色*/
}
.mainBgColor{
color:#f5f5f5;/*主体背景颜色*/
}
.footBgColor{
color:#4f565a ;/*尾部背景颜色*/
}
/*--------辅色----------*/
.color_ccc {
color: #ccc !important;
}
.color_666 {
color: #666 ;
}
.color_444 {
color: #444;
}
.color_333 {
color: #333;
}
.text_000 {
color: #000;
}
.color_999 {
color: #999;
}
.color_8d {
color: #8d8d8d;
}
.color_d7 {
color: #d7d7d7;
}
.color_80 {
color: #808080;
}
.color_a0afbe{color: #a0afbe;}
.color_fff {
color: #fff !important;
}
.color_red{ color:#db4453;}
.color_green{color:#8abc5d;}
.color_blue1 {
/*深蓝色*/
color: #3c517f;
}
.color_blue2 {
/*浅蓝色*/
color: #49b2cc;
}
.color_e0e{
color: #e0e0e1;
}
.color_438{
color: #4389cb;
}
.color_c5c5{
color: #c5c5c5;
}
.color_2cbc00{
color: #2cbc00;
}
.color_009cff{
color: #009cff;
}
.bg_f8 {
background-color: #f8f8f8;
}
.bg_ef{
background-color: #efefef;
}
.bg_ddd {
background-color: #dddddd;
}
.bg_fff {
background-color: #fff !important;
}
.bg_3c5{
background-color: #3c517f;
}
.bg_3a {
background-color: #3a3a3a;
}
.bg_red{ background-color:#db4453;}
.bg_blue{
background-color: #3c517f;
}
.bg_fffbf5{
background-color:#fffbf5;
}
.bg_f6f6f6{
background-color:#f6f6f6;
}
.text_left {
text-align: left;
}
.text_right {
text-align: right;
}
.text_center {
text-align: center;
}
.center_block {
display: block;
margin-left:auto;
margin-right:auto;
}
.tuijian{ display:inline-block; border:1px solid #db4453; color:#db4453; font-size:12px; line-height:12px; line-height:18px; width:32px; text-align:center; border-radius:3px;}
/*--------------------标题字体大小------------------------*/
h1{ font-size:24px;}
h2{ font-size:18px;}
h3{ font-size:14px;}
h4{ font-size:12px;}
.mt0 {
margin-top: 0px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
.ml0 {
margin-left: 0px !important;
}
.mr0 {
margin-right: 0px !important;
}
.mt2 {
margin-top: 2px;
}
.mr2 {
margin-right: 2px;
}
.mt1 {
margin-top: 1px;
}
.mt5 {
margin-top: 5px;
}
.ml5 {
margin-left: 5px;
}
.mr5 {
margin-right: 5px;
}
.mb5 {
margin-bottom: 5px;
}
.mt4{
margin-top: 4px;
}
.ml4 {
margin-left: 4px;
}
.mr4 {
margin-right: 4px;
}
.mb4 {
margin-bottom: 4px;
}
.mt7 {
margin-top: 7px;
}
.mt8 {
margin-top: 8px;
}
.ml8 {
margin-left: 8px;
}
.mr8 {
margin-right: 8px;
}
.mb8 {
margin-bottom: 8px;
}
.mt10 {
margin-top: 10px;
}
.ml10 {
margin-left: 10px;
}
.mr10 {
margin-right: 10px;
}
.mb10 {
margin-bottom: 10px;
}
.mt15 {
margin-top: 15px;
}
.ml15 {
margin-left: 15px;
}
.mr15 {
margin-right: 15px;
}
.mb15 {
margin-bottom: 15px;
}
.mt20 {
margin-top: 20px;
}
.ml20 {
margin-left: 20px;
}
.mr20 {
margin-right: 20px;
}
.mb20 {
margin-bottom: 20px;
}
.mt25 {
margin-top: 25px;
}
.ml25 {
margin-left: 25px;
}
.mr25 {
margin-right: 25px;
}
.mb25 {
margin-bottom: 25px;
}
.mt30 {
margin-top: 30px;
}
.ml30 {
margin-left: 30px;
}
.mr30 {
margin-right: 30px;
}
.mb30 {
margin-bottom: 30px;
}
.mt35 {
margin-top: 35px;
}
.ml35 {
margin-left: 35px;
}
.mr35 {
margin-right: 35px;
}
.mb35 {
margin-bottom: 35px;
}
.mt40 {
margin-top: 40px;
}
.ml40 {
margin-left: 40px;
}
.mr40 {
margin-right: 40px;
}
.mb40 {
margin-bottom: 40px;
}
.mt45 {
margin-top: 45px;
}
.ml45 {
margin-left: 45px;
}
.mr45 {
margin-right: 45px;
}
.mb45{
margin-bottom: 45px;
}
.mt50 {
margin-top: 50px;
}
.ml50 {
margin-left: 50px;
}
.mr50 {
margin-right: 50px;
}
.mb50 {
margin-bottom: 50px;
}
.mb60 {
margin-bottom: 60px;
}
.mt50 {
margin-top: 50px;
}
.mt60 {
margin-top: 60px;
}
.mt70 {
margin-top: 70px;
}
.mt80 {
margin-top: 80px;
}
.mt90 {
margin-top: 90px;
}
.mt105 {
margin-top: 105px;
}
.pt5 {
padding-top: 5px;
}
.pl5 {
padding-left: 5px;
}
.pr5 {
padding-right: 5px;
}
.pb5 {
padding-bottom: 5px;
}
.pt7{
padding-top:7px;
}
.pt10 {
padding-top: 10px;
}
.pl10 {
padding-left: 10px;
}
.pr10 {
padding-right: 10px;
}
.pb10 {
padding-bottom: 10px;
}
.pt15 {
padding-top: 15px;
}
.pl15 {
padding-left: 15px;
}
.pr15 {
padding-right: 15px;
}
.pb15 {
padding-bottom: 15px;
}
.pt20 {
padding-top: 20px;
}
.pl20 {
padding-left: 20px;
}
.pr20 {
padding-right: 20px;
}
.pb20 {
padding-bottom: 20px;
}
.pt25 {
padding-top: 25px;
}
.pl25 {
padding-left: 25px;
}
.pr25 {
padding-right: 25px;
}
.pb25 {
padding-bottom: 25px;
}
.pt30 {
padding-top: 30px;
}
.pl30 {
padding-left: 30px;
}
.pr30 {
padding-right: 30px;
}
.pb30 {
padding-bottom: 30px;
}
.pt35 {
padding-top: 35px;
}
.pl35 {
padding-left: 35px;
}
.pr35 {
padding-right: 35px;
}
.pb35 {
padding-bottom: 35px;
}
.pt40 {
padding-top: 40px;
}
.pl40 {
padding-left: 40px;
}
.pr40 {
padding-right: 40px;
}
.pb40 {
padding-bottom: 40px;
}
.pt45 {
padding-top: 45px;
}
.pl45 {
padding-left: 45px;
}
.pr45 {
padding-right: 45px;
}
.pb45 {
padding-bottom: 45px;
}
.pt50 {
padding-top: 50px;
}
.pl50 {
padding-left: 50px;
}
.pr50 {
padding-right: 50px;
}
.pb50 {
padding-bottom: 50px;
}
.pt60 {
padding-top: 60px;
}
.pl60 {
padding-left: 60px;
}
.pr60 {
padding-right: 60px;
}
.pb60 {
padding-bottom: 60px;
}
.pt70 {
padding-top: 70px;
}
.pl70 {
padding-left: 70px;
}
.pr70 {
padding-right: 70px;
}
.pb70 {
padding-bottom: 70px;
}
.pt140 {
padding-top: 140px;
}
.pt150 {
padding-top: 150px;
}
.pb110 {
padding-bottom: 110px;
}
.pb120 {
padding-bottom: 120px;
}
.pb130 {
padding-bottom: 130px;
}
.pb140 {
padding-bottom: 140px;
}
.pb150 {
padding-bottom: 150px;
}
.pt230 {
padding-top: 230px;
}
.fs12 {
font-size: 12px;
}
.fs14 {
font-size: 14px;
}
.fs16 {
font-size: 16px;
}
.fs18 {
font-size: 18px;
}
.fs20 {
font-size: 20px;
}
.fs24 {
font-size: 24px;
}
.fs26 {
font-size: 26px;
}
.fs28 {
font-size: 28px;
}
.fs30 {
font-size: 30px;
}
.fs36 {
font-size: 36px;
}
.fs40 {
font-size: 40px;
}
.fs48 {
font-size: 48px;
}
.fs50 {
font-size: 50px;
}
.fs60 {
font-size: 60px;
}
.fs70 {
font-size: 70px;
}
.fs80 {
font-size: 80px;
}
.fs90 {
font-size: 90px;
}
.fs100 {
font-size: 100px;
}
.fs110 {
font-size: 110px;
}
.fs120 {
font-size: 120px;
}
.lh14 {
line-height: 14px;
}
.lh18 {
line-height: 18px;
}
.lh24 {
line-height: 24px;
}
.lh30 {
line-height: 30px;
}
.lh36 {
line-height: 36px;
}
.lh48 {
line-height: 48px;
}
.lh40 {
line-height: 40px;
}
.lh50 {
line-height: 50px;
}
.lh60 {
line-height: 60px;
}
.no_border_l {
border-left: none !important;
}
.no_border_r {
border-right: none !important;
}
.no_border_b {
border-bottom: none !important;
}
.no_border_t {
border-top: none !important;
}
.no_margin_l {
margin-left: 0px !important;
}
.no_margin_r {
margin-right: 0px !important;
}
.no_margin_b {
margin-bottom: 0px !important;
}
.no_margin_t {
margin-top: 0px !important;
}
.border {
border: #eaeaea solid 1px;
}
.border_left {
border-left: #eaeaea solid 1px;
}
.border_top {
border-top: #eaeaea solid 1px;
}
.border_right {
border-right: #eaeaea solid 1px;
}
.border_bottom {
border-bottom: #eaeaea solid 1px;
}
.border_right_df{ border-right:1px solid #dfdfdf;}
.blur {
-webkit-filter: blur(38px);
}
input::-webkit-input-placeholder {
color: #efede5;
}
input:-moz-placeholder {
color: #efede5;
}
.container {
width: 1200px;
margin-left:auto;
margin-right:auto;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.color-fff {
color: #fff;
}
.ellipsis{
max-width: 60%;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
overflow: hidden;
}
.max-width70{
max-width: 70%;
}
.max-width75{
max-width: 75%;
}
.max-width80{
max-width: 80%;
}
.max-width85{
max-width: 85%;
}
.max-width90{
max-width: 90%;
}
.max-width95{
max-width: 95%;
}
.goBtn1{ border:1px solid #db4d53;color:#db4d53;}
.goBtn1:hover{ background:#db4d53; color:#fff !important;}
.goBtn2{ border:1px solid #999999;color:#333;}
.goBtn3{ border:1px solid #d7d7d7; color:#333;}
.goBtn3:hover{ background:#efefef;}
/*-------------btn按钮开始-----------------*/
.btn {
display: inline-block;
text-align: center;
cursor: pointer;
}
.border_radius{
border-radius:2px;
}
.btn:hover{
color: inherit;
text-decoration: none;
}
.btn_48{
padding: 0 50px;
height:48px;
line-height: 48px;
}
.btn_40{
padding: 0 36px;
line-height: 40px;
}
.btn_45{
padding: 0 50px;
height:45px;
line-height: 44px;
}
.btn_36{
padding: 0 20px;
line-height: 36px;
}
.btn_30{
padding: 0 16px;
line-height: 30px;
}
.btn_24{
padding: 0 10px;
height:25px;
line-height: 24px;
}
.btn_10{
padding: 0 10px;
height:25px;
line-height: 24px;
}
.btn_5{
padding: 0 5px;
height:25px;
line-height: 24px;
}
.btn_red{
background: #db4d53;
color:#fff;
}
.btn_blue{
background: #3c517f;
color:#fff;
}
.btn_gray{
background: #f5f5f5;
}
.btn_gray:hover{
background: #f5fff5;
}
.btn_red:hover{
background:#ff4f61;
color:#fff;
}
.btn_blue:hover{
background: #486299;
color:#fff;
}
.btn_block {
display: block;
width: 100%;
}
.btn.disabled,.btn .disabled:hover{
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
color:#333 !important;
}
.width1200{width:1200px;margin:0 auto;}
/*-------------btn按钮结束-----------------*/
/*------------- 内页分页开始--------------------*/
/*.pagination{
padding:30px 0;
line-height:28px;
text-align:center;
}
.pagination .lastBtn,.pagination .nextBtn{ float:left; cursor:pointer; border:1px solid #dfdfdf;}
.paginationBar li{ width:38px; float:left; cursor:pointer; text-align:center; border:1px solid #dfdfdf;}
.paginationBar li:hover{background:#ececec;}
.paginationBar .current{ background:#ececec;}
.pagination_right{width:156px;}
.gotoPageNum{ width:38px;line-height:30px; height:30px; text-align:center; border:1px solid #dfdfdf;}
.pagination .btn{ width:67px;cursor:pointer; height:30px;border:1px solid #dfdfdf; line-height:28px; padding-top:0px; border-radius:0;}
.pagination .btn:hover{background:#ececec;}
*//*------------- 内页分页结束--------------------*/
/*------------- 单选复选框开始--------------------*/
.checkbox .icon{
background: url(../images/checkboxIcon.png) no-repeat left 0;
width:20px;
height:20px;
overflow:hidden;
float:left;
margin-top:11px;
}
.checkbox .choose{background-position:right 0;}
.checkbox2 .icon{
background: url(../images/checkboxIcon2.png) no-repeat left 0;
width:20px;
height:20px;
overflow:hidden;
float:left;
margin-top:11px;
}
.checkbox2 .choose{background-position:right 0;}
/*------------- 单选复选框结束--------------------*/
/*-------------下拉菜单开始--------------------*/
.select{
border:#dfdfdf 1px solid;
position:relative;
border-radius:4px;
-webkit-border-radius:4px;
}
.select .title{
width:180px;
padding-left:10px;
padding-right:40px;
background:#fff;
line-height:35px;
height:35px;
position:relative;
border-radius:4px;
-webkit-border-radius:4px;
}
.select .title .icon{ border-left:1px solid #dfdfdf; position:absolute; background:url(../images/dropdownList_arrow.png) no-repeat right center; height:35px; width:30px; top:0; right:0;}
.select ul{ display:none;background:#fff; position:absolute; top:40px; width:200px; height:215px; border:1px solid #dfdfdf; z-index:1000; border-radius:4px; -webkit-border-radius:4px;}
.select li:hover{ background:#f4fbff;}
.select .active{ background:#f4fbff;}
.select li{
border-top:1px solid #dfdfdf;
padding-left:10px;
padding-right:10px;
height:35px;
line-height:35px;
}
.dropdownList select{ display:none;}
/*-------------下拉菜单结束--------------------*/
.productTypeLabel{
width:60px;
height:24px;
text-align:center;
line-height:22px;
color:#ffa800;
background:url(../images/kuangIocn1-1.png) no-repeat right center;
}
/*-------------- 日历选择器 --------------*/
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
list-style: none;
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-top: 2px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 5px;
padding-right: 5;
padding-bottom: 5px;
padding-left: 5;
}
.dropdown-menu .table-condensed th, .table-condensed td {
padding: 4px 5px;
}
.dropdown-menu th {
font-weight: bold;
}
.dropdown-menu td, th {
display: table-cell;
vertical-align: inherit;
}
.dropdown-menu table {
max-width: 100%;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
}
.glyphicon{
display: inline-block;
width: 14px;
height: 14px;
margin-top: 1px;
line-height: 14px;
vertical-align: text-top;
background-image: url("../images/glyphicons-halflings.png");
background-position: 14px 14px;
background-repeat: no-repeat;
}
.icon-arrow-left {
background-position: -240px -96px;
}
.icon-arrow-right {
background-position: -264px -96px;
}
.date_picker{ background:url(../images/dateIcon.png) no-repeat right center; background-color:#fff; border:1px solid #eaeaea; width:120px; height:30px; padding-left:10px; cursor:pointer;}
.datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active {
background-color: #db4453;
}
.datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover {
background-color: #db4453;
background-image:none;
filter:none;
}
.datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active {
background-color: #db4453;
}
.datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover {
background-color: #db4453;
background-image:none;
filter:none;
}