html,body,h1,h2,h3,h4,h5,h6,hr,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em,i,b,strong,pre,legend,button,input,textarea,select,address,cite,dfn,var,code,kbd,samp,small,sup,sub, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video,a,span{ margin:0; padding:0; font-weight: normal; font-style: normal; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(255,255,255,0); tap-highlight-color: rgba(255,255,255,0); }
ul,ol,li{ list-style:none; }
a{ display: block; text-decoration:none; }
img{ display: block; border:0; }
table{ border-collapse: collapse; border-spacing: 0; }
input,select,textarea,button{ outline:none; resize: none; }
html,body{ width: 100%; height: 100%; -webkit-overflow-scrolling: touch; }
body{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fff;
}
#app{
    width: 100%; 
    height: 100%; 
}
.page{ 
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-size: 0.3733rem;
    color: #000;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    background-position: center 0;
    background-repeat: no-repeat;
    -o-background-size: 100% auto;
       background-size: 100% auto;
    overflow-y: auto;
}


html .layui-layer-msg{
   background: none;
}
html .layui-layer-msg .layui-layer-content{
   background: #000;
   position: absolute;
   left: 50%;
   top: -50px;
   -webkit-transform: translate(-50%, 0);
      -moz-transform: translate(-50%, 0);
       -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
           transform: translate(-50%, 0);
   white-space: nowrap;
   max-width: 300px;
   overflow: hidden;
   -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
}
html .layui-layer-btn .layui-layer-btn0{
    font-size: 14px;
}

/*提交成功*/
html .layer-modal-success{
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
html .layer-modal-success .modal-success-content{
    background-color: #000;
    height: 100%;
    padding: 20px;
    text-align: center;
    width: 110px;
    height: 110px;
    border-radius: 8px;
}
html .layer-modal-success .modal-success-content .icon{
    width: 50px;
    height: 50px;
    margin: auto;
    background-image: url(../images/icon-gou.png);
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: 100% auto;
       background-size: 100% auto;
}
html .layer-modal-success .modal-success-content .text{
    padding: 5px 0 0;
    color: #fff;
    font-size: 13px;
}

/*确定confirm弹层*/
html .layer-modal-confirm{
    width: 84%;
    border-radius: 0.1333rem;
}
html .layer-modal-confirm .layui-layer-title{
    font-size: 16px;
    text-align: center;
    background: none;
    border-bottom: solid 1px #ddd;
    padding: 0;
}
html .layer-modal-confirm .layui-layer-content{
    font-size: 14px;
    padding: 20px 20px;
    color: #666;
    height: auto!important;
}
html .layer-modal-confirm .layui-layer-btn{
    padding: 15px 10%;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-top: solid 1px #ddd;
}
html .layer-modal-confirm .layui-layer-btn a{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin: 0 0.2667rem;
    border-radius: 3px;
    font-size: 0.3733rem;
}
html .layer-modal-confirm .layui-layer-btn .layui-layer-btn0{
    background: #cb1a07;
    color: #fff;
    border: 0;
}
html .layer-modal-confirm .layui-layer-btn .layui-layer-btn1{
    border: solid 0.0267rem #999;
    color: #999;
}
html .layer-modal-confirm .layui-layer-btn .layui-layer-btn0:hover, 
html .layer-modal-confirm .layui-layer-btn .layui-layer-btn0:active, 
html .layer-modal-confirm .layui-layer-btn .layui-layer-btn0:focus{
    background: #aa1100;
    opacity: 1;
}
html .layer-modal-confirm .layui-layer-btn .layui-layer-btn1:hover, 
html .layer-modal-confirm .layui-layer-btn .layui-layer-btn1:active, 
html .layer-modal-confirm .layui-layer-btn .layui-layer-btn1:focus{
    background: #eee;
}
html .layer-modal-confirm .layui-layer-setwin{
    display: none;
}


.page-loading{
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-image: url(../images/bg1.png);
    background-repeat: no-repeat;
    background-position: center center;
       -o-background-size: 35% auto;
          background-size: 35% auto;
}
.page-loading img{
    width: 23%;
}
.page-error{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.page-error img{
    width: 36%;
}


.page-index{
    padding: 0.8rem 1.2rem 0.2rem;
}
.page-index .item{
    border: solid 0.0267rem #000;
    margin-bottom: 0.6rem;
}
.page-index .item-header{
    background-color: #000;
    min-height: 0.8rem;
}
.page-index .item-header img{
    width: 100%;
}
.page-index .item-content{
    padding: 0.25rem 0.4rem;
}
.page-index .item-content .list{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.32rem;
    padding: 0.11rem 0;
    line-height: .4267rem;
}
.page-index .item-content .list dd{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.page-index .btns{
    padding: 0 .24rem 0.24rem;
}
.page-index .btns .btn{
    display: block;
    width: 100%;
    height: 0.8533rem;
    line-height: 0.8533rem;
    background-color: #000;
    border-radius: 0.1333rem;
    color: #fff;
    font-size: 0.32rem;
    text-align: center;
    margin-top: 0.1867rem;
}
.page-index .item-warning{
    text-align: center;
    padding: 1.6rem 0 3.2rem;
}
.page-index .item-warning .icon{
    width: 1.0933rem;
    margin: auto;
    margin-bottom: 0.32rem;
}
.page-index .item-warning .row1{
    font-size: 0.32rem;
    padding: 0.12rem 0;
    color: #000;
}



#modal-tags{
    border: solid 0.0267rem #000;
    height: 100%;
    position: relative;
}
#modal-tags h3{
    text-align: center;
    font-size: 0.48rem;
    padding-top: 1rem;
}
#modal-tags dl{
    margin-bottom: 0.8rem;
    color: #000;
}
#modal-tags dl dt{
    font-size: 0.4267rem;
}
#modal-tags dl dd{
    font-size: 0.32rem;
    padding: 0.08rem 0 0;
}
#modal-tags .content{
    position: absolute;
    top: 1.9rem;
    bottom: 1.3333rem;
    left: 0;
    width: 100%;
    overflow: auto;
    padding: 0.3rem 0.8rem;
}
#modal-tags .btn{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    color: #fff;
    font-size: 0.3733rem;
    text-align: center;
    height: 1.2rem;
    line-height: 1.2rem;
}

html .layui-layer-iframe .layui-layer-btn{
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 1.2rem;
}
html .layui-layer-btn .layui-layer-btn0{
    width: 100%;
    background-color: #000;
    margin: 0;
    border: 0;
    text-align: center;
    height: 100%;
    border-radius: 0;
    line-height: 1.2rem;
    font-size: 0.3733rem;
}


.page-index .item-header img{
    margin-top: -1px;
}
.page-index .item.blur .item-content{
    background: inherit;   
    -webkit-filter: blur(4px);   
    -moz-filter: blur(4px);   
    -ms-filter: blur(4px);   
    -o-filter: blur(4px);   
    filter: blur(4px);   
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);
}
.page-index .item{
    position: relative;
}

.page-index .item .tags{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    z-index: 2;
}
.page-index .item .tags .tag{
    width: 100%;
    background-color: #000;
    color: #fff;
    font-size: 0.32rem;
    text-align: center;
    height: 0.8533rem;
    line-height: 0.8533rem;
}