@charset "utf-8";
/* CSS Document */
html {
    background: #fff none repeat scroll 0 0;
    height: 100%;
}
body {
    background: #fff none repeat scroll 0 0;
    color: #666;
    margin: 0 auto;
    min-height: 100%;
    min-width: 320px;
    max-width: 640px;
    font-size: 14px;
    /*font-family: "微软雅黑 Light";*/
    line-height: 20px;
}
* {
    margin: 0;
    padding: 0;
}
a {
    color: #666;
    text-decoration: none;
    cursor: pointer;
}
ul {
    list-style: none;
    height: auto;
    overflow: hidden;
}

input[type=text],input[type=number],input[type=tel],input[type=search] {
    -webkit-appearance: none!important;
}

input[type=date]::-webkit-inner-spin-button
{
    visibility: hidden;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

input[radio], input[checkbox], select {
    cursor: pointer;
}
.f-12{
    font-size:12px;
}

/* 清除浮动 */
.clearfix {zoom: 1;}
.clearfix:before,.clearfix:after { content: ''; display: table;}
.clearfix:after {clear: both;}

.container,thread-container {
    min-height: 100%;
    min-width: 320px;
    max-width: 640px;
    overflow-y: auto;
}

.fixed-top {
    position: fixed;
    width: 100%;
    max-width: 640px;
    top: 0;
    z-index: 10;
    background-color: #fff;
}
.weui-search-bar-right{
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    box-sizing:border-box;
    background-color:#EFEFF4;
    width: 76px;height: 44px;
    /*float: left*/
}
.weui-search-bar-right:before{
    content:" ";
    position:absolute;
    left:0;
    top:0;
    right:0;
    height:1px;
    border-top:1px solid #D7D6DC;
    color:#D7D6DC;
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    -webkit-transform:scaleY(0.5);
    transform:scaleY(0.5);
}
.weui-search-bar-right:after{
    content:" ";
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    height:1px;
    border-bottom:1px solid #D7D6DC;
    color:#D7D6DC;
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    -webkit-transform:scaleY(0.5);
    transform:scaleY(0.5);
}

.weui-search-bar-right a {
    color: #e12532;
    font-family: FontAwesome;
    display: inline-block;
    line-height: 36px;
    margin-top: 4px;
    font-size: 26px;
}

.weui-search-bar-right a.user-config {
    /*color: dodgerblue;*/
    font-size: 18px;
}
.weui-search-bar-right a.user-config:before {
    content: "\f013";
    margin-right: 10px;
}

.weui-search-bar-right a.list-type:before {
    content: "\f0ca";
}
.weui-search-bar-right a.list-type.list:before {
    content: "\f009";
}

.fixed-top .setting-bar { width: calc(100% - 76px)!important; float: left!important; }
.fixed-top .top-tools .head-link { width: 40px; float: left; font-size:18px;display: inline-block; line-height: 44px;text-align: center;color: #e12532; cursor: pointer}
.fixed-top .top-tools .weui-search-bar { width: calc(100% - 120px); float: left }
.goods-list li .info.info-th {display: none}
.goods-list2 li a .info.info-list {display: none}


.goods-container {padding-top: 88px;}
.goods-container.goods-manager {padding-top: 60px;}
.menu-bar-container .search-list-container  {padding-top: 44px;}
.menu-bar-container .menu-bar  {display: block}

header {text-align: center;height: 50px; line-height: 50px; font-size: 18px; color: #fff; background-color: #e12532;position: relative}
header .back { position: absolute; left: 0px;font-size: 30px;line-height: 50px;display: inline-block;width: 50px; color: #fff}

.menu-bar {display:none;height: 40px; line-height: 40px;font-size:16px;z-index: 999;overflow-y: hidden; margin-top:1px;background-color: #EFEFF4}
.menu-list {overflow-x: scroll;white-space: nowrap; height: 40px;}
.menu-bar a {display: inline-block; padding: 0 14px;overflow: visible}
.menu-bar a:first-child {padding-left: 10px;}
.menu-bar a:last-child {padding-right: 10px;}
.menu-bar a.on {color:#e12532 }

.navigation {
    position: relative;
    display: flex;
    background-color: #EFEFF4;
    padding: 6px 0px;
}

.navigation a{

    display: inline-flex;
    flex: 1;
    display: block;
    -webkit-flex: 1;
    text-align: center;
    line-height: 22px;
    font-size: 14px;

}
.navigation a img{
    display: block;
    /*width: 80%;*/
    max-width: 40px;
    max-height: 40px;
    margin: 0 auto;
    margin-bottom: 4px;
}

.goods-category { width:160px;position:fixed; background-color:#fff; z-index:100; display:none;height:100%;overflow-y: scroll;top:0;right: 0}
.goods-category a { display: block;line-height: 36px;padding-left: 10px;border-bottom: 1px solid #f1f1f1}
.goods-category a.on { color: #c62231}
.goods-category h3 { padding: 10px 0px 10px 10px;border-bottom: 1px solid #c62231}

.nav {display: flex; display: -webkit-flex;text-align: center;color: #303030;border-bottom: 2px solid #f1f1f1;}
.nav div,.nav span,.nav a {line-height: 40px; display: block;width: 100%;margin: 0 20px;}
.nav div.on,.nav span.on,.nav a.on {border-bottom: 2px solid #c62231;color: #d04467}

/*.goods-list {border-top: 1px solid #f1f1f1;}*/
.goods-list .nav-tab-item {display: none;overflow-y: scroll}
.goods-list .nav-tab-item.on {display: block;}
.goods-list li {border-top: 1px solid #f1f1f1;padding: 10px;}
.goods-list li:first-child {border-top: none}
.goods-list li:last-child {border-bottom: 1px solid #f1f1f1;}
.goods-list li {display: flex; display: -webkit-flex;}
/*.goods-list li {display: block; }*/
.goods-list li .goods-image {width: 108px; height: 108px;margin-right: 10px;float: left}
.goods-list li .goods-image img {width: 100%}
.goods-list li img {width: 108px; height: 108px;margin-right: 10px;}
.goods-list li .info {width: calc(100% - 118px); float: right;}
.goods-list li .info .stocks {font-size: 12px; border: 1px solid #e59c4a; color: #eaad6f; border-radius: 3px; padding: 0 4px;}
.goods-list li .info .commission {display:inline-block;font-size: 14px; border: 1px solid #e12532; color: #e12532; border-radius: 3px; padding-right:4px;line-height: 24px;}
.goods-manager .goods-list li .info .commission {line-height: 22px;}
.goods-list li .info .commission:before {content:"佣金";background-color:#e12532;padding:0 4px;margin-right: 4px;color: #fff;display:inline-block;line-height: 24px;}
.goods-manager .goods-list li .info .commission:before {line-height: 22px;}
.goods-list li .info .time {float: right}
.goods-list li .info .expired-date {margin-bottom: 4px;}
.goods-list li .info .name {font-size: 16px;color: #060606;margin: 10px 0;max-height: 40px;overflow: hidden; text-overflow: ellipsis;}
.goods-list li .info .name {font-size: 16px;color: #060606;margin: 10px 0;max-height: 40px;overflow: hidden; text-overflow: ellipsis;}
.goods-manager .goods-list li .info .name {font-size: 14px; margin: 4px 0;height: 20px; text-overflow: ellipsis}
.goods-list li .info .price {font-size: 14px;color: #e12532;}
.goods-manager .goods-list li .info .price {font-size: 14px;}
.goods-list li .info .price:before {content: "￥"; margin-right: 2px;}
.goods-list li .info .price .original {font-size: 12px;color: #7e7e7e; text-decoration: line-through;margin-left: 2px;}
/*.goods-list li .info .price .original:before {content: "[ ￥"; }*/
/*.goods-list li .info .price .original:after {content: " ]"; }*/
.goods-list li .info .stat  {height: 20px;padding: 0 4px;}
.goods-list li .info .stat span {display: inline-block;width: 50%;overflow: hidden;color: #060606;line-height: 20px;}

.goods-manager .goods-list li .info .btns {margin-top: 10px;text-align: right}
.goods-manager .goods-list li .info button {margin-left:20px;text-align: center; border: none; display: inline-block;border-radius: 5px; padding: 2px 10px;color: #fff; font-size: 14px; background-color:#e12532;}
.goods-manager .goods-list li .info button.disabled {background-color: #d8d8d8 !important;color: #666}
.goods-manager .goods-list li .info .price .stat{color: #060606;line-height: 20px;float: right}
.goods-manager .goods-list li .info .wenan {display: none}

.goods-list li .info .price button {width: 70px; text-align: center;float: right; outline:none;border: none; display: inline-block;margin: -4px 4px 0 0; border-radius: 5px; padding: 2px;color: #fff; font-size: 14px; background-color:#e12532;}
.goods-list li .info a.btn {display:inline-block; width: 80px; text-align: center;float: right; border: none; display: inline-block;margin: -4px 4px 0 0; border-radius: 5px; padding: 2px 8px;color: #fff; font-size: 16px; background-color:#e12532;}
.goods-list li .info .price button.btn-status {width: 60px;padding: 2px;font-size: 14px;}
.goods-list li .info .price button.disabled {background-color: #d8d8d8 !important;color: #666}



.goods-list2,.goods-list {margin-top: 40px;}
.goods-manager .goods-list {margin-top: 0px;}
.goods-list2 .nav-tab-item {display: none;overflow-y: scroll}
.goods-list2 .nav-tab-item.on {display: block;}
.goods-list2 li {border-top: 1px solid #f1f1f1;width: 50%;float: left}
.goods-list2 li:first-child,.goods-list2 li:nth-child(2) {border-top: none}
.goods-list2 ul {border-bottom: 1px solid #f1f1f1;}
.goods-list2 li a {display: block;padding: 10px;}
.goods-list2 li a img {width: 100%;}
.goods-list2 li a .info {font-size: 14px;margin-top: 6px;}
.goods-list2 li a .time {margin-bottom: 4px;}
.goods-list2 li a .info .name {font-size: 13px;margin-top: 6px;height: 20px; line-height: 20px;overflow: hidden;text-overflow: ellipsis;}
.goods-list2 li a .price-info {display: flex}
.goods-list2 li a .price-info>div {flex: 1;text-align: center;}
.goods-list2 li a .price-info>div p {line-height:28px;font-size: 16px; color: #e12532}

.goods-list2 li a .info button {display: block; width: 100%; text-align: center; border: none; border-radius: 8px; color: #fff; font-size: 18px; line-height: 30px; background-color:#e12532;}
.goods-list2 li a .info button.disabled {background-color: #d8d8d8 !important;color: #666}

/*.goods-list2 li a .price-info>div {width: 50%;float: left;text-align: center}*/

.goods-list2 li a .info .stocks {font-size: 12px; border: 1px solid #e59c4a; color: #eaad6f; border-radius: 3px; padding: 0 4px;}
.goods-list2 li a .info .commission {float:right; display:inline-block;font-size: 12px; border: 1px solid #e12532; color: #e12532; border-radius: 3px; padding-right:2px;line-height: 18px;}
.goods-list2 li a .info .commission:before {content:"佣金";background-color:#e12532;padding:0 3px;margin-right: 2px;color: #fff;display:inline-block;line-height: 18px;}
/*.goods-list li .info .time {float: right}*/
/*.goods-list li .info .name {font-size: 16px;color: #060606;margin: 10px 0;max-height: 40px;overflow: hidden; text-overflow: ellipsis;}*/
/*.goods-manager .goods-list li .info .name {font-size: 14px; margin: 4px 0;}*/
.goods-list2 li a .info .price {font-size: 16px;color: #e12532;}
/*.goods-list2 li a .info .price  {display: inline-block;}*/
.goods-list2 li a .info .price:before {content: "￥"; margin-right: 2px;}
.goods-list2 li a .info .price .original {font-size: 14px;color: #7e7e7e; text-decoration: line-through;margin-left: 4px;}
/*.goods-list2 li a .info .price .original:before {content: "[ ￥"; }*/
/*.goods-list2 li a .info .price .original:after {content: " ]"; }*/
/*.goods-list li .info .stat  {height: 20px;padding: 0 4px;}*/
/*.goods-list li .info .stat span {display: inline-block;width: 50%;overflow: hidden;color: #060606;line-height: 20px;}*/

/*.goods-list li .info .price button {width: 80px; text-align: center;float: right; border: none; display: inline-block;margin: -4px 4px 0 0; border-radius: 5px; padding: 2px 8px;color: #fff; font-size: 16px; background-color:#e12532;}*/
/*.goods-list li .info .price button.btn-status {width: 60px;padding: 2px;font-size: 14px;}*/
/*.goods-list li .info .price button.disabled {background-color: #d8d8d8 !important;color: #666}*/

/*产品类型*/
.goods-image {position: relative}
.product-type-1:before {content: "";display:block; position: absolute; top:0;lef: 0; width:30%;height: 30%;background: url("../images/product-type-0.png") no-repeat center/100%; }
.goods-image .name{ background: rgba(0, 0, 0, .6); color:#fff;position: absolute;bottom:5px;}

.unfind {padding: 40px 0px!important;text-align: center;font-size: 18px;color: #e12532}

.weui-btn_primary{
    background-color:#e12532!important;
}

.goods-detail {padding: 10px; font-size: 16px;}
.goods-detail .image {margin: 0 auto;width: 200px; margin-bottom: 10px;}
.goods-detail .image img{width: 100%}
.goods-detail .rqcode {margin: 0 auto;width: 200px; margin-top: 10px;}
.goods-detail .rqcode img{width: 100%}
.goods-detail .time {margin: 5px 0;font-size: 14px;color: #888}
.goods-detail .price {margin: 10px 0;}
.goods-detail .name {font-size: 16px; line-height: 28px;}
.goods-detail .name .stock {font-size: 14px; border: 1px solid #e59c4a; color: #eaad6f; border-radius: 2px; padding: 0 4px; margin-right: 6px;}
.goods-detail .btn-recommend {display:block;margin: 12px 30px;padding: 8px; border-radius: 5px;text-align: center;background-color:#e12532;color: #fff;font-size: 20px;line-height: 28px; }
.goods-detail .btn-container {display:block;margin: 12px 12px;}
.goods-detail .btn-container .btn-recommend,.goods-detail .btn-container .btn-document {display: inline-block;margin:0;padding: 8px 0;border-radius: 5px;text-align: center;color: #fff;font-size: 20px;line-height: 26px; }
.goods-detail .btn-container .btn-recommend {width: calc(60% - 6px);background-color:#e12532;}
.goods-detail .btn-container .btn-document {width: calc(40% - 6px);background-color:#2d76ea;margin-left: 10px;float: right}

.gallery-container {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: none;
    background-color: #e12532;
    color: #fff;
}

.gallery-container img {width: 100%;margin-bottom: 0; height: calc( 100% - 40px)}
.gallery-container .tips {font-size: 16px; text-align: center; line-height: 30px;}

/*mobile-admin*/
.p-m-0{opacity: 0.5;}
.icon-p-m-0, .icon-p-m-1,.icon-p-m-2 {
    position:relative;
    display: inline-block;
    float: right;
    width: 20px;
    height: 37px;
    background: url(../images/icon-p-m-mark-hover.png) no-repeat center / 100% auto;
}
.icon-p-m-1 {background: url(../images/icon-p-m-mark.png) no-repeat center / 100% auto;}
.icon-p-m-2 {background: url(../images/icon-p-m-mark-hover2.png) no-repeat center / 100% auto;}
.goods-list-container{padding-top: 45px;}
.goods-list li .info .describe {font-size: 14px;}
.goods-list li .info .describe-font {color: #e12532;position:relative;}
.goods-list li .info .describe-font-ringt {float: right;}

.contract-info {margin-top: 10px;text-align: center}
.contract-info h2{font-size: 30px;line-height: 40px;}
.contract-info img {width: 60%;}

/*遮罩层*/
.mask{ position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.5); z-index:10; display:none;}


.fromBomAnimate{position: fixed; left: 0; right: 0; transition: left 0.2s ease 0s, bottom 0.2s ease 0s; -webkit-transition: left 0.2s ease 0s, bottom 0.2s ease 0s; bottom:0;
    bottom: -200%;z-index: 103;background: #fff;}
/*筛选*/
.filter-wrap{ /*position:fixed; left:0; bottom:2px; height:60%; width:100%; border-top:1px solid #ff8400; background:#fff; z-index:11; display:none;*/ height:60%;  border-top:1px solid #ff8400; }
.filter-wrap .filter-tit{ padding: 0 10px; height:36px; line-height:36px; border-bottom:1px solid #ccc;}
.filter-wrap .filter-tit h3{display:block; text-align:left; color:#5491e9; font-size:16px;}
.filter-wrap .filter-tit a {float: right}
/*.filter-wrap .filter-tit .finishBtn{ display:inline-block; width:18%;text-align:center; font-size:20px;}*/
.filter-sort{ height:90%;}
.filter-sort-tit{ width:30%; float:left; background:#eee; height:100%;}
.filter-sort-tit li{ text-align:center; height:36px; line-height:36px; border-bottom:1px solid #eee;}
.filter-sort-tit li.active{ background:#fff;}
.filter-sort-content{ width:70%; float:left; height:100%; background:#fff;}
.filter-sort-content li{ height:100%; overflow-y:auto;}
.filter-sort-content li p:nth-child(1){ text-align:center;}
.filter-sort-content li p{height:36px; line-height:36px; border-bottom:1px solid #eee; padding:0 20px; }
.filter-sort-content li p:after{ content:""; display:inline-block; width:18px; height:12px;float:right; margin-top:12px;}
.filter-sort-content li p.current:after{background:url(../images/right_icon.png) no-repeat right center / auto 100%; }
.filter-sort-content li p.current{color:#5491e9;}
.filter-sort-content li p:last-child{ border-bottom:none;}

.detail-navbar {position: fixed;z-index: 1000;}
.goods-detail-container {margin-top: 46px}
.weui_bar__item_on {background-color: #e12532!important; color: #ffffff!important;}
.upload-image-item,.upload-container{ border:1px solid #ddd;width:60px!important; height:60px!important; overflow:hidden; float:left; margin-right:10px; position:relative;}
.upload-image-item img,.upload-container img{ width: 100%}
.upload-image-item .delete-image{ position:absolute; display:block; top:0; right:0;opacity:.7; background:#000; filter:Alpha(opacity=70);color:#fff; width:20px; height:20px; line-height:20px;  border-radius:50%; font-size:14px; text-align:center;cursor:pointer;}
.upload-image-item .ajax-file-upload{position:absolute;clip:rect(0 0 0 0); left:0; top:0}

.log-list {margin: 10px 0;}
.log-list li {border-bottom: 1px solid #f1f1f1;padding: 8px 10px; line-height: 22px}
/*.log-list li .content {line-height: 22px;font-size: 12px;}*/
.fr {float: right}


.stat-header {
}

.stat-filter {
    display: flex;
    font-size: 16px;
}

.stat-filter > div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    border-right: 1px solid #f1f1f1;
    padding: 10px 0px;
}

.stat-filter > label {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.stat-filter .weui-cell:before {
    border-top:none!important;
}

.stat-filter > div:last-child {
    border-right: none;
}
.weui-cells.stat-filter {
    margin-top: 0;
}

.stat-filter input {
    text-align: center;
}


.stat-container li {
    line-height: 36px;
    border-top: 1px solid #f1f1f1;
    display: flex;
    padding: 0px 5px;
}

.stat-container li>span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: left;
}

.group-list li {padding: 10px;height: 100px;overflow: hidden}
.group-list li .goods-image {width: 80px; height: 80px;margin-right: 10px;float: left}
.group-list li .goods-image img {width: 100%}
.group-list li .info {width: calc(100% - 90px); float: right;position: relative; overflow: hidden; height: 80px;}
.group-list li .info button {position:absolute; right: 0;bottom: 0; margin-left:20px;text-align: center; border: none; display: inline-block;border-radius: 5px; padding: 2px 10px;color: #fff; font-size: 14px; background-color:#e12532;}
.group-list li .info button.disabled {background-color: #d8d8d8 !important;color: #666}

.goods-list2,.goods-list {margin-top: 40px;}

/*.shop-goods-list {margin-top: 0px!important;}*/

.tool-container {
    position: fixed;
    left: 0px;
    bottom: 80px;
    width: 100px;
    z-index: 9;
}

.goods-list li {
    position: relative;
}

.tool-container button{
    display: block;
    width: 100%;
    margin-top: 12px;
    line-height: 30px;
    font-size: 16px;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: 10px;
    color: #fff;
    text-align: center;
    border: none;
    outline: none;
}

.tool-container button.btn-thread,.tool-container button.btn-thread-copy,.tool-container button.btn-thread-edit,.tool-container button.btn-share-image {
    background-color: #52C34A;
}

.tool-container button.btn-back {
    background-color: #d8d8d8;
    background-color: #e12532;

}

.tool-container button.btn-back,.tool-container button.btn-thread-copy,.tool-container button.btn-thread-edit,.tool-container button.btn-share-image {
    display: none;
}

.tool-container button.btn-trans {
    background-color: #e12532 ;
}

.goods-list li .info .price button.btn-add-thread {
    /*background-color: #52C34A;*/
    /*background-color: #d8d8d8;*/
    background-color: #e12532;
}

.goods-list li .info .price button.btn-add-thread.btn-cancel {
    /*background-color: #d8d8d8;*/
    background-color: #52C34A;
}

.goods-list li .info .price button.btn-add-thread,.goods-list li .info .price button.btn-share {display: none}

.goods-list.thread li .info .price button.btn-add-thread {display: block}
.goods-list.thread li .info .price button.btn-share,.goods-list.thread li .info .price button.btn-recommend {display: none!important;}

.goods-list li .info .price button.thread-seq {
    width: 24px;border-radius: 12px;
}

.trans-container,.thread-container {
    position: relative;
    display: none;
    margin: 0!important;
}

.thread-container .bottom-btn-group, .trans-container1 .bottom-btn-group {
    position: fixed;
    width: 100%;
    z-index: 100;
    bottom: 0;
    display: flex;
}

.thread-container .bottom-btn-group a, .trans-container1 .bottom-btn-group a {
    display: inline-flex;
    flex: 1;
    -webkit-flex: 1;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    background-color: #e12532;
}

.trans-container1 .bottom-btn-group a,.thread-container .bottom-btn-group a {
    border-left: solid 1px #f1f1f1;
}

.trans-container1 .bottom-btn-group a:first-child{
    border-left: none;
}

.trans-container1 .bottom-btn-group a.btn-copy {
    display: none;
}

.thread-container .bottom-btn-group a.btn-back, .trans-container1 .bottom-btn-group a.btn-back {
    background-color: #d8d8d8;
}

.thread-container .bottom-btn-group a.btn-copy, .trans-container1 .bottom-btn-group a.btn-trans {
    background-color: #e12532;
}

/*.thread-container ul {overflow: scroll}*/




.trans-container {
    background-color: #f1f1f1;
    padding: 6px 0;
}
.trans-container .input-container {
    /*margin: 10px 0;*/
    background-color: #fff;
    padding: 6px;
    margin-bottom: 20px;
}

.trans-container textarea {
    background-color: #fff;
    font-size: 14px;
    /*text-indent: 2em;*/
}

.trans-container .bottom-btn-group{
    padding: 0px 20px;
}

.trans-container .bottom-btn-group a {
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    background-color: #e12532;
    border-radius: 6px;
    margin: 8px 0;
}

.trans-container .bottom-btn-group a.btn-back{
    background-color: #d8d8d8;
}

.trans-container .bottom-btn-group a.btn-reset{
    background-color: transparent;
    border: solid 1px #d8d8d8;
    color: #333;
}

.trans-container .bottom-btn-group a.btn-copy{
    display: none;
}


.card {
    margin: 10px 10px 20px;
    opacity: 1;
    background: rgba(255,255,255,1);
    box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.16);
    border-radius: 10px;
    border: none;
    overflow: hidden;
}

.prifit-date {
    margin: 10px 20% 10px;
    display: flex;
}

.prifit-date a {
    flex: 1;
    text-align: center;

}

.prifit-date a span {
    line-height: 30px;
    padding: 2px 10px;
}
.prifit-date a.selected span {
    border: 1px solid #F15353;
    border-radius: 15px;
}

.chart-container {
    height: 300px;
}

.prifit-list {
    line-height: 36px;
    color: #555353;
}

.prifit-list li{
    display: flex;
    padding-left: 6px;
}

.prifit-list li span{
    flex: 2;
}

.prifit-list li span:nth-child(odd){
    flex: 3;
}


.prifit-list li:nth-child(odd){
    background:#F6F7F9;
}

.prifit-list li:nth-child(even){
    background:#fff;
}

.article {
   padding: 6px;
}

.article img {
    width: 100%;
}