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

 红
#C60A1E
*/
body {
    background-color: #fafafa;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    line-height: 20px;
    margin: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
}

html {
    font-family: sans-serif;
    font-size: 100%;
    height: 100%;
    width: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

*, :after, :before {
    box-sizing: border-box
}

address, body {
    font-size: 14px;
    font-weight: 400;
}

body, fieldset, legend, td, th {
    padding: 0
}

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

ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

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

a:focus, a:hover {
    color: #000;
    outline: 0;
    text-decoration: none;
}

.font2em {
    font-size: 2em;
    line-height: 1.3;
}

.font15em {
    font-size: 1.5em;
    line-height: 1.3;
}

.clear {
    clear: both;
}

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

.margin_top_no {
    margin-top: 0 !important;
}
.border_0 {
    border-width: 0!important;}
a.btn_full {
    display: block;
    margin: 2px auto;
    width: 96%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    padding: 0;
    border-radius: 5px;
    background-color: #ff6600;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
}
a.btn_full:hover { background-color:#C60A1E; }
/* */
.loading { margin:0 auto; width:100%; max-width:640px; padding:50px 0; text-align:center; }
.loading img { display:block; margin:0px auto; width:30%; }
.loading span { display:block; margin:20px auto; width:100%; text-align:center; color:#777; font-size:16px; font-weight:100; }
body {
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
}

.top {
    margin: 0 auto;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    background-color: #C60A1E;
    text-align: center;
}

.top a.btn_back {
    display: inline-block;
    float: left;
    padding: 0;
    margin: 8px auto auto 8px;
    cursor: pointer;
    width: 1.2em;
    height: 1.2em;
    background: url(../images/arrow_back.png) no-repeat center center;
    background-size: 100%;
}

.footer {
    margin: 5px auto 0 auto;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    border-top: 1px solid #ddd;
    color: #888;
}

/*footer */
.banner_body { display:block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 640px;
    background-color: #fff;
}

.banner_body img {
    width: 100%; display:block; margin:0; padding:0;
}

/* app_nav */
.app_nav {
    position: relative;
    margin: 0 auto;
    padding: 0;
    border-top: 8px solid #f5f5f5;
    border-bottom: 1px solid #ddd;
    width: 100%;
    max-width: 640px;
    background-color: #fff;
    font-size: 12px;
    color: #999;
}

.app_nav a.menu {
    display: block;
    float: left;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 25%;
    text-align: center;
}
.app_nav a.menu img {
    display: block;
    width: 40px;
    height: 40px;
    margin: 3px auto;
}

.app_nav a.menu span {
    color: #444;
}

.app_nav a.current {
    background-color: #f8f8f8;
}

.nav_lists {
    position: absolute;
    z-index: 20;
    left: 3px;
    top: 78px;
    width: 26%;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .5);
}

.nav_lists a.list {
    display: block;
    cursor: pointer;
    width: 100%;
    background-color: #fff;
}

.nav_lists a.list span {
    display: block;
    margin: 0;
    width: 100%;
    text-align: center;
    line-height: 39px;
    border-bottom: 1px solid #ddd;
}
.nav_lists a.list:hover span { color:red; }

.nav_lists a.current span {
    color: red;
}

.for_top_nav {
    border-top-width: 0;
}

/*top_menu*/
.top_menu {
    margin: 0 auto;
    width: 100%;
    max-width: 640px;
    text-align: center;
    background-color: #fff;
    border-top: 8px solid #f5f5f5;
}

.top_menu a.menu {
    float: left;
    position: relative;
    width: 25%;
    height: 44px; line-height:44px;
    cursor: pointer;
    border-bottom: 2px solid #ccc;
    color: #444;
    font-size: 13px;
    text-align: center;
}

.top_menu a.current {
    background-color: #FFFFFF;
    border-color: #C92C19;
    border-width: 3px;
    color: #C92C19;
}

.top_menu a.menu span {
    display: inline-block;
    width: auto;
    padding-top: 0px;
}

.top_menu a.menu span.dot_up {
    margin-left: 2px;
    width: 14px;
    height: 14px;
    background: url("../images/arr_up.png") no-repeat center bottom;
    background-size: 12px;
}
.top_menu a.menu span.dot_down {
    margin-left: 2px;
    width: 14px;
    height: 14px;
    background: url("../images/arr_down.png") no-repeat center bottom;
    background-size: 12px;
}

.top_menu a.menu::after {
    content: "";
    display: block;
    width: 1px;
    height: 24px;
    background: #f6f6f6;
    position: absolute;
    right: -1px;
    top: 9px;
}

.top_menu_3n {
    border-top-width: 1px;
}

.top_menu_3n a.menu {
    width: 33.3%;
}

/* 内容列表 */
.gifts_body {
    margin: 0 auto;
    width: 100%;
    max-width: 640px;
    background-color: transparent;
}

.gifts_body .item {
    position: relative;
    margin: 8px auto;
    padding: 4px 0;
    width: 100%;
    background-color: #fff;
}

.gifts_body .item .pic {
    float: left;
    margin: 0px;
    padding: 8px;
    width: 90px;
    height: 90px;
}

.gifts_body .item .pic img {
    width: 100%;
}

.gifts_body .item .tit {
    margin: 8px 0 8px 90px;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}

.gifts_body .item .txt {
    margin: 4px 0 4px 90px;
    font-size: 13px;
    color: #999;
}

.gifts_body .item .txt span {
    color: #333;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
}

.gifts_body .item .txt .orange {
    color: #F60;
    font-weight: bold;
}

.gifts_body .item .line_del {
    text-decoration: line-through;
}

.gifts_body .item .line_del .orange {
    text-decoration: line-through;
}

.gifts_body .item .txt .red {
    color: red;
    font-weight: bold;
}

.gifts_body .item .bt_body {
    position: absolute;
    bottom: 20px;
    right: 10px;
    z-index: 10px;
}

.gifts_body .item .btn_go {
    display: block;
    width: 80px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background-color: #F60;
    border-radius: 5px;
    cursor: pointer;
}
.gifts_body .item .btn_go:hover,.gifts_body .item .btn_go:focus { background-color:#C60A1E; }
.click_loading { width:100%; margin:8px auto; height:40px; background-color:#f9f9f9; border-top:1px solid #dedede; border-bottom:1px solid #ddd; vertical-align:top; }
.click_loading a { display:inline-block; width:100%; height:40px; line-height:40px; text-align:center; color:#444; font-size:15px; cursor:pointer; }
.myform_body {
    margin: 0 auto;
    width: 100%;
    max-width: 640px;
}
.myform_body .item {
    position: relative;
    margin: 14px auto;
    padding: 0;
    background-color: #fff;
    border-top: 1px solid #dddddd;
    border-bottom: 2px solid #cccccc;

}

.myform_body .mt {
    margin: 0 auto;
    padding: 14px 10px;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.myform_body .mt span {
    display: inline-block;
    padding-right: 5px;
    color: #999;
    font-size: 12px;
}

.myform_body .mt .txt_right {
    float: right;
    color: red;
}

.myform_body .mt .black {
    color: #333;
}

.myform_body .mc {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

.myform_body .mc span {
    display: inline-block;
    margin: 10px 10px 0 10px;
}

.myform_body .mc .pic {
    float: left;
    margin: 10px 0 10px 10px;
    width: 50px;
    height: 50px;
    border: 0px solid #ddd;
}

.myform_body .mc .pic img {
    width: 100%;
}

.myform_body .mc .tit {
    float: left;
    width: 10em;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.myform_body .mc .fen {
    float: right;
    color: #f60;
}

.myform_body .mc .sort {
    float: left;
    color: #999;
    font-size: 12px;
    width: 10em;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.myform_body .mc .numb {
    float: right;
}

.myform_body .mb {
    margin: 0 auto;
    border-top: 1px dashed #ddd;
    text-align: right; overflow:hidden;
}

.myform_body .mb .txt {
    display: inline-block; float:right;
    line-height: 20px;
    padding: 10px;
    font-size: 12px;
    color: #999;
}

.myform_body .mb .txt span {
    display: inline-block;
    color: #f60;
    font-size: 14px;
    padding: 0 6px 0 2px;
}

.myform_body .mb a.btn {
    display: inline-block; float:right;
    line-height: 20px;
    padding: 10px;
    cursor: pointer;
    color: #339;
}
.myform_body .mb a.btn:hover { background-color:#f5f5f5; }

.myform_body .mb .tel { display:inline-block; float:left; line-height:20px; padding:10px; color:#999; }
.cart_body {
    margin: 0 auto;
    width: 100%;
    max-width: 640px;
}

.cart_body .item {
    position: relative;
    margin: 14px auto;
    padding: 0;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.cart_body .mc {
    position: relative;
    margin: 0;
    margin-left: 40px;
    padding: 0;
    min-height: 70px;
}

.cart_body .mc span {
    display: inline-block;
    margin: 3px 10px
}

.cart_body .mc .pic {
    float: left;
    margin: 0;
    margin: 12px 0;
    width: 80px;
    height: 80px;
    border: 0px solid #ddd;
}

.cart_body .mc .pic img {
    width: 100%;
}

.cart_body .mc .tit {
    float: left;
    margin-top: 12px;
    width: 10em;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cart_body .mc .fen {
    float: left;
    color: #f60;
    width: 10em;
}

.cart_body .mc .sort {
    float: left;
    color: #999;
    font-size: 12px;
    max-width: 10em;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cart_body .mc .numb {
    float: right;
}

.cart_body .mc .check_body {
    position: absolute;
    display: block;
    margin-left: -29px;
    margin-top: 39px;
    width: 20px;
    height: 20px;
}

.cart_body .mc .check_body .check {
    display: block;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(../images/cart.png) no-repeat -25px top;
    background-size: 50px 100px;
}

.cart_body .mc .check_body .check_no {
    background-position: 0 0;
}

.cart_body .mc_top {
    margin: 0 auto;
    padding: 8px 10px 4px 10px;
    width: 100%;
    text-align: right;
    border-bottom: 1px dashed #ddd;
}

.cart_body .mc_top a.btn {
    display: inline-block;
    cursor: pointer;
    padding: 0 14px;
    line-height: 23px;
    border: 1px solid #ccc;
    color: #333;
    font-size: 13px;
    border-radius: 5px;
}

.cart_body .mc .act_body {
    display: inline-block;
}

.cart_body .mc .act_body .num_act {
    margin: 18px 0 0 10px;
    overflow: hidden;
}

.cart_body .mc .act_body .sorts_input_act {
    margin: 18px 0 0 10px;
    overflow: hidden;
}

.cart_body .mc .act_body .sorts_input_act select {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 12px;
}

.cart_body .mc .del_body {
    position: absolute;
    right: 10px;
    bottom: 15px;
    z-index: 10;
}

.cart_body .mc .del_body a.btn {
    display: block;
    line-height: 32px;
    padding: 0 14px;
    background-color: #f60;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
}
.cart_body .mc .del_body a.btn:hover { background-color:#C60A1E; }
.quantity-decrease, .quantity-increase {
    line-height: 22px;
    height: 22px;
    width: 30px;
}

.quantity-decrease, .quantity-increase {
    float: left;
    font-size: 14px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    color: #666;
    display: block;
    line-height: 24px;
    width: 32px;
    height: 24px;
    overflow: hidden;
    text-indent: -200px;
    background: url(../images/cart.png) no-repeat -15px -20px;
    background-size: 50px 100px;
}

.quantity-decrease {
    border-radius: 3px 0 0 3px;
    background-position: 10px -20px;
}

.quantity-increase {
    border-radius: 0 3px 3px 0;
}

.quantity-decrease.disabled, .quantity-increase.disabled {
    background-color: #e8e8e8;
    color: #999;
    background-position: 10px -45px;
}

.quantity {
    color: #333;
    display: block;
    float: left;
    padding: 0;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0 1px 0;
    height: 24px;
    line-height: 22px;
    width: 32px;
    border-radius: 0;
    text-align: center;
}
.cart_all { margin:14px auto 0 auto; border-top:4px solid #C60A1E;
    border-bottom: 0px solid #C60A1E;
    width: 100%;
    max-width: 640px;
    padding:0 10px; background-color: #fff; }
.cart_all .oneline {
    margin: 0 0 0 30px;
    padding: 10px 0;
    width: 100%  ;
    border-bottom: 1px solid #dddddd;}
.cart_all .check { display:block;
    position: absolute;
    margin-top:2px; margin-left: -29px;
    padding: 0;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background: url(../images/cart.png) no-repeat -25px top;
    background-size:50px 100px; }
.cart_all .check_no {
    background-position: 0 0;
}
.cart_all .twoline {
    margin:0 0  0 30px;
    padding:10px 0;
    text-align: left; font-size:13px; color:#999;
    overflow: hidden;
    border-bottom: 1px solid #ddd; }
.cart_all .twoline .txt { float:right; display: inline-block;
    color: #333; margin-left: 10px;}
.cart_all .twoline .txt select {
    display: inline-block; margin-left: 5px;
    padding: 0 5px; line-height: 30px; height: 30px;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.cart_all .twoline .all { color:#f60;
    font-size: 16px;
    font-weight: bold;}
.bt_cart_body { margin: 0 auto;
    width: 100%; max-width: 640px;
    padding: 12px 10px; background-color: #222222; }
.bt_cart_body a.btn { display: inline-block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    color: #FFFFFF; background-color:red; border-radius: 8px;
    cursor: pointer;text-align: center; }
.bt_cart_body a.btn:hover { background-color:#C60A1E; }	
/* */
.happy {
    margin: 10px auto;
    padding: 10px 0; text-align: center; font-size: 24px; color:#eb4f38; }

.readme {
    margin: 10px auto;
    width: 100%;
    max-width: 640px;
    padding:0 10px; text-align: left; font-size: 12px;
    color: #333; text-align:left;}
.readme p {
    margin: 5px auto;}
.readme p.tit {
    font-weight: bold; text-align: center;}
.readme p .numb { color:red; font-size: 16px; display: inline-block;
    margin-left: 4px;
    margin-right: 4px;}
.readme p a.btn { display: inline-block;
    border: 1px solid #f60;
    color: #f60;
    padding: 0px 10px; line-height: 28px;
    height: 30px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.readme ul li {
    display: block; padding-left: 10px;  }
.form_lists {
    margin: 5px auto;
    width: 100%;
    max-width:640px; background-color: #fff;
    border-top: 1px solid #ddd;}
.form_lists .item {margin: 0 auto;
    width: 100%;
    text-align: left;
    padding: 6px 0 6px 10px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;}
.form_lists .item .txt {
    display: inline-block;
    padding: 6px 0;
    color: #888;
    width: 4em;
    text-align: right; }
.form_lists .item .txt2 {
    display: inline-block;
    padding: 2px 0;
    color: #333;
    margin-left: 15px;
    line-height: 28px;
}
.form_lists .item .input_edit {
    display: inline-block;
    padding: 0px 4px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #222;
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 100%;
    max-width: 14em;
}
.form_lists .item .select {
    display: inline-block;
    margin-right: 4px;
    padding-left: 10px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.form_lists .item .form {
    display: inline-block;
    padding: 2px 0;
    color: #333;
    margin-left: 15px;
    line-height: 28px;
}
.form_lists .bt_body, .form_lists_b .bt_body {
    width: 100%;
    padding: 10px;
}
.form_lists_b { margin: 5px auto;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #dddddd;;
    width: 100%;
    max-width: 640px;
    padding: 5px 0; background-color: #fff;}
.form_lists_b .form {
    margin: 5px 0;
    width: 100%; text-align: center; }
.form_lists_b .select {
    display: inline-block;
    width: 30%;
    margin-right: 4px;
    padding-left: 10px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
/*pop*/
.mask {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    position: fixed;
    z-index: 10;
}

.rel {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-width: 640px;
    position: relative;
}

.pop {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -150px auto auto -40%;
    width: 80%;
    height: 200px;
    background-color: transparent;
    border-radius: 5px;
}

.pop a.btn_close {
    position: absolute;
    display: block;
    top: -10px;
    right: -10px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 15px;
    background-color: rgba(255, 0, 0, .8);
    text-align: center;
}

.pop a.btn_close img {
    width: 12px;
}


.pop_body2 {
    margin: -100px auto auto -140px;
    width: 280px;
    height: 210px;
    background-color: #CC2012;
    color: #fff;
    overflow: visible;
}

.pop_body2 .text {
    margin: 30px 20px;
    text-align: left;
    line-height: 24px;
    font-size: 16px;
}

.pop_body2 .btn_body {
    margin: 0px 20px;
    margin-top: -12px;
    height: 80px;
}

.pop_body2 .btn_body a,
.pop_sorry .btn_body a {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 16px;
    border: 1px solid #fff;
    border-radius: 5px;
    text-align: center;
}
.pop_near {
    position: fixed;
    left: 50%;
    top: 60px;
    width: 90%;
    min-height: 130px; max-width: 360px;
    margin-left: -45%;
    margin-top: 0;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    border-radius: 5px;
    z-index: 20;

}
.scroll_y { width:100%; overflow-y: scroll; max-height: 360px; margin:0 auto; padding:10px 0; background-color: #fff; border-radius: 5px; }
.pop_near .top_tit {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    height: 48px;
    line-height: 48px;
    color: #444;
    background-color: #eee;
    border-radius: 5px 5px 0 0;
}
.pop_near .form_lists_b { border-width:0; border-radius:0 0 5px 5px; padding-bottom:15px; padding-left:5px; padding-right:5px;}
.pop_near .cont_body { margin:10px auto;
    padding: 10px;
    border-bottom: 1px solid #dddddd; font-size:13px; color:#888; line-height: 22px;}
.pop_near .cont_body .title {
    display: block; font-size:14px;
    font-weight: bold; color:#333;}
.pop_near .way {
    display: block;
    margin: 10px auto;
    background-color: #fff;
    padding: 10px;
    font-size: 14px;
    color: #444;
}

.pop_near .way .title {
    border: 1px solid #dddddd;
    padding: 10px;
    font-weight: normal;
}

.pop_near .way .order {
    margin-top: 20px;
    padding: 5px 10px 30px;
    border-left: 1px solid #ccc;
}
.pop_near .way .title { display: block;
    border: 1px solid #dddddd;
    padding: 10px;
    font-weight: normal;
}
.pop_near .form_lists .item { border-width:0; }
.pop_near .form_lists { border-width:0; padding-bottom:15px; border-radius:0 0 5px 5px; }
.new-of-storey li {
    margin: 0;
    position: relative;
    padding: 15px 10px;
    border-bottom: 1px dotted #e8e5e5;
}

.new-of-storey li .icon {
    position: absolute;
    top: 42%;
    left: -15px;
    width: 9px;
    height: 9px;
    border-radius: 5px;
    background-color: #ccc;
}

.new-of-storey li .icon.on {
    background-color: #e4393c;
}

.new-of-storey li span {
    display: block;
    font-size: 14px;
    color: #6e6e6e;
}

/* 某商品*/
.one_gift { margin: 0 auto;
    width: 100%;
    max-width: 640px; }
.one_gift .gift_pic { margin: 5px auto;
    padding: 14px 10px;
    width: 100%; background-color: #fff; text-align: center; }
.one_gift .gift_pic img { max-width: 100%; max-height: 300px; }
.one_gift .cont_body {
    margin: 10px auto;
    padding: 5px 0;
    width: 100%; background-color: #fff; }
.one_gift .tit {
    font-size: 15px; color:#000;
    font-weight: bold; padding: 5px 10px; }
.one_gift .txt { padding:05px 10px;
    font-size: 13px;
    color: #999; line-height: 22px; }
.one_gift .txt span { color:#333; padding-left:5px; }
.one_gift .txt .orange { color:#f60; font-size:15px;
    font-weight: bold;}
.one_gift .txt .red { color:#f00; font-size:15px;
                           font-weight: bold;}
.one_gift .have { color:#f00; }
.one_gift .del { text-decoration: line-through;}
.one_gift .row { display: block;
    width: 100%; margin: 5px 10px;
    padding: 5px 0; }
.one_gift .cont_body .title {
    font-size: 15px;
    font-weight: bold; color:#333; }
.one_gift .cont_body .txt_label {
    display: inline-block;
    font-size: 13px;
    color: #888; }
.one_gift .cont_body .input_act { display: inline-block; padding-left: 5px; }
.one_gift .cont_body .input_act select {
    display: inline-block;
    margin-right: 5px;
    line-height: 30px;
    height: 30px;
    padding: 0 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 12px;
}
.one_gift .cont_body .num_act { display: inline-block; padding-left: 5px; }
.one_gift .cont_body .pictures { display: inline-block; margin: 10px auto; width: 100%; text-align: center;}
.one_gift .cont_body .pictures img { max-width: 100%; }
.cart_fix {
    position: fixed; left:0;
    bottom: 0;
    width: 100%; background-color: rgba(0,0,0,.8); color:#fff;
    display: table; text-align: center; }
.cart_fix .btn { display: table-cell;
    height: 50px;
    line-height: 50px; color:#fff; cursor:pointer; }
.cart_fix .btn_red { background-color: #f15353; }
.cart_fix .btn_red:hover { background-color:red; }
.cart_fix .btn_yellow { background-color: #ffb03f;}
.cart_fix .btn_yellow:hover { background-color: #F79240; }
.sort_list { margin:0 auto;
    min-height: 100%; background-color: #fff;}
.sort_list .sort_left { float:left; width:90px; min-height: 100%; overflow-y: auto; }
.sort_list .sort_left ul { width:100%; margin:0;
    padding: 0;
    height: 100%;}
.sort_list .sort_left li {
    height: 50px;
    line-height: 49px;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    background: #f3f4f6;
    text-align: center;
}
.sort_list .sort_left li a {
                                display: block;
                                width: 100%;
                                height: 49px;
                                line-height: 49px;
                                text-decoration: none;
                                font-size: 13px;
                                color: #252525;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }
.sort_list .sort_left .on { background-color: #fff; border-right-color:#fff;
    }
.sort_list .sort_left .on a { color: #C60A1E; }
.sort_list .main {  margin-left:90px;
    min-height: 100%;
    font-size: 12px;
    color: #252525;
}
.sort_list .main .content { background-color: #fff;
    width: 100%; min-height: 100%;
    height: 100%;}
.sort_list .main .content ul {
    margin: 0;
    padding: 0;
}
.sort_list .main .content li { float: left;
    width: 33.33%; text-align: center; }
.sort_list .main .content a {
    width: 100%;}
.sort_list .main .content img { width:62px;
    height: 62px;}
.sort_list .main .content span {
    font-size: 12px;
    display: block;
    margin: 5px 0 9px;
    line-height: 1.1em;
    height: 1.1em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.app_nav a.menu { width:20%; }
.add_body { margin:20px auto; width:90%; max-width:600px; border-radius:3px; padding:10px 0; background-color:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.08); }
.add_body .row { margin:30px 0; overflow:hidden; position:relative; }
.add_body .row .label { float:left; font-size:14px; line-height:40px; color:#666; width:24%; text-align:right; }
.add_body .input_box { margin-left:28%; position:relative; }
.add_body .input { display:inline-block; width:93%; height:40px; font-size:16px; line-height:40px; padding:0 12px; border-radius:5px; border:1px solid #ddd; }
.add_body .select { display:inline-block; width:50%; height:40px; font-size:16px; line-height:40px; padding:0 12px; border-radius:5px; border:1px solid #ddd; position:relative; }
.add_body .select:after { position:absolute; content:''; display:block; right:0; top:0; width:36px; height:38px; border-radius:0 5px 5px 0; background:url(../images/arrow_d.png) no-repeat center center #f6f6f6; background-size:auto 100%; z-index:10; border-left:1px solid #ddd; }
.add_body .value { display:inline-block; width:40%; padding-left:5px; line-height:40px; font-size:16px; color:#C60A1E; font-weight:bold; }
.add_body .btn_box { margin:20px auto 40px; width:90%; border-top:1px dashed #ddd; }
.add_body .btn_box .btn { display:block; width:100%; margin-top:30px; border:0; height:44px; line-height:43px; font-size:16px; text-align:center; color:#fff; background-color:#f60; border-radius:5px; }