a, blockquote, body, button, caption, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, html, input, legend, li, menu, ol, p, pre, table, td, textarea, th, ul {
    outline: 0;
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 14px;
    font-family: "\5FAE\8F6F\96C5\9ED1", "微软雅黑", "Microsoft YaHei", Helvetica, Tahoma, sans-serif;
    vertical-align: baseline;
    outline: 0
}

#edit-tabs-1 a, #edit-tabs-1 div, #edit-tabs-1 p, #edit-tabs-1 span {
    font-size: 12px
}

address, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

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

caption, th {
    text-align: left;
    font-weight: 400
}

abbr, body, fieldset, html, iframe, img {
    border: 0
}

address, cite, dfn, i, var {
    font-style: normal
}

[hidefocus], summary {
    outline: 0
}

li {
    list-style: none
}

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

sub, sup {
    font-size: 83%
}

code, kbd, pre, samp {
    font-family: inherit
}

q:after, q:before {
    content: none
}

textarea {
    overflow: auto;
    resize: none
}

label, summary {
    cursor: default
}

a, button {
    cursor: pointer
}

b, h1, h2, h3, h4, h5, h6, strong {
    font-weight: 700
}

a, a:hover, del, ins, s, u {
    text-decoration: none
}

body, button, input, keygen, legend, select, textarea {
    font: 12px/1.14 arial, \5b8b\4f53;
    color: #333;
    outline: 0
}

body {
    background: #fff
}

a, a:hover {
    color: #333
}

table {
    display: table;
    border-collapse: collapse;
    border-spacing: 2px
}

table tr td {
    border: 1px solid #DDD
}

hr {
    display: block;
    -webkit-margin-before: .5em;
    -webkit-margin-after: .5em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    border-style: inset;
    border-width: 1px
}

.ui-resizable {
    position: relative
}

.f-cb:after, .f-cbli li:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: "."
}

.f-cb, .f-cbli li {
    zoom: 1
}

.f-ib {
    display: inline-block
}

.f-dn {
    display: none
}

.f-db {
    display: block
}

.f-fl {
    float: left
}

.f-fr {
    float: right
}

.f-pr {
    position: relative
}

.f-prz {
    position: relative;
    zoom: 1
}

.f-oh {
    overflow: hidden
}

.f-ff0 {
    font-family: arial, \5b8b\4f53
}

.f-ff1 {
    font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, arial, \5b8b\4f53
}

.f-fs1 {
    font-size: 12px
}

.f-fs2 {
    font-size: 14px
}

.f-fwn {
    font-weight: 400
}

.f-fwb {
    font-weight: 700
}

.f-tal {
    text-align: left
}

.f-tac {
    text-align: center
}

.f-tar {
    text-align: right
}

.f-taj {
    text-align: justify;
    text-justify: inter-ideograph
}

.f-vam, .f-vama * {
    vertical-align: middle
}

.f-wsn {
    word-wrap: normal;
    white-space: nowrap
}

.f-pre {
    overflow: hidden;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all
}

.f-wwb {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all
}

.f-ti {
    overflow: hidden;
    text-indent: -30000px
}

.f-ti2 {
    text-indent: 2em
}

.f-lhn {
    line-height: normal
}

.f-tdu, .f-tdu:hover {
    text-decoration: underline
}

.f-tdn, .f-tdn:hover {
    text-decoration: none
}

.f-toe {
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis
}

.f-csp {
    cursor: pointer
}

.f-csd {
    cursor: default
}

.f-csh {
    cursor: help
}

.f-csm {
    cursor: move
}

.f-usn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.f-box {
    display: -webkit-box
}

.f-box-f {
    -webkit-box-flex: 1
}

.f-box-pl {
    -webkit-box-pack: start
}

.f-box-pr {
    -webkit-box-pack: end
}

.f-box-pc {
    -webkit-box-pack: center
}

.f-box-al {
    -webkit-box-align: start
}

.f-box-ar {
    -webkit-box-align: end
}

.f-box-ac {
    -webkit-box-align: center
}

.f-e {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.m-g {
    display: -webkit-box;
    margin: 5px 0;
    text-align: center;
    -webkit-box-flex: 1
}

.m-g > div {
    display: -webkit-box;
    -webkit-box-flex: 1;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-orient: vertical;
    width: 0
}

.m-g a {
    display: -webkit-box;
    height: 55px;
    width: 55px;
    text-decoration: none;
    position: relative;
    -webkit-box-align: center;
    -webkit-box-pack: center
}

.m-g a span {
    left: 0;
    bottom: -25px;
    position: absolute;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    color: #000
}

.m-g .font-ico {
    font-size: 30px
}

.m-g-3-t0 a {
    border: 1px solid #9b88fd;
    color: #9b88fd;
    border-radius: 100px
}

.m-g-3-t1 a {
    border: 1px solid #9b88fd;
    color: #9b88fd;
    background-color: #fff;
    border-radius: 100px
}

.m-g-3-t2 a {
    border: 1px solid silver;
    background-color: #fff;
    border-radius: 100px
}

.m-g-3-t3 a {
    border: 1px solid transparent;
    color: #fff;
    border-radius: 10px
}

.m-g-3-t4 > div > a {
    border: 1px solid silver;
    background-color: #fff;
    color: #fff;
    border-radius: 10px
}

#edit-tabs-1 .m-g-c div.item {
    display: -webkit-box
}

.m-g-c-l {
    margin-top: 5px;
    height: 80px;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center
}

.m-g-c-1 .m-g-c-l {
    margin-top: 10px;
    height: 75px
}

.m-g-c-r {
    -webkit-box-flex: 1;
    height: 90px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    padding-left: 10px
}

.m-g-c-l a {
    border: 1px solid #9b88fd;
    color: #9b88fd;
    background-color: #fff;
    border-radius: 100px
}

.m-g-c-l a {
    display: -webkit-box;
    height: 50px;
    width: 50px;
    text-decoration: none;
    position: relative;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-orient: vertical
}

div.m-g-c-1 a {
    height: 65px;
    width: 65px;
    border-radius: 3px;
    border: 0
}

div.m-g-c-1 a span {
    left: 0;
    bottom: 0;
    position: relative;
    color: #fff
}

.m-g-c-l a .font-ico {
    font-size: 30px
}

.m-g-c-1 a .font-ico {
    font-size: 32px;
    margin-bottom: .2em;
    display: block;
    color: #fff
}

.m-g-c-l a span {
    left: 0;
    bottom: -20px;
    position: absolute;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    color: #000
}

.m-g-c-r > div {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    display: -webkit-box
}

.m-g-c-r > div > div:first-child {
    width: 40px;
    text-align: left
}

.m-g-c-r > div > div:last-child {
    -webkit-box-flex: 1;
    height: 20px;
    line-height: 20px;
    text-align: left
}

.m-g-c-r-text .attr-content {
    height: 20px;
    line-height: 20px;
    width: 100%;
    text-align: left;
    padding: 3px;
    -webkit-box-flex: 1;
    outline: 0;
    background-color: #fff;
    border: 1px solid #d2ccc4
}

.mod-grid-1 {
    display: -webkit-box;
    margin: 3px 6px 2px 6px;
    text-align: center;
    -webkit-box-flex: 1
}

.mod-grid-1 .font-ico {
    font-size: 32px;
    display: block;
    margin: 0 0 .4em 0
}

.m-g-1-l {
    display: -webkit-box
}

.m-g-1-l, .m-g-1-r-1, .m-g-1-r-2 {
    border-radius: 3px
}

.m-g-1 a {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-flex: 1;
    color: #fff;
    border-radius: 3px
}

.m-g-1-r {
    display: -webkit-box
}

.m-g-1-t0 a, .m-g-1-t1 a, .m-g-1-t2 a, .m-g-1-t3 a, .m-g-1-t4 a {
    padding: 1.5em 0
}

.m-g-1-t2 a {
    -webkit-box-direction: normal
}

.m-g-1-t4 a {
    -webkit-box-direction: normal
}

.m-g-1-l, .m-g-1-r, .m-g-1-r-1, .m-g-1-r-2 {
    width: 0
}

.m-g-1-t0 .m-g-1-l {
    -webkit-box-flex: 1
}

.m-g-1-t0 .m-g-1-r {
    -webkit-box-flex: 2;
    margin-left: 5px
}

.m-g-1-t0 .m-g-1-r .m-g-1-r-1 {
    -webkit-box-flex: 1
}

.m-g-1-t0 .m-g-1-r .m-g-1-r-2 {
    -webkit-box-flex: 1;
    margin-left: 5px
}

.m-g-1-t1 .m-g-1-l {
    -webkit-box-flex: 1
}

.m-g-1-t1 .m-g-1-r {
    -webkit-box-flex: 2;
    margin-left: 5px
}

.m-g-1-t1 .m-g-1-r .m-g-1-r-1 {
    -webkit-box-flex: 1
}

.m-g-1-t1 .m-g-1-r .m-g-1-r-2 {
    -webkit-box-flex: 1;
    display: none
}

.m-g-1-t2 {
    -webkit-box-direction: reverse
}

.m-g-1-t2 .m-g-1-l {
    -webkit-box-flex: 1
}

.m-g-1-t2 .m-g-1-r {
    -webkit-box-flex: 2.1;
    margin-right: 5px
}

.m-g-1-t2 .m-g-1-r .m-g-1-r-1 {
    -webkit-box-flex: 1
}

.m-g-1-t2 .m-g-1-r .m-g-1-r-2 {
    -webkit-box-flex: 1;
    display: none
}

.m-g-1-t3 .m-g-1-l {
    -webkit-box-flex: 1
}

.m-g-1-t3 .m-g-1-r {
    -webkit-box-flex: 2;
    -webkit-box-orient: vertical;
    margin-left: 5px
}

.m-g-1-t3 .m-g-1-r .m-g-1-r-1 {
    width: 100%;
    -webkit-box-flex: 1
}

.m-g-1-t3 .m-g-1-r .m-g-1-r-2 {
    width: 100%;
    -webkit-box-flex: 1;
    margin-top: 5px
}

.m-g-1-t4 .m-g-1-l {
    -webkit-box-flex: 1
}

.m-g-1-t4 .m-g-1-r {
    -webkit-box-flex: 2.1;
    -webkit-box-orient: vertical;
    margin-right: 5px
}

.m-g-1-t4 .m-g-1-r .m-g-1-r-1 {
    width: 100%;
    -webkit-box-flex: 1
}

.m-g-1-t4 .m-g-1-r .m-g-1-r-2 {
    width: 100%;
    -webkit-box-flex: 1;
    margin-bottom: 5px
}

.m-g-1-t4 {
    -webkit-box-direction: reverse
}

.m-g .item a {
    margin-bottom: 10px
}

.m-g .item p.attr-content {
    font-size: 13px
}

#mod-nav-t1 {
    display: table;
    width: 100%
}

#mod-nav-t1 li {
    display: table-cell;
    text-align: center
}

#mod-nav-t1 li a, #nav-2 li:first-child a {
    display: block;
    width: 87%;
    margin: 0 auto;
    font-size: 13px;
    padding: 8px 6px;
    border-radius: 14px
}

#mod-nav-t1 {
    padding: 3px 0
}

@media screen and (max-width: 640px) {
    #mod-nav-t1 li a {
        font-size: 14px;
        padding: 8px;
        border-radius: 16px
    }
}

@media screen and (min-width: 240px) and (max-width: 320px) {
    #mod-nav-t1 li a {
        font-size: 10px;
        padding: 7px 4px
    }
}

#nav-2 {
    padding: 3px 0
}

#nav-2 li a {
    display: block;
    width: 100%;
    font-size: 13px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

#nav-2 li .fir {
    padding: 0;
    width: 90px
}

#nav-2 li {
    display: table-cell;
    width: 20%;
    text-align: center;
    padding: 2px 10px
}

.mod-text {
    padding: 10px;
    text-align: left;
    min-height: 1em
}

.mod-text .attr-content {
    word-wrap: break-word;
    word-break: normal;
    font-size: 16px;
    line-height: 1.6
}

.mod-text .attr-content p {
    word-wrap: break-word;
    word-break: normal;
    font-size: 16px;
    line-height: 1.6
}

#mod-separate-style dd {
    margin-bottom: 10px;
    position: relative
}

#mod-separate-style dd.cur {
    outline: 2px solid #ffaa25
}

#mod-separate-style dd.current {
    outline: 2px solid #ffaa25
}

#mod-separate-style .mod-separate {
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    padding: 15px
}

.mod-separate a {
    display: -webkit-box;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    padding: 10px
}

.mod-separate-t0 {
    height: 1px;
    background-color: #ccc;
    margin: auto;
    width: 90%
}

.mod-separate-t1 {
    height: 1px;
    border-top: 1px #ccc dotted;
    width: 90%;
    margin: auto
}

.mod-separate-t2 {
    height: 6px;
    background-image: linear-gradient(#d5d2d2, #fcfcfd);
    border-top: 1px solid #c9c9c9;
    width: 90%;
    margin: auto
}

.mod-separate-t3 {
    height: 6px;
    background-color: #ededf3;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    width: 90%;
    margin: auto
}

#mod-separate-style dd .ico {
    position: absolute;
    right: -12px;
    bottom: -1px;
    width: 23px;
    height: 23px
}

#mod-separate-style dd.cur .ico {
    background: url(../images/ui-bg.png) no-repeat -5px -5px transparent
}

#web > div.mod-view:last-child {
    margin-bottom: 50px
}

.product_item {
    clear: both;
    height: 100px;
    border-bottom: 1px solid #ddd;
    position: relative
}

.product_item .preview {
    float: left;
    height: 90px;
    width: 40%;
    margin: 5px;
    overflow: hidden
}

.product_item .info {
    float: left;
    height: 100%;
    width: 55%;
    position: relative;
    text-align: left
}

.mod-title h3 {
    font-family: "宋体", "\5FAE\8F6F\96C5\9ED1", "微软雅黑", "Microsoft YaHei", Helvetica, Tahoma, sans-serif
}

#mod-title-style dd {
    width: 250px;
    padding: 5px;
    margin: 5px 0 10px 0;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    text-align: left
}

#mod-title-style dd.current {
    outline: 2px solid #ff9f3a
}

#mod-title-style dd .ico {
    position: absolute;
    right: -12px;
    bottom: -1px;
    width: 23px;
    height: 23px
}

#mod-title-style dd.cur {
    outline: 2px solid #ff9f3a
}

#mod-title-style dd.cur .ico {
    background: url(../images/ui-bg.png) no-repeat -5px -5px transparent
}

.mod-title-t0 {
    padding: 12px;
    border-top: 1px solid #c8c7cc;
    border-bottom: 1px solid #c8c7cc
}


.mod-title-t1 {
    font-size:16px;

}

.mod-title-t1 h3 {
    overflow: hidden;
    position: relative;
    padding: 2px 10px;
    color:#333;
    font-weight:bold;
}

.mod-title-t1 h3:after {
    content: "";
    position: absolute;
    top: 0;
    height: 0;
    width: 1000px;
    margin-left: 10px;
}

.mod-title-t2 {
    padding: 12px;
    border-top: 1px solid #c8c7cc;
    border-bottom: 1px solid #c8c7cc
}

.mod-title-t2 h3 {
    position: relative;
    padding-left: 35px
}

.mod-title-t2 h3:before {
    font-family: icomoon;
    content: "\e636";
    position: absolute;
    left: 0
}

.mod-title-t3 {
    border-bottom: 1px solid #c8c7cc
}

.mod-title-t3 h3 {
    display: inline-block;
    padding: 12px
}

.mod-title-t4 {
    padding: 12px;
    border-bottom: 1px solid #c8c7cc
}

.mod-title-t4 h3 {
    padding-left: 10px
}

.mod-title-t5 {
    padding: 12px;
    background-color: #efefef;
    border-bottom: 1px solid #c8c7cc
}

.mod-title-t5 h3 {
    position: relative;
    padding-left: 35px
}

.mod-title-t5 h3:before {
    font-family: icomoon;
    content: "\e636";
    position: absolute;
    left: 0
}

#mod-slider-style dd {
    width: 276px;
    padding: 5px 5px 3px 5px;
    margin: 5px 0;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    text-align: left
}

#mod-slider-style dd.current {
    outline: 2px solid #ff9f3a
}

#mod-slider-style dd .ico {
    position: absolute;
    right: -16px;
    bottom: -4px;
    width: 23px;
    height: 23px
}

#mod-slider-style dd.cur {
    outline: 2px solid #ff9f3a
}

#mod-slider-style dd.cur .ico {
    background: url(../images/ui-bg.png) no-repeat -5px -5px transparent
}

.sitem {
    width: 286px
}

#mod-slider-style dd span {
    display: none
}

#mod-slider-style dd.cur span {
    display: block;
    position: absolute;
    top: 92px;
    right: 0;
    padding: 3px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background: #fff
}

#mod-slider-style dd span i {
    color: #ffb80e
}

.infoTitle {
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    height: auto;
    font-weight: 700;
    width: auto;
    margin: auto
}

.infoAuthor {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #999
}

.infoAuthor label {
    margin-left: 10px
}

.infoContent {
    margin: 12px 8px 5px 8px
}

.infoContent p {
    text-align: left
}

#map_img img, .attr-content img, .infoContent img, .product_info img {
    width: 100%
}

#mod-nav-t0, #mod-nav-t1, #mod-nav-t3, #mod-nav-t4, #mod-nav-t5, #mod-nav-t6, #mod-nav-t7, #nav-1, #nav-2, #nav-4, #nav-5, #nav-6, #nav-7, #nav-8 {
    display: table;
    width: 100%;
    min-width: 240px;
    background-color: #fff;
    border: 0
}

#mod-nav-t0 li, #mod-nav-t1 li, #mod-nav-t3 li, #mod-nav-t4 li, #mod-nav-t5 li, #mod-nav-t6 li, #mod-nav-t7 li, #nav-1 li, #nav-2 li, #nav-4 li, #nav-5 li, #nav-6 li, #nav-7 li, #nav-8 li {
    display: table-cell;
    border-radius: 0;
    margin: 0;
    padding: 0
}

#mod-nav-t0 li, #nav-1 li {
    height: 38px
}

#mod-nav-t0 li a, #mod-nav-t1 li a, #mod-nav-t3 li a, #mod-nav-t4 li a, #mod-nav-t5 li a, #mod-nav-t6 li a, #mod-nav-t7 li a, #nav-1 li a, #nav-2 li a, #nav-4 li a, #nav-5 li a, #nav-6 li a, #nav-7 li a, #nav-8 li a {
    text-decoration: none;
    font-size: 15px;
    color: #323232
}

#mod-nav-t1 li, #nav-2 li {
    vertical-align: middle
}

#mod-nav-t0 li, #nav-1 li {
    position: relative;
    vertical-align: middle
}

#mod-nav-t0 li a.current {
    text-decoration: none
}

#mod-nav-t0 li a, #nav-1 li a {
    font-size: 13px;
    border-right: 1px solid #ddd;
    display: block;
    text-align: center
}

#mod-nav-t0 li:after, #nav-1 li:after {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    content: '';
    height: 2px
}

#mod-nav-t0 li:last-child a, #nav-1 li:last-child a {
    border-right: 0
}

#mod-nav-t0 li.current:after, #nav-1 li.current:after {
    display: block
}

#mod-nav-t1 li a {
    color: #000
}

#mod-nav-t1 {
    background-color: #fff;
    border-bottom: 1px solid #3da0fd
}

#mod-nav-t3 a, #nav-4 a {
    display: block;
    margin-right: 6%;
    text-align: center;
    padding: 10px 0;
    border-bottom: 3px solid #bcbcbc
}

#mod-nav-t3 li.current a, #nav-4 li.current a {
    border: 0;
    padding: 10px 0 13px
}

#mod-nav-t3 li:last-child a, #nav-4 li:last-child a {
    margin: 0
}

#mod-nav-t4 li, #nav-5 li {
    position: relative;
    line-height: 37px;
    text-align: center
}

#mod-nav-t4 li.current:after, #mod-nav-t5 li.current:after, #nav-5 li.current:after, #nav-6 li.current:after {
    position: absolute;
    bottom: -5px;
    left: 45%;
    content: '';
    width: 8px;
    height: 8px;
    background-color: #fff;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

#mod-nav-t5 li, #nav-6 li {
    position: relative;
    line-height: 37px;
    text-align: center;
    background-color: #e8e8e8
}

#mod-nav-t5 li.current:after, #nav-6 li.current:after {
    width: 10px;
    height: 10px;
    border: 0
}

#mod-nav-t6 li, #nav-7 li {
    border: 1px solid #e5e5e5;
    border-left: none;
    text-align: center;
    line-height: 38px
}

#mod-nav-t6 li:last-child, #nav-7 li:last-child {
    border-right: 0
}

#mod-nav-t6 li.current a, #nav-7 li.current a {
    display: block
}

#mod-nav-t7 li, #nav-8 li {
    border-top: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    text-align: center;
    line-height: 38px
}

#mod-nav-t7 li.current a, #nav-8 li.current a {
    display: block
}

@media screen and (min-width: 480px) {
    #mod-nav-t4 li.current:after, #mod-nav-t5 li.current:after {
        left: 48%
    }
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    #mod-nav-t0 li a, #mod-nav-t1 li a, #mod-nav-t3 li a, #mod-nav-t4 li a, #mod-nav-t5 li a, #mod-nav-t6 li a, #mod-nav-t7 li a, #nav-1 li a, #nav-2 li a, #nav-4 li a, #nav-5 li a, #nav-6 li a, #nav-7 li a, #nav-8 li a {
        font-size: 14px
    }
}

@media screen and (max-width: 320px) {
    #mod-nav-t0 li a, #mod-nav-t1 li a, #mod-nav-t3 li a, #mod-nav-t4 li a, #mod-nav-t5 li a, #mod-nav-t6 li a, #mod-nav-t7 li a, #nav-1 li a, #nav-2 li a, #nav-4 li a, #nav-5 li a, #nav-6 li a, #nav-7 li a, #nav-8 li a {
        font-size: 12px
    }
}

.swipe-wrap a {
    display: block;
    margin-bottom: -2px
}

#mod-p-c-style dd {
    width: 250px;
    padding: 5px;
    margin: 5px 0 10px 0;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    text-align: left
}

#mod-p-c-style dd.current {
    outline: 2px solid #ff9f3a
}

#mod-p-c-style dd .ico {
    position: absolute;
    right: -12px;
    bottom: -1px;
    width: 23px;
    height: 23px
}

#mod-p-c-style dd.cur {
    outline: 2px solid #ff9f3a
}

#mod-p-c-style dd.cur .ico {
    background: url(../images/ui-bg.png) no-repeat -5px -5px transparent
}

.crow-form-box p {
    margin-bottom: 10px;
    color: grey;
    word-break: break-all;
    text-align: left
}

.crow-form-box p span {
    color: red
}

.crow-form-box input {
    display: block;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid #a6a6a6;
    border-radius: 4px
}

.crow-form-box .form_input {
    font-size: 14px
}

.crow-form-box .address {
    font-size: 14px
}

.btn-flat {
    color: #7e7e7e;
    background-color: #f7f7f7;
    border-radius: 4px;
    border: 1px solid #ddd;
    display: inline-block;
    text-align: center
}

.crow-form-box {
    padding: 5px 20px
}

#crow-config-form-t-wrap {
    line-height: 30px
}

#crow-config-form-title {
    width: 308px;
    padding-left: 8px;
    border: 1px solid #ccc;
    border-radius: 5px
}

#crow-config-form-title label {
    display: inline;
    float: left;
    margin-right: 15px;
    width: 85px;
    text-align: left
}

#crow-config-form-content label {
    display: inline;
    float: left;
    margin-right: 15px;
    text-align: center
}

.crow-config-form-label {
    overflow: hidden;
    line-height: 20px;
    height: 20px;
    border-bottom: 1px solid #ccc
}

.crow-config-form-label1 {
    width: 150px;
    margin-right: 25px
}

.crow-config-form-label2 {
    width: 40px
}

.crow-config-form-label3 {
    width: 80px
}

.crow-config-form-items {
    overflow: hidden;
    margin-bottom: 10px
}

.crow-config-form-items input, .crow-config-form-items select {
    height: 26px;
    float: left;
    margin-top: 10px
}

.crow-config-form-input1 {
    width: 150px;
    margin-right: 21px;
    text-align: center;
    border: 1px solid #ccc
}

.crow-config-form-input3 {
    width: 80px;
    margin-right: 21px;
    margin-left: 37px
}

.crow-config-form-remove {
    cursor: pointer;
    margin-top: 10px;
    display: inline-block;
    height: 26px;
    line-height: 26px
}

.crow-form-box textarea {
    width: calc(100% - 20px);
    border: 1px solid #a6a6a6;
    border-radius: 5px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px
}

.mod-form .customer-city select {
    height: 30px;
    width: 30%
}

.loginner {
    text-align: right;
    padding: 5px
}

.loginner a {
    display: inline-block;
    font-size: 14px;
    word-break: break-all;
    height: 20px;
    line-height: 20px;
    padding: 0 14px
}

.loginner a.log {
    color: #747373;
    background: #fff;
    border: solid #d2d2d2;
    border-width: 1px 0 1px 1px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.loginner a.reg {
    color: #747373;
    background: #d2d2d2;
    border: solid #d2d2d2;
    border-width: 1px 1px 1px 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.loguser {
    text-align: right;
    padding: 5px;
    overflow: hidden;
    text-overflow: ellipsis
}

.loguser a {
    display: inline-block;
    font-size: 14px;
    color: #747373;
    word-break: break-all;
    height: 20px;
    line-height: 20px;
    padding: 0 8px
}

.loguser > i {
    color: #747373;
    display: inline-block;
    vertical-align: middle
}

.shareclass {
    cursor: pointer;
    background-color: #FFF
}

.shareBtn ul {
    display: -webkit-box;
    position: relative;
    padding-left: 20px
}

#nav_main {
    position: absolute;
    top: 14px;
    left: -6px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #f0f0f0
}

.shareBtn ul li {
    height: 44px;
    line-height: 44px;
    -webkit-box-flex: 1
}

.shareBtn ul li span {
    background-repeat: no-repeat;
    display: inline-block;
    height: 100%;
    width: 34px;
    background-position-y: 8px
}

.shareBtn ul ul {
    -webkit-box-flex: 2;
    margin: 3px
}

.share-qqweibo, .share-qzone, .share-renren, .share-sinaweibo {
    font-size: 34px;
    display: block;
    width: 34px;
    height: 46px;
    line-height: 46px
}

.share-qzone {
    color: #d72c2b
}

.share-sinaweibo {
    color: #20c7e5
}

.share-renren {
    color: #a2d712
}

.share-qqweibo {
    color: #42adff
}

.share-cancel {
    padding: 8px;
    background-color: #f0f0f0
}

.share-cancel-btn {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding: 10px 0;
    border: 1px solid #e1e1e1
}

.share-tool {
    background-color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.share-item {
    -webkit-box-flex: 1;
    padding: 5px
}

.share-item dl {
    display: -webkit-box
}

.share-item dl dd {
    -webkit-box-flex: 1;
    height: 60px;
    line-height: 40px;
    text-align: center;
    width: 100%
}

.share-item dl dd a {
    display: inline-table;
    width: 85px;
    height: 50px;
    background: url(../images/share_popupx.png);
    font-size: 12px
}

.share-item dl dd a.sinashare-item {
    background-position: 23px 0
}

.share-item dl dd a.sinashare-item:before {
    content: '新浪微博'
}

.share-item dl dd a.qqweiboshare-item {
    background-position: -177px 0
}

.share-item dl dd a.qqweiboshare-item:before {
    content: 'QQ微博'
}

.share-item dl dd a.mail-item {
    background-position: -277px -100px
}

.share-item dl dd a.mail-item:before {
    content: '邮件'
}

.share-item dl dd a.sms-item {
    background-position: -77px -100px
}

.share-item dl dd a.sms-item:before {
    content: '短信'
}

.share-item dl dd a:before {
    margin-top: 25px;
    display: inline-block;
    content: 'QQ微博'
}

.map_div {
    text-align: left;
    padding-left: 10px;
    height: 45px;
    line-height: 45px;
    color: #7d7d7d;
    border-top: 1px solid #f0f0f0
}

.mod-map-div div:first-child {
    border-top: 1px solid #dedde0
}

.map_div label {
    font-weight: 700;
    margin-right: 8px
}

.map_div span {
    color: #888
}

.company_div {
    text-align: left;
    height: 30px;
    margin-bottom: 10px
}

.cue_div {
    text-align: left;
    margin-bottom: 10px
}

.cue_div label {
    line-height: 20px;
    color: #888
}

.company_div input {
    border: 1px solid #ccc;
    height: 30px;
    padding-left: 5px
}

.company_div label {
    margin-right: 8px
}

#setmap_comname {
    width: 280px
}

#setmap_address {
    width: 240px
}

#setmap_address:focus, #setmap_comname:focus {
    border: 1px solid #ffba00
}

#setsearch_btn {
    display: inline-block;
    border: 0;
    position: relative;
    top: 4px;
    text-align: center;
    line-height: 32px;
    height: 32px;
    background-color: #ffba00;
    border-radius: 5px;
    width: 40px;
    font-size: 24px
}

#setsearch_btn:hover {
    background-color: #ff9e00;
    cursor: pointer
}

#edit-tabs-1 #ajaxsubmit_map {
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background-color: #ffba00;
    color: #fff;
    border-radius: 5px;
    margin-top: 20px
}

#edit-tabs-1 #ajaxsubmit_map:hover {
    background-color: #ff9e00
}

.mod-turntable #outercont {
    position: relative
}

.mod-turntable #outer-cont {
    position: relative;
    width: 100%;
    top: 20px;
    margin-bottom: 30px
}

.mod-turntable #inner-cont {
    position: absolute;
    width: 100%;
    top: 70px
}

.mod-turntable #outer {
    height: 227px;
    margin: 0 auto;
    max-width: 227px;
    width: 227px
}

.mod-turntable #inner {
    cursor: pointer;
    height: 110px;
    margin: 0 auto;
    max-width: 90px;
    width: 90px
}

.mod-turntable #inner img, .mod-turntable #outer img {
    display: block;
    margin: 0 auto
}

.mod-turntable .content {
    margin: 0 0 15px 0
}

.mod-turntable .boxcontent {
    margin: 15px 15px 0;
    border-radius: 5px;
    padding: 2px;
    background-color: #fef8b2;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .5);
    -o-box-shadow: 0 0 6px rgba(0, 0, 0, .5);
    box-shadow: 0 0 6px rgba(0, 0, 0, .5)
}

.mod-turntable .boxyellow {
    background-color: #fef8b2
}

.mod-turntable .box {
    border-radius: 5px;
    font-size: 14px;
    border: 1px dashed rgba(0, 0, 0, .3)
}

.mod-turntable .box .title-orange {
    padding: 0 5px 0 10px;
    background: url(../images/title-bg-orange.png) no-repeat 0 0;
    border-radius: 3px 3px 3px 0;
    color: #fff;
    height: 22px;
    margin: -1px;
    text-align: left
}

.mod-turntable .box .title-green {
    padding: 0 5px 0 10px;
    background: url(../images/title-bg-green.png) no-repeat 0 0;
    border-radius: 3px 3px 3px 0;
    color: #fff;
    height: 22px;
    margin: -1px;
    text-align: left
}

.mod-turntable .box .Detail {
    padding: 15px
}

.mod-turntable .box .prize {
    text-align: left
}

.mod-turntable .box .prize p {
    height: 22px;
    line-height: 22px
}

.mod-turntable .Detail p {
    height: 22px;
    line-height: 22px
}

.mod-turntable .Detail div {
    line-height: 1.8em
}

.mod-turntable .red {
    color: red
}

#writephone {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ccc;
    opacity: .5;
    z-index: 300
}

#inputphone {
    display: none;
    position: absolute;
    width: 220px;
    padding: 10px 9px;
    margin-top: 100px;
    border: 1px solid #ddd;
    left: calc(50% - 120px);
    background: #fff;
    border-radius: 5px;
    z-index: 400
}

#inputphone input {
    height: 30px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 200px;
    padding-left: 5px
}

#inputphone p {
    line-height: 1.5em;
    margin-bottom: 5px
}

#inputphone a {
    display: block;
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #00f;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    margin: 10px auto
}

#pic_content dd {
    float: left;
    width: 100px;
    height: 100px;
    margin: 3px;
    background-color: #ddd;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    cursor: pointer;
    padding: 5px;
    position: relative
}

#pic_content dd.cur {
    outline: 2px solid #ff9f3a
}

#pic_content dd:hover {
    outline: 2px solid #6ab6e6
}

#pic_content dd .ico {
    position: absolute;
    right: -12px;
    bottom: -1px;
    width: 23px;
    height: 23px
}

#pic_content dd.cur .ico {
    background: url(../images/ui-bg.png) no-repeat -5px -5px transparent
}

.pic_btn {
    width: 40px;
    height: 30px;
    color: #fff;
    margin: auto;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid #2899e1;
    padding: 3px 17px;
    cursor: pointer
}

.pic_ok {
    background-image: linear-gradient(#5fb7f0, #52abe4);
    border-color: #38a9f1 #2899e1 #2899e1 #38a9f1
}

.pic_ok:hover {
    background-image: linear-gradient(#78c2f2, #6bb5e5);
    border-color: #38a9f1 #2899e1 #2899e1 #38a9f1
}

.pic_cancel {
    background-image: linear-gradient(#fcfcfc, #efefef);
    color: #999
}

#webpage {
    display: -webkit-box;
    font-size: 15px;
    padding: 0 12px 0 21px
}

#web::-webkit-scrollbar {
    width: 7px;
    height: 16px
}

.grid-item-tool {
    float: left;
    margin-right: 10px
}

.grid-item-bg {
    width: 58px;
    height: 58px;
    cursor: pointer
}

.grid-item-more {
    display: block;
    margin-top: 6px;
    color: #909090;
    cursor: pointer
}

.grid-item-more:hover {
    color: #ff9e39
}

.grid-item-input {
    margin-left: 68px;
    position: relative;
    top: -8px
}

.grid-item-input .chooseStyle .panel {
    right: 0
}

#web::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #2a2e37
}

#edit-tabs-1 .item {
    padding: 7px 5px
}

#edit-tabs-1 .item:hover {
    background-color: #ffe8d7
}

.ico-delete {
    position: absolute;
    width: 15px;
    height: 15px;
    padding: 4px;
    line-height: 15px;
    opacity: .5;
    right: 0;
    bottom: 0;
    background-color: #000;
    display: none;
    cursor: pointer
}

.ico-delete .font-ico:before {
    content: '\e7eb';
    color: #fff
}

#edit-tabs-1 .item:hover .ico-delete {
    display: inline
}

#page_content::-webkit-scrollbar {
    width: 6px;
    height: 16px;
    background-color: #f5f5f5
}

#page_content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #939393
}

#mod-link-style dd {
    width: 100px;
    padding: 15px;
    float: left;
    margin: 5px;
    position: relative;
    cursor: pointer;
    font-size: 12px
}

#mod-link-style dd:hover {
    outline: 2px solid #ff9f3a
}

#mod-link-style dd.cur {
    outline: 2px solid #ff9f3a
}

#mod-link-style dd .ico {
    position: absolute;
    right: -12px;
    bottom: -1px;
    width: 23px;
    height: 23px
}

#mod-link-style dd.cur .ico {
    background: url(../images/ui-bg.png) no-repeat -5px -5px transparent
}

.mod-link-t1:before {
    content: "●";
    position: absolute;
    left: 10px
}

.mod-link-t2:before {
    content: " ";
    width: 5px;
    height: 20px;
    position: absolute;
    left: 10px
}

.mod-link-t3:before {
    content: ">";
    width: 5px;
    height: 20px;
    position: absolute;
    right: 10px
}

.mod-link-t1, .mod-link-t2, .mod-link-t3 {
    margin-left: 10px
}

.mod-link {
    font-size: 16px;
    color:#fff;
}

.mod-link div.attr-content {
    font-size: 14px
}

.mod-link div.attr-content p {
    line-height: 1.5em
}

.module-content:hover {
    outline: 2px solid #ffa546
}

#edit-tabs-1 .items .item {
    margin-bottom: 5px
}

.select {
    position: absolute;
    margin: 0 10px;
    width: 240px
}

.select dt {
    height: 24px;
    display: inline-block;
    outline: 1px solid #d2ccc4;
    background: #fcfcfb url(../images/select.png) no-repeat right center;
    line-height: 24px;
    padding-left: 8px;
    cursor: pointer;
    width: 220px;
    padding-right: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    z-index: 99;
    font-size: 13px;
    text-align: left
}

.select:hover {
    outline: 1px solid #409dfe
}

.select:hover > dt {
    outline: 0
}

.select dd {
    background: #fff;
    display: none
}

.select dd ul {
    background-color: #fff;
    border: 0
}

.select dd ul li a {
    line-height: 25px;
    display: block;
    padding: 0 8px;
    height: 25px
}

.select dd ul li {
    width: 100%
}

.select dd ul li:first-child {
    border-radius: 0
}

.select dd ul li:hover {
    background: #ededed
}

#footer {
    position: fixed;
    height: 45px;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5a00, endColorstr=#913300, grandientType=0);
    bottom: 0;
    z-index: 200
}

#footer ul {
    width: 100%;
    height: 45px;
    line-height: 45px
}

#footer ul li {
    width: 25%;
    float: left
}

#footer ul li a {
    width: 100%;
    height: 45px;
    display: block
}

#footer ul li dl {
    width: auto;
    margin: 0 auto;
    text-align: center
}

#footer ul li dt {
    line-height: 25px;
    padding-top: 2px;
    font-size: 25px
}

#footer ul li dd {
    width: auto;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden
}

.icon-map2:before {
    content: "\e646"
}

.icon-phone:before {
    content: "\e63c"
}

.icon-bubbles4:before {
    content: "\e66f"
}

.mod-button {
    padding: 10px;
    position: relative
}

.mod-button a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    white-space: nowrap
}

#mod-button-style dd .mod-button a {
    width: 112px
}

#mod-button-style dd {
    display: -webkit-box
}

#mod-button-style div .mod-button:hover {
    outline: 2px solid #a3d2f0
}

#mod-button-style dd div.cur {
    outline: 2px solid #ff9f3a
}

.ico {
    position: absolute
}

#mod-button-style dd div.cur .ico {
    background: url(../images/ui-bg.png) no-repeat -5px -5px transparent;
    right: -12px;
    bottom: -2px;
    width: 23px;
    height: 23px
}

.mod-button-t0 a {
    border-radius: 5px;
    color: #fff
}

.mod-button a span {
    font-size: 15px
}

.mod-button-t1 a {
    border-radius: 4px;
    color: #7e7e7e
}

.mod-button-t2 a {
    border-radius: 5px;
    color: #fff
}

.mod-button-t3 a {
    border-radius: 4px;
    color: #7e7e7e
}

.mod-button-t4 a {
    border-radius: 4px;
    border-radius: 100px;
    color: #fff
}

.mod-button-t5 a {
    border-radius: 4px;
    border-radius: 100px;
    color: #7e7e7e
}

#icon-select dd, #icon-select-grid dd {
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    position: relative;
    margin-right: 2px
}

#icon-select dd:hover, #icon-select-grid dd:hover {
    outline: 2px solid #f9c86a
}

#icon-select dd.cur, #icon-select-grid dd.cur, .panel li .cur {
    outline: 2px solid #f9c86a
}

#icon-select dd.cur .ico, #icon-select-grid dd.cur .ico, .panel li .cur .ico {
    background: url(../images/ui-bg.png) no-repeat -5px -5px transparent;
    right: -12px;
    bottom: -2px;
    width: 23px;
    height: 23px
}

#icon-select dd a, #icon-select-grid dd a {
    display: inline-block;
    height: 100%;
    width: 100%;
    line-height: 30px
}

#icon-select .mod-button, #icon-select-grid .mod-button {
    padding: 1px
}

.chooseStyle {
    position: relative
}

#icon-select .more, #icon-select-grid .more {
    position: relative;
    top: -1px;
    width: 50px;
    font-size: 16px
}

.panel {
    display: none;
    position: absolute;
    top: 36px;
    right: -100px;
    width: 300px;
    padding: 60px 20px 10px;
    text-align: center;
    background: rgba(90, 90, 90, .95);
    z-index: 1000;
    border-radius: 3px;
    -webkit-box-shadow: -1px 2px 4px #333;
    -moz-box-shadow: -1px 2px 4px #333;
    box-shadow: -1px 2px 4px #333
}

.panel .panelTop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #eaeaea;
    color: #000
}

.panel .panelTop .arrow {
    position: absolute;
    top: 0;
    width: 30px;
    height: 50px;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    line-height: 46px;
    color: #5c5c5c;
    cursor: pointer
}

.panel .panelTop .left {
    left: 0
}

.panel .panelTop .right {
    right: 0
}

.panel .panelTop .industry {
    position: absolute;
    left: 30px;
    top: 0;
    width: 280px;
    height: 50px;
    overflow: hidden
}

.panel .panelTop .industry .intro {
    width: 3000px;
    overflow: hidden
}

.panel .panelTop .industry .intro dd {
    float: left;
    width: 70px;
    height: 50px;
    margin: 0;
    text-align: center;
    line-height: 46px;
    cursor: pointer
}

.panel .panelTop .industry dl dd.curr {
    background: rgba(90, 90, 90, .95);
    color: #fff
}

.panel .detail {
    overflow: hidden
}

.panel .detail li {
    display: none;
    float: left;
    overflow: hidden
}

.panel .detail li.now {
    display: block
}

.panel .detail li .unit {
    float: left;
    margin: 8px
}

.panel .detail li a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 34px;
    height: 34px;
    padding: 0;
    line-height: 34px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    border: 1px solid transparent;
    cursor: pointer;
    text-decoration: none
}

.panel .detail li a .font-ico {
    font-size: 24px;
    color: #fff;
    line-height: 1
}

.nineStyle .panel {
    top: 50px
}

#moduNine {
    padding-top: 10px
}

#moduNine li {
    display: block
}

.font-ico {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mod-button a.mod-button-icon-1 .font-ico:before {
    content: '\e63c'
}

.mod-button a.mod-button-icon-2 .font-ico:before {
    content: '\e600'
}

.mod-button a.mod-button-icon-3 .font-ico:before {
    content: '\e643'
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    background-color: #ff9425
}

.ui-slider {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.ui-corner-all, .ui-corner-bl, .ui-corner-left {
    border-bottom-left-radius: 4px
}

.ui-corner-all, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px
}

.ui-widget .ui-widget {
    font-size: 1em;
    background-color: #bfbfbf
}

.ui-slider-horizontal {
    height: 4px
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
    background-color: #fff
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 10px;
    height: 10px;
    cursor: default;
    border-radius: 100px;
    background-color: #fff;
    border: 1px solid #ddd;
    outline: 0
}

#mod-button-align dd {
    float: left;
    width: 80px;
    height: 45px;
    line-height: 45px;
    margin-left: 10px;
    text-align: center;
    cursor: pointer;
    position: relative
}

#mod-button-align dd:hover {
    outline: 2px solid #ffca93
}

#mod-button-align dd.cur {
    outline: 2px solid #ff9e39
}

#mod-button-align dd.cur .ico {
    background: url(../images/ui-bg.png) no-repeat -5px -5px transparent;
    right: -12px;
    bottom: -2px;
    width: 23px;
    height: 23px
}

.ui-draggable-dragging {
    background-color: #ff8a00;
    box-shadow: 0 0 10px #000;
    color: #fff
}

.ui-draggable-dragging span {
    color: #fff
}

.ui-draggable-dragging p .font-ico {
    color: #fff
}

.tool_module .module p {
    line-height: 80px
}

.news_list {
    padding: 2px 5px;
    border: medium none
}

.news_list dl {
    width: 100%;
    border-bottom: 1px dotted #939393
}

.news_list dt {
    width: 100%;
    height: 20px;
    line-height: 20px;
    background: url(http://ui.tiantis.com/images/MShopDec/orange001/biao1.gif) left top no-repeat
}

.news_list dt a {
    font-size: 16px;
    color: #666;
    text-decoration: none;
    width: auto;
    overflow: hidden;
    float: left;
    height: 20px;
    padding-left: 12px;
    display: block
}

.news_list dt time {
    width: auto;
    color: #999;
    float: right;
    font-size: 14px
}

.news_list dd {
    text-align: left;
    margin: 5px 0 5px 10px;
    font-size: 12px;
    color: #999
}

.mod-select dt {
    height: 25px;
    outline: 1px solid #d2ccc4;
    background: #fcfcfb url(../images/select.png) no-repeat right center;
    line-height: 25px;
    padding-left: 8px;
    cursor: pointer;
    padding-right: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    z-index: 99;
    font-size: 13px;
    text-align: left
}

.mod-select:hover {
    outline: 1px solid #409dfe
}

.mod-select dd {
    background: #fff;
    display: none
}

.mod-select dd ul {
    background-color: #fff;
    border: 0
}

.mod-select dd ul li a {
    line-height: 25px;
    display: block;
    padding: 0 8px;
    height: 25px
}

.mod-select dd ul li {
    width: 100%
}

.mod-select dd ul li:first-child {
    border-radius: 0
}

.mod-select dd ul li:hover {
    background: #ededed
}

.mod-select-1 dt {
    width: 45px
}

.mod-select-1 {
    width: 65px;
    left: 0
}

.form-label {
    text-align: left;
    display: inline;
    float: left;
    margin-right: 10px;
    width: 70px;
    font-weight: 700
}

.js-confirm {
    cursor: pointer;
    display: inline-block;
    width: 70px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #2899e1;
    border-radius: 2px;
    background: linear-gradient(#57b4f0, #33a4ec);
    color: #fff
}

.js-confirm:hover {
    background: linear-gradient(#71bff2, #51b1ef);
    color: #fff;
    text-decoration: none
}

.js-cancel {
    cursor: pointer;
    display: inline-block;
    width: 70px;
    height: 30px;
    margin-left: 20px;
    line-height: 28px;
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    background: linear-gradient(#fcfcfc, #f0f0f0);
    color: #666
}

.js-cancel:hover {
    border-color: #84c4ec;
    color: #0085d9
}

.add_logo {
    display: inline-block;
    line-height: 28px;
    border: 1px solid #2899e1;
    padding: 0 15px;
    margin-left: 10px;
    background: linear-gradient(#58b4f0, #32a3ec);
    cursor: pointer;
    color: #fff;
    border-radius: 1px
}

.add_logo:hover {
    color: #fff;
    text-decoration: underline
}

#header {
    width: 100%;
    height: 44px;
    overflow: hidden;
    line-height: 44px;
    position: relative
}

#header .logo {
    font-size: 16px;
    text-align: center;
    overflow: hidden
}

#header .logo_style {
    font-size: 16px;
    padding-left: 10px;
    text-align: left;
    overflow: hidden
}

#header .logo span {
    display: inline-block;
    height: 44px
}

#header .home {
    position: absolute;
    right: 10px;
    font-size: 24px;
    z-index: 100;
    top: 10px
}

.icon-home:before {
    content: "\e600"
}

#header .slider {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 28px;
    width: 28px;
    height: 28px
}

#headerTitle #title {
    position: absolute;
    height: 44px;
    line-height: 49px
}

.icon-list5:before {
    content: "\e8d9"
}

#subMenu {
    display: none;
    position: absolute;
    right: 5px;
    top: 37px;
    z-index: 10001
}

#subMenu:after {
    content: "";
    position: absolute;
    top: -4px;
    right: 19px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#subMenu ul {
    background: rgba(255, 255, 255, .9);
    -webkit-border-radius: 3px;
    border-radius: 3px
}

#subMenu li a {
    display: block;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 14px;
    line-height: 40px;
    color: #000;
    border-top: 1px solid #c9c9c9
}

#subMenu li:first-child a {
    border-top: 0
}

#create_web_loading {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: url(../../Home/select_temp/images/Preloader_2.gif) center center no-repeat
}

#mod-grid-1-style dd.cur, #mod-grid-style dd.cur {
    outline: 2px solid #ff9f3a
}

#mod-grid-1-style dd, #mod-grid-style dd {
    width: 250px;
    padding: 5px;
    margin: 5px 0 10px 0;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    text-align: left
}

#mod-grid-1-style dd.cur .ico, #mod-grid-style dd.cur .ico {
    background: url(../images/ui-bg.png) no-repeat -5px -5px transparent
}

#mod-grid-1-style dd:hover, #mod-grid-style dd:hover {
    outline: 2px solid #ff9f3a
}

#mod-grid-1-style dd .ico, #mod-grid-style dd .ico {
    position: absolute;
    right: -12px;
    bottom: -1px;
    width: 23px;
    height: 23px
}

.placeholder:hover {
    outline: 0
}

.mod-select dt {
    height: 25px;
    outline: 1px solid #d2ccc4;
    background: #fcfcfb url(../images/select.png) no-repeat right center;
    line-height: 24px;
    padding-left: 8px;
    cursor: pointer;
    padding-right: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    z-index: 99;
    font-size: 13px;
    text-align: left
}

.mod-select:hover {
    outline: 1px solid #409dfe
}

.mod-select:hover > dt {
    outline: 0
}

.mod-select dd {
    background: #fff;
    display: none
}

.mod-select dd ul {
    background-color: #fff;
    border: 0
}

.mod-select dd ul li a {
    line-height: 25px;
    display: block;
    padding: 0 8px;
    height: 25px
}

.mod-select dd ul li {
    width: 100%
}

.mod-select dd ul li:first-child {
    border-radius: 0
}

.mod-select dd ul li:hover {
    background: #ededed
}

.mod-select-type dt {
    width: 45px
}

.mod-select-type {
    width: 65px;
    left: 0;
    margin: 0 5px 0 1px;
    display: inline-block
}

.mod-select-text {
    width: 100%;
    background-color: #fff
}

.mod-url-text {
    position: absolute;
    width: calc(100% - 10px);
    background-color: #fff;
    left: 0;
    padding: 0 2px;
    line-height: 20px;
    height: 100%;
    padding: 0 5px;
    font-size: 12px;
    box-shadow: inset 1px 1px 3px 0 #ddd
}

#edit-tabs-1 .items .item {
    position: relative;
    border-bottom: 1px dashed #ccc
}

#edit-tabs-1 .items .item:last-child {
    position: relative;
    border-bottom: 0
}

.mod-slider {
    position: relative
}

.mod-button a {
    display: inline-block;
    text-align: center
}

.mod-title {
    -webkit-box-orient: vertical;
    -webkit-box-pack: center
}

.mod-title a {
    display: -webkit-box;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-box-align: center
}

.copy[disabled], .paste[disabled], .redo[disabled], .undo[disabled] {
    color: #cbcbcb
}

.copy[disabled] .font-ico, .paste[disabled] .font-ico, .redo[disabled] .font-ico, .undo[disabled] .font-ico {
    color: #cbcbcb
}

.nav-del {
    cursor: pointer;
    display: inline-block;
    margin-left: 15px
}

.nav-del:hover {
    color: #ff8a00
}

#mod-news-style dd {
    margin-bottom: 10px;
    padding: 3px 3px 1px 3px;
    position: relative
}

#mod-news-style dd.cur {
    outline: 2px solid #ffb040
}

#mod-news-style dd.cur .ico {
    display: inline-block;
    font: 500 normal 20px/29px arial;
    vertical-align: sub;
    margin-right: 10px;
    color: #999;
    position: absolute;
    right: -12px;
    bottom: -1px;
    width: 23px;
    height: 23px;
    background: url(../images/ui-bg.png) no-repeat -5px -5px transparent
}

#mod-news-style dd:hover {
    outline: 2px solid #ffb040
}

.mod-column {
    display: -webkit-box;
    height: auto;
    min-height: 45px;
    text-align: center
}

.mod-column-left {
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: end
}

.mod-column-right {
    -webkit-box-flex: 1;
    border-left: 2px solid transparent;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-left: -2px
}

.mod-column-left .mod-view, .mod-column-right .mod-view {
    -webkit-box-flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.mod-column-left .mod-text, .mod-column-right .mod-text {
    width: calc(100% - 20px)
}

.mod-column-left .mod-view .item {
    -webkit-box-orient: vertical;
    -webkit-box-flex: 1;
    display: -webkit-box
}

.mod-column-left .mod-view .item a {
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    display: -webkit-box
}

.mod-pic .item, .mod-slider .item {
    -webkit-box-pack: center
}

#edit-tabs-1 .attr-content {
    height: 20px;
    line-height: 20px;
    text-align: left;
    -webkit-box-flex: 1;
    outline: 0;
    background-color: #fff;
    border: 1px solid #d2ccc4;
    padding: 5px;
    white-space: nowrap;
    overflow: hidden
}

#edit-tabs-1 .edui-editor-body div.attr-content {
    white-space: inherit;
    overflow: inherit
}

#hjj_tip {
    position: absolute;
    top: -10px;
    min-width: 150px;
    color: #FFF;
    text-align: center;
    background-color: rgba(82, 173, 62, .6);
    font-size: 14px;
    padding: 6px 20px;
    border-radius: 4px
}

#ProductList {
    padding: 5px;
    background-color: #eeedf3
}

.mod-news {
    background-color: #f0f0f0
}

.mod-news dd:first-child {
    border-top: 1px solid #dedde0
}

.mod-news dd {
    display: -webkit-box;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 10px 0 10px;
    background-color: #FFF
}

.mod-news dd a {
    width: 100%;
    display: -webkit-box
}

.mod-news dd a .news-title {
    text-align: left;
    margin-right: 10px;
    color: #000
}

.mod-news dd:first-child a .news-title {
    font-weight: 700
}

.mod-news dd a .font-ico {
    font-size: 18px;
    text-align: center
}

.mod-new-t1 dd {
    height: 45px;
    padding-left: 15px
}

.mod-new-t1 dd a .news-img {
    display: none
}

.mod-new-t1 dd a .news-con {
    -webkit-box-flex: 1;
    line-height: 45px
}

.mod-new-t1 dd a .news-con .news-content {
    display: none
}

.mod-new-t1 dd a .font-ico {
    line-height: 45px;
    color: #9f9f9f
}

.mod-new-t1 dd a .news-title3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mod-new-t1 .news-time {
    display: none
}

.mod-new-t1 .news-author {
    display: none
}

.mod-new-t2 dd {
    padding: 10px;
    padding-left: 15px
}

.mod-new-t2 dd a .news-img {
    width: 70px
}

.mod-new-t2 dd a img {
    width: 70px
}

.mod-new-t2 dd a .news-con {
    -webkit-box-flex: 1;
    margin-left: 10px
}

.mod-new-t2 dd a {
    position: relative
}

.mod-new-t2 dd a .font-ico {
    display: none
}

.mod-new-t2 dd a .news-con .news-content {
    text-align: left;
    line-height: 20px;
    color: #aeadad;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px
}

.mod-new-t2 .news-time {
    width: 68px;
    height: 15px;
    font-size: 12px;
    position: absolute;
    right: 0;
    bottom: 0
}

.mod-new-t2 .news-author {
    display: none
}

.mod-new-t2 dd a .news-con .news-content p, .mod-new-t2 dd a .news-con .news-content span {
    color: #aeadad
}

.mod-new-t2 dd a .news-title3 {
    white-space: nowrap;
    overflow: hidden
}

.mod-new-t5 dd {
    padding: 10px;
    padding-left: 15px
}

.mod-new-t5 dd a .news-img {
    display: none
}

.mod-new-t5 dd a img {
    width: 70px
}

.mod-new-t5 dd a .news-con {
    -webkit-box-flex: 1
}

.mod-new-t5 .news-time {
    width: 68px;
    height: 15px;
    font-size: 12px;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #aeadad
}

.mod-new-t5 .news-author {
    width: 200px;
    height: 15px;
    text-align: left;
    overflow: hidden;
    font-size: 12px;
    color: #aeadad
}

.mod-new-t5 dd a {
    position: relative
}

.mod-new-t5 dd a .font-ico {
    display: none
}

.mod-new-t5 dd a .news-con .news-content {
    text-align: left;
    line-height: 20px;
    color: #aeadad;
    height: 20px;
    padding-right: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px
}

.mod-new-t5 dd a .news-con .news-content p, .mod-new-t5 dd a .news-con .news-content span {
    color: #aeadad
}

.mod-new-t5 dd a .news-title3 {
    white-space: nowrap;
    overflow: hidden
}

.mod-new-t3 {
    padding-bottom: 8px;
    overflow: hidden
}

.mod-new-t3 dd {
    display: block;
    float: left;
    width: 43.8%;
    border-top: 0;
    border-bottom: 0;
    padding-top: 4px;
    padding-left: 2%;
    padding-right: 2%
}

.mod-new-t3 dd .news-data-a {
    display: block
}

.mod-new-t3 dd:nth-child(even) {
    border-right: 1px solid #dedde0;
    border-bottom: 1px solid #dedde0;
    margin-left: 2%
}

.mod-new-t3 dd:nth-child(odd) {
    border-bottom: 1px solid #dedde0;
    margin-right: 2%
}

.mod-new-t3 dd:first-child {
    float: none;
    margin-bottom: 4px;
    border-bottom: 0;
    width: 97%
}

.mod-new-t3 dd a .font-ico {
    display: none
}

.mod-new-t3 .news-con .news-content {
    display: none
}

.mod-new-t3 dd a .news-img {
    position: relative;
    width: 100%;
    height: 0
}

.mod-new-t3 dd a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mod-new-t3 dd a > div {
    text-align: center;
    width: 100%
}

.mod-new-t3 dd a .news-con {
    height: 20px;
    margin-bottom: 4px
}

.mod-new-t3 dd a .news-title3 {
    width: 100%;
    text-align: center;
    padding-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mod-new-t3 .news-time {
    display: none
}

.mod-new-t3 .news-author {
    display: none
}

.mod-new-t4 {
    padding-bottom: 8px;
    overflow: hidden
}

.mod-new-t4 dd {
    display: block;
    float: left;
    width: 43.8%;
    border-top: 0;
    border-bottom: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 2%;
    padding-right: 2%
}

.mod-new-t4 dd:first-child {
    float: none;
    margin-bottom: 4px;
    width: 100%
}

.mod-new-t4 dd .news-data-a {
    display: block;
    position: relative
}

.mod-new-t4 dd:nth-child(even) {
    border-right: 1px solid #dedde0;
    border-bottom: 1px solid #dedde0;
    margin-left: 2%
}

.mod-new-t4 dd:nth-child(odd) {
    border-bottom: 1px solid #dedde0;
    margin-right: 2%
}

.mod-new-t4 dd:first-child {
    float: none;
    margin-bottom: 4px;
    border-bottom: 0;
    width: 97%
}

.mod-new-t4 dd a .font-ico {
    display: none
}

.mod-new-t4 .news-con .news-content {
    display: none
}

.mod-new-t4 dd a .news-img {
    position: relative;
    width: 100%;
    height: 0
}

.mod-new-t4 dd a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mod-new-t4 dd a > div {
    text-align: center;
    width: 100%
}

.mod-new-t4 dd a .news-con {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, .5)
}

.mod-new-t4 dd a .news-title3 {
    width: 100%;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis
}

.mod-new-t4 .news-time {
    display: none
}

.mod-new-t4 .news-author {
    display: none
}

#index_body > div.mod-view:last-child {
    margin-bottom: 50px
}

.masker, .shareMasker {
    position: absolute;
    z-index: 998;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    filter: alpha(Opacity=50);
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    visibility: hidden;
    background-color: rgba(0, 0, 0, .5);
    position: fixed
}

.mod-NewsType {
    border-top: 1px solid #ccc
}

.mod-NewsType p {
    text-align: left;
    padding-left: 10px;
    line-height: 36px;
    border-bottom: 1px solid #ccc
}

.mod-NewsType p .font-ico {
    font-size: 16px;
    background-position: 0 -17px;
    display: inline-block;
    float: right;
    margin: 8px 10px 0 0
}

#mod-atlas {
    margin-bottom: 0;
    width: 100%;
    display: inline-block
}

#mod-atlas dd {
    float: left
}

dl.atlas-s1 dd {
    float: left;
    width: 96%;
    margin: 0 2% 2%;
    position: relative;
    text-align: center
}

dl.atlas-s1 dd:first-child {
    margin-top: 2%
}

dl.atlas-s1 dd a, dl.atlas-s1 dd a img {
    width: 100%
}

dl.atlas-s2 dd {
    margin: 0 2% 2% 0;
    padding: 0;
    width: 47%;
    position: relative
}

dl.atlas-s2 dd:nth-child(1), dl.atlas-s2 dd:nth-child(2) {
    margin-top: 2%
}

dl.atlas-s2 dd:nth-child(2n-1) {
    margin-left: 2%
}

dl.atlas-s2 dd a {
    width: 100%;
    height: 100%;
    display: inline-block
}

dl.atlas-s2 dd a img {
    width: 100%
}

dl.atlas-s3 dd {
    margin: 0 2% 2% 0;
    padding: 0;
    width: 30.6666666666666%;
    position: relative
}

dl.atlas-s3 dd:nth-child(1), dl.atlas-s3 dd:nth-child(2), dl.atlas-s3 dd:nth-child(3) {
    margin-top: 2%
}

dl.atlas-s3 dd:nth-child(3n-2) {
    margin-left: 2%
}

dl.atlas-s3 dd a {
    width: 100%;
    height: 100%;
    display: inline-block
}

dl.atlas-s3 dd a img {
    width: 100%
}

dl.atlas-s4 dd {
    margin: 0 2% 2% 0;
    padding: 0;
    width: 22.5%;
    position: relative
}

dl.atlas-s4 dd:nth-child(1), dl.atlas-s4 dd:nth-child(2), dl.atlas-s4 dd:nth-child(3), dl.atlas-s4 dd:nth-child(4) {
    margin-top: 2%
}

dl.atlas-s4 dd:nth-child(4n-3) {
    margin-left: 2%
}

dl.atlas-s4 dd a {
    width: 100%;
    height: 100%;
    display: inline-block
}

dl.atlas-s4 dd a img {
    width: 100%
}

#mod-atlas .atlas-des {
    position: absolute;
    width: 100%;
    bottom: 2px;
    background: rgba(0, 0, 0, .3);
    margin: 0;
    color: #fff;
    font-size: 9pt;
    text-indent: 10px;
    text-overflow: ellipsis;
    height: 24px;
    opacity: .9;
    text-align: left;
    line-height: 24px;
    overflow: hidden
}

#edit-tabs-1 .atlas-masker-edit-tab ul li.ui-state-active a {
    color: #5d9cec;
    text-decoration: none;
    font-size: 14px
}

#target-2 {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center
}

#mod-link-group {
    -webkit-box-flex: 1;
    margin: 0 10px
}

#mod-link-group dd {
    position: relative
}

#target-2 a {
    padding: 6px 10px;
    width: calc(100% - 20px)
}

#target-2 .jGM_back a:hover, #target-2 .jGM_content a:hover, #target-2 .jGM_reset a:hover {
    color: #fff
}

#target-2 .dropdown-menu {
    min-width: 75pt
}

#target-2 button {
    padding: 5px;
    border-radius: 0
}

#mod-link-group .link-page {
    min-width: 100%
}

#mod-link-group .dropdown-menu, #mod-link-group button {
    width: 100%
}

#mod-link-group dd {
    display: none
}

div#newsLink.dropdown-menu, div#productLink.dropdown-menu {
    min-width: 227px;
    padding: 0
}

.link-url input.link-content {
    height: 22px;
    padding: 3px 10px;
    width: calc(100% - 20px)
}

#atlas-showLine {
    display: -webkit-box;
    padding: 18px 23px 0
}

#atlas-showLine > div:first-child {
    font-size: 15px
}

#atlas-showLine > div:last-child {
    position: relative;
    text-align: center;
    margin-left: 9pt
}

#atlas-showLine > div:last-child > button {
    width: 60px;
    padding: 2px
}

#atlas-showLine > div:last-child > ul {
    min-width: 60px;
    text-align: center
}

#edit-tabs-1 .btn-primary {
    background-color: #5d9cec;
    border: #5d9cec
}

#edit-tabs-1 .btn-primary:hover {
    background-color: #4d84ec;
    border: #4d84ec
}

.atlasDel-tool {
    background: url(../images/shanchu.png) no-repeat;
    background-size: 100% 100%;
    width: 1pc;
    height: 1pc;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 1px;
    right: 0
}

div.atlas-tip {
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 3px;
    background-color: red;
    -webkit-box-flex: 1;
    margin: 0 30px;
    color: #fff;
    opacity: .7;
    display: none
}

div.mod-divider {
    display: -webkit-box
}

#edit-tabs-1 div.mod-divider {
    padding: 0 10px;
    font-weight: bolder;
    border-bottom: 1px solid #dfdfdf;
    text-align: left;
    color: #a4a9ae;
    font-size: 15px;
    width: calc(100% - 20px);
    height: 46px;
    -webkit-box-align: center
}

#picImage-items {
    margin: 10px 0;
    min-height: 250px;
    max-height: 350px;
    overflow-y: auto;
    padding: 2px 0
}

#picImage-items::-webkit-scrollbar {
    width: 5px;
    height: 0
}

#picImage-items::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #4e9beb
}

#picImage-items dd {
    display: -webkit-box;
    padding: 5px 10px;
    margin: 1px;
    background-color: #fff;
    position: relative
}

#picImage-items dd:hover {
    outline: 1px dashed #f9c86a
}

#picImage-items dd .item-drag {
    display: inline-block;
    background: url(../images/icon-move.png) no-repeat left center;
    width: 15px;
    height: 60px;
    cursor: move
}

#picImage-items dd .item-pic {
    width: 60px;
    height: 60px;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: url(../images/add-img-btn.png) no-repeat center
}

#picImage-items dd .item-pic img {
    width: 60px;
    height: 60px
}

#picImage-items dd .picImage-item-title {
    -webkit-box-flex: 1;
    margin-left: 10px;
    border-radius: 0;
    height: 48px
}

a#picImage-add-pic {
    width: calc(100% - 20px);
    height: 30px;
    background-color: #5d9cec;
    color: #FFF;
    border: 0;
    font-weight: bolder;
    text-decoration: none;
    border-radius: 2px;
    margin: 20px 10px;
    width: calc(100% - 20px)
}

a#picImage-add-pic:hover {
    background-color: #4d84ec;
    border-color: #285e8e
}

a#picImage-add-pic i {
    color: #FFF
}

#edit-tabs-1 {
    position: relative
}

#masker {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, .1);
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center
}

.masker-edit {
    margin: 10px;
    width: calc(100% - 20px);
    height: 380px;
    background-color: #fff;
    box-shadow: 0 0 3px #999;
    border-radius: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.masker-edit-tool {
    padding: 8px 10px;
    display: -webkit-box;
    border-bottom: 1px solid #dfdfdf
}

#masker .masker-edit-tool-title {
    -webkit-box-flex: 1;
    text-align: left;
    font-size: 13px
}

.masker-edit-tool-close {
    width: 20px;
    height: 20px;
    background: url(../images/del.png) no-repeat center;
    cursor: pointer
}

.masker-edit-tool-close {
    width: 20px;
    height: 20px;
    background: url(../images/del.png) no-repeat center;
    cursor: pointer
}

.masker-edit-tab {
    padding: 8px 10px
}

.masker-edit-tab ul {
    text-align: left
}

.masker-edit-tab > ul li {
    display: inline-block
}

.masker-edit-tab > ul li a {
    display: inline-block;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: bolder
}

#target-1 > div:first-child button {
    background-color: #5d9cec
}

#target-1 {
    height: 50px;
    text-align: left;
    font-size: 12px;
    font-weight: bolder;
    color: #5d9cec
}

#target-2 {
    height: 50px;
    text-align: left
}

#target-1 > div:last-child {
    font-size: 12px;
    color: #a4a9ae
}

.up-pic {
    -webkit-box-flex: 1;
    height: 180px;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background-color: #ddd;
    margin: 0 10px;
    position: relative
}

#update-file {
    display: none
}

#update-file-label {
    padding: 3px 10px;
    background-color: #00a7ff;
    color: #fff
}

#update-file-label:hover {
    padding: 3px 10px;
    background-color: #399ee3;
    color: #fff;
    cursor: pointer
}

#update-file-label:active {
    padding: 3px 10px;
    background-color: #3071a9;
    color: #fff;
    cursor: pointer
}

#up-pic-btn a {
    padding: 2px 10px;
    color: #fff
}

.loadimg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #fff;
    z-index: 100000;
    background: url(../images/loading_bar.gif) no-repeat center;
    color: #fff;
    line-height: 220px;
    color: #fff;
    background-color: rgba(0, 0, 0, .3);
    display: none;
    background-size: 26px 8px
}

#mod-picImage {
    margin-bottom: 0;
    display: -webkit-box
}

#mod-picImage img {
    border-radius: 10px
}

#mod-picImage dd {
    float: left
}

dl.carousel-s1 dd {
    float: left;
    width: 96%;
    margin: 2%;
    position: relative;
    text-align: center
}

dl.carousel-s2 dd {
    margin: 0 2% 2% 0;
    padding: 0;
    width: 47%;
    position: relative
}

dl.carousel-s2 dd:first-child {
    margin-left: 2%
}

dl.carousel-s2 dd a img {
    width: 100%
}

dl.carousel-s3 dd {
    margin: 0 2% 2% 0;
    padding: 0;
    width: 30.6666666666666%;
    position: relative
}

dl.carousel-s3 dd:first-child {
    margin-left: 2%
}

dl.carousel-s3 dd a {
    width: 100%;
    height: 100%;
    display: inline-block
}

dl.carousel-s3 dd a img {
    width: 100%
}

dl.carousel-s4 dd {
    margin: 0 2% 2% 0;
    padding: 0;
    width: 22.5%;
    position: relative
}

dl.carousel-s4 dd:first-child {
    margin-left: 2%
}

dl.carousel-s4 dd a img {
    width: 100%
}

#mod-atlas .atlas-des, #mod-carousel .picImage-des {
    margin-top: 5px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    font-size: 12px
}

#edit-tabs-1 .masker-edit-tab ul li.ui-state-active a {
    color: #5d9cec;
    text-decoration: none;
    font-size: 14px
}

#target-2 {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center
}

#mod-link-group {
    -webkit-box-flex: 1;
    margin: 0 10px
}

#mod-link-group dd {
    position: relative
}

#target-2 a {
    padding: 6px 10px;
    width: calc(100% - 20px)
}

#target-2 .jGM_back a:hover, #target-2 .jGM_content a:hover, #target-2 .jGM_reset a:hover {
    color: #fff
}

#target-2 .dropdown-menu {
    min-width: 100px
}

#target-2 button {
    padding: 2px;
    border-radius: 0
}

#mod-link-group .link-page {
    min-width: 100%
}

#mod-link-group button {
    width: 100%
}

#mod-link-group .dropdown-menu {
    width: 100%
}

#mod-link-group dd {
    display: none
}

div#newsLink.dropdown-menu {
    min-width: 227px;
    padding: 0
}

div#productLink.dropdown-menu {
    min-width: 227px;
    padding: 0
}

.link-url input.link-content {
    height: 22px;
    padding: 3px 10px;
    width: calc(100% - 20px)
}

#picImage-showLine {
    display: -webkit-box;
    padding: 18px 23px 0 23px
}

#picImage-showLine > div {
    display: -webkit-box
}

#picImage-showLine > div button {
    width: 60px;
    height: 25px;
    padding: 0
}

#picImage-showLine > div:last-child {
    margin-left: 45px
}

#picImage-showLine > div .text {
    font-size: 15px
}

#picImage-showLine > div .set {
    margin-left: 15px;
    position: relative
}

#picImage-icon-style, #picImage-style {
    min-width: 60px;
    text-align: center
}

#picImage-icon-style li a, #picImage-style li a {
    padding: 3px
}

#picImage-showLine > div:first-child {
    font-size: 15px
}

#picImage-showLine > div:last-child {
    position: relative;
    text-align: center;
    margin-left: 45px
}

#picImage-showLine > div:last-child > button {
    width: 60px;
    padding: 2px
}

#picImage-showLine > div:last-child > ul {
    min-width: 60px;
    text-align: center
}

#edit-tabs-1 .btn-primary {
    background-color: #5d9cec;
    border: #5d9cec
}

#edit-tabs-1 .btn-primary:hover {
    background-color: #4d84ec;
    border: #4d84ec
}

.carouselDel-tool {
    background: url(../images/shanchu.png) no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 1px;
    right: 0
}

div.carousel-tip {
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 3px;
    background-color: red;
    -webkit-box-flex: 1;
    margin: 0 30px;
    color: #fff;
    opacity: .7;
    display: none
}

div.mod-divider {
    display: -webkit-box
}

#mod-carousel .picImage-des {
    border-bottom-left-radius: 10px
}

#mod-carousel .picImage-des {
    border-bottom-right-radius: 10px
}

.mod-carousel-config img {
    border-radius: 10px;
    box-shadow: 0 0 1px #333
}

#mod-carousel img {
    border-radius: 10px;
    box-shadow: 0 0 1px #333
}

dl#mod-carousel dd:first-child {
    margin-left: 2%
}

dl#mod-carousel dd a img {
    width: 100%
}

dl#mod-carousel {
    display: -webkit-box;
    margin: 0
}

dl.carousel-s2 dd {
    margin: 2% 2% 2% 0;
    padding: 0;
    width: 47%;
    position: relative
}

dl.carousel-s3 dd {
    margin: 2% 2% 2% 0;
    padding: 0;
    width: 30.6666666666666%;
    position: relative
}

dl.carousel-s4 dd {
    margin: 2% 2% 2% 0;
    padding: 0;
    width: 22.5%;
    position: relative
}

.swiper-slide {
    font-size: 28px;
    margin-bottom: 0
}

.icon-title, .title {
    margin-right: 5px;
    line-height: 25px
}

#mod-carousel .mod-link {
    display: inline-block
}

dl.icon-tbig dd .picImage-des, dl.icon-tbig dd a {
    width: 75px
}

dl.icon-big dd .picImage-des, dl.icon-big dd a {
    width: 65px
}

dl.icon-mid dd .picImage-des, dl.icon-mid dd a {
    width: 55px
}

dl.icon-small dd .picImage-des, dl.icon-small dd a {
    width: 45px
}

#mod-carousel dd {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: center;
    -webkit-box-pack: start
}

.setDel {
    position: absolute;
    width: 50px;
    height: 40px;
    border: 1px solid red
}

* {
    padding: 0;
    margin: 0
}

.mod-product-list {
    -webkit-box-flex: 1;
    display: -webkit-box
}

.mod-product-list-t0 {
    -webkit-box-orient: vertical;
    background-color: red
}

.mod-product-list-t0 dd {
    padding: 6px;
    height: 80px;
    border-bottom: 2px solid #d6d6d6;
    background-color: #fff;
    -webkit-box-flex: 1
}

.mod-product-list-t0 dd a > div:first-child {
    width: 80px;
    margin-right: 10px;
    float: left
}

.mod-product-list-t0 dd a > div:first-child img {
    width: 80px;
    height: 80px
}

.mod-product-list-t0 dd a > div:last-child {
    -webkit-box-flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 100%
}

.mod-product-list-t0 dd a > div:last-child > div {
    color: #837f80;
    font-size: 14px;
    text-align: left;
    max-height: 40px;
    overflow: hidden;
    line-height: 22px
}

.mod-product-list-t0 dd a > div:last-child .attr1 {
    width: 50%;
    float: left
}

.mod-product-list-t0 dd a > div:last-child .attr1:nth-child(odd) {
    text-align: left
}

.mod-product-list-t0 dd a > div:last-child .attr1:nth-child(even) {
    text-align: right
}

.mod-product-list-t0 dd a > div:last-child > div:first-child {
    font-size: 16px;
    color: #000;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 7px
}

.mod-product-list-t0 dd:last-child {
    border: 0
}

.mod-product-list-t1 {
    display: block;
    overflow: hidden
}

.mod-product-list-t1 dd:nth-child(1) {
    border-top: 0
}

.mod-product-list-t1 dd:nth-child(2) {
    border-top: 0
}

.mod-product-list-t1 dd:nth-child(odd) {
    border-bottom: 1px solid #d6d6d6
}

.mod-product-list-t1 dd:nth-child(even) {
    margin-left: -1px;
    border-left: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6
}

.mod-product-list-t1 dd {
    width: 49.9%;
    background-color: #fff;
    float: left
}

.mod-product-list-t1 dd a {
    margin: 5px;
    display: block;
    background-color: #fff
}

.mod-product-list-t1 dd a .product-img {
    position: relative;
    width: 100%;
    height: 0
}

.mod-product-list-t1 dd img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mod-product-list-t2 {
    display: block;
    overflow: hidden
}

.mod-product-list-t1 .name, .mod-product-list-t2 .name {
    margin: auto;
    margin-top: 5px;
    width: 100%;
    text-align: center
}

.mod-product-list-t1 .name {
    font-size: 16px
}

.mod-product-list-t1 .attr, .mod-product-list-t2 .attr {
    display: none
}

.mod-product-list-t1 dd:nth-child(1) {
    border-top: 0
}

.mod-product-list-t1 dd:nth-child(2) {
    border-top: 0
}

.mod-product-list-t2 dd {
    outline: 1px solid #d6d6d6
}

.mod-product-list-t2 dd {
    width: 33.333333333%;
    background-color: #fff;
    float: left
}

.mod-product-list-t2 dd a {
    display: block;
    margin: 5px;
    background-color: #fff
}

.mod-product-list-t2 dd a .product-img {
    position: relative;
    width: 100%;
    height: 0
}

.mod-product-list-t2 dd img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mod-ProductCategory p {
    text-align: left;
    padding-left: 10px;
    line-height: 36px
}

.mod-ProductCategory p .font-ico {
    font-size: 16px;
    background-position: 0 -17px;
    display: inline-block;
    float: right;
    margin: 8px 10px 0 0
}

#mod-ProductCategory a {
    display: block
}

#pc-showLine {
    display: -webkit-box;
    padding: 18px 23px 0 23px
}

#pc-showLine button {
    width: 60px;
    padding: 1px;
    margin-left: 40px;
    background-color: #ff914a;
    border-color: #ff914a;
    color: #fff
}

.mod-product-style dd.cur .ico {
    position: absolute;
    right: -12px;
    bottom: -1px;
    width: 23px;
    height: 23px;
    background: url(../images/ui-bg.png) no-repeat -5px -5px transparent
}

.mod-product-style dd.cur {
    outline: 2px solid #ff9f3a
}

#pc-style {
    min-width: 60px;
    text-align: center;
    margin-left: 40px
}

.pc-name {
    font-size: 14px;
    color: #666
}

.pc-instroction {
    font-size: 12px;
    color: #969696
}

.mod-product-style dd {
    position: relative;
    padding: 5px
}

.cate_item-0 {
    margin: 0;
    border-top: 1px solid #dedede
}

.cate_item-0 a {
    border-bottom: 1px solid #d6d6d6
}

.cate_item-0 .arrow {
    background: url(../images/bg_modules.png) no-repeat;
    width: 16px;
    height: 18px;
    background-position: 0 -17px;
    display: inline-block;
    float: right;
    margin: 12px 10px 2px 0
}

.cate_item-0 .pc-pic {
    display: none
}

.cate_item-0 .pc-content .pc-name {
    line-height: 300%;
    margin-left: 20px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cate_item-0 .pc-content .pc-name i {
    display: none
}

.cate_item-0 .pc-content .pc-instroction {
    display: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cate_item-1 {
    margin: 0;
    border-top: 1px solid #dedede
}

.cate_item-1 a {
    border-bottom: 1px solid #dedede
}

.cate_item-1 .arrow {
    display: none;
    background: url(../../Home/images/bg_modules.png) no-repeat;
    width: 16px;
    height: 18px;
    background-position: 0 -17px;
    float: right;
    margin: 12px 10px 2px 0
}

.cate_item-1 .pc-pic {
    display: none
}

.cate_item-1 .pc-content .pc-name {
    line-height: 300%;
    margin-left: 15px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

.cate_item-1 .pc-content .pc-name i {
    border-left: 6px solid #ff914a;
    padding-left: 8px;
    display: inline-block;
    height: 7px
}

.cate_item-1 .pc-content .pc-instroction {
    display: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

.cate_item-2 {
    display: block;
    border-top: 1px solid #dedede
}

.cate_item-2 .borderSet {
    height: 66px;
    border-bottom: 1px solid #dedede;
    padding: 10px
}

.cate_item-2 .arrow {
    display: none;
    background: url(../../Home/images/bg_modules.png) no-repeat;
    width: 16px;
    height: 18px;
    background-position: 0 -17px;
    float: right;
    margin: 12px 10px 2px 0
}

.cate_item-2 .pc-pic {
    float: right;
    margin-top: 7px;
    margin-right: 5px
}

.cate_item-2 .pc-pic img {
    width: 50px;
    height: 50px
}

.cate_item-2 .pc-content {
    margin-right: 75px;
    margin-top: 7px
}

.cate_item-2 .pc-content .pc-name {
    text-align: left;
    padding-left: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 200%
}

.cate_item-2 .pc-content .pc-name i {
    display: none
}

.cate_item-2 .pc-content .pc-instroction {
    text-align: left;
    padding-left: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cate_item-3 {
    display: block;
    border-top: 1px solid #dedede
}

.cate_item-3 .borderSet {
    height: 66px;
    border-bottom: 1px solid #dedede;
    padding: 10px
}

.cate_item-3 .arrow {
    display: none;
    background: url(../../Home/images/bg_modules.png) no-repeat;
    width: 16px;
    height: 18px;
    background-position: 0 -17px;
    float: right;
    margin: 12px 10px 2px 0
}

.cate_item-3 .pc-pic {
    float: right;
    margin-top: 7px;
    margin-right: 5px
}

.cate_item-3 .pc-pic img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.cate_item-3 .pc-content {
    margin-right: 75px;
    margin-top: 7px
}

.cate_item-3 .pc-content .pc-name {
    text-align: left;
    padding-left: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 200%
}

.cate_item-3 .pc-content .pc-name i {
    display: none
}

.cate_item-3 .pc-content .pc-instroction {
    text-align: left;
    padding-left: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cate_item-4 {
    display: block;
    margin-top: 10px;
    margin-left: 10px
}

.cate_item-4 .borderSet {
    height: 66px;
    border: 1px solid #dedede;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px
}

.cate_item-4 .arrow {
    display: none;
    background: url(../../Home/images/bg_modules.png) no-repeat;
    width: 16px;
    height: 18px;
    background-position: 0 -17px;
    float: right;
    margin: 12px 10px 2px 0
}

.cate_item-4 .pc-pic {
    float: right;
    margin-top: 7px;
    margin-right: 7px
}

.cate_item-4 .pc-pic img {
    width: 50px;
    height: 50px
}

.cate_item-4 .pc-content {
    margin-right: 75px
}

.cate_item-4 .pc-content .pc-name {
    text-align: left;
    padding-left: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 200%;
    margin-top: 5px
}

.cate_item-4 .pc-content .pc-name i {
    display: none
}

.cate_item-4 .pc-content .pc-instroction {
    text-align: left;
    padding-left: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cate_item-5 {
    display: block;
    margin-top: 10px;
    margin-left: 10px
}

.cate_item-5 .borderSet {
    height: 66px;
    border: 1px solid #dedede;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px
}

.cate_item-5 .arrow {
    display: none;
    background: url(../../Home/images/bg_modules.png) no-repeat;
    width: 16px;
    height: 18px;
    background-position: 0 -17px;
    float: right;
    margin: 12px 10px 2px 0
}

.cate_item-5 .pc-pic {
    float: right;
    margin-top: 7px;
    margin-right: 7px
}

.cate_item-5 .pc-pic img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.cate_item-5 .pc-content {
    margin-right: 75px
}

.cate_item-5 .pc-content .pc-name {
    text-align: left;
    padding-left: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 200%;
    margin-top: 5px
}

.cate_item-5 .pc-content .pc-name i {
    display: none
}

.cate_item-5 .pc-content .pc-instroction {
    text-align: left;
    padding-left: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cate_item-10 {
    margin: 0;
    border-top: 1px solid #dedede
}

.cate_item-10 > a {
    float: left;
    width: 49.9%;
    border-bottom: 1px solid #dedede
}

.cate_item-10 a:nth-child(odd) {
    border-right: 1px solid #dedede;
    margin-right: -1px
}

.cate_item-10 .pc-pic {
    display: none
}

.cate_item-10 .pc-content .pc-name {
    line-height: 300%;
    margin-left: 20px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cate_item-10 .pc-content .pc-name i {
    display: none
}

.cate_item-10 .pc-content .pc-instroction {
    display: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cate_item-11 {
    margin: 0;
    border-top: 1px solid #dedede
}

.cate_item-11 > a {
    float: left;
    width: 49.9%;
    border-bottom: 1px solid #dedede
}

.cate_item-11 a:nth-child(odd) {
    border-right: 1px solid #dedede;
    margin-right: -1px
}

.cate_item-11 .arrow {
    display: none;
    background: url(../../Home/images/bg_modules.png) no-repeat;
    width: 16px;
    height: 18px;
    background-position: 0 -17px;
    float: right;
    margin: 12px 10px 2px 0
}

.cate_item-11 .pc-pic {
    display: none
}

.cate_item-11 .pc-content .pc-name {
    line-height: 300%;
    margin-left: 15px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

.cate_item-11 .pc-content .pc-name i {
    border-left: 6px solid #ff914a;
    padding-left: 8px;
    display: inline-block;
    height: 7px
}

.cate_item-11 .pc-content .pc-instroction {
    display: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

.cate_item-12 {
    display: block;
    border-top: 1px solid #dedede
}

.cate_item-12 > a {
    float: left;
    width: 49.9%
}

.cate_item-12 a:nth-child(odd) {
    border-right: 1px solid #dedede;
    margin-right: -1px
}

.cate_item-12 .borderSet {
    height: 66px;
    border-bottom: 1px solid #dedede;
    padding: 10px
}

.cate_item-12 .arrow {
    display: none;
    background: url(../../Home/images/bg_modules.png) no-repeat;
    width: 16px;
    height: 18px;
    background-position: 0 -17px;
    float: right;
    margin: 12px 10px 2px 0
}

.cate_item-12 .pc-pic {
    float: right;
    margin-top: 7px
}

.cate_item-12 .pc-pic img {
    width: 50px;
    height: 50px
}

.cate_item-12 .pc-content {
    margin-right: 65px;
    margin-top: 7px
}

.cate_item-12 .pc-content .pc-name {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 200%
}

.cate_item-12 .pc-content .pc-name i {
    display: none
}

.cate_item-12 .pc-content .pc-instroction {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cate_item-13 {
    display: block;
    border-top: 1px solid #dedede
}

.cate_item-13 > a {
    float: left;
    width: 49.9%
}

.cate_item-13 a:nth-child(odd) {
    border-right: 1px solid #dedede;
    margin-right: -1px
}

.cate_item-13 .borderSet {
    height: 66px;
    border-bottom: 1px solid #dedede;
    padding: 10px
}

.cate_item-13 .arrow {
    display: none;
    background: url(../../Home/images/bg_modules.png) no-repeat;
    width: 16px;
    height: 18px;
    background-position: 0 -17px;
    float: right;
    margin: 12px 10px 2px 0
}

.cate_item-13 .pc-pic {
    float: right;
    margin-top: 7px
}

.cate_item-13 .pc-pic img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.cate_item-13 .pc-content {
    margin-right: 65px;
    margin-top: 7px
}

.cate_item-13 .pc-content .pc-name {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 200%
}

.cate_item-13 .pc-content .pc-name i {
    display: none
}

.cate_item-13 .pc-content .pc-instroction {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cate_item-14 {
    display: block;
    margin-top: 10px;
    margin-left: 10px
}

.cate_item-14 > a {
    float: left;
    width: 50%
}

.cate_item-14 .borderSet {
    height: 66px;
    border: 1px solid #dedede;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px
}

.cate_item-14 .arrow {
    display: none;
    background: url(../../Home/images/bg_modules.png) no-repeat;
    width: 16px;
    height: 18px;
    background-position: 0 -17px;
    float: right;
    margin: 12px 10px 2px 0
}

.cate_item-14 .pc-pic {
    float: right;
    margin-top: 7px;
    margin-right: 7px
}

.cate_item-14 .pc-pic img {
    width: 50px;
    height: 50px
}

.cate_item-14 .pc-content {
    margin-right: 65px;
    margin-top: 7px
}

.cate_item-14 .pc-content .pc-name {
    text-align: left;
    line-height: 200%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cate_item-14 .pc-content .pc-name i {
    display: none
}

.cate_item-14 .pc-content .pc-instroction {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cate_item-15 {
    display: block;
    margin-top: 10px;
    margin-left: 10px
}

.cate_item-15 > a {
    float: left;
    width: 50%
}

.cate_item-15 .borderSet {
    height: 66px;
    border: 1px solid #dedede;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px
}

.cate_item-15 .arrow {
    display: none;
    background: url(../../Home/images/bg_modules.png) no-repeat;
    width: 16px;
    height: 18px;
    background-position: 0 -17px;
    float: right;
    margin: 12px 10px 2px 0
}

.cate_item-15 .pc-pic {
    float: right;
    margin-top: 7px;
    margin-right: 7px
}

.cate_item-15 .pc-pic img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.cate_item-15 .pc-content {
    margin-right: 65px;
    margin-top: 7px
}

.cate_item-15 .pc-content .pc-name {
    text-align: left;
    line-height: 200%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cate_item-15 .pc-content .pc-name i {
    display: none
}

.cate_item-15 .pc-content .pc-instroction {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cate_item-20 {
    margin: 0;
    border: 1px solid #dedede
}

.cate_item-20 > a {
    float: left;
    width: 33%;
    border-bottom: 1px solid #dedede
}

.cate_item-20 a:nth-child(3n+1) {
    border-right: 1px solid #dedede
}

.cate_item-20 a:nth-child(3n+2) {
    border-right: 1px solid #dedede
}

.cate_item-20 .pc-pic {
    display: none
}

.cate_item-20 .pc-content .pc-name {
    line-height: 300%;
    margin-left: 15px;
    margin-right: 15px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cate_item-20 .pc-content .pc-name i {
    display: none
}

.cate_item-20 .pc-content .pc-instroction {
    display: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cate_item-21 {
    margin: 0;
    border: 1px solid #dedede
}

.cate_item-21 > a {
    float: left;
    width: 33%;
    border-bottom: 1px solid #dedede
}

.cate_item-21 a:nth-child(3n+1) {
    border-right: 1px solid #dedede
}

.cate_item-21 a:nth-child(3n+2) {
    border-right: 1px solid #dedede
}

.cate_item-21 .arrow {
    display: none;
    background: url(../../Home/images/bg_modules.png) no-repeat;
    width: 16px;
    height: 18px;
    background-position: 0 -17px;
    float: right;
    margin: 12px 10px 2px 0
}

.cate_item-21 .pc-pic {
    display: none
}

.cate_item-21 .pc-content .pc-name {
    line-height: 300%;
    margin-left: 15px;
    margin-right: 15px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

.cate_item-21 .pc-content .pc-name i {
    border-left: 6px solid #ff914a;
    padding-left: 8px;
    display: inline-block;
    height: 7px
}

.cate_item-21 .pc-content .pc-instroction {
    display: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

.cate_item-22 {
    display: block;
    border-top: 1px solid #dedede
}

.cate_item-22 > a {
    float: left;
    width: 33%;
    border-bottom: 1px solid #dedede
}

.cate_item-22 > a:nth-child(3n+2) {
    border-right: 1px solid #dedede
}

.cate_item-22 > a:nth-child(3n+1) {
    border-right: 1px solid #dedede
}

.cate_item-22 .borderSet {
    padding: 15px
}

.cate_item-22 .arrow {
    display: none;
    background: url(../../Home/images/bg_modules.png) no-repeat;
    width: 16px;
    height: 18px;
    background-position: 0 -17px;
    float: right;
    margin: 12px 10px 2px 0
}

.cate_item-22 .pc-pic {
    position: relative;
    width: 100%;
    padding-bottom: 100%
}

.cate_item-22 .pc-pic img {
    position: absolute;
    width: 100%;
    height: 100%
}

.cate_item-22 .pc-content {
    margin-top: 10px
}

.cate_item-22 .pc-content .pc-name {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cate_item-22 .pc-content .pc-name i {
    display: none
}

.cate_item-22 .pc-content .pc-instroction {
    display: none;
    text-align: left;
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cate_item-23 {
    display: block;
    padding-left: 8px;
    padding-top: 5px
}

.cate_item-23 > a {
    float: left;
    width: 33%
}

.cate_item-23 .borderSet {
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #dedede;
    padding: 15px
}

.cate_item-23 .arrow {
    display: none;
    background: url(../../Home/images/bg_modules.png) no-repeat;
    width: 16px;
    height: 18px;
    background-position: 0 -17px;
    float: right;
    margin: 12px 10px 2px 0
}

.cate_item-23 .pc-pic {
    position: relative;
    width: 100%;
    padding-bottom: 100%
}

.cate_item-23 .pc-pic img {
    position: absolute;
    width: 100%;
    height: 100%
}

.cate_item-23 .pc-content {
    margin-top: 10px
}

.cate_item-23 .pc-content .pc-name {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cate_item-23 .pc-content .pc-name i {
    display: none
}

.cate_item-23 .pc-content .pc-instroction {
    display: none;
    text-align: left;
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}