@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; }