body { font: 14px/1.5 "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "Heiti SC", sans-serif; -webkit-backface-visibility: hidden; color: #555 }
dl { margin: 0 }
dt { font-weight: normal }
h5 { margin: 0 }
.SimSun { font-family: SimSun, "宋体" !important }
.YaHei { font-family: "Microsoft YaHei", "微软雅黑", arial }
a { color: #3A3A3A; cursor: pointer; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in }
a:visited { color: inherit }
a:hover, a:focus { color: #1491c9; text-decoration: none; outline: none }
.ying:focus, .ying:active { box-shadow: 1px 3px 3px rgba(0,0,0,.1) inset }
.ease-in { -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in }
ul { list-style: none; padding: 0; margin: 0 }
.color-0 { color: #000 }
.color-3 { color: #333 }
.color-5 { color: #555 }
.color-6 { color: #666 }
.color-8 { color: #888 }
.color-9 { color: #999 }
.color-a { color: #aaa }
.color-b { color: #bbb !important }
.color-c { color: #ccc }
.color-d { color: #ddd }
.color-e { color: #eee }
.color-f { color: #fff !important }
.color-main { color: #1491c9 !important }
.color-minor { color: #0D77E7 }
.red2 { color: #f97664 }
.red { color: #ff0000 }
.orange { color: #E77E0D }
.green { color: #0AAE5F }
.blue, a.blue { color: #1277cd }
.bluegreen { color: #0AABAE }
.f12 { font-size: 12px }
.f13 { font-size: 13px }
.f14 { font-size: 14px }
.f16 { font-size: 16px }
.f18 { font-size: 18px }
.f20 { font-size: 20px }
.f22 { font-size: 22px }
.f24 { font-size: 24px }
.f28 { font-size: 28px }
.f34 { font-size: 34px }
.lh-20 { line-height: 20px }
.lh-22 { line-height: 22px }
.lh-24 { line-height: 24px }
.lh-26 { line-height: 26px }
.lh-28 { line-height: 28px }
.lh-32 { line-height: 32px }
.lh-36 { line-height: 36px }
.lh-40 { line-height: 40px }
.lh-45 { line-height: 45px }
.mb-3 { margin-bottom: 3px }
.mb-5 { margin-bottom: 5px }
.mb-10 { margin-bottom: 10px !important }
.mb-12 { margin-bottom: 12px }
.mb-15 { margin-bottom: 15px }
.mb-16 { margin-bottom: 16px }
.mb-20 { margin-bottom: 20px !important }
.mb-30 { margin-bottom: 30px !important }
.mr-15 { margin-right: 15px }
.ml-15 { margin-left: 15px }
.radius2 { border-radius: 2px }
.radius3 { border-radius: 3px }
label { font-weight: normal }
.hides { display: none }
.pos-relative { position: relative }
.pos-absolute { position: absolute }
.pos-default { top: 0; left: 0 }
.vt { vertical-align: top }
.vm { vertical-align: middle }
.vb { vertical-align: bottom }
.text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { *+height:1%
}
.hr-50 { height: 50px }
.hader-bg { background: #e5e5e5 url(../img/header_bg.png) }
.wrapper { width: 1200px; min-width: 1200px; clear: both; margin: 0 auto }
.nav-bar { float: left }
.logo { width: 292px; float: left; padding-top: 14px }
.logo img { width: 125px }
.sy-nav { width: 560px; float: left }
.sy-nav a { display: inline-block; padding: 0 24px; color: #333; margin-right: 1px; height: 60px; line-height: 60px; font-size: 14px }
.sy-nav a:hover { color: #1491c9 }
.sy-nav a.hover { background: #1491c9; color: #fff }
.search { width: auto; padding-top: 15px; position: relative; margin-right: 8px; display: inline }
.input-search { width: 90px; padding-right: 32px; height: 30px; padding-left: 15px; background: #fff; border: 0; color: #333; border-radius: 15px; border: solid 1px #dfdfdf }
.input-search:focus { width: 190px; background: #fff; outline: none; color: #333 }
.search-focus .input-search { width: 190px; background: #fff }
.search :-moz-placeholder {
color:#bbb
}
.search ::-moz-placeholder {
color:#bbb
}
.search input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#bbb
}
.search input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#bbb
}
.search-focus :-moz-placeholder {
color:#bbb
}
.search-focus ::-moz-placeholder {
color:#bbb
}
.search-focus input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#bbb
}
.search-focus input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#bbb
}
a.btn-search { width: 32px; height: 30px; padding-top: 2px; text-align: center; position: absolute; top: 15px; right: 0; color: #666 }
a.add-blue { color: #1491c9 }
.other-op { padding-top: 13px }
a.index-cart, a.index-user { display: inline-block; width: 36px; height: 36px; color: #555; text-align: center; padding-top: 6px; border-radius: 20%; position: relative }
a.index-cart:hover, a.index-user:hover { background: #fff; color: #1491c9; border-radius: 50% }
.other-op a.hover { color: #1491c9 }
.index-user { margin-left: 1px }
.index-user-nav { position: absolute; top: 59px; right: 0; z-index: 5; width: 120px; padding: 0 10px; border: solid 1px #ddd; background: #fff; display: none }
.index-user-nav .poptip-arrow-top { width: 1px; height: 0; font-size: 0; overflow: hidden; position: absolute }
.index-user-nav .poptip-arrow-white { border-width: 8px; border-style: solid dashed dashed; border-color: transparent transparent #fff transparent; left: auto; right: 10px !important; top: -16px }
.index-user-nav .poptip-arrow-top { border-width: 8px; border-style: solid dashed dashed; border-color: transparent transparent #ddd transparent; right: 10px; top: -17px }
.index-user-nav li { border-bottom: dotted 1px #ddd; height: 36px; line-height: 36px; font-size: 13px; text-align: center }
.index-user-nav li a { display: block }
.spot { display: block; width: 6px; height: 6px; background: #1491c9; border-radius: 50%; position: absolute; top: 3px; right: 5px }
@media (min-width:1280px) {
.index-user-nav { right: -46px }
.index-user-nav .poptip-arrow-white, .index-user-nav .poptip-arrow-top { right: 54px !important }
}
.app-down { width: 230px; height: 240px; position: absolute; top: -527px; right: 0; background: rgba(0,0,0,.3); text-align: center }
.appdown-title { height: 40px }
.appdown-title li { width: 50%; float: left; line-height: 40px; color: #ccc; background: rgba(0,0,0,.3); cursor: pointer }
.appdown-title li.hover { color: #fff; background: none }
.app-erm { height: 164px; padding-top: 25px }
.app-text { height: 36px; line-height: 36px; background: rgba(0,0,0,.3); color: #ccc; font-family: SimSun, "宋体"; font-size: 12px }
.inducedgraph { padding: 40px 0 }
.inducedgraph ul { }
.inducedgraph li { width: 400px; float: left; margin: 0 0 0 0; padding: 10px }
.inducedgraph li a { display: block; position: relative }
.inducedgraph li a:hover .text-con { }
.text-con { position: absolute; bottom: 0; left: 0; width: 100%; height: 42px; line-height: 42px; padding-left: 15px; background: rgba(0,0,0,.6); color: #fff; font-size: 18px; text-align: center }
.text-con { background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#35000000', EndColorStr='#35000000')
}
:root .text-con { background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#35000000', EndColorStr='#35000000')
}
.adv-appdown { width: 720px; padding-top: 32px }
.app-down-phone { background: #ddd; color: #666; padding: 10px 10px 10px 0 }
.app-down-phone .name { line-height: 60px; padding-left: 10px; position: absolute; top: 0; left: 0 }
.app-down-phone .content { padding-left: 110px }
.app-down-phone .content li { width: 49%; float: left; text-align: center; margin-left: 1% }
.app-down-phone .content li a { display: inline-block; width: 100%; height: 45px; line-height: 45px; color: #fff }
.app-down-phone .content li a.iPhone { background: #2aba6b }
.app-down-phone .content li a.Android { background: #348adb }
.index-subnav { width: 100%; overflow: hidden; margin-top: 2px }
.index-subnav li { float: left; width: 25%; margin-bottom: 1px }
.index-subnav li a { display: block; width: 100%; background-size: 100%; background-repeat: no-repeat; background-position: center 0 }
.index-pic-one { background-image: url(../img/index-pic1.jpg) }
.index-pic-two { background-image: url(../img/index-pic2.jpg) }
.index-pic-three { background-image: url(../img/index-pic3.jpg) }
.index-pic-four { background-image: url(../img/index-pic4.jpg) }
.footer { background: #383b3c; color: #999; font-size: 13px }
.foot-con { padding: 25px 0 }
.foot-link { margin-bottom: 10px; color: #666 }
.foot-link a { color: #aaa }
.foot-link a:hover { color: #fff }
.foot-fixed { position: fixed; bottom: 0; left: 0; width: 100% }
@media (max-width:991px) {
html { position: relative; width: 100% }
body { background: #e5e5e5; transition: left ease .3s; width: 100%; position: absolute; top: 0; left: 0 }
.wrapper { width: auto; min-width: 320px }
.body-nav { left: 150px; overflow: hidden }
.set-nav { width: 50px; height: 60px; padding-top: 18px; display: block; color: #fff; text-align: center; float: left; color: #444 }
.set-nav i { font-size: 18px }
a.set-nav:hover { color: #1491c9 }
a.set-nav:focus { background: #1491c9 }
.bg_block { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 98; display: none }
.nav-bar { float: none; width: 150px; min-width: 150px; height: 100%; position: fixed; top: 0; left: -150px; background: #333; z-index: 99; transition: left ease .3s }
.nav-bar-hover { left: 0 }
.logo { width: 130px; height: 59px; padding: 16px 0 16px 24px }
.sy-nav { width: 100% }
.sy-nav a { display: block; height: 50px; line-height: 50px; border-bottom: solid 1px #3d3d3d; border-top: solid 1px #2d2d2d; color: #ccc }
.sy-nav a.hover { background: #444 }
.nav-icon { margin-right: 12px; color: #aaa }
.sy-nav a.hover .nav-icon { color: #fff }
.other-op { height: 60px; padding-right: 5px }
a.btn-search { top: 16px }
.app-down { display: none }
.footer { font-size: 12px }
.foot-con { padding: 15px 0; text-align: center }
.foot-con .pull-left { float: none !important; width: 100% }
}
@media (max-width:767px) {
body { min-width: 320px }
.set-nav { width: 46px; height: 50px; padding-top: 13px }
.logo { width: 110px; height: 49px; padding: 14px 0 12px 24px }
.other-op { height: 50px; padding-right: 5px; padding-top: 7px }
.index-user-nav { top: 52px; right: 3px }
.search { padding-top: 10px }
a.btn-search { top: 12px }
.inducedgraph { padding: 6px 5px }
.inducedgraph li { padding: 3px }
.inducedgraph li .text-con { height: 30px; line-height: 30px; font-size: 14px }
.beian { display: none }
.slick-slide a { height: 200px; background-size: 160% }
.index-subnav { margin-top: 1px }
.index-subnav li { width: 100%; margin-bottom: 1px; padding: 0 1px }
.app-down-phone .content { padding-left: 110px }
.app-down-phone .content li { width: 48%; margin-left: 2% }
.app-down-phone .content li a { height: 40px; line-height: 40px }
}
@media (min-width:768px) and (max-width:991px) {
.index-subnav { margin-top: 10px; padding-left: 1% }
.index-subnav li { width: 49%; margin-bottom: 10px; margin-right: 1% }
}
@media (min-width:992px) and (max-width:1199px) {
.wrapper { width: 1000px; min-width: 1000px }
.logo { width: 206px }
.input-search:focus, .search-focus .input-search { width: 150px }
.inducedgraph li { width: 333px }
.adv-appdown { width: 520px }
.slick-slide a { height: 550px; background-size: 150% }
.app-down { top: -430px }
}
@media(max-width:768px) {
.input-search:focus, .search-focus .input-search { width: 160px }
}
@media (max-width:359px) {
.slick-slide a { background-size: 180% }
}
.article-nav .article-li .title { margin-top: 8px }
.article-nav .article-li { padding-bottom: 11px }
.automw { height: 60px; width: 100%; padding: 10px 0; background-color: #fdfdfd; border-bottom: solid 1px #e5e5e5 }
.soitemlabel { width: 100px; height: 40px; line-height: 40px; padding-left: 4px; margin-right: 1px; text-align: center; color: #535353; float: left; font-size: 12px; cursor: pointer; position: relative }
.soitemlabel-subentry { width: 120px; box-shadow: inset 0 1px 1px rgba(0,0,0,.11); background: #edeeee }
.soitemcontent { width: 120px; background: #fff; position: absolute; top: 40px; left: 0; box-shadow: 0 1px 6px rgba(0,0,0,0.2); display: none }
.soitemcontent li { border-bottom: solid 1px #f1f1f1 }
.soitemcontent li a { display: block; color: #535353 }
.soitemcontent li a:hover, .soitemcontent li a.active:hover { background: #0A58AD; color: #fff }
.soitemcontent li a.active { color: #0A58AD }
.article-bg { background: #f1f1f1 }
.article-content { padding-top: 30px; width: 1220px }
.article-li { width: 285px; float: left; background: #fff; margin: 0 20px 30px 0; padding-bottom: 15px; box-shadow: 0 1px 2px rgba(0,0,0,0.1) }
.article-li .title, .article-li .time, .article-li .description, .article-li .attribute { padding: 0 20px }
.article-li .pic { margin-bottom: 8px }
.article-li .pic img { width: 100% }
.article-li .title { color: #3a3a3a; font-size: 16px; font-weight: 500; height: 22px; margin-top: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.article-li .time { margin-top: 8px; height: 20px; line-height: 20px; font-size: 12px; color: #a0a0a0 }
.article-li .description { height: 72px; line-height: 24px; overflow: hidden; font-size: 13px; color: #999; margin: 10px auto; overflow: hidden }
.article-li .attribute { color: #bfbfbf; font-size: 13px }
.attribute .name { padding-top: 3px }
.article-label { padding-bottom: 15px; border-bottom: solid 1px #f1f1f1; margin-bottom: 15px }
.article-label dt { width: 50px; float: left; padding-top: 4px }
.article-label dd { width: 790px; float: left }
.article-label dd a { display: inline-block; padding: 4px 15px 5px 15px; border: solid 1px #a9cff8; color: #2178d7; margin-right: 3px }
.article-label dd a:hover { background: #568cc7; border: solid 1px #568cc7; color: #fff }
.article-op a i { background: #7fa4cc; color: #fff; display: block; width: 25px; height: 25px; padding-top: 2px; border-radius: 50%; text-align: center; margin: 0 auto 2px auto }
.article-op a { display: inline-block; margin-right: 5px; padding: 4px 15px; border-radius: 3px; color: #7fa4cc }
.article-op a.hover { color: #e37676 }
.article-op a.hover i { background: #e37676 }
.article-info-share { padding-top: 12px }
.article-info-comment { border-top: solid 1px #f1f1f1; margin: 10px 0 30px 0; padding-top: 40px }
.article-info-comment .title { height: 30px; border-bottom: solid 1px #f5f5f5; margin-bottom: 15px }
.article-info-comment .title h3 { width: 78px; margin: 0; font-size: 18px; height: 30px; border-bottom: solid 2px #7fa4cc }
.article-info-boxbg { width: 100%; height: 120px; border: 1px solid #f0f0f0; background-color: #fafafa; text-align: center; color: #bbb; font-size: 18px; line-height: 120px; margin-bottom: 15px }
.article-info-input { width: 100%; height: 120px; border: solid 1px #ddd; margin-bottom: 15px }
a.btn-article-info { display: inline-block; width: 100px; height: 38px; line-height: 38px; font-size: 16px; background: #0A58AD; text-align: center; color: #fff }
.page-guide { padding: 14px 0 3px 0; border-top: solid 1px #f1f1f1; margin-top: 13px }
.page-guide a { max-width: 270px; display: inline-block; vertical-align: top }
.comment-info-title { font-size: 16px; border-bottom: solid 1px #f1f1f1; padding-bottom: 6px; margin-bottom: 20px }
.comment-info-title a.hover { color: #0D77E7 }
.comment-info-list { color: #555 }
.comment-info-list dl { border-top: dotted 1px #e5e5e5; padding: 20px 0 }
.comment-info-list dt img { margin-right: 8px }
.comment-info-list dd { padding: 3px 0 0 49px }
.comment-info-list .text { }
.comment-info-list .comment-info-op { padding-top: 8px }
a.comment-zan:hover i, a.comment-zan-hover i { color: #0A58AD }
a.comment-zan-hover { color: #0A58AD }
@media (min-width:992px) and (max-width:1199px) {
.article-content { width: 1020px }
.article-li { width: 235px }
}
@media (min-width:768px) and (max-width:991px) {
.article-content { width: 768px; margin: 0 auto; padding: 20px 0 0 20px }
.article-li { width: 229.2px; margin-bottom: 20px; padding-bottom: 10px }
.automw .wrapper { width: 100 0%; padding: 0 10px }
.article-li .description { line-height: 22px; height: 66px }
.article-li .title, .article-li .time, .article-li .description, .article-li .attribute { padding: 0 15px }
.article-li .title { margin-top: 12px }
.article-li .description { margin: 6px 0 8px 0 }
}
@media (max-width:767px) {
.article-content { width: 100%; padding: 3% 0 0 3% }
.article-li { width: 47%; margin: 0 3% 3% 0; padding-bottom: 6px }
.article-nav .article-li { padding-bottom: 6px }
.automw .wrapper { width: 100%; padding-left: 10px }
.soitemlabel { width: 80px }
.soitemlabel-subentry { width: 100px }
.soitemcontent { width: 100px }
.article-li .description { line-height: 22px; height: 66px }
.article-li .title, .article-li .time, .article-li .description, .article-li .attribute { padding: 0 10px }
.article-li .title { margin-top: 10px; height: 18px; font-size: 14px }
.article-li .time { margin-top: 5px }
.article-li .description { margin: 6px 0 8px 0; line-height: 18px; height: 54px }
.article-li .attribute i { font-size: 14px }
.article-li .attribute { font-size: 12px }
a.btn-article-info { width: 90px; height: 34px; line-height: 34px }
.attribute .pull-right { float: none !important }
.attribute .name { padding-top: 0 }
}
@media (max-width:350px) {
.soitemlabel { width: 70px }
.soitemlabel-subentry { width: 90px }
}
.article-column { width: 840px; padding-top: 30px }
.article-header { }
.article-header h1 { font-size: 28px; margin: 0; position: inherit; line-height: 1.5; color: #333; word-wrap: break-word; word-break: normal }
.article-author { color: #bbb; font-size: 16px; margin: 10px 0 27px 0; border-bottom: dotted 1px #dfdfdf; padding-bottom: 15px }
.author-name { color: #333 }
.article-time { margin: 0 15px 0 10px }
.article-share { margin: 0 15px 0 0 }
.article-pl { }
.article-main { }
.article-img-box { text-align:
}
.article-con { font-size: 16px; line-height: 30px; color: #333; margin-bottom: 40px }
.article-con img { display: block; max-width: 100%; height: auto }
.article-con p { margin: 0 }
.expert-column { width: 300px; padding-top: 30px }
.box-author-info { padding: 30px 0; text-align: center; background: #fafafa; border: solid 1px #f1f1f1; border-top: solid 2px #ddd; margin-bottom: 30px }
.author-face { width: 90px; margin: 0 auto }
.author-name { font-size: 16px; margin: 10px 0 5px 0 }
.author-duties { margin-bottom: 15px }
.author-article-pl { color: #bbb }
.article-expert { margin-bottom: 30px }
.article-expert .title { font-size: 16px; border-bottom: solid 1px #eee; padding-bottom: 8px; color: #333 }
.article-expert .content li { padding: 12px 0; color: #aaa; border-bottom: solid 1px #f1f1f1 }
.article-expert .articleOther li { color: #666 }
.article-expert .content img { width: 65px; float: left; margin-right: 10px }
.article-expert .content { }
@media (min-width:992px) and (max-width:1199px) {
.article-column { width: 700px }
.expert-column { width: 250px }
.box-author-info { padding: 25px 0 }
.article-label dd { width: 580px }
}
@media (max-width:991px) {
.article-column, .expert-column { float: none !important }
.expert-column { display: none }
.article-column { padding-top: 0; width: auto }
.article-header { background: #fff; padding: 18px 12px 0 12px }
.article-header h1 { font-size: 20px; line-height: 1.3em }
.article-author, .author-name { font-size: 14px }
.author-name { margin-top: 5px }
.article-author { margin-bottom: 0 }
.article-main { background: #fff }
.article-con { width: auto; padding: 12px 12px 40px 12px; margin-bottom: 0 }
.article-label { min-height: 32px; padding: 15px; position: relative }
.article-label dt, .article-label dd { float: none !important }
.article-label dt { position: absolute; top: 15px; left: 15px }
.article-label dd { width: auto; padding-left: 55px }
.page-guide { padding: 14px 15px 3px 15px }
.article-info-comment { padding: 35px 15px 0 15px; margin-bottom: 0 }
}
@media (min-width:768px) and (max-width:991px) {
}
@media (max-width:767px) {
.page-guide .pull-left, .page-guide .pull-right, .article-op, .article-info-share { float: none !important }
.page-guide .pull-left { margin-bottom: 4px }
.article-op { width: 100%; text-align: center }
.article-info-share { width: 100%; text-align: center; border-top: solid 1px #f1f1f1; margin-top: 12px }
.article-info-share .bdsharebuttonbox { width: 170px; margin: 0 auto }
}
.screening { border-bottom: solid 1px #ededed; margin-bottom: 15px; background: #fff }
.screening .title { background: #fdfdfd; height: 40px; border-bottom: solid 1px #ededed; line-height: 40px; padding-left: 15px }
.screening-Condition { font-size: 14px; width: 1200px; margin: 0 auto }
.screening-Condition dl { border-top: dotted 1px #f1f1f1; padding: 15px 12px 15px 0; position: relative }
.screening-Condition dt { color: #666; width: 50px; padding: 2px 0 0 2px; position: absolute; top: 16px; left: 0 }
.screening-Condition dd { padding-left: 50px }
.screening-Condition dd a { color: #1491c9; display: inline-block; margin-right: 8px; padding: 3px 10px 4px 10px; border-radius: 2px }
.screening-Condition dd a:hover, .screening-Condition dd a.hover { background: #1491c9; color: #fff }
.mb-22 { margin-bottom: 22px }
.pro-screen { }
.pro-screen .title { height: 40px; color: #222; overflow: hidden; margin-bottom: 4px }
.pro-screen .title h3 { line-height: 40px; margin: 0 auto; font-size: 20px }
.pro-screen .title h3 span { padding-left: 6px; font: 14px/46px arial }
.quick-classification { padding-top: 16px; font-size: 12px; font-family: SimSun, "宋体" }
.quick-classification a { margin-left: 12px; color: #888 }
.quick-classification a:hover, .quick-classification a.color-3:hover, .foot-nav li a:hover, .index-about a:hover, .channel-link a:hover { color: #df2318 }
.quick-classification a.color-3 { color: #333; margin-left: 8px }
.floor-main { clear: both }
.side-adv { width: 234px; float: left }
.floor-pro { background: #fff; padding-top: 1px; width: 1200px }
.floor-pro li { width: 241px; height: 300px; *width:196px;
*height:267px;
padding: 33px 20px 0 20px; border: solid 1px #f1f1f1; float: left; margin: -1px -1px 0 0; text-align: center; outline: none medium }
.floor-pro li:hover { background: #fffcec }
.floor-pro li .pic { display: block; text-align: center; margin-bottom: 18px }
.floor-pro li .pic img { border-radius: 3px }
.floor-pro li h5 { height: 40px; overflow: hidden; line-height: 20px; margin-bottom: 10px; color: #555 }
.floor-pro li .price { font-size: 15px; color: #e37676 }
@media (min-width:992px) and (max-width:1199px) {
.screening-Condition { width: 1000px }
.floor-pro { width: 1000px }
.floor-pro li { width: 251px }
}
@media (max-width:991px) {
.screening-Condition { padding-left: 10px; width: 100% }
.screening { margin-bottom: 12px; border-bottom: 0 }
.floor-pro { width: 100%; background: #fff; border-top: solid 1px #f1f1f1; margin-top: -12px }
.floor-pro li { width: 33.3333%; margin: -1px -1px 0 0; height: auto; padding: 20px 30px; border-top: 0 }
.floor-pro li .pic { margin-bottom: 5px }
.floor-pro li h5 { margin-bottom: 3px }
}
@media (max-width:767px) {
.floor-pro li { width: 50%; padding: 10px }
}
.pad-20 { padding: 20px }
.root { font-size: 12px; font-family: SimSun, "宋体"; margin: 15px auto; color: #777 }
.root a { color: #666 }
.root a:hover { color: #df2318 }
.por-wrap { margin-bottom: 20px; *margin-bottom:0
}
.pro-pic { }
.big-pic { width: 402px; height: 402px; border: solid 1px #ececec; margin-bottom: 10px }
.small-wrap { width: 345px; padding-left: 3px; overflow: hidden }
.small-wrap ul { width: 353px }
.small-wrap li { float: left; margin-right: 10px; display: inline; width: 60px; height: 60px; *width:54px;
*height:54px;
padding: 3px }
.small-wrap li.hover { border: solid 1px #df2318; padding: 2px }
.sm-arrow-left, .sm-arrow-right { width: 25px; font-family: SimSun, "宋体"; text-align: center; font-size: 18px }
.sm-arrow-left a, .sm-arrow-right a { padding-top: 16px; display: block; height: 60px; font-weight: bold; color: #999 }
.sm-arrow-left a:hover, .sm-arrow-right a:hover { color: #df2528 }
.parameter { width: 565px; margin-left: 25px }
.pro-title { }
.pro-title h1 { margin: 0; font-size: 18px; margin-bottom: 15px }
.pro-attribute { padding: 13px 20px 18px 20px; background: #fbfdfe; border-top: solid 1px #e3f0fb; border-bottom: solid 1px #e3f0fb; margin-bottom: 20px }
.commstar { width: 90px; height: 18px; background: url(../img/star.png) 0 -18px repeat-x; position: relative; display: inline-block; vertical-align: middle; overflow: hidden; zoom: 1 }
.commstar a { width: 20px; cursor: pointer; position: absolute; top: 0; left: 0; display: inline-block; height: 20px }
.commstar .active { background: url(../img/star.png) left top repeat-x }
.commstar .star1 { width: 20%; z-index: 9 }
.commstar .star2 { width: 40%; z-index: 8 }
.commstar .star3 { width: 60%; z-index: 7 }
.commstar .star4 { width: 80%; z-index: 6 }
.commstar .star5 { width: 100%; z-index: 5 }
.star-hover a:hover { background: url(../img/star.png) left top repeat-x }
.parameter-details { }
.parameter-details dl {
*height:23px; margin-bottom: 25px }
.parameter-details dt { float: left; width: 65px; color: #666 }
.parameter-details dd { float: left; color: #999 }
.pro-number-box { width: 65px; height: 36px; margin-top: -8px }
.pro-number { width: 65px; height: 36px; *width:43px;
*height:22px;
overflow: hidden; padding: 6px 20px 6px 0; text-align: center; border: solid 1px #ccc; color: #555; font-size: 14px; font-family: "Microsoft YaHei", "Hiragino Sans GB", "STXihei", "华文细黑" }
.number-op { width: 20px; height: 18px; display: block; border-left: solid 1px #d9d9d9; text-align: center; font-size: 13px; cursor: pointer }
.number-join { position: absolute; top: 0; right: 0; padding-top: 1px }
.number-reduce { position: absolute; bottom: 0; right: 0; border-top: solid 1px #eee }
.set-color dd { margin-top: -5px }
.set-color a { display: inline-block; width: 55px; height: 30px; line-height: 30px; border: solid 1px #e32124; border: solid 1px #cccccc; color: #666; text-align: center; cursor: pointer }
.set-color a.hover { background: url(../img/pro-dui.jpg) no-repeat right bottom; border: solid 1px #1491c9; color: #1491c9 }
.set-color a:hover { border: solid 1px #1491c9 }
.btn-box { padding-top: 8px }
a.btn-buy { display: inline-block; width: 115px; height: 40px; line-height: 40px; background: #cc382f; color: #fff; text-align: center; margin-right: 8px }
a.btn-cart { background: #f17f18 }
.pro-push { width: 180px; border: solid 1px #ececec }
.pro-push .title, .relation-pro .title { height: 34px; line-height: 34px; background: #fcfcfc; padding-left: 10px; border-bottom: solid 1px #ececec; color: #666 }
.pro-push .product-list { text-align: center; font-size: 12px }
.pro-push .product-list li { padding: 9px }
.pro-push .product-list .name { display: block; padding-top: 10px }
.pro-details { width: 965px }
.pro-details .title { height: 40px; line-height: 38px; border: solid 1px #e5e5e5; background: #fcfcfc }
.pro-details .title li { float: left; width: 100px; text-align: center; border-right: solid 1px #e5e5e5; cursor: pointer }
.pro-details .title li.hover { background: #fff; height: 40px; border-top: solid 2px #1491c9; margin-top: -1px }
.pro-details .content { border: solid 1px #e5e5e5; border-top: none; padding: 20px }
.relation-pro { width: 215px; border: solid 1px #ececec; margin-bottom: 12px }
.relation-pro .title { }
.relation-pro .product-list { padding: 0 12px 0 12px }
.relation-pro .product-list li { height: 90px; padding-top: 15px; position: relative; border-bottom: dotted 1px #e5e5e5; overflow: hidden }
.relation-pro .product-list li a { color: #666 }
.relation-pro .product-list li a:hover { color: #df2528 }
.relation-pro .product-list li img { float: left; width: 60px; height: 60px; margin-right: 10px }
.relation-pro .product-list li .name { height: 35px; margin-bottom: 8px; overflow: hidden; font-family: SimSun, "宋体"; font-size: 13px }
.relation-pro .product-list li .price { color: #D00; font-family: Tahoma; font-weight: 700; margin-bottom: 0 }
.relation-pro .product-list li .price i { font-style: normal }
.comment-wrap { border: solid 1px #e5e5e5; border-top: 0 }
.comment-score {
*height:85px; padding: 25px 25px 20px 25px; border-bottom: solid 1px #e9e9e9 }
.praise { width: 135px; padding-right: 25px }
.score-info { width: auto; height: 75px; padding-left: 30px; border-left: solid 1px #f5f5f5 }
.score-loading { display: inline-block; width: 150px; height: 10px; background: #eee; margin: 0 5px }
.loading-value { display: inline-block; width: auto; height: 10px; background: url(../img/score-loading.gif) repeat-x }
.add-score { padding: 5px 40px 0 30px; border-left: solid 1px #f5f5f5 }
a.comment-btn { width: 90px; height: 30px; line-height: 30px; text-align: center; display: inline-block; background: #1491c9; color: #fff }
.comment-curtain { padding: 20px }
.comment-tab { }
.comment-tab span { display: inline-block; background: #fff; height: 35px; padding: 0 18px; border: solid 1px #e0e0e0; line-height: 33px; margin-left: -1px; cursor: pointer; color: #666 }
.comment-tab span.hover { background: #1491c9; border: solid 1px #1491c9; color: #fff }
.comment-con { padding-top: 20px }
.comment-list { margin-bottom: 20px; padding-left: 80px }
.comment-user { width: 85px; *width:65px;
padding-right: 25px; position: absolute; top: 0; left: 0 }
.comment-portrait { width: 50px; height: 50px; margin: 0 auto 7px auto }
.comment-info { border: solid 1px #eaeaea }
.comment-text { padding: 15px; border-bottom: solid 1px #eaeaea }
.comment-rez { background: #fdfdfd; padding: 7px 15px; *height:16px
}
.poptip-arrow-left, .poptip-arrow-white { width: 1px; height: 0; font-size: 0; overflow: hidden; position: absolute; top: 13px }
.poptip-arrow-left { border-width: 9px; border-style: solid dashed dashed; border-color: transparent #dfdfdf transparent transparent; left: -19px }
.poptip-arrow-white { border-width: 9px; border-style: solid dashed dashed; border-color: transparent #fff transparent transparent; left: -18px }
.star-small { width: 65px; height: 15px; background: url(../img/star-small.png) 0 -15px repeat-x }
.star-small a { width: 12px; cursor: pointer; position: absolute; top: 0; left: 0; display: inline-block; height: 16px; vertical-align: top }
.star-small .active { background: url(../img/star-small.png) left 0 repeat-x }
@media (min-width:992px) and (max-width:1199px) {
.pro-details { width: 1000px }
}
@media (max-width:991px) {
.por-wrap { margin-bottom: 0 }
.pro-pic, .parameter, .pro-details { float: none !important; width: 100% }
.pro-pic { width: 402px; margin: 0 auto 0 auto; padding-bottom: 20px }
.parameter { margin-left: 0; border-top: solid 12px #eee; border-bottom: solid 12px #eee; padding: 15px }
.pro-details .content { padding: 10px 0 0 0; border-left: 0; border-right: 0 }
.comment-wrap { border-top: solid 12px #eee; border-bottom: solid 12px #eee }
.comment-curtain { padding: 20px 10px 0 10px }
}
@media (max-width:767px) {
.pro-pic { padding-bottom: 12px; margin-top: -13px }
.pro-pic, .big-pic, .big-pic img { width: 100% }
.sm-arrow-left, .sm-arrow-right { display: none }
.small-wrap { width: 100%; padding-left: 3% }
.small-wrap li { width: 17%; margin-right: 2% }
.small-wrap li img { width: 100%; max-width: 55px }
.comment-score { padding: 10px }
.praise { width: 80px; padding-right: 15px }
.score-info { padding-left: 15px }
.pro-details .title li { width: 25% }
.score-loading { width: 130px }
.comment-curtain { padding: 20px 0 0 0 }
.comment-list { padding-left: 75px }
.comment-rez { padding: 7px }
.comment-text { padding: 10px }
}
.topline { border-top: solid 1px #ddd }
.expert-header { padding-top: 20px; margin-bottom: 20px }
.expert-info { width: 240px; float: left; height: 330px; text-align: center; background: #fff }
.expert-info .pic { padding: 20px 0; background: #fff url(../img/portrait_bg.jpg) no-repeat; color: #fff }
.expert-info .pic img { width: 100px; border: solid 3px #1d53a3; margin: 0 auto }
.expert-info .text { padding: 20px; height: 158px; border: solid 1px #dfdfdf; border-top: 0 }
.expert-info .name { padding-top: 8px; margin-bottom: 0; font-size: 16px }
a.expert-carefor { display: inline-block; padding: 4px 16px; border: solid 1px #c4d7eb; font-size: 12px; border-radius: 20px; margin-top: 5px; color: #0a58ad }
a.expert-carefor:hover { border: solid 1px #0a58ad; color: #fff; background: #0a58ad }
.expert-already-carefor { display: inline-block; padding: 4px 16px; border: solid 1px #eee; font-size: 12px; border-radius: 20px; margin-top: 5px; color: #aaa }
.expert-info-con { width: 948px; height: 330px; float: right; border: solid 1px #e2e2e2; padding: 25px 25px 0 25px; background: #fff }
.expert-lable { margin-bottom: 18px }
.expert-lable span { display: inline-block; border: solid 1px #a9cff8; padding: 4px 12px; color: #2178d7; margin-right: 10px }
.expert-introduces { margin-bottom: 15px; color: #666; max-height: 3em; overflow: hidden }
.expert-parameter { border-top: dotted 1px #eee; border-bottom: dotted 1px #eee; padding: 15px 0; margin-bottom: 15px; color: #888 }
.expert-price { border-bottom: dotted 1px #eee; padding-bottom: 10px; margin-bottom: 20px }
.expert-pic-wrap, .expert-phone-wrap { display: inline-block; margin-right: 30px; font-family: "黑体"; font-size: 17px; color: #333 }
.expert-pic-wrap i, .expert-phone-wrap i { color: #0AAE5F; font-size: 22px; vertical-align: -7% }
.expert-pic-wrap { }
.expert-phone-wrap { }
.expert-Op { }
a.expert-Op-btn { min-width: 80px; display: inline-block; height: 2.5em; line-height: 2.5em; padding: 0 22px; background: #0a58ad; color: #fff; border-radius: 30px; text-align: center; margin-right: 10px }
a.expert-Op-btn:hover { background: #1d6ec5 }
.gray-bg { background: #f1f1f1 }
.expert-body { margin-bottom: 30px }
.expert-tab { height: 42px; margin-bottom: 0px; background: #f7f7f7; border: solid 1px #e5e5e5; border-bottom: 0 }
.expert-tab li a { display: block; width: 90px; height: 42px; line-height: 42px; font-size: 15px; display: inline; float: left; padding: 0 15px; text-align: center; cursor: pointer }
.expert-tab li:hover a { color: #0a58ad }
.expert-tab li.hover a { line-height: 38px; border-top: solid 2px #629ddc; color: #0a58ad; background: #fff }
.et-info-title { background: #fff; height: 42px; border: solid 1px #dfdfdf; border-left: 0; border-bottom: 0; color: #084a91 }
.et-info-title h3 { line-height: 42px; padding-left: 15px; border-left: solid 3px #0a58ad; background: #f6f6f6; font-size: 14px; margin: 0 }
.expert-info-content { background: #fff; margin-bottom: 12px }
.et-introduces, .et-comments, .et-article, .et-tidings { padding: 20px; border: solid 1px #dfdfdf }
.et-introduces { color: #555 }
.et-introduces p { margin-bottom: 0 }
.et-comments { padding-bottom: 0 }
.et-comments dl { border-bottom: dotted 1px #e3e3e3; padding: 20px 0 10px 0 }
.et-comments .portrait { display: inline-block; width: 52px; vertical-align: top; position: absolute; top: 0; left: 0 }
.et-comments .portrait img { border-radius: 50% }
.et-comments .name-time { display: inline-block; padding-top: 4px }
.et-comments dd { margin-bottom: 10px; padding-left: 64px }
.et-comments dd.star { color: #6193ca }
.et-comments dt { margin-bottom: 2px; color: #999; position: relative; padding-left: 65px }
.expert-info-content .pagination > li > a { color: #666 }
.et-tidings { padding: 0 20px }
.et-tidings .riqi { font-weight: bold; font-size: 14px; margin-bottom: 5px }
.et-tidings dl { min-height: 105px; border-bottom: dotted 1px #e3e3e3; padding: 15px 0; position: relative }
.et-tidings dt { width: 80px; padding-left: 10px; color: #555; position: absolute; top: 15px; left: 0 }
.et-tidings dd { width: auto; padding-left: 70px }
.et-article { padding: 0 20px }
.et-article li { width: 50%; float: left; padding: 15px 4% 15px 0; border-bottom: dotted 1px #e5e5e5; color: #333 }
.et-article li span { display: block }
.et-article .title { height: 1.5em; overflow: hidden; font-size: 16px; margin-bottom: 10px }
.et-article .describe { color: #777; font-size: 12px; margin-bottom: 2px; line-height: 1.6em; height: 4.8em; overflow: hidden }
.et-article .pic { width: 80px; float: left; margin-right: 10px }
.et-article .other { font-size: 11px }
.et-article .other i { font-size: 13px }
.et-article li a:hover .describe { color: #666 }
.winbg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999 }
.winbg { z-index: 999; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ac000000', EndColorStr='#ac000000')
}
:root .winbg { z-index: 999; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000')
}
.win-content { background: #fff; position: absolute; top: 50%; left: 50% }
.consultation { width: 600px; margin: 0 0 0 -300px; top: 30px }
.consultation .title-wrap { height: 42px; background: #1491c9 }
.consultation .title { line-height: 42px; padding-left: 12px }
.consultation .ex-close { display: inline-block; width: 42px; height: 42px; padding-top: 7px; text-align: center; color: #fff; right: 0; top: 0 }
.consultation .ex-close:hover { background: #1082b5 }
.expert-data { border-bottom: solid 1px #eee; padding: 15px }
.expert-data dd { width: 70px; float: left }
.expert-data dt { float: left; padding-left: 12px }
.expert-data dt span { display: block }
.expert-data dt .name { margin-bottom: 5px; padding-top: 3px }
.expert-data dt .duties { }
.expert-consult { height: 36px }
.expert-consult a { width: 50%; height: 36px; line-height: 36px; background: #f5f5f5; float: left; text-align: center; border-right: solid 1px #eee; border-bottom: solid 1px #eee }
.expert-consult a.hover { background: #fff; border-bottom: none; color: #1491c9 }
.expert-consult-con { padding-top: 15px }
.expert-consult-con dl { min-height: 30px; position: relative; padding-left: 95px; margin-bottom: 12px }
.expert-consult-con dt { width: 95px; text-align: right; padding: 3px 8px 0 0; position: absolute; top: 0; left: 0 }
.expert-consult-con dd { width: 100% }
.expert-consult-input { width: 220px; border: solid 1px #ccc; line-height: 26px; padding-left: 8px }
.expert-consult-textarea { width: 95%; border: solid 1px #ccc }
.ex-select { height: 28px; padding-left: 5px; border: solid 1px #ccc; background: #fff }
.btn-expert-consult { background: #1491c9; color: #fff; padding: 6px 16px; border-radius: 0 }
.btn-expert-consult:hover, .btn-expert-consult:focus { background: #1082b5; color: #fff }
.exper-phone { padding: 10px 0 0 0 }
.consultation-ok { padding: 10px 0 20px 0 }
.consultation-ok dd { width: 45px; text-align: right; float: left; padding-top: 3px }
.consultation-ok dd i { font-size: 26px }
.consultation-ok dt { width: 290px; float: left; padding: 8px 0 0 12px }
.ex-prompt { width: 400px; margin: -100px 0 0 -200px; top: 50% }
@media (min-width:992px) and (max-width:1199px) {
.expert-info-con { width: 760px; border-left: none }
}
@media (max-width:991px) {
.expert-header { padding: 0 }
.expert-info, .expert-info-con { float: none !important }
.expert-info { height: 135px; background: #fff url(../img/portrait_bg.jpg) no-repeat center -100px; width: 100%; background-size: 100%; position: relative }
.expert-info .pic { position: absolute; top: 0; left: 20px; background: none; width: 85px; padding: 10px 0 }
.expert-info .text { border: 0; text-align: left; color: #fff; padding: 12px 0 0 130px; height: auto }
.expert-info .text .color-main { color: #fff !important }
.expert-info .text a.expert-carefor { color: #fff }
.expert-info .text a.expert-carefor:hover { background: #fff; color: #0a58ad }
.expert-body { padding: 0 }
.expert-info-con { height: auto; border: 0; padding: 15px 0 15px 12px; width: 100% }
.expert-lable span { margin-bottom: 5px }
.expert-info .name { font-size: 14px; padding-top: 5px }
.et-tidings dd { width: auto; padding-left: 55px }
.et-tidings dt { padding-left: 0 }
}
@media (max-width:767px) {
.consultation { width: 100%; margin-left: -50%; top: 0; position: fixed }
.expert-info-con { padding: 5px 12px 15px 12px }
.expert-data { display: none }
.consultation .pad-20 { padding: 12px }
.expert-consult-con { padding-top: 5px }
.expert-consult-con dl { padding-left: 80px; margin-bottom: 8px }
.expert-consult-con dt { width: 80px }
.ex-prompt { width: 300px; margin: -100px 0 0 -150px; top: 50% }
.consultation-ok dd { width: 30px }
.consultation-ok dt { width: 240px }
}
.expert-search { padding-top: 4px }
.expert-search-input { width: 136px; height: 32px; padding-left: 8px; border: solid 1px #ccc; border-right: 0; background: none }
.expert-search-input:focus { background: #fff; outline: none }
a.btn-expert-search { display: inline-block; text-align: center; background: #0a58ad; color: #fff; padding: 0 20px; height: 32px; line-height: 32px }
.expert-list-bg { padding: 20px 0 30px 0 }
.expert-list-wrap { line-height: 1.4em }
.expert-content { background: #fff; width: 900px }
.expert-single { border-bottom: solid 1px #f0f1f1; padding: 25px 20px; width: 50%; float: left; line-height: 1.5em }
.expert-single .pic { width: 95px; float: left; padding-right: 15px }
.expert-single .content { float: left; width: 315px }
.expert-single .name { font-size: 16px; margin-bottom: 5px; color: #000 }
.expert-single .expert-pic-wrap, .expert-single .expert-phone-wrap { font-family: "Microsoft YaHei", "微软雅黑", arial; font-size: 14px; color: #555; display: none }
.expert-single .expert-pic-wrap i, .expert-single .expert-phone-wrap i { font-size: 16px; display: none }
.expert-single .expert-pic-wrap .green, .expert-single .expert-phone-wrap .green { color: #333; font-size: 14px }
.expert-single .blue { color: #6193ca }
.expert-single .ex-rank { font-size: 13px; color: #666; margin-left: 15px }
.hidden-ex { display: none }
.btn-exper-wrap { padding-top: 16px }
a.btn-expert { display: inline-block; padding: 4px 16px; border: solid 1px #b4d1f1; background: #b4d1f1; color: #999 }
a.btn-expert-ls { background: #fff; border: solid 1px #b4d1f1; color: #6193ca }
a.btn-expert:hover { border: solid 1px #1491c9; background: #1491c9; color: #fff }
.expert-list-wrap .pagination > li > a { color: #666 }
.expert-side-bar { width: 280px }
.ex-news-article { background: #fff }
.ex-news-article .title { background: #fbfbfb; height: 36px; line-height: 36px; border-left: solid 1px #6193ca; padding-left: 12px }
.ex-news-article .content { padding: 15px 16px 1px 16px; border-top: solid 1px #eee }
.ex-news-article .content li { padding-bottom: 10px; border-bottom: dotted 1px #ddd; margin-bottom: 12px; color: #6d6d6d }
.ex-news-article .content li .name { margin-bottom: 5px; display: block; max-height: 3em; overflow: hidden }
.ex-news-article { }
.tidings-con { border-top: solid 1px #eee }
.tidings-con dl { padding: 15px; border-bottom: dotted 1px #ddd }
.tidings-con dt { width: 40px; text-align: center; float: left }
.tidings-con dd { width: 205px; float: left; padding-left: 12px; font-size: 13px }
.tidings-con dd .describe { margin-bottom: 10px; height: 4.2em; overflow: hidden; color: #666 }
@media (min-width:992px) and (max-width:1199px) {
.expert-content { width: 100%; float: none !important; margin-bottom: 20px }
.expert-side-bar { width: 100%; float: none !important }
.ex-news-article { width: 49%; float: left }
.tidings-con dd .describe { width: 400px }
.ex-news-article { float: right }
.ex-news-active { float: left }
.ex-news-article .content, .tidings-con { height: 338px }
}
@media (max-width:991px) {
.expert-list-bg { padding: 12px 0 20px 0 }
.expert-content { width: 100% }
.expert-single { border-right: solid 1px #eee }
.expert-side-bar { width: auto; margin: 12px 12px 0 12px }
.ex-news-article .title { border-left: solid 2px #6193ca }
.tidings-con dl { min-height: 50px; padding-left: 56px; position: relative }
.tidings-con dt { position: absolute; top: 15px; left: 15px }
.tidings-con dd { width: auto }
}
@media (min-width:768px) and (max-width:991px) {
.expert-content, .expert-side-bar, .expert-single .pic, .expert-single .content { float: none !important }
.expert-single { width: 33.333333%; text-align: center }
.expert-single .content { width: 100% }
.expert-single .name { margin: 10px 0 5px 0 }
.expert-single .pic { width: 85px; margin: 0 auto; padding-right: 0 }
.expert-single .ex-rank { display: block; margin-top: 3px; margin-left: 0; font-size: 14px }
.hidden-ex { display: block }
}
@media (max-width:767px) {
.expert-content, .expert-side-bar { float: none !important }
.expert-single { width: 100%; padding: 15px 10px 15px 10px }
.expert-single .pic { width: 80px; padding-right: 10px }
.expert-single .content { width: 220px }
.btn-expert { display: none }
.expert-side-bar { width: auto; margin: 12px 0 0 0 }
}
@media (max-width:350px) {
.expert-single .content { width: 200px }
}
.loginbg { height: 760px; padding-top: 100px; background: url(../img/log-bg.jpg) no-repeat }
.login-wapper { width: 390px; height: 460px; background: #fff; margin: 0 auto; box-shadow: 3px 3px 8px rgba(0,0,0,.2) }
.login-title-wrap { height: 45px; border-bottom: solid 1px #eee }
.login-title-wrap .title { display: inline-block; line-height: 44px; border-bottom: solid 1px #1f78d9; font-size: 16px; padding: 0 12px; color: #0a58ad; cursor: pointer }
.login-title-wrap .title-noline { border-bottom: 0; color: #666 }
.login-title-wrap .close-log { top: 2px; right: 0; width: 40px; height: 40px; display: inline-block; text-align: center; padding-top: 5px }
.log-wrap { width: 290px; margin: 30px auto 0 auto }
.log-wrap p { margin-bottom: 20px }
.log-input { width: 100%; height: 40px; border: #ccc 1px solid; line-height: 26px; color: #979696; text-indent: 10px; font-family: "微软雅黑", Arial; transition: border-color ease .3s }
.log-btn { width: 100%; height: 40px; border: 0; background: #0a58ad; color: #fff; font-size: 16px }
@media (max-width:767px) {
.loginbg { padding-top: 24px; height: 470px }
.login-wapper { width: 88%; height: 420px; overflow: hidden }
.log-wrap { width: 85%; margin-top: 20px }
.log-wrap p { margin-bottom: 15px }
}
.user-bg { border-top: solid 1px #d9dee3; margin-bottom: 20px }
.user-wrap { margin-top: 20px; background: url(../img/white-bg2.png) repeat-y }
.user-nav { width: 180px; background: #fff; border-top: 0 }
.user-information { text-align: center; padding: 20px 0 15px 0; border-top: solid 2px #9dbcde; border-bottom: solid 1px #eee }
.user-portrait { width: 75px; height: 75px; margin: 0 auto 8px auto }
.user-text { color: #999 }
.user-text .name { color: #333 }
.user-text p { margin-bottom: 5px }
.user-nav-wrap { padding: 10px 0 }
.user-nav-wrap li { font-size: 13px }
.user-nav-wrap .fg-line { border-bottom: dotted 1px #ddd; margin: 10px 20px }
.user-nav-wrap li a { display: block; padding: 6px 20px }
.user-nav-wrap li a i { margin-right: 4px; color: #888 }
.user-nav-wrap li a:hover, .user-nav-wrap li a.hover { background: #e9f1f5 }
.user-nav-wrap li a:hover i, .user-nav-wrap li a.hover i { color: #1491c9 }
.user-nav-wrap li a i.user-red { color: #f97664 }
.user-nav-wrap li a i.user-green { color: #00c193 }
.user-nav-wrap li a i.user-zi { color: #967db3 }
.user-nav-wrap li a i.user-blue { color: #1491c9 }
.user-nav-wrap li a:hover i.user-red, .user-nav-wrap li a:hover i.user-green, .user-nav-wrap li a:hover i.user-zi, .user-nav-wrap li a:hover i.user-blue, .user-nav-wrap li a.hover i.user-red, .user-nav-wrap li a.hover i.user-green, .user-nav-wrap li a.hover i.user-zi, .user-nav-wrap li a.hover i.user-blue { color: #1491c9 }
.user-content { width: 750px; margin: 0 15px; display: inline }
.user-statistics { height: 74px; padding: 12px 0; border-bottom: solid 1px #e9e9e9; margin: 0 0; background: #fff }
.user-statistics li { width: 20%; float: left; text-align: center; border-right: solid 1px #e9e9e9; line-height: 24px; font-size: 13px }
.user-statistics li a { color: #888; display: block }
.user-statistics li a:hover { color: #1491c9 }
.publish-dynamic { padding: 2px; background: #fff; margin-bottom: 15px }
.publish-input { width: 100%; border: 0; padding: 10px }
.publish-btn, a.publish-btn, a.publish-btn:hover { background: #1491c9; color: #fff; padding: 4px 16px; position: absolute; bottom: 1px; right: 1px }
.user-order { background: #fff; min-height: 650px }
.unav-title { border-bottom: solid 1px #eee; height: 40px; background: #fafafa }
.unav-title li { float: left; height: 40px; line-height: 40px; padding: 0 18px; cursor: pointer; color: #666 }
.unav-title li.hover { border-top: solid 2px #1491c9; background: #fff; color: #1491c9; border-right: solid 1px #eee }
.user-active { width: 240px; background: #fff }
.user-active .title { background: #fafafa; border-bottom: solid 1px #eee; height: 40px }
.user-active .title li { float: left; height: 40px; line-height: 40px; padding: 0 18px; cursor: pointer; color: #666 }
.user-active .title li.hover { line-height: 36px; color: #1491c9; background: #fff; border-top: solid 2px #1491c9; border-right: solid 1px #eee; border-left: solid 1px #eee }
.user-active .content { padding: 12px 12px 0 12px; min-height: 390px }
.user-active .content dl { min-height: 50px; position: relative; padding-bottom: 15px; border-bottom: dotted 1px #ddd; margin-bottom: 15px }
.user-active .content dt { width: 30px; text-align: center; color: #555; position: absolute; top: 0; left: 0 }
.user-active .content dd { padding-left: 40px }
.user-active .content dd.describe { line-height: 1.6em }
.user-order-list { padding: 20px 20px 20px 20px; font-size: 13px }
.user-order-list table { background: #e5e5e5; border-collapse: inherit; border-spacing: 1px; font-size: 12px; margin-bottom: 20px }
.user-order-list table td { background: #fff; padding: 10px }
.user-order-list table tr.bg-gray td { background: #f9f9f9; padding: 8px 10px 8px 10px }
a.btn-uorder { display: inline-block; background: #fff; height: 28px; line-height: 28px; padding: 0 10px; margin-right: 4px; text-align: center; border: solid 1px #b1d6e6; color: #1491c9 }
a.btn-uorder:hover { background: #1491c9; color: #fff; border: solid 1px #1491c9 }
.user-order-op { position: absolute; bottom: 40px; right: 74px }
.user-order-op a { width: 80px; display: inline-block; background: #fff; padding: 6px 0; text-align: center; border: solid 1px #eee }
.order—form-tab { padding: 15px }
.order—form { border: solid 1px #eee; margin-bottom: 15px }
.order-form-smbox { background: #fafafa; height: 35px; line-height: 35px; padding: 0 10px }
.order-form-product { padding: 10px 10px 10px 85px; height: 84px; border-top: solid 1px #eee }
.order-product-pic { width: 65px; position: absolute; top: 10px; left: 10px }
.order-product-text { padding: 5px 10px 0 0; text-align: left; color: #666 }
.order-product-title { display: inline-block; max-height: 3em; overflow: hidden; margin-bottom: 5px }
.order-form-bigbox { height: 45px; line-height: 45px; padding: 0 10px; border-top: solid 1px #eee }
.order-form-operate { padding-top: 0 }
.order-form-operate .btn-uorder { margin-right: 0 }
.btn_order_pay { border: solid 1px #ffbfbe; color: #f13d3a; display: inline-block; padding: 0 12px; line-height: 26px }
.user-ex dl { }
.user-ex dt { padding-left: 8px }
.user-prompt { padding: 10px 0; background: #fcf8e3; border-radius: 0; border-width: 0 0 1px 0; box-shadow: none; margin-bottom: 0 }
.user-prompt .close { right: 3px }
.server-send { width: 100%; height: 788px; background: url(../img/server-map.jpg) no-repeat center 0; border-top: solid 1px #dfdfdf }
.server-phone { height: 56px; line-height: 56px; font-size: 16px; text-align: center; background: #0d85bb; color: #fff }
.sub-user-con { width: 1005px; margin-right: 0; min-height: 630px }
.user-title { padding: 12px 0 6px 0; margin: 0 20px; border-bottom: solid 1px #e5e5e5; font-size: 16px; color: #1491c9 }
.user-dongtai { width: 100% }
.follow-people { background: #fff }
.follow-people dl { width: 25%; float: left; text-align: center; padding: 30px 0 25px 0; border: solid 1px #eee; margin: 0 -1px -1px 0 }
.follow-people dd { }
.follow-people dd img { width: 75px; margin: 0 auto 10px auto }
.follow-people dt { }
.follow-people dt .ex-rank { display: inline-block; color: #999 }
.follow-people dt p { margin-bottom: 7px }
.follow-people dt p.mb-12 { margin-bottom: 12px }
.user-collection { padding-top: 20px; width: 985px }
.user-collection .article-li { width: 226px; margin-bottom: 20px }
.user-collection .article-li .description { height: 52px; margin: 5px 0 }
.user-collection .article-li .title, .user-collection .article-li .time, .user-collection .article-li .description, .user-collection .article-li .attribute { padding: 0 15px }
.user-personal { background: #fff; position: relative }
.personal-portrait { padding: 0 0 20px 30px; position: absolute; top: 20px; right: 40px; z-index: 1 }
.personal-portrait-pic { width: 80px; margin-bottom: 10px }
.personal-data { padding-top: 20px }
.personal-data li { position: relative; margin-bottom: 16px; padding-left: 90px; line-height: 26px }
.personal-data .name { position: absolute; display: block; top: 0; left: 0; width: 80px; text-align: right }
a.btn-personal, .btn-personal { padding: 4px 18px; display: inline-block; background: #1491c9; color: #fff }
.personal-textarea { width: 100%; border: solid 1px #e5e5e5; margin-top: 6px }
.specialty li { width: 31.333%; margin-right: 2%; float: left; display: inline-block; height: 55px; padding-top: 12px; border-bottom: dotted 1px #ddd; position: relative }
a.specialty-close, .specialty-close { position: absolute; top: 13px; right: 0; color: #ccc; width: 30px; height: 30px; text-align: center; padding-top: 2px }
a.specialty-close:hover, .specialty-close:hover { color: #999 }
.specialty-tab { display: inline-block; border: solid 1px #77bddd; color: #1491c9; padding: 5px 16px }
.pagination li a { margin-right: -1px }
.pagination li.hover a { background: #eee; color: #555 }
.order-information { height: auto; padding-left: 10px; line-height: 1.6em; font-size: 14px }
@media (min-width:992px) and (max-width:1199px) {
.user-content { width: 805px; margin-right: 0 }
.user-collection { width: 785px }
.user-collection .article-li { width: 241px }
}
@media (max-width:991px) {
.user-bg { margin-bottom: 12px }
.user-wrap { margin-top: 0; background: none }
.user-nav { float: none !important; width: 100% }
.user-information { border-top: 0 }
.user-content { margin: 0; width: 100%; margin-top: 12px }
.user-nav-wrap { padding: 0 }
.user-nav-wrap li a { position: relative; padding: 15px 15px; border-bottom: solid 1px #eee }
.user-nav-wrap li a i.user-nav-arrow { position: absolute; top: 15px; right: 6px; color: #ccc }
.user-nav-wrap .fg-line { display: none }
.publish-dynamic { margin-bottom: 0 }
.sub-user-con, .user-order { background: none }
.sub-user-con { margin-top: 0 }
.user-order-list { padding: 0 }
.user-title { background: #1491c9; color: #fff; margin: 0 0 12px 0; padding: 10px 12px 8px 12px; position: relative; border-bottom: 0 }
.user-return { position: absolute; top: 0; right: 0; height: 45px; padding: 9px 13px 0 14px; display: inline-block; color: #fff; font-size: 14px }
a.user-return:hover { background: #1081b3; color: #fff }
.user-order-list table { margin-bottom: 0; margin-top: 12px }
.order—form { background: #fff; margin-bottom: 12px }
.user-active { width: 100% }
.people-wrap { padding-top: 0; margin-top: -12px }
.follow-people dl { width: 33.33% }
.follow-people dt p { margin-bottom: 4px }
.user-collection { width: 100%; padding: 2% 0 0 2% }
.user-collection .article-li { width: 31.33%; margin: 0 2% 2% 0 }
.user-personal-info { padding: 0 15px }
}
@media (min-width:768px) and (max-width:991px) {
.personal-data { padding-left: 10px }
}
@media (max-width:767px) {
.server-send { height: 420px; background-size: 300% }
.user-nav-wrap li a { padding: 12px 15px }
.user-nav-wrap li a i.user-nav-arrow { top: 11px }
.follow-people dl { width: 50%; padding: 25px 0 20px 0 }
.user-collection { width: 100%; padding: 3% 0 0 3% }
.user-collection .article-li { width: 47%; margin: 0 3% 3.3% 0 }
.user-personal { margin-top: -12px }
.personal-portrait { position: inherit; right: 0; padding: 0 0 20px 0; text-align: center; width: 100%; border-bottom: dotted 1px #ddd; margin-bottom: 20px }
.personal-portrait-pic { margin: 0 auto 10px auto }
.personal-data { padding-right: 16px }
.personal-data .expert-consult-input { width: 100% }
.user-personal-info { padding: 0 12px }
.specialty { padding: 0 10px; margin-top: -15px }
.specialty li { width: 100%; margin: 0 }
}
.yhj-shopcart li { border: solid 1px #e5e5e5; border-top: 0 }
.yhj-shopcart li:hover { background: #fffcf7 }
.yhj-shopcart li.tab { background: #f5f5f5; border: solid 1px #e5e5e5; height: 36px; line-height: 32px; text-align: center; color: #888 }
.shopcart-choice, .shopcart-goods, .goods, .shopcart-price, .shopcart-cubtotal, .shopcart-operation { float: left; padding-top: 42px }
.shopcart-muxh { padding-top: 39px; float: left }
.yhj-shopcart li.tab .shopcart-choice, .yhj-shopcart li.tab .shopcart-goods, .yhj-shopcart li.tab .shopcart-price, .yhj-shopcart li.tab .shopcart-muxh, .yhj-shopcart li.tab .shopcart-cubtotal, .yhj-shopcart li.tab .shopcart-operation { text-align: center; padding-top: 0 }
.shopcart-choice, .shopcart-price, .shopcart-muxh, .shopcart-cubtotal, .shopcart-operation { text-align: center }
.shopcart-goods, .goods { margin-left: 40px }
.shopcart-choice { width: 60px }
.yhj-shopcart li.tab .shopcart-goods { text-align: left }
.shopcart-price { width: 170px; color: #666 }
.shopcart-muxh { width: 190px }
.shopcart-cubtotal { width: 180px }
.shopcart-operation { width: 155px }
.shopcart-goods { width: 400px }
.goods { padding: 20px 0 }
.goods dl { }
.goods dd { float: left; width: 70px }
.goods dt { float: left; width: 302px; margin-left: 8px }
.goods dt .name { font-size: 12px; height: 2.9em; overflow: hidden; display: block; margin-bottom: 3px }
.goods dt .price { }
.input-muxh { width: 40px; text-align: center; line-height: 24px; border: solid 1px #ccc; border-left: 0; border-right: 0 }
.btn-muxh { width: 28px; height: 28px; line-height: 22px; display: inline-block; background: #fff; text-align: center; border: solid 1px #ccc; color: #777; vertical-align: top; font-size: 16px }
a.btn-muxh:active, a.btn-muxh:hover { background: #1491c9; border: solid 1px #1491c9; color: #fff }
.shopcart-total { height: 55px; background: #f9f9f9; border: solid 1px #eee; border-top: 0; padding: 16px 0 0 12px; position: relative }
.total-int { padding-right: 142px; margin-top: -3px }
a.btn-shopcart { display: inline-block; width: 120px; height: 55px; line-height: 55px; font-size: 18px; text-align: center; background: #f75c5c; color: #fff; position: absolute; top: 0px; right: 0 }
.chk_1 { display: none }
.chk_1 + label { width: 20px; height: 20px; border: 1px solid #C1CACA; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); border-radius: 50%; display: inline-block; position: relative }
.chk_1 + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); color: #f97664 }
.chk_1:checked + label { background-color: #1491c9; color: #fff; border: 1px solid #1491c9; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1) }
.chk_1:checked + label:after { font-family: Arial, Helvetica, sans-serif; content: '\2714'; position: absolute; top: 0px; left: 0px; color: #fff; width: 100%; text-align: center; font-size: .8em; padding: 1px 0 0 0; vertical-align: text-top }
.hr-55 { height: 55px }
.total-wrap { padding-left: 8px }
.total-wrap label { vertical-align: top; margin-bottom: 0 }
.total-price { color: #f75c5c; font-size: 18px }
@media (min-width:992px) and (max-width:1199px) {
.shopcart-goods, .goods { margin-left: 10px }
.shopcart-price { width: 140px; color: #666 }
.shopcart-muxh { width: 140px }
.shopcart-cubtotal { width: 140px }
.shopcart-operation { width: 100px }
}
@media (max-width:991px) {
.yhj-shopcart li { position: relative }
.yhj-shopcart li { border-bottom: solid 1px #eee }
.shopcart-goods, .goods { margin-left: 10px; width: 380px }
.shopcart-choice { width: 48px }
.shopcart-price { display: none }
.shopcart-muxh { width: 140px }
.shopcart-cubtotal { width: 150px }
.shopcart-operation { display: none }
.goods dt { width: 260px }
.total-wrap { padding-left: 3px }
.shopcart-total { width: 100%; border-right: 0; border-top: solid 1px #eee; position: fixed; bottom: 0; left: 0; z-index: 3 }
a.del-goods { position: absolute; top: 40px; right: 20px; color: #ccc }
a.del-goods i { font-size: 18px }
a.del-goods:active, a.del-goods:hover { color: #666 }
}
@media (min-width:768px) and (max-width:991px) {
}
@media (max-width:767px) {
.shopcart-choice { width: 40px }
.shopcart-goods, .goods { margin-left: 0 }
.shopcart-cubtotal { display: none }
.goods { width: 300px }
.goods dt { width: 212px }
.goods dt .name { height: 1.5em }
.shopcart-muxh { position: absolute; top: 67px; left: 95px; padding-top: 0 }
.btn-muxh { width: 24px; height: 24px; line-height: 20px; color: #777 }
.input-muxh { line-height: 20px }
.total-wrap { padding-left: 0 }
.shopcart-total { height: 48px; background: #555; border: 0; padding: 14px 0 0 11px }
.total-price { color: #fff; font-size: 16px }
.total-wrap label { color: #fff }
.total-int { padding-right: 115px }
a.btn-shopcart { width: 100px; height: 48px; line-height: 48px }
.hr-55 { height: 48px }
a.del-goods { top: 64px; right: 12px }
}
@media (max-width:320px) {
.goods { width: 280px }
.goods dt { width: 192px }
}
.checkout-tit { height: 42px; line-height: 42px; font-size: 16px; font-family: "microsoft yahei"; overflow: hidden }
.checkout-tit .extra-l, .checkout-tit .tit-txt { float: left }
.checkout-tit .extral-r { float: right }
.checkout-tit .check-tips { position: relative; height: 18px; line-height: 18px; margin: 8px 0 0 20px; padding: 3px 10px; border: 1px solid #7abd54; color: #7abd54; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-animation: budge 4s linear infinite; -moz-animation: budge 4s linear infinite; animation: budge 4s linear infinite }
.checkout-tit .check-tips i { position: absolute; left: -12px; top: 5px; width: 0; height: 0; overflow: hidden; border-width: 6px; border-style: dashed solid dashed dashed }
.checkout-tit .check-tips i.i1 { left: -13px; border-color: transparent #7abd54 transparent transparent }
.checkout-tit .check-tips i.i2 { border-color: transparent #fff transparent transparent }
.checkout-steps { background-color: #fff; padding: 10px 25px 80px 25px; border: 1px solid #f0f0f0; margin-bottom: 40px }
.hr { border-bottom: 1px solid #e6e6e6; height: 0; margin-bottom: 10px }
.checkout-steps .step-tit { height: 40px; line-height: 40px; color: #333 }
.checkout-steps .step-tit h3 { float: left; margin: 0; font-size: 14px; line-height: 40px }
.checkout-steps .step-tit .extra-l { float: left }
.checkout-steps .step-tit .extra-r { float: right }
.checkout-steps .step-cont { margin-bottom: 10px }
.set-address { padding: 0 30px 25px 15px; border-bottom: solid 1px #eee; margin-bottom: 10px }
.set-address li { margin-bottom: 15px; color: #666; height: 34px; line-height: 32px; *line-height:28px;
padding-right: 15px; position: relative }
.set-address li:hover { background: #f5fdff }
.set-address li .summary { display: inline-block; background: #fff; width: 148px; height: 34px; text-align: center; line-height: 32px; border: 1px solid #dddddd; font-size: 13px; margin-right: 8px; cursor: pointer }
.set-address li .summary:hover { border: 2px solid #1491c9; line-height: 30px }
.set-address li.hover .summary { border: 2px solid #1491c9; line-height: 30px }
.set-address li .pull-right { display: none; position: absolute; top: 2px; right: 10px }
.set-address li:hover .pull-right { display: block }
.more-address a i { display: inline-block; vertical-align: middle; margin-left: 3px }
.more-address a i.more-show { background-position: 0 -386px }
.more-address a i.more-hide { background-position: -13px -386px }
.select-pay { padding: 0 0 30px 15px; border-bottom: solid 1px #eee }
.select-pay li { display: block; float: left; margin-right: 10px; display: inline; position: relative; border: 1px solid #ddd; height: 34px; line-height: 32px; padding: 0 24px 0 24px; cursor: pointer }
.select-pay li.hover { border: 2px solid #1491c9; line-height: 30px }
.distribution { width: 360px; *width:320px;
padding: 20px; background: #f9f9f9 }
.select-express { }
.select-express a { display: block; float: left; margin-right: 10px; display: inline; position: relative; border: 1px solid #ddd; height: 34px; line-height: 32px; padding: 0 36px 0 36px; cursor: pointer }
.select-express a.hover { border: 2px solid #1491c9; line-height: 30px }
.botline { border-bottom: solid 1px #ddd }
.commodity { background: #fdfdfd; width: 788px; *width:758px;
padding: 15px }
.order-prolist { }
.order-prolist dl { margin-bottom: 10px }
.order-prolist dd, .order-prolist dt { float: left }
.order-prolist .pic { }
.order-prolist .pic img { border: solid 1px #f1f1f1; margin-right: 10px }
.order-prolist .name { width: 180px; color: #666 }
.order-prolist .price { padding-left: 60px }
.order-prolist .number { padding-left: 60px }
.Add-pay { padding-bottom: 18px; border-bottom: solid 1px #eee }
.icon-addpay { display: inline-block; width: 15px; height: 17px; background: url(../img/index-icon.png) no-repeat -33px -367px; vertical-align: middle; margin-right: 6px }
.Add-pay a:hover .icon-addpay { background-position: -33px -384px }
.repertoire { padding-bottom: 30px; border-bottom: solid 1px #eee; margin-bottom: 20px }
.order-child-op { background: #fafafa; height: 65px; *height:52px;
border-top: solid 1px #f1f1f1; width: 100%; *width:1180px;
position: absolute; left: 0; bottom: 0; margin-top: 10px; padding: 12px 18px 0 0 }
a.order-chbtn { display: inline-block; width: 138px; height: 40px; line-height: 40px; text-align: center; background: #f75c5c; color: #fff }
.add-address { width: 760px; height: 440px; position: absolute; top: 50%; left: 50%; margin: -220px 0 0 -380px; padding: 5px }
.add-address-con { background: #fff; height: 430px; position: relative }
.address-title { background: #fcfcfc; border-bottom: solid 1px #eee; height: 38px; line-height: 38px; padding-left: 15px }
.address-content { padding: 30px 20px 20px 20px }
.address-content .item { margin-bottom: 20px; line-height: 25px }
.address-content .item .label { float: left; height: 18px; line-height: 18px; padding: 4px 0 3px; width: 100px; text-align: right; color: #555; font-weight: normal; font-size: 100%; margin-right: 10px }
.jf-input { width: 100px; height: 30px; border: solid 1px #bbb; padding-left: 6px }
.jf-btn { width: 48px; height: 29px; line-height: 24px }
.Balance-pay { padding: 12px 12px 6px 12px }
.my-address .set-address { border-bottom: 0; margin-bottom: 0 }
@media (min-width:992px) and (max-width:1199px) {
.commodity { width: 588px }
}
@media (max-width:991px) {
.checkout-steps { padding: 0; border: 0; margin-bottom: 0 }
.commodity, .distribution { float: none !important; background: #fff; width: 100% }
.set-address, .repertoire, .commodity, .select-pay { border-bottom: solid 12px #f1f1f1 }
.set-address { margin-bottom: 0; padding: 15px }
.step-tit { padding: 0 12px; border-bottom: solid 1px #eee }
.distribution { padding: 0 }
.repertoire { padding-bottom: 15px; margin-bottom: 0 }
.distribution .botline { margin: 0 15px }
.select-express { padding: 15px 0 0 15px; margin-bottom: 8px }
.select-pay { padding: 15px 0 15px 15px }
.checkout-steps .lh-26 { padding: 10px 18px 10px 0 }
.order-child-op { padding-right: 12px; position: inherit }
.botline { border-bottom: solid 1px #f5f5f5 }
}
@media (max-width:767px) {
.set-address li .summary { width: 110px }
.set-address li .name, .set-address li .address, .set-address li .tel { display: none }
.set-address li.hover .name, .set-address li.hover .address, .set-address li.hover .tel { display: inline-block }
.set-address li .pull-right { background: #f5fdff }
.my-address .set-address li.hover .tel { display: none }
.order-prolist dl { position: relative; min-height: 80px }
.order-prolist .price { padding-left: 90px }
.order-prolist .name { padding-left: 90px; width: 320px }
.order-prolist .number { padding: 1px 0 0 15px }
.order-prolist dd.pic { width: 80px; padding-left: 0; position: absolute; top: 0; left: 0 }
.order-child-op { background: #555; padding: 0; height: 52px; color: #fff; text-align: left; padding: 11px 0 0 10px }
a.order-chbtn { border-radius: 0; width: 120px; height: 52px; line-height: 52px; position: absolute; top: 0; right: 0 }
}
.order-ok { background: #f7fff3; border-top: solid 2px #67bb38; padding: 20px }
.complete { padding: 20px 0 50px 20px }
.complete-icon { margin: 0 20px 0 0; width: 85px; height: 85px; padding-top: 5px; border-radius: 50%; border: solid 1px #6ccd6e; text-align: center }
.complete-icon i { font-size: 50px }
@media (max-width:991px) {
body { background: #fff }
.order-ok { background: #fff; margin-top: -12px; border-top: 0 }
}
@media (max-width:767px) {
.order-ok { padding: 0 }
.complete { padding: 20px 0 0 15px }
.complete-icon { width: 60px; height: 60px; padding-top: 3px; margin-right: 10px }
.complete-icon i { font-size: 36px }
.complete-text { width: 245px }
}
.stepflex { display: inline-block; display: block; border-top: 5px solid #ccc; text-align: center; margin: 36px 0 0; float: right }
.stepflex:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
* html .stepflex { height: 1% }
*+html .stepflex { min-height: 1% }
.stepflex dl { float: left; position: relative; width: 19.8%; top: -5px; border-top: 5px solid #ccc }
.stepflex dl.doing { border-top-color: #67bb38 }
.stepflex dl.doing .s-num { background-position: -23px 0 }
.stepflex dl.doing .s-text { color: #67bb38; padding-top: 5px }
.stepflex dl.done { border-top-color: #b3e199 }
.stepflex dl.done .s-num { background-position: -46px 0 }
.stepflex dl.done .s-text { color: #98d376; padding-top: 5px }
.stepflex .doing b, .stepflex .doing s, .stepflex .first s, .stepflex .last b { width: 5px; height: 5px; position: absolute; line-height: 0; font-size: 0; top: -5px; background-image: url(../img/step2015.png); overflow: hidden }
.stepflex .s-num { position: relative; margin: -15px auto 0; padding-left: 1px; color: #fff; font-weight: 700; width: 23px; height: 23px; background-image: url(../img/step2015.png); line-height: 23px }
.stepflex .s-text { color: #ccc; padding-top: 5px }
.status-wrap { border: solid 1px #ecdea1; background: #FFFCEB; margin: 20px 20px 0 20px }
a.btn-status { display: inline-block; border: solid 1px #b62022; padding: 4px 12px; background: #c22829; color: #fff }
.status-flow { float: none; padding: 10px 20px 20px 20px; border: 0 }
.status-flow dl { margin-right: 1px }
.order-zt { border-bottom: solid 1px #eee; height: 45px; line-height: 45px; padding: 0 15px }
.commodity-order { width: auto; background: #fff; border-top: solid 1px #eee; border-bottom: solid 1px #eee }
.commodity-order .title { }
.order-box-int { padding: 20px 20px 0 20px }
.info-box { margin-bottom: 20px }
.order-payint { background: #FFFCEB; height: 55px; line-height: 55px }
.order-payint .btn-uorder { height: 32px; line-height: 32px; background: #1491c9; border: solid 1px #1491c9; color: #fff; padding: 0 16px }
@media (max-width:991px) {
.order-info { margin-top: -12px }
}
@media (max-width:767px) {
.stepflex { margin-top: 26px }
.status-flow { padding: 0 0 20px 20px }
.status-flow dl { width: 100%; margin: 0; padding-left: 20px; border-left: 2px solid #ccc; border-top: 0; text-align: left }
.stepflex dl dt { text-align: center }
.stepflex .s-num { margin: -2px 0 0 -33px }
.stepflex dl .s-text { padding-bottom: 20px; margin-top: -25px }
.stepflex dl.last .s-num { position: absolute; bottom: -5px }
.stepflex dl.last .s-text { padding-bottom: 20px; margin-top: 12px; padding: 0 }
}
.about-banner { width: 100%; height: 302px; margin-bottom: 50px; overflow: hidden; position: relative }
.about-pic { width: 400%; text-align: center; top: 0; left: 150%; margin-left: -150% }
.sub-nav { width: 200px; border-top: solid 1px #e6e6e6 }
.sub-nav a { display: block; height: 51px; line-height: 50px; padding-left: 20px; border-bottom: solid 1px #e6e6e6; color: #333 }
.sub-nav a bdo { display: inline-block; width: 28px }
.sub-nav a i { color: #d2d2d2 }
.sub-nav a:hover i, .sub-nav a.hover i, .sub-nav a.hover, .sub-nav a:hover { color: #1491c9 }
.sub-wrap { width: 950px; line-height: 28px; margin-bottom: 50px; color: #333 }
.sub-wrap-about { margin-top: -8px }
.help-wen, .help-da { display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; margin-right: 10px; background: #2895df; color: #fff; border-radius: 2px }
.help-da { background: #24b727; color: #fff }
.app-down-wrap { top: 69.3%; left: 42.8% }
.app-down-wrap img { margin-right: 12px }
@media (min-width:992px) and (max-width:1199px) {
.sub-wrap { width: 750px }
}
@media (max-width:991px) {
.about-banner { display: none }
.subnav-left, .sub-wrap { float: none !important }
.sub-nav, .sub-wrap { width: 100% }
.sub-nav { margin-bottom: 10px; display: none }
.sub-nav a:active { background: #f5f5f5 }
.sub-wrap { padding: 10px; margin-bottom: 0 }
.sub-nav-home { display: block }
.app-down-wrap img { width: 150px }
}
@media (max-width:767px) {
.app-down-wrap img { width: 70px; margin-right: 5px }
}
.help-con dl { padding-bottom: 25px; border-bottom: solid 1px #eee; margin-bottom: 25px }
.help-con dt { margin-bottom: 10px; line-height: 26px; color: #2895df }
.help-con dd { line-height: 26px }