@charset "UTF-8";
/*CSS 重置*/
body {background-color: #f7f7f7;color: #777;font-size: 12px !important;font-family: "Microsoft YaHei", 微软雅黑, tahoma, arial, 宋体;padding: 0px;margin: 0px}
.fl { float: left !important; }
.fr { float: right !important; }
.cls:after {display: block;content: '';clear: both}
a {color: #777}

.ui-content {width: 1200px;clear: both;margin: 0px auto}
.ui-top-nave { border-bottom: 1px solid #e6e6e6; background: #f5f4f4;height: 32px;line-height: 32px;}
.ui-top-nave .left {float: left;}
.ui-top-nave .left a {color: #08c161;margin: 0px 5px}
.ui-top-nave .right {float: right;color: #777;}
.ui-top-nave .right a {color: #777;margin: 0px 5px}
.ui-header {background: #ffffff;height: 120px;}
.ui-header .logo {float: left;margin-top: 25px;}
.ui-header .logo .desc {color: #777777;height: 20px;line-height: 20px;padding: 0px 8px;border-radius: 20px; border: 1px solid #cbcbcb;margin-top: 5px}
.ui-header .search {float: left;margin-left: 220px;margin-top: 30px}
.ui-header .search .nave {margin: 0px}
.ui-header .search .nave a {color: #606060;margin: 0px 5px;text-decoration: none;padding: 0px 5px;border-radius: 3px }
.ui-header .search .nave .ahover {background: #08c161;color: #ffffff}
.ui-header .search .form {background: #08c161;padding: 2px;}
.ui-header .search .form .input {background: #ffffff;border: none;padding: 0px 10px;height: 36px;line-height: 36px;width: 400px;}
.ui-header .search .form .btn {border: 0px;background: none;font-size: 16px;color: #ffffff;line-height: 1;width: 100px; box-shadow: none;}
.ui-menu {background: #ffffff;border-bottom: 1px solid #eee}
.ui-menu .ui-content {position: relative;}
.ui-menu .top {float: left;line-height: 40px;display: flex;flex-direction: row;justify-content: space-between;width: 990px;padding-left: 36px}
.ui-menu .top a {color: #333;font-size: 16px;text-decoration: none}
.ui-menu .top b {color: #b2b2b2;}
.ui-menu .top a:hover {color: #08c161;font-weight: bold}
.ui-menu .top * {float: left;}
.ui-menu .types {width: 210px;float: left;height: 40px;background: #08c161;color: #ffffff;line-height: 40px;font-size: 16px;}
.ui-menu .types .root {line-height: 40px;font-size: 14px}
.ui-menu .types .m-item {padding: 0px 15px;box-sizing: border-box;}
.ui-menu .types .list {width: 210px;position: absolute;top: 41px;left: 0px;background-color: rgba(129, 129, 129, 0.86);height: 420px;overflow: hidden;z-index: 999;transition:width 0.2s;}
.ui-menu .types .list:hover{width: 400px;}
.ui-menu .types .list .m-item {color: #ffffff;font-size: 12px;line-height: 23px;padding: 6px 15px;border-bottom: 1px solid rgba(225, 255, 255, 0.16)}
.ui-menu .types .list .m-item a {color: #ffffff;margin-right: 5px;}
.ui-menu .types .list .m-item:hover {background-color: rgba(129, 129, 129, 0.82);}
.ui-menu .types .list .m-item:last-child {border: none}
/*.ui-menu .types .list .m-item a:hover{color: #000}*/
.ui-menu .info-list {width: 230px;position: absolute;top: 40px;right: 0px;background-color: #ffffff;height: 420px;overflow: hidden;z-index: 999}
.ui-menu .info-list .item {border-bottom: 1px dashed #b9b8b8;color: #666666;padding: 10px 15px}
.ui-menu .info-list .item .title {font-size: 14px}
.ui-shadow {box-shadow: 0 0 11px 2px #f0f0f0}
.ui-banner {height: 420px;overflow: hidden;box-shadow: 0 0 11px 2px #f0f0f0}
.home-item {margin: 15px auto;}
.home-item .title {font-size: 16px;line-height: 32px; color: #333;margin-top: 30px;margin-bottom: 10px}
.home-ad-top .item {width: 230px;margin-right: 12px;height: 140px;margin-bottom: 10px;overflow: hidden;float: left}
.home-ad-top .item:nth-child(5n) {margin-right: 0px}
.home-goods-item {border: 1px solid #ededed;background-color: #ffffff;height: 340px;overflow: hidden}
.home-goods-item .list {border-right: 1px solid #ededed;padding: 15px 20px;width: 240px;height: 100%;float: left;overflow: hidden}
.home-goods-item .list a {clear: both;display: block;color: #333;line-height: 29px;font-size: 12px}
.home-goods-item .goods {float: left;width: 958px}
.home-goods-item .goods .item {width: 239px;overflow: hidden;height: 170px;float: left;padding: 15px 15px;color: #333;font-size: 12px}
.home-goods-item .goods .item label {color: red;margin: 0px}
.home-goods-item .goods .item .img {float: left;width: 100px;height: 80px;overflow: hidden;border-radius: 4px}
.home-goods-item .goods .item p {padding: 0px;margin: 0px}
.home-goods-item .goods .item .info {display: flex;flex-direction: column;padding: 0px 10px;justify-content: space-between;height: 76px}
.home-goods-item .goods .item .desc {border-top: 1px dashed #ededed;color: #7f7f7f;padding-top: 8px;margin-top: 14px;height: 48px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.home-topic {background-color: #ffffff;display: flex;flex-direction: row}
.home-topic .item {width: 25%;padding: 20px;border-right: 1px dashed #ededed;}
.home-topic .item .title {margin-top: 0px;margin-bottom: 0px}
.home-topic .item:last-child {border: none}
.home-topic .item a {color: #5e5e5e; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; display: block;line-height: 28px}
.ui-links {background-color: #ffffff;padding: 20px 0px;line-height: 24px;color: #777}
.ui-links a {margin-right: 10px}
.ui-links a:after {content: '|';margin-left: 10px}
.ui-links a:last-child:after {display: none}
.ui-foot {background-color: #121212;padding: 30px 0px;padding-bottom: 50px;}
.ui-foot .helper {line-height: 24px}
.ui-foot .helper .title {font-size: 12px;padding-bottom: 6px}
.ui-foot .helper a {display: block}
.ui-foot .helper a:hover {color: #ffffff}
.ui-foot .tw {text-align: center;text-align: center}
.ui-foot .tw img {width: 120px;height: 120px;margin-bottom: 10px}
.ui-foot .intro {border-top: 1px solid #5d6265;margin-top: 36px;padding-top: 20px}

.ui-infor-banner {background: url("../images/bg1.png") center no-repeat #000000;height: 187px;color: #ccc;font-size: 16px}
.ui-infor-banner p {font-size: 26px;margin-bottom: 5px;color: #ffffff;padding-top: 50px}
.ui-tab-nav {font-size: 16px;margin-bottom: 10px}
.ui-tab-nav a {float: left;padding: 0px 10px;margin: 0px 12px}
.ui-tab-nav a:hover, .ui-tab-nav .ahover {color: #08c161;border-bottom: 2px solid #08c161}
.ui-infor {margin: 30px auto}
.ui-infor .left {}
.ui-infor .left .item {padding: 8px 10px;display: flex;flex-direction: row;clear: both;margin-bottom: 16px}
.ui-infor .left .item .img {width: 140px;height: 80px;overflow: hidden;margin-right: 15px}
.ui-infor .left .item .info {color: #8a8a8a;line-height: 26px;height: 80px;overflow: hidden;flex: 1}
.ui-infor .left .item .info a {color: #000000;font-size: 14px}
.ui-infor .left .detail {padding: 20px 30px;line-height: 30px;font-size: 14px}
.ui-infor .left .detail .subinfo { background: #f2f2f2; color: #8a8a8a; text-align: center; line-height: 20px; padding: 10px 0; font-size: 12px; margin-bottom: 20px;margin-top: 25px}
.ui-infor .left .detail img {max-width: 100%}
.ui-infor .right {padding-left: 2px}
.box-border {border: 1px solid #eee;background-color: #ffffff }

.item-colume { display: flex; flex-direction: column;}
.item-between { justify-content: space-between; align-items: center;}
.item-row { display: flex; flex-direction: row; margin: 4px 0px;}

.ui-topic {width: 100%;padding: 10px 15px;}
.ui-topic .title {font-size: 16px;line-height: 1;padding-bottom: 10px; color: #333;}
.ui-topic a {color: #5e5e5e; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; display: block;line-height: 28px}

.ui-type-select {padding: 10px 15px;clear: both;margin: 12px 0px;font-size: 14px;color: #999;display: flex;flex-direction: row;line-height: 30px}
.ui-type-select .label {width: auto }
.ui-type-select .types {flex: 1;}
.ui-type-select .types a {text-decoration: none;margin: 0px 10px;padding: 1px 6px}
.ui-type-select .types .active {color: #ffffff;background-color: #08c161;border-radius: 5px}
/*.ui-type-select .types .input{height: 31px;line-height: 31px;border: 1px solid #ced4da;border-radius: 5px; }*/
.ui-type-select .types .btn, .ui-type-select .types .btn:hover {background-color: #08c161;border: none}
.ui-btn {background-color: #08c161;border: none;border-radius: 3px;box-shadow: none;color: #ffffff;outline: none}
.ui-btn:focus {outline: none}
.ui-left-right {clear: both;width: 100%}
.ui-left-right:after {display: block;clear: both;content: ""}
.ui-left-right .left {float: left;width: 925px;overflow: hidden}
.ui-left-right .right {float: right;width: 260px;overflow: hidden;}
.ui-left-right .right .ui-topic {margin-bottom: 10px}
.ui-market {margin: 20px 0px}
.ui-market .left, .ui-market .right {background-color: #ffffff}
.ui-market .type {line-height: 35px; }
.ui-market .type .title {background-color: #08c161;color: #ffffff;font-size: 14px;text-align: center;margin-bottom: 10px}
.ui-market .type a {color: #767676;text-decoration: none;clear: both;display: block;padding: 0px 15px;font-size: 13px; transition: all 0.2s linear;}
.ui-market .type a:hover {background-color: #08c161;color: #ffffff;}
.ui-market .left {padding: 15px}
.ui-grid {border: 1px solid #eee;width: 100%;line-height: 1.8;}
.ui-grid td, .ui-grid th {border-bottom: 1px solid #eee;padding: 10px;color: #3e3e3e}
.ui-grid th {background-color: rgba(129, 129, 129, 0.8);color: #ffffff}
.ui-grid tr:nth-child(odd) {background-color: rgba(242, 242, 242, 0.5)}
.ui-grid tr {transition: all 0.2s linear;}
.ui-grid tr:hover {background-color: rgba(129, 129, 129, 0.3); }
.ui-grid a:hover {color: #08c161}
.ui-grid-col tr td:first-child {background-color: rgba(129, 129, 129, 0.8);color: #ffffff}
/*提示界面*/
.ui-tips-page {width: 675px;position: absolute;left: 50%;top: 50%;margin-left: -337px;margin-top: -230px;box-shadow: 0px 0px 5px 1000px #ffffff;}
.ui-tips-page .containt {width: 100%;height: 420px;background-color: #ffffff;text-align: center;border: 1px solid #e7e5e5;border-radius: 5px;box-shadow: 0px 0px 15px 5px #f1f1f1;font-size: 24px;color: #22ade1;line-height: 44px}
.ui-tips-page .containt p {color: #5d5d5d;font-size: 14px}
.ui-tips-page .containt img { margin-top: 40px; margin-bottom: 48px;}
.color-red {color: #fe1010 !important;}
.color-green {color: #08c161 !important;}
.color-black {color: #000000 !important;}
.color-white {color: #ffffff !important;}
.ui-goods-list-item {padding: 12px;display: flex;flex-direction: row;margin-bottom: 10px;flex-wrap: wrap;position: relative}
.ui-goods-list-item .img {width: 160px;overflow: hidden;height: 160px;border-radius: 3px;margin-right: 20px}
.ui-goods-list-item .detail {flex: 1;line-height: 30px;overflow: hidden}
.ui-goods-list-item .detail .title {font-size: 15px;color: #000000;}
.ui-goods-list-item .detail a:hover {color: #08c161}
.ui-goods-list-item .detail .intro {border-top: 1px solid #eee;padding-top: 6px;margin-top: 6px;line-height: 20px;padding-bottom: 6px}
.ui-goods-list-item .detail span {font-size: 14px}
.ui-goods-list-item-title {background-color: #eeeeee;height: 50px;line-height: 50px;width: 100%;margin: 0px;padding: 0px 15px;color: #333;font-size: 18px}
.ui-goods-list-item-title a {color: #333;font-size: 18px}
.ui-goods-list-detail .img {width: 400px;height: 400px}
.ui-goods-list-detail .detail .title {margin-bottom: 20px}
.ui-goods-list-detail .detail .intro {margin-top: 15px;padding-top: 15px}
.ui-goods-list-detail .detail a:hover {color: #ffffff}
.ui-goods-list-detail .site-remark {margin-top: 100px;color: #999;font-size: 12px}
.ui-content-split {margin: 20px auto}
.ui-goods-public {padding: 15px;line-height: 30px;margin-bottom: 10px}
.ui-goods-public .intro {line-height: 22px;border-top: 1px solid #eee;padding-top: 10px;margin-top: 10px;}
.ui-goods-public img {max-width: 100%;height: auto}
.ui-hot-goods-item {margin-bottom: 15px;background-color: #ffffff;width: 100%;overflow: hidden;text-align: center;display: flex;flex-direction: column;border-radius: 3px}
.ui-hot-goods-item .img {height: 160px;overflow: hidden}
.ui-hot-goods-item .intro {padding: 5px 15px;line-height: 24px;color: #777777}
.ui-hot-goods-item .intro .title {font-size: 14px;color: #000000;margin: 3px 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.ui-link-btn {background-color: #08c161;color: #fff3cd;padding: 3px 6px;border-radius: 10px;text-decoration: none}
.ui-shop {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.ui-shop .ui-hot-goods-item {width: 24%}
.ui-shop .ui-hot-goods-item .img {height: 180px}
.ui-member-tag {background-color: #08c161; color: #ffffff; padding: 4px 8px; border-radius: 10px;font-size: 12px;line-height: 1;margin: 0px;background: linear-gradient(to right, #32e696, #00be6e);margin-right: 8px}
.ui-member-tag:hover {color: #ffffff !important;}
.ui-member-list {margin-top: 20px}
.ui-member-list .ui-goods-list-item {margin-bottom: 20px;}
.ui-tab {height: 40px;line-height: 40px;text-align: center;background-color: #f1eff0;font-size: 14px;overflow: hidden}
.ui-tab .active {background-color: #08c161;color: #ffffff }
.ui-tab-content {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between}
.ui-tab-content .ui-goods-list-item {width: 49.5%;margin-bottom: 15px;}
.ui-text-center {text-align: center}


.ui-usercenter {clear: both;width: 100%;margin: 20px auto}
.ui-usercenter:after {display: block;clear: both;content: ""}
.ui-usercenter .rightcontent {float: right;width: 945px;overflow: hidden;}
.ui-usercenter .leftmenu {float: left;width: 240px;overflow: hidden;background-color: #ffffff;line-height: 40px;}
.ui-usercenter .leftmenu .title {background-color: #08c161;color: #ffffff;font-size: 14px;text-align: center;margin-bottom: 10px}
.ui-usercenter .leftmenu a {color: #767676;text-decoration: none;clear: both;display: block;padding: 0px 15px;font-size: 13px; transition: all 0.2s linear;margin: 5px 0px}
.ui-usercenter .leftmenu a:hover, .ui-usercenter .leftmenu .ahover {background-color: #08c161;color: #ffffff;}
.ui-usercenter .leftmenu .splite {margin: 10px;border-top: 1px solid #eee}
.ui-usercenter .leftmenu .icon {font-size: 16px;margin-right: 10px;float: left}
.ui-usercenter .content-item {background-color: #ffffff;margin-bottom: 15px}
.ui-usercenter .content-item-lr {padding-left: 15px;padding-right: 15px}
.ui-usercenter .content-item-tb {padding-top: 15px;padding-bottom: 15px}
.ui-usercenter .split {border-top: 1px solid #eee;margin: 12px 0px;padding-top: 10px}
.ui-usercenter .split-dot {border-top: 1px dashed #ccc;margin: 40px 0px;}
.ui-usercenter .rightcontent .title {color: #000000;margin-bottom: 20px}
.ui-usercenter .rightcontent .ui-form .row {line-height: 31px;margin: 25px 0px;font-size: 14px}
.ui-usercenter .rightcontent .ui-form .ui-btn {padding: 3px 30px}
.ui-usercenter-only-right .leftmenu {display: none}
.ui-usercenter-only-right .rightcontent {width: 100%}

.ui-one-page {padding: 20px;line-height: 26px}
.ui-tips-message {width: 70%;clear: both;margin: 120px auto;text-align: center;font-size: 14px}
.ui-tips-message .icon {font-size: 100px;color: #08c161}
.ui-tips-message .alert-success {margin: 40px 0px;margin-bottom: 80px}
.ui-usercenter a.ui-btn {padding: 8px 30px !important;color: #ffffff}
.ui-auto-height {height: auto}
.ui-usercenter .rightcontent .member-pay {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.ui-usercenter .rightcontent .member-pay .item {margin: 30px 10px;color: #4a4a4a;font-size: 14px;border: 2px solid #eee;padding: 15px;border-radius: 6px;flex: 0.25;min-height: 120px; display: flex; flex-direction: column; justify-content: center; align-items: center;cursor: pointer}
.ui-usercenter .rightcontent .member-pay .item-active {border: 2px solid #08c161;color: #ffffff;background-color: #08c161}

.ui-no-data { color: #a1a1a1; font-size: 12px;margin: 8% auto;border: 1px solid #eee;background-color: #ffffff;width: 200px;text-align: center;padding: 30px 20px;}
.ui-no-data .image { width: 120px; overflow: hidden;margin: 0px auto;margin-bottom: 10px;display: block;clear: both;}


.ui-pager {display: flex;justify-content: center;margin: 16px 10px}
.ui-pager .pager-body {overflow: hidden;font-size: 14px;padding-left: 1px;}
.ui-pager .pager-info {margin-right: 31px}
.ui-pager .pager-info label {cursor: default}
.ui-pager .pager-info .active {color: #6c757d; background-color: #fff;border: 1px solid #eee;border-radius: 4px}
.ui-pager a, .ui-pager label { color: #6c757d; background-color: #fff; height: 36px;line-height: 36px;min-width: 36px;padding: 0px 13px;float: left;text-align: center;border: 1px solid #eee;margin-left: -1px;cursor: pointer}
.ui-pager a:hover, .ui-pager .active {color: #ffffff;background-color: #08c161;border-color: #eee;text-decoration: none}
.ui-pager a:first-child {border-bottom-left-radius: 4px;border-top-left-radius: 4px}
.ui-pager a:last-child {border-bottom-right-radius: 4px;border-top-right-radius: 4px}

.ui-shop-count-tool {display: flex;flex-direction: row;align-items: center;margin: 25px 0px}
.ui-shop-count-tool input {text-align: center;width: 60px;height: 31px;line-height: 31px;border: none;border-top: 1px solid #eee;border-bottom: 1px solid #eee}
.ui-shop-count-tool div {height: 31px;line-height: 28px;padding: 0px 12px;font-size: 24px;cursor: pointer;border: 1px solid #eee;user-select: none}


.ui-input .form-control {height: 31px;line-height: 1.5;font-size: 14px}
.ui-form-row .form-group {width: 100%;margin: 6px 0px !important;}
.ui-form-row-label-80 .form-group label {width: 80px;}
.ui-only-show-select .easy-uploader .btn-box {}


/*文件上传*/
.ui-upload {}
.ui-upload:after {content: '';display: block;clear: both}
.ui-upload .ui-upload-item {width: 5rem;height: 5rem;border: 1px solid #d6d6d6;text-align: center;line-height: 5rem;overflow: hidden;position: relative;margin: 0.2rem;background: #ffffff;box-sizing: border-box;float: left;border-radius: 4px}
.ui-upload .ui-upload-item .icon {font-size: 3.2rem;color: #dbdbdb}
.ui-upload .ui-upload-item .icon-upload {color: #666666}
.ui-upload .ui-upload-item .icon-close {position: absolute;top: 0px;right: 0px;font-size: 16px;color: #ffffff;background-color: rgba(0, 0, 0, 0.6);width: 20px;height: 20px;line-height: 20px;z-index: 10;}
.ui-upload .ui-upload-item input {position: absolute;top: 0px;right: 0px;padding: 100px;opacity: 0}
.ui-upload .ui-upload-item img {width: 100%;float: left}
.ui-upload .ui-upload-item .upload-mask {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);z-index: 9}
.ui-upload .icon-Maskx {display: none}

.ui-login {background-color: #ffffff}
.header-border {border-bottom: 1px solid #ededed;box-shadow: 0px 2px 4px -4px #e6e6e6}
.ui-login .header {height: 64px;color: #666;font-size: 20px;display: flex;align-items: center;line-height: 64px;justify-content: space-between;}
.ui-login .header .dot {line-height: 1;margin-top: -20px;margin-left: 10px;margin-right: 10px;font-size: 36px}
.ui-login .banner { background: url("../images/bg2.png") center no-repeat #009cff; min-height: 476px;}
.ui-login .banner .ui-content {position: relative;}
.ui-login .banner .login-form {position: absolute;top: 18px;right: -8%;width: 480px; min-height: 440px; border-radius: 4px; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);overflow: hidden}
.ui-login .banner .login-form .title {background-color: #f7f7f7;text-align: center;height: 45px;line-height: 45px;font-size: 14px}
.ui-login .banner .login-form .title .active {background-color: #ffffff;color: #08c161 }
.ui-login .banner .login-form .content {padding: 0px 20px;margin-top: 70px;font-size: 14px}
.ui-login .banner .login-form .content .form-control {box-shadow: none;border: none;border-bottom: 1px solid #ededed;font-size: 14px;color: #333333}
.ui-login .banner .login-form .content .form-group, .ui-login .banner .login-form .content .row {margin-bottom: 40px}
.ui-login .login-foot { border-top: 1px solid #ededed;margin: 30px 0px;text-align: center;padding: 10px 0px;color: #666}
.ui-login .reg-forgot {background-color: #ffffff;border: 1px solid #ededed;border-radius: 5px;padding: 30px 20px;display: flex;flex-direction: row}
.ui-login .reg-forgot .item {width: 50%;padding: 25px;line-height: 22px;font-size: 12px}
.ui-login .reg-forgot .item:first-child {border-right: 1px solid #ededed;}
.ui-login .reg-forgot .reg-form-row {font-size: 14px}
.ui-login .reg-forgot .reg-form-row .row {margin: 20px 0px}
.ui-login .reg-forgot .form-control {border: #cccccc 1px solid;border-radius: 0px;}
.ui-login .reg-forgot .reg-form-row .col-3 {padding-right: 10px;line-height: 38px}
.ui-login .reg-forgot .reg-form-row .col-3:after {content: ":";padding-left: 3px}
.ui-login .reg-forgot .reg-form-row .col-7 {padding-left: 0px}
.ui-shop-pay-order {width: 46%;clear: both;margin: 50px auto;font-size: 14px}
.ui-shop-pay-order .row {margin: 20px 0px}
.ui-input-group-full .input-group-prepend, .ui-input-group-full .input-group-append {width: 50%}
.ui-input-group-full .input-group-text {width: 100%}

.ui-pay-item {border: 2px solid #08c161;border-radius: 4px;padding: 8px 12px;font-size: 14px;}
.ui-pay-item img {margin: 0px 5px;height: 24px}

.ui-site-language {margin-right: 16px;display: inline-block}
.ui-top-nave .right .ui-site-language a {margin: 0px;}
.ui-site-language a:after {content: "|";margin: 0px 8px}
.ui-site-language a:last-child:after {display: none}
.ui-input-group-append {padding-left: 5px;padding-right: 5px}


.ui-item-right-state-over { width: 0;height: 0; border-right: 50px solid transparent; border-left: 50px solid transparent; border-bottom: 50px solid darkgrey;position: absolute;right: -33px; top: -8px;color: #FFFFFF;font-size: 12px;transform: rotate(45deg);}
.ui-item-right-state-over:after {content: attr(title); display: block; white-space: nowrap; margin-left: -53px; margin-top: 24px; width: 106px; text-align: center;}