@charset "utf-8";html * {
    word-break: break-all
}

body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,input,textarea,th,td {
    margin: 0;
    padding: 0
}

body,button,input,select,textarea {
    font: 12px/1.5 arial,tahoma,\5b8b\4f53;
    color: #333
}

button,input,select,textarea {
    font-family: "Microsoft YaHei"
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%
}

em,i {
    font-style: normal
}

fieldset,img {
    border: 0
}

ul,ol {
    list-style: none
}

.sf-sortbox a {
    text-decoration: none;
    outline: 0
}

a:hover {
    color: #F70;
    text-decoration: underline
}

.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    font-size: 0
}

button,input,select,textarea {
    font-size: 100%;
    outline: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    min-width: 1250px
}

input {
    box-sizing: inherit
}

.clearfix:after,.sf-setdetails .sf-bgset li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix,.sf-setdetails .sf-bgset li {
    zoom:1}

.sf-headernav-list .sf-target,.sf-sidebar-main .sf-page-plus,.sf-sidebar-main .sf-ithas .sf-target,.sf-sidebar-main .sf-plus {
    background: url(images/icon_sprite.png) no-repeat 0 -9999em
}

.sf-header-bar {
    padding-right: 20px;
    height: 50px;
    background-color: #006cb7;
    font: 14px/1.5 'Microsoft YaHei'
}

.sf-logo {
    float: left;
    width: 180px;
    height: 50px;
    border-right: 1px solid #006cb7
}

.sf-header-nav {
    float: left
}

.sf-headernav-list {
    margin: 0 0 0 2px
}

.sf-headernav-list .sf-it {
    padding: 0 20px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    float: left;
    border-right: 1px solid #015fb6
}

.sf-headernav-list .sf-it-hover {
    position: relative;
    z-index: 2;
    background-color: #fff
}

.sf-headernav-list .sf-it-hover a {
    text-decoration: none;
    color: #666
}

.sf-headernav-list .sf-target {
    padding-right: 12px;
    background-position: right -46px;
    font-size: 14px;
    font-weight: 700;
    color: #b6ddf9
}

.sf-headernav-list .sf-it-hover .sf-target {
    background-position: right -442px
}

.sf-header-tool {
    float: right
}

.sf-header-tool a {
    float: left;
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    margin: 10px 0 0 10px;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -o-border-radius: 1px;
    background-color: #0178cb;
    font-size: 14px;
    color: #b6ddf9
}

.sf-header-tool a:hover {
    background-color: #017fd6;
    color: #fff;
    text-decoration: none
}

.sf-headersubnav-list {
    width: 100%;
    min-width: 105px;
    display: none;
    background-color: #fff;
    position: absolute;
    left: -1px;
    top: 50px;
    border: 1px solid #ebebeb;
    border-top: 0;
    box-shadow: 0 1px 1px #ebebeb
}

.sf-headersubnav-list li {
    height: 32px;
    line-height: 32px
}

.sf-headersubnav-list li a {
    padding: 0 20px;
    display: block;
    font-size: 14px;
    color: #666;
    border-top: 1px solid #ebebeb
}

.sf-headersubnav-list li a:hover {
    background-color: #f7f7f7;
    color: #333
}

.sf-headernav-list .sf-it-hover .sf-headersubnav-list {
    display: block
}

.sf-sidebar {
    position: relative;
    float: left;
    width: 180px;
    height: 100%;
    z-index: 10;
    font: 14px/1.5 'Microsoft YaHei'
}

.sf-sidebar-main {
    height: 100%;
    background-color: #333c4e;
    overflow: hidden
}

.sf-sidebar-handle,.sf-sidebar .sf-sidebar-handle-h {
    position: absolute;
    display: block;
    width: 10px;
    height: 62px;
    right: -8px;
    top: 0;
    background: url(images/sidebar-handle.png) no-repeat 50% 50%;
    overflow: hidden;
    cursor: pointer
}

.sf-sidebar .sf-sidebar-handle-h {
    background-image: url(images/sidebar-handle-h.png)
}

.sf-sidebar-main li {
    min-height: 40px;
    line-height: 40px
}

.sf-sidebar-main .sf-target,.sf-sidebar-main .sf-target:visited {
    padding-left: 32px;
    display: block;
    color: #CCC
}

.sf-sidebar-main .sf-target:hover {
    text-decoration: none
}

.sf-sidebar-main .sf-ithas .sf-target {
    background-position: 20px -125px
}

.sf-sidebar-main .sf-ithas-up .sf-target {
    background-position: 20px -79px
}

.sf-sidebar-main .sf-side-subnav {
    display: block
}

.sf-sidebar-main .sf-side-subnav a {
    white-space: nowrap;
    position: relative;
    height: 39px;
    line-height: 39px;
    overflow: hidden;
    border-left: 4px solid #333c4e;
    border-bottom: 1px solid #3d495f;
    padding-left: 28px;
    display: block;
    font-weight: 700;
    color: #a5aebf
}

.sf-sidebar-main .sf-side-subnav a:hover {
    text-decoration: none;
    background-color: #3e4960;
    border-left: 4px solid #3e4960
}

.sf-sidebar-main .sf-side-subnav a.sf-subtarget-cur {
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    background-color: #232a3a;
    border-left: 4px solid #006cb7;
    color: #fd9903;
    border-bottom: 0
}

.sf-sidebar-main .sf-side-subnav a i {
    position: absolute;
    display: none;
    right: 13px;
    top: 12px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    background: url(images/icon-navsetact.png) no-repeat -70px 4px
}

.sf-sidebar-main .sf-side-subnav a:hover i {
    display: block
}

.sf-sidebar-main li.sf-it,.sidebar-main li.sf-add-page,.sf-sidebar-main li.sf-new-page {
    *margin: -3px 0
}

.sf-sidebar-main li.sf-new-page {
    *margin-top: -5px
}

.sf-sidebar-main .sf-it .sf-target,.sidebar-main li.sf-add-page .sf-target {
    border-bottom: 1px solid #3d495f;
    font-weight: 700
}

.sf-sidebar-main .sf-title {
    height: 40px
}

.sf-sidebar-main .sf-title span {
    float: left;
    padding-left: 20px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: #3e4960;
    font-weight: 700;
    font-size: 14px;
    color: #a5aebf
}

.sf-sidebar-main .sf-plus {
    display: block;
    float: right;
    width: 40px;
    height: 40px;
    background-color: #465269;
    background-position: 13px 13px;
    overflow: hidden
}

.sf-sidebar-main .sf-plus:hover {
    background-color: #505d78;
    background-position: 13px -944px
}

.sf-sidebar-r {
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    left: 180px;
    background-color: #006cb7;
    border-right: 1px solid #005691
}

.sf-sidebar-main li.sf-new-page {
    background-color: #5a5a5a
}

.sf-sidebar-main li.sf-new-page a {
    font-family: SimSun;
    position: relative;
    padding-right: 10px;
    height: 30px;
    line-height: 30px;
    text-indent: 33px;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis;
    overflow: hidden
}

.sf-sidebar-main li.sf-new-page a,.sf-sidebar-main li.sf-new-page a.sf-cur,.sf-sidebar-main li.sf-new-page a.sf-cur:hover {
    background-color: #feaa47;
    color: #343432
}

,.sf-sidebar-main li.sf-new-page a.sf-cur:hover {
    background-color: #feaa47;
    color: #343432
}

.sf-sidebar-main li.sf-new-page a:hover {
    margin-left: 0;
    background-color: #333;
    color: #CCC
}

.sf-sidebar-main li.sf-new-page b {
    display: none;
    position: absolute;
    width: 11px;
    height: 11px;
    top: 10px;
    right: 10px;
    background: url(images/sprite.png) no-repeat -39px 0;
    overflow: hidden
}

.sf-sidebar-main li.sf-new-page b.on {
    background-position: -51px 0
}

.sf-main-container {
    float: left;
    position: relative;
    height: 100%;
    margin-right: 0;
    padding-top: 1px;
    background-color: #FFF;
    z-index: 1;
    overflow: hidden
}

.sf-main-content {
    margin-left: 182px;
    overflow: hidden;
    *position: relative;
    font: 14px/1.5 'Microsoft YaHei'
}

.sf-cnav-bar {
    height: 39px;
    line-height: 39px;
    padding-bottom: 2px;
    background: url(images/bg-cnav-bar-x.gif) repeat 0 0
}

.sf-cnav-bar .sf-tabholder {
    float: left;
    padding-left: 3px
}

.sf-cnav-bar .sf-defaultnav {
    float: left
}

.sf-cnav-bar .sf-tabholder li,.sf-cnav-bar .sf-defaultnav a {
    float: left;
    line-height: 34px;
    padding: 2px 0 3px;
    margin: 0 15px;
    font-size: 14px;
    color: #666;
    cursor: pointer
}

.sf-defaultnav a:hover {
    padding-bottom: 0;
    color: #0185e2;
    border-bottom: 3px solid #0185e2
}

.sf-cnav-bar .sf-tabholder li.sf-cur,.sf-cnav-bar .sf-defaultnav a.sf-cur,.sf-cnav-bar .sf-tabholder li.sf-it-hover,.sf-cnav-bar .sf-defaultnav a.sf-it-hover {
    color: #0085e2;
    padding-bottom: 0;
    border-bottom: 3px solid #0185e2
}

.sf-cnav-bar .sf-defaultnav a:hover {
    text-decoration: none
}

.sf-cnav-bar .sf-undelete,.sf-cnav-bar .sf-delete {
    float: left;
    margin: 10px 0 10px 15px;
    line-height: 19px;
    border-left: 1px dotted #999;
    padding-left: 30px;
    color: #bbb
}

.sf-cnav-bar .sf-delete {
    color: #333
}

.sf-tabbar-action {
    float: right
}

.sf-tabbar-action li {
    padding: 0;
    border-left: 1px solid #e0e0e0;
    float: left;
    height: 39px;
    line-height: 39px
}

.sf-tabbar-action li a {
    display: inline-block;
    padding: 0 20px 0 40px;
    background: url(images/icon_sprite.png) no-repeat 0 0;
    color: #666;
    font-weight: 700
}

.sf-tabbar-action li a:hover {
    background-color: #fff;
    text-decoration: none
}

.sf-tabbar-action li.sf-b a {
    background-position: 20px -173px
}

.sf-tabbar-action li.sf-p a {
    background-position: 20px -239px
}

.sf-tabbar-action li.sf-bp a {
    background-position: 20px -299px
}

.sf-tabpanel {
    display: none
}

.sf-tabcontent {
    padding-top: 10px;
    background-color: #f8f9fa;
    overflow: hidden
}

.sf-notice i {
    background: url(images/tipsBg.png) no-repeat 0 -999em
}

.sf-notice {
    display: inline-block;
    padding: 5px 10px;
    line-height: 18px;
    border: 1px solid #fc6;
    background-color: #fffff0;
    color: #333
}

.sf-notice-multi {
    padding: 6px 10px
}

.sf-notice-auto {
    display: block
}

.sf-notice i {
    float: left;
    margin: 1px 5px 0 0;
    width: 16px;
    height: 16px;
    background-position: -180px -140px
}

.sf-notice p {
    overflow: hidden
}

.sf-notice p em {
    font-weight: 700
}

.snPages {
    float: right;
    padding-bottom: 10px
}

.snPages a,.snPages a:visited,.snPages span,.snPages div {
    position: relative;
    display: inline;
    float: left;
    margin-right: 3px;
    color: #333;
    font-size: 12px
}

.snPages span {
    font-size: 12px
}

.snPages div {
    line-height: 24px;
    padding-left: 9px;
    overflow: hidden;
    margin-right: 0
}

.snPages a,.snPages a:visited {
    height: 24px;
    line-height: 24px;
    padding: 0 8px;
    text-align: center;
    background: #fff;
    border: 1px solid #d7d7d7
}

.snPages a.current {
    color: #f60;
    margin-right: 0
}

.snPages a.current:visited {
    _color: #f60
}

.snPages a.prev,.snPages a.next,.snPages a.prev,.snPages a.next:visited {
    display: inline-block;
    width: 68px;
    height: 24px;
    line-height: 24px;
    line-height: 28px\9;
    _line-height: 24px;
    padding: 0;
    overflow: hidden
}

.snPages a.prev,.snPages span.prev {
    text-indent: 6px
}

.snPages a.next,.snPages span.next {
    text-indent: -6px
}

.snPages span.prev,.snPages span.next {
    display: inline;
    float: left;
    width: 68px;
    height: 24px;
    line-height: 24px;
    line-height: 28px\9;
    _line-height: 24px;
    color: #b1b1b1;
    text-align: center;
    background: #fff;
    border: 1px solid #d7d7d7
}

.snPages b {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    margin-top: -2px;
    +margin-top: -3px;
    font-size: 0;
    border-width: 5px;
    border-style: solid;
    border-color: #fff #333 #fff #fff
}

.snPages a.prev b {
    left: 1px;
    top: 10px
}

.snPages a.next b {
    right: 1px;
    top: 10px;
    border-color: #fff #fff #fff #333
}

.snPages span.prev b {
    left: 1px;
    top: 10px;
    border-color: #fff #b1b1b1 #fff #fff
}

.snPages span.next b {
    right: 1px;
    top: 10px;
    border-color: #fff #fff #fff #b1b1b1
}

.snPages div input {
    width: 32px;
    height: 24px;
    line-height: 24px;
    margin: 0 3px;
    text-align: center;
    +vertical-align: middle;
    border: 1px solid #d7d7d7
}

.snPages div input.pagesubmit {
    cursor: pointer;
    width: 45px;
    height: 26px;
    line-height: 26px;
    _line-height: 20px;
    background: #fff
}

.snPages a:hover {
    color: #f60
}

.changePage .snPages li {
    float: left
}

.ng-toolbar,.g-header-wrapper {
    font: 12px/1.5 arial,tahoma,\5b8b\4f53;
    font-family: '微软雅黑'
}

.sf-setholder {
    padding-left: 18px;
    height: 29px;
    line-height: 29px;
    border-bottom: 1px solid #CCC
}

.sf-setholder li {
    margin-left: -1px;
    float: left;
    padding: 0 20px;
    color: #666;
    border: 1px solid #CCC;
    border-bottom: 0;
    background-color: #f5f5f5;
    height: 28px;
    cursor: pointer
}

.sf-setholder li.sf-cur {
    position: relative;
    height: 29px;
    background-color: #f8f9fa;
    color: #333
}

.sf-pageset .sf-setcont {
    padding: 25px 40px 25px 37px;
    background-color: #f8f9fa
}

.sf-pageset .sf-settabpanel {
    display: none
}

.sf-setdetails {
    padding-bottom: 30px
}

.sf-setdetails .sf-bgset {
    float: left;
    width: 315px
}

.sf-setdetails .sf-bgset li {
    margin-bottom: 10px
}

.sf-setdetails .sf-bgset li.sf-first {
    margin-bottom: 16px
}

.sf-setdetails .sf-bgset-other li.sf-first {
    margin-bottom: 25px
}

.sf-setdetails .sf-bgset .sf-fields {
    position: relative;
    float: left;
    width: 220px
}

.sf-setdetails .sf-bgset .sf-dt {
    float: left;
    padding-right: 4px;
    color: #666;
    font-weight: 700
}

.sf-setdetails .sf-bgset .sf-dt input {
    vertical-align: middle;
    margin-right: 3px
}

.sf-colorselect {
    position: relative;
    height: 30px;
    float: left;
    width: 30px;
    margin-right: 20px
}

.sf-hide {
    display: none
}

.sf-setdetails .sf-checkbox {
    float: left;
    margin-top: 7px;
    color: #666
}

.sf-setdetails .sf-checkbox input {
    margin-right: 3px;
    vertical-align: middle
}

.sf-picbrowse {
    float: left;
    width: 62px;
    height: 61px;
    background-color: #fff;
    border: 1px solid #CCC;
    padding: 3px
}

.sf-browse-action {
    float: left;
    width: 140px;
    margin-left: 10px
}

.sf-browse-action .sf-btnupload {
    position: relative;
    margin-bottom: 6px;
    display: block;
    width: 70px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #0185e2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #0085e2;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    font-size: 12px
}

.sf-browse-action .sf-btnupload:hover {
    background-color: #0185e2;
    text-decoration: none;
    color: #fff
}

.sf-browse-action .sf-btnupload .sf-iptfile {
    position: absolute;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 100%
}

.sf-browse-action p {
    font-size: 12px;
    color: #999;
    line-height: 16px
}

.sf-browse-action p.uploadErr {
    color: #333;
    margin: 5px 0 0
}

.sf-browse-action p.uploadErr i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/tipsBg.png) no-repeat -182px -70px;
    margin: 0 5px 0 0;
    vertical-align: middle
}

.sf-setdetails .sf-bgset-other {
    width: 435px;
    margin-left: 60px
}

.sf-bgset-other .sf-radio {
    float: left;
    margin-right: 16px
}

.sf-bgset-other .sf-radio input {
    margin-right: 4px;
    vertical-align: middle
}

.sf-radio input {
    border: 0
}

.sf-bgset-other .sf-repeat {
    display: block;
    float: left;
    width: 68px;
    height: 18px;
    line-height: 18px;
    margin-right: 5px;
    text-align: center;
    color: #666;
    font-size: 12px;
    border: 1px solid #ccc;
    cursor: pointer
}

.sf-bgset-other .sf-repeat-cur,.sf-bgset-other .sf-repeat-hover {
    border: 1px solid #fd9903;
    color: #fd9903
}

.sf-setdetails .sf-bgset-other .sf-fields {
    width: 300px
}

.sf-sbtn {
    float: left;
    display: block;
    height: 30px;
    width: 80px;
    line-height: 30px;
    margin-right: 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    text-align: center;
    border-radius: 2px
}

.sf-sbtn:hover {
    text-decoration: none
}

.sf-btnB {
    background-color: #0185e2;
    color: #fff
}

.sf-btnB:hover {
    background-color: #028ef0;
    color: #fff
}

.sf-btnG {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #666
}

.sf-btnG:hover {
    border: 1px solid #bbb;
    color: #333
}

.sf-pagebgset {
    padding-top: 46px
}

.sf-shrink {
    height: 27px;
    background: url(images/bg_shrink_x.png) repeat-x 0 0 #fff;
    overflow: hidden;
    padding: 0 0 10px
}

.sf-shrink span {
    margin: 2px auto 0;
    display: block;
    width: 86px;
    height: 25px;
    line-height: 21px;
    background: url(images/btn_shrink.png) no-repeat 0 0;
    text-align: center;
    color: #666;
    cursor: pointer
}

.sf-shrink span a {
    display: block;
    padding-right: 12px;
    background: url(images/icon_sprite.png) no-repeat 50px -561px;
    color: #666
}

.sf-shrink span a:hover {
    color: #006cb7;
    text-decoration: none;
    background-position: 50px -631px
}

.sf-shringdown span a {
    background-position: 50px -597px
}

.sf-shringdown span a:hover {
    background-position: 50px -669px
}

.sf-matchcolor {
    padding: 20px 0 0 30px;
    margin-bottom: 30px
}

.sf-matchcolor li {
    float: left;
    width: 100px;
    padding-top: 1px;
    margin-right: 30px;
    overflow: hidden
}

.sf-matchcolor li p {
    margin-top: 7px;
    line-height: 20px;
    color;#666;text-align: center
}

.sf-matchcolor li div {
    position: relative;
    margin: 0 auto;
    width: 70px;
    height: 69px;
    overflow: hidden;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #eee;
    cursor: pointer
}

.sf-matchcolor .sf-ic i {
    display: none;
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 15px;
    height: 15px;
    background: url(images/icon_sprite.png) no-repeat 0 -483px
}

.sf-matchcolor .sf-ic-hover div {
    margin-top: -1px;
    border: 2px solid #fd9903
}

.sf-matchcolor .sf-ic-selected div {
    margin-top: -1px;
    border: 2px solid #fd9903
}

.sf-matchcolor .sf-ic-selected i {
    display: block;
    background-color: #fd9903
}

.sf-matchcolor li.sf-ic-hover p,.sf-matchcolor li.sf-ic-selected p {
    margin-top: 6px
}

.sf-btn-apply {
    padding: 0 0 20px 38px
}

.sf-tab-nodefault {
    display: none;
    padding: 15px 40px;
    line-height: 20px;
    background: url(images/icon_sprite.png) no-repeat 20px -501px #f8f9fa;
    color: #666
}

.sf-sortips,.sf-sortbox {
    width: 750px;
    margin: 0 auto
}

.sf-autoWidth {
    width: auto
}

.sf-autoWidth .sf-layoutList {
    width: 990px;
    margin: 0 auto
}

.sf-full h1,.sf-noDrag h1 {
    color: #666;
    margin: 10px
}

.sf-full h1 {
    width: 730px;
    margin: 10px auto
}

.sf-sortips {
    color: #666;
    border: 1px solid #ffcd6a;
    background: #fffff0;
    height: 28px;
    line-height: 28px;
    margin: 20px auto
}

.sf-sortips i {
    background: url("images/tipsBg.png") no-repeat -181px -140px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 5px
}

.ui-sortable-helper {
    opacity: .7
}

.sf-module190 {
    float: left;
    width: 150px;
    margin: 0 5px 0 0
}

.sf-module580 {
    float: left;
    width: 418px;
    margin: 0 5px 0 0
}

.sf-module780 {
    float: left;
    width: 572px;
    margin: 0 5px 0 0
}

.sf-moduleLast {
    margin: 0
}

.sf-layoutList {
    border: 1px solid #e0e0e0;
    padding: 10px 10px 0;
    margin: 0 0 10px;
    cursor: move;
    zoom:1;font: 14px/1.5 'Microsoft YaHei';
    color: #333
}

.sf-layoutList:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.sf-controlBtns {
    position: relative;
    *zoom:1}

.sf-controlBtns a {
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background: url("images/sortBtns.gif") #eee no-repeat;
    right: -33px
}

.sf-controlBtns a.sf-moveLayoutBtn {
    top: -11px;
    background-position: 3px 4px
}

.sf-controlBtns a.sf-editLayoutBtn {
    top: 12px;
    background-position: 3px -21px
}

.sf-controlBtns a.sf-deleteLayoutBtn {
    top: 36px;
    background-position: 3px -46px
}

.sf-noBtns {
    display: none
}

.sf-moduleList {
    position: relative;
    border: 1px solid #b2d1ee;
    background: #d0e5fe;
    color: #666;
    padding: 8px 6px 8px 10px;
    cursor: move
}

.sf-moduleList {
    *min-height: 12px
}

.JS-head .sf-moduleList {
    overflow: inherit;
    margin-bottom: 0
}

.sf-moduleList>i,.sf-addLayout i {
    float: right;
    display: block;
    background: url("images/icon_sprite.png") no-repeat 4px -813px;
    width: 20px;
    height: 19px;
    margin: 0 0 0 2px;
    cursor: pointer;
    border: 1px solid #d0e5fe
}

.sf-moduleList-hover>i {
    display: inline-block
}

.sf-moduleList>i:hover {
    border: 1px solid #8cbddf;
    background-position: 4px -857px;
    background-color: #daebf9
}

.sf-moduleList>i.d {
    background-position: 4px -709px
}

.sf-moduleList>i.d:hover {
    background-position: 4px -908px
}

.sf-placeHolder-sf-sortbox {
    border: 1px dashed #fd9903;
    background: #fff2df;
    height: 38px;
    margin: 0 0 10px
}

.sf-placeHolder-sf-module190,.sf-placeHolder-sf-module580,.sf-placeHolder-sf-module780,.sf-placeHolder-sf-module990 {
    border: 1px dashed #fd9903;
    background: #fff2df;
    height: 37px;
    margin: 0 0 10px
}

.sf-addModule {
    border: 1px solid #ddd;
    background: #eee;
    cursor: default
}

.sf-addLayout {
    border: 1px dashed #fd9903;
    background: #fef2e0;
    text-align: center
}

.sf-addModule>i.a {
    border: 1px solid #eee
}

.sf-addModule>i.a:hover {
    border: 1px solid #ddd;
    background-color: #f8f8f8
}

.sf-addLayout i,.sf-addLayout i:hover {
    float: none;
    display: inline-block!important;
    border: 0;
    background-color: transparent;
    vertical-align: -5px;
    *vertical-align: 0
}

.sf-addLayout a {
    color: #666
}

.sf-addLayout:hover {
    background-color: #ffeccf;
    color: #333;
    cursor: pointer
}

.sf-addLayout:hover a,.sf-addLayout a:hover {
    color: #333;
    text-decoration: none
}

.sf-addLayout:hover i {
    background-position: 4px -857px
}

.sf-btns {
    margin-right: 10px;
    display: inline-block;
    padding: 0 11px;
    border: 1px solid #0185e2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    text-align: center
}

.sf-btns:hover {
    text-decoration: none
}

.sf-btnS25 {
    height: 25px;
    line-height: 25px;
    color: #0185e2
}

.sf-btnS25:hover {
    background-color: #0185e2;
    color: #fff
}

.sf-btnS30B {
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    background-color: #0185e2;
    color: #fff
}

.sf-btnS30B:hover {
    background-color: #028ef0;
    color: #fff
}

.sf-btnS30Y {
    padding: 0;
    min-width: 90px;
    *min-width: 60px;
    height: 30px;
    line-height: 30px;
    background-color: #fd9903;
    border: 1px solid #fd9903;
    color: #fff
}

.sf-btnS30Y:hover {
    border: 1px solid #ffa51d;
    background-color: #ffa51d;
    color: #fff
}

.sf-btnS30W {
    padding: 0;
    min-width: 90px;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #666
}

.sf-btnS30W:hover {
    border: 1px solid #bbb;
    color: #333
}

.sf-btnS30G {
    padding: 0;
    min-width: 90px;
    *min-width: 60px;
    height: 30px;
    line-height: 30px;
    background-color: #eee;
    border: 1px solid #cfcfcf;
    color: #666
}

.sf-btnS30G:hover {
    background-color: #f4f4f4;
    color: #333
}

.sf-btns30D,.sf-btns30D:hover {
    padding: 0;
    min-width: 90px;
    height: 30px;
    line-height: 30px;
    background-color: #eee;
    border: 1px solid #cfcfcf;
    color: #999
}

.sf-w90 {
    width: 60px
}

.sf-sTip,.sf-sTip-empty {
    float: left;
    height: 16px;
    overflow: hidden;
    line-height: 16px;
    color: #666!important;
    font-size: 12px
}

.sf-sTip em,.sf-sTip-empty em {
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    background: url(images/tipsBg.png) no-repeat;
    overflow: hidden
}

.sf-sTip span,.sf-sTip-empty span {
    float: left;
    padding-left: 5px;
    line-height: 16px;
    color: #666
}

.sf-sTip-false {
    color: #f00
}

.sf-sTip-false em {
    background-position: -182px -70px
}

.sf-sTip-ok em {
    background-position: -182px 0
}

.sf-sTip-warn em {
    background-position: -182px -140px
}

.sf-mt5 {
    margin-top: 5px
}

.sf-ml5 {
    margin-left: 5px
}

.sf-page {
    padding: 30px 0;
    background-color: #fff;
    overflow: auto
}

.sf-w990 {
    width: 990px;
    margin: 0 auto
}

.J_SMod {
    position: relative
}

.sf-fullcolumn {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
    text-align: center;
    background-color: #f9f9f9
}

.sf-h300 {
    height: 300px
}

.sf-fitment-area {
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-x: hidden
}

.sf-wdbar {
    display: none;
    width: 100%;
    height: 100%;
    border: 1px dashed #92b9e3;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9
}

.sf-barbd {
    position: absolute;
    background-color: #5fb2ff;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=15);
    opacity: .15
}

.sf-baracts {
    visibility: visible;
    position: absolute;
    right: 5px;
    top: 4px;
    cursor: default;
    z-index: 100;
    text-align: right
}

.sf-baracts a {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    font-size: 0;
    margin-left: 5px;
    background: url(images/icon_baracts.png)
}

.sf-baracts a.sf-bar-ifshow {
    width: 34px;
    background-position: -111px 0
}

.sf-baracts a.sf-bar-ifshow:hover {
    width: 34px;
    background-position: -111px -70px
}

.sf-baracts a.sf-bar-ifshowno {
    background-position: -111px 0
}

.sf-baracts a.sf-bar-ifshowno:hover {
    background-position: -111px -70px
}

.sf-baracts a.sf-bar-del {
    background-position: -75px 0
}

.sf-baracts a.sf-bar-down {
    background-position: -25px 0
}

.sf-baracts a.sf-bar-up {
    background-position: -0px 0
}

.sf-baracts a.sf-bar-del:hover {
    background-position: -75px -70px
}

.sf-baracts a.sf-bar-down:hover {
    background-position: -25px -70px
}

.sf-baracts a.sf-bar-down-disabled,.sf-baracts a.sf-bar-down-disabled:hover {
    background-position: -25px -186px;
    cursor: default
}

.sf-baracts a.sf-bar-up:hover {
    background-position: -0px -70px
}

.sf-baracts a.sf-bar-up-disabled,.sf-baracts a.sf-bar-up-disabled:hover {
    background-position: -0px -186px;
    cursor: default
}

.sf-baracts a.sf-bar-edit {
    background-position: -50px 0
}

.sf-baracts a.sf-bar-edit:hover {
    background-position: -50px -70px
}

.sf-baracts a.sf-bar-down-last,.sf-baracts a.sf-bar-down-last:hover {
    background-position: 0 -60px
}

.sf-baracts a.sf-bar-up-first,.sf-wdbaracts a.sf-bar-up-first:hover {
    background-position: -21px -60px
}

.sf-wdbar a.sf-modadd {
    position: absolute;
    display: inline-block;
    width: 52px;
    padding-left: 22px;
    height: 20px;
    line-height: 20px;
    bottom: 5px;
    right: 5px;
    background: url(images/icon_baracts.png) no-repeat -127px -134px #7b7b7b;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    z-index: 2
}

.sf-wdbar a.sf-modadd:hover {
    background-color: #444;
    text-decoration: none
}

.sf-layoutbaracts {
    display: none
}

.sf-layoutbaracts a.sf-bar-ifshow {
    width: 38px;
    margin: 5px 0 0;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: 0;
    border: 1px solid #d0e5fe;
    font-size: 14px;
    font-weight: 700;
    color: #666
}

.sf-layoutbaracts a.sf-bar-ifshow:hover {
    width: 38px;
    background-color: #daebf9;
    border: 1px solid #b1d1ee;
    text-decoration: none;
    color: #333
}

.sf-nav {
    position: relative;
    background: #fff
}

.sf-nav p img,.sf-navcustomCont p img {
    vertical-align: top
}

.sf-nav i,.sf-nav em,.sf-custom i,.sf-custom em,.sf-navbar i {
    font-style: italic
}

.sf-nav strong,sf-custom strong,.sf-navbar strong {
    font-weight: 700
}

.sf-nav h1,.sf-nav h2,.sf-nav h3,.sf-nav h4,.sf-nav h5,.sf-nav h6,.sf-custom h1,.sf-custom h2,.sf-custom h3,.sf-custom h4,.sf-custom h5,.sf-custom h6,.sf-navbar h1,.sf-navbar h2,.sf-navbar h3,.sf-navbar h4,.sf-navbar h5,.sf-navbar h6 {
    font-weight: 700
}

.sf-nav h1,.sf-custom h1,.sf-navbar h1 {
    font-size: 2em
}

.sf-nav h2,.sf-custom h2,.sf-navbar h2 {
    font-size: 1.5em
}

.sf-nav h3,.sf-custom h3,.sf-navbar h3 {
    font-size: 1.17em
}

.sf-nav li,.sf-custom li,.sf-navbar li {
    list-style-type: inherit
}

.sf-nav ol,.sf-nav ul,.sf-nav li,.sf-custom ol,.sf-custom ul,.sf-custom li,.sf-navbar ol,.sf-navbar ul,.sf-navbar li {
    list-style-position: inside
}

.sf-nav i,.sf-nav cite,.sf-nav em,.sf-nav var,.sf-nav address,.sf-nav dfn,.sf-custom i,.sf-custom cite,.sf-custom em,.sf-custom var,.sf-custom address,.sf-custom dfn,.sf-navbar i,.sf-navbar cite,.sf-navbar em,.sf-navbar var,.sf-navbar address,.sf-navbar dfn {
    font-style: italic
}

.sf-nav pre,.sf-nav xmp,.sf-nav plaintext,.sf-nav listing,.sf-custom pre,.sf-custom xmp,.sf-custom plaintext,.sf-custom listing,.sf-navbar pre,.sf-navbar xmp,.sf-navbar plaintext,.sf-navbar listing {
    font-family: monospace;
    white-space: pre;
    margin: 1em 0;
    display: block
}

.sf-navbar {
    height: 30px;
    line-height: 30px
}

.sf-new-navbar.sf-navbar {
    height: 40px;
    line-height: 40px
}

.sf-allcate {
    float: left;
    width: 145px
}

.sf-allcate dt {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-family: "Microsoft YaHei"
}

.sf-new-navbar .sf-allcate dt {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-family: "Microsoft YaHei"
}

.sf-allcate dt span {
    padding-right: 20px;
    background: url(images/icon_baracts.png) no-repeat 100px -93px;
    _background: url(images/icon_baracts_ie6.png) no-repeat 92px -95px
}

.sf-allcate dd {
    position: relative;
    z-index: 2;
    display: none
}

.sf-allcate dd ul {
    position: absolute;
    width: 146px
}

.sf-allcate dd ul li {
    _height: auto!important;
    _height: 30px;
    _margin-left: -15px
}

.sf-allcate dd ul a {
    display: block;
    _width: 135px;
    padding: 0 20px;
    *text-indent: -15px;
    _text-indent: 0;
    text-align: left;
    text-decoration: none;
    font-size: 12px;
    word-break: break-all
}

.sf-allcate dd ul a:hover {
    _text-decoration: none;
    _color: #fff
}

.sf-allcate dd ul a.sf-more {
    background-image: url("images/icon_baracts.png");
    _background-image: url("images/icon_baracts_ie6.png");
    background-repeat: no-repeat;
    background-position: 130px -110px
}

.sf-allcate li.sf-moreList {
    position: absolute;
    width: 180px;
    height: 200px;
    left: 146px;
    _left: 190px;
    top: 0;
    display: none
}

.sf-navlist {
    float: left;
    width: 835px;
    height: 30px;
    overflow: hidden
}

.sf-new-navbar .sf-navlist {
    float: left;
    width: 835px;
    height: 40px;
    overflow: hidden
}

.sf-navlist li {
    position: relative;
    float: left;
    padding: 0 20px;
    color: #fff;
    display: inline-block
}

.sf-navlist li a {
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
    font-size: 14px;
    font-family: "Microsoft YaHei"
}

.sf-new-navbar .sf-navlist li a {
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
    font-size: 16px;
    font-family: "Microsoft YaHei"
}

.J_AddMod {
    margin-top: 10px;
    text-align: center
}

.J_AddMod a {
    display: block;
    height: 48px;
    line-height: 48px;
    background-color: #fef2e0;
    border: 1px dashed #fd9903;
    color: #333
}

.J_AddMod a:hover {
    display: block;
    background-color: #ffeccf;
    border: 1px dashed #ffae35;
    text-decoration: none
}

.J_AddMod i {
    vertical-align: -3px;
    font-size: 26px;
    line-height: 42px;
    font-weight: 700;
    color: #777
}

.J_AddMod span {
    display: inline-block
}

.sf-mb10 {
    margin-bottom: 10px
}

.sf-pagelayout {
    background-color: #fff
}

.sf-pagelayout-wrap {
    padding: 30px 0;
    position: relative
}

.sf-noPadding {
    padding: 0;
    border: 0;
    background: 0
}

.sf-moduleList .sf-editTips {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    z-index: 11;
    text-align: center;
    font-family: "microsoft yahei"
}

.sf-autoWidth .sf-layoutList {
    position: relative;
    margin: 0 auto;
    border: 0;
    padding: 0
}

.sf-autoWidth .sf-full {
    width: auto
}

.sf-autoWidth .sf-module190 {
    width: 190px;
    margin-right: 10px
}

.sf-autoWidth .sf-module580 {
    width: 590px;
    margin-right: 10px
}

.sf-autoWidth .sf-module780 {
    width: 790px;
    margin-right: 10px
}

.sf-autoWidth .sf-moduleLast {
    margin-right: 0
}

.sf-autoWidth .sf-placeHolder-sf-module190,.sf-autoWidth .sf-placeHolder-sf-module580,.sf-autoWidth .sf-placeHolder-sf-module780,.sf-autoWidth .sf-placeHolder-sf-module990 {
    height: 37px
}

.sf-autoWidth .sf-placeHolder-sf-sortbox {
    height: 37px
}

.sf-pages {
    height: 26px;
    color: #666;
    overflow: hidden
}

.sf-pages .sf-pages {
    height: 26px;
    overflow: hidden
}

.sf-pages a {
    float: left;
    margin-right: 5px;
    padding: 0 9px;
    background: #FFF;
    border: 1px solid #CCC;
    line-height: 24px;
    color: #666
}

.sf-pages a:hover {
    color: #F70;
    text-decoration: none
}

.sf-pages span {
    float: left;
    margin-right: 5px;
    line-height: 24px;
    font-weight: 700
}

.sf-pages span.sf-prev,.sf-pages span.sf-next {
    height: 24px;
    line-height: 24px;
    background: #FFF;
    border: 1px solid #DDD;
    font-weight: 400;
    padding: 0 8px 0 4px
}

.sf-pages a.sf-prev,.sf-pages a.sf-next {
    height: 24px;
    line-height: 24px;
    background: #FFF;
    border: 1px solid #CCC;
    overflow: hidden;
    padding: 0 8px 0 4px
}

.sf-pages a.sf-next {
    padding: 0 4px 0 8px
}

.sf-pages span.sf-prev em,.sf-pages span.sf-next em,.sf-pages a.sf-prev em,.sf-pages a.sf-next em {
    float: left;
    display: inline;
    margin-top: 6px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border: 5px solid
}

.sf-pages span.sf-prev i,.sf-pages span.sf-next i {
    float: left;
    color: #999
}

.sf-pages a.sf-prev i,.sf-pages a.sf-next i {
    float: left;
    color: #333;
    font-weight: 400;
    *line-height: 24px;
    cursor: pointer
}

.sf-pages a.sf-prev:hover i,.sf-pages a.sf-next:hover i {
    color: #F70
}

.sf-pages span.sf-prev {
    padding: 0 8px 0 2px
}

.sf-pages span.sf-next {
    padding: 0 2px 0 8px
}

.sf-pages span.sf-prev em {
    margin-right: 6px;
    border-color: #FFF #CCC #FFF #FFF
}

.sf-pages a.sf-prev em {
    margin-right: 6px;
    border-color: #FFF #999 #FFF #FFF
}

.sf-pages span.sf-next em {
    margin-left: 6px;
    border-color: #FFF #FFF #FFF #CCC
}

.sf-pages a.sf-next em {
    margin-left: 6px;
    border-color: #FFF #FFF #FFF #999
}

.sf-pages b {
    float: left;
    margin-right: 6px;
    padding: 0 9px;
    line-height: 24px;
    border: 1px solid #CCC;
    color: #f70;
    background: #fff
}

.sf-pages .sf-page-inp {
    float: left;
    display: inline;
    margin-left: 10px
}

.sf-pages .sf-page-inp span {
    margin-right: 8px;
    color: #333;
    font-weight: 400
}

.sf-pages .sf-page-inp .sf-inp {
    float: left;
    margin-right: 8px;
    padding: 2px;
    width: 26px;
    height: 18px;
    background: #FFF;
    border: 1px solid #CCC;
    font-weight: 700;
    color: #666;
    text-align: center
}

.sf-pages .sf-page-inp .sf-submit {
    float: left;
    width: 46px;
    height: 24px;
    background: #FFF;
    border: 1px solid #CCC;
    line-height: 24px;
    *line-height: 22px;
    color: #333;
    text-align: center;
    cursor: pointer
}

.sf-pages .sf-page-inp .sf-submit:hover {
    color: #F70;
    text-decoration: none
}

.sf-pagesAlign {
    padding: 30px 0;
    float: right;
    font-size: 12px
}

.sf-formTable li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.sf-formTable li {
    zoom:1}

.sf-navEdit h2.sf-title {
    margin-bottom: 10px;
    font-size: 14px;
    color: #666
}

.sf-showlist {
    width: 100%
}

.sf-showlist td {
    padding: 7px 10px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    color: #666
}

.sf-showlist tr.sf-tr-hover td {
    background-color: #eff7ff
}

.sf-showlist tr.sf-editadd td {
    background-color: #f8f8f8
}

.sf-showlist td.sf-act a {
    float: right;
    margin: 2px 4px 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/icon-navsetact.png) no-repeat 0 -30px
}

.sf-showlist td a.sf-edit {
    background-position: 0 -30px;
    visibility: hidden;
    *visibility: visible
}

.sf-showlist tr.sf-tr-hover td a.sf-edit {
    visibility: visible
}

.sf-showlist td.sf-act a.sf-bar-up,.sf-carouselAdd td.sf-act a.sf-bar-up {
    background-position: -23px 0
}

.sf-showlist td.sf-act a.sf-bar-down,.sf-carouselAdd td.sf-act a.sf-bar-down,.sf-showlist tr.sf-tr-hover td.sf-act a.sf-bar-down-disabled {
    background-position: -48px 0
}

.sf-showlist td.sf-act a.sf-del,.sf-carouselAdd td.sf-act a.sf-del {
    background-position: -72px 1px
}

.sf-showlist tr.sf-tr-hover td.sf-act a.sf-bar-up,.sf-carouselAdd tr.sf-hover td.sf-act a.sf-bar-up {
    background-position: -23px -30px
}

.sf-showlist tr.sf-tr-hover td.sf-act a.sf-bar-down,.sf-carouselAdd tr.sf-hover td.sf-act a.sf-bar-down {
    background-position: -48px -30px
}

.sf-showlist tr.sf-tr-hover td.sf-act a.sf-del,.sf-carouselAdd tr.sf-hover td.sf-act a.sf-del {
    background-position: -72px -29px
}

.sf-showlist tr.sf-hover td.sf-act a.sf-del-disabled,.sf-carouselAdd tr.sf-hover td.sf-act a.sf-del-disabled {
    background-position: -72px 1px
}

.sf-showlist tr td.sf-act a.sf-bar-up-disabled,.sf-showlist tr.sf-tr-hover td.sf-act a.sf-bar-up-disabled,.sf-showlist tr td.sf-act a.sf-bar-down-disabled,.sf-showlist tr.sf-tr-hover td.sf-act a.sf-bar-down-disabled,.sf-carouselAdd td.sf-act a.sf-bar-up-disabled,.sf-carouselAdd tr.sf-hover td.sf-act a.sf-bar-up-disabled,.sf-carouselAdd td.sf-act a.sf-bar-down-disabled,.sf-carouselAdd tr.sf-hover td.sf-act a.sf-bar-down-disabled {
    background-position: -23px 0;
    cursor: default
}

.sf-showlist tr td.sf-act a.sf-bar-down-disabled,.sf-showlist tr.sf-hover td.sf-act a.sf-bar-down-disabled,.sf-carouselAdd td.sf-act a.sf-bar-down-disabled,.sf-carouselAdd tr.sf-hover td.sf-act a.sf-bar-down-disabled {
    background-position: -48px 0;
    cursor: default
}

.sf-showlist td.sf-item {
    color: #666
}

.sf-showlist tr.sf-tr-hover td.sf-act a.sf-bar-down-disabled {
    background-position: -48px 0
}

.sf-showlist .sf-tdedit {
    padding: 20px 20px 20px 15px;
    background-color: #f8f8f8;
    border-top: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0
}

.sf-showlist .sf-hover td.sf-tdedit {
    background-color: #f8f8f8
}

.sf-showlist .sf-tdedit input {
    padding: 2px 4px;
    font-size: 12px;
    border: 1px solid #cfcfcf
}

.sf-showlist .sf-tdedit .sf-item {
    position: relative;
    margin-bottom: 15px
}

.sf-showlist .sf-tdedit .sf-item .sf-default {
    position: absolute;
    left: 4px;
    top: 3px;
    font-size: 12px;
    color: #999
}

.sf-showlist .sf-otherit li {
    float: left;
    margin-right: 40px
}

.sf-showlist .sf-otherit li span {
    float: left
}

.sf-showlist .sf-otherit li span.sf-dt {
    margin-right: 4px;
    line-height: 26px;
    font-size: 12px;
    font-weight: 700;
    color: #666
}

.sf-showlist .sf-otherit li select {
    width: 130px;
    height: 24px;
    border: 1px solid #cfcfcf;
    font-size: 12px;
    color: #333
}

.sf-showlist .sf-otherit li.sf-act {
    width: 185px;
    margin-right: 0
}

.sf-showlist .sf-otherit li.sf-act a {
    float: right;
    margin-left: 11px;
    width: 20px;
    height: 20px;
    text-indent: 40px;
    background: url(images/icon-navsetact.png) no-repeat 0 -65px
}

.sf-showlist .sf-otherit li.sf-act a.sf-cancel {
    background-position: -27px -65px
}

.sf-navEdit .sf-newadd {
    margin-top: 15px
}

.sf-navEdit .sf-newadd .sf-btnadd,.JS-sf-carouselAdd .sf-newadd .sf-btnadd {
    margin-bottom: 5px;
    margin-right: 10px;
    display: inline-block;
    padding: 0 10px;
    border: 1px solid #0185e2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #0185e2
}

.sf-navEdit .sf-newadd .sf-btnadd:hover,.JS-sf-carouselAdd .sf-newadd .sf-btnadd:hover {
    color: #fff;
    background-color: #0185e2;
    text-decoration: none
}

.sf-navEdit .sf-newadd p,.JS-sf-carouselAdd .sf-newadd p {
    display: inline-block;
    font-size: 12px;
    color: #999
}

.sf-tdedit .nav-tip {
    padding-left: 20px
}

.sf-tabcontent {
    background: #fff!important
}

.sf-formTable .sf-tabcontent {
    background-color: #fff;
    padding-top: 0
}

.sf-formTable li {
    margin-bottom: 10px;
    color: #666;
    position: relative
}

.picspacetab .sf-formTable li {
    position: static
}

.sf-formTable .sf-dt {
    float: left;
    width: 85px;
    text-align: right;
    font-weight: 700;
    color: #666
}

.sf-formTable .sf-dt b {
    font-weight: 700;
    color: #f00
}

.sf-formTable .sf-dd {
    float: left;
    width: 670px
}

.sf-formTable .sf-dd .sf-txt {
    height: 18px;
    line-height: 18px;
    padding: 3px 4px;
    border: 1px solid #cfcfcf
}

.sf-formTable input,.sf-formTable select,.sf-formTable textarea {
    font-size: 12px;
    border: 1px solid #cfcfcf
}

.sf-formTable .sf-dd .sf-radio {
    margin-right: 20px
}

.sf-formTable .sf-dd .sf-radio input {
    vertical-align: middle;
    margin-right: 5px;
    -webkit-appearance: normal
}

.sf-formTable .sf-radio input,.sf-formTable .sf-numStatic input,.sf-formTable .sf-if input {
    border: 0
}

.sf-formTable .sf-file {
    position: relative;
    margin-bottom: 8px;
    margin-right: 10px;
    float: left;
    width: 90px;
    height: 24px;
    overflow: hidden;
    line-height: 24px;
    text-align: center;
    color: #0185e2;
    border: 1px solid #0185e2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    cursor: pointer
}

.sf-formTable .sf-file:hover {
    color: #fff;
    background-color: #0185e2;
    text-decoration: none
}

.sf-formTable .sf-file input {
    position: absolute;
    width: 90px;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity==0);
    font-size: 100%;
    cursor: pointer
}

.sf-formTable .sf-tips {
    float: left;
    line-height: 24px;
    color: #999;
    font-size: 12px
}

.sf-formTable .sf-picbrowse {
    margin-top: 6px;
    float: none;
    padding: 0;
    width: 658px;
    height: 70px;
    border: 1px solid #cfcfcf;
    overflow: hidden
}

.sf-formTable .sf-hset {
    float: left;
    color: #555;
    margin-right: 10px;
    font-size: 12px
}

.sf-formTable .sf-hset .sf-num {
    margin-right: 10px;
    width: 54px
}

.sf-formTable .sf-textarea {
    padding: 3px 5px;
    width: 648px;
    height: 98px;
    border: 1px solid #cfcfcf
}

.JS-defined {
    display: none
}

.JS-byHand {
    display: none
}

.sf-hotrankTable li {
    margin-bottom: 20px
}

.sf-hotrankTable li.sf-handli .sf-dt {
    width: 70px
}

.sf-hotrankTable .sf-dt {
    width: 70px;
    *width: 80px
}

.sf-hotrankTable .sf-dd {
    width: 570px
}

.sf-hotrankTable .sf-dd .sf-select,.sf-goodmodTable .sf-dd .sf-select,.sf-picCarousel .sf-slideStyle {
    height: 25px;
    width: 130px;
    font-size: 12px
}

.sf-hotrankTable .sf-if {
    margin-top: 10px;
    font-size: 12px;
    color: #999
}

.sf-hotrankTable .sf-if input {
    vertical-align: middle;
    margin-right: 6px
}

.sf-searchbar {
    height: ;
    margin-bottom: 10px
}

.sf-searchbar select {
    float: left;
    margin-right: 10px;
    width: 155px;
    height: 27px;
    line-height: 27px;
    padding: 0 4px;
    border: 1px solid #cfcfcf;
    color: #999
}

.sf-searchbar .sf-namewrap {
    margin-right: 10px;
    float: left;
    width: 148px;
    height: 25px;
    padding: 0 4px;
    border: 1px solid #cfcfcf
}

.sf-searchbar .sf-namewrap input {
    border: 0;
    width: 148px;
    height: 17px;
    line-height: 17px;
    overflow: hidden;
    font-size: 12px;
    font-family: "Microsoft YaHei";
    padding: 4px 0 3px
}

.sf-searchbar .sf-pricewrap {
    float: left;
    margin-right: 10px;
    width: 75px;
    height: 25px;
    border: 1px solid #cfcfcf;
    line-height: 25px;
    padding-left: 4px;
    color: #999
}

.sf-searchbar .sf-pricewrap span {
    float: left;
    line-height: 25px
}

.sf-searchbar .sf-pricewrap input {
    float: left;
    width: 63px;
    height: 19px;
    line-height: 19px;
    padding: 3px 0 3px 3px;
    border: 0
}

.sf-searchbar .sf-line {
    float: left;
    margin: 0 10px 0 0;
    line-height: 14px
}

.sf-searchbar .sf-btnsearch {
    float: left;
    width: 70px;
    height: 26px;
    line-height: 26px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #cfcfcf;
    background-color: #EEE;
    text-align: center;
    color: #666;
    font-size: 12px;
    cursor: pointer
}

.sf-searchbar .sf-btnsearch:hover {
    background-color: #e6e6e6;
    text-decoration: none
}

.sf-qty input {
    width: 32px;
    height: 19px;
    line-height: 19px;
    padding: 2px 3px;
    border: 1px solid #cfcfcf;
    color: #333
}

.sf-floorEdit .sf-handAct-list .sf-hd,.sf-handAct .sf-handAct-list .sf-hd {
    height: 29px;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC
}

.sf-handAct-list .sf-hd li {
    margin-bottom: 0
}

.sf-handAct-list .sf-hd li font {
    font-size: 12px
}

.sf-handAct-list .sf-hd li {
    float: left;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;
    border-bottom: 0;
    border-left: none;
    background-color: #eee;
    color: #666;
    cursor: pointer
}

.sf-handAct-list .sf-hd li.sf-cur {
    position: relative;
    height: 28px;
    margin-top: -1px;
    padding-bottom: 1px;
    background-color: #fff;
    top: 1px;
    color: #333
}

.sf-handAct-list .sf-list td {
    padding: 10px 0 10px 15px;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
    font-size: 12px;
    color: #666;
    margin-bottom: 0
}

.sf-handAct-list .sf-list td.sf-qty input {
    display: none
}

.sf-handAct-list .sf-list tfoot td {
    border: 0
}

.sf-numStatic {
    font-size: 12px;
    color: #999
}

.sf-numStatic input {
    vertical-align: middle;
    margin-right: 5px
}

.sf-handAct-list .sf-list tr.sf-hover td,.sf-handAct-list .sf-list tr.sf-hover-hover td,.sf-handAct-list .sf-list tr.sf-nocur-hover td {
    background-color: #eff7ff
}

.sf-tabpanel .sf-list {
    width: 100%
}

.sf-handAct-list .sf-list .sf-rank a {
    display: none;
    margin: 0 2px;
    width: 16px;
    height: 17px;
    float: left;
    background: url(images/icon-navsetact.png) no-repeat 0 0
}

.sf-handAct-list .sf-list tr.sf-hover .sf-rank a {
    display: block
}

.sf-handAct-list .JS-tabpanelAll .sf-list tr.sf-hover .sf-rank a {
    display: none
}

.sf-handAct-list .sf-list .sf-rank a.sf-bar-uptop {
    background-position: 2px -161px
}

.sf-handAct-list .sf-list .sf-rank a.sf-bar-uptop:hover {
    background-position: 2px -104px
}

.sf-handAct-list .sf-list .sf-rank a.sf-bar-uptop-disabled,.sf-handAct-list .sf-list .sf-rank a.sf-bar-uptop-disabled:hover {
    background-position: 2px -161px;
    cursor: default
}

.sf-handAct-list .sf-list .sf-rank a.sf-bar-up {
    background-position: -22px 2px
}

.sf-handAct-list .sf-list .sf-rank a.sf-bar-up:hover {
    background-position: -22px -28px
}

.sf-handAct-list .sf-list .sf-rank a.sf-bar-up-disabled,.sf-handAct-list .sf-list .sf-rank a.sf-bar-up-disabled:hover {
    background-position: -22px 2px;
    cursor: default
}

.sf-handAct-list .sf-list .sf-rank a.sf-bar-down {
    background-position: -48px 2px
}

.sf-handAct-list .sf-list .sf-rank a.sf-bar-down:hover {
    background-position: -48px -28px
}

.sf-handAct-list .sf-list .sf-rank a.sf-bar-down-disabled,.sf-handAct-list .sf-list .sf-rank a.sf-bar-down-disabled:hover {
    background-position: -48px 2px;
    cursor: default
}

.sf-handAct-list .sf-list .sf-rank a.sf-bar-downbot {
    background-position: -22px -161px
}

.sf-handAct-list .sf-list .sf-rank a.sf-bar-downbot:hover {
    background-position: -22px -104px
}

.sf-handAct-list .sf-list .sf-rank a.sf-bar-downbot-disabled,.sf-handAct-list .sf-list .sf-rank a.sf-bar-downbot-disabled:hover {
    background-position: -22px -161px;
    cursor: default
}

.sf-handAct-list .sf-list tfoot tr.sf-hover td {
    background: 0
}

.sf-handAct-list .sf-list .sf-pic {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border: 1px solid #cfcfcf
}

.sf-handAct-list .sf-list .sf-info h6 {
    margin-bottom: 5px;
    font-weight: normal;
    color: #666
}

.sf-handAct-list .sf-list .sf-info h6 a {
    font-weight: normal;
    color: #666
}

.sf-handAct-list .sf-list .sf-info h6 a:hover {
    text-decoration: none
}

.sf-handAct-list .sf-list .sf-info h6 a:hover {
    color: #0185e2
}

.sf-handAct-list .sf-list .sf-info .sf-num span {
    margin-right: 24px
}

.sf-handAct-list .sf-list .sf-info .nosale {
    display: inline-block;
    width: 31px;
    height: 16px;
    vertical-align: -3px;
    line-height: 16px;
    overflow: hidden;
    background: url(images/ico-tingshou.png) no-repeat 0 0;
    text-align: center;
    color: #fff
}

.sf-handAct-list .sf-list .sf-act {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    line-height: 24px
}

.sf-handAct-list .sf-list .sf-iact {
    position: relative;
    width: 80px
}

.sf-handAct-list .sf-list .sf-act a {
    position: relative;
    color: #0185e2
}

.sf-handAct-list .sf-list .sf-act a:hover {
    color: #F70;
    text-decoration: none
}

.sf-handAct-list .sf-list .sf-act a p {
    color: #999
}

.sf-handAct-list .sf-list .sf-act span {
    color: #666
}

.sf-handAct-list .sf-list .sf-ft {
    padding: 10px 0
}

.sf-handAct-list .sf-list .sf-ft {
    line-height: 24px;
    color: #999
}

.sf-handAct-list .sf-list .sf-ft input {
    vertical-align: middle;
    margin-right: 6px;
    font-weight: normal
}

.sf-handAct-list .sf-list .sf-ft .s-pages {
    float: right
}

.sf-handAct-list .sf-pages {
    float: right
}

.sf-cateTable {
    padding-top: 30px
}

.sf-cateTable .sf-dt {
    width: 110px
}

.sf-cateTable .sf-dd {
    width: 250px
}

.sf-goodmodTable li {
    margin-bottom: 15px
}

.sf-goodmodTable .sf-title {
    float: left;
    margin-right: 9px;
    width: 150px
}

.sf-goodmodTable li .sf-qty {
    width: 60px
}

.sf-goodmodTable .sf-style {
    float: left;
    position: relative;
    margin-right: 10px;
    padding: 1px;
    width: 96px;
    height: 46px;
    border: 1px solid #d2d2d2;
    cursor: pointer
}

.sf-goodmodTable .sf-style-cur {
    float: left;
    position: relative;
    padding: 0;
    width: 96px;
    height: 46px;
    border: 2px solid #f69901
}

.sf-goodmodTable .sf-style span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 96px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    overflow: hidden;
    font-weight: 700;
    color: #999
}

.sf-goodmodTable .sf-style-cur span {
    color: #f69901
}

.sf-goodmodTable li .sf-dt {
    width: 77px;
    *width: 80px;
    line-height: 26px
}

.sf-goodmodTable .sf-dd {
    width: 560px
}

.sf-goodmodTable .sf-style-wrap,.sf-picCarousel .sf-style-wrap {
    padding-bottom: 27px;
    border-bottom: 1px dotted #ddd
}

.sf-shopSearch h3 {
    font-weight: 700;
    color: #666
}

.sf-shopSearch li {
    float: left;
    width: 130px;
    padding: 10px 0;
    margin-right: 20px
}

.sf-shopSearch li input {
    width: 118px;
    padding: 3px 5px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #cfcfcf
}

.sf-shopSearch li input.sf-err {
    border: 1px solid #f00
}

.sf-shopSearch .sf-tips {
    font-size: 12px;
    color: #999
}

.sf-floorEdit .sf-hd {
    border-bottom: 2px solid #0185e2;
    border-left: 1px solid #ccc
}

.sf-floorEdit .sf-hd li {
    float: left;
    padding: 0 23px;
    height: 28px;
    line-height: 28px;
    background-color: #f5f5f5;
    color: #666;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    text-align: center;
    cursor: pointer
}

.sf-floorEdit .sf-hd li.sf-cur {
    height: 28px;
    color: #fff;
    background-color: #0185e2
}

.sf-floorEdit .sf-dt {
    width: 100px
}

.sf-floorEdit .sf-dd {
    width: 540px
}

.sf-floorEdit .sf-dd .sf-btnCheck,.sf-floorEdit .sf-dd .sf-btnCheck:hover {
    float: left;
    font-size: 12px;
    line-height: 16px;
    color: #0185e2
}

.sf-floorEdit .sf-dd .sf-advlink,.sf-floorEdit .sf-dd .sf-advlink2 {
    float: left;
    margin-right: 10px;
    width: 100px;
    height: 26px;
    line-height: 26px;
    color: #666;
    font-family: "Microsoft YaHei"
}

.sf-floorEdit .sf-dd .sf-advlink2 {
    width: 200px
}

.sf-floorEdit .sf-dd .sf-advradio {
    float: left;
    margin: 6px 5px 0 0
}

.sf-floorEdit .sf-dd p.sf-tips {
    width: 280px;
    line-height: 16px
}

.sf-floorEdit .sf-dd p.sf-tips2 {
    width: 520px
}

.sf-floorEdit .sf-dd .sf-relaset {
    float: left;
    display: none
}

.sf-floorEdit .sf-tabcontent {
    background-color: #fff
}

.sf-floorEdit .sf-formTable li {
    margin-bottom: 20px
}

.sf-floorEdit .sf-formTable li .sf-ipt {
    float: left;
    padding: 3px 4px;
    width: 130px;
    height: 18px;
    color: #999;
    font-family: "Microsoft YaHei"
}

.sf-floorEdit .sf-custom-tips {
    position: absolute;
    left: 244px;
    top: 16px;
    width: 140px;
    height: 35px;
    line-height: 27px;
    padding-left: 10px;
    background: url(images/bg_actstips.png) no-repeat 0 0;
    color: #000
}

.sf-floorEdit .sf-formTable li .sf-lipt {
    width: 180px
}

.sf-floorEdit .sf-formTable .sf-file input {
    width: 90px
}

.JS-choose-wrap .sf-choose-bar {
    position: relative
}

.JS-choose-wrap .sf-hdrank {
    display: none;
    position: absolute;
    right: 0;
    top: 6px;
    font-size: 12px
}

.JS-choose-wrap .sf-hdrank input {
    vertical-align: middle;
    margin-right: 3px
}

.sf-floorEdit .sp-replacer {
    top: 2px;
    width: 58px;
    height: 18px;
    border: 0;
    background: 0
}

.sf-floorEdit .sp-preview-inner {
    width: 11px;
    height: 11px;
    overflow: hidden;
    left: 0;
    top: 2px;
    border: 1px solid #b8b8b8
}

.sf-floorEdit .sf-colorselect {
    float: left;
    margin-right: 6px;
    width: 14px;
    height: 20px
}

.sf-floorEdit .sf-colorup {
    font-size: 12px;
    color: #0185e2
}

.sf-floorEdit .sf-select {
    float: left;
    margin-right: 10px;
    width: 140px;
    height: 26px;
    font-family: "Microsoft YaHei";
    color: #666
}

.sf-floorEdit .sf-relaset .sf-actpage {
    float: left;
    margin-right: 10px;
    width: 200px;
    height: 26px;
    line-height: 26px;
    color: #666
}

.sf-w180 {
    width: 180px!important
}

.sf-floorEdit .sf-relaset .sf-txt {
    margin-right: 10px
}

.sf-selection {
    padding-top: 10px
}

.sf-selection .sf-catebox {
    float: left;
    padding-top: 6px;
    width: 200px;
    height: 138px;
    overflow: auto;
    border: 1px solid #d2d2d2
}

.sf-selection .sf-act {
    float: left;
    width: 70px;
    padding: 40px 15px 0
}

.sf-selection .sf-act .sf-btn {
    margin-bottom: 20px;
    display: inline-block;
    width: 68px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #0185e2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #0185e2
}

.sf-selection .sf-act .sf-btn:hover {
    background-color: #0185e2;
    text-decoration: none;
    color: #fff
}

.JS-cateBoxSelected {
    position: relative
}

.JS-cateBoxSelected .sf-noconTips {
    position: absolute;
    left: 0;
    top: 60px;
    color: #999;
    width: 200px;
    text-align: center;
    font-size: 12px
}

.sf-selection .sf-catebox li h3 {
    line-height: 24px;
    font-weight: 700;
    color: #666
}

.sf-selection .sf-catebox .sf-h3 b,.sf-mockselect .sf-subcate li.sf-h5 b {
    float: left;
    margin-top: 6px;
    margin-right: 3px;
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url(images/icon-navsetact.png) no-repeat -75px -236px
}

.sf-selection .sf-catebox .sf-h3 b.sf-down,.sf-mockselect .sf-subcate li.sf-down b {
    background-position: -75px -103px
}

.sf-selection .sf-catebox li.sf-h3 div {
    float: left;
    width: 164px;
    padding: 0;
    font-size: 12px!important
}

.sf-selection .sf-catebox li.sf-down .sf-h3 b {
    display: inline-block;
    background-position: -75px -133px
}

.sf-selection .sf-catebox .sf-subcate {
    margin-bottom: 0
}

.sf-selection .sf-catebox li {
    margin-bottom: 0;
    line-height: 22px;
    cursor: pointer
}

.sf-selection .sf-catebox li div {
    padding-left: 30px;
    font-size: 12px
}

.sf-selection .sf-catebox li.sf-h3 {
    padding-left: 5px;
    background: 0
}

.sf-selection .sf-catebox li.sf-h3 div {
    font-size: 14px
}

.sf-selection .sf-catebox li.sf-h3-hover,.sf-selection .sf-catebox li div.sf-wselect {
    background-color: #EEE
}

.sf-selection .sf-catebox li span,.sf-selection .sf-catebox li h3 {
    display: inline-block;
    word-break: break-all
}

.sf-selection .sf-catebox li i {
    display: none;
    margin-left: 3px;
    width: 10px;
    height: 10px;
    background: url(images/icon-navsetact.png) no-repeat -76px -164px
}

.sf-selection .sf-catebox li div.sf-wselected i {
    display: inline-block
}

.sf-selection .JS-cateBoxSelected li div.sf-wselected i {
    display: none
}

.sf-selection .JS-cateBoxSelected li.sf-hover div.sf-wselected i {
    display: inline-block
}

.sf-selection .sf-catebox .JS-sfSelected li.sf-hover {
    position: relative;
    background-color: #eee
}

.sf-selection .sf-catebox li.sf-hover i {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 12px;
    height: 12px;
    display: block;
    background: url(images/icon-navsetact.png) no-repeat -74px 0;
    cursor: pointer
}

.sf-custNType {
    padding: 8px 0 0
}

.sf-custNType p {
    margin-bottom: 6px;
    line-height: 16px;
    font-size: 12px;
    color: #999
}

.sf-custNType .sf-custarea {
    margin-bottom: 6px;
    padding: 5px;
    width: 680px;
    height: 240px;
    border: 1px solid #cfcfcf;
    background-color: #fff
}

.sf-floorEdit .sf-formTable-title li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #ddd
}

.sf-formTable-title .sf-dt {
    width: 80px
}

.sf-picCarousel .sf-dd {
    width: 580px
}

.sf-picCarousel .sf-dt {
    width: 75px;
    *width: 80px
}

.sf-carouselAdd {
    width: 100%
}

.sf-carouselAdd .sf-linkbox {
    float: left;
    width: 160px;
    border: 1px solid #cfcfcf
}

.sf-carouselAdd .sf-linkbox input {
    float: left;
    width: 125px;
    *width: 121px;
    padding: 3px 5px;
    height: 18px;
    line-height: 18px;
    border: 0;
    color: #333;
    font-size: 12px
}

.sf-carouselAdd th {
    padding: 0 5px;
    text-align: left;
    font-weight: 700;
    font-size: 12px;
    color: #666
}

.sf-carouselAdd td {
    padding: 5px;
    vertical-align: top
}

.sf-carouselAdd td .sf-inp {
    display: none;
    padding: 3px 2px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #cfcfcf
}

.sf-carouselAdd tr.sf-hover td {
    background-color: #eff7ff
}

.sf-carouselAdd td.sf-act {
    padding-right: 20px
}

.sf-carouselAdd td.sf-act a {
    float: right;
    margin-right: 10px;
    margin-top: 3px;
    display: none;
    width: 16px;
    height: 16px;
    background: url(images/icon-navsetact.png) no-repeat 0 0
}

.sf-carouselAdd tr.sf-hover td.sf-act a {
    display: block
}

.sf-carouselAdd .sf-linkbox a {
    float: right;
    width: 24px;
    height: 24px;
    line-height: 22px;
    background-color: #fff;
    text-align: center;
    border-left: 1px solid #ccc;
    font-size: 24px;
    font-weight: 700;
    color: #999
}

.sf-carouselAdd .sf-linkbox a:hover {
    text-decoration: none;
    color: #f70
}

.sf-carouselAdd .sf-preview {
    float: left;
    margin-left: 4px;
    line-height: 26px;
    font-size: 14px;
    color: #0185e2
}

.sf-carouselAdd td .sf-stips {
    font-size: 12px;
    color: #999
}

.sf-carouselAdd .sf-preview:hover {
    text-decoration: none
}

.sf-carouselAdd .sf-linkto {
    width: 130px;
    height: 26px;
    border: 1px solid #cfcfcf;
    font-size: 12px;
    font-family: "Microsoft YaHei"
}

.JS-sf-carouselAdd .sf-newadd {
    padding-left: 5px
}

.sf-origPic {
    padding: 15px 0;
    width: 540px;
    height: 350px;
    overflow: hidden;
    margin: 0 auto
}

.sf-module {
    margin: 0;
    *overflow: hidden;
    font-family: \5b8b\4f53
}

.sf-module h5.h5,.sf-searchLayoutConfig h5 {
    height: 21px;
    overflow: hidden;
    color: #fff;
    font: bold 14px/1.5 'Microsoft YaHei';
    line-height: 21px;
    padding: 4px 10px
}

.sf-module h5.h5 span,.sf-searchLayoutConfig h5 span {
    float: right;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    width: 780px;
    height: 29px;
    overflow: hidden;
    text-align: right
}

.sf-module h5.h5 a,.sf-searchLayoutConfig h5 a {
    color: #333
}

.sf-module h5.h5 span a,.sf-searchLayoutConfig h5 span a {
    margin: 0 10px;
    color: #fff
}

.sf-businessInfo,.sf-hotRank,.sf-category,.sf-search {
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 4px 10px;
    font-size: 12px;
    line-height: 22px
}

.sf-businessName,.sf-businessScore {
    border-bottom: 1px dotted #ddd;
    margin: 0 0 4px;
    padding: 3px 0
}

.sf-businessInfo h4 {
    font-size: 12px
}

.sf-businessInfo h4 a.sf-im {
    background: url("images/im.png") no-repeat left 4px;
    *background-position: left 1px;
    padding: 5px 0 5px 23px;
    font-weight: normal;
    text-decoration: none;
    margin: 0 8px 0 0;
    color: #2272cb
}

.sf-businessInfo h4 a.sf-offline {
    background-position: left -28px
}

.sf-scoreLeft {
    float: left
}

.sf-scoreLeft b {
    font-family: arial
}

.sf-scoreRight {
    float: right
}

.sf-scoreRight i {
    background: url("images/scoreIco.png") no-repeat;
    padding: 0 15px 0 5px;
    *display: inline-block
}

.sf-scoreRight .sf-up,.sf-scoreRight .sf-flat {
    color: #d50209;
    font-family: arial
}

.sf-scoreRight .sf-down {
    color: #090
}

.sf-scoreRight .sf-up i {
    background-position: 0 0
}

.sf-scoreRight .sf-down i {
    background-position: 0 -22px
}

.sf-scoreRight .sf-flat i {
    background-position: 0 -44px
}

.sf-laox,.sf-server {
    background: url("images/markIco.png") no-repeat;
    display: inline-block;
    vertical-align: -3px;
    *vertical-align: 0;
    margin: 0 0 0 10px
}

.sf-laox {
    width: 59px;
    height: 16px;
    background-position: left top
}

.sf-server {
    width: 16px;
    height: 19px;
    background-position: right top
}

.sf-businnessBtns {
    text-align: center;
    margin: 15px 0 10px
}

.sf-businnessBtns a {
    display: inline-block;
    background: url("images/markIco.png") repeat-x;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    border-radius: 3px;
    margin: 0 5px;
    text-decoration: none
}

.sf-businnessBtns a.sf-home {
    color: #333;
    border: 1px solid #ccc;
    background-position: left -60px
}

.sf-businnessBtns a.sf-home:hover {
    border: 1px solid #bbb
}

.sf-businnessBtns a.sf-fav {
    color: #fff;
    border: 1px solid #fa7402;
    background-position: left bottom
}

.sf-businnessBtns a.sf-fav:hover {
    background-position: left -80px;
    border: 1px solid #ff861f
}

.sf-hotRank li {
    border-bottom: 1px dotted #ddd;
    padding: 10px 0
}

.sf-hotRankLeft {
    float: left;
    text-indent: -6px;
    margin: 0 5px 0 0;
    font-weight: 700
}

.sf-hotRankLeft img {
    width: 58px;
    height: 58px;
    border: 1px solid #e5e5e5;
    vertical-align: top
}

.sf-hotRankRight {
    float: left;
    margin: -3px 0 0 0;
    max-width: 80px;
    *width: 80px;
    overflow: hidden
}

.sf-hotRankRight a {
    display: block;
    width: 85px;
    height: 20px;
    overflow: hidden;
    color: #666;
    font-weight: normal
}

.sf-hotRankRight a:hover {
    color: #f70
}

.sf-hotRankRight .sf-price {
    color: #d00;
    font: bold 14px/1.5 'arial';
    *overflow: hidden
}

.sf-hotRankRight .sf-cart {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    background: url("images/markIco.png") no-repeat left -18px;
    padding: 0 0 0 20px
}

.sf-category {
    padding: 4px 0
}

.sf-allCategory {
    padding: 0 10px 10px
}

.sf-allCategoryTitle {
    font-weight: bold;
    color: #333
}

.sf-allCategory a {
    color: #666;
    margin: 0 15px 0 0
}

.sf-allCategory a:hover {
    color: #f70
}

.sf-category dt {
    background: #f7f7f7;
    padding: 4px 10px;
    color: #333;
    font-weight: bold;
    border-top: 1px solid #eee;
    cursor: pointer;
    width: 168px;
    overflow: hidden
}

.sf-category dt i {
    background: url("images/markIco.png") no-repeat -89px -20px;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 5px 5px 0 0;
    float: left
}

.sf-category dt a {
    float: left;
    width: 150px;
    overflow: hidden;
    color: #333
}

.sf-category dt.sf-categoryClose i {
    background-position: -89px -32px
}

.sf-category dd {
    border-top: 1px solid #eee
}

.sf-category dd a {
    display: block;
    padding: 4px 10px 4px 27px;
    color: #666;
    text-decoration: none;
    width: 140px;
    overflow: hidden;
    cursor: pointer
}

.sf-category dd a:hover {
    color: #f70
}

.sf-keyword,.sf-startPrice,.sf-endPrice {
    border: 1px solid #cfcfcf;
    font-size: 12px;
    color: #aaa;
    padding: 2px 5px
}

.sf-keyword {
    width: 156px;
    margin: 5px 0
}

.sf-searchPrice {
    position: relative
}

.sf-searchPrice>span {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -2px
}

.sf-startPrice,.sf-endPrice {
    width: 65px;
    float: left
}

.sf-endPrice {
    float: right
}

.sf-searchBtn {
    display: inline-block;
    background: url("images/markIco.png") repeat-x left bottom;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    border-radius: 3px;
    margin: 10px 0;
    text-decoration: none;
    color: #fff;
    border: 1px solid #fa7402
}

.sf-searchBtn:hover {
    color: #fff;
    text-decoration: none;
    background-position: left -80px;
    border: 1px solid #ff861f
}

.sf-search label {
    position: relative
}

.sf-keywordList {
    border-top: 1px dotted #ddd;
    padding: 7px 0 3px
}

.sf-keywordList a {
    color: #666;
    margin: 0 5px 5px 0;
    display: inline-block
}

.sf-keywordList a:hover {
    color: #f70
}

input:-ms-input-placeholder {
    color: #aaa
}

input:-moz-placeholder {
    color: #aaa
}

input::-webkit-input-placeholder {
    color: #aaa
}

.sf-searchLayoutConfig {
    border: 1px solid #ddd;
    background: #f4f4f4;
    zoom:1;*height: 58px
}

.sf-searchLayoutConfig:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.sf-searchLayoutConfig h5 {
    background: none!important;
    color: #666;
    float: left;
    padding: 6px 10px 2px;
    margin: 12px 0
}

.sf-searchLayoutConfig .sf-search {
    background: 0;
    border: 0;
    float: left;
    padding: 0;
    margin: 12px 0
}

.sf-searchLayoutConfig form {
    float: left
}

.sf-searchLayoutConfig .sf-search form>p {
    float: left
}

.sf-searchLayoutConfig label {
    float: left
}

.sf-searchLayoutConfig .sf-keyword {
    margin: 5px 0 0;
    *margin: 4px 0 0;
    width: 240px
}

.sf-searchLayoutConfig .sf-keyword,.sf-searchLayoutConfig .sf-startPrice,.sf-searchLayoutConfig .sf-endPrice {
    height: 18px
}

.sf-searchLayoutConfig .sf-startPrice,.sf-searchLayoutConfig .sf-endPrice {
    width: 50px
}

.sf-searchLayoutConfig .sf-searchPrice {
    float: left;
    margin: 0 0 0 7px;
    padding: 5px;
    *width: 134px;
    border: 1px solid #f4f4f4;
    border-top: 0;
    border-bottom: 0
}

.sf-searchLayoutConfig .sf-search p {
    float: left
}

.sf-searchLayoutConfig .sf-searchPrice span {
    position: static;
    float: left;
    display: inline-block;
    width: 12px;
    text-align: center;
    border: 1px solid #cfcfcf;
    border-left: 0;
    border-right: 0
}

.sf-searchLayoutConfig .sf-keywordList {
    float: left;
    border: 0;
    padding: 5px 0 3px;
    margin: 0 0 0 20px;
    width: 435px;
    *width: 430px;
    height: 23px;
    overflow: hidden
}

.sf-searchLayoutConfig .sf-searchBtn {
    margin: 6px 2px 0
}

.sf-searchPlug {
    position: absolute;
    left: -1px;
    top: 34px;
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0;
    width: 144px;
    padding: 0 0 11px;
    text-align: center;
    display: none;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    zoom:1}

.sf-searchPlug a {
    background: url("images/markIco.png");
    height: 20px;
    line-height: 20px;
    padding: 0 7px;
    display: inline-block;
    overflow: hidden;
    margin: 0 15px;
    color: #fff;
    text-decoration: none
}

.sf-searchPlug a.sf-clear {
    border: 1px solid #ccc;
    background-position: left -60px;
    color: #333
}

.sf-searchPlug a.sf-clear:hover {
    border: 1px solid #bbb
}

.sf-searchPlug a.sf-ok {
    background-position: left bottom;
    border: 1px solid #fa7402
}

.sf-searchPlug a.sf-ok:hover {
    background-position: left -80px;
    border: 1px solid #ff861f
}

.sf-searchPriceOpen {
    border-left: 1px solid #cfcfcf!important;
    border-right: 1px solid #cfcfcf!important;
    background: #fff
}

.sf-searchPriceOpen .sf-searchPlug {
    display: block
}

.sf-searchLayoutConfig780 .sf-keyword {
    width: 175px
}

.sf-searchLayoutConfig780 .sf-keywordList {
    width: 290px
}

.sf-searchLayoutConfig580 .sf-keyword {
    width: 130px
}

.sf-searchLayoutConfig580 .sf-keywordList {
    width: 140px
}

.sf-product ul {
    width: 1000px
}

.sf-product li {
    background: #fff;
    padding: 3px;
    float: left;
    margin: 10px 10px 0 0;
    border: 2px solid #fff
}

.sf-product li:hover {
    border: 2px solid #f70
}

.sf-product img {
    border: 1px solid #e5e5e5;
    display: block;
    margin: 0 0 5px;
    width: 178px;
    height: 178px
}

.sf-product p {
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
    width: 180px;
    overflow: hidden
}

.sf-product p a {
    color: #666
}

.sf-product p a span {
    color: #f70
}

.sf-product p.sf-proName {
    height: 38px
}

.sf-product p.sf-proName a {
    color: #666
}

.sf-product p.sf-proName a:hover {
    color: #f70
}

.sf-product p.sf-price {
    position: relative;
    color: #d00;
    font: bold 14px/1.5 'arial'
}

.sf-product a p.sf-price img,.sf-product p.sf-price img {
    width: auto;
    height: auto;
    border: 0;
    margin: 0
}

.sf-product p.sf-saleInfo {
    color: #999
}

.sf-product p.sf-saleInfo span {
    color: #f70
}

.sf-product p.sf-saleInfo i {
    margin: 0 7px
}

.sf-product p.sf-saleInfo a {
    color: #0081cc
}

.sf-product p.sf-saleInfo a:hover {
    text-decoration: none;
    color: #f70
}

.sf-product .sf-salenum-wrap,.sf-product .sf-pro-line,.sf-product .sf-pro-comentnum {
    display: inline-block;
    line-height: 18px
}

.sf-product p.sf-saleInfo span.sf-salenum-wrap {
    width: 104px;
    color: #999
}

.sf-product p.sf-saleInfo span.sf-pro-line {
    color: #999;
    padding: 0 5px
}

.sf-product .sf-salenum-wrap span {
    color: #f70
}

.sf-product p.sf-saleInfo a.sf-pro-comentnum:hover {
    text-decoration: underline
}

.sf-productPic230 .sf-product img {
    width: 228px;
    height: 228px
}

.sf-productPic246 .sf-product img {
    width: 244px;
    height: 244px
}

.sf-productPic246 .sf-proName,.sf-productPic246 .sf-price {
    width: 244px
}

.sf-productPic310 .sf-product li {
    margin: 10px 11px 0 0
}

.sf-productPic310 .sf-product img {
    width: 310px;
    height: 310px
}

.sf-productPic310 .sf-proName,.sf-productPic310 .sf-price {
    width: 312px
}

.sf-floor {
    margin: 10px 0 0
}

.sf-floorLeft {
    float: left;
    width: 250px;
    margin: 0 10px 0 0;
    overflow: hidden;
    height: 490px
}

.sf-floorCenter {
    float: left
}

.sf-floorCenter ul {
    width: 540px;
    margin-top: -11px
}

.sf-floorCenter li {
    background: #fff;
    float: left;
    padding: 5px;
    margin: 11px 10px 0 0
}

.sf-floorCenter img {
    border: 1px solid #e5e5e5;
    width: 158px;
    height: 158px;
    margin: 0 0 3px;
    vertical-align: top
}

.sf-floorCenter p {
    margin-top: 4px;
    height: 36px;
    font-size: 12px;
    line-height: 18px;
    width: 160px;
    overflow: hidden
}

.sf-floorCenter p span {
    color: #f70
}

.sf-floorCenter p.sf-price {
    margin: 8px 0 0;
    height: auto;
    color: #d00;
    font-weight: bold;
    font-size: 14px;
    font-family: arial
}

.sf-floorCenter a {
    color: #666
}

.sf-floorCenter a:hover {
    color: #f70
}

.sf-floorRight {
    float: right;
    width: 168px;
    height: 475px;
    padding: 10px 10px 3px;
    border: 1px solid #e5e5e5;
    background: #fff
}

.sf-floorRight h4 {
    color: #333;
    line-height: 20px;
    font-size: 12px;
    margin: 0 0 9px
}

.sf-floorRight li {
    font-size: 12px;
    border-top: 1px dotted #ddd;
    padding: 7px 0
}

.sf-floorRight li>a {
    display: block;
    padding: 0 0 0 20px;
    background: url("images/floorNum.png") no-repeat;
    color: #666;
    width: 148px;
    height: 20px;
    line-height: 20px;
    overflow: hidden
}

.sf-floorRight li a:hover {
    color: #f70
}

.sf-floorRight li>a.sf-1 {
    background-position: left 3px
}

.sf-floorRight li>a.sf-2 {
    background-position: left -32px
}

.sf-floorRight li>a.sf-3 {
    background-position: left -67px
}

.sf-floorRight li>a.sf-4 {
    background-position: left -102px
}

.sf-floorRight li>a.sf-5 {
    background-position: left -137px
}

.sf-floorRight li>a.sf-6 {
    background-position: left -172px
}

.sf-floorRight li>a.sf-7 {
    background-position: left -207px
}

.sf-floorRight li>a.sf-8 {
    background-position: left -242px
}

.sf-floorRight li>a.sf-9 {
    background-position: left -277px
}

.sf-floorRight li>a.sf-10 {
    background-position: left -312px
}

.sf-floorDetail {
    margin: 8px 0 5px;
    display: none
}

.sf-floorDetail img {
    width: 58px;
    height: 58px;
    border: 1px solid #e5e5e5;
    float: left;
    margin: 0 5px 0 0
}

.sf-floorDetail .sf-price img {
    width: auto;
    height: auto;
    border: 0;
    margin: 0
}

.sf-floorInfo {
    float: left;
    overflow: hidden
}

.sf-floorInfo p {
    width: 100px;
    height: 25px;
    line-height: 25px;
    overflow: hidden
}

.sf-floorInfo .sf-price {
    color: #d00;
    font: bold 14px/1.5 "arial"
}

.sf-floorInfo .sf-cart i {
    background: url("images/markIco.png") no-repeat left -20px;
    padding: 0 0 0 20px
}

.sf-searchFilter {
    border: 1px solid #ddd;
    border-top: 0;
    font-size: 12px
}

.sf-filterInput,.sf-filterType {
    border-top: 1px solid #ddd;
    background: #f8f8f8;
    padding: 8px 10px
}

.sf-filterType {
    padding: 0 10px
}

.sf-filterInput h4 {
    color: #666;
    margin: 1px 5px 0 0;
    float: left
}

.sf-filterInput label {
    position: relative;
    float: left;
    border: 1px solid #cfcfcf;
    background: #fff;
    padding: 2px 20px 2px 2px;
    overflow: hidden;
    *display: inline-block;
    margin: 0 10px 0 0
}

.sf-filterInput input {
    border: 0;
    background: #fff;
    margin: 0;
    width: 200px;
    padding: 0
}

.sf-filterInput label>a {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("images/markIco.png") no-repeat left -39px;
    right: 0;
    top: 0
}

.sf-filterInput .sf-keywordList {
    float: left;
    border: 0;
    width: 650px;
    padding: 0;
    line-height: 24px;
    height: 24px;
    overflow: hidden
}

.sf-filterBrand,.sf-filterPrice {
    border-top: 1px solid #ddd;
    position: relative;
    overflow: hidden;
    background: #fff
}

.sf-filterBrand span,.sf-filterPrice span {
    display: block;
    float: left;
    width: 65px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #f8f8f8;
    padding-bottom: 999em;
    margin-bottom: -999em
}

.sf-filterBrand>a,.sf-filterPrice>a {
    position: absolute;
    right: 20px;
    top: 7px;
    border: 1px solid #ddd;
    padding: 0 15px 0 5px;
    background: url("images/markIco.png") no-repeat -59px -49px
}

.sf-filterBrand>a.sf-filterOpen,.sf-filterPrice>a.sf-filterOpen {
    background-position: -44px -36px
}

.sf-filterBrandList,.sf-filterPriceList {
    float: left;
    width: 920px;
    height: 34px
}

.sf-searchLayoutConfig780 .sf-filterBrandList,.sf-searchLayoutConfig780 .sf-filterPriceList {
    width: 650px
}

.sf-heightAuto {
    height: auto
}

.sf-filterBrandList a,.sf-filterPriceList a {
    display: block;
    float: left;
    width: 105px;
    height: 22px;
    line-height: 22px;
    margin-top: 4px;
    padding: 1px 20px 1px 5px;
    border: 1px solid #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff;
    word-wrap: normal;
    font-family: "arial"
}

.sf-filterBrandList a.sf-cur,.sf-filterPriceList a.sf-cur {
    border: 1px solid #fc9f5a;
    margin-right: 5px
}

.sf-filterBtns {
    float: left;
    border: 1px solid #ddd;
    border-left: 0;
    margin: 7px 10px 7px 0
}

.sf-filterBtns a {
    display: block;
    float: left;
    border-left: 1px solid #ddd;
    background: #fff;
    padding: 2px 10px;
    text-decoration: none
}

.sf-filterBtns a.sf-filterBtnSel {
    color: #f70
}

.sf-filterBtns a.up i,.sf-filterBtns a.down i {
    display: inline-block;
    width: 10px;
    height: 9px;
    background: url(images/icon_up.png) no-repeat 0 0
}

.sf-filterBtns a.down i {
    background: url(images/icon_down.png) no-repeat 0 0
}

.sf-filterType {
    *height: 39px
}

.sf-filterType .sf-searchPrice {
    float: left;
    width: 164px;
    padding: 7px 5px;
    border-left: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8
}

.sf-filterType .sf-searchPrice input {
    height: 18px
}

.sf-filterType .sf-searchPrice>span {
    height: 22px;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    width: 12px;
    margin-left: -6px;
    text-align: center;
    *top: 7px
}

.sf-filterType .sf-searchPrice .sf-searchPlug {
    top: 38px;
    width: 174px
}

.sf-filterType .sf-searchPriceOpen {
    background: #fff;
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4
}

.sf-filterPage {
    float: right;
    margin: 8px 0 0 0;
    *margin: 10px 0 0 0;
    color: #999
}

.sf-filterPage span {
    color: #999;
    margin: 0 5px
}

.sf-filterPage a {
    display: inline-block;
    background: url("images/filterPage.png") #fff no-repeat;
    border: 1px solid #cfcfcf;
    width: 18px;
    height: 18px;
    vertical-align: -5px;
    *vertical-align: -2px;
    margin: 0 3px
}

.sf-filterPage a.sf-filterPagePrev {
    background-position: -38px 4px
}

.sf-filterPage a.sf-filterPageNext {
    background-position: -38px -36px
}

.sf-filterPage a.sf-filterPagePrevDisable {
    background-position: 5px 4px
}

.sf-filterPage a.sf-filterPageNextDisable {
    background-position: 6px -36px
}

.sf-filter780 .sf-filterInput .sf-keywordList {
    width: 460px
}

.sf-filter780 .sf-filterBrandList,.sf-filterPriceList {
    width: 723px
}

.sf-custom {
    overflow: hidden
}

.sf-custom img,.sf-customDefault img,.sf-customDefault190 img {
    vertical-align: top
}

.sf-customDefault {
    border: 1px solid #ddd;
    background: #eee;
    color: #000;
    text-align: center;
    height: 118px;
    line-height: 118px;
    font-family: "Microsoft YaHei"
}

.sf-customDefault190 {
    border: 1px solid #ddd;
    background: #eee;
    color: #000;
    text-align: center;
    height: 88px;
    line-height: 25px;
    padding-top: 30px;
    font-family: "Microsoft YaHei"
}

.JS-numStatic {
    float: left;
    padding-top: 138px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 20px;
    color: #999
}

.sf-selection .sf-act {
    position: relative
}

.sf-selection .sf-act .sf-stips {
    display: none;
    position: absolute;
    padding-left: 10px;
    left: 25px;
    top: 0;
    width: 140px;
    height: 25px;
    line-height: 25px;
    padding-bottom: 10px;
    font-size: 12px;
    color: #333;
    overflow: hidden;
    background: url(images/bg_actstips.png) no-repeat 0 0;
    z-index: 3
}

.sf-selection .sf-nocate {
    margin: 55px auto 0;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #999;
    text-align: center
}

.sf-posterEdit {
    padding: 15px 0 40px
}

.sf-picPreview {
    border: 3px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px
}

#sf-lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    line-height: 0
}

#sf-lightbox a img {
    border: 0
}

#sf-outerImageContainer {
    position: relative;
    width: 250px;
    height: 250px;
    margin: 0 auto
}

#sf-outerImageContainer img {
    border: 3px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

#sf-bottomNav {
    float: right
}

#sf-loading {
    position: absolute;
    top: 40%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
}

.sf-ontop #sf-imageData {
    padding-top: 5px
}

#sf-imageDataContainer {
    margin: 0 auto;
    height: 20px
}

#sf-imageData {
    padding: 0 10px
}

#sf-imageData #imageDetails {
    width: 70%;
    float: left;
    text-align: left
}

#sf-imageData #caption {
    font-weight: bold
}

#sf-imageData #numberDisplay {
    display: block;
    clear: left;
    padding-bottom: 1.0em
}

#sf-imageData #sf-bottomNavClose {
    display: block;
    width: 17px;
    width: 17px;
    float: right;
    margin-top: -8px
}

#sf-imageData #helpDisplay {
    clear: left;
    float: left;
    display: block
}

#sf-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 998;
    width: 100%;
    height: 500px;
    background-color: #000;
    filter: alpha(opacity=50)!important;
    -moz-opacity: .5!important;
    opacity: .5!important;
    display: none
}

#sf-lightboxIframe {
    display: none
}

.sf-guide {
    z-index: 10000;
    position: absolute
}

.sf-guide1 {
    left: 50%;
    top: 50%;
    margin-top: -174px;
    margin-left: -308px;
    width: 616px;
    height: 348px;
    background: url(images/guide1.png) no-repeat 0 0
}

.sf-guide2 {
    left: 188px;
    top: 0;
    width: 568px;
    height: 521px;
    background: url(images/guide2.png) no-repeat 0 0
}

.sf-guide3 {
    left: 191px;
    top: 53px;
    width: 698px;
    height: 494px;
    background: url(images/guide3.png) no-repeat 0 0
}

.sf-guide4 {
    left: 9px;
    top: 51px;
    width: 794px;
    height: 460px;
    background: url(images/guide4.png) no-repeat 0 0
}

.sf-guide .sf-closep {
    height: 34px
}

.sf-guide2 .sf-closep {
    margin-top: 180px
}

.sf-guide3 .sf-closep {
    margin-top: 176px
}

.sf-guide4 .sf-closep {
    margin-top: 137px
}

.sf-guide .sf-close {
    float: right;
    width: 34px;
    height: 34px;
    cursor: pointer
}

.sf-guide1 .sf-close {
    margin: 10px 77px 0 0
}

.sf-guide2 .sf-close {
    margin-right: 44px
}

.sf-guide3 .sf-close {
    margin-right: 47px
}

.sf-guide4 .sf-close {
    margin-right: 49px
}

.sf-guide .sf-actbtn {
    display: block;
    width: 130px;
    height: 28px;
    margin: 185px 0 0 88px
}

.sf-guide2 .sf-actbtn {
    margin: 170px 0 0 97px
}

.sf-guide3 .sf-actbtn {
    margin: 140px 0 0 240px
}

.sf-guide4 .sf-expnow {
    display: block;
    margin: 165px 0 0 328px;
    width: 150px;
    height: 40px;
    background-color: #fd9003;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.sf-guide4 .sf-expnow:hover {
    background-color: #ffa51d;
    text-decoration: none
}

.sf-stepNext {
    line-height: 28px;
    border: 1px solid #0085e2;
    text-align: center;
    color: #0085e2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.sf-stepNext:hover {
    text-decoration: none;
    background-color: #2882d7;
    color: #fff
}

.JS-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    z-index: 9999
}

.sf-mockselect {
    position: relative;
    margin-right: 10px;
    float: left;
    width: 160px;
    background-color: #fff;
    z-index: 10
}

.sf-mockselect .sf-hd {
    height: 25px;
    line-height: 25px;
    border: 1px solid #cfcfcf
}

.sf-mockselect .sf-hd h3 {
    padding-left: 4px;
    background: url(images/icon-navsetact.png) no-repeat 143px -188px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #333;
    font-weight: normal;
    padding-right: 15px;
    overflow: hidden
}

.sf-mockselect .sf-subcate {
    display: none;
    position: absolute;
    margin: 0;
    padding: 5px 0;
    width: 158px;
    height: 150px;
    overflow: auto;
    left: 0;
    top: 27px;
    border: 1px solid #cfcfcf;
    border-top: 0;
    background-color: #fff
}

.sf-mockselect .sf-hd h3 .h5 {
    font-weight: normal
}

.sf-mockselect .sf-subcate li {
    line-height: 22px;
    margin-bottom: 0;
    padding-right: 5px;
    padding-left: 45px;
    color: #666;
    font-size: 12px;
    cursor: pointer
}

.sf-mockselect .sf-subcate li h5 {
    font-weight: normal
}

.sf-mockselect .sf-subcate li.sf-selected h5 {
    padding-left: 0
}

.sf-mockselect .sf-subcate li.sf-h5 {
    padding-left: 5px
}

.sf-mockselect .sf-subcate li.sf-h5-hover {
    background-color: #0185e2;
    color: #fff
}

.sf-mockselect .sf-subcate li.sf-down {
    background-position: -70px -97px
}

.sf-mockselect .sf-subcate li.sf-h5 h5 {
    padding-left: 0;
    float: left;
    width: 116px;
    font-weight: normal
}

.sf-mockselect .sf-subcate li.sf-selected {
    padding-left: 5px
}

.sf-nodatatips {
    margin: 40px 0;
    padding: 10px 0;
    text-align: center;
    font-weight: normal
}

.sf-nodatatips b {
    margin: 0 6px -5px 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(images/tipsBg.png) no-repeat -182px -140px
}

.sf-loading {
    padding: 40px 0;
    text-align: center
}

.sf-handAct-list .JS-tabholder-wrap {
    position: relative
}

.sf-handAct-list .JS-tabholder-wrap .sf-hdrank {
    position: absolute;
    right: 0;
    top: 5px;
    width: 80px;
    text-align: right;
    color: #666
}

.sf-handAct-list .JS-tabholder-wrap .sf-hdrank input {
    vertical-align: middle;
    margin-right: 4px
}

.sf-backup-wrap {
    padding: 30px 75px
}

.sf-backup-wrap .sf-h3 {
    margin-bottom: 10px;
    font-weight: 700;
    color: #666
}

.sf-backup-wrap .sf-formTable .sf-dt {
    font-weight: normal;
    width: auto
}

.sf-backup-wrap .sf-formTable .sf-dd .sf-txt {
    float: left;
    margin-right: 5px
}

.sf-pageinfo .sf-formTable {
    margin-bottom: 40px
}

.sf-pageinfo .sf-dd span {
    float: left;
    margin: 0 10px 0 0
}

.sf-pageinfo .sf-dd a {
    float: left;
    padding: 0 12px;
    color: #0081cc
}

.sf-pageinfo .sf-dd a:hover {
    text-decoration: none;
    color: #ff7701
}

.sf-pageinfo .sf-dd a.sf-copy {
    border: 1px solid #ccc;
    color: #666
}

.sf-pageinfo .sf-dd a.sf-copy:hover {
    border: 1px solid #ff7701;
    color: #ff7701
}

.sf-w200 {
    width: 200px
}

.JS-copytips {
    position: absolute;
    display: none
}

.sf-storetemplate h2 {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 700;
    color: #666
}

.sf-storetemplate .sf-pic {
    position: relative;
    float: left;
    margin-right: 20px;
    width: 158px;
    height: 238px;
    overflow: hidden;
    border: 1px solid #e5e5e5
}

.sf-storetemplate .sf-pic span {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 158px;
    height: 26px;
    line-height: 26px;
    background-color: #fd9903;
    font-size: 12px;
    text-align: center;
    color: #fff
}

.sf-storetemplate .sf-pic span a {
    color: #fff
}

.sf-storetemplate .sf-info {
    float: left;
    padding-top: 46px
}

.sf-storetemplate .sf-info p {
    line-height: 26px;
    font-size: 12px
}

.sf-storetemplate .sf-info p span {
    color: #666
}

.sf-storetemplate .sf-info p img {
    margin-right: 10px;
    margin-top: 6px
}

.sf-storetemplate .sf-info .sf-btn {
    margin-top: 25px
}

.sf-template-list li {
    float: left;
    margin-right: 30px;
    margin-bottom: 35px
}

.sf-template-list li .sf-pic {
    position: relative;
    width: 158px;
    height: 238px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    margin-bottom: 5px
}

.sf-template-list li p {
    line-height: 20px;
    font-size: 12px;
    color: #333
}

.sf-template-list li p span {
    color: #666
}

.sf-templist-wrap {
    padding: 30px 40px
}

.sf-mb20 {
    margin-bottom: 20px
}

.sf-templist-wrap .sf-actbg {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px;
    width: 148px;
    height: 18px;
    line-height: 18px;
    background-color: #000;
    opacity: .7;
    filter: alpha(opacity==70)
}

.sf-templist-wrap .sf-act {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px;
    width: 148px;
    height: 18px;
    line-height: 18px;
    font-size: 12px
}

.sf-templist-wrap li .sf-pic-hover .sf-actbg,.sf-templist-wrap li .sf-pic-hover .sf-act {
    display: block
}

.sf-templist-wrap .sf-act a {
    float: left;
    margin: 0 4px;
    color: #fff
}

.sf-templist-wrap .sf-act a.sf-apply {
    float: right;
    width: 50px;
    line-height: 18px;
    text-align: center;
    background-color: #fd9903;
    padding: 0
}

.sf-templist-wrap .sf-templname {
    font-size: 12px;
    line-height: 22px
}

.sf-templist-wrap .sf-templname span {
    color: #666
}

.sf-templist-wrap .sf-name {
    position: relative;
    display: inline-block;
    z-index: 2
}

.sf-templist-wrap .sf-name .sf-tips {
    display: none;
    position: absolute;
    left: -20px;
    top: -30px;
    padding: 0 8px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #ffcd6a;
    background-color: #fffff0;
    white-space: nowrap;
    color: #333;
    font-size: 12px
}

.sf-templist-wrap .sf-name .sf-tips i {
    display: inline-block;
    position: absolute;
    left: 40px;
    top: 22px;
    width: 13px;
    height: 8px;
    overflow: hidden;
    background: url(images/icon-navsetact.png) no-repeat 0 -229px
}

.sf-templist-wrap .sf-name-hover .sf-tips {
    display: block
}

.sf-popWinTips-multi {
    padding: 0 30px
}

.sf-popWinTips-multi i {
    float: left;
    margin-top: -5px;
    width: 32px;
    height: 32px;
    background: url("images/tipsBg.png") no-repeat -120px -140px
}

.sf-popWinTips-multi i.sf-false {
    background-position: -120px -70px
}

.sf-popWinTips-multi i.sf-ok {
    background-position: -120px -0px
}

.sf-popWinTips-multi .sf-cont {
    display: inline;
    text-align: left
}

.sf-popWinTips-multi .sf-continfo {
    padding-left: 42px
}

.sf-popWinTips-multi .sf-continfo h3 {
    font-size: 16px;
    color: #666
}

.sf-popWinTips-multi .sf-continfo p {
    font-weight: normal;
    font-size: 14px
}

.sf-system-backup .sf-storetemplate {
    float: left;
    width: 50%;
    margin-bottom: 20px
}

.sf-progress-bar {
    margin: 35px 0 45px;
    width: 330px;
    height: 23px;
    line-height: 23px
}

.sf-progress-bar .sf-progress {
    float: left;
    margin-right: 10px;
    width: 280px;
    height: 23px;
    line-height: 23px;
    background-color: #f0f0f0;
    font-weight: 700
}

.sf-progress-bar .sf-progress span {
    display: block;
    height: 23px;
    line-height: 23px;
    background-color: #fd9903;
    width: 50%
}

.sf-percent {
    float: left;
    color: #fd9903;
    font-size: 14px;
    font-family: arial
}

.sf-popWinTips-update {
    padding: 0 5px;
    margin-top: 5px
}

.sf-updateintro {
    text-align: left
}

.sf-updateintro h2 {
    margin-bottom: 8px;
    font-size: 16px;
    color: #666
}

.sf-updateintro .sf-intro {
    height: 320px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    line-height: 18px;
    font-size: 14px;
    font-weight: normal;
    color: #666
}

.sf-updateintro .sf-intro p {
    margin-bottom: 10px
}

.sf-tempbackup-tips {
    margin: 40px 0 0 50px
}

.sf-tempbackup-tips h3 {
    margin-bottom: 15px;
    font-size: 16px;
    color: #666
}

.sf-tempbackup-tips p {
    color: #666
}

.sf-tempbackup-tips p em {
    font-weight: 700
}

.JS-tipsconfirm {
    display: none;
    width: 150px;
    position: absolute;
    z-index: 5;
    padding: 20px 30px;
    border: 1px solid #ddd;
    box-shadow: 0 0 3px #f6f6f6;
    background-color: #fff
}

.sf-tipsconfirm i {
    float: left;
    margin-right: 6px;
    margin-top: 3px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: url(images/tipsBg.png) no-repeat -182px -140px
}

.sf-tipsconfirm p {
    float: left;
    font-size: 14px;
    color: #666
}

.sf-tipsconfirm .sf-btn {
    padding-top: 10px
}

.sf-w60 {
    width: 60px;
    min-width: inherit!important
}

.sf-tipsconfirm {
    position: absolute;
    z-index: 5;
    width: 145px;
    top: -107px;
    right: 0;
    padding: 20px 30px;
    border: 1px solid #ddd;
    box-shadow: 0 0 3px #f6f6f6;
    background-color: #fff
}

.sf-tipsconfirm b {
    position: absolute;
    bottom: -7px;
    right: 10px;
    display: block;
    width: 15px;
    height: 8px;
    background: url(images/icon_sprite.png) no-repeat 0 -770px
}

#JS-sf-sTip,.JS-sf-sTip {
    display: none
}

#JS-sf-qtyTip,.JS-sf-qtyTip {
    display: none
}

.sf-apply {
    padding-bottom: 15px;
    background-color: #fff
}

.sf-apply .sf-tabcontent {
    background-color: #fff
}

.sf-apply th {
    padding: 10px 0;
    color: #666;
    text-align: left
}

.sf-apply td {
    border-top: 0
}

.sf-apply td.sf-time {
    color: #999
}

.sf-apply th.sf-time {
    padding-left: 10px
}

.sf-apply .sf-hd {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.sf-apply .sf-showlist td {
    padding: 12px 10px
}

.sf-apply .sf-sortips {
    width: auto;
    margin-top: 0
}

.sf-newpageadded {
    padding-top: 15px
}

.sf-newpageadded .sf-dd {
    width: 250px
}

.sf-newpageadded .sf-dd .sf-txt {
    width: 200px
}

.sf-publicTable .sf-dd {
    width: 340px;
    margin-bottom: 10px
}

.sf-browsepic {
    position: relative;
    width: 122px;
    height: 142px;
    overflow: hidden
}

.sf-browsepic .sf-pic {
    width: 120px;
    height: 120px;
    display: block;
    overflow: hidden;
    border: 1px solid #cfcfcf
}

.sf-browsepic .info {
    display: block;
    position: relative;
    height: 20px;
    text-align: center;
    color: #fff;
    line-height: 20px;
    background-color: #666;
    font-size: 12px;
    overflow: hidden;
    zoom:1}

.sf-browsepic .info:hover {
    text-decoration: none
}

.sf-browsepic .info input {
    -moz-transform: scale(5);
    font-size: 23px;
    opacity: 0;
    filter: alpha(opacity=0);
    *zoom:3;position: absolute;
    right: -10px;
    left: 0 \9;
    right: 300px \9;
    *right: -10px;
    top: -10px;
    width: 200px;
    width: 120px \9;
    height: 50px
}

.sf-browsepic .sf-infotips {
    display: none
}

.sf-browsepic-hover .sf-infotips {
    display: block;
    position: absolute;
    left: 1px;
    top: 1px;
    width: 120px;
    height: 76px;
    background: url(images/bg_trans_repeat.png) repeat 0 0;
    text-align: center;
    font-size: 12px;
    padding-top: 44px;
    color: #fff
}

.sf-publicTips .sf-sortips {
    margin: 0 0 20px;
    width: auto
}

.sf-tempInput input {
    float: left;
    padding: 2px 5px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #cfcfcf
}

.sf-tempInput .sf-lng {
    width: 290px;
    margin-right: 10px
}

.sf-tempInput .sf-short {
    width: 200px
}

.sf-apply .sf-showlist td.sf-inputwrap {
    padding: 12px 0 0;
    border: 0
}

.sf-formTable .sf-w320 {
    width: 320px
}

.JS-tabpanelSelected {
    margin-bottom: 10px
}

.sf-l {
    float: left
}

.sf-hoverTips {
    position: absolute;
    display: none;
    width: 280px;
    line-height: 20px;
    font-weight: normal;
    font-size: 12px;
    color: #333;
    padding: 10px 15px 10px 10px;
    border: 1px solid #fc6;
    background: #fffff0;
    z-index: 10002
}

.sf-hoverTips em {
    position: absolute;
    top: 10px;
    left: 2px;
    left: 2px\9;
    margin-left: -8px;
    color: #fc6
}

.sf-hoverTips span {
    position: absolute;
    top: 10px;
    left: 3px;
    margin-left: -8px;
    color: #fffff0
}

.uploadify {
    float: left;
    margin-right: 20px;
    border-radius: 2px
}

.JS-logo .uploadify {
    margin: 0!important
}

.JS-logo .uploadify object {
    left: 0
}

.JS-logo .uploadify-button {
    text-align: center;
    font-weight: normal;
    color: #fff;
    font-size: 12px
}

.JS-head {
    width: 100%!important;
    background: #fff;
    z-index: 12!important
}

.JS-head .sf-module990 {
    width: 990px;
    margin: 0 auto
}

.g-header-wrapper {
    background: #fff
}

.sf-price {
    position: relative
}

.sf-price img {
    position: absolute;
    left: 10px;
    top: 0;
    width: auto;
    height: auto;
    border: 0;
    float: none;
    margin: 0 0 0 5px;
    vertical-align: -4px
}

.pro-every-price {
    color: #f60;
    font: 20px/1.5 'Tahoma'
}

.sf-floorCenter p span.pro-every-price {
    color: #f60;
    font: 20px/1.5 'Tahoma'
}

.sf-PriceSymbol {
    color: #f60;
    font: 12px/1.5 'Arial';
    margin-right: 2px
}

.sf-priceDecimal {
    color: #f60;
    font: 12px/1.5 'Tahoma'
}

.JS-pageLayoutWrap {
    overflow: hidden;
    position: relative
}

.sf-banner-holder {
    height: 120px;
    background: #eee
}

.sf-pic {
    background: url("images/tipIcon.png") no-repeat -196px -204px;
    display: inline-block;
    width: 20px;
    height: 20px
}

.sf-search-product {
    overflow: hidden;
    background-color: #fff
}

.showMask {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 13;
    background: #fff;
    filter: alpha(opacity=0);
    opacity: 0
}

.sf-fixie {
    *overflow-y: auto
}

.sf-popWinMain {
    position: relative
}

.sf-seccate li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.sf-seccate li {
    zoom:1}

.sf-reset-body {
    min-width: auto;
    min-width: inherit
}

#afterService1 img {
    *margin-top: 1px
}

.baseSaveOk,.sf-baseSave2,.sf-hotsave,.hotSaveOk,.sf-baseSave {
    height: 40px
}

.baseSaveOk .sf-tips,.baseSaveOk .sf-tips {
    float: left
}

.baseSaveOk:after,.baseSaveOk:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.baseSaveOk,.baseSaveOk {
    zoom:1}

.btn-tip {
    line-height: 32px
}

#pageArea {
    overflow: hidden
}

.sf-titlefill {
    padding: 30px 0 20px 0
}

.sf-titlefill .sf-dt {
    width: auto;
    line-height: 26px
}

.sf-titlefill .sf-dd {
    width: auto;
    margin-right: 10px;
    line-height: 26px
}

.sf-titlefill .sf-dd .sf-txt {
    width: auto
}

.sf-titlefill .sf-tips {
    margin-right: 10px;
    max-width: 320px;
    line-height: 22px
}

.sf-titlefill .pic input {
    margin-right: 10px
}

.sf-formTable .sf-dd .sf-radioLast {
    margin-right: 0
}

.sf-titlefill li .sn_tip {
    position: relative;
    z-index: 100
}

.sf-titlefill .sf-picUpload {
    font-size: 12px;
    z-index: 1;
    margin-bottom: -8px;
    margin-right: 10px;
    width: 90px;
    height: 24px;
    overflow: hidden;
    line-height: 24px;
    text-align: center;
    color: #0185e2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer
}

.picspacetab {
    border: 1px solid #ddd
}

.picspacetab .sf-hd {
    height: 33px;
    line-height: 33px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ddd
}

.picspacetab .sf-hd li {
    float: left;
    padding: 0 10px;
    overflow: hidden;
    width: 100px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    color: #666;
    border-right: 1px solid #ddd;
    cursor: pointer
}

.sf-hd li.sf-cur {
    position: relative;
    top: 0;
    height: 34px;
    background-color: #fff;
    font-weight: 700;
    color: #333
}

.picspacetab .sf-tabcontent {
    padding: 0 20px;
    background-color: #fff
}

.sf-titlefill li .sn_tip {
    position: relative
}

.sf-titlefill .sf-picUpload {
    position: relative;
    z-index: 1;
    margin-bottom: -8px;
    margin-right: 10px;
    width: 90px;
    height: 24px;
    overflow: hidden;
    line-height: 24px;
    text-align: center;
    color: #0185e2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer
}

.sf-official {
    background-color: #eee;
    overflow: hidden
}

.sf-official .sf-choose-bar {
    float: left;
    width: 139px
}

.sf-official .sf-tabcontent {
    float: left;
    width: 600px;
    padding: 0 20px;
    border-left: 1px solid #e4e4e4
}

.sf-official .sf-hd li {
    float: none;
    border: 0;
    height: 41px;
    line-height: 41px;
    padding-left: 20px;
    background-color: #eee;
    border-bottom: 1px solid #e4e4e4
}

.sf-official .sf-hd li.sf-cur {
    background-color: #fff;
    height: 41px;
    line-height: 41px;
    margin-right: -1px
}

.sf-official .sf-tabpanel ul {
    padding-top: 20px
}

.subcateli li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.subcateli li {
    zoom:1}

.cate-list {
    padding-top: 30px
}

.cate-list li.it {
    line-height: 30px
}

.cate-list li.it h3 {
    padding: 0 30px;
    border-bottom: 1px dotted #d9d9d9
}

.cate-list li.it .target {
    float: left;
    color: #545454
}

.cate-list li.it .ipt-check {
    float: right;
    margin-top: 9px
}

.cate-list li.it .cate_icon {
    float: right;
    margin: 5px 10px 0 0;
    height: 22px
}

.cate-list li.it .target {
    font-weight: normal;
    color: #666
}

.cate-list li a:hover {
    text-decoration: none
}

.subcateli li a {
    float: left;
    color: #666
}

.subcateli li .ipt-check {
    float: right
}

.subcateli {
    display: block
}

.subcateli li {
    padding: 0 30px 0 60px;
    line-height: 30px;
    border-bottom: 1px dotted #d9d9d9
}

.popwin-faq-msg {
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    color: #666;
    line-height: 20px
}

.popwin-faq-msg .faq-title {
    padding: 5px 0 5px 10px;
    color: #333
}

.popwin-faq-msg .faq-cont {
    padding: 2px 0 5px 10px;
    border-bottom: 1px solid #dcdcdc
}

.popwin-faq-msg .faq-title .sf-sTip-false {
    margin-top: 2px
}

.sf-shipTable {
    overflow: hidden
}

.sf-shipTable .sf-dt {
    width: 100px
}

.sf-shipTable li {
    margin-bottom: 20px
}

.sf-selectpic {
    width: 160px;
    border: 1px solid #d2d2d2;
    height: 24px
}

.sf-selectpic input {
    float: left;
    width: 125px;
    *width: 121px;
    padding: 3px 5px;
    height: 18px;
    line-height: 18px;
    border: 0;
    color: #333;
    font-size: 12px
}

.sf-selectpic a {
    float: right;
    width: 24px;
    height: 24px;
    line-height: 22px;
    background-color: #fff;
    text-align: center;
    border-left: 1px solid #ccc;
    font-size: 24px;
    font-weight: 700;
    color: #999
}

.sf-selectpic a:hover {
    text-decoration: none;
    color: #f70
}

.sf-shipbox {
    float: left;
    margin-right: 20px
}

.sf-shipbox img {
    display: block;
    width: 105px;
    height: 75px
}

.JS-choseship {
    float: left;
    display: inline-block;
    padding: 0 10px;
    margin-top: 50px;
    border: 1px solid #0185e2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #0185e2
}

.JS-choseship:hover {
    color: #fff;
    background-color: #0185e2;
    text-decoration: none
}

.sf-shipwrap .sf-shiplist {
    float: left;
    width: 160px;
    background: #f5f5f5;
    border-right: 1px solid #ddd;
    padding-top: 20px;
    height: 484px
}

.sf-shipwrap .sf-shiplist li {
    border-bottom: 1px solid #ddd
}

.sf-shipwrap .sf-shiplist li.sf-fist {
    border-top: 1px solid #ddd
}

.sf-shipwrap .sf-shiplist li a {
    display: block;
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
    color: #333
}

.sf-shipwrap .sf-shiplist li.sf-on a {
    background: #fff;
    color: #1f75cc;
    width: 151px
}

.sf-shipwrap .sf-shiplist li a:hover {
    background: #fff;
    color: #1f75cc;
    text-decoration: none
}

.sf-shipwrap .sf-shiplist li em {
    float: right;
    margin-right: 10px;
    margin-top: 11px;
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url(images/ship.png) 0 0 no-repeat
}

.sf-shipwrap .sf-shipmain {
    float: left;
    width: 650px;
    padding: 20px 0 30px 20px
}

.sf-shipserch input {
    float: left;
    width: 150px;
    padding: 3px;
    color: #999;
    margin-right: 10px;
    min-height: 22px
}

.sf-shipitem {
    margin: 30px 0;
    height: 330px
}

.sf-shipitem li {
    float: left;
    width: 111px;
    margin-right: 18px;
    margin-bottom: 20px
}

.sf-shipitem li .sf-shipfm {
    height: 75px;
    width: 105px;
    border: 3px solid #ddd;
    text-align: center;
    cursor: pointer;
    overflow: hidden
}

.sf-shipitem li .sf-shipfm img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.sf-shipitem li .sf-shipfm .sf-em {
    display: inline-block;
    height: 100%;
    width: 2px;
    vertical-align: middle
}

.sf-shipitem li .sf-shipname {
    display: block;
    width: 105px;
    text-align: left;
    height: 36px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 12px;
    color: #666
}

.sf-shipitem li.sf-select .sf-shipfm {
    border: 3px solid #f70
}

.sf-shippages {
    float: right;
    margin-right: 15px
}

.sf-shippages b {
    border: 0
}

.sf-hide {
    display: none
}

.sf-shipbtn {
    margin-top: 30px;
    text-align: center
}

.sf-shipbtn a {
    display: inline-block;
    padding: 0;
    margin: 0 10px 0 0;
    width: 90px;
    line-height: 30px;
    border: 1px solid #0185e2;
    background-color: #0185e2;
    text-align: center;
    height: 30px;
    color: #fff;
    font-size: 14px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px
}

.sf-shipbtn a:hover {
    text-decoration: none
}

.sf-shipbtn .sf-shipsure:hover {
    border: 1px solid #028ef0;
    background: #028ef0!important
}

.sf-shipbtn .sf-shipreset {
    border: 1px solid #ccc;
    background: #fff!important;
    color: #666
}

.sf-shipbtn .sf-shipreset:hover {
    border: 1px solid #bbb!important;
    background: #fff!important;
    color: #333
}

.sf-noship {
    padding-top: 100px
}

.sf-shiparea {
    position: relative
}

.sf-shipmask {
    display: block;
    width: 790px;
    height: 500px;
    overflow: hidden;
    background-color: #fff
}

.sf-shipopen {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -32px;
    display: inline-block;
    width: 64px;
    height: 64px;
    background: url(images/bofang.png) 0 0 no-repeat
}

.sf-shipmask .bj {
    background: url(images/bj.png);
    width: 100%;
    height: 100%
}

.sf-shipmask .ship_bj {
    background: url(images/ship_bj.png);
    width: 100%;
    height: 100%
}

.sf-navbar .hot {
    float: left;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: white
}

.sf-navbar .hot img {
    vertical-align: top
}

body {
    overflow-x: hidden
}

.sf-navfull {
    position: absolute;
    left: 50%;
    width: 1920px;
    margin-left: -960px;
    top: 0
}

.sf-navfull-height {
    height: 30px
}

.sf-new-navfull-height.sf-navfull-height {
    height: 40px
}

.fullAreaBubble .map-position {
    padding-right: 33px;
    line-height: 34px;
    border: 0;
    position: absolute;
    border: 1px solid #ffa51d;
    font-weight: bold
}

.fullAreaBubble .map-positionr {
    background: url(images/bg_bubbler.png) no-repeat 0 0;
    padding: 0 0 0 33px
}

.fullAreaBubble .map-positionr.map-position-cur {
    background: url(images/bg_bubble.png) no-repeat 0 0
}

.fullAreaBubble .map-position .resize {
    display: none
}

.fullAreaBubble .imgMap .map-position-cur .map-position-bg {
    background: 0;
    border: 0
}

.fullAreaBubble .link-number-text {
    color: #fff;
    width: 100px;
    text-align: center
}

.fullAreaBubble .map-position .delete {
    display: none
}

.fullAreaBubble .imgMap .map-position .map-position-bg {
    border: 0;
    background: 0
}

.fullAreaBubble .map-position-cur {
    background: url(images/bg_bubble.png) no-repeat 0 0;
    border: none!important
}

.fullAreaBubble .imageMaps .map-position {
    border: 0
}

.fullAreaBubble .imageMaps .map-position .map-position-bg {
    border: 0;
    background: none!important
}

.fullAreaBubble .imageMaps .link-number-text {
    position: relative;
    display: block!important;
    vertical-align: middle;
    font-weight: normal;
    font-size: 13px
}

.fullAreaBubble .sizeshow {
    display: none
}

.sf-autoWidth .sf-full-screen {
    width: auto
}

.snow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 100001
}

#sf-snow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 100001
}

#sf-content {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 100001
}

#canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 100001;
    opacity: 1
}

.demo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 100001
}

#cas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 100001
}

#starsBox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 100001
}

#starsBox span {
    display: inline-block;
    width: auto;
    position: absolute;
    border-radius: 100%;
    transition: 100s linear
}

.sf-popWinMask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: .3;
    filter: alpha(opacity=30)
}

iframe.sf-popWinFrame {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    z-index: 9;
    filter: alpha(opacity=0);
    opacity: 0;
    width: 100%
}

.sf-popWin {
    position: fixed;
    _position: absolute;
    left: 50%;
    top: 50%;
    background-color: #fff;
    margin: -63px 0 0 -186px;
    padding: 0;
    box-shadow: 0 0 12px #777;
    overflow: hidden
}

.sf-popWinBg {
    position: absolute;
    left: 0;
    top: 0;
    width: 9999px;
    height: 9999px;
    background: #000;
    opacity: .2;
    filter: alpha(opacity=20);
    z-index: -1
}

.sf-popWinTitle {
    padding: 0 0 0 15px;
    height: 40px;
    line-height: 40px;
    background: #f8f8f8;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    font-weight: 700;
    color: #666
}

a.sf-popWinClose,a.sf-popWinClose:active {
    background: transparent;
    position: absolute;
    top: 10px;
    right: 16px;
    z-index: 2;
    *z-index: 0;
    display: block;
    width: 20px;
    height: 20px;
    text-indent: -9999em;
    overflow: hidden;
    background: url(images/popwin/bg_popclose.png) no-repeat 4px 0
}

a.sf-popWinClose:hover {
    background-position: -25px 0
}

.sf-popWinMain {
    padding: 15px 15px;
    background: #fff
}

.sf-popWinLoading {
    text-align: center
}

.sf-popWinLoading i {
    background: url("images/popwin/popwinload.gif") no-repeat center center;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0 10px 0 0
}

.sf-popWinBtns {
    background: #fff;
    text-align: center;
    padding: 10px 15px 30px
}

.sf-popWinBtns a {
    display: inline-block;
    margin: 0 6px;
    padding: .3em 2em;
    color: #333;
    text-decoration: none;
    border-radius: 1px;
    font-size: 14px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px
}

.sf-popWinBtns a:hover {
    text-decoration: none
}

a.sf-popWinBtnYes {
    border: 1px solid #0185e2;
    background: #0185e2;
    background: linear-gradient(to top,#0185e2,#0185e2)
}

a.sf-popWinBtnYes:hover {
    border: 1px solid #028ef0;
    background: #028ef0;
    background: linear-gradient(to top,#028ef0,#028ef0)
}

.sf-popWinBtnNo {
    border: 1px solid #ccc;
    background: #fff;
    color: #666
}

.sf-popWinBtnNo:hover {
    border: 1px solid #bbb;
    color: #333;
    background-color: #
}

.sf-popWinBtns-left {
    text-align: left
}

.sf-popWinBtns-right {
    text-align: right
}

.z .sf-popWinBtns a {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px
}

.sf-mask_b {
    background: #9cf
}

.b .sf-popWinBg {
    background: #66f
}

.b .sf-popWinTitle {
    background: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
    color: #666
}

.b .sf-popWinMain {
    background: #fff;
    padding: 15px 15px 0;
    overflow: hidden
}

.b a.sf-popWinClose,.b a.sf-popWinClose:active {
    color: #fff
}

.b a.sf-popWinClose:hover {
    color: #99f
}

.b .sf-popWinBtns {
    padding-left: 15px;
    background: #fff
}

.b .sf-popWinBtns a {
    padding: 0;
    margin: 0 10px 0 0;
    width: 90px;
    line-height: 30px;
    border: 1px solid #0185e2;
    background-color: #0185e2;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px
}

.b .sf-popWinBtnYes {
    border: 1px solid #0185e2;
    background: #0185e2!important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px
}

.b .sf-popWinBtnYes:hover {
    border: 1px solid #028ef0;
    background: #028ef0!important
}

.b .sf-popWinBtns a.sf-popWinBtnNo {
    border: 1px solid #ccc;
    background: #fff!important;
    color: #666
}

.b .sf-popWinBtnNo:hover {
    border: 1px solid #bbb!important;
    background: #fff!important;
    color: #333
}

.sf-mask_c {
    background: #c00
}

.c .sf-popWinBg {
    background: #c00
}

.c .sf-popWinTitle {
    background: #ededed;
    border-bottom: 1px solid #dcdcdc;
    color: #333
}

.c .sf-popWinMain {
    padding: 0
}

.c a.sf-popWinClose,.c a.sf-popWinClose:active {
    top: 7px;
    right: 18px;
    color: #fff
}

.c a.sf-popWinClose:hover {
    color: #fcc
}

.c .sf-popWinBtns a {
    box-shadow: 0 1px 1px #ddd;
    font-size: 12px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px
}

.c .sf-popWinBtnYes {
    border: 1px solid #0185e2;
    color: #fff;
    background: #0185e2;
    background: linear-gradient(to top,#c00,#f33)
}

.c .sf-popWinBtnYes:hover {
    border: 1px solid #0185e2;
    color: #fff;
    background: #0185e2!important;
    background: linear-gradient(to top,#0185e2,#0185e2)
}

.c .sf-popWinBtnNo {
    border: 1px solid #fcc;
    color: #c00;
    background: #c66;
    background: linear-gradient(to top,#fcc,#fff)
}

.c .sf-popWinBtnNo:hover {
    border: 1px solid #fcc;
    color: #c00;
    background: #fcc;
    background: linear-gradient(to top,#fff,#fcc)
}

.sf-mask_d {
    background: #9cf
}

.d .sf-popWinBg {
    background: #66f
}

.d .sf-popWinTitle {
    background: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
    color: #666
}

.d .sf-popWinMain {
    padding: 0
}

.d a.sf-popWinClose,.b a.sf-popWinClose:active {
    color: #fff
}

.d a.sf-popWinClose:hover {
    color: #99f
}

.d .sf-popWinBtns {
    padding-left: 15px;
    background: #fff
}

.d .sf-popWinBtns a {
    padding: 0;
    margin: 0 10px 0 0;
    width: 90px;
    line-height: 30px;
    border: 1px solid #0185e2;
    background-color: #0185e2;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px
}

.d .sf-popWinBtnYes {
    border: 1px solid #0185e2;
    background: #0185e2!important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px
}

.d .sf-popWinBtnYes:hover {
    border: 1px solid #028ef0;
    background: #028ef0!important
}

.d .sf-popWinBtns a.sf-popWinBtnNo {
    border: 1px solid #ccc;
    background: #fff!important;
    color: #666
}

.d .sf-popWinBtnNo:hover {
    border: 1px solid #bbb!important;
    background: #fff!important;
    color: #333
}

.sf-popWinBtnYes {
    background: #0185e2!important;
    color: #fff!important
}

.sf-popWinBtnNo {
    color: #666!important
}

.sf-popWinBtnNo:hover {
    color: #333!important
}

.sf-popWinTips {
    margin: 20px 0 5px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #666
}

.sf-popWinTips i {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("images/tipsBg.png") no-repeat -120px -140px;
    margin: 0 10px 0 0;
    vertical-align: middle
}

.sf-popLayout {
    position: relative;
    height: 230px
}

.sf-popLayoutone,.sf-popLayouttwo,.sf-popLayoutthr {
    height: 120px
}

.sf-popLayout p {
    color: #666
}

.sf-popLayout li {
    position: absolute;
    width: 195px;
    height: 40px;
    padding: 5px;
    border: 2px solid #e0e0e0;
    background: url("images/layout.gif") no-repeat;
    cursor: pointer
}

.sf-popLayout li:hover,.sf-popLayout li.sf-sel {
    border: 2px solid #fc9a01
}

.sf-popLayout li.sf-lay990 {
    background-position: 5px -55px;
    left: 0;
    top: 35px
}

.sf-popLayout li.sf-lay190-790 {
    background-position: 5px -114px;
    left: 0;
    top: 100px
}

.sf-popLayout li.sf-lay790-190 {
    background-position: 5px -174px;
    left: 220px;
    top: 100px
}

.sf-popLayout li.sf-lay190-590-190 {
    background-position: 5px -233px;
    left: 0;
    top: 165px
}

.sf-popLayout li.sf-lay190-190-590 {
    background-position: 5px -293px;
    left: 220px;
    top: 165px
}

.sf-popLayout li.sf-lay590-190-190 {
    background-position: 5px 5px;
    left: 440px;
    top: 165px
}

.sf-popLayouttwo li.sf-lay190-790,.sf-popLayouttwo li.sf-lay790-190,.sf-popLayoutthr li.sf-lay590-190-190,.sf-popLayoutthr li.sf-lay190-590-190,.sf-popLayoutthr li.sf-lay190-190-590 {
    top: 35px
}

.sf-popModule li {
    background: url("images/module.gif") no-repeat left top;
    border-bottom: 1px dashed #ddd;
    padding: 0 0 20px 75px;
    height: 60px;
    margin: 0 0 10px
}

.sf-popModule li.productModule {
    background-position: 0 -85px
}

.sf-popModule li.searchModule {
    background-position: 0 -175px
}

.sf-popModule li.customModule {
    background-position: 0 -265px
}

.sf-popModule li.storeModule {
    background-position: 0 -355px
}

.sf-popModule li.hotRankModule {
    background-position: 0 -445px
}

.sf-popModule li.shopCateModule {
    background-position: 0 -535px
}

.sf-popModule a {
    float: right;
    display: block;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #0185e2;
    text-decoration: none;
    border-radius: 1px;
    margin: 20px 0 0 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.sf-popModule a:hover {
    background: #028ef0;
    color: #fff;
    text-decoration: none
}

.sf-popModule h1 {
    font-size: 14px;
    color: #666
}

.sf-popModule p {
    font-size: 14px;
    color: #999;
    width: 370px
}

.sf-popModule li.defineModule {
    background: 0;
    padding: 0 0 20px
}

.sf-popModule li.defineModule img {
    width: 60px;
    height: 60px;
    float: left;
    margin: 0 20px 0 0
}

.sf-popModule li.defineModule p,.sf-popModule li.defineModule h1 {
    margin: 0 0 0 80px
}

.focusImages {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 300px;
    overflow: hidden
}

.focusImages li {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    overflow: hidden
}

.focusImages li a {
    display: block;
    position: relative
}

.focusImages li a img {
    position: absolute;
    left: 50%;
    top: 50%
}

.focusImages li p {
    position: absolute;
    left: 0;
    right: 0;
    padding: 1em;
    line-height: 1.5em;
    background: #000;
    background: rgba(0,0,0,0.4);
    color: #fff;
    z-index: 1;
    display: none
}

.focusNumBox {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 10px;
    white-space: nowrap
}

.focusNumBox a {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 14px;
    text-align: center;
    background: #fff;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    margin: 0 5px;
    background: url(images/focusArrli.png) no-repeat 0 0
}

.focusNumBox a.hideNumTxt {
    text-indent: -99em
}

.focusNumBox a.focusSel {
    background-position: -26px 0;
    color: #000
}

.focusPreArr,.focusNextArr {
    display: none;
    position: absolute;
    z-index: 3;
    top: 50%;
    width: 40px;
    height: 70px;
    border-radius: 3px;
    background: url("images/focusArr.png") #000 no-repeat 0 center;
    background: url("images/focusArr.png") rgba(0,0,0,.15) no-repeat 0 center;
    color: #fff
}

.focusPreArr {
    left: 20px
}

.focusNextArr {
    right: 20px;
    background-position: -50px center
}

.focusBox2 .focusPreArr,.focusBox2 .focusNextArr {
    width: 35px;
    height: 70px;
    background: url(images/focusArr3.png) no-repeat 0 0
}

.focusBox2 .focusPreArr {
    left: 0;
    background-position: 0 0
}

.focusBox2 .focusNextArr {
    right: 0;
    background-position: -40px 0
}

.focusBox2 .focusNumBox {
    padding: 0 8px;
    background: url(images/bg_focusul_repeat.png) repeat 0 0;
    height: 20px;
    border-radius: 10px
}

.focusBox2 .focusNumBox a {
    margin: 0 3px;
    background: url(images/bg_focusrepeat.png) repeat 0 0;
    border-radius: 50%;
    width: 12px;
    height: 12px
}

.focusBox2 .focusNumBox a.focusSel {
    background: #f00
}

.focusBox3 .focusPreArr,.focusBox3 .focusNextArr {
    width: 59px;
    height: 59px;
    background: url(images/focusArr4.png) no-repeat 0 0
}

.focusBox3 .focusPreArr {
    left: 0;
    background-position: 0 0
}

.focusBox3 .focusNextArr {
    right: 0;
    background-position: -69px 0
}

.focusBox3 .focusNumBox a {
    margin: 0 2px;
    background: url(images/bg_focusrepeat.png) repeat 0 0;
    width: 12px;
    height: 12px
}

.focusBox3 .focusNumBox a.focusSel {
    background: #f00;
    width: 24px
}