@charset "utf-8";
/* CSS Document */

/*共用样式*/
* {
    margin: 0;
    padding: 0;
}

body {
    font: 12px "Microsoft YaHei" !important;
    background: #fff;
    color: #333; /*-webkit-text-size-adjust:100%;*/
}

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

a:hover {
    color: #00b88b;
    cursor: pointer;
    text-decoration: none;
}

em, i {
    font-style: normal;
}

ol, ul, dl, li, dt, dd {
    list-style: none
}

img {
    border: 0;
    vertical-align: middle
}

a img {
    border: 0
}

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

input, button {
    outline: none;
    border: 0 none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: #fff; /*vertical-align:middle*/
}

label {
    cursor: pointer;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cl {
    clear: both;
}

.over {
    overflow: hidden;
}

.fix {
    *zoom: 1;
}

.fix:after, .fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.z {
    _zoom: 1;
}

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

.content {
    width: 1200px;
    margin: 0 auto;
    height: auto;
}

input {
    outline: none;
}

textarea {
    resize: none
}

/* display */
.show {
    display: block;
}

.hide {
    display: none;
}

/*定位*/
.abs {
    position: absolute;
}

.rel {
    position: relative;
}

/* text-align */
.tc {
    text-align: center !important;
}

.tr {
    text-align: right !important;
}

.tl {
    text-align: left !important;
}

.tj {
    text-align: justify;
}

.td30 {
    text-indent: 30px;
}

/*边距*/
.mt5 {
    margin-top: 5px !important;
}

.mt7 {
    margin-top: 6px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb80 {
    margin-bottom: 80px;
}

.mb120 {
    margin-bottom: 120px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mt80 {
    margin-top: 80px;
}

.mt100 {
    margin-top: 100px;
}

.mt120 {
    margin-top: 120px;
}

.mt250 {
    margin-top: 250px;
}

.mt280 {
    margin-top: 280px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ml50 {
    margin-left: 45px;
}

.mr0 {
    margin-right: 0px !important;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px !important;
}

.mr32 {
    margin-right: 32px !important;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}

.pt50 {
    padding-top: 50px;
}

.pt80 {
    padding-top: 80px;
}

.pt100 {
    padding-top: 100px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

/*颜色*/
.color_green {
    color: #00b88b !important;
}

.color_orange {
    color: #ff6600 !important;
}

.color_purple {
    color: #7359e0 !important;
}

.color_red {
    color: #f73a3a !important;
}

.color_fff {
    color: #fff !important;
}

.color_999 {
    color: #999 !important;
}

.color_666 {
    color: #666 !important;
}

.color_333 {
    color: #333 !important;
}

.b {
    font-weight: bold !important;
}

/*字体*/
.f12 {
    font-size: 12px !important;
}

.f14 {
    font-size: 14px !important;
}

.f16 {
    font-size: 16px !important;
}

.f18 {
    font-size: 18px !important;
}

.f20 {
    font-size: 20px !important;
}

.f24 {
    font-size: 24px !important;
}

.f26 {
    font-size: 26px !important;
}

.f28 {
    font-size: 28px !important;
}

.f30 {
    font-size: 30px !important;
}

.f36 {
    font-size: 36px !important;
}

.f42 {
    font-size: 42px !important;
}

.f48 {
    font-size: 48px !important;
}

.f60 {
    font-size: 60px !important;
}

.f66 {
    font-size: 66px !important;
}

/*行高*/
.l20 {
    line-height: 20px !important;
}

.l24 {
    line-height: 24px !important;
}

.l28 {
    line-height: 28px !important;
}

.l30 {
    line-height: 30px !important;
}

.l32 {
    line-height: 32px !important;
}

.l36 {
    line-height: 36px !important;
}

.l42 {
    line-height: 42px !important;
}

.l48 {
    line-height: 48px !important;
}

.l52 {
    line-height: 52px !important;
}

.l60 {
    line-height: 60px !important;
}

.l72 {
    line-height: 72px !important;
}

.l82 {
    line-height: 82px !important;
}

/*背景*/
.bg_white {
    background: #fff !important;
}

.bg_f5 {
    background: #f5f5f5 !important;
}

.bg_ccc {
    background: #ccc !important;
}

.bg_money {
    background: #ff2d0c !important;
}

.bg_green {
    background: #00b88b !important;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69) !important;
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69) !important;
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69) !important;
    background: linear-gradient(-45deg, #00b88b, #2dde69) !important;
}

.bg_orange {
    background: #ff6600 !important;
    background: -webkit-linear-gradient(-45deg, #ff6600, #ffa664) !important;
    background: -o-linear-gradient(-45deg, #ff6600, #ffa664) !important;
    background: -moz-linear-gradient(-45deg, #ff6600, #ffa664) !important;
    background: linear-gradient(-45deg, #ff6600, #ffa664) !important;
}

.bg_oranges {
    background: #ff6600 !important;
}

.bg_blue {
    background: #34b4f0 !important;
    background: -webkit-linear-gradient(-45deg, #34b4f0, #79d9f1) !important;
    background: -o-linear-gradient(-45deg, #34b4f0, #79d9f1) !important;
    background: -moz-linear-gradient(-45deg, #34b4f0, #79d9f1) !important;
    background: linear-gradient(-45deg, #34b4f0, #79d9f1) !important;
}

.bg_red {
    background: #e92455 !important;
    background: -webkit-linear-gradient(-45deg, #e92455, #f98bc1) !important;
    background: -o-linear-gradient(-45deg, #e92455, #f98bc1) !important;
    background: -moz-linear-gradient(-45deg, #e92455, #f98bc1) !important;
    background: linear-gradient(-45deg, #e92455, #f98bc1) !important;
}

.bg_pink {
    background: #f0473f !important;
}

.bg_brown {
    background: #dcaa43 !important;
}

/*  index  */
.MainCon {
    position: absolute;
    margin: 0;
    -webkit-box-flex: 1;
    height: auto;
    width: 100%;
    padding: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.headerBlock {
    width: 100%;
    height: 36px;
    background: #333;
    line-height: 36px;
}

.headerList li {
    float: left;
    margin-left: 10px;
    line-height: 36px;
    color: #fff;
}

.headerList li a {
    color: #fff;
}

.menuList li {
    float: left;
    text-align: center;
    width: 108px;
    font-size: 16px;
    line-height: 60px;
}

.menuList li.current {
    color: #00b88b;
}

.iconArrowDown {
    position: absolute;
    right: 1px;
    top: 1px;
}

.myimg img {
    width: 100%;
    height: auto;
}

.headerInfoBox {
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.headerInfoList {
    display: none;
    position: absolute;
    top: 36px;
    left: 45px;
    width: 80px;
    padding: 8px 0 0 0;
    height: auto;
    background: #333;
    border-radius: 0px 0px 6px 6px;
    z-index: 3;
}

.headerInfoBox:hover .headerInfoList {
    display: block;
}

.headerInfoBtn {
    display: block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #fff;
}

.bannerInfoBox {
    position: absolute;
    left: 10%;
    width: 80%;
    top: 20%;
    z-index: 3;
}

.bannerTitle {
    font-size: 42px;
    line-height: 80px;
}

.bannerTxt {
    font-size: 30px;
    line-height: 60px;
    color: #686868;
}

.myimg_mt20 {
    margin-top: 2.2%;
}

.newsBlock {
    width: 100%;
    height: 48px;
    background: #f5f5f5;
    line-height: 48px;
}

.newsTip {
    display: inline-block;
    height: 14px;
    font-size: 12px;
    color: #ff6600;
    border: 1px solid #ff6600;
    padding: 2px 6px;
    line-height: 12px;
    border-radius: 6px;
}

.indexTitle {
    font-size: 32px;
    text-align: center;
    line-height: 60px;
}

.indexTxt {
    font-size: 22px;
    color: #999;
    text-align: center;
    line-height: 60px;
}

.titleLine {
    display: inline-block;
    width: 80px;
    height: 2px;
    background: #eee;
}

.showList {
    position: absolute;
}

.showList li {
    float: left;
    width: 180px;
    height: 155px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    margin-right: 24px;
    padding-bottom: 10px;
    padding-top: 15px;
    background: #fff;
    box-shadow: 1px 1px 3px 3px rgba(188, 188, 188, 0.2);
    position: relative;
    top: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s
}

.showListNone {
    margin: 10px 15px;
    display: none;
}

.showList li:hover {
    -webkit-transform: translateY(-40px);
    float: left;
    width: 180px;
    height: 220px;
    text-align: left;
    font-size: 16px;
    cursor: pointer;
    margin-right: 24px;
    padding-bottom: 0;
    padding-top: 0;
    box-shadow: none;
    border-radius: 8px;
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
}

.showList li:hover .showListNone {
    display: block;
}

.showList li:hover .showListBlock {
    display: none;
}

.showListNoneLine {
    border-bottom: 2px solid #fff;
    width: 36px;
}

.indexImgBox {
    width: 100%;
    height: 820px;
    background: url(../../images/home/indexImgBg.jpg) center center no-repeat;
}

.indexImgList {
    position: absolute;
}

.indexImgList li {
    float: left;
    width: 300px;
    height: 375px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    margin-left: -1px;
    border-left: 1px solid #dfdfdf;
    padding-bottom: 10px;
    padding-top: 15px;
    background: #fff;
    position: relative;
    top: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s
}

.indexImgListNone {
    margin: 10px 15px;
    display: none;
}

.indexImgList li:hover {
    -webkit-transform: translateY(-0px);
    float: left;
    width: 300px;
    height: 400px;
    text-align: left;
    font-size: 16px;
    cursor: pointer;
    margin-left: -1px;
    border-left: none;
    padding-bottom: 0;
    padding-top: 0;
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
}

.indexImgList li:hover .indexImgListNone {
    display: block;
}

.indexImgList li:hover .indexImgListBlock {
    display: none;
}

.knowMoreBtn {
    display: inline-block;
    width: 42%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #00b88b;
    text-align: center;
    background: #fff;
    border-radius: 6px;
}

.infoTabList {
    width: 700px;
    height: 48px;
    border-bottom: 1px solid #dfdfdf;
    margin-left: 250px;
}

.infoTabList li {
    float: left;
    cursor: pointer;
    width: 175px;
    text-align: center;
    font-size: 18px;
    line-height: 48px;
    color: #686868;
}

.infoTabList li:hover {
    color: #00b88b;
}

.infoTabList li span.current {
    display: inline-block;
    color: #00b88b;
    line-height: 43px;
    border-bottom: 2px solid #00b88b;
}

.infoBoxLeft {
    width: 450px;
    height: auto;
}

.infoBoxRight {
    width: 700px;
    height: auto;
}

.indexMapBox {
    width: 1200px;
    height: 760px;
    background: url(../../images/home/map.png) top center no-repeat;
}

.homeInfoBox {
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 76px;
}

.homeInfoBlocks {
    float: left;
    cursor: pointer;
    box-shadow: 0px 2px 7px 0px rgba(127, 129, 127, 0.25);
    width: 196px;
    height: 196px;
    padding: 5px;
    position: relative;
    top: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
}

.homeInfoBlocks:hover {
    -webkit-transform: translateY(-15px);
}

.homeInfoBlock {
    width: 196px;
    height: 176px;
    padding-top: 20px;
    background: #fff;
}

.homeInfoBlockTitle {
    font-size: 48px;
    text-align: center;
    line-height: 100px;
}

.homeInfoBlockTxt {
    font-size: 24px;
    text-align: center;
    line-height: 36px;
    color: #999;
}

.homeInfoBlocks_55 {
    margin-left: 55px;
}

.homeInfoBlocks_90 {
    margin-left: 90px;
}

.indexMapLogo {
    position: absolute;
    top: 280px;
    right: 216px;
    z-index: 3;
}

.point-area {
    text-align: center;
    position: relative;
    width: 150px;
    height: 150px;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

.point-area .point-dot {
    z-index: 1;
    background-color: #00b88b;
    border: 3px solid #00b88b;
}

.point-area .point {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    background-color: #00b88b;
    margin: auto;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    background: transparent;
}

.point-area .point-10, .point-area .point-40, .point-area .point-80 {
    width: 100%;
    height: 100%;
}

.point-area .point-10:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #00b88b;
    opacity: 0;
    -webkit-animation: ripple 4500ms ease-out 225ms infinite;
    -moz-animation: ripple 4500ms ease-out 225ms infinite;
    -o-animation: ripple 4500ms ease-out 225ms infinite;
    animation: ripple 4500ms ease-out 225ms infinite;
}

.point-area .point-40:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #00b88b;
    opacity: 0;
    -webkit-animation: ripple 4500ms ease-out 900ms infinite;
    -moz-animation: ripple 4500ms ease-out 900ms infinite;
    -o-animation: ripple 4500ms ease-out 900ms infinite;
    animation: ripple 4500ms ease-out 900ms infinite;
}

.point-area .point-80:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #00b88b;
    opacity: 0;
    -webkit-animation: ripple 4500ms ease-out 1800ms infinite;
    -moz-animation: ripple 4500ms ease-out 1800ms infinite;
    -o-animation: ripple 4500ms ease-out 1800ms infinite;
    animation: ripple 4500ms ease-out 1800ms infinite;
}

@-webkit-keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1, 0.1);
    }
    5% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes ripple {
    0% {
        opacity: 0;
        -moz-transform: scale(0.1, 0.1);
    }
    5% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1)
    }
}

@-o-keyframes ripple {
    0% {
        opacity: 0;
        -o-transform: scale(0.1, 0.1);
    }
    5% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -o-transform: scale(1)
    }
}

@keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
    }
    5% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.parenterList li {
    float: left;
    width: 200px;
    height: 60px;
    cursor: pointer;
}

.toRegBox {
    width: 100%;
    height: 310px;
    padding: 15px 0;
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
}

.toRegBg {
    position: absolute;
    left: 0;
    top: 15px;
    width: 100%;
    height: 310px;
    background: url(../../images/home/bottomBg.png) top center no-repeat;
}

.toRegBtn {
    display: inline-block;
    width: 280px;
    color: #00b88b;
    height: 60px;
    font-size: 18px;
    text-align: center;
    background: #fff;
    border-radius: 30px;
    line-height: 60px;
    position: relative;
    z-index: 3;
}

.toRegTxt {
    color: #fff;
    text-align: center;
    line-height: 72px;
    font-size: 30px;
    position: relative;
    z-index: 3;
}

.footerBlock {
    width: 100%;
    height: auto;
    background: #333;
}

.footerCopyTxt {
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    border-top: 1px solid #666;
}

.footerListBox {
    width: 180px;
    height: auto;
    float: left;
}

.footerListTitle {
    font-size: 14px;
    color: #fff;
    line-height: 36px;
}

.footerList li a {
    font-size: 12px;
    line-height: 30px;
    color: #999;
}

.footerList li a:hover {
    color: #fff;
}

.consultBtn {
    display: inline-block;
    width: 100px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
}

.iconContact {
    display: inline-block;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    color: #999;
    border-radius: 50%;
    border: 2px solid #999;
}

.iconContact:hover {
    color: #fff;
    border: 2px solid #fff;
}

.homeMenuBox {
    position: fixed;
    right: 1%;
    bottom: 5%;
    z-index: 9;
}

.homeMenuList li {
    width: 50px;
    height: 50px;
    position: relative;
    left: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    color: #686868;
    border-radius: 5px;
    margin-bottom: 12px;
    cursor: pointer;
    border: 1px solid #eee;
    background: #fff;
    text-align: center;
}

.homeMenuList li:hover {
    background: #eee;
}

.homeMenuBlock {
    position: absolute;
    left: -100px;
    top: 10px;
    display: none;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background: #464646;
    text-align: center;
    color: #fff;
    border-radius: 4px;
}

.triangle_border_ups {
    position: absolute;
    right: -6px;
    top: 9px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid #464646;
    border-bottom: 6px solid transparent;
}

.homeMenuList li:hover .homeMenuBlock {
    display: block;
}

.productBox {
    position: absolute;
    left: 0;
    top: 96px;
    display: none;
    width: 100%;
    box-shadow: 0px 2px 7px 0px rgba(155, 155, 155, 0.2);
    height: auto;
    padding: 30px 0;
    background: #fff;
    z-index: 9;
    padding-top: 20px;
}

.productLeftBox {
    width: 600px;
    height: auto;
}

.productRightBox {
    width: 300px;
    height: auto;
}

.productSpanBlock {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
}

.productLeftHalfBox {
    width: 48%;
    height: auto;
}

/*selection*/
.tipSpanBlock {
    display: inline-block;
    float: left;
    width: 80px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
}

.menuBlock {
    width: 100%;
    height: 48px;
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
}

.menuBlockList li {
    float: left;
    cursor: pointer;
    position: relative;
    width: 150px;
    text-align: center;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #fff;
}

.menuBlockList li.current, .menuBlockList li:hover {
    background: #00b88b;
}

.menuBlockList li a {
    color: #fff;
}

.iconMenuBlock {
    position: absolute;
    right: 5px;
    top: -12px;
    z-index: 3;
}

.bannerSearchBox02 {
    width: 100%;
    height: 260px;
    background: url(../../images/home/bannerImg02.jpg) no-repeat center 0;
    background-attachment: fixed;
}

.bannerSearchBoxs {
    width: 100%;
    height: 260px;
    background: url(../../images/home/bannerImgs.jpg) no-repeat center 0;
    background-attachment: fixed;
}

.bannerSearchBox {
    width: 100%;
    height: 260px;
    background: url(../../images/home/bannerImg.jpg) no-repeat center 0;
    background-attachment: fixed;
}

.tabBgimgBox {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 9;
}

.tabBgimgBtn {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    cursor: pointer;
}

.searchTabList {
    margin-left: 375px;
}

.searchTabList li {
    width: 150px;
    height: 36px;
    color: #000;
    cursor: pointer;
    line-height: 36px;
    float: left;
    text-align: center;
    font-size: 16px;
}

.searchTabList li span.current {
    display: inline-block;
    line-height: 34px;
    color: #fff;
    border-bottom: 2px solid #fff;
}

.searchTabList li:hover {
    color: #fff;
}

.searchTabBox {
    margin-left: 300px;
    width: 600px;
    height: auto;
}

.searchBoxInput {
    display: inline-block;
    width: 500px;
    height: 50px;
    border-radius: 25px 0px 0px 25px;
    color: #686868;
    text-indent: 20px;
    font-size: 16px;
    appearance: none;
    outline: none;
    background: #dfdfdf;
    border: none;
}

.searchBoxInputs {
    display: inline-block;
    width: 300px;
    height: 36px;
    border-radius: 19px 0px 0px 19px;
    color: #686868;
    text-indent: 20px;
    font-size: 14px;
    appearance: none;
    outline: none;
    background: #fff;
    border: 1px solid #dfdfdf;
    border-right: none;
}

.searchBoxButton {
    display: inline-block;
    width: 100px;
    height: 38px;
    border-radius: 0px 19px 19px 0px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    appearance: none;
    border: none;
    cursor: pointer;
}

.searchBoxButtons {
    display: inline-block;
    width: 100px;
    height: 50px;
    border-radius: 0px 25px 25px 0px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    appearance: none;
    border: none;
    cursor: pointer;
}

.searchKey {
    display: inline-block;
    padding: 0px 8px;
    color: #999;
}

.searchKey:hover {
    color: #ff6600;
}

.filterBox {
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
}

.filterBoxBlock {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.filterBlockLeft {
    width: 88px;
    text-align: center;
    color: #999;
    line-height: 24px;
    font-size: 14px;
}

.filterBlockRight {
    width: 1110px;
    height: auto;
}

.filterBlockBtn {
    cursor: pointer;
    width: 66px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 16px;
    background: #00b88b;
}

.filterTypeBox a {
    display: inline-block;
    font-size: 14px;
    float: left;
    padding: 0px 8px;
    line-height: 24px;
    margin-right: 8px;
}

.filterTypeBox a.current {
    color: #00b88b;
}

.filterTabList li {
    float: left;
    cursor: pointer;
    font-size: 14px;
    width: 88px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-left: 1px solid #eee;
}

.filterTabList li.current, .filterTabList li:hover {
    color: #00b88b;
}

.filterBlockInput {
    display: inline-block;
    width: 66px;
    height: 30px;
    border: 1px solid #eee;
    line-height: 32px;
    font-size: 14px;
}

.filterBlockInputs {
    background: none;
    border: none;
    outline: none;
    text-indent: 10px;
}

.goodBlock {
    float: left;
    position: relative;
    cursor: pointer;
    padding-bottom: 10px;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 283px;
    height: auto;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
}

.goodBlockImg img {
    width: 283px;
    height: 283px;
}

.goodBlocks {
    float: left;
    position: relative;
    cursor: pointer;
    padding-bottom: 10px;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 222px;
    height: auto;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
}

.goodBlockImgs img {
    width: 222px;
    height: 222px;
}

.tipIcon {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.goodBlockTitle {
    font-size: 14px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.goodBlockHalf {
    width: 50%;
    height: auto;
    float: left;
    text-align: center;
    border-right: 1px solid #eee;
    margin-left: -1px;
}

.voucherBlock {
    text-indent: 0 !important;
    padding: 0 16px;
    height: 26px !important;
    background: #00b88b;
    color: #fff;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    margin-top: 3px;
}

.voucherBlock:before {
    content: " ";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    left: -5px;
    top: 8px
}

.voucherBlock:after {
    content: " ";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    right: -5px;
    top: 8px
}

.voucherBlocks {
    text-indent: 0 !important;
    padding: 0 20px;
    height: 36px !important;
    background: #00b88b;
    color: #fff;
    border-radius: 3px;
    position: relative;
    display: inline-block;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    margin-top: 3px;
}

.voucherBlocks:before {
    content: " ";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    left: -5px;
    top: 13px
}

.voucherBlocks:after {
    content: " ";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    right: -5px;
    top: 13px
}

.goodBlockBtnBox {
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
    width: 100%;
    padding: 10px 0;
    background: #ff6600;
}

.goodBlockBtn {
    display: inline-block;
    width: 50%;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.goodBlockBtn:hover {
    color: #fff;
}

.goodMoreInfo {
    display: none;
    position: absolute;
    left: -1px;
    bottom: -75px;
    width: 100%;
    height: 80px;
    z-index: 5;
    background: #fff;
}

.goodBlock:hover {
    border: 1px solid #ff6600
}

.goodBlock:hover .goodBlockBtnBox, .goodBlock:hover .goodMoreInfo {
    display: block;
}

.goodBlock:hover .goodMoreInfo {
    border: 1px solid #ff6600;
    border-top: none;
}

.goodBlocks:hover {
    border: 1px solid #ff6600
}

.goodBlocks:hover .goodBlockBtnBox, .goodBlocks:hover .goodMoreInfo {
    display: block;
}

.goodBlocks:hover .goodMoreInfo {
    border: 1px solid #ff6600;
    border-top: none;
}

.pageBox a {
    display: inline-block;
    float: left;
    margin-right: 10px;
    height: 32px;
    border: 1px solid #dfdfdf;
    padding: 0px 12px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    color: #686868;
}

.pageBox a:hover, .pageBox a.current {
    background: #00b88b;
    color: #fff;
    border: 1px solid #00b88b;
}

.pageBoxTxt {
    display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 34px;
}

.goodInfoBox {
    position: absolute;
    right: -336px;
    top: 0px;
    background: rgba(33, 33, 33, 0.8);
    width: 300px;
    height: auto;
    padding: 10px;
    border-radius: 8px;
    z-index: 10;
    word-wrap: break-word;
}

.triangle_border_up {
    position: absolute;
    left: -10px;
    top: 254px;
    width: 0;
    height: 0;
    border-width: 10px 10px 10px 0;
    border-style: solid;
    border-color: transparent rgba(33, 33, 33, 0.8) transparent;
}

.AlertBox {
    position: fixed;
    display: none;
    width: 300px;
    margin-left: -150px;
    text-align: center;
    line-height: 40px;
    border-radius: 6px;
    background: rgba(108, 108, 108, 0.9);
    bottom: 50%;
    left: 50%;
    font-size: 14px;
    color: white;
    letter-spacing: 1px;
    border: none;
    z-index: 999;
    white-space: normal;
}


/*goodDetail*/
#showbox {
    background: #eee;
    border: 1px solid #dfdfdf;
    cursor: pointer;
    z-index: 3;
}

#showbox span {
    background: url(../../images/home/whitebg.png) repeat;
}

#showsum {
    left: 25px;
    margin-top: 10px;
}

#showsum span {
    border: 1px solid #ddd;
}

#showsum span.sel {
    border: 1px solid #f60;
}

.showpage {
    width: 400px;
    position: relative;
}

.showpage a {
    display: block;
    cursor: pointer;
    width: 15px;
    border: 1px solid #ddd;
    height: 60px;
    line-height: 60px;
    background: #eee;
    text-align: center;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: -62px;
    text-decoration: none;
    color: #999;
}

.showpage a#shownext {
    left: auto;
    right: 0;
}

.showpage a:hover {
    background: #ccc;
    color: #777;
}

.detailBoxLeft {
    width: 430px;
    height: auto;
}

.detailBoxRight {
    width: 730px;
    height: auto;
}

.detailBoxTitle {
    width: 540px;
    height: auto;
}

.detailBoxIcon {
    width: 185px;
    height: auto;
}

.replyBlock {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #ff6600;
    text-align: center;
    line-height: 16px;
    color: #fff;
}

.detailBoxTitleBlock {
    width: 100%;
    height: 42px;
    line-height: 42px;
    color: #fff;
}

.detailBoxTxtBlock {
    width: 100%;
    height: 96px;
    background: url(../../images/home/detailTxtBg.jpg) repeat-x;
}

.detailBoxInfoBlocks {
    display: inline-block;
    float: left;
    width: 30%;
    font-size: 16px;
    line-height: 96px;
}

.priceLine {
    text-decoration: line-through;
}

.detailBoxInfo {
    width: 100%;
    height: auto;
    padding: 8px 0px;
    border-bottom: 1px dashed #dfdfdf;
    border-top: 1px dashed #dfdfdf;
}

.detailBoxInfoBlock {
    display: inline-block;
    float: left;
    width: 28%;
    font-size: 16px;
    line-height: 36px;
}

.detailBoxBtn {
    width: 31%;
    margin-right: 3.5%;
    cursor: pointer;
    border-radius: 8px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
}

.detailBoxBlock {
    width: 65%;
    margin-left: -2px;
    height: 46px;
    border: 2px solid #eee;
    cursor: pointer;
}

.detailBoxBlock:hover {
    border: 2px solid #ff6600;
}

.detailBoxBlockQuan {
    display: inline-block;
    width: 34px;
    height: 26px;
    margin-top: 7px;
    line-height: 30px;
    color: #ff6600;
}

.detailBoxBlockQuanNone {
    display: inline-block;
    width: 60px;
    height: 24px;
    line-height: 24px;
    margin-left: -1px;
    margin-top: 11px;
    color: #ff6600;
    border: 1px solid #ff6600;
    border-left: none;
    text-align: center;
    font-size: 14px;
}

.detailBoxBlockQuanTxt {
    position: absolute;
    left: 10px;
    top: 2px;
    color: #fff;
    z-index: 3;
    font-size: 14px;
}

.detailBoxBlockTxt {
    display: inline-block;
    width: 200px;
    font-size: 16px;
    line-height: 46px;
}

.detailTitleLine {
    width: 100%;
    height: 4px;
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
}

.detailTitleBlock {
    display: inline-block;
    width: 30%;
    height: 40px;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    line-height: 40px;
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
}

.detailMoreTxt {
    display: inline-block;
    width: 100px;
    height: 36px;
    border-radius: 20px;
    cursor: pointer;
    line-height: 36px;
    border: 2px solid #eee;
    text-align: center;
    font-size: 14px;
    color: #ff6600;
}

.detailMoreTxtBox {
    position: absolute;
    right: -444px;
    top: 15px;
    display: none;
    width: 430px;
    height: 364px;
    padding: 10px 0;
    border: 1px solid #eee;
    background: #fff;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
}

#detailMoreTxt:hover .detailMoreTxtBox {
    display: block;
}

.CopywritingBox {
    width: 100%;
    height: auto;
    min-height: 685px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
}

.CopywritingNum {
    width: 40px;
    text-align: center;
    font-size: 14px;
    line-height: 50px;
}

.CopywritingTxt {
    width: 326px;
    padding: 6px 10px;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    background: #eee;
    border: 2px solid #eee;
}

.CopywritingTxtCurrent, .CopywritingTxt:hover {
    border: 2px solid #ff6600;
}

.CopywritingImg {
    position: relative;
    width: 22%;
    height: auto;
    cursor: pointer;
    float: left;
    margin-right: 4%;
    margin-bottom: 10px;
    border: 1px solid #eee;
    margin-left: -2px;
}

.CopywritingImg img {
    width: 86px;
    height: 86px;
    overflow: hidden;
}

.CopywritingImgCurrent, .CopywritingImg:hover {
    border: 1px solid #ff6600;
}

.CopywritingImgSelect {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background: #ff6600;
    color: #fff;
}

.CopywritingImgBox {
    position: absolute;
    right: -320px;
    top: -50px;
    z-index: 8;
    width: 280px;
    padding: 10px;
    height: auto;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
}

.CopywritingImgBox img {
    width: 150px;
    height: auto;
}

.diyTemplateBtn {
    display: inline-block;
    color: #ff6600;
    font-size: 16px;
}

.detailBoxRightHalf {
    width: 47%;
    height: auto;
    padding: 10px 0px 30px 0px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
}

.detailBoxRightHalfBtn {
    width: 100%;
    height: 48px;
    font-size: 16px;
    cursor: pointer;
    line-height: 48px;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
}

.detailRightHalfBlue {
    background: #e5f8ff;
    width: 100%;
    height: 444px;
}

.detailRightHalfGreen {
    background: #e3fadd;
    width: 100%;
    height: 444px;
}

.iconQQ {
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background: #34b4f0;
    border-radius: 25px;
}

.iconWX {
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background: #2dde69;
    border-radius: 25px;
}

.thumbnailImg img {
    width: 100px;
    height: 100px;
}

.pidBox {
    width: 100%;
    border-bottom: 1px solid #eee;
    height: 42px;
}

.pidBoxInput {
    display: inline-block;
    width: 260px;
    background: none;
    border: none;
    font-size: 12px;
    text-indent: 10px;
    line-height: 34px;
}

.pidBoxSetBtn {
    position: absolute;
    left: 150px;
    top: 9px;
    color: #ff6600;
    z-index: 3;
}

.pidBoxSetBtn:hover {
    color: #ff6600;
    text-decoration: underline;
}

.myshadow {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: rgba(100, 100, 100, 0.5);
}

.templateBox {
    position: fixed;
    left: 50%;
    top: 50%;
    border-radius: 10px;
    background: #fff;
    width: 660px;
    height: 410px;
    margin-left: -330px;
    margin-top: -205px;
    z-index: 10;
}

.reminderBox {
    position: fixed;
    left: 50%;
    top: 50%;
    border-radius: 10px;
    background: #fff;
    width: 360px;
    height: 176px;
    margin-left: -180px;
    margin-top: -88px;
    z-index: 10;
}

.myborderB {
    border-bottom: 1px solid #eee;
}

.myborderT {
    border-top: 1px solid #eee;
}

.templateClose {
    position: absolute;
    right: 10px;
    top: 2px;
    cursor: pointer;
}

.saveTemplate {
    display: inline-block;
    cursor: pointer;
    width: 88px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
}

.templateBoxBtn {
    display: inline-block;
    cursor: pointer;
    width: 88px;
    height: 36px;
    text-align: center;
    color: #00b88b;
    font-size: 14px;
    line-height: 36px;
}

.mytextarea {
    width: 100%;
    height: 160px;
    border: 1px solid #dfdfdf;
    padding: 8px 0;
    background: #fff;
    outline: none;
}

.templateTabList {
    border: 1px solid #dfdfdf;
    cursor: pointer;
    width: 302px;
    border-radius: 8px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}

.templateTabList li {
    width: 100px;
    height: 36px;
    float: left;
    line-height: 36px;
    text-align: center;
    border-right: 1px solid #dfdfdf;
}

.templateTabList li.current {
    color: #ff6600;
}


/*investment*/
.investmentAdvList li {
    width: 33.3%;
    height: auto;
    float: left;
    cursor: pointer;
}

.investmentInfoImg {
    text-align: center;
}

.investmentInfoImg img {
    width: 260px;
    height: 260px;
}

.investmentImgList {
    position: absolute;
}

.investmentImgList li {
    float: left;
    width: 300px;
    height: 375px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    margin-left: -1px;
    border-left: 1px solid #dfdfdf;
    padding-bottom: 10px;
    padding-top: 15px;
    background: #fff;
    position: relative;
    top: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s
}

.investmentImgListNone {
    margin: 10px 15px;
    display: none;
}

.investmentImgList li:hover {
    -webkit-transform: translateY(-0px);
    float: left;
    width: 300px;
    height: 400px;
    text-align: left;
    font-size: 16px;
    cursor: pointer;
    margin-left: -1px;
    border-left: none;
    padding-bottom: 0;
    padding-top: 0;
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
}

.investmentImgList li:hover .investmentImgListNone {
    display: block;
}

.investmentImgList li:hover .investmentImgListBlock {
    display: none;
}

.investmentImgListDot {
    display: inline-block;
    width: 156px;
    height: 156px;
    color: #fff;
    text-align: center;
    line-height: 156px;
    border-radius: 78px;
}

.slideBox {
    padding-bottom: 60px;
}

.slideBox .bd ul li {
    padding-top: 30px;
}

.slideBoxBlock {
    width: 283px;
    height: auto;
    float: left;
    padding: 30px 0;
    margin-bottom: 40px;
    margin-right: 20px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #00b88b;
    text-align: center;
}

.slideBoxBlockTip {
    position: absolute;
    left: 10px;
    top: -20px;
    z-index: 2;
    line-height: 56px;
    width: 262px;
    height: 50px;
    background: url(../../images/home/caseTipBg.png) no-repeat;
    color: #fff;
    font-size: 16px;
}

.slideBoxBlockHeadImg {
    display: inline-block;
    width: 170px;
    height: 170px;
    padding: 8px;
    border-radius: 93px;
}

.slideBoxBlockHeadImg img {
    width: 170px;
    height: 170px;
    border-radius: 85px;
}

.slideBox .prev {
    position: absolute;
    left: 50%;
    bottom: 15px;
    margin-left: -100px;
}

.slideBox .next {
    position: absolute;
    right: 50%;
    bottom: 15px;
    margin-right: -100px;
}

.slideBox .prev, .slideBox .next {
    color: #999;
}

.slideBox .prev:hover, .slideBox .next:hover {
    color: #00b88b;
}

.slideBoxBlockLevel {
    display: inline-block;
    width: 38%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 18px;
}


/*teamDetail*/
.teamDetailBox {
    width: 100%;
    height: auto;
    padding: 30px 0;
    background: #fff;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
}

.teamDetailLeft {
    width: 58%;
    height: auto;
}

.teamDetailRight {
    width: 42%;
    height: auto;
    border-left: 1px solid #eee;
    margin-left: -1px;
}

.teamDetailRightList li {
    width: 50%;
    height: auto;
    float: left;
    text-align: center;
    padding: 10px 0;
}

.teamDetailHeadImg {
    display: inline-block;
    width: 140px;
    height: 140px;
    padding: 8px;
    border-radius: 78px;
}

.teamDetailHeadImg img {
    width: 140px;
    height: 140px;
    border-radius: 70px;
}

.teamDetailLeft1 {
    width: 32%;
    height: auto;
}

.teamDetailLeft2 {
    width: 68%;
    height: auto;
}

.teamDetailQQBtn {
    display: inline-block;
    width: 156px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 18px;
}

.teamDetailQQBtn:hover, .teamDetailLevel:hover {
    color: #fff;
}

.teamDetailLevel {
    display: inline-block;
    width: 88px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 14px;
}

.expertBlock {
    display: inline-block;
    float: left;
    margin-left: 10px;
    background: #f5f5f5;
    color: #686868;
    padding: 3px 12px;
    line-height: 20px;
    border-radius: 15px;
}


/*ranking*/
.rankingBg {
    background: #020202;
}

.rankHeaderBlock {
    width: 100%;
    height: auto;
    background: #222;
}

.rankingBgBox {
    width: 100%;
    min-height: 960px;
    background: url(../../images/home/rankingBg.jpg) center top no-repeat;
}

.rankingMonth {
    width: 100px;
    height: 100px;
    background: url(../../images/home/monthBg.png) no-repeat;
    color: #3b0c17;
    font-size: 30px;
    line-height: 66px;
    text-align: center;
    font-weight: bold;
}

.rankingTitle {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -322px;
    animation: img-box-loop 5s ease infinite;
    -webkit-animation: img-box-loop 5s ease infinite;
    -moz-animation: img-box-loop 5s ease infinite;
    -o-animation: img-box-loop 5s ease infinite;
    -ms-animation: img-box-loop 5s ease infinite;
}

.rankingTxt {
    position: absolute;
    top: 250px;
    right: 13%;
    margin-left: -322px;
    animation: img-box-loop 5s ease infinite;
    -webkit-animation: img-box-loop 5s ease infinite;
    -moz-animation: img-box-loop 5s ease infinite;
    -o-animation: img-box-loop 5s ease infinite;
    -ms-animation: img-box-loop 5s ease infinite;
}

@-webkit-keyframes img-box-loop {
    0% {
        -webkit-transform: translate3d(0px, 0px, 0px)
    }
    50% {
        -webkit-transform: translate3d(0px, -9px, 0px)
    }
    100% {
        -webkit-transform: translate3d(0px, 0px, 0px)
    }
}

@-moz-keyframes img-box-loop {
    0% {
        -webkit-transform: translate3d(0px, 0px, 0px)
    }
    50% {
        -webkit-transform: translate3d(0px, -9px, 0px)
    }
    100% {
        -webkit-transform: translate3d(0px, 0px, 0px)
    }
}

@-o-keyframes img-box-loop {
    0% {
        -webkit-transform: translate3d(0px, 0px, 0px)
    }
    50% {
        -webkit-transform: translate3d(0px, -9px, 0px)
    }
    100% {
        -webkit-transform: translate3d(0px, 0px, 0px)
    }
}

@-ms-keyframes img-box-loop {
    0% {
        -webkit-transform: translate3d(0px, 0px, 0px)
    }
    50% {
        -webkit-transform: translate3d(0px, -9px, 0px)
    }
    100% {
        -webkit-transform: translate3d(0px, 0px, 0px)
    }
}

.rankingInfoTxt {
    width: 690px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 750px;
    margin-left: -300px;
}

.rankingInfoTxtLeft {
    float: left;
    width: 40px;
    padding: 0px 10px;
    border-right: 1px solid #fff;
    font-size: 20px;
    line-height: 24px;
    margin-left: -1px;
    color: #fff;
}

.rankingInfoTxtRight {
    float: left;
    margin-left: 10px;
    width: 620px;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
}

.rankinfoBox {
    width: 100%;
    height: 396px;
    background: url(../../images/home/rankingInfoBg.png) no-repeat;
    margin-top: 780px;
}

.rankinfoBoxList li {
    float: left;
    width: 25%;
    height: auto;
    text-align: center;
    color: #fff;
}

.rankingList {
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 8px;
}

.rankingListBlock {
    width: 33.3%;
    height: auto;
    float: left;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-left: -1px;
    position: relative;
}

.rankingListNum {
    position: absolute;
    right: 18px;
    top: 0;
    width: 58px;
    height: 69px;
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 56px;
    background: url(../../images/home/rankingListNumBg.png) no-repeat;
}

.rankingListHeadImg img {
    width: 56px;
    height: 56px;
    border: 3px solid #eee;
    border-radius: 30px;
}

.rankingListBlockList li {
    float: left;
    width: 33.3%;
    border-left: 1px solid #eee;
    margin-left: -1px;
    height: auto;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
}

.rankingListBlockList li:first-child {
    border-left: none;
    margin-left: 0px;
}

.rankingQQBtn {
    display: inline-block;
    width: 138px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 18px;
    background: #232323;
    background: -webkit-linear-gradient(-45deg, #232323, #858585);
    background: -o-linear-gradient(-45deg, #232323, #858585);
    background: -moz-linear-gradient(-45deg, #232323, #858585);
    background: linear-gradient(-45deg, #232323, #858585);
}

.rankingLevel {
    display: inline-block;
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 18px;
    background: #dcb154;
    background: -webkit-linear-gradient(-45deg, #dcb154, #f3d595);
    background: -o-linear-gradient(-45deg, #dcb154, #f3d595);
    background: -moz-linear-gradient(-45deg, #dcb154, #f3d595);
    background: linear-gradient(-45deg, #dcb154, #f3d595);
}

.rankingQQBtn:hover, .rankingLevel:hover {
    color: #fff;
}

.rankingListBlockLi {
    border-left: none !important;
    margin-left: 0px !important;
}

.rankingListBlockLis {
    border-left: none !important;
    margin-left: 0px !important;
    border-bottom: none !important;
}

.borderBottomNone {
    border-bottom: none !important;
}

.rankingListNo {
    width: 33.3%;
    height: auto;
}

.rankingListNoHeadImg {
    position: absolute;
    left: 50%;
    margin-left: -55px;
    top: 42px;
    z-index: 3;
}

.rankingListNoHeadImg img {
    width: 110px;
    height: 110px;
    border-radius: 55px;
}

.rankingListNoRankImg1 {
    position: absolute;
    left: 50%;
    z-index: 3;
    margin-left: -82px;
    top: 132px;
    width: 164px;
    height: 40px;
    color: #fff;
    background: url(../../images/home/rankingTip01.png) no-repeat;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
}

.rankingListNoRankImg2 {
    position: absolute;
    left: 50%;
    z-index: 3;
    margin-left: -82px;
    top: 132px;
    width: 164px;
    height: 40px;
    color: #fff;
    background: url(../../images/home/rankingTip02.png) no-repeat;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
}

.rankingListNoRankImg3 {
    position: absolute;
    left: 50%;
    z-index: 3;
    margin-left: -82px;
    top: 132px;
    width: 164px;
    height: 40px;
    color: #fff;
    background: url(../../images/home/rankingTip03.png) no-repeat;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
}

.rankingListNo1Bg {
    width: 100%;
    height: 46px;
    position: absolute;
    left: 0;
    top: -46px;
    border-radius: 8px 8px 0 0;
    z-index: 1;
    background: #fff;
}

.rankNo1Line1 {
    position: absolute;
    left: -6px;
    top: 0px;
    z-index: 2;
}

.rankNo1Line2 {
    position: absolute;
    right: -6px;
    top: 0px;
    z-index: 2;
}


/*cmsLogin*/
.cmsHeaderBox {
    width: 100%;
    height: 90px;
    background: #fff;
    position: relative;
    z-index: 1;
    box-shadow: 1px 1px 3px 3px rgba(178, 219, 250, 0.1);
}

.cmsContentBox {
    width: 100%;
    height: auto;
    padding: 100px 0;
    background: #f1f9ff;
}

.cmsContentLeft {
    width: 660px;
    height: auto;
}

.cmsContentRight {
    width: 450px;
    height: auto;
}

.cmsContentRightBox {
    width: 448px;
    height: auto;
    border: 1px solid #eee;
    background: #fff;
    padding: 10px 0;
    box-shadow: 1px 1px 3px 3px rgba(178, 219, 250, 0.1);
}

.cmsMyBtn {
    width: 100%;
    height: 48px;
    cursor: pointer;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border-radius: 8px;
}

.cmsLoginIcon {
    position: absolute;
    left: 8px;
    top: 13px;
    z-index: 1;
}

.cmsLoginIcons {
    position: absolute;
    right: 8px;
    top: 11px;
    z-index: 1;
}

.cmsLoginInput {
    display: inline-block;
    width: 100%;
    height: 40px;
    border: 1px solid #eee;
    font-size: 14px;
    text-indent: 30px;
    line-height: 42px;
}

.cmsLoginValidate {
    display: inline-block;
    cursor: pointer;
    width: 100%;
    height: 40px;
    border: 1px solid #eee;
    background: #f5f5f5;
    font-size: 14px;
    text-indent: 30px;
    line-height: 42px;
}

.mytoastShadow {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(108, 108, 108, 0.7);
    z-index: 30;
    display: none;
}

.cmsRegYzm {
    display: inline-block;
    width: 60%;
    height: 40px;
    border: 1px solid #eee;
    font-size: 14px;
    text-indent: 30px;
    line-height: 42px;
}

.getAuthCodeBtn {
    display: inline-block;
    cursor: pointer;
    width: 36%;
    height: 42px;
    font-size: 14px;
    color: #fff;
    background: #00b88b;
    text-align: center;
    line-height: 42px;
}


/*about*/
.aboutBanner {
    width: 100%;
    height: 400px;
    background: url(../../images/home/aboutBanner.jpg) center top no-repeat;
}

.aboutLeftBox {
    width: 238px;
    height: auto;
    min-height: 600px;
    border: 1px solid #eee;
    background: #fff;
}

.aboutLeftList li {
    font-size: 18px;
    height: 52px;
    line-height: 52px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.aboutLeftList li:hover {
    color: #00b88b;
}

.aboutLeftList li.current {
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
    color: #fff;
}

.aboutLeftListArrow {
    position: absolute;
    right: -20px;
    top: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 26px solid transparent;
    border-left: 20px solid #00b88b;
    border-bottom: 26px solid transparent;
}

.aboutRightBox {
    width: 918px;
    height: auto;
    border: 1px solid #eee;
    background: #fff;
    min-height: 600px;
    font-size: 14px;
    line-height: 28px;
}

.aboutRightBox img {
    max-width: 878px;
    height: auto;
}

.aboutSpanTxt {
    display: inline-block;
    width: 25%;
    float: left;
    font-size: 14px;
    line-height: 30px;
}


/*platform*/
.platformBanner {
    width: 100%;
    height: 400px;
    background: url(../../images/home/platformBanner.jpg) center top no-repeat;
}

.platformBox {
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #eee;
    padding: 10px 0;
}

.platformBoxLeft {
    width: 55%;
    height: auto;
}

.platformBoxRight {
    width: 40%;
    height: auto;
}

.platformBoxRightBtn {
    display: inline-block;
    width: 56%;
    height: 52px;
    border-radius: 26px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 52px;
}

.platformBoxLeftTitle {
    font-size: 16px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
}

.platformBoxLeftList li {
    font-size: 14px;
    line-height: 42px;
}

.platformMenuBox {
    width: 100%;
    height: 520px;
}

.platformBoxList {
    position: absolute;
    width: 1200px;
}

.platformBoxList li {
    float: left;
    width: 283px;
    height: 230px;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #eee;
    margin-bottom: 20px;
    margin-right: 20px;
    background: #fff;
    position: relative;
    top: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
}

.platformBoxListNone {
    display: none;
}

.platformBoxList li:hover {
    -webkit-transform: translateY(-10px);
    float: left;
    width: 283px;
    height: 230px;
    font-size: 16px;
    cursor: pointer;
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
}

.platformBoxList li:hover .platformBoxListNone {
    display: block;
}

.platformBoxList li:hover .platformBoxListBlock {
    display: none;
}

.platformHeaderBoxLeft {
    width: 260px;
    height: auto;
}

.platformHeaderBoxRight {
    width: 900px;
    height: auto;
}

.myborderBDash {
    border-bottom: 1px dashed #eee;
}

.api_table {
    margin-top: 10px;
    width: 100%;
    text-indent: 15px;
    text-align: left;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 12px;
    line-height: 36px;
    border: 1px solid #eee;
}

.api_table tr.title {
    background: #fbfbfb;
    font-size: 14px;
    line-height: 42px
}

.prediv pre {
    padding: 20px 0 10px 20px;
    margin: 10px 0;
    border: 1px solid #eee;
    background: #f5f5f5;
    border-radius: 4px;
    color: #686868;
    white-space: pre;
    line-height: 16px;
    display: block;
    overflow: hidden;
    font-family: Georgia, "Times New Roman", Times, serif, Menlo, Monaco, Consolas, "Courier New", monospace;
}

.platformTabList {
    position: absolute;
    left: 0;
    width: 100%;
    height: 52px;
    line-height: 52px;
    font-size: 18px;
    top: -51px;
    z-index: 1;
}

.platformTabList li {
    text-align: center;
    width: 33%;
    cursor: pointer;
    float: left;
    position: relative;
}

.platformTabList li.current {
    color: #fff;
    width: 34%;
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
    color: #fff;
}

.platformListArrow {
    position: absolute;
    left: 50%;
    margin-left: -5px;
    top: 52px;
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 10px solid #12c77d;
}

/*login*/
.loginContentBox {
    width: 100%;
    height: auto;
    padding: 100px 0 180px 0;
    background: #eef2f6;
}

.loginBottomBg {
    width: 100%;
    height: 400px;
    background: url(../../images/home/loginBottomBg.png) center top no-repeat;
    margin-top: -200px;
    position: relative;
    z-index: 1;
}

.loginBottomTxt {
    margin-top: -150px;
    position: relative;
    z-index: 2;
}

/*enter*/
.enterBanner {
    width: 100%;
    height: 450px;
    background: url(../../images/home/enterBanner.jpg) center top no-repeat;
}

.enterBannerBox {
    width: 1200px;
    height: 450px;
    position: relative;
}

.enterTypeBox {
    position: absolute;
    left: 0;
    bottom: 30px;
    z-index: 1;
}

.enterTypeBlock {
    width: 188px;
    height: 115px;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #fff;
    float: left;
    margin-right: 16px;
}

.enterTypeBlockTitle {
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 48px;
}

.enterTypeBlockTxt {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}

.enterTypeBlock:hover {
    border: 1px solid #ff6600;
    background: #ff6600;
    background: -webkit-linear-gradient(-45deg, #ff6600, #ffa664);
    background: -o-linear-gradient(-45deg, #ff6600, #ffa664);
    background: -moz-linear-gradient(-45deg, #ff6600, #ffa664);
    background: linear-gradient(-45deg, #ff6600, #ffa664);
}

.enterInfoImg {
    text-align: center;
}

.enterInfoImg img {
    width: 300px;
    height: 260px;
}

.enterShowBox {
    width: 100%;
    height: 370px;
}

.enterShowBoxList li {
    float: left;
    width: 382px;
    height: 303px;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #eee;
    margin-bottom: 20px;
    margin-right: 24px;
    background: #fff;
    position: relative;
    top: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
}

.enterShowBoxListNone {
    display: none;
}

.enterShowBoxList li:hover {
    -webkit-transform: translateY(-10px);
    float: left;
    width: 382px;
    height: 303px;
    font-size: 16px;
    cursor: pointer;
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
}

.enterShowBoxList li:hover .enterShowBoxListNone {
    display: block;
}

.enterShowBoxList li:hover .enterShowBoxListBlock {
    display: none;
}

.enterIndexBtn {
    display: inline-block;
    width: 50%;
    font-size: 14px;
    text-align: center;
    height: 36px;
    line-height: 38px;
    border: 1px solid #fff;
    color: #fff;
}

.enterFormBanner {
    width: 100%;
    height: 300px;
    background: url(../../images/home/enterFormBanner.jpg) center top no-repeat;
}

.enterFormTip {
    display: inline-block;
    width: 100%;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    background: #fff2e7;
    color: #ff6600;
}

.enterFormLine {
    display: inline-block;
    width: 3px;
    height: 20px;
    margin-top: 2px;
}

.enterFormBlockTxt {
    width: 200px;
    height: auto;
    text-align: right;
    font-size: 18px;
    line-height: 48px;
}

.enterFormBlockBox {
    width: 690px;
    height: auto;
}

.enterFormTextarea {
    display: inline-block;
    width: 688px;
    height: 80px;
    font-size: 14px;
    text-indent: 10px;
    border: 1px solid #eee;
    padding: 8px 0;
    background: #fff;
    outline: none;
}

.enterFormInput {
    display: inline-block;
    width: 688px;
    height: 46px;
    line-height: 48px;
    border: 1px solid #eee;
    font-size: 14px;
    text-indent: 10px;
    outline: none;
}

.enterFormYzmInput {
    display: inline-block;
    width: 188px;
    height: 46px;
    line-height: 48px;
    border: 1px solid #eee;
    font-size: 14px;
    text-indent: 10px;
    outline: none;
}

.enterFormBlockBtn {
    display: inline-block;
    width: 280px;
    color: #fff;
    height: 48px;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    cursor: pointer;
    border: none;
    outline: none;
}

.enterFormUploadBtn {
    display: inline-block;
    width: 138px;
    height: 46px;
    border: 1px solid #eee;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    cursor: pointer;
}

.enterFormIdBox {
    display: inline-block;
    width: 122px;
    height: auto;
    border: 1px solid #eee;
    padding: 8px;
}

.detectionBtn {
    display: inline-block;
    width: 200px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    outline: none;
    border: none;
}

.enterFormTypeLi {
    display: inline-block;
    float: left;
    margin-right: 20px;
    width: 100px;
    height: 36px;
    cursor: pointer;
    margin-bottom: 20px;
    border: 1px solid #eee;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
}

.enterFormTypeLiCurrent {
    color: #ff6600;
    border: 1px solid #ff6600;
}

.areaSelectBox {
    display: inline-block;
    width: 138px;
    border: 1px solid #eee;
    height: 46px;
    line-height: 48px;
    font-size: 14px;
    float: left;
    margin-right: 20px;
    outline: none;
    color: #686868;
}

.enterFormUploadImg {
    width: 100px;
    height: 100px;
    padding: 8px;
    border: 1px solid #eee;
    cursor: pointer;
}

.enterFormUploadImg img {
    width: 100px;
    height: 100px;
}

.enterFormImgShadow {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(108, 108, 108, 0.7);
    z-index: 30;
}

.enterFormImgBox {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -500px;
    margin-top: -280px;
    width: 1000px;
    height: 560px;
    background: #fff;
    z-index: 33;
}

.enterFormImgBoxClose {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

.enterFormShowImg img {
    max-height: 420px;
    width: auto;
}

.enterFormsBanner {
    width: 100%;
    height: 300px;
    background: url(../../images/home/enterFormsBanner.jpg) center top no-repeat;
}

/*thinking*/
.thinkingBanner {
    width: 100%;
    height: 400px;
    background: url(../../images/home/thinkingBanner.jpg) center top no-repeat;
}

.thinkingMenuBox {
    width: 100%;
    height: 880px;
}

.thinkingBoxList {
    position: absolute;
    width: 1200px;
}

.thinkingBoxList li {
    float: left;
    width: 382px;
    height: 260px;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #eee;
    margin-bottom: 20px;
    margin-right: 24px;
    background: #fff;
    position: relative;
    top: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
}

.thinkingBoxListNone {
    display: none;
}

.thinkingBoxList li:hover {
    -webkit-transform: translateY(-10px);
    float: left;
    width: 382px;
    height: 260px;
    font-size: 16px;
    cursor: pointer;
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
}

.thinkingBoxList li:hover .thinkingBoxListNone {
    display: block;
}

.thinkingBoxList li:hover .thinkingBoxListBlock {
    display: none;
}


/*feedback*/
.feedbackBanner {
    width: 100%;
    height: 400px;
    background: url(../../images/home/feedbackBanner.jpg) center top no-repeat;
}

.feedbackBox {
    width: 100%;
    height: auto;
    border: 1px solid #eee;
    background: #fff;
}

.feedbackBtn {
    display: inline-block;
    width: 250px;
    height: 48px;
    text-align: center;
    color: #fff;
    line-height: 48px;
    font-size: 16px;
}


/*cmsMember*/
.cmsMemberHeadimg img {
    width: 142px;
    height: 142px;
    border-radius: 71px;
    cursor: pointer;
}

.cmsMemberBtn {
    display: inline-block;
    width: 120px;
    font-size: 14px;
    cursor: pointer;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    border-radius: 18px;
}

.cmsMemberRightBox {
    width: 920px;
    height: auto;
}

.cmsMemberTipBlock {
    display: inline-block;
    width: 100px;
    text-align: center;
    line-height: 36px;
    height: 36px;
    border-radius: 18px;
    color: #fff;
    font-size: 16px;
}

.cmsMemberBlockBox {
    width: 420px;
    height: auto;
}

.cmsMemberInput {
    display: inline-block;
    width: 388px;
    height: 46px;
    line-height: 48px;
    border: 1px solid #eee;
    font-size: 14px;
    text-indent: 10px;
    outline: none;
}


/*marketing*/
.marketingBlock {
    width: 278px;
    height: 422px;
    cursor: pointer;
    background: #fff;
    border: 6px solid #eee;
    padding: 20px;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
    float: left;
    margin-left: 180px;
}

.marketingBlock:hover {
    border: 6px solid #00b88b;
}

.marketingInfoBlock {
    width: 330px;
    height: 48px;
    line-height: 48px;
    float: left;
    margin-left: 180px;
    font-size: 16px;
}

/*help*/
.helpBanner {
    width: 100%;
    height: 300px;
    background: url(../../images/home/helpBanner.jpg) center top no-repeat;
}

.helpMenuList li {
    width: 200px;
    height: 48px;
    cursor: pointer;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    float: left;
}

.helpMenuList li.current {
    color: #fff;
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
}

.helpQuestionList li {
    width: 198px;
    height: 200px;
    padding: 20px 0px;
    background: #fff;
    border: 1px solid #eee;
    float: left;
    position: relative;
}

.helpQuestionList li:hover {
    color: #ff6600;
    border: 1px solid #ff6600;
    cursor: pointer;
}

.helpMenuBoxList li {
    float: left;
    width: 398px;
    height: 128px;
    padding: 15px 0;
    font-size: 16px;
    cursor: pointer;
    margin-left: -1px;
    border: 1px solid #eee;
    background: #fff;
}

.helpMenuBoxListNone {
    display: none;
}

.helpMenuBoxList li:hover {
    float: left;
    width: 400px;
    height: 128px;
    padding: 15px 0;
    font-size: 16px;
    border: none;
    cursor: pointer;
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
}

.helpMenuBoxList li:hover .helpMenuBoxListNone {
    display: block;
}

.helpMenuBoxList li:hover .helpMenuBoxListBlock {
    display: none;
}

.helpMenuBoxListLeft {
    width: 110px;
    height: auto;
}

.helpMenuBoxListRight {
    width: 228px;
    height: auto;
}

.helpMenuBoxListLeftBlock {
    display: inline-block;
    width: 100px;
    height: 100px;
    font-size: 40px;
    text-align: center;
    line-height: 100px;
    border: 4px solid #00b88b;
    border-radius: 50%;
    color: #00b88b;
}

.helpMenuBoxListLeftBlocks {
    display: inline-block;
    width: 100px;
    height: 100px;
    font-size: 40px;
    text-align: center;
    line-height: 100px;
    border: 4px solid #fff;
    border-radius: 50%;
    color: #fff;
}

.borderTopNone {
    border-top: none !important;
}

.questionLeftShow {
    cursor: pointer;
}

.questionLeftBoxList {
    display: none;
}

.questionLeftBoxList li {
    font-size: 16px;
    line-height: 50px;
    text-indent: 30px;
    color: #999;
}

.questionLeftBoxList li.current {
    color: #00b88b;
}

.questionList li {
    border-bottom: 1px solid #eee;
    padding: 6px 10px;
    cursor: pointer;
}

.questionList li:hover {
    background: #f5f5f5;
}

.helpSearchBox {
    position: absolute;
    right: 0;
    top: 4px;
    z-index: 1;
}

.helpSearchBoxInput {
    display: inline-block;
    width: 180px;
    height: 38px;
    line-height: 40px;
    border: 1px solid #eee;
    background: #f9f9f9;
    text-indent: 28px;
    font-size: 14px;
}

.helpSearchBoxBtn {
    display: inline-block;
    width: 88px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    border: none;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.helpSearchBoxIcon {
    position: absolute;
    left: 8px;
    top: 12px;
    z-index: 1;
}

/*doyen*/
.doyenBanner {
    width: 100%;
    height: 400px;
    background: url(../../images/home/doyenBanner.jpg) center top no-repeat;
}

.doyenBlock {
    width: 590px;
    height: auto;
    cursor: pointer;
    border: 1px solid #eee;
    background: #fff;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
}

.doyenBlockHeadimg img {
    width: 48px;
    height: 48px;
    border-radius: 24px;
}

.doyenBoxList li {
    width: 382px;
    height: 444px;
    float: left;
    cursor: pointer;
    background: #fff;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
    border: 1px solid #eee;
    margin-bottom: 24px;
    margin-right: 24px;
}

.doyenBoxListImg {
    display: inline-block;
    width: 23%;
    height: 80px;
    float: left;
    margin-right: 2.66%;
    overflow: hidden;
}

.doyenDetailLeft {
    width: 698px;
    height: auto;
    border: 1px solid #eee;
    background: #fff;
}

.doyenDetailLeft img {
    max-width: 640px;
    height: auto;
}

.doyenDetailRight {
    width: 460px;
    height: auto;
}

.doyenDetailBox {
    width: 518px;
    height: auto;
    cursor: pointer;
    padding: 10px;
    border: 1px solid #eee;
    background: #fff;
    margin-left: 49px;
}

.doyenDetailBoxImg {
    width: 120px;
    height: 120px;
}

.doyenDetailBoxImg img {
    width: 120px;
    height: 120px;
}

.doyenDetailBoxSpan {
    display: inline-block;
    width: 24%;
    float: left;
    border-right: 1px solid #eee;
    text-align: center;
    line-height: 24px;
}

.doyenDetailBoxInfo {
    width: 358px;
    height: auto;
}

.doyenDetailBoxInfoSpan {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #ff6600;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
}

.doyenDetailBoxInfoMoney {
    display: inline-block;
    width: 50px;
    height: 18px;
    border: 1px solid #ff6600;
    text-align: center;
    line-height: 18px;
    color: #ff6600;
}

.doyenDetailHeadimg img {
    width: 72px;
    height: 72px;
    border-radius: 36px;
    cursor: pointer;
}

.doyenDetailTip {
    display: inline-block;
    height: 24px;
    width: 80px;
    line-height: 24px;
    text-align: center;
    border-radius: 6px;
    color: #fff;
}

.doyenDetailRightSpan {
    display: inline-block;
    font-size: 14px;
    float: left;
    margin-right: 12px;
    padding: 5px 8px;
    border: 1px solid #eee;
    border-radius: 20px;
}

.doyenDetailRightSpans {
    display: inline-block;
    font-size: 14px;
    float: left;
    margin-right: 12px;
    padding: 5px 8px;
    border: 1px solid #ff6600;
    color: #ff6600;
    border-radius: 20px;
}

.doyenDetailRightList li {
    margin-bottom: 36px;
}

.doyenDetailRightListImg {
    width: 80px;
    height: 80px;
}

.doyenDetailRightListImg img {
    width: 80px;
    height: 80px;
    border-radius: 8px;
}

.doyenDetailRightListBox {
    width: 320px;
    height: auto;
}

.doyenDetailRightBox {
    width: 398px;
    height: auto;
    cursor: pointer;
    padding: 10px;
    border: 1px solid #eee;
    background: #fff;
}

.doyenDetailRightBoxInfo {
    width: 258px;
    height: auto;
}

.doyenDetailRightBtnBox {
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
    width: 100%;
    padding: 8px 0;
    background: #ff6600;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.doyenDetailRightBox:hover .doyenDetailRightBtnBox {
    display: block;
}

.doyenDetailRightInfoBox {
    position: absolute;
    left: -350px;
    top: -150px;
    background: rgba(33, 33, 33, 0.8);
    width: 300px;
    height: auto;
    padding: 10px;
    border-radius: 8px;
    z-index: 10;
    word-wrap: break-word;
}

.doyenTriangle_border_ups {
    position: absolute;
    right: -12px;
    top: 260px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 12px solid rgba(33, 33, 33, 0.8);
    border-bottom: 12px solid transparent;
}

.doyenBlockTitle {
    width: 508px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.doyenBoxListBlockImg {
    width: 382px;
    height: 160px;
    overflow: hidden;
}

.doyenBoxListBlockImg img {
    max-width: 382px;
}

.doyenClassifyList li {
    float: left;
    cursor: pointer;
    width: 214px;
    height: 42px;
    line-height: 42px;
    margin-right: 30px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #eee;
    background: #fff;
}

.doyenClassifyList li.current {
    font-weight: bold;
    border: 1px solid #00b88b;
    background: #00b88b;
    color: #fff;
}

/*buying*/
.buyingBanner {
    width: 100%;
    height: 400px;
    background: url(../../images/home/buyingBanner.jpg) center top no-repeat;
}

.buyingGoodBlock {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    cursor: pointer;
    width: 583px;
    height: 258px;
    border: 1px solid #eee;
    background: #fff;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
}

.buyingGoodBlock:hover {
    border: 1px solid #f1d290;
}

.buyingGoodBlockImg img {
    width: 228px;
    height: 228px;
}

.buyingGoodBlockInfo {
    width: 305px;
    height: auto;
}

.goodBoxBlockTitle {
    font-size: 14px;
    line-height: 28px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.buyingGoodBlockInfoList li {
    width: 33.3%;
    height: auto;
    float: left;
}

.buyingGoodBlockInfoBlock {
    display: inline-block;
    width: 203px;
    height: 34px;
    line-height: 36px;
    border: 1px solid #f3d595;
    text-indent: 10px;
}

.buyingGoodBlockInfoBtn {
    display: inline-block;
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #dcb154;
    background: -webkit-linear-gradient(-45deg, #dcb154, #f3d595);
    background: -o-linear-gradient(-45deg, #dcb154, #f3d595);
    background: -moz-linear-gradient(-45deg, #dcb154, #f3d595);
    background: linear-gradient(-45deg, #dcb154, #f3d595);
}

.buyingMenuBox {
    margin-top: -50px;
}

.buyingMenuList {
    width: 100%;
    height: 80px;
    background: #fff;
    border: 1px solid #f9f9f9;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
}

.buyingMenuList li {
    width: 20%;
    text-align: center;
    line-height: 80px;
    cursor: pointer;
    float: left;
    font-size: 16px;
    position: relative;
}

.buyingMenuList li.current {
    background: #1b1b1b;
    color: #fff;
}

.buyingMenuListSpan {
    display: inline-block;
    width: 70px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    border-radius: 12px;
    text-align: center;
    background: #eee;
    color: #999;
}

.buyingMenuList li.current .buyingMenuListSpan {
    display: inline-block;
    width: 70px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    border-radius: 12px;
    text-align: center;
    background: #fff;
    color: #999;
}

.buyingMenuListArrow {
    position: absolute;
    left: 50%;
    margin-left: -17px;
    top: 80px;
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 10px solid #1b1b1b;
}

.buyingMenuListCurrent {
    display: inline-block;
    width: 49%;
    float: left;
}

/*listing*/
.listingBanner {
    width: 100%;
    height: 400px;
    background: url(../../images/home/listingBanner.jpg) center top no-repeat;
}

.listMenuBox {
    margin-top: -230px;
    width: 100%;
    height: 108px;
    background: url(../../images/home/listingMenuBg.png) no-repeat;
}

.listMenuList {
    width: 1200px;
}

.listMenuList li {
    width: 300px;
    height: 108px;
    float: left;
    color: #ff6600;
    text-align: center;
    cursor: pointer;
}

.listMenuList li.current {
    background: url(../../images/home/listingLiCurrent.png) no-repeat;
    width: 300px;
    height: 108px;
    color: #fff;
}

.listingMargin {
    margin: -60px 10% 80px 10%;
}

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

.listingGoodLeftBox {
    width: 81%;
    height: auto;
}

.listingGoodRightBox {
    width: 19%;
    height: auto;
}

.listGoodBlock {
    float: left;
    position: relative;
    cursor: pointer;
    padding-bottom: 10px;
    margin-bottom: 30px;
    margin-right: 2%;
    width: 22.5%;
    height: auto;
    background: #fff;
    border: 1px solid #eee;
    margin-left: -2px;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
}

.listGoodBlockImg img {
    width: 100%;
    height: auto;
}

.listGoodTipIcon {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 36px;
    height: 43px;
    background: url(../../images/home/listingTipBg.png) no-repeat;
    text-align: center;
    color: #fff;
}

.listGoodTipBlock {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    width: 46%;
    border-radius: 15px 0px 0px 15px;
    height: 30px;
    line-height: 30px;
    background: #ff6600;
    color: #fff;
    text-align: center;
}

.listGoodTipBlocks {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 38%;
    border-radius: 0px 15px 15px 0px;
    height: 30px;
    line-height: 30px;
    background: #dcaa43;
    color: #fff;
    text-align: center;
}

.listGoodBlockTitle {
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.listGoodBlockInfo {
    width: 100%;
    height: 42px;
    line-height: 42px;
    background: #f7fbff;
    font-size: 16px;
    text-align: center;
    border-top: 1px dashed #c7e1ff;
    border-bottom: 1px dashed #c7e1ff;
}

.listGoodBlockBar {
    width: 100%;
    height: 3px;
    background: #eee;
    position: relative;
}

.listGoodBlockBarDone {
    position: absolute;
    left: 0;
    top: 0;
    height: 3px;
    width: 30%;
    background: #ff6600;
}

.listGoodBlockBarDones {
    position: absolute;
    left: 0;
    top: 0;
    height: 3px;
    width: 30%;
    background: #dcaa43;
}

.listGoodBlockHalf {
    width: 33.3%;
    height: auto;
    float: left;
    text-align: center;
    border-right: 1px solid #eee;
    margin-left: -1px;
}

.listGoodBlockBtnBox {
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
    width: 100%;
    padding: 10px 0;
    background: #ff6600;
}

.listGoodBlockBtn {
    display: inline-block;
    width: 50%;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.listGoodBlockBtn:hover {
    color: #fff;
}

.listGoodMoreInfo {
    display: none;
    position: absolute;
    left: -1px;
    bottom: -85px;
    width: 100%;
    height: 90px;
    z-index: 5;
    background: #fff;
}

.listGoodBlock:hover {
    border: 1px solid #ff6600
}

.listGoodBlock:hover .listGoodBlockBtnBox, .listGoodBlock:hover .listGoodMoreInfo {
    display: block;
}

.listGoodBlock:hover .listGoodMoreInfo {
    border: 1px solid #ff6600;
    border-top: none;
}

.listGoodInfoBox {
    position: absolute;
    right: -336px;
    top: 0px;
    background: rgba(33, 33, 33, 0.8);
    width: 300px;
    height: auto;
    padding: 10px;
    border-radius: 8px;
    z-index: 10;
    word-wrap: break-word;
}

.listGoodInfoBoxs {
    position: absolute;
    left: -336px;
    top: 0px;
    background: rgba(33, 33, 33, 0.8);
    width: 300px;
    height: auto;
    padding: 10px;
    border-radius: 8px;
    z-index: 10;
    word-wrap: break-word;
}

.listGoodTriangle_border_up {
    position: absolute;
    left: -10px;
    top: 254px;
    width: 0;
    height: 0;
    border-width: 10px 10px 10px 0;
    border-style: solid;
    border-color: transparent rgba(33, 33, 33, 0.8) transparent;
}

.listGoodTriangle_border_ups {
    position: absolute;
    right: -10px;
    top: 254px;
    width: 0;
    height: 0;
    border-width: 10px 0 10px 10px;
    border-style: solid;
    border-color: transparent rgba(33, 33, 33, 0.8) transparent;
}

.listGoodMoreInfoLine {
    border-top: 1px dashed #eee;
}

.listGoodBoxInfoSpan {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #dcaa43;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
}

.listGoodInfoMoney {
    display: inline-block;
    width: 38px;
    height: 18px;
    border: 1px solid #dcaa43;
    text-align: center;
    line-height: 18px;
    color: #dcaa43;
}

.listGoodInfoMoneys {
    display: inline-block;
    width: 38px;
    height: 18px;
    border: 1px solid #ff6600;
    text-align: center;
    line-height: 18px;
    color: #ff6600;
}


/*subjectInfo*/
.subjectInfoBanner {
    width: 100%;
    height: 800px;
    background: url(../../images/home/subjectInfoBanner.jpg) center top no-repeat;
}

.subjectInfoMenuBlock {
    width: 25%;
    height: auto;
    float: left;
}

.subjectInfoAdv {
    width: 100%;
    height: 450px;
}

.subjectInfoList {
    position: absolute;
}

.subjectInfoList li {
    float: left;
    width: 290px;
    height: 355px;
    text-align: center;
    font-size: 16px;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
    cursor: pointer;
    border-left: 1px solid #dfdfdf;
    margin-right: 10px;
    padding-bottom: 10px;
    border: 1px solid #eee;
    padding-top: 15px;
    background: #fff;
    position: relative;
    top: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
}

.subjectInfoListNone {
    margin: 10px 25px;
    display: none;
}

.subjectInfoList li:hover {
    -webkit-transform: translateY(-0px);
    float: left;
    width: 292px;
    height: 382px;
    text-align: left;
    font-size: 16px;
    cursor: pointer;
    margin-right: 10px;
    border-left: none;
    padding-bottom: 0;
    padding-top: 0;
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
}

.subjectInfoList li:hover .subjectInfoListNone {
    display: block;
}

.subjectInfoList li:hover .subjectInfoListBlock {
    display: none;
}

.subjectInfoListBtn {
    display: inline-block;
    width: 140px;
    height: 38px;
    line-height: 40px;
    border: 1px solid #00b88b;
    color: #00b88b;
    text-align: center;
    font-size: 16px;
}

.subjectInfoListNoneBtn {
    display: inline-block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: #00b88b;
    text-align: center;
    font-size: 16px;
}

.subjectInfoWayList li {
    width: 33.3%;
    height: auto;
    float: left;
    cursor: pointer;
}

.subjectInfoWayList li:hover {
    color: #00b88b;
}

.subjectInfoWayListBlock {
    display: inline-block;
    width: 116px;
    height: 116px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    line-height: 116px;
}

.subjectInfoResList li {
    width: 360px;
    height: auto;
    float: left;
    margin-right: 60px;
    margin-bottom: 40px;
}

.subjectInfoResListLeft {
    width: 80px;
    height: auto;
    float: left;
}

.subjectInfoResListRight {
    width: 280px;
    height: auto;
    float: left;
}

.subjectInfoBox {
    width: 585px;
    height: 420px;
}

.subjectInfoBoxBtn {
    display: inline-block;
    width: 160px;
    height: 40px;
    text-align: center;
    line-height: 42px;
    font-size: 16px;
    border: 1px solid #fff;
    color: #fff;
}

.subjectInfoBoxBtn:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #00b88b;
}

.subjectInfoBottomBox {
    width: 100%;
    height: 380px;
    background: url(../../images/home/subjectInfoBottomBg.jpg) center top no-repeat;
}

.subjectInfoBottomBoxBtn {
    display: inline-block;
    width: 360px;
    height: 46px;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    font-weight: bold;
    border: 2px solid #fff;
    color: #fff;
}

.subjectInfoBottomBoxBtn:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #00b88b;
}

.subjectInfoBoxs {
    width: 100%;
    height: 420px;
    position: relative;
}

.subjectInfoBoxsList li {
    width: 583px;
    height: 420px;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #eee;
    background: #fff;
}

.subjectInfoBoxsListNone {
    display: none;
    width: 585px;
    height: 460px;
}

.subjectInfoBoxsList li:hover .subjectInfoBoxsListNone {
    display: block;
}

.subjectInfoBoxsList li:hover .subjectInfoBoxsListBlock {
    display: none;
}

.subjectInfoBannerBox {
    width: 692px;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -346px;
    top: 216px;
}

.subjectInfoBannerBtn {
    display: inline-block;
    float: left;
    border: 2px solid #fff;
    font-size: 18px;
    height: 42px;
    line-height: 44px;
    width: 200px;
    text-align: center;
    margin-right: 40px;
    color: #fff;
}

.subjectInfoBannerBtn:hover {
    background: #fff;
    color: #ff6600;
}

.subjectInfoBannerEwm {
    position: absolute;
    left: -2px;
    top: 54px;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
    display: none;
}

.subjectInfoBannerEwm img {
    width: 204px;
    height: 204px;
}

#subjectInfoBannerBtnShow:hover .subjectInfoBannerEwm {
    display: block;
}


/*voucher*/
.voucherBanner {
    width: 100%;
    height: 400px;
    background: url(../../images/home/voucherBanner.jpg) center top no-repeat;
}

.voucherGoodBlock {
    float: left;
    position: relative;
    cursor: pointer;
    padding-bottom: 10px;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 283px;
    height: auto;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
}

.voucherBlockImg img {
    width: 263px;
    height: 263px;
}

.voucherGoodBlock:hover {
    border: 1px solid #ff6600
}

.voucherGoodMoreInfo {
    display: none;
    position: absolute;
    left: -1px;
    bottom: -85px;
    width: 100%;
    height: 92px;
    z-index: 5;
    background: #fff;
}

.voucherGoodBlock:hover .goodBlockBtnBox, .voucherGoodBlock:hover .voucherGoodMoreInfo {
    display: block;
}

.voucherGoodBlock:hover .voucherGoodMoreInfo {
    border: 1px solid #ff6600;
    border-top: none;
}

.voucherGoodBlockQuanNone {
    display: inline-block;
    width: 60px;
    height: 24px;
    line-height: 24px;
    margin-left: -1px;
    margin-top: 11px;
    color: #00b88b;
    border: 1px solid #00b88b;
    border-left: none;
    text-align: center;
    font-size: 14px;
}

.voucherGoodBlockQuanNones {
    display: inline-block;
    width: 60px;
    height: 24px;
    line-height: 24px;
    margin-left: -1px;
    margin-top: 11px;
    color: #ff6600;
    border: 1px solid #ff6600;
    border-left: none;
    text-align: center;
    font-size: 14px;
}

.cursorBtn {
    cursor: pointer;
}

.errorHeader {
    width: 100%;
    height: 80px;
    margin: 0 auto;
}

.errorContent {
    width: 1000px;
    height: auto;
    margin: 0 auto;
}

.errorBoxBtn {
    display: inline-block;
    width: 220px;
    height: 48px;
    font-size: 18px;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
    color: #fff;
}

/*brand*/
.barndBannerBg {
    width: 100%;
    height: 400px;
    background: url(../../images/home/brandBannerBg.jpg) center top no-repeat;
}

.barndBannerBox {
    position: relative;
    top: 30px;
    width: 1180px;
    height: 360px;
    padding: 10px;
    background: #fff;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.2);
}

.brandAreaBoxLeftLine {
    position: absolute;
    left: 0;
    top: 21px;
    border-top: 2px solid #ddd;
    width: 420px;
}

.brandAreaBoxRightLine {
    position: absolute;
    right: 0;
    top: 21px;
    border-top: 2px solid #ddd;
    width: 420px;
}

.recBrandList li {
    float: left;
    cursor: pointer;
    width: 280px;
    height: 390px;
    border: 1px solid #eee;
    margin-right: 24px;
    background: #fff;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
}

.recBrandListImg img {
    width: 280px;
    height: 280px;
}

.brandRecList li {
    float: left;
    cursor: pointer;
    width: 586px;
    height: 320px;
    border: 1px solid #eee;
    margin-right: 24px;
    margin-bottom: 24px;
    background: #fff;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
}

.brandRecListImg img {
    width: 586px;
    height: 272px;
}

.brandTip {
    position: absolute;
    left: 0;
    top: 0;
    width: 41px;
    height: 43px;
    z-index: 3;
}

.brandTip img {
    width: 41px !important;
    height: 43px !important;
}

.brandRecListInfo {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-indent: 10px;
    background: rgba(66, 66, 66, 0.7);
    color: #fff;
}

.brandRecListImg:hover .brandRecListInfo {
    display: block;
}

.brandTitleBox {
    font-size: 16px;
    line-height: 48px;
    width: 100%;
    border-bottom: 2px solid #ddd;
}

.brandMoreBtn {
    display: inline-block;
    width: 250px;
    height: 40px;
    line-height: 40px;
    margin-top: -1px;
    border-radius: 0px 0px 8px 8px;
    background: #ff6600;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.classifyBox {
    position: fixed;
    left: 50%;
    margin-left: -650px;
    bottom: 15%;
    z-index: 9;
    width: 40px;
    display: none;
}

.classifyBoxBtn {
    display: inline-block;
    width: 30px;
    height: 34px;
    padding: 3px 5px;
    text-align: center;
    background: #888;
    color: #fff;
    margin-bottom: 1px;
}

.classifyBoxBtn:hover {
    background: #333;
    color: #fff;
}

.brandClassifyBlock {
    width: 100%;
    height: auto;
    border: 1px solid #eee;
}

.brandDetailRecList li {
    float: left;
    cursor: pointer;
    width: 380px;
    height: 213px;
    border: 1px solid #eee;
    margin-right: 24px;
    margin-bottom: 24px;
    background: #fff;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
}

.brandDetailRecList img {
    width: 380px;
    height: 176px;
}

.brandLogo {
    position: absolute;
    left: 50%;
    margin-left: -48px;
    bottom: 12px;
    display: inline-block;
    width: 96px;
    height: 44px;
    border: 1px solid #eee;
    overflow: hidden;
}

.brandLogo img {
    width: 96px !important;
    height: 44px !important;
}

.brandRecBanner {
    width: 100%;
    height: 580px;
    background: url(../../images/home/brandRecBanner.jpg) center top no-repeat;
}

.brandRecMenuBox {
    width: 100%;
    height: 66px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
}

#brandRecContent {
    position: relative;
    top: -310px;
    z-index: 3;
}

.brandRecMenuList li {
    width: 11.1%;
    height: 66px;
    text-align: center;
    float: left;
    font-size: 16px;
    line-height: 66px;
    cursor: pointer;
    position: relative;
}

.brandRecMenuList li:hover {
    color: #00b88b;
}

.brandRecMenuList li.current {
    background: #00b88b;
    color: #fff;
}

.brandRecMenuListArrow {
    position: absolute;
    left: 50%;
    margin-left: -17px;
    top: 66px;
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 10px solid #00b88b;
}

.brandListBanner {
    width: 100%;
    height: 360px;
    background: url(../../images/home/brandListBanner.jpg) center top no-repeat;
}

.picScroll-left {
    width: 1180px;
    overflow: hidden;
    position: relative;
}

.swiper-container .prev {
    display: block;
    width: 24px;
    height: 76px;
    background: rgba(100, 100, 100, 0.5);
    line-height: 76px;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    top: 50% !important;
    margin-top: -38px;
    z-index: 1;
}

.swiper-container .next {
    display: block;
    width: 24px;
    height: 76px;
    background: rgba(100, 100, 100, 0.5);
    line-height: 76px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 0;
    top: 50% !important;
    margin-top: -38px;
    z-index: 1;
}

.picScroll-left .hd ul {
    position: absolute;
    left: 50%;
    bottom: 12px;
    z-index: 1;
    margin-left: -45px;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    zoom: 1;
}

.picScroll-left .hd ul li {
    float: left;
    cursor: pointer;
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin-right: 8px;
    text-indent: -999px;
    border-radius: 8px;
    background: #ccc;
}

.picScroll-left .hd ul li.on {
    background: #00b88b;
}

.picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
}

.picScroll-left-detail {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.picScroll-left-detail .hd .prev {
    display: block;
    width: 24px;
    height: 76px;
    background: rgba(100, 100, 100, 0.5);
    line-height: 76px;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    top: 312px;
    z-index: 1;
}

.picScroll-left-detail .hd .next {
    display: block;
    width: 24px;
    height: 76px;
    background: rgba(100, 100, 100, 0.5);
    line-height: 76px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 0;
    top: 312px;
    z-index: 1;
}

.picScroll-left-detail .hd ul {
    position: absolute;
    left: 50%;
    bottom: 24px;
    z-index: 1;
    margin-left: -45px;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    zoom: 1;
}

.picScroll-left-detail .hd ul li {
    float: left;
    cursor: pointer;
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin-right: 8px;
    text-indent: -999px;
    border-radius: 8px;
    background: #ccc;
}

.picScroll-left-detail .hd ul li.on {
    background: #00b88b;
}

.picScroll-left-detail .bd ul {
    overflow: hidden;
    zoom: 1;
}

/*subject*/
.subjectBg {
    background: #d52e36;
}

.subjectHeaderBg {
    width: 100%;
    height: 600px;
    background: url(../../images/home/subjectHeaderBg.jpg) center top no-repeat;
}

.subjectHeaderBgs {
    width: 100%;
    height: 150px;
    background: url(../../images/home/subjectHeaderBgs.jpg) center top no-repeat;
}

.subjectBottomBg {
    width: 100%;
    height: 360px;
    background: url(../../images/home/subjectBottomBg.jpg) center bottom no-repeat;
}

.subjectMenuTabList {
    width: 100%;
    height: 80px;
    background: #94060d;
}

.subjectMenuTabList li {
    width: 20%;
    text-align: center;
    color: #d1b9b9;
    cursor: pointer;
    float: left;
    font-size: 16px;
    position: relative;
}

.subjectMenuTabList li.current {
    background: #ffd332;
    color: #be0c0c;
    font-weight: bold;
}

.subjectMenuTabListArrow {
    position: absolute;
    left: 50%;
    margin-left: -17px;
    top: 80px;
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 10px solid #ffd332;
}

.subjectGoodBox {
    width: 291px;
    height: auto;
    background: #fff;
    float: left;
    cursor: pointer;
    margin-right: 12px;
    margin-bottom: 12px;
}

.subjectGoodBoxImg {
    width: 291px;
    height: 291px;
    overflow: hidden;
}

.subjectGoodBoxImg img {
    width: 291px;
    height: 291px;
    transition: all 0.5s;
}

.subjectGoodBoxImg img:hover {
    transform: scale(1.4);
}

.subjectGoodBoxBtn {
    width: 100%;
    height: 48px;
    cursor: pointer;
    line-height: 48px;
    font-size: 18px;
    text-align: center;
    background: #ffd332;
    color: #be0c0c;
}

.subjectGoodBoxLine {
    display: inline-block;
    width: 140px;
    height: 3px;
    background: #eee;
    position: relative;
    top: 7px;
}

.subjectGoodBoxLineCur {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 33%;
    height: 3px;
    background: #f73a3a;
}

.balloonImg01 {
    width: 50px;
    height: 50px;
    background: url(../../images/home/balloonImg01.png) no-repeat;
    margin-left: 250px;
    position: absolute;
    left: 50%;
    z-index: 3;
    animation: img-box-loop 5s ease infinite;
    -webkit-animation: img-box-loop 5s ease infinite;
    -moz-animation: img-box-loop 5s ease infinite;
    -o-animation: img-box-loop 5s ease infinite;
    -ms-animation: img-box-loop 5s ease infinite;
}

.balloonImg02 {
    width: 50px;
    height: 50px;
    background: url(../../images/home/balloonImg02.png) no-repeat;
    margin-left: -240px;
    top: 75px;
    position: absolute;
    left: 50%;
    z-index: 3;
    animation: img-box-loop 5s ease infinite;
    -webkit-animation: img-box-loop 5s ease infinite;
    -moz-animation: img-box-loop 5s ease infinite;
    -o-animation: img-box-loop 5s ease infinite;
    -ms-animation: img-box-loop 5s ease infinite;
}

.balloonImg03 {
    width: 160px;
    height: 200px;
    background: url(../../images/home/balloonImg03.png) no-repeat;
    margin-left: -850px;
    top: 50px;
    position: fixed;
    left: 50%;
    z-index: 3;
    animation: img-box-loop 5s ease infinite;
    -webkit-animation: img-box-loop 5s ease infinite;
    -moz-animation: img-box-loop 5s ease infinite;
    -o-animation: img-box-loop 5s ease infinite;
    -ms-animation: img-box-loop 5s ease infinite;
}

.balloonImg04 {
    width: 80px;
    height: 80px;
    background: url(../../images/home/balloonImg04.png) no-repeat;
    margin-left: 666px;
    top: 275px;
    position: fixed;
    left: 50%;
    z-index: 3;
    animation: img-box-loop 5s ease infinite;
    -webkit-animation: img-box-loop 5s ease infinite;
    -moz-animation: img-box-loop 5s ease infinite;
    -o-animation: img-box-loop 5s ease infinite;
    -ms-animation: img-box-loop 5s ease infinite;
}

.subjectGoodBlock {
    float: left;
    cursor: pointer;
    width: 574px;
    height: auto;
    padding: 10px;
    background: #fff;
    margin-right: 12px;
    margin-bottom: 12px;
}

.subjectGoodBlockImg {
    width: 228px;
    height: 228px;
    overflow: hidden;
}

.subjectGoodBlockImg img {
    width: 228px;
    height: 228px;
    transition: all 0.5s;
}

.subjectGoodBlockImg img:hover {
    transform: scale(1.4);
}

.subjectGoodBlockInfo {
    width: 320px;
    height: auto;
    position: relative;
}

.subjectGoodBlockInfoBlock {
    display: inline-block;
    width: 203px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #f0473f;
    text-indent: 10px;
}

.subjectGoodBlockInfoBtn {
    display: inline-block;
    width: 114px;
    height: 36px;
    cursor: pointer;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #f0473f;
}

.subjectGoodBlockInfoIcon {
    position: absolute;
    right: 0px;
    top: 60px;
    z-index: 3;
}

.subjectGoodRank {
    width: 210px;
    height: auto;
    cursor: pointer;
    float: left;
    background: #fff;
    padding: 10px;
    margin-right: 12px;
    margin-bottom: 12px;
}

.subjectGoodRankImg {
    width: 210px;
    height: 210px;
    overflow: hidden;
}

.subjectGoodRankImg img {
    width: 210px;
    height: 210px;
    transition: all 0.5s;
}

.subjectGoodRankImg img:hover {
    transform: scale(1.4);
}

.subjectGoodRankBtn {
    width: 100%;
    height: 36px;
    cursor: pointer;
    line-height: 36px;
    font-size: 16px;
    text-align: center;
    background: #f0473f;
    color: #fff;
}

.subjectMenuBox {
    position: fixed;
    right: 5%;
    top: 50%;
    display: none;
    width: 120px;
    height: 327px;
    margin-top: -160px;
    z-index: 3;
    background: url(../../images/home/subjectMenu.png) no-repeat;
}

.subjectMenuBoxList {
    margin-top: 114px;
}

.subjectMenuBoxList li {
    width: 120px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 36px;
    margin-bottom: 22px;
    cursor: pointer;
}

.choiceSubjectBg {
    background: #6c0abe;
}

.choiceSubjectHeaderBg {
    width: 100%;
    height: 960px;
    background: url(../../images/home/choiceSubjectHeaderBg.jpg) center top no-repeat;
}

.choiceSubjectHeaderTxt {
    width: 100%;
    height: 160px;
    background: url(../../images/home/choiceSubjectHeaderTxt.png) center top no-repeat;
    position: relative;
    top: -160px;
    z-index: 3;
}

.mt_132 {
    margin-top: -140px;
}

.choiceBottomBg {
    width: 100%;
    height: 640px;
    background: url(../../images/home/choiceBottomBg.jpg) center bottom no-repeat;
}

.choiceSubjectMenuBox {
    position: fixed;
    right: 4%;
    top: 50%;
    display: none;
    width: 128px;
    height: 327px;
    margin-top: -280px;
    z-index: 3;
}

.choiceSubjectMenuBoxList {
    width: 100px;
    height: auto;
    margin-left: 14px;
}

.choiceSubjectMenuBoxList li {
    width: 100px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #a850f2;
}

.choiceSubjectMenuBoxList li:hover {
    background: #54009b;
}

.choiceSubjectIcon1 {
    position: absolute;
    left: 300px;
    top: 0;
    width: 150px;
    height: 40px;
}

.choiceSubjectIcon2 {
    position: absolute;
    right: 300px;
    top: 0;
    width: 150px;
    height: 40px;
}

.choiceSubjectGoodBtn {
    width: 100%;
    height: 36px;
    cursor: pointer;
    line-height: 36px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #ff6600;
    background: -webkit-linear-gradient(-45deg, #ff6600, #ffa664);
    background: -o-linear-gradient(-45deg, #ff6600, #ffa664);
    background: -moz-linear-gradient(-45deg, #ff6600, #ffa664);
    background: linear-gradient(-45deg, #ff6600, #ffa664);
}

.subjectGoodBlockInfoHalf {
    width: 35%;
    border-right: 1px solid #eee;
    float: left;
    text-align: center;
}

.choiceSubjectMenuTabList {
    width: 100%;
    height: 80px;
    background: #a224aa;
    margin-top: -20px;
    background: #a224aa;
    background: -webkit-linear-gradient(-45deg, #a224aa, #7b1fc8);
    background: -o-linear-gradient(-45deg, #a224aa, #7b1fc8);
    background: -moz-linear-gradient(-45deg, #a224aa, #7b1fc8);
    background: linear-gradient(-45deg, #a224aa, #7b1fc8);
}

.choiceSubjectMenuTabList li {
    width: 20%;
    text-align: center;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 16px;
    position: relative;
}

.choiceSubjectMenuTabList li.current {
    background: #f02e6c;
    color: #fff;
    font-weight: bold;
}

.choiceSubjectMenuTabListArrow {
    position: absolute;
    left: 50%;
    margin-left: -17px;
    top: 80px;
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 10px solid #f02e6c;
}

.subjectGoodBuyBtn {
    width: 100%;
    height: 48px;
    cursor: pointer;
    line-height: 48px;
    font-size: 18px;
    text-align: center;
    color: #fff;
}

.subjectGoodBoxImgTip {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 78px;
    height: 60px;
    padding-top: 18px;
    text-align: center;
    color: #fff;
    z-index: 3;
    background: url(../../images/home/iconCheap.png) no-repeat;
}

.subjectInfosBanner {
    width: 100%;
    height: 800px;
    background: url(../../images/home/subjectInfosBanner.jpg) center top no-repeat;
}

.subjectInfosBannerBox {
    width: 204px;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -102px;
    top: 216px;
}

.subjectInfosBottomBox {
    width: 100%;
    height: 380px;
    background: url(../../images/home/subjectInfosBottomBg.jpg) center top no-repeat;
}

.subjectInfosAdv {
    width: 100%;
    height: 450px;
}

.subjectInfosList {
    position: absolute;
}

.subjectInfosList li {
    float: left;
    width: 382px;
    height: 355px;
    text-align: center;
    font-size: 16px;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
    cursor: pointer;
    border-left: 1px solid #dfdfdf;
    margin-right: 24px;
    padding-bottom: 10px;
    border: 1px solid #eee;
    padding-top: 15px;
    background: #fff;
    position: relative;
    top: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
}

.subjectInfosListNone {
    margin: 10px 25px;
    display: none;
}

.subjectInfosList li:hover {
    -webkit-transform: translateY(-0px);
    float: left;
    width: 382px;
    height: 382px;
    text-align: left;
    font-size: 16px;
    cursor: pointer;
    margin-right: 24px;
    border-left: none;
    padding-bottom: 0;
    padding-top: 0;
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
}

.subjectInfosList li:hover .subjectInfosListNone {
    display: block;
}

.subjectInfosList li:hover .subjectInfosListBlock {
    display: none;
}

.subjectInfosListBtn {
    display: inline-block;
    width: 210px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #00b88b;
    color: #00b88b;
    text-align: center;
    font-size: 16px;
}

.subjectInfosListNoneBtn {
    display: inline-block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: #00b88b;
    text-align: center;
    font-size: 16px;
}

.subjectInfosResList li {
    width: 360px;
    height: auto;
    float: left;
    margin-right: 60px;
    margin-bottom: 40px;
}

.subjectInfosResListLeft {
    width: 100px;
    height: auto;
    float: left;
}

.subjectInfosResListRight {
    width: 240px;
    height: auto;
    float: left;
}

.subjectInfosImgBox {
    width: 560px;
    height: auto;
}

.subjectInfosTxtBox {
    width: 640px;
    height: auto;
}

.subjectInfosBannerBtn {
    display: inline-block;
    float: left;
    border: 1px solid #1ad087;
    font-size: 18px;
    height: 42px;
    line-height: 42px;
    width: 168px;
    text-align: center;
    margin-right: 20px;
    color: #00b88b;
}

.subjectInfosBannerBtn:hover {
    color: #fff;
    background: #00b88b;
    background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
    background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
    background: linear-gradient(-45deg, #00b88b, #2dde69);
}

.subjectInfosBannerEwm {
    position: absolute;
    left: -2px;
    top: 54px;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
    display: none;
}

.subjectInfosBannerEwm img {
    width: 204px;
    height: 204px;
}

#subjectInfosBannerBtnShow:hover .subjectInfosBannerEwm {
    display: block;
}

.subjectInfosEwm {
    position: absolute;
    left: -2px;
    top: 54px;
    box-shadow: 1px 1px 3px 3px rgba(196, 196, 196, 0.1);
    display: none;
}

.subjectInfosEwm img {
    width: 204px;
    height: 204px;
}

#subjectInfosBtnShow:hover .subjectInfosEwm {
    display: block;
}

.tipBlock {
    position: absolute;
    z-index: 3;
    left: 15px;
    top: 0;
    width: 24px;
    height: auto;
    padding: 5px 8px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    color: #fff;
    background: #83c44e;
}

.tipBlocks {
    position: absolute;
    z-index: 3;
    left: 50%;
    margin-left: -33px;
    top: 0;
    width: 66px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    color: #fff;
    background: #83c44e;
}

.moneyBanner {
    width: 100%;
    height: 450px;
    background: url(../../images/home/moneyBanner.jpg) center top no-repeat;
}

.moneyTitle {
    font-size: 36px;
    color: #fff;
    line-height: 50px;
    text-align: center;
}


/*subjectWap*/
@media screen and (max-width: 1920px) {
    * {
        margin: 0;
        padding: 0;
    }

    html {
        font-size: 62.5%;
    }

    html body {
        font: 1.2rem "微软雅黑";
        margin: 0 auto;
        min-width: 320px;
    }

    .wap_mt20 {
        margin-top: 2rem;
    }

    .wap_pt5 {
        padding-top: 0.5rem;
    }

    .wap_f10 {
        font-size: 1rem !important;
    }

    .wap_f12 {
        font-size: 1.2rem !important;
    }

    .wap_f14 {
        font-size: 1.4rem !important;
    }

    .wap_subjectMenuTabList {
        width: 100%;
        height: 4.8rem;
        background: #94060d;
    }

    .wap_subjectMenuTabList li {
        width: 33.3%;
        height: 4.8rem;
        text-align: center;
        color: #d1b9b9;
        cursor: pointer;
        float: left;
        font-size: 1.4rem;
        position: relative;
    }

    .wap_subjectMenuTabList li.current {
        background: #ffd332;
        color: #be0c0c;
        font-weight: bold;
    }

    .wap_subjectMenuTabListArrow {
        position: absolute;
        left: 50%;
        margin-left: -15px;
        top: 4.8rem;
        width: 0;
        height: 0;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top: 8px solid #ffd332;
    }

    .wap_subjectGoodBox {
        width: 48%;
        height: auto;
        background: #fff;
        float: left;
        cursor: pointer;
        margin-right: 4%;
        margin-bottom: 1.2rem;
    }

    .wap_subjectGoodBoxImg img {
        width: 100%;
        height: auto;
        min-height: 12rem;
    }

    .wap_subjectGoodBoxLine {
        display: inline-block;
        width: 100%;
        height: 3px;
        background: #eee;
        position: relative;
    }

    .wap_subjectGoodBoxLineCur {
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        width: 33%;
        height: 3px;
        background: #f73a3a;
    }

    .wap_subjectGoodBoxBtn {
        width: 100%;
        height: 3.6rem;
        cursor: pointer;
        line-height: 3.6rem;
        font-size: 1.4rem;
        text-align: center;
        background: #ffd332;
        color: #be0c0c;
    }

    .wap_balloonImg01 {
        width: 3rem;
        height: 3rem;
        margin-left: 9rem;
        position: absolute;
        left: 50%;
        z-index: 3;
        animation: img-box-loop 5s ease infinite;
        -webkit-animation: img-box-loop 5s ease infinite;
        -moz-animation: img-box-loop 5s ease infinite;
        -o-animation: img-box-loop 5s ease infinite;
        -ms-animation: img-box-loop 5s ease infinite;
    }

    .wap_balloonImg02 {
        width: 3rem;
        height: 3rem;
        margin-left: -12rem;
        position: absolute;
        left: 50%;
        top: 1rem;
        z-index: 3;
        animation: img-box-loop 5s ease infinite;
        -webkit-animation: img-box-loop 5s ease infinite;
        -moz-animation: img-box-loop 5s ease infinite;
        -o-animation: img-box-loop 5s ease infinite;
        -ms-animation: img-box-loop 5s ease infinite;
    }

    .wap_balloonImg01 img, .wap_balloonImg02 img {
        width: 3rem;
        height: 3rem;
    }

    .wap_goodBlockInfo {
        width: 100%;
        height: 3rem;
        line-height: 3rem;
        background: #f7fbff;
        font-size: 1.4rem;
        text-align: center;
        border-top: 1px dashed #c7e1ff;
        border-bottom: 1px dashed #c7e1ff;
    }

    .goTopBtn {
        position: fixed;
        right: 1rem;
        bottom: 4.5rem;
        z-index: 3;
    }

    .goTopBtn img {
        width: 50px;
        height: 50px;
    }

    .liGoods {
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        position: relative;
        margin-bottom: 1rem;
        background: #fff;
        overflow: hidden;
    }

    .liGoods .mythroughImg {
        height: 10.3rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 10rem;
        flex: 0 0 10rem;
        position: relative;
    }

    .liGoods .mythroughBlock {
        position: relative;
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
    }

    .liGoods .mythroughBlock .mygoodTitle {
        font-size: 1.4rem;
        width: calc(100vw - 13rem);
        height: 3.7rem;
    }

    .mythroughImg img {
        width: 10.3rem;
        height: 10.3rem;
    }

    .wap_subjectGoodBlockInfoIcon {
        position: absolute;
        right: 0.5rem;
        top: 1.6rem;
        z-index: 3;
    }

    .wap_subjectGoodBlockInfoIcon img {
        width: 3.3rem;
        height: 3.3rem;
    }

    .wap_voucherBlock {
        text-indent: 0 !important;
        padding: 0 0.8rem;
        height: 2rem !important;
        line-height: 2rem;
        background: #00b88b;
        background: -webkit-linear-gradient(-45deg, #00b88b, #2dde69);
        background: -o-linear-gradient(-45deg, #00b88b, #2dde69);
        background: -moz-linear-gradient(-45deg, #00b88b, #2dde69);
        background: linear-gradient(-45deg, #00b88b, #2dde69);
        color: #fff;
        border-radius: 5px;
        position: relative;
        display: inline-block;
    }

    .wap_voucherBlock:before {
        content: " ";
        position: absolute;
        width: 0.6rem;
        height: 0.6rem;
        border-radius: 50%;
        background-color: #fff;
        left: -0.3rem;
        top: 0.8rem;
    }

    .wap_voucherBlock:after {
        content: " ";
        position: absolute;
        width: 0.6rem;
        height: 0.6rem;
        border-radius: 50%;
        background-color: #fff;
        right: -0.3rem;
        top: 0.8rem;
    }

    .wap_subjectGoodBlockInfoBlock {
        display: inline-block;
        width: 64%;
        height: 2.4rem;
        margin-left: -2px;
        line-height: 2.4rem;
        border: 1px solid #f0473f;
        text-indent: 0.8rem;
    }

    .wap_subjectGoodBlockInfoBtn {
        display: inline-block;
        width: 32%;
        height: 2.4rem;
        margin-left: -2px;
        border: 1px solid #f0473f;
        cursor: pointer;
        line-height: 2.4rem;
        text-align: center;
        color: #fff;
        font-size: 1.4rem;
        background: #f0473f;
    }

    .wap_choiceMenuTabList {
        width: 100%;
        height: 4.8rem;
        background: #a224aa;
        background: -webkit-linear-gradient(-45deg, #a224aa, #7b1fc8);
        background: -o-linear-gradient(-45deg, #a224aa, #7b1fc8);
        background: -moz-linear-gradient(-45deg, #a224aa, #7b1fc8);
        background: linear-gradient(-45deg, #a224aa, #7b1fc8);
    }

    .wap_choiceMenuTabList li {
        width: 33.3%;
        height: 4.8rem;
        text-align: center;
        color: #fff;
        cursor: pointer;
        float: left;
        font-size: 1.4rem;
        position: relative;
    }

    .wap_choiceMenuTabList li.current {
        background: #f02e6c;
        color: #fff;
        font-weight: bold;
    }

    .wap_choiceMenuTabListArrow {
        position: absolute;
        left: 50%;
        margin-left: -15px;
        top: 4.8rem;
        width: 0;
        height: 0;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top: 8px solid #f02e6c;
    }

    .wap_subjectGoodBoxImgTip {
        position: absolute;
        left: 5px;
        top: 5px;
        width: 50px;
        height: 42px;
        padding-top: 8px;
        text-align: center;
        color: #fff;
        z-index: 3;
        background: url(../../images/home/iconCheaps.png) no-repeat;
    }

    .wap_choiceSubjectIcon1 {
        position: absolute;
        left: 50%;
        margin-left: -150px;
        top: 0;
        width: 75px;
        height: 20px;
    }

    .wap_choiceSubjectIcon2 {
        position: absolute;
        left: 50%;
        margin-left: 75px;
        top: 0;
        width: 75px;
        height: 20px;
    }

    .wap_choiceSubjectIcon1 img, .wap_choiceSubjectIcon2 img {
        width: 75px;
        height: 20px;
    }

    .rankGoodListHalfBlock {
        width: 50%;
        height: auto;
        float: left;
        margin-left: -1px;
        border-left: 1px solid #eee;
        text-align: center;
    }

    .borderLeftNone {
        border-left: none !important;
    }

    .choiceSubjectHeaderWapTxt {
        position: relative;
        z-index: 3;
        top: -3rem;
    }

    .choice_mt_30 {
        margin-top: -3rem;
    }

}

.aui-radio,
.aui-checkbox {
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-color: #ffffff;
    border: solid 1px #dddddd;
    font-size: 12px;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: default;
    -webkit-appearance: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: background-color ease 0.1s;
    transition: background-color ease 0.1s;
}

.aui-radio:checked,
.aui-radio.aui-checked,
.aui-checkbox:checked,
.aui-checkbox.aui-checked {
    background-color: #00b88b;
    border: solid 1px #00b88b;
    text-align: center;
    background-clip: padding-box;
}

.aui-radio:checked:before,
.aui-radio.aui-checked:before,
.aui-checkbox:checked:before,
.aui-checkbox.aui-checked:before,
.aui-radio:checked:after,
.aui-radio.aui-checked:after,
.aui-checkbox:checked:after,
.aui-checkbox.aui-checked:after {
    content: '';
    width: 10px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -6px;
    background: transparent;
    border: 1px solid #ffffff;
    border-top: none;
    border-right: none;
    z-index: 2;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.aui-radio:disabled,
.aui-radio.aui-disabled,
.aui-checkbox:disabled,
.aui-checkbox.aui-disabled {
    background-color: #dddddd;
    border: solid 1px #dddddd;
}

.aui-radio:disabled:before,
.aui-radio.aui-disabled:before,
.aui-radio:disabled:after,
.aui-radio.aui-disabled:after,
.aui-checkbox:disabled:before,
.aui-checkbox.aui-disabled:before,
.aui-checkbox:disabled:after,
.aui-checkbox.aui-disabled:after {
    content: '';
    width: 10px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -6px;
    background: transparent;
    border: 1px solid #ffffff;
    border-top: none;
    border-right: none;
    z-index: 2;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*toast*/
.aui-toast {
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    border-radius: 0.25rem;
    color: #ffffff;
    position: fixed;
    z-index: 33;
    top: 45%;
    left: 50%;
    width: 7.5em;
    min-height: 6em;
    margin-left: -3.75em;
    margin-top: -4rem;
    display: none;
}

.aui-toast .aui-iconfont {
    margin-top: 0.2rem;
    display: block;
    font-size: 2.6rem;
}

.aui-toast-content {
    margin: 0 0 0.75rem;
}

.aui-toast-loading {
    background-color: #ffffff;
    border-radius: 100%;
    margin: 0.75rem 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border: 2px solid #ffffff;
    border-bottom-color: transparent;
    height: 2.25rem;
    width: 2.25rem;
    background: transparent !important;
    display: inline-block;
    -webkit-animation: rotate 1s 0s linear infinite;
    animation: rotate 1s 0s linear infinite;
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1);
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1);
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
    }
}

@media screen and (max-width: 1366px) {
    /*.homeMenuBox{position: fixed; right:7px; bottom:5%; z-index: 9;}
    .homeMenuList li{width:56px; height:46px; color:#686868; padding: 5px 0; cursor: pointer; border:1px solid #eee; background: #fff; text-align: center; margin-top: -1px;}
    .homeMenuList li:hover{color:#00b88b;}
    .icon_1366{font-size:20px !important; line-height: 24px !important; margin-top:5px !important;}
    .iconF16_1366{font-size:16px !important;}
    .menuTxt_1366{font-size: 12px !important; line-height: 20px !important;}
    */
    .listingMargin {
        margin: -60px 6% 80px 6%;
    }
}