.cart_btn {
    line-height: 45px;
    font-family: 'PingFont_Light','Microsoft YaHei',"hiragino sans gb",'黑体','宋体',Arial,Lucida Grande,Tahoma,sans-serif;
    border: 0 none;
    background: #999;
    color: #fff;
    font-size: 16px;
    text-align: center;
    width: 180px;
    border-radius: 2px;
    opacity: 1;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer
}

.cart_btn:hover {
    opacity: .8
}

.cart_btn.buy_now {
    background: #ee1d23
}

.cart_btn.add_cart {
    background: #fff2f2;
    color: #ee1d23;
    border: 1px solid #ee1d23
}

.fback img {
    display: block;
    margin: 85px auto 45px
}

.fback p {
    font-size: 16px;
    text-align: center
}

.fback a {
    display: block;
    margin: 100px auto 0;
    width: 200px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border-radius: 5px;
    background: #ee1d23
}

.nopicpng {
    font-size: 34px;
    text-align: center;
    color: #666
}

.__banner_height {
    height: 450px;
    background: #f9f9f9
}

#owl_banner {
    height: 450px;
    background: #f9f9f9
}

#owl_banner .owl-item {
    margin: 0;
    position: relative
}

#owl_banner .owl-item div a {
    display: block;
    max-width: 100%;
    height: 450px;
    min-width: 1200px;
    background-repeat: no-repeat;
    background-position: center
}

#owl_banner .owl-item div.__bannerAD {
    position: absolute;
    left: 50%;
    top: 2px;
    bottom: 2px;
    margin-left: 420px;
    width: 180px
}

#owl_banner .owl-item div.__bannerAD a {
    display: block;
    margin-top: 1px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    opacity: 1
}

#owl_banner .owl-item div.__bannerAD a:first-child {
    margin-top: 0
}

#owl_banner .owl-item div.__bannerAD a:hover {
    opacity: .85
}

#owl_banner .owl-item div.__bannerAD a img {
    width: 100%;
    height: auto
}

#owl_banner .owl-dots {
    position: absolute;
    width: 200px;
    text-align: center;
    bottom: 15px;
    left: 50%;
    margin-left: -100px
}

#owl_banner .owl-dots .owl-dot span {
    background: #fff;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    opacity: 1
}

#owl_banner .owl-dots .owl-dot.active span {
    border: 2px solid #ee1d23
}

.topreco .recondiv {
    width: 910px;
    min-height: 532px;
    background: #fff;
    border: 1px solid #e1e1e1
}

.topreco .recondiv .tandiv {
    border-bottom: 1px solid #e1e1e1;
    height: 50px
}

.topreco .recondiv .tandiv a {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    float: left;
    width: 20%;
    text-align: center
}

.topreco .recondiv .tandiv a.active {
    margin-top: -1px;
    border-top: 2px solid #ee1d23;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    background: #fff;
    height: 51px
}

.topreco .recondiv .tabcon .owl-carousel {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.topreco .recondiv .tabcon .owl-carousel .owl-item {
    border-right: 1px solid #e1e1e1
}

.topreco .recondiv .tabcon .owl-carousel .owl-item .item {
    text-align: center
}

.topreco .recondiv .tabcon .owl-carousel .owl-item .item img {
    width: auto;
    height: 150px;
    display: block;
    margin: 30px auto
}

.topreco .recondiv .tabcon .owl-carousel .owl-item .item span {
    display: block
}

.topreco .recondiv .tabcon .owl-carousel .owl-item .item .title {
    font-size: 16px
}

.topreco .recondiv .tabcon .owl-carousel .owl-item .item .intro {
    color: #999;
    margin: 10px 0 20px
}

.topreco .recondiv .tabcon .owl-carousel .owl-item .item .price {
    color: #ee1d23;
    font-size: 16px;
    margin-bottom: 20px
}

.topreco .recondiv .tabcon .owl-dots {
    margin-top: 20px;
    height: 20px;
    text-align: center
}

.topreco .recondiv .tabcon .owl-dots .owl-dot {
    display: inline-block;
    margin: 5px 10px
}

.topreco .recondiv .tabcon .owl-dots .owl-dot span {
    width: 35px;
    height: 5px;
    background: #e1e1e1;
    opacity: 1;
    display: inline-block
}

.topreco .recondiv .tabcon .owl-dots .owl-dot.active span {
    background: #d8353a
}

.topreco .topiclist {
    width: 270px;
    overflow: hidden
}

.topreco .topiclist .owl_HotAD {
    position: relative;
    margin-top: 26px
}

.topreco .topiclist .owl_HotAD._first {
    margin-top: 0
}

.topreco .topiclist .owl_HotAD .item a {
    display: block
}

.topreco .topiclist .owl_HotAD .item a img {
    width: 100%;
    height: 160px
}

.topreco .topiclist .owl_HotAD .owl-dots {
    position: absolute;
    text-align: left;
    left: 15px;
    bottom: 6px
}

.topreco .topiclist .owl_HotAD .owl-dots .owl-dot {
    display: inline-block
}

.topreco .topiclist .owl_HotAD .owl-dots .owl-dot span {
    display: inline-block;
    background: rgba(225,225,225,0.86);
    width: 12px;
    height: 12px;
    margin-right: 7px;
    border-radius: 50%;
    opacity: 1
}

.topreco .topiclist .owl_HotAD .owl-dots .owl-dot.active span {
    background: #ee1d23
}

.__ProList1 .__item {
    float: left;
    width: 20%;
    overflow: hidden
}

.__ProList1 .__item a {
    display: block;
    padding: 15px 15px;
    height: 240px
}

.__ProList1 .__item a:hover {
    background: rgba(225,225,225,0.13)
}

.__ProList1 .__item a img {
    display: block;
    margin: 0;
    width: 100%;
    height: 150px;
    margin-bottom: 10px
}

.__ProList1 .__item a span.title {
    display: block;
    line-height: 20px;
    height: 20px;
    font-size: 13px;
    color: #898989;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px
}

.__ProList1 .__item a span.price {
    display: block;
    line-height: 22px;
    height: 22px;
    font-size: 15px;
    color: #ee1d23
}

.typediv .title {
    height: 33px;
    font-size: 22px
}

.typediv .title a {
    display: block;
    width: 55px;
    height: 25px;
    color: #fff;
    text-align: center;
    line-height: 25px;
    margin-top: 8px;
    font-size: 12px
}

.typediv .goodlist>div {
    width: 230px
}

.typediv .goodlist>div>a {
    display: block
}

.typediv .goodlist>div>a img {
    width: 230px;
    height: 420px
}

.typediv .goodlist>div .recolist {
    height: 166px;
    padding: 25px 20px;
    border: 1px solid #e1e1e1;
    border-top: 0
}

.typediv .goodlist>div .recolist span {
    font-size: 16px;
    display: block;
    margin-bottom: 15px;
    font-weight: bold
}

.typediv .goodlist>div .recolist li {
    width: 50%;
    margin-bottom: 15px;
    float: left
}

.typediv .goodlist>div .recolist li:hover a {
    color: #ee1d23;
    text-decoration: underline
}

.typediv .goodul {
    width: 970px
}

.typediv .goodul li {
    width: 25%;
    float: left;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    height: 294px;
    padding: 30px 27px
}

.typediv .goodul li a {
    display: block;
    position: relative
}

.typediv .goodul li a img {
    display: block;
    margin: 0 auto;
    height: 152px
}

.typediv .goodul li a>span {
    color: #666;
    font-size: 16px;
    display: block;
    margin-bottom: 20px;
    margin-top: 30px;
    line-height: 17px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 19px
}

.typediv .goodul li a div .price {
    color: #ee1d23;
    font-size: 18px
}

.typediv .goodul li a div .account {
    color: #bcbcbc;
    font-size: 16px
}

strong.Tip {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 55px;
    background: url(../images/TagBg.png) top center no-repeat
}

strong.Tip.mt_30 {
    margin-top: -30px
}

strong.Tip.mr_10 {
    margin-right: 10px
}

strong.Tip span {
    display: block;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 120%
}

strong.Tip.Tip_1 span {
    margin-top: 10px;
    font-size: 18px
}

strong.Tip.Tip_2 span {
    margin-top: 12px;
    font-size: 14px
}

strong.Tip.Tip_3 span {
    margin-top: 14px;
    font-size: 13px
}

strong.Tip.Tip_4 {
    padding: 0 5px
}

strong.Tip.Tip_4 span {
    margin-top: 5px;
    font-size: 12px
}

strong.Tip.Tip_5 {
    padding: 0 3px
}

strong.Tip.Tip_5 span {
    margin-top: 5px;
    font-size: 12px
}

strong.Tip.Tip_6 {
    padding: 0 2px
}

strong.Tip.Tip_6 span {
    margin-top: 5px;
    font-size: 12px
}

.condition {
    border: 1px solid #e1e1e1
}

.condition .line {
    position: relative;
    min-height: 45px;
    font-size: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
    width: 100%;
    line-height: 28px;
    overflow: hidden
}

.condition .line em {
    display: none;
    cursor: pointer;
    width: 18px;
    height: 18px;
    background: url("../images/arrdown.png");
    position: absolute;
    right: 20px;
    top: 15px
}

.condition .line em.show {
    background: url("../images/arrup.png")
}

.condition .line span {
    display: block;
    width: 105px;
    text-align: center;
    font-size: 12px;
    float: left
}

.condition .line ul {
    display: table;
    width: 1050px;
    float: left;
    padding-right: 50px;
    border-left: 1px dashed #e9e9e9
}

.condition .line ul li {
    line-height: 28px;
    padding: 0 20px;
    float: left
}

.condition .line ul li a {
    font-size: 12px;
    color: #666
}

.condition .line ul li.active a {
    color: #ee1d23
}

.condition .line.showauto {
    height: auto
}

.condition .line:last-child {
    border-bottom: 0
}

.filter {
    border: 1px solid #e1e1e1
}

.filter div {
    margin-top: -1px;
    border-top: 2px solid transparent;
    cursor: pointer;
    position: relative;
    height: 50px;
    line-height: 50px;
    width: 150px;
    float: left;
    color: #999;
    text-align: center
}

.filter div span {
    font-size: 16px
}

.filter div .up {
    position: absolute;
    top: 19px;
    right: 45px;
    border-top: 0;
    border-bottom: 5px solid #a5a5a5;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.filter div .down {
    position: absolute;
    bottom: 17px;
    right: 45px;
    border-top: 5px solid #a5a5a5;
    border-bottom: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.filter div .up.active {
    border-bottom: 5px solid #ee1d23
}

.filter div .down.active {
    border-top: 5px solid #ee1d23
}

.filter .active {
    border-top: 2px solid #ee1d23
}

.filter .active span {
    color: #ee1d23
}

.alllist li {
    border: 1px solid #e1e1e1;
    width: 290px;
    float: left;
    margin-right: 13px;
    padding: 45px 15px 20px;
    margin-bottom: 15px;
    position: relative
}

.alllist li a img {
    display: block;
    margin: 0 auto 45px;
    width: 160px;
    height: 160px
}

.alllist li a>span {
    display: block;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px
}

.alllist li a p {
    color: #eec41d;
    font-size: 16px;
    margin: 10px 0 15px;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.alllist li a div .price {
    color: #ee1d23;
    font-size: 20px
}

.alllist li a div .price em {
    font-size: 16px;
    color: #999;
    margin-right: 5px
}

.alllist li a div .account {
    color: #999;
    font-size: 16px
}

.alllist li>div {
    display: none
}

.alllist li.active {
    border: 1px solid #ee1d23
}

.alllist li.active>div {
    display: block;
    position: absolute;
    bottom: -50px;
    left: -1px;
    background: #ee1d23;
    height: 50px;
    width: 290px;
    z-index: 999;
    color: #fff
}

.alllist li.active>div span {
    cursor: pointer;
    font-size: 16px;
    width: 50%;
    display: block;
    text-align: center;
    color: #fff
}

.alllist li.active>div .addtofa {
    float: left;
    padding: 15px 0
}

.alllist li.active>div .addtofa em {
    display: inline-block;
    width: 21px;
    height: 20px;
    background: url("../images/star.png");
    vertical-align: sub;
    margin-right: 10px
}

.alllist li.active>div .addtofa.active em {
    background: url("../images/sxstaar.png")
}

.alllist li.active>div .addtoshop {
    float: right;
    padding: 15px 0;
    position: relative
}

.alllist li.active>div .addtoshop em {
    display: inline-block;
    width: 22px;
    height: 20px;
    background: url("../images/shop1.png");
    vertical-align: sub;
    margin-right: 10px
}

.alllist li.active>div .addtoshop i {
    color: #ee1d23;
    position: absolute;
    right: 75px;
    bottom: 35px;
    opacity: 1;
    font-size: 16px;
    font-weight: bold
}

.alllist li.active>div .addtoshop.active i {
    transition: all ease 2.5s;
    opacity: 0;
    bottom: 150px
}

.alllist li:nth-child(4n) {
    margin-right: 0;
    float: right
}

.pagination {
    text-align: center;
    margin-top: 50px
}

.pagination a {
    cursor: pointer;
    color: #666;
    display: inline-block;
    padding: 0 7px
}

.pagination a:first-child {
    font-size: 12px;
    color: #999;
    border: 1px solid #dbdbdb;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin-right: 10px
}

.pagination a.next,.pagination a:last-child {
    font-size: 12px;
    color: #999;
    border: 1px solid #dbdbdb;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin-left: 10px
}

.pagination a:hover {
    color: #ee1d23
}

.pagination span.current {
    color: #ee1d23;
    padding: 0 7px
}

.pagination.ypage span.active {
    color: #fa0
}

.pagination.ypage span:hover {
    color: #fa0
}

.ypage.pagination span.active {
    color: #fa0
}

.ypage.pagination span:hover {
    color: #fa0
}

._thumbList {
    position: relative;
    padding: 0 20px
}

._thumbList .owl-carousel .item {
    padding: 0 3px
}

._thumbList .owl-carousel .item a {
    display: block;
    border: 1px #ddd solid
}

._thumbList .owl-carousel .item a img {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 64px
}

._thumbList .owl-carousel .item a.checked {
    border-color: #ee1d23
}

._thumbList .owl-carousel .owl-nav.disabled {
    display: inherit
}

._thumbList .owl-carousel .owl-nav div {
    display: block;
    position: absolute;
    top: 0;
    width: 15px;
    overflow: hidden;
    text-indent: -9999px;
    border: 1px #efefef solid;
    height: 66px;
    background-position: center;
    background-repeat: no-repeat
}

._thumbList .owl-carousel .owl-nav div.owl-prev {
    background-image: url(../images/prev2.jpg);
    left: -20px
}

._thumbList .owl-carousel .owl-nav div.owl-next {
    background-image: url(../images/next2.jpg);
    right: -20px
}

.goodintro {
    border: 1px solid #dbdbdb;
    padding: 30px 20px
}

.goodintro .goodleft .xbigimg {
    height: 380px;
    width: 380px
}

.goodintro .goodleft .xbigimg img {
    height: 380px;
    width: 380px
}

.goodintro .goodleft .xsmallimg {
    margin-left: 10px;
    width: 70px;
    overflow: hidden
}

.goodintro .goodleft .xsmallimg ul {
    overflow-y: auto;
    height: 380px;
    width: 90px
}

.goodintro .goodleft .xsmallimg li {
    width: 68px;
    height: 68px;
    border: 1px solid #dbdbdb;
    background: #f7f7f7;
    margin-bottom: 10px
}

.goodintro .goodleft .xsmallimg li img {
    display: block;
    margin: 4px auto
}

.goodintro .goodleft .xsmallimg li.checked {
    border: 1px solid #ee1d23
}

.goodintro .goodleft .addshare {
    width: 100%;
    margin-top: 20px
}

.goodintro .goodleft .addshare>div {
    font-size: 16px;
    color: #666;
    display: inline-block;
    width: 50%;
    text-align: center;
    float: left
}

.goodintro .goodleft .addshare .share em {
    margin-right: 10px;
    display: inline-block;
    width: 14px;
    height: 16px;
    background: url("../images/share.png")
}

.goodintro .goodleft .addshare .favori {
    cursor: pointer;
    margin-top: 6px;
    font-size: 14px
}

.goodintro .goodleft .addshare .favori em {
    margin-right: 10px;
    vertical-align: bottom;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/s.png")
}

.goodintro .goodleft .addshare .favori.active em {
    background: url("../images/add.png")
}

.goodintro .introright {
    width: 740px
}

.goodintro .introright .spikebtn {
    display: block;
    width: 160px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    background: #323232;
    margin: 60px auto 10px
}

.goodintro .introright .spikebtn em {
    display: inline-block;
    vertical-align: text-top;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background: url("../images/time.png")
}

.goodintro .introright .spikebtn.active {
    background: #ee1d23
}

.goodintro .introright h1 {
    font-size: 22px
}

.goodintro .introright p {
    font-size: 16px;
    color: #fdb421;
    margin: 10px 0 25px
}

.goodintro .introright .price {
    background: #fff0d3;
    padding: 25px 0 25px 20px
}

.goodintro .introright .price .name {
    font-size: 16px
}

.goodintro .introright .price .nprice {
    font-size: 36px;
    margin: 0 15px 0 10px;
    color: #f03339
}

.goodintro .introright .price s {
    color: #666
}

.goodintro .introright .offers {
    background: #fef8ed;
    padding: 10px 0 10px 20px
}

.goodintro .introright .offers span {
    display: inline-block;
    color: #fdb421;
    border: 1px solid #fdb421;
    width: 60px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin-right: 10px
}

.goodintro .introright .offers p {
    display: inline-block
}

.goodintro .introright .offers p em {
    color: #0787b6;
    text-decoration: underline
}

.goodintro .introright .offers .odffful {
    display: inline-block;
    vertical-align: top;
    line-height: 25px
}

.goodintro .introright .offers .odffful em {
    color: #0787b6;
    text-decoration: underline
}

.goodintro .introright .offers #spike_times {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.goodintro .introright .offers #spike_times span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #333;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 5px
}

.goodintro .introright .offers .left {
    line-height: 30px;
    padding-right: 10px
}

.goodintro .introright .format {
    display: table;
    width: 100%;
    margin-top: 15px;
    color: #666
}

.goodintro .introright .format span {
    display: inline-block;
    width: 100px;
    color: #666;
    padding-left: 20px;
    margin-right: 10px
}

.goodintro .introright .format ul {
    display: inline-block;
    vertical-align: middle;
    width: 370px
}

.goodintro .introright .format ul li {
    cursor: pointer;
    float: left;
    font-size: 12px;
    color: #999;
    height: 30px;
    line-height: 20px;
    border: 1px solid #dbdbdb;
    margin: 0 10px 5px 0
}

.goodintro .introright .format ul li img {
    width: 20px;
    position: relative;
    top: 2px;
    margin-right: 5px
}

.goodintro .introright .format ul li a {
    display: inline-block;
    width: auto;
    font-size: 12px;
    background: #fff;
    border: 0;
    line-height: 20px;
    height: 28px;
    padding: 5px 10px
}

.goodintro .introright .format ul li:hover,.goodintro .introright .format ul li.active {
    border: 1px solid #ee1d23
}

.goodintro .introright .format ul.actives:hover,.goodintro .introright .format ul.actives {
    background: #dbdbdb;
    border: 1px solid #dbdbdb
}

.goodintro .introright .format a {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    background: #f7f7f7;
    border: 1px solid #dbdbdb;
    line-height: 30px;
    text-align: center
}

.goodintro .introright .format a .xminusicon,.goodintro .introright .format a .xplusicon {
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-top: 6px
}

.goodintro .introright .format a .xminusicon {
    background: url("../images/minus.png")
}

.goodintro .introright .format a .xplusicon {
    background: url("../images/plus.png")
}

.goodintro .introright .format input {
    width: 40px;
    height: 30px;
    border: 1px solid #dbdbdb;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0 3px
}

.goodintro .introright .format>div {
    display: inline-block;
    vertical-align: text-top;
    width: 320px
}

.goodintro .introright .format>div p {
    color: #666;
    margin-bottom: 10px
}

.goodintro .introright .format>div p:last-child {
    margin-bottom: 0
}

.goodintro .introright .nofound {
    color: #ee1d23;
    border-top: 1px solid #ee1d23;
    padding-left: 20px;
    line-height: 50px;
    margin-top: 20px
}

.goodintro .introright .buydiv {
    margin-top: 35px;
    padding-left: 20px
}

.goodintro .introright .buydiv .buybtn {
    width: 160px;
    height: 50px;
    display: block;
    float: left;
    font-size: 16px;
    border-radius: 5px;
    line-height: 50px;
    text-align: center;
    margin-right: 20px;
    margin-top: 0;
    margin-bottom: 0
}

.goodintro .introright .buydiv .redobtn {
    background: #fff2f2;
    color: #ee1d23;
    border: 1px solid #ee1d23
}

.goodintro .introright .buydiv .redbtn {
    background: #ee1d23;
    color: #fff
}

.__intro {
    width: 540px;
    border-right: 1px #efefef solid;
    padding-right: 25px
}

.__Price {
    position: relative
}

.__Price .wap_qcode {
    position: absolute;
    right: 6px;
    top: 6px
}

.__Price .wap_qcode a {
    display: block;
    border: 1px #efefef solid;
    border-radius: 3px;
    background: #f9f9f9;
    line-height: 26px;
    padding: 0 10px
}

.__Price .wap_qcode a i {
    font-size: 14px;
    color: #666
}

.__Price .wap_qcode a span {
    font-size: 12px;
    color: #666
}

.__Price .wap_qcode .__qrcode {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px;
    border: 1px #efefef solid;
    border-radius: 3px;
    background: #f9f9f9
}

.__Price .wap_qcode .__qrcode img {
    display: block;
    width: 120px;
    height: 120px
}

.__Price .wap_qcode .__qrcode span {
    display: block;
    font-size: 12px;
    color: #787878;
    text-align: center;
    padding: 5px 0 5px
}

.__Small {
    padding: 15px 0;
    border-bottom: 1px #efefef solid;
    padding-left: 110px
}

.__Small .clearfix span {
    display: block;
    float: left;
    width: 33.3333%;
    font-size: 12px;
    color: #999
}

._history {
    width: 180px
}

._history .__title {
    margin-bottom: 10px;
    text-align: center;
    background: url(../images/border_1.png) center repeat-x;
    line-height: 25px
}

._history .__title span {
    background: #fff;
    display: inline-block;
    padding: 0 10px;
    font-size: 13px;
    color: #999;
    line-height: 24px;
    padding-bottom: 2px
}

.radio>li span {
    margin-right: 20px;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    vertical-align: middle;
    position: relative
}

.radio>li span input {
    width: 16px;
    height: 16px;
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    margin: 0;
    opacity: 0
}

.radio>li.active>span>em {
    display: block;
    width: 8px;
    height: 8px;
    background: #737373;
    border-radius: 50%;
    margin: 3px 0 0 3px
}

.good_intro {
    margin-top: 20px
}

.good_intro .intromain {
    border: 1px solid #dbdbdb;
    width: 940px
}

.good_intro .intromain .tabdiv {
    height: 50px;
    background: #f8f8f8
}

.good_intro .intromain .tabdiv a {
    font-size: 16px;
    color: #999;
    display: block;
    float: left;
    margin-top: -2px;
    border-top: 2px solid transparent;
    width: 135px;
    line-height: 50px;
    text-align: center
}

.good_intro .intromain .tabdiv a.active {
    background: #fff;
    color: #ee1d23;
    border-top: 2px solid #ee1d23;
    margin-top: -2px
}

.good_intro .intromain .tabcon .good_param {
    padding: 30px 15px 0 15px
}

.good_intro .intromain .tabcon .good_param span {
    padding-left: 15px;
    margin-bottom: 20px;
    display: block
}

.good_intro .intromain .tabcon .good_param ul {
    border-bottom: 1px solid #dbdbdb
}

.good_intro .intromain .tabcon .good_param ul li {
    float: left;
    padding-left: 15px;
    margin-bottom: 15px;
    width: 33.3%
}

.good_intro .intromain .tabcon .good_param img {
    display: block;
    margin: 0 auto
}

.good_intro .intromain .tabcon .commemt {
    padding: 30px 10px
}

.good_intro .intromain .tabcon .commemt .type {
    text-align: center;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 20px
}

.good_intro .intromain .tabcon .commemt .type .commdiv {
    width: 150px
}

.good_intro .intromain .tabcon .commemt .type .commdiv span {
    font-size: 30px;
    color: #fa0;
    font-weight: bold
}

.good_intro .intromain .tabcon .commemt .type .commdiv div {
    margin: 10px 0
}

.good_intro .intromain .tabcon .commemt .type .commdiv div em {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/add.png");
    margin: 0 2.5px
}

.good_intro .intromain .tabcon .commemt .type ul {
    border-left: 1px solid #dbdbdb;
    height: 70px;
    line-height: 70px;
    width: 720px
}

.good_intro .intromain .tabcon .commemt .type ul li {
    margin-left: 50px;
    float: left
}

.good_intro .intromain .tabcon .commemt .commlist {
    padding: 0 15px 0 30px
}

.good_intro .intromain .tabcon .commemt .commlist li {
    display: table;
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 10px;
    margin-top: 20px
}

.good_intro .intromain .tabcon .commemt .commlist li .mp {
    text-align: center
}

.good_intro .intromain .tabcon .commemt .commlist li .mp img {
    width: 60px;
    height: 60px;
    margin-bottom: 10px
}

.good_intro .intromain .tabcon .commemt .commlist li .mp p {
    color: #666;
    display: block;
    text-align: center
}

.good_intro .intromain .tabcon .commemt .commlist li .wb60 {
    width: 640px;
    padding-left: 20px
}

.good_intro .intromain .tabcon .commemt .commlist li .wb60 .mt15 {
    margin-top: 15px;
    line-height: 22px
}

.good_intro .intromain .tabcon .commemt .commlist li .comment {
    position: relative;
    width: 740px;
    margin-left: 20px;
    padding: 20px 20px 20px 30px;
    border: 1px solid #dbdbdb;
    background: #fafafa
}

.good_intro .intromain .tabcon .commemt .commlist li .comment span {
    font-size: 13px;
    color: #999;
    display: block
}

.good_intro .intromain .tabcon .commemt .commlist li .comment div {
    margin-bottom: 15px
}

.good_intro .intromain .tabcon .commemt .commlist li .comment div em {
    display: block;
    width: 20px;
    height: 19px;
    background: url("../images/star_2.png");
    float: left;
    margin-right: 5px
}

.good_intro .intromain .tabcon .commemt .commlist li .comment div em.star_h {
    background: url("../images/star_1.png")
}

.good_intro .intromain .tabcon .commemt .commlist li .comment .mycomment {
    width: 100%;
    display: table;
    font-size: 13px;
    color: #666;
    line-height: 25px
}

.good_intro .intromain .tabcon .commemt .commlist li .comment .owncomment {
    color: #c08000;
    margin-top: 20px;
    line-height: 25px
}

.good_intro .intromain .tabcon .commemt .commlist li .comment::after {
    position: absolute;
    content: "";
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 0;
    border-right: 10px solid #fafafa;
    left: -10px;
    top: 30px
}

.good_intro .intromain .tabcon .commemt .commlist li .comment::before {
    position: absolute;
    content: "";
    border-bottom: 11px solid transparent;
    border-top: 11px solid transparent;
    border-left: 0;
    border-right: 11px solid #dbdbdb;
    left: -11px;
    top: 29px
}

.good_intro .intromain .tabcon .aftermarket {
    padding-left: 50px;
    padding-bottom: 70px
}

.good_intro .intromain .tabcon .aftermarket li {
    margin-top: 70px
}

.good_intro .intromain .tabcon .aftermarket li em {
    display: inline-block;
    width: 70px;
    height: 70px;
    margin-right: 50px;
    vertical-align: middle
}

.good_intro .intromain .tabcon .aftermarket li .zpicon {
    background: url("../images/zp.png")
}

.good_intro .intromain .tabcon .aftermarket li .wlyicon {
    background: url("../images/wly.png")
}

.good_intro .intromain .tabcon .aftermarket li .fpicon {
    background: url("../images/fp.png")
}

.good_intro .intromain .tabcon .aftermarket li div {
    display: inline-block;
    vertical-align: middle
}

.good_intro .intromain .tabcon .aftermarket li div span {
    display: block;
    font-size: 18px;
    margin-bottom: 15px
}

.good_intro .intromain .tabcon .aftermarket li div p {
    color: #999;
    font-size: 16px
}

.good_intro .ProSidebar {
    width: 240px
}

.good_intro .ProSidebar .toplist {
    border: 1px solid #dbdbdb
}

.good_intro .ProSidebar .toplist>span {
    background: #f8f8f8;
    display: block;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    padding-left: 15px
}

.good_intro .ProSidebar .toplist ul {
    padding: 0 10px
}

.good_intro .ProSidebar .toplist ul li {
    border-bottom: 1px solid #dbdbdb;
    padding: 50px 0 30px;
    text-align: center
}

.good_intro .ProSidebar .toplist ul li span.title {
    font-size: 18px;
    display: block
}

.good_intro .ProSidebar .toplist ul li p {
    color: #999;
    font-size: 16px;
    margin: 15px 0
}

.good_intro .ProSidebar .toplist ul li span.price {
    color: #ee1d23;
    font-size: 20px
}

.bigtitle {
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0;
    padding-left: 20px
}

.shopcartlist {
    border: 1px solid #dbdbdb
}

.shopcartlist .nocart em {
    display: block;
    width: 120px;
    height: 120px;
    background: url("../images/nocart.png");
    margin: 80px auto 45px
}

.shopcartlist .nocart div {
    color: #666;
    text-align: center;
    margin-bottom: 150px
}

.shopcartlist .nocart div a {
    color: #3ba8cc
}

.shopcartlist .top {
    padding: 0 20px;
    background: #f1f1f1;
    border-bottom: 1px solid #dbdbdb;
    height: 50px;
    line-height: 50px
}

.shopcartlist .top div {
    font-size: 16px;
    float: left;
    text-align: center
}

.shopcartlist ul {
    padding: 0 20px
}

.shopcartlist ul li {
    display: table;
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    padding: 28px 0
}

.shopcartlist ul li .w550 {
    padding-right: 100px
}

.shopcartlist ul li .w550 .choose {
    cursor: pointer;
    margin-left: 10px;
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid #dbdbdb;
    vertical-align: middle
}

.shopcartlist ul li .w550 .choose input {
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0
}

.shopcartlist ul li .w550 .choose.active {
    border: 1px solid #ee1d23;
    background: url("../images/choosen.png") no-repeat center
}

.shopcartlist ul li .w550 img {
    width: 80px;
    height: 80px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 30px
}

.shopcartlist ul li .w550 span.title {
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
    width: 260px;
    line-height: 25px
}

.shopcartlist ul li div {
    font-size: 16px;
    vertical-align: middle;
    display: inline-block
}

.shopcartlist ul li .w150 {
    text-align: center
}

.shopcartlist ul li .w150 .minus {
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 1px solid #dbdbdb;
    vertical-align: middle;
    background: #f7f7f7 url("../images/minus.png") no-repeat center
}

.shopcartlist ul li .w150 .plus {
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 1px solid #dbdbdb;
    vertical-align: middle;
    background: #f7f7f7 url("../images/plus.png") no-repeat center
}

.shopcartlist ul li .w150 input {
    width: 50px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #dbdbdb;
    line-height: 30px;
    text-align: center;
    font-size: 16px
}

.shopcartlist ul li .w150 .delete {
    color: #007c9b;
    font-size: 16px
}

.shopcartlist ul li:last-child {
    border-bottom: 0
}

.shopcartlist .sub {
    border-top: 1px solid #dbdbdb
}

.shopcartlist .sub>span {
    cursor: pointer;
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid #dbdbdb;
    vertical-align: middle;
    margin: 25px 0 0 30px
}

.shopcartlist .sub>span input {
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0
}

.shopcartlist .sub>span.active {
    border: 1px solid #ee1d23;
    background: url("../images/choosen.png") no-repeat center
}

.shopcartlist .sub>input {
    cursor: pointer;
    display: block;
    border: 1px solid #f4474c;
    width: 195px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #f4474c
}

.shopcartlist .sub .total {
    font-size: 18px;
    margin-right: 40px;
    line-height: 70px
}

.shopcartlist .sub .total em {
    color: #f4474c;
    font-size: 18px
}

.shopcartlist .sub .oplist {
    padding-top: 30px
}

.shopcartlist .sub .oplist a {
    color: #007c9b;
    border-right: 1px solid #8d8e8e;
    padding: 0 20px
}

.shopcartlist .sub .oplist a:last-child {
    border: none
}

.redbtn {
    margin: 35px auto;
    width: 160px;
    height: 50px;
    display: block;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    background: #ee1d23;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #ee1d23
}

.pcenter_menu {
    width: 180px
}

.pcenter_menu .perinfo {
    text-align: center;
    background: url("../images/p.jpg");
    padding: 20px 0;
    color: #fff
}

.pcenter_menu .perinfo span {
    display: block;
    margin-top: 10px;
    color: #fff
}

.pcenter_menu .perinfo .type {
    font-weight: bold
}

.pcenter_menu .perinfo>a {
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #fadede;
    color: #fff;
    background: #f7464b;
    margin: 15px auto 0
}

.pcenter_menu .perinfo .htitle {
    font-size: 18px;
    font-weight: bold
}

.pcenter_menu .pmenu {
    border: 1px solid #dbdbdb
}

.pcenter_menu .pmenu>li {
    text-align: center;
    padding: 0 3px;
    border-bottom: 1px solid #dbdbdb
}

.pcenter_menu .pmenu>li span {
    font-size: 16px;
    color: #666;
    font-weight: bold;
    height: 60px;
    line-height: 60px
}

.pcenter_menu .pmenu>li span em {
    display: inline-block;
    width: 14px;
    height: 8px;
    background: url("../images/arrd.png");
    vertical-align: middle;
    margin-left: 10px
}

.pcenter_menu .pmenu>li li a {
    display: block;
    height: 40px;
    color: #666;
    line-height: 40px
}

.pcenter_menu .pmenu>li li.active a {
    background: url("../images/p.jpg");
    color: #fff
}

.pcenter_menu .pmenu>li:last-child {
    border-bottom: none
}

.cancelbtn {
    width: 90px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #666;
    text-align: center;
    border-radius: 5px;
    display: block
}

.truebtn {
    width: 90px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    background: #ee1d23;
    border-radius: 5px;
    margin-right: 10px;
    display: block
}

.helpcenter {
    width: 1000px;
    border: 1px solid #dbdbdb;
    padding: 30px
}

.helpcenter .title {
    font-size: 30px;
    height: 65px;
    border-bottom: 1px solid #dbdbdb
}

.helpcenter p {
    margin-top: 30px
}

.pcenter_detail {
    width: 1000px
}

.pcenter_detail>div {
    margin-bottom: 20px;
    border: 1px solid #dbdbdb
}

.pcenter_detail>div>.title {
    display: block;
    padding-left: 25px;
    color: #666;
    background: #f8f8f8;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dbdbdb
}

.pcenter_detail>div>div {
    padding: 30px 30px 20px 25px
}

.pcenter_detail>div>div>p {
    width: 470px;
    line-height: 25px
}

.pcenter_detail>div>div .line {
    margin-bottom: 15px;
    color: #666
}

.pcenter_detail>div>div .line span {
    display: inline-block;
    width: 75px;
    margin-right: 15px;
    color: #333
}

.pcenter_detail>div>div .havelogistics .logistic {
    cursor: pointer;
    width: auto;
    color: #3ba8cc
}

.pcenter_detail>div>div .havelogistics .logistic em {
    display: inline-block;
    border-bottom: 6px solid #3ba8cc;
    border-top: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    vertical-align: middle
}

.pcenter_detail>div>div .havelogistics .logistic.active em {
    border-top: 6px solid #3ba8cc;
    border-bottom: 0
}

.pcenter_detail>div>div .havelogistics .logistics {
    display: none;
    position: relative;
    margin-left: 100px;
    background: #fafafa;
    padding-left: 55px;
    color: #666;
    margin-top: 30px;
    overflow: hidden
}

.pcenter_detail>div>div .havelogistics .logistics ul li {
    padding: 20px 0 10px;
    border-bottom: 1px solid #f0efef;
    padding-left: 25px;
    position: relative
}

.pcenter_detail>div>div .havelogistics .logistics ul li p {
    margin-bottom: 10px
}

.pcenter_detail>div>div .havelogistics .logistics ul li:after {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #c6c6c6;
    top: 30px;
    left: -32px;
    border: 4px solid #fff;
    box-sizing: border-box
}

.pcenter_detail>div>div .havelogistics .logistics ul .now {
    color: #c91119
}

.pcenter_detail>div>div .havelogistics .logistics ul .now:after {
    background: #c91119
}

.pcenter_detail>div>div .havelogistics .logistics .lline {
    position: absolute;
    left: 32px;
    border-left: 2px solid #dbdbdb;
    height: 100%;
    width: 2px;
    top: 40px
}

.pcenter_detail>div>div .pglist {
    margin-top: 20px
}

.pcenter_detail>div>div .pglist .top {
    background: #f8f8f8;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb
}

.pcenter_detail>div>div .pglist .top>div {
    float: left;
    text-align: center
}

.pcenter_detail>div>div .pglist ul {
    margin-bottom: 20px
}

.pcenter_detail>div>div .pglist ul li {
    border-bottom: 1px solid #dbdbdb;
    padding: 20px 0
}

.pcenter_detail>div>div .pglist ul li div {
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

.pcenter_detail>div>div .pglist ul li div img {
    width: 80px;
    margin-right: 20px;
    height: 80px;
    display: inline-block;
    vertical-align: middle
}

.pcenter_detail>div>div .pglist ul li div>span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    width: 170px;
    line-height: 25px
}

.pcenter_detail>div>div .pglist ul li .w450 {
    text-align: left
}

.pcenter_detail>div>div .total {
    width: 260px;
    float: right
}

.pcenter_detail>div>div .total .tline,.pcenter_detail>div>div .total .all {
    margin-bottom: 15px
}

.pcenter_detail>div>div .total .tline span,.pcenter_detail>div>div .total .all span {
    margin-right: 15px;
    display: inline-block;
    width: 150px;
    text-align: right
}

.pcenter_detail>div>div .total .all span,.pcenter_detail>div>div .total .all em {
    font-size: 18px
}

.pcenter_detail>div>div .cyellow {
    margin-top: 10px
}

.pcenter_detail>div .return .rtop img {
    width: 100px;
    height: 100px;
    margin-right: 25px;
    display: inline-block;
    vertical-align: middle
}

.pcenter_detail>div .return .rtop>div {
    display: inline-block;
    vertical-align: middle
}

.pcenter_detail>div .return .rtop>div .top {
    margin-bottom: 10px
}

.pcenter_detail>div .return .rtop>div .top span {
    display: inline-block;
    margin-right: 60px
}

.pcenter_detail>div .return .rtop>div .z-top {
    margin: 15px 0
}

.pcenter_detail>div .return .rtop>div .bottom input {
    width: 95px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #dbdbdb;
    margin-left: 10px;
    text-align: center
}

.pcenter_detail>div .return .rline {
    margin-top: 20px;
    color: #a9a9a9
}

.pcenter_detail>div .return .rline .rtitle {
    display: inline-block;
    width: 100px;
    margin-right: 15px;
    color: #333
}

.pcenter_detail>div .return .rline input {
    width: 95px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #dbdbdb;
    text-align: center;
    display: inline-block;
    margin-right: 10px
}

.pcenter_detail>div .return .rline select {
    height: 30px;
    line-height: 30px;
    border: 1px solid #dbdbdb;
    color: #a9a9a9;
    padding: 0 10px
}

.pcenter_detail>div .return .rline textarea {
    width: 400px;
    height: 90px;
    border: 1px solid #dbdbdb;
    padding: 10px;
    line-height: 25px;
    display: inline-block;
    vertical-align: text-top
}

.pcenter_detail>div .return .rline ul {
    display: inline-block;
    vertical-align: text-top
}

.pcenter_detail>div .return .rline ul li {
    width: 90px;
    height: 90px;
    float: left;
    border: 1px solid #dbdbdb;
    font-size: 48px;
    color: #c3c3c3;
    line-height: 80px;
    text-align: center;
    margin-right: 10px;
    position: relative
}

.pcenter_detail>div .return .rline ul li img {
    width: 88px;
    height: 88px
}

.pcenter_detail>div .return .rline ul li em {
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("../images/del.png");
    right: -12px;
    top: -12px
}

.pcenter_detail>div .return .rline .add {
    display: inline-block;
    vertical-align: top;
    width: 90px;
    height: 90px;
    background: url("../images/add.jpg");
    border: 1px solid #dbdbdb;
    margin-right: 10px;
    position: relative;
    background-size: 89px auto
}

.pcenter_detail>div .return .rline .add input[type="file"] {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.pcenter_detail>div .return .rline .hasintro {
    display: inline-block
}

.pcenter_detail>div .return .rline .longform {
    min-width: 190px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dbdbdb;
    text-align: left;
    padding: 0 10px
}

.pcenter_detail>div .return p {
    width: auto;
    color: #999;
    margin-top: 20px
}

.progress {
    border: none !important
}

.progress ul {
    display: table;
    margin: 0 auto
}

.progress ul li {
    float: left;
    text-align: center;
    margin-right: 30px;
    width: 75px
}

.progress ul li span {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    background: #dadada;
    font-size: 18px;
    color: #fff;
    line-height: 40px;
    margin-bottom: 20px;
    position: relative
}

.progress ul li span:before {
    position: absolute;
    content: "";
    left: -33px;
    top: 17px;
    width: 33px;
    height: 6px;
    background: #dadada
}

.progress ul li span:after {
    position: absolute;
    content: "";
    right: -33px;
    top: 17px;
    width: 33px;
    height: 6px;
    background: #dadada
}

.progress ul li.active span,.progress ul li.active span:before,.progress ul li.active span:after {
    background: #ee1d23
}

.progress ul li.havec {
    color: #ee1d23
}

.progress ul li:first-child span:before {
    background: transparent
}

.progress ul li:last-child {
    margin-right: 0
}

.progress ul li:last-child span:after {
    background: transparent
}

.orderlist {
    width: 1000px;
    border: 1px solid #dbdbdb
}

.orderlist .ordtop {
    border-bottom: 1px solid #dbdbdb
}

.orderlist .ordtop>a {
    font-size: 18px;
    display: block;
    float: left;
    height: 50px;
    padding: 0 20px;
    line-height: 48px;
    border-top: 2px solid transparent;
    margin-top: -1px
}

.orderlist .ordtop>a.active {
    color: #ee1d23;
    border-top: 2px solid #ee1d23
}

.orderlist .ordtop div {
    margin-top: 6px;
    border: 1px solid #dbdbdb;
    margin-right: 30px
}

.orderlist .ordtop div input {
    height: 35px;
    width: 200px;
    padding: 0 15px;
    line-height: 35px;
    border: none;
    font-size: 12px
}

.orderlist .ordtop div a,.orderlist .ordtop div .sbtn {
    width: 50px;
    height: 35px;
    display: block;
    background: #e5e5e5;
    color: #a8a8a8;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
    padding: 0;
    float: left
}

.orderlist .ordtop div.onlya {
    border: none
}

.orderlist .ordtop div.onlya a {
    color: #1a62ce;
    width: auto;
    background: transparent
}

.orderlist .ordmenu {
    border-bottom: 1px solid #dbdbdb;
    background: #f8f8f8;
    color: #666;
    font-size: 12px
}

.orderlist .ordmenu div {
    text-align: center;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle
}

.orderlist .ordmenu .mymdiv {
    padding-right: 30px;
    text-align: right
}

.orderlist .ordul li {
    padding: 0 30px;
    border-bottom: 1px solid #dbdbdb
}

.orderlist .ordul li .ordsub {
    height: 52px;
    line-height: 52px;
    border-bottom: 1px solid #dbdbdb;
    font-size: 12px
}

.orderlist .ordul li .ordsub span {
    border-right: 1px solid #dbdbdb;
    padding-right: 25px;
    margin-right: 25px
}

.orderlist .ordul li .ordsub span:last-child {
    border: none
}

.orderlist .ordul li .orddetail {
    border-bottom: 1px solid #dbdbdb
}

.orderlist .ordul li .orddetail>div {
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

.orderlist .ordul li .orddetail>div>div:last-child {
    border: none
}

.orderlist .ordul li .orddetail>div em {
    display: block;
    margin: 0 auto
}

.orderlist .ordul li .orddetail>div .ldetail {
    color: #3ba8cc;
    display: block;
    margin: 10px auto 0
}

.orderlist .ordul li .orddetail>div span {
    color: #999
}

.orderlist .ordul li .orddetail>div .cancelbtn {
    margin: 0 auto 10px
}

.orderlist .ordul li .orddetail>div .cancelbtn:last-child {
    margin-bottom: 0
}

.orderlist .ordul li .orddetail .twoblock {
    text-align: right;
    line-height: 125px
}

.orderlist .ordul li .orddetail .twoblock>div {
    vertical-align: middle;
    display: inline-block;
    line-height: 1;
    text-align: center;
    width: 90px
}

.orderlist .ordul li .orddetail .twoblock>div>a {
    display: inline-block
}

.orderlist .ordul li .orddetail .twoblock>div span {
    color: #999
}

.orderlist .ordul li .orddetail .twoblock>div a {
    display: block
}

.orderlist .ordul li .orddetail .w500 {
    border-right: 1px solid #dbdbdb
}

.orderlist .ordul li .orddetail .w500>div {
    line-height: 25px;
    border-bottom: 1px solid #dbdbdb;
    padding: 25px 0
}

.orderlist .ordul li .orddetail .w500>div img {
    width: 79px;
    height: 79px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #dbdbdb
}

.orderlist .ordul li .orddetail .w500>div>div>div {
    display: inline-block;
    vertical-align: middle;
    width: 270px;
    margin-left: 15px;
    line-height: 25px;
    font-size: 16px
}

.orderlist .ordul li .orddetail .w500>div>div>div span {
    color: #666;
    display: block
}

.orderlist .ordul li .orddetail .w500>div>div>div p {
    color: #666
}

.orderlist .ordul li .orddetail .w500>div .w370,.orderlist .ordul li .orddetail .w500>div .w120 {
    text-align: left;
    display: inline-block;
    vertical-align: middle
}

.orderlist .ordul li .orddetail .w500>div .w120 {
    text-align: center
}

.orderlist .ordul li .orddetail:last-child {
    border: none
}

.orderlist .ordul li:last-child {
    border: none
}

.orderlist .coupon {
    padding: 0 30px
}

.orderlist .coupon li {
    border-bottom: 1px solid #dbdbdb;
    padding: 30px 0;
    text-align: center
}

.orderlist .coupon li>div {
    display: inline-block;
    vertical-align: middle
}

.orderlist .coupon li .w500 div {
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

.orderlist .coupon li .w500 div span {
    font-size: 16px
}

.orderlist .coupon li .w500 div p {
    color: #b3b3b3;
    margin-top: 12px
}

.orderlist .coupon li .w500 .img {
    width: 177px;
    height: 87px;
    background: url("../images/yhq.png")
}

.orderlist .coupon li .w500 .img em {
    font-size: 30px;
    color: #fff;
    display: block;
    margin-top: 20px;
    text-align: center;
    font-family: 宋体;
    width: 120px
}

.orderlist .coupon li .yhq1 .img {
    background: url("../images/yhq1.png")
}

.orderlist .coupon li .yhq2 .img {
    background: url("../images/yhq2.png")
}

.orderlist .coupon li .yhq3 .img {
    background: url("../images/yhq3.png")
}

.orderlist .coupon li:last-child {
    border-bottom: 0
}

.smallt {
    height: 70px;
    line-height: 70px;
    font-size: 16px
}

.addr {
    margin-bottom: 15px;
    border: 1px solid #dbdbdb
}

.addr .top {
    height: 50px;
    line-height: 50px;
    background: #f1f1f1;
    font-size: 16px;
    border-bottom: 1px solid #dbdbdb;
    padding-left: 25px
}

.addr textarea {
    width: 95%;
    min-height: 80px;
    line-height: 20px;
    padding: 10px;
    margin: 20px auto;
    display: block;
    border: 1px solid #dbdbdb;
    font-size: 16px
}

.addr textarea::-webkit-input-placeholder {
    color: #c9c9c9
}

.addr .addlist {
    padding: 30px 30px 20px
}

.addr .addlist ul {
    height: 185px;
    overflow: hidden
}

.addr .addlist ul li {
    width: 268px;
    height: 165px;
    border: 1px solid #dbdbdb;
    margin-right: 20px;
    float: left;
    padding: 20px;
    margin-bottom: 20px
}

.addr .addlist ul li .name {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #999
}

.addr .addlist ul li .name span {
    float: right
}

.addr .addlist ul li p {
    color: #999;
    line-height: 25px;
    margin-top: 10px;
    margin-bottom: 15px;
    height: 50px
}

.addr .addlist ul li .btn {
    padding: 0 20px
}

.addr .addlist ul li .btn a {
    color: #c1c1c1;
    float: left
}

.addr .addlist ul li .btn a .edit {
    display: inline-block;
    width: 19px;
    height: 18px;
    background: url("../images/e2.png");
    vertical-align: text-bottom;
    margin-right: 10px
}

.addr .addlist ul li .btn a .delete {
    display: inline-block;
    width: 19px;
    height: 18px;
    background: url("../images/d2.png");
    vertical-align: text-bottom;
    margin-right: 10px
}

.addr .addlist ul li .btn a:last-child {
    float: right
}

.addr .addlist ul li>a {
    color: #bcbcbc;
    text-align: center;
    display: block
}

.addr .addlist ul li>a span {
    font-size: 72px;
    display: block;
    margin: 10px auto 0;
    color: #dbdbdb
}

.addr .addlist ul li:nth-child(4n) {
    margin-right: 0
}

.addr .addlist ul li.active {
    position: relative;
    border-color: #f4474c
}

.addr .addlist ul li.active .btn a {
    color: #f4474c
}

.addr .addlist ul li.active .btn a .edit {
    background: url("../images/e1.png")
}

.addr .addlist ul li.active .btn a .delete {
    background: url("../images/d1.png")
}

.addr .addlist ul li.active::before {
    position: absolute;
    content: "";
    right: 0;
    border-right: 20px solid #f4474c;
    border-top: 20px solid #f4474c;
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
    top: 0
}

.addr .addlist ul li.active::after {
    position: absolute;
    content: "";
    right: 5px;
    background: url("../images/c1.png") no-repeat left bottom;
    width: 14px;
    height: 10px;
    top: 5px
}

.addr .addlist ul.active {
    height: auto
}

.addr .addlist .open {
    display: block;
    text-align: center;
    width: 100px;
    margin: 0 auto;
    color: #999
}

.addr .addlist .open em {
    transform: rotate(90deg);
    display: inline-block;
    margin-left: 5px
}

.addr .addlist .open.active em {
    transform: rotate(-90deg)
}

.addr .spstyle {
    padding: 30px 30px 20px
}

.addr .spstyle li {
    color: #b9b9b9;
    width: 265px;
    height: 95px;
    font-size: 18px;
    text-align: center;
    line-height: 95px;
    float: left;
    border: 1px solid #dbdbdb;
    margin-right: 20px;
    margin-bottom: 20px
}

.addr .spstyle li.active {
    position: relative;
    color: #333;
    border-color: #f4474c
}

.addr .spstyle li.active::before {
    position: absolute;
    content: "";
    right: 0;
    border-right: 20px solid #f4474c;
    border-top: 20px solid #f4474c;
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
    top: 0
}

.addr .spstyle li.active::after {
    position: absolute;
    content: "";
    right: 5px;
    background: url("../images/c1.png") no-repeat left bottom;
    width: 14px;
    height: 10px;
    top: 5px
}

.addr .addr_det {
    padding: 0 18px
}

.addr .addr_det .addr_good {
    border-bottom: 1px solid #dbdbdb
}

.addr .addr_det .addr_good div {
    float: left;
    height: 50px;
    line-height: 50px;
    color: #666;
    font-size: 16px;
    text-align: center
}

.addr .addr_det .addrglist {
    margin-bottom: 30px
}

.addr .addr_det .addrglist li {
    padding: 20px 0;
    border-bottom: 1px solid #dbdbdb
}

.addr .addr_det .addrglist li>div {
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

.addr .addr_det .addrglist li>div img {
    display: inline-block;
    margin-left: 40px;
    vertical-align: middle;
    width: 80px;
    height: 80px;
    margin-right: 20px
}

.addr .addr_det .addrglist li>div span {
    display: inline-block;
    line-height: 25px;
    vertical-align: middle;
    font-size: 16px;
    width: 260px
}

.addr .addr_det .addrglist li .w550 {
    text-align: left
}

.addr .addr_det .addrglist li .w550>div {
    display: inline-block;
    vertical-align: middle;
    width: 280px
}

.addr .addr_det .addrglist li .w550>div p {
    color: #999;
    line-height: 25px
}

.addr .addr_det .invoice>span {
    display: block;
    width: 80px;
    text-align: right;
    float: left;
    margin-right: 35px
}

.addr .addr_det .invoice .invchose {
    color: #666;
    float: left
}

.addr .addr_det .invoice .invchose>li {
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.addr .addr_det .invoice .invchose>li input[type="text"] {
    width: 280px;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    padding-left: 20px;
    border: 1px solid #dbdbdb
}

.addr .addr_det .invotow {
    border-top: 1px solid #dbdbdb;
    width: 1000px;
    margin-top: 20px;
    padding: 20px 0 20px 45px;
    background: #fbfbfb
}

.addr .addr_det .invotow li {
    margin-bottom: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer
}

.addr .addr_det .invotow li input[type="text"] {
    width: 280px;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    padding-left: 20px;
    border: 1px solid #dbdbdb
}

.addr .addr_det .invotow li:last-child {
    margin-bottom: 0
}

.addr .addr_det .usecou {
    margin-top: 30px;
    border-top: 1px solid #dbdbdb;
    padding-top: 30px;
    padding-left: 40px;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.addr .addr_det .usecou li {
    margin-bottom: 10px
}

.addr .addr_det .usecou li .useyop {
    cursor: pointer
}

.addr .addr_det .usecou li .useyop em {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("../images/showarr.png");
    vertical-align: middle;
    margin-right: 10px
}

.addr .addr_det .usecou li .useyop em.active {
    background: url("../images/yh2.png")
}

.addr .addr_det .usecou li .useyop i {
    color: #999
}

.addr .addr_det .usecou li .useyop.active em {
    transform: rotate(90deg)
}

.addr .addr_det .usecou li .invotow {
    margin-left: 50px
}

.addr .addr_det .usecou li select,.addr .addr_det .usecou li input {
    margin-left: 22px;
    min-width: 230px;
    height: 38px;
    line-height: 38px;
    padding-left: 15px;
    margin-top: 10px;
    border: 1px solid #dbdbdb
}

.addr .addr_det .usecou li select:focus {
    border: 1px solid #4190ff
}

.addr .addr_det .usecou li .jfbtn {
    cursor: pointer;
    width: 83px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    background: #0a88ea;
    border: 0;
    position: relative;
    top: 1px
}

.addr .addr_det .usecou li.nagli select,.addr .addr_det .usecou li.nagli input {
    display: none
}

.addr .addr_det .integral {
    margin-top: 20px
}

.addr .addr_det .integral>span {
    display: block;
    width: 80px;
    text-align: right;
    float: left;
    margin-right: 35px
}

.addr .addr_det .integral div {
    color: #666;
    float: left
}

.addr .addr_det .integral div input {
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: -15px 15px 0
}

.addr .addr_det .integral div p {
    margin-top: 10px;
    color: #999
}

.addr .addr_det .total {
    width: 260px;
    float: right
}

.addr .addr_det .total .tline,.addr .addr_det .total .all {
    margin-bottom: 15px;
    text-align: right
}

.addr .addr_det .total .tline span,.addr .addr_det .total .all span {
    margin-left: 15px;
    display: inline-block;
    width: 100px;
    text-align: left
}

.addr .all {
    border: 1px solid #dbdbdb;
    text-align: right;
    line-height: 70px;
    border-bottom: 0
}

.addr .all span,.addr .all em {
    font-size: 18px
}

.addr .all>a,.addr .all input {
    cursor: pointer;
    display: block;
    float: right;
    margin-left: 40px;
    border: 1px solid #f4474c;
    width: 195px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #f4474c
}

.prepop {
    width: 630px;
    margin: 0 auto;
    display: none
}

.prepop .bgback {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: .4;
    background-color: #000
}

.prepop .cppop {
    position: fixed;
    width: 630px;
    margin: 0 auto;
    z-index: 1002;
    top: 10%;
    background: #fff;
    border: 1px solid #fa0;
    padding: 30px 50px
}

.prepop .cppop .delete {
    background: url(../images/pdelete.png) no-repeat center;
    width: 44px;
    height: 43px;
    display: block;
    right: -15px;
    top: -15px;
    z-index: 103;
    cursor: pointer;
    position: absolute;
    border-radius: 50px
}

.prepop .cppop .title {
    font-size: 18px;
    font-weight: bold;
    display: block;
    text-align: center;
    color: #fa0;
    margin-bottom: 20px
}

.prepop .cppop img {
    width: 100%
}

.protocal {
    width: 1100px;
    margin: 0 auto;
    display: none
}

.protocal .bgback {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: .4;
    background-color: #000
}

.protocal .ptomain {
    position: fixed;
    width: 1100px;
    margin: 0 auto;
    z-index: 1002;
    top: 10%;
    background: #fff;
    border: 1px solid #fa0;
    padding: 20px 50px
}

.protocal .ptomain .delete {
    background: url(../images/pdelete.png) no-repeat center;
    width: 44px;
    height: 43px;
    display: block;
    right: -15px;
    top: -15px;
    z-index: 103;
    cursor: pointer;
    position: absolute;
    border-radius: 50px
}

.protocal .ptomain .title {
    font-size: 18px;
    font-weight: bold;
    display: block;
    text-align: center;
    color: #fa0;
    margin-bottom: 20px;
    border-bottom: 1px dashed #fa0;
    height: 60px;
    line-height: 60px
}

.protocal .ptomain .txt {
    border-bottom: 1px dashed #fa0;
    padding-bottom: 20px;
    max-height: 390px;
    overflow-y: auto
}

.protocal .ptomain .txt p {
    font-size: 16px;
    line-height: 25px
}

.protocal .ptomain .agress {
    font-size: 16px;
    margin-top: 25px;
    text-align: center
}

.protocal .ptomain .agress span {
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #fa0;
    margin-right: 15px;
    cursor: pointer
}

.protocal .ptomain .agress span.active {
    background: url("../images/yyes.png") center no-repeat
}

.protocal .ptomain a {
    display: block;
    width: 140px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    font-size: 18px;
    background: #fa0;
    color: #fff;
    margin: 27px auto 0
}

.cpopover {
    width: 1100px;
    margin: 0 auto;
    display: none
}

.cpopover .bgback {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: .4;
    background-color: #000
}

.cpopover .cmadepop {
    position: fixed;
    width: 1100px;
    margin: 0 auto;
    z-index: 1002;
    top: 10%;
    background: #fff;
    border: 1px solid #fa0;
    padding: 25px 30px
}

.cpopover .cmadepop .delete {
    background: url(../images/pdelete.png) no-repeat center;
    width: 44px;
    height: 43px;
    display: block;
    right: -15px;
    top: -15px;
    z-index: 103;
    cursor: pointer;
    position: absolute;
    border-radius: 50px
}

.cpopover .cmadepop .title {
    height: 50px;
    border-bottom: 1px dashed #fa0;
    font-size: 16px;
    margin-bottom: 50px
}

.cpopover .cmadepop .title>div {
    display: inline-block;
    position: relative
}

.cpopover .cmadepop .title>div span {
    font-size: 16px;
    border: 1px solid #fa0;
    width: 110px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: inline-block;
    color: #fa0;
    cursor: pointer
}

.cpopover .cmadepop .title>div span em {
    transform: rotate(-90deg);
    color: #fa0;
    display: inline-block;
    margin-left: 5px
}

.cpopover .cmadepop .title>div ul {
    display: none;
    z-index: 999;
    position: absolute;
    left: 0;
    top: 40px;
    width: 110px;
    border: 1px solid #fa0;
    padding: 3px 3px 10px 3px;
    background: #fff
}

.cpopover .cmadepop .title>div ul li {
    font-size: 16px;
    color: #fa0;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    cursor: pointer;
    border-radius: 1px
}

.cpopover .cmadepop .title>div ul li:hover {
    background: #fa0;
    color: #fff
}

.cpopover .cmadepop .ctype {
    margin-bottom: 40px
}

.cpopover .cmadepop .ctype li {
    width: 197px;
    float: left;
    margin-right: 13px;
    position: relative
}

.cpopover .cmadepop .ctype li img {
    width: 100%
}

.cpopover .cmadepop .ctype li span {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    border: 1px solid #fa0;
    background: #fff;
    right: 5px;
    top: 5px
}

.cpopover .cmadepop .ctype li.active span:after {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #fa0;
    right: 4px;
    top: 4px
}

.cpopover .cmadepop .ctype li:last-child {
    margin-right: 0
}

.cpopover .cmadepop .divbtn {
    width: 320px;
    margin: 30px auto 15px
}

.cpopover .cmadepop .divbtn a {
    display: block;
    width: 140px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    float: left;
    font-size: 18px
}

.cpopover .cmadepop .divbtn .ytrue {
    background: #fa0;
    color: #fff
}

.cpopover .cmadepop .divbtn .ycancel {
    color: #fa0;
    border: 1px solid #fa0;
    float: right
}

.cancelpop {
    width: 370px;
    margin: 0 auto;
    display: none
}

.cancelpop .bgback {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: .4;
    background-color: #000
}

.cancelpop .main {
    position: fixed;
    width: 370px;
    margin: 0 auto;
    z-index: 1002;
    top: 30%;
    background: #fff;
    border: 1px solid #fa0;
    padding: 0 10px 30px
}

.cancelpop .main .title {
    font-size: 16px;
    color: #fa0;
    border-bottom: 1px dashed #fa0;
    display: block;
    text-align: center;
    line-height: 60px;
    height: 60px;
    font-weight: bold
}

.cancelpop .main p {
    text-align: center;
    height: 100px;
    line-height: 100px;
    color: #666;
    font-size: 16px
}

.cancelpop .main div {
    display: table;
    margin: 0 auto
}

.cancelpop .main div a,.cancelpop .main div input {
    width: 125px;
    height: 45px;
    border-radius: 10px;
    background-color: #fa0;
    font-size: 16px;
    display: block;
    text-align: center;
    line-height: 45px;
    float: left;
    margin-right: 25px
}

.cancelpop .main div .ytrue {
    background-color: #fa0;
    color: #fff;
    border: 1px solid #fa0
}

.cancelpop .main div .ycancel {
    color: #fa0;
    background-color: #fff;
    border: 1px solid #fa0;
    margin-right: 0
}

.popover {
    display: none
}

.popover .bgbsck {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: .4;
    background-color: #000
}

.popover .maindiv {
    position: fixed;
    width: 1100px;
    margin: 0 auto;
    z-index: 1002;
    top: 10%;
    background: #fff;
    border: 1px solid #fa0;
    padding: 0 32px
}

.popover .delete {
    background: url(../images/pdelete.png) no-repeat center;
    width: 44px;
    height: 43px;
    display: block;
    right: -15px;
    top: -15px;
    z-index: 103;
    cursor: pointer;
    position: absolute;
    border-radius: 50px
}

.popover .title {
    font-size: 18px;
    color: #fa0;
    border-bottom: 1px dashed #fa0;
    display: block;
    text-align: center;
    line-height: 75px;
    height: 75px
}

.popover .main {
    width: 590px;
    margin: 50px auto 0
}

.popover .main>form>div {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin-bottom: 30px
}

.popover .main>form>div em {
    color: #999;
    font-size: 16px;
    width: 65px;
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle;
    height: 30px;
    line-height: 30px
}

.popover .main>form>div input[type="text"] {
    width: 200px;
    height: 45px;
    border: 1px solid #dbdbdb
}

.popover .main>form>div select {
    width: 150px;
    border: 1px solid #dbdbdb;
    height: 45px;
    padding-left: 10px;
    margin-right: 15px;
    color: #999;
    font-size: 16px
}

.popover .main>form>div select option {
    color: #999;
    font-size: 16px
}

.popover .main>form>div select:last-child {
    margin-right: 0
}

.popover .main>form>div textarea {
    width: 484px;
    height: 120px;
    border: 1px solid #dbdbdb;
    display: inline-block;
    vertical-align: text-top
}

.popover .main>form>div>div {
    display: inline-block
}

.popover .main>form>div>div a,.popover .main>form>div>div input {
    width: 142px;
    height: 50px;
    border-radius: 10px;
    background-color: #fa0;
    font-size: 18px;
    display: block;
    text-align: center;
    line-height: 50px;
    float: left;
    margin-right: 40px
}

.popover .main>form>div>div .ytrue {
    background-color: #fa0;
    color: #fff;
    border: 1px solid #fa0
}

.popover .main>form>div>div .ycancel {
    color: #fa0;
    background-color: #fff;
    border: 1px solid #fa0
}

.popover .main .benormal {
    color: #fa0
}

.popover .main .benormal span {
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #fa0;
    margin-right: 15px;
    cursor: pointer
}

.popover .main .benormal span input {
    width: 26px;
    height: 26px;
    margin: 0;
    opacity: 0
}

.popover .main .benormal span.active {
    background: url("../images/yyes.png") center no-repeat
}

.evaluelist {
    border: 1px solid #dbdbdb;
    width: 1000px
}

.evaluelist .noevaluate {
    color: #666;
    text-align: center;
    font-size: 18px;
    line-height: 140px
}

.evaluelist .eatop {
    background: #f8f8f8;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #dbdbdb
}

.evaluelist .eatop>div {
    float: left;
    font-size: 12px;
    color: #666
}

.evaluelist>ul>li {
    padding: 20px 0;
    border-bottom: 1px solid #dbdbdb
}

.evaluelist>ul>li .evaleft {
    display: inline-block;
    position: relative;
    width: 350px;
    vertical-align: middle
}

.evaluelist>ul>li .evaleft img {
    width: 84px;
    height: 84px;
    display: block;
    position: absolute;
    left: 30px;
    top: 0;
    border: 1px solid #dbdbdb
}

.evaluelist>ul>li .evaleft>div {
    padding-left: 124px;
    height: 84px
}

.evaluelist>ul>li .evaleft>div span {
    display: block;
    width: 180px;
    line-height: 20px
}

.evaluelist>ul>li .evaleft>div em {
    color: #999;
    position: absolute;
    bottom: 0;
    line-height: 30px
}

.evaluelist>ul>li .evaright {
    display: inline-block;
    border-left: 1px solid #dbdbdb;
    width: 640px;
    vertical-align: middle;
    padding: 10px 0 10px 40px
}

.evaluelist>ul>li .evaright .fline.haswarning span.Validform_checktip {
    width: 100%;
    margin-left: 60px;
    margin-top: 10px
}

.evaluelist>ul>li .evaright .fline {
    margin-bottom: 15px
}

.evaluelist>ul>li .evaright .fline .star {
    width: auto !important;
    display: inline-block;
    vertical-align: middle
}

.evaluelist>ul>li .evaright .fline span {
    display: inline-block;
    width: 50px;
    vertical-align: middle;
    font-size: 16px
}

.evaluelist>ul>li .evaright .fline ul {
    display: inline-block;
    vertical-align: middle
}

.evaluelist>ul>li .evaright .fline ul li {
    float: left;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 78px;
    font-size: 30px;
    color: #d8d8d8;
    border: 1px solid #dbdbdb;
    margin-right: 10px;
    position: relative
}

.evaluelist>ul>li .evaright .fline ul li img {
    width: 78px;
    height: 78px
}

.evaluelist>ul>li .evaright .fline ul li em {
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("../images/del.png");
    right: -12px;
    top: -12px
}

.evaluelist>ul>li .evaright .fline .add {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 80px;
    background: url("../images/add.jpg");
    border: 1px solid #dbdbdb;
    margin-right: 10px;
    position: relative;
    background-size: 79px auto
}

.evaluelist>ul>li .evaright .fline .add input {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.evaluelist>ul>li .evaright .fline p {
    color: #06c;
    display: inline-block;
    vertical-align: middle
}

.evaluelist>ul>li .evaright .fline textarea {
    width: 450px;
    height: 90px;
    padding: 10px;
    line-height: 25px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #dbdbdb;
    font-size: 16px
}

.evaluelist>ul>li .evaright .fline .showstar em {
    display: inline-block;
    width: 24px;
    height: 23px;
    margin-right: 5px
}

.evaluelist>ul>li .evaright .fline .showstar .on {
    background: url("../images/on.png")
}

.evaluelist>ul>li .evaright .fline .showstar .off {
    background: url("../images/off.png")
}

.evaluelist>ul>li .evaright .fline .redbtn {
    margin: 0 0 0 55px
}

.evaluelist>ul>li .evaright>div:last-child {
    margin-bottom: 0
}

.evaluelist>ul>li .evaright .hastxt p {
    font-size: 16px;
    color: #333;
    line-height: 25px;
    width: 440px
}

.evaluelist>ul>li .evaright .hastxt span {
    color: #666;
    width: auto;
    display: block;
    font-size: 14px;
    margin-top: 10px
}

.evaluelist>ul>li .evaright .reply {
    margin-top: 15px;
    background: #fff4f4;
    padding: 10px 15px;
    color: #999
}

.evaluelist>ul>li .evaright .reply span {
    width: auto;
    display: block;
    font-size: 16px;
    margin-bottom: 10px
}

.evaluelist>ul>li .evaright .reply p {
    font-size: 16px;
    display: block;
    color: #999;
    line-height: 25px;
    width: 440px
}

.evaluelist>ul>li:last-child {
    border: none
}

.evaluelist .nolast li {
    border: none !important
}

.evaluelist .nolast>li:last-child {
    border: none
}

.login {
    background: url("../images/login.jpg") center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #ee1d23;
    width: 100%;
    min-width: 1200px;
    height: 501px
}

.login .box {
    width: 430px;
    height: 415px;
    background: #fff;
    margin-top: 50px;
    padding: 20px 25px
}

.login .box .top {
    font-size: 16px;
    border-bottom: 1px solid #dbdbdb;
    height: 40px;
    margin-bottom: 30px
}

.login .box .top a {
    font-size: 16px
}

.login .box>div>input[type="text"],.login .box>div>input[type="password"] {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: 1px solid #dbdbdb;
    padding-left: 20px;
    margin-bottom: 10px
}

.login .box>input[type="button"] {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #ee1d23;
    display: block;
    margin: 20px 0 15px;
    border: 1px solid #ee1d23
}

.login .box>em {
    background: url("../images/lb.png");
    width: 92px;
    height: 18px;
    display: block;
    margin: 0 auto
}

.login .box .bottom input {
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px
}

.login_icon {
    text-align: center
}

.login_icon ul {
    margin: 0;
    padding: 0
}

.login_icon ul li {
    display: inline-block;
    margin: 0 5px
}

.login_icon ul li a {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 36px;
    opacity: 1
}

.login_icon ul li a.icon_weixin {
    background-image: url(../images/icon_weixin.svg)
}

.login_icon ul li a.icon_weibo {
    background-image: url(../images/icon_weibo.svg)
}

.login_icon ul li a.icon_qq {
    background-image: url(../images/icon_qq.svg)
}

.login_icon ul li a:hover {
    opacity: .66
}

.role ul {
    width: 380px;
    margin: 90px auto
}

.role ul li {
    width: 140px;
    height: 170px;
    border: 1px solid #dbdbdb;
    float: left;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

.role ul li em {
    width: 88px;
    height: 88px;
    display: block;
    margin: 18px auto 20px
}

.role ul li .per {
    background: url("../images/per1.png")
}

.role ul li .sell {
    background: url("../images/pf.png")
}

.role ul li:last-child {
    float: right
}

.role ul li.active {
    color: #ee1d23;
    border-color: #ee1d23
}

.role ul li.active .per {
    background: url("../images/per.png")
}

.role ul li.active .sell {
    background: url("../images/pf1.png")
}

.role .redbtn1 {
    display: block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #ee1d23;
    font-size: 18px;
    color: #fff;
    margin: 0 auto;
    border-radius: 5px
}

.submit {
    width: 370px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    display: block;
    color: #fff;
    background: #ee1d23;
    font-size: 16px;
    border: 1px solid #ee1d23
}

.register>div {
    border: 1px solid #dbdbdb;
    padding: 50px 0;
    margin-top: 30px
}

.register>div>form>div>span {
    display: inline-block;
    vertical-align: text-top;
    width: 370px;
    text-align: right;
    margin-right: 20px;
    font-size: 16px
}

.register>div>form>div>span em {
    color: #ee1d23;
    margin-right: 5px
}

.register>div>form>div>div {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #dbdbdb;
    margin-bottom: 20px
}

.register>div>form>div>div input[type="text"],.register>div>form>div>div input[type="password"] {
    float: left;
    width: 370px;
    height: 54px;
    line-height: 54px;
    padding-left: 15px;
    border: none
}

.register>div>form>div>div select {
    height: 54px;
    line-height: 54px;
    border: 1px solid #dbdbdb;
    margin-right: 15px;
    padding-left: 15px;
    width: 179px;
    color: #b0b0b0
}

.register>div>form>div>div ul {
    display: inline-block;
    vertical-align: middle
}

.register>div>form>div>div ul li {
    text-align: center;
    float: left;
    margin-right: 15px;
    color: #b0b0b0
}

.register>div>form>div>div .shotip {
    display: inline-block;
    color: #999
}

.register>div>form>div>div .uploadul li em {
    background: url("../images/up.jpg") center;
    background-size: 178px auto;
    display: inline-block;
    border: 1px solid #dbdbdb;
    width: 174px;
    height: 112px
}

.register>div>form>div>div .uploadul li input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0;
    top: 0
}

.register>div>form>div>div .uploadul li a {
    display: block;
    text-decoration: underline;
    color: #3ba8cc;
    margin-top: 17px;
    width: 171px;
    height: 40px;
    position: relative
}

.register>div>form>div>div .uploadul li object {
    left: 0
}

.register>div>form>div>div .uploadul li .fbtn {
    background: url("../images/fbtnm.png")
}

.register>div>form>div>div .uploadul li .bbtn {
    background: url("../images/bbtnm.png")
}

.register>div>form>div .nborder {
    border: 0
}

.register>div .sinput input[type="text"] {
    width: 250px;
    float: left
}

.register>div .sinput .ycode {
    width: 120px;
    display: block;
    float: left;
    height: 54px;
    line-height: 52px;
    background: #999;
    color: #fff;
    text-align: center;
    border: 1px solid #999
}

.register>div .sinput .ycode.active {
    background: #fa0;
    border: 1px solid #fa0
}

.register>div .sinput div em {
    background: url("../images/yzm.jpg");
    float: left;
    width: 120px;
    display: block;
    height: 54px;
    background-size: cover
}

.register>div .sinput div .yzmimg {
    width: 120px;
    height: 54px;
    display: inline-block
}

.register>div .zhlogo {
    background: url("../images/lb.png") no-repeat center;
    width: 370px;
    height: 18px;
    display: block;
    margin: 0 auto
}

.register .progress ul li {
    float: left;
    text-align: center;
    margin-right: 50px;
    width: 75px
}

.register .progress ul li span:before {
    left: -45px;
    top: 17px;
    width: 45px
}

.register .progress ul li span:after {
    right: -45px;
    top: 17px;
    width: 45px
}

.passfo>div p.cyellow {
    font-size: 16px;
    text-align: center;
    margin-top: 100px
}

.passfo>div>div>span {
    width: 410px
}

.passfo .success {
    text-align: center;
    font-size: 22px;
    color: #059c29
}

.passfo .success em {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    width: 60px;
    height: 60px;
    background: url("../images/success.png")
}

.mycenter {
    width: 1000px
}

.mycenter>div {
    border: 1px solid #dbdbdb;
    padding: 30px 20px;
    margin-bottom: 15px
}

.mycenter>div>div .top {
    font-size: 22px;
    margin-bottom: 20px
}

.mycenter>div>div .top em {
    color: #ff686c;
    font-size: 22px
}

.mycenter>div>div .top i {
    color: #b9b8b8
}

.mycenter>div>div p {
    font-size: 16px;
    color: #666;
    margin-bottom: 10px
}

.mycenter>div>div p em {
    display: inline-block;
    vertical-align: middle;
    width: 65px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 20px;
    font-size: 13px;
    background: #fa0;
    color: #fff;
    margin-left: 15px
}

.mycenter>div .mylist li {
    float: left;
    border-right: 1px solid #dbdbdb;
    font-size: 16px;
    color: #666;
    text-align: center;
    padding: 0 50px
}

.mycenter>div .mylist li>span {
    display: block;
    font-size: 30px;
    color: #ff686c;
    text-align: center;
    margin-top: 25px
}

.mycenter>div .mylist li:last-child {
    border: 0
}

.mycenter>div .title {
    font-size: 18px;
    height: 40px;
    border-bottom: 1px solid #dbdbdb
}

.mycenter>div .title a {
    color: #1a62ce
}

.mycenter>div .title a em {
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url("../images/m7.png");
    margin-right: 5px;
    vertical-align: top
}

.mycenter>div .myorder {
    padding-top: 30px
}

.mycenter>div .myorder li {
    width: 25%;
    float: left;
    border-right: 1px solid #f4f2f2;
    text-align: center
}

.mycenter>div .myorder li>a {
    height: 80px;
    display: block;
    width: 80px;
    border-radius: 50%;
    padding-top: 19.5px;
    margin: 0 auto 40px
}

.mycenter>div .myorder li>a em {
    width: 41px;
    height: 41px;
    display: block;
    line-height: 80px;
    margin: 0 auto
}

.mycenter>div .myorder li span {
    font-size: 16px
}

.mycenter>div .myorder li span a {
    font-size: 16px;
    font-weight: bold
}

.mycenter>div .myorder li.m1>a {
    background: #fb6568
}

.mycenter>div .myorder li.m1>a em {
    background: url("../images/m1.png")
}

.mycenter>div .myorder li.m1 span a {
    color: #fb6568
}

.mycenter>div .myorder li.m2>a {
    background: #67a5f8
}

.mycenter>div .myorder li.m2>a em {
    background: url("../images/m2.png")
}

.mycenter>div .myorder li.m2 span a {
    color: #67a5f8
}

.mycenter>div .myorder li.m3>a {
    background: #b65ccc
}

.mycenter>div .myorder li.m3>a em {
    background: url("../images/m3.png")
}

.mycenter>div .myorder li.m3 span a {
    color: #b65ccc
}

.mycenter>div .myorder li.m4>a {
    background: #61bf77
}

.mycenter>div .myorder li.m4>a em {
    background: url("../images/m4.png")
}

.mycenter>div .myorder li.m4 span a {
    color: #61bf77
}

.mycenter>div .myorder li:last-child {
    border: 0
}

.mycenter>div .relateg {
    padding-top: 15px
}

.mycenter>div .relateg li {
    width: 25%;
    float: left;
    border-right: 1px solid #dbdbdb;
    padding: 15px 20px 20px
}

.mycenter>div .relateg li a img {
    display: block;
    margin: 0 auto 30px
}

.mycenter>div .relateg li a>span {
    display: block;
    line-height: 25px;
    font-size: 16px;
    margin-bottom: 10px
}

.mycenter>div .relateg li a div .price {
    color: #ee1d23;
    font-size: 20px
}

.mycenter>div .relateg li a div .account {
    color: #999;
    font-size: 16px
}

.mycenter>div .relateg li:last-child {
    border: 0
}

.coupon,.promotion {
    width: 1000px
}

.coupon .mycoupon,.promotion .mycoupon {
    border: 1px solid #dbdbdb;
    padding: 25px 0;
    margin-bottom: 20px
}

.coupon .mycoupon li,.promotion .mycoupon li {
    font-size: 18px;
    width: 50%;
    float: left;
    padding: 10px 0 10px 35px
}

.coupon .mycoupon li em,.promotion .mycoupon li em {
    display: inline-block;
    width: 49px;
    height: 49px;
    margin-right: 25px;
    vertical-align: middle
}

.coupon .mycoupon li .couicon1,.promotion .mycoupon li .couicon1 {
    background: url("../images/sy1.png") center no-repeat
}

.coupon .mycoupon li .couicon2,.promotion .mycoupon li .couicon2 {
    background: url("../images/sy2.png") center no-repeat
}

.coupon .mycoupon li .couicon3,.promotion .mycoupon li .couicon3 {
    background: url("../images/cz.png") center no-repeat
}

.coupon .mycoupon li .couicon,.promotion .mycoupon li .couicon {
    background: url("../images/jf.png") center no-repeat
}

.coupon .mycoupon li i,.promotion .mycoupon li i {
    font-size: 22px;
    color: #fb6568
}

.coupon .mycoupon li:last-child,.promotion .mycoupon li:last-child {
    border-left: 1px solid #efefef
}

.coupon .noborder.mycoupon li:last-child,.promotion .noborder.mycoupon li:last-child {
    border-left: 0
}

.coupon .ordtop,.promotion .ordtop {
    border: 1px solid #dbdbdb
}

.coupon .ordtop>a,.promotion .ordtop>a {
    font-size: 18px;
    display: block;
    float: left;
    height: 60px;
    padding: 0 20px;
    line-height: 58px;
    border-top: 2px solid transparent;
    margin-top: -1px
}

.coupon .ordtop>a.active,.promotion .ordtop>a.active {
    color: #ee1d23;
    border-top: 2px solid #ee1d23
}

.coupon .ordtop div,.promotion .ordtop div {
    margin-top: 6px;
    border: 1px solid #dbdbdb;
    margin-right: 30px
}

.coupon .ordtop div input,.promotion .ordtop div input {
    height: 35px;
    width: 200px;
    padding: 0 15px;
    line-height: 35px;
    border: none;
    font-size: 12px
}

.coupon .ordtop div a,.promotion .ordtop div a {
    width: 50px;
    height: 35px;
    display: block;
    background: #e5e5e5;
    color: #a8a8a8;
    line-height: 35px;
    text-align: center
}

.coupon .ordtop div.onlya,.promotion .ordtop div.onlya {
    border: none
}

.coupon .ordtop div.onlya a,.promotion .ordtop div.onlya a {
    color: #1a62ce;
    width: auto;
    background: transparent
}

.coupon .cdetail,.promotion .cdetail,.coupon .prodetail,.promotion .prodetail {
    padding: 0 30px;
    border: 1px solid #dbdbdb;
    border-top: 0;
    height: 40px;
    line-height: 40px;
    background: #f8f8f8
}

.coupon .cdetail span,.promotion .cdetail span,.coupon .prodetail span,.promotion .prodetail span {
    width: 25%;
    text-align: center;
    font-size: 12px;
    display: block;
    float: left
}

.coupon .prodetail span,.promotion .prodetail span {
    width: 20%
}

.coupon .prodetail span:last-child,.promotion .prodetail span:last-child {
    width: 40%
}

.coupon .cdetailul,.promotion .cdetailul,.coupon .prodetailul,.promotion .prodetailul {
    padding: 0 30px;
    border: 1px solid #dbdbdb;
    border-top: 0
}

.coupon .cdetailul li,.promotion .cdetailul li,.coupon .prodetailul li,.promotion .prodetailul li {
    text-align: center;
    border-bottom: 1px solid #dbdbdb;
    padding: 20px 0;
    display: table;
    width: 100%
}

.coupon .cdetailul li span,.promotion .cdetailul li span,.coupon .prodetailul li span,.promotion .prodetailul li span {
    float: left;
    display: block;
    width: 25%;
    text-align: center
}

.coupon .cdetailul li .cget,.promotion .cdetailul li .cget,.coupon .prodetailul li .cget,.promotion .prodetailul li .cget {
    font-weight: bold;
    color: #ee1d23
}

.coupon .cdetailul li .csell,.promotion .cdetailul li .csell,.coupon .prodetailul li .csell,.promotion .prodetailul li .csell {
    color: #13be47;
    font-weight: bold
}

.coupon .cdetailul li:last-child,.promotion .cdetailul li:last-child,.coupon .prodetailul li:last-child,.promotion .prodetailul li:last-child {
    border-bottom: 0
}

.coupon .prodetailul li span,.promotion .prodetailul li span {
    line-height: 25px;
    width: 20%
}

.coupon .prodetailul li span:last-child,.promotion .prodetailul li span:last-child {
    width: 40%
}

.collect {
    width: 1000px;
    border: 1px solid #dbdbdb;
    float: right;
    margin-bottom: 50px
}

.collect .nocoll em {
    display: block;
    width: 120px;
    height: 120px;
    background: url("../images/nocoll.png");
    margin: 80px auto 45px
}

.collect .nocoll div {
    color: #666;
    text-align: center;
    margin-bottom: 150px
}

.collect .nocoll div a {
    color: #3ba8cc
}

.collect .top {
    height: 59px;
    line-height: 59px;
    background: #f8f8f8;
    padding: 0 25px;
    border-bottom: 1px solid #dbdbdb
}

.collect .top div {
    float: left;
    text-align: center;
    color: #666
}

.collect .collectul {
    padding: 0 25px
}

.collect .collectul li {
    padding: 30px 0;
    border-bottom: 1px solid #dbdbdb
}

.collect .collectul li>div {
    vertical-align: middle;
    display: inline-block;
    text-align: center
}

.collect .collectul li>div img {
    width: 80px;
    height: 80px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 25px
}

.collect .collectul li>div .choose {
    cursor: pointer;
    margin-left: 10px;
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid #dbdbdb;
    vertical-align: middle
}

.collect .collectul li>div .choose input {
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0
}

.collect .collectul li>div .choose.active {
    border: 1px solid #ee1d23;
    background: url(../images/choosen.png) no-repeat center
}

.collect .collectul li>div .title {
    width: 250px;
    vertical-align: middle;
    display: inline-block
}

.collect .collectul li>div>a {
    color: #3ba8cc;
    display: inline-block;
    margin-right: 10px
}

.collect .collectul li .w500 {
    text-align: left
}

.collect .collectul li.nocollect {
    text-align: center
}

.collect .collectul li:last-child {
    border: none
}

.collect .sub {
    border-top: 1px solid #dbdbdb;
    padding: 20px 0 20px 35px
}

.collect .sub>span {
    cursor: pointer;
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid #dbdbdb;
    vertical-align: middle
}

.collect .sub>span input {
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0
}

.collect .sub>span.active {
    border: 1px solid #ee1d23;
    background: url("../images/choosen.png") no-repeat center
}

.collect .sub>a {
    display: block;
    width: 195px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #f4474c
}

.collect .sub .oplist a {
    color: #007c9b;
    border-right: 1px solid #8d8e8e;
    padding: 0 20px;
    display: inline-block;
    margin-top: 5px;
    font-size: 16px
}

.collect .sub .oplist a:last-child {
    border: none
}

.myfrofile {
    width: 1000px;
    float: right;
    border: 1px solid #dbdbdb;
    padding: 50px
}

.myfrofile>form>div {
    margin-bottom: 30px
}

.myfrofile>form>div>span {
    display: inline-block;
    width: 100px;
    text-align: right;
    font-size: 16px;
    vertical-align: middle;
    margin-right: 50px
}

.myfrofile>form>div>span em {
    color: #ee1d23
}

.myfrofile>form>div>div {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #666
}

.myfrofile>form>div>div input[type="password"],.myfrofile>form>div>div input[type="text"],.myfrofile>form>div>div select {
    width: 200px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #dbdbdb;
    padding: 0 10px;
    color: #666;
    font-size: 16px
}

.myfrofile>form>div>div select {
    color: #666;
    width: 150px;
    margin-right: 20px;
    color: #bebdbd
}

.myfrofile>form>div>div .gender li {
    float: left;
    font-size: 16px;
    margin-right: 50px;
    color: #666
}

.myfrofile>form>div>div .gender li input {
    margin-right: 10px
}

.myfrofile>form>div>div p {
    display: inline-block;
    margin-left: 20px;
    color: #e0e0e0;
    vertical-align: middle;
    font-size: 16px
}

.myfrofile>form>div>div .redbtn {
    margin-top: 15px;
    border: 1px solid #ee1d23
}

.addressdiv {
    width: 1000px;
    float: right;
    border: 1px solid #dbdbdb
}

.addressdiv .top {
    font-size: 18px;
    padding: 0 30px 0 40px;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #dbdbdb;
    position: relative
}

.addressdiv .top em {
    font-size: 18px;
    color: #ee1d23
}

.addressdiv .top:after {
    position: absolute;
    left: 0;
    top: -1px;
    width: 100px;
    height: 2px;
    background: #ee1d23;
    content: ""
}

.addressdiv .addtop {
    background: #f8f8f8;
    font-size: 12px;
    color: #666;
    height: 40px;
    line-height: 40px;
    padding: 0 30px
}

.addressdiv .addtop>div {
    float: left;
    text-align: center
}

.addressdiv .sddul {
    padding: 0 30px
}

.addressdiv .sddul li {
    border-bottom: 1px solid #dbdbdb;
    padding: 30px 0
}

.addressdiv .sddul li div {
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

.addressdiv .sddul li div a {
    color: #3ba8cc
}

.addressdiv .sddul li div a,.addressdiv .sddul li div em {
    width: 60px;
    display: inline-block;
    text-align: center
}

.addressdiv .sddul li .w300 {
    text-align: left
}

.addressdiv .sddul li:last-child {
    border: none
}

.drawdiv {
    width: 1000px;
    float: right;
    border: 1px solid #dbdbdb;
    border-top: 0;
    padding: 30px
}

.drawdiv>div {
    margin-bottom: 20px
}

.drawdiv>div span {
    display: inline-block;
    vertical-align: middle;
    width: 90px;
    margin-right: 15px
}

.drawdiv>div>div {
    display: inline-block;
    vertical-align: middle
}

.drawdiv>div>div input[type="text"] {
    width: 200px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dbdbdb;
    padding: 0 10px;
    margin-right: 10px
}

.drawdiv>div>div span {
    font-weight: bold;
    color: #fb6568;
    width: 150px
}

.drawdiv>div>div .redbtn {
    margin-top: 15px
}

.drawdiv>div>div ul li {
    float: left;
    margin-right: 10px
}

.drawdiv>div>div ul li input {
    margin-right: 5px
}

.propover {
    display: none;
    width: 600px;
    margin: 0 auto
}

.propover .bgback {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: .4;
    background-color: #000
}

.propover .prodiv {
    position: fixed;
    width: 600px;
    margin: 0 auto;
    z-index: 1002;
    top: 20%;
    background: #fff;
    border: 1px solid #fa0;
    padding: 0 32px
}

.propover .prodiv .title {
    font-size: 18px;
    color: #fa0;
    border-bottom: 1px dashed #fa0;
    display: block;
    text-align: center;
    font-weight: bold;
    line-height: 75px;
    height: 75px
}

.propover .prodiv .delete {
    background: url(../images/pdelete.png) no-repeat center;
    width: 44px;
    height: 43px;
    display: block;
    right: -15px;
    top: -15px;
    z-index: 103;
    cursor: pointer;
    position: absolute;
    border-radius: 50px
}

.propover .prodiv .proul {
    padding: 50px 50px 0 50px
}

.propover .prodiv .proul li {
    float: left;
    width: 50%;
    margin-bottom: 40px;
    color: #a7a7a7
}

.propover .prodiv .proul li span {
    display: inline-block;
    width: 100px;
    font-size: 16px;
    color: #333
}

.propover .prodiv div {
    text-align: center;
    margin-bottom: 40px
}

.propover .prodiv div a {
    display: inline-block;
    vertical-align: middle;
    width: 148px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    text-align: center;
    font-size: 18px
}

.propover .prodiv div .ytrue {
    background: #fa0;
    color: #fff;
    margin-right: 30px
}

.propover .prodiv div .ycancel {
    border: 1px solid #fa0;
    color: #fa0
}

.articlediv {
    width: 1000px;
    float: right
}

.articlediv .mainar {
    border: 1px solid #dbdbdb;
    padding: 25px;
    margin-bottom: 30px
}

.articlediv .mainar .top .title span {
    font-size: 24px
}

.articlediv .mainar .top .title p {
    color: #b2b2b2;
    margin-top: 15px
}

.articlediv .mainar .txt {
    border-top: 1px solid #dbdbdb;
    padding-top: 20px;
    margin-top: 20px;
    line-height: 25px
}

.articlediv .mainar .txt p {
    margin-bottom: 10px
}

.articlediv a {
    color: #a6a5a5;
    padding-left: 30px;
    display: block;
    line-height: 25px
}

.articlediv a:hover {
    text-decoration: underline;
    color: #2269d4
}

.news {
    width: 1000px;
    float: right
}

.news .newsdiv {
    border: 1px solid #dbdbdb
}

.news .newsdiv .ordtop {
    border-bottom: 1px solid #dbdbdb
}

.news .newsdiv .ordtop>a {
    font-size: 18px;
    display: block;
    float: left;
    height: 60px;
    padding: 0 30px;
    line-height: 58px;
    border-top: 2px solid transparent;
    margin-top: -1px
}

.news .newsdiv .ordtop>a.active {
    color: #ee1d23;
    border-top: 2px solid #ee1d23
}

.news .newsdiv .newslist {
    padding: 0 30px
}

.news .newsdiv .newslist ul li {
    padding: 20px 0;
    border-bottom: 1px solid #dbdbdb
}

.news .newsdiv .newslist ul li div {
    display: inline-block;
    vertical-align: middle;
    width: 800px
}

.news .newsdiv .newslist ul li div p {
    color: #b2b2b2;
    margin-top: 10px
}

.news .newsdiv .newslist ul li div a {
    line-height: 20px
}

.news .newsdiv .newslist ul li div a em {
    display: inline-block;
    width: 45px;
    height: 23px;
    vertical-align: middle;
    line-height: 23px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    margin-right: 5px
}

.news .newsdiv .newslist ul li div a em.bgno {
    background: #0dbc78
}

.news .newsdiv .newslist ul li div a em.bgann {
    background: #fa0
}

.news .newsdiv .newslist ul li div a:hover {
    display: inline-block;
    vertical-align: middle;
    color: #348dc0;
    text-decoration: underline
}

.news .newsdiv .newslist ul li>a {
    color: #348dc0;
    text-decoration: underline
}

.news .newsdiv .newslist .sub {
    padding: 20px 0
}

.news .newsdiv .newslist .sub .oplist {
    display: inline-block;
    vertical-align: middle
}

.news .newsdiv .newslist .sub .oplist a {
    color: #007c9b;
    border-right: 1px solid #8d8e8e;
    padding: 0 20px;
    font-size: 16px
}

.news .newsdiv .newslist .sub .oplist a:last-child {
    border: none
}

.news .newsdiv .newslist .sub .oplist a:first-child {
    padding-left: 0
}

.news .newsdiv .newslist .choose,.news .newsdiv .newslist .choosebtn {
    cursor: pointer;
    margin-right: 10px;
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid #dbdbdb;
    vertical-align: middle
}

.news .newsdiv .newslist .choose.active,.news .newsdiv .newslist .choosebtn.active {
    border: 1px solid #ee1d23;
    background: url("../images/choosen.png") no-repeat center
}

.promotion .mycoupon a {
    display: inline-block;
    color: #67a5f8;
    margin-left: 10px
}

.promotion .mycoupon .pro1 {
    background: url("../images/tg1.png")
}

.promotion .mycoupon .pro2 {
    background: url("../images/tg2.png")
}

.promotion .block {
    border: 1px solid #dbdbdb;
    border-bottom: 0
}

.promotion .block span {
    display: block;
    background: #f8f8f8;
    padding-left: 40px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dbdbdb
}

.promotion .block .udiv {
    padding: 40px 30px
}

.promotion .block .udiv .top {
    font-size: 16px
}

.promotion .block .udiv .top a {
    display: inline-block;
    width: 100px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #67a5f8;
    border: 1px solid #67a5f8;
    border-radius: 50px;
    margin-left: 20px
}

.promotion .block .udiv p {
    color: #fa0;
    margin-top: 25px
}

.promotion .block .udiv .tgrwm {
    width: 169px;
    height: 182px;
    background: url("../images/pewm.jpg");
    display: block
}

.promotion .block:last-child {
    border-bottom: 1px solid #dbdbdb
}

.cmade {
    background: url("../images/bgr.jpg")
}

.cmade>div .top {
    background: url("../images/dz.png");
    position: relative;
    width: 1200px;
    height: 520px
}

.cmade>div .top a {
    display: block;
    width: 150px;
    height: 48px;
    position: absolute;
    color: #ee1d23;
    font-size: 20px;
    line-height: 48px;
    text-align: center;
    border-radius: 50px;
    background: linear-gradient(to right, #fffdf4, #f8dc7f);
    top: 340px;
    left: 540px
}

.cmade>div .process,.cmade>div .intro {
    background: #fff;
    margin-bottom: 25px;
    padding-bottom: 50px
}

.cmade>div .process .title,.cmade>div .intro .title {
    background: #ffd02d;
    width: 195px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    color: #d30b11;
    font-size: 24px;
    font-weight: bold;
    border-radius: 0 0 30px 0
}

.cmade>div .process .proul,.cmade>div .intro .proul {
    margin-top: 35px
}

.cmade>div .process .proul li,.cmade>div .intro .proul li {
    float: left;
    width: 20%;
    text-align: center;
    position: relative
}

.cmade>div .process .proul li em,.cmade>div .intro .proul li em {
    display: block;
    margin: 0 auto;
    width: 125px;
    height: 125px
}

.cmade>div .process .proul li .dz1,.cmade>div .intro .proul li .dz1 {
    background: url("../images/dz1.png")
}

.cmade>div .process .proul li .dz2,.cmade>div .intro .proul li .dz2 {
    background: url("../images/dz2.png")
}

.cmade>div .process .proul li .dz3,.cmade>div .intro .proul li .dz3 {
    background: url("../images/dz3.png")
}

.cmade>div .process .proul li .dz4,.cmade>div .intro .proul li .dz4 {
    background: url("../images/dz4.png")
}

.cmade>div .process .proul li .dz5,.cmade>div .intro .proul li .dz5 {
    background: url("../images/dz5.png")
}

.cmade>div .process .proul li span,.cmade>div .intro .proul li span {
    color: #86520e;
    font-weight: bold;
    font-size: 20px;
    display: block;
    margin-top: 20px;
    line-height: 35px
}

.cmade>div .process .proul li:after,.cmade>div .intro .proul li:after {
    position: absolute;
    content: "";
    width: 22px;
    height: 10px;
    background: url("../images/next.png");
    top: 56px;
    right: -10px
}

.cmade>div .process .proul li:last-child:after,.cmade>div .intro .proul li:last-child:after {
    display: none
}

.cmade>div .process .intro,.cmade>div .intro .intro {
    padding: 50px 70px
}

.cmade>div .process .intro p,.cmade>div .intro .intro p {
    color: #695510;
    font-size: 20px;
    line-height: 35px
}

.nomar {
    margin-top: 0
}

.cmdetail {
    border: 1px solid #dbdbdb;
    margin-top: 20px;
    position: relative
}

.cmdetail>div {
    width: 20%;
    float: left;
    border-right: 1px solid #dbdbdb;
    position: relative;
    height: 450px
}

.cmdetail>div .bgdx {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(247,247,247,0.8);
    z-index: 9
}

.cmdetail>div>em {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #fff;
    background: #e1e1e1;
    line-height: 32px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    left: 100px;
    top: -15px;
    position: absolute
}

.cmdetail>div>span {
    display: block;
    font-weight: bold;
    font-size: 18px;
    color: #fa0;
    text-align: center;
    margin-top: 30px
}

.cmdetail>div .typelist {
    margin-top: 30px
}

.cmdetail>div .typelist li {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 auto 15px;
    border: 1px solid #dbdbdb;
    cursor: pointer
}

.cmdetail>div .typelist li.active {
    color: #ee1d23;
    border-color: #ee1d23
}

.cmdetail>div .bottollist {
    width: 150px;
    margin: 30px auto 0
}

.cmdetail>div .bottollist li {
    width: 40px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    border: 1px solid #dbdbdb;
    height: 40px;
    position: relative;
    cursor: pointer
}

.cmdetail>div .bottollist li img {
    width: 100%;
    height: 100%
}

.cmdetail>div .bottollist li>div {
    display: none;
    width: 170px;
    height: 170px;
    border: 1px solid #dbdbdb;
    position: absolute;
    top: 50px;
    left: -65px;
    z-index: 999
}

.cmdetail>div .bottollist li>div:after {
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 0;
    border-bottom: 10px solid #b5b2c9;
    top: -10px;
    left: 75px;
    content: ""
}

.cmdetail>div .bottollist li.active {
    border-color: #ee1d23
}

.cmdetail>div .bottollist li.active>div {
    display: block
}

.cmdetail>div .bottollist li:nth-child(3n) {
    margin-right: 0
}

.cmdetail>div .perdiv {
    padding-top: 15px;
    margin: 15px
}

.cmdetail>div .perdiv .personlist {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    height: 180px;
    overflow-y: auto
}

.cmdetail>div .perdiv .personlist li {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #dbdbdb;
    margin: 15px auto 0;
    cursor: pointer
}

.cmdetail>div .perdiv .personlist li:last-child {
    margin-bottom: 15px
}

.cmdetail>div .perdiv .personlist li.active {
    color: #ee1d23;
    border-color: #ee1d23
}

.cmdetail>div .upload {
    margin: 15px auto;
    padding: 0 20px
}

.cmdetail>div .upload>span {
    width: 70px;
    display: inline-block;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 30px;
    color: #999;
    font-weight: bold;
    border: 1px solid #dbdbdb;
    background: #f6f6f6;
    margin-right: 5px;
    vertical-align: middle
}

.cmdetail>div .upload>div {
    display: inline-block;
    vertical-align: middle;
    width: 110px
}

.cmdetail>div .upload>div span {
    font-size: 12px;
    line-height: 20px;
    display: block
}

.cmdetail>div .upload>div p {
    font-size: 12px;
    color: #c1c1c1;
    line-height: 20px
}

.cmdetail>div textarea {
    background: #f6f6f6;
    color: #c4c4c4;
    border: 1px solid #dbdbdb;
    margin: 0 auto;
    margin-left: 20px;
    width: 190px;
    min-height: 66px;
    padding: 5px
}

.cmdetail>div .comp span {
    text-align: center;
    color: #ee1d23;
    font-weight: bold;
    font-size: 30px;
    display: block;
    margin: 45px 0
}

.cmdetail>div .comp .count {
    width: 155px;
    margin: 0 auto;
    position: relative
}

.cmdetail>div .comp .count input {
    width: 77px;
    height: 45px;
    border: 1px solid #dbdbdb;
    line-height: 39px;
    text-align: center
}

.cmdetail>div .comp .count a {
    position: absolute;
    width: 30px;
    display: block;
    height: 20px;
    border: 1px solid #dbdbdb;
    background: #f8f8f8;
    right: 0;
    text-align: center;
    line-height: 18px;
    color: #b3b3b3
}

.cmdetail>div .comp .count .cminus {
    top: 0
}

.cmdetail>div .comp .count .cplus {
    bottom: 0
}

.cmdetail>div .comp p {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 20px
}

.cmdetail>div .comp>a {
    display: block;
    width: 155px;
    height: 46px;
    line-height: 46px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px
}

.cmdetail>div .comp .redbtn1 {
    background: #ee1d23;
    color: #fff
}

.cmdetail>div .comp .redbtn2 {
    border: 1px solid #ee1d23;
    color: #ee1d23
}

.cmdetail>div:last-child {
    border: 0
}

.cmdetail>div.active {
    border-top: 2px solid #fa0;
    margin-top: -3px
}

.cmdetail>div.active .bgdx {
    display: none
}

.cmdetail>div.active>em {
    background: #fa0
}

.paydiv {
    margin-top: 20px;
    border: 1px solid #dbdbdb
}

.paydiv .paydetail {
    padding: 50px 55px;
    border-bottom: 1px solid #dbdbdb;
    background: #f8f8f8
}

.paydiv .paydetail p {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    width: 800px
}

.paydiv .paydetail p em {
    color: #3ba8cc;
    font-size: 16px
}

.paydiv .paydetail span {
    font-size: 16px
}

.paydiv .paydetail span em {
    font-size: 24px;
    color: #ee1d23
}

.paydiv .payway {
    padding: 50px 55px
}

.paydiv .payway span {
    font-size: 16px;
    margin-bottom: 45px;
    display: block
}

.paydiv .payway ul li {
    float: left;
    border: 1px solid #e1e1e1;
    margin-right: 40px;
    font-size: 16px;
    width: 205px;
    height: 83px;
    text-align: center;
    line-height: 83px;
    cursor: pointer
}

.paydiv .payway ul li em {
    display: inline-block;
    width: 64px;
    height: 64px;
    vertical-align: middle;
    margin-right: 20px
}

.paydiv .payway ul li .wxpy {
    background: url("../images/zf1.png")
}

.paydiv .payway ul li .zfbpy {
    background: url("../images/zf2.png")
}

.paydiv .payway ul li .ylpy {
    background: url("../images/zf3.png")
}

.paydiv .payway ul li.active {
    border-color: #ee1d23
}

.paydiv .payway .redbtn {
    width: 205px;
    margin-left: 245px;
    margin-bottom: 0
}

.suspension {
    position: fixed;
    bottom: 30%;
    right: 0;
    z-index: 9999
}

.suspension>ul>li {
    width: 60px;
    height: 40px;
    margin-top: 2px
}

.suspension>ul>li a {
    display: block;
    float: right;
    width: 40px;
    height: 40px;
    background-color: #9b8c8c;
    background-image: url("../images/suspension.png");
    border-radius: 3px;
    position: relative
}

.suspension>ul>li a div {
    position: absolute;
    right: 50px;
    width: 85px;
    height: 40px;
    line-height: 40px;
    background: rgba(34,34,34,0.56);
    text-align: center;
    border-radius: 3px;
    color: #fff
}

.suspension>ul>li a div:after {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #191919;
    content: "";
    position: absolute;
    width: 0;
    right: -5px;
    top: 15px
}

.suspension>ul>li a.yhj div {
    display: none;
    width: 145px;
    text-align: left;
    min-height: 280px;
    height: auto;
    top: -55px;
    padding: 0 11px
}

.suspension>ul>li a.yhj div span {
    margin-top: 5px;
    color: #ffac28;
    text-align: center;
    display: block
}

.suspension>ul>li a.yhj div ul {
    width: 123px
}

.suspension>ul>li a.yhj div ul li {
    margin: 5px 0 15px;
    background: url(../images/youhui_03.png) no-repeat;
    height: 60px;
    padding: 5px 65px 19px 5px;
    text-align: center
}

.suspension>ul>li a.yhj div ul li p {
    color: #fff
}

.suspension>ul>li a.yhj div:after {
    top: 72px
}

.suspension>ul>li a.kef {
    background-position-y: -42px
}

.suspension>ul>li a.kef div {
    display: none
}

.suspension>ul>li a.yjfk {
    background-position-y: -182px
}

.suspension>ul>li a.yjfk div {
    display: none
}

.suspension>ul>li a.top {
    background-position-y: -84px
}

.suspension>ul>li a.top div {
    display: none
}

.suspension>ul>li a.weixin {
    background-position-y: -128px
}

.suspension>ul>li a.weixin div {
    display: none;
    width: 145px;
    text-align: left;
    height: 166px;
    top: -125px;
    padding: 11px
}

.suspension>ul>li a.weixin div img {
    width: 115px;
    height: 115px
}

.suspension>ul>li a.weixin div span {
    color: #fff;
    text-align: center;
    display: block;
    line-height: 1
}

.suspension>ul>li a.weixin div:after {
    top: 140px
}

.suspension>ul>li:hover a {
    background-color: #ee1d23
}

.suspension>ul>li:hover a div {
    display: block
}

.paybox {
    padding: 30px 40px
}

.paybox .weixin-pay {
    border-bottom: 1px dashed #ddd;
    padding: 0 20px 10px
}

.paybox .weixin-pay .font-24 {
    font-size: 24px
}

.paybox .weixin-pay .line26 {
    line-height: 26px
}

.paybox .mt30 {
    margin-top: 30px
}

.paybox .wxzf {
    width: 301px;
    float: left
}

.paybox .img100 img {
    width: 100%
}

.paybox .border {
    border: 1px solid #eee
}

.paybox p {
    margin: 0 0 10px
}

.paybox .mt40 {
    margin-top: 40px
}

.dialog {
    display: none
}

.dialog .bgback {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0,0,0,0.7);
    z-index: 1000
}

.dialog .paytck {
    width: 32%;
    position: absolute;
    top: 30%;
    left: 34%;
    background: #fff;
    z-index: 1002
}

.dialog .paytck a:hover {
    color: #ee1d23;
    text-decoration: underline
}

.dialog .paytck .paytck1 {
    width: 100%;
    height: 43px;
    line-height: 42px;
    float: left;
    background: #f5f3f3;
    border-bottom: 1px solid #eee;
    padding: 0 10px;
    overflow: hidden
}

.dialog .paytck .paytck2 {
    padding: 30px 30px 50px;
    margin-top: 45px;
    line-height: 30px
}

.dialog .paytck .paytck2 img {
    position: relative;
    top: 5px
}

.dialog .paytck .paytck2 .blue {
    color: #0a88ea
}

.dialog .paytck .paytck2 a:hover {
    color: #ee1d23;
    text-decoration: underline
}

.__warp {
    width: 100%;
    padding-top: 20px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center
}

.page_copyright {
    text-align: center;
    color: #999;
    padding: 20px 0;
    font-size: 12px
}

.___proloop {
    text-align: center;
    margin-top: 20px
}

.___proloop:first-child {
    margin-top: 0
}

.___proloop ._pl_pic {
    margin-bottom: 5px
}

.___proloop ._pl_pic a {
    display: block;
    position: relative
}

.___proloop ._pl_pic a span {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0.88);
    color: #666;
    text-align: center;
    padding: 3px 0
}

.___proloop ._pl_pic a img {
    display: block;
    margin: 0 auto;
    width: 110px;
    height: 110px
}

.___proloop ._pl_name {
    text-align: center
}

.___proloop ._pl_name a {
    display: block;
    font-size: 12px;
    color: #666;
    line-height: 20px;
    height: 20px;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.___proloop2 {
    text-align: center;
    padding: 20px 10px;
    border-top: 1px #efefef solid
}

.___proloop2:first-child {
    border-top: 0 none
}

.___proloop2 ._pl_pic {
    margin-bottom: 5px
}

.___proloop2 ._pl_pic a {
    display: block;
    position: relative
}

.___proloop2 ._pl_pic a img {
    display: block;
    margin: 0 auto;
    width: 140px;
    height: 140px
}

.___proloop2 ._pl_name {
    text-align: left
}

.___proloop2 ._pl_name a {
    display: block;
    font-size: 12px;
    color: #666;
    line-height: 20px;
    height: 20px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.___proloop2 ._pl_price {
    text-align: left
}

.___proloop2 ._pl_price span {
    font-size: 15px;
    line-height: 110%;
    color: #ee1d23
}

.___proloop3 {
    text-align: center;
    padding: 10px 0;
    border-top: 1px #efefef solid
}

.___proloop3:first-child {
    border-top: 0 none
}

.___proloop3 ._pl_pic {
    float: left;
    width: 60px
}

.___proloop3 ._pl_pic a {
    display: block;
    position: relative;
    border: 1px #efefef solid
}

.___proloop3 ._pl_pic a img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto
}

.___proloop3 ._pl_right {
    margin-left: 80px
}

.___proloop3 ._pl_right ._pl_name {
    text-align: left
}

.___proloop3 ._pl_right ._pl_name a {
    display: block;
    font-size: 12px;
    color: #666;
    line-height: 18px;
    width: 100%;
    max-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px
}

.___proloop3 ._pl_right ._pl_price {
    text-align: left
}

.___proloop3 ._pl_right ._pl_price span {
    font-size: 15px;
    line-height: 110%;
    color: #ee1d23
}

._psidber {
    border: 1px solid #dbdbdb
}

._psidber .__title {
    border-bottom: 1px solid #dbdbdb;
    padding: 7px 10px;
    background: #f9f9f9
}

._psidber .__title h4 {
    margin: 0;
    padding: 0;
    display: block;
    font-weight: 500;
    line-height: 16px;
    height: 16px;
    border-left: 2px #ee1d23 solid;
    padding-left: 10px;
    font-size: 14px;
    color: #666
}

._psidber .__body {
    padding: 15px 15px
}

._psidber .__body a {
    color: #666
}

._psidber .__body a:hover {
    color: #ee1d23
}

._psidber .__body ul {
    margin: 0;
    padding: 0
}

._psidber .__body ul.cat_list li {
    width: 25%;
    float: left;
    padding: 10px 0
}

._psidber .__body ul.cat_list li a {
    font-size: 13px
}

._psidber .__body ul.cat_list.rows_2 li {
    width: 50%
}

._psidber .__body ul.cat_list.rows_3 li {
    width: 33.333333%
}

#Details {
    background: #fff;
    padding: 0
}

#Details table tr td {
    vertical-align: top
}

#Details table tr td.__td_left {
    width: 80%;
    background: #fff;
    padding: 30px 15px 15px
}

#Details table tr td.__td_right {
    width: 20%;
    background: rgba(225,225,225,0.066);
    border-left: 1px #efefef solid
}

._theCon {
    line-height: 140%
}

._theCon img {
    max-width: 100%;
    height: auto
}

._theCon p {
    margin-bottom: 0
}

._ProContent_Menu .__Menu {
    padding: 30px 30px
}

._ProContent_Menu .__Menu dl {
    margin: 0;
    padding: 0;
    border: 0 none
}

._ProContent_Menu .__Menu dl dd {
    display: block;
    margin-bottom: 20px
}

._ProContent_Menu .__Menu dl dd a {
    display: block;
    text-decoration: none;
    line-height: 30px;
    color: #787878;
    background: url(../images/dd.png) left no-repeat;
    padding-left: 30px;
    padding-bottom: 3px;
    font-weight: 500
}

._ProContent_Menu .__Menu dl dd a:hover,._ProContent_Menu .__Menu dl dd a.on {
    background-image: url(../images/dd_on.png);
    color: #ee1d23;
    font-weight: bold
}

._pro_loop {
    background: #fff;
    padding: 10px;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px #efefef solid;
    border-radius: 2px
}

._pro_loop ._pic a {
    display: block;
    padding: 0 11.5px
}

._pro_loop ._pic img {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto
}

._pro_loop ._bottom {
    text-align: center;
    padding: 10px
}

._pro_loop ._bottom h3._title {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: 'PingFont_Light','Microsoft YaHei',"hiragino sans gb",'黑体','宋体',Arial,Lucida Grande,Tahoma,sans-serif;
    font-weight: 500;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._pro_loop ._bottom ._small {
    color: #999;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

._pro_loop ._bottom ._price {
    font-size: 16px;
    color: #ee1d23;
    font-weight: 600;
    padding: 0 0
}

._pro_loop:hover {
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.07)
}

._pro_loop:hover ._pic a img {
    transform: scale(1.03, 1.03);
    -moz-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    -o-transform: scale(1.03, 1.03)
}

._combination {
    background: #f9f9f9;
    height: 300px;
    overflow: hidden;
    margin-bottom: 30px
}

._combination ._subtitle {
    float: left;
    padding: 90px 15px;
    height: 300px;
    background: #f5f5f5;
    width: 50px;
    color: #656565;
    font-size: 20px;
    text-align: center;
    line-height: 25px
}

._combination ._comb_prolist {
    float: left;
    width: 920px;
    padding: 20px;
    overflow-x: auto
}

._combination ._comb_prolist .checkbox_li {
    border: 1px #e2e0e0 solid
}

._combination ._comb_prolist .checkbox_li ._pro_loop {
    border: 0 none
}

._combination ._comb_prolist .checkbox_li ._pro_loop ._pic {
    padding: 0 18px
}

._combination ._comb_prolist .checkbox_li:after {
    width: 20px;
    height: 20px;
    background-image: url(../images/cb2.png);
    right: -1px;
    bottom: -1px
}

._combination ._comb_prolist .checkbox_li.checked {
    border-color: #ee1d23
}

._combination ._comb_prolist .checkbox_li.checked:after {
    background-image: url(../images/cb1.png)
}

._combination ._comb_right {
    background: #f5f5f5;
    width: 230px;
    padding: 60px 20px 20px;
    float: left;
    height: 300px
}

._combination ._comb_right ._strong {
    font-size: 16px;
    color: #656565;
    line-height: 26px
}

._combination ._comb_right ._strong .price {
    color: #ee1d23;
    font-size: 20px
}

._combination ._comb_right ._small {
    font-size: 14px;
    color: #999
}

._combination ._comb_right ._btn {
    margin-top: 40px
}

._combination ._comb_right ._btn .buy_now {
    margin-bottom: 20px
}

._and {
    display: block;
    width: 41px;
    height: 41px;
    background: url(../images/and.png) right no-repeat
}

.comb_prolist ul {
    margin: 0;
    padding: 0
}

.comb_prolist li {
    float: left;
    width: 180px
}

.comb_prolist li.icon {
    width: 50px;
    padding-top: 100px
}

.comb_prolist li.icon ._and {
    margin: 0 auto
}

.checkbox_li {
    display: block;
    cursor: pointer;
    font-weight: 500;
    background: #f5f5f5;
    margin: 0;
    padding: 0;
    position: relative;
    border: 2px #ddd solid
}

.checkbox_li .input_checkbox {
    display: none
}

.checkbox_li:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: none;
    position: absolute;
    bottom: 0;
    right: 0
}

.checkbox_li.checked {
    border-color: #ee1d23;
    color: #ee1d23
}

.checkbox_li.checked:after {
    background: url(../images/checked3.png) center no-repeat
}

._couponTitle {
    padding: 40px 0 30px;
    font-size: 20px
}

._couponInfo {
    border: 1px #ddd solid;
    padding: 100px 100px 150px;
    margin-top: 0
}

.__coupon {
    width: 460px;
    margin: 0 auto
}

.__coupon .__coupon_head {
    margin-bottom: 30px
}

.__coupon .__coupon_head ._pic {
    float: left;
    width: 180px;
    height: 90px;
    background: url(../images/coupon_bg.png) center no-repeat;
    background-size: cover
}

.__coupon .__coupon_head ._pic strong {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 30px;
    padding: 25px 45px 0 10px;
    font-family: 'PingFont_Light','Microsoft YaHei',"hiragino sans gb",'黑体','宋体',Arial,Lucida Grande,Tahoma,sans-serif
}

.__coupon .__coupon_head ._text {
    margin-left: 210px
}

.__coupon .__coupon_head ._text h3 {
    font-size: 16px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    margin-bottom: 10px
}

.__coupon .__coupon_head ._text ._p p {
    line-height: 24px;
    color: #999;
    margin: 0;
    padding: 0
}

.__coupon .__coupon_btn {
    text-align: center;
    padding: 20px 0
}

.__coupon .__coupon_btn ._btn {
    display: inline-block;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 50px;
    border-radius: 5px;
    padding: 0 50px;
    font-size: 16px;
    opacity: 1;
    cursor: pointer;
    margin: 0 10px
}

.__coupon .__coupon_btn ._btn:hover {
    opacity: .88
}

.__coupon .__coupon_btn ._btn.red {
    border: 1px #ee1d23 solid;
    background: #ee1d23;
    color: #fff
}

.__coupon .__coupon_btn ._btn.white {
    border: 1px #ee1d23 solid;
    color: #ee1d23;
    background: #fff
}

.__sendCashCoupon {
    width: 460px;
    margin: 0 auto
}

.__sendCashCoupon .__SCcoupon_head {
    margin-bottom: 30px;
    text-align: center
}

.__sendCashCoupon .__SCcoupon_head ._number {
    background: url(../images/sendCashCoupon_bg1.png) top left repeat-y;
    display: inline-block;
    margin: 0 auto;
    padding-left: 10px;
    margin-bottom: 30px
}

.__sendCashCoupon .__SCcoupon_head ._number .__bg {
    display: inline-block;
    padding-right: 10px;
    background: url(../images/sendCashCoupon_bg2.png) top right repeat-y
}

.__sendCashCoupon .__SCcoupon_head ._number .__bg input {
    display: inline-block;
    text-transform: uppercase;
    background: #ee1d23;
    color: #fff;
    height: 80px;
    line-height: 80px;
    border: 0 none;
    text-align: center;
    width: 360px;
    font-size: 40px;
    cursor: text;
    padding: 0 10px
}

.__sendCashCoupon .__SCcoupon_head ._text {
    text-align: center
}

.__sendCashCoupon .__SCcoupon_head ._text h3 {
    font-size: 16px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    margin-bottom: 10px
}

.__sendCashCoupon .__SCcoupon_head ._text ._p p {
    line-height: 24px;
    color: #999;
    margin: 0;
    padding: 0
}

.__sendCashCoupon .__SCcoupon_btn {
    text-align: center;
    padding: 20px 0
}

.__sendCashCoupon .__SCcoupon_btn .__phone {
    display: inline-block;
    border: 1px #999 solid;
    font-size: 14px;
    line-height: 40px;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 16px;
    width: 250px
}

.__sendCashCoupon .__SCcoupon_btn .__phone:focus {
    border-color: #ee1d23
}

.__sendCashCoupon .__SCcoupon_btn ._btn {
    display: inline-block;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 40px;
    border-radius: 5px;
    padding: 0 20px;
    font-size: 16px;
    opacity: 1;
    cursor: pointer;
    margin: 0 10px
}

.__sendCashCoupon .__SCcoupon_btn ._btn:hover {
    opacity: .88
}

.__sendCashCoupon .__SCcoupon_btn ._btn.red {
    border: 1px #ee1d23 solid;
    background: #ee1d23;
    color: #fff
}

.__sendCashCoupon .__SCcoupon_btn ._btn.white {
    border: 1px #ee1d23 solid;
    color: #ee1d23;
    background: #fff
}