/*
*  Creat at 2018.9.5
*  fuyi
*/
/**** global ****/
*{
    font-family: "Open Sans", "Helvetica Neue", "Arial", sans-serif;
    color: #606266;
    font-size: 13px;
    margin: 0;
    padding: 0;
    word-break: break-all;
    word-break: break-word;
}

*:focus {
    outline: none !important;
}

html, body {
    height: 100%;
}

body {
    min-width: 1250px !important;
    background-color: rgba(242, 242, 242, 1);
}

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

b, strong, th, dt {
    font-weight: 600;
}

label {
    font-weight: 400;
}

input:disabled {
    cursor: no-drop !important;
}

input.dateIpt {
    width: 140px;
    padding-right: 30px;
}

input.dateIpt.Wdate {
    background: #fff url(../../js/plugin/My97DatePicker/skin/datePicker.gif) no-repeat 117px;
}

textarea {
    border-radius: 2px;
    padding: 10px;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #606266;
}

select {
    border-radius: 2px;
    border: 1px solid #ddd;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    color: #606266;
}

select[disabled] {
    background-color: #EBEBE4;
    cursor: no-drop;
}

textarea:focus,
select:focus {
    border-color: #bcbcbc;
}

.box-shadow {
    box-shadow: 2px 2px 1px #ddd;
}

/*是输入框提示文字色重置*/
::-moz-placeholder {
    color: #bcbcbc;
}

::-webkit-input-placeholder {
    color: #bcbcbc;
}

:-ms-input-placeholder {
    color: #bcbcbc;
}

/*是输入框提示文字色重置 END*/
/** 文本双击时不被选中 **/
.unselected {
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}


/**** font ****/
.f_0 {
    font-size: 0;
}
.f_12{
    font-size: 12px;
}
.f_13 {
    font-size: 13px;
}
.f_14 {
    font-size: 14px;
}
.f_15 {
    font-size: 15px;
}
.f_16 {
    font-size: 16px;
}
.f_18 {
    font-size: 18px;
}
.f_20 {
    font-size: 20px;
}
.f_22 {
    font-size: 22px;
}
.fw_400 {
    font-weight: 400;
}
.fw_600 {
    font-weight: 600;
}
.f_green{
    color: #00a870;
}
.f_gray {
    color: #909399;
}
.f_light_gray {
    color: #eee;
}
.f_red {
    color: #FF4a4a;
}
.f_white {
    color: #fff;
}
.f_orange {
    color: #ff9c12;
}
/**** align ****/
.t_l {
    text-align: left !important;
}
.t_c {
    text-align: center !important;
}
.t_r {
    text-align: right !important;
}
.vta_t {
    vertical-align: top !important;
}
.vta_m {
    vertical-align: middle !important;
}
.vta_b {
    vertical-align: bottom !important;
}
/**** box ****/
.d_i {
    display: inline;
}
.d_b {
    display: block;
}
.d_ib {
    display: inline-block;
}
.d_n {
    display: none;
}
.m_0 {
    margin: 0;
}
.ml_5 {
    margin-left: 5px;
}
.ml_10 {
    margin-left: 10px;
}
.ml_20 {
    margin-left: 20px;
}
.ml_30 {
    margin-left: 30px;
}
.mr_5 {
    margin-right: 5px;
}
.mr_10 {
    margin-right: 10px;
}
.mr_20 {
    margin-right: 20px;
}
.mr_30 {
    margin-right: 30px;
}
.mt_5 {
    margin-top: 5px;
}
.mt_10 {
    margin-top: 10px;
}
.mt_20 {
    margin-top: 20px;
}
.mt_30 {
    margin-top: 30px;
}
.mb_5 {
    margin-bottom: 5px;
}
.mb_10 {
    margin-bottom: 10px;
}
.mb_20 {
    margin-bottom: 20px;
}
.mb_30 {
    margin-bottom: 30px;
}
.mb_40 {
    margin-bottom: 40px;
}
.p_0 {
    padding: 0;
}
.pl_5 {
    padding-left: 5px;
}
.pl_10 {
    padding-left: 10px;
}
.pl_20 {
    padding-left: 20px;
}
.pl_30 {
    padding-left: 30px;
}
.pr_5 {
    padding-right: 5px;
}
.pr_10 {
    padding-right: 10px;
}
.pr_20 {
    padding-right: 20px;
}
.pr_30 {
    padding-right: 30px;
}
.pt_5 {
    padding-top: 5px;
}
.pt_10 {
    padding-top: 10px;
}
.pt_20 {
    padding-top: 20px;
}
.pt_30 {
    padding-top: 30px;
}
.pb_5 {
    padding-bottom: 5px;
}
.pb_10 {
    padding-bottom: 10px;
}
.pb_20 {
    padding-bottom: 20px;
}
.pb_30 {
    padding-bottom: 30px;
}
.bd_solid {
    border-style: solid;
}
.bd_dashed {
    border-style: dashed;
}
.bd_dotted {
    border-style: dotted;
}
/**** position ****/
.pti_r {
    position: relative;
}
.pti_a {
    position: absolute;
}
.pti_f {
    position: fixed;
}
/**** float ****/
.flo_l {
    float: left;
}
.flo_r {
    float: right;
}
.clear_fix:after {
    content: '';
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
}
.status_cursor{
    cursor: pointer !important;
}
.not_status_cursor{
    cursor: default !important;
}
/*鼠标光标*/
.cursor_pointer{
    cursor: pointer !important;
}
.wes { /* 多出部分用省略号表示 , 用于一行 */
    overflow:hidden;
    word-wrap:normal;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.wes_2 { /* 适用于webkit内核和移动端 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.wes_3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.wes_4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
/* flex布局 */
.flex_sb {
    display: flex;
    align-items: center;
    justify-content: space-between; /*两端对齐*/
}

.flex_sa {
    display: flex;
    align-items: center;
    justify-content: space-around; /*左右间距一样对齐*/
}

.flex_sb.flex_wrap{
    flex-wrap: wrap;
}

/* 垂直居中 */
.flex_c {
    display: flex;
    align-items: center;
    justify-content: center;
}
.tb_c {
    text-align:center;
    display:table-cell;
    vertical-align:middle;
}
.ts_c {
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
}
.ts_mc {
    position: absolute;
    left: 0;right: 0;
    bottom: 0; top: 0;
    margin: auto;
}
/**** link ****/
a {
    color: #ff4a4a;
}
a:hover,
a:focus {
    color: #eb4444;
    text-decoration: none;
}
a.no_underline:hover,
a.no_underline:focus {
    text-decoration: none;
}
.font_icon_btn {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    line-height: 24px;
}
.font_icon_btn .ft-icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    vertical-align: middle;
    color: #398dee ;
}
.font_icon_btn:hover .ft-icon {
    color: #429ffc;
}
/**** button ****/
.btn {
    height: 32px;
    line-height: 30px;
    padding: 0 20px;
    border-radius: 2px;
    min-width: 80px;
    font-size: 12px;
}
.mj-btn {
    line-height: 30px;
}
.btn[disabled="true"],
.mj-btn[disabled="true"],
.mj-btn[disabled="disabled"],
.mj-btn[disabled],
.btn[disabled="disabled"] {
    position: relative;
    background-color: #F2F2F2 !important;
    border-color: #F2F2F2 !important;
    color: #BCBCBC !important;
}
.btn[disabled="true"] .f_white,
.mj-btn[disabled="true"] .f_white,
.mj-btn[disabled="disabled"] .f_white,
.mj-btn[disabled] .f_white,
.btn[disabled="disabled"] .f_white {
    color: #BCBCBC;
}
.btn[disabled="true"]:hover,
.mj-btn[disabled="true"]:hover,
.mj-btn[disabled="disabled"]:hover,
.mj-btn[disabled]:hover,
.btn[disabled="disabled"]:hover {
    cursor: no-drop;
}
.btn[disabled="true"] .ft-icon,
.mj-btn[disabled="true"] .ft-icon,
.mj-btn[disabled="disabled"] .ft-icon,
.mj-btn[disabled] .ft-icon,
.btn[disabled="disabled"] .ft-icon {
    color: #BCBCBC;
}

.mj-btn-red {
    background: #ff4a4a;
    color: #fff;
}
.mj-btn-red > .ft-icon {
    color: #fff;
}
.mj-btn-red:hover,
.mj-btn-red:focus {
    background: #eb4444;
    color: #fff;
}
.mj-btn-orange {
    background: #ff9c12;
    color: #fff;
}
.mj-btn-orange > .ft-icon {
    color: #fff;
}
.mj-btn-orange:hover,
.mj-btn-orange:focus {
    background: #ff9900;
    color: #fff;
}
.mj-btn-white:hover, .mj-btn-white:focus{
    border-color: #EB4444;
    background: #fff;
    color: #EB4444;
}
.btn .ft_icon {
    vertical-align: middle;
}
.btn_noback {
    padding: 0 !important;
    background-color: transparent;
    border: 1px solid transparent;
    color: #398dee;
}
.btn_noback:hover,
.btn_noback:focus {
    background-color: transparent;
    border-color: transparent;
    color: #429ffc;
}
.no_btn_style {
    display: block;
    clear: both;
    width: 100%;
    line-height: 1.42857143;
    padding: 3px 20px;
    border: none;
    text-align: left;
    white-space:nowrap;
    background-color: #fff;
}
.no_btn_style:hover {
    background-color: #f5f5f5;
    color: #262626;
}
.no_btn_css {
    border-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #428bca;
    background-color: #fff;
}
.mj-btn-gray {
    border:1px solid #d8dcdf;
    background: #f2f2f2;
}
/**** nav ****/
.left_nav {
    padding: 15px 0;
}
.left_nav > li.title > p {
    font-size: 16px;
    color: #606266;
    height: 40px;
    line-height: 40px;
    margin:0;
    padding: 0 20px 0 30px;
    cursor: pointer;
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
    user-select:none;
}
.left_nav > li > ul > li > p {
    height: 32px;
    line-height: 32px;
    margin:0;
    padding-left: 58px;
    font-size: 14px;
    color: #303133;
    cursor: pointer;
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
    user-select:none;
}
.left_nav > li:hover > p,
.left_nav > li.title:hover > p > .ft-icon,
.left_nav > li[isopen="1"] > p,
.left_nav > li.title[isopen="1"] > p > .ft-icon{
    color: #eb4444;
}
.left_nav > li > ul > li:hover > p,
.left_nav > li > ul > li.active > p{
    color: #eb4444;
}
.left_nav > li.title > p .ft-icon {
    width: 18px;
    height: 18px;
    font-size: 18px;
    margin-right: 10px;
    color: #606266;
}
.left_nav > li.title > p[name="manageOrders"] .ft-icon {
    background: url(../../image/icon/mallicon.png?v=3) no-repeat -62px -57px;
}
.left_nav > li.title > p[name="manageOrders"]:hover .ft-icon,
.left_nav > li.title[isopen="1"] > p[name="manageOrders"] > .ft-icon{
    background: url(../../image/icon/mallicon.png?v=3) no-repeat -20px -57px;
}

.left_nav > li.title > p[name="wallet"] .ft-icon {
    background: url(../../image/icon/mallicon.png?v=4) no-repeat -438px -16px;
}
.left_nav > li.title > p[name="wallet"]:hover .ft-icon,
.left_nav > li.title[isopen="1"] > p[name="wallet"] > .ft-icon{
    background: url(../../image/icon/mallicon.png?v=4) no-repeat -489px -16px;
}

.left_nav > li.title > p[name="messageCenter"] .ft-icon {
    background: url(../../image/icon/mallicon.png?v=5) no-repeat -539px -16px;
}
.left_nav > li.title > p[name="messageCenter"]:hover .ft-icon,
.left_nav > li.title[isopen="1"] > p[name="messageCenter"] > .ft-icon{
    background: url(../../image/icon/mallicon.png?v=5) no-repeat -589px -16px;
}

.left_nav > li.title > p[name="apiSettings"] .ft-icon {
    background: url(../../image/icon/mallicon.png?v=3) no-repeat -334px -17px;
}
.left_nav > li.title > p[name="apiSettings"]:hover .ft-icon,
.left_nav > li.title[isopen="1"] > p[name="apiSettings"] > .ft-icon{
    background: url(../../image/icon/mallicon.png?v=3) no-repeat -383px -17px;
}

.left_nav > li.title > p[name="orderList"] .ft-icon{
    background: url(../../image/icon/mallicon.png?v=3) no-repeat -62px -57px;
}
.left_nav > li.title > p[name="orderList"]:hover .ft-icon,
.left_nav > li.title[isopen="1"] > p[name="orderList"] > .ft-icon{
    background: url(../../image/icon/mallicon.png?v=3) no-repeat -20px -57px;
}
.left_nav > li.title > p[name="disputeList"] .ft-icon{
    background: url(../../image/icon/mallicon.png?v=3) no-repeat -199px -56px;
}
.left_nav > li.title > p[name="disputeList"]:hover .ft-icon,
.left_nav > li.title[isopen="1"] > p[name="disputeList"] > .ft-icon{
    background: url(../../image/icon/mallicon.png?v=3) no-repeat -156px -56px;
}
/*.left_nav > li:not(.title) > p {*/
    /*height: 40px;*/
    /*line-height: 40px;*/
    /*padding-left: 40px;*/
    /*border-left: 3px solid transparent;*/
/*}*/
/*.left_nav > li:not(.title):hover > p,*/
/*.left_nav > li:not(.title).active > p{*/
    /*border-left: 3px solid #eb4444;*/
    /*color: #eb4444;*/
    /*background-color: #F2F2F2;*/
    /*cursor: pointer;*/
/*}*/

/**** tab ****/
.nav-tabs > li {
    margin: 0;
}
.nav-tabs > li > a {
    border-color: transparent;
    border-bottom-width: 2px;
    border-radius: 0;
    padding: 0 20px;
    height: 50px;
    line-height: 48px;
    font-size: 16px;
    color: #606266;
}
.nav > li > a:focus,
.nav > li > a:hover {
    color: #eb4444;
    background: #fff;
    border-color: transparent;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #eb4444;
    border-bottom-width: 2px;
    border-color: transparent;
    border-bottom-color: #eb4444;
}

.tab_module {
    font-size: 0;
    background: #fff;
}
.tab_module:after,
.tab_module > ul:after {
    display: block;
    content:'';
    height: 0;
    font-size:0;
    clear: both;
}
.tab_module > ul {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee;
}
.tab_module > ul > li {
    position: relative;
    float: left;
}
.tab_module > ul > li:before{
    content: '';
    position: absolute;
    right: 0;
    top: 7px;
    height: 15px;
    width: 1px;
    background-color: #eee;
}
.tab_module > ul > li:last-child:before{
    display: none;
}

.tab_module > ul > li + li {
    margin-left: 5px;
}
.tab_module > ul > li > a{
    display: block;
    min-width: 70px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    margin-right: 10px ;
    text-decoration: none;
    border: none;
    border-bottom: 3px solid transparent;
    text-align: center;
    color: #606266;
    font-size: 12px;
}
.tab_module > ul > li > a > span {
    color: #606266;
}
.tab_module > ul > li:hover > a,
.tab_module > ul > li:hover > a > span{
    color: #eb4444;
}
.tab_module > ul > li.active:hover > a > span,
.tab_module > ul > li.active:hover > a ,
.tab_module > ul > li.active > a > span ,
.tab_module > ul > li.active > a {
    color: #eb4444;
    border-bottom-color: #eb4444;
}
/**** tab ****/

/**** tree ****/
/**** modal ****/
.modal-content {
    border-radius: 2px;
    width: 100%;
}
.modal-header {
    min-height: auto;
    padding: 20px;
    border-bottom-color: transparent;
}
.modal-header h4 {
    font-size: 14px;
    color: #606266;
    font-weight: 600;
}
.modal-header .close span {
    font-size: 24px;
}
.modal-body {
    padding: 10px 20px;
    max-height: 600px;
    overflow-y: auto;
}
.modal-footer {
    padding: 0 20px 20px;
    border-top-color: transparent;
    text-align: left;
}
.modal-footer button + button {
    margin-left: 20px;
}

#loading .modal-content{
    border: none;
    box-shadow: none;
    text-align: center;
    background: none;
}
#loading .modal-backdrop{
    background-color: #fff;
    opacity: .4;
    filter: alpha(opacity=40)
}
#loading .modal-body{
    width: 100%;
    height: 200px;
    padding: 0 !important;
    background: url('/static/image/background/loading-new.gif') no-repeat center center;
}
/*#loading .modal-dialog{*/
    /*margin: 200px auto 0;*/
/*}*/
/**** alert ****/
#dialog_window {
    width: 400px;
    border: 1px solid #999;
    border-radius: 2px;
    background: #fff;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
#dialog_title {
    padding: 20px;
    border-radius: 2px 2px 0 0;
    color: #606266;
    font-size: 16px;
    font-weight: 600;
}
#dialog_title h3 {
    display: inline;
    margin: 0;
    font-size: 13px;
    color: #303133;
    font-weight: 600;
}
#dialog_title .close {
    line-height: 16px;
}
a#dialog_btn_close {
    color: #303133;
    text-decoration: none;
}
#dialog_Content {
    clear: both;
    padding: 10px 20px 20px;
    font-size: 13px;
    vertical-align: middle;
}
#dialog_Content .alertContentOut {
    width: 100%;
    font-size: 0;
}
#dialog_Content .alertContentOut div {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}
#dialog_Content .alertContentOut div.iconOut {
    width: 38px;
    height: 24px;
    line-height: 24px;
}
#dialog_Content .alertContentOut div.contentInfo {
    width: calc(100% - 40px);
}
#dialog_btnBox {
    padding:20px;
    border-radius: 0 0 2px 2px;
    text-align: left;
}
#dialog_btn_enter,
#dialog_btn_cancel {
    margin-right: 20px;
    height: 28px;
    line-height: 26px;
    zoom: 1;
}
#diaglo_prompt_input {
    display: block;
    width: 90%;
    margin: 8px 0;
    padding: 5px;
    border: 1px solid #ddd;
}
/**** message ****/
.custom_message {
    position: fixed;
    top: 0;
    left: 50%;
    padding: 0 10px;
    width: auto;
    height: 40px;
    box-shadow: 1px 2px 3px #AAAAAA;
    line-height: 40px;
    z-index: 999999;
    font-size: 14px;
    white-space: nowrap;
}
.custom_message > .message_icon {
    position: absolute;
    left: 10px;
    top: 11px;
    width: 18px;
    height: 18px;
    font-size: 18px;
}
.message_success {
    background: #e7f9f3;
    color: #00d6a1;
}
.message_success > .message_icon,
.message_success > div {
    color: #00d6a1;
}
.message_error {
    background: #ffe9e9;
    color: #d32f2f;
}
.message_error > .message_icon,
.message_error > div {
    color: #d32f2f;
}
.message_waring {
    background: #ffefe1;
    color: #ff7300;
}
.message_waring > .message_icon ,
.message_waring > div {
    color: #ff7300;
}
.custom_message a.close_alert {
    position: absolute;
    top: 8px;
    right: 10px;
    line-height: 25px;
    font-size: 14px;
    color: #606266;
}
.custom_message a.close_alert,
.custom_message a.close_alert:hover,
.custom_message a.close_alert:focus {
    text-decoration: none;
}
.custom_message > div {
    padding: 0 0 0 26px;
    box-sizing: border-box;
}
/**** screen ****/
.screen_module {
    padding: 10px 20px;
    background: #fff;
    font-size: 0;
}
.screen_btn {
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
    text-decoration: none;
    color: #909399;
    font-size: 12px;
}
.screen_btn:hover,
.screen_btn:hover > span,
.screen_btn:focus,
.screen_btn:focus > span,
.screen_btn.active,
.screen_btn.active > span,
.screen_btn.active:hover,
.screen_btn.active:hover > span,
.screen_btn.active:focus,
.screen_btn.active:focus > span {
    text-decoration: none;
    color: #398dee;
}
.screen_btn + .screen_btn {
    padding-left: 10px;
}
.screen_btn:last-child {
    padding-right: 0;
}
.screen_btn.has_line + .screen_btn.has_line {
    border-left:  1px solid #eee;
}
.screen_btn > span {
    margin-left: 5px;
}
.screen_btn > span {
    color: #909399;
}
/**** search ****/
.search_module {
    margin-bottom: 20px;
    padding: 20px;
    background: #fff;
}
.search_module table {
    width: auto;
}
.search_module table td {
    padding: 10px;
    box-sizing: border-box;
}
.search_module table tr:first-child td {
    padding-top: 0;
}
.search_module table tr:last-child td {
    padding-bottom: 0;
}
.search_module table tr td:nth-child(1){
    width: 80px;
    padding-left: 0;
}
.search_module table tr td:nth-child(3){
    width: 120px;
    padding-left: 40px;
}
.search_module table td:nth-child(odd) {
    text-align: left;
    padding-right: 5px;
    /*width: 200px;*/
}
.search_module .custom_select,
.search_module input[type="text"]{
    width: 160px;
}
/**** list ****/
.paginator_module {
    padding: 20px;
    /*background: #fff;*/
}
.paginator_module > ul {
    margin: 0;
}
.pagination > li > a,
.pagination > li > span {
    height: 34px;
    line-height: 32px;
    padding: 0 12px;
}
.pagination > li > a .sm_icon,
.pagination > li > span .sm_icon {
    margin-top: 7px;
    color: #606266;
}
.pagination .dropdown:hover ul.dropdown-menu,
.pagination .dropup:hover ul.dropdown-menu {
    display: block;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    border-color: #428bca;
    background-color: #428bca;
}
.pagination > li > a,
.pagination > li > span {
    color: #428bca;
}
.pagination > li > a:hover,
.pagination > li > span:hover {
    color: #428bca;
    text-decoration: none;
}
.pagination > li a:hover,
.pagination > li a:focus {
    text-decoration: none;
}
.pagination > .xianshipage {
    box-sizing: border-box;
    width: 80px;color: #444444;
}
.pagination > .xianshipage > span:hover {
    background-color: white;
}
.pagination > li:first-child > a {
    float: right;
    margin-left: 0;
    border-left: none;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 4px;
    height: 34px;
}
.pagination > li:last-child > a {
    border-radius: 0 !important;
}
.pagination > li:last-child > .dropdown .btn {
    min-width: inherit;
}
.pagination > li:last-child > .dropdown input[type="text"] {
    border-radius: 2px;
}
.pagination > li > a select {
    height: 22px;
    line-height: 22px;
}
/**** crumbs ****/
.crumbs {
    color: #999;
    font-size: 14px;
}
.crumbs > .separate {
    margin: 0 6px;
    color: #999;
}

/**** page structure ****/
.page_head {
    width: 100%;
    border-bottom: 1px solid transparent;
    background: #fff;
    box-sizing: border-box;
}
.page_head > .up {
    width: 100%;
    height: 30px;
    background: #f2f2f2;
}
.page_head > .down {
    width: 100%;
    height: 90px;
    background: #fff;
}
.page_head > .down .nav_menu{
    margin-left: 50px;
}
.page_head > .down .nav_menu > a {
    display: inline-block;
    height: 90px;
    line-height: 90px;
    margin-right: 40px;
    font-size: 16px;
    color: #606266;
    text-decoration: none;
}
.page_head > .down .nav_menu > a:hover,
.page_head > .down .nav_menu > a.active{
    color: #eb4444;
}
.page_address .nav_menu,
.page_apiSetting .nav_menu,
.page_changePassword .nav_menu,
.page_profile .nav_menu,
.page_wishlist .nav_menu,
.page_disputeList .nav_menu,
.page_wallet .nav_menu,
.page_orderlist .nav_menu{
    display: block !important;
}

/*简单头部*/
.simple_head{
    height: 80px;
    background-color: #fff;
}
.simple_head.bor_b{
    border-bottom: 1px solid #eee;
}
.cont_out{
    position: relative;
    margin: 0 auto;
    width: 1240px;
    height: 100%;
}
.simple_head_cont{
    height: 100%;
}
.simple_head .logo{
    margin-right: 20px;
    height: 80px;
    width: 200px;
    background: url(https://mall-image-1256503868.image.myqcloud.com/shop/logo.png) no-repeat center;
}

.simple_head .home_page_link{
    font-size: 20px;
}

.simple_head .home_page_link:hover{
    font-weight: bold;
}

.page_footer {
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
}
.page_body {
    width: 100%;
    min-height: calc(100% - 242px);
    box-sizing: border-box;
}
.page_head > .up > .cont_out,
.page_head > .down > .cont_out,
.page_body > .cont_out,
.page_footer > .cont_out {
    position: relative;
    margin: 0 auto;
    width: 1240px;
    height: 100%;
}
.page_head > .up > .cont_out:after,
.page_head > .down > .cont_out:after,
.page_body > .cont_out:after,
.page_footer > .cont_out:after {
    content: '';
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
}
.page_body > .cont_out{
    overflow: hidden;
}
.cont_out > .lt,
.cont_out > .rt,
.cont_out > .cont {
    position: relative;
    float: left;
}
.cont_out > .lt + .cont,
.cont_out > .cont + .rt {
    /*margin-left: 20px;*/
}
.cont_out > .rt,
.cont_out > .lt {
    width: 240px;
}
.cont_out[rel-pagetype="1"] > .cont{ /** 左右 **/
    width: 1000px;
}
.cont_out[rel-pagetype="2"] > .cont{ /** 整体 **/
    width: 100%;
}
.cont_out[rel-pagetype="3"] > .cont{ /** 左中右 **/
    width: 760px;
}

.page_head > .up ul{
    width: 100%;
}
.page_head > .up ul > li{
    float: right;
    line-height: 30px;
}
.page_head > .up ul > li + li{
    margin-right: 20px;
}
.page_head > .up ul > li > a{
    display: block;
    width: 100%;
    height: 100%;
    color: #999;
    text-decoration: none;
}
.page_head > .up ul > li > a:hover {
    color: #606266;
}
.page_head > .up ul > li > a .mail_outline{
    position: relative;
    display: inline-block;
    width: 23px;
    height: 20px;
    vertical-align: -5px;
    background: url(../../image/icon/mallicon.png?v=5) no-repeat -588px -53px;
}
.page_head > .up ul > li > a .mail_outline.active:before{
    content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    width: 6px;
    height: 5px;
    background-color: #ff3030;
    border-radius: 50%;
}
.page_head > .up ul > li > a .mail_outline .new_msg_tip{
    display: none;
    position: absolute;
    z-index: 11;
    top: 13px;
    right: -25px;
    margin-top: 15px;
    width: 163px;
    background-color: #fff;
    box-shadow: 0 0 2px #ddd;
    font-style: normal;
    text-align: center;
}
.page_head > .up ul > li > a .mail_outline.active:hover .new_msg_tip{
    display: block;
}
.page_head > .up ul > li > a .mail_outline.active .new_msg_tip:before{
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 32px;
    content: '';
    width: 10px;
    height: 10px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background-color: #fff;
    transform: rotate(45deg);
}

.page_head > .down ul{
    width: 100%;
}
.page_head > .down ul > li{
    float: left;
    line-height: 30px;
}
.page_head > .down ul > li.logo {
    margin-right: 20px;
    height: 90px;
    width: 200px;
    background: url(https://mall-image-1256503868.image.myqcloud.com/shop/logo.png) no-repeat center;
}
.page_head > .down ul > li.logo > a {
    display: block;
    width: 100%;
    height: 100%;
}
.page_head > .down ul > li.right_li {
    float: right;
}
.page_head .shipping_cart {
    position: absolute;
    right: -270px;
    top: 50%;
    margin-top: -20px;
    padding-left: 40px;
}
.page_head .not_login{
    right: -330px;
}
.page_head .shipping_cart:before{
    display: none;
    content: "";
    position: absolute;
    top: 100%;
    right: -30px;
    width: 400px;
    height: 10px;
    background: none;
}
.page_head .shipping_cart .icon-gouwuche{
    position: absolute;
    left: 0;
    top: -6px;
    font-size: 36px;
    color: #606266;
}
.page_head .shipping_cart:hover .icon-gouwuche{
    color: #eb4444;
}
.page_head .shipping_cart .cart_btn .title{
    display: block;
    padding-top: 20px;
    font-size: 14px;
    color: #606266;
}
.page_head .shipping_cart .product_num{
    position: absolute;
    top:2px;
    right: 0;
    min-width: 20px;
    height: 20px;
    padding: 1px;
    line-height: 20px;
    border-radius: 10px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    background: #ff4a4a;
    border:1px solid #ff4a4a;
    font: 12px/17px Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;
    white-space: nowrap;
}

.page_head .shipping_cart .product_num .max{
    padding: 2px;
}
.page_head .shipping_cart:hover .cart_pop,
.page_head .shipping_cart:hover:before{
    display: block;
}
/*购物车弹窗*/
.page_head .cart_pop{
    display: none;
    position: absolute;
    z-index: 100;
    top: 100%;
    margin-top: 10px;
    right: -30px;
    width: 420px;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 0 2px #ddd;
}
.page_head .cart_pop:before {
    position: absolute;
    top: -8px;
    right: 36px;
    content: '';
    width: 15px;
    height: 15px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background-color: #fff;
    transform: rotate(45deg);
}
.cart_pop .nothing {
    height: 260px;
}
.cart_pop .nothing_cart{
    min-height: 240px;
}
.cart_pop .cart_bd{
    overflow-y: auto;
    padding: 10px;
    max-height: 280px;
}
.cart_bd .cart_table{
    width: 100%;
}
.cart_bd .cart_table td{
    padding: 10px 5px;
    vertical-align: top;
}
.cart_bd .cart_table td,
.cart_bd .cart_table p,
.cart_bd .cart_table span{
    font-size: 12px;
}
.cart_bd .cart_table td:first-child{
    width: 70px;
    max-width: 70px;
}
.cart_bd .cart_table > tbody > tr > td > p{
    width: 170px;
    overflow : hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cart_bd .cart_table > tbody > tr > td > p > span{
    float: left;
    width: 50%;
    overflow : hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cart_bd .cart_table p:last-child{
    margin-bottom: 0;
}
.cart_bd .cart_table td:nth-child(2) .title{
    line-height:1.5em;
}
.cart_bd .cart_table td:nth-child(3){
    width: 100px;
    min-width: 100px;
    text-align: right;
}
.cart_bd .cart_table td:nth-child(4){
    min-width: 30px;
    text-align: right;
    white-space: nowrap;
}

.cart_table .img_out{
    width: 60px;
    height: 60px;
}
.cart_pop .cart_ft{
    border-top: 1px solid #ddd;
    padding: 10px 20px;
}
.cart_pop .cart_ft button.flo_r{
    width: 120px;
}


/*登陆菜单*/
.page_head .mj_dropdown {
    position: absolute;
    z-index: 10;
    right: -440px;
    top: 0;
}
.page_head .mj_dropdown:before{
    display: none;
    content: "";
    position: absolute;
    width: 200px;
    height: 20px;
    bottom: -20px;
    right: 0;
}
.page_head .mj_dropdown:hover:before{
    display: block;
}
.page_head .mj_dropdown .user_info,
.page_head .mj_dropdown .in_login{
    padding-left: 45px;
}
.page_head .mj_dropdown .in_login{
    margin-top: 5px;
}
.page_head .mj_dropdown .user_info p{
    width: 95px;
    line-height: 20px;
    color: #606266;
    font-size: 14px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page_head .mj_dropdown .top_head_pic{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -18px;
}

.page_head .mj_dropdown.is_login .mj_downmenu{
    width: 120px;
}
.page_head .mj_dropdown.not_login .mj_downmenu{
    width: 210px;
    padding: 20px;
    text-align: center;
}
.page_head .mj_dropdown.not_login .in_login p{
    margin-bottom: 0;
    line-height: 34px;
    color: #606266;
}
.page_head .mj_dropdown.not_login .mj_downmenu > a{
    color: #606266;
}
.page_head .mj_dropdown.not_login .mj_downmenu p{
    color: #909399;
    white-space: nowrap;
}
.page_head .mj_dropdown.not_login .mj_downmenu .login_btn a{
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border-radius: 2px;
}
.page_head .mj_dropdown.not_login .mj_downmenu .login_btn a:nth-child(1){
    margin-top: 15px;
    margin-bottom: 10px;
    background-color: #ff4a4a;
    color: #fff;
}
.page_head .mj_dropdown.not_login .mj_downmenu .login_btn a:nth-child(1):hover{
    background-color: #EB4444;
}
.page_head .mj_dropdown.not_login .mj_downmenu .login_btn a:nth-child(2){
    border: 1px solid #d8dcdf;
    color: #909399;
}
.page_head .mj_dropdown.not_login .mj_downmenu .login_btn a:nth-child(2):hover{
    border-color: #EB4444;
    color: #EB4444;
}
.page_head .mj_dropdown:hover .mj_downmenu{
    display: block;
}
.page_head .mj_dropdown .mj_downmenu {
    display: none;
    position: absolute;
    right: 0;
    background-color: #fff;
    box-shadow: 0 0 2px #ddd;
    margin-top: 15px;
}
.page_head .mj_dropdown .mj_downmenu:before {
    position: absolute;
    z-index: 1;
    top: -6px;
    right: 20px;
    content: '';
    width: 10px;
    height: 10px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background-color: #fff;
    transform: rotate(45deg);
}
.page_head .mj_dropdown .mj_downmenu li{
    width: 100%;
    margin-right: 0;
}
.page_head .mj_dropdown .mj_downmenu li a{
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    text-align: left;
    color: #606266;
}
.page_head .mj_dropdown .mj_downmenu li:hover a{
    color: #eb4444;
}
.page_head .mj_dropdown .mj_downmenu li.sign_out a{
    background: none;
    color: #FF4a4a;
}

/*登陆菜单 END*/


/* 落地页头部 */
.landing_page_head {
    height: 90px;
    width: 100%;
    background-color: #333030;
    border-bottom: 1px solid transparent;
    box-sizing: border-box;
}

.landing_page_head .cont_out {
    position: relative;
    margin: 0 auto;
    width: 1240px;
    height: 100%;
}

.landing_page_head .cont {
    display: flex;
    width: 100%;
}

.landing_page_head .logo {
    width: 200px;
    height: 90px;
    background: url(../../image/logo/logo_service.png) no-repeat center;
}

.landing_page_head .nav_list {
    display: flex;
    margin-left: 85px;
}

.landing_page_head .nav_list li a {
    padding: 0 25px;
    font-size: 18px;
    color: #fff;
    line-height: 90px;
    opacity: .6;
}

.landing_page_head .nav_list li a.active,
.landing_page_head .nav_list li a:hover {
    opacity: 1;
}

.landing_page_head .not_login {
    right: 0;
}

.landing_page_head .mj_dropdown {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
}

.landing_page_head .mj_dropdown:before {
    display: none;
    content: "";
    position: absolute;
    width: 200px;
    height: 20px;
    bottom: -20px;
    right: 0;
}

.landing_page_head .mj_dropdown:hover:before {
    display: block;
}

.landing_page_head .mj_dropdown {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.landing_page_head .mj_dropdown.is_login .mj_downmenu {
    width: 120px;
}

.landing_page_head .mj_dropdown.not_login .mj_downmenu {
    width: 210px;
    padding: 20px;
    text-align: center;
}

.landing_page_head .mj_dropdown.not_login .in_login p {
    margin-bottom: 0;
    line-height: 34px;
    color: #606266;
}

.landing_page_head .mj_dropdown.not_login .mj_downmenu > a {
    color: #606266;
}

.landing_page_head .mj_dropdown.not_login .mj_downmenu p {
    width: 85px;
    color: #909399;
    white-space: nowrap;
}

.landing_page_head .mj_dropdown.not_login .mj_downmenu .login_btn a {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border-radius: 2px;
}

.landing_page_head .mj_dropdown.not_login .mj_downmenu .login_btn a:nth-child(1) {
    margin-top: 15px;
    margin-bottom: 10px;
    background-color: #ff4a4a;
    color: #fff;
}

.landing_page_head .mj_dropdown.not_login .mj_downmenu .login_btn a:nth-child(1):hover {
    background-color: #EB4444;
}

.landing_page_head .mj_dropdown.not_login .mj_downmenu .login_btn a:nth-child(2) {
    border: 1px solid #d8dcdf;
    color: #909399;
}

.landing_page_head .mj_dropdown.not_login .mj_downmenu .login_btn a:nth-child(2):hover {
    border-color: #EB4444;
    color: #EB4444;
}

.landing_page_head .mj_dropdown:hover .mj_downmenu {
    display: block;
}

.landing_page_head .mj_dropdown .mj_downmenu {
    display: none;
    position: absolute;
    right: -8px;
    background-color: #fff;
    box-shadow: 0 0 2px #ddd;
    margin-top: 15px;
}

.landing_page_head .mj_dropdown .mj_downmenu:before {
    position: absolute;
    z-index: 1;
    top: -6px;
    right: 20px;
    content: '';
    width: 10px;
    height: 10px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background-color: #fff;
    transform: rotate(45deg);
}

.landing_page_head .mj_dropdown .mj_downmenu li {
    width: 100%;
    margin-right: 0;
}

.landing_page_head .mj_dropdown .mj_downmenu li a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    text-align: left;
    color: #606266;
}

.landing_page_head .mj_dropdown .mj_downmenu li:hover a {
    color: #eb4444;
}

.landing_page_head .mj_dropdown .mj_downmenu li.sign_out a {
    background: none;
    color: #FF4a4a;
}
.landing_page_head .sign_up_btn{
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 18px;
    color: #ffffff;
    opacity: 0.7;
    transform: translateY(-50%);
}
.landing_page_head .sign_up_btn:hover{
    opacity: 1;
}

/* 落地页头部 */

/* category module */
.header_category_module {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #fff;
}
.header_category_module .master_level {
    display: block;
    width: 1240px;
    margin: 0 auto;
}
.header_category_module .master_level > li {
    float: left;
    height: 48px;
    line-height: 48px;
    margin-right: 50px;
}
.header_category_module .master_level > li[data-type="all"]{
    position: relative;
    width: 280px;
    margin-right: 20px;
}
.header_category_module .master_level > li[data-type="all"] > a{
    padding-left: 20px;
    font-weight: bold;
}
.header_category_module .master_level > li[data-type="all"] > a:hover{
    color: #303133;
}
.header_category_module .master_level > li > a {
    display: block;
    width: 100%;
    height: 100%;
    color: #303133;
    font-size: 16px;
}
.header_category_module .master_level > li > a:hover{
    color: #EB4444;
}
.header_category_module .first_category {
    display: none;
    position: absolute;
    left: 0;
    top: 48px;
    width: 280px;
    height: 411px;
    background-color: #fff;
    border: 1px solid #eee;
    z-index: 1;
}
.header_category_module .master_level > li:hover > .first_category {
    display: block;
    border-top: 0;
}
.header_category_module .first_category > li.category_item {
    display: block;
    width: 100%;
    height: 34px;
    font-size: 0;
}
.header_category_module .first_category > li.category_item > a {
    display: block;
    padding: 0 20px;
    width: 100%;
    height: 100%;
    line-height: 34px;
    color: #303133;
    font-size: 14px;
}
.header_category_module .first_category > li.category_item > a > .icon {
    float: right;
    display: inline-block;
    margin-top: 11px;
    width: 10px;
    height: 12px;
    background: url('../../image/icon/mallicon.png?v=3') no-repeat -390px -60px;
}
.header_category_module .first_category > li.category_item:hover > a {
    background-color: #fff0ed;
}
.header_category_module .last_category_out {
    display: none;
    position: absolute;
    left: 278px;
    top: -1px;
    padding: 6px 0 30px;
    min-width: 260px;
    min-height: 412px;
    background-color: #fff;
    border: 1px solid #eee;
}
.header_category_module .last_category_out:after {
    content: '';
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
}
.header_category_module .last_category_out[data-rows="2"] {
    width: 520px;
}
.header_category_module .last_category_out[data-rows="1"][data-hasProduct="1"] {
    width: 530px;
}
.header_category_module .last_category_out[data-rows="2"][data-hasProduct="1"] {
    width: 790px;
}
.header_category_module .first_category > li:hover .last_category_out{
    display: block;
}
.header_category_module .last_category_list {
    width: 260px;
    float: left;
    vertical-align: top;
}
.header_category_module .last_category_list a {
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    color: #303133;
    font-size: 14px;
}
.header_category_module .last_category_list a:hover {
    color: #ff4a4a;
}
.header_category_module .recommend_product {
    width: 260px;
    padding-left: 30px;
    padding-right: 20px;
    float: right;
    vertical-align: top;
}
.header_category_module .recommend_product .img_out {
    margin-top: 14px;
    width: 210px;
    height: 210px;
    border: 1px solid #eee;
}
.header_category_module .recommend_product .price {
    margin-top: 20px;
    line-height: 25px;
    font-size: 18px;
    color: #303133;
}
.header_category_module .recommend_product .cost {
    margin-top: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #909399;
}
.header_category_module .recommend_product .cost s {
    margin-right: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #909399;
}

/* category module END */
.page_footer_map{
    padding: 30px 0;
    text-align: center;
}
.page_footer_map dl{
    float: left;
    text-align: left;
    margin-bottom: 0;
}
.page_footer_map dl:nth-child(2){
    margin-left: 170px;
}
.page_footer_map dl + dl{
    margin-left: 74px;
}
.page_footer_map dl dt{
    font-size: 16px;
    color: #303133;
    margin-bottom: 15px;
}
.page_footer_map dl dd + dd{
    margin-top: 12px;
}
.page_footer_map dl dd a{
    font-size: 13px;
    color: #606266;
}
.page_footer_map dl dd a:hover{
    color: #303133;
}
.page_footer_map .logo{
    width: 135px;
    height: 35px;
    background: url(https://mall-image-1256503868.image.myqcloud.com/shop/logo.png) no-repeat;
    background-position: 0px -16px;
    -webkit-background-size: 99%;
    background-size: 99%;
}
.page_footer_map .logo a{
    display: block;
    height: 100%;
    width: 100%;
}
.page_footer_map .tip{
    line-height: 22px;
    color: #606266;
}
.page_footer_map .join a{
    text-decoration: underline;
    font-family: ArialMT;
    font-weight: bold;
}
.page_footer_bottom .cont_out{
    position: relative;
    margin: 0 auto;
    width: 1240px;
    height: 100%;
}
.page_footer_bottom .cont_out{
    border-top: 1px solid #d8dcdf;
}
.page_footer_bottom .cont_out  p {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 0;
    line-height: 40px;
    font-size: 13px;
    color: #606266;
}
.page_footer_bottom .cont_out  span.sp{
    display: inline-block;
    margin: 0 20px;
    color: #909399;
}
.page_footer_bottom .cont_out  p .facebook_icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(https://mall-image-1256503868.picgz.myqcloud.com/shop/20181205172749.jpg) no-repeat;
    vertical-align: middle;
}

/*底部支付方式*/
.page_footer_pay_method{
    text-align: center;
    vertical-align: middle;
    padding-top: 30px;
    padding-bottom: 20px;
}
.page_footer_pay_method .pay_method_icon{
    display: inline-block;
    width: 100px;
    height: 25px;
    background: url(https://mall-image-1256503868.image.myqcloud.com/static/paypal_s.png?v=1) no-repeat 0 center;
    background-size: 58px 36px,41px 25px,41px 25px,41px 25px,41px 25px;
}

/**** table ****/
table.cont_module {
    width: 100%;
}
table.cont_module > tbody > tr > td {
    padding: 10px;
}
table.cont_module td.left {
    padding-left: 0;
    width: 80px;
    line-height: 32px;
    vertical-align: top;
    text-align: right;
}
table.cont_module td.line_14 {
    line-height: 14px;
}

.no_info {
    display: none;
}
.no_info.border_bottom {
    border-bottom: 1px solid #eee;
}
.no_info table {
    width: 100%;
}
.no_info td {
    padding: 0 !important;
}
.no_info td > div {
    height: 120px;
    line-height: 120px;
    text-align: center;
    font-size: 16px;
    color: #909399;
}
.no_info .nothing_icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    vertical-align: middle;
    background: url(../../image/icon/nothing.png) no-repeat center center;
}
/**** module ****/
.cont_module_out {
    margin-bottom: 20px;
    width: 100%;
    box-sizing: border-box;
}
.cont_module {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
}
.cont_module > .tit {
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    line-height: 50px;
    padding: 0 20px;
    font-size: 16px;
    color: #909399;
}
.cont_module > .tit > .epn {
    font-size: 13px;
    color: #999;
}
.cont_module > .cnt {
    width: 100%;
    box-sizing: border-box;
}

.search_group {
    position: relative;
}
.search_group input {
    width: 100%;
    padding-right: 25px;
}
.search_group .ft-icon {
    position: absolute;
    top: 5px;
    right: 3px;
}

.img_out {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.img_out > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    padding: 1px;
}
.img_out > .remove {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #bcbcbc;
    cursor: pointer;
}
.img_out > .remove:after {
    content: '╳';
    color: #fff;
    position: absolute;
    top: 1px;
    left: 6px;
}

.choose_amount {
    display: inline-block;
    vertical-align: initial;
    width: 120px;
    font-size: 0;
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
    user-select:none;
}
.choose_amount > span {
    display: inline-block;
    top: 0;
    width: 32px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #ddd;
    vertical-align: top;
    text-align: center;
    background: #fff;
    cursor: pointer;
    font-size: 16px;
}
.choose_amount > span[data-type="disabled"] {
    color: #ccc;
    cursor: no-drop;
}
.choose_amount > input {
    width: calc(100% - 64px);
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    font-size: 13px;
}

.progress_group {
    display: inline-block;
    color: #999;
}
.progress_group > span.num {
    color: #999;
}
.progress_group div {
    display: inline-block;
}
.progress_group .progress_out {
    position: relative;
    margin-left: 10px;
    width: 160px;
    height: 10px;
    background: #f2f2f2;
    vertical-align: baseline;
}
.progress_group .progress_in {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #c9c9c9;
}

/** add wishlist **/
.add_wishlist {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
}
.add_wishlist > .ft-icon {
    top: 0;
    vertical-align: top;
}
.add_wishlist[data-type="0"] > .ft-icon {
    color: #939393;
}
.add_wishlist[data-type="0"]:hover > .ft-icon {
    color: #eb4444;
}
.add_wishlist[data-type="1"] > .ft-icon {
    color: #FF4a4a;
}
.add_wishlist[data-type="1"]:hover > .ft-icon {
    opacity: .8;
}
#warehouse td:first-child,
#colorSel td:first-child,
#sizeSel td:first-child{
    vertical-align: top;
    line-height: 40px;
}
#colorSel td:last-child,
#sizeSel td:last-child{
    padding-bottom: 0;
    padding-right: 0;
}
.sel_item {
    display: inline-block;
    position: relative;
    margin-right: 20px;
    margin-bottom: 10px;
    vertical-align: top;
    min-width: 40px;
    height: 40px;
}
.sel_item[data-disabled="1"]:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,.4);
    cursor: no-drop;
}
.sel_item > input[type="radio"] {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: -1;
}
.sel_item > label {
    margin: 0;
    border: 1px solid #ddd;
    border-radius: 2px;
    min-width: 40px;
    height:40px;
    background: #fff;
    cursor: pointer;
}
.sel_item.color_item > label > img {
    padding: 0;
}
.sel_item.size_item > label {
    text-align: center;
    line-height: 40px;
    padding: 0 10px;
    max-width: 313px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sel_item > input:checked ~ label {
    border-color: #FF4a4a;
    border-width: 2px;
    line-height: 38px;
}
.sel_item.size_item > input:checked ~ label {
    padding: 0 9px;
}

.order_flow_chart{
    margin-left: 100px;
    width: 780px;
    height: 99px;
    line-height: 99px !important;
    text-align: center;
}
.order_flow_chart > div {
    display: inline-block;
    position: relative;
    width: 230px;
    height: 24px;
    line-height: 24px;
    background: #e4e4e4;
    color: #999;
}
.order_flow_chart > div + div {
    margin-left: 10px;
}
.order_flow_chart > div.active {
    background: #009966;
    color: #fff;
}
.order_flow_chart > div:before,
.order_flow_chart > div:after{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-right: 9px solid #fff;
    z-index: 2;
}
.order_flow_chart > div:before {
    top: 0;
    border-top: 0 solid transparent;
    border-bottom: 12px solid transparent;
}
.order_flow_chart > div:after {
    bottom: 0;
    border-top: 12px solid transparent;
    border-bottom: 0 solid transparent;
}
.order_flow_chart > div:last-child:before,
.order_flow_chart > div:last-child:after{
    display: none;
}

.select_shipping_drop {
    display: inline-block;
    position: relative;
    height: 20px;
    line-height:20px;
}
.select_shipping_drop > .ft-icon{
    display: inline-block;
    margin-left: 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    vertical-align: middle;
    cursor: pointer;
}

/*拖拽用样式*/
.sortable-ghost {
    opacity: .2;
}
/**** plugin ****/
.ui-widget-content {
    border-color: #ddd;
    max-height: 200px;
    overflow-y: auto;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: none;
    background: #f2f2f2;
}
.ui-menu .ui-menu-item {
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    color: #606266;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: 0;
}

.paging-module a,
.paging-module .more-btn,
#prePage,
#nextPage,
#firstPage,
#lastPage {
    width: 40px;
    height: 30px;
    line-height: 28px;
    background: #fff;
}

div.zoomDiv{
    z-index:999;
    position:absolute;
    top:0;
    left:0;
    width:200px;
    height:200px;
    background:#ffffff;
    border:1px solid #ccc;
    display:none;
    text-align:center;
    overflow:hidden;
}
div.zoomMask{
    position:absolute;
    background:url('../../image/background/mask.png') repeat scroll 0 0 transparent;
    cursor:move;
    z-index:1;
}
/*内容空样式框*/
.nothing {
    position: relative;
    text-align: center;
    height: 300px;
    background-color: #fff;
}
.nothing a {
    color: #ff4a4a;
}
.nothing a:hover {
    color: #eb4444;
}
.nothing:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 20px;
    width: 220px;
    height: 160px;
    margin-left: -110px;
}
.nothing .nothing_tip{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 190px;
    font-size: 14px;
    color: #909399;
    white-space: nowrap;
}

.nothing_cart:before {
    top: 60px;
    background: url(../../image/background/empty-bg.png) center -32px no-repeat;
}
.nothing_cart .nothing_tip{
    top: 230px;
}
.nothing_wishlist:before{
    background: url(../../image/background/empty-bg.png?v=1) 14px -382px no-repeat;
}
.nothing_api:before{
    background: url(../../image/background/empty-bg.png?v=1) 17px -721px no-repeat;
}
.nothing_order:before{
    background: url(../../image/background/empty-bg.png?v=1) 14px -546px no-repeat;
}
.nothing_product:before{
    background: url(../../image/background/empty-bg.png?v=1) no-repeat center -200px;
}
.nothing_review:before{
    background: url(../../image/background/empty-bg.png?v=1) no-repeat 18px -900px;
}
.nothing_wallet:before{
    background: url(../../image/background/empty-bg.png?v=2) no-repeat 10px -1100px;
}
.nothing_message:before {
    background: url(../../image/background/empty-bg.png?v=3) no-repeat 10px -1290px;
}
/* 反馈状态 */
.feedback_status{
    position: relative;
    padding: 110px 0 190px;
    text-align: center;
}
.feedback_status:before {
    content: "GogoMallc";
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 20px;
    color: #F2F2F2;
}
/*
rel-feedbackStatus = 0 显示成功的状态
rel-feedbackStatus = 1 显示失败的状态
*/
.feedback_status[rel-feedbackStatus="0"] [rel-feedbackStatus="true"],
.feedback_status[rel-feedbackStatus="1"] [rel-feedbackStatus="false"]{
    display: inline-block;
}
/*密码修改成功*/
.feedback_status[rel-feedbackStatus="0"] [rel-feedbackStatus="true"].change_status{
    background: url(../../image/icon/changeSuccess.png) left center no-repeat;
    -webkit-background-size: 64px;
    background-size: 64px;
}
/*密码修改失败*/
.feedback_status[rel-feedbackStatus="1"] [rel-feedbackStatus="false"].change_status{
    background: url(../../image/icon/changeError.png) left center no-repeat;
    -webkit-background-size: 64px;
    background-size: 64px;
}
/*注册成功*/
.feedback_status[rel-feedbackStatus="0"] [rel-feedbackStatus="true"].register_status{
    background: url(../../image/icon/registerSuccess.png) left center no-repeat;
    -webkit-background-size: 64px;
    background-size: 64px;
}
/*注册失败*/
.feedback_status[rel-feedbackStatus="1"] [rel-feedbackStatus="false"].register_status{
    background: url(../../image/icon/registerError.png) left center no-repeat;
    -webkit-background-size: 64px;
    background-size: 64px;
}
.feedback_status .feedback_status_content{
    display: none;
    padding: 10px 0;
    padding-left: 70px;
    text-align: left;
}
/* 反馈状态 END */


/*并列表单*/
.mj-input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.mj-input-group .mj-from, .mj-input-group-addon, .mj-input-group-btn {
    display: table-cell;
}
.mj-input-group .mj-from {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.mj-input-group .mj-from:first-child,
.mj-input-group-addon:first-child,
.mj-input-group-btn:first-child>.btn,
.mj-input-group-btn:first-child>.btn-group>.btn,
.mj-input-group-btn:first-child>.dropdown-toggle,
.mj-input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.mj-input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.mj-input-group .form-control:last-child,
.mj-input-group-addon:last-child,
.mj-input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.mj-input-group-btn:first-child>.btn:not(:first-child),
.mj-input-group-btn:last-child>.btn,
.mj-input-group-btn:last-child>.btn-group>.btn,
.mj-input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.mj-input-group-addon:last-child {
    border-left: 0;
}
.mj-input-group-addon:first-child {
    border-right: 0;
}
.mj-input-group-addon {
    padding: 6px 12px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.mj-input-group-addon, .mj-input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
/*并列表单END*/

/*搜索模块*/
.search_cont{
    position: absolute;
    left: 240px;
    top: 25px;
    width: 560px;
}
.search_cont .shipping_cart .ft-icon{
    width: 30px;
    height: 30px;
    font-size: 30px;
}
.product_search .mj-input-group{
    width: 100%;
}
.product_search_inp{
    border: 1px solid #d8dcdf;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.product_search_inp:focus,
.product_search_inp:hover{
    border-color: #bcbcbc !important;
}
.product_search_btn:focus,
.product_search_btn:hover{
    border-color: #EB4444 !important;
}
.product_search_btn{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 90px;
    padding: 5px 12px;
    border: 2px solid #ff4a4a;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #ff4a4a;
    cursor: pointer;
}
.product_search_btn i.ft-icon{
    color: #fff;
    margin-top: 4px;
}
.product_search_btn:focus,
.product_search_btn:hover{
    background-color: #EB4444 !important;
}
.search_cont[search-style="lang"] {
    font-size: 0;
}
.search_cont[search-style="lang"] .mj-select-item{
    vertical-align: top;
    width: 135px;
    height: 42px;
    border-right: none;
    border-radius: 5px 0 0 5px;
}
.search_cont[search-style="lang"] .mj-select-item.select-item.open {
    box-shadow: none !important;
    border-color: #bcbcbc !important;
}
.search_cont[search-style="lang"] .mj-select-item > span.select-val{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.search_cont[search-style="lang"] .mj-select-item.select-item > ul{
    top: 42px;
    min-width: 240px;
    width: auto;
    height: fit-content;
}
.search_cont[search-style="lang"] .product_search {
    display: inline-block;
    width: calc(100% - 135px);
    vertical-align: top;
}
.search_cont[search-style="lang"] .product_search_btn {
    width: 60px;
}
.search_cont[search-style="lang"] .product_search_inp {
    border: 1px solid #d8dcdf;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.search_cont[search-style="lang"] .product_search_inp:hover,
.search_cont[search-style="lang"] .product_search_inp:focus {
    border-color: #bcbcbc !important;
}
/*搜索模块变小*/
.search_cont[search-style="small"]{
    width: 300px;
    left: auto;
    right: 270px;
}
.search_cont[search-style="small"] .product_search_inp{
    height: 32px;
    line-height: 32px;
    font-size: 13px;
}
.search_cont[search-style="small"] .product_search_btn{
    width: 45px;
    padding: 0;
}
.page_head .search_cont[search-style="small"] .shipping_cart{
    right: -105px;
}
.search_cont[search-style="small"] .shipping_cart .ft-icon{
    height: 26px;
    width: 26px;
    font-size: 26px;
}
.page_head .search_cont[search-style="small"] .cart_pop:before{
    right: 34px;
}
.page_head .search_cont[search-style="small"] .mj_dropdown{
    top: -4px;
    right: -270px;
}
/*搜索空*/
.search_list:empty{
    display: none;
}
.search_nothing{
    display: none;
    height: 300px;
    text-align: center;
}
.search_nothing .ft-icon{
    width: 75px;
    height: 75px;
    font-size: 75px;
    margin-top: 65px;
    margin-bottom: 20px;
    color: #999;
}
.search_nothing .title {
    padding-bottom: 10px;
    font-size: 28px;
    color: #303133;
}
.search_nothing .text{
    font-size: 16px;
    color: #999;
}
/*搜索模块 END*/
/** 覆盖mj-ui **/
.mj-select-item > ul {
    z-index: 10;
    background-color: #fff;
}
/*右侧固定栏*/
.page_footer_fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
}
.page_footer_fixed > .cont_out {
    position: relative;
    margin: 0 auto;
    width: 1240px;
}
.page_footer_fixed .fixed_tool {
    position: absolute;
    right: -50px;
    bottom: 232px;
    height: 74px;
}
.page_footer_fixed .fixed_tool_list:after {
    content: '';
    display: block;
    height: 0;
    font-size: 0;
    position: fixed;
}
.fixed_tool_list li{
    position: relative;
    width: 40px;
    height: 50px;
    background-color: rgba(0,0,0,.5);
    text-align: center;
    cursor: pointer;
}
.fixed_tool_list li + li {
    margin-top: 1px;
}
.fixed_tool_list li:hover{
    background-color: rgba(0,0,0,.6);
}
.fixed_tool_list > li > a{
    display: block;
    width: 40px;
    height: 50px;
}
.fixed_tool_list li .tip_msg{
    display: none;
    position: absolute;
    top: 10px;
    right: calc(100% + 15px);
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    background-color: #303133;
    border-radius: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
}
.fixed_tool_list li .tip_msg:before{
    content: '';
    position: absolute;
    top: 10px;
    left: 100%;
    border: 5px solid #303133;
    border-color: transparent transparent transparent #303133;
}
.fixed_tool_list li:hover .tip_msg{
    display: block;
}
.fixed_tool_list .iconfont{
    display: inline-block;
    font-size: 28px;
    margin-top: 8px;
    color: #fff;
    font-weight: 100;
}
.fixed_tool_list .product_num {
    position: absolute;
    top: 5px;
    right: 3px;
    min-width: 20px;
    height: 20px;
    padding: 1px;
    line-height: 20px;
    border-radius: 10px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    background: #ff4a4a;
    border: 1px solid #ff4a4a;
    font: 12px/17px Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;
    white-space: nowrap;
}
.fixed_tool_list .sidebar_cart{
    background-image: url(../../image/icon/messager.png);
    background-repeat: no-repeat;
    background-position: center -3px;
}
.fixed_tool_list .customer_service{
    background-image: url(../../image/icon/messager.png);
    background-repeat: no-repeat;
    background-position: center -108px;
}
.fixed_tool_list .facebook_msg{
    background-image: url(../../image/icon/messager.png);
    background-repeat: no-repeat;
    background-position: center -55px;
}
.fixed_tool_list .go_top{
    display: none;
    margin-top: 20px;
    background-image: url(../../image/icon/messager.png);
    background-repeat: no-repeat;
    background-position: center -166px;
}
/*contact seller modal*/
.contact_seller_modal .modal-dialog{
    width: 480px;
}
/*contact us*/
.contact_seller_modal table{
    width: 100%;
}
.contact_seller_modal table tr td{
    padding: 10px 0;
    vertical-align: top;
}
.contact_seller_modal table tr td:first-child{
    width: 70px;
}
.contact_seller_modal table tr td input,
.contact_seller_modal table tr td textarea{
    width: 100%;
}
.contact_seller_modal table tr td textarea{
    height: 140px;
    resize: none;
}
/*contact us END*/

/*联系弹层样式*/
.message_modal .msg_txt{
    padding: 5px 10px;
    width: 557px;
    height: 110px;
    line-height: 22px;
}
.message_modal .pic_list .upload_tip{
    display: inline-block;
    margin-left: 20px;
    padding: 25px 0;
    line-height: 25px;
}
.message_modal .pic_list .add_pic {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #d8dcdf;
    width: 100px;
    height: 100px;
    cursor: pointer;
    background: url(../../image/background/add_pic.png?v=1) no-repeat center;
}
.message_modal .pic_list .pic_out {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #d8dcdf;
    width: 100px;
    height: 100px;
}
.message_modal .pic_list .pic_out > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5px;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.message_modal .pic_list .pic_out .pic_remove {
    display: none;
    position: absolute;
    top: -3px;
    right: -3px;
    z-index: 2;
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: #fff;
    background-color: #c4c4c4;
    cursor: pointer;
    border-radius: 50%;
}
.message_modal .pic_list .pic_out:hover .pic_remove {
    display: block;
}
.message_modal .pic_list .pic_out + .pic_out,
.message_modal .pic_list .pic_out + .add_pic {
    margin-left: 10px;
}


/*用户头像*/
.top_head_pic{
    display: block;
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 50%;
}
.top_head_pic img{
    width: 36px;
    height: 36px;
    max-width: 36px;
    max-height: 36px;
    vertical-align: top;
}
.top_head_icon{
    display: block;
    width: 36px;
    height: 36px;
}
/*第1行*/
.top_icon_a{
    background-position: -71px -678px;
}
.top_icon_b{
    background-position: -140px -678px;
}
.top_icon_c{
    background-position: -202px -678px;
}
.top_icon_d{
    background-position: -265px -678px;
}
.top_icon_e{
    background-position: -327px -678px;
}
.top_icon_f{
    background-position: -389px -678px;
}
.top_icon_g{
    background-position: -450px -678px;
}
.top_icon_h{
    background-position: -512px -678px;
}
.top_icon_i{
    background-position: -575px -678px;
}
.top_icon_j{
    background-position: -637px -678px;
}
.top_icon_k{
    background-position: -698px -678px;
}
.top_icon_l{
    background-position: -761px -678px;
}
.top_icon_m{
    background-position: -823px -678px;
}
.top_icon_n{
    background-position: -884px -678px;
}
.top_icon_o{
    background-position: -947px -678px;
}
.top_icon_p{
    background-position: -1009px -678px;
}
.top_icon_q{
    background-position: -1070px -678px;
}
.top_icon_r{
    background-position: -1132px -678px;
}
.top_icon_s{
    background-position: -1195px -678px;
}
.top_icon_t{
    background-position: -1257px -678px;
}
.top_icon_u{
    background-position: -1319px -678px;
}
.top_icon_v{
    background-position: -1380px -678px;
}
/*第2行*/
.top_icon_w{
    background-position: -71px -738px;
}
.top_icon_x{
    background-position: -140px -738px;
}
.top_icon_y{
    background-position: -202px -738px;
}
.top_icon_z{
    background-position: -265px -738px;
}
.top_icon_gogomall{
    background-position: -327px -738px;
}

/*查看大图弹层*/
.smallPic{
    cursor: zoom-in;
}
.big_pic_modal.in .modal-dialog{
    width: 800px;
    height: 600px;
    margin: 10px auto;
}
.big_pic_modal.in .modal-body{
    overflow-y: scroll;
    width: 800px;
    height: 600px;
    padding: 20px;
}
.big_pic_modal.in .modal-body table{
    width: 100%;
}
.big_pic_modal.in .modal-body table td{
    height: 560px;
    min-height: 560px;
}
.big_pic_modal.in .modal-header{
    padding: 0;
}
.big_pic_modal.in .close{
    position: absolute;
    z-index: 20;
    top: 20px;
    right: 15px;
}
.big_pic_modal.in .close span{
    font-size: 24px;
}
.big_pic_modal.in .modal-body img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.small_pic_list li img:hover{
    cursor: zoom-in;
}

/*评论星级*/
.review_rating_list .num{
    display: inline-block;
    margin-left: 5px;
    color: #909399;
    vertical-align: top;
}
.icon_review{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #edfbfb;
    padding: 0 2px;
    cursor: pointer;
    background: url(../../image/icon/review.png) no-repeat center;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    vertical-align: top;
}
.icon_review.on{
    background: url(../../image/icon/review_on.png) no-repeat center;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
}
.icon_review.half{
    background: url(../../image/icon/review_half.png) no-repeat center;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
}
.icon_review_s{
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #edfbfb;
    padding: 0 2px;
    cursor: pointer;
    background: url(../../image/icon/review_s.png) no-repeat center;
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px;
    vertical-align: top;
}
.icon_review_s.on{
    background: url(../../image/icon/review_on_s.png) no-repeat center;
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px;
}
.icon_review_s.half{
    background: url(../../image/icon/review_half_s.png) no-repeat center;
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px;
}

/*head*/
.head_box{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
}
[data-head="gogomall"]{
    background: url(../../image/head/m.1@3x.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
[data-head="gogomallDefault"]{
    background: url(../../image/head/m.2@3x.png) no-repeat;
}
[data-head="A"],[data-head="a"]{
    background: url(../../image/head/m.A@3x.png) no-repeat;
}
[data-head="B"],[data-head="b"]{
    background: url(../../image/head/m.B@3x.png) no-repeat;
}
[data-head="C"],[data-head="c"]{
    background: url(../../image/head/m.C@3x.png) no-repeat;
}
[data-head="D"],[data-head="d"]{
    background: url(../../image/head/m.D@3x.png) no-repeat;
}
[data-head="E"],[data-head="e"]{
    background: url(../../image/head/m.E@3x.png) no-repeat;
}
[data-head="F"],[data-head="f"]{
    background: url(../../image/head/m.F@3x.png) no-repeat;
}
[data-head="G"],[data-head="g"]{
    background: url(../../image/head/m.G@3x.png) no-repeat;
}
[data-head="H"],[data-head="h"]{
    background: url(../../image/head/m.H@3x.png) no-repeat;
}
[data-head="I"],[data-head="i"]{
    background: url(../../image/head/m.I@3x.png) no-repeat;
}
[data-head="J"],[data-head="j"]{
    background: url(../../image/head/m.J@3x.png) no-repeat;
}
[data-head="K"],[data-head="k"]{
    background: url(../../image/head/m.K@3x.png) no-repeat;
}
[data-head="L"],[data-head="l"]{
    background: url(../../image/head/m.L@3x.png) no-repeat;
}
[data-head="M"],[data-head="m"]{
    background: url(../../image/head/m.M@3x.png) no-repeat;
}
[data-head="N"],[data-head="n"]{
    background: url(../../image/head/m.N@3x.png) no-repeat;
}
[data-head="O"],[data-head="o"]{
    background: url(../../image/head/m.O@3x.png) no-repeat;
}
[data-head="P"],[data-head="p"]{
    background: url(../../image/head/m.P@3x.png) no-repeat;
}
[data-head="Q"],[data-head="q"]{
    background: url(../../image/head/m.Q@3x.png) no-repeat;
}
[data-head="R"],[data-head="r"]{
    background: url(../../image/head/m.R@3x.png) no-repeat;
}
[data-head="S"],[data-head="s"]{
    background: url(../../image/head/m.S@3x.png) no-repeat;
}
[data-head="T"],[data-head="t"]{
    background: url(../../image/head/m.T@3x.png) no-repeat;
}
[data-head="U"],[data-head="u"]{
    background: url(../../image/head/m.U@3x.png) no-repeat;
}
[data-head="V"],[data-head="v"]{
    background: url(../../image/head/m.V@3x.png) no-repeat;
}
[data-head="W"],[data-head="w"]{
    background: url(../../image/head/m.W@3x.png) no-repeat;
}
[data-head="X"],[data-head="x"]{
    background: url(../../image/head/m.X@3x.png) no-repeat;
}
[data-head="Y"],[data-head="y"]{
    background: url(../../image/head/m.Y@3x.png) no-repeat;
}
[data-head="Z"],[data-head="z"]{
    background: url(../../image/head/m.Z@3x.png) no-repeat;
}
[data-head-type="bg"]{
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
[data-head-type="bg"] img{
    display: none;
}
[data-head-type="pic"] img{
    width: 100%;
    height: 100%;
}

/*公用icon*/
.icon_shop{
    background: url(../../image/icon/mallicon.png?v=5) no-repeat -20px -18px;
}
.icon_shop_big{
    background: url(../../image/icon/mallicon.png?v=5) no-repeat -533px -47px;
}
.icon_points{
    background: url(../../image/icon/mallicon.png?v=5) no-repeat -192px -125px;
}
.icon_help{
    background: url(../../image/icon/mallicon.png?v=5) no-repeat -244px -124px;
}
.icon_help:hover{
    background: url(../../image/icon/mallicon.png?v=5) no-repeat -289px -124px;
}
.icon_down{
    background: url(../../image/icon/mallicon.png?v=6) no-repeat -443px -129px;
}
.icon_edit{
    background: url(../../image/icon/mallicon.png?v=7) no-repeat -490px -121px;
}

/*mj-ui重置*/
/*分页*/
.paging-module a.current,
.paging-module a.current:hover,
.paging-module a.current:focus {
    background-color: #eb4444;
    color: #fff;
    border: 1px solid #eb4444;
}
.paging-module a:hover {
    border-color: #eb4444;
    color: #eb4444;
}

/*select 下拉*/
.mj-select-item.select-item.open,
.mj-select-item.select-item.open[rel^='b'] {
    border-color: #D8DCDF !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(216,220,223,.6) !important;
}
/*ft-icon*/
.dp20{
    width: 20px;
    height: 20px;
    font-size: 20px;
}
.dp22{
    width: 22px;
    height: 22px;
    font-size: 22px;
}
/*input 输入框*/
.mj-from {
    color: #606266;
}
.mj-from:focus, .mj-from[rel^='d']:focus, .mj-from[rel^='b']:focus, .mj-select-item[rel^='b'] > input:focus {
    border-color: #bcbcbc !important;
    box-shadow: none !important;
}
.mj-btn{
    font-size: 13px;
}

.mj-select-item > ul {
    z-index: 10;
}
/*mj-ui重置 END*/



/*boostrop 模态层位置重置*/
.modal .modal-dialog {
    margin: 0 auto;
    height: 100%;
}
.modal.in .modal-dialog {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* bootstrap 弹层 body滚动条不显示 */
.modal-open .modal {
    overflow-y: hidden;
}

/*boostrop 面包屑样式*/
.breadcrumb {
    padding: 0;
    margin: 0;
    background-color: transparent;
}
.breadcrumb > li > a,
.breadcrumb > li + li:before,
.breadcrumb > .active {
    color: #909399;
}
.breadcrumb > li > a:hover {
    text-decoration: underline;
}
.breadcrumb > li + li:before {
    content: "\003e";
}

/*bootstrap 弹出标签样式*/
.popover {
    border: none;
    box-shadow: 0px 0px 3px 0px rgba(144, 147, 153, 0.3);
    border-radius: 2px;
}

.popover.top {
    margin-top: -14px;
}

.popover.top > .arrow {
    border-width: 9px;
}

.popover.top > .arrow {
    border-top-color: rgba(210, 203, 203, 0.25);
    bottom: -18px;
}

.popover > .arrow:after {
    border-width: 8px;
}
.popover.bottom > .arrow {
    border-bottom-color: rgba(210, 203, 203, 0.25);
    bottom: -18px;
}
.popover.bottom > .arrow:after {
    top: -9px;
    margin-left: -8px;
    border-width: 10px;
}
.popover.bottom>.arrow:after{
    margin-left: -10px;
}

.popover.top > .arrow:after {
    margin-left: -8px;
}
.popover-content{
    display: none;
}
.popover-title{
    line-height: 20px;
    word-break: break-all;
    word-break: break-word;
    background-color: #fff;
    border-bottom: none;
}

/*隐藏分类模块的页面*/
.page_no_category .header_category_module{
    display: none;
}