@CHARSET "UTF-8";

span.float_r {
    display: inline-block;
    width: 95px;
    text-align: right;
    float: right;
    padding-right: 5px
}

span.span_r {
    display: inline-block;
    min-width: 95px;
    text-align: left;
    float: right;
}

span.span_just_r {
    display: inline-block;
    text-align: center;
    float: right;
}

span.span_l {
    display: inline-block;
    min-width: 95px;
    text-align: left;
    float: left;
}

i.i_orange {
    padding: 0 5px;
    color: orange;
    min-width: 50px;
    display: inline-block;
}

i.i_green {
    padding: 0 5px;
    color: green;
    min-width: 50px;
    display: inline-block;
}

#advt {
    width: 90%;
    text-align: center;
    margin: 20px auto
}

#advt img {
    width: 100%;
}

span.span_blue {
    height: 20px;
    line-height: 20px;
    display: inline-block;
    width: auto;
    padding: 0 5px;
    border: 1px solid blue;
    border-radius: 8px;
    color: blue;
    margin-right: 10px;
    text-align: center
}

span.span_orange {
    height: 20px;
    line-height: 20px;
    display: inline-block;
    width: auto;
    padding: 0 5px;
    border: 1px solid orange;
    border-radius: 8px;
    color: orange;
    margin-right: 10px;
    text-align: center
}

span.span_red {
    height: 20px;
    line-height: 20px;
    display: inline-block;
    width: auto;
    padding: 0 5px;
    border: 1px solid #ff2e2e;
    border-radius: 8px;
    color: #ff2e2e;
    margin-right: 10px;
    text-align: center
}

span.span_green {
    height: 20px;
    line-height: 20px;
    display: inline-block;
    width: auto;
    padding: 0 5px;
    border: 1px solid #1ad37a;
    border-radius: 8px;
    color: #1ad37a;
    margin-right: 10px;
    text-align: center
}

span.span_black {
    height: 20px;
    line-height: 20px;
    display: inline-block;
    width: auto;
    padding: 0 5px;
    border: 1px solid black;
    border-radius: 8px;
    color: black;
    margin-right: 10px;
    text-align: center
}

span.span_silver {
    height: 20px;
    line-height: 20px;
    display: inline-block;
    width: auto;
    padding: 0 5px;
    border: 1px solid silver;
    border-radius: 8px;
    color: silver;
    margin-right: 10px;
    text-align: center
}

span.span_gold {
    height: 20px;
    line-height: 20px;
    display: inline-block;
    width: auto;
    padding: 0 5px;
    border: 1px solid gold;
    border-radius: 8px;
    color: gold;
    margin-right: 10px;
    text-align: center
}

span.span_purple {
    height: 20px;
    line-height: 20px;
    display: inline-block;
    width: auto;
    padding: 0 5px;
    border: 1px solid purple;
    border-radius: 8px;
    color: purple;
    margin-right: 10px;
    text-align: center
}

.border_bottom {
    border-bottom: 1px dashed silver
}

.line_14 {
    line-height: 14px;
}

#wrap {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

#wrap #top {
    background: transparent
}

#wrap #top .banner {
    margin: auto
}

#wrap #top .menu {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid silver;
    padding-top: 40px
}

#wrap #top .menu ul li {
    width: 50%;
    text-align: center;
    float: left
}

#wrap #top .menu ul li a {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 98%;
    border-right: 1px solid silver;
}

#wrap #top .menu ul li a.last {
    border: none
}

.tb_list_chart li {
    float: left;
    margin: 5px;
    width: auto;
    height: auto;
    text-align: left;
    background: #f1f1f1;
    padding: 5px
}

.span_chart_box {
    word-wrap: break-word;
    font-size: 10px;
    overflow: hidden;
    margin: 0px;
    float: none;
    display: inline-block;
    height: 10px;
    background: #06caee;
    width: 100px;
    color: #fff;
}

.span_chart_red {
    margin: 0px;
    float: none;
    height: 10px;
    word-wrap: break-word;
    text-align: center;
    color: #fff;
    display: inline-block;
    background: #ff2e2e;
    max-width: 100px;
    min-width: 10px;
    text-shadow: 0 0 5px #000;
    width: 15px;
    font-size: 10px
}

.span_chart_blue {
    margin: 0px;
    float: none;
    height: 10px;
    word-wrap: break-word;
    text-align: center;
    color: #fff;
    display: inline-block;
    background: #0987cf;
    max-width: 100px;
    min-width: 10px;
    text-shadow: 0 0 5px #000;
    width: 15px;
    font-size: 10px
}

.span_chart_orange {
    margin: 0px;
    float: none;
    height: 10px;
    word-wrap: break-word;
    text-align: center;
    color: #fff;
    display: inline-block;
    background: #f49103;
    max-width: 100px;
    min-width: 10px;
    text-shadow: 0 0 5px #000;
    width: 15px;
    font-size: 10px
}

.tb_list_chart li p.p_name {
    text-align: center;
}

#wrap .searea {
    height: 45px;
    line-height: 45px;
    width: 100%;
    margin: auto;
    text-align: center;
}

#wrap .searea input {
    height: 35px;
    line-height: 35px;
    width: 97%;
    background: none;
    border: 1px solid silver;
    padding-left: 5px
}

#wrap .searea span {
    height: 45px;
    line-height: 45px;
    width: 45px;
    text-align: center;
    display: inline-block;
    position: absolute;
    right: 1px;
    background: url(/Public/images/fdj.png) no-repeat center center;
}

.input_fill_99 {
    width: 98%;
    height: 30px;
    line-height: 30px;
    padding-left: 1%;
    border: none;
    background: #fff
}

.input_fill_40 {
    width: 39%;
    height: 30px;
    line-height: 30px;
    padding-left: 1%;
    border: none;
    background: #fff
}

.textarea_fill {
    width: 98%;
    height: 180px;
    line-height: 20px;
    padding-left: 1%;
    border: 1px solid silver;
    background: #fff;
    margin: auto;
}


/*登录*/

.login_area {
    line-height: 40px;
    width: 98%;
    margin: 5px auto;
    min-height: 200px;
    padding: 1%;
    border-bottom: 1px solid silver;
    background: none
}

.login_area .login_handle {
    line-height: 40px;
    width: 98%;
    text-align: center;
    margin: 15px auto;
    padding: 1%;
}

.login_area .login_handle .btn_login {
    line-height: 30px;
    width: 100px;
    text-align: center;
    margin: 5px auto;
    height: 30px;
    display: inline-block;
    margin-right: 20px;
    background: #444;
    color: #fff;
}


/*登录*/

#wrap #content {
    width: 100%;
    margin: 0px auto;
    padding-bottom: 60px;
}

#wrap #content .mainbox {
    width: 100%;
    margin-top: 0px
}

#wrap #content .mainbox .title {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid silver
}

#wrap #content .mainbox .list_box {
    width: 99%;
    margin: auto;
}

#wrap #content .mainbox .list_box img.thumbnai {
    float: left;
    width: 160px;
    margin: 0 5px 5px 0;
}

#wrap #content .mainbox .list_box p {
    text-align: justify;
}

#wrap #content .mainbox .list_box h2 {
    line-height: 40px;
    height: 40px;
    border-bottom: 1px solid silver;
    margin-bottom: 2px
}

#wrap #content .mainbox .listview_box {
    width: 99%;
    margin: auto;
}

#wrap #content .mainbox .listview_box img.thumbnai {
    float: left;
    width: 100px;
    margin: 0 5px 5px 0;
}

#wrap #content .mainbox .listview_box p {
    text-align: justify;
}

#wrap #content .mainbox .listview_box h3 {
    line-height: 30px;
    height: 30px;
    margin-bottom: 2px
}

#wrap #content .mainbox .listview_box h4 {
    border-bottom: 1px solid silver;
    padding-bottom: 2px;
    margin-bottom: 2px
}

#wrap #content .main_category {
    width: 90%;
    margin: auto;
    border-radius: 5px;
}

#wrap #content .main_category ul {
    width: 100%;
}

#wrap #content .main_category ul li {
    float: left;
    width: 20%;
    text-align: center;
    height: 70px;
}

#wrap #content .main_category ul li img {
    height: 40px;
    width: 40px;
    margin-top: 10px;
}

.div_merchant_details {
    line-height: 35px
}

.span_marks {
    display: inline-block;
    min-width: 40px;
    padding: 0 5px;
    margin-right: 10px;
    height: 20px;
    line-height: 20px;
    background: #d7f5f9;
    text-align: center;
    color: #444
}

.span_marks_nobg {
    display: inline-block;
    min-width: 40px;
    padding: 0 5px;
    margin-right: 10px;
    height: 20px;
    line-height: 20px;
    background: none;
    text-align: center;
    color: #888;
    font-size: 12px
}

.span_right {
    float: right;
    padding-right: 5px
}

.span_price {
    float: right;
    padding-right: 5px;
    margin-top: 10px;
    color: orange;
    font-size: 20px
}

.span_price i {
    color: #000;
    font-size: 14px
}

.p_comments {
    background: none;
    height: 60px;
    font-size: 12px
}

.p_comments p {
    height: 20px;
    line-height: 20px;
    text-align: left;
}

.p_comments p span {
    font-size: 14px;
    color: #444
}

.p_comments p b {
    color: orange
}

.h3_tab {
    border-bottom: 1px solid #444
}

.h3_tab a {
    display: inline-block;
    width: 90px;
    padding: 0 5px;
    text-align: center;
}

.h3_tab .tab_active {
    background: #444;
    color: #fff;
}


/*评价*/

.div_comments {
    min-height: 100px;
    margin-top: 20px;
    clear: both
}

.div_comments h3 {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #0380d6;
    color: #fff;
}

.div_comments h3 span {
    display: inline-block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #0380d6;
}

.div_comments .comments_member img {
    height: 30px;
    float: left;
    margin: 0 5px;
}


/*评价*/

#wrap #content .listview ul li {
    width: 23%;
    padding: 1%;
    float: left;
    margin-bottom: 10px
}

#wrap #content .listview ul li img {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}

#wrap #content .listview ul li p {
    text-align: left;
    line-height: 20px;
    height: 40px;
    margin-top: 5px;
    overflow: hidden;
}

#wrap #content .main_searea {
    height: 230px;
}

.span_book {
    display: inline-block;
    width: 50px;
    text-align: center;
    color: #fff;
    background: orange;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    border-radius: 5px;
    float: right;
    margin: 3px 5px 0 0;
}

.span_book_rightnow {
    display: inline-block;
    width: 50px;
    text-align: center;
    color: #fff;
    background: orange;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    border-radius: 5px
}

.span_book:hover {
    color: #ff2e2e;
}

.span_box {
    width: 49%;
    display: inline-block;
}

.prevnext {
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.prevnext span {
    margin: 0 5px;
    font-weight: bolder
}


/*第二层*/

#wrap #content .mainbox .floor_2 {
    padding: 20px 0 0 0;
}

#wrap #content .mainbox .floor_2 .title {
    border-bottom: 1px solid #3e036f;
    height: 50px;
    line-height: 50px;
}

#wrap #content .mainbox .floor_2 .title img {
    float: left
}

#wrap #content .mainbox .floor_2 .title span.span_category {
    display: inline-block;
    height: 50px;
    line-height: 50px
}

#wrap #content .mainbox .floor_2 .title span.span_category a {
    font-size: 12px;
    color: #444;
}

#wrap #content .mainbox .floor_2 .title span.span_category a:hover {
    color: #ff2e2e
}

#wrap #content .mainbox .floor_2 .title b.floor_2_name {
    color: #3e036f;
    margin-right: 20px;
}

#wrap #content .mainbox .floor_2 .title b.floor_2_name big {
    color: #1ad37a;
}

#wrap #content .mainbox .floor_2 .title b.floor_2_name a {
    color: #000;
}

#wrap #content .mainbox .floor_2 .box {
    background: #f1f1f1
}

#wrap #content .mainbox .floor_2 .box ul {
    background: transparent;
}

#wrap #content .mainbox .floor_2 .box ul li {
    float: left;
    width: 47.6%;
    margin: 0.2%;
    padding: 1%;
    background: #fff
}

#wrap #content .mainbox .floor_2 .box ul li img {
    width: 100%;
    border-radius: 10px;
}

#wrap #content .mainbox .floor_2 .box ul li p.p_name {
    height: 50px;
    line-height: 25px;
    overflow: hidden;
}

#wrap #content .mainbox .floor_2 .box ul li p.p_price {
    height: 25px;
    line-height: 25px;
    color: orange
}

#wrap #content .mainbox .floor_2 .box div.div_item_box {
    height: auto;
    background: #fff;
    padding: 5px 5px;
}

#wrap #content .mainbox .floor_2 .box div.div_item_box .imgbox {
    float: left;
    width: 120px;
    height: auto;
    overflow: hidden;
    margin-right: 5px
}

#wrap #content .mainbox .floor_2 .box div.div_item_box .imgbox img {
    max-width: 120px;
    max-height: 120px;
    float: left;
}

#wrap #content .mainbox .floor_2 .box div.div_item_box h4 {
    font-size: 15px;
    color: #000;
}

#wrap #content .mainbox .floor_2 .box div.div_item_box p {
    color: #888;
}

#wrap #content .mainbox .floor_2 .box div.div_item_box p.price {
    color: orange;
    font-size: 18px;
    line-height: 30px
}

#wrap #content .mainbox .floor_2 .box div.div_item_box p.price s {
    color: #888;
    font-size: 12px;
}


/*层*/

#wrap #content .mainbox .div_pro_show {
    width: 99%;
    margin: auto;
}

#wrap #content .mainbox .div_pro_show .div_title {
    border-left: 5px solid #f96a6a;
    padding-left: 10px;
    font-size: 16px;
    line-height: 30px;
    min-height: 30px;
    padding-top: 0px;
    color: #f96a6a;
}

#wrap #content .mainbox .div_pro_show .box {
    background: #fff
}

#wrap #content .mainbox .div_pro_show .box div.div_item_box {
    height: 100px;
    background: #fff;
    margin: 5px 0 0 0;
}

#wrap #content .mainbox .div_pro_show .box div.div_item_box .imgbox {
    height: 100px;
    float: left;
    width: 120px;
    overflow: hidden;
    margin-right: 5px
}

#wrap #content .mainbox .div_pro_show .box div.div_item_box h4 {
    font-size: 15px;
    color: #000;
}

#wrap #content .mainbox .div_pro_show .box div.div_item_box p {
    color: #888;
}

#wrap #content .mainbox .div_pro_show .box div.div_item_box p.price {
    color: orange;
    font-size: 18px;
    line-height: 30px
}

#wrap #content .mainbox .div_pro_show .box div.div_item_box p.price s {
    color: #888;
    font-size: 12px;
}


/*层*/

span.span_blue {
    height: 25px;
    line-height: 25px;
    display: inline-block;
    width: auto;
    padding: 0 5px;
    border: 1px solid silver;
    border-radius: 8px;
    color: blue;
    margin-right: 10px;
    text-align: center
}

span.span_orange {
    height: 25px;
    line-height: 25px;
    display: inline-block;
    width: auto;
    padding: 0 5px;
    border: 1px solid silver;
    border-radius: 8px;
    color: orange;
    margin-right: 10px;
    text-align: center
}

span.span_red {
    height: 25px;
    line-height: 25px;
    display: inline-block;
    width: auto;
    padding: 0 5px;
    border: 1px solid silver;
    border-radius: 8px;
    color: #ff2e2e;
    margin-right: 10px;
    text-align: center
}

span.span_green {
    height: 25px;
    line-height: 25px;
    display: inline-block;
    width: auto;
    padding: 0 5px;
    border: 1px solid silver;
    border-radius: 8px;
    color: #1ad37a;
    margin-right: 10px;
    text-align: center
}

span.span_black {
    height: 25px;
    line-height: 25px;
    display: inline-block;
    width: auto;
    padding: 0 5px;
    border: 1px solid silver;
    border-radius: 8px;
    color: black;
    margin-right: 10px;
    text-align: center
}

.mark_span {
    float: right;
    font-size: 14px;
    display: inline-block;
}

.active {
    color: #ff2e2e;
}

.bg-active {
    background: #ff2e2e;
}

.sprite1-dashed {
    height: 1px;
    border-bottom: 1px dashed #f1f1f1
}

.sprite1 {
    height: 1px;
    background: #f1f1f1
}

.sprite2 {
    height: 2px;
    background: #f1f1f1
}

.line2 {
    height: 2px;
    background: #fff
}

.sprite10 {
    height: 10px;
    background: #f1f1f1
}

.sprite40 {
    height: 45px;
    background: #fff
}

.icon {
    font-size: 20px;
    font-weight: bolder;
    margin-right: 10px;
    margin-top: 12px;
    float: left;
}

#wrap #footer {
    width: 100%;
    height: 48px;
    line-height: 48px;
    background: #ffffff;
    position: fixed;
    bottom: 0px;
    border-top: 1px solid #f1f1f1
}

#wrap #footer ul li {
    width: 25%;
    float: left;
    text-align: center;
    line-height: 20px;
}

#wrap #footer ul li p.p_icon {
    margin-top: 5px;
    font-size: 19px;
}

#wrap #footer ul li p.p_name {
    font-size: 12px;
}

#wrap #footer ul li b.b_icon {
    height: 55px;
    width: 55px;
    line-height: 55px;
    color: #fff;
    border-radius: 50px;
    position: relative;
    top: -10px;
    font-size: 22px;
    background: #444;
    display: inline-block;
}


/*内页*/

#wrap .contentinner {
    padding-top: 42px;
}

#wrap #top .guider {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    position: fixed;
    width: 100%;
    z-index: 1000;
    border-bottom: 1px solid #f1f1f1;
    font-weight: bolder;
    color: #000;
}

#wrap #top .guider span.span_left {
    position: absolute;
    left: 0;
    top: 2px;
    padding-left: 2px;
    font-weight: bolder;
}

#wrap #top .guider span.span_left i {
    font-size: 16px;
    font-weight: bolder;
}


/*品牌街*/

#wrap #content #brand ul li {
    float: left;
    width: 46%;
    padding: 2%;
    text-align: center;
    background: #f1f1f1
}

#wrap #content #brand ul li img {
    width: 100%
}


/*品牌街*/


/*商品详情*/

#wrap #content #pro_details .div_introduce {
    width: 99%;
    margin: auto;
    padding-bottom: 50px;
    position: relative;
    top: 0
}

#wrap #content #pro_details .div_introduce img {
    float: left;
    max-width: 100%
}

#wrap #handlefooter {
    position: fixed;
    bottom: 0px;
    z-index: 1000;
    width: 100%;
    border-top: 1px solid #f1f1f1;
    padding-top: 1px;
    background: url(/Public/images/whitergbabg.png);
}

#wrap #handlefooter ul.handle {
    width: 99%;
    margin: auto
}

#wrap #handlefooter ul.handle li {
    color: #fff;
    float: left;
    width: 30%;
    height: 45px;
    line-height: 45px;
    background: #f1f1f1;
    text-align: center;
}

#wrap #handlefooter ul.handle li.total {
    width: 38%;
    background: #fff;
    color: #ff2e2e;
    text-align: center;
    font-size: 20px
}

#wrap #handlefooter ul.handle li.btn {
    background: #ff2e2e
}

#wrap #handlefooter ul.handle li.addcart {
    background: orange;
    color: #fff;
    margin: 0 1%
}


/*商品详情*/


/*会员中心*/

#wrap #content #header_pic {
    height: 180px;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 2px
}

#wrap #content #header_pic img.img_bg {
    width: 100%;
    position: absolute;
    height: 99%
}

#wrap #content #header_pic .member_intro {
    height: 120px;
    line-height: 30px;
    position: absolute;
    z-index: 3;
    left: 5%;
    top: 60px;
    width: 90%;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0 0 2px #04b2fa
}

#wrap #content #header_pic .handle_box {
    width: 100%;
    height: 40px;
    position: absolute;
    z-index: 4;
}

#wrap #content #header_pic .handle_box ul li {
    float: left;
    width: 10%;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 45px
}

#wrap #content #header_pic .handle_box ul li.licenter {
    width: 80%;
}

#wrap #content #header_pic .member_intro img.img_header {
    width: 90px;
    height: 90px;
    border-radius: 80px;
    float: left;
    margin: -10px 20px 0 10px;
    border: 5px solid #fff;
}

#wrap #content #header_pic .member_intro .div_intro_box {
    float: left;
    width: auto;
}

#wrap #content #header_pic .member_intro div.div_name {
    margin-top: 20px
}

#wrap #content #account_show {
    margin-top: 20px;
}

#wrap #content #account_show ul li {
    background: #fff;
    width: 98%;
    padding-left: 2%;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid silver;
    font-size: 15px;
}

#wrap #content #account_show ul li .span_show {
    width: 100px;
    margin: 0 0 0 10px;
}

#wrap #content #account_show ul li .span_mark {
    float: right;
    padding-right: 2px
}

#wrap #content #menu {
    padding: 10px;
    margin-top: 20px
}

#wrap #content #menu .mark {
    font-size: 22px
}

#wrap #content #menu ul li {
    background: #fff;
    width: 18%;
    margin: 1%;
    height: 80px;
    line-height: 40px;
    font-size: 12px;
    float: left;
    text-align: center;
}

#wrap #content #menu ul li .span_show {
    width: 100px;
    margin: 0 0 0 10px;
}

#wrap #content #menu ul li .span_mark {
    float: right;
    padding-right: 2px
}


/*会员中心积分位置*/

#wrap #content #tb_score_panel {
    width: 80%;
    margin: 10px auto;
    border-radius: 10px;
    border: 1px solid #000;
    overflow: hidden;
}

#wrap #content #tb_score_panel td {
    text-align: center;
    padding: 5px;
    color: #fff;
    width: 33.33%;
    background: #000
}

#wrap #content #tb_statistics_panel {
    width: 80%;
    margin: 10px auto;
    border-radius: 10px;
    border: 1px solid #f1f1f1;
    overflow: hidden;
}

#wrap #content #tb_statistics_panel td {
    text-align: center;
    padding: 5px;
    color: #444;
    width: 33.33%;
    border: 1px solid #f1f1f1;
}


/*会员中心*/


/*订单*/

#wrap #content #order_filter {
    height: 50px;
    width: 100%;
    position: relative;
    line-height: 50px;
    position: fixed;
    border-bottom: 1px solid #f1f1f1
}

#wrap #content #order_filter ul li {
    float: left;
    width: 20%;
    background: #fff;
    text-align: center;
}

#wrap #content #order_list {
    padding: 51px 0 0 0
}

#wrap #content #order_list .order_title {
    height: 40px;
    line-height: 40px;
    background: #fff;
    border-bottom: 1px dashed #f1f1f1;
    text-align: left;
}

#wrap #content #order_list .order_item {
    min-height: 130px;
    padding: 5px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #f1f1f1;
    background: #fff
}

#wrap #content #order_list .order_item .item_details {
    min-height: 60px;
    background: #f5f5f7;
    padding: 2px 0 3px 5px;
    margin-top: 2px
}

#wrap #content #order_list .order_item .order_intro {
    height: 35px;
    line-height: 35px;
    margin-top: 5px;
    padding: 0 5px 0 0;
    text-align: right;
    font-size: 12px
}

#wrap #content #order_list .order_item .item_details ul li {
    float: left;
}

#wrap #content #order_list .order_item .item_details ul li img {
    width: 95%
}


/*订单*/

.div_empty {
    height: 50px;
    line-height: 50px;
    text-align: center
}


/*商品展示*/

#wrap #content .mainbox .pro_showbox {
    background: #f1f1f1;
    padding: 0 2%;
}

#wrap #content .mainbox .pro_showbox ul {
    background: transparent;
}

#wrap #content .mainbox .pro_showbox ul li {
    width: 92%;
    background: #fff;
    margin: 0.5% auto;
    padding: 4%;
    border-radius: 5px
}

#wrap #content .mainbox .pro_showbox ul li img {
    max-width: 100%;
    border-radius: 5px;
}

#wrap #content .mainbox .pro_showbox ul li p.p_name {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding: 0 2px 0 2px
}

#wrap #content .mainbox .pro_showbox ul li p.p_price {
    height: 25px;
    line-height: 25px;
    color: orange;
    padding: 0 2px 0 2px
}

.tb_filter {
    width: 96%;
    margin: auto;
    background: #fff;
    border-radius: 5px;
}

.tb_filter div {
    float: left;
    text-align: center;
    padding: 10px;
    color: #444;
    display: inline-block;
}

.tb_filter div.td_addtime {
    color: #d81c0f;
    font-weight: bolder;
}


/*商品展示*/


/*商品详情*/

#pro_se_area {
    width: 98%;
    padding: 0 1%;
}

#pro_se_area .pro_details_description {
    line-height: 35px
}

#pro_se_area .pro_details_description .div_pro_name {
    font-size: 16px;
    color: #000;
    line-height: 20px
}

#pro_se_area .pro_details_description .div_pro_title {
    font-size: 12px;
    color: #ff2e2e;
    line-height: 20px
}

#pro_se_area .pro_details_description .div_pro_title {
    font-size: 12px;
    color: #ff2e2e;
    line-height: 20px
}


/*购买数量*/

#pro_se_area .pro_details_description .cms_div #ul_num {
    width: 200px;
    margin: 5px 0 0 0;
}

#pro_se_area .pro_details_description .cms_div #ul_num li {
    float: left;
    height: 25px;
    text-align: center;
    border: 1px solid #e8effc;
    background: #e8effc;
    line-height: 25px;
}

#pro_se_area .pro_details_description .cms_div #ul_num li#numplus {
    width: 25px;
    border-right: none;
    color: #1ad37a;
    cursor: pointer;
    ;
}

#pro_se_area .pro_details_description .cms_div #ul_num li#numarea {
    width: 45px;
    background: none;
}

#pro_se_area .pro_details_description .cms_div #ul_num li#numarea input.input_num {
    width: 95%;
    border: none;
    background: none;
    text-align: center;
    color: #000
}

#pro_se_area .pro_details_description .cms_div #ul_num li#numminus {
    width: 25px;
    border-left: none;
    color: #000;
    cursor: pointer;
    ;
}


/*购买数量*/


/*购物车数量修改*/

#pro_se_area .div_edit_num #ul_num {
    width: 200px;
    margin: 5px 0 0 0;
}

#pro_se_area .div_edit_num #ul_num li {
    float: left;
    height: 25px;
    text-align: center;
    border: 1px solid #e8effc;
    background: #e8effc;
    line-height: 25px;
}

#pro_se_area .div_edit_num #ul_num li#numplus {
    width: 25px;
    border-right: none;
    color: #1ad37a;
    cursor: pointer;
    ;
}

#pro_se_area .div_edit_num #ul_num li#numarea {
    width: 45px;
    background: none;
}

#pro_se_area .div_edit_num #ul_num li#numarea input.input_num {
    width: 95%;
    border: none;
    background: none;
    text-align: center;
    color: #000
}

#pro_se_area .div_edit_num #ul_num li#numminus {
    width: 25px;
    border-left: none;
    color: #000;
    cursor: pointer;
    ;
}

#pro_se_area .div_edit_num .p_proname {
    min-height: 40px;
    line-height: 25px;
    padding-right: 5px;
    font-size: 16px
}

#pro_se_area .div_edit_num .div_save_num {
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #444;
    color: #fff;
    clear: both;
    margin: 30px auto;
    width: 99%
}


/*购物车数量修改*/


/*商品详情*/


/*购物车*/

#wrap #content table.tb_cartinfo {
    width: 98%;
    padding: 1%;
    line-height: 40px;
    color: #000;
}

#wrap #content table.tb_cartinfo tr.tr_cartbox {
    background: #faf7f7;
}

#wrap #content table.tb_cartinfo tr.tr_cartbox td .cart_item_details {
    clear: both;
    margin-top: 10px;
}

#wrap #content table.tb_cartinfo tr.tr_cartbox td {
    height: 120px;
    padding: 5px;
    border-bottom: 10px solid #fff;
}

div.btn {
    cursor: pointer;
    float: right;
    width: 60px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #ff2e2e;
    margin: 15px 10px;
    color: #fff;
}

div.showbox {
    float: right;
    width: auto;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: none;
    margin: 15px 10px;
    color: #444;
}

div.showbox i {
    color: #444;
    font-weight: bolder
}


/*购物车*/


/*订单确认*/

#wrap #content .order_addressinfo {
    height: 60px;
    line-height: 30px;
    padding: 5px 0;
}


/*订单确认*/


/*物流选择*/

#wrap #content .se_shippingmethod {
    min-height: 30px;
    padding-bottom: 2px
}

#wrap #content .se_shippingmethod div {
    padding-left: 2px;
    border-bottom: 1px solid silver;
    line-height: 40px;
    height: 40px
}

#wrap #content .se_shippingmethod div i {
    padding-left: 10px;
    color: #ff2e2e
}

#wrap #content .se_shippingmethod .shipping_option {
    display: none;
}

#wrap #content .livemessage {
    padding-bottom: 30px
}

#wrap #content .livemessage input {
    border: none;
    border-bottom: 1px solid silver;
    height: 40px;
    line-height: 40px;
    width: 99%;
    margin-top: 5px;
    padding-left: 1%
}


/*物流选择*/


/*领取数量*/

#ul_freecollar_num {
    width: 100%;
    margin: 5px 0 0 0;
    height: 33px;
    line-height: 33px;
}

#ul_freecollar_num li {
    float: left;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #e8effc;
    background: #e8effc;
    font-size: 15px;
}

#ul_freecollar_num li#numplus {
    width: 25px;
    border-right: none;
    color: #1ad37a;
    cursor: pointer;
    ;
}

#ul_freecollar_num li#numarea {
    width: 45px;
    background: none;
}

#ul_freecollar_num li#numarea input.input_num {
    width: 95%;
    border: none;
    background: none;
    text-align: center;
    color: #000
}

#ul_freecollar_num li#numminus {
    width: 25px;
    border-left: none;
    color: #000;
    cursor: pointer;
    ;
}


/*领取数量*/

#wrap #content #income_show {
    margin-top: 0px;
}

#wrap #content #income_show ul li {
    background: #fff;
    width: 99%;
    padding-left: 0px;
    min-height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #f1f1f1;
    font-size: 15px;
}

#wrap #content #income_show ul li .span_show {
    min-width: 100px;
    margin: 0 0 0 10px;
    text-align: left;
    display: inline-block;
    line-height: 22px;
    float: left
}

#wrap #content #income_show ul li .span_show_money {
    height: 45px;
    line-height: 45px;
    display: inline-block;
    float: right;
    margin-right: 20px;
    font-size: 16px;
    color: #ff2e2e;
}

#wrap #content #income_show ul li .span_mark {
    float: right;
    padding-right: 2px
}

.loadmore {
    color: #000;
    text-align: center;
    margin: 20px 0
}

.nodata {
    color: #000;
    text-align: center;
    margin: 20px 0
}


/*订单列表查询条件*/

.span_order_filter {
    width: 25%;
    float: left;
    text-align: center;
    display: inline-block;
}


/*订单列表查询条件*/

.h_title {
    height: 30px;
    line-height: 30px;
}

.ul_card li {
    float: left;
    width: 50%;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px dashed silver;
    color: #ff2e2e;
}

.ul_card li .span_title {
    display: inline-block;
    width: 65px;
    text-align: right;
    margin-right: 15px;
    color: #444;
}


/*内页*/


/*内页*/


/*银行账号*/

#card_show {
    line-height: 25px;
}

#card_show div.item_box {
    display: inline-block;
    width: 95%;
    background: url(/Public/images/timelistmarkgray.png) no-repeat left center;
    padding: 2%;
    margin-left: 1%
}

#card_show div.item {
    display: inline-block;
    width: 85%;
    border-radius: 10px;
    box-shadow: 0 0 2px #999999;
    padding: 2%;
    margin-left: 6%
}

#card_show div.item span.span_show {
    display: inline-block;
    width: 100%;
}

#card_showorange {
    line-height: 25px;
}

#card_showorange div.item_box {
    display: inline-block;
    width: 95%;
    background: url(/Public/images/timelistmarkgray.png?s=1) no-repeat left center;
    padding: 2%;
    margin-left: 1%
}

#card_showorange div.item {
    display: inline-block;
    width: 85%;
    border-radius: 10px;
    box-shadow: 0 0 2px #999999;
    padding: 2%;
    margin-left: 6%
}

#card_showorange div.item span.span_show {
    display: inline-block;
    width: 100%;
}

#card_showgreen {
    line-height: 25px;
}

#card_showgreen div.item_box {
    display: inline-block;
    width: 95%;
    background: url(/Public/images/timelistmarkgray.png?s=1) no-repeat left center;
    padding: 2%;
    margin-left: 1%
}

#card_showgreen div.item {
    display: inline-block;
    width: 85%;
    border-radius: 10px;
    box-shadow: 0 0 2px #999999;
    padding: 2%;
    margin-left: 6%
}

#card_showgreen div.item span.span_show {
    display: inline-block;
    width: 100%;
}


/*银行账号*/

.div_itembox {
    width: 100%;
    padding: 0;
    background: #f1f1f1
}

.div_itembox ul.ul_box li {
    width: 33%;
    float: left;
    height: 110px;
    background: #fff;
    margin: 0 0 0.5% 0;
    text-align: center;
}

.div_itembox ul.ul_box li.center {
    margin: 0 0.5% 0 0.5%;
}

.div_itembox ul.ul_box li img.mark {
    height: 55px;
    margin-top: 12px
}

.div_itembox ul.ul_box li p {
    height: 25px;
    line-height: 25px
}


/*收入详情*/

#wrap #content #income_list {
    padding: 1px 0px 0 0
}

#wrap #content #income_list .income_title {
    height: 40px;
    line-height: 40px;
    background: #fff;
    border-bottom: 1px dashed silver;
    text-align: left;
}

#wrap #content #income_list .income_item {
    min-height: 60px;
    padding: 5px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid silver;
    background: #fff
}

#wrap #content #income_list .income_item .income_intro {
    min-height: 20px;
    line-height: 20px;
    margin-top: 5px;
    padding: 0 5px 0 5px;
    text-align: right;
    font-size: 12px
}


/*收入详情*/


/*展示页面*/

.h_title {
    padding: 2px;
}

.tb_list {
    width: 99%;
    border: 1px solid silver;
    margin: auto
}

.tb_list td {
    border: 1px solid silver;
    padding: 2px;
    font-size: 15px
}

.tb_list td.td_title {
    width: 50px;
    text-align: right;
    background: #e1e2e6;
    font-weight: bolder
}


/*无数据*/

.div_no_data {
    line-height: 100px;
    text-align: center
}

#category {
    width: 96%;
    margin: 10px 2% 0 2%;
    background: transparent;
    border-radius: 5px;
}

#category ul {
    width: 100%;
}

#category ul li {
    float: left;
    width: 20%;
    text-align: center;
    margin: 10px 0 10px 0;
    color: #fff;
}

#category ul li img {
    height: 40px;
    width: 40px;
}

#advt_grid {
    width: 90%;
    padding: 5%;
    background: #f5f5f5
}

#advt_grid img {
    border-radius: 5px;
    max-width: 29%;
    box-shadow: 0 0 5px #000;
    margin: 2%
}

#advt_grid td {
    height: 200px;
}

#advt_grid td.td_left {
    width: 40%;
}

#advt_grid td div.div_up {
    height: 96px;
    padding: 2px;
    text-align: center;
}

#advt_grid td div.div_down {
    height: 96px;
    padding: 2px;
}

#content .div_plantbox {
    height: 70px;
    width: 50px;
    position: relative;
    display: inline-block;
}

#content .div_plantbox img.imgtree {
    max-height: 60px;
    position: absolute;
    ;
    z-index: 100
}

#content .div_plantbox img.imgearth {
    max-height: 30px;
    position: absolute;
    bottom: 0
}

@keyframes fade {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fade {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}

.jump {
    animation: fade 1000ms infinite;
    -webkit-animation: fade 1000ms infinite;
}

#content .div_plantboxbig {
    height: 120px;
    width: 90px;
    position: relative;
    display: inline-block;
}

#content .div_plantboxbig img.imgtree {
    max-height: 100px;
    position: absolute;
    ;
    z-index: 100
}

#content .div_plantboxbig img.imgearth {
    max-height: 50px;
    position: absolute;
    bottom: 0
}

img.imginfo {
    max-height: 20px;
    position: absolute;
    bottom: 0;
    z-index: 101
}

.spanscore {
    border-radius: 50%;
    box-shadow: 0 0 5px #fff;
    background: #1ad37a;
    display: inline-block;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    z-index: 300;
    color: #fff;
    font-size: 8px;
    right: 0px;
    top: -25px;
    padding: 0 1px 0 1px;
}

.vitality {
    display: inline-block;
    min-width: 30px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    position: absolute;
    z-index: 300;
    color: #b8f9ef;
    font-size: 8px
}

.leftmenu {
    width: 60px;
    height: 160px;
    position: fixed;
    top: 200px;
    z-index: 9999999
}

.leftmenu img {
    display: block;
    margin-top: 5px;
    margin-left: 5px;
    max-height: 40px;
    border-radius: 50%;
    padding: 2px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 5px #1ad37a
}

.tabcategory {
    border-bottom: 3px solid #ffffff;
}

.tabcategory2 {
    border-bottom: 3px solid #ff2e2e;
}

.tabactive {
    font-weight: bolder;
    border-bottom: 3px solid #ffffff;
}

.tabactive2 {
    font-weight: bolder;
    border-bottom: 3px solid #ff2e2e;
}