:root {
    --red: #14a800;
    --red2: #14a800;
    /*--red: #2c6bea;
    --red2: #2c6bea;*/
    --red3: #ffe5e5;
    --gray: #666;
    --gray2: #f7f7f7;
    --gray3: #ddd;
    --gray4: #e6e6e6;
    --green: #4bad91;
    --white: #fff
}

html {
    overflow-x: hidden;
    overflow-y: scroll
}

body {
    color: #333;
    font: 12px/1.4 '\5FAE\8F6F\96C5\9ED1', 'microsoft yahei', "瀹嬩綋", Arial, sans-serif;
    background: #f5f5f5;
    -webkit-font-smoothing: antialiased
}

* {
    margin: 0 auto
}

#eval,
#searchtype,
.Big-ICheckbox i,
.Big-IRadio i,
.ICheckbox i,
.IRadio i,
.api_login a,
.c_g_ser span,
.c_s_info a,
.c_s_name .avatar,
.certification i,
.claims_ico,
.d_g_menu .post,
.d_g_menu .replay,
.d_s_pess strong,
.empty i,
.file-panel i,
.filelist .icon,
.fixed-cart-list .more i,
.fixed-cart-list center i,
.fixed-click .refresh i,
.fixed-tab .i i,
.footer-gt dl dt,
.gdlist dt,
.i2 .l4 a,
.icons,
.index_tab i,
.info2 i,
.insert .pic i,
.insert .pic strong,
.layui-form-cart,
.list_tab .l4,
.login_btn,
.login_right ul span,
.mb-action-a,
.nature span,
.nav a,
.notes h3,
.outsideb,
.preNext,
.rank_shop i,
.ranking-box dd i,
.reg_btn,
.reg_left ul div,
.released i,
.reply .u1 span,
.reply input,
.rl_top span,
.s_list li a,
.scoreLeft .mask,
.screen_name i,
.search i,
.share-a,
.slist .l4 a,
.sms_start ul span,
.sort_checkbox i,
.sort_select i,
.steps .right,
.tab-hd span.active,
.tdel,
.tkey a,
.toplink a,
.ubar div ol,
.ubar i,
.uhead .ugg i,
.uim .phone a,
.uim .phone p,
.uim .qq a,
.uim .qq p,
.uim .wechat a,
.uim .wechat p,
.uim .sms a,
.uim .sms p,
.uim .dd a,
.uim .dd p,
.uleft i,
a.login_icon {
    background: url(/themes/index/default/static/image/focus2018.png) no-repeat
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

li {
    list-style-type: none
}

a {
    color: #333;
    text-decoration: none;
    cursor: pointer
}

label {
    cursor: pointer
}

cite,
em,
i {
    font-style: normal
}

.hide {
    display: none
}

.gray {
    color: #999
}

.red {
    color: red
}

.blue {
    color: #00f
}

.orange {
    color: #f60
}

.green {
    color: #3a933a
}

.yellow {
    color: orange
}

.black {
    color: #000
}

.white {
    color: #fff
}

.left {
    float: left
}

.right {
    float: right
}

.center {
    text-align: center
}

.b {
    font-weight: 700
}

img {
    border: 0
}

input {
    outline: 0;
    background: 0 0
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.f12 {
    font-size: 12px
}

.va-3 {
    vertical-align: -3px
}

.va-2 {
    vertical-align: -2px
}

.va-1 {
    vertical-align: -1px
}

.va {
    vertical-align: 0
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.clear {
    clear: both
}

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

.clearfix {
    zoom: 1
}

.fixed {
    position: fixed;
    z-index: 999
}

.ad {
    text-align: right;
    overflow: hidden;
    margin-top: 7px;
    width: 1190px
}

.ad img {
    border: #d0d0d0 solid 1px
}

.ad #idc {
    margin-left: 6px
}

.ad1 {
    text-align: center
}

.ad2 {
    text-align: center;
    overflow: hidden;
    border: #d9d9d9 solid 1px;
    margin-top: 5px;
    width: 1188px;
    height: 60px
}

.ad3 {
    text-align: right;
    margin-bottom: 6px;
    border: #eee solid 1px;
    height: 40px;
    clear: both
}

.ad3 img {
    margin: 0 0 0 5px
}

.ad4 {
    float: left;
    overflow: hidden;
    margin-top: 5px;
    width: 942px
}

.ad4 img {
    border: #d0d0d0 solid 1px
}

.ad4 #idc {
    margin-left: 6px
}

.ad210 {
    float: left;
    overflow: hidden;
    margin: 10px 0 0;
    width: 210px;
    height: 210px;
    border: #aad0e7 solid 1px
}

.header {
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .06)
}

.main {
    width: 1190px
}

.top_box {
    color: #7a7a7a;
    height: 30px;
    background: #f5f5f5;
    border-bottom: #eee solid 1px
}

.top_box a {
    color: #666
}

.top_box a:hover {
    color: #f60
}

.top li {
    float: left;
    margin-left: -1px;
    z-index: 0;
    position: relative
}

.top li.curr {
    z-index: 100
}

.top li.not {
    line-height: 30px
}

.top li.arrow .T_a {
    padding-right: 20px
}

.top .T_a {
    float: left;
    padding: 0 10px;
    display: block;
    line-height: 30px;
    height: 31px;
    text-align: center;
    position: relative;
    z-index: 100;
    border-bottom: none;
    border-top: none
}

.top .T_a .arrow {
    border-color: #898989 transparent transparent;
    border-style: solid solid solid;
    border-width: 4px 4px 0;
    font-size: 0;
    height: 0;
    width: 0;
    line-height: 0;
    top: 14px;
    right: 7px;
    display: inline;
    -webkit-transition: .25s ease-in;
    -moz-transition: .25s ease-in;
    -o-transition: .25s ease-in;
    transition: .25s ease-in;
    position: absolute
}

.top .T_a .number {
    color: #ff6a00;
    font-weight: 700;
    padding: 0 2px
}

.top .curr .T_a {
    background: #fff;
    border-color: #ddd
}

.top .curr .T_a .arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.top .change_div {
    display: none;
    background: #fff;
    position: absolute;
    font-size: 13px;
    text-align: left;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    left: 0;
    top: 30px
}

.top .change_div.r {
    right: 0;
    left: auto
}

.top .curr .change_div {
    display: block
}

.top_manage {
    width: 390px;
    padding: 0 6px 15px 14px
}

.top_manage dl {
    float: left;
    display: inline;
    margin: 0 8px;
    width: 114px;
    overflow: hidden
}

.top_manage dt {
    height: 18px;
    line-height: 18px;
    padding: 20px 0 5px;
    color: #fe7710;
    font-weight: 700
}

.top_manage dd a {
    display: block;
    height: 28px;
    line-height: 28px;
    border-bottom: 1px dashed #ededed;
    color: #333
}

.top_manage dd a:hover {
    color: #f60
}

.top_manage dd a strong {
    color: #555
}

.top_login {
    width: 125px;
    padding: 10px 0 10px 10px
}

.top_login a {
    line-height: 20px;
    height: 21px;
    margin: 8px 0;
    padding: 0 0 0 25px;
    color: #000
}

.top_login a:hover {
    color: #000
}

.top_user {
    background: #fafafa
}

.top_user dt {
    line-height: 18px;
    font-size: 12px;
    width: 250px;
    margin: 10px;
    padding-bottom: 10px;
    float: left;
    border-bottom: 1px #eee solid
}

.top_user img {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    float: left;
    width: 60px;
    height: 60px;
    border: 1px #eee solid;
    padding: 1px
}

.top_user dt p {
    width: 100%;
    float: left;
    margin: 0 0 4px
}

.top_user dt span {
    width: 175px;
    float: right
}

.top_user dt a,
.top_user dt a:hover {
    color: #247fbd
}

.top_user dt a.money,
.top_user dt a.money:hover {
    color: #f60
}

.top_user dt a:hover {
    text-decoration: underline
}

.top_user dt em {
    float: left
}

.top_user dt input {
    float: right;
    line-height: 18px;
    height: 20px;
    background: #fff8f1;
    border: 1px solid #fdbfa0;
    padding: 0 7px;
    cursor: pointer;
    color: #ff8432
}

.top_user dt input:hover {
    border-color: #ffae85;
    background: #fef0e3
}

.top_user dt input.sign {
    background: #f1f8ff;
    border-color: #a7cbec;
    color: #2789ed
}

.top_user dt input.sign:hover {
    background: #e2f0fe;
    border-color: #8fb9df
}

.top_user dt input.signsuc {
    border: 1px solid #e6e6e6;
    background: #fbfbfb;
    color: #c9c9c9
}

.top_user dd {
    text-align: center;
    float: left;
    width: 270px
}

.top_user dd a {
    float: left;
    width: 24.5%;
    margin: 0 0 10px;
    color: #888;
    overflow: hidden
}

.top_user dd i {
    display: block;
    height: 30px;
    overflow: hidden;
    font-size: 23px;
    -webkit-text-stroke-width: 0
}

.top_user .logout {
    border-top: 1px #ddd solid;
    float: left;
    width: 100%;
    padding: 8px 0;
    text-align: center;
    background: #f5f5f5;
    font-size: 14px;
    font-weight: 700;
    color: #666
}

@font-face {
    font-family: iconfont;
    src: url(/themes/index/default/static/font/font_155938_4j0vrc5o90d.eot);
    src: url(/themes/index/default/static/font/font_155938_4j0vrc5o90d.eot?#iefix) format('embedded-opentype'), url(/themes/index/default/static/font/font_155938_4j0vrc5o90d.woff2) format('woff2'), url(/themes/index/default/static/font/font_155938_4j0vrc5o90d.woff) format('woff'), url(/themes/index/default/static/font/font_155938_4j0vrc5o90d.ttf) format('truetype'), url(/themes/index/default/static/font/font_155938_4j0vrc5o90d.svg#iconfont) format('svg')
}

.verify {
    font-family: iconfont;
    font-size: 24px;
    color: #247fbd
}

.iconfont {
    font-family: iconfont;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px
}

a.login_icon {
    float: left;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity: .6
}

a.login_icon:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

a#qq {
    background-position: -303px -225px
}

a#baidu {
    background-position: -303px -248px
}

a#dd {
    background-position: -303px -596px
}

a#sina {
    background-position: -303px -272px
}

a#wechat {
    background-position: -303px -320px
}

a#alipay {
    background-position: -303px -297px
}

a#suzhizhan {
    background-position: -303px -344px
}

.uim em {
    cursor: pointer
}

.uim em:hover {
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
    text-decoration: underline
}

.uim .qq a,
.uim .qq p {
    background-position: -306px -84px;
    padding: 0 0 0 22px;
    cursor: pointer
}

.uim .wechat a,
.uim .wechat p {
    background-position: -306px -134px;
    padding: 0 0 0 22px;
    cursor: pointer
}

.uim .phone a,
.uim .phone p {
    background-position: -305px -110px;
    padding: 0 0 0 22px;
    cursor: pointer
}

.uim .sms a,
.uim .sms p {
    background-position: -302px -532px;
    padding: 0 0 0 22px;
    cursor: pointer
}

.uim .dd a,
.uim .dd p {
    background-position: -304px -561px;
    padding: 0 0 0 22px;
    cursor: pointer
}

.sitelink {
    color: #247fbd
}

.sitelink:hover {
    color: #247fbd;
    text-decoration: underline
}

.general {
    height: 70px;
    padding: 15px 0 5px
}

.general li {
    float: left
}

.general .logo {
    float: left;
    width: 329px;
    height: 60px;
    background: url(/themes/index/default/static/image/logos_small.jpg) no-repeat
}

.general .logo a {
    height: 100%;
    display: block
}

.general .s-logo {
    width: 154px
}

.general .top-zl {
    margin: 20px 0 0 160px
}

.general .t_ads {
    margin-top: 3px;
    float: right;
    border: 1px solid #eee;
    height: 60px;
    width: 234px
}

.general .Quick-link {
    display: none
}

.general .search {
    background: #fff;
    margin-top: 15px;
    width: 470px;
    height: 36px;
    position: relative;
    z-index: 2;
    left: 50px;
    border: #6899ec solid 2px
}

.general .search span,
.searchlist li {
    float: left;
    width: 17%;
    text-align: center;
    height: 36px;
    position: relative;
    line-height: 35px;
    cursor: pointer
}

.general .search cite {
    display: block;
    height: 100%
}

.general .search .arrow {
    border-color: #999 transparent transparent;
    border-style: solid solid solid;
    border-width: 4px 4px 0;
    font-size: 0;
    height: 0;
    width: 0;
    line-height: 0;
    top: 50%;
    margin-top: -2.5px;
    right: 18%;
    display: inline;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    position: absolute
}

.searchtype.curr .arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.general .search.s {
    width: 300px;
    height: 30px;
    float: right;
    left: auto
}

.general .search.s .arrow {
    right: 11%
}

.general .s .searchlist li,
.general .search.s span {
    height: 30px;
    line-height: 29px
}

.general .search.s .searchbtn {
    height: 30px;
    line-height: 28px;
    font-size: 14px
}

.general .search.s .searchlist {
    top: 30px
}

.general .search.s .searchval {
    width: 60%;
    background: url(/themes/index/default/static/image/zl.png) center 6px no-repeat;
    height: 28px;
    line-height: 27px
}

.searchtype.curr {
    background: #fafafa
}

.searchtype {
    background-position: 45px -351px;
    color: #696969;
    border-right: #fafafa solid 1px;
    line-height: 36px
}

.searchval {
    float: left;
    width: 63%;
    height: 34px;
    padding-left: 2%;
    line-height: 33px;
    border: 0;
    outline: 0;
    background: url(/themes/index/default/static/image/zl.png) 0 11119px no-repeat
}

.searchval.noplace {
    background: 0 0
}

.searchbtn {
    width: 17%;
    height: 36px;
    line-height: 34px;
    color: #fff;
    background: #6899ec;
    text-align: center;
    float: right;
    font-size: 15px
}

.searchbtn:hover {
    color: #fff;
    background: #5b8fe7
}

.searchtype.curr .searchlist {
    display: block
}

.searchlist {
    overflow: hidden;
    display: none;
    background: #fafafa;
    top: 36px;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 9
}

.searchlist li {
    float: none;
    height: 38px;
    line-height: 38px;
    display: block;
    width: auto
}

.searchlist li:hover {
    background: #fff
}

.searchlist li.cur {
    background: #f0f0f0;
    color: #f60
}

.searchlist li.cur::after {
    display: inline-block;
    content: " ";
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid #f60;
    position: absolute;
    top: 50%;
    right: 19%;
    margin-top: -5px
}

.nav-link {
    font-size: 16px;
    line-height: 20px;
    margin-left: 0;
    overflow: hidden;
    display: block
}

.nav-link a {
    height: 30px;
    line-height: 28px;
    position: relative;
    float: left;
    margin: 8px;
    padding: 0 10px
}

.nav-link a.cur,
.nav-link a.cur:hover {
    background: #f60;
    color: #fff
}

.nav-link a:hover {
    color: #ff6000;
    background: #f2f2f2
}

.outsideb {
    top: 8px;
    height: 18px;
    width: 18px;
    background-position: -268px -174px;
    position: absolute
}

.yaan {
    float: left;
    height: 89px;
    width: 1190px;
    margin-top: 10px
}

.dqwz {
    width: 1190px;
    color: #999;
    margin: 8px auto;
    overflow: hidden
}

.dqwz a {
    color: #999
}

.dqwz a:hover {
    text-decoration: underline
}

.list {
    width: 1190px;
    margin: 0 auto
}

.rank em {
    margin-right: 5px;
    float: left;
    width: 16px;
    height: 16px;
    color: #999;
    text-align: center
}

.rank em.front {
    background: #da3932;
    color: #fff;
    border-radius: 4px
}

#d_page,
#page {
    font-size: 14px;
    width: 100%;
    margin: 20px auto;
    text-align: center;
    height: 34px;
    display: inline-block
}

#page ul {
    display: inline-block;
    display: inline\9;
    margin: 0 auto;
    zoom: 1;
    border-right: #ddd solid 1px
}

#page ul li {
    float: left;
    font-family: Verdana, Geneva, sans-serif
}

#page .ohave,
#page a {
    background: #fff;
    position: relative;
    float: left;
    border: #ddd solid 1px;
    border-right: 0;
    padding: 10px 16px;
    z-index: 1
}

#page a:hover {
    border: #ff5203 solid 1px;
    z-index: 10;
    margin-right: -1px
}

#page a.se {
    margin-right: 10px;
    border: #ddd solid 1px
}

#page a.se:hover {
    margin-right: 10px;
    border-color: #ff5203
}

#page a.no {
    margin-right: 10px;
    border: #ddd solid 1px
}

#page span {
    float: left;
    border: #ededed solid 1px;
    padding: 10px 16px;
    margin: 0 10px;
    color: #ccc;
    cursor: pointer
}

#page .ohave {
    color: #fff;
    border: #3573ec solid 1px;
    background: #3573ec
}

#d_page ul {
    display: inline-block;
    margin: 0 auto;
    zoom: 1;
    font-family: Verdana, Geneva, sans-serif
}

#d_page a,
#d_page p {
    float: left;
    padding: 8px 14px;
    text-align: center;
    border: 1px solid #ddd;
    color: #666;
    background: #f4f4f4
}

#d_page p {
    color: #666;
    background: #fff
}

#d_page p.total {
    border: 0
}

#d_page a.no {
    border-color: #ededed;
    color: #ccc;
    background: #f9f9f9
}

#d_page a:hover {
    background: #fff
}

#d_page a.no:hover {
    background: #f9f9f9
}

#d_page .o_number {
    font-size: 14px;
    float: left;
    width: 50px;
    height: 33px;
    text-align: center;
    border: 1px solid #ddd;
    margin-left: 5px;
    border-right: 0
}

#d_page .gopage {
    float: left;
    padding: 9px 15px 10px;
    border: 1px solid #ddd;
    background: #f4f4f4;
    color: #666
}

.bottom {
    /*float: left;
    margin: 10px 0 0;*/
    width: 100%;
    background-color: #fff
}

.footer {
    width: 100%;
    overflow: hidden;
    padding: 20px 0
}

.footer-nav {
    float: left;
    border-right: 1px solid #e6e6e6
}

.footer-nav dl {
    float: left;
    width: 100px;
    margin: 0 50px 0 2px
}

.footer-nav dl dt {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 700
}

.footer-nav dl dd p {
    margin-bottom: 12px;
    padding-left: 1px
}

.footer-nav dl dd p:last-child {
    margin: 0
}

.footer-nav dl dd p a {
    color: #666
}

.footer a:hover {
    color: #39f
}

.footer-link {
    overflow: hidden;
    color: #9c9c9c;
    width: 1190px;
    margin: 0 auto;
    padding: 20px 0;
    font-family: \5b8b\4f53;
    border-top: #e6e6e6 solid 1px
}

.footer-link em {
    font-style: italic;
    font-family: tahoma, arial, hiragino sans gb, \5b8b\4f53, sans-serif
}

.footer-link a {
    display: inline-block;
    color: #6c6c6c;
    padding-right: 5px
}

.footer-link a:hover {
    color: #f60
}

.footer-link cite {
    margin-top: 18px
}

.footer-link cite {
    display: block;
    margin-top: 10px
}

.footer-link cite img {
    vertical-align: -10px
}

.footer-contact dl {
    margin-right: 55px;
    font-size: 16px
}

.footer-contact dl p {
    font-size: 14px;
    margin-top: 8px
}

.footer-contact div {
    text-align: center;
    color: #000
}

.footer-contact div span {
    display: block;
    padding: 5px;
    border: 1px solid #ececec
}

.sucmain {
    width: 600px;
    border: #91c26c solid 1px;
    margin: 100px auto;
    padding: 50px 0;
    text-align: left;
    background: #eff8e4;
    overflow: hidden
}

.sucmain.no {
    border: #ff9393 solid 1px;
    background: #ffeeea
}

.sucmain.way {
    border-color: #ffb05a;
    background: #fff3e2
}

.sucmain .left {
    width: 100px
}

.sucmain .icons {
    width: 58px;
    height: 60px;
    display: block;
    background-position: -1px -418px
}

.sucmain.no .icons {
    background-position: -117px -419px
}

.sucmain.way .icons {
    background-position: -59px -419px
}

.sucmain .right {
    width: 500px
}

.sucmain strong {
    font-size: 18px;
    line-height: 38px
}

.sucmain strong span {
    color: #91c26c
}

.sucmain p {
    width: 433px;
    margin: 10px 0;
    overflow: hidden
}

.sucmain p b {
    font-size: 18px
}

.sucmain p a {
    line-height: 20px;
    border-color: #ffeeea;
    border: #ff9393 solid 2px;
    color: #ff9393;
    float: left;
    display: block;
    text-align: center;
    margin: 0 10px 0 0;
    width: 160px;
    padding: 5px
}

.sucmain p a.ok {
    border-color: #eff8e4;
    border: #91c26c solid 2px;
    color: #91c26c
}

.sucmain p input {
    width: 358px;
    background: #e2f2ff;
    border: #bed3f0 solid 2px;
    line-height: 25px
}

.sucmain p input:hover {
    background: #e2f2ff;
    border: #8cb6f0 solid 2px
}

.sucmain a {
    font-size: 14px;
    color: #999
}

#preview {
    color: #333;
    text-align: center;
    position: absolute;
    border: 3px solid #ddd;
    background: #fff;
    padding: 3px;
    display: none
}

.over {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ICheckbox i {
    margin-top: -1px;
    display: inline-block;
    background-position: -170px -157px;
    vertical-align: middle;
    height: 13px;
    width: 13px;
    overflow: hidden;
    margin-right: 3px
}

.ICheckbox .IChecked i {
    background-position: -170px -170px
}

.IRadio i {
    margin-top: -2px;
    display: inline-block;
    background-position: -185px -155px;
    vertical-align: middle;
    height: 13px;
    width: 13px;
    overflow: hidden;
    margin-right: 3px
}

.IRadio .IChecked i {
    background-position: -185px -169px
}

.Big-ICheckbox i,
.layui-form-cart {
    cursor: pointer;
    display: inline-block;
    background-position: 0 0;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    overflow: hidden;
    margin-right: 3px
}

.Big-ICheckbox .IChecked i,
.layui-form-cart-checked {
    background-position: 0 -17px
}

.Big-IRadio i {
    display: inline-block;
    background-position: -18px 0;
    vertical-align: -2px;
    height: 16px;
    width: 16px;
    overflow: hidden;
    margin-right: 3px
}

.Big-IRadio .IChecked i {
    background-position: -18px -17px
}

.jqtransformdone label {
    margin-right: 8px;
    display: block;
    float: left
}

.jqTransformCheckboxWrapper,
.jqTransformRadioWrapper {
    float: left;
    display: block;
    margin-right: 2px;
    margin-top: 8px
}

.jqTransformCheckbox,
.jqTransformRadio {
    float: left;
    background: transparent url(/themes/index/default/static/js/img/radio.png) no-repeat center top;
    vertical-align: middle;
    height: 13px;
    width: 13px;
    display: block
}

.jqTransformCheckbox {
    height: 12px;
    width: 12px;
    background: transparent url(/themes/index/default/static/js/img/checkbox.png) no-repeat center top
}

a.jqTransformChecked {
    background-position: center bottom
}

.jqTransformSelectWrapper {
    font-size: 14px;
    width: 500px;
    position: relative;
    height: 29px;
    line-height: 29px;
    border: 1px solid #ccc;
    background: url(/themes/index/default/static/image/inputbg.gif) left top repeat-x;
    float: left
}

.jqTransformSelectWrapper div dt {
    float: none;
    position: absolute;
    white-space: nowrap;
    height: 29px;
    padding: 0 0 0 7px;
    line-height: 29px;
    overflow: hidden;
    cursor: pointer;
    color: #666
}

.jqTransformSelectWrapper a.jqTransformSelectOpen {
    display: block;
    position: absolute;
    right: 0;
    top: 3px;
    width: 22px;
    height: 22px;
    background: url(/themes/index/default/static/js/img/select_right.gif) no-repeat center 8px
}

.jqTransformSelectWrapper a.jqTransformSelectend {
    background-position: center -22px
}

.jqTransformSelectWrapper dl {
    position: absolute;
    width: 43px;
    top: 28px;
    left: 0;
    list-style: none;
    background: #fff;
    border: solid 1px #e5e5e5;
    display: none;
    margin: 0;
    padding: 0;
    height: 200px;
    overflow: auto;
    overflow-y: auto;
    z-index: 10
}

.jqTransformSelectWrapper dl a {
    display: block;
    padding: 1px 6px;
    text-decoration: none;
    color: #333;
    background: #fff;
    border-bottom: dashed 1px #e5e5e5
}

.small .jqTransformSelectWrapper,
.small .jqTransformSelectWrapper div dt,
.small .jqTransformSelectWrapper dl a {
    font-size: 12px;
    height: 23px;
    line-height: 24px
}

.small .jqTransformSelectWrapper dl {
    top: 22px
}

.small a.jqTransformSelectOpen {
    background: url(/themes/index/default/static/js/img/select_right.gif) no-repeat center 5px;
    height: 12px
}

.small a.jqTransformSelectend {
    background-position: center -25px
}

.jqTransformSelectWrapper dl a.selected,
.jqTransformSelectWrapper dl a.selected:hover,
.jqTransformSelectWrapper dl a:hover {
    background: #fffeed;
    color: #f60
}

.pingfen_btn {
    cursor: pointer;
    z-index: 2;
    position: relative;
    display: inline-block;
    color: #bbb
}

.pingfen_btn span {
    color: #f1453a
}

.pingfen_box {
    width: 240px;
    position: absolute;
    zoom: 1;
    top: 18px;
    left: 0;
    z-index: 999;
    border: 1px solid #e5e5e5;
    background: #fff;
    box-shadow: 2px 1px 3px rgba(0, 0, 0, .15);
    -moz-box-shadow: 2px 1px 3px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 2px 1px 3px rgba(0, 0, 0, .15);
    padding: 10px;
    display: none
}

.pingfen_btn.active {
    z-index: 3
}

.pingfen_btn .icons {
    margin: 0 0 0 5px;
    width: 8px;
    height: 8px;
    display: inline-block;
    background-position: -122px -167px
}

.pingfen_btn.active .icons {
    background-position: -127px -174px
}

.pingfen_btn.active .pingfen_box {
    display: block
}

.pingfen_box dl {
    padding: 3px 5px;
    line-height: 20px
}

.pingfen_box dl dd {
    padding: 3px;
    color: #656565;
    height: 20px;
    display: inline
}

.pingfen_box dl em {
    color: #f1453a;
    font-weight: 700
}

.pingfen_box dl s {
    display: inline-block;
    width: 120px;
    height: 20px;
    background: url(/themes/index/default/static/image/star.png) repeat-x;
    margin: 0 3px;
    vertical-align: top;
    overflow: hidden
}

.pingfen_box dl div {
    height: 20px;
    float: left;
    background: url(/themes/index/default/static/image/star.png) 0 -28px repeat-x
}

.Edition a {
    position: relative;
    display: inline-block;
    text-align: center;
    border: 2px solid #ccc;
    color: #666;
    padding: 5px 12px 6px 10px;
    line-height: 1em;
    margin-right: 5px
}

.Edition a:hover {
    color: #666;
    border-color: #ff7f02
}

.Edition .cur {
    color: #333;
    border-color: #ff7f02
}

.Edition i {
    position: absolute;
    bottom: -2px;
    right: -2px;
    font-size: 14px;
    display: none;
    width: 14px;
    height: 14px
}

.Edition .cur i {
    display: block;
    color: #ff7f02
}

.jqTransformHidden {
    display: none
}

.div_preview {
    float: left;
    border: 1px solid #ddd;
    overflow: hidden
}

.div_preview img {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image)
}

#check_count {
    color: #999
}

#addred_num {
    width: 40px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #d8d8d8;
    border-left: 0;
    border-right: 0;
    text-align: center;
    float: left;
    margin: 2px 0 0
}

.addred {
    width: 26px;
    line-height: 20px;
    height: 26px;
    float: left;
    border: 1px solid #d8d8d8;
    background: #f5f5f5;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0');
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0));
    background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
    cursor: pointer;
    margin-top: 2px;
    padding-bottom: 3px
}

.addred:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#f9f9f9');
    background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f9f9f9));
    background: -moz-linear-gradient(top, #f0f0f0, #f9f9f9)
}

.phcolor {
    color: #a9a9a9
}

.hfcon {
    margin: 15px 0;
    position: relative;
    display: inline-block;
    width: 690px;
    background: #fbfbfb;
    box-shadow: 0 1px 3px #dee4e9;
    border: 1px solid #dee4e9;
    border-radius: 4px
}

.hfcon span {
    float: left;
    padding: 8px;
    line-height: 20px
}

.hfcon div {
    position: absolute;
    left: 20px;
    overflow: hidden;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid dashed dashed dashed
}

div.j-border {
    top: -20px;
    border-color: transparent transparent #d9d9d9 transparent
}

div.j-background {
    top: -19px;
    border-color: transparent transparent #fbfbfb transparent
}

#eval {
    width: 20px;
    height: 18px;
    display: inline-block
}

#eval.ico-good {
    background-position: -163px -97px
}

#eval.ico-normal {
    background-position: -142px -97px
}

#eval.ico-bad {
    background-position: -121px -97px
}

.certification i {
    margin: 0 3px -3px 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-position: -20px -124px
}

.certification i.success {
    background-position: 0 -124px
}

.certification i.company {
    background-position: 0 -164px
}

.certification i.idcard {
    background-position: -20px -144px
}

.certification i.idcard.success {
    background-position: 0 -144px
}

.certification i.phone {
    background-position: -20px -104px;
    margin-right: 2px
}

.certification i.phone.success {
    background-position: 0 -104px
}

#progress {
    float: left;
    overflow: hidden;
    padding: 20px 15px 10px;
    width: 230px;
    color: #444;
    display: none
}

#progress-tisp {
    text-align: center;
    float: left;
    width: 100%;
    font: 700 13px/34px Helvetica, Arial, sans-serif
}

#progress-tisp span {
    color: #111
}

#progress ul {
    float: left;
    width: 100%;
    border-bottom: 2px solid #ebebeb;
    display: none
}

#progress p {
    float: left;
    width: 100%;
    padding: 3px 0;
    border-top: 2px solid #ebebeb
}

#progress ul span {
    width: 100%;
    word-break: break-all;
    word-wrap: break-word
}

#progress ul strong {
    color: #b60000
}

#progress ul b {
    color: #f60
}

#progress-bar {
    float: left;
    width: 230px;
    display: block;
    overflow: hidden;
    height: 12px;
    background: #f3f3f3;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .2), transparent 60%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .2), transparent 60%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .2), transparent 60%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .2), transparent 60%);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2), 0 1px rgba(255, 255, 255, .6);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2), 0 1px rgba(255, 255, 255, .6)
}

#progress-in {
    float: left;
    display: block;
    min-width: 8px;
    height: 12px;
    background: #1997e6;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, .2)), -webkit-linear-gradient(left, #147cd6, #24c1fc);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, .2)), -moz-linear-gradient(left, #147cd6, #24c1fc);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, .2)), -o-linear-gradient(left, #147cd6, #24c1fc);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, .2)), linear-gradient(to right, #147cd6, #24c1fc);
    -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(0, 0, 0, .2)
}

.form-textarea-box {
    display: block;
    overflow: hidden;
    margin-right: 30px
}

.upload-box {
    display: block;
    overflow: hidden;
    margin-right: 30px;
    border: 3px dashed #e6e6e6
}

.container {
    display: block;
    position: relative;
    overflow-y: hidden;
    padding: 10px
}

.container .filelist {
    margin-top: 10px;
    width: 100%;
    padding-bottom: 5px;
    border-top: 2px solid #e6e6e6
}

.container .filelist:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    clear: both
}

.container .filelist div {
    width: 190px;
    text-align: center;
    height: 152px;
    margin: 10px 12px 0 0;
    padding: 1px;
    position: relative;
    display: inline;
    float: left;
    overflow: hidden;
    font-size: 12px;
    border: 1px solid #ddd
}

.container .imgWrap {
    position: relative;
    z-index: 0;
    line-height: 152px;
    vertical-align: middle;
    overflow: hidden;
    width: 190px;
    height: 152px;
    color: #1094fa;
    font-size: 14px
}

.container .filelist img {
    width: 190px
}

.container .filelist .icon {
    color: #fff;
    font-size: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 12px 0 0 20px;
    height: 28px;
    line-height: 28px;
    width: 20px;
    z-index: 2;
    background-position: -257px -323px
}

.container .filelist .file-panel {
    position: absolute;
    height: 0;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 300
}

.container .filelist .file-panel a {
    position: relative;
    width: 33%;
    line-height: 28px;
    height: 28px;
    float: left;
    overflow: hidden;
    cursor: pointer
}

.container .filelist .file-panel a span {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    filter: Alpha(Opacity=30, Style=0);
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3
}

.container .filelist .file-panel a.fdel {
    width: 34%
}

.container .filelist .file-panel a span.cur {
    filter: Alpha(Opacity=70, Style=0);
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7
}

.container .filelist .file-panel a i {
    top: 0;
    left: 50%;
    width: 29px;
    height: 100%;
    display: inline;
    overflow: hidden;
    position: absolute;
    z-index: 30;
    margin-left: -15px;
    background-position: -207px -289px
}

.container .filelist .file-panel a.fright i {
    background-position: -177px -289px
}

.container .filelist .file-panel a.fdel i {
    background-position: -235px -289px
}

.statusBar {
    line-height: 18px;
    height: 36px;
    vertical-align: middle;
    position: relative
}

.statusBar .info {
    float: right;
    display: inline-block;
    color: #aaa
}

.statusBar .btns {
    position: absolute;
    top: 3px;
    left: 0;
    line-height: 30px
}

.statusBar .btns a {
    background: #fff;
    border: 1px solid #cfcfcf;
    color: #565656;
    padding: 0 18px;
    display: inline-block;
    border-radius: 3px;
    margin-left: 0;
    cursor: pointer;
    font-size: 14px;
    float: left
}

.statusBar .btns a:hover {
    background: #f0f0f0
}

.statusBar .btns input {
    margin-left: -350px;
    font-size: 30px;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0
}

.fu_list {
    table-layout: fixed;
    margin-top: 10px;
    background: #ebebeb;
    font-size: 12px;
    width: 100%;
    border: 1px solid #ebebeb;
    border-collapse: collapse;
    table-layout: fixed锛泈ord-break:break-all
}

.fu_list td {
    border: 0;
    padding: 5px;
    line-height: 20px;
    background-color: #fff;
    word-break: break-all;
    word-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.fu_list thead td {
    background-color: #e6e6e6
}

.fu_list b {
    font-size: 14px;
    color: #3a9000
}

.fu_list a:hover {
    color: red
}

.insert {
    width: 490px;
    overflow: hidden
}

.insert .pic {
    width: 100%;
    overflow: hidden
}

.insert .pic p {
    color: #333;
    text-align: center;
    margin: 190px 0 0 140px;
    font-size: 16px
}

.insert .pic div {
    width: 152px;
    height: 122px;
    float: left;
    border: 1px solid #e5e5e5;
    margin: 10px 0 0 10px;
    position: relative;
    line-height: 20px
}

.insert .pic div img {
    width: 150px;
    height: 120px;
    border: 0
}

.insert .pic div strong {
    color: #fff;
    font-size: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 20px 0 0 18px;
    height: 40px;
    width: 40px;
    z-index: 2;
    background-position: -252px -323px
}

.insert .pic div span {
    display: none;
    z-index: 10;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000);
    color: #fff;
    text-align: center;
    text-decoration: none
}

.insert .pic div span i {
    display: block;
    height: 46px;
    width: 62px;
    background-position: -180px -424px;
    margin: 40px 0 0 50px;
    overflow: hidden
}

.insert .pic div.cur span,
.insert .pic div.not span {
    display: block
}

.insert .pic cite {
    text-align: center;
    display: block;
    padding: 50px 0
}

.insert .btns {
    text-align: center;
    margin: 10px;
    padding-top: 10px;
    display: block;
    overflow: hidden;
    border-top: 3px solid #ddd
}

.insert .layui-btn {
    padding: 0 18px;
    line-height: 28px;
    height: 28px
}

.insert .prompt {
    font-size: 12px;
    margin: 0 10px;
    display: block;
    line-height: 24px;
    border-top: 3px solid #ddd
}

.insert .prompt span {
    color: #265892
}

.insert .prompt strong {
    margin-top: 5px;
    width: 483px
}

.bfiles {
    padding: 8px 0
}

.bfiles img {
    width: 80px;
    height: 60px;
    margin-right: 6px;
    padding: 3px;
    border: 1px solid #eee;
    background: #fff;
    -moz-border-radius: 1px;
    -khtml-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px
}

.note_icon a:hover {
    color: red
}

.note_icon a {
    padding-right: 5px;
    float: left
}

.note_icon a i {
    color: #999;
    border: 1px solid #ddd;
    background: #f9f9f9;
    float: left;
    overflow: hidden;
    text-align: center;
    height: 19px;
    line-height: 19px;
    padding: 0 4.5px
}

.note_icon a i.protect {
    color: #6a4;
    border-color: #6a4;
    background: #eff
}

.note_icon a i.score {
    color: #f60;
    border-color: #ff7e00;
    background: #fff5ee
}

.note_icon a i.send {
    color: #b68571;
    border-color: #e3c8bd;
    background: #fffbf6
}

.note_icon a i.install0 {
    color: #498bf8;
    border-color: #71a3f5;
    background: #eef9ff
}

.claims_box {
    float: left;
    width: 100%;
    background: #fff
}

.claims_box table {
    border-collapse: collapse;
    width: 100%
}

.claims_box .table1,
.claims_box td,
.claims_box th {
    border-bottom: 1px solid #ddd;
    padding: 0
}

.claims_box .table1 td {
    border-bottom: 1px solid #f1f1f1;
    padding: 8px;
    color: #555
}

.claims_box td.nm1 {
    text-align: right;
    border-bottom: 1px solid #f1f1f1;
    width: 15%;
    color: #999;
    border-right: 1px solid #f1f1f1
}

.claims_tips {
    float: left;
    width: 90%;
    padding: 15px 5%;
    background: #f1f9fe;
    text-align: left;
    color: #333;
    border-bottom: 1px solid #ddd
}

.claims_tips div {
    float: left;
    width: 88%;
    line-height: 18px
}

.claims_tips p {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 5px
}

.claims_tips span {
    color: #666
}

.claims_tips div.claims_ico {
    margin-top: 10px;
    height: 35px;
    float: left;
    width: 8%
}

.claims_suc div.claims_ico {
    background-position: -261px -250px
}

.claims_suc div p {
    color: #51863c
}

.claims_ing div.claims_ico {
    background-position: -195px -248px
}

.claims_ing p {
    color: #f60
}

.claims_no div.claims_ico {
    background-position: -228px -250px
}

.claims_no p {
    color: #97731f
}

.claims_tips a {
    text-decoration: underline
}

.claims_notes {
    float: left;
    padding: 5px 0 15px 5%;
    font-size: 13px;
    width: 90%
}

.claims_notes li {
    float: left;
    width: 100%;
    line-height: 25px
}

.claims_notes span {
    text-decoration: underline
}

.claims_notes b {
    padding-right: 4px;
    color: #666;
    font-size: 15px
}

.claims_notes h3 {
    float: left;
    font-size: 14px;
    background-position: -307px -61px;
    padding-left: 20px;
    font-weight: 700;
    width: 90%
}

.ly_ins {
    float: left;
    width: 570px;
    padding: 15px;
    background: #fff
}

.ly_ins table {
    border-collapse: collapse;
    width: 100%
}

.ly_ins .table1,
.ly_ins td,
.ly_ins th {
    border-bottom: 1px solid #ddd;
    padding: 0
}

.ly_ins .table1 {
    border: 1px solid #ddd
}

.ly_ins .table2 {
    border: 0
}

.ly_ins .table2 td {
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 8px;
    color: #666
}

.ly_ins .table2 tr:last-child td:last-child {
    border-color: #fff
}

.ly_ins td.nm1 {
    text-align: right;
    border-bottom: 1px solid #f8f8f8;
    background: #f8f8f8;
    width: 15%;
    color: #333;
    border-right: 1px solid #f1f1f1
}

.ly_ins td.tyn {
    text-align: center;
    border-right: 1px solid #ddd;
    font-weight: 700;
    background: #f2f2f2;
    width: 35px
}

.ly_ins span {
    float: left;
    width: 80%
}

.ly_ins img {
    float: right;
    cursor: pointer
}

.ins_notes {
    float: left;
    padding: 5px 0;
    font-size: 13px;
    width: 100%;
    border-top: #e1e1e1 solid 1px
}

.ins_notes li {
    float: left;
    width: 100%;
    line-height: 25px
}

.ins_notes span {
    text-decoration: underline
}

.ins_notes b {
    padding-right: 4px;
    color: #666;
    font-size: 15px
}

.ins_notes h3 {
    float: left;
    font-size: 14px;
    background-position: -307px -61px;
    padding-left: 20px;
    font-weight: 700;
    width: 90%
}

.customer_div {
    float: left;
    width: 300px;
    padding: 15px;
    background: #f6f9ff
}

.customer_div p {
    float: left;
    width: 100%;
    margin: 0 0 10px
}

.customer_uqq {
    width: 300px
}

.customer_uqq span {
    float: left;
    line-height: 27px
}

.customer_uqq a {
    line-height: 25px;
    height: 25px;
    float: right;
    padding: 0 5px;
    border: #e5e5e5 1px solid;
    background: #fff;
    margin-left: 10px
}

.customer_uqq a:hover {
    border: #c5ddf6 1px solid;
    color: #1774c2;
    background: #eaf4ff
}

.customer_uqq a.direct_talk {
    border: #c5ddf6 1px solid;
    color: #1774c2
}

.customer_uqq em {
    float: right;
    padding-right: 10px;
    color: #999;
    line-height: 27px
}

.customer_csc {
    padding: 10px
}

.customer_csc p {
    margin-top: 5px;
    padding: 2px;
    line-height: 22px
}

.customer_csc strong {
    display: inline-block
}

.customer_csc span {
    color: #666
}

.tablelist {
    border-collapse: collapse;
    border: solid #e5e5e5;
    border-width: 0 1px 1px;
    width: 100%;
    clear: both
}

.tablelist a {
    color: #056dae
}

.tablelist a:hover {
    color: #f60
}

.tablelist td.tcer {
    text-align: center
}

.tablelist thead td {
    background: #f0f0f0;
    font-size: 14px;
    border-width: 1px 0;
    border-color: #ddd
}

.tablelist tbody {
    font-size: 12px
}

.tablelist td {
    padding: 9px 12px;
    border: #e9e9e9 solid;
    border-width: 0 0 1px
}

.tablelist tbody tr {
    background: #fff
}

.tablelist tbody tr.odd {
    background: #f5f8fa
}

.released {
    float: left;
    width: 440px;
    padding: 40px 60px;
    background: #fff
}

.released div {
    background: #fff;
    float: left;
    width: 100%;
    text-align: center
}

.released a {
    color: #3e98e2;
    float: left;
    margin: 20px 0 0 20px;
    padding: 20px 35px;
    border: #cde4f6 1px solid;
    font-size: 28px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #edf6fe;
    width: 118px
}

.released a:hover {
    border: #c3ddf2 1px solid;
    background: #e4f3ff;
    color: #2387da
}

.released .buy a {
    color: #ff8521;
    border: #ffe0cc 1px solid;
    background: #fff8f4
}

.released .buy a:hover {
    border: #facaab 1px solid;
    background: #fff3e8;
    color: #f60
}

.released div.r_tisp {
    color: #666;
    font-size: 22px
}

.released p {
    float: right;
    margin-right: 20px;
    color: #666
}

.released i {
    float: left;
    width: 50px;
    height: 40px;
    background-position: 0 -180px
}

.released span {
    float: left;
    line-height: 40px;
    width: 68px
}

.released .sale i.code {
    background-position: 0 -224px
}

.released .sale i.doamin {
    background-position: -49px -224px
}

.released .sale i.web {
    background-position: -49px -183px
}

.released .buy i.code {
    background-position: -100px -224px
}

.released .buy i.doamin {
    background-position: -148px -224px
}

.released .buy i.web {
    background-position: -148px -182px
}

.released .buy i.task {
    background-position: -100px -180px
}

.ly_takes {
    background: #fafafa;
    float: left;
    width: 94%;
    padding: 0 3%;
    border-top: 2px solid #f60;
    border-bottom: 1px solid #eee
}

.ly_takes li {
    float: left;
    padding: 20px 0
}

.ly_takes .l1 {
    padding: 20px
}

.ly_takes .l1 img {
    height: 100px;
    width: 100px;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff
}

.ly_takes .tit a {
    font-size: 14px;
    font-weight: 700;
    color: #555
}

.ly_takes .tit a:hover {
    color: #f60
}

.ly_takes .l2 p {
    padding-bottom: 10px
}

.ly_takes .l2 b {
    color: #f60
}

.ly_stats {
    float: left;
    width: 93%;
    margin: 25px 3%;
    font-size: 14px;
    border: 3px dashed #e5e5e5
}

.ly_stats ul {
    display: block;
    padding: 20px
}

.ly_stats ul a {
    color: #000
}

.ly_stats ul a:hover {
    color: #f60
}

.ly_stats ul input {
    border: 1px solid #e6e6e6;
    background: #fff;
    border-radius: 2px;
    padding: 3px 5px
}

.ly_stats .bfiles {
    padding: 2px 0 0 2px
}

.ly_stats img {
    width: 190px;
    height: 152px;
    margin: 0
}

.notes {
    overflow: hidden;
    background: #f6f9ff;
    padding: 10px 0;
    font-size: 13px;
    width: 100%;
    border-top: #ededed solid 1px
}

.notes_ber {
    border: #e5e5e5 solid 1px;
    width: 886px
}

.notes li {
    padding-left: 20px;
    float: left;
    width: 90%;
    line-height: 25px
}

.notes span {
    text-decoration: underline
}

.notes b {
    padding-right: 4px;
    color: #666;
    font-size: 15px
}

.notes h3 {
    float: left;
    font-size: 14px;
    background-position: -307px -61px;
    padding-left: 20px;
    font-weight: 700;
    width: 90%
}

.tipso_bubble,
.tipso_bubble>.tipso_arrow {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tipso_bubble {
    position: absolute;
    text-align: center;
    border-radius: 6px;
    z-index: 9999;
    padding: 10px
}

.tipso_bubble.bottom {
    float: none;
    margin: 0;
    background: 0 0
}

.tipso_bubble>.tipso_content {
    border-radius: 6px;
    padding: 10px
}

.tipso_bubble>.tipso_arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid;
    pointer-events: none
}

.tipso_bubble.top>.tipso_arrow {
    margin-top: -10px;
    border-top-color: #000;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    top: 100%;
    left: 50%;
    margin-left: -8px
}

.tipso_bubble.bottom>.tipso_arrow {
    margin-bottom: -10px;
    border-bottom-color: #000;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    bottom: 100%;
    left: 50%;
    margin-left: -8px
}

.tipso_bubble.left>.tipso_arrow {
    margin-left: -10px;
    border-left-color: #000;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    top: 50%;
    left: 100%;
    margin-top: -8px
}

.tipso_bubble.right>.tipso_arrow {
    margin-right: -10px;
    border-right-color: #000;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    top: 50%;
    right: 100%;
    margin-top: -8px
}

.layui-serve .layui-form-label {
    width: 90px;
    padding-left: 0
}

.layui-serve .layui-form-item {
    margin-top: 0
}

.serve_top {
    background: #fafafa;
    float: left;
    width: 94%;
    padding: 0 3%;
    border-top: 2px solid #f60
}

.serve_top li {
    padding: 20px 0
}

.serve_top .l1 {
    float: left;
    padding: 20px
}

.serve_top .l1 img {
    height: 80px;
    width: 80px;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff
}

.serve_top .tit a {
    font-size: 14px;
    font-weight: 700;
    color: #555
}

.serve_top .tit a:hover {
    color: #f60
}

.serve_top .l2 p {
    padding-bottom: 10px
}

.serve_top .l2 b {
    color: #f60
}

.jifen_cart {
    padding: 30px 0;
    position: relative;
    color: #666
}

.layui-jifen .layui-form-label {
    width: 90px;
    padding-left: 0;
    color: #333
}

.layui-jifen .layui-input-block {
    margin-left: 0
}

.layui-jifen .layui-form-item {
    margin-top: 0
}

.jifen_top {
    background: #fafafa;
    float: left;
    width: 94%;
    padding: 0 3%;
    border-top: 2px solid #f60
}

.jifen_top li {
    float: left;
    padding: 20px 0
}

.jifen_top .l1 {
    padding: 20px
}

.jifen_top .l1 img {
    height: 80px;
    width: 80px;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff
}

.jifen_top .tit a {
    font-size: 14px;
    font-weight: 700;
    color: #555
}

.jifen_top .tit a:hover {
    color: #f60
}

.jifen_top .l2 p {
    padding-bottom: 10px
}

.layui-photos-action {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;/border-radius: 6px;
    background: rgba(0, 0, 0, .35);
    position: fixed;
    overflow: hidden;
    z-index: 20000001;
    width: 120px;
    bottom: 5px;
    left: 50%;
    margin-left: -60px;
    line-height: 36px;
    height: 36px
}

.layui-photos-action a {
    width: 100%;
    color: #ededed;
    text-align: center;
    display: inline-block;
    font-size: 15px
}

.layui-photos-action a i {
    font-size: 20px
}

.layui-photos-action a:hover {
    color: #fff
}

.j-count-number {
    display: inline-block;
    margin: 0 5px;
    width: 105px;
    height: 30px;
    vertical-align: middle
}

.j-number {
    display: inline-block;
    padding: 0 24px;
    vertical-align: middle;
    position: relative
}

.j-number-input {
    width: 45px;
    height: 22px;
    line-height: 22px;
    padding: 2px 4px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #e0e0e0;
    outline: 0;
    position: relative
}

.j-number a {
    font-size: 18px;
    text-decoration: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    overflow: hidden;
    background: #f5f5f5;
    color: #9e9e9e;
    border: 1px solid #e0e0e0;
    font-family: verdana
}

.j-number a.down {
    right: auto;
    left: 0
}

.formLib {
    width: 400px;
    overflow: hidden;
    height: 294px
}

.form_lilib input {
    width: 220px;
    padding: 0 10px;
    height: 38px;
    border: 1px solid #ccc
}

.formLib .form_lilib {
    float: left;
    position: relative;
    margin: 10px 35px 10px 55px;
    font-size: 0;
    width: 310px
}

.form_lilib input,
.form_lilib label {
    display: inline-block;
    font-size: 14px;
    line-height: 38px
}

.formLib label {
    float: left;
    height: 38px;
    width: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 38px
}

.form_lilib span {
    padding: 0 5px
}

.from_msg {
    float: left;
    padding: 2px 0 0 10px;
    font-size: 12px;
    color: #999
}

.form_libtn {
    position: relative;
    float: left;
    font-size: 12px;
    color: #999;
    margin: 10px 25px 0 55px;
    width: 320px
}

.formLib #login_submit_button {
    width: 95px;
    float: left;
    height: 32px;
    line-height: 32px;
    border: none;
    background: #f40;
    color: #fff
}

.from_msg a {
    margin: 3px 2px 0 0;
    padding-left: 21px;
    height: 21px;
    line-height: 21px;
    display: inline-block;
    color: #666
}

.from_msg span {
    margin: 5px 0 0;
    float: left
}

.loing_reg_tisp {
    margin: 0 0 20px;
    padding: 15px 0 10px;
    letter-spacing: 1.2px;
    line-height: 22px;
    float: left;
    width: 400px;
    background: #f9f9f9;
    border-bottom: 2px solid #f1f1f1;
    border-top: 1px solid #d9d9d9
}

.loing_reg_tisp strong {
    font-size: 15px
}

.loing_reg_tisp label {
    background-position: -89px -480px;
    height: 40px;
    width: 40px;
    margin: 0 5px 10px 55px
}

.loing_reg_tisp a {
    color: #3595cc;
    margin-right: 10px
}

.loing_reg_tisp a:hover {
    color: #f60
}

.form_libtn #popup-captcha {
    display: none;
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    z-index: 1
}

.layer_allmoney {
    float: left;
    width: 94%;
    padding: 15px 3%;
    background: #fafafa
}

.layer_allmoney ul {
    float: left;
    width: 85%;
    margin: 0 5%
}

.layer_allmoney li {
    float: left;
    width: 85%;
    line-height: 40px
}

.layer_allmoney .l1 {
    width: 15%
}

.layer_allmoney .tit {
    color: #000;
    font-size: 14px;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.layer_allmoney .price {
    float: left;
    font-size: 26px;
    color: #f60;
    font-weight: 700
}

.layer_allmoney .layui-btn {
    margin-top: 6px;
    float: right;
    font-size: 14px;
    font-weight: 700
}

.fixed-right,
.fixed-right.simple.curr {
    width: 40px;
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    border-left: 1px solid #f1f1f1;
    background: #fff
}

.fixed-right.simple {
    border: 0;
    background: 0 0
}

.fixed-right-bg {
    display: none;
    z-index: 96;
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=10);
    -moz-opacity: .1;
    -khtml-opacity: .1;
    opacity: .1
}

.fixed-main {
    position: relative;
    height: 100%
}

.fixed-tab {
    z-index: 100;
    position: relative;
    width: 40px;
    height: 100%;
    min-height: 300px
}

.fixed-tab cite {
    display: block;
    position: relative;
    margin-bottom: 0;
    z-index: 100;
    color: #444
}

.fixed-tab cite .i {
    z-index: 100;
    cursor: pointer;
    padding: 7px 0;
    font-size: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    z-index: 99;
    position: relative
}

.fixed-tab cite .i i {
    width: 22px;
    height: 22px;
    display: inline-block
}

.fixed-tab cite .i p {
    font-size: 12px;
    line-height: 14px;
    padding-top: 4px
}

.fixed-tab cite .i span {
    position: absolute;
    top: 1.5px;
    right: 3px
}

.fixed-tab cite .i em {
    display: inline-block;
    padding: 1px 2px;
    color: #fff;
    border-radius: 15px;
    background: #e50000;
    height: 12px;
    font-size: 12px;
    line-height: 12px
}

.fixed-tab i.fi-my {
    background-position: -36px 0
}

.fixed-tab i.fi-message {
    background-position: -130px 2px
}

.fixed-tab i.fi-browse {
    background-position: -106px 1px
}

.fixed-tab i.fi-cart {
    background-position: -83px 1px
}

.fixed-tab i.fi-service {
    background-position: -59px 1px
}

.fixed-tab i.fi-gotop {
    background-position: -36px -44px
}

.fixed-tab i.fi-stretch {
    background-position: -182px 6px
}

.fixed-tab i.fi-mg {
    background-position: -155px 1px
}

.fixed-right.simple i.fi-stretch {
    background-position: -181px -21px
}

.fixed-right.simple .fixed-tab cite .i p {
    display: none
}

.fixed-click-box.curr,
.fixed-right.curr .fixed-click,
.fixed-right.curr .fixed-right-bg,
.fixed-tab cite.curr .fixed-hover-box,
.fixed-tab cite.curr .i-bg,
.fixed-tab cite.curr .i-bgy {
    display: block
}

.fixed-tab cite.click-cite.curr .i-bgy {
    left: auto;
    right: -.6px
}

.fixed-tab cite.on .fixed-hover-box,
.fixed-tab cite.on .i-bg,
.fixed-tab cite.on .i-bgy {
    display: block
}

.fixed-tab .click-cite .i-bg {
    box-shadow: -1px 0 2px rgba(0, 0, 0, .1)
}

.fixed-tab .i-bg {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    z-index: 98;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.fixed-tab .i-bgy {
    display: none;
    position: absolute;
    height: 100%;
    width: 3.5px;
    left: -3.5px;
    top: 0;
    z-index: 99;
    background: #fff
}

.fixed-hover-box {
    position: absolute;
    top: 0;
    right: 40px;
    z-index: 97;
    display: none;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.fixed-hover-box h3 {
    color: #353535;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 20px;
    display: block
}

.fixed-tab-bottom {
    width: 100%;
    position: absolute;
    bottom: 80px;
    right: 0
}

.fixed-tab-top {
    width: 100%;
    position: absolute;
    top: 25%;
    right: 0
}

.fixed-tab-gotop {
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0
}

.fixed-service-box {
    width: 350px
}

.fixed-service-list p {
    display: block;
    padding: 0 0 10px;
    font-size: 13px
}

.fixed-service-list {
    display: block;
    padding: 5px 0 0 15px
}

.fixed-service-list span {
    color: #111
}

.fixed-service-list p.gray {
    font-size: 12px;
    color: #999
}

.fixed-service-list a:hover {
    color: #2789ed
}

.fixed-gotop-box,
.fixed-mg-box,
.fixed-stretch-box {
    width: 80px
}

.fixed-gotop-box h3,
.fixed-mg-box h3,
.fixed-stretch-box h3 {
    cursor: pointer;
    background: #fff;
    text-align: right;
    padding-right: 5px
}

.fixed-mg-box a {
    padding: 9px 0;
    text-align: center;
    border-radius: 2px;
    display: block
}

.fixed-mg-box a i {
    padding-right: 3px;
    height: 18px;
    width: 18px;
    display: inline-block;
    background-position: -161px -26px;
    vertical-align: -4px
}

.fixed-mg-box a:hover {
    color: red
}

.fixed-mg-box p {
    padding: 10px 0;
    display: block;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 10px
}

.fixed-mg-box p i {
    margin: -2px 4px 0 -1px
}

.fixed-right.simple .fixed-stretch-box h3 span,
.fixed-stretch-box h3 em {
    display: none
}

.fixed-right.simple .fixed-stretch-box h3 em {
    display: block
}

.fixed-mg-box .action,
.fixed-tab cite.on .fixed-mg-box h3 {
    display: none
}

.fixed-mg-box h3,
.fixed-tab cite.on .fixed-mg-box .action {
    display: block
}

.fixed-click {
    z-index: 98;
    position: absolute;
    display: none;
    top: 0;
    right: -330px;
    height: 100%;
    width: 329px;
    border-left: 1px solid #e5e5e5;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.fixed-loading {
    z-index: 99;
    position: absolute;
    display: none;
    top: 0;
    right: -330px;
    height: 100%;
    width: 330px;
    background-color: #fff;
    opacity: .5;
    filter: alpha(opacity=50)
}

.fixed-loading span {
    position: relative;
    height: 100%;
    display: block
}

.fixed-loading i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px -16px 0 0;
    width: 32px;
    height: 32px;
    background: url(/static/plugs/layui_zhan/css/modules/layer/default/loading-2.gif) no-repeat
}

.fixed-click-box .refresh {
    float: left;
    height: 22px;
    width: 22px;
    border: 1px solid #fdfdfd
}

.fixed-click-box .refresh:hover {
    background: #fff;
    border-radius: 50%;
    border-color: #ccc
}

.fixed-click-box .refresh i {
    display: block;
    height: 100%;
    background-position: -181px -51px;
    width: 20px;
    height: 20px;
    margin: 1px
}

.fixed-click-box {
    height: 100%;
    position: relative;
    z-index: 98;
    background: #fff;
    display: none
}

.fixed-click-box h3 {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 0 9px;
    width: 100%;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    background: #fdfdfd;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, .05);
    border-bottom: 1px solid #e0e0e0;
    z-index: 1
}

.fixed-click-box h3 strong {
    float: left;
    margin: 0 10px 0 15px
}

.fixed-click-box .action {
    float: right;
    margin-right: 10px
}

.fixed-click-box .action a {
    font-weight: 400;
    color: #999;
    background: #fdfdfd;
    font-size: 12px;
    border-radius: 3px;
    display: inline-block;
    float: left;
    margin: 0 0 0 5px;
    height: 20px;
    line-height: 19px;
    padding: 1px 8px;
    border: 1px solid #e0e0e0
}

.fixed-click-box .action a:hover {
    background: #fff;
    color: #333;
    border-color: silver
}

.fixed-click-box .action a.cart_goto {
    border-color: #f1713e;
    background: #fff9f3;
    color: #f1713e
}

.fixed-click-box .action a.cart_goto:hover {
    background: #fef5eb;
    color: #f60;
    border-color: #f60
}

.fixed-browse-box {
    display: none
}

.fixed-browse-box em {
    color: #247fbd
}

.fixed-click-bottom {
    background: #fafafa;
    border-top: 1px solid #e5e5e5;
    width: 100%;
    overflow: hidden;
    line-height: 36px;
    height: 36px;
    position: absolute;
    bottom: 0;
    left: 0
}

.fixed-click-bottom .info {
    color: #444;
    font-size: 12px;
    float: left;
    margin: 0 15px
}

.fixed-click-bottom .info b {
    color: red
}

.fixed-click-bottom .info em {
    color: #f60
}

.fixed-click-box .sort_page {
    float: right;
    height: 100%;
    border: 0;
    padding: 0;
    margin-right: 15px;
    line-height: 36px
}

.fixed-list-bt {
    height: 45px;
    display: block
}

.fixed-list {
    overflow-y: auto;
    height: 100%
}

.fixed-list::-webkit-scrollbar {
    width: 4px;
    height: 5px
}

.fixed-list::-webkit-scrollbar-thumb {
    background: #848484;
    border-radius: 4px
}

.fixed-list .info_not {
    width: 100%;
    text-align: center;
    margin: -45px 0 0;
    font-size: 14px;
    background: #fff;
    position: absolute;
    height: 100%
}

.fixed-list .info_not div {
    position: relative;
    width: 100%;
    height: 100%
}

.fixed-list .info_not span {
    display: inline-block;
    position: absolute;
    width: 100%;
    margin-top: -110px;
    top: 50%;
    right: 0
}

.fixed-list .info_not i {
    font-size: 80px;
    line-height: 80px;
    display: inline-block
}

.fixed-browse-list {
    line-height: 14px;
    padding: 0 3px 0 0
}

.fixed-browse-list li {
    display: block;
    padding: 8px 15px;
    overflow: hidden
}

.fixed-browse-list a.tips {
    overflow: hidden;
    float: left;
    width: 18px;
    height: 18px;
    border: 1px solid #eee;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.fixed-browse-list a img {
    width: 18px;
    height: 18px
}

.fixed-browse-list a.tit {
    display: block;
    line-height: 18px;
    color: #656565;
    font-size: 14px;
    margin-left: 25px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.fixed-browse-list a:hover {
    color: #247fbd
}

.fixed-message-list a {
    position: relative;
    color: #999;
    overflow: hidden;
    display: block;
    padding: 8px 0;
    margin: 0 15px;
    border-bottom: 1px solid #e5e5e5
}

.fixed-message-list a em {
    color: #999
}

.fixed-message-list a p {
    padding-left: 5px
}

.fixed-message-list a.message_a:hover em {
    color: #333
}

.fixed-message-list a.message_a:hover {
    color: #333
}

.fixed-message-list a.message_a {
    color: #666
}

.fixed-message-list a.message_a em {
    color: #247fbd
}

.fixed-message-list a .title {
    line-height: 20px;
    margin-right: 50px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.fixed-message-list a .type {
    text-align: center;
    position: absolute;
    top: 50%;
    right: 0;
    width: 28px;
    margin-top: -19px;
    padding: 5px;
    background: #f2f2f2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 14px
}

.fixed-my {
    display: block;
    overflow: hidden;
    padding: 15px
}

.fixed-my dt {
    line-height: 18px;
    font-size: 12px;
    width: 100%;
    overflow: hidden;
    position: relative
}

.fixed-my #avatar {
    float: left
}

.fixed-my #avatar img {
    width: 65px;
    height: 65px;
    padding: 3px;
    border: 1px solid #eee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: inset 0 -1px 0 #3333sf;
    box-shadow: inset 0 -1px 0 #3333sf;
    -webkit-transition: .4s;
    -webkit-transition: -webkit-transform .4s ease-out;
    -moz-transition: -moz-transform .4s ease-out;
    transition: transform .4s ease-out
}

.fixed-my #avatar img:hover {
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 0 10px #fff;
    box-shadow: 0 0 10px #fff;
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    transform: rotateZ(360deg)
}

.fixed-my dt p {
    width: 100%;
    float: left;
    margin: 2px 0 3px;
    line-height: 20px
}

.fixed-my dt p#name {
    font-size: 14px;
    color: #649d51;
    font-weight: 700
}

.fixed-my dt span {
    display: block;
    margin-left: 80px
}

.fixed-my dt p a {
    color: #247fbd
}

.fixed-my dt p a#money {
    color: #f60
}

.fixed-my dt p a:hover {
    text-decoration: underline
}

.fixed-my dt em {
    float: left
}

.fixed-my dt #sign {
    position: absolute;
    width: 36px;
    height: 36px;
    right: 9px;
    bottom: 9px
}

.fixed-my dt #sign a {
    display: inline-block;
    width: 35px;
    height: 35px;
    background-position: 1px -33px
}

.fixed-my nav {
    text-align: center;
    display: block;
    overflow: hidden
}

.fixed-my nav a {
    background: #fafafa;
    -o-transition: all .15s, .15s;
    -moz-transition: all .15s, .15s;
    -webkit-transition: all .15s, .15s;
    float: left;
    width: 25%;
    padding: 10px 0;
    color: #333;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    -khtml-opacity: .75;
    opacity: .75
}

.fixed-my nav a.first {
    margin-bottom: -8px
}

.fixed-my nav i {
    font-family: iconfont;
    display: block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 30px
}

.fixed-my nav .a-1 {
    color: #f4a425
}

.fixed-my nav .a-2 {
    color: #ff7900;
    font-size: 29px
}

.fixed-my nav .a-3 {
    color: #f4a425;
    font-size: 26px
}

.fixed-my nav .a-4 {
    color: #ff7878;
    font-size: 32px
}

.fixed-my nav .a-5 {
    color: #3ebd80;
    font-size: 29px
}

.fixed-my nav .a-6 {
    color: #45a1de;
    font-size: 29px
}

.fixed-my nav .a-7 {
    color: #ff7878
}

.fixed-my nav .a-8 {
    color: #3eabc3;
    font-size: 29px
}

.fixed-my nav a:hover {
    position: relative;
    z-index: 999;
    background: #f5f5f5;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.fixed-my dd {
    display: block;
    overflow: hidden;
    padding: 10px 0 18px
}

.fixed-my dd a {
    font-size: 14px;
    display: block;
    overflow: hidden;
    line-height: 32px;
    height: 32px;
    margin: 8px 0 0;
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
    -o-transition: all .15s, .15s;
    -moz-transition: all .15s, .15s;
    -webkit-transition: all .15s, .15s
}

.fixed-my dd b {
    color: #444;
    width: 50%;
    float: left;
    padding-left: 30px;
    font-size: 12px
}

.fixed-my dd em {
    float: left;
    color: #00c1de
}

.fixed-my dd a:hover {
    background: #fff;
    border-color: #00c1de
}

.lay-login cite {
    overflow: hidden;
    display: block;
    padding: 15px 25px 10px
}

.lay-login cite a {
    float: left;
    width: 50%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #ebebeb
}

.lay-login cite a.curr {
    border-bottom: 1px solid var(--red);
    color: var(--red)
}

.lay-login a {
    color: #666
}

.lay-login dl {
    overflow: hidden;
    display: block;
    padding: 10px 25px
}

.lay-login dd {
    position: relative;
    text-align: center;
    width: 100%;
    float: left
}

.lay-login dd em {
    display: inline-block;
    position: absolute;
    overflow: hidden;
    background: url(/themes/index/default/static/image/login_icon.png?v=1) -29px -33px;
    width: 16px;
    left: 14px;
    top: 50%;
    margin-top: -9px;
    height: 18px
}

.lay-login dd em.password {
    background-position: -51px -33px
}

.lay-login dd em.phone {
    background-position: -74px -33px
}

.lay-login dd #Sendbtn {
    cursor: pointer;
    border: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    display: inline-block;
    padding: 0 20px;
    line-height: 30px;
    height: 32px;
    text-align: center;
    background: #f6f6f6;
    border-radius: 3px;
    font-size: 14px;
    color: #666
}

.lay-login .login-input {
    margin-left: -1px;
    text-indent: 40px;
    height: 38px;
    width: 100%;
    line-height: 38px;
    background: #fff;
    border: 1px solid #dcdee0;
    border-radius: 3px;
    font-size: 14px;
    color: #000
}

.lay-login #login_submit_button {
    width: 100%;
    background: var(--red);
    border-radius: 2px;
    text-align: center;
    font-size: 14px;
    line-height: 42px;
    display: inline-block;
    color: #fff
}

.lay-login .reg-tips {
    width: 99%;
    display: inline-block;
    line-height: 32px;
    background: #fafafa;
    border-color: #fafafa;
    font-size: 12px;
    border-radius: 30px
}

.lay-login .reg-tips:hover {
    background: #f5f5f5;
    color: #333
}

.lay-login .link i {
    margin-top: -2px
}

.lay-login .link a:hover {
    color: #f60
}

.lay-login h4 {
    position: relative;
    text-align: center;
    width: 100%;
    overflow: hidden;
    height: 16px;
    line-height: 16px
}

.lay-login h4 span {
    display: inline-block;
    background: #fff;
    padding: 0 10px
}

.lay-login h4 i {
    z-index: -1;
    position: absolute;
    background: #eee;
    width: 100%;
    height: 2px;
    left: 0;
    top: 50%;
    margin-top: -1px
}

.lay-login .three-login a {
    width: 40px;
    height: 40px;
    margin: 12px 7px 0 0;
    display: inline-block;
    background-position: 0 -376px
}

.lay-login a#qq {
    background-position: 0 -335px
}

.lay-login a#sina {
    background-position: -92px -335px
}

.lay-login a#wechat {
    background-position: -46px -335px
}

.lay-login a#alipay {
    background-position: -184px -335px
}

.lay-login a#baidu {
    background-position: -138px -335px
}

.lay-login a#dd {
    background-position: 0 -524px
}

.lay-login a#qq:hover {
    background-position: 0 -376px
}

.lay-login a#sina:hover {
    background-position: -92px -376px
}

.lay-login a#wechat:hover {
    background-position: -46px -376px
}

.lay-login a#alipay:hover {
    background-position: -184px -376px
}

.lay-login a#baidu:hover {
    background-position: -138px -376px
}

.lay-login a#dd:hover {
    background-position: 0 -565px
}

.lay-login #popup-captcha {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    display: none
}

.fixed-click-box .layui-form {
    position: static;
    background: 0 0
}

.fixed-click-box input[type=checkbox] {
    display: none
}

.fixed-cart-list {
    background: #f1f1f1;
    overflow-x: hidden;
    display: block;
    padding-top: 5px
}

.fixed-cart-list dl {
    margin: 0 0 10px;
    overflow: hidden
}

.fixed-cart-list dt {
    border-bottom: #e1e1e1 solid 1px;
    background: #fff;
    padding: 10px;
    overflow: hidden
}

.fixed-cart-list dt a {
    vertical-align: middle;
    font-size: 12px;
    color: #000;
    padding-left: 2px
}

.fixed-cart-list dt span {
    line-height: 19px;
    height: 19px;
    display: inline-block;
    color: #000;
    vertical-align: middle
}

.fixed-cart-list dt span a:hover {
    text-decoration: none
}

.fixed-cart-list .uim {
    margin: -5px 0 0 6px
}

.fixed-cart-list .uim a {
    float: left;
    padding-left: 30px;
    height: 22px
}

.fixed-cart-list .uim div {
    display: inline-block;
    height: 24px;
    width: 20px;
    overflow: hidden
}

.fixed-cart-list dt .more {
    float: right;
    width: 19px;
    height: 19px;
    cursor: pointer;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity: .6
}

.fixed-cart-list dt .more i {
    background-position: -36px -33px;
    height: 6px;
    display: block;
    margin: 7px 0
}

.fixed-cart-list dt .more:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.fixed-cart-list ul {
    border-bottom: 1px #e0e0e0 solid
}

.fixed-cart-list dd {
    background: #fafafa;
    line-height: 16px;
    overflow: hidden;
    padding: 10px 0 10px 10px;
    display: block;
    position: relative
}

.fixed-cart-list dd.vat {
    padding: 10px 0 10px 10px;
    background: #fff;
    border-top: 1px solid #f5f5f5
}

.fixed-cart-list dd.vat .money b {
    font-size: 12px
}

.fixed-cart-list dd li {
    display: inline-block;
    float: left
}

.fixed-cart-list dd .zero {
    width: 18px
}

.fixed-cart-list dd .first {
    width: 72px;
    font-size: 12px;
    margin: 0 6px
}

.fixed-cart-list dd .first img {
    width: 72px;
    display: block
}

.fixed-cart-list dd .text {
    color: #999;
    width: 135px
}

.fixed-cart-list dd .text .tit {
    word-break: break-all;
    word-wrap: break-word;
    color: #999;
    height: 34px;
    overflow: hidden;
    line-height: 17px;
    display: block
}

.fixed-cart-list dd.cgood .first {
    color: #36c;
    border: 1px #eee solid;
    background: #fff;
    overflow: hidden;
    height: 60px;
    line-height: 60px;
    text-align: center
}

.fixed-cart-list dd .note_icon {
    overflow: hidden;
    display: block;
    margin: 3px 0 0
}

.fixed-cart-list dd .money {
    float: none;
    overflow: hidden;
    display: block;
    margin-left: 244px;
    color: #999;
    font-family: Verdana, Tahoma, arial
}

.fixed-cart-list dd.curr .money {
    color: red
}

.fixed-cart-list .ly {
    overflow: hidden;
    text-align: center;
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    background: rgba(255, 255, 255, .95);
    height: 100%
}

.fixed-cart-list .ly div {
    position: relative;
    width: 100%;
    height: 100%
}

.fixed-cart-list .ly span {
    position: absolute;
    top: 50%;
    margin-top: -28px;
    width: 100%;
    left: 0
}

.fixed-cart-list .ly cite {
    width: 22%;
    display: inline-block;
    cursor: pointer;
    line-height: 22px;
    color: #666
}

.fixed-cart-list .ly center {
    overflow: hidden;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    padding: 5px 6px 7px;
    color: #fff
}

.fixed-cart-list .ly i {
    width: 22px;
    display: inline-block;
    height: 22px
}

.fixed-cart-list .ly .single_buy center {
    background: #498bf8
}

.fixed-cart-list .ly .single_buy i {
    background-position: -137px -22px
}

.fixed-cart-list .ly .cart_delete center {
    background: #ff5000
}

.fixed-cart-list .ly .cart_delete i {
    background-position: -115px -22px
}

.fixed-cart-list .ly .imfav center {
    background: #ff9402
}

.fixed-cart-list .ly .imfav i {
    background-position: -88px -23px
}

.fixed-cart-list .ly .more center {
    background: #c1c1c1
}

.fixed-cart-list .ly .more i {
    background-position: -59px -24px
}

.fixed-cart-list .ly cite:hover {
    color: #000
}

.fixed-cart-list .cartNav cite {
    float: left;
    margin: 10px 0 0 12px;
    color: #999
}

.fixed-cart-list .cartNav cite a {
    margin-left: 25px;
    color: #999
}

.fixed-cart-list .cartNav a.cartjs {
    float: right;
    line-height: 36px;
    display: inline-block;
    background: #ff5000;
    color: #fff;
    padding: 0 20px;
    font-size: 16px;
    letter-spacing: 1px
}

.screen_box {
    padding: 0 0 6px;
    display: block;
    margin: 15px 0 0;
    font-size: 12px;
    position: relative
}

.screen_list {
    display: block;
    padding: 10px 0 3px;
    border-bottom: 1px solid #eee;
    position: relative;
    margin: 0 26px
}

.screen_list:last-of-type {
    border: 0
}

.screen_con {
    margin-left: 95px;
    display: block
}

.screen_con span {
    margin-bottom: 8px;
    display: inline-block;
    padding: 4px 10px;
    background: #fff;
    margin-right: 15px;
    border-radius: 15px;
    cursor: pointer
}

.screen_con a {
    margin-bottom: 7px;
    display: inline-block;
    padding: 2px 10px;
    margin-right: 15px;
    border-radius: 15px;
    cursor: pointer;
    line-height: 19px
}

.screen_con option,
.screen_con select {
    color: #4c4c4c !important
}

.screen_con select {
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.screen_con a:hover {
    color: #2196f3
}

.screen_con .screen_default {
    color: #409eff;
    background: #ecf5ff;
    border-color: #b3d8ff
}

.screen_con .screen_default:hover {
    opacity: .8
}

.screen_name {
    font-size: 14px;
    line-height: 23px;
    width: 90px;
    padding: 0 5px 0 0;
    color: #999;
    /*float: left;*/
    text-align: right
}

.screen_name span {
    letter-spacing: 1.25em;
    margin-right: -1.2em
}

.screen_name i {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 8px 0 0;
    vertical-align: -2px;
    background-position: -51px -86px
}

.screen_name i#isx-20 {
    background-position: -17px -87px
}

.screen_name i#isx-33 {
    background-position: -17px -69px
}

.screen_name i#isx-37 {
    background-position: -34px -69px
}

.screen_name i#isx-100,
.screen_name i#isx-75 {
    background-position: -69px -87px
}

.screen_name i#isx-82 {
    background-position: 0 -69px
}

.screen_name i#isx-89 {
    background-position: -51px -69px
}

.screen_name i#isx-152,
.screen_name i#isx-194 {
    background-position: -33px -86px
}

.screen_name i#isx-153 {
    background-position: -1px -86px
}

.screen_name i#isx-154 {
    background-position: -69px -68px
}

.brand_list {
    margin-top: 3px;
    margin-bottom: 10px
}

.brand_list a {
    display: inline-block;
    width: 97px;
    padding: 0;
    background: #fff;
    margin: -1px 0 0 -1px;
    border-radius: 0;
    cursor: pointer;
    line-height: 1;
    position: relative;
    border: 1px solid #eee
}

.brand_list img {
    width: 100%
}

.brand_list a:hover b {
    display: block;
    border-color: #eee;
    margin: 1px;
    border: 0;
    z-index: 1
}

.brand_list a.screen_default b {
    display: block;
    border-color: #f60
}

.brand_list a b {
    z-index: 2;
    font-size: 14px;
    border: 1px solid #fff;
    color: #2196f3;
    display: none;
    width: 97px;
    top: -1px;
    padding: 0;
    line-height: 36px;
    height: 36px;
    left: -1px;
    position: absolute;
    text-align: center;
    background: #fff
}

.kind_list {
    display: inline-block;
    line-height: 31px;
    cursor: pointer;
    position: relative;
    padding: 0 18px;
    margin: -3px 2px 0 0;
    border: 1px solid #fff
}

.kind_list img {
    vertical-align: 2px
}

.kind_list i {
    margin-right: 5px
}

.kind_list i.on {
    color: #ee2e32
}

.lubo-box-btn {
    overflow: hidden;
    position: absolute;
    z-index: 100
}

.lubo-box-btn li {
    float: left;
    width: 25px;
    height: 2px;
    margin: 0 5px;
    cursor: pointer;
    background: #fff;
    opacity: .4;
    filter: alpha(opacity=40)
}

.lubo-box-btn .curr {
    opacity: .9;
    filter: alpha(opacity=90)
}

#infos-table {
    border-collapse: collapse;
    border: 0;
    width: 100%;
    clear: both;
    margin: 10px 0
}

#infos-table td {
    padding: 9px 12px;
    border: #e5e5e5 solid 1px
}

.aproperty {
    color: #056dae;
    display: inline-block;
    padding: 0 3px 0 14px;
    border-radius: 3px;
    background: url(/themes/index/default/static/image/property_i.png) 0 center no-repeat
}

.aproperty:hover {
    color: #f60;
    background: url(/themes/index/default/static/image/property_i_hover.png) 0 center no-repeat
}

.property_icon {
    color: #38d;
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(/themes/index/default/static/image/pro_protect.png) center center no-repeat
}

.property_icon#skip {
    color: red;
    background: url(/themes/index/default/static/image/pro_skip.png) center center no-repeat
}

.aprotect {
    color: #056dae;
    display: inline-block;
    padding: 0 3px 0 14px;
    border-radius: 3px;
    background: url(/themes/index/default/static/image/protect_i.png) 0 center no-repeat
}

.aprotect:hover {
    color: #f60;
    background: url(/themes/index/default/static/image/protect_i_hover.png) 0 center no-repeat
}

.protect_icon {
    color: #38d;
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(/themes/index/default/static/image/protect_protect.png) center center no-repeat
}

.protect_icon#skip {
    color: red;
    background: url(/themes/index/default/static/image/protect_skip.png) center center no-repeat
}

.pdo_tab {
    margin-bottom: 10px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .05);
    height: 53px;
    background: #fff;
    display: block
}

.pdo_tab span {
    float: left;
    height: 50px
}

.pdo_tab span a {
    position: relative;
    display: block;
    float: left;
    width: 160px;
    height: 50px;
    line-height: 47px;
    color: #999;
    text-align: center;
    font-size: 16px;
    border-top: 3px solid #fff
}

.pdo_tab span a.curr {
    border-color: #2292dd;
    color: #2292dd;
    background: #fff
}

.pdo_tab #newform {
    float: right;
    line-height: 53px;
    color: #ccc;
    padding: 0 20px
}

.pdo_tab #newform:hover {
    color: #666
}

.pdotable {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .05);
    border-collapse: collapse;
    background: #fff;
    width: 100%;
    clear: both;
    table-layout: fixed
}

.pdotable {
    border-collapse: collapse;
    background: #fff;
    width: 100%;
    clear: both;
    table-layout: fixed
}

.pdotable td {
    color: #666;
    padding: 20px 12px;
    text-align: center;
    border-bottom: #eee solid 1px
}

.pdotable td.tleft {
    text-align: left
}

.pdotable thead td {
    background: #fafafa;
    font-size: 14px;
    color: #333;
    border-bottom: #e5e5e5 solid 1px
}

.pdotable a {
    color: #056dae
}

.pdotable a:hover {
    color: #f60
}

#brand_button {
    display: inline-block;
    background: #f4f7f9;
    color: #8fa1bb;
    padding: 5px 10px 6px;
    border-radius: 3px
}

#brand_button:hover {
    background: #f2f6f9;
    color: #728cb2
}

#brand_button.brand_shop {
    border: 1px solid #ff4800;
    background: #fff;
    color: #ff4f3f
}

#brand_button.brand_shop:hover {
    background: #ff4f3f;
    color: #fff
}

.ly_cp .top {
    overflow: hidden;
    font-size: 14px;
    padding: 20px 5px
}

.ly_cp .notes {
    border-top-color: #f1f1f1;
    font-size: 12px
}

.ly_cp .notes h3 {
    font-size: 13px
}

.ly_cp header {
    text-align: center;
    background-color: #f7faff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid #c4dbfe;
    display: block;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    font-weight: 600;
    color: #424e67
}

.ly_cp .top p {
    padding: 0 0 15px
}

.ly_cp .top .a {
    display: inline-block;
    width: 90px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #f70;
    border-radius: 2px
}

.ly_cp .top .a#cp_form {
    margin-left: 10px;
    color: #fff;
    background: #409eff;
    border: 1px solid #409eff
}

.ly_cp .top .a:hover {
    background: #f80;
    color: #fff
}

.ly_cp .top .a#cp_form:hover {
    background: #33a89f
}

.sort_page {
    line-height: 40px;
    height: 40px;
    border-left: 1px solid #eee;
    display: inline-block;
    padding: 0 10px;
    color: #959595;
    font-size: 12px
}

.sort_page i {
    vertical-align: middle;
    margin: -3px 5px 0;
    display: inline-block;
    width: 7px;
    height: 10px;
    background-position: -184px -471px
}

.sort_page a#l:hover i {
    background-position: -176px -471px
}

.sort_page a#r i {
    background-position: -192px -471px
}

.sort_page a#r:hover i {
    background-position: -199px -471px
}

div.layui-layer {
    border: 1px solid #e5e5e5\9
}

div.layui-form-checkbox {
    display: inline\9
}

div.layui-input-block {
    margin-left: 0\9
}

.autocompleter {
    width: 100%;
    border: 1px solid #f9f9f9;
    background: #fff;
    border-radius: 0 0 2px 1px;
    overflow: hidden;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .2);
    z-index: 10000;
    position: absolute;
    display: none
}

.autocompleter-show {
    display: block
}

.autocompleter,
.autocompleter-hint {
    position: absolute
}

.autocompleter-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.autocompleter-item-selected {
    background: #eee
}

.autocompleter-item {
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    padding: 0 10px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.autocompleter-item:hover {
    background: #eee
}

.autocompleter-hint {
    color: #ccc;
    text-align: left;
    top: -56px;
    font-weight: 400;
    left: 0;
    width: 100%;
    padding: 12px 12px 12px 13px;
    display: none
}

.autocompleter-hint span {
    color: transparent
}

.autocompleter-hint-show {
    display: block
}

.autocompleter-closed {
    display: none
}

.autocompleter .SearchKey {
    display: block;
    color: #999;
    padding: 0 10px;
    border-top: 1px solid #f2f2f2;
    line-height: 30px;
    height: 30px;
    font-size: 12px;
    position: relative
}

.autocompleter .SearchKey a {
    position: absolute;
    cursor: pointer;
    top: 50%;
    right: 10px;
    margin-top: -15px
}

.autocompleter .SearchKey:hover a {
    color: #ff4040
}

.bfile {
    margin-top: 10px
}

.bfile>div {
    width: 20%;
    max-width: 152px;
    display: inline-block
}

.bfile>div>div {
    background: #fff;
    margin-right: 5px
}

.bfile>div>div>div {
    position: relative;
    padding-bottom: 80%;
    width: 100%;
    height: 0;
    line-height: 100%;
    overflow: hidden;
    border: 1px solid #ddd
}

.bfile>div>div>div span {
    color: #36c;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 0;
    width: 100%
}

.bfile img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%
}

.Hlicense {
    padding: 20px;
    position: relative
}

.Hlicense ul {
    font-size: 14px;
    line-height: 20px;
    display: block;
    padding: 10px 0
}

.Hlicense label {
    font-weight: 700;
    width: 85px;
    display: inline-block
}

.Hlicense span {
    display: inline-block;
    margin-left: 10px
}

.Hlicense .pic {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -115px;
    text-align: center;
    color: #999
}

.Hlicense .top {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 10px
}

.Hlicense .bottom {
    border-top: 1px solid #ddd;
    padding-top: 20px;
    margin-top: 10px
}

.Hlicense .bottom b {
    font-size: 16px
}

.mendsign {
    background: #f8ffe0;
    width: 500px;
    text-align: center;
    padding: 30px 0 50px
}

.mend_top {
    padding: 20px 20px 5px;
    font-size: 14px;
    font-weight: 400;
    color: #707b5b;
    line-height: 1.5
}

.mend_top span {
    font-size: 26px
}

.p-table {
    border-collapse: collapse;
    border: solid #eee;
    border-width: 1px;
    width: 100%;
    clear: both
}

.p-table thead {
    background: #f5f5f5
}

.p-table td,
.p-table th {
    padding: 9px 12px;
    border: #eee solid;
    border-width: 1px
}

.textNote {
    margin-top: 10px;
    border: 1px solid #e1e4e8;
    border-radius: 1px;
    display: block
}

.textNote .title i {
    display: inline-block;
    width: 20px;
    height: 21px;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 3px
}

.textNote .title i.iconText {
    background: url(/themes/index/default/static/image/textNoteTextIcon.png) no-repeat
}

.textNote .title i.iconFile {
    background: url(/themes/index/default/static/image/textNoteFileIcon.png) no-repeat
}

.textNote .title em {
    font-size: 12px;
    color: #999
}

.textNote .title {
    border-bottom: 1px solid #e1e4e8;
    font-size: 14px;
    display: block;
    background-color: #f6f8fa;
    color: #333;
    cursor: pointer;
    padding: 6px 8px;
    line-height: 20px
}

.textNote .text {
    padding: 10px;
    word-break: break-all;
    word-wrap: break-word
}

.textNote .text hr {
    border: 0;
    background-color: #e1e4e8;
    height: 1px
}

.textNote .bfile {
    margin: 0 0 15px 15px
}

.textNote .bfile img {
    margin: 0;
    border: 0;
    box-shadow: 0;
    padding: 0
}

.textNote .bfile>div>div {
    margin: 15px 15px 0 0
}

.textNote .bfile>div>div>div {
    border-color: #ebf0f6
}

.textNote .bfile>div {
    max-width: 165px;
    vertical-align: bottom
}

.textNote .loginTips {
    padding: 20px;
    text-align: center;
    font-size: 14px;
    color: #666
}

.AFlieIcon {
    position: absolute;
    width: 24px;
    height: 24px;
    bottom: 8px;
    left: 8px;
    cursor: pointer;
    background: url(/themes/index/default/static/image/adminNoteFile.png) no-repeat
}

.customer_sms {
    float: left;
    text-align: center;
    width: 100%;
    margin: 15px 0
}

.like-iphone {
    margin-bottom: 15px;
    text-align: left;
    width: 84%;
    border: 1px solid #ddd;
    border-bottom: none;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px
}

.like-iphone .like-iphone-header {
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 15px auto;
    width: 40px;
    height: 5px
}

.like-iphone .like-iphone-bg {
    overflow-x: hidden;
    overflow-y: auto;
    margin: 20px 5px 0;
    border: 1px solid #ddd;
    border-bottom: none;
    overflow: hidden;
    background: #fff
}

.like-iphone .like-iphone-msg {
    position: relative;
    background: #e6e7ec;
    border-radius: 15px;
    margin: 15px 15px 20px;
    min-height: 40px;
    padding: 10px 10px 15px;
    line-height: 20px;
    word-break: break-all;
    overflow-wrap: break-word
}

.like-iphone .like-iphone-msg .corner {
    position: absolute;
    bottom: -1px;
    left: -8px;
    width: 27px;
    height: 17px;
    background: url(/themes/index/default/static/image/focus2018.png) no-repeat -224px -349px
}

.inquiry-btn {
    display: inline-block;
    margin: 0 auto;
    cursor: pointer;
    transition: all .2s ease-out;
    border-style: solid;
    height: 28px;
    border-radius: 20px;
    min-width: 70px;
    padding: 0 14px;
    font-size: 12px;
    line-height: 28px;
    border-width: 1px;
    color: #73777a;
    background: #fff;
    border-color: #d7d8d9
}

.inquiry-btn:hover {
    background: #f5f5f5
}

.inquiry-btn.allow:hover {
    background: #22b4f8
}

.inquiry-btn.allow {
    line-height: 27px;
    background: #00a1ec;
    border-color: transparent;
    color: #fff
}

.inquiry-record {
    color: #999;
    padding: 5px 5px 0;
    display: none
}

.inquiry-record:hover {
    color: #333
}

.customCheckbox {
    cursor: pointer;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    transition: .1s linear;
    overflow: hidden
}

.customCheckbox em {
    display: none;
    font-size: 18px;
    line-height: 20px
}

.customCheckbox:hover em {
    display: block;
    color: #c2c2c2
}

.customCheckbox.cur {
    border-color: #03a9f4
}

.customCheckbox.cur em {
    color: #03a9f4;
    display: block
}

#insertContact tbody td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#insertContact thead td {
    font-size: 12px;
    font-weight: 700
}

.indexnav-link a {
    float: left;
    height: 20px;
    margin-right: 15px;
    padding: 8px 12px;
    color: #4c4c4c;
    font-size: 16px;
    position: relative
}

.indexnav-link a:hover {
    color: #2c6bea;
    transition: all .3s ease
}

.indexnav-link .alls {
    width: 134px;
    display: inline-block;
    float: left;
    background: var(--red);
    padding: 8px 16px 10px;
    color: #fff;
    border-top-right-radius: 5px
}

.newstylehuo {
    float: left;
    position: relative;
    left: 150px;
    top: 26px
}

.indexnav-link a.cur {
    border-bottom-color: #f60;
    color: #f60
}

.indexnav-link a.cur {
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    color: #fff;
    #padding: 8px16px8px16px;
    background-repeat: no-repeat;
    background-position: 16px center;
    color: #2c6bea;
    font-weight: 600
}

.indexnav-link .index-right .border_l {
    height: 16px;
    border-left: 1px solid #a8a8a8;
    float: left;
    margin-top: 10px
}

.indexnav-link a {
    float: left;
    height: 20px;
    margin-right: 15px;
    padding: 8px 12px;
    color: #4c4c4c;
    font-size: 16px;
    position: relative
}

.indexnav-link .icon_new:before {
    content: '';
    display: block;
    animation: hot 1s infinite linear;
    -moz-animation: hot 1s infinite linear;
    -webkit-animation: hot 1s infinite linear;
    -o-animation: hot 1s infinite linear;
    width: 25px;
    height: 14px;
    background: url(/themes/index/default/static/image/new.png) no-repeat center;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -12.5px
}

.general .Quick-link:hover .release_hover {
    display: block
}

.general .Quick-link:hover .arrow {
    top: 13px;
    right: 18px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mendsign {
    background: #f8ffe0;
    width: 500px;
    text-align: center;
    padding: 30px 0 50px
}

.mend_top {
    padding: 20px 20px 5px;
    font-size: 14px;
    font-weight: 400;
    color: #707b5b;
    line-height: 1.5
}

.mend_top span {
    font-size: 26px
}

.fl {
    display: inline;
    float: left
}

.pageheader_t_l_text {
    margin-left: 27px;
    position: relative
}

.pageheader_t_l_text::before {
    content: '';
    width: 1px;
    height: 34px;
    background-color: #e2e2e2;
    position: absolute;
    left: -13px;
    top: 14px
}

.pageheader_t_l_text p:first-child {
    font-size: 16px;
    color: #2b2b2b;
    margin-right: 6px;
    padding-top: 9px
}

.pageheader_t_l_text p:first-child+p {
    font-size: 12px;
    color: #aaa9a9
}

.nav-link a.cur {
    background-color: #3573ec;
    border-radius: 5px 5px 0 0;
    color: #fff
}

.nav-link .icon_hot:before {
    content: '';
    display: block;
    animation: hot 1s infinite linear;
    -moz-animation: hot 1s infinite linear;
    -webkit-animation: hot 1s infinite linear;
    -o-animation: hot 1s infinite linear;
    width: 25px;
    height: 14px;
    background: url(/themes/index/default/static/image/hot.png) no-repeat center;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -12.5px
}

.nav-link .icon_new:before {
    content: '';
    display: block;
    animation: hot 1s infinite linear;
    -moz-animation: hot 1s infinite linear;
    -webkit-animation: hot 1s infinite linear;
    -o-animation: hot 1s infinite linear;
    width: 25px;
    height: 14px;
    background: url(/themes/index/default/static/image/new.png) no-repeat center;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -12.5px
}

.nav-link .index-right .border_l {
    height: 16px;
    border-left: 1px solid #a8a8a8;
    float: left;
    margin-top: 10px
}

@keyframes hot {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    50% {
        -webkit-transform: translate(0, -5px);
        transform: translate(0, -5px)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes hot {
    0% {
        -webkit-transform: translate(0, 0)
    }

    50% {
        -webkit-transform: translate(0, -5px)
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

.general .Quick-link {
    float: right;
    position: relative;
    margin-top: 15px
}

.general .Quick-link .button {
    font-size: 15px;
    font-size: 14px;
    width: 115px;
    height: 40px;
    background: #2667e9;
    color: #fff;
    display: inline-block;
    -webkit-transition: all .3s;
    padding-left: 20px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .12)
}

.general .Quick-link span {
    display: inline-block;
    line-height: 40px;
    vertical-align: middle
}

.general .Quick-link .arrow {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fff;
    -webkit-transition: .1s ease-in;
    -moz-transition: .1s ease-in;
    -o-transition: .1s ease-in;
    transition: .1s ease-in;
    position: absolute;
    top: 15px;
    right: 18px
}

.general .Quick-link .release_hover {
    overflow: hidden;
    width: 100%;
    display: none;
    border-radius: 0;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 36px;
    background: #fff
}

.general .release_hover a {
    font-size: 12px;
    height: 36px;
    margin: -1px 10px 0;
    display: block;
    border-top: 1px solid #eee;
    color: #2789ed;
    line-height: 36px;
    padding-left: 20px
}

.general .Quick-link .rec-icon {
    width: 14px;
    height: 14px;
    background: #ffd400;
    color: #000;
    padding: 0 2px;
    margin-left: 4px
}

.general .Quick-link {
    display: block
}

.indexnav-link {
    font-size: 15px;
    line-height: 20px;
    height: 38px;
    display: block
}

.left {
    float: left
}

.indexnav-link a {
    float: left;
    height: 20px;
    margin-right: 15px;
    padding: 8px 12px;
    color: #4c4c4c;
    font-size: 16px;
    position: relative
}

.indexnav-link a.cur {
    border-bottom-color: #f60;
    color: #f60
}

.indexnav-link a.cur {
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    color: #fff;
    #padding: 8px16px8px16px;
    background-repeat: no-repeat;
    background-position: 16px center;
    color: #2c6bea;
    font-weight: 600
}

.indexnav-link .index-right .border_l {
    height: 16px;
    border-left: 1px solid #a8a8a8;
    float: left;
    margin-top: 10px
}

.indexnav-link a {
    float: left;
    height: 20px;
    margin-right: 15px;
    padding: 8px 12px;
    color: #4c4c4c;
    font-size: 16px;
    position: relative
}

.indexnav-link .icon_new:before {
    content: '';
    display: block;
    animation: hot 1s infinite linear;
    -moz-animation: hot 1s infinite linear;
    -webkit-animation: hot 1s infinite linear;
    -o-animation: hot 1s infinite linear;
    width: 25px;
    height: 14px;
    background: url(/themes/index/default/static/image/new.png) no-repeat center;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -12.5px
}

.general .Quick-link:hover .release_hover {
    display: block
}

.general .Quick-link:hover .arrow {
    top: 13px;
    right: 18px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mendsign {
    background: #f8ffe0;
    width: 500px;
    text-align: center;
    padding: 30px 0 50px
}

.mend_top {
    padding: 20px 20px 5px;
    font-size: 14px;
    font-weight: 400;
    color: #707b5b;
    line-height: 1.5
}

.mend_top span {
    font-size: 26px
}

.fl {
    display: inline;
    float: left
}

.pageheader_t_l_text {
    margin-left: 27px;
    position: relative
}

.pageheader_t_l_text::before {
    content: '';
    width: 1px;
    height: 34px;
    background-color: #e2e2e2;
    position: absolute;
    left: -13px;
    top: 14px
}

.pageheader_t_l_text p:first-child {
    font-size: 16px;
    color: #2b2b2b;
    margin-right: 6px;
    padding-top: 9px
}

.pageheader_t_l_text p:first-child+p {
    font-size: 12px;
    color: #aaa9a9
}

.nav-link a.cur {
    background-color: #3573ec;
    border-radius: 5px 5px 0 0;
    color: #fff
}

.nav-link .icon_hot:before {
    content: '';
    display: block;
    animation: hot 1s infinite linear;
    -moz-animation: hot 1s infinite linear;
    -webkit-animation: hot 1s infinite linear;
    -o-animation: hot 1s infinite linear;
    width: 25px;
    height: 14px;
    background: url(/themes/index/default/static/image/hot.png) no-repeat center;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -12.5px
}

.nav-link .icon_new:before {
    content: '';
    display: block;
    animation: hot 1s infinite linear;
    -moz-animation: hot 1s infinite linear;
    -webkit-animation: hot 1s infinite linear;
    -o-animation: hot 1s infinite linear;
    width: 25px;
    height: 14px;
    background: url(/themes/index/default/static/image/new.png) no-repeat center;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -12.5px
}

.nav-link .index-right .border_l {
    height: 16px;
    border-left: 1px solid #a8a8a8;
    float: left;
    margin-top: 10px
}

@keyframes hot {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    50% {
        -webkit-transform: translate(0, -5px);
        transform: translate(0, -5px)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes hot {
    0% {
        -webkit-transform: translate(0, 0)
    }

    50% {
        -webkit-transform: translate(0, -5px)
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

.general .Quick-link {
    float: right;
    position: relative;
    margin-top: 15px
}

.general .Quick-link .button {
    font-size: 15px;
    font-size: 14px;
    width: 115px;
    height: 40px;
    background: #2667e9;
    color: #fff;
    display: inline-block;
    -webkit-transition: all .3s;
    padding-left: 20px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .12)
}

.general .Quick-link span {
    display: inline-block;
    line-height: 40px;
    vertical-align: middle
}

.general .Quick-link .arrow {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fff;
    -webkit-transition: .1s ease-in;
    -moz-transition: .1s ease-in;
    -o-transition: .1s ease-in;
    transition: .1s ease-in;
    position: absolute;
    top: 15px;
    right: 18px
}

.general .Quick-link .release_hover {
    overflow: hidden;
    width: 100%;
    display: none;
    border-radius: 0;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 36px;
    background: #fff
}

.general .release_hover a {
    font-size: 12px;
    height: 36px;
    margin: -1px 10px 0;
    display: block;
    border-top: 1px solid #eee;
    color: #2789ed;
    line-height: 36px;
    padding-left: 20px
}

.general .Quick-link .rec-icon {
    width: 14px;
    height: 14px;
    background: #ffd400;
    color: #000;
    padding: 0 2px;
    margin-left: 4px
}

.general .Quick-link {
    display: block
}

.indexnav-link {
    font-size: 15px;
    line-height: 20px;
    height: 38px;
    display: block
}

.left {
    float: left
}

.indexnav-link a {
    float: left;
    height: 20px;
    margin-right: 15px;
    padding: 8px 12px;
    color: #4c4c4c;
    font-size: 16px;
    position: relative
}

.indexnav-link a.cur {
    border-bottom-color: #f60;
    color: #f60
}

.indexnav-link a.cur {
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    color: #fff;
    #padding: 8px16px8px16px;
    background-repeat: no-repeat;
    background-position: 16px center;
    color: #2c6bea;
    font-weight: 600
}

.indexnav-link .index-right .border_l {
    height: 16px;
    border-left: 1px solid #a8a8a8;
    float: left;
    margin-top: 10px
}

.indexnav-link a {
    float: left;
    height: 20px;
    margin-right: 15px;
    padding: 8px 12px;
    color: #4c4c4c;
    font-size: 16px;
    position: relative
}

.indexnav-link .icon_new:before {
    content: '';
    display: block;
    animation: hot 1s infinite linear;
    -moz-animation: hot 1s infinite linear;
    -webkit-animation: hot 1s infinite linear;
    -o-animation: hot 1s infinite linear;
    width: 25px;
    height: 14px;
    background: url(/themes/index/default/static/image/new.png) no-repeat center;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -12.5px
}

.general .Quick-link:hover .release_hover {
    display: block
}

.general .Quick-link:hover .arrow {
    top: 13px;
    right: 18px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mendsign {
    background: #f8ffe0;
    width: 500px;
    text-align: center;
    padding: 30px 0 50px
}

.mend_top {
    padding: 20px 20px 5px;
    font-size: 14px;
    font-weight: 400;
    color: #707b5b;
    line-height: 1.5
}

.mend_top span {
    font-size: 26px
}

.fl {
    display: inline;
    float: left
}

.pageheader_t_l_text {
    margin-left: 27px;
    position: relative
}

.pageheader_t_l_text::before {
    content: '';
    width: 1px;
    height: 34px;
    background-color: #e2e2e2;
    position: absolute;
    left: -13px;
    top: 14px
}

.pageheader_t_l_text p:first-child {
    font-size: 16px;
    color: #2b2b2b;
    margin-right: 6px;
    padding-top: 9px
}

.pageheader_t_l_text p:first-child+p {
    font-size: 12px;
    color: #aaa9a9
}

.nav-link a.cur {
    background-color: #3573ec;
    border-radius: 5px 5px 0 0;
    color: #fff
}

.nav-link .icon_hot:before {
    content: '';
    display: block;
    animation: hot 1s infinite linear;
    -moz-animation: hot 1s infinite linear;
    -webkit-animation: hot 1s infinite linear;
    -o-animation: hot 1s infinite linear;
    width: 25px;
    height: 14px;
    background: url(/themes/index/default/static/image/hot.png) no-repeat center;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -12.5px
}

.nav-link .icon_new:before {
    content: '';
    display: block;
    animation: hot 1s infinite linear;
    -moz-animation: hot 1s infinite linear;
    -webkit-animation: hot 1s infinite linear;
    -o-animation: hot 1s infinite linear;
    width: 25px;
    height: 14px;
    background: url(/themes/index/default/static/image/new.png) no-repeat center;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -12.5px
}

.nav-link .index-right .border_l {
    height: 16px;
    border-left: 1px solid #a8a8a8;
    float: left;
    margin-top: 10px
}

@keyframes hot {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    50% {
        -webkit-transform: translate(0, -5px);
        transform: translate(0, -5px)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes hot {
    0% {
        -webkit-transform: translate(0, 0)
    }

    50% {
        -webkit-transform: translate(0, -5px)
    }

    100% {
        -webkit-transform: translate(0, 0)
    }
}

.general .Quick-link {
    float: right;
    position: relative;
    margin-top: 15px
}

.general .Quick-link .button {
    font-size: 15px;
    font-size: 14px;
    width: 115px;
    height: 40px;
    background: #2667e9;
    color: #fff;
    display: inline-block;
    -webkit-transition: all .3s;
    padding-left: 20px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .12)
}

.general .Quick-link span {
    display: inline-block;
    line-height: 40px;
    vertical-align: middle
}

.general .Quick-link .arrow {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fff;
    -webkit-transition: .1s ease-in;
    -moz-transition: .1s ease-in;
    -o-transition: .1s ease-in;
    transition: .1s ease-in;
    position: absolute;
    top: 15px;
    right: 18px
}

.general .Quick-link .release_hover {
    overflow: hidden;
    width: 100%;
    display: none;
    border-radius: 0;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 36px;
    background: #fff
}

.general .release_hover a {
    font-size: 12px;
    height: 36px;
    margin: -1px 10px 0;
    display: block;
    border-top: 1px solid #eee;
    color: #2789ed;
    line-height: 36px;
    padding-left: 20px
}

.general .Quick-link .rec-icon {
    width: 14px;
    height: 14px;
    background: #ffd400;
    color: #000;
    padding: 0 2px;
    margin-left: 4px
}

.general .Quick-link {
    display: block
}

.indexnav-link {
    font-size: 15px;
    line-height: 20px;
    height: 38px;
    display: block
}

.left {
    float: left
}

.indexnav-link a {
    float: left;
    height: 20px;
    margin-right: 15px;
    padding: 8px 12px;
    color: #4c4c4c;
    font-size: 16px;
    position: relative
}

.indexnav-link a.cur {
    border-bottom-color: #f60;
    color: #f60
}

.indexnav-link a.cur {
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    color: #fff;
    #padding: 8px16px8px16px;
    background-repeat: no-repeat;
    background-position: 16px center;
    color: #2c6bea;
    font-weight: 600
}

.indexnav-link .index-right .border_l {
    height: 16px;
    border-left: 1px solid #a8a8a8;
    float: left;
    margin-top: 10px
}

.indexnav-link a {
    float: left;
    height: 20px;
    margin-right: 15px;
    padding: 8px 12px;
    color: #4c4c4c;
    font-size: 16px;
    position: relative
}

.indexnav-link .icon_new:before {
    content: '';
    display: block;
    animation: hot 1s infinite linear;
    -moz-animation: hot 1s infinite linear;
    -webkit-animation: hot 1s infinite linear;
    -o-animation: hot 1s infinite linear;
    width: 25px;
    height: 14px;
    background: url(/themes/index/default/static/image/new.png) no-repeat center;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -12.5px
}

.general .Quick-link:hover .release_hover {
    display: block
}

.general .Quick-link:hover .arrow {
    top: 13px;
    right: 18px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.general .search {
    background: #fff;
    margin-top: 15px;
    width: 500px;
    height: 36px;
    position: relative;
    z-index: 2;
    left: 50px;
    border: solid 2px #2667e9
}

.searchbtn {
    width: 17%;
    height: 36px;
    line-height: 34px;
    color: #fff;
    background: #2c6bea;
    text-align: center;
    float: right;
    font-size: 15 p;
    transition: all .5s ease
}

.searchlist li.cur {
    background: #f0f0f0;
    color: #2c6bea
}

.searchlist li.cur::after {
    display: inline-block;
    content: " ";
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid #2c6bea;
    position: absolute;
    top: 50%;
    right: 19%;
    margin-top: -5px
}

body {
    background-color: #F5F5F5;
    /*background: #f4f4f4;*/
}

.main {
    width: 1240px
}

.top_box {
    height: 41px;
    color: var(--gray) !important;
    background: var(--gray2) !important;
    border-color: var(--gray3) !important;
    border-bottom: var(--gray3) solid 1px !important
}

.top li.not,
.top .T_a {
    line-height: 40px
}

.top .T_a {
    height: 41px
}

.top .T_a .arrow {
    top: 18px
}

.top .change_div {
    top: 40px
}

.screen_con a:hover,
.indexnav-link a.cur,
.indexnav-link a:hover,
.lrtop_help .post a:hover,
.sort_order a.curr,
.sort_order a:hover,
.screen_alink a.curr,
.screen_alink a:hover,
.sort_checkbox .checked,
.sort_checkbox .checked:hover,
.brand_list a b,
.footer a:hover,
.general .release_hover a,
.lrtop_xu .post a:hover,
.top_box a:hover,
.top_user dt a.money,
.top_user dt a.money:hover,
.sidebar_menu a:hover,
.screen_count em,
.sort_select dd a.curr,
.sort_select dd a:hover,
.screen_con .screen_default,
.top_manage dt,
.top_manage dd a:hover,
.searchlist li.cur,
.banner_up_r_tags li:hover span,
.rnotice a:hover,
.lay-login cite a.curr,
.Edition .cur i {
    color: var(--red2) !important
}

.general .Search-box {
    left: 110px
}

.home .general .Search-box {
    left: 110px !important
}

.general .search,
.screen_alink a.curr,
.lay-login cite a.curr,
.Edition .cur,
.Edition a:hover {
    border-color: var(--red)
}

.searchbtn,
.searchbtn:hover,
.general .Quick-link .button,
.indexnav-link .alls,
.sidebar_focus::before,
.ruser .login-btn a,
.lay-login #login_submit_button {
    background: var(--red) !important
}

i.xnb {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAMAAABBwMRzAAAAvVBMVEUAAABPsJlNsZpHq5BHq49Pr5ZQr5ZNr5VRrpdPr5RNrpRLrpNHrZFQrpVQrpVRr5dPr5dOsZpQsJlOr5VNr5VSrZROsZpQr5lSrZhNsJlOsppNsppQr5hPsJZSrpVNrpNGq494wq1su6ZUsZf///9Pr5VLrZHz+vjD49q439RCqY38/v33+/rG5dyTzr2KybeBxrN8w690wKtwvqlvvKhkuKFatJxXs5nq9vLm9PDW7efN6OG+4de13NJmuqORQ2IvAAAAH3RSTlMABmbY2MzAoBj68efdx7Z2UyMU7OKqfGxhYFpKMyUgva9xzQAAAJ9JREFUCNdNzcUWglAYBOCfVmnsvEWDdNjv/1jCkYXfamYxZwA4UxVEQRBFTT7BwJZ62lBKm3a+GTsfl4EbBGkSImkG4Oj4837d3GeU+fMtB7zHGMZXl8SIeZIFuk/zlkX3sic5QjKYi45UVfTIakKRvAOOXyCPhWmBPN+wYfjfL6e9cYERd1D9MCF4PYOJtaqLThnr5KhhxYE/vHL+hS/kmhD38dL4DQAAAABJRU5ErkJggg==) no-repeat;
    width: 15px;
    height: 13px;
    display: inline-block;
    position: relative;
    top: 2px
}

.head-nav {
    border-bottom: 2px solid var(--red)
}

.indexnav-link {
    height: 40px
}

.indexnav-link a {
    height: 24px;
    font-size: 16px
}

.indexnav-link .left a:first-of-type {
    width: 172px;
    text-align: center;
    color: #fff !important;
    background: var(--red);
    border-radius: 0 5px 0 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px
}

.indexnav-link a.cur {
    font-weight: initial
}

.screen_list {
    margin: 0 20px;
    border-bottom: 1px solid #f4f4f4;
    padding: 16px 0 3px;
    display: flex;
    /*justify-content: space-between;*/
    flex-wrap: wrap;
}

.screen_name {
    color: #333;
    width: 100px;
    text-align: left;
    margin: 0;
}

.screen_con {
    /*margin-left: 95px;*/
    margin: 0;
    width: 620px;
}

.footer dl.left a.service-qq,
.newstylehuo b,
.orange,
.tablelist a:hover {
    color: var(--red2) !important
}

.newstylehuo {
    left: 133px
}

#logingt {
    margin-top: 50px
}

.uim .tg a {
    background: url(/themes/index/default/static/image/telegram.png) no-repeat;
    padding: 0 0 0 22px;
    cursor: pointer;
    background-size: 16px
}

.fixed-cart-list .cartNav a.cartjs {
    background: var(--red)
}

#page .ohave {
    border: var(--red) solid 1px;
    background: var(--red)
}

#page a:hover {
    border: var(--red) solid 1px
}

.searchlist li.cur::after {
    border-right: 4px solid var(--red)
}

.sort_order a.curr,
.dqwz_code,
.general .search.s .searchval {
    background: var(--white)
}

.dqwz_code {
    line-height: 50px;
    height: 50px
}

.menu_code {
    font-size: 14px;
    color: #555;
    position: relative;
    width: 1190px
}

.menu_code a {
    padding: 0 10px
}

.note_icon a i {
    border-radius: 3px
}

.note_icon a i.manual {
    color: var(--red);
    border-color: var(--red);
    background: var(--white);
    border-radius: 3px
}

.note_icon a i.protect {
    color: var(--white);
    border-color: var(--red);
    background: var(--red)
}

.note_icon a i.send {
    color: var(--white);
    border-color: var(--green);
    background: var(--green)
}

.certification i.email {
    background: url(/themes/index/default/static/image/email1.png) no-repeat;
    background-size: cover
}

.certification i.email.success {
    background: url(/themes/index/default/static/image/email2.png) no-repeat;
    background-size: cover
}

.certification i.cashout {
    background: url(/themes/index/default/static/image/cashout1.png) no-repeat;
    background-size: cover
}

.certification i.cashout.success {
    background: url(/themes/index/default/static/image/cashout2.png) no-repeat;
    background-size: cover
}

.certification i.tg {
    background: url(/themes/index/default/static/image/tg1.png) no-repeat;
    background-size: cover
}

.certification i.tg.success {
    background: url(/themes/index/default/static/image/tg2.png) no-repeat;
    background-size: cover
}
/*
.bottom {
    width: 100%;
    background-color: #333;
    color: #b2b2b2;
    padding-top: 50px;
    padding-bottom: 50px
}

.footer-copy {
    width: 170px
}

.fedui-footer-logo {
    height: 50px
}

.fedui-footer-copyright {
    font-size: 12px;
    color: #b2b2b2;
    line-height: 16px;
    padding-top: 16px;
    padding-left: 16px
}

.fedui-footer-link {
    padding-top: 32px
}

.fedui-footer-link a {
    margin-left: 8px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #a8b7c8;
    display: inline-block;
    border-radius: 50%;
    vertical-align: top;
    margin-top: 8px
}

.fedui-footer-link a:first-child,
.fedui-footer-link a:nth-of-type(6),
.fedui-footer-link a:nth-of-type(11) {
    margin-left: 0
}

.fedui-footer-link a i {
    font-size: 24px;
    vertical-align: top
}

.footer-nav {
    float: right;
    border: 0
}

.footer-nav dl {
    width: 140px
}

.footer-nav dl dt {
    line-height: 20px;
    font-weight: initial
}

.footer-nav dl dd p {
    padding-left: 1px;
    padding-top: 8px;
    padding-top: 8px;
    display: block;
    font-size: 12px;
    line-height: 18px;
    word-wrap: break-word
}

.footer-nav dl dd p a {
    color: var(--white)
}
*/
/*202409新增底部样式*/
.bottom {
  float: left;
  width: 100%;
  /*margin: 10px 0 0 0;*/
  background-color: #222831;
    background-image: url("/themes/index/mtwo/static/images/bg-white.0adcce4.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #888;
}
.footer {
  width: 100%;
  overflow: hidden;
  padding: 20px 0
}
.footer-nav {
  float: left;
  border-right: 1px solid #2c323b;
}
.footer-nav dl {
  float: left;
  width: 100px;
  margin: 0 50px 0 2px
}
.footer-nav dl dt {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700
}
.footer-nav dl dd p {
  margin-bottom: 12px;
  padding-left: 1px
}
.footer-nav dl dd p:last-child {
  margin: 0
}
.footer-nav dl dd p a {
  color: #666
}
.footer a:hover {
  color: #39f
}
.footer-link {
  overflow: hidden;
  color: #9c9c9c;
  width: 1190px;
  margin: 0 auto;
  padding: 20px 0;
  font-family: \5b8b\4f53;
  border-top: #2c323b solid 1px
}
.footer-link em {
  font-family: tahoma, arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif
}
.footer-link a {
  display: inline-block;
  color: #6c6c6c;
  padding-right: 5px
}
.footer-link a:hover {
  color: #f60
}
.footer-link cite {
  margin-top: 18px
}
.footer-link cite {
  display: block;
  margin-top: 10px
}
.footer-link cite img {
  vertical-align: -10px
}
.footer-contact dl {
  margin-right: 55px;
  font-size: 16px
}
.footer-contact dl p {
  font-size: 14px;
  margin-top: 8px
}
.footer-contact div {
  text-align: center;
  color: #888;
}
.footer-contact div span {
  display: block;
  padding: 5px;
  border: 1px solid #2c323b;
}
/*202409新增*/
/*前端服务*/
.screen_box {
  overflow:hidden
}
.screen_on {
  position:relative;
  padding:10px 0;
  display:block;
  background:#f5f5f5;
  border-radius:1px;
  margin:15px 26px 10px 26px
}
.screen_on h3 {
  width:90px;
  padding:0 5px 0 0;
  float:left;
  text-align:right;
  height:32px;
  line-height:32px;
  font-size:14px;
  color:#a5abb2
}
.screen_on cite {
  margin:0 85px 0 95px;
  display:block
}
.screen_on cite a {
  background:#fff url(/themes/index/huzhan/static/image/evex.png) 9px 7px no-repeat;
  display:inline-block;
  margin:3px 8px 3px 0;
  height:24px;
  line-height:24px;
  padding:0 8px 0 22px;
  border:1px solid #e0e0e0;
  font-size:12px;
  box-shadow:2px 2px 0 #eee
}
.screen_on cite a:hover {
  border:#ff6a2f solid 1px;
  background:#fff url(/themes/index/huzhan/static/image/evex.png) 9px -16px no-repeat
}
.screen_on a.del_screen {
  position:absolute;
  top:16px;
  right:16px;
  line-height:20px;
  height:18px;
  padding-left:16px;
  BACKGROUND-POSITION:-306px 3px;
  color:#0d77a1
}
.screen_switch {
  border-bottom:2px solid #eee;
  display:block;
  height:44px;
  padding:0 26px 0 6px
}
.screen_alink {
  float:left
}
.screen_alink a {
  float:left;
  overflow:hidden;
  color:#333;
  padding:13px 8px 13px 6px;
  height:18px;
  margin:0 26px 0 20px
}
.screen_alink a span {
  float:left;
  font-size:14px;
  height:18px;
  line-height:17px
}
.screen_alink a i {
  float:left;
  width:18px;
  height:18px;
  background:url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABDElEQVQ4T62UzW0CMRBG3+whVyiBVAB0sCWQEpDCihuUQAkckTkAFbAdJOlgS6CEnBMpg2zY1f54F6/IXCzZ8vM3M99Y+KeQPhxNmAEDMZzq94JBmnAEBwLlLHvmZVgQqIAosbssfNZhD0FliOzJnKAFEweDjRi2N3ZHVJT8cuGFAz/M5ci3LkgRMjFsOkFeJbZOyhjIEN6ImMiOSyvIB8mFt501UuuELBlZBXpfW7sWokQMQ19ZC0UhEJQ475zXkM9CXLH1nZiID5Rp/bWuBxqKcpCYqqf6QCqKyqC+kHpq1vI2hgiv/DEjYoX6u1SkJnxZd7uuacLaAQrXkdp6Nfb942THJH04tKH/1RUP340TixchcAAAAABJRU5ErkJggg==);
  margin-right:3px
}
.screen_alink a i.code {
  background:url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABR0lEQVQ4T62UwVGDQBSGvxdnPGsH2EHsgFQgViDOyI5HOzAlcHTAA1agVhA6MB2YDvTsIc/ZDRBYIGEc34XD7vv2f//+i/BPJVM5mhBzQilPbIZ6poMMypaFPFP+GaR3hMxYScbowb0FTZgjPErGdX2yJqRAIDmRJrwBS8lZt5V1QA4CK+BFch4akHFNhWSkFfQGWLRhDaiBCO+SETeQmDNO+UK5rBvVUKBctWEONAZxa4YIJZWcoD2KD5NDkApU2G9bZWvkvTK9J2DLGuVVcm79q9XE5caa64A9VRAxY74fTSh9WHXIJzMu/CC60SxECa13XbM9mBp3c7Fk7jab8iFu9M6GXYYaZVVmNl4UOkrq/uFA7jyJ1PBdKbIhdDUpkAPqPvjhXAoHPFijb0cNy8rI8Bik51FHkX2o1sSR1+7DJ/9Gjqn6BaFdlS7uOsBAAAAAAElFTkSuQmCC)
}
.screen_alink a i.web {
  background:url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA50lEQVQ4T+2UsQ3CQAxFnyVES9iAEWCDMAErUJBU7ACsQSgYgZKOsAEDULAB0CIko7vkEiVA0CFK3FnyPX19f5/woxLH0QkhgvpyJWFv3liQRmwQRr4QO6+kkjDMQDHKja6sufjAdExAm7MskQJkGh9IYUmM/kHNzplFlR5FNj/pN2YDoSRuawYkLL4CKbMS9MMcHYAOyslLldADrrKknwXSJLRFvwJRpsAW4ZifQrV3w3cO5iLeplkjUpS5rLIl1Pu68ieQRlbZDgjssJtw/4LplYEkGDuKeqnIfikN5VR+BHkZng8/AFfOZBNjDbz4AAAAAElFTkSuQmCC)
}
.screen_alink a i.domain {
  background:url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAB20lEQVQ4T62T31HbQBDGf2uGvAZXgNOBqSBKBTEVGGYiTx6hAkQFkLeMxAyiAtwBpoKoA1yC82rAm9m9OyEFvWQm9+Q53376/q3wn44M4egJB+wzR8hQDjpv1ggrKbn7e+4dkC44Q7kAfgNLhDU7GkYOOkX4itKwx7H8ZJ0Ae0C6oAZmQCEl14NsvzPhlRrhkC1HUrOxdy2QLhygRsmkorE/9RsZIz4Da5OjOVMfqmg0Z2VspeSkD5Rj+q+NiXv0gVtnpzwCE+ApfVgqMjVmO54Y8ckkOqPERspgrObujXni7KL5dmfsLqWkiO/Mo0Iq6gRk3mA0nb7wC+XUHiSfdOHDF+z4IjesIpDJsxSLABT0+kU7sGWcjIysz4ArOvdqdvQYBaCl+2O/YSKV+9KemOhUymD4sEddRrnHPpeKcSsrGQt3KaXB1OLXgkch8gfg3BmG3twjzuSSETWv3CKM2ZL1etQOR/0ReI6yQbxr1hUz/qOztEo8M+t62C1kg6JScRQDmPqevdDYgDN7YYKwaSsRuvZozN+AwqJao61456ndg2ti8oUrZxvl9XctgNkehcUUT3CDeqpZlDVzv5QfPFO827Ve1KGU1mzbv/4Rlmypu/70dm1Iwr/c/QFpxOATAvYitwAAAABJRU5ErkJggg==)
}
.screen_alink a i.task {
  background:url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABpklEQVQ4T62TPU7DQBBG3zj8tNAjQUFFAzkBTkNLKJDoCBK2KDlCCiqqSDRgU+QI4QSEC0DS0JKKGtoAHrSTteUk/Iu1IsXRzttv3k6Ef1ryV442WGCGTV65kTZPvwJpxAbCNkqIEFqIjJpc0v0SpEeskLEJ1K0YnhG6vPFIwC7CKkMWpxIVcQMrqgMrKFdWrHQlpacxxyh7wBkQSTpKZok0ogHs+7h9V4TScZFzh3bILE0ylgg4QTgGBpLQLINaBqpQlXMGkxdgbqCBMo9wYcki21d33wuQpYppoyxLSq0MsrRiLQ7cx6X07nqSsJDvHZOtMT2UO0k58C23vB8rkJS2P9R5CiU1j7bGQc7DHF0ybgnsafLmZXqIP6ADdHLwFMg2HRIScC0J4ucmlATnsFga80TARtnn1Bz5/h9QqiincsnWGGR0UEsSu4BifTiQGqMo9whrrgWGHLihK7yNfLnr/wEI+gwJmaOFss4LNQezC4GmJDhP34AiGmWRfjTWqbBDxoPzV4Z8KHtyQ/7uYdtAP/9bfJvoU1iEzdVkW79K9Bk8//0dCRCkE/v/8lEAAAAASUVORK5CYII=)
}
.screen_alink a i.serve {
  background:url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABY0lEQVQ4T7WUwVECQRBFX+/BMyFgBEIGGIEYgVDlbnmTEMhAvFksB4hAyIAMIAPJQM4eaKt7Z7d2YVAPOMedmde//+9Z4UJLLsQhCtKUAcIdsCPh1YsdeAbawFKmLI4FnIA0Y4w6aB4u9lEUYeXgsCdTxnVYDLQHBjJlaQc1YwS0yov6SI/EVbV+BqVFVZmxjvmnKR2E9V9AE+BGcm7PgKzAVnJXWq3T1ga0uGKNspGcYf2wZu5bhy96MscsaII0xVTMJWfrvkRgMYi3CWPJ6bsiTd0PA1lFXzXYp6cldI+V+JhYMDm9EjRBPBnbqFYFsy+Rdlylsje/CtATbQ58oHTL9hrKgGNPQnobEq7ljV1ldphm8+qFhIVtRlMrij6YNyjD0o5Gaj5swig8j/tyKCt1GX3gHWWFMqnP2vm3FkxseGahFMPYeB525hzIYrU0GkMXxsSGsUq3LPS/v5GYyb99+wZbrJMTRz+V/gAAAABJRU5ErkJggg==)
}
.screen_alink a.curr {
  cursor:default;
  border-bottom:2px solid #f60;
  color:#f60;
  font-weight:700
}
.screen_alink a:hover {
  color:#f60
}
.screen_alink .line {
  float:left;
  margin:12px 0;
  height:20px;
  width:1px;
  background:#eee
}
.screen_count {
  float:right;
  line-height:44px;
  color:#999
}
.screen_count em {
  color:#f60;
  padding:0 3px
}
/*前端任务*/
.hot_task_recommend{
    background-color: #fff;
    box-shadow: 0 0 5px rgba(49, 42, 42, .06);
    margin: 15px 0;
    padding: 30px 15px 20px 15px;
}
.hot_task_recommend .hot_task_title{
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 30px;
}
.hot_task_recommend .hot_task_title p{
    font-size: 12px;
    color: #999;
}
.hot_task_recommend ul {
    display: flex;
    justify-content: space-between;
}
.hot_task_recommend ul li:first-child{
    width: 14%;
    background: linear-gradient(to right, #ff3333, #ff7431);
}
.hot_task_recommend ul li:first-child a{
    display: block;
    padding: 15px;
    color: #fff;
}
.hot_task_recommend ul li:first-child a h4{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 8px;
}

.hot_task_recommend ul li{
    height: 120px;
    width: 26%;
    background-color: #faf5f5;
    border: solid 1px #eee;
    border-radius: 10px;
}
.hot_task_recommend ul li a{
    display: block;
    padding: 20px 12px;
}
.hot_task_recommend ul li a p:first-child{
    color: #666;
    font-size: 12px;
    margin-bottom: 15px;
}
.hot_task_recommend ul li a p:first-child span{
    padding: 8px;
}
.hot_task_recommend ul li a h2{
    font-size: 18px;
    color: #fe3232;
    margin-bottom: 3px;
    padding-left: 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.hot_task_recommend ul li a h2 em{
    padding-right: 8px;
    margin: 0;
}
.hot_task_recommend ul li a h2 span{
    font-size: 10px;
    border: solid 1px #fe3232;
    display: inline-block;
    padding: 2px 4px;
    margin: 0;
    margin-left: 5px;
    border-radius: 5px;
}
.hot_task_recommend ul li a p:last-child{
    font-weight: bold;
    color: #222;
    padding-left: 8px;
}
.hot_task_recommend ul li:first-child a p{
    font-size: 12px;
    padding: 0;
    color: #fff;
}
.n_screen_lists .n_screen_con{
    padding-top: 15px;
}
.n_screen_lists .n_task_con  {
    display: flex;
    justify-content: space-between;
}
.n_screen_lists .screen_con{
    margin: 0;
}
.n_screen_lists .n_task_con p{
    width: 10%;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
}
.n_screen_lists .n_task_con ul{
    width: 88%;
}
.n_screen_lists .n_task a{
    
}
.n_screen_lists .n_task  ul li a{
    color: #222;
}

/*前端任务-会员活跃榜*/
.right_member{
    margin-top: 15px;
}
.right_member .tit{
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-left: 10px;
}
.right_member .con{
    background-color: #fff;
    box-shadow: 0 0 5px rgba(49, 42, 42, .06);
    padding: 10px;
}
.right_member .con ul li{
    border-bottom: solid 1px #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}
.right_member .con ul li:last-child{
    margin-bottom: 0;
    border: none;
}
.right_member .con ul li i{
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 10px;
    background-color: #ebeef4;
    color: #444;
}
.right_member .con ul li:nth-child(1) i, .right_member .con ul li:nth-child(2) i, .right_member .con ul li:nth-child(3) i{
    background-color: #da3831;
    color: #fff;
}
.right_member .con ul li img{
    width: 35px;
    height: 35px;
}
.right_member .con ul li h4{
    width: 130px;
    font-size: 14px;
    font-weight: normal;
}
.right_member .con ul li h4 p{
    font-size: 12px;
}
.right_member .con ul li h4 p span{
    color: var(--red);
}


/*202409新增导航跟随*/
.sfixed {
	position: fixed;
    background-color: #fff;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 9999;
    -m/oz-box-shadow:0px 0px 10px #333;/*firefox*/
    -we/bkit-box-shadow:0px 0px 10px #333;/*webkit*/
    bo/x-shadow:0px 0px 10px #333;/*opera或ie9*/
}