.swiper-container {
    max-width: 1200px;
    height: auto;
}

.swiper-slide img {
    height: auto;
    width: 100%;
}

.warp {
    /*height: 350px;*/
    /*background-color: red;*/
    max-width: 1200px;
    margin: 20px auto;
}

.warp1 {
    display: flex;
    display: -webkit-flex;
    overflow: hidden;
    /*background:white; */
    height: 450px;
}

.warp1-left {
    flex: 3;
    margin-right: 20px;
}

.warp1 .type {
    min-width: 38%;
}

.warp1 .notice {
    /*max-width: 59.2%;*/
    width: 59.2%;
    margin-left: 20px;
}

.warp1>.login {
    flex: 1;
    height: 350px;
    /* background: url(../images/userpanel_02.jpg); */
}

.titlebar {
    height: 50px;
    background-color: #F30;
    color: white;
    font-size: 16px;
    line-height: 50px;
    text-indent: 20px;
}

.type-box {
    background-color: white;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
}

.type-box>div {
    flex: 1;
    padding-top: 10px;
    position: relative;
}

.type-box>div.item {
    padding-top: 96px;
    border-bottom: 1px solid #eee;
}

.type-box>div>a {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
}

.type-box>div>a:hover {
    color: red;
    text-decoration: underline;
}

.type-box .left {
    width: 70px;
    height: 60px;
    position: absolute;
    top: 15px;
}

.type-box a {
    position: absolute;
    top: 15px;
    left: 90px;
}

.type-box>div>span {
    position: absolute;
    left: 90px;
    top: 60px;
    color: #999;
}

.notice-box {
    /*height: 300px;*/
    background-color: white;
}

.notice .more {
    float: right;
    margin-right: 15px;
    color: white;
}

.notice-box .notice-item {
    display: block;
    text-indent: 10px;
    height: 34px;
    width: 100%;
    line-height: 35px;
    border-bottom: 1px dotted #eee;
}

a.notice-item:last-child {
    border-bottom: none
}

.notice-box .notice-addtime {
    float: right;
    clear: both;
    margin-right: 15px;
}

.notice-title {
    display: inline-block;
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.login .avatar {
    height: 122px;
    padding: 15px 0px 25px 4px;
    /* background: #adabc0; */
    background: url(../images/userpanel_02.jpg) no-repeat;
    background-size: 100%;
}

.login .avatar img {
    width: 80px;
    height: 80px;
    float: left;
}


/* .login .avatar p{
    float: left;
    color: #333;
    padding: 30px;
} */

.login .avatar .users {
    margin-top: 19px;
}

.login .avatar .users p {
    font-size: 17px;
}

.login-out {
    width: 100%;
    margin-right: 10px;
    height: 33px;
    position: absolute;
    top: 84px;
    left: 43px;
}

.login-out .btn-marg a {
    color: white;
    font-weight: bold;
    border-radius: 5px;
    margin-right: 20px;
}

.login-out .btn-marg a:hover {
    background: white;
    color: #333;
}

.line-top {
    margin-top: 1px;
    background: #adabc0;
}

.new-list {
    background: white;
    padding: 10px;
    min-height: 217px;
}

.new-list h3 {
    font-weight: 600;
    font-size: 16px;
}

.new-list ul {
    margin-top: 10px;
    padding: 0;
    background: white;
}

.new-list ul li {
    line-height: 31px;
    list-style-type: none;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    list-style-position: inside;
}

.new-list h3 a {
    float: right;
    padding-right: 10px;
    line-height: 26px;
    font-size: 12px;
    font-weight: 300;
    ;
}

.login .login-btn p {
    font-size: 16px;
    color: white;
    width: 200px;
    position: absolute;
    left: 60px;
    top: 28px;
}

.login-right {
    width: 100%;
    position: absolute;
    top: 106px;
    left: 60px;
}

.login-right a {
    font-weight: bold;
    border-radius: 5px;
    margin-right: 40px;
}

.line-bottom {
    height: 4px;
}

.login .login-btn>a {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    width: 20px;
}

.login .login-btn a {
    font-size: 16px;
    color: white;
    text-align: center;
}

.login .login-btn a:hover {
    background-color: white;
    color: #333;
}

.login .islogin {
    color: white;
    font-weight: bolder;
}

.login .islogin>div:nth-child(2) {
    margin-top: 20px;
}

.login .islogin>div:nth-child(2)>a {
    color: white;
    display: block;
    border: 1px solid white;
    width: 80px;
    height: 25px;
    line-height: 25px;
    margin: 0 auto;
    border-radius: 10px;
    font-size: 14px;
    margin-bottom: 10px;
}

.warp2 {
    /*height: 200px;*/
    display: flex;
    display: -webkit-flex;
}

.warp2-title {
    height: 25px;
}

.warp2-left {
    flex: 3;
}

.warp2-right {
    flex: 1;
    margin-left: 20px;
}

.title-tips {
    width: 10px;
    background-color: #F30;
    margin-right: 5px;
}

.warp2-title div {
    height: 22px;
    font-size: 18px;
    display: inline-block;
    line-height: 25px;
}

.warp2-title .title {
    font-size: 16px;
    padding: 2px 10px;
    cursor: pointer;
}

.warp2-title .active {
    background-color: #F30;
    color: white;
}

.title-text {
    height: 25px;
    line-height: 25px;
}

.warp2-left-content {
    height: 350px;
    background-color: white;
    margin-top: 2px;
}

.warp2-left-content .typebar {
    height: 40px;
    width: 100%;
    border-bottom: 1px solid #DDD;
    border-top: 1px solid #DDD;
}

.warp2-left-content .item {
    text-align: center;
    height: 37px;
    line-height: 35px;
}

.warp2-left-content .item-box {
    border-bottom: 1px dotted #bdbdbd;
}

.warp2-left-content .item-box:last-child {
    border-bottom: none;
}

.warp2-left-content .item-box:hover {
    box-shadow: 0px 0px 8px #bdbdbd;
    cursor: pointer;
}

.warp2-right-content {
    padding: 20px 15px;
    height: 310px;
    background-color: white;
}

.warp2-right-content .item {
    display: block;
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
}

.warp2-right-content .item .time {
    margin-right: 5px;
    display: inline-block;
}

.warp2-right-content .item .title {
    width: 170px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.warp3 {
    width: 100%;
}

.warp3-content {
    background-color: rgb(0, 0, 0);
    padding: 20px 10px;
    /* display: flex;
    display: -webkit-flex; */
    /* flex-wrap: wrap; */
}

.warp3-content .shop-box {
    width: 185px;
    height: 220px;
    margin: 0 auto;
    border: 1px solid #ce5151;
    padding: 10px;
    background: #923333;
}

.warp3-content .shop-box:hover {
    box-shadow: 0 0 10px #CCC;
}

.warp4 {
    width: 100%;
    height: auto;
}

.warp4-content {
    background-color: white;
    border-top: 10px solid rgb(192, 25, 25);
    padding: 15px 10px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    background: #333;
}

.warp4-content .item {
    width: 100%;
    margin-bottom: 5px;
}

.shop-box .shop_icon {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

.shop-box>div:first-child {
    margin-top: 8px;
}

.shop-box .shop-name {
    color: rgb(197, 197, 197);
    margin-top: 10px;
    text-align: center;
    height: 40px;
}

.shop-box .shop-area {
    color: rgb(182, 189, 185);
    margin-bottom: 20px;
    margin-top: 10px;
}

.shop-box .shop-area>div {
    margin-bottom: 5px;
}

.shop-box .goshop-btn {
    display: block;
    width: 100px;
    background-color: #d87e00;
    color: white;
    text-align: center;
    padding: 5px 0;
    margin: 0 auto;
    border-radius: 5px;
}

.shop-box .goshop-btn:hover {
    background: #F30;
}

.shop-box .goshop-group-btn {
    display: block;
    width: 100px;
    background: tomato;
    color: white;
    text-align: center;
    margin: 0 auto;
    padding: 10px 20px;
}

a.goshop-group-btn:hover {
    background: rgb(224, 9, 9);
}

#price_table {
    border: 1px #CCC solid;
    background: #e9f2f3;
    margin-top: 30px;
    margin-bottom: 30px;
}

#price_tabel th,
td {
    padding: 5px 10px;
}

.total {
    min-width: 1000px;
    max-width: 1200px;
    margin: 0 auto;
}

.total-box {
    display: flex;
    padding: 25px 0;
}

.total .total-row {
    flex: 1;
    /*width: 300px;
    text-align: center;*/
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    display: -o-box;
    -o-box-orient: horizontal;
    -o-box-pack: center;
    display: -ms-box;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
}

.total .total-row .total-con {
    /*width: 200px;*/
    margin: 0 auto;
}

.total .total-text {
    text-align: center;
    line-height: 35px;
    border: dotted 1px #2e3444;
    width: 180px;
    padding: 20px 0 0;
}

.total-num {
    background: #2b2222;
}

.total .total-text i {
    font-size: 48px;
    font-weight: 500;
    color: #db1717;
}

.total-note {
    color: #919191;
}


/* 欢迎登录 */

.login-wrap {
    /*height: 350px;*/
    background-color: white;
    position: relative;
}


/* 纵向滚动条 */

.scroll {
    height: 350px;
    overflow-y: scroll;
}

.scroll::-webkit-scrollbar {
    display: none
    /* 隐藏滚动条，但依旧具备可以滚动的功能 */
}

.child3 {
    height: auto;
}

.child4 {
    border-bottom: 1px solid #eee;
}

.seo {
    height: 30px;
}

.seo li {
    line-height: 30px;
    margin-right: 10px;
}

.seo li a {
    color: #999;
}


/*外部数据*/

#data_cctd {
    background-color: #463858;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.text-center {
    text-align: center !important;
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.text-white {
    color: #fff !important;
}

.bg-blue2 {
    background-color: rgb(57, 44, 95);
}

.cctd-item {
    padding: 15px;
}

.cctd-item p {
    margin-bottom: 10px;
}

.cctd-item span {
    color: #f75d04;
    font-weight: 700;
}

.bg-blue-light {
    background-color: rgb(212, 221, 238);
}

.product_table {
    padding: 15px;
    margin-top: 20px;
    height: 30px;
    line-height: 30px;
    background: #92a2cf;
    font-size: 22px;
    text-align: center;
    /* color: white; */
}

.layui-table,
.layui-table-view {
    margin: 0;
}