/*
* 绿色： #0CB76C
* 红色： #EC5858
*蓝色： #049FE2
 #287FBF
 蓝色背景 #3b5998 
*/

body {
    /*background: #F2F5F9;*/
    /*background: url(../../img/bg.jpg) #000 repeat-y;*/
	background-size: 100% auto;
	position: relative;
}


/***************首页样式定义***********************/

.footer .text {
    color: #333;
    margin-top: 0px;
}

.footer .fa {
    font-size: 20px;
    margin: 5px;
    color: #3b5998;
}

.footer .active .text,
.footer .active .fa {
    color: #EC5858;
}

.header {
    /*background: #3b5998;*/
}

.header .nav_inner {
    background:#1E9FFF;
}

.category-top {
    background: #0CB76C;
    padding: 10px;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    padding-top: 2em;
}

.category-top .fa {
    color: white;
    font-size: 30px;
}

.category-top h5 {
    line-height: 1.75em;
    color: white;
    font-weight: lighter;
    letter-spacing: 1px;
}

.tab_tit {
    font-size: 16px !important;
    font-weight: normal;
    letter-spacing: 1px;
}

.tb_box {
    border: 0px;
}

.userinfo {
    margin: 15px -15px;
    /* border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5; */
    padding: 0px 15px;
}

.userinfo .row {
    background: white;
    padding: 10px 0px;
}

.userinfo .block {
    border-radius: 10px;
    background: #1DB46C;
    color: white;
    padding: 15px 20px;
    margin-right: -5px;
    overflow: hidden;
    position: relative;
}
.userinfo .grey-cascade {
    border-radius: 10px;
    background: #525e64;
    color: white;
    padding: 15px 20px;
    margin-right: -5px;
    overflow: hidden;
    position: relative;
}
.userinfo .green-turquoise {
    border-radius: 10px;
    background: #36D7B7;
    color: white;
    padding: 15px 20px;
    margin-right: -5px;
    overflow: hidden;
    position: relative;
}
.userinfo .block-blue {
    margin-right: 0px;
    margin-left: -5px;
    background: #2883C9;
}
.userinfo .font-haze {
    margin-right: 0px;
    /*margin-left: -5px;*/
    background: #1BBC9B;
}
.userinfo .font-yellow-mint {
    margin-right: 0px;
    margin-left: -5px;
    background: #c5b96b;
}
.userinfo .block-red {
    margin-right: 0px;
    margin-left: -5px;
    background: #e7505a;
}
.userinfo .block-purple {
    margin-right: 0px;
    margin-left: -5px;
    background: #8775a7;
}
.userinfo .fa {
    font-size: 100px;
    color: red;
    opacity: 0.1;
    position: absolute;
    bottom: -10px;
    right: -0px;
    /* width:100%;
    height: 100%;
    background: url(../images/menu1.jpg) no-repeat;
    background-size: auto 100%; */
}

.userinfo .block-blue .fa {
    right: 10px;
}

.userinfo .block p {}

.row-top p {
    color: #818181;
    font-size: 14px;
    margin: 10px 0px 0px;
}

.row-top h3 {
    color: #171717;
    margin: 10px 0px;
    font-size: 28px;
}



/**********订单管理&商城**********/

.mall {}

.mall .header {
    background: transparent;
}

.mall .header .fix_nav {
    background: url(../images/4.jpg) no-repeat center top;
}

.mall .top-container {
    background: url(../images/4.jpg) no-repeat center top;
}

.mall .logo {
    width: 25%;
    position: relative;
    margin: 30px auto;
}

.mall .logo img {
    width: 100%;
}

.mall .toptitle {
    text-align: center;
    color: white;
    font-weight: lighter;
    line-height: 25px;
    letter-spacing: 1px;
}

.mall .brand {
    position: absolute;
    bottom: -5px;
    left: 50%;
    background: #FF7518;
    color: white;
    font-size: 12px;
    display: inline-block;
    line-height: 20px;
    width: 70px;
    text-align: center;
    font-weight: lighter;
    margin-left: -35px;
    border-radius: 5px;
    letter-spacing: 2px;
}


/*订单管理*/

.bill {}

.bill .middle {
    /*background: white;*/
    padding: 30px 0px;
}

.icon-item {
    text-align: center;
}

.icon-item img {
    width: 60%;
    max-width: 150px;
}

.icon-item p {
    font-size: 15px;
    line-height: 30px;
    margin-top: 10px;
    letter-spacing: 1px;
}

.top-category {
    /*position: fixed;*/
    /*top: 44px;*/
    width: 100%;
    background: white;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #ddd;
    z-index: 10;
    left: 0px;
    font-size:19px;
}

.top-category .col-xs-4,
.top-category .col-xs-3,
.top-category .col-xs-6 {
    border-bottom: 1px solid#CBCBCB;
}

.top-category .active {
    border-bottom: 4px solid#A36B1A;
}

.top-container {
    /* overflow: hidden; */
}

.top-container .fix_nav {
    /*background: #F6383A;*/
    position: fixed;
}

.bill .price {
    font-size: 15px;
}


/*************人员管理**************/

.people {}

.people .fix_nav {
    /*background: #049FE2;*/
}

.people .middle {
    background: white;
    padding: 30px 0px;
}

.people .yeji {
    border: 1px solid #eee;
    line-height: 100px;
    text-align: center;
}

.people-group .middle {
    background: inherit;
    padding-top: 15px;
}

.people-group .row {
    background: white;
}

.people-group .top-category {
    position: relative;
    top: 0px;
    margin-top: 15px;
    height: 50px;
    line-height: 50px;
}

.people-group .top-category .active {
    color: #0CB76C;
}

.newuser {
    text-align: center;
    color: #353535;
    margin: 0px;
}

.newuser .col-xs-6:first-child {
    border-right: 1px solid #F2F5F9;
}

.newuser .col-xs-6:last-child {
    border-left: 1px solid #F2F5F9;
}

.list-group2 {
    margin: 10px 0px;
}

.people-group .list-group2 {
    display: none;
}

.list-group2 .list-group-item {
    border: 0px;
    border-bottom:1px solid #A36B1A;
    margin-bottom: 0px;
    font-size:15px;
}
.list-group2 .list-group-item .p25 {
   width:40%;
   float:left;
   text-align:center;
   position:relative;
   margin-left:-8%;
}
.list-group2 .list-group-item .p20 {
   width:20%;
   float:left;
   text-align:center;
}
.list-group2 .list-group-item .p15 {
   width:15%;
   float:left;
   text-align:center;
}
.list-group2 .list-group-item .cUser {
   color:white;
}
.list-group2 .list-group-item .cQty {
   color:white;
}
.list-group2 .list-group-item .cPrice {
   color:white;
}

.list-group2 .pull-left {
    /* line-height: 50px; */
    /* text-indent: 60px; */
}

.max_price{
     color:#ff0000;
     font-weight:bolder;
     margin-right:15px;
}
.min_price{
     color:darkgreen;  
     margin-right:15px;   
}
.s_poundge{
     color:darkgoldenrod;  
     margin-right:15px;   
}

.list-group2 .pull-left .sName {
    margin-left:15px;
    color:#3b5998;
    font-weight:bolder;
}

.list-group2 .pull-left .sMobile {
    margin-left:15px;
    color:#287FBF 
}

.list-group2 .pull-right {
    font-size: 12px;
    padding-top: 5px;
    line-height: 20px;
}

.list-group2 .logo {
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 50%;
    border: 1px solid #ddd;
    text-indent: 0px;
}

.logo img {
    width: 100%;
    height: 100%;
    display: block;
}

.list-group .label {
    font-weight: lighter;
}

.invite .list-group .pull-left {
    line-height: 25px;
    color: #1A1A1A;
}

.invite .summary {
    font-size: 13px;
    color: #808080;
}


/************财富管理************/

.wealth {}

.wealth .fix_nav {
    background: #EC5858;
}

.wealth .newuser {
    background: white;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
}

.wealth .middle {
    background: white;
    padding: 30px 0px;
}

.wealth .p-pic {
    text-align: center;
    padding-top: 3px;
}

.wealth .list-group .list-group-item:first-child {
    background: #FFF0F0;
}


/************个人中心************/

.personal {
    color: #494949;
}

.personal img {
    /*width: 100%;*/
}


.personal .logotop {
    background: white;
    padding: 10px;
    height:150px;
    margin-top:10px;
}
.personal .logotop .dbc_key {
    font-family:"Microsoft YaHei";
    font-size: 18px;
    font-weight:bolder;
    color:navy;
    padding:0px 0;
}
.personal .logotop .dbc_price {
    font-family:"Microsoft YaHei";
    font-size: 12px;
    font-weight:bolder;
    color:navy;
    padding:0px 0;
}
.personal .logotop .dbc_lock {
    font-size:12px;
    font-weight:300;
    padding:5px 0;
}
.personal .logotop .dbc_rec {
    font-size:12px;
    font-weight:300;
    padding:5px 0;
    color:crimson;
}
.personal .toptitle {
    margin-top: 50px;
    text-align: center;
}

.personal .logo {
    width: 80px;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    border: 0px solid red;
    z-index: 10;
}

.personal .list-group-item {
    font-size: 14px;
    color:white;
}

.personal .list-product-item {
    font-size: 14px;
    color: #494949;
    height: 120px;
}

.personal .list-group-item .pull-left .fa {
    /* color:#D6D6D6; */
    font-size: 15px;
}

.pd0{
    padding:0;
}
/*个人中心，九宫格*/
.ct9{
    height:100px;
    text-align:center;
    padding-top:15px;
}
.ct9 img{
    height:40px;
    width:40px;
}

.myform .pull-left {
    padding-top: 5px;
}

.myform input[type="text"],
.myform input[type="password"] {
    padding: 15px 8px;
    margin: 0px;
    border: 0px;
    background: transparent;
    text-align: right;
    color:white;
}

.myform input[type="text"]:focus,
.myform input[type="password"]:focus {
    /* box-shadow:#0CB76C 0px 0px 2px; */
    border-bottom: 1px solid #0CB76C;
}

.viewmore {
    text-align: center;
    background: white;
    margin: 20px 0px 0px 0px;
    padding: 10px 0px;
    font-size: 14px;
    color: #333;
}

.viewmore .ing {
    display: none;
}

.viewmore.loading .ing {
    display: block;
}

.viewmore.loading .text {
    display: none;
}

.list-panel {
    display: none;
}

.list-panel.active {
    display: block;
}

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


/*******大屏处理***/

@media (min-width:768px) {
    .top-category {
        max-width: 768px;
        /*left: 50%;
        margin-left: 20%;*/
    }
    .top-container .fix_nav {
        max-width: 768px;
        left: 50%;
        margin-left: -384px;
    }
}


/********商品详情*******/

.details_con ul li {
    color: #999;
    font-size: 13px;
    padding: 10px 0px;
}

.details_con label {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
}

.details_con ul li .parities {
    padding: 5px 0 10px 0;
    border-bottom: 1px solid #ddd;
}

.details_con ul li .black {
    color: #333;
}

.details_con ul li .price {
    font-size: 20px;
    color: #ce0000;
}

.details_con ul li dl {
    display: inline-block;
    width: 82%;
    vertical-align: top;
    margin-top: -3px;
}

.details_con ul li dl dd,
.details_con .minus,
.details_con .count,
.details_con .add {
    display: inline-block;
    color: #333;
    padding: 4px 10px;
    border: 1px solid #aaa;
    margin: 0 10px 5px 0;
    position: relative;
    cursor: pointer;
}

.details_con .selected {
    color: #ce0000;
    font-size: 16px;
    padding-bottom: 10px;
    display: block;
}

.details_con ul li dl .check {
    border: 1.5px solid #d41e1e;
}

.details_con ul li dl .attr_sold_out {
    border: 1.5px dashed #aaa;
    cursor: not-allowed;
}

.details_con ul li dl .check span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/checkIcont.png) no-repeat;
    position: absolute;
    bottom: -1px;
    right: -1px;
}

.details_con .count_div {
    display: inline-block;
}

.details_con .count {
    color: #ddd;
    background-color:transparent;
    font-size: 13px;
    height: 25px;
    vertical-align: middle;
    width: 40px;
    -webkit-appearance: none;
}

.details_con .address {
    color: #ddd;
    background-color:transparent;
    font-size: 13px;
    height: 25px;
    vertical-align: middle;
    padding-left:3px;
    width:400px;
    /*width: 40px;*/
    -webkit-appearance: none;
}
.details_con .minus,
.details_con .add {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    width: 10px;
    text-align: center;
    height: 25px;
    vertical-align: middle;
    background: url(../images/addIcon.png) no-repeat center 90%;
    background-size: auto 600%;
}

.details_con .minus {
    background-position: center 50%;
}

.details_con .disabled {
    background-position: center 10%;
}

 /*支付弹窗*/
        .PayPopupBg {
            background: #000;
            position: fixed;
            z-index: 999;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            opacity: 0.5;
        }

        .PayPopupBox {
            width: 80%;
            position: fixed;
            top: 30%;
            left: 10%;
            z-index: 999;
            background: #fff;
            border-radius: 5px;
            min-height: 10em;
            overflow: visible;
            opacity: 1;
        }

            .PayPopupBox h3 {
                border-bottom: 1px solid #dedede;
                line-height: 2em;
                color: #333;
                text-align: center;
            }

            .PayPopupBox .Inp {
                width: 85%;
                margin: 1.8em auto 0;
                padding: 0.5em;
                border: 1px solid #eee;
                border-radius: 5px;
            }

                .PayPopupBox .Inp input {
                    border: none;
                    width: 100%;
                    color: #5e5955;
                }

            .PayPopupBox .Btn {
                width: 100%;
                text-align: center;
                border-top: 1px solid #eee;
                padding: 1.5em 0;
                margin-top: 1.5em;
            }

                .PayPopupBox .Btn a {
                    color: #999;
                    background: #f2f2f2;
                    width: 38%;
                    padding: 0.5em;
                    border: 1px solid #eee;
                    border-radius: 5px;
                    display: inline-block;
                    margin: 0 0.5em;
                }

                .PayPopupBox .Btn .PayBtn {
                    color: #fff;
                    background: #3b5998;
                    border: 1px solid #3b5998;
                }