@charset "utf-8"; /**{word-wrap:break-word}*/ html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,form,button,input,textarea,th,td,fieldset{margin:0;padding:0} ul,ol,dl{list-style-type:none} html,body{*position:static} html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit} input,button{overflow: visible;vertical-align:middle;outline:none} body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;/*-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale*/} body{line-height:1.6} h1,h2,h3,h4,h5,h6{font-size:100%} a,area{outline:none;blr:expression(this.onFocus=this.blur())} a{text-decoration:none;cursor: pointer} a:hover{text-decoration:none;outline:none} a.ie6:hover{zoom:1} a:focus{outline:none} a:hover,a:active{outline:none}:focus{outline:none} /*sub,sup{vertical-align:baseline}*/ button,input[type="button"], input[type="submit"] {line-height:normal !important;} /*img*/ img{border:0;vertical-align:middle} a img,img{-ms-interpolation-mode:bicubic} .img-responsive{max-width: 100%;height: auto} /*IE下a:hover 背景闪烁*/ *html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))} /*HTML5 reset*/ header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline} audio,canvas,video{display:inline-block;*display:inline;*zoom:1} audio:not([controls]){display:none} legend,.legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5} legend small{font-size:15px;color:#999} svg:not(:root) {overflow: hidden} fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto} input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none} /*Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题*/ .cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1} /*-------------布局-------------*/ /*栅格系统*/ .row.cl{} .row{ box-sizing:border-box;} [class^="col-"],[class*=" col-"]{box-sizing:border-box; float:left;min-height: 1px;position: relative;} .col-1{width:8.33333%} .col-2{width:16.66667%} .col-3{width:25%} .col-4{width:33.33333%} .col-5{width:41.66667%} .col-6{width:50%} .col-7{width:58.33333%} .col-8{width:66.66667%} .col-9{width:75%} .col-10{width:83.33333%} .col-11{width:91.66667%} .col-12{width:100%} /*局部模块平分*/ .col-1-1{ width:100%} .col-2-1{ width:50%} .col-3-1{ width:33.333333%} .col-3-2{ width:66.666667%} .col-4-1{ width:25%} .col-4-3{ width:75%} .col-5-1{ width:20%} .col-5-2{ width:40%} .col-5-3{ width:60%} .col-5-4{ width:80%} .col-6-1{ width:16.666667%} .col-6-5{ width:83.333333%} /*市场首页三列定宽布局 */ .layout-bg{ background:#f2f2f2; height: 371px;} .layout-bg2{ background:url(https://image.365me.cn/static/images/layout-bg2.png) repeat-x scroll 0% 0%; height: 140px;} .layout-bd5{margin:0 auto; width: 1200px;} .layout-sd51,.layout-sd52{position:relative;float:left;width:200px;margin:0 -210px 0 0;} .layout-sd52{float:right;width:240px;margin:0 0 0 -250px; background: #fff; position:relative; top: 35px;} .layout-mn5{float:left;width:100%;} .layout-mn5c{margin-left:200px;} /*-------------文字规范-------------*/ /*标题*/ h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.1;color:inherit} h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small{font-weight:400;line-height:1;color:#999} h1 small,h2 small,h3 small,h1 .small,h2 .small,h3 .small{font-size:65%} h4 small,h5 small,h6 small,h4 .small,h5 .small,h6 .small{font-size:75%} h1{font-size:36px} h2{font-size:30px} h3{font-size:24px} h4{font-size:18px} h5{font-size:14px} h6{font-size:12px} /*文本强调*/ p{margin-bottom:5px} /*段落*/ small{font-size:85%} /*小型文本*/ b,strong,.b{font-weight: bold} /*重要的文本，加粗*/ em{font-style:normal} /*被强调的文本*/ i{font-style: normal;} /*斜体*/ u{} /*加下划线*/ cite{font-style:normal} /*引用*/ mark{color:#000;background:#ff0}/*突出显示文本*/ var{} /*变量*/ kbd{} /*键盘文本*/ code{} /*计算机代码文本*/ dfn{} /*一个定义项目*/ del{} /*删除线*/ code,kbd,pre,samp {font-family: monospace, serif;font-size: 1em} pre{white-space: pre-wrap} /*预格式化的文本*/ .uppercase{text-transform:uppercase} /*文字大写*/ .lowercase{text-transform:lowercase} /*文字小写*/ .capitalize{text-transform:capitalize} /*首字母大写*/ .en{font-family:Arial!important} /*文本对齐*/ .text-l{text-align:left}.text-r{text-align:right}.text-c{text-align:center} .va *{vertical-align:sub!important;*vertical-align:middle!important;_vertical-align:middle!important} .va-t{vertical-align:top!important}.va-m{vertical-align:middle!important}.va-b{vertical-align:bottom!important} /*文字单行溢出省略号*/ .text-overflow{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;} /*行内分割竖线-面包屑导航*/ .pipe{ color: #999;font-size: 10px !important;margin: 5px 8px;} .pipe2{ color: #999;font-size: 12px !important;} /*文字尺寸*/ .f-12{font-size:12px} .f-14{font-size:14px} .f-16{font-size:16px} .f-18{font-size:18px} .f-20{font-size:20px} .f-24{font-size:24px} .f-26{font-size:26px} .f-28{font-size:28px} .f-30{font-size:30px} .f-40{font-size:40px} /*文字行距*/ .lh-16{line-height:16px !important} .lh-18{line-height:18px !important} .lh-20{line-height:20px !important} .lh-22{line-height:22px !important} .lh-24{line-height:24px !important} .lh-26{line-height:26px !important} .lh-28{line-height:28px !important} .lh-30{line-height:30px !important} .lh-40{line-height:40px !important} .lh-50{line-height:50px !important} /*背景颜色*/ .bg-f2{background-color: #f2f2f2;} /*文字颜色*/ /*全局默认链接颜色*/ body{ background-color:#fff; color:#333} .bg-fff{ background-color:#fff} a{color:#333} a:hover{color:#CF0000} /*辅助色—浅黑*/ .c-333,.c-333 a,a.c-333{color:#333} .c-333 a:hover,a.c-333:hover{ color:#333} /*辅助色—灰色*/ .c-666,.c-666 a,a.c-666{color:#666} .c-666 a:hover,a.c-666:hover{ color:#666} .c-999,.c-999 a,a.c-999{color:#999} .c-999 a:hover,a.c-999:hover{color:#999} .c-ccc,.c-ccc a,a.c-ccc{color:#ccc} .c-ccc a:hover,a.c-ccc:hover{color:#ccc} /*标准色—红色*/ .c-red,.c-red a,a.c-red{color:#cf0000} .c-red a:hover,a.c-red:hover{ color:#cf0000} /*标准色—绿色*/ .c-green,.c-green a,a.c-green{color:#7cc52c} .c-green a:hover,a.c-green:hover{color:#7cc52c} /*标准色—蓝色*/ .c-blue,.c-blue a,a.c-blue{color:#4a90e2} .c-blue a:hover,a.c-blue:hover{color:#2775d1} /*标准色—白色*/ .c-white,.c-white a,a.c-white{color:#fff} .c-white a:hover,a.c-white:hover{color:#fff} /*标准色—橙色*/ .c-orange,.c-orange a,a.c-orange{color:#F60} .c-orange a:hover,a.c-orange:hover{color:#ed6306} /*标准色—青色*/ .c-cyan,.c-cyan a,a.c-cyan{color:#42bcc5} .c-cyan a:hover,a.c-cyan:hover{color:#42bcc5} /*标准色—黑色*/ .c-black,.c-black a{color:#000} .c-black a:hover,a.c-black:hover{color:#000} /*内容样式*/ .page-content{position:relative;font-size:14px;line-height:1.6;overflow:hidden;text-align:left} .page-content h3{margin-top:20px;font-size:16px} .page-content p{text-indent:2em;margin-top:20px}/*段落缩2个字*/ .page-content img{max-width:100%} .page-content ul{text-indent:2em} .text-indent{text-indent: 2em;} /*文本列表*/ ul.disc{ list-style-type:disc !important; }/*实心点*/ ul.decimal{ list-style-type:decimal !important; }/*数字*/ ul.cjk{ list-style-type:cjk-ideographic !important; }/*中文数字*/ ul.disc li,ul.decimal li,ul.cjk li{line-height:22px;white-space:nowrap;text-overflow:ellipsis}/*禁止换行*/ /*-------------元素规范-------------*/ /*浮动*/ .fl{float:left!important;_display:inline} .fr{float:right!important;_display:inline} [class*="span"].r, [class*="span"].fr{float:right} .po-r{position: relative;} .po-a{position: absolute;} .d-bk{display: block;} /*外边距*/ .mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}.mt_1{ margin-top:-1px;} .mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}.mb_1{ margin-bottom:-1px ;} .ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.ml-40{margin-left:40px}.ml-50{margin-left:50px} .mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}.mr-50{margin-right:50px} .md-5{margin: 5px}.md-10{margin: 10px}.md-15{margin: 15px}.md-20{margin: 20px}.md-30{margin: 30px}.md-40{margin: 40px}.md-50{margin: 50px} /*内填充*/ .pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pt-40{padding-top:40px}.pt-50{padding-top:50px} .pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pb-40{padding-bottom:40px}.pb-50{padding-bottom:50px} .pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-20{padding-left:20px}.pl-30{padding-left:30px}.pl-40{padding-left:40px}.pl-50{padding-left:50px} .pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-20{padding-right:20px}.pr-30{padding-right:30px}.pr-40{padding-right:40px}.pr-50{padding-right:50px} .pd-5{padding:5px}.pd-10{padding:10px}.pd-15{padding:15px}.pd-20{padding:20px}.pd-30{padding:30px}.pd-40{padding:40px}.pd-50{padding:50px} /*边框，css3圆角*/ .bk-solid{border:solid 1px #E7E7E7}/*实线边框*/ .bk-dotted{border:dotted 1px #E7E7E7}/*点边框*/ .bk-dashed{border:dashed 1px #E7E7E7}/*虚线边框*/ .radius{border-radius:3px; overflow:hidden;}/*边框圆角为3*/ .radius-6{ border-radius:6px;}/*圆角为6*/ .radius-10{ border-radius:10px;}/*圆角为10*/ .round{border-radius: 1000px;overflow: hidden;}/*椭圆*/ /*线条-边框位置*/ .line-s{border: solid 1px #E7E7E7;;} .line-s-t{ border-top: solid 1px #E7E7E7;}/*1像素实线上边框*/ .line-s-l{ border-left: solid 1px #E7E7E7;}/*1像素实线左边框*/ .line-s-r{ border-right: solid 1px #E7E7E7;}/*1像素实线右边框*/ .line-s-b{ border-bottom: solid 1px #E7E7E7;}/*1像素实线下边框*/ .line-d-t{ border-top: dashed 1px #E7E7E7;}/*1像素虚线上边框*/ .line-d-l{ border-left: dashed 1px #E7E7E7;}/*1像素虚线左边框*/ .line-d-r{ border-right: dashed 1px #E7E7E7;}/*1像素虚线右边框*/ .line-d-b{ border-bottom: dashed 1px #E7E7E7;}/*1像素虚线下边框*/ .line-2s-t{ border-top: solid 2px #E7E7E7;}/*2像素实线上边框*/ .line-2s-l{ border-left: solid 2px #E7E7E7;}/*2像素实线左边框*/ .line-2s-r{ border-right: solid 2px #E7E7E7;}/*2像素实线右边框*/ .line-2s-b{ border-bottom: solid 2px #E7E7E7;}/*2像素实线下边框*/ .line-2d-t{ border-top: dashed 2px #E7E7E7;}/*2像素虚线上边框*/ .line-2d-l{ border-left: dashed 2px #E7E7E7;}/*2像素虚线左边框*/ .line-2d-r{ border-right: dashed 2px #E7E7E7;}/*2像素虚线右边框*/ .line-2d-b{ border-bottom: dashed 2px #E7E7E7;}/*2像素虚线下边框*/ /*顶部导航-快捷菜单的样式*/ /*.topnav{width: 100%; background-color: #f5f5f5; border-bottom: 1px solid #ddd;} .topnav .lh-30{height: 30px; line-height: 30px;} .topnav .menu{height: 24px; margin-top: 2px;position: relative;} .topnav ul li{padding: 0px 4px; float: left; line-height: 24px;} .topnav .menu_b{width: 100px; float: left;} .topnav .menu_b h4{ font-size: 12px;margin: 5px 3px; font-weight: bold;} .topnav .menu_hd{padding: 1px 6px 0 6px;position: relative;} .topnav .hover{} .topnav .hover .menu_hd{padding: 0 5px;border: 1px solid #ddd; border-bottom: 0; background: #fff;z-index: 99; } .topnav .menu_hd b{display: inline-block;width:8px;height:8px;overflow:hidden;margin-left:5px;line-height:10px; -webkit-transition: -webkit-transform .2s ease-in; -webkit-backface-visibility: hidden; -moz-transition: -moz-transform .2s ease-in; -o-transition: -o-transform .2s ease-in; transition: transform .2s ease-in;} .topnav .hover b{ border-color:#323030 transparent transparent; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .topnav b em{display: inline-block;width: 0;height: 0;border-style:solid dashed dashed;border-width:4px;border-color: #666 transparent transparent;overflow: hidden;zoom: 1;font-size: 0;} .menu_bd{display: none;border: 1px solid #ddd; position: absolute; top:24px;left:0px; background: #fff; z-index: 10;padding:5px 10px; } .topnav .hover .menu_bd{display: block;} .overscroll{overflow-y:scroll; overflow-x: hidden; max-height: 255px;}*/ /*图片大小*/ .avatar{display:inline-block;position:relative; overflow:hidden} .avatar img{ display:block} .avatar.radius,.avatar.radius img{border-radius:50%} .avatar,.avatar img{width:32px; height:32px}/*默认为中，可以不写，可以理解为：均码*/ .avatar.img16{ width:16px;height:16px} .avatar.img24,.avatar.img24 img{width:24px; height:24px} .avatar.img40,.avatar.img40 img{width:40px; height:40px} .avatar.img50,.avatar.img50 img{width:50px; height:50px} .avatar.img60,.avatar.img60 img{width:60px; height:60px} .avatar.img90,.avatar.img90 img{width:90px; height:90px} .avatar.img100,.avatar.img100 img{width:100px; height:100px} .avatar.img120,.avatar.img120 img{width:120px; height:120px;} .img50{width:50px; height:50px} /*宽高*/ .w50{width: 50px}.w100{width: 100px}.w150{width: 150px}.w200{width: 200px}.w250{width: 250px}.w300{width: 300px}.w400{width: 400px}.w500{width: 500px}.w600{width: 600px}.w700{width: 700px} .w-50{width: 50%}.w-90{width: 90%}.w-100{width: 100%} .wd50{width: 50px!important;}.wd80{width: 80px !important;}.wd100{width: 100px !important;}.wd150{width: 150px!important;}.wd200{width: 200px!important;}.wd250{width: 250px!important;}.w260{width: 270px!important;}.wd300{width: 300px!important;}.wd400{width: 380px!important;}.wd500{width: 500px!important;}.wd600{width: 600px!important;}.wd800{width: 800px!important;} .wd-50{width: 50%}.wd-90{width: 90%}.wd-100{width: 100%}.wd45{width: 45px!important;} /*高度*/ .hg50{ height: 50px}.hg60{height: 60px;}.hg100{ height: 100px}.hg150{ height: 150px}.hg200{ height: 200px}.hg300{ height: 300px} /*-------------UI组件规范-------------*/ /*表单尺寸*/ .input-text,.btn,.input-text.size-M,.btn.size-M{ font-size:14px; height:31px;line-height:1.42857;padding:4px;}/*默认为M，可以不写，可以理解为：均码*/ .btn,.btn.size-M{ padding:4px 12px}/*默认*/ .input-text.size-L,.btn.size-L{font-size:16px; height:41px; padding:8px}/*大尺寸*/ .btn.size-L{ padding:8px 16px}/*大尺寸*/ .input-text.size-S,.btn.size-S{font-size:12px; height:27px;padding:3px;line-height:1.42857;}/*小尺寸*/ .btn.size-S{ padding:3px 8px}/*小尺寸*/ /*按钮*/ .btn{display:inline-block;box-sizing:border-box;cursor:pointer;text-align:center;font-weight:400;white-space:nowrap;vertical-align: middle;-moz-padding-start:npx; -moz-padding-end:npx;border:solid 1px #ddd; background-color:#fff; width:auto;*zoom:1;*overflow:visible; -webkit-transition:background-color .1s linear; -moz-transition:background-color .1s linear; -o-transition:background-color .1s linear; transition:background-color .1s linear;} a.btn:hover,a.btn:focus,a.btn:active,a.btn.active,a.btn.disabled,a.btn[disabled]{text-decoration:none} .btn:active,.btn.active{background-color:#ccc} .btn:first-child{*margin-left:0} .btn.active,.btn:active{-moz-box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset;-webkit-box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset; box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset;} /*默认——灰色 通常用于取消*/ .btn-default{background-color:#fff;border-color:#fff;border: 1px solid #ddd} .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active{color:#333;background-color:#efefef;border-color:#efefef;border: 1px solid #ddd} /*默认——灰色 通常用于取消*/ .btn-l-grey{background-color:#efefef; border-color:#efefef;border: 1px solid #ddd;color: #333} .btn-l-grey:hover, .btn-l-grey:focus, .btn-l-grey:active, .btn-l-grey.active{color:#333;background-color:#fff;border-color:#fff;border: 1px solid #ddd;} /*主要——主色 通常用于确定、提交、购买、支付等*/ .btn-primary{color:#fff;background-color:#4A90E2; border-color:#4A90E2} .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active{color:#fff;background-color:#367ed2;border-color:#367ed2} /*主要——主色 线框按钮*/ .btn-l-primary{background-color:#f3f8ff;border-color:#f3f8ff;border: 1px solid #4A90E2;color: #4A90E2} .btn-l-primary:hover, .btn-l-primary:focus, .btn-l-primary:active, .btn-l-primary.active{color:#fff;background-color:#367ed2;border-color:#367ed2} /*次要按钮*/ .btn-secondary{color:#fff;background-color:#3bb4f2; border-color:#3bb4f2} .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active{color:#fff;background-color:#0f9ae0;border-color:#0f9ae0} /*次要按钮 线框按钮*/ .btn-l-secondary{background-color:#f6fcff; border-color:#f6fcff;border: 1px solid #3bb4f2;color: #3bb4f2} .btn-l-secondary:hover, .btn-l-secondary:focus, .btn-l-secondary:active, .btn-l-secondary.active{color:#fff;background-color:#0f9ae0;border-color:#0f9ae0} /*成功*/ .btn-success{color:#fff;background-color:#4A90E2; border-color:#4A90E2; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active{color:#fff;background-color:#367ed2;border-color:#367ed2; } /*成功 线框按钮*/ .btn-l-success{background-color:#f7ffee; border-color:#f7ffee;border: 1px solid #7CC52C;color: #7CC52C} .btn-l-success:hover, .btn-l-success:focus, .btn-l-success:active, .btn-l-success.active{color:#fff;background-color:#70b029;border-color:#70b029} /*警告*/ .btn-warning{color:#fff;background-color:#ff712b; border-color:#ff712b} .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active{color:#fff;background-color:#e7611f;border-color:#e7611f} /*警告 线框按钮*/ .btn-l-warning{background-color:#fff3ed; border-color:#fff3ed;border: 1px solid #ff712b;color: #ff712b} .btn-l-warning:hover, .btn-l-warning:focus, .btn-l-warning:active, .btn-l-warning.active{color:#ff712b;background-color:#FFECDC;border-color:#e7611f} /*危险*/ .btn-danger{color:#fff;background-color:#d0021b; border-color:#d0021b} .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active{color:#fff;background-color:#be0f25;border-color:#be0f25} /*危险 线框按钮*/ .btn-l-danger{background-color:#fff1f2; border-color:#fff1f2;border: 1px solid #d0021b;color: #d0021b} .btn-l-danger:hover, .btn-l-danger:focus, .btn-l-danger:active, .btn-l-danger.active{color:#fff;background-color:#be0f25;border-color:#be0f25} /*链接*/ .btn-link{color:#0e90d2;cursor:pointer;border-color:transparent;background-color:transparent;} .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active{color:#095f8a;text-decoration:underline;background-color:transparent} /*禁用状态*/ .btn.disabled{cursor:not-allowed;background-image:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none; pointer-events:none; background: #F0F0F0; border-color:#f0f0f0;color:#bbb;} /*块级按钮*/ .btn-block {-moz-box-sizing: border-box;display: block;padding-left: 0;padding-right: 0;width: 100%} /*表单*/ /*默认状态*/ .input-text,.textarea{box-sizing:border-box;border:solid 1px #ddd;width:100%;} .textarea{ height:100px; resize:none; font-size:12px; padding:4px} .textarea-numberbar{ position:absolute; right:20px; bottom:5px; z-index:1; margin-bottom:0} .textarea-length{ font-style:normal} .input-text:hover,.textarea:hover{border: solid 1px #3bb4f2} /*得到焦点后*/ .input-text.focus,textarea.focus{border:solid 1px #0f9ae0 \9;border-color:rgba(82,168,236,0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)} /*不可点击*/ .input-text.disabled,.textarea.disabled,.input-text.disabled.focus,.textarea.disabled.focus{background-color:#ededed; cursor:default;border-color: #ddd; -webkit-box-shadow:inset 0 2px 2px #e8e7e7; -moz-box-shadow:inset 0 2px 2px #e8e7e7; box-shadow:inset 0 2px 2px #e8e7e7} /*只读状态*/ .input-text.disabled,.textarea.disabled{background-color:#e6e6e6; cursor:default} /*阴影*/ .input-text.box-shadow,.textarea.box-shadow{-ms-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)} /*行内元素*/ .input-text.inline{ display:inline-block; width:auto;} /*单选 多选*/ input[type="radio"],input[type="checkbox"] {line-height: normal; margin-top:-4px} .check-box,.radio-box{ display:inline-block; box-sizing:border-box; cursor:pointer; position:relative; padding-left:25px; width: 150px; margin-bottom: 10px;} .icheckbox, .icheckbox-red, .icheckbox-green, .icheckbox-blue, .icheckbox-aero, .icheckbox-grey, .icheckbox-orange, .icheckbox-yellow, .icheckbox-pink, .icheckbox-purple, .iradio, .iradio-red, .iradio-green, .iradio-blue, .iradio-aero, .iradio-grey, .iradio-orange, .iradio-yellow, .iradio-pink, .iradio-purple {position: absolute;top:4px;left: 0} @media (max-width: 767px) {.responsive .check-box,.responsive .radio-box{ display:block}} /* 单选多选皮肤 */ .icheckbox-blue,.iradio-blue {display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../images/blue.png) no-repeat;border: none;cursor: pointer;} .icheckbox-blue,.icheckbox-blue.static:hover {background-position: 0 0;} .icheckbox-blue.hover,.icheckbox-blue:hover {background-position: -20px 0;} .icheckbox-blue.checked { background-position: -40px 0;} .icheckbox-blue.disabled {background-position: -60px 0;cursor: default;} .icheckbox-blue.checked.disabled {background-position: -80px 0;} .iradio-blue,.iradio-blue.static:hover {background-position: -100px 0;} .iradio-blue.hover,.iradio-blue:hover {background-position: -120px 0;} .iradio-blue.checked {background-position: -140px 0;} .iradio-blue.disabled {background-position: -160px 0;cursor: default;} .iradio-blue.checked.disabled { background-position: -180px 0;} /*单选-图片属性选择器*/ .iListr li,.iListr li label {float: left;width: 190px;height: 45px; cursor: pointer;} .iListr li {margin: 10px 5px;list-style-type: none;background-repeat: no-repeat;background-position: 50px center;} .iListr li label {border: 1px solid #ddd;} .iListr li label input {margin-top: 15px;*margin-top: 12px;margin-left: 20px;} /*银行icon*/ .icon-box1{background:#fff url(https://image.365me.cn/static/images/bank_list.gif) no-repeat 46px -318px; width:135px; height: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;} .icon-box2{background:#fff url(https://image.365me.cn/static/images/bank_list.gif) no-repeat 46px -364px; width:135px; height: 32px; border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;} /*css3开关*/ .chk_1,.chk_2{display: none;} /*圆形*/ .chk_1 + label{background-color: #FFF;padding: 10px;border-radius: 15px;display: inline-block;position: relative;margin-right: 30px;background: #FF5338;width: 50px;height: 10px;} .chk_1 + label:before{content: ' ';position: absolute;background: #FFF;top: 3px;z-index: 99999;left: 3px;width: 24px;color: #FFF;height: 24px;border-radius: 15px;} .chk_1 + label:after{content: 'OFF';position: absolute;top: 6px;left:10px;font-size: 12px;color:#FFFFFF;font-weight: bold;} .chk_1:checked + label{background: #7CC52C;} .chk_1:checked + label:after{content: 'ON';left: 10px;} .chk_1:checked + label:before{content: ' ';position: absolute;z-index: 99999;left: 43px;} .chk_1 + label:after{left: 35px;} /*方形*/ .chk_2 + label{background-color: #FFF;padding: 10px;border-radius: 3px;display: inline-block;position: relative;margin-right: 30px;background: #FF5338;width: 50px;height: 10px;} .chk_2 + label:before{content: ' ';position: absolute;background: #FFF;top: 3px;z-index: 99999;left: 3px;width: 24px;color: #FFF;height: 24px;border-radius: 3px;} .chk_2 + label:after{content: 'OFF';position: absolute;top: 6px;left:10px;font-size: 12px;color:#FFFFFF;font-weight: bold;} .chk_2:checked + label{background: #7CC52C;} .chk_2:checked + label:after{content: 'ON';left: 10px;} .chk_2:checked + label:before{content: ' ';position: absolute;z-index: 99999;left: 43px;} .chk_2 + label:after{left: 35px;} #checkbox_d1 + label:after, #checkbox_d1 + label:before, #checkbox_d2 + label:after, #checkbox_d2 + label:before, #checkbox_d3 + label:after, #checkbox_d3 + label:before, #checkbox_d4 + label:after, #checkbox_d4 + label:before, #checkbox label{-webkit-transition: all 0.1s ease-in;transition: all 0.1s ease-in;} /*下拉框*/ /*修改源生*/ .select-box{border:solid 1px #ddd;box-sizing:border-box;vertical-align:middle; width:100%; display:inline-block;} .select{border:solid 1px #ddd;box-sizing:border-box;cursor: pointer;line-height:normal;font-weight: normal;width:100%;background: #fff;} .select-box .select{ border:none;} .select-box.inline,.select-box.inline .select{ width:auto} .select-box,.select-box.size-M{height:31px;padding:4px 5px; background: #fff;} .select,.size-M .select{font-size: 14px;} .select-box.size-S{height:27px;padding:3px 5px;} .size-S .select{font-size: 12px;} .select-box.size-L{height:41px;padding:8px 5px;} .size-L .select{font-size: 16px;} /*div仿select*/ .select-div{position:relative;float:left;margin:0 10px;width:100px;height:31px;border:1px solid #d2ccc4;display:inline-block;} .select-div p{background:#fcfcfb url(https://image.365me.cn/static/images/down.gif) no-repeat 87px center;line-height:31px;font-weight:bold;padding-left:10px;cursor:pointer;padding-right:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99;} .select-div p:hover,.select-div p.cur{box-shadow:0 0 3px #409DFE;} .select-div ul{position:absolute;left:-1px;top:31px;border:1px solid #d2ccc4;background:#fff;display:none;} .select-div ul{padding:4px;width:92px;max-height:250px;overflow:auto;} .select-div ul li a{line-height:31px;display:block;padding:0 8px;} .select-div ul li a:hover{background:#f5f5f5;} .select-div{position:relative;float:left;margin:0 10px;width:100px;height:31px;border:1px solid #d2ccc4;display:inline-block;} .select-div .size-s{height:27px !important; line-height: 27px !important; font-size: 12px;} /*小尺寸*/ /*文本框文件上传*/ .btn-upload{position: relative; display:inline-block;height:31px; *display:inline;overflow:hidden;vertical-align:middle;cursor:pointer} .upload-url{cursor: pointer; width:300px;} .input-file{position:absolute; right:0; top:0; cursor: pointer; z-index:1; font-size:30em;opacity:0;filter: alpha(opacity=0)} .form-group .upload-btn{ margin-left:-1px} .btn-upload .icon-add,.btn-upload .icon-minus{cursor: pointer;display: inline-block;font-family: Arial;font-size: 30px;height: 31px;line-height: 31px;text-align: center;vertical-align: middle;width: 36px;text-align: left;} /*按钮文件上传*/ .upload-tu{ position: relative; width: 60px;width: 60px; float: left;margin-right: 10px;} .upload-tu .tupin{ position: absolute;z-index: 99; top:-5px; right:-5px; display: inline-block; width: 16px; height: 16px; background:url(https://image.365me.cn/static/images/cssimg.png) no-repeat -1px -49px;} .upload-img{width: 60px;height: 60px; float: left; margin-right: 10px;} .btn-uploads {position: relative;display: inline-block;overflow: hidden;vertical-align: middle;cursor: pointer;} .btn-uploadspic {display: block;cursor: pointer;width: 62px;height: 60px;background: #fff url(https://image.365me.cn/static/images/cssimg.png) no-repeat -25px -5px;text-indent: -99em;} .input-filepic {position: absolute;right: 0;top: 0;cursor: pointer;font-size: 99em;opacity: 0;filter: alpha(opacity=0);} /*数字表单*/ .numberControlBox{display:inline-block;overflow:hidden;vertical-align: middle} .ncb-up,.ncb-down{font-size:0px;display:block;height:10px;background-color:#f4f4f4;background:-moz-linear-gradient(top,rgb(255,255,255) 0%,rgb(230,230,230) 50%,rgb(255,255,255) 100%);width:24px;border:1px solid #d1d1d1;cursor:pointer} .ncb-up{margin-bottom:1px} .numberControlBox .ncb_ico{display:block;height:10px;background-image:url(https://image.365me.cn/static/images/icon-arrow.png) no-repeat} .ncb-up .ncb_ico{background-position: -22px center} .ncb-down .ncb_ico{background-position: 1px center} .ncb_btn_hover{border:1px solid #9dc7e7;background-color:#dff2fc;background:-moz-linear-gradient(top,rgb(255,255,255) 0%,rgb(210,237,250) 50%,rgb(255,255,255) 100%)} .ncb_btn_selected{border:1px solid #6198c2;background-color:#aee1fb;background:-moz-linear-gradient(top,rgb(255,255,255) 0%,rgb(174,225,251) 50%,rgb(255,255,255) 100%)} .input-text[type="number"]{width:80px} /*表单布局*/ label,.placeholder{font-size:14px;} .form legend{font-size:16px}/*表单名称*/ .form .row{margin-top:15px;}/*表单行*/ .form-label{display:block; color:#555;}/*表单标题*/ .formControls{position:relative; font-size: 14px; line-height: 26px;}/*表单控制区*/ .formControls > *{vertical-align:middle} .placeholder{position:absolute; left:4px; top:4px;color:#c6c6c6; cursor:text}/*表单默认值*/ .phcolor,.gary{color:#999} /*ie8下palceholder颜色*/ .form-horizontal .row{display:table;width:100%;} .form-horizontal .form-label{margin-top:3px;cursor:text;text-align:right; padding-right:10px} .form-horizontal .formControls{ padding-right:10px} /*设置placeholder颜色*/ ::-webkit-input-placeholder {color:#999}/* WebKit browsers */ :-moz-placeholder {color:#999}/* Mozilla Firefox 4 to 18 */ ::-moz-placeholder {color:#999}/* Mozilla Firefox 19+ */ :-ms-input-placeholder {color:#999}/* Internet Explorer 10+ */ .placeholder{color:#adb0be; position:absolute; z-index:9}/*不兼容placeholder属性的浏览器，可使用表单默认值*/ .col-2{ width: 15%;} .col-10{ width: 60%; } .col-offset-2{margin-left:15%} .row.cl{} .row{ box-sizing:border-box;} [class^="col-"],[class*=" col-"]{box-sizing:border-box; float:left;min-height: 1px;position: relative;} /*搜索框*/ .search_form{position:relative; height:35px;display:inline-block;} .search_form:hover{} .sinput{float:left; width:200px; height:25px; line-height:25px; padding:4px 7px; color:999;border:1px solid #CF0000; border-radius:2px 0 0 2px; background-color:#fbfbfb;} .sbtn{float:left; height:35px; padding:0 12px; margin-left:60px; border-radius:0 2px 2px 0; border:1px solid #4d90fe; background-color:#4d90fe; cursor:pointer; display:inline-block;font-size:12px;vertical-align:middle;color:#fff;position:absolute} .sbtn:hover{background:#4084f2} .ebtn{float:left; idth:60px; height:35px; padding:0 12px; margin-left:-1px; border-radius:0 2px 2px 0; border:1px solid #D0021B; background-color:#D0021B; cursor:pointer; display:inline-block;font-size:12px;vertical-align:middle;color:#fff;position:absolute} .ebtn:hover{background:#BE0F25} /*翻页样式*/ .pages { margin: 5px auto; clear: both; height: 30px; padding: 0 10px;} .pages .togle { } .pages .togle ul , .pages .togle ol { float: right; clear: both; } .pages .togle li { float: left; margin: 0; line-height: 30px; padding: 0px 10px; background: #fff; border: 1px solid #ddd; border-left: none; text-align: center; } .pages .togle a { color: #666; } .pages .togle li:first-child { border-left: 1px solid #ddd; } .pages .togle li.active, .pages .togle li:hover { background: #f7f7f7; } .pages .togle li.pre {padding: 0px 10px;} .pages .pages-count { float: left;line-height: 30px; } .pages .pages-count span { color: #999; } .pages .togle li.disabled{background:#f7f7f7;} .pages .togle li.disabled a{color:#EAE6E6;} .pages .togle li.disabled a:hover{background:#f7f7f7;} /*选项卡*/ /*样式一*/ .tab {overflow: hidden;height: ;border-bottom: 1px solid #ddd; font-size: 14px;cursor: pointer;} .tab li {float: left; padding:0px 20px;text-align: center;line-height: 32px;} .tab li.on {background: #fff;color:#CF0000; border-bottom: 2px solid #cf0000} .con {padding: 9px;} /*样式二*/ .tab2 {overflow: hidden;height: ;font-size: 12px;} .tab2 li {float: left; padding:0px 15px;text-align: center;line-height: 28px; cursor: pointer;} .tab2 li.on {background: #cf0000;color:#fff; border-radius:3px;} .con2 {padding: 9px;} /*样式三*/ .m-hd{height:50px;line-height:50px;padding:1px 0 0;border:1px solid #ddd; border-bottom:0px;background:#f8f8f8;} .m-hd h2,.m-hd ul,.m-hd li{float:left;display:inline;} .m-hd h2{margin:0 20px 0 0;font-size:16px;} .m-hd ul{margin-left:-2px;} .m-hd li{position:relative;margin:-1px 0 0 2px;} .m-hd li a,.m-hd li a:hover{text-decoration:none;color:#666;} .m-hd li a{float:left;padding:0 35px;text-align:center;font-size:14px;background:#f8f8f8;color: #999;} .m-hd li a:hover{background:#fff;} .m-hd li.on a{position:relative;padding-bottom:1px;margin-bottom:-1px;background:#fff;border:1px solid #fff; border-bottom: 0px; font-weight: bold;color: #000;} .m-hd .more{float:right;margin-left:10px;} .con3 {padding: 20px; border: 1px solid #ddd; border-top-style: none;} /*表格*/ /*默认table*/ table{width:100%;empty-cells:show;background-color:transparent;border-collapse:collapse;border-spacing:0} table th{text-align:left; font-weight:400} /*带水平线*/ .table th{font-weight:bold} .table th{padding:5px;line-height: 30px;} .table td{padding:10px 5px;} .table td{text-align:left} .table tbody tr.success > td{background-color:#dff0d8} .table tbody tr.error > td{background-color:#f2dede} .table tbody tr.warning > td{background-color:#fcf8e3} .table tbody tr.info > td{background-color:#d9edf7} .table tbody + tbody{border-top:2px solid #ddd} .table .table{background-color:#fff} /*带横向分割线*/ .table-border{border-top:1px solid #ddd} .table-border th,.table-border td{border-bottom:1px solid #ddd;} /*th带背景*/ .table-bg th{background-color:#f5f5f5;line-height: 40px; text-align: center; font-size: 14px; color: #555; font-weight: normal;} /*带外边框*/ .table-bordered{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;border-left:0} .table-bordered th,.table-bordered td{border-left:1px solid #ddd} .table-border.table-bordered{border-bottom:0} /*奇数行背景设为浅灰色*/ .table-striped tbody > tr:nth-child(odd) > td,.table-striped tbody > tr:nth-child(odd) > th{background-color:#f9f9f9} /*竖直方向padding缩减一半*/ .table-condensed th,.table-condensed td{padding:4px 5px} /*鼠标悬停样式*/ .table-hover tbody tr:hover td,.table-hover tbody tr:hover th{background-color: #f5f5f5} /*定义颜色*/ /*悬停在行*/ .table tbody tr.active,.table tbody tr.active>td,.table tbody tr.active>th,.table tbody tr .active{background-color:#F5F5F5!important} /*成功或积极*/ .table tbody tr.success,.table tbody tr.success>td,.table tbody tr.success>th,.table tbody tr .success{background-color:#F4FFE8!important} /*警告或出错*/ .table tbody tr.warning,.table tbody tr.warning>td,.table tbody tr.warning>th,.table tbody tr .warning{background-color:#FFF7D1!important} /*危险*/ .table tbody tr.danger,.table tbody tr.danger>td,.table tbody tr.danger>th,.table tbody tr .danger{background-color:#FFEFEF!important} /*表格文字对齐方式，默认是居左对齐*/ .table .text-c th,.table .text-c td{text-align:center}/*整行居中*/ .table .text-r th,.table .text-r td{text-align:right}/*整行居右*/ .table th.text-l,.table td.text-l{text-align:left!important}/*单独列居左*/ .table th.text-c,.table td.text-c{text-align:center!important}/*单独列居中*/ .table th.text-r,.table td.text-r{text-align:right!important}/*单独列居右*/ /*日历选择器*/ /*进度条*/ .progress,.progress-bar,.b-only,.g-only,.o-only,.p-only,.r-only{height:10px; font-size:0;line-height:0} .progress{overflow:hidden; width:400px;-khtml-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px} .progress-bar{width:100%;background-color:#efefef} .b-only{display:inline-block; background-color:#468ee5}/*颜色值-蓝*/ .g-only{display:inline-block; background-color:#7AC614}/*颜色值-绿*/ .o-only{display:inline-block; background-color:#FF712B}/*颜色值-桔*/ .p-only{display:inline-block; background-color:#3ABCC6}/*颜色值-青*/ .r-only{display:inline-block; background-color:#cf0000}/*颜色值-红*/ /*环形进度条*/ .circle {width: 100px;height: 100px;position: absolute;border-radius: 50%;} .bule{background: #468ee5;} .green{background: #7AC614;} .orange{background: #FF712B;} .secondary{background: #3ABCC6;} .pie_left, .pie_right {width:100px; height:100px;position: absolute;top: 0;left: 0;} .left, .right {width:100px; height:100px;background:#ddd;border-radius: 50%;position: absolute;top: 0;left: 0;} .pie_right, .right {clip:rect(0,auto,auto,50px);} .pie_left, .left {clip:rect(0,50px,auto,0);} .mask {width: 94px;height: 94px;border-radius: 50%;left: 3px;top: 3px;background: #FFF;position: absolute;text-align: center;line-height: 94px;font-size: 14px;font-weight: bold;color: #333;} /*步骤图（样式一）*/ .section{ margin-left: 40px; margin-top: 5px;} .section ul li{ float: left; width: 155px; text-align: right; line-height: 20px;} .section-1{background: url(https://image.365me.cn/static/images/cssimg.png) 0px -66px; width: 155px; height: 15px;} .section-2{background: url(https://image.365me.cn/static/images/cssimg.png) 0px -81px; width: 155px; height: 15px; } /*步骤图（样式二）*/ .flowstep .step-no, .flowstep .step-sub-box .step-sub {background: url(https://image.365me.cn/static/images/cssimg.png) no-repeat 50% -97px} .flowstep {width: 775px;margin: 0 auto;padding: 20px 0} .flowstep ol {overflow: hidden;zoom: 1} .flowstep li {float: left;text-align: center} .flowstep .step-name {padding: 3px 0;font-weight: 700;color: #888} .flowstep .step-no {height: 15px;line-height: 15px;font-family: 'arial black';color: #fff;font-size: 18px} .flowstep .step-last .step-no {background-position: 50% -157px} .flowstep .step-time {color: #999;padding: 8px 0} .flowstep .step-time .time-first, .flowstep .step-time .time-last {display: inline-block;*display: inline;*zoom: 1} .flowstep .step-time .time-first {padding-right: 25px} .flowstep .step-time .time-last {padding-left: 25px} .flowstep .step-1 .step-cur .step-no {background-position: 50% -203px} .flowstep .step-1 .step-cur .step-name {color: #cf0000} .flowstep .step-1-1 .step-cur .step-no {background-position: 50% -187px} .flowstep .step-1-1 .step-cur .step-name {color: #cf0000} .flowstep .step-2 .step-cur .step-no {background-position: 50% -142px} .flowstep .step-2 .step-cur .step-name {color: #666} .flowstep .step-2-1 .step-cur .step-no {background-position: 50% -127px} .flowstep .step-2-1 .step-cur .step-name {color: #cf0000} .flowstep .step-3 .step-cur .step-no{background-position: 50% -172px} .flowstep .step-3 .step-cur .step-name {color: #cf0000} .flowstep .step-4 .step-cur .step-no {background-position: 50% -157px} .flowstep .step-4 .step-cur .step-name {color: #666} .flowstep .step-4-1 .step-cur .step-no {background-position: 50% -97px} .flowstep .step-4-1 .step-cur .step-name {color: #cf0000} .flowstep .step-sub .sub-first, .flowstep .step-sub .sub-last {position: absolute;top: 11px;font-weight: 700;color: #888;white-space: nowrap} .flowstep .step-sub .sub-first {right: 155px;text-align: right} .flowstep .step-sub .sub-last {left: 155px} .flowstep-5 {margin-left: -30px;width: 1050px} .flowstep-5 li {width: 155px} /*步骤图（样式三）*/ .cart-marks{float: left; width:100% ; margin-top: 20px;background-image: url(https://image.365me.cn/static/images/shop-cart-cart-l2.png);background-repeat: repeat-x; border-left:1px solid #ddd ;border-right:1px solid #ddd ;} .cart-marks li{position: relative;float: left;height:36px;font-size: 14px;line-height: 36px;color: #ddd;list-style-type: none;} .cart-marks li.cart-marks-now{color: #fff;background-image: url(https://image.365me.cn/static/images/shop-cart-cart-l1.png);background-repeat: repeat-x;} .cart-marks .three{width: 33%;} .cart-marks .four{width: 25%;} .cart-marks .five{width: 20%;} .whites-y,.greys-y,.reds-correct{float: left;width: 20px;height: 20px;margin-top: 8px;margin-left: 40px;margin-right: 11px;font-size: 12px;line-height: 20px;text-align: center;} .whites-y{color: #cf0000;background-image: url(https://image.365me.cn/static/images/shop-cart-cart-8.png);} .greys-y{color: #fff;background-image: url(https://image.365me.cn/static/images/shop-cart-cart-7.png);} .reds-correct{background-image: url(https://image.365me.cn/static/images/shop-cart-icon.png);background-repeat: no-repeat;background-position: -17px 5px;} .reds-correct1{float: left;width: 20px;height: 20px;margin-left: 5px;margin-top: 1px;background-image: url(https://image.365me.cn/static/images/shop-cart-icon.png);background-repeat: no-repeat;background-position: -17px 5px;} .reds-sjx,.greys-sjx1,.greys-sjx2,.greys-sjx3,.reds-sjx1{position: absolute;right: 0;top: 0;width: 18px;height: 36px;background-repeat: no-repeat;} .reds-sjx{background-image: url(https://image.365me.cn/static/images/shop-cart-cart-4.png);} .reds-sjx1{background-image: url(https://image.365me.cn/static/images/shop-cart-cart-r-1.png);} .greys-sjx1{background-image: url(https://image.365me.cn/static/images/shop-cart-cart-3.png);} .greys-sjx3{background-image: url(https://image.365me.cn/static/images/shop-cart-cart-4-2.png);} /*步骤图（样式四）*/ .steps,.step{display:inline-block;position:relative;padding:1em 2em 1em 3em;vertical-align:top;background-color:#FFF;color:#888;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box} .step:after,.steps .step:after{position:absolute;z-index:2;content:'';top:0;right:-1.45em;border-bottom:1.5em solid transparent;border-left:1.5em solid #FFF;border-top:1.5em solid transparent;width:0;height:0} .step,.steps .step,.steps .step:after{-webkit-transition:opacity .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,box-shadow .1s ease} .steps{cursor:pointer;display:inline-block;font-size:0;box-shadow:0 0 0 1px rgba(0,0,0,.1);line-height:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border-radius:.3125rem} .steps .step:first-child{padding-left:1.35em;border-radius:.3125em 0 0 .3125em} .steps .step:last-child{border-radius:0 .3125em .3125em 0} .steps .step:only-child{border-radius:.3125em} .steps .step:last-child{margin-right:0} .steps .step:last-child:after{display:none} .step:hover,.step.hover{background-color:#F7F7F7;color:rgba(0,0,0,.8)} .steps .step.hover:after,.steps .step:hover:after,.step:hover,.step.hover::after{border-left-color:#F7F7F7} .steps .step.down,.steps .step:active,.step.down,.step:active{background-color:#F0F0F0} .steps .step.down:after,.steps .step:active:after,.steps.down::after,.steps:active::after{border-left-color:#F0F0F0} .steps .step.active,.active.step{cursor:auto;background-color:#CF0000;color:#FFF;font-weight:700}.steps .step.active:after,.active.steps:after{border-left-color:#cf0000} .steps .disabled.step,.disabled.step{cursor:auto;background-color:#FFF;color:#CBCBCB} .disabled.step:after{border:0;background-color:#FFF;top:.42em;right:-1em;width:2.15em;height:2.15em;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);box-shadow:-1px -1px 0 0 rgba(0,0,0,.1) inset} .attached.steps{margin:0;border-radius:.3125em .3125em 0 0} .attached.steps .step:first-child{border-radius:.3125em 0 0} .attached.steps .step:last-child{border-radius:0 .3125em 0 0} .bottom.attached.steps{margin-top:-1px;border-radius:0 0 .3125em .3125em} .bottom.attached.steps .step:first-child{border-radius:0 0 0 .3125em} .bottom.attached.steps .step:last-child{border-radius:0 0 .3125em} /*步骤图导航数量*/ .one.steps,.two.steps,.three.steps,.four.steps,.five.steps,.six.steps,.seven.steps,.eight.steps{display:block} .one.steps>.step{width:100%} .two.steps>.step{width:50%} .three.steps>.step{width:33.333%} .four.steps>.step{width:25%} .five.steps>.step{width:20%} .six.steps>.step{width:16.666%} .seven.steps>.step{width:14.285%} .eight.steps>.step{width:12.5%} /*步骤图导航尺寸*/ .step,.steps .step{font-size:14px}/*默认*/ /*状态提示*/ .alert{ position:relative;padding:8px 35px 8px 14px;margin-bottom: 20px;background-color: #fcf8e3;border: 1px solid #fbeed5;border-radius: 4px} .alert, .alert h4{color: #c09853} .alert h4{margin: 0} .alert .icon-remove{position:absolute;top:9px;right:10px;line-height: 20px;cursor:pointer; color:#000; opacity:0.2;_color:#666;} .alert .icon-remove.hover{ color:#000;opacity:0.8;} .alert-success{color: #7CC52C;background-color: #f4ffe8;border-color: #c1eb93} .alert-success h4{color: #7CC52C} .alert-danger{color: #ea8511;background-color: #fff7d1;border-color: #f5e0c3} .alert-danger h4{color: #ea8511} .alert-error{color: #CF0000;background-color: #ffefef;border-color: #ffccd2} .alert-error h4{color: #CF0000} .alert-info{color: #4A90E2;background-color: #e6f1fe;border-color: #b4d8fa} .alert-info h4{color: #4A90E2} .alert-block{padding-top: 14px;padding-bottom: 14px} .alert-block > p, .alert-block > ul{margin-bottom: 0} .alert-block p + p{margin-top: 5px} /*.close::before {content: "\2716";}*/ /*tips提示气泡*/ .help-tip{position: absolute;top: 18px;right: 18px;text-align: center;background-color: #BCDBEA;border-radius: 50%;width: 24px;height: 24px;font-size: 14px;line-height: 26px;cursor: default;} .help-tip:before{content:'?';font-weight: bold;color:#fff;} .help-tip:hover p{display:block;transform-origin: 100% 0%;-webkit-animation: fadeIn 0.3s ease-in-out;animation: fadeIn 0.3s ease-in-out;} .help-tip p{display: none;text-align: left;background-color: #1E2021;padding: 20px;width: 300px;position: absolute;border-radius: 3px;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);right: -4px;color: #FFF;font-size: 13px;line-height: 1.4;} .help-tip p:before{position: absolute;content: '';width:0;height: 0;border:6px solid transparent;border-bottom-color:#1E2021;right:10px;top:-12px;} .help-tip p:after{width:100%;height:40px;content:'';position: absolute;top:-40px;left:0;} @-webkit-keyframes fadeIn{0%{opacity:0;transform: scale(0.6);}100%{opacity:100%;transform: scale(1);}} @keyframes fadeIn{0%{opacity:0;}100%{opacity:100%;}} @media (max-width: 1024px){#bsaHolder, footer{display:none;}} /*弹窗对话框*/ .modal-open{overflow:initial}/*当弹出层出现时，隐藏body右侧滚动条*/ .page-overflow{margin-right:0px}/*隐藏body滚动条时，页面偏移*/ .modal-scrollable{position:fixed;top:0;right:0;bottom:0;left:0;overflow: auto}/*弹出层的最外层，全屏，用户响应点击和滚动*/ .modal-overflow .modal-scrollable{overflow-y:scroll}/*弹窗超出屏幕高度时，弹出层替代body右侧滚动条，实现弹出层的整体滚动*/ .modal-backdrop {position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1040;background-image:url(../../static/images/bgtm.png)}/*默认遮罩层，全屏黑色*/ * html .modal-backdrop{position:absolute;left:expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth);top:expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight)}/*解决IE下 遮罩层兼容性*/ .modal-backdrop.fade {opacity:0;/*filter: alpha(opacity=0)*/}/*遮罩层失去时，透明度为0*/ .modal-backdrop,.modal-backdrop.fade.in {opacity: 0.7;/*filter: alpha(opacity=70)*/}/*遮罩层进入 0.7透明度*/ .modal.container{width: 980px}/*满页面宽度*/ .modal {position:absolute;top:50%;left:50%; width:500px;margin-left:-250px;z-index:1050;overflow: visible;background-color: #fff;background-clip: padding-box; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip:padding-box; -khtml-background-clip:padding-box; -moz-background-clip:padding-box; -ms-background-clip:padding-box; -o-background-clip:padding-box; background-clip:padding-box; border-radius:6px; border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999}/*弹出层，绝对定位，默认【宽度500px，高度自适应，背景白色，6px圆角，带阴影】，自定义宽度可在data-width中设置参数*/ .fade {opacity: 0;/*filter: alpha(opacity=0);*/-webkit-transition: opacity 0.2s linear;-moz-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear;transition: opacity 0.2s linear} .fade.in {opacity: 1;/*filter: alpha(opacity=100)*/} .modal.fade {top: -100%}/*弹出层进入动画效果*/ .modal.fade.in{top:50%}/*弹出层进入后居顶距离，配合margin-top负值，实现上下自动居中*/ .modal.modal-overflow.fade.in{top:0px}/*如果弹出层高度大于窗口，弹出窗口距顶0像素*/ .loading-spinner {position: absolute;top: 50%;left: 50%;margin: -12px 0 0 -12px}/*Ajax加载数据时loading*/ .modal-alert-info{ background: #ffffff; text-align: center; font-size: 14px; padding: 30px;} /*弹出2秒关闭*/ /*弹出层header区*/ .modal-header {padding: 15px 15px;border-bottom: 1px solid #eee; position:relative}/*弹出层头部*/ .modal-header .close{position:absolute; font-size: x-large; right:10px; background: #FFF none;border: medium none;top:5px}/*关闭按钮，请调用4.1.1 按钮 .close*/ .modal-header h3,.modal-header h4{margin:0; font-size: 14px;}/*标题*/ .modal-body {overflow-y:visible;padding: 15px;} /*内容不限高度，内填充15px，不满意可自行修改*/ .modal-form {margin-bottom: 0} /*弹出层表单*/ /*弹出层footer区，放按钮*/ .modal-footer {padding:10px 15px;margin-bottom: 0;text-align: center;background-color: #e5e5e5;border-top: 1px solid #ddd;*zoom: 1;border-radius: 0 0 6px 6px;} .modal-footer:before,.modal-footer:after {display: table;content: ""} .modal-footer:after {clear: both} .modal-footer .btn + .btn {margin-left: 5px;margin-bottom: 0} .modal-footer .btn-group .btn + .btn {margin-left: -1px} /*隐藏 显示*/ .hide{display:none}[hidden]{display: none} .f-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0} [class*="span"].hide,.row-fluid [class*="span"].hide{display:none} .show{display:block} .invisible{visibility:hidden} /*便签与标号*/ .label, .badge{display: inline-block;font-size: 9px;line-height:14px;color: #fff;white-space: nowrap;vertical-align: baseline;background-color: #999; text-align: center; font-family: arial !important;} /*圆角*/ .label.radius{border-radius: 3px} .badge{padding-right:5px;padding-left:5px;border-radius:9px} .label:empty, .badge:empty{display: none} a.label:hover, a.label:focus, a.badge:hover, a.badge:focus{color: #fff;text-decoration: none;cursor: pointer} /*默认*/ .label-default, .badge-default{background-color: #ddd; color:#333;} .label-default[href], .badge-default[href]{background-color: #ddd;color:#333;} /*样式一*/ .label-primary, .badge-primary{background-color: #4A90E2} .label-primary[href], .badge-primary[href]{background-color: #4A90E2} /*样式二*/ .label-secondary, .badge-secondary{background-color: #3abcc6} .label-secondary[href], .badge-secondary[href]{background-color: #3abcc6} /*样式三*/ .label-success, .badge-success{background-color:#7ac614} .label-success[href], .badge-success[href]{background-color: #7ac614} /*样式四*/ .label-warning, .badge-warning{background-color: #FF712B} .label-warning[href], .badge-warning[href]{background-color: #FF712B} /*样式五*/ .label-danger, .badge-danger{background-color: #cf0000} .label-danger[href], .badge-danger[href]{background-color: #cf0000} /*标签－常常用于关键字tag等地方*/ abbr:hover {/*border-left: 3px solid #cf0000;*/background: none repeat scroll 0px 0px #CF0000; color: #fff; display: inline-block;} abbr{background: none repeat scroll 0px 0px #f2f2f2; border-bottom: medium none;/*border-left: 3px solid #7ac614;*/ display: inline-block; margin-right: 5px;color:#666;padding: 0px 5px} /*角标*/ .badges {font-size: 14px;padding: 6px 15px;margin: 0px;line-height: 20px; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; } .badges-corner {position: relative;} .badges-corner .badge {position: absolute;right: -10px;top: -9px;font-weight: normal;cursor: pointer; z-index: 2;} /*评论列表*/ .commentList .item{list-style: none outside none;margin: 1.6rem 0 0} .commentList .avatar{border: 1px solid transparent;float: left;} .comment-main{position:relative;margin-left:64px;border:1px solid #dedede;border-radius:2px} .comment-main:before,.comment-main:after{position:absolute;top:11px;left:-16px;right:100%;width:0;height:0;display:block;content:" ";border-color:transparent;border-style:solid solid outset;pointer-events:none} .comment-main:before{border-right-color:#dedede;border-width:8px} .comment-main:after{border-width:7px;border-right-color:#f8f8f8;margin-top:1px;margin-left:2px} .comment-header{padding:10px 15px;background:#f8f8f8;border-bottom:1px solid #eee} .comment-title{margin:0 0 8px 0;font-size:1.6rem;line-height:1.2} .comment-meta{font-size:13px;color:#999;line-height:1.2} .comment-meta a{color:#999} .comment-author{font-weight:700;color:#999} .comment-body{padding:15px;overflow:hidden} .comment-body>:last-child{margin-bottom:0} .commentList .comment-flip .avatar {float: right} .comment-flip .comment-main{margin-left: 0; margin-right: 64px} .comment-flip .comment-main:before {border-left-color: #dedede;border-right-color: transparent} .comment-flip .comment-main:before, .comment-flip .comment-main:after {left: 100%;position: absolute;right: -16px} .comment-flip .comment-main:after {border-left-color: #f8f8f8;border-right-color: transparent;margin-left: auto;margin-right: 2px} /*遮罩*/ /*遮罩条*/ .maskBar{position:absolute;width:100%; height:auto;left:0; bottom:-60px; right:0;background-color:#000;z-index:2; color:#fff!important;opacity:0.9;filter:alpha(opacity=90)} .maskWraper{position:relative; overflow:hidden} .maskWraper.hover .maskBar{bottom:0px; transition: bottom 200ms; -moz-transition: bottom 200ms; /* Firefox 4 */ -webkit-transition: bottom 200ms; /* Safari 和 Chrome */ -o-transition: bottom 200ms; /* Opera */ } .maskBar a{ color: #fff;} /*图片放大镜图片*/ .zoom-img{width:358px; height:400px; float:left; border:1px solid #ddd;} /*头部购物车*/ .cart_box{z-index: 8;-webkit-backface-visibility: hidden;line-height: normal;} .cart_box .cart_link{-webkit-backface-visibility: hidden;text-decoration: none;display: block;width: 138px;height: 32px;line-height: 32px;border: 1px solid #eaeaea;background: #f7f5f6;z-index: 2;} .cart_box .cart_gif{float: left;width: 24px;height: 24px;overflow: hidden;padding: 4px 8px;} .cart_box .text{width: 86px;height: 32px;line-height: 32px;color: #666;overflow: hidden;float: left;padding-left: 6px;border-right:#eaeaea solid 1px;} .cart_box .cart_content{position: absolute;margin-left:-162px;margin-top:-2px;background: #fff;border: 1px solid #e5e5e5;box-shadow: 0 0 2px rgba(0,0,0,.2);display: none;z-index: 8;} .cart_box .cart-icons{display: none;width: 138px;height: 5px;background: #fff;overflow: hidden;position: absolute;top: -5px;right: 0;} .cart_box .cart_content_null{width: 260px;text-align: center;padding: 20px;color: #666;font-size: 14px;display: none;_zoom: 1;background: #FFF;line-height: normal;} .cart_content .cart_content_all, .cart_content .cart_content_center{width: 300px;_zoom: 1;} .cart_box .cart_left_time{height: 37px;line-height: 37px;border-bottom: solid 1px #eee;padding-left: 30px;background: url(https://image.365me.cn/static/images/cart_time.jpg) no-repeat 13px center;} .cart_left_time span{color:#e11927;font-weight:700} .cart_box .cart_content_center{max-height: 234px;_height: 234px;overflow: auto;margin-bottom: -1px;width: 300px;_zoom: 1;} .cart_box .cart_con_single{height: 61px;padding: 8px 12px;border-bottom: 1px dashed #d3d3d3;overflow: hidden;} .cart_box .cart_con_single:hover{background: #f2f2f2;} .cart_box .single_pic{width: 62px;height: 62px;float: left;overflow: hidden;} .cart_box .single_pic a{border: 1px solid #f5f5f5;width: 60px;height: 60px;display: inline-block;} .cart_content .single_pic a img{width: 60px;height: 60px;display: inline-block;} .cart_box .single_info{width: 187px;padding-left: 10px;float: left;overflow: hidden;} .cart_box .single_info .price{color: #e11927;font-family: arial;} .cart_content .single_info a.name{display: block;height: 36px;line-height: 18px;overflow: hidden;word-break: break-all;text-overflow: ellipsis;} .cart_content .single_info a.name, .cart_content .price_all .delete, .cart_content .con_all .price_whole, .cart_content .con_all .num_two{font-size: 12px;text-decoration: none;color: #3d3d3d;} .cart_content .single_info a.name:hover, .cart_content .price_all .delete:hover, .cart_content .price_all .price, .cart_content .con_all .price_gongji span, .cart_content .con_all .price_gongji em, .cart_content .con_all .num_all{color: #e11927;} .car-current .cart_link{-webkit-backface-visibility:hidden;padding-bottom:1px;border-bottom:0} .cart_box .cart_link:hover{background:#fff;} .cart_box .cart_link:hover .text{-webkit-backface-visibility:hidden;border-right:1px solid #ffffff} .cart_box .cart_link:hover .cart_gif{background:#fff;} .car-current .text{background:#fff;-webkit-backface-visibility:hidden;padding-bottom:1px;border-bottom:0;color:#ed145b} .car-current .icon_arrow_right{-webkit-backface-visibility:hidden;-o-transform:rotate(180deg);-o-transform-origin:50% 30%;-o-transition:transform .2s ease-in;-webkit-transform:rotate(180deg);-webkit-transform-origin:50% 50%;-webkit-transition:transform .2s ease-in;-moz-transform:rotate(180deg);-moz-transform-origin:50% 50%;-moz-transition:transform .2s ease-in;transform:rotate(180deg);transform-origin:50% 50%;transition:transform .2s ease-in} .car-current .cart_content{display: block;} .car-current .cart-icons{display: block;} .cart_content .price_all, .cart_content .con_all .price_whole, .cart_content .con_all .num_two{height: 25px;line-height: 25px;display: inline-block;} .cart_box .con_all{padding: 5px 15px;width: 270px;background: #f9f9f9;overflow: hidden;position: relative;z-index: 8;} .cart_content .con_all .price_whole{width: 270px;} .cart_content .con_all .price_gongji{float: left;} .cart_content .con_all .price_gongji em{font-weight: 400;padding: 0 2px 0 5px;} .cart_content .price_all .price, .cart_content .con_all .price_gongji em, .cart_content .con_all .num_all, .cart_content .con_all .price_gongji span{font-size: 14px;font-weight: 700;font-family: arial;} .cart_content .con_all .cart_btn{position: absolute;left: 190px;top: 20px;display: block;width: 98px;height: 26px;background: #e11927;border: solid 1px #e00a50;color: #fff;text-align: center;line-height: 26px;text-decoration: none;} .cart_content .con_all .price_gongji span{font-size: 18px;} .cart_box .num {line-height: 13px;color: #FFF;position: absolute;text-align: center;padding: 1px 6px;margin: -6px 0px 0px -10px;overflow: hidden;background-color: #E11927;border-radius:15px;} /*banner*/ /*数量加减*/ .Spinner{display:block;overflow:hidden;width:100px;} .Spinner .Amount{width:36px;height:17px;padding:4px 5px;line-height:17px;border-width:1px 0;border-style:solid;border-color:#d9d9d9;float:left;text-align:center;color:#565656;outline:0;} .Spinner a{display:inline-block;width:25px;height:25px;border:1px solid #d9d9d9;background-color:#f7f7f7;float:left;cursor:pointer;outline:0;} .Spinner a i{font-style:normal;background:url(https://image.365me.cn/static/images/BuynBtn.png) no-repeat;display:block;width:9px;height:9px;margin:8px;text-indent:999999%;overflow:hidden;} .Spinner .Decrease i{background-position:-9px -9px;} .Spinner .Increase i{background-position:-9px -0px;} .Spinner .DisDe i{background-position:-0px -9px;} .Spinner .DisIn i{background-position:-0px -0px;} /*多条件查询筛选*/ .filter{padding:5px 10px;border:#ddd 1px solid;border-radius:4px;width:60%;margin:10px auto;font-size:12px} .filter li{list-style:none;padding:10px 0 5px 100px} .filter .filter-list{border-bottom:#eee 1px dashed} .filter dl{zoom:1;position:relative;line-height:24px;} .filter dl:after{content:" ";display:block;clear:both;height:0;overflow:hidden} .filter dt{width:100px;margin-bottom:5px;position:absolute;top:0;left:-100px;text-align:right;color:#666;height:24px;line-height:24px} .filter dd{float:left;display:inline;margin:0 0 5px 5px;} .filter a{display:inline-block;white-space:nowrap;height:24px;padding:0 10px;text-decoration:none;border-radius:3px;} .filter a:hover{color:#cf0000;background-color:#FFCCD2} .filter .filtered a{color:#fff;background-color:#cf0000} .filter-result dt{font-weight:bold} .filter-no{color:#999} .filter .filter-result a{padding-right:20px;background:#cf0000 url("https://image.365me.cn/static/images/close.gif") right 9px no-repeat} .filter .filter-result a:hover{background-position:right -15px} /*网站*/ /*logo搜索*/ .head_search{_display:inline;float:left;margin-top:15px; margin-bottom: 10px; margin-left: 100px;} .hassg{margin-left:25px;} .head_search .hd_search_wrap{border:2px solid #cf0000;background:#fff;} .head_search label{position:absolute;z-index:0;top:8px;*top:11px;top:11px\0;left:36px;cursor:text;color:#666;} .head_search input{position:relative; font-size:12px;z-index:1;height:38px;line-height:38px\0;*line-height:38px;width:530px;padding-left:5px;border:0 none;color:#333;padding-right:6px;vertical-align:middle;float:left;outline:none;} .head_search div.hd_search_form{position:relative;height:38px;} .head_search .hd_search_btn{float:left;background:#CF0000;width:90px;height:38px;line-height:38px;*line-height:32px;line-height:32px\0;border:0;font-size:14px;text-align:center;color:#FFF;vertical-align:middle;cursor:pointer;} .head_search .hd_search_btn2{float:left;background:#00A0FF;width:90px;height:38px;line-height:38px;*line-height:32px;line-height:32px\0;border:0;font-size:14px;text-align:center;color:#FFF;vertical-align:middle;cursor:pointer;} .head_search .sd_search_btn{float:left;background:#00A0FF;width:90px;height:34px;line-height:38px;*line-height:32px;line-height:32px\0;border:0;font-size:14px;text-align:center;color:#FFF;vertical-align:middle;cursor:pointer;} .head_search .hd_hot_search{line-height:28px;color:#999;height:24px;width:438px;} .head_search .hd_hot_search a{ font-size:12px;color:#999; margin:0px 6px;xwhite-space:nowrap;} .head_search .hd_hot_search a:hover,.hd_head_search .hd_hot_search .active{color:#E60012;} .head_search .hd_hot_search a.hot_link_red{color:#E60012;} /*导航条开始*/ /*左侧悬浮菜单*/ .nav-wrap{position:relative;*z-index:2;width:100%; border-bottom: 2px solid #CF0000;} .mainnav{position:relative;width:1000px;height:40px;margin:0 auto;padding-left:200px;} .mainnav-hangao{position:relative;width:1450px;height:40px;margin:0 auto;padding-left:200px;} .goods{position:absolute;top:0;left:0;width:200px;height:40px;} .goods .title{background:#CF0000;} .goods h1 a,.goods .title{display:block;height:40px; text-align:center;line-height:40px;color:#fff; font-size: 14px;} .goods h1 a:hover{text-decoration:none;} .nav-list{height:40px;} .nav-list li{float:left;margin-right:1px;} .nav-list a{display:block;height:40px;float:left; width:120px;text-align:center;color:#333;text-decoration:none; line-height: 40px; font-size: 14px;font-weight: bolder;} .nav-list a:hover{ color:#CF0000;text-decoration:none;} .nav-list a.on{color:#CF0000;} .all-goods{position:absolute;top:40px;left:0;width:198px;height:370px;background:#4a4949;border:solid #CF0000;border-width:0 1px 1px;overflow:visible; z-index: 999;} .all-goods .item{width:198px;height:45px;} .all-goods .item .product{position:absolute;z-index:999;width:200px;} .all-goods .item .product h3{height:19px;border-width:1px 0;font-weight:normal;line-height:19px;font-size:12px !important; padding:0 10px;color: #fff} .all-goods .item .product h3 a{color:#333;} .all-goods .item .product h3 a:hover{text-decoration:none;} .all-goods .item .product s{display:block;position:absolute;top:18px;left:180px;width:6px;height:9px;background: transparent url("https://image.365me.cn/static/images/indexSprite.png") no-repeat scroll 0px 0px;} .all-goods .active .product h3{line-height:19px;background-color:#fff;width:179px;border:1px solid #CF0000; border-right-style: none;border-left-style: none;color: red } .all-goods .active .product h3 a{color:#CF0000;} .all-goods .product-wrap{position:absolute;width:962px; max-height: 505px; z-index:99;border:1px solid #CF0000;background:#fff;padding:10px 20px;display:none;height: 289px;overflow: auto} .all-goods .product-wrap p{color:#999999;} .all-goods .pos01{left:198px;top:1px;} .all-goods .pos02{left:198px;top:1px;} .all-goods .pos03{left:198px;top:1px;} .all-goods .pos04{left:198px;top:1px;} .all-goods .pos05{left:198px;top:1px;} .all-goods .pos06{left:198px;top:1px;} .all-goods .pos07{left:198px;top:1px;} .all-goods .pos08{left:198px;top:1px;} .all-goods .product-wrap h2{font-size:14px !important;color:#CF0000;} .all-goods .product-wrap h2 a{color:#CF0000; text-align:left;line-height: 35px} .all-goods .product-wrap ul{border-top:1px dotted #ddd; } .all-goods .product-wrap ul li{float:left;display:inline; display:inline-block;margin-top:10px;white-space:nowrap;} .all-goods .product-wrap ul li a{padding-right:17px;color:#333;display:inline-block;line-height:18px;text-decoration:none;} .all-goods .product-wrap ul li a:hover{text-decoration:none;background-position:-8px -219px;color:#CF0000;} .all-goods .product-wrap div dd,.all-goods .product-wrap div dl a{display:block;width:185px;height:120px;overflow:hidden;} /*.wd240{ width: 220px;margin-right: 20px; margin-bottom: 20px;} .wd260{ width: 240px;margin-right: 20px; margin-bottom: 20px;} .wd270{ width: 250px;margin-right: 20px; margin-bottom: 20px;} .wd280{ width: 260px;margin-right: 20px; margin-bottom: 20px;} .wd290{ width: 270px;margin-right: 20px; margin-bottom: 20px;} .wd310{ width: 290px;margin-right: 20px; margin-bottom: 20px;} .wd320{ width: 300px;margin-right: 20px; margin-bottom: 20px;} .wd340{ width: 320px;margin-right: 20px; margin-bottom: 20px;} .wd400{ width: 380px;margin-right: 20px; margin-bottom: 20px;} .wd420{ width: 400px;margin-right: 20px; margin-bottom: 20px;} .wd480{ width: 460px;margin-right: 20px; margin-bottom: 20px;} .wd640{ width: 620px;margin-right: 20px; margin-bottom: 20px;}*/ /*轮播广告*/ .section-focus-pic{margin:0px 0 0 0;height:245px;width:740px;overflow:hidden;position:relative;} .section-focus-pic ul li{position:absolute;top:0;left:740px;width:740px;height:245px;} .section-focus-pic ul li h3{position:absolute;bottom:11px;left:0;width: 400px;font-weight:normal;color:#FFF;margin-left: 20px;z-index: 111;font-size: 18px;} .section-focus-pic ul li:first-child{left: 0px;} .section-focus-pic ul li img{width:740px;height:245px;} .section-focus-pic ul li div{position:absolute;bottom:0;left:0;height:50px;background-color:#000;width:640px;opacity: 0.6;filter: alpha(opacity=60);} .section-focus-pic .pages{width:643px;height:310px;} .section-focus-pic .controler{position:absolute;bottom:15px;right:310px;} .section-focus-pic .controler b{cursor:pointer;width:20px;height:10px;display:block;overflow:hidden;text-indent:20px;background:url(https://image.365me.cn/static/images/news_index_icon.png) no-repeat -136px 3px; float:left;margin:0 0 0 5px;} .section-focus-pic .controler b.down{background-position:-161px 1px;} .section-focus-pic .controler2 a{display:block; width:40px;position:absolute;top:110px;height:40px;} .section-focus-pic .controler2 a i{cursor:pointer;display:block;width:22px;height:34px; background:url(https://image.365me.cn/static/images/star_07.png) no-repeat;} .section-focus-pic .controler2 .prev{left:5px;} .section-focus-pic .controler2 .prev i{background-position:-34px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.365me.cn/static/images/star_05.png');margin-left:5px;} .section-focus-pic .controler2 .prev:hover i{left:10px;background-position:-34px -24px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.365me.cn/static/images/star_03.png');} .section-focus-pic .controler2 .next{right:10px;} .section-focus-pic .controler2 .next i{background-position:-62px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.365me.cn/static/images/star_06.png');margin-left:10px;} .section-focus-pic .controler2 .next:hover i{right:10px;background-position:-62px -24px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://image.365me.cn/static/images/star_04.png');} /*底部导航服务*/ .fore{ padding: 15px 0px;} .fore ul{ width: 185px;} .fore ul li{ line-height: 25px;} /*版权信息*/ /*.copyright{ background: #333; height: 85px; padding-top: 8px; position: relative;} /*.copyright ul li a{ float: left; color: #ccc; margin: 5px 0px;}*/ /*.copyright p a,.copyright p{color: #999; margin-top: 10px; font-size: 12px;} .cooer_img{ position: absolute; top:15%; right: 21%;}*/ .cart-table td{ padding: 5px 0px;}.cart-table td img{ width: 40px; height: 40px;} /*尤姐JS生成效验折行*/ .sgerrorhint{ display:block;clear:both;} .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /*顶部导航-快捷菜单的样式开始*/ .topnav{width: 100%; background-color: #f5f5f5; border-bottom: 1px solid #ddd; height: 30px;} .topnav .lh-30{height: 30px; line-height: 30px;} .topnav .menu{height: 24px; margin-top: 2px;position: relative;} .topnav ul li{padding: 0px 4px; float: left; line-height: 24px;} .topnav .menu_b{width: 100px; float: left;} .topnav .menu_b h4{ font-size: 12px;margin: 5px 3px; font-weight: bold;} .topnav .menu_hd{padding: 1px 6px 0 6px;position: relative;} .topnav .hover{} .topnav .hover .menu_hd{padding: 0 5px;border: 1px solid #ddd; border-bottom: 0; background: #fff;z-index: 99; } .topnav .menu_hd b{display: inline-block;width:8px;height:8px;overflow:hidden;margin-left:5px;line-height:10px; -webkit-transition: -webkit-transform .2s ease-in; -webkit-backface-visibility: hidden; -moz-transition: -moz-transform .2s ease-in; -o-transition: -o-transform .2s ease-in; transition: transform .2s ease-in;} .topnav .hover b{ border-color:#323030 transparent transparent; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)*/; } .topnav b em{display: inline-block;width: 0;height: 0;border-style:solid dashed dashed;border-width:4px;border-color: #666 transparent transparent;overflow: hidden;zoom: 1;font-size: 0;} .menu_bd{display: none;border: 1px solid #ddd; position: absolute; top:24px;left:0px; background: #fff; z-index: 9999999;padding:8px 10px 0px 10px; } .topnav .hover .menu_bd{display: block;} .overscroll{overflow-y:auto; overflow-x: hidden; max-height: 255px;} /*顶部导航-快捷菜单的样式结束*/ /*top消息切换*/ .mes_top .top_gif,.mes_top .top_gif_1{ display:inline-block; padding: 0 0 1px 7px; width: 10px; position: relative; top:5px} .mes_top .top_gif{ background:url(../../images/mes_tip_b.png) no-repeat; } .mes_top .top_gif:hover{ background:url(../../images/mes_tip.png) no-repeat; } .mes_top .top_gif_1{ background:url(../../images/mes_tip.gif) no-repeat;} .mail_mes,.mail_no{display:inline-block; position: relative;margin-right: 4px;} .mail_mes{ background:url(../../images/mail.gif) no-repeat;width: 17px; top:3px} .mail_no{ background:url(../../images/mail_no_b.png) no-repeat; width: 17px; top:6px } .mail_no:hover{ background:url(../../images/mail_no.png) no-repeat; width: 17px; top:6px } .mail_small_list {width: 249px;} .mail_small_list ul{height: 320px;} .mail_small_list li{width: 249px;height: 56px; } .mail_small_title{float: left;width: 191px;line-height: 20px;padding: 8px 0; word-wrap:break-word;} .mail_do{display: none;margin-top: 14px;} .mail_small_list li:hover .mail_do{display: block;} .mail_do .btn-l-grey:hover{background:#F60;color: #fff;border: 1px solid #ed6306;} .mes_no{text-align: center;} .mes_more{height: 30px !important;} .mail_small_no{height: 200px;padding-bottom: 3px;} .mail_small_no li{height: auto;} .messlist_border li{border-top:dashed 1px #e7e7e7} .messlist_border li:first-child{border-top:none} /*底部样式开始*/ .copyright{ background: #333; height: 85px; padding-top: 8px; position: relative; width: 100%;text-align: center;} /*.copyright ul li a{ float: left; color: #ccc; margin: 5px 0px;}*/ .copyright p a,.copyright p{color: #999; margin-top: 10px; font-size: 12px;} .cooer_img{ position: absolute; top:15%; right: 21%;} /*底部样式结束*/ /*灰色样式开始*/ .copyright_v{text-align: center; background: #FCFCFC; height: 85px; padding-top: 8px; position: relative; width: 100%;margin-top: 20px; border-top: 1px solid #ededed;} /*.copyright ul li a{ float: left; color: #ccc; margin: 5px 0px;}*/ .copyright_v p a,.copyright_v p{color: #999; margin-top: 10px; font-size: 12px; position: relative;} .cooer_img_v{ position: absolute; top:15%; right: 21%;} .layout-foot{left: 42%;} /*灰色样式结束*/ /*旧站logo*/ #logoG { margin:0px auto; width: 1200px;} .gs_content{ background: #F5F5F5;width: 100%; height: 400px;} .wrap{margin:0 auto;} .clearfix{*zoom:1;} #site_header{position:static;margin:0 auto;} #site_header .hd_logo_area{float: left;} #site_header .hd_logo_area a.fl img{width:80px;height:76px;margin-left: 62px; float: left;} #site_header .logo_area_right{margin-top:13px;} #site_header .logo_area_right img,#site_header .logo_area_right a{display:block;width:107px;height:50px;} .hd_hassg{margin-left:25px;} .hd_head_search .hd_search_wrap{border:2px solid #cf0000;background:#fff;} .hd_head_search label{position:absolute;z-index:0;top:8px;*top:11px;top:11px\0;left:36px;cursor:text;color:#666;} .hd_head_search input{position:relative; font-size:12px;z-index:1;height:30px;line-height:28px\0;*line-height:28px;width:400px;padding-left:5px;border:0 none;color:#333;padding-right:6px;vertical-align:middle;float:left;outline:none;} .hd_head_search div.hd_search_form{position:relative;height:32px;} .hd_head_search .hd_search_btn{float:left;background:#CF0000;width:90px;height:30px;line-height:28px;*line-height:32px;line-height:32px\0;border:0;font-size:14px;text-align:center;color:#FFF;vertical-align:middle;cursor:pointer;} .hd_head_search .sd_search_btn{float:left;background:#00A0FF;width:90px;height:34px;line-height:28px;*line-height:32px;line-height:32px\0;border:0;font-size:14px;text-align:center;color:#FFF;vertical-align:middle;cursor:pointer;} .hd_head_search .hd_hot_search{line-height:24px;color:#999;height:24px;width:438px;padding-left: 7px;} .hd_head_search .hd_hot_search a{ font-size:12px;float:left;color:#999;margin-right:10px;white-space:nowrap;} .hd_head_search .hd_hot_search a:hover,.hd_head_search .hd_hot_search .active{color:#E60012;} .hd_head_search .hd_hot_search a.hot_link_red{color:#E60012;} .b-top{ padding-top: 5px; padding-left: 10px; color: #999; font-family:vrinda;} .pipe{margin:0 5px;color:#CCC} /*旧站导航*/ .w1new{margin: 0 auto; position:inherit; font: 14px/3 "microsoft yahei"; color:#333; border-bottom: 2px solid #cf0000;} .W1_logo{height: 38px; width:1200px; margin: 0 auto; position:inherit; font: 14px/3 "microsoft yahei"; color:#333; } #nav-2013{margin: 0 auto; width: 1200px; } #nav-2013-menu{ float:left; width:202px; height:40px; left:0xp; top:0px; text-align:center; background:#CF0000; z-index:6px;} #menu-2013{ height:40px; width:1200px;} #nav-2013-menu a{ color: #FFFFFF;} #menu-2013 ul li{ float:left; width:120px; height:28px; text-align:center;} /*成长等级*/ /*采购*/ .dj-icon .cg-V1{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat 0px 0px; width: 15px; height: 16px; display: inline-block;} .dj-icon .cg-V2{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat 0px -23px; width: 30px; height: 16px; display: inline-block;} .dj-icon .cg-V3{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat 0px -46px; width: 45px; height: 16px; display: inline-block;} .dj-icon .cg-V4{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat 0px -69px; width: 60px; height: 16px; display: inline-block;} .dj-icon .cg-V5{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat 0px -92px; width: 75px; height: 16px; display: inline-block;} .dj-icon .cg-V6{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat -80px 0px; width: 15px; height: 16px; display: inline-block;} .dj-icon .cg-V7{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat -80px -23px; width: 30px; height: 16px; display: inline-block;} .dj-icon .cg-V8{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat -80px -46px; width: 45px; height: 16px; display: inline-block;} .dj-icon .cg-V9{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat -80px -69px; width: 60px; height: 16px; display: inline-block;} .dj-icon .cg-V10{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat -80px -92px; width: 75px; height: 16px; display: inline-block;} .dj-icon .cg-V11{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat -162px 0px; width: 15px; height: 16px; display: inline-block;} .dj-icon .cg-V12{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat -162px -23px; width: 30px; height: 16px; display: inline-block;} .dj-icon .cg-V13{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat -162px -46px; width: 45px; height: 16px; display: inline-block;} .dj-icon .cg-V14{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat -162px -69px; width: 60px; height: 16px; display: inline-block;} .dj-icon .cg-V15{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat -162px -92px; width: 75px; height: 16px; display: inline-block;} /*供应*/ .dj-icon .gr-V1{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat 0px -109px; width: 15px; height: 15px; display: inline-block;} .dj-icon .gr-V2{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat 0px -131px; width: 30px; height: 15px; display: inline-block;} .dj-icon .gr-V3{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat 0px -154px; width: 45px; height: 15px; display: inline-block;} .dj-icon .gr-V4{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat 0px -176px; width: 60px; height: 15px; display: inline-block;} .dj-icon .gr-V5{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat 0px -200px; width: 75px; height: 15px; display: inline-block;} .dj-icon .gr-V6{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat -80px -109px; width: 15px; height: 15px; display: inline-block;} .dj-icon .gr-V7{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat -80px -131px; width: 30px; height: 15px; display: inline-block;} .dj-icon .gr-V8{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat -80px -154px; width: 45px; height: 15px; display: inline-block;} .dj-icon .gr-V9{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat -80px -176px; width: 60px; height: 15px; display: inline-block;} .dj-icon .gr-V10{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat -80px -200px; width: 75px; height: 15px; display: inline-block;} .dj-icon .gr-V11{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat -162px -109px; width: 15px; height: 15px; display: inline-block;} .dj-icon .gr-V12{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat -162px -131px; width: 30px; height: 15px; display: inline-block;} .dj-icon .gr-V13{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat -162px -154px; width: 45px; height: 15px; display: inline-block;} .dj-icon .gr-V14{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat -162px -176px; width: 60px; height: 15px; display: inline-block;} .dj-icon .gr-V15{background: url(https://image.365me.cn/static/images/dj_icon2.png) no-repeat -162px -200px; width: 75px; height: 15px; display: inline-block;} /*旧站翻页样式*/ .qua_pages {margin: 5px auto; clear: both; height: 30px;} .qua_pages .togle { } .qua_pages .togle ul { float: right; clear: both; } .qua_pages .togle li { float: left; margin: 0; line-height: 30px; padding: 0px 10px; background: #fff; border: 1px solid #ddd; border-left: none; text-align: center; } .qua_pages .togle a { color: #666; } .qua_pages .togle li:first-child { border-left: 1px solid #ddd; } .qua_pages .togle li.active, .qua_pages .togle li:hover { background: #f7f7f7; } .qua_pages .togle li.pre { padding: 0px 10px;} .qua_pages .count { float: left; line-height: 30px;} .qua_pages .count span { color: #999; } /*左侧菜单开始*/ .pm-left{ width: 200px; background: #fff; border: 1px solid #ddd; margin-top: -1px; padding-bottom: 10px;} .pm-left h4{ font-size: 14px; font-weight: bold; border-bottom: 2px solid #FF6600; padding:5px 10px; line-height: 25px; background:#f7f7f7;} .pm-left ul{ } .pm-left ul h5{ font-size: 14px; font-weight: bold; padding:0px 10px; height: 35px; line-height:35px;background:#f7f7f7;} .pm-left ul h6{ font-size: 14px; font-weight: normal; padding:0px 10px; height: 30px; line-height:25px; color: #999;} .pm-left ul li a{ padding:0px 10px;font-size: 12px; line-height:28px; width: 170px; height: 28px; display: block; color: #666; padding-left: 30px; /*margin: 5px 0px;*/} .pm-left ul li a:hover{ width: 170px; height: 28px; display: block; color: #cf0000;} .pm-left ul .current a{ color:#cf0000; } .pm-left .icon-a4{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll 0px -150px; width: 22px; height: 30px; margin-right: 10px; margin-top: -2px; display: block;} .pm-left .icon-a5{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll -23px -210px; width: 22px; height: 30px; margin-right: 10px; margin-top: -2px;display: block;} .pm-left .icon-a6{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll -23px -120px; width: 22px; height: 30px; margin-right: 10px; margin-top: -2px;display: block;} .pm-left .icon-a7{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll -23px -210px; width: 22px; height: 30px; margin-right: 10px; margin-top: -2px;display: block;} .pm-left .icon-a8{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll 0px -210px; width: 22px; height: 30px; margin-right: 10px; margin-top: -2px;display: block;} .pm-left .icon-a9{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll -23px -90px; width: 22px; height: 30px; margin-right: 10px; margin-top: -2px;display: block;} .pm-left .icon-a10{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll -23px -30px; width: 22px; height: 30px; margin-right: 10px; margin-top: -2px;display: block;} .pm-left .icon-a11{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll -23px -60px; width: 22px; height: 30px; margin-right: 10px; margin-top: -2px;display: block;} .pm-left .icon-a1{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll -23px -180px; width: 22px; height: 30px; margin-right: 10px; margin-top: -2px;display: block;} .pm-left .icon-a2{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll -0px -120px; width: 22px; height: 30px; margin-right: 10px; display: block;} .pm-left .icon-a3{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll -23px -60px; width: 22px; height: 30px; margin-right: 10px; display: block;} .pm-left .icon-a12{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll 0px -240px; width: 22px; height: 30px; margin-right: 10px; display: block;} .pm-left .icon-a13{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll 0px -240px; width: 22px; height: 30px; margin-right: 10px; display: block;} .pm-left .icon-a14{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll 0px -272px; width: 22px; height: 30px; margin-right: 10px; display: block;} .pm-left .icon-a15{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll －23px -272px; width: 22px; height: 30px; margin-right: 10px; display: block;} .pm-left .icon-a16{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll 0px -240px; width: 22px; height: 30px; margin-right: 10px; display: block;} .pm-left .icon-a17{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll 0px -180px; width: 22px; height: 30px; margin-right: 10px; margin-top: -2px;display: block;} .pm-left .icon-a27{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll -46px -272px; width: 22px; height: 30px; margin-right: 10px; display: block;} .pm-left ul .icon-b1{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll -23px 0px; width: 22px; height: 30px; margin-left: 10px; } .pm-left ul .icon-b2{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll -23px -30px; width: 22px; height: 30px; margin-left: 10px; } .pm-left ul .icon-b3{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll -23px -60px; width: 22px; height: 30px; margin-left: 10px; } .pm-left ul .icon-b4{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll -23px -90px; width: 22px; height: 30px; margin-left: 10px; } .pm-left ul .icon-b5{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll -23px -120px; width: 22px; height: 30px; margin-left: 10px; } .pm-left ul .icon-b6{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll -23px -150px; width: 22px; height: 30px; margin-left: 10px; } .pm-left ul .icon-b7{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll -23px -180px; width: 22px; height: 30px; margin-left: 10px; } .pm-left ul .icon-b8{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll 0px -150px; width: 22px; height: 30px; margin-left: 10px; } .pm-left ul .icon-b9{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll -23px -210px; width: 22px; height: 30px; margin-left: 10px; } .pm-left ul .icon-b10{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll 0px -240px; width: 22px; height: 30px; margin-left: 10px; } .pm-left ul .icon-b11{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll 0px -180px; width: 22px; height: 30px; margin-left: 10px; } .pm-left ul .icon-b12{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll 0px -210px; width: 22px; height: 30px; margin-left: 10px; } .pm-left ul .icon-b13{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll 0px -120px; width: 22px; height: 30px; margin-left: 10px; } .pm-left ul .icon-b14{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll 0px -269px; width: 22px; height: 30px; margin-left: 10px; } .pm-left ul .icon-b15{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll -23px -269px; width: 22px; height: 30px; margin-left: 10px; } .pm-left ul .icon-b27{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll -46px -270px; width: 22px; height: 30px; margin-left: 10px; } .pm-left ul .icon-b16{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll 0px -30px; width: 22px; height: 30px; margin-left: 10px; } .pm-left ul .icon-b18{ background: url(https://image.365me.cn/static/images/left-icon.png) no-repeat scroll -23px -239px; width: 22px; height: 30px; margin-left: 10px; } /*首页左侧分类*/ .pos01{ padding: 5px 0px;} .pos01 dl{ margin:0px 10px; overflow: hidden; border-bottom: 1px solid #E0E0E0;min-height: 44px;} .pos01 dt{float: left;width: 90px;padding: 8px 15px 0px 0px; text-align: left;font-weight: 700;line-height: 28px; color: #CF0000;} .pos01 dt a{ color: #CF0000;font-size: 14px;} .pos01 dd{float: left;width: 770px;padding: 3px 0px;line-height:20px; font-size: 12px;border-left: 1px solid #E0E0E0; margin:8px 10px 8px 0px ;} .pos01 dd a {float: left;padding: 0px 12px;white-space: nowrap; line-height: 22px;} .f-10{ font-size: 10px;} .list-more{ float: right;line-height:20px; font-size: 12px; padding-top: 5px; margin-top:8px;border-left: 1px solid #E0E0E0; padding-left: 10px; height: 40px;} .lists-more,.lists-more a{line-height:20px; font-size: 14px; padding-top: 5px; margin-top:8px; padding-left: 5px; height: 40px; color: #666;} /*登录*/ .btns{ display: inline-block;padding:2px 12px;cursor: pointer;font-size:14px;text-align: center;white-space: nowrap;vertical-align: middle; border:0px;*zoom:1;} a.btns:hover,.btns:focus,.btns:active,.btns.active,.btns.disabled,.btns[disabled]{text-decoration:none} .btns:active,.btn.active{background-color:#ccc } .btns:first-child{*margin-left:0} .btns:hover,.btns:focus{background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear} .btns.active,.btns:active{background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)} .btns-big {padding: 8px 15px;font-size: 14px;} .login{width:100%;height:400px;border:1px solid #CCC;} .logoB{background:url(https://image.365me.cn/static/images/logbanner.jpg) no-repeat;width:852px;height:400px;float:left;border-right:1px solid #CCC;} .logob_R{float:left;margin:0 15px 0 15px;line-height: 38px;} .logob_R .text{height:16px;width:200px;border:1px solid #ccc;padding:9px 25px 9px 5px;float:none;} .logob_R .text1{height:16px;width:60px;border:1px solid #ccc;padding:9px 25px 9px 5px;float:none;} .but{cursor:pointer;} .zhuceBut{background:url(https://image.365me.cn/static/images/zhuceBut.png) no-repeat;border:0px; width: 82px;height: 21px; vertical-align: middle;padding-top: 5px; display:inline-block ;margin-left:65px;cursor:pointer;} .input-login{font-size: 14px;padding:5px;} .btn-login{color:#fff;background-color:#CF0000;width: 235px;} .btn-login:hover,.btn-login:focus,.btn-login.disabled,.btn-login[disabled]{color:#fff;background-color:#A60202;*background-color:#A60202;} .btn-login:active,.btn-login.active{color:#fff;background-color:#A60202} .Validform_error {background-color: #FBE2E2; border-color: #C66161;} /*搜索开始*/ .search_pop{z-index:800;position:absolute; top:42px;box-sizing:border-box;width: 560px;padding:0px;background:#fff;border-top:none; clear: both;} .search_pop_item, .ui-autocomplete .ui-menu-item{border-top: 1px solid #eee; line-height: 30px; padding: 0 10px; width: 537px; background: #fff;} .search_pop_item:first-child, .ui-autocomplete .ui-menu-item:first-child{border-top:none;} .search_pop_item:hover, .ui-state-focus{background: #f7f7f7;} .search_pop_item .list{width: 150px;} .search_pop_item .count{float:right;padding:0 10px;line-height: 18px;color: #999; margin-top: 5px;} .hidden{display: none;} /*搜索结束*/ .ui-helper-hidden-accessible {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} .dj-icon .star_V0{background: url(../../static/images/stars.png) no-repeat 0px 0px; width: 100px; height: 18px; display: inline-block;} .dj-icon .star_V1{background: url(../../static/images/stars.png) no-repeat 0px -20px; width: 100px; height: 18px; display: inline-block;} .dj-icon .star_V2{background: url(../../static/images/stars.png) no-repeat 0px -40px; width: 100px; height: 18px; display: inline-block;} .dj-icon .star_V3{background: url(../../static/images/stars.png) no-repeat 0px -60px; width: 100px; height: 18px; display: inline-block;} .dj-icon .star_V4{background: url(../../static/images/stars.png) no-repeat 0px -80px; width: 100px; height: 18px; display: inline-block;} .dj-icon .star_V5{background: url(../../static/images/stars.png) no-repeat 0px -100px; width: 100px; height: 18px; display: inline-block;} /*top消息切换*/ .top_gif{ background:url(../images/news.gif) no-repeat; display:inline-block; padding: 0 0 1px 7px; width: 10px; position: relative; top:5px} /*默认logo*/ .logo-img{width: 52px; height: 52px; border: 1px solid #ddd; text-align: center; background: #fff; line-height: normal !important;} .logo-img span{ height: 100%; display: inline-block;vertical-align: middle;} .logo-img img{ max-height: 50px;max-width: 50px; padding: 1px; vertical-align: middle;} /* ds dialog confirm css */ .ds_dialog{background:#fff;border:1px solid #B4D8FA;} .ds_dialog .ds_dialog_header{background:#E6F1FE;} .ds_dialog .ds_dialog_header h3{font-size:16px;padding:.5em;} .ds_dialog .ds_dialog_title{float:left;} .ds_dialog .ds_dialog_close{float:right;margin-right:1em;} .ds_dialog .ds_dialog_close a{font-size:x-large;} .ds_dialog .ds_dialog_content{font-size:14px;text-align:center;} .ds_dialog .ds_dialog_buttons{text-align:center;border-top:1px solid #E6F1FE;padding:.5em;} .ds_dialog .ds_dialog_buttons button{ display: inline-block; padding: 4px 12px; box-sizing: border-box; cursor: pointer; text-align: center; font-weight: 400; white-space: nowrap; vertical-align: middle; -moz-padding-start: npx; -moz-padding-end: npx; border: solid 1px #ddd; background-color: #fff; width: auto; -webkit-transition: background-color .1s linear; -moz-transition: background-color .1s linear; -o-transition: background-color .1s linear; transition: background-color .1s linear; } .ds_dialog .ds_dialog_buttons button.ds_dialog_yes{ color: #fff; background-color: #4A90E2; border-color: #4A90E2; margin-right:1em; } .ds_dialog .ds_dialog_buttons button.ds_dialog_no{ margin-left:1em; } .nav-list ol{ display: none; position: absolute; background-color: transparent; } .nav-list > li > ol > li:hover{ border: 1px solid #A60202; color: #ffffff; } .nav-list > li:hover > ol{ display: block; z-index: 99999; } .nav-list ol a{ display:block; height:40px; float:left; width:120px; text-align:center; color:#333; text-decoration:none; line-height: 40px; font-size: 14px; font-weight: bolder; } .nav-list ul li { position: relative; width: 160px; height: 40px; line-height: 40px; text-align: center; } .nav-list ol { position: absolute; top: 40px; z-index: 10; width: 121px; background: #ffffff; }