@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;
    overflow-y: scroll;
}

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: 380px;
}

.layout-bg2 {
    background: url(http://image.365me.com/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: 0 250px 0 210px;
}

/*-------------文字规范-------------*/
/*标题*/
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
}
.va-bl {
    vertical-align: baseline !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: #169BD5
}

.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!important;
}

.w100 {
    width: 100px!important;
}

.w150 {
    width: 150px!important;
}

.w200 {
    width: 200px!important;
}

.w250 {
    width: 250px!important;
}

.w300 {
    width: 300px!important;
}

.w400 {
    width: 400px!important;
}

.w500 {
    width: 500px!important;
}

.w600 {
    width: 600px!important;
}

.w700 {
    width: 700px!important;
}

.w-50 {
    width: 50%!important;
}

.w-90 {
    width: 90%!important;
}

.w-100 {
    width: 100%!important;
}

.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
}

.hg400 {
    height: 400px
}
.ov-auto{
    overflow: auto;
}

/*-------------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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/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属性的浏览器，可使用<span class="placeholder">表单默认值</span>*/
.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: 40px;
    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: 40px;
    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: 40px;
    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: 15px;
}

.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;
    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;
    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;
}
.toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5px;
}

.tab3 {
    overflow: hidden;
    font-size: 14px;
    cursor: pointer;
}

.tab3 li {
    float: left;
    padding: 0px 20px;
    text-align: center;
    line-height: 32px;
}

.tab3 li.on {
    background: #fff;
    color: #CF0000;
    border-bottom: 2px solid #CF0000
}


.tab4 {
    overflow: hidden;
    font-size: 14px;
    cursor: pointer;
}

.tab4 li {
    float: left;
    padding: 0px 20px;
    text-align: center;
    line-height: 32px;
}

.tab4 li.on {
    background: #fff;
    color: #48affc;
    border-bottom: 2px solid #48affc
}

/*样式三*/
.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(http://image.365me.com/static/images/cssimg.png) 0px -66px;
    width: 155px;
    height: 15px;
}

.section-2 {
    background: url(http://image.365me.com/static/images/cssimg.png) 0px -81px;
    width: 155px;
    height: 15px;
}

/*步骤图（样式二）*/
.flowstep .step-no, .flowstep .step-sub-box .step-sub {
    background: url(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/static/images/shop-cart-cart-8.png);
}

.greys-y {
    color: #fff;
    background-image: url(http://image.365me.com/static/images/shop-cart-cart-7.png);
}

.reds-correct {
    background-image: url(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/static/images/shop-cart-cart-4.png);
}

.reds-sjx1 {
    background-image: url(http://image.365me.com/static/images/shop-cart-cart-r-1.png);
}

.greys-sjx1 {
    background-image: url(http://image.365me.com/static/images/shop-cart-cart-3.png);
}

.greys-sjx3 {
    background-image: url(http://image.365me.com/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(../../statics/img/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(http://image.365me.com/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(http://image.365me.com/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("http://image.365me.com/static/images/close.gif") right 9px no-repeat
}

.filter .filter-result a:hover {
    background-position: right -15px
}

/*网站*/
/*logo搜索*/
.logo a img {
    width: 80px;
    margin: 0 60px;
}

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

.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: #FAFAFA;
    border: solid #CF0000;
    border-width: 0 1px 1px;
    overflow: visible;
    z-index: 999;
}

.all-goods .item {
    width: 198px;
    height: 45px;
    border-top: 1px solid #fff;
    background: #fff;
}

.all-goods .btnone {
    border-top: 2px solid #CF0000;
}

.all-goods .item .product {
    position: absolute;
    z-index: 999;
    width: 200px;
}

.all-goods .item .product h3 {
    width: 180px;
    height: 45px;
    border-width: 1px 0;
    font-weight: normal;
    line-height: 45px;
    font-size: 14px !important;
    padding: 0 10px;
}

.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("http://image.365me.com/static/images/indexSprite.png") no-repeat scroll 0px 0px;
}

.all-goods .active .product h3 {
    line-height: 45px;
    background-color: #fff;
    width: 179px;
    border: 1px solid #CF0000;
    border-right-style: none;
    border-left-style: none;
}

.all-goods .active .product h3 a {
    color: #CF0000;
}

.all-goods .product-wrap {
    position: absolute;
    width: 962px;
    min-height: 348px;
    max-height: 505px;
    z-index: 99;
    border: 1px solid #CF0000;
    background: #fff;
    padding: 10px 20px;
    display: none;
}

.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: 40px
}

.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(http://image.365me.com/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(http://image.365me.com/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='http://image.365me.com/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='http://image.365me.com/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='http://image.365me.com/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='http://image.365me.com/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.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: 5px;
}

.mail_mes {
    background: url(../images/mail.gif) no-repeat;
    width: 17px;
    top: 3px
}

.mail_no {
    background: url(../images/mail_no.png) no-repeat;
    width: 17px;
    top: 7px
}

.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;
    padding: 20px 0;
}

#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_head_search {
    _display: inline;
    float: right;
    margin-top: 10px;
    margin-right: 200px;
}

.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 {
    overflow: hidden;
    width: 100%;
    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: 0 xp;
    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(http://image.365me.com/static/images/dj_icon2.png) no-repeat 0px 0px;
    width: 15px;
    height: 16px;
    display: inline-block;
}

.dj-icon .cg-V2 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat 0px -23px;
    width: 30px;
    height: 16px;
    display: inline-block;
}

.dj-icon .cg-V3 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat 0px -46px;
    width: 45px;
    height: 16px;
    display: inline-block;
}

.dj-icon .cg-V4 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat 0px -69px;
    width: 60px;
    height: 16px;
    display: inline-block;
}

.dj-icon .cg-V5 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat 0px -92px;
    width: 75px;
    height: 16px;
    display: inline-block;
}

.dj-icon .cg-V6 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat -80px 0px;
    width: 15px;
    height: 16px;
    display: inline-block;
}

.dj-icon .cg-V7 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat -80px -23px;
    width: 30px;
    height: 16px;
    display: inline-block;
}

.dj-icon .cg-V8 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat -80px -46px;
    width: 45px;
    height: 16px;
    display: inline-block;
}

.dj-icon .cg-V9 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat -80px -69px;
    width: 60px;
    height: 16px;
    display: inline-block;
}

.dj-icon .cg-V10 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat -80px -92px;
    width: 75px;
    height: 16px;
    display: inline-block;
}

.dj-icon .cg-V11 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat -162px 0px;
    width: 15px;
    height: 16px;
    display: inline-block;
}

.dj-icon .cg-V12 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat -162px -23px;
    width: 30px;
    height: 16px;
    display: inline-block;
}

.dj-icon .cg-V13 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat -162px -46px;
    width: 45px;
    height: 16px;
    display: inline-block;
}

.dj-icon .cg-V14 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat -162px -69px;
    width: 60px;
    height: 16px;
    display: inline-block;
}

.dj-icon .cg-V15 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat -162px -92px;
    width: 75px;
    height: 16px;
    display: inline-block;
}

/*供应*/
.dj-icon .gr-V1 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat 0px -109px;
    width: 15px;
    height: 15px;
    display: inline-block;
}

.dj-icon .gr-V2 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat 0px -131px;
    width: 30px;
    height: 15px;
    display: inline-block;
}

.dj-icon .gr-V3 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat 0px -154px;
    width: 45px;
    height: 15px;
    display: inline-block;
}

.dj-icon .gr-V4 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat 0px -176px;
    width: 60px;
    height: 15px;
    display: inline-block;
}

.dj-icon .gr-V5 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat 0px -200px;
    width: 75px;
    height: 15px;
    display: inline-block;
}

.dj-icon .gr-V6 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat -80px -109px;
    width: 15px;
    height: 15px;
    display: inline-block;
}

.dj-icon .gr-V7 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat -80px -131px;
    width: 30px;
    height: 15px;
    display: inline-block;
}

.dj-icon .gr-V8 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat -80px -154px;
    width: 45px;
    height: 15px;
    display: inline-block;
}

.dj-icon .gr-V9 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat -80px -176px;
    width: 60px;
    height: 15px;
    display: inline-block;
}

.dj-icon .gr-V10 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat -80px -200px;
    width: 75px;
    height: 15px;
    display: inline-block;
}

.dj-icon .gr-V11 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat -162px -109px;
    width: 15px;
    height: 15px;
    display: inline-block;
}

.dj-icon .gr-V12 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat -162px -131px;
    width: 30px;
    height: 15px;
    display: inline-block;
}

.dj-icon .gr-V13 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat -162px -154px;
    width: 45px;
    height: 15px;
    display: inline-block;
}

.dj-icon .gr-V14 {
    background: url(http://image.365me.com/static/images/dj_icon2.png) no-repeat -162px -176px;
    width: 60px;
    height: 15px;
    display: inline-block;
}

.dj-icon .gr-V15 {
    background: url(http://image.365me.com/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: 40px;
    line-height: 40px;
    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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/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(http://image.365me.com/static/images/left-icon.png) no-repeat scroll -23px 0px;
    width: 22px;
    height: 30px;
    margin-left: 10px;
}

.pm-left ul .icon-b2 {
    background: url(http://image.365me.com/static/images/left-icon.png) no-repeat scroll -23px -30px;
    width: 22px;
    height: 30px;
    margin-left: 10px;
}

.pm-left ul .icon-b3 {
    background: url(http://image.365me.com/static/images/left-icon.png) no-repeat scroll -23px -60px;
    width: 22px;
    height: 30px;
    margin-left: 10px;
}

.pm-left ul .icon-b4 {
    background: url(http://image.365me.com/static/images/left-icon.png) no-repeat scroll -23px -90px;
    width: 22px;
    height: 30px;
    margin-left: 10px;
}

.pm-left ul .icon-b5 {
    background: url(http://image.365me.com/static/images/left-icon.png) no-repeat scroll -23px -120px;
    width: 22px;
    height: 30px;
    margin-left: 10px;
}

.pm-left ul .icon-b6 {
    background: url(http://image.365me.com/static/images/left-icon.png) no-repeat scroll -23px -150px;
    width: 22px;
    height: 30px;
    margin-left: 10px;
}

.pm-left ul .icon-b7 {
    background: url(http://image.365me.com/static/images/left-icon.png) no-repeat scroll -23px -180px;
    width: 22px;
    height: 30px;
    margin-left: 10px;
}

.pm-left ul .icon-b8 {
    background: url(http://image.365me.com/static/images/left-icon.png) no-repeat scroll 0px -150px;
    width: 22px;
    height: 30px;
    margin-left: 10px;
}

.pm-left ul .icon-b9 {
    background: url(http://image.365me.com/static/images/left-icon.png) no-repeat scroll -23px -210px;
    width: 22px;
    height: 30px;
    margin-left: 10px;
}

.pm-left ul .icon-b10 {
    background: url(http://image.365me.com/static/images/left-icon.png) no-repeat scroll 0px -240px;
    width: 22px;
    height: 30px;
    margin-left: 10px;
}

.pm-left ul .icon-b11 {
    background: url(http://image.365me.com/static/images/left-icon.png) no-repeat scroll 0px -180px;
    width: 22px;
    height: 30px;
    margin-left: 10px;
}

.pm-left ul .icon-b12 {
    background: url(http://image.365me.com/static/images/left-icon.png) no-repeat scroll 0px -210px;
    width: 22px;
    height: 30px;
    margin-left: 10px;
}

.pm-left ul .icon-b13 {
    background: url(http://image.365me.com/static/images/left-icon.png) no-repeat scroll 0px -120px;
    width: 22px;
    height: 30px;
    margin-left: 10px;
}

.pm-left ul .icon-b14 {
    background: url(http://image.365me.com/static/images/left-icon.png) no-repeat scroll 0px -269px;
    width: 22px;
    height: 30px;
    margin-left: 10px;
}

.pm-left ul .icon-b15 {
    background: url(http://image.365me.com/static/images/left-icon.png) no-repeat scroll -23px -269px;
    width: 22px;
    height: 30px;
    margin-left: 10px;
}

.pm-left ul .icon-b27 {
    background: url(http://image.365me.com/static/images/left-icon.png) no-repeat scroll -46px -270px;
    width: 22px;
    height: 30px;
    margin-left: 10px;
}

.pm-left ul .icon-b16 {
    background: url(http://image.365me.com/static/images/left-icon.png) no-repeat scroll 0px -30px;
    width: 22px;
    height: 30px;
    margin-left: 10px;
}

.pm-left ul .icon-b18 {
    background: url(http://image.365me.com/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;
}

.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: 1px solid transparent;
    border-radius: 4px;
    background-color: #f5f5f5;
    color: #333;
    user-select: none;
    *zoom: 1;
    transition: all 0.2s ease;
}

/* 状态修饰 */
a.btns:hover, .btns:focus, .btns:active, .btns.active, .btns.disabled, .btns[disabled] {
    text-decoration: none;
}

/* 通用按下效果 */
.btns:active,
.btns.active {
    background-color: #ccc;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
}

.btns:hover,
.btns:focus {
    background-position: 0 -15px;
}

/* 蓝色按钮 */
.btn_blue {
    background-color: #4A90E2;
    color: #fff;
    border-color: #4A90E2;
}
.btn_blue:hover {
    background-color: #357ABD;
    border-color: #357ABD;
}
.btn_blue:active,
.btn_blue.active {
    background-color: #2C6CB0;
    border-color: #2C6CB0;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.1);
}

/* 红色按钮 */
.btn_red {
    background-color: #C0392B;
    color: #fff;
    border-color: #C0392B;
}
.btn_red:hover {
    background-color: #A93226;
    border-color: #A93226;
}
.btn_red:active,
.btn_red.active {
    background-color: #922B21;
    border-color: #7B241C;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.1);
}

/* 禁用按钮 */
.btns.disabled,
.btns[disabled] {
    opacity: 0.6;
    pointer-events: none;
    box-shadow: none;
    cursor: not-allowed;
}

/* 大按钮 */
.btns-big {
    padding: 8px 15px;
    font-size: 14px;
}
/* 默认按钮 */
.btn-default {
    background-color: #fff;
    color: #333;
    border: 1px solid #ddd;
}

.btn-default:hover {
    background-color: #f2f2f2;
    border-color: #ccc;
}

.btn-default:active,
.btn-default.active {
    background-color: #e6e6e6;
    border-color: #bbb;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 1px 1px rgba(0,0,0,0.05);
}

/* 禁用状态 */
.btn-default.disabled,
.btn-default[disabled] {
    opacity: 0.6;
    pointer-events: none;
    box-shadow: none;
    cursor: not-allowed;
}
/* 主按钮（蓝色） */
.btn-primary {
    color: #fff;
    background-color: #4A90E2;
    border: 1px solid #4A90E2;
    border-radius: 4px;
    padding: 2px 12px;
    font-size: 14px;
    transition: all 0.2s ease;
    cursor: pointer;
    user-select: none;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #367ed2;
    border-color: #367ed2;
    color: #fff;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #2C6CB0;
    border-color: #2C6CB0;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.1);
    color: #fff;
}

.btn-primary.disabled,
.btn-primary[disabled] {
    opacity: 0.6;
    pointer-events: none;
    box-shadow: none;
    cursor: not-allowed;
}

.login {
    width: 100%;
    height: auto;
}

.logoB {
    width: 100%;
    overflow: hidden;
}

.logoB img {
    display: block;
    width: 100%;
}

.logob_R {
    width: 300px;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 200px
}

.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(http://image.365me.com/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: 232px;
}

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

.gradient {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eee));
    background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
    background: -o-linear-gradient(top, #fff 0%, #eee 100%);
    background: -ms-linear-gradient(top, #fff 0%, #eee 100%);
    background: linear-gradient(to bottom, #fff 0%, #eee 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eee',GradientType=0 );*/
}

.textList {
    width: 300px;
    height: 60px;
}

:root .gradient {
    filter: none;
}

.loginForm_left {
    float: left;
    width: 56px;
    /*margin:4px 0;*/
}

.loginForm_left span {
    float: left;
    line-height: 44px;
    font-size: 13px;
}

.loginForm_right {
    /*margin: 5px 0;*/
    float: left;
}

/*搜索开始*/
.search_pop {
    z-index: 800;
    position: absolute;
    top: 42px;
    box-sizing: border-box;
    width: 560px;
    padding: 0px;
    background: #fff;
    border: 1px solid #e7e7e7;
    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;
}