@charset "UTF-8";

/* description: 整个网站公用 样式表（页头、页尾...）  */
.icon-ab-qq {
    background: url("../images/icons-78786387a6.png") no-repeat -218px -112px;
    background-size: 253px 253px;
    width: 16px;
    height: 18px;
}

.icon-check-2 {
    background: url("../images/icons-78786387a6.png") no-repeat -237px -142px;
    background-size: 253px 253px;
    width: 15px;
    height: 15px;
}

.icon-check-d {
    background: url("../images/icons-78786387a6.png") no-repeat -237px -108px;
    background-size: 253px 253px;
    width: 15px;
    height: 15px;
}

.icon-check-e {
    background: url("../images/icons-78786387a6.png") no-repeat 0px -221px;
    background-size: 253px 253px;
    width: 15px;
    height: 15px;
}

.icon-check-r {
    background: url("../images/icons-78786387a6.png") no-repeat -220px -196px;
    background-size: 253px 253px;
    width: 15px;
    height: 15px;
}

.icon-check1 {
    background: url("../images/icons-78786387a6.png") no-repeat -237px -193px;
    background-size: 253px 253px;
    width: 15px;
    height: 15px;
}

.icon-check2 {
    background: url("../images/icons-78786387a6.png") no-repeat -237px -176px;
    background-size: 253px 253px;
    width: 15px;
    height: 15px;
}

.icon-clarity-four {
    background: url("../images/icons-78786387a6.png") no-repeat -146px -167px;
    background-size: 253px 253px;
    width: 20px;
    height: 20px;
}

.icon-clarity-one {
    background: url("../images/icons-78786387a6.png") no-repeat -22px -196px;
    background-size: 253px 253px;
    width: 20px;
    height: 20px;
}

.icon-clarity-three {
    background: url("../images/icons-78786387a6.png") no-repeat -168px -167px;
    background-size: 253px 253px;
    width: 20px;
    height: 20px;
}

.icon-clarity-two {
    background: url("../images/icons-78786387a6.png") no-repeat -44px -196px;
    background-size: 253px 253px;
    width: 20px;
    height: 20px;
}

.icon-close {
    background: url("../images/icons-78786387a6.png") no-repeat -184px -221px;
    background-size: 253px 253px;
    width: 13px;
    height: 13px;
}

.icon-common1 {
    background: url("../images/icons-78786387a6.png") no-repeat -110px 0px;
    background-size: 253px 253px;
    width: 39px;
    height: 39px;
}

.icon-common10 {
    background: url("../images/icons-78786387a6.png") no-repeat -161px -152px;
    background-size: 253px 253px;
    width: 13px;
    height: 12px;
}

.icon-common11 {
    background: url("../images/icons-78786387a6.png") no-repeat -214px -221px;
    background-size: 253px 253px;
    width: 13px;
    height: 12px;
}

.icon-common12 {
    background: url("../images/icons-78786387a6.png") no-repeat -34px -221px;
    background-size: 253px 253px;
    width: 16px;
    height: 14px;
}

.icon-common13 {
    background: url("../images/icons-78786387a6.png") no-repeat -248px -221px;
    background-size: 253px 253px;
    width: 5px;
    height: 9px;
}

.icon-common14 {
    background: url("../images/icons-78786387a6.png") no-repeat -241px -221px;
    background-size: 253px 253px;
    width: 5px;
    height: 9px;
}

.icon-common15 {
    background: url("../images/icons-78786387a6.png") no-repeat -237px -210px;
    background-size: 253px 253px;
    width: 10px;
    height: 9px;
}

.icon-common16 {
    background: url("../images/icons-78786387a6.png") no-repeat -208px -149px;
    background-size: 253px 253px;
    width: 7px;
    height: 7px;
}

.icon-common17 {
    background: url("../images/icons-78786387a6.png") no-repeat -218px -150px;
    background-size: 253px 253px;
    width: 16px;
    height: 16px;
}

.icon-common18 {
    background: url("../images/icons-78786387a6.png") no-repeat -150px -136px;
    background-size: 253px 253px;
    width: 30px;
    height: 9px;
}

.icon-common19 {
    background: url("../images/icons-78786387a6.png") no-repeat -52px -221px;
    background-size: 253px 253px;
    width: 16px;
    height: 14px;
}

.icon-common2 {
    background: url("../images/icons-78786387a6.png") no-repeat -151px -74px;
    background-size: 253px 253px;
    width: 32px;
    height: 32px;
}

.icon-common20 {
    background: url("../images/icons-78786387a6.png") no-repeat -106px -221px;
    background-size: 253px 253px;
    width: 14px;
    height: 14px;
}

.icon-common21 {
    background: url("../images/icons-78786387a6.png") no-repeat -93px -136px;
    background-size: 253px 253px;
    width: 55px;
    height: 14px;
}

.icon-common22 {
    background: url("../images/icons-78786387a6.png") no-repeat -88px -221px;
    background-size: 253px 253px;
    width: 16px;
    height: 14px;
}

.icon-common23 {
    background: url("../images/icons-78786387a6.png") no-repeat -137px -82px;
    background-size: 253px 253px;
    width: 12px;
    height: 14px;
}

.icon-common24 {
    background: url("../images/icons-78786387a6.png") no-repeat -218px -86px;
    background-size: 253px 253px;
    width: 16px;
    height: 24px;
}

.icon-common25 {
    background: url("../images/icons-78786387a6.png") no-repeat -218px -60px;
    background-size: 253px 253px;
    width: 16px;
    height: 24px;
}

.icon-common26 {
    background: url("../images/icons-78786387a6.png") no-repeat -188px -90px;
    background-size: 253px 253px;
    width: 28px;
    height: 28px;
}

.icon-common27 {
    background: url("../images/icons-78786387a6.png") no-repeat -110px -82px;
    background-size: 253px 253px;
    width: 25px;
    height: 24px;
}

.icon-common28 {
    background: url("../images/icons-78786387a6.png") no-repeat -104px -109px;
    background-size: 253px 253px;
    width: 24px;
    height: 24px;
}

.icon-common29 {
    background: url("../images/icons-78786387a6.png") no-repeat -88px -167px;
    background-size: 253px 253px;
    width: 26px;
    height: 27px;
}

.icon-common3 {
    background: url("../images/icons-78786387a6.png") no-repeat -218px -132px;
    background-size: 253px 253px;
    width: 16px;
    height: 16px;
}

.icon-common30 {
    background: url("../images/icons-78786387a6.png") no-repeat 0px -167px;
    background-size: 253px 253px;
    width: 28px;
    height: 27px;
}

.icon-common31 {
    background: url("../images/icons-78786387a6.png") no-repeat -188px -120px;
    background-size: 253px 253px;
    width: 28px;
    height: 27px;
}

.icon-common32 {
    background: url("../images/icons-78786387a6.png") no-repeat -59px -167px;
    background-size: 253px 253px;
    width: 27px;
    height: 27px;
}

.icon-common33 {
    background: url("../images/icons-78786387a6.png") no-repeat -30px -167px;
    background-size: 253px 253px;
    width: 27px;
    height: 27px;
}

.icon-common34 {
    background: url("../images/icons-78786387a6.png") no-repeat -188px 0px;
    background-size: 253px 253px;
    width: 28px;
    height: 28px;
}

.icon-common35 {
    background: url("../images/icons-78786387a6.png") no-repeat -188px -60px;
    background-size: 253px 253px;
    width: 28px;
    height: 28px;
}

.icon-common36 {
    background: url("../images/icons-78786387a6.png") no-repeat -188px -30px;
    background-size: 253px 253px;
    width: 28px;
    height: 28px;
}

.icon-common37 {
    background: url("../images/icons-78786387a6.png") no-repeat -116px -167px;
    background-size: 253px 253px;
    width: 28px;
    height: 20px;
}

.icon-common38 {
    background: url("../images/icons-78786387a6.png") no-repeat -151px -108px;
    background-size: 253px 253px;
    width: 29px;
    height: 24px;
}

.icon-common39 {
    background: url("../images/icons-78786387a6.png") no-repeat 0px -238px;
    background-size: 253px 253px;
    width: 13px;
    height: 15px;
}

.icon-common4 {
    background: url("../images/icons-78786387a6.png") no-repeat -237px 0px;
    background-size: 253px 253px;
    width: 16px;
    height: 16px;
}

.icon-common40 {
    background: url("../images/icons-78786387a6.png") no-repeat -70px -221px;
    background-size: 253px 253px;
    width: 16px;
    height: 14px;
}

.icon-common41 {
    background: url("../images/icons-78786387a6.png") no-repeat 0px 0px;
    background-size: 253px 253px;
    width: 53px;
    height: 53px;
}

.icon-common42 {
    background: url("../images/icons-78786387a6.png") no-repeat 0px -109px;
    background-size: 253px 253px;
    width: 50px;
    height: 25px;
}

.icon-common43 {
    background: url("../images/icons-78786387a6.png") no-repeat -154px -221px;
    background-size: 253px 253px;
    width: 13px;
    height: 14px;
}

.icon-common44 {
    background: url("../images/icons-78786387a6.png") no-repeat -52px -109px;
    background-size: 253px 253px;
    width: 50px;
    height: 25px;
}

.icon-common45 {
    background: url("../images/icons-78786387a6.png") no-repeat -227px -186px;
    background-size: 253px 253px;
    width: 7px;
    height: 8px;
}

.icon-common46 {
    background: url("../images/icons-78786387a6.png") no-repeat -218px -186px;
    background-size: 253px 253px;
    width: 7px;
    height: 8px;
}

.icon-common5 {
    background: url("../images/icons-78786387a6.png") no-repeat -237px -72px;
    background-size: 253px 253px;
    width: 15px;
    height: 16px;
}

.icon-common6 {
    background: url("../images/icons-78786387a6.png") no-repeat -166px -196px;
    background-size: 253px 253px;
    width: 16px;
    height: 16px;
}

.icon-common7 {
    background: url("../images/icons-78786387a6.png") no-repeat -237px -90px;
    background-size: 253px 253px;
    width: 15px;
    height: 16px;
}

.icon-common8 {
    background: url("../images/icons-78786387a6.png") no-repeat -202px -196px;
    background-size: 253px 253px;
    width: 16px;
    height: 16px;
}

.icon-common9 {
    background: url("../images/icons-78786387a6.png") no-repeat -66px -196px;
    background-size: 253px 253px;
    width: 20px;
    height: 18px;
}

.icon-ditrigon {
    background: url("../images/icons-78786387a6.png") no-repeat -176px -152px;
    background-size: 253px 253px;
    width: 10px;
    height: 9px;
}

.icon-down {
    background: url("../images/icons-78786387a6.png") no-repeat -139px -129px;
    background-size: 253px 253px;
    width: 7px;
    height: 4px;
}

.icon-err {
    background: url("../images/icons-78786387a6.png") no-repeat -88px -196px;
    background-size: 253px 253px;
    width: 18px;
    height: 18px;
}

.icon-information {
    background: url("../images/icons-78786387a6.png") no-repeat -130px -109px;
    background-size: 253px 253px;
    width: 18px;
    height: 18px;
}

.icon-open {
    background: url("../images/icons-78786387a6.png") no-repeat -169px -221px;
    background-size: 253px 253px;
    width: 13px;
    height: 13px;
}

.icon-option {
    background: url("../images/icons-78786387a6.png") no-repeat -188px -149px;
    background-size: 253px 253px;
    width: 18px;
    height: 15px;
}

.icon-pgleft {
    background: url("../images/icons-78786387a6.png") no-repeat -218px 0px;
    background-size: 253px 253px;
    width: 17px;
    height: 28px;
}

.icon-pgright {
    background: url("../images/icons-78786387a6.png") no-repeat -218px -30px;
    background-size: 253px 253px;
    width: 17px;
    height: 28px;
}

.icon-progress {
    background: url("../images/icons-78786387a6.png") no-repeat -190px -167px;
    background-size: 253px 253px;
    width: 20px;
    height: 20px;
}

.icon-prompt-lgone {
    background: url("../images/icons-78786387a6.png") no-repeat 0px -55px;
    background-size: 253px 253px;
    width: 52px;
    height: 52px;
}

.icon-prompt-lgthree {
    background: url("../images/icons-78786387a6.png") no-repeat -54px -55px;
    background-size: 253px 253px;
    width: 52px;
    height: 52px;
}

.icon-prompt-lgtwo {
    background: url("../images/icons-78786387a6.png") no-repeat -55px 0px;
    background-size: 253px 253px;
    width: 53px;
    height: 53px;
}

.icon-prompt-smone {
    background: url("../images/icons-78786387a6.png") no-repeat -62px -136px;
    background-size: 253px 253px;
    width: 29px;
    height: 29px;
}

.icon-prompt-smthree {
    background: url("../images/icons-78786387a6.png") no-repeat 0px -136px;
    background-size: 253px 253px;
    width: 29px;
    height: 29px;
}

.icon-prompt-smtwo {
    background: url("../images/icons-78786387a6.png") no-repeat -31px -136px;
    background-size: 253px 253px;
    width: 29px;
    height: 29px;
}

.icon-prompt-sxfive {
    background: url("../images/icons-78786387a6.png") no-repeat -237px -36px;
    background-size: 253px 253px;
    width: 16px;
    height: 16px;
}

.icon-prompt-sxfour {
    background: url("../images/icons-78786387a6.png") no-repeat -218px -168px;
    background-size: 253px 253px;
    width: 16px;
    height: 16px;
}

.icon-prompt-sxone {
    background: url("../images/icons-78786387a6.png") no-repeat -184px -196px;
    background-size: 253px 253px;
    width: 16px;
    height: 16px;
}

.icon-prompt-sxthree {
    background: url("../images/icons-78786387a6.png") no-repeat -237px -18px;
    background-size: 253px 253px;
    width: 16px;
    height: 16px;
}

.icon-prompt-sxtwo {
    background: url("../images/icons-78786387a6.png") no-repeat -237px -54px;
    background-size: 253px 253px;
    width: 15px;
    height: 16px;
}

.icon-radio-d {
    background: url("../images/icons-78786387a6.png") no-repeat -237px -125px;
    background-size: 253px 253px;
    width: 15px;
    height: 15px;
}

.icon-radio1 {
    background: url("../images/icons-78786387a6.png") no-repeat -17px -221px;
    background-size: 253px 253px;
    width: 15px;
    height: 15px;
}

.icon-radio2 {
    background: url("../images/icons-78786387a6.png") no-repeat -237px -159px;
    background-size: 253px 253px;
    width: 15px;
    height: 15px;
}

.icon-right {
    background: url("../images/icons-78786387a6.png") no-repeat -229px -221px;
    background-size: 253px 253px;
    width: 10px;
    height: 9px;
}

.icon-search {
    background: url('../images/icons-78786387a6.png') no-repeat -199px -221px;
    background-size: 253px 253px;
    width: 13px;
    height: 13px;
}

.icon-shopping {
    background: url("../images/icons-78786387a6.png") no-repeat -128px -196px;
    background-size: 253px 253px;
    width: 18px;
    height: 18px;
}

.icon-tick-big {
    background: url("../images/icons-78786387a6.png") no-repeat -127px -152px;
    background-size: 253px 253px;
    width: 15px;
    height: 12px;
}

.icon-tick-c {
    background: url("../images/icons-78786387a6.png") no-repeat -137px -98px;
    background-size: 253px 253px;
    width: 7px;
    height: 6px;
}

.icon-tick-cnu {
    background: url("../images/icons-78786387a6.png") no-repeat -110px -152px;
    background-size: 253px 253px;
    width: 15px;
    height: 12px;
}

.icon-tick-green {
    background: url("../images/icons-78786387a6.png") no-repeat -144px -152px;
    background-size: 253px 253px;
    width: 15px;
    height: 12px;
}

.icon-tick-nu {
    background: url("../images/icons-78786387a6.png") no-repeat -93px -152px;
    background-size: 253px 253px;
    width: 15px;
    height: 12px;
}

.icon-tick-o {
    background: url("../images/icons-78786387a6.png") no-repeat -208px -158px;
    background-size: 253px 253px;
    width: 7px;
    height: 6px;
}

.icon-time {
    background: url("../images/icons-78786387a6.png") no-repeat -148px -196px;
    background-size: 253px 253px;
    width: 16px;
    height: 16px;
}

.icon-up {
    background: url("../images/icons-78786387a6.png") no-repeat -130px -129px;
    background-size: 253px 253px;
    width: 7px;
    height: 4px;
}

.icon-upload-delete {
    background: url("../images/icons-78786387a6.png") no-repeat 0px -196px;
    background-size: 253px 253px;
    width: 20px;
    height: 23px;
}

.icon-upload-hover {
    background: url("../images/icons-78786387a6.png") no-repeat -151px 0px;
    background-size: 253px 253px;
    width: 35px;
    height: 35px;
}

.icon-upload-ok {
    background: url("../images/icons-78786387a6.png") no-repeat -108px -196px;
    background-size: 253px 253px;
    width: 18px;
    height: 18px;
}

.icon-upload-to {
    background: url("../images/icons-78786387a6.png") no-repeat -151px -37px;
    background-size: 253px 253px;
    width: 35px;
    height: 35px;
}

.icon-upload {
    background: url("../images/icons-78786387a6.png") no-repeat -110px -41px;
    background-size: 253px 253px;
    width: 39px;
    height: 39px;
}

.icon-vc-err {
    background: url("../images/icons-78786387a6.png") no-repeat -138px -221px;
    background-size: 253px 253px;
    width: 14px;
    height: 14px;
}

.icon-vc-right {
    background: url("../images/icons-78786387a6.png") no-repeat -122px -221px;
    background-size: 253px 253px;
    width: 14px;
    height: 14px;
}

.icon-close1 {
    background: url("../images/icona-f69eace14b.png") no-repeat 0px 0px;
    background-size: 79px 61px;
    width: 64px;
    height: 22px;
}

.icon-deletes {
    background: url("../images/icona-f69eace14b.png") no-repeat -66px 0px;
    background-size: 79px 61px;
    width: 13px;
    height: 14px;
}

.icon-msg_ed {
    background: url("../images/icona-f69eace14b.png") no-repeat -17px -48px;
    background-size: 79px 61px;
    width: 14px;
    height: 12px;
}

.icon-msg_icon {
    background: url("../images/icona-f69eace14b.png") no-repeat 0px -48px;
    background-size: 79px 61px;
    width: 15px;
    height: 13px;
}

.icon-msg_none {
    background: url("../images/icona-f69eace14b.png") no-repeat -33px -48px;
    background-size: 79px 61px;
    width: 14px;
    height: 11px;
}

.icon-open1 {
    background: url("../images/icona-f69eace14b.png") no-repeat 0px -24px;
    background-size: 79px 61px;
    width: 64px;
    height: 22px;
}

.icon-check-37 {
    background: url("../images/goods-d7eb344264.png") no-repeat -223px -57px;
    background-size: 240px 211px;
    width: 16px;
    height: 16px;
}

.icon-goods-1 {
    background: url("../images/goods-d7eb344264.png") no-repeat -109px -156px;
    background-size: 240px 211px;
    width: 29px;
    height: 17px;
}

.icon-goods-10 {
    background: url("../images/goods-d7eb344264.png") no-repeat -156px 0px;
    background-size: 240px 211px;
    width: 65px;
    height: 17px;
}

.icon-goods-11 {
    background: url("../images/goods-d7eb344264.png") no-repeat -156px -125px;
    background-size: 240px 211px;
    width: 37px;
    height: 18px;
}

.icon-goods-12 {
    background: url("../images/goods-d7eb344264.png") no-repeat -156px -105px;
    background-size: 240px 211px;
    width: 37px;
    height: 18px;
}

.icon-goods-13 {
    background: url("../images/goods-d7eb344264.png") no-repeat -156px -38px;
    background-size: 240px 211px;
    width: 43px;
    height: 20px;
}

.icon-goods-14 {
    background: url("../images/goods-d7eb344264.png") no-repeat -156px -60px;
    background-size: 240px 211px;
    width: 44px;
    height: 17px;
}

.icon-goods-15 {
    background: url("../images/goods-d7eb344264.png") no-repeat -114px -194px;
    background-size: 240px 211px;
    width: 17px;
    height: 17px;
}

.icon-goods-16 {
    background: url("../images/goods-d7eb344264.png") no-repeat -171px -194px;
    background-size: 240px 211px;
    width: 17px;
    height: 17px;
}

.icon-goods-17 {
    background: url("../images/goods-d7eb344264.png") no-repeat -190px -194px;
    background-size: 240px 211px;
    width: 17px;
    height: 17px;
}

.icon-goods-18 {
    background: url("../images/goods-d7eb344264.png") no-repeat -201px -38px;
    background-size: 240px 211px;
    width: 17px;
    height: 17px;
}

.icon-goods-19 {
    background: url("../images/goods-d7eb344264.png") no-repeat -202px -60px;
    background-size: 240px 211px;
    width: 17px;
    height: 17px;
}

.icon-goods-2 {
    background: url("../images/goods-d7eb344264.png") no-repeat -78px -156px;
    background-size: 240px 211px;
    width: 29px;
    height: 17px;
}

.icon-goods-20 {
    background: url("../images/goods-d7eb344264.png") no-repeat -195px -125px;
    background-size: 240px 211px;
    width: 17px;
    height: 17px;
}

.icon-goods-21 {
    background: url("../images/goods-d7eb344264.png") no-repeat -202px -156px;
    background-size: 240px 211px;
    width: 17px;
    height: 17px;
}

.icon-goods-22 {
    background: url("../images/goods-d7eb344264.png") no-repeat -185px -175px;
    background-size: 240px 211px;
    width: 17px;
    height: 17px;
}

.icon-goods-23 {
    background: url("../images/goods-d7eb344264.png") no-repeat -204px -175px;
    background-size: 240px 211px;
    width: 17px;
    height: 17px;
}

.icon-goods-24 {
    background: url("../images/goods-d7eb344264.png") no-repeat 0px -194px;
    background-size: 240px 211px;
    width: 17px;
    height: 17px;
}

.icon-goods-25 {
    background: url("../images/goods-d7eb344264.png") no-repeat -19px -194px;
    background-size: 240px 211px;
    width: 17px;
    height: 17px;
}

.icon-goods-26 {
    background: url("../images/goods-d7eb344264.png") no-repeat -38px -194px;
    background-size: 240px 211px;
    width: 17px;
    height: 17px;
}

.icon-goods-27 {
    background: url("../images/goods-d7eb344264.png") no-repeat -57px -194px;
    background-size: 240px 211px;
    width: 17px;
    height: 17px;
}

.icon-goods-28 {
    background: url("../images/goods-d7eb344264.png") no-repeat -76px -194px;
    background-size: 240px 211px;
    width: 17px;
    height: 17px;
}

.icon-goods-29 {
    background: url("../images/goods-d7eb344264.png") no-repeat -95px -194px;
    background-size: 240px 211px;
    width: 17px;
    height: 17px;
}

.icon-goods-3 {
    background: url("../images/goods-d7eb344264.png") no-repeat 0px -175px;
    background-size: 240px 211px;
    width: 29px;
    height: 17px;
}

.icon-goods-30 {
    background: url("../images/goods-d7eb344264.png") no-repeat -133px -194px;
    background-size: 240px 211px;
    width: 17px;
    height: 17px;
}

.icon-goods-31 {
    background: url("../images/goods-d7eb344264.png") no-repeat -152px -194px;
    background-size: 240px 211px;
    width: 17px;
    height: 17px;
}

.icon-goods-32 {
    background: url("../images/goods-d7eb344264.png") no-repeat -223px -38px;
    background-size: 240px 211px;
    width: 17px;
    height: 17px;
}

.icon-goods-33 {
    background: url("../images/goods-d7eb344264.png") no-repeat -195px -105px;
    background-size: 240px 211px;
    width: 17px;
    height: 17px;
}

.icon-goods-34 {
    background: url("../images/goods-d7eb344264.png") no-repeat -223px 0px;
    background-size: 240px 211px;
    width: 17px;
    height: 17px;
}

.icon-goods-35 {
    background: url("../images/goods-d7eb344264.png") no-repeat -223px -19px;
    background-size: 240px 211px;
    width: 17px;
    height: 17px;
}

.icon-goods-36 {
    background: url("../images/goods-d7eb344264.png") no-repeat -39px -156px;
    background-size: 240px 211px;
    width: 37px;
    height: 17px;
}

.icon-goods-37 {
    background: url("../images/goods-d7eb344264.png") no-repeat 0px -156px;
    background-size: 240px 211px;
    width: 37px;
    height: 17px;
}

.icon-goods-38 {
    background: url("../images/goods-d7eb344264.png") no-repeat -104px -104px;
    background-size: 240px 211px;
    width: 50px;
    height: 50px;
}

.icon-goods-39 {
    background: url("../images/goods-d7eb344264.png") no-repeat -52px -104px;
    background-size: 240px 211px;
    width: 50px;
    height: 50px;
}

.icon-goods-4 {
    background: url("../images/goods-d7eb344264.png") no-repeat -140px -156px;
    background-size: 240px 211px;
    width: 29px;
    height: 17px;
}

.icon-goods-40 {
    background: url("../images/goods-d7eb344264.png") no-repeat 0px 0px;
    background-size: 240px 211px;
    width: 50px;
    height: 50px;
}

.icon-goods-41 {
    background: url("../images/goods-d7eb344264.png") no-repeat 0px -104px;
    background-size: 240px 211px;
    width: 50px;
    height: 50px;
}

.icon-goods-42 {
    background: url("../images/goods-d7eb344264.png") no-repeat -104px -52px;
    background-size: 240px 211px;
    width: 50px;
    height: 50px;
}

.icon-goods-43 {
    background: url("../images/goods-d7eb344264.png") no-repeat -104px 0px;
    background-size: 240px 211px;
    width: 50px;
    height: 50px;
}

.icon-goods-44 {
    background: url("../images/goods-d7eb344264.png") no-repeat -52px -52px;
    background-size: 240px 211px;
    width: 50px;
    height: 50px;
}

.icon-goods-45 {
    background: url("../images/goods-d7eb344264.png") no-repeat 0px -52px;
    background-size: 240px 211px;
    width: 50px;
    height: 50px;
}

.icon-goods-46 {
    background: url("../images/goods-d7eb344264.png") no-repeat -52px 0px;
    background-size: 240px 211px;
    width: 50px;
    height: 50px;
}

.icon-goods-47 {
    background: url("../images/goods-d7eb344264.png") no-repeat -156px -79px;
    background-size: 240px 211px;
    width: 29px;
    height: 24px;
}

.icon-goods-48 {
    background: url("../images/goods-d7eb344264.png") no-repeat -171px -156px;
    background-size: 240px 211px;
    width: 29px;
    height: 17px;
}

.icon-goods-49 {
    background: url("../images/goods-d7eb344264.png") no-repeat -187px -79px;
    background-size: 240px 211px;
    width: 29px;
    height: 17px;
}

.icon-goods-5 {
    background: url("../images/goods-d7eb344264.png") no-repeat -31px -175px;
    background-size: 240px 211px;
    width: 29px;
    height: 17px;
}

.icon-goods-50 {
    background: url("../images/goods-d7eb344264.png") no-repeat -155px -175px;
    background-size: 240px 211px;
    width: 28px;
    height: 17px;
}

.icon-goods-6 {
    background: url("../images/goods-d7eb344264.png") no-repeat -93px -175px;
    background-size: 240px 211px;
    width: 29px;
    height: 17px;
}

.icon-goods-7 {
    background: url("../images/goods-d7eb344264.png") no-repeat -62px -175px;
    background-size: 240px 211px;
    width: 29px;
    height: 17px;
}

.icon-goods-8 {
    background: url("../images/goods-d7eb344264.png") no-repeat -124px -175px;
    background-size: 240px 211px;
    width: 29px;
    height: 17px;
}

.icon-goods-9 {
    background: url("../images/goods-d7eb344264.png") no-repeat -156px -19px;
    background-size: 240px 211px;
    width: 58px;
    height: 17px;
}

.icon-smilie01 {
    background: url("../images/goods-d7eb344264.png") no-repeat -223px -75px;
    background-size: 240px 211px;
    width: 16px;
    height: 16px;
}

.icon-smilie02 {
    background: url("../images/goods-d7eb344264.png") no-repeat -223px -93px;
    background-size: 240px 211px;
    width: 16px;
    height: 16px;
}

.icon-smilie03 {
    background: url("../images/goods-d7eb344264.png") no-repeat -223px -111px;
    background-size: 240px 211px;
    width: 16px;
    height: 16px;
}

.icon-progress1 {
    background: url("../images/progress-4a203da12f.png") no-repeat 0px 0px;
    background-size: 486px 258px;
    width: 308px;
    height: 50px;
}

.icon-progress2 {
    background: url("../images/progress-4a203da12f.png") no-repeat 0px -52px;
    background-size: 486px 258px;
    width: 308px;
    height: 50px;
}

.icon-progress3 {
    background: url("../images/progress-4a203da12f.png") no-repeat 0px -208px;
    background-size: 486px 258px;
    width: 176px;
    height: 50px;
}

.icon-progress4 {
    background: url("../images/progress-4a203da12f.png") no-repeat -310px 0px;
    background-size: 486px 258px;
    width: 176px;
    height: 50px;
}

.icon-progress5 {
    background: url("../images/progress-4a203da12f.png") no-repeat 0px -104px;
    background-size: 486px 258px;
    width: 226px;
    height: 50px;
}

.icon-progress6 {
    background: url("../images/progress-4a203da12f.png") no-repeat 0px -156px;
    background-size: 486px 258px;
    width: 226px;
    height: 50px;
}

/*游戏区服等列表下拉框*/
.combobox-wrap {
    box-sizing: content-box;
    position: absolute;
    margin: auto;
    padding: 16px 14px 11px;
    width: 920px;
    background-color: #fff;
    border: solid 2px #46B068;
    color: #333;
}

.combobox-wrap * {
    box-sizing: inherit;
}

.combobox-wrap i[class^="icon-"] {
    vertical-align: middle;
    display: inline-block;
}

.combobox-wrap a {
    cursor: pointer;
    color: inherit;
}

.combobox-wrap .float-left {
    float: left;
}

.combobox-wrap .float-right {
    float: right;
}

.combobox-wrap .both {
    clear: both;
}

.combobox-wrap .overflow-hidden {
    overflow: hidden;
}

.combobox-wrap .dn {
    display: none;
}

.combobox-wrap .color-blue {
    color: #0e56a6;
}

.combobox-wrap .color-orange,
.combobox-wrap .combobox-top .combobox-top-tip a:hover,
.combobox-wrap .header .top .logoin-info .loggedIn .assetDetails-wrap dl dd,
.header .top .logoin-info .loggedIn .assetDetails-wrap dl .combobox-wrap dd {
    color: #46B068;
}

.combobox-wrap .arrows-wrap {
    position: absolute;
    top: -13px;
    left: 200px;
    width: 16px;
    height: 10px;
    line-height: normal;
}

.combobox-wrap .arrows-wrap i {
    display: inline-block;
}

.combobox-wrap .arrows-wrap .big {
    border-top: none;
    border-left: 7px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 7px solid #46B068;
}

.combobox-wrap .arrows-wrap .little {
    position: absolute;
    left: 1px;
    top: 6px;
    border-top: none;
    border-left: 6px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}

.combobox-wrap .combobox-top {
    padding-bottom: 15px;
    height: 20px;
    line-height: 20px;
}

.combobox-wrap .combobox-top>.float-left {
    color: #666;
}

.combobox-wrap .combobox-top .color-blue:hover {
    color: #46B068;
}

.combobox-wrap .combobox-top .combobox-top-tip {
    width: 80%;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
}

.combobox-wrap .combobox-top .combobox-top-tip a {
    color: #333;
    margin-right: 16px;
}

.combobox-wrap .combobox-top .combobox-top-tip a:hover {
    text-decoration: underline;
}

.combobox-wrap .combobox-top a {
    vertical-align: top;
    *vertical-align: middle;
}

.combobox-wrap .combobox-top .float-right {
    position: relative;
}

.combobox-wrap .combobox-top .float-right .close {
    display: inline-block;
    font-size: 25px;
    color: #46B068;
    line-height: 15px;
}

.combobox-wrap .combobox-head {
    width: 920px;
}

.combobox-wrap .combobox-head-search {
    color: #666;
    background-color: #fafafa;
    border: solid 1px #ededed;
    height: 38px;
    line-height: 38px;
}

.combobox-wrap .combobox-head-search .tab-title {
    user-select: none;
    font-size: 14px;
}

.combobox-wrap .combobox-head-search .tab-title>li {
    float: left;
    padding: 0 20px;
    cursor: pointer;
    position: relative;
}

.combobox-wrap .combobox-head-search .tab-title>li.active {
    background-color: #46B068;
    color: #fff;
}

.combobox-wrap .combobox-head-search .tab-title>li.active:first-child {
    padding-left: 21px;
    margin-left: -1px;
}

.combobox-wrap .combobox-head-search .tab-title>li.active::before,
.combobox-wrap .combobox-head-search .tab-title>li.active::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    left: 0;
    background-color: #46B068;
}

.combobox-wrap .combobox-head-search .tab-title>li.active::before {
    top: -1px;
}

.combobox-wrap .combobox-head-search .tab-title>li.active::after {
    bottom: -1px;
}

.combobox-wrap .combobox-head-search .tab-title>li.active:hover {
    color: #fff;
    text-decoration: none;
}

.combobox-wrap .combobox-head-search .tab-title>li:hover {
    color: #46B068;
    text-decoration: underline;
}

.combobox-wrap .combobox-head-search .search-wrap .input-wrap {
    padding-left: 10px;
    width: 158px;
    background-color: #fff;
    border-left: solid 1px #ededed;
    border-right: solid 1px #ededed;
}

.combobox-wrap .combobox-head-search .search-wrap .input-wrap input {
    width: 130px;
    text-indent: 6px;
    height: 100%;
    border: 0;
}

.combobox-wrap .combobox-head-search .search-wrap .btn-search {
    padding: 0 16px;
    height: 100%;
    line-height: 38px;
    border: 0;
    color: #666;
    background-color: #fafafa;
}

.combobox-wrap .combobox-head-search .search-wrap .btn-search:hover {
    background-color: #ffffff;
}

.combobox-wrap .combobox-head-nav {
    height: 40px;
    line-height: 40px;
    border: solid 1px #ededed;
    border-top: none;
    border-bottom: none;
    user-select: none;
}

.combobox-wrap .combobox-head-nav .title {
    color: #333;
}

.combobox-wrap .combobox-head-nav .hot-list {
    font-size: 14px;
    display: flex;
}

.combobox-wrap .combobox-head-nav .hot-list>li {
    float: left;
    width: 32px;
    height: 40px;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.combobox-wrap .combobox-head-nav .hot-list>li:first-child {
    width: 84px;
}

.combobox-wrap .combobox-head-nav .hot-list>li.active,
.combobox-wrap .combobox-head-nav .hot-list>li:hover {
    color: #46B068;
}

.combobox-wrap .combobox-head-nav .hot-list>li.active>span,
.combobox-wrap .combobox-head-nav .hot-list>li:hover>span {
    display: inline-block;
    width: auto;
    height: 40px;
    position: relative;
}

.combobox-wrap .combobox-head-nav .hot-list>li.active>span::after,
.combobox-wrap .combobox-head-nav .hot-list>li:hover>span::after {
    content: "";
    display: block;
    height: 2px;
    clear: both;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #46B068;
}

.combobox-wrap .combobox-body {
    padding: 10px 0 0;
    border-top: 1px solid #ededed;
}

.combobox-wrap .combobox-body .tag-list li {
    box-sizing: border-box;
    float: left;
    width: 153px;
    line-height: 30px;
    padding-left: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.combobox-wrap .combobox-body .tag-list li:nth-child(6n + 1) {
    margin-left: 0;
}

.combobox-wrap .combobox-body .tag-list li a {
    padding: 0 3px;
}

.combobox-wrap .combobox-body .tag-list li a:hover {
    background-color: #46B068;
    color: #fff;
}

.combobox-wrap .combobox-body .tag-list li .triangle {
    display: inline-block;
    height: 0;
    border-left: 3px solid #7d7d7d;
    border-top: 3px solid transparent;
    border-bottom: 2px solid transparent;
    vertical-align: middle;
    margin-top: -2px;
}

.combobox-wrap .business-type {
    padding-bottom: 16px;
}

.combobox-wrap .business-type .business-top {
    border-bottom: 0;
}

.combobox-wrap .business-type .business-body {
    padding-top: 0;
    height: 72px;
}

.combobox-wrap .business-type .business-body dl {
    box-sizing: border-box;
    margin-left: 16px;
    float: left;
    width: 170px;
    height: 72px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.combobox-wrap .business-type .business-body dl:first-child {
    margin-left: 0;
    border: 2px solid #46B068;
    position: relative;
}

.combobox-wrap .business-type .business-body dl:first-child:after {
    position: absolute;
    z-index: 3;
    content: "";
    width: 18px;
    height: 18px;
    right: -2px;
    bottom: -2px;
    background: url("../images/chcked-7d7d92939e.png") no-repeat center;
    background-size: 100%;
}

.combobox-wrap .business-type .business-body dl a {
    position: relative;
    padding: 14px 16px;
    display: block;
    width: 100%;
    height: 100%;
}

.combobox-wrap .business-type .business-body dl a [class^="icon-arrow-"] {
    position: absolute;
    z-index: 1;
    left: 16px;
    bottom: 16px;
}

.combobox-wrap .business-type .business-body dl a [class^="icon-combobox-"] {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
}

.combobox-wrap .business-type .business-body dl a:hover [class^="icon-arrow"] {
    left: 32px;
}

.combobox-wrap .business-type .business-body dl dt {
    height: 22px;
    line-height: 22px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    overflow: hidden;
}

.combobox-wrap .business-type .business-body dl dd {
    margin-top: 2px;
    height: 14px;
    line-height: 14px;
    color: #999;
    overflow: hidden;
}

/*END游戏区服等列表下拉框*/
/* 下拉框区服名称筛选列表 */
.area-name-lists {
    width: 100%;
    height: 32px;
    box-sizing: border-box;
    padding-right: 17px;
    padding-left: 10px !important;
    line-height: 32px;
    font-size: 12px;
    color: #333333;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.area-name-lists li {
    display: inline;
}

.area-name-lists li:first-child span {
    display: none;
}

.area-name-lists li p {
    display: inline-block;
    cursor: pointer;
    float: none !important;
    width: auto !important;
    line-height: 14px !important;
}

.area-name-lists li p:hover {
    color: #46B068;
}

.area-name-lists .anl-active p {
    color: #46B068;
}

.dib,
.header .top .logoin-info .loggedIn .sign,
.header .top .logoin-info .loggedIn .level,
.form-rad {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.db {
    display: block;
}

.dn {
    display: none;
}

.fl {
    float: left;
    *display: inline;
}

.fr {
    float: right;
    *display: inline;
}

.tc {
    text-align: center;
}

.b {
    font-weight: bold;
}

.wsn {
    white-space: nowrap;
}

.header {
    margin: auto;
    min-width: 1200px;
    display: block;
    background-color: #fff;
}

.header .no-message {
    position: relative;
    margin-right: 2px;
    float: left;
}

.header .arrow {
    position: absolute;
    top: 17px;
    right: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #999;
}

.header .row1 {
    width: 1200px;
    margin: 0 auto;
}

.header a:hover {
    text-decoration: underline;
    color: #46B068 !important;
}

.header .color-orange,
.header .combobox-wrap .combobox-top .combobox-top-tip a:hover,
.combobox-wrap .combobox-top .combobox-top-tip .header a:hover,
.header .top .logoin-info .loggedIn .assetDetails-wrap dl dd {
    color: #46B068;
}

.header .top {
    height: 27px;
    line-height: 27px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #EEEEEE;
}

.header .top .notLogin {
    margin-top: 1px;
}

.header .top .m-r10 {
    margin-right: 10px;
}

.header .top .logoin-info {
    color: #666;
}

.header .top .logoin-info .loggedIn {
    display: table;
    height: 27px;
    align-items: center;
}

.header .top .logoin-info .loggedIn>.dib,
.header .top .logoin-info .loggedIn>.sign,
.header .top .logoin-info .loggedIn>.level,
.header .top .logoin-info .loggedIn>.form-rad {
    float: none;
}

.header .top .logoin-info .loggedIn>.dib .arrow,
.header .top .logoin-info .loggedIn>.sign .arrow,
.header .top .logoin-info .loggedIn>.level .arrow,
.header .top .logoin-info .loggedIn>.form-rad .arrow {
    margin: 4.5px 0;
}

.header .top .logoin-info .loggedIn>.dib .line-h12,
.header .top .logoin-info .loggedIn>.sign .line-h12,
.header .top .logoin-info .loggedIn>.level .line-h12,
.header .top .logoin-info .loggedIn>.form-rad .line-h12 {
    line-height: 12px;
}

.header .top .logoin-info .loggedIn .dropdown-menu {
    width: 265px;
    box-sizing: border-box;
}

.header .top .logoin-info .loggedIn .item .arrow {
    right: 4px;
}

.header .top .logoin-info .loggedIn .chat {
    margin-left: 30px;
}

.header .top .logoin-info .loggedIn .chat img {
    vertical-align: middle;
}

.header .top .logoin-info .loggedIn img.avatar {
    margin-right: 16px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.header .top .logoin-info .loggedIn .sign {
    padding: 0 11px;
    line-height: 20px;
    border: 1px solid #eeeeee;
    border-radius: 15px;
    height: 24px;
    line-height: 22px !important;
    margin-bottom: 2px;
    width: 145px;
    box-sizing: border-box;
}

.header .top .logoin-info .loggedIn .sign .line {
    margin: 0 6px;
    color: #ccc;
}

.header .top .logoin-info .loggedIn .sign .color-orange,
.header .top .logoin-info .loggedIn .sign .combobox-wrap .combobox-top .combobox-top-tip a:hover,
.combobox-wrap .combobox-top .combobox-top-tip .header .top .logoin-info .loggedIn .sign a:hover,
.header .top .logoin-info .loggedIn .sign .assetDetails-wrap dl dd,
.header .top .logoin-info .loggedIn .assetDetails-wrap dl .sign dd {
    color: #46B068;
}

.header .top .logoin-info .loggedIn .sign .color-orange:hover,
.header .top .logoin-info .loggedIn .sign .combobox-wrap .combobox-top .combobox-top-tip a:hover,
.combobox-wrap .combobox-top .combobox-top-tip .header .top .logoin-info .loggedIn .sign a:hover,
.header .top .logoin-info .loggedIn .sign .assetDetails-wrap dl dd:hover,
.header .top .logoin-info .loggedIn .assetDetails-wrap dl .sign dd:hover {
    color: #ff6b1a;
}

.header .top .logoin-info .loggedIn .sign a:hover {
    color: #46B068;
}

.header .top .logoin-info .loggedIn .item:first-child {
    border-right: none;
}

.header .top .logoin-info .loggedIn .item .name {
    position: relative;
}

.header .top .logoin-info .loggedIn .item .dropdown-menu {
    padding: 16px;
    white-space: nowrap;
}

.header .top .logoin-info .loggedIn .item .dropdown-menu p {
    line-height: 27px;
}

.header .top .logoin-info .loggedIn .user_level {
    color: #333333;
    font-size: 12px;
    padding-left: 12px;
}

.header .top .logoin-info .loggedIn .level {
    margin: 0px;
    padding: 0 2px;
    font-weight: bold;
    background-color: #ffd21d;
    border: 1px solid #fd7b00;
    border-radius: 2px;
    color: #fd7b00;
    font-size: 10px;
    vertical-align: inherit;
    height: 15px;
    line-height: 14px;
    box-sizing: border-box;
    position: relative;
    top: -1px;
}

.header .top .logoin-info .loggedIn .message_center {
    float: left;
    margin-left: 5px;
    margin-right: 6px;
    height: 12px;
    line-height: 12px;
}

.header .top .logoin-info .loggedIn .message_center .-Num- {
    padding-left: 1px;
    height: 12px;
    line-height: 12px;
    float: right;
}

.header .top .logoin-info .loggedIn .circle-wrap {
    width: 90px;
    min-height: 90px;
    position: relative;
}

.header .top .logoin-info .loggedIn .circle-wrap dd {
    width: 100%;
    position: absolute;
    top: 20px;
    left: 0;
}

.header .top .logoin-info .loggedIn .assetDetails-wrap {
    width: 155px;
}

.header .top .logoin-info .loggedIn .assetDetails-wrap dl {
    float: left;
    padding-left: 5px;
    margin-bottom: 8px;
    width: 71px;
    line-height: 16px;
}

.header .top .logoin-info .loggedIn .assetDetails-wrap dl.bl-blue {
    border-left: 1px solid #0263b2;
}

.header .top .logoin-info .loggedIn .assetDetails-wrap dl.bl-orange {
    border-left: 1px solid #46B068;
}

.header .top .logoin-info .loggedIn .assetDetails-wrap dl.bl-green {
    border-left: 1px solid #6bc213;
}

.header .top .logoin-info .loggedIn .assetDetails-wrap dl.bl-grey {
    border-left: 1px solid #b8bcbb;
}

.header .top .qq-login {
    border: 1px solid #e0e0e0;
    padding: 1px 3px;
    margin: 0 6px;
}

.header .top .qq-login img {
    width: 14px;
    height: 14px;
    vertical-align: middle;
}

.header .menu-wrap .item {
    position: relative;
    margin: 7.5px 0;
    float: left;
    height: 12px;
    line-height: 1;
    color: #666;
    cursor: pointer;
    *z-index: 11;
}

.header .menu-wrap .item:hover .dropdown-menu {
    display: block;
}

.header .menu-wrap .item:hover .dropdown-menu~.right-line {
    display: none;
}

.header .menu-wrap .item:hover .dropdown-menu+.fukie {
    display: block;
}

.header .menu-wrap .item:hover .arrow {
    border-top: none;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 3px solid #999;
}

.header .menu-wrap .item:last-child {
    border-right: none;
}

.header .menu-wrap .item .fukie {
    width: 100%;
    display: none;
    position: absolute;
    top: 9px;
    left: -1px;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 30px;
    background-color: #fff;
    border: 1px solid #eee;
    box-sizing: content-box;
}

.header .menu-wrap .item>a {
    display: inline-block;
    padding: 0 17px 0 16px;
    z-index: 3;
}

.header .menu-wrap .item>a span {
    position: relative;
    z-index: 22;
    display: block;
}

.header .menu-wrap .item .top-use-name {
    padding-left: 4px;
    padding-right: 13px;
}

.header .menu-wrap .item .top-use-name span {
    display: block;
}

.header .menu-wrap .item .two-select-menu {
    padding-right: 27px;
}

.header .menu-wrap .item .two-select-menu i {
    right: 16px;
}

.header .menu-wrap .item .arrow {
    z-index: 2;
    right: 6px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 0;
    margin-top: 4.5px;
}

.header .menu-wrap .item>.dropdown-menu>ul {
    display: block !important;
}

.header .menu-wrap .item>.dropdown-menu>ul>li {
    position: relative;
}

.header .menu-wrap .item>.dropdown-menu>ul>li:first-child {
    border-left: none;
}

.header .menu-wrap .item>.dropdown-menu>ul>li::after {
    border-left: 1px solid #ededed;
    position: absolute;
    left: 0;
    top: 10px;
    content: "";
    height: 89%;
}

.header .menu-wrap .item>.dropdown-menu>ul>li:nth-of-type(1)::after {
    border-left: none;
    content: "";
}

.header .menu-wrap .item .dropdown-menu {
    display: none;
    position: absolute;
    z-index: 99999;
    left: -1px;
    top: 20px;
    min-width: 100%;
    height: auto;
    background-color: #fff;
    border: 1px solid #eee;
    border-top: none;
    padding-bottom: 6px;
    box-sizing: content-box;
}

.header .menu-wrap .item .dropdown-menu .title {
    font-weight: bold;
}

.header .menu-wrap .item .dropdown-menu .b {
    display: block;
    margin-bottom: 7px;
}

.header .menu-wrap .item .dropdown-menu a,
.header .menu-wrap .item .dropdown-menu span {
    color: #666;
}

.header .menu-wrap .item .dropdown-menu .-Level- {
    color: #fd7b00;
}

.header .menu-wrap .item .dropdown-menu img.db {
    margin: auto;
    max-width: 75px;
    max-height: 75px;
}

.header .menu-wrap .item .dropdown-menu ul {
    display: table-row;
}

.header .menu-wrap .item .dropdown-menu ul>li {
    vertical-align: top;
    padding: 0px 0px 0 16px;
    display: table-cell;
    float: none;
}

.header .menu-wrap .item .dropdown-menu ul>li a {
    display: block;
    height: 30px;
    line-height: 30px;
}

.header .menu-wrap .item .dropdown-menu ul>li a:hover {
    color: #46B068;
}

.header .menu-wrap .item .dropdown-menu ul>li .b {
    margin-bottom: 0;
}

.header .menu-wrap .item .dropdown-menu ul>.code-li {
    padding: 6px 0 0 0;
    overflow: hidden;
}

.header .menu-wrap .item .dropdown-menu ul>.code-li .code-div {
    padding: 0 9px;
}

.header .menu-wrap .item .dropdown-menu ul>.code-li img {
    display: block;
    margin-bottom: 2px;
}

.header .menu-wrap .item .dropdown-menu ul>.code-li a {
    width: 86px;
    text-align: center;
    display: block;
    overflow: hidden;
    height: 14px;
    margin: auto;
    line-height: 14px;
}

.header .menu-wrap .item .dropdown-menu ul li>ul {
    margin-left: -10px;
}

.header .menu-wrap .item .dropdown-menu ul li>ul li {
    padding-left: 0;
    padding-right: 16px;
}

.header .menu-wrap .item .dropdown-menu>.mt6 {
    margin-bottom: 6px;
}

.header .menu-wrap .item .dropdown-menu>.mt6:last-child {
    margin-bottom: 0;
}

.header .menu-wrap .item:last-child>a {
    padding-left: 5px;
    padding-right: 5px;
}

.header .carousel-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 30px;
}

.header .carousel-wrap .carousel-inner {
    position: absolute;
    left: 0;
    top: 0;
}

.header .carousel-wrap .carousel-inner {
    overflow: hidden;
    width: 100000px;
}

.header .carousel-wrap .carousel-inner .item {
    float: left;
    margin-left: 5px !important;
    padding: 0 !important;
    width: 30px;
    height: 30px;
}

.header .carousel-wrap .carousel-inner .item:first-child {
    margin-left: 0;
}

.header .carousel-wrap .carousel-inner .item img {
    width: 100%;
    height: 100%;
}

.header .right-line {
    height: 10px;
    border-right: 1px solid #d6d6d6;
    position: absolute;
    top: 1px;
    right: 0;
}

.header .bold {
    font-weight: bold;
}

.right-hover {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 74px;
    background-color: #fff;
    box-shadow: 0 0 7px 0 #d1d1d1;
    border-radius: 2px;
    z-index: 9999;
}

.right-hover .hide {
    display: none;
}

.right-hover>ul {
    width: 100%;
}

.right-hover>ul>li {
    height: 72px;
    position: relative;
}

.right-hover>ul>li:after {
    content: "";
    width: 42px;
    height: 1px;
    position: absolute;
    left: 16px;
    bottom: 0;
    background-color: #eee;
}

.right-hover>ul>li:last-of-type:after {
    width: 0;
    height: 0;
}

.right-hover>ul>li>a {
    padding-top: 16px;
    height: 56px;
    display: block;
    text-align: center;
    font-size: 0;
}

.right-hover>ul>li>a>i {
    position: relative;
    width: 25px;
    height: 25px;
    display: block;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.right-hover>ul>li>a>span {
    display: block;
    height: 16px;
    line-height: 16px;
    margin-top: 4px;
    font-size: 12px;
    color: #999;
}

.right-hover>ul>li>a em {
    position: absolute;
    font-size: 12px;
    background-color: #ff0000;
    color: #fff;
    width: 20px;
    height: 16px;
    line-height: 16px;
    top: -8px;
    right: -10px;
    text-align: center;
    border-radius: 11px;
}

.right-hover>ul>li.go-buy i {
    background-image: url("../images/buy-b0ae56ad87.png");
}

.right-hover>ul>li.go-sell i {
    background-image: url("../images/sell-a4533557a7.png");
}

.right-hover>ul>li.go-shopCar i {
    background-image: url("../images/car-97b979c02c.png");
}

.right-hover>ul>li.go-collect i {
    background-image: url("../images/collect-96a1db697a.png");
}

.right-hover>ul>li.go-order-detail {
    display: none;
}

.right-hover>ul>li.go-order-detail i {
    background-image: url("../images/message-2f8ff6485a.png");
}

.right-hover>ul>li#consult i {
    background-image: url("../images/customer-7a3f1f6674.png");
}

.right-hover>ul>li#consult span {
    color: #46B068;
}

.right-hover>ul>li.go-top i {
    background-image: url("../images/go-top-27a2d3022c.png");
}

.right-hover>ul>li:hover.go-buy i {
    background-image: url("../images/buy_active-ee0f1ea43c.png");
}

.right-hover>ul>li:hover.go-sell i {
    background-image: url("../images/sell_active-67506525e6.png");
}

.right-hover>ul>li:hover.go-shopCar i {
    background-image: url("../images/car_active-0841a3964e.png");
}

.right-hover>ul>li:hover.go-collect i {
    background-image: url("../images/collect_active-64eabe54b1.png");
}

.right-hover>ul>li:hover.go-order-detail i {
    background-image: url("../images/message_active-165af4383d.png");
}

.right-hover>ul>li:hover.go-top i {
    background-image: url("../images/go-top-active-b89664ff9f.png");
}

.icon-calendar-red {
    background: url("../images/usernew-edc8c63e95.png") no-repeat -78px -32px;
    background-size: 93px 76px;
    width: 13px;
    height: 13px;
}

.icon-clipboard-l {
    background: url("../images/usernew-edc8c63e95.png") no-repeat -60px 0px;
    background-size: 93px 76px;
    width: 16px;
    height: 16px;
}

.icon-file {
    background: url("../images/usernew-edc8c63e95.png") no-repeat -78px -16px;
    background-size: 93px 76px;
    width: 13px;
    height: 14px;
}

.icon-gift-l {
    background: url("../images/usernew-edc8c63e95.png") no-repeat 0px -60px;
    background-size: 93px 76px;
    width: 16px;
    height: 16px;
}

.icon-mailer-gray {
    background: url("../images/usernew-edc8c63e95.png") no-repeat -20px -20px;
    background-size: 93px 76px;
    width: 18px;
    height: 18px;
}

.icon-mailer {
    background: url("../images/usernew-edc8c63e95.png") no-repeat -40px 0px;
    background-size: 93px 76px;
    width: 18px;
    height: 18px;
}

.icon-mark {
    background: url("../images/usernew-edc8c63e95.png") no-repeat -78px 0px;
    background-size: 93px 76px;
    width: 15px;
    height: 14px;
}

.icon-medal-l {
    background: url("../images/usernew-edc8c63e95.png") no-repeat -60px -36px;
    background-size: 93px 76px;
    width: 16px;
    height: 16px;
}

.icon-message-l {
    background: url("../images/usernew-edc8c63e95.png") no-repeat -60px -18px;
    background-size: 93px 76px;
    width: 16px;
    height: 16px;
}

.icon-phone-gray {
    background: url("../images/usernew-edc8c63e95.png") no-repeat 0px 0px;
    background-size: 93px 76px;
    width: 18px;
    height: 18px;
}

.icon-phone {
    background: url("../images/usernew-edc8c63e95.png") no-repeat -20px -40px;
    background-size: 93px 76px;
    width: 18px;
    height: 18px;
}

.icon-portrait-gray {
    background: url("../images/usernew-edc8c63e95.png") no-repeat 0px -40px;
    background-size: 93px 76px;
    width: 18px;
    height: 18px;
}

.icon-portrait {
    background: url("../images/usernew-edc8c63e95.png") no-repeat -40px -20px;
    background-size: 93px 76px;
    width: 18px;
    height: 18px;
}

.icon-shopping-cart-active {
    background: url("../images/usernew-edc8c63e95.png") no-repeat -18px -60px;
    background-size: 93px 76px;
    width: 16px;
    height: 15px;
}

.icon-shopping-cart {
    background: url("../images/usernew-edc8c63e95.png") no-repeat -36px -60px;
    background-size: 93px 76px;
    width: 16px;
    height: 15px;
}

.icon-shopping-y {
    background: url("../images/usernew-edc8c63e95.png") no-repeat -54px -60px;
    background-size: 93px 76px;
    width: 15px;
    height: 15px;
}

.icon-weixin-gray {
    background: url("../images/usernew-edc8c63e95.png") no-repeat 0px -20px;
    background-size: 93px 76px;
    width: 18px;
    height: 18px;
}

.icon-weixin {
    background: url("../images/usernew-edc8c63e95.png") no-repeat -20px 0px;
    background-size: 93px 76px;
    width: 18px;
    height: 18px;
}

.icon-yellowDiamond {
    background: url("../images/usernew-edc8c63e95.png") no-repeat -40px -40px;
    background-size: 93px 76px;
    width: 18px;
    height: 15px;
}

.icon-arrow-default {
    background: url("../images/business_type-dcac4686b3.png") no-repeat -176px -107px;
    background-size: 248px 194px;
    width: 13px;
    height: 11px;
}

.icon-arrow-dj {
    background: url("../images/business_type-dcac4686b3.png") no-repeat -211px -74px;
    background-size: 248px 194px;
    width: 13px;
    height: 11px;
}

.icon-arrow-dl {
    background: url("../images/business_type-dcac4686b3.png") no-repeat -221px -94px;
    background-size: 248px 194px;
    width: 13px;
    height: 11px;
}

.icon-arrow-steam {
    background: url("../images/business_type-dcac4686b3.png") no-repeat -206px -94px;
    background-size: 248px 194px;
    width: 13px;
    height: 11px;
}

.icon-arrow-trade {
    background: url("../images/business_type-dcac4686b3.png") no-repeat -226px -74px;
    background-size: 248px 194px;
    width: 13px;
    height: 11px;
}

.icon-arrow-zuhao {
    background: url("../images/business_type-dcac4686b3.png") no-repeat -196px -74px;
    background-size: 248px 194px;
    width: 13px;
    height: 11px;
}

.icon-chcked {
    background: url("../images/business_type-dcac4686b3.png") no-repeat -176px -74px;
    background-size: 248px 194px;
    width: 18px;
    height: 18px;
}

.icon-combobox-dj {
    background: url("../images/business_type-dcac4686b3.png") no-repeat -102px 0px;
    background-size: 248px 194px;
    width: 72px;
    height: 72px;
}

.icon-combobox-dl {
    background: url("../images/business_type-dcac4686b3.png") no-repeat -74px -122px;
    background-size: 248px 194px;
    width: 72px;
    height: 72px;
}

.icon-combobox-next-light {
    background: url("../images/business_type-dcac4686b3.png") no-repeat -176px -94px;
    background-size: 248px 194px;
    width: 13px;
    height: 11px;
}

.icon-combobox-next {
    background: url("../images/business_type-dcac4686b3.png") no-repeat -191px -94px;
    background-size: 248px 194px;
    width: 13px;
    height: 11px;
}

.icon-combobox-steam {
    background: url("../images/business_type-dcac4686b3.png") no-repeat 0px 0px;
    background-size: 248px 194px;
    width: 100px;
    height: 120px;
}

.icon-combobox-trade {
    background: url("../images/business_type-dcac4686b3.png") no-repeat -176px 0px;
    background-size: 248px 194px;
    width: 72px;
    height: 72px;
}

.icon-combobox-zuhao {
    background: url("../images/business_type-dcac4686b3.png") no-repeat 0px -122px;
    background-size: 248px 194px;
    width: 72px;
    height: 72px;
}

a {
    text-decoration: none;
}

button {
    outline: none;
}

button:hover {
    cursor: pointer;
}

input {
    outline: none;
    border-radius: 0;
    box-shadow: none !important;
}

i {
    display: inline-block;
}

a html,
body {
    padding: 0;
    margin: 0;
}

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

body,
button,
input,
select,
textarea {
    font-family: 'Arial', 'Microsoft Yahei', serif, monospace;
    font-size: 14px;
    color: #666;
}

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

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

ul,
ol,
dl {
    list-style: none;
}

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

img {
    border: 0;
}

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

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

.fl {
    float: left;
    *display: inline;
}

.fr {
    float: right;
    *display: inline;
}

.dn {
    display: none;
}

.di {
    display: inline;
}

.db {
    display: block;
}

.dib,
.header .top .logoin-info .loggedIn .sign,
.header .top .logoin-info .loggedIn .level,
.form-rad {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.cl {
    clear: both;
}

.rel {
    position: relative;
}

.abs {
    position: absolute;
}

.t2 {
    text-indent: 2em;
}

.n {
    font-weight: normal;
    font-style: normal;
    white-space: normal;
}

.b {
    font-weight: bold;
}

.i {
    font-style: italic;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.tl {
    text-align: left;
}

.tdl {
    text-decoration: underline;
}

.poi {
    cursor: pointer;
}

.def {
    cursor: default;
}

.ovh {
    overflow: hidden;
    _overflow: visible;
    _zoom: 1;
    text-align: center;
}

.ova {
    overflow: auto;
}

.vh {
    visibility: hidden;
}

.vv {
    visibility: visible;
}

.opa0 {
    opacity: 0;
    filter: alpha(opacity=0);
}

.z {
    *zoom: 1;
}

.auto {
    margin-left: auto;
    margin-right: auto;
}

.fix {
    *zoom: 1;
}

.fix:after {
    display: table;
    content: '';
    clear: both;
}

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

.dib_vm {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.disabled {
    outline: 0 none;
    cursor: default !important;
    opacity: .4;
    filter: alpha(opacity=40);
    -ms-pointer-events: none;
    pointer-events: none;
}

.elip,
.form-radio-hidden .frh-cet ul li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wsn {
    white-space: nowrap;
}

.form-getvc .gary {
    color: #ccc;
    cursor: not-allowed !important;
}

.row {
    width: 1200px;
    margin: 0 auto;
}

::-ms-clear,
::-ms-reveal {
    display: none;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}

li {
    list-style: none;
}

.clearfloat {
    zoom: 1;
}

.clearfloat:after {
    display: block;
    clear: both;
    content: "";
}

.fonts-twenty-four {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 900;
}

.fonts-twenty {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 900;
}

.fonts-eighteen {
    font-size: 18px;
    font-family: Microsoft YaHei;
}

.btn-forty-pi,
.btn-forty-msc,
.btn-forty-atc,
.btn-forty-pd,
.btn-forty-vc,
.btn-fortyh-pi,
.btn-fortyh-msc,
.btn-fortyh-atc,
.btn-fortyh-pd,
.btn-fortyh-vc,
.btn-forty-nb,
.btn-forty-recapture,
.fonts-sixteen {
    font-size: 16px;
    font-family: Microsoft YaHei;
}

.btn-thirtyf-ipay,
.btn-thirtyf-isearch,
.btn-thirtyfh-ipay,
.btn-thirtyfh-isearch,
.fonts-fourteen {
    font-size: 14px;
    font-family: Microsoft YaHei;
}

.fonts-thirteen {
    font-size: 13px;
    font-family: Microsoft YaHei;
}

.btn-thirty-pi,
.btn-thirty-collectb,
.btn-thirty-atc,
.btn-thirty-ic,
.btn-thirty-rn,
.btn-thirtyh-pi,
.btn-thirtyh-collectb,
.btn-thirtyh-atc,
.btn-thirtyh-vd,
.btn-thirtyh-rn,
.btn-thirty-safei,
.btn-thirty-entm,
.btn-thirty-orde,
.btn-thirty-accn,
.btn-thirtyh-safei,
.btn-thirtyh-entm,
.btn-thirtyh-orde,
.btn-thirtyh-accn,
.btn-twentyf-search,
.btn-twentyf-cancel,
.btn-twentyf-atc,
.btn-twentyf-filter,
.btn-twentyf-area,
.btn-twentyf-release,
.btn-twentyf-join,
.btn-twentyf-center,
.btn-twentyfh-search,
.btn-twentyfh-cancel,
.btn-twentyfh-atc,
.btn-twentyfh-filter,
.btn-twentyfh-area,
.btn-twentyfh-release,
.btn-twentyfh-join,
.btn-twentyfh-center,
.btn-twenty-copy,
.btn-twenty-con,
.btn-twenty-del,
.btn-twenty-see,
.btn-twenty-rec,
.btn-twentyh-copy,
.btn-twentyh-con,
.btn-twentyh-del,
.btn-twentyh-see,
.btn-twentyh-rec,
.fonts-twelve {
    font-size: 12px;
    font-family: Microsoft YaHei;
}

/* 按钮 */
.btn-forty-pi,
.btn-forty-msc,
.btn-forty-atc,
.btn-forty-pd,
.btn-forty-vc,
.btn-fortyh-pi,
.btn-fortyh-msc,
.btn-fortyh-atc,
.btn-fortyh-pd,
.btn-fortyh-vc,
.btn-forty-nb,
.btn-forty-recapture {
    width: 138px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    *line-height: 36px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
}

.btn-thirtyf-ipay,
.btn-thirtyf-isearch,
.btn-thirtyfh-ipay,
.btn-thirtyfh-isearch {
    width: 98px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    *line-height: 30px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
}

.btn-thirty-pi,
.btn-thirty-collectb,
.btn-thirty-atc,
.btn-thirty-ic,
.btn-thirty-rn,
.btn-thirtyh-pi,
.btn-thirtyh-collectb,
.btn-thirtyh-atc,
.btn-thirtyh-vd,
.btn-thirtyh-rn,
.btn-thirty-safei,
.btn-thirty-entm,
.btn-thirty-orde,
.btn-thirty-accn,
.btn-thirtyh-safei,
.btn-thirtyh-entm,
.btn-thirtyh-orde,
.btn-thirtyh-accn {
    width: 98px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    *line-height: 26px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
}

.btn-twentyf-search,
.btn-twentyf-cancel,
.btn-twentyf-atc,
.btn-twentyf-filter,
.btn-twentyf-area,
.btn-twentyf-release,
.btn-twentyf-join,
.btn-twentyf-center,
.btn-twentyfh-search,
.btn-twentyfh-cancel,
.btn-twentyfh-atc,
.btn-twentyfh-filter,
.btn-twentyfh-area,
.btn-twentyfh-release,
.btn-twentyfh-join,
.btn-twentyfh-center {
    width: 78px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    *line-height: 21px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
}

.btn-twenty-copy,
.btn-twenty-con,
.btn-twenty-del,
.btn-twenty-see,
.btn-twenty-rec,
.btn-twentyh-copy,
.btn-twentyh-con,
.btn-twentyh-del,
.btn-twentyh-see,
.btn-twentyh-rec {
    width: 38px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    *line-height: 17px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
}

.btn-forty-pi,
.btn-thirtyf-ipay,
.btn-thirty-pi,
.btn-twentyf-search,
.btn-twentyf-filter {
    color: #FFFFFF;
    border: 1px solid #46B068;
    background-color: #46B068;
}

.btn-forty-msc,
.btn-thirty-collectb,
.btn-twentyf-cancel,
.btn-twentyf-join,
.btn-twenty-con {
    color: #46B068;
    border: 1px solid #46B068;
    background-color: #FFFFFF;
}

.btn-forty-atc,
.btn-thirty-atc,
.btn-twentyf-atc,
.btn-twentyf-release {
    color: #46B068;
    border: 1px solid #46B068;
    background-color: #FFF5EC;
}

.btn-forty-vc,
.btn-thirtyf-isearch:hover,
.btn-thirtyfh-isearch,
.btn-thirty-ic,
.btn-thirty-rn,
.btn-twentyf-area,
.btn-twentyf-center,
.btn-twentyf-center:hover,
.btn-twentyfh-center,
.btn-twenty-copy {
    color: #666666;
    border: 1px solid #D6D6D6;
    background-color: #FFFFFF;
}

.btn-forty-pi:hover,
.btn-fortyh-pi,
.btn-thirtyf-ipay:hover,
.btn-thirtyfh-ipay,
.btn-thirty-pi:hover,
.btn-thirtyh-pi,
.btn-twentyf-search:hover,
.btn-twentyf-filter:hover,
.btn-twentyfh-search,
.btn-twentyfh-filter {
    color: #FFFFFF;
    border: 1px solid #46B068;
    background-color: #46B068;
}

.btn-forty-msc:hover,
.btn-fortyh-msc,
.btn-thirty-collectb:hover,
.btn-thirtyh-collectb,
.btn-twentyf-cancel:hover,
.btn-twentyf-join:hover,
.btn-twentyfh-cancel,
.btn-twentyfh-join,
.btn-twenty-con:hover,
.btn-twentyh-con {
    color: #FFFFFF;
    border: 1px solid #46B068;
    background-color: #46B068;
}

.btn-forty-atc:hover,
.btn-fortyh-atc,
.btn-thirty-atc:hover,
.btn-thirtyh-atc,
.btn-twentyf-atc:hover,
.btn-twentyf-release:hover,
.btn-twentyfh-atc,
.btn-twentyfh-release {
    color: #46B068;
    border: 1px solid #46B068;
    background-color: #FFFFFF;
}

.btn-forty-vc:hover,
.btn-fortyh-vc,
.btn-thirtyf-isearch,
.btn-thirty-ic:hover,
.btn-thirty-rn:hover,
.btn-thirtyh-vd,
.btn-thirtyh-rn,
.btn-twentyf-area:hover,
.btn-twentyfh-area,
.btn-twenty-copy:hover,
.btn-twentyh-copy {
    color: #46B068;
    border: 1px solid #46B068;
}

.btn-thirty-safei,
.btn-twenty-rec {
    color: #38B03F;
    border: 1px solid #38B03F;
    background-color: #FFFFFF;
}

.btn-thirty-entm,
.btn-twenty-see {
    color: #0E56A6;
    border: 1px solid #0E56A6;
    background-color: #FFFFFF;
}

.btn-thirty-orde {
    color: #FFFFFF;
    border: 1px solid #38B03F;
    background-color: #38B03F;
}

.btn-thirty-accn {
    color: #FFFFFF;
    border: 1px solid #0E56A6;
    background-color: #0E56A6;
}

.btn-twenty-del {
    color: #FF0000;
    border: 1px solid #FF0000;
    background-color: #FFFFFF;
}

.btn-thirty-safei:hover,
.btn-thirtyh-safei,
.btn-twenty-rec:hover,
.btn-twentyh-rec {
    color: #FFFFFF;
    border: 1px solid #38B03F;
    background-color: #38B03F;
}

.btn-thirty-entm:hover,
.btn-thirtyh-entm,
.btn-twenty-see:hover,
.btn-twentyh-see {
    color: #FFFFFF;
    border: 1px solid #0E56A6;
    background-color: #0E56A6;
}

.btn-thirty-orde:hover,
.btn-thirtyh-orde {
    color: #FFFFFF;
    border: 1px solid #56BC5C;
    background-color: #56BC5C;
}

.btn-thirty-accn:hover,
.btn-thirtyh-accn {
    color: #FFFFFF;
    border: 1px solid #326FB3;
    background-color: #326FB3;
}

.btn-twenty-del:hover,
.btn-twentyh-del {
    color: #FFFFFF;
    border: 1px solid #FF0000;
    background-color: #FF0000;
}

.btn-col-seem,
.btn-col-edit,
.btn-col-del,
.btn-col-who,
.btn-col-payment,
.btn-colh-seem,
.btn-colh-edit,
.btn-colh-del,
.btn-colh-who,
.btn-colh-payment {
    font-size: 12px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
}

.btn-forty-msc:hover {
    opacity: 0.9;
}

.btn-forty-pd {
    color: #FFFFFF;
    border: 1px solid #F1A325;
    background-color: #F1A325;
}

.btn-forty-pd:hover {
    border: 1px solid #F3B145;
    background-color: #F3B145;
}

.btn-forty-vc {
    font-size: 12px;
}

.btn-fortyh-msc {
    opacity: 0.9;
}

.btn-fortyh-pd {
    color: #FFFFFF;
    border: 1px solid #F3B145;
    background-color: #F3B145;
}

.btn-fortyh-pd span {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 5px;
    background-color: #FFFFFF;
    position: relative;
    top: 2px;
}

.btn-fortyh-pd i {
    color: #FF9900;
    border-radius: 50%;
    font-size: 18px;
}

.btn-fortyh-vc {
    font-size: 12px;
}

.btn-forty-nb {
    color: #999999;
    border: 1px solid #EDEDED;
    background-color: #FAFAFA;
}

.btn-forty-recapture {
    color: #999999;
    border: 1px solid #EDEDED;
    background-color: #FAFAFA;
    font-size: 12px;
}

button[class="btn-forty-pi"],
button[class="btn-fortyh-pi"],
button[class="btn-forty-msc"],
button[class="btn-fortyh-msc"],
button[class="btn-forty-atc"],
button[class="btn-fortyh-atc"],
button[class="btn-forty-pd"],
button[class="btn-fortyh-pd"],
button[class="btn-forty-vc"],
button[class="btn-fortyh-vc"],
button[class="btn-forty-nb"],
button[class="btn-forty-recapture"] {
    width: 140px;
    height: 40px;
}

button[class="btn-thirtyf-ipay"],
button[class="btn-thirtyfh-ipay"],
button[class="btn-thirtyf-isearch"],
button[class="btn-thirtyfh-isearch"] {
    width: 100px;
    height: 34px;
}

.btn-thirty-rn {
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.btn-thirtyh-rn {
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

button[class="btn-thirty-pi"],
button[class="btn-thirtyh-pi"],
button[class="btn-thirty-collectb"],
button[class="btn-thirtyh-collectb"],
button[class="btn-thirty-atc"],
button[class="btn-thirtyh-atc"],
button[class="btn-thirty-ic"],
button[class="btn-thirtyh-ic"],
button[class="btn-thirty-rn"],
button[class="btn-thirtyh-rn"] {
    width: 100px;
    height: 30px;
}

button[class="btn-thirty-safei"],
button[class="btn-thirtyh-safei"],
button[class="btn-thirty-entm"],
button[class="btn-thirtyh-entm"],
button[class="btn-thirty-orde"],
button[class="btn-thirtyh-orde"],
button[class="btn-thirty-accn"],
button[class="btn-thirtyh-accn"] {
    width: 100px;
    height: 30px;
}

.btn-twentyf-filter {
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.btn-twentyf-area {
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.btn-twentyf-release {
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.btn-twentyf-join {
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.btn-twentyfh-filter {
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.btn-twentyfh-area {
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.btn-twentyfh-release {
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.btn-twentyfh-join {
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

button[class="btn-twentyf-search"],
button[class="btn-twentyfh-search"],
button[class="btn-twentyf-cancel"],
button[class="btn-twentyfh-cancel"],
button[class="btn-twentyf-atc"],
button[class="btn-twentyfh-atc"],
button[class="btn-twentyf-filter"],
button[class="btn-twentyfh-filter"],
button[class="btn-twentyf-area"],
button[class="btn-twentyfh-area"],
button[class="btn-twentyf-release"],
button[class="btn-twentyfh-release"],
button[class="btn-twentyf-join"],
button[class="btn-twentyfh-join"],
button[class="btn-twentyf-center"],
button[class="btn-twentyfh-center"] {
    width: 80px;
    height: 24px;
}

button[class="btn-twenty-copy"],
button[class="btn-twentyh-copy"],
button[class="btn-twenty-con"],
button[class="btn-twentyh-con"],
button[class="btn-twenty-del"],
button[class="btn-twentyh-del"],
button[class="btn-twenty-see"],
button[class="btn-twentyh-see"],
button[class="btn-twenty-rec"],
button[class="btn-twentyh-rec"] {
    width: 40px;
    height: 20px;
}

.btn-col-seem {
    color: #666666;
}

.btn-col-seem:hover {
    color: #46B068;
}

.btn-col-edit {
    color: #0E56A6;
}

.btn-col-edit:hover {
    color: #326FB3;
}

.btn-col-del {
    color: #FF0000;
}

.btn-col-del:hover {
    color: #FF3333;
}

.btn-col-who {
    color: #46B068;
}

.btn-col-who:hover {
    color: #46B068;
}

.btn-col-payment {
    color: #0E56A6;
}

.btn-col-payment:hover {
    color: #326FB3;
}

.btn-colh-seem {
    color: #46B068;
}

.btn-colh-edit {
    color: #326FB3;
}

.btn-colh-del {
    color: #FF3333;
}

.btn-colh-who {
    color: #46B068;
}

.btn-colh-payment {
    color: #326FB3;
}

/*颜色*/
.col-pay {
    background-color: #46B068;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-pay-mouse {
    background-color: #46B068;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-success {
    background-color: #38B03F;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-success-mouse {
    background-color: #56BC5C;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-commonly {
    background-color: #0E56A6;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-commonly-mouse {
    background-color: #326FB3;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-delete {
    background-color: #FF0000;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-delete-mouse {
    background-color: #FF3333;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-title {
    background-color: #333333;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-text {
    background-color: #666666;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-prompt {
    background-color: #999999;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-button-line {
    background-color: #D6D6D6;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-plate-line {
    background-color: #EDEDED;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-plate-bgd {
    background-color: #FAFAFA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-dark-text {
    background-color: #FFFFFF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-danger-line {
    background-color: #FFCDBF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-danger-bgd {
    background-color: #FFE5DE;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-success-line {
    background-color: #B6E8BB;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-success-bgd {
    background-color: #DDF4DF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-notice-line {
    background-color: #FFDECC;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-notice-bgd {
    background-color: #FFF5EC;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-commonly-line {
    background-color: #B2D4F2;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

.col-commonly-bgd {
    background-color: #FBFDFF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
    height: 50px;
}

/*文字*/
/* 菜单 */
.menu {
    width: 615px;
    height: inherit;
    border-bottom: 2px solid #46B068;
    overflow: hidden;
}

.menu-classify {
    width: 145px;
    height: inherit;
    padding: 12px 0px;
    background-color: #46B068;
    color: #FFFFFF;
    font-size: 16px;
    float: left;
    text-align: center;
}

.menu ul {
    overflow: hidden;
}

.menu ul li {
    float: left;
    padding: 12px 0;
    text-align: center;
}

.menu ul li a {
    overflow: hidden;
    color: #666666;
    padding: 12px 25px;
}

.menu ul li:hover a {
    color: #46B068;
}

.menu-lf {
    width: 100%;
    height: inherit;
    position: relative;
}

.menu-left {
    width: 220px;
    height: inherit;
    border: 1px solid #EDEDED;
}

.menu-left>div {
    padding: 15px;
    border-top: 1px solid #FAFAFA;
}

.menu-left>div:hover {
    background-color: #FFF5EC;
    cursor: pointer;
}

.menu-left>div:first-child {
    border-top: 0px solid #FAFAFA;
}

.menu-left>div>p {
    text-align: left;
    font-size: 14px;
    color: #333333;
}

.menu-left-down a,
.menu-left-hidden-center a {
    font-size: 12px;
    color: #666666;
}

.menu-left-hidden-center a {
    display: inline-block;
    padding-right: 20px;
    text-align: center;
}

.menu-left>div:hover .menu-left-hidden {
    display: block;
}

.menu-left-hidden {
    display: none;
    position: absolute;
    top: 0;
    left: 220px;
    border: 1px solid #46B068;
    padding: 0 25px;
}

.menu-left-hidden>div {
    padding: 20px 0;
}

.menu-left-hidden>div p {
    padding-bottom: 10px;
    font-size: 14px;
    color: #333333;
    border-bottom: 1px solid #EDEDED;
}

.menu-left-hidden-center {
    padding-top: 5px;
}

.menu-left-down a:hover,
.menu-left-hidden-center a:hover {
    color: #46B068;
}

.menu-personal {
    width: 610px;
    height: inherit;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #EDEDED;
    border-left: 1px solid #EDEDED;
    border-right: 1px solid #EDEDED;
}

.menu-personal ul {
    width: 100%;
    overflow: hidden;
}

.menu-personal ul li {
    float: left;
    text-align: center;
    padding: 30px 48px;
}

.menu-personal ul li a {
    font-size: 16px;
    color: #333333;
    padding: 28px 0px;
}

.menu-personal ul li:hover a {
    border-bottom: 2px solid #46B068;
    color: #46B068;
}

.menu-personleft {
    width: 220px;
    height: inherit;
    border: 1px solid #EDEDED;
}

.menu-personleft>div {
    padding: 10px 0;
    padding-left: 30px;
    padding-right: 20px;
    overflow: hidden;
}

.menu-personleft>div>span:hover {
    cursor: pointer;
}

.menu-personleft>div>.icon-down,
.menu-personleft>div>.icon-up {
    float: right;
    top: 10px;
    *top: -10px;
    margin: 0;
}

.menu-personleft>div>.icon-down,
.menu-personleft>div>.icon-up {
    display: inline-block;
}

.menu-personleft>div>span {
    font-size: 14px;
    color: #333333;
}

.menu-personleft>div>i {
    margin-right: 10px;
    position: relative;
    top: 2px;
    color: #666666;
}

.menu-personleft-hidden>div>span,
.menu-personleft-hidden>div>div>p {
    font-size: 12px;
    color: #333333;
    display: inline-block;
    padding-top: 20px;
}

.menu-personleft-hidden>div>i {
    display: inline-block;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    margin-right: 10px;
    margin-left: 2px;
    position: relative;
    top: 2px;
    *top: -2px;
}

.icon-open,
.icon-close {
    display: inline-block;
}

.menu-personleft-hidden>div>i:hover {
    cursor: pointer;
}

.menu-personleft-hidden>div>div>p {
    color: #666666;
}

.menu-personleft-hidden>div>div {
    padding-left: 30px;
}

.tab-top-blg,
.tab-top-bsm {
    width: 700px;
    height: inherit;
    border-bottom: 2px solid #46B068;
}

.tab-top-blg ul,
.tab-top-bsm ul {
    overflow: hidden;
    width: 100%;
    height: inherit;
    background-color: #FAFAFA;
}

.tab-top-blg ul li,
.tab-top-bsm ul li {
    width: 20%;
    height: inherit;
    display: inline-block;
    float: left;
    text-align: center;
}

.tab-top-blg ul li span,
.tab-top-bsm ul li span {
    width: 100%;
    height: inherit;
    width: 100%;
    font-size: 16px;
    color: #666666;
    display: block;
}

.tab-top-blg-backga,
.tab-top-bsm-backga {
    background: #46B068;
    color: #FFFFFF !important;
}

.tab-top-blg ul li span:hover,
.tab-top-bsm ul li span:hover,
.tab-top-nobsm ul li span:hover,
.tab-top-noblg ul li span:hover {
    cursor: pointer;
    color: #46B068;
}

.tab-top-blg ul li span {
    line-height: 51px;
}

.tab-top-bsm ul li span {
    font-size: 14px;
    line-height: 40px;
}

.tab-top-nobsm ul,
.tab-top-noblg ul {
    overflow: hidden;
    width: 100%;
}

.tab-top-nobsm ul li,
.tab-top-noblg ul li {
    width: 20%;
    display: inline-block;
    float: left;
    text-align: center;
}

.tab-top-nobsm ul li span,
.tab-top-noblg ul li span {
    width: 100%;
    font-size: 14px;
    color: #666666;
}

.tab-top-nobsm-backga,
.tab-top-noblg-backga {
    border-bottom: 2px solid #46B068;
    color: #46B068 !important;
}

.tab-top-nobsm {
    width: 415px;
    height: inherit;
    border-bottom: 1px solid #EDEDED;
}

.tab-top-nobsm ul li {
    line-height: 41px;
}

.tab-top-nobsm ul li span {
    padding: 9px 0;
}

.tab-top-noblg {
    width: 565px;
    height: inherit;
    border-bottom: 1px solid #EDEDED;
}

.tab-top-noblg ul li {
    line-height: 41px;
}

.tab-top-noblg ul li span {
    font-size: 16px;
    padding: 8px 0;
}

.tab-left-sm {
    width: 60px;
    height: inherit;
}

.tab-left-sm ul {
    width: 100%;
}

.tab-left-sm ul li {
    width: 100%;
    text-align: center;
    font-size: 14px;
    display: inline-block;
}

.tab-left-sm ul li span {
    border: 1px solid #EDEDED;
    border-top: 1px solid #FFFFFF;
    font-size: 14px;
    color: #666666;
    display: block;
    padding: 20px 5px;
    *overflow: hidden;
}

.tab-left-sm ul li:first-child span {
    border: 1px solid #EDEDED;
}

.tab-left-sm ul li span:hover {
    cursor: pointer;
    color: #46B068;
}

.tab-left-sm-backga {
    background-color: #46B068;
    color: #FFFFFF !important;
    border: 1px solid #46B068 !important;
}

.tab-left-lg {
    width: 300px;
    height: inherit;
    position: relative;
}

.tab-left-lg>ul {
    width: 100%;
}

.tab-left-lg>ul>li {
    width: 100%;
    border: 1px solid #EDEDED;
    border-top: 0px solid #EDEDED;
    text-align: left;
    font-size: 14px;
    display: inline-block;
    background-color: #FAFAFA;
    position: relative;
}

.tab-left-lg>ul>li:first-child {
    border-top: 1px solid #EDEDED;
}

.tab-left-lg>ul>li span {
    font-size: 14px;
    color: #666666;
    display: block;
    padding: 20px;
    *overflow: hidden;
}

.tab-left-lg>ul>li span:hover {
    cursor: pointer;
    color: #46B068;
}

.tlli-hide {
    display: inline;
}

.tab-left-lg-backga {
    background-color: #FFFFFF;
    color: #46B068 !important;
    border-left: 2px solid #46B068;
}

.tab-left-lg-hidden {
    width: 243px;
    height: 243px;
    border: 1px solid #EDEDED;
    background-color: #FFFFFF;
    position: absolute;
    top: 0;
    left: 300px;
}

.tab-left-lg-i {
    width: 3px;
    display: inline-block;
    height: 60px;
    background-color: #FFFFFF;
    position: absolute;
    top: 0;
    left: 299px;
    z-index: 10;
}

.tab-left-backlg {
    width: 160px;
    height: 350px;
    background-color: #333333;
}

.tab-left-backlg ul {
    width: 100%;
}

.tab-left-backlg ul li {
    width: 100%;
    text-align: left;
    font-size: 14px;
    display: inline-block;
}

.tab-left-backlg ul li span {
    font-size: 14px;
    color: #FFFFFF;
    display: block;
    padding: 20px 5px;
    *overflow: hidden;
}

.tab-left-backlg ul li span:hover {
    cursor: pointer;
    color: #999999;
}

.tab-left-backlg ul li span i {
    padding: 5px;
}

.tab-left-backlg-backga {
    background-color: #666666;
    color: #FFFFFF !important;
}

.tab-across {
    width: 325px;
    height: inherit;
}

.tab-across ul {
    width: 100%;
}

.tab-across ul li {
    border: 1px solid #EDEDED;
    border-left: 1px solid #FFFFFF;
    width: 79px;
    float: left;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 10px;
    position: relative;
}

.tab-across ul li:hover {
    border: 1px solid #46B068 !important;
    cursor: pointer;
}

.tab-across ul li:hover span {
    display: block;
}

.tab-across ul li:hover .tab-across-hiddenone,
.tab-across ul li:hover .tab-across-hiddentwo,
.tab-across ul li:hover .tab-across-hiddenthree,
.tab-across ul li:hover .tab-across-hiddenfour {
    display: block;
}

.tab-across ul li:first-child {
    border-left: 1px solid #EDEDED;
}

.tab-across ul li>i {
    color: #46B068;
    font-size: 25px;
}

.tab-across ul li p {
    font-size: 12px;
    color: #333333;
    padding-top: 5px;
}

.tab-across ul li span {
    width: 100%;
    height: 5px;
    background-color: #FFFFFF;
    position: absolute;
    top: 72px;
    left: 0;
    display: none;
    z-index: 3;
}

.tab-across-hiddenone,
.tab-across-hiddentwo,
.tab-across-hiddenthree,
.tab-across-hiddenfour {
    display: none;
    width: 322px;
    height: 125px;
    *width: 321px;
    border: 1px solid #46B068;
    background-color: #FFFFFF;
    position: absolute;
    top: 74px;
    z-index: 2;
    left: 0;
}

.tab-across-hiddenone {
    left: -1px;
}

.tab-across-hiddentwo {
    left: -82px;
}

.tab-across-hiddenthree {
    left: -163px;
}

.tab-across-hiddenfour {
    left: -244px;
}

.tab-across ul li div i {
    float: right;
    color: #46B068;
    font-size: 12px;
    padding: 10px;
}

.tab-across ul li div i:hover {
    cursor: pointer;
}

.tab-transverse-sm {
    width: 170px;
    height: inherit;
    border-bottom: 2px solid #46B068;
}

.tab-transverse-sm ul {
    overflow: hidden;
    width: 100%;
}

.tab-transverse-sm ul li {
    width: 33%;
    display: inline-block;
    float: left;
    text-align: center;
}

.tab-transverse-sm ul li span {
    width: 100%;
    font-size: 12px;
    color: #666666;
    display: block;
    padding: 2px 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.tab-transverse-sm ul li span:hover {
    cursor: pointer;
    color: #46B068;
}

.tab-transverse-sm-backga {
    background: #46B068;
    color: #FFFFFF !important;
}

.tab-transverse-lg {
    width: 300px;
    height: inherit;
}

.tab-transverse-lg ul {
    overflow: hidden;
    width: 100%;
    background-color: #FAFAFA;
}

.tab-transverse-lg ul li {
    width: 33.333%;
    display: inline-block;
    float: left;
    text-align: center;
}

.tab-transverse-lg ul li span {
    width: 100%;
    font-size: 12px;
    color: #666666;
    display: block;
    padding: 4px 0;
}

.tab-transverse-lg ul li span:hover {
    cursor: pointer;
    color: #46B068;
}

.tab-transverse-lg-backga {
    background: #46B068;
    color: #FFFFFF !important;
}

.tab-transverse-lgtwo {
    width: 150px;
    height: inherit;
}

.tab-transverse-lgtwo ul {
    overflow: hidden;
    width: 100%;
}

.tab-transverse-lgtwo ul li {
    width: 49%;
    display: inline-block;
    float: left;
    text-align: center;
}

.tab-transverse-lgtwo ul li span {
    width: 100%;
    font-size: 12px;
    color: #46B068;
    display: block;
    padding: 4px 0;
    border: 1px solid #FF3333;
}

.tab-transverse-lgtwo ul li span:hover {
    cursor: pointer;
}

.tab-transverse-lgtwo ul li:first-child span {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.tab-transverse-lgtwo ul li:first-child+li span {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.tab-transverse-lgtwo-backga {
    background: #46B068;
    color: #FFFFFF !important;
    border: 1px solid #46B068 !important;
}

.tab-top-bsm1 {
    border: 1px solid #ededed;
    height: 40px;
    background-color: #fafafa;
}

.tab-top-bsm1 ul {
    overflow: inherit;
    height: 40px;
    background-color: #F5F5F5;
}

.tab-top-bsm1 ul li {
    width: auto !important;
}

.tab-top-bsm1 ul li span {
    width: auto;
    height: 39px;
    line-height: 39px;
    border-top: 1px solid #ededed;
    border-left: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;
    position: relative;
    top: -1px;
    left: 0;
    padding: 0 20px;
}

.tab-top-bsm1 ul li .tab-top-bsm-backga {
    height: 39px;
    line-height: 37px;
    color: #46B068 !important;
    background-color: #ffffff;
    border-top: 2px solid #46B068;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
}

.tab-top-bsm1 ul li:first-child .tab-top-bsm-backga {
    border-left: 1px solid #ffffff;
}

.page {
    width: 100%;
    height: inherit;
    *overflow: hidden;
}

.page-left {
    width: 720px;
    height: inherit;
    display: inline-block;
    *float: left;
}

.page-cet {
    width: 110px;
    height: inherit;
    display: inline-block;
    *float: left;
}

.page-rgt {
    width: 160px;
    height: inherit;
    display: inline-block;
    color: #333333;
    font-size: 12px;
    *float: left;
}

.page-left a {
    border: 1px solid #D6D6D6;
    width: 30px;
    height: 30px;
    color: #333333;
    display: inline-block;
    background-color: #FFFFFF;
    font-size: 12px;
    margin-right: 5px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
}

.page-left a:hover {
    border: 1px solid #46B068;
    color: #46B068;
}

#page-home,
#page-last {
    width: 50px;
}

#page-prev,
#page-next {
    width: 70px;
}

#page-left-sel {
    background-color: #46B068;
    color: #FFFFFF;
    border: 1px solid #46B068;
}

.page-cet p {
    color: #333333;
    font-size: 12px;
    display: inline-block;
}

#page-cet-all {
    color: #46B068;
}

.page-rgt button {
    font-size: 12px;
    width: 55px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #FAFAFA;
    border: 1px solid #D6D6D6;
    color: #333333;
}

.page-rgt button:hover {
    border: 1px solid #46B068;
    color: #46B068;
    background: #FFFFFF;
}

.page-rgt-ipt {
    display: inline-block;
    position: relative;
    border: 1px solid #D6D6D6;
    width: 53px;
    height: 30px;
    overflow: hidden;
    top: 10px;
    padding-left: 5px;
}

.page-rgt-ipt input {
    width: 40px;
    height: 30px;
    border: 0px;
    float: left;
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
}

.page-rgt-img {
    width: 13px;
    height: 30px;
    background: #FAFAFA;
    display: inline-block;
    position: relative;
}

.page-rgt-img span {
    height: 0px;
    border-style: solid;
    border-width: 4px 4px 4px 4px;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
}

#page-rgt-imgone {
    right: 4px;
    top: 3px;
    border-color: #f7f7f7 #f7f7f7 #666666 #f7f7f7;
}

#page-rgt-imgtwo {
    border-color: #666666 #f7f7f7 #f7f7f7 #f7f7f7;
    top: 20px;
    right: 4px;
}

.page-rgt-img span:hover {
    cursor: pointer;
}

.page-nopg {
    font-size: 12px;
}

.page-nopg ul {
    overflow: hidden;
}

.page-nopg ul li {
    margin-right: 16px;
    display: inline-block;
    text-align: center;
    float: left;
}

.page-nopg ul li:first-child+li+li {
    margin: 0;
}

.page-nopg ul li>div {
    margin-top: 5px;
}

.page-nopg ul li>span {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #D6D6D6;
    background-color: #FFFFFF;
}

.page-nopg ul li>span:hover {
    cursor: pointer;
    background-color: #FAFAFA;
}

.page-nopg ul li>span>i {
    font-size: 12px;
    color: #333333;
    *position: relative;
    *top: 6px;
}

.page-nopg-cur {
    color: #46B068;
}

.page-round {
    width: 150px;
    height: inherit;
}

.page-round ul {
    width: 100%;
    overflow: hidden;
}

.page-round ul li {
    display: inline-block;
    text-align: center;
    float: left;
}

.page-round-left,
.page-round-right {
    width: 15px;
    height: 15px;
}

.page-round-center {
    width: 120px;
    height: 15px;
}

.page-round-left span,
.page-round-right span {
    display: inline-block;
    width: 13px;
    height: 13px;
    line-height: 14px;
    border: 1px solid #D6D6D6;
    background-color: #FFFFFF;
    position: relative;
    top: -3px;
}

.page-round-left span:hover,
.page-round-right span:hover {
    cursor: pointer;
    background-color: #FAFAFA;
}

.page-round-left span i,
.page-round-right span i {
    font-size: 12px;
    color: #333333;
    position: relative;
    top: -1px;
}

.page-round-center span {
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 1px solid #D6D6D6;
    text-align: center;
    position: relative;
    top: -2px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

#page-round-center-bkg {
    background: #46B068;
    border: 1px solid #46B068;
}

.page-triangle {
    width: 100%;
    height: inherit;
}

.page-triangle ul {
    width: 100%;
    overflow: hidden;
}

.page-triangle ul li {
    display: inline-block;
    text-align: center;
    float: left;
}

.page-triangle-left,
.page-triangle-right {
    width: 100px;
    height: inherit;
}

.page-triangle-center {
    width: 100px;
    height: 50px;
}

.page-triangle-left i,
.page-triangle-right i {
    padding: 11px 6px;
}

.page-triangle-left i:hover,
.page-triangle-right i:hover {
    border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    cursor: pointer;
    background-color: #7A7A7A;
}

.page-triangle-left span i,
.page-triangle-right span i {
    font-size: 12px;
    color: #333333;
    position: relative;
    top: -1px;
}

.form {
    width: 100%;
    height: inherit;
}

.form>ul,
.form>ul>li {
    width: 100%;
    height: inherit;
}

.form>ul>li {
    padding-bottom: 30px;
}

.form-sm {
    width: 273px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #D6D6D6;
    padding-left: 10px;
    color: #333333;
}

.form-lg {
    width: 273px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #D6D6D6;
    padding-left: 10px;
    color: #333333;
}

.form-error {
    border: 1px solid #FF0000 !important;
}

.form-impor {
    border: 1px solid #EDEDED;
    color: #999999;
    background-color: #FAFAFA;
}

.form-vc-show {
    width: 273px;
    height: 32px;
    overflow: hidden;
    border: 1px solid #D6D6D6;
    padding-left: 10px;
    position: relative;
}

.form-vc-show input {
    width: 127px;
    height: 32px;
    border: 0px;
    float: left;
    line-height: 32px;
    font-size: 12px;
    color: #333333;
}

.vc-img {
    padding: 2px 10px;
    float: left;
}

.form-vc-show span {
    font-size: 12px;
    color: #0E56A6;
    line-height: 32px;
}

.form-vc-show img:hover,
.form-vc-show span:hover {
    cursor: pointer;
}

.form-vc-show span:hover {
    color: #326FB3;
}

.vc-right,
.vc-err {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    position: absolute;
    top: 9px;
    left: 115px;
}

.form-getvc {
    width: 290px;
    height: inherit;
    position: relative;
    overflow: hidden;
}

.form-getvc input {
    width: 100px;
    height: 32px;
    border: 1px solid #D6D6D6;
    line-height: 32px;
    padding-left: 10px;
    color: #333333;
    padding-right: 25px;
    float: left;
}

.form-getvc span {
    width: 138px;
    height: 32px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    line-height: 32px;
    border: 1px solid #D6D6D6;
    color: #666666;
    background: #FAFAFA;
    margin-left: 8px;
    float: left;
    border-radius: 2px;
}

.form-getvc>i {
    position: absolute;
    left: 113px;
    top: 8px;
}

.form-getvc span:hover,
.form-getvc>i:hover {
    cursor: pointer;
}

.form-radio,
.form-checkbox {
    width: 135px;
    height: 32px;
    border: 1px solid #D6D6D6;
}

.form-radio input,
.form-checkbox input {
    width: 102px;
    height: 32px;
    border: 0px;
    line-height: 32px;
    padding-left: 10px;
    font-size: 12px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.frh-hid {
    display: none;
}

.form-rad {
    width: 137px;
    height: inherit;
    position: relative;
    top: 0;
    left: 0;
    z-index: 20;
}

.form-radio {
    position: relative;
    cursor: pointer;
}

.form-radio i {
    position: absolute;
    top: 14px;
    right: 10px;
    *top: -13px;
}

.form-radio input {
    cursor: pointer;
}

.form-radio i:hover,
.frh-top-search i:hover {
    cursor: pointer;
}

.frh-top-search>i {
    display: inline-block;
    width: 13px;
    height: 13px;
    position: relative;
    top: 3px;
    margin-left: 5px;
}

/* 如果需要隐藏的内容脱离文档流，就把下面的定位释放开就可以了。 */
.form-radio-hidden {
    width: 100%;
    height: inherit;
    position: absolute;
    top: 34px;
    left: 0;
    z-index: 200;
}

.frh-top {
    border: 1px solid #D6D6D6;
    border-top: 0px solid #D6D6D6;
    background-color: #F5F5F5;
    padding: 5px;
}

.frh-top-search {
    background-color: #FFFFFF;
    border: 1px solid #D6D6D6;
}

.frh-top-search i {
    position: relative;
    top: 1px;
    top: -3px \9;
}

.frh-top-search input {
    width: 100px;
    height: 24px;
    border: 0px;
    line-height: 23px;
    font-size: 12px;
    color: #333333;
}

.frh-cet {
    border: 1px solid #D6D6D6;
    border-top: 0px solid #D6D6D6;
    width: auto;
    height: auto;
}

.frh-cet ul {
    width: 100%;
    height: 100%;
    max-height: 360px;
    background-color: #FFFFFF;
    overflow-x: auto;
    overflow-y: visible;
}

.form-radio-hidden .frh-cet ul li {
    margin: 0;
    padding: 9px 10px;
    font-size: 12px;
    position: relative;
    color: #333333;
}

.form-radio-hidden .frh-cet ul li .icon-common14 {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.form-radio-hidden .frh-cet ul li ul {
    display: none;
    position: absolute;
    height: auto;
    left: 100%;
    top: 0;
    border: 1px solid #D6D6D6;
}

.frh-cet ul li:hover {
    cursor: pointer;
    background-color: #F5F5F5;
}

.frh-cet-hov {
    background-color: #F5F5F5;
}

.fch-hid,
.fchc-hid {
    display: none !important;
}

.form-chb {
    width: 100%;
    height: inherit;
    position: relative;
}

.fch-cover {
    display: block;
    width: 135px;
    height: 5px;
    background-color: white;
    position: absolute;
    top: 31px;
    left: 1px;
    z-index: 5;
}

.form-checkbox i {
    position: relative;
    top: -2px;
    *top: -12px;
}

.form-checkbox-hidden ul li:hover {
    cursor: pointer;
}

.form-checkbox-hidden {
    width: 260px;
    height: inherit;
    border: 1px solid #D6D6D6;
}

.form-checkbox-hidden ul {
    background-color: #FFFFFF;
    overflow: hidden;
    padding-left: 10px;
}

.form-checkbox-hidden ul li {
    width: 50%;
    height: inherit;
    float: left;
    padding: 0px 0px;
    line-height: 36px;
}

.form-checkbox-hidden ul li span {
    font-size: 12px;
}

.form-checkbox-hidden ul li .fc-che {
    position: relative;
    top: 3px;
}

.fch-btn {
    background-color: #F5F5F5;
    padding: 15px;
    overflow: hidden;
}

.fch-btn div {
    float: right;
}

.fch-btn button {
    width: 50px;
    height: 24px;
    text-align: center;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
}

.fch-btn-r {
    background-color: #46B068;
    border: 1px solid #46B068;
    color: #FFFFFF;
    margin-right: 10px;
}

.fch-btn-e {
    background-color: #FFFFFF;
    border: 1px solid #D6D6D6;
    color: #666666;
}

.fch-btn-r:hover {
    border: 1px solid #46B068;
    background-color: #46B068;
}

.fch-btn-e:hover {
    border: 1px solid #D6D6D6;
    background-color: #FAFAFA;
}

.fth-hid {
    display: none;
}

.form-tim {
    font-size: 12px;
    position: relative;
    overflow: hidden;
}

.form-tim>span {
    float: left;
    line-height: 32px;
    margin-right: 10px;
}

.form-time {
    width: 150px;
    height: 32px;
    border: 1px solid #D6D6D6;
    display: inline-block;
    float: left;
}

.form-time input {
    width: 117px;
    height: 32px;
    border: 0px;
    line-height: 32px;
    padding-left: 10px;
    font-size: 12px;
    color: #333333;
}

.form-time i {
    position: relative;
    top: 5px;
    *top: -6px;
    right: -1px;
}

.ft-start i {
    *float: right;
    *top: -26px;
    *right: 2px;
}

.form-time i:hover,
.frh-top-search i:hover {
    cursor: pointer;
}

.ft-start {
    margin-right: 10px;
}

.form-tim>button {
    width: 38px;
    height: 34px;
    border: 1px solid #D6D6D6;
    color: #666666;
    background-color: #FFFFFF;
    font-size: 12px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    float: left;
    margin-left: 4px;
}

.form-tim>button:hover {
    color: #333333;
    background-color: #FAFAFA;
}

.form-tim>button.active {
    background-color: #46B068;
    color: #fff;
    border-color: #46B068;
}

.form-time-hidden {
    position: absolute;
    top: 34px;
    left: 0px;
    z-index: 3;
}

.fth-top {
    width: 125px;
    height: 32px;
    border: 1px solid #D6D6D6;
    border-top: 0px solid #FFFFFF;
    overflow: hidden;
    padding-left: 10px;
    background-color: #FFFFFF;
}

.fth-top span {
    font-size: 12px;
    line-height: 32px;
}

.fth-top i {
    float: right;
    margin-top: 7px;
    margin-right: 7px;
}

.fth-top i:hover {
    cursor: pointer;
}

.fth-center {
    width: 235px;
    height: inherit;
    border: 1px solid #D6D6D6;
    background-color: #FFFFFF;
    padding: 10px 0;
    position: relative;
    top: -1px;
}

.fth-center div {
    text-align: center;
}

.fth-cover {
    display: block;
    width: 135px;
    height: 5px;
    background-color: white;
    position: absolute;
    top: 31px;
    left: 1px;
    z-index: 2;
}

.form-sch {
    width: inherit;
    height: 34px;
    overflow: hidden;
}

.form-search {
    width: 214px;
    height: 32px;
    border: 1px solid #D6D6D6;
    border-right: 0px solid #D6D6D6;
    float: left;
}

.form-search input {
    width: 145px;
    height: 32px;
    margin-right: 5px;
    border: 0px;
    line-height: 32px;
    padding-left: 10px;
    font-size: 12px;
    color: #333333;
}

.fs-sch {
    position: relative;
    top: 3px;
    *top: -8px;
    left: 7px;
}

.fs-err {
    position: relative;
    top: 5px;
    *top: -6px;
    left: 0;
}

.form-search i:hover {
    cursor: pointer;
}

.fs-err-hid {
    display: none;
}

.form-sch button {
    width: 70px;
    height: 34px;
    font-size: 12px;
    line-height: 34px;
    *line-height: 30px;
    text-align: center;
}

.fsb-white {
    border: 1px solid #D6D6D6;
    color: #666666;
    background-color: #FFFFFF;
}

.fsb-white:hover {
    background-color: #FAFAFA;
    color: #333333;
}

.fsb-gray {
    border: 1px solid #D6D6D6;
    color: #666666;
    background-color: #FAFAFA;
}

.fsb-orange {
    color: #FFFFFF;
    border: 1px solid #46B068;
    background-color: #46B068;
}

.fsb-gray:hover {
    color: #333333;
    background-color: #FFFFFF;
}

.fsb-orange:hover {
    border: 1px solid #46B068;
    background-color: #46B068;
}

.icon-radio1:hover,
.icon-radio2:hover {
    cursor: pointer;
}

.fr-nouse,
.fr-sel-nouse {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.icon-check-e:hover,
.icon-check-r:hover,
.icon-check-2 {
    cursor: pointer;
}

.fc-nouse,
.fc-che-nouse {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.form-mpr {
    width: 107px;
    height: 34px;
    overflow: hidden;
    background-color: #FFFFFF;
}

.form-mpr:hover {
    cursor: pointer;
}

.form-mpr input {
    width: 61px;
    height: 32px;
    border: 1px solid #D6D6D6;
    border-right: 0px solid #D6D6D6;
    padding-left: 10px;
    line-height: 34px;
    font-size: 12px;
    color: #333333;
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
    float: left;
}

.form-mpr span {
    width: 32px;
    height: 32px;
    border: 1px solid #D6D6D6;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 8px 10px;
}

.form-mpr span i {
    margin-top: 10px;
    margin-left: 8px;
}

.fm-incbx {
    border: 1px solid #38B03F !important;
}

.fm-checkbox {
    background-color: #38B03F;
    border: 1px solid #38B03F !important;
}

.fm-innouse {
    background-color: #FAFAFA;
    color: #999999 !important;
}

.fm-nouse {
    background-color: #FAFAFA;
}

.fm-incbxnouse {
    border: 1px solid #B6E8BB !important;
    color: #999999 !important;
}

.fm-checkbox-nouse {
    background-color: #B6E8BB;
    border: 1px solid #B6E8BB !important;
}

.form-switch {
    width: 46px;
    height: 21px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    display: inline-block;
    background-color: #38B03F;
    padding: 2px;
    overflow: hidden;
}

.form-switch:hover {
    cursor: pointer;
}

.form-switch i {
    width: 21px;
    height: 21px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    background-color: #FFFFFF;
    float: right;
}

.form-switch-off {
    background-color: #D6D6D6;
}

.fs-i {
    float: left !important;
}

.singled {
    width: 285px;
    height: inherit;
}

.singled-cet {
    width: 285px;
    height: inherit;
    position: relative;
}

.singled-down {
    width: 285px;
    height: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #D6D6D6;
}

.singled-up {
    width: 185px;
    height: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #46B068;
    position: absolute;
    top: 0;
    left: 0;
}

.singled-round {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #46B068;
    display: inline-block;
    position: absolute;
    top: -6px;
    left: 175px;
}

.singled-round span {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    background-color: #FFFFFF;
    margin-left: 4px;
    margin-bottom: 1px;
    margin-top: 4px;
}

.singled-btm {
    width: 285px;
    height: inherit;
    margin-top: 7px;
}

.singled-btm ul li {
    width: 32%;
    height: inherit;
    font-size: 12px;
    color: #666666;
    padding: 0;
    float: left;
}

.singled-btm-nocet {
    width: 3% !important;
}

.form-group,
.form-group-price,
.form-group-price-lg,
.form-group-lg {
    overflow: hidden;
    background-color: #FFFFFF;
}

.form-group input,
.form-group-price input,
.form-group-price-lg input,
.form-group-lg input {
    border: 1px solid #D6D6D6;
    border-right: 0px solid #D6D6D6;
    padding-left: 10px;
    line-height: 32px;
    font-size: 12px;
    color: #333333;
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
    float: left;
}

.form-group button,
.form-group-lg button {
    border: 1px solid #D6D6D6;
    display: inline-block;
    line-height: 32px;
    background-color: #FFFFFF;
    font-size: 12px;
    color: #333333;
}

.form-group button i,
.form-group-lg button i {
    position: relative;
    top: -3px;
    *top: -6px;
    left: 4px;
}

.form-group {
    width: 285px;
    height: 34px;
}

.form-group input {
    width: 203px;
    height: 32px;
}

.form-group button {
    width: 68px;
    height: 34px;
}

.form-group-price span,
.form-group-price-lg span {
    border: 1px solid #D6D6D6;
    display: inline-block;
    line-height: 34px;
    font-size: 12px;
    color: #333333;
    text-align: center;
}

.form-group-price {
    width: 285px;
    height: 34px;
}

.form-group-price input {
    width: 239px;
    height: 32px;
}

.form-group-price span {
    width: 32px;
    height: 32px;
}

.upload-img {
    width: 108px;
    height: 108px;
    border: 1px dashed #D6D6D6;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: relative;
}

.upload-img:hover .upload-delete {
    display: block;
}

.upload-img img {
    z-index: 2;
    position: relative;
}

.upload-img input:hover {
    cursor: pointer;
}

.upload-img input {
    width: 108px;
    height: 108px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 3;
}

.upload-img i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -17.5px;
    margin-left: -17.5px;
}

.upload-img-hidden,
.upload-delete-hidden,
.upload-to-hidden,
.upload-success-hidden {
    display: none;
}

.upload-to {
    width: 110px;
    height: 110px;
    position: relative;
}

.upload-to img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.upload-mask {
    width: 110px;
    height: 110px;
    background-color: #000000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.upload-wait {
    width: 110px;
    height: 90px;
    text-align: center;
    padding-top: 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.upload-wait i {
    width: 39px;
    height: 39px;
}

.upload-wait span {
    margin-top: 10px;
    display: block;
    color: #FFFFFF;
    font-size: 12px;
}

.icon-upload {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 2s linear infinite;
    -moz-animation: rotate 2s linear infinite;
    -o-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotate {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.upload-delete,
.upload-success {
    width: 100%;
    height: 30px;
    background-color: #000000;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    opacity: 0.7;
    filter: alpha(opacity=70);
    text-align: center;
}

.upload-delete span,
.upload-success span {
    display: inline-block;
    color: #FFFFFF;
    font-size: 12px;
    position: relative;
}

.upload-delete {
    display: none;
    z-index: 10;
}

.upload-delete:hover {
    cursor: pointer;
}

.upload-delete i {
    position: relative;
    left: 0;
    top: 0;
    margin: 4px 0 0 0;
}

.upload-delete span {
    top: -7px;
    *top: -3px;
    *margin-left: 5px;
    left: -4px;
}

.upload-success i {
    margin-top: 5px;
}

.upload-success span {
    top: -4px;
    *top: -1px;
    *margin-left: 5px;
    left: -2px;
}

.step,
.step-br {
    width: 315px;
    height: 50px;
    background-color: #38B03F;
    line-height: 49px;
    color: #FFFFFF;
    font-size: 14px;
    margin: 0 auto;
}

.step span,
.step-br span {
    width: 17px;
    height: 25px;
    display: inline-block;
    background-color: #FFFFFF;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 25px;
    padding-left: 8px;
    margin-left: 16px;
    margin-right: 3px;
    color: #38B03F;
    font-size: 16px;
}

.step-dark {
    background-color: #38B03F;
    color: #FFFFFF;
}

.step-dark span {
    background-color: #FFFFFF;
    color: #38B03F;
}

.step-light {
    background-color: #DDF4DF;
    color: #38B03F;
}

.step-light span {
    background-color: #B6E8BB;
    color: #FFFFFF;
}

.step-gray {
    background-color: #FAFAFA;
    color: #666666;
}

.step-gray span {
    background-color: #D6D6D6;
    color: #FFFFFF;
}

.step-br {
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.step-position {
    width: 100%;
    height: inherit;
    overflow: hidden;
}

.step-position span {
    width: 70px;
    height: inherit;
    float: left;
    font-size: 14px;
    color: #333333;
    line-height: 40px;
}

.step-position ul {
    display: inline-block;
    overflow: hidden;
}

.step-position ul li {
    display: inline-block;
    font-size: 14px;
    color: #333333;
    line-height: 40px;
    float: left;
}

.step-position ul li i {
    font-size: 14px;
    padding: 0 8px;
    color: #D6D6D6;
}

.notriangle {
    color: #999999 !important;
}

.notriangle>i {
    display: none;
}

.step-select {
    width: 100%;
    height: inherit;
    overflow: hidden;
}

.step-select>span {
    width: 70px;
    height: inherit;
    float: left;
    font-size: 12px;
    color: #333333;
    line-height: 40px;
}

.step-select ul {
    display: inline-block;
    float: left;
}

.step-select ul li {
    display: inline-block;
    font-size: 12px;
    line-height: 40px;
    float: left;
}

.step-select ul li i {
    font-size: 12px;
    padding-left: 3px;
    color: #D6D6D6;
}

.step-select ul li>span {
    color: #333333;
    padding: 2px 0;
    padding-left: 8px;
    display: inline-block;
    line-height: normal;
    font-size: 12px;
    border: 1px solid #D6D6D6;
    float: left;
    margin-top: 10px;
}

.step-select ul li>span>i {
    padding: 0 8px 0 5px;
}

.step-select ul li>span:hover {
    cursor: pointer;
}

#empty-filtration {
    float: left;
    color: #999999;
    padding-left: 5px;
}

#empty-filtration:hover {
    cursor: pointer;
    color: #46B068;
}

.step-select-notriangle>i {
    display: none;
}

.step-select-content {
    padding: 2px 0;
    display: inline-block;
    line-height: normal;
    border: 1px solid #D6D6D6;
}

.step-select-notriangle>span {
    margin-right: 8px;
}

.step-select-content {
    margin-top: 10px;
}

.step-select-content span {
    color: #333333;
    padding-left: 8px;
    display: inline-block;
    line-height: normal;
    font-size: 12px;
    border-left: 1px solid #D6D6D6;
}

.step-select-content span:first-child {
    border-left: 0px solid #D6D6D6;
}

.step-select-content span:hover,
.step-select-content span:hover i {
    cursor: pointer;
    color: #46B068;
}

.step-select-content span i {
    padding: 0 8px 0 5px;
}

.step-select-hover>span {
    border: 1px solid #46B068 !important;
    color: #46B068 !important;
}

.step-select-hover>span>i {
    color: #46B068 !important;
}

.step-select ul li>span:hover {
    border: 1px solid #46B068;
    color: #46B068;
}

.step-select ul li>span:hover i {
    color: #46B068;
}

.step-progressbar {
    width: 100%;
    height: inherit;
}

.step-progressbar-left {
    width: 175px;
    height: 9px;
    position: relative;
    display: inline-block;
}

.step-progressbar-down {
    width: 175px;
    height: 9px;
    background-color: #E6E6E6;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}

.step-progressbar-up {
    width: 100px;
    height: 9px;
    background-color: #46B068;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    position: absolute;
    top: 0;
    left: 0;
}

.step-progressbar-surplus {
    display: inline-block;
    font-size: 12px;
    color: #333333;
    margin-left: 5px;
}

.step-progressbar-surplus span {
    color: #46B068;
}

.icon-progress1,
.icon-progress3,
.icon-progress5 {
    background: #38b03f;
    border-radius: 50px;
}

.icon-progress2,
.icon-progress4,
.icon-progress6 {
    background: #f5f5f5;
    border-radius: 50px;
}

.step-order {
    width: 100%;
    height: inherit;
}

.step-order ul li {
    overflow: hidden;
}

.step-order ul li:first-child {
    overflow: inherit;
}

.step-order-left {
    float: left;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #46B068;
    position: relative;
}

.step-order-left span {
    position: absolute;
    top: 0;
    left: 0;
}

.step-order-left span {
    display: inline-block;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #FFFFFF;
    margin-top: 3px;
    margin-left: 3px;
}

.step-order-left i {
    display: inline-block;
    width: 0px;
    height: 54px;
    border-left: 1px dashed #D6D6D6;
    position: absolute;
    top: 15px;
    left: 7px;
}

#dashed {
    border-left: 1px dashed #D6D6D6;
    position: absolute;
    top: -54px;
    left: 7px;
}

.step-order-right {
    float: left;
    padding-left: 10px;
    margin-bottom: 20px;
}

.step-order-right p {
    font-size: 12px;
    color: #333333;
}

.step-order-right div {
    font-size: 12px;
    color: #999999;
}

.step-choice {
    width: 100%;
    height: inherit;
    overflow: hidden;
}

.step-choice span {
    width: 70px;
    height: inherit;
    float: left;
    font-size: 12px;
    color: #333333;
    line-height: 40px;
}

.step-choice ul {
    display: inline-block;
    float: left;
}

.step-choice ul li {
    display: inline-block;
    font-size: 12px;
    color: #46B068;
    line-height: 40px;
    float: left;
}

.step-choice ul li i {
    font-size: 12px;
    padding: 0 8px;
    color: #D6D6D6;
}

#cleanout {
    float: left;
    color: #999999;
    padding-left: 5px;
}

#cleanout:hover {
    cursor: pointer;
}

.prompt-news,
.prompt-noauthority,
.prompt-cancel,
.prompt-success,
.prompt-delete {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 5px 2px #D6D6D6;
    border: 1px solid #D6D6D6 \9;
}

.prompt-news-top,
.prompt-noauthority-top,
.prompt-cancel-top,
.prompt-success-top,
.prompt-delete-top {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px 20px;
    font-size: 14px;
    color: #666666;
    overflow: hidden;
    background-color: #FAFAFA;
    line-height: 18px;
    *height: 18px;
}

.prompt-news-top i,
.prompt-noauthority-top i,
.prompt-cancel-top i,
.prompt-success-top i,
.prompt-delete-top i {
    float: right;
    font-size: 14px;
    color: #666666;
    margin-top: 4px;
    *margin-top: -15px;
}

.prompt-news-title,
.prompt-noauthority-title,
.prompt-cancel-title {
    text-align: center;
    font-size: 16px;
    color: #333333;
    line-height: 70px;
    margin: 0 30px;
    border-bottom: 1px solid #eaeaea;
}

.prompt-news-title i,
.prompt-noauthority-title i,
.prompt-cancel-title i {
    position: relative;
    top: 6px;
    left: 0;
    margin-right: 5px;
}

.prompt-news-content {
    padding: 10px 30px;
    padding-bottom: 5px;
}

.prompt-news-content p,
.prompt-noauthority-content p,
.prompt-cancel-content p {
    font-size: 12px;
    color: #666666;
    line-height: 20px;
}

.prompt-news-btn,
.prompt-noauthority-btn,
.prompt-cancel-btn,
.prompt-success-btn,
.prompt-delete-btn {
    text-align: center;
    padding: 20px 0;
}

.prompt-news {
    width: 408px;
    height: 299px;
}

.prompt-news-top i:hover {
    cursor: pointer;
}

.prompt-news-content div {
    overflow: hidden;
}

.prompt-news-content div span {
    display: inline-block;
    font-size: 12px;
    color: #666666;
    width: 14px;
    height: 35px;
    float: left;
}

.prompt-news-btn button {
    width: 340px;
    height: 40px;
    font-size: 14px;
    line-height: 39px;
    *line-height: 37px;
}

.prompt-noauthority {
    width: 408px;
    height: 299px;
}

.prompt-noauthority-top i:hover {
    cursor: pointer;
}

.prompt-noauthority-content {
    padding: 10px 30px;
    padding-bottom: 5px;
}

.prompt-noauthority-content a {
    font-size: 12px;
    color: #0E56A6;
    line-height: 20px;
}

.prompt-noauthority-content a:hover {
    color: #326FB3;
}

.prompt-noauthority-btn button {
    width: 152px;
    height: 40px;
    font-size: 14px;
    line-height: 39px;
    *line-height: 36px;
}

.prompt-noauthority-btn button:first-child {
    margin-right: 10px;
}

.prompt-cancel {
    width: 333px;
    height: 240px;
}

.prompt-cancel-top i:hover {
    cursor: pointer;
}

.prompt-cancel-title {
    font-size: 14px;
}

.prompt-cancel-content {
    padding: 15px 30px;
    padding-bottom: 15px;
}

.prompt-cancel-content p {
    text-align: center;
}

.prompt-cancel-btn button {
    width: 118px;
    height: 34px;
    font-size: 14px;
    line-height: 33px;
    *line-height: 30px;
}

.prompt-cancel-btn button:first-child {
    margin-right: 10px;
}

.prompt-success-content,
.prompt-delete-content {
    padding: 20px 30px;
    padding-bottom: 5px;
    text-align: center;
}

.prompt-success-content p,
.prompt-delete-content p {
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    text-align: center;
    padding-top: 20px;
}

.prompt-success {
    width: 333px;
    height: 240px;
}

.prompt-success-top i:hover {
    cursor: pointer;
}

.prompt-success-btn button {
    width: 150px;
    height: 34px;
    font-size: 14px;
    line-height: 33px;
    *line-height: 30px;
}

.prompt-delete {
    width: 333px;
    height: 240px;
}

.prompt-delete-top i:hover {
    cursor: pointer;
}

.prompt-delete-btn button {
    width: 118px;
    height: 34px;
    font-size: 14px;
    line-height: 33px;
    *line-height: 30px;
}

.prompt-delete-btn button:first-child {
    margin-right: 10px;
}

.prompt-input-right,
.prompt-input-error,
.prompt-input-guide {
    line-height: 34px;
    padding-left: 10px;
    font-size: 12px;
    color: #666666;
    float: left;
}

.prompt-input-right i,
.prompt-input-error i,
.prompt-input-guide i {
    position: relative;
    top: 3px;
    left: 0;
    *top: 0px;
    *margin-right: 5px;
}

.prompt-input {
    width: 100%;
    height: inherit;
    overflow: hidden;
}

.prompt-input input {
    width: 288px;
    height: 32px;
    border: 1px solid #D6D6D6;
    line-height: 32px;
    padding-left: 10px;
    float: left;
}

.prompt-input div>i {
    position: relative;
    top: 3px;
    *top: 0px;
}

.prompt-input-right {
    color: #666666;
}

.prompt-input-error {
    color: #FF3600;
}

.prompt-input-guide {
    color: #666666;
}

.prompt-strip-error,
.prompt-strip-success,
.prompt-strip-notice,
.prompt-strip-fail,
.prompt-strip-commonly,
.po-deleteone,
.po-deletetwo,
.po-notenough,
.po-revoke {
    width: 378px;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    font-size: 12px;
    overflow: hidden;
    position: relative;
}

.prompt-strip-error i:first-child+i,
.prompt-strip-success i:first-child+i,
.prompt-strip-notice i:first-child+i,
.prompt-strip-fail i:first-child+i,
.prompt-strip-commonly i:first-child+i {
    float: right;
    font-size: 25px;
    display: inline-block;
    font-style: normal;
    font-weight: 100;
    color: #FFFFFF;
    position: absolute;
    top: 0px;
    right: 8px;
}

.prompt-strip-error i:first-child,
.prompt-strip-success i:first-child,
.prompt-strip-notice i:first-child,
.prompt-strip-fail i:first-child,
.prompt-strip-commonly i:first-child {
    position: relative;
    top: 3px;
    *top: 0px;
    left: 0;
    *margin-right: 5px;
}

.prompt-strip-error {
    color: #FF3600;
    border: 1px solid #FFCDBF;
    background-color: #FFE5DE;
}

.prompt-strip-error i:first-child+i {
    color: #FF3600;
}

.prompt-strip-error i:first-child+i:hover,
.prompt-strip-success i:first-child+i:hover,
.prompt-strip-notice i:first-child+i:hover,
.prompt-strip-fail i:first-child+i:hover,
.prompt-strip-commonly i:first-child+i:hover {
    cursor: pointer;
}

.prompt-strip-success {
    color: #38B03F;
    border: 1px solid #B6E8BB;
    background-color: #DDF4DF;
}

.prompt-strip-success i:first-child+i {
    color: #38B03F;
}

.prompt-strip-notice {
    color: #46B068;
    border: 1px solid #FFDECC;
    background-color: #FFF5EC;
}

.prompt-strip-notice i:first-child+i {
    color: #46B068;
}

.prompt-strip-fail {
    color: #FF3600;
    border: 1px solid #FFCDBF;
    background-color: #FFE5DE;
}

.prompt-strip-fail i:first-child+i {
    color: #FF3600;
}

.prompt-strip-commonly {
    color: #0E56A6;
    border: 1px solid #B2D4F2;
    background-color: #FBFDFF;
}

.prompt-strip-commonly i:first-child+i {
    color: #0E56A6;
}

.prompt-triangle-plaintext,
.prompt-verificationcode {
    display: inline-block;
    *display: inline-block;
    font-size: 12px;
    line-height: 23px;
    padding: 0 5px;
    position: relative;
}

.prompt-triangle-plaintext span,
.prompt-verificationcode>span {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: 0px solid #FFDECC;
    border-right: 0px solid #FFDECC;
    position: absolute;
    display: none\9;
}

.cpt-error {
    color: #FF3600;
    border: 1px solid #FFCDBF;
    background-color: #FFE5DE;
}

.cpt-success {
    color: #38B03F;
    border: 1px solid #B6E8BB;
    background-color: #DDF4DF;
}

.cpt-notice {
    color: #46B068;
    border: 1px solid #FFDECC;
    background-color: #FFF5EC;
}

.cpt-fail {
    color: #FF3600;
    border: 1px solid #FFCDBF;
    background-color: #FFE5DE;
}

.cpt-commonly {
    color: #0E56A6;
    border: 1px solid #B2D4F2;
    background-color: #FBFDFF;
}

:root .prompt-triangle-plaintext span {
    display: inline-block;
}

.ptps-bottom {
    transform: rotate(-45deg);
    bottom: -4px;
    left: 40px;
}

.ptps-left {
    transform: rotate(45deg);
    top: 7px;
    left: -4px;
}

.ptps-right {
    transform: rotate(225deg);
    top: 7px;
    right: -4px;
}

.ptps-top {
    transform: rotate(135deg);
    top: -4px;
    left: 40px;
}

.prompt-verificationcode {
    width: 195px;
    height: inherit;
    color: #666666;
}

.prompt-verificationcode>span {
    width: 8px;
    height: 8px;
    bottom: -5px;
    left: 97px;
}

:root .prompt-verificationcode>span {
    display: inline-block;
}

.prompt-verificationcode p span {
    color: #46B068;
    margin-left: 5px;
}

.prompt-verificationcode p img {
    padding-left: 5px;
}

.prompt-verificationcode p span:hover,
.prompt-verificationcode p img:hover {
    cursor: pointer;
}

.prompt-reminder {
    width: 190px;
    height: inherit;
    box-shadow: 1px 1px 3px 1px #D6D6D6;
    position: relative;
    border: 1px solid #D6D6D6;
    word-break: break-all;
}

.prompt-reminder p {
    font-size: 12px;
    line-height: 20px;
    color: #666666;
    padding: 10px;
}

.prompt-reminder-top {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 10px;
    padding-right: 5px;
    font-size: 12px;
    color: #666666;
    overflow: hidden;
    background-color: #FAFAFA;
    line-height: 18px;
    *height: 18px;
}

.prompt-reminder-top i {
    font-style: normal;
    font-weight: 400;
    float: right;
    font-size: 20px;
    color: #999999;
    *margin-top: -11px;
    cursor: pointer;
    position: relative;
    top: -2px;
    left: 0;
}

.prompt-reminder>span {
    display: inline-block;
    position: absolute;
    width: 8px;
    height: 8px;
    box-shadow: -1px 1px 3px 0px #D6D6D6;
    border: 1px solid #D6D6D6;
    border-top: 0px solid #FFFFFF;
    border-right: 0px solid #FFFFFF;
    background-color: #FFFFFF;
    display: none\9;
}

:root .prompt-reminder>span {
    display: inline-block;
}

.prs-position-top {
    transform: rotate(135deg);
    background-color: #FAFAFA !important;
    top: -5px;
    left: 95px;
}

.prs-position-bottom {
    transform: rotate(-45deg);
    bottom: -5px;
    left: 95px;
}

.prompt-goods {
    width: 381px;
    height: inherit;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 1px 1px 5px 1px #D6D6D6;
    border: 2px solid #46B068;
    position: relative;
    padding: 0 10px;
}

.prompt-goods>span {
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 2px solid #46B068;
    border-top: 0px solid #46B068;
    border-right: 0px solid #46B068;
    background-color: #FFFFFF;
    transform: rotate(45deg);
    top: 60px;
    left: -7px;
    display: none\9;
}

:root .prompt-goods>span {
    display: inline-block;
}

.prompt-goods-top {
    padding: 10px 0;
    border-bottom: 1px solid #D6D6D6;
}

.prompt-goods-top p {
    font-size: 14px;
    color: #333333;
}

.prompt-goods-center {
    border-bottom: 1px solid #D6D6D6;
}

.prompt-goods-center ul {
    padding: 10px 0;
}

.prompt-goods-center ul li {
    font-size: 12px;
    color: #666666;
    overflow: hidden;
}

.prompt-goods-center ul li span {
    line-height: 25px;
    width: 16%;
    height: inherit;
    float: left;
    text-align: right;
    color: #333333;
}

.prompt-goods-center ul li p {
    width: 84%;
    height: inherit;
    line-height: 25px;
    float: left;
}

.prompt-goods-bottom {
    padding: 5px;
}

.prompt-goods-bottom p {
    font-size: 12px;
    color: #333333;
    line-height: 25px;
}

.prompt-goods-bottom p span {
    color: #666666;
}

.prompt-cheat i {
    position: relative;
    top: 3px;
    *top: 0px;
    left: 0;
    *margin-right: 5px;
}

.prompt-cheat p {
    display: inline;
    font-size: 12px;
    color: #46B068;
    line-height: 25px;
}

.prompt-orderform {
    min-width: 80px;
    max-width: 280px;
    width: auto;
    height: auto;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    line-height: 20px;
    padding: 20px 60px;
    font-size: 14px;
    overflow: hidden;
    color: #FFFFFF;
    box-shadow: 0 0 15px 3px #D6D6D6;
    position: relative;
    display: flex;
    justify-content: center;
}

.prompt-orderform i:first-child+i {
    float: right;
    font-size: 25px;
    display: inline-block;
    font-style: normal;
    font-weight: 100;
    color: #FFFFFF;
    position: absolute;
    top: 0px;
    right: 8px;
    display: none;
}

.prompt-orderform i:first-child {
    display: none;
    position: relative;
    top: 5px;
    *top: 0px;
    margin-right: 5px;
    left: 0;
}

.prompt-orderform {
    background-color: #FFE5DE;
}

.prompt-orderform i:first-child+i:hover {
    cursor: pointer;
}

.po-deleteone,
.po-deletetwo,
.po-notenough,
.po-revoke {
    background-color: #000000;
}

.plate {
    width: 740px;
    height: inherit;
    margin: 0 auto;
}

.plate-title {
    width: 100%;
    height: 18px;
    border: 1px solid #D6D6D6;
    overflow: hidden;
    padding: 15px 0;
}

.plate-title span {
    display: inline-block;
    width: 2px;
    height: 17px;
    background-color: #46B068;
    float: left;
    position: relative;
    top: 2px;
    left: 16px;
}

.plate-title h3 {
    font-size: 16px;
    color: #666666;
    padding-left: 24px;
}

.plate-center {
    width: 100%;
    height: inherit;
    border: 1px solid #D6D6D6;
}

.plate-center ul {
    padding: 30px 0;
}

.plate-center ul li {
    overflow: hidden;
    margin-top: 16px;
}

.plate-center ul li:first-child {
    margin-top: 0;
}

.plate-center ul li p {
    width: 190px;
    height: inherit;
    font-size: 12px;
    color: #333333;
    line-height: 34px;
    text-align: right;
    padding-right: 2px;
    float: left;
}

.plate-center ul li p.tl {
    text-align: left;
}

.plate-center ul li p span {
    color: #46B068;
}

.plate-center ul li input {
    font-size: 12px;
    float: left;
}

.game-name {
    width: 100%;
    height: inherit;
}

.game-name ul li {
    margin: 30px 0;
}

.game-name ul li p {
    font-size: 12px;
    color: #666666;
}

.game-name ul li p span {
    color: #333333;
    margin-right: 5px;
}

.pc-noborder {
    border: 0px;
    padding: 0;
}

.pc-noborder ul {
    padding: 0;
}

.paragraph-spacing {
    width: 100%;
    height: inherit;
}

.paragraph-spacing p {
    color: #46B068;
    font-size: 12px;
    line-height: 24px;
}

.form-group-price-lg {
    width: 570px;
    height: 34px;
}

.form-group-price-lg input {
    width: 502px;
    height: 32px;
}

.form-group-price-lg span {
    width: 55px;
    height: 32px;
}

.form-group-lg {
    width: 570px;
    height: 34px;
}

.form-group-lg input {
    width: 397px;
    height: 32px;
}

.form-group-lg button {
    width: 160px;
    height: 34px;
}

.form-group-radio ul,
.form-group-checkbox ul {
    width: 100%;
    height: inherit;
    overflow: hidden;
}

.form-group-radio ul li,
.form-group-checkbox ul li {
    width: 33.333%;
    height: inherit;
    line-height: 30px;
    font-size: 12px;
    color: #333333;
    float: left;
}

.form-group-radio ul li span,
.form-group-radio ul li i,
.form-group-checkbox ul li span,
.form-group-checkbox ul li i {
    position: relative;
    top: 2px;
    *top: -2px;
    *margin-right: 3px;
}

.form-group-radio ul li label,
.form-group-checkbox ul li label {
    line-height: 20px;
}

.form-group-radio {
    width: 325px;
    height: inherit;
}

.form-group-radio ul {
    padding: 0;
}

.form-group-radio ul li {
    margin-top: 0;
    width: auto;
    padding-left: 0;
}

.form-group-checkbox {
    width: 325px;
    height: inherit;
}

.form-group-multiselect {
    width: 285px;
    height: 34px;
}

.form-group-multiselect .form-mpr {
    display: inline-block;
    width: 140px;
    height: 34px;
}

.form-group-multiselect .form-mpr input {
    width: 94px;
    height: 32px;
}

.form-rad-width {
    width: 285px;
    height: 34px;
}

.form-rad-width .form-radio {
    width: 285px;
    height: 34px;
}

.form-rad-width .form-radio input {
    width: 260px;
    height: 33px;
}

.form-rad-width .form-radio-hidden {
    width: 285px;
    height: inherit;
}

.form-rad-width .form-radio-hidden .frh-top-search input {
    width: 248px;
    height: 24px;
}

.doubleselection {
    width: 285px;
    height: inherit;
}

.doubleselection .form-rad {
    display: inline-block;
}

.doubleselection .form-rad:first-child {
    margin-right: 6px;
}

.textarea {
    width: 780px;
    height: 98px;
    padding: 10px;
    line-height: 25px;
    font-size: 12px;
    color: #333333;
}

.vc-right-hidden {
    display: none;
}

.confirm {
    width: 285px;
    height: 40px;
}

.arrow {
    position: absolute;
    top: 17px;
    right: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #7d7d7d;
}

.header {
    margin: auto;
    min-width: 1200px;
    display: block;
    background-color: #fff;
}

.header .cont .logo-wrap {
    margin-top: 10px;
    width: 227px;
    height: 100px;
    overflow: hidden;
}

.header .cont .logo-wrap img {
    max-width: 100%;
}

.header .cont .distributionlogo a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header .cont .header-title {
    line-height: 120px;
    padding-left: 16px;
    color: #333;
    font-size: 24px;
    font-weight: bold;
}

.header .cont .header-title::before {
    content: "";
    width: 1px;
    height: 54px;
    background-color: #ededed;
    margin-right: 16px;
    display: inline-block;
    vertical-align: middle;
}

.header .cont .search-wrap {
    margin-top: 15px;
    width: 756px;
}

.header .cont .search-wrap .search-tab-title .advanced-btn.active {
    background-color: #46B068;
    color: #fff;
}

.header .cont .search-wrap .search-tab-title .general-btn.active {
    background-color: #079eed;
    color: #fff;
}

.header .cont .search-wrap .search-tab-title li {
    padding: 5px 10px;
    color: #000;
    border-radius: 4px 4px 0 0;
}

.header .cont .search-wrap .search-tab-title li:hover {
    cursor: pointer;
    text-decoration: underline;
}

.header .cont .search-wrap .search-tab-cont {
    position: relative;
    width: 100%;
    background-color: #fff;
}

.header .cont .search-wrap .search-tab-cont ul li {
    overflow: hidden;
    max-width: 49px;
    height: 38px;
    line-height: 38px;
    position: relative;
    float: left;
    padding: 0 23px 0 10px;
    color: #333333;
    border-right: 1px solid #eee;
    cursor: pointer;
}

.header .cont .search-wrap .search-tab-cont ul li .arrow {
    right: 0;
    top: 0;
    background: url("../images/arrow_down-5856493f57.png") no-repeat center;
    width: 23px;
    height: 38px;
    background-size: 7px 4px;
    border: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-position-x: 86%;
}

.header .cont .search-wrap .search-tab-cont ul li .arrow.up {
    background-image: url("../images/arrow_up-d43716adb3.png");
}

.header .cont .search-wrap .search-tab-cont .advanced {
    border: 2px solid #46B068;
}

.header .cont .search-wrap .search-tab-cont .general {
    display: none;
    border: 2px solid #079eed;
}

.header .cont .search-wrap .search-tab-cont .general .input-search {
    width: 100%;
}

.header .cont .search-wrap .search-tab-cont .general .input-search .btn-search {
    background-color: #079eed;
    right: 4px;
}

.header .cont .search-wrap .search-tab-cont .general .input-search .btn-search:hover {
    background-color: #20a8ef;
    border: 1px solid #20a8ef;
}

.header .cont .search-wrap .search-tab-cont .input-search {
    padding-left: 6px;
    position: relative;
    height: 38px;
    width: 100%;
    text-align: left;
}

.header .cont .search-wrap .search-tab-cont .input-search .icon-search {
    display: inline-block;
    vertical-align: middle;
    *margin-bottom: 19px;
    margin-bottom: 3px;
}

.header .cont .search-wrap .search-tab-cont .input-search input {
    width: calc(100% - 90px);
    height: 100%;
    *height: 37px;
    line-height: 38px;
    border: 0px;
    outline: none;
}

.header .cont .search-wrap .search-tab-cont .btn-search {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 70px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border: 0px;
    color: #fff;
    background-color: #46B068;
    cursor: pointer;
}

.header .cont .search-wrap .search-tab-cont .btn-search:hover {
    background-color: #46B068;
}

.header .cont .search-wrap .shopping {
    margin-left: 10px;
}

.header .cont .search-wrap .shopping .btn-forty-msc {
    position: relative;
    height: 42px;
    font-size: 14px;
    color: #666;
}

.header .cont .search-wrap .shopping .btn-forty-msc .icon-shopping-cart,
.header .cont .search-wrap .shopping .btn-forty-msc .icon-shopping-cart-active {
    position: absolute;
    width: 16px;
    height: 15px;
    left: 9px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.header .cont .search-wrap .shopping .btn-forty-msc .badge {
    position: absolute;
    right: 9px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    background-color: #46B068;
    vertical-align: text-top;
}

.header .cont .search-wrap .shopping .btn-forty-msc .icon-shopping-cart-active {
    display: none;
}

.header .cont .search-wrap .shopping .btn-forty-msc:hover {
    color: #fff;
}

.header .cont .search-wrap .shopping .btn-forty-msc:hover .badge {
    color: #46B068;
    background-color: #fff;
}

.header .cont .search-wrap .shopping .btn-forty-msc:hover .icon-shopping-cart {
    display: none;
}

.header .cont .search-wrap .shopping .btn-forty-msc:hover .icon-shopping-cart-active {
    display: inline-block;
}

.header .cont .hot-search {
    width: 756px;
    line-height: 36px;
    color: #666;
}

.header .cont .hot-search .title {
    width: 60px;
    color: #b8b8b8;
    white-space: nowrap;
    vertical-align: top;
    line-height: 36px;
    height: 36px;
}

.header .cont .hot-search .hot-items {
    word-wrap: break-word;
}

.header .cont .hot-search .hot-items>.elip,
.header .cont .hot-search .form-radio-hidden .frh-cet ul .hot-items>li,
.form-radio-hidden .frh-cet ul .header .cont .hot-search .hot-items>li {
    width: 696px;
    font-size: 0;
    height: 36px;
    overflow: hidden;
    white-space: normal;
}

.header .cont .hot-search .hot-items .item {
    color: #858585;
    margin-right: 10px;
    font-size: 12px;
    display: inline-block;
}

.header .cont .hot-search .hot-items .item:hover {
    color: #46B068;
}

.header .cont>.row>.fr {
    width: 756px;
}

.header .nav {
    margin-top: 20px;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
}

.header .nav>.ovh {
    height: 100%;
}

.header .nav .title {
    width: 195px;
    text-align: center;
    color: #fff2ef;
    background-color: #46B068;
}

.header .nav .menus {
    width: 1005px;
}

.header .nav .menus li {
    float: left;
    padding: 0 19px;
}

.header .nav .menus li.hover {
    color: #46B068;
}

.header .nav .menus li.hover a {
    color: inherit;
}

.header .medal-wrap {
    width: 169px;
    position: relative;
    height: 30px;
}

.header .medal-wrap .pgleft,
.header .medal-wrap .pgright {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
}

.header .medal-wrap .pgleft {
    left: -8px;
}

.header .medal-wrap .pgright {
    right: -8px;
}

.header .carousel-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 30px;
}

.header .carousel-wrap .carousel-inner {
    position: absolute;
    left: 0;
    top: 0;
}

.header .carousel-wrap .carousel-inner {
    overflow: hidden;
    width: 100000px;
}

.header .carousel-wrap .carousel-inner .item {
    float: left;
    margin-left: 5px !important;
    padding: 0 !important;
    width: 30px;
    height: 30px;
}

.header .carousel-wrap .carousel-inner .item:first-child {
    margin-left: 0;
}

.header .carousel-wrap .carousel-inner .item img {
    width: 100%;
    height: 100%;
}

.footer {
    clear: both;
    box-sizing: border-box;
    padding-top: 21px !important;
    padding-bottom: 20px;
    height: 71px;
    line-height: 30px;
    background: #f5f5f5;
    width: 100%;
}

.footer .user-bottom {
    display: inline-block;
}

.footer .user-bottom a:hover {
    color: #46B068;
}

.footer .user-bottom .user-btmenu li {
    position: relative;
    line-height: 12px;
    color: #333;
}

.footer .user-bottom .user-btmenu li a {
    font-size: 14px;
    color: #333;
}

.footer .user-bottom .user-btmenu li:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 1px;
    height: 12px;
    background: #a9a9a9;
}

.footer .user-bottom .user-btmenu li:last-child:after {
    background: transparent;
}

.footer .user-bottom ul li {
    float: left;
    line-height: 12px;
}

.footer .user-bottom ul li:first-of-type a {
    padding: 0 8px 0 0px;
}

.footer .user-bottom ul li a {
    display: inline-block;
    padding: 0 8px;
    font-size: 12px;
    color: #666;
}

.footer .user-bottom ul li a .safe {
    display: inline-block;
    vertical-align: text-top;
    margin-right: 5px;
    width: 14px;
    height: 14px;
    background: url(../images/safe-181a762177.png) no-repeat;
}

.footer .user-bottom ul li a:hover {
    color: #46B068;
}

.footer .user-bottom p {
    font-size: 12px;
    color: #999;
    line-height: 12px;
}

.footer .user-bottom p a {
    font-size: 12px;
    color: #999;
}

.footer .user-bottom p a:hover {
    color: #46B068;
}

.footer .user-bottom p a span {
    text-transform: uppercase;
}

.footer .user-bticon {
    float: right;
    height: 38px;
    *line-height: 58px;
    line-height: 88px;
}

.footer .user-bticon ul {
    height: 100%;
}

.footer .user-bticon ul li {
    float: left;
    padding-right: 4px;
    height: 100%;
}

.footer .user-bticon ul li a {
    display: inline-block;
}

.footer .user-bticon ul li a img {
    display: block;
    border: 1px solid #ced2d5;
}

.footer .user-bticon ul li:last-child {
    padding-right: 0;
}

.paginations {
    position: relative;
    text-align: center;
    zoom: 1;
}

.paginations:before,
.paginations:after {
    content: "";
    display: table;
}

.paginations:after {
    clear: both;
    overflow: hidden;
}

.paginations span {
    float: left;
    margin: 0 5px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    color: #333333;
    font-size: 12px;
}

.paginations .active {
    float: left;
    margin: 0 2px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    background: #46B068;
    color: #fff;
    font-size: 12px;
    border: 1px solid #46B068;
}

.paginations a {
    float: left;
    margin: 0 2px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    background: #fff;
    border: 1px solid #ebebeb;
    color: #333333;
    font-size: 12px;
}

.paginations a:hover {
    color: #fff;
    background: #46B068;
}

.paginations .next,
.paginations .prev {
    font-size: 12px;
    width: 45px;
}

.paginations input {
    float: left;
    margin: 0 5px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #fff;
    border: 1px solid #ebebeb;
    outline: 0;
    color: #333333;
    font-size: 12px;
}

.jump-ipt-text {
    margin: 0 !important;
}

.jump-ipt {
    margin: 0 !important;
    width: 48px !important;
}

.jump-btn {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 40px !important;
    margin: 0 !important;
}

.step-pro {
    width: 310px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    position: relative;
}

.step-pro>span {
    float: left;
    position: relative;
    top: 0;
    left: 0;
    z-index: 100;
    font-size: 18px;
}

.step-pro>span:first-child {
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    text-align: center;
    margin-top: 12.5px;
    margin-left: 16px;
}

.step-pro>span:first-child+span {
    margin-left: 6px;
    font-size: 14px;
}

.step-col1>span {
    color: #fff;
}

.step-col1>span:first-child {
    color: #38B03F;
    background: #ffffff;
}

.step-col2>span {
    color: #666;
}

.step-col2>span:first-child {
    color: #fff;
    background: #d6d6d6;
}

.ts {
    height: 23px;
    font-size: 12px;
    padding-left: 23px;
    line-height: 23px;
    margin-left: 8px;
    background: url(../images/remain-859289b269.gif) no-repeat;
    margin-top: 5px;
    padding-top: 2px;
}

.icon1 {
    background-position: -22px -45px;
    width: auto;
    height: 20px;
    line-height: 19px;
    padding-right: 5px;
}

.icon2 {
    background-position: 0px 2px;
    color: #ff0000;
    width: auto;
    height: 20px;
    line-height: 19px;
    padding-right: 5px;
}

.icon3 {
    background-position: 0px -22px;
}

.icon4 {
    background-position: 2px -45px;
}

.oc-on {
    position: relative;
}

.oc-on span {
    position: absolute;
    top: 3px;
    left: 6px;
    color: #fff;
    font-size: 12px;
}

.oc-off {
    position: relative;
}

.oc-off span {
    position: absolute;
    top: 3px;
    left: 22px;
    color: #fff;
    font-size: 12px;
}

.v-overflow {
    overflow: visible !important;
}

/***************  雪域修改全局UI样式-start  ***************/
.layui-layer {
    border-radius: 5px !important;
}

.layui-layer-setwin {
    right: 14px !important;
    top: 13px !important;
}

.layui-layer-setwin a {
    background: url(../images/close_pop-796da09675.png) no-repeat;
    background-position: 0px 0px !important;
    width: 12px !important;
    height: 14px !important;
}

.layui-layer-title {
    color: #666666 !important;
    padding: 0 80px 0 14px !important;
    border-bottom: 0px solid #eee !important;
    border-radius: 5px 5px 0 0 !important;
    height: 40px !important;
    line-height: 40px !important;
}

.layui-layer-border {
    width: auto !important;
    border-radius: 10px !important;
    border: 0 !important;
    box-shadow: 0 0 0 0 !important;
    min-width: 200px !important;
    overflow: hidden;
}

/***************  雪域修改全局UI样式-end  ***************/
/*************云端修改start*****************/
.header .row {
    height: 120px;
}

.header .nav {
    margin-top: 0;
}

.goods-top-left li a {
    font-weight: bold;
}

.nav .ovh {
    overflow: visible;
}

.goods-top-right li,
.goods-top-left li {
    position: relative;
}

.goods-top-right li img,
.goods-top-left li img {
    object-fit: cover;
    position: absolute;
    right: 9px;
}

.goods-top-left li img {
    top: -10px;
    height: 18px;
    width: 30px;
}

.goods-top-right li img {
    top: -6px;
    height: 18px;
    width: 28px;
}

.goods-top-right {
    float: right;
}

.goods-top-right li {
    float: left;
    padding: 0 15px;
}

.goods-top-right li a {
    font-size: 14px;
    color: #666;
}

.goods-top-right li:last-child {
    padding-right: 0;
}

.goods-top-left {
    float: left;
}

.goods-top-left li {
    float: left;
    padding: 0 15px;
}

.goods-top-left li:first-child {
    padding-left: 0;
}

.header a:hover {
    text-decoration: none;
}

.new-pages-nav-box .next,
.new-pages-nav-box .prev {
    width: 28px;
}

.new-pages-nav-box a {
    border-color: #d6d6d6;
    color: #666;
}

.new-pages-nav-box .middle {
    vertical-align: middle;
}

.new-pages-nav-box .disabled {
    opacity: 0.5;
}

.new-pages-nav-box a:hover {
    border-color: #46B068;
    color: #46B068;
    background: #fff;
}

.new-pages-nav-box .jump-ipt-text {
    width: auto;
    padding-left: 14px;
    padding-right: 10px;
    height: 30px;
    line-height: 30px;
}

.new-pages-nav-box .jump-ipt+.jump-ipt-text {
    padding-left: 16px;
    padding-right: 14px;
}

.new-pages-nav-box .top-and-down-box {
    position: relative;
    float: left;
    width: 58px;
    height: 28px;
    margin-right: -4px;
}

.new-pages-nav-box .top-and-down-box .jump-ipt {
    padding-right: 15px;
    box-sizing: border-box;
    height: 30px;
    width: 50px !important;
}

.new-pages-nav-box .top-and-down-box .top-down-btn-box {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 15px;
    height: 28px;
    background: #f5f5f5;
}

.new-pages-nav-box .top-and-down-box .top-down-btn-box .top-btn,
.new-pages-nav-box .top-and-down-box .top-down-btn-box .down-btn {
    display: block;
    width: 15px;
    height: 14px;
    cursor: pointer;
    box-sizing: border-box;
    padding-top: 5px;
    text-align: center;
}

.new-pages-nav-box .top-and-down-box .top-down-btn-box .top-btn i,
.new-pages-nav-box .top-and-down-box .top-down-btn-box .down-btn i {
    margin-left: 4px;
    display: block;
}

/*************云端修改end*****************/
.layui-layer-btn .layui-layer-btn1:hover {
    border-color: #46B068 !important;
    color: #46B068 !important;
    background-color: #ffffff;
}

.graphicverify .form-vc-show {
    width: 200px;
}

.graphicverify .form-vc-show input {
    width: 100px;
}

.graphicverify .form-vc-show .ts {
    position: absolute;
    left: 88px;
}


/********** 通用底部 footer **********/
.footer-content {
    background: #f8f8f8;
    width: 100%;
    min-width: 1200px;
}

.footer-server-box {
    background: #3399ff;
    width: 100%;
    min-width: 1200px;
    height: 92px;
}

.footer-server {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.footer-server-dl {
    overflow: hidden;
    width: 1200px;
}

.footer-server-dl .iconfont {
    width: 64px;
    display: inline-block;
}

.footer-server dl {
    float: left;
    margin: 16px 18px;
}

.footer-server dl dt {
    float: left;
}

.footer-server dl dt em {
    font-size: 64px;
    color: #e6f3ff;
}

.footer-server dl dd {
    float: left;
    margin: 0px;
    margin-left: 18px;
}

.footer-server dl dd h2 {
    color: #fff;
    font-size: 18px;
    font-family: "microsoft yahei";
    margin-top: 0px;
    margin-bottom: 0px;
    height: 35px;
    line-height: 35px;
}

.footer-server dl dd p {
    color: #1a5998;
}

.footer-nav {
    width: 1140px;
    margin: 38px auto 0 auto;
    padding-bottom: 22px;
    border-bottom: #e6e6e6 1px solid;
}

.footer-nav-dl {
    margin-left: -60px;
    float: left;
}

.footer-nav dl {
    float: left;
    width: 110px;
    margin-left: 60px;
}

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

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

.wx-item.wx-item-first {
    margin-left: 0px;
}

.wx-item {
    float: right;
    margin-left: 50px;
    width: 122px;
    text-align: center;
    margin-top: -10px;
}

.wx-item img {
    border: #eee 1px solid;
}

.wx-item h2 {
    font-weight: bold;
    font-size: 14px;
}

.wx-item p {
    color: #aaa;
}

.footer-link {
    width: 1200px;
    margin: 0 auto;
    padding: 16px 0;
    text-align: center;
    font-family: \5b8b\4f53;
}

.footer-link em {
    color: #ccc;
    margin: 0 14px;
}

.footer-link-a {
    width: 100%;
    text-align: center;
    margin-bottom: 16px;
}

.footer-link p {
    color: #aaa;
    margin-bottom: 18px;
}

.footer-link p i {
    font-family: "microsoft yahei";
}

.footer-link p a {
    color: #aaa;
}

.footer-link p a:hover {
    color: #666;
}

.footer-link-honor a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 5px;
}

.footer-01 {
    border-top: #46B068 2px solid;
}

.footer-01 .footer-server {
    border-bottom: #eee 1px solid;
}

.footer-01 .footer-server-box {
    background: #f8f8f8;
}

.footer-01 .footer-server dl dt em {
    color: #46B068;
}

.footer-01 .footer-server dl dd h2 {
    color: #46B068;
}

.footer-01 .footer-server dl dd p {
    color: #969696;
    margin: 0px;
}

.footer-01 .footer-link p {
    margin-bottom: 0;
}

.footer-04 {
    background: transparent;
    margin-top: 40px;
}

.footer-04 .footer-server-box {
    background: #fff;
    height: 120px;
}

.footer-04 .footer-server-box .footer-server {
    width: 1050px;
}

.footer-04 .footer-server dl {
    margin-top: 42px;
}

.footer-04 .footer-server dl dt em {
    color: #ff6700;
    font-size: 42px;
}

.footer-04 .footer-server dl dd h2 {
    font-size: 17px;
    color: #666;
}

.footer-04 .footer-link-box {
    width: 100%;
    min-width: 1200px;
    background: #323232;
}

.footer-04 .footer-link {
    background: #323232;
    padding-top: 40px;
}

.footer-04 .footer-link .footer-link-a a {
    color: #b3b5ba;
}

.footer-04 .footer-link p {
    color: #666;
}

.footer-04 .footer-link p a {
    color: #666;
}

@font-face {
    font-family: 'iconfont';
    src: url('/skin/fonts/font_58409_h2ztv397wu9.woff2') format('woff2');
}

.iconfont {
    font-family: iconfont !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}