body {
    background: #ededed;
}

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

.fl {
    float: left
}

.fr {
    float: right
}

.pro-content .size_table a i, .fsFixedTop b, .info_left dl dd a.on i, .info_left dl dd .prev, .info_left dl dd .next, .userRevi .dlLast, .reviewRight a, .s-left-list li a.to_cart, .fBox_btn a, .fBox .f_plus, .share_box i, .prompt a i, .pro-list_box, .pro-name, .yh-act-tips i {
    background: url(../images/icons-goods.png) no-repeat
}

.pro-list {
    margin-bottom: 8px;
}

.pro-list .menu-hover {
    position: relative;
    z-index: 113;
}

.ptime {
    margin-bottom: 28px;
}

.pro-list {
    margin-bottom: 8px;
}

.pro-list_box {
    background-position: 0 -1299px;
    padding: 24px 0 0 20px;
    background-repeat: repeat-x;
    color: #666666;
    position: relative;
}

.psize {
    margin-bottom: 14px;
}

.pNum {
    margin-top: -4px;
}

.pselected {
    margin-top: 16px;
}

.pro-list_icon {
    padding: 8px 0 0 20px;
}

.pro-list_icon .prompt {
    height: 20px;
    margin: 0;
}

.pro-list_icon .prompt a {
    margin: 0 20px 0 0;
}

.controllerg-goods {
    width: 1200px;
    margin: 0 auto;
}

/********** 面包屑导航 **********/
.bread-nav {
    padding: 30px 0 20px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.bread-nav span {
    position: absolute;
    right: 0;
    height: 30px;
    top: 30px;
    color: #666;
}

.bread-nav p {
    margin-left: -5px;
    font-family: serif;
}

.bread-nav a {
    padding: 5px;
}

.bread-nav a:hover {
    color: #e93b39;
}

/********** contents **********/
.contents {
    width: 1110px;
    *min-height: 500px;
    padding: 40px 50px 12px 40px;
    background: #fff;
    box-shadow: 0 2px 5px #ccc;
}

/***** info_left ******/
.info_left {
    float: left;
    height: 400px;
    width: 481px;
    border: 1px solid #ededed;
    z-index: 2;
    *z-index: 61;
    *position: relative;
    margin-bottom: 85px;
}

.info_left dl dd {
    width: 80px;
    height: 400px;
    border-right: 1px solid #ededed;
    float: left;
    position: relative;
    overflow: hidden;
}

.info_left dl dd a {
    display: block;
    width: 80px;
    height: 79px;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.info_left dl dd a.on i {
    background-position: -141px -238px;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0;
}

.info_left dl dd .prev, .info_left dl dd .next {
    position: absolute;
    left: 0;
    width: 80px;
    height: 25px;
    background-color: #e4e4e4;
    cursor: pointer;
    z-index: 2;
    display: none;
}

.info_left dl dd .prev {
    top: 0;
    background-position: 32px -380px;
}

.info_left dl dd .move_box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 400px;
    width: 80px;
}

.info_left dl dd .move_box div {
    position: absolute;
    top: 0;
    left: 0;
}

.info_left dl dd .next {
    bottom: 0;
    background-position: -174px -380px;
}

.info_left dl dd .hov {
    background-color: #999;
}

.info_left dl dt {
    width: 400px;
    height: 400px;
    float: left;
    position: relative;
}

.info_left .MagicZoom .mz-figure {
    width: 400px !important;
    height: 400px !important
}

.info_left .MagicZoom img {
    width: 400px !important;
    height: 400px !important;
    max-width: 400px !important;
    max-height: 400px !important
}

/**/
.share_box_icon {
    display: none;
    width: 35px;
    margin-top: 10px;
    position: absolute;
    top: 10px;
    left: 13px;
    background: #fff;
    z-index: 1;
    padding: 8px 0 8px 8px;
}

.get-codes-bdshare a {
    display: block;
    width: 37px;
    margin: 0 auto;
    padding: 6px 0 0 0 !important;
}

/***** info_right *****/

.info_right {
    float: right;
    width: 597px;
    min-height: 400px;
    position: relative;
}

.pro-name {
    padding: 0 0 20px 20px;
    background-position: 0 bottom;
    background-repeat: repeat-x;
}

.pro-name h2 {
    width: 370px;
    word-break: break-all;
    word-wrap: break-word;
    font: normal 16px/24px "microsoft yahei";
    color: #323232;
}

.pro-name h3 {
    width: 450px;
    word-break: break-all;
    word-wrap: break-word;
    font: normal 16px/24px "microsoft yahei";
    color: #e93a38
}

.pro-name h3 a {
    word-break: break-all;
    word-wrap: break-word;
    font: normal 16px/24px "microsoft yahei";
    text-decoration: underline;
    color: #7f69b3
}

.pro-name h3 a:hover {
    color: #463b7f;
}

.info_right .pro-title, .info_right .pro-content {
    float: left
}

.pro-details {
    padding: 15px 0 10px 20px;
    color: #666666;
    position: relative;
    z-index: 4;
}

.prompt {
    margin-top: 10px;
    color: #e93a38;
}

.exchange-label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.pro-title {
    width: 60px;
    padding-right: 17px;
    line-height: 24px;
    white-space: nowrap;
    font-family: simsun;
    white-space: nowrap;
    font-family: simsun;
}

.pro-content {
    line-height: 22px;
    width: 310px;
}

.pro-content .Dprice {
    font-size: 30px;
    font-weight: 500;
    color: #e93a38;
    vertical-align: 0px;
    *vertical-align: -3%;
    display: inline-block;
    line-height: 28px;
    *line-height: 36px;
    font-family: Tahoma;
}

.pro-content .Dprice b {
    font-size: 18px;
    font-family: microsoft yahei;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: 0;
    padding-right: 1px;
}

.pro-content .sale, .pro-content .mprice, .pro-content .rmbqj {
    vertical-align: -10%;
    *vertical-align: 15%;
    margin-left: 15px;
}

.pro-content .mprice {
    line-height: 25px;
}

.pro-content .rmbqj {
    line-height: 42px;
}

.pro-content .rmbqj .rmb {
    font-family: "microsoft yahei";
    margin-left: 5px;
    vertical-align: -2px;
}

.pro-content .rmbqj .rmb_qj {
    font-family: Tahoma;
    vertical-align: -2px;
}

.pro-content .sale {
    font: normal 12px/17px tahoma, arial, \5b8b\4f53, sans-serif;
    margin-left: 7px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    background: #eb3739;
    color: #fff;
    padding: 0 2px;
}

.pro-content .mprice .rmb {
    text-decoration: line-through;
    font-family: "microsoft yahei";
    *font-size: 14px;
    vertical-align: -1px;
}

.pro-content .mprice .rmbqj {
    font-family: "microsoft yahei";
    *font-size: 14px;
}

.pro-content .mtips {
    display: none;
    line-height: 32px;
    margin: -5px 0 15px;
}

.pro-content b, .pro-content .prom_text b, .timelin b {
    color: #e93a38;
}

.pro-content .prom_tips {
    font: normal 12px/17px tahoma, arial, \5b8b\4f53, sans-serif;
    background: #e93a38;
    color: #fff;
    width: 60px;
    padding: 0 2px 1px;
    padding: 1px 2px 0 \9 \0;
    margin: 3px 0 0 0;
    text-align: center;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.pro-content .prom_text {
    width: 200px;
    height: 22px;
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro-content .prom_text a {
    margin-left: 10px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.pro-content .prom_text a:hover {
    color: #e93b39;
}

.pro-content .tips_prom {
    position: absolute;
    top: -6px;
    left: -11px;
    z-index: 111;
    background: #fafafa;
    border: 1px solid #dedede;
    min-width: 188px;
    max-width: 480px;
    padding: 30px 10px 5px;
    display: none;
}

.pro-content .parent_tips_prom {
    position: relative;
    line-height: 22px;
    height: 30px;
    display: block;
}

.pro-content .tips_prom p {
    word-break: break-all;
    word-wrap: break-word;
}

.pro-content .tips_hover {
    position: absolute;
    z-index: 112;
}

.pro-content .tips_hover a:hover {
    color: #e93a38;
}

.pro-content .tips_level {
    position: absolute;
    top: -11px;
    left: -11px;
    background: #fafafa;
    border: 1px solid #dedede;
    width: 188px;
    padding: 40px 10px 10px;
    display: none;
}

.pro-content .delivery {
    margin-left: 20px;
    *vertical-align: 5%;
    *display: inline-block;
    *zoom: 1;
}

#last-pro-duct-num {
    margin-left: 20px;
}

.pro-content .tips_delivery {
    position: absolute;
    top: -6px;
    left: -11px;
    background: #fafafa;
    border: 1px solid #dedede;
    padding: 26px 10px 10px;
    display: none;
    min-width: 57px;
    *font-size: 0;
    *padding-bottom: 5px;
}

.pro-content .give_tip {
    margin: 0 20px 0 10px;
}

.pro-content .give_tip i {
    background: url(../images/icons-goods.png) no-repeat right 0;
    margin-left: 5px;
    width: 13px;
    height: 7px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.pro-content .give_tip b {
    font-family: "microsoft yahei";
}

.pro-content .tips_give {
    position: absolute;
    top: -6px;
    left: -11px;
    background: #fff;
    border: 1px solid #dedede;
    padding: 40px 10px 10px;
    width: 418px;
    display: none;
}

.pro-content .tips_explain i {
    display: inline-block;
    margin-left: 5px;
    *zoom: 1;
    *display: inline;
}

.menu-hover .tips_give, .menu-hover .tips_delivery, .menu-hover .tips_level, .menu-hover .tips_prom {
    display: block;
}

.pro-content .tips_give table th, .pro-content .tips_give table td {
    background: #f5f5f5;
    border: 1px solid #fff;
    padding: 10px 10px 10px;
}

.pro-content .tips_give table td p {
    line-height: 18px;
    background: none;
}

.pro-content i {
    font-style: normal;
    color: #999
}

.pro-content em {
    color: #7e68b3;
}

.pro-content ul {
    margin: -6px 0 0 0;
    min-height: 35px;
    position: relative;
}

.pro-content ul li {
    float: left;
    margin: 0 10px 17px 0;
}

.pro-content ul li a {
    display: block
}

.pro-content ul li a span {
    background: #fff;
    display: block;
    min-width: 40px;
    min-height: 40px;
    border: 1px solid #ededed;
    padding: 1px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.pro-content ul li a:hover span {
    border: 2px solid #806ab4;
    padding: 0;
}

.pro-content ul li a:hover {
    color: #666;
}

.pro-content ul li {
    position: relative;
}

.pro-content ul li.on a span {
    border: 2px solid #806ab4;
    padding: 0;
}

.pro-content ul li label {
    display: none;
    text-align: center;
}

.pro-content ul li.on {
    border: 0 none;
    position: relative;
}

.pro-content ul li.on label {
    position: absolute;
    display: block;
    background: url(../images/icons-goods.png) no-repeat right -24px;
    width: 10px;
    height: 10px;
    right: 2px;
    bottom: 2px;
}

.pro-content ul li.disable a span {
    color: #dedede;
    border: 1px dashed #999;
}

.pro-content ul li.disable a:hover span {
    border: 1px dashed #999;
    padding: 1px;
}

.pro-content ul li.disable a img {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.pro-content ul li .item-spec-val {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 42px;
}

.pro-content .count-num a {
    display: block;
    background: url(../images/icons-goods.png) no-repeat;
    width: 21px;
    height: 22px;
}

.pro-content .count-num a.down {
    background-position: right -69px;
}

.pro-content .count-num a.up {
    background-position: right -47px;
}

.pro-content .count-num a:hover.down, .pro-content .count-num a:hover.up {
    background-position-x: -178px;
}

.pro-content .count-num span {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    height: 19px;
    padding-top: 1px;
    background: #fff;
    display: block;
}

.pro-content .count-num input {
    border: 0 none;
    display: block;
    width: 34px;
    height: 18px;
    line-height: 18px;
    text-align: center;
}

.pro-content #shopSize {
    padding: 0 5px;
    margin: -14px 0 0 -15px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    max-width: 420px;
}

.pro-content ul#shopSize li {
    padding: 10px;
    margin: 0 -10px 0 0;
    border: 0 none;
}

.pro-content ul#shopSize li.disable {
    cursor: not-allowed;
}

.pro-content ul#shopSize li.on a span {
    padding: 0 2px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    min-width: 26px;
}

.pro-content ul#shopSize li.on label {
    right: 12px;
    bottom: 12px;
}

.pro-content .size_table {
    width: 70px;
    height: 30px;
    display: none;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    margin-left: 10px;
}

.pro-content .size_table a {
    width: 70px;
    height: 30px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.pro-content .size_table a:hover {
    color: #e93b39;
}

.pro-content .size_table a i {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    background-position: -166px -42px;
    margin-right: 8px;
    width: 8px;
    height: 20px;
    vertical-align: -3px;
}

.pro-content ul#shopSize li dl {
    position: absolute;
    min-width: 218px;
    height: 38px;
    line-height: 38px;
    background: #fff;
    font-size: 0;
    text-align: center;
    border: 1px solid #999;
    top: 57px;
    left: 10px;
    display: none;
}

.pro-content ul#shopSize li dl i {
    position: absolute;
    top: -6px;
    left: 13px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 5px solid #999;
    display: inline-block;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

.pro-content ul#shopSize li dl b {
    position: absolute;
    top: -4px;
    left: 13px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 5px solid #fff;
    display: inline-block;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

.pro-content ul#shopSize li dl dd {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin: 0 10px;
}

.count-num .cminus, .count-num .cplus {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    overflow: hidden;
    cursor: pointer;
}

.not-oper {
    cursor: not-allowed;
}

.prompt button {
    display: block;
    background: url(../images/icons-goods.png) no-repeat;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}

.prompt button.topanic {
    width: 160px;
    height: 45px;
    background-position: right -551px;
    margin-right:8px;
}

.prompt button.topanic_end {
    width: 160px;
    height: 45px;
    background-position: right -193px;
    cursor: not-allowed;
}

.prompt button:hover.topanic {
    background-position: right -459px;
}

.prompt button.tocart {
    width: 160px;
    height: 45px;
    background-position: right -597px;
}

.prompt button:hover.tocart {
    background-position: right -505px;
}

.prompt button.appointment, .prompt button.staging, .prompt button.reduction, .prompt button.auction {
    background: none;
    height: 20px;
    line-height: 18px;
    margin-top: 21px;
    color: #666;
}

.prompt button i {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 23px;
    height: 22px;
    vertical-align: middle;
}

.prompt button.good-preview {
    width: 160px;
    height: 45px;
    margin-top: 10px;
    color: #fff;
    background-color: #cccccc;
    font-size: 20px;
    background-image: none;
    cursor: not-allowed;
}

.prompt a.appointment i {
    background-position: 0 -118px;
}

.prompt a.staging i {
    background-position: 0 -280px;
}

.prompt a.reduction i {
    background-position: 0 -78px;
}

.prompt a.auction i {
    background-position: 0 -321px;
}

.prompt a:hover {
    color: #e93a38;
}

.prompt a.presell {
    width: 160px;
    height: 45px;
    background-position: right -831px;
}

.prompt a:hover.presell {
    background-position: right -786px;
}

.prompt a.btn_detail {
    width: 160px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
    font-family: Microsoft yahei;
    font-size: 16px;
    background: #e93a38;
    color: #fff;
}

.prompt a.btn_detail:hover {
    background: #d42220;
    color: #fff;
}

/********** goods-store **********/
.goods-store {
    position: absolute;
    width: 210px;
    min-height: 450px;
    right: -30px;
    top: 0;
    box-shadow: 0 0 10px 0 #cccccc;
}

.store-title {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #f5f5f5;
}

.store-title a {
    margin-left: 10px;
}

.store-logo {
    width: 100%;
    height: 50px;
    text-align: center;
    position: relative;
}

.store-logo img {
    width: 90%;
    height: 100%;
    border: none;
}

.goods-store .store-outdside {
    border-bottom: 1px solid #e6e6e6;
}

.goods-store .store-outdside .store_rate {
    color: #999;
    margin: 0 auto;
    padding: 5px;
    width: 182px;
}

.goods-store .store-outdside .store_rate ul {
    font-size: 0;
    padding: 5px 0;
}

.goods-store .store-outdside .store_rate ul li {
    color: #333;
    display: inline-block;
    font-size: 12px;
    height: 32px;
    text-align: center;
    vertical-align: top;
    width: 32%;
}

.goods-store .store-outdside .store_rate ul li h2 {
    color: #777;
    height: 16px;
    line-height: 16px;
}

.goods-store .store-outdside .store_rate ul li span {
    color: #da542e;
    height: 16px;
    line-height: 16px;
    font-weight: normal;
}

.goods-store .store-outdside .go_store {
    border-bottom: 1px solid #e6e6e6;
    font-size: 0;
    padding-bottom: 12px;
    text-align: center;
    overflow: hidden;

}

.goods-store .store-outdside .go_store a {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    color: #333;
    display: inline-block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 3px 10px;
    text-align: center;
    vertical-align: top;
    font-weight: normal;
}

.goods-store .store-outdside .go_store .goto_store {
    background-color: #333;
    border-color: #333;
    color: #fff;
    margin-right: 10px;
}

.goods-store .store-outdside .go_store .btn {
    float: none;
    border-radius: 0px;
}

.goods-store .store-outdside .go_store .btn span {
    color: #999;
}

.goods-store .store-outdside .store_contact {
    display: block;
    font-size: 0;
    padding: 4px 0;
}

.goods-store .store-outdside .store_contact h3 {
    color: #333;
    display: inline-block;
    font-size: 12px;
    letter-spacing: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    width: 200px;
    word-spacing: normal;
    font-weight: normal;
    margin: 5px;
}

.goods-store .store-outdside .store_contact h3 i {
    font-style: normal;
    color: #666;
    font-weight: normal;
    display: inline-block;
    font-size: 12px;
    letter-spacing: normal;
    text-align: right;
    vertical-align: top;
    width: 68px;
    word-spacing: normal;
}

/********** details **********/
.details {
    padding-top: 30px;
    width: 1210px;
    margin-left: -5px;
}

.details .details-nav {
    position: relative;
    top: 0;
    width: 100%;
}

/***** left *****/
.details-left {
    width: 200px;
    padding: 0 5px;
}

.details-left h3 {
    height: 36px;
    width: 100%;
    line-height: 36px;
    text-align: center;
    color: #fff;
    background-color: #333333;
}

.details-left h4 {
    height: 36px;
    width: 101%;
    margin-left: -1px;
}

.details-left h4 a {
    float: left;
    text-align: center;
    height: 36px;
    color: #fff;
    background-color: #333333;
    line-height: 36px;
    margin-left: 1px;
}

.details-left h4 a.active {
    background-color: #7f69b3;
    font-weight: bold;
}

.details-left .ha01 {
    width: 65px;
}

.details-left .ha02 {
    width: 58px;
}

.details-left .ha03 {
    width: 75px;
}

.details-left-con {
    width: 200px;
    border-top: 0;
    background-color: #fff;
}

.details-left-con ul {
    width: 160px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.details-left-con ul li {
    width: 160px;
    position: relative;
    padding-top: 20px;
}

.details-left-con ul li a {
    width: 160px;
    height: 238px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.sPic {
}

.sPri {
    color: #656565;
    padding-top: 5px;
}

.sPri del {
    color: #999;
}

.sName {
    padding-top: 5px;
    color: #656565;
    height: 16px;
    line-height: 18px;
    overflow: hidden;
}

.details-left-con02 {
    margin-bottom: 15px
}

.details-left-con02 ul {
    padding-bottom: 10px;
}

.details-left-con02 ul li {
    width: 150px;
    margin: 0 auto;
    border-top: 1px solid #f1f1f1;
    padding: 10px 0;
}

.details-left-con02 ul li a {
    width: 150px;
    height: 71px;
    left: 0;
    top: 10px;
}

.details-left-con02 .sPic {
    margin-top: 10px;
}

.details-left-con02 .sName {
    height: 36px;
    line-height: 18px;
}

.sbox {
    width: 90px;
}

.details-right {
    width: 970px;
    overflow: hidden;
    padding: 0 5px
}

.details-right .info_intro {
    text-align: center;
    padding-bottom: 15px
}

.details-right .info_intro img{
    width: 100%;
}

.onfix {
    position: fixed;
    top: 0;
    width: 100%;
}

.s-left-banner {
    margin-bottom: 20px;
}

.s-left-list {
    z-index: 555;
}

.s-left-box {
    background: #fff;
    margin-bottom: 30px;
    *overflow: hidden;
}

.s-left-listCopy {
    height: 36px;
    width: 100px;
    display: none;
}

.s-left-list ul {
    overflow: hidden;
}

.s-left-list li {
    color: #fff;
    height: 36px;
    line-height: 36px;
    text-align: center;
    float: left;
    width: 193px;
    position: relative;
    cursor: pointer;
    background-color: #333333;
    border-right: 1px solid #fff;
}

.s-left-list li a {
    color: #fff;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 100%;
    height: 36px;
}

.s-left-list li a:hover {
    background-color: #7f69b3;
}

.s-left-list li a.to_cart {
    display: none;
    background-position: -11px -642px;
    width: 210px;
    height: 36px;
}

.s-left-list li a.to_cart_end {
    display: none;
    background: #999;
    color: #fff;
    width: 210px;
    height: 36px;
    cursor: not-allowed;
    font: normal 14px/36px "microsoft yahei"
}

.s-left-list li a:hover.to_cart {
    background-position: -11px -678px
}

.s-left-list li.selected {
    background-color: #7f69b3;
}

.s-left-list li.selected a {
    background-color: #7f69b3;
    color: #fff;
}

.t-info {
    line-height: 25px;
    clear: both;
    overflow: hidden;
}

.t-info .ths {
    background: #f6f6f6;
    border: 2px solid #fff;
    line-height: 30px;
    height: 30px;
    padding-left: 25px;
    margin-bottom: 20px;
    color: #333;
    width: 198px;
    overflow: hidden;
    float: left;
}

.t-info .ths .zxx_con a {
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    max-width: 95px;
    height: 28px;
    word-break: break-all;
    vertical-align: bottom;
    *vertical-align: middle;
}

.t-info .ths .zxx_con {
    float: left;
    height: 1.9em;
    margin-right: 1em;
    overflow: hidden;
    word-break: break-all;
}

.t-info .ths .zxx_dotted {
    width: 1em;
    height: 1.31em;
    float: right;
    margin-top: -1.9em;
}

.t-info .ths.ths a:hover {
    color: #e93b39;
}

.pic_titl_detail {
    clear: both;
    padding: 15px 0;
    color: #000;
    font-weight: bold;
    font-size: 14px;
}

.pic_show_detail {
    width: 100%;
    text-align: center
}

.product-detail-div {
    display: none;
    padding: 0 40px;
    overflow: hidden;
}

.product-detail-banner {
    margin: 40px 0 0;
}

.d_tables {
    color: #000;
}

.d_tables td {
    border: 1px solid #dcdcdc;
    text-align: center;
    background-color: #fff;
    height: 38px;
    line-height: 38px;
    text-align: left;
    text-indent: 12px;
}

.d_tables td.ths {
    background-color: #f4f5f5;
    text-align: center;
    text-indent: 0
}

.moudle_details img {
    max-width: 910px;
}

.moudle_details p {
}

.moudle_top {
    height: 17px;
    overflow: hidden;
    width: 100%;
    position: relative;
    padding: 50px 0 20px;
    *zoom: 1;
}

.moudle_top p {
    display: none;
}

.moudle_top .sp_cs {
    display: inline-block;
    font-size: 18px;
    width: 10%
}

.moudle_text {
    padding: 16px 70px 0 85px;
    color: #666;
    line-height: 22px;
}

.details-right .s-content {
    display: none;
}

/********** comment **********/

.detail-comment-btn_gray {
    width: 76px;
    height: 26px;
    display: inline-block;
    border: 2px solid #cccccc;
    background: #fff;
    text-align: center;
    line-height: 24px;
    line-height: 27px \0;
    *line-height: 26px;
    color: #333;
    cursor: pointer;
    vertical-align: top;
}

.detail-comment-btn_gray:hover {
    border: 2px solid #d32000;
    color: #d32000;
}

.detail-comment-btn_red {
    width: 76px;
    height: 26px;
    display: inline-block;
    border: 2px solid #e93b39;
    background: #fff;
    text-align: center;
    line-height: 24px;
    line-height: 27px \0;
    *line-height: 26px;
    color: #e93b39;
    cursor: pointer;
    vertical-align: top;
}

.detail-comment-btn_red:hover {
    border: 2px solid #d32000;
    color: #d32000;
}

.detail-comment-btn_red1 {
    width: 76px;
    height: 26px;
    display: inline-block;
    border: 2px solid #e93b39;
    background: #e93b39;
    text-align: center;
    line-height: 24px;
    line-height: 27px \0;
    *line-height: 26px;
    color: #fff;
    cursor: pointer;
    vertical-align: top;
}

.detail-comment-btn_red1:hover {
    border: 2px solid #d32000;
    color: #fff;
    background: #d32000
}

.star_pl {
    position: relative;
    height: 20px;
}

.star_pl ul, .star_text {
    float: left;
    display: inline;
    height: 20px;
    line-height: 20px;
    color: #999999;
}

.star_pl ul li {
    float: left;
    width: 24px;
    cursor: pointer;
    text-indent: -9999px;
    background-position: 0 -28px;
}

.star_pl ul li.on {
    background-position: 0 0;
}

.error_ts {
    color: #e93b39;
    height: 20px;
    line-height: 20px;
    margin-left: 6px;
    float: left;
    display: none;
}

.star_text em {
    color: #e93b39;
    font-size: 22px;
    font-family: Tahoma;
    vertical-align: text-bottom;
    vertical-align: auto \0;
    *vertical-align: auto;
    margin: 0 3px 0 6px;
}

.detail-comment-textarea {
    width: 818px;
    height: auto;
}

.detail-comment-textarea textarea {
    width: 100%;
    height: 120px;
    color: #ccc;
    line-height: 20px;
    border: none;
    overflow-y: auto;
    border: 1px solid #cccccc;
    padding: 10px;
    border-radius: 0;
}

.detail-comment-textarea.ts textarea {
    color: #e93b39;
    border: 1px solid #e93b39;
}

.detail-comment-text {
    margin: 8px 0 3px;
    color: #ccc;
}

.ympl {
    float: left;
    margin: 0 20px;
    line-height: 30px;
    position: relative;
}

.ympl label i {
    width: 14px;
    height: 14px;
    background-position: 0 -302px;
    margin-left: 3px;
    display: inline-block;
    vertical-align: text-bottom;
}

.ympl_ts {
    width: 180px;
    background: #fff;
    border: 1px solid #999999;
    padding: 3px 0 5px 6px;
    padding: 5px 0 3px 6px \0;
    *padding: 5px 0 4px 6px;
    line-height: 16px;
    color: #999;
    position: absolute;
    left: -18px;
    top: 32px;
    display: none;
    font-style: normal;
}

.ympl_ts em {
    width: 100%;
    height: 9px;
    position: absolute;
    left: 0;
    top: -8px;
}

.ympl input {
    margin-right: 5px;
    vertical-align: middle;
    vertical-align: text-bottom \0;
}

.color7f69b2 {
    color: #7f69b2;
    display: inline-block;
    line-height: 30px;
    float: left;
}

.color7f69b2:hover {
    text-decoration: underline;
    color: #7f69b2;
}

.del {
    position: absolute;
    right: -7px;
    top: -8px;
    width: 14px;
    height: 14px;
    background-position: 0 -340px;
    cursor: pointer;
}

.numCount {
    color: #ccc;
    margin-top: 65px;
}

.detail-comment-detail {
    background: #fafafa;
    margin-bottom: 40px;
    padding: 0 30px 21px;
}

.detail-comment-detail .d_pf {
    padding: 15px 0 16px;
    height: 20px;
    line-height: 20px;
    background: url(../images/line.gif) repeat-x left bottom;
}

.star_x {
    color: #ea3b38;
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    padding-top: 3px;
}

.star_x span, .star_x span em {
    background: url(../images/star_x.png) no-repeat;
}

.star_x span {
    width: 84px;
    height: 14px;
    display: inline-block;
    background-position: 0 -24px;
    vertical-align: top;
    margin-right: 5px;
}

.star_x span em {
    height: 14px;
    display: inline-block;
    vertical-align: top;
    background-position: 0 0;
}

.star_x span.star1 em {
    width: 16px;
}

.star_x span.star2 em {
    width: 32px;
}

.star_x span.star3 em {
    width: 50px;
}

.star_x span.star4 em {
    width: 68px;
}

.star_x span.star5 em {
    width: 84px;
}

.star_d {
    color: #ea3b38;
    font-size: 14px;
    height: 20px;
    padding-top: 3px;
}

.star_d span, .star_d span em {
    background: url(../images/star_d.png) no-repeat;
}

.star_d span {
    width: 122px;
    height: 20px;
    display: inline-block;
    background-position: 0 -31px;
    vertical-align: top;
    margin-right: 5px;
}

.star_d span em {
    height: 20px;
    display: inline-block;
    vertical-align: top;
    background-position: 0 0;
}

.star_d i {
    font-size: 14px;
    font-style: normal;
    font-family: Tahoma;
}

.star_d i b {
    font-size: 22px;
    line-height: 20px;
    font-style: normal;
    font-family: Tahoma;
}

.detail-comment-detail .d_pf .fr {
    color: #999999;
}

.detail-comment-detail .d_pf .fr i {
    font-style: normal;
    margin: 0 7px 0 3px;
    color: #ccc;
}

.detail-comment-client {
    position: relative;
}

.detail-comment-client em {
    background: url(../images/ewmbg.png) no-repeat;
    width: 120px;
    height: 151px;
    position: absolute;
    left: 3px;
    top: 16px;
    text-align: center;
    display: none;
    z-index: 9;
    color: #fff;
}

.detail-comment-client em img {
    margin: 25px auto 16px;
}

.detail-comment-detail .d_cont {
    padding: 14px 0 16px;
    line-height: 22px;
    color: #666;
    word-break: break-all;
}

.detail-comment-detail .detail-comment-kfhf {
    padding: 15px 0 0;
    margin-top: 19px;
    line-height: 22px;
    color: #473c81;
    background: url(../images/line.gif) repeat-x left top;
}

.detail-comment-photos {
    margin: 0 0 3px;
    position: relative;
}

.detail-comment-photos .detail-comment-dianzan {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-left: 12px;
    color: #666666;
    cursor: pointer;
}

.detail-comment-photos .detail-comment-dianzan i {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-position: 0 -196px;
    position: absolute;
    left: 0;
    top: 0;
}

.detail-comment-photos .detail-comment-dianzan1 i {
    background-position: 0 -165px;
}

.detail-comment-photos .detail-comment-dianzan1:hover i {
    animation: mydh1 0.5s;
    -moz-animation: mydh1 0.5s;
    -webkit-animation: mydh1 0.5s;
    -o-animation: mydh1 0.5s;
    -ms-animation: mydh1 0.5s;
}

.detail-comment-photos .detail-comment-dianzan1 em {
    border: 1px solid #999999;
    position: absolute;
    top: -32px;
    left: -66px;
    background: #fff;
    width: 150px;
    height: 23px;
    line-height: 21px;
    line-height: 23px \0;
    *line-height: 25px;
    text-align: center;
    display: none;
    color: #999;
}

.detail-comment-photos .detail-comment-dianzan1 em span {
    width: 10px;
    height: 10px;
    position: absolute;
    left: 68px;
    bottom: -9px;
    background-position: 0 -301px;
}

.detail-comment-photos_x {
    width: 100%;
    height: 93px;
}

.detail-comment-photos_x a {
    height: 80px;
    float: left;
    margin: 0 11px 0 0;
    position: relative;
}

.detail-comment-photos_x a img {
    max-width: 100px;
    height: 78px;
    display: inline-block;
    cursor: url(../images/fdj_d.png), url(../images/fdj_d.cur), auto;
    border: 1px solid #cbcdcc;
}

.detail-comment-photos_x a.current img {
    cursor: url(../images/fdj_x.png), url(../images/fdj_x.cur), auto;
    border: 2px solid #e93b39;
    position: absolute;
    left: -1px;
    top: -1px;
}

.detail-comment-photos_x a img:hover {
    border: 2px solid #e93b39;
}

.detail-comment-photos_d {
    width: 340px;
    height: 434px;
    background: #fff;
    border: 2px solid #ccc;
    display: none;
    margin-bottom: 7px;
}

.detail-comment-photos_t {
    height: 20px;
    line-height: 20px;
    padding: 7px 0 9px;
    color: #999;
}

.detail-comment-photos_t a {
    padding: 0 27px 0 40px;
    color: #666666;
    height: 20px;
    line-height: 20px;
    display: inline-block;
}

.detail-comment-photos_t a:hover {
    color: #666666;
}

.detail-comment-photos_t a.img_hide {
    background-position: 22px -134px;
    *background-position: 22px -136px;
    background-position: 22px -136px \0;
}

.detail-comment-photos_t a.img_hide:hover {
    background-position: 22px -615px;
    color: #e93b39;
    *background-position: 22px -617px;
    background-position: 22px -617px \0;
}

.detail-comment-photos_t a.img_turnleft {
    background-position: 22px -193px;
    background-position: 22px -194px \0;
}

.detail-comment-photos_t a.img_turnleft:hover {
    background-position: 22px -674px;
    color: #e93b39;
    background-position: 22px -675px \0;
}

.detail-comment-photos_t a.img_turnright {
    background-position: 22px -233px;
    background-position: 22px -234px \0;
}

.detail-comment-photos_t a.img_turnright:hover {
    background-position: 22px -714px;
    color: #e93b39;
    background-position: 22px -715px \0;
}

.detail-comment-photos_img {
    position: relative;
    width: 340px;
    height: 400px;
}

.img_box {
    width: 340px;
    height: 400px;
    overflow: hidden;
    text-align: center;
    background: #fff;
    cursor: url(../images/fdj_x.png), url(../images/fdj_x.cur), auto;
}

.img_box i {
    display: inline-block;
    height: 100%;
    overflow: hidden;
    vertical-align: middle;
    width: 1px;
}

.img_box img {
    vertical-align: middle;
    margin-left: -1px;
}

.detail-comment-photos_img .img_prev, .detail-comment-photos_img .img_next {
    width: 30%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 9;
    background: url(../images/lazyPic.png);
}

.detail-comment-photos_img .img_prev i, .detail-comment-photos_img .img_next i {
    background-color: #323232;
    display: none;
    height: 60px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 30px;
    cursor: pointer;
}

.detail-comment-photos_img .img_prev {
    left: 0;
}

.detail-comment-photos_img .img_next {
    right: 0;
}

.detail-comment-photos_img .img_prev i {
    background-position: 3px -55px;
    left: 0;
}

.detail-comment-photos_img .img_next i {
    background-position: 6px 4px;
    right: 0;
}

.rot1 {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.rot2 {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.rot3 {
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.detail-comment-goodsxx {
    color: #999999;
}

.detail-comment-goodsxx a {
    color: #999;
}

.detail-comment-goodsxx a:hover {
    color: #333;
    text-decoration: underline;
}

.pm_popbox_bg {
    background: #000;
    filter: alpha(Opacity=70);
    opacity: 0.7;
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
}

.detail-comment {
    width: 970px;
    margin: 10px auto;
}

.detail-comment-cont {
    background: #fff;
    padding: 47px 30px 30px;
}

.detail-comment-tit {
    height: 20px;
    background: url(../images/tit_yhpj.gif);
    margin-bottom: 37px;
}

.detail-comment-score i.fl {
    color: #ededed;
    font-weight: bold;
    font-size: 18px;
    font-style: normal;
    margin: 0 10px;
}

.detail-comment-score .fr {
    margin-top: -3px;
}

.detail-comment-list dl {
    margin-bottom: 30px;
    padding-left: 70px;
    position: relative;
}

.detail-comment-list dl dt {
    width: 60px;
    text-align: center;
    position: absolute;
    left: -5px;
    top: 0;
}

.detail-comment-list dl dt p.name {
    color: #666666;
    margin: 6px 0 5px;
    overflow: hidden;
    width: 60px;
    text-overflow: ellipsis;
}

.detail-comment-list dl dd .detail-comment-detail {
    margin-bottom: 0;
}

.detail-comment-list .comment-img {
    width: 50px;
    height: 50px;
}

.comment-page {
    height: 25px;
    text-align: right;
}

.comment-page a {
    border: 1px solid #cccccc;
    height: 23px;
    line-height: 21px;
    line-height: 24px \0;
    padding: 0 7px;
    margin-left: 5px;
    display: inline-block;
    color: #cccccc;
    font-family: "宋体";
}

/*.comment-page a:hover, .comment-page a.on {
    border: 1px solid #7e68b3;
    background-color: #7e68b3;
    color: #fff;
    font-weight: bold;
}*/

.comment-page a:hover {
    font-weight: normal;
}

.comment-page a.page_prev {
    background-position: 5px -354px;
    padding-left: 15px;
}

.comment-page a.page_prev:hover {
    background-position: 5px -443px;
    background-color: #fff;
    color: #7e68b3;
}

.comment-page a.page_next {
    background-position: 48px -411px;
    padding-right: 15px;
}

.comment-page a.page_next:hover {
    background-position: 48px -484px;
    background-color: #fff;
    color: #7e68b3;
}

.comment-page span {
    /*width: 12px;*/
    height: 25px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: bottom;
    line-height: 25px;
    color: rgb(204, 204, 204);
}

.onfix {
    z-index: 9999;
}

.yh-act-tips {
    display: block;
    cursor: pointer;
    margin: 10px 0 0 0
}

.yh-act-tips i {
    width: 17px;
    height: 16px;
    background-position: -20px 0;
    display: block;
}

.yh-act-tips:hover i {
    background-position: -20px -18px;
}

.detail-comment-cont {
    padding-top: 39px;
    overflow: hidden;
}

.detail-comment-score {
    margin: 0;
    background: url(../images/line.gif) repeat-x scroll left bottom;
    padding-bottom: 20px;
}

.detail-comment-score .complex {
    font-size: 16px;
    color: #666;
    font-family: 微软雅黑;
    line-height: 24px;
}

.star_d {
    padding-top: 2px;
}

.detail-comment-tab {
    padding: 20px 0;
}

.detail-comment-tab li {
    float: left;
    margin-right: 20px;
}

.detail-comment-tab li a {
    color: #666;
}

.detail-comment-tab li a:hover {
    color: #D32220;
}

.detail-comment-tab li.on a {
    color: #E93B39
}

.detail-comment-photos .share_icon {
    position: absolute;
    right: 70px;
    bottom: 0;
}

.detail-comment-photos .share_icon .share_t {
    height: 16px;
    display: inline-block;
    text-align: right;
}

.detail-comment-photos .share_icon .share_t a {
    padding-left: 15px;
    color: #666;
    width: 35px;
}

.detail-comment-photos .share_icon .share_t a i {
    width: 15px;
    position: absolute;
    left: 0;
    top: 0;
}

.detail-comment-photos .share_icon .share_t a:hover i {
    animation: mydh1 0.5s;
    -moz-animation: mydh1 0.5s;
    -webkit-animation: mydh1 0.5s;
    -o-animation: mydh1 0.5s;
    -ms-animation: mydh1 0.5s;
}

.detail-comment-photos .share_icon .share_c {
    position: absolute;
    left: 8px;
    top: 16px;
    background: #fff;
    padding-left: 12px;
    display: none;
    z-index: 10;
    *padding: 0 5px 5px 12px;
    margin-top: 10px;
    border: 1px solid #ededed;
    width: 30px;
}

.detail-comment-photos .detail-comment-dianzan {
    height: 16px;
    display: inline-block;
}

.detail-comment-cont_none {
    padding-top: 0;
}

/********* ask *********/
.point_out {
    position: relative;
    border: 1px solid #d7d7d7;
    height: 67px;
    padding: 10px 10px 20px 10px;
    background: url(../images/tishi.png) no-repeat 10px 10px;
}

.point_out p {
    color: #9b827d;
    height: 36px;
    left: 70px;
    line-height: 18px;
    position: absolute;
    top: 40px;
    width: 600px;
    z-index: 1;
    font: 12px/20px "Hiragino Sans GB", "Microsoft Yahei", arial, 宋体, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}

.point_out a {
    padding: 5px 20px;
    background-color: #da4f49;
    border-color: #c44742 #c44742 #a33b37;
    color: #fff;
    position: absolute;
    top: 30px;
    right: 30px;
}

/********** record *********/
.t_goods {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.t_goods tr th {
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-bottom: 2px solid #e7e7e7;
}

.t_goods tr td {
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px dashed #e7e7e7;
}

.t_goods tr .w300 {
    width: 30%;
}

.t_goods tr .w200 {
    width: 20%;
}

.t_goods tr .goods_p {
    color: #f60;
    font-weight: bold;
}

.ask-form .form-control {
    width: 90%;
    resize: none;
}

.bonus-item {
    position: relative;
    display: inline-block;
    height: 16px;
    padding-left: 2px;
    line-height: 16px;
    text-align: center;
    border-top: 1px solid #df3033;
    border-bottom: 1px solid #df3033;
    background: #ffdedf;
    font-size: 14px;
    white-space: nowrap;
    margin-right: 13px;
    cursor: pointer;
}

.bonus-item .tj {
    padding: 0 10px;
    color: #df3033;
    font-size: 12px;
}

.bonus-item .bonus-border-l,
.bonus-item .bonus-border-r {
    position: absolute;
    top: -1px;
    display: block;
    height: 18px;
    width: 2px;
    overflow: hidden;
    background: url('../images/bonus-border.jpg') no-repeat;
}

.bonus-item .bonus-border-l {
    left: 0;
    background-position: -2px 0;
}

.bonus-item .bonus-border-r {
    right: -2px;
}

.bonus-more {
    cursor: pointer;
    font-size: 12px;
}

/* 优惠券侧边栏
 ============================================================================ */
.bonus-sidebar {
    position: fixed;
    top: 0;
    right: -300px;
    padding-top: 50px;
    width: 265px;
    height: 100%;
    z-index: 10000;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #f5f5f5;
    box-shadow: 0 0 15px #ccc;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.bonus-sidebar::-webkit-scrollbar {
    width: 5px;
}

.bonus-sidebar::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}

.bonus-sidebar::-webkit-scrollbar-thumb {
    background-color: #7f7f7f;
}

.bonus-sidebar::-webkit-scrollbar-thumb:hover {
    background-color: #666
}

.bonus-sidebar::-webkit-scrollbar-thumb:active {
    background-color: #666
}

.bonus-sidebar.open {
    right: 0;
}

.title-sidebar {
    position: fixed;
    top: 0;
    right: -300px;
    width: 265px;
    height: 40px;
    line-height: 40px;
    background-color: #f5f5f5;
    box-shadow: 0 0 15px #ccc;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.bonus-sidebar.open .title-sidebar {
    right: 0;
}

.icon-title-sidebar {
    display: block;
    width: 40px;
    height: 40px;
}

.title-title-sidebar {
    float: left;
    font-size: 14px;
}

.icon-title-sidebar.icon-bonus {
    float: left;
    background: url('../images/sidebar-bonus.png') no-repeat center;
    background-size: 60%;
}

.icon-title-sidebar.icon-close {
    float: right;
    background: url('../images/sidebar-close.png') no-repeat center;
    background-size: 30%;
    margin-right: 10px;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.icon-title-sidebar.icon-close:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.content-didebar {
    padding: 0 10px 50px 10px;
}

.items-bonus {
    clear: both;
}

.title-items-bonus {
    position: relative;
    text-align: center;
}

.title-items-bonus .line {
    position: absolute;
    top: 50%;
    display: block;
    margin-top: -1px;
    width: 33%;
    height: 1px;
    background-color: #afafaf;
}

.line.line-l {
    left: 0;
}

.line.line-r {
    right: 0;
}

.title-items-bonus .title-span {
    font-size: 12px;
    color: #333;
}

.content-items-bonus .item-b {
    position: relative;
    width: 230px;
    margin: 20px 0;
    height: 106px;
    background-color: #fff;
    overflow: hidden;
}

.item-b .detail-b {
    position: relative;
    float: left;
    width: 200px;
    height: 106px;
    background-color: #fff;
    overflow: hidden;
}

.item-b .btn-b {
    position: relative;
    float: right;
    width: 20px;
    height: 106px;
    background-color: #ff002d;
    color: #fff;
}

.item-b .btn-b:before {
    content: "";
    position: absolute;
    top: -20px;
    display: block;
    width: 10px;
    height: 100%;
    margin-top: 20px;
    background-size: 20px 6px;
    left: -10px;
    background-color: #fff;
    background-position: 100% 35%;
    background-image: linear-gradient(-45deg, #ff002d 25%, transparent 25%, transparent),
    linear-gradient(-135deg, #ff002d 25%, transparent 25%, transparent),
    linear-gradient(-45deg, transparent 75%, #ff002d 75%),
    linear-gradient(-135deg, transparent 75%, #ff002d 75%);
}

.item-b .get-b {
    display: block;
    width: 14px;
    font-size: 13px;
    color: #fff;
    padding: 12px 2px;
}

.item-b .get-b:hover {
    color: #fece75;
}

.item-b .money-b {
    width: 205px;
    font-family: Arial;
    font-size: 38px;
    font-weight: 700;
    line-height: 38px;
    padding-top: 10px;
    color: #ff002d;
}

.money-b .money {
    margin-left: -10px;
    margin-right: -10px;
}

.money-b .arrow {
    font-size: 16px;
    font-weight: normal;
}

.money-b .sysicon {
    margin-left: 20px;
}

.item-b .other-b {
    padding-left: 15px;
    font-size: 12px;
}

.item-b .other-b p {
    line-height: 15px;
}

.item-b .other-b .color-gary {
    color: #999;
}

.item-b .is-get-b {
    position: absolute;
    bottom: 5px;
    right: 35px;
    display: none;
    width: 50px;
    height: 50px;
    background: url('../images/icon-bonus-isget.png') no-repeat center;
    background-size: 100%;
}

.btn-b.is-get .is-get-b {
    display: block;
}

.swiper-btn {
    position: absolute;
    width: 100%;
    height: 25px;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 10;
    text-align: center;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all ease-out .2s;
    -moz-transition: all ease-out .2s;
    -ms-transition: all ease-out .2s;
    -o-transition: all ease-out .2s;
    transition: all ease-out .2s;
}

.swiper-btn.show {
    opacity: 1;
}

.swiper-btn .material-icons {
    color: #ffffff;
    font-size: 30px;
    line-height: 30px;
}

.swiper-btn-prev {
    top: 0;
}

.swiper-btn-next {
    bottom: 0;
}

/********** tipbox **********/
.tipbox .tip {
    border: 1px solid #F6A100;
}

.tipbox .tip-text {
    background-color: #FFFCC1;
    border-color: #FFF;
    color: #FF0000;
}