.icons .icons_boxarticle, aside, blockquote, body, button, code, dd, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    font-size: 100%
}

body {
    font: 14px/1.5 Helvetica, STHeiti STXihei, Microsoft YaHei, Arial;
    color: #575757;
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    outline: 0;
    background: #f8f8f8;
    min-width: 320px;
    max-width: 640px;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.white {
    background: #fff;
}

body::-webkit-scrollbar, div::-webkit-scrollbar {
    display: none
}

[v-locak] {
    visibility: hidden
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    height: 1%;
}

.left {
    float: left;
}

.right {
    float: right;
}

img {
    vertical-align: top
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: 400
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset, img {
    border: 0
}

li, ol, ul {
    list-style: none
}

button, input, select, textarea {
    border: none;
    background: none;
    -webkit-appearance: none;
    outline: none
}

input[type=buttom], input[type=password], input[type=tel], input[type=text], textarea {
    resize: none;
    display: block;
    width: 100%
}

input::-webkit-input-placeholder {
    color: #999
}

button:focus, input:focus, select:focus, textarea:focus {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

/*a, a:visited {*/
    /*-webkit-touch-callout: none;*/
    /*text-decoration: none;*/
    /*outline: 0;*/
    /*!*color: #333*!*/
/*}*/

.cRed, .cRed:visited {
    color: #ff0042 !important
}

.cGold, .cGold:visited {
    color: #A17E41
}

.cBlue, .cBlue:visited {
    color: #0585dd
}

.cGreen, .cGreen:visited {
    color: #00a20d
}

.cGray, .cGray:visited {
    color: #aaa
}

.cDGray, .cDGray:visited {
    color: #333
}

/*.top-nav{height:44px;line-height:44px;position:relative;color:#333;text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 10px;border-bottom: 1px solid #ddd;}*/
/*.top-nav h1{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center;}*/
/*.top-nav .link{position:absolute;height:44px;line-height:44px;left:0;top:0;width:66px;overflow:hidden;color:#333;font-size:14px;text-indent:18px;}*/
/*.top-nav .link:before{content:'';display:block;position:absolute;width:10px;height:10px;border-top:1px solid #333;border-left:1px solid #333;top:17px;left:16px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);pointer-events:none;}*/
.top-nav {
    height: 80px;
    line-height: 50px;
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 18px;
    background: url("https://static.unibuit.com/img/baseImg/topBenner.png") no-repeat;
    background-size: 100%;
    /*padding-left: 40px;*/
}
.top-nav .link {
    position: absolute;
    height: 50px;
    left: -10px;
    top: 15px;
    min-width: 66px;
    /*text-indent: -999px;*/
    color: #fff;
    text-align: right;
    overflow: hidden;
    padding-left: 30px;
}

.top-nav .link-right {
    position: absolute;
    height: 50px;
    right: 10px;
    top: 15px;
    min-width: 66px;
    /*text-indent: -999px;*/
    color: #fff;
    text-align: right;
    overflow: hidden;
    padding-left: 30px;
}

.top-nav .link:after {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    top: 19px;
    left: 18px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    pointer-events: none;
}

.top-nav .share {
    position: absolute;
    height: 44px;
    top: 0;
    right: 0;
    font-size: 14px;
    padding: 0 10px;
    color: #fff;
}

.line_02 {
    height: 1px;
    border-top: 1px solid #d0a55c;
    text-align: center;
}

.line_02 span {
    position: relative;
    top: -12px;
    background: #fff;
    padding: 0 20px;
    color: #d3ab66;
    font-size: 12px;
}

.navigBar_jiang {
    width: 7.5rem;
    height: 0.98rem;
    color: rgb(153, 153, 153);
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top: 1px solid rgb(243,243,243);
    z-index: 998;
    background: #fff;
}
.navigBar_jiang .barImg{
    width: 0.46rem;
    height: 0.46rem;
    background-image: url('https://static.unibuit.com/img/baseImg/navBer.png');
    background-repeat: no-repeat;
    -webkit-background-size: 1.84rem 1.38rem;
    background-size: 1.84rem 1.38rem;
}
.barImg1{
    background-position: 0 -0.46rem;
}
.barImg2{
    background-position: -0.46rem -0.92rem;
}
.barImg3{
    background-position: -0.92rem -0.92rem;
}
.barImg4{
    background-position: -1.38rem -0.92rem;
}

.bar_jiang {
    font-size: 0.22rem;
}

.barImg1 {
    width: 0.46rem;
    height: 0.46rem;
}

.barImg2 {
    width: 0.46rem;
    height: 0.46rem;
}

.barImg3 {
    width: 0.46rem;
    height: 0.46rem;
}

.barImg4 {
    width: 0.46rem;
    height: 0.46rem;
}

.barImg1 img {
    width: 100%;
    height: 100%;
}

.barImg2 img {
    width: 100%;
    height: 100%;
}

.barImg3 img {
    width: 100%;
    height: 100%;
}

.barImg4 img {
    width: 100%;
    height: 100%;
}

.barText_jiang {
    margin-top: 0.01rem;
    color: rgb(153,153,153);
}

.nav-active_jiang {
    color: rgb(255, 213, 0);
}

.classZan_jiang {
    height: 0.98rem;
    margin-top: 0.08rem;
}
.navigBar_jiang a:link,
.navigBar_jiang a:hover,
.navigBar_jiang a:active,
.navigBar_jiang a:visited{
    text-decoration: none;
    color: red;
}
a{
    -webkit-tap-heighlight-color: transparent;
}
.loadingPanel{
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;


    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.loadingPanel img{
    width: auto;
    height: auto;
}
.loadingPanel p{
    /*font-size: 22px;*/
    color: #fff;
    background: #d3ab66;
}

.fix-nav a {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: 12px;
    text-align: center;
    color: #7D7D7F;
    font-size: 0;
}

.fix-nav a p {
    font-size: 12px;
}

.fix-nav a:active {
    background: #f2f2f2;
}

.fix-nav .icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-top: 4px;
    background-image: url('https://static.unibuit.com/img/app/tabnav.png') !important;
    -webkit-background-size: 50px auto !important;
    background-size: 50px auto !important;
}

.fix-nav .icon-home {
    background-position: 0 0;
}

.fix-nav .icon-customize {
    background-position: 0 -25px;
}

.fix-nav .icon-laims {
    background-position: 0 -50px;
}

.fix-nav .icon-mine {
    background-position: 0 -75px;
}

.fix-nav .active .icon-home {
    background-position: -25px 0;
}

.fix-nav .active .icon-customize {
    background-position: -25px -25px;
}

.fix-nav .active .icon-laims {
    background-position: -25px -50px;
}

.fix-nav .active .icon-mine {
    background-position: -25px -75px;
}

.fix-nav .active p {
    color: #A17E41
}

.empty {
    text-align: center;
    padding-top: 50px;
}

.empty::before {
    content: '';
    display: block;
    width: 50px;
    height: 42px;
    background-image: url('https://static.unibuit.com/img/app/sad_face.png');
    background-size: cover;
    margin: 0 auto 8px;
}
/**
思路：
	1.超出的文本隐藏
	2.溢出用省略号显示
	3.溢出不换行
	4.将对象作为弹性伸缩盒子模型显示
	5.从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）
	6.这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数
  */
.text1{
    width:95%;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}