/* 框架主题背景颜色、文字颜色 */
.page,.page-group{font-size: .7rem; background: #f2f2f2; color:#666666}
a{color: #333;}
/* 底部图标、按钮 */
.bar{z-index: 99}
.bar-tab .tab-item .icon i,.bar-tab .tab-item .icon img{width:1.25rem; height:1.25rem; display:block;}
.bar-tab .tab-item.other .icon{top:-0.2rem; height:auto;}
.bar-tab .tab-item.other .icon i,.bar-tab .tab-item.other .icon img{width:2.5rem; height:2.5rem;}
.bar-tab-big .tab-item .icon{height:1.5rem; line-height:1.5rem;}
.bar-tab-big .tab-item .icon i{width:1.5rem; height:1.5rem;}
/*底部文字图标*/
.bar-items .tab-item .icon{top: .25rem}
.bar-items .tab-item .icon~.tab-label{top: .4rem}
.bar-tab-big.bar-items .tab-item .icon{top: .5rem}
/*底部按钮*/
.actionbar{padding: 0 .5rem; background: #fff; height: 3rem}
.actionbar:before{background: none}
.bar-btntwo{display: -webkit-box}
.bar-btntwo .btn-text{line-height: 2.2rem; padding: .4rem 1.5rem; display: block;}
.bar-btntwo .btn-button{padding: 0 2rem; margin-right: .8rem}
.actionbar~.content{bottom: 3rem;}
.actionbar .button{top: .4rem; height: 2.2rem; line-height: 2.2rem; font-size: .8rem}
.actionbar .button.button-fill.button-big{line-height: 2rem;}
.buttonfuil{display: block; height: 100%; line-height: 2.45rem; text-align: center; font-size:.85rem; font-weight: 600}
.buttonfuil.disabled,.buttonfuil.disabled:active{opacity: .2}
.bar-tab-button .button{top: 0; margin-left: .5rem}
.bar-tab-button .buttonfuil{padding: 0 .8rem}
.bar-tab-icontext .alink{margin-right: 1rem;}
.bar-tab-icontext .alink img{margin: 0 auto;}
/*全面屏*/
.bar-tab .linex{display:none; position: fixed; width: 6rem; height: .3rem; bottom: .7rem; left: 50%; margin-left: -3rem; background:#000; border-radius: .2rem;}
.iphonex .linex{display: block}
.iphonex{height: 4.2rem}
.iphonex~.content{bottom:4.2rem;}
.iphoneall{height: 3.2rem}
.iphoneall~.content{bottom:3.2rem;}
.iphonebig{height: 5rem}
.iphonebig~.content{bottom:5rem;}
/*三层头*/
.topthr{padding: 0}
.topthr .searchbar{margin: 0}
.topthr~.content{top: 6.4rem}
/* 头部导航、搜索、图标、按钮 、文字*/
.bar-nav .button{top: .4rem;}
.bar-nav .close-picker{top: 0}
.bar-nav a{display: block; min-width: 2.2rem; position: relative; z-index: 12}
.bar-nav a i,.bar-nav a .imgicon{margin: .6rem auto 0;}
.bar-nav .textlink{z-index: 12;}
.headerback .title,.bar-nav .title{top:0; left: 0; margin: 0; z-index: 11}
.bar-nav .textlink i,.bar-nav .textlink img{display: inline-block; margin-right: .3rem; vertical-align: -.25rem;}
.bar-nav .textlink{line-height:2.2rem; text-align:center; margin-right: .5rem;}
.bar-nav .headimg img{margin: .45rem auto 0}
.bar-nav .textlink b{width: 3rem; display: inline-block; text-align: left; padding-right: .5rem;}
.bar-nav .iconright{position: absolute; right: 0; top: 0; height: 100%; z-index: 12}
.bar-nav .iconright .textlink{display: inline-block; min-width: 1.8rem}
.bar-nav .iconright .textlink i{margin: .6rem auto 0}
.bar .buttons-tab .button{top: 0}
/*头部导航搜索*/
.search-white .searchbar{background: rgba(255,255,255,1);}
.search-white:after{background: none}
.search-white .search-input input{background: #eee;}
.bar .search{margin:.3rem 0 0 0; height:1.6rem;}
.bar .search input{height:1.6rem; padding:.2rem .6rem; border-radius: .8rem; background: #f5f5f5;}
.bar .search section i,.bar-nav .search section img{position: absolute; top: 50%; margin-top: -.4rem;}
.bar .search section i.icon16-left,.bar-nav .search section img.icon16-left{left:0.6rem;}
.bar .search section i.icon16-right,.bar-nav .search section img.icon16-right{right:0.6rem; display: none;}
.bar .search .inputleft input{padding-left: 1.6rem;}
.bar .search .inputright input{padding-right: 1.6rem;}
.bar .search .inputright .icon16-right{display: block;}
.bar .search aside a{text-align:center; display:block; height:1.6rem; line-height:1.6rem; padding-left: .3rem; color: rgba(0,0,0,.5);}
.bar .search aside a.cur{color: rgba(0,0,0,.8);}
.content_search{padding: .3rem .5rem}
.content_search .search{margin: 0}
.content_search .search a i,.content_search .search a img{margin: .3rem auto 0;}
.content_search .keyword{height: 2rem; line-height: 2rem; padding: 0 .5rem;}
.content_search .keyword span{padding-right: 1rem;}
.content_search .keyword span,.content_search .keyword a{display: inline-block;}
.search input::-webkit-input-placeholder{color: rgba(0,0,0,.2);}
.search section input{width:100%; border:none; font-size:.8rem;}
.search input[type=search]{margin: 0; box-sizing: border-box;}
.searchcenter{margin-top: -.3rem; padding: 0 .5rem;}
.searchcenter .searchbar{height: auto}
.searchcenter .searchbar .search-input input{border:none; background: #f1f1f1; height: 2rem;}
.searchcenter .searchbar-cancel{height: 2rem; line-height: 2rem;}
.bar-searchstyle .searchbar{background: #fff;}
.bar-searchstyle .search-input input{background: #f1f1f1}
.bar-searchstyle:after{background: none}
/*底部评论*/
.bar-comment{background: #fff; padding: 0 .5rem}
.bar-comment .search{margin: 0; height: 2rem; flex-grow: 1;}
.bar-comment .search input{background: none; border: none; height: 2rem; padding:0; width: 100%}
.bar-comment .bc-iconimg{width: 1.8rem; height: 1.8rem; position: relative;}
.bar-comment .bc-iconimg i,.bar-comment .bc-iconimg img{width: 1rem; height: 1rem; margin: .4rem auto 0; display: block;}
.bar-comment .bc-iconimg .point{top: 0; right: 0; padding: 0 .2rem; font-size: .5rem; border-radius: .75rem;}

.oneheader{background: #000}
.oneheader:after{background: none;}
.oneheader .textlink,.oneheader h2,.oneheader .title{color:#FFF;}
.oneheader .textlink span{border-top-color:#FFF; border-bottom-color:#FFF;}
.oneheader .search aside a{color: rgba(255,255,255,.6);}
.oneheader .search aside .cur{color:#FFF;}
.twoheader{background: #fff;}
.twoheader .search input{background: rgba(0,0,0,.03);}
.twoheader .search aside a{color: rgba(0,0,0,.3);}

/* 竖线 */
.card-header:after{background: none; border-bottom: 1px solid #ddd;}
.lineheight a:before{content:""; position:absolute; right:0; top:0; width:1px; height:100%; background: #ddd}
.linewidth a:after{content:""; position:absolute; left:0; top:0; width:100%; height:1px; transform-origin:0 0; border-top:1px solid #ddd;}
@media only screen and (-webkit-min-device-pixel-ratio: 2){.lineheight a:before{-webkit-transform:scaleX(0.5); transform:scaleX(.5);}}
@media only screen and (-webkit-min-device-pixel-ratio: 3){.lineheight a:before{-webkit-transform:scaleX(.33); transform:scaleX(.33);}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){.lineheight.halfline a:before{-webkit-transform:scale(.5,.5); transform:scale(.5,.5);}}
@media only screen and (-webkit-min-device-pixel-ratio: 3){.lineheight.halfline a:before{-webkit-transform:scale(.33,.33); transform:scale(.33,.33);}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){.linewidth a:after{-webkit-transform:scaleY(.5); transform:scaleY(.5);}}
@media only screen and (-webkit-min-device-pixel-ratio: 3){.linewidth a:after{-webkit-transform:scaleY(.33); transform:scaleY(.33);}}
.lineheight a:last-child:before,.percent50 a:nth-child(even):before,.percent33 a:nth-child(3n):before,.percent25 a:nth-child(4n):before{background: none;}
.percent50 a:nth-child(-n+2):after, .percent33 a:nth-child(-n+3):after,.percent25 a:nth-child(-n+4):after{border-top: none}
/* page 样式*/
.page-hd{padding: 1rem 1.5rem;}
.page-hd .page-tit{font-size: 1rem;}
.page-hd .page-txt{margin-top: .2rem; font-size: .75rem; color: #999}
/*输入框*/
.list-block input[type=text], .list-block input[type=password], .list-block input[type=email], .list-block input[type=tel], .list-block input[type=url], 
.list-block input[type=date], .list-block input[type=datetime-local], .list-block input[type=time], .list-block input[type=number], 
.list-block input[type=search], .list-block select, .list-block textarea,.list-block{font-size: .8rem;}
/* 卡片 */
.content-block-title + .list-block, .content-block-title + .content-block, .content-block-title + .cardbox{margin-top: .5rem;}
.content-block-title{margin:1rem 0.75rem 0.5rem}
.cardstyle,.cardinner{padding: .8rem;}
.cardstyle .cardbox{box-shadow: 0 .25rem 1.5rem rgba(0,0,0,.08); border-radius: .6rem; margin-bottom: .8rem}
.cardstyle .cardbox:last-child{margin-bottom: 0}
.cardstyle_pd .cardbox{padding: .25rem .75rem;}
.cardstyle_pd .card_bananer{padding: 0;}
.cardbox{margin-bottom:.5rem; position: relative; background:#FFF;}
.cardbox .card-content .card-content-detail{padding: .5rem .5rem 0 .5rem}
.cardbox .card-content .card-content-detail p{color: #333; font-size: .8rem; padding-bottom: .5rem;}
.cardbox .card-content .clamp-2{overflow: hidden; text-overflow: ellipsis; max-height: 2.2rem;}
.cardbox .list-block, .cardbox .content-block{margin: 0;}
.clamp-little-2{height: 2.1rem; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;}
.cardbox .list-block ul{background: none;}
.title-big{font-size: 1rem; font-weight: 500; padding: .8rem; color: #000}
.card-title{padding: .1rem .6rem; height: 2.2rem; line-height: 2.2rem}
.card-title h3{font-size: .8rem; font-weight: bold;}
.card-title h3 i,.card-title h3 img{display: inline-block; margin-right: .4rem}
.card-title h3 .icon16{vertical-align: -.15rem;}
.card-title h3 .icon20{vertical-align: -.2rem;}
.list-block .redstar{color: red; padding-left: .3rem;}
.list-block-none ul:before,.list-block-none ul:after{background: none;}
.list-block-noline .item-inner:after{background: none}
.list-block.list-block-nostyle{margin: 0;}
.list-block.ptbmid .item-content{padding-left: .8rem;}
.list-block.ptbmid .item-media{padding-top: .65rem; padding-bottom: .65rem;}
.list-block.ptbmid .item-inner{padding-top: .65rem; padding-bottom: .65rem;}/* 列表中间距 */
.list-block.ptbbig .item-content{padding-left: .85rem;}
.list-block.ptbbig .item-media{padding-top: 1rem; padding-bottom: 1rem;}
.list-block.ptbbig .item-inner{padding-top: 1rem; padding-bottom: 1rem;}/* 列表大间距 */
.list-block.ptbhug .item-content{padding-left: 1rem;}
.list-block.ptbhug .item-media{padding-top: 1.25rem; padding-bottom: 1.25rem;}
.list-block.ptbhug .item-inner{padding-top: 1.25rem; padding-bottom: 1.25rem;}/* 列表超大间距 */
.list-block .item-after .badge{color: #ffffff; padding:.1rem .3rem}
.list-block .item-all{padding-left: 0; display: block;}
.list-block .item-all .item-inner{padding:.65rem .75rem;}
.list-block .item-block{display: block;}
.list-block .item-block .item-title{padding: .5rem .5rem 0 0}
.list-block .item-block .item-input.textarea,.list-block .item-block .item-input input,.list-block .item-block .item-input textarea{padding-left: 0}
p.p-text{margin: 0; padding: 0}
.p-text{font-size: .7rem; color: #666;}
.p-text span{margin-right: .3rem; display: inline-block;}
.p-text span:last-child{margin-right: 0}
.p-text span s{padding-left: .3rem;}
.p-text span .icon12{vertical-align: -.06rem}
.p-text span .icon14{vertical-align: -.1rem;}
.p-text .alink .icon14{vertical-align: -.15rem}
.infobar{height: 1.4rem; line-height: 1.4rem;}
.infobar .p-text b{color: #999; padding-left: .4rem; font-weight: normal;}
.infobar .button-little{height: 1.05rem;}
.card-header .anyrow{padding: .5rem 0; line-height: 1.25;}
.card-header .anyrow .p-text{padding-top: .3rem; color: #999; line-height: 1rem}
.card-header .more{padding: .5rem 0}
.card-header .more a,.card-header .more .alink{margin-left:.5rem; font-size: .7rem;}
.card-header,.card-footer{padding: 0 .5rem; font-size: .8rem; border-radius: 0}
.card-footer a{display:block; height:2.2rem; line-height:2.2rem; position:relative; width:100%; text-align: center;}
.card-footer .cf-lit{text-align: left; font-size: .7rem}
.card-footer .cf-mid{text-align: right;}
.card-footer i,.card-footer img{display:inline-block; margin-right: .3rem; vertical-align:-.25rem;}
.card-footer .icon12{vertical-align: middle;}
.card-footer .arrowbg{display:inline-block; width:.4rem; height:.4rem; border-right:.1rem solid; border-top:.1rem solid; transform:rotate(45deg); vertical-align:0;}
.card-footer .arrowbg.arrow_open{transform:rotate(135deg); vertical-align:.1rem; margin-left: .5rem}
.card-footer .arrowbg.arrow_close{transform:rotate(315deg); vertical-align:-.08rem; margin-left: .5rem}
.card-footer.notice{text-align: left; display:-webkit-box; -webkit-box-park:justify;}
.card-footer.notice a{text-align: left; padding-right:.5rem; width: auto;}
.card-footer.notice i{display: block;}

/* 文章列表 */
.textbox .card-content{padding:.5rem;}
.textbox .card-content li{position:relative; display:-webkit-box; -webkit-box-align:center; padding: .1rem 0;}
.textbox .card-content li time{padding-left: .5rem; color: #999;}
.textbox .card-content li a,.textbox .card-content li .alink{display: block; padding: .2rem 0; font-size: .8rem; width: 12rem; 
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-box-flex:1;}
.textbox .card-content li span{display:inline-block; padding: 0 .2rem; border: 1px solid #ddd; height: .8rem; line-height: .8rem; color: #999; font-size: .6rem; 
vertical-align:-.01rem; text-align: center; margin-right: .3rem;}
.textbox .card-content li span.bodercate{height: 1.05rem; line-height: 1rem;}
.tabtext .hd li{text-align: center; height: 2.2rem; line-height: 2.2rem; position: relative; padding: 0 .5rem}
.tabtext .hd li.on{color:#000000; font-weight: bold;}
.tabtext .hd li.on:before{position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: .2rem; background: #CCCCCC;}
.tabtext.sortline .hd li.on:before{left: 50%; width: 1rem; margin-left: -.5rem;}
/* 轮播切换 */
.tablink .bar,.tablink .content{background: #fff;}
.tablink .card-header:after{border-bottom: none}
.tablink .tabtext ul{width: 100%}
.tablink .tabcon{display: none;}
.percent20 .hd li{width: 20%}
.percent25 .hd li{width: 25%}
.percent33 .hd li{width: 33%}
.percent50 .hd li{width: 50%}
.pagetion .hd{width: 100%; height:1rem; line-height: 1rem; text-align: center;}
.pagetion .hd li{display: inline-block; width: .4rem; height: .4rem; margin: 0 .1rem; border-radius:.2rem; text-indent: -999em; background:rgba(0,0,0,.3)}
.pagetion .hd li.on{background: rgba(0,0,0,.8);}
.bananer-pic{position: relative; font-size: 0}
.bananer-pic .hd{position: absolute; left:0; bottom:0; z-index: 1}
.bananer-pic .bd img{width: 100%;}
/*中间线条*/
.linecenter{padding: 0 1rem; position: relative; height: 2rem; line-height: 2rem; text-align: center; color: #999}
.linecenter div:before,.linecenter div:after{position:absolute; background:#eee; content:""; height:1px; top:50%; width:5rem;}
.linecenter div:before{left:.5rem;}
.linecenter div:after{right: .5rem;}
/* 新闻列表+通知列表 */
.list-block .item-text{font-size: .8rem; line-height: 1.1rem; height: 2.3rem; margin-bottom: .25rem; font-weight: 600}
.list-block .item-text span{display: inline-block; margin-left: .4rem; vertical-align: top;}
.list-block .item-text .icon12{vertical-align: .01rem;}
.list-block .height-auto{height: auto;}
.list-block .align-items-start{-webkit-align-items:flex-start; align-items:flex-start; -webkit-box-align:start;}
.list-block .info-content.w100{width: 100%}
.list-block .info-content h3{font-size: .75rem; color: #666; padding-top: .3rem; padding-bottom: .2rem; height: auto; text-align: left;}
.list-block .info-content .title text{font-size: .7rem; color: #999; padding-left: .8rem}
.list-block .info-content .item-text-tips{font-size: .6rem; color: #999}
.list-block .info-content .item-button{margin: .5rem .75rem 0 .75rem; text-align: center}
.list-block .tp-2 .info-content > div{margin-left:.5rem;}
.list-block .tp-2 .info-content.reverse > div{margin-left:0; margin-right: .5rem}
.list-block .tp-2 .text-content h3{display:block; line-height: 1.2rem; -webkit-box-flex: 1; box-flex: 1; font-size: .8rem; color: #333; padding: 0}
.list-block .tp-2 .text-content time{font-size:.65rem; line-height: 1.2rem; padding-left:.4rem; color: #999;}
.list-block .tp-2 .point{width:.6rem; height:.6rem; right:-.1rem; top:-.1rem; border-radius:.3rem;}
.list-block .tp-2 .point.point_big{width:auto; font-size: .6rem; height:.9rem; line-height:.9rem; border-radius:.45rem; right:-.25rem; top:-.25rem; padding:0 .29rem;}
.list-block .pic-content{position:relative; margin: 0 auto;}
.list-block .pic-content img,.list-block .pic-content i{width:100%; height:100%; position:absolute; top:0; left:0;}
.list-block .pic-content .imgcenter,.list-block .pic-content .iconcenter{left: 50%; top: 50%; z-index: 4}
.list-block .tp-scale .info-content{width:68%;}
.list-block .tp-scale .pic-content{width: 32%; padding-top: 21%;}
.list-block .tp-square .info-content{width:76%;}
.list-block .tp-square .pic-content{width: 24%; padding-top: 24%;}
.list-block .tp-img .info-content{width:85.71%;}
.list-block .tp-img .pic-content{width:14.29%; padding-top:14.29%;}
.list-block .tp-icons .info-content{width:88.6%;}
.list-block .tp-icons .pic-content{width:11.4%; padding-top:11.4%;}
.list-block .tp-icons .pic-content i{background-size: contain;}
.list-block .pic-content .text{position: absolute; width: 100%; left: 0; color: #fff; font-size: .65rem; padding: .5rem; box-sizing: border-box; z-index: 3}
.list-block .pic-content .text.ta-left *{text-align: left;}
.list-block .pic-content .text.ta-right *{text-align: right;}
.list-block .pic-content .text h2{font-size: 1rem;}
.list-block .pic-content .text .h2{font-size: .85rem}
.list-block .pic-content .text .p-text{color:rgba(255,255,255,.6);}
.list-block .pic-content .text .it{display: inline-block; position: inherit; vertical-align: middle; margin-right: .3rem; margin-bottom: 0}
.list-block .pic-content .text-bottom{bottom: 0}
.list-block .pic-content .text-center{top: 50%; margin-top: -1.25rem;}
.list-block .pic-content .text-top{top: 0}
.list-block .pic-content .picfixed{z-index: 2; position: absolute;}
.list-block .pic-content .img-wrap{position: relative; vertical-align: top;}
.list-block .img-wrap{width:100%;}
.list-block .tp-two .img-wrap{width: 49.25%; padding-top: 32.67%;}
.list-block .tp-thr .img-wrap{width: 32%; padding-top: 21%;}
/*带头像评论*/
.list-block .comment-hd{display: -webkit-box; -webkit-box-align:center; position: relative;}
.list-block .comment-hd.box-algin-start{-webkit-box-align:start}
.list-block .comment-hd .avatar{position: relative; margin-right: .3rem;}
.list-block .comment-hd .avatar img{width: 1.5rem; height: 1.5rem; vertical-align: middle;}
.list-block .comment-hd h4{font-size: .7rem;}
.list-block .comment-hd h4 span{padding-left: .4rem; color: #999}
.list-block .comment-hd .name{-webkit-box-flex:1; margin-right:.5rem; text-align: left;}
.list-block .comment-hd .name i{margin-left: .3rem;}
.list-block .comment-hd .ding i{margin-left: .3rem; margin-right: 0;}
.list-block .comment-lit .avatar img{width: 1rem; height: 1rem; vertical-align: -.2rem}
.list-block .comment-lit .ding{font-size: .7rem} 
.list-block .comment-lit .ding i{vertical-align: -.1rem}
.list-block .comment-mid .avatar img{width: 2rem; height: 2rem;}
.list-block .comment-big .avatar img{width: 2.5rem; height: 2.5rem;}
.list-block .comment-text{padding-left:1.9rem; line-height: 1.1rem; color: #999;}
.list-block .comment-text-big{padding-left:2.9rem;}
/* 多模块产品内容排列 */
.center-padding a,.center-padding .alink{display: block; padding:.5rem; text-align: center; position: relative;}
.center-padding a i,.center-padding a .img-icon,.center-padding .alink i,.center-padding .alink .img-icon{margin: 0 auto .3rem;}
.center-padding .item-text{text-align: left; margin: .3rem 0; height:2rem; line-height: 1rem; font-size: .75rem;}
.center-padding .h3{font-size: .8rem; padding-top: .4rem; font-size: .75rem}
.center-padding .il h3 i,.center-padding .il h3 img{display: inline-block; margin-right: .3rem; vertical-align: middle;}
.center-padding .il.il_h3 h3 i,.center-padding .il.il_h3 h3 img{vertical-align: -.2rem;}
.center-padding .item-inner{display: -webkit-box; display: -webkit-flex; display: flex; }
.center-padding .item-inner .pic-content{width: 22.3%; padding-top: 22.3%; position: relative;}
.center-padding .item-inner .pic-content i,
.center-padding .item-inner .pic-content img{display: block; margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.center-padding .item-inner .info-content{text-align: left; padding-left: .5rem; width: 77.7%; box-sizing: border-box;}
.center-padding .item-inner .info-content.reverse{padding-left: 0; padding-right: .5rem;}
.center-padding .item-inner .info-content h3{color: #333; font-size: .8rem; font-weight: 500;}
.center-padding .info-content .p-text{color: #999; text-align: left;}
.center-padding .one-content i{margin: 0 .3rem 0 0}
.center-padding a h3,.center-padding .alink h3{font-weight: 600;}
.padding-lit a,.padding-lit .alink{padding: .1rem .3rem;}
.padding-mid a,.padding-mid .alink{padding: .65rem;}
.padding-big a,.padding-big .alink{padding: 1rem;}
.padding-big a h3,.padding-big .alink h3{font-weight: 600; font-size: .85rem; padding-top: .5rem}
.padding-hug a,.padding-hug .alink{padding: 1.5rem 1rem;}
.padding-hug a h3,.padding-hug .alink h3{font-weight: bold; font-size: 1rem; padding-top: .6rem}
.product-padding .info-content{padding: 0 .5rem .5rem .5rem}
.product-padding .info-content .comment-hd .ding i{margin-right: .3rem;}
/*超出卡片*/
.cardit .alink{margin-right: .5rem; background: #eee; width: 7.5rem;}

/*城市选择*/
.itemborder{padding: .3rem;}
.itemborder .p-text{padding-left: 1rem; height: 1.2rem; line-height: 1.2rem; position: relative;}
.itemborder .icon14{margin: 0 .3rem 0 0; vertical-align: -.1rem;}
.itemborder .p-text:before{content: ''; width: .15rem; height: .8rem; background: #ccc; position: absolute; left: .5rem; top: 50%; margin-top: -.4rem}
.itemborder span{background: #fff; border: 1px solid #ddd; border-radius: .1rem; display: block; padding: .3rem}
.itemborder span b{padding: 0 .1rem;}
.itemborder .alink.none span{color: #ccc; border-color: #eee}
.itemborder.itemborder_round span{width: 3.2rem; height: 3.2rem; line-height: 3.2rem; border-radius: 1.6rem; padding: 0}
/*多级分类选择*/
.itemborder .itemtext{padding: 0 .5rem; height: 1.6rem; line-height: 1.6rem; font-size: .75rem}
.itemborder .itemtext h3 i{display: inline-block; border: 3px solid; width: .6rem; height: .6rem; border-radius: .3rem; vertical-align: -.05rem; margin-right: .3rem}
.itemborder .itemtext a{color: #999; display: block;}
.itemborder .itemtext a b{padding-right: .8rem; font-weight: normal;}
.itemborder .itemtext .icon-arrows{position: relative;}
.itemborder .itemtext .icon-arrows .icon-arrows-ud{border-top: .3rem solid #999}
.itemborder .itemtext .icon-arrows.icon-arrows-open .icon-arrows-ud{border-bottom: .3rem solid #999; border-top: none;}

/*文字按钮排列*/
.textbtn .button{display:inline-block; margin: .3rem .5rem .3rem 0;}

/*小标签*/
.itemtags{margin: .4rem 0; font-size: 0}
.itemtags span{display: inline-block; font-size: .6rem; padding: .08rem .3rem; background: #eee; margin-right: .5rem}

/* 个人中心背景 */
.user-content{background: #fff; padding: 1rem; position: relative;}
.user-content.lrsite{display:-webkit-box; -webkit-box-align:center;}
.user-content.lrsite .info-content{padding-left:.6rem;}
.user-content .pic-content img{width: 3rem; height: 3rem; display: block;}
.user-content .info-content h4{font-size: .9rem; font-weight: bold;}
.user-content .center-padding h3 span{font-weight: bold; padding-right: .2rem; font-size: .85rem}
.user-content.tbsite{display:block; text-align:center;}
.user-content.tbsite .info-content{padding-top:.4rem;}
.user-content.tbsite .pic-content img{margin: 0 auto}
.user-content.tbsite a b{display: none;}
.user-content .btns_area .btn{height: 1.4rem; line-height: 1.3rem; border: 1px solid; padding: 0 .6rem; display: inline-block; border-radius: .7rem;}
.user-content-deep{background: #000}
.user-content-deep .info-content h4,.bg-black a h3,.bg-black .alink h3{color: #fff;}
.user-content-deep .info-content .p-text,.bg-black a .p-text,.bg-black .alink .p-text{color: rgba(255,255,255,.6);}
.user-content-deep .btns_area .btn{border-color: #fff; color: #fff;}
.user-content-deep a b{border-color: #fff}
.user-content-deep .loginedicon{color: #fff;}
.user-content .loginedicon i{vertical-align: -0.07rem}

/* 须知 */
.papershadow{height: .5rem; background: rgba(0,0,0,.6); width: 100%; border-radius: .25rem;}
.xzboxsite{padding:1rem .8rem; margin-top: -1.75rem;}
.xzboxsite .cardbox{border-radius: .3rem; padding: 1rem .75rem .75rem .75rem}
.xzboxsite .cardbox .hd{position: relative; height: 2rem; border-radius:1rem; background: #eee; width: 8.6rem; margin: 0 auto .5rem;}
.xzboxsite .cardbox .hd span{position: absolute; top:0; left: 0; display: block; width: 2rem; height: 2rem; border-radius: 1rem;}
.xzboxsite .cardbox .hd span i,.xzboxsite .cardbox .hd span img{margin: .5rem auto;}
.xzboxsite .cardbox .hd h2{padding-left: 2.5rem; line-height: 2rem; font-size: .9rem; font-weight: bold;}
.xzboxsite .cardbox .bd p{font-size: .8rem; line-height: 1.4rem; padding-bottom: .5rem; text-indent: 2em;}
.xzboxsite .cardbox .form-check label{color: #999;}
/* 表单 */
.list-block .item-inner a{display: block;}
.list-block .item-inner .formicon{margin-left: .5rem}
.list-block .item-title.label{margin:.2rem 0; width: 30%;}
.list-block .item-input{position: relative; color: #333;}
.list-block .item-input input::-webkit-input-placeholder{color:#ccc}
.list-block .item-input textarea::-webkit-input-placeholder{color:#ccc}
.list-block .item-input textarea{padding-top: .65rem; padding-bottom: .65rem;}
.list-block .item-input.textarea{padding-top: .6rem; padding-bottom: .6rem; padding-left: .25rem; word-break: break-word}
.list-block .item-input.textarea p{padding-bottom: 1rem;}
.list-block .item-input.textarea p:last-child{padding-bottom: 0}
.list-block .item-code{padding-left: .5rem}
.list-block .item-code img{display: block; height: 1.8rem;}
.list-block .formtext{padding-left: .25rem}
.list-block .item-inner .form-tags a{display: inline-block; padding: .12rem .5rem; margin-right: .3rem; font-size: .7rem; background: #eee; border-radius: .6rem}
.list-block .item-inner .form-tags a.cur{background: #222; color: #fff}
.list-block .frompt{padding: .75rem}
.list-block .frompt .p-text{padding-bottom: .4rem; font-size: .75rem; color: #999}
.list-block .item-special .item-label{margin:.2rem 0; width: 35%;}
.list-block .item-special .item-input input{margin-top: .1rem}
.list-block .item-inner-upfile{justify-content: flex-start; padding: .8rem 0}
.list-block .item-inner-upfile div{width:4rem; height: 4rem; position: relative; margin-right: .5rem;}
.list-block .item-inner-upfile div img{position: absolute; top: 0; left:0; width: 100%; height: 100%; display: block; z-index: 3}
.list-block .item-inner-upfile div i,.list-block .item-inner-upfile div .imgicon{position: absolute; display:block;  z-index: 4;}
.list-block .item-inner-upfile div .icon_center{top: 50%; left: 50%; width: 1.2rem; height: 1.2rem; margin-top: -.6rem; margin-left:-.6rem;}
.list-block .item-inner-upfile div .icon_right{top: .1rem; right:.1rem; width: .8rem; height: .8rem;}
.list-block .item-inner-upfile div .imgclose{width: .8rem; height: .8rem; right: 0; left: inherit;}
.list-block .item-inner-upfile div .imgplay{width: 1.2rem; height: 1.2rem; left: 50%; top: 50%; margin: -.6rem 0 0 -.6rem}
.list-block .item-inner-upfile div .filesite{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 6;}
.list-block .item-inner-upfile div .filesite.filebtn{text-indent: -999em; z-index:5;}
.list-block .item-inner-upfile.upfiled div{width: 3rem;}
.webuploader-pick{background: #fff; text-align: center; border:1px solid #ddd; overflow: hidden;}
.webuploader-pick:before,.webuploader-pick:after{content: ''; position: absolute; background: #ccc; top: 50%; left: 50%;}
.webuploader-pick:before{width: 2rem; height: .3rem; margin: -.15rem 0 0 -1rem;}
.webuploader-pick:after{width: .3rem; height: 2rem; margin: -1rem 0 0 -.15rem;}
.webuploader-pick-hover{background: #f9f9f9;}
.list-block .item-inner-upfile .upfile_list{flex-grow: 1; overflow: auto}
.list-block .item-inner-upfile .upfile_list span{display: block; padding-right: 1.3rem; height: 1.3rem; line-height: 1.3rem; position: relative; font-size: .75rem;}
.list-block .item-inner-upfile .upfile_list span .emimg{position: absolute; width: .6rem; height: .6rem; left: inherit; right: 0; top: 50%; margin-top: -.3rem;}
.list-block .cells_label{height:30px; -webkit-align-items:center; align-items:center;}
.list-block .cells_label label{margin:0 .5rem 0 .3rem; position:relative; display:-webkit-box; display:-webkit-flex; display:flex; 
-webkit-box-align:center; -webkit-align-items:center; align-items:center;}
.list-block .cells_label.cells_label_more{height: auto; padding: .3rem 0}
.list-block .cells_label.cells_label_more .check,.list-block .cells_label.cells_label_more .radio{margin: .5rem .3rem}
.cells_label .hdname{padding-right:.3rem;}
.cells_label.cells_label-padding{padding: .3rem 0}
.cells_label.cells_label-padding .bdname{text-align: left; padding-right: .5rem}
.cells_label label input{position:absolute; left:-9999em;}
.cells_label .icon_checked:before{content:""; display:block; width: 1rem; height: 1rem;}
.cells_label .radio .icon_checked:before{background-position:0 0;}
.cells_label .radio input:checked + .icon_checked:before{background-position:0 -1rem;}
.cells_label .radio input:disabled + .icon_checked:before{background-position:0 -2rem;}
.cells_label .check .icon_checked:before{background-position:0 -3rem;}
.cells_label .check input:checked + .icon_checked:before{background-position:0 -4rem;}
.cells_label .check input:disabled + .icon_checked:before{background-position:0 -5rem;}
/*上下结构表单*/
.formproblem{background: #fff;}
.formproblem .cardbox{padding: 0 .8rem; background: transparent;}
.formproblem .list-block li{margin-bottom: .8rem;}
.formproblem .list-block .item-block{padding-left: 0;}
.formproblem .item-block .item-title{padding: .5rem; color: #999;}
.formproblem .item-inner{background: #efefef; padding-left: .4rem; border-radius: .3rem;}
.formproblem .item-inner .item-input textarea{padding-left: .2rem}
.formproblem .list-block .item-inner:after,.list-block.noline .item-inner:after{background: none}
/*表单已有内容*/
.list-block .item-block .item-text-tips{font-size: .7rem; color: #999; margin-bottom: .3em; line-height: 1rem; padding-right: .5rem; word-wrap: break-word;}
.list-block .item-block .item-text-tips span{color: #333; padding-right: .5rem;}
.list-block .item-inner-half .item-text-tips{width: 50%;}
.list-block .item-input b{padding-right: .4rem; color: orangered}
.list-block .price .item-title{width: 9rem}
.list-block .price span{font-size: .7rem; color: #999; padding-left: .4rem}
/*两级产品分类树结构*/
.catetwo{height: 100%; display: -webkit-box}
.catetwo .cate-l{width: 6rem; font-weight: 500}
.catetwo .cate-l,.catetwo .cate-r{overflow: auto;}
.catetwo .cate-l li{padding: .5rem; font-size: .8rem; position: relative;}
.catetwo .cate-l .cur{color: #000}
.catetwo .cate-l .cur:before{content: ''; position: absolute; top: 25%; bottom: 25%; left: 0; width: .2rem; background: #000;}
.catetwo .cate-l .cur,.catetwo .cate-r{background: #fff;}
.catetwo .cells_label label{padding: 0 .5rem; height: 2.2rem; font-size:.8rem; position:relative; color:#333;}

/*提示*/
.msg{padding-top: 3rem;}
.msg .icon_area{text-align: center; padding-bottom: .8rem}
.msg .icon_area i,.msg .icon_area img{width: 5rem; height: 5rem; display: block; margin: 0 auto;}
.msg .text_area{text-align: center; padding: 0 1rem; margin-bottom: 1rem}
.msg .text_area h2{font-size: 1rem; margin-bottom: .3rem; color:#333; font-weight: 600;}
.msg .text_area .p-text{font-size: .75rem; color: #999}
.msg .btns_area{text-align: justify; text-justify:distribute-all-lines; width: 40%; margin:1rem auto;}
.msg .tips_area{margin:0 1rem .5rem 1rem; text-align:left; position:relative; background: #fff;}
.msg .tips_area h3{font-weight: 600; font-size:.9rem; padding-left:.65rem; text-align:left; position:relative; height:2.2rem; line-height:2.2rem}
.msg .tips_area ul{padding:0 .8rem;}
.msg .tips_area ul li{line-height:1rem; padding-bottom:.5rem;}
.msg .tips_text{font-size: .6rem; color: #999; text-align: center; padding: 0 2rem}
.allheight{height: 100%; display: flex; align-items: center;}
.allheight .msg{padding-top: 0; padding-bottom: 2rem; width: 100%;}
/* 文章详情 */
.article{padding: .75rem; background: #fff;}
.article .hd{padding: 0 0 .5rem 0; position: relative;}
.article .article-border{position: absolute;left: -.75rem;top: .25rem;width: .2rem;height: 1.4rem;background: gray;}
.article .hd h1{font-size:1.4rem; line-height: 1.8rem; color: #333; font-weight: 600; padding-bottom: .6rem;}
.article .hd .p-text{color: #999;}
.article .bd{font-size: .85rem; line-height: 1.2rem; color: #000;}
.article .bd p{line-height: 1.4rem; padding-bottom: .5rem; color: #000;}
.article .bd p img{width: 100%;}
.article-line .hd:before{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 1px solid #ddd;}
.article-line .bd{padding-top: 1rem;}
.article .fd{margin-top: .5rem; text-align: center; font-size: 0}
.article .fd a{display: inline-block; margin: 0 .5rem; height: 2.2rem; line-height: 2.2rem; padding: 0 .6rem; min-width: 4.2rem; font-size: .8rem;}
.article-more{margin-top:.5rem;}
.article-more .tit{height:1.8rem; line-height:1.8rem; position: relative;}
.article-more .tit h2{font-size:.85rem; font-weight:bold; color:#000;}
.article-more .con{padding:.5rem;}
.article-more .con li a{display:block; padding:.25rem 0; color:#333; font-size:.75rem; line-height:1.1rem;}
.article-more .con li a i{display:inline-block; width:.3rem; height:.3rem; border-radius:.15rem; background:gray; margin-right:.2rem; vertical-align:.15rem;}
/*文字大小*/
.article-size-small .bd p{font-size: .7rem; line-height: 1.1rem;}
.article-size-normal .bd p{font-size: .85rem; line-height: 1.4rem;}
.article-size-big .bd p{font-size: .9rem; line-height: 1.6rem;}
.article-size-bigger .bd p{font-size: 1.2rem; line-height: 2.2rem;}

/*处理状态*/
.cardbox .card-header-list h2{font-weight: bold; color: #333;}
.cardbox .card-header-list .icon-inlineblock{width: .8rem; height: .8rem; border-radius: .4rem; border:.2rem solid;}
.cardbox .card-header-list .q-round .icon-inlineblock{border-color: #0078ff}
.cardbox .card-header-list .a-round .icon-inlineblock{border-color: #2fd02e}
.cardbox .card-header-list .t-round .icon-inlineblock{border-color: orangered}
.cardbox .card-header-list .r-round .icon-inlineblock{border-color: red}
.cardbox .card-content .dlbox{padding:.75rem; margin:0;}
.cardbox .card-content .dlbox dt{font-size: .85rem; font-weight: bold; margin-bottom: .1rem; color: #333;}
.cardbox .card-content .dlbox dt p{padding-bottom: .2rem; color: #666; font-size: .7rem; font-weight: normal;}
.cardbox .card-content .dlbox dd{color: #666; margin-top: .3rem;}
.cardbox .card-content .dlbox dd span{color: #999; padding-right: .5rem}
.cardbox .card-content .statebg{position: absolute; right: 0; top: 0; width: 3.7rem; height: 3.5rem;}
.cardbox .card-content .statebg.statebg_other{width: 3rem; height: 3rem; right: .6rem; top: .6rem}
.cardbox .card-content .statebg img{width: 100%; height: 100%; display: block;}
.cardbox .card-content .statebg.deal_ed{background-position:0 0;}/* 处理完成 */
.cardbox .card-content .statebg.deal_on{background-position:0 -3.5rem;}/* 已受理 */
.cardbox .card-content .statebg.deal_ing{background-position:0 -7rem;}/* 待受理 */
.cardbox .card-content .statebg.deal_no{background-position:0 -10.5rem;}/* 不予受理 */
.cardbox .card-content .statebtn{position: absolute; right: 1rem; top: 1rem}

/*提交评论*/
.commentbox{padding: .6rem 1rem;}
.commentbox .cb_star{text-align: center; padding: .4rem 0 .3rem 0}
.commentbox .cb_star em{width: 1rem; height: 1rem; margin: 0 .1rem; display: inline-block; 
background:url(../img/comment_star.png) no-repeat; background-size: 1rem auto;}
.commentbox .cb_star em.cur{background-position: 0 -1rem;}
.commentbox .cb_text{text-align: center; color: #999}
.commentbox .cb_text.cb_text_color{color: orange;}
.commentbox .cb_textarea,.commentbox .cb_input,.commentbox .cb_choose,.commentbox .cb_btn{margin-top: .5rem}
.commentbox .cb_choose a{width: 48%; border: 1px solid #ddd; text-align: center; margin: .3rem 0; padding: .3rem;}
.commentbox .cb_choose a.cur{border-color: orangered; color: orangered;}
.commentbox .cb_textarea .itemInput,.commentbox .cb_input .itemInput{font-weight: 500; padding: .6rem; border: none; width: 100%; 
box-sizing: border-box; background: #eee;}
.commentbox .cb_textarea .itemInput{height: 5rem;}
.commentbox .list-block{margin: .5rem 0 0 0; position: relative; background: #eee;}
.commentbox .list-block select{font-size: .7rem; padding-left: .6rem;}
.commentbox .list-block .icon-arrows-ud{right: .5rem;}

/*注册步骤*/
.loginstep{padding:1rem .5rem .5rem .5rem;}
.uistep>ul{display: table; width: 100%; position: relative; margin: 0 0 1rem;}
.uistep>ul>li{display: table-cell; width: 1%; text-align: center;}
.uistep>ul>li a{display: block; position: relative; color: #333;}
.uistep>ul>li a:before{content: ""; position: absolute; height: .2rem; top: 1rem; width: 100%; z-index: 4; background: #ddd;}
.uistep>ul>li:first-child a:before{left:50%}
.uistep>ul>li a label{width: 2rem; height: 2rem; line-height: 2rem; border-radius: 1rem; display: block; margin:0 auto .4rem; z-index: 5; position: relative; text-align: center;}
.uistep>ul>li a.normaled label{color:#666; background: #fff;}
.uistep>ul>li a.normaled label:before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom:0; border-radius: 50%; border: 2px solid #333;}
.uistep>ul>li a.disabled label{background:#ddd; color:#ccc;}
.uistep>ul>li a.disabled span{color: #ddd;}
.uistep>ul>li a.selected label{background: #333; color: #fff;}
.uistep>ul>li:last-child a:before{right:50%; left: auto; width: 50%;}

/* 登录注册表单 */
.loginform-bb{position: absolute; bottom: .6rem; left: 0; width: 100%; text-align: center; font-size: .6rem; color: #ccc}
.loginform-bb .alink{padding: 0 .2rem;}
.loginlogo{padding:1rem 0; text-align:center;}
.loginlogo h2{font-size:1.2rem; font-weight:bold; padding-top:.5rem; color: #333}
.loginlogo .p-text{color: #999; padding-top: .5rem;}
.loginlogo .p-text b{font-weight: normal; padding-left: .3rem}
.loginlogo.ll-big{padding: 2rem 1rem}
.cardbox .loginform{padding: 1rem 1.5rem}
.loginform{padding:0 1.5rem; position: relative;}
.formlogin .list-block .item-content{padding-left: 0}
.loginform .form-item input::-webkit-input-placeholder{color:#ccc}
.loginform .itemInput,.loginformline .itemInput{width:100%; height:2.2rem; line-height:2.2rem; display:block; z-index:2; position:relative; 
-webkit-box-sizing:border-box; box-sizing:border-box; border-radius: 5px; font-size: .85rem;}
.loginform .form-item.yzmInput{padding-right:5.4rem;}
.loginform .form-item .itemInput{background:transparent; font-size:.8rem; color: #333; border: 0;}
.loginform .form-item{margin-bottom:.8rem; padding:0 .5rem; height:2.2rem; position:relative;}
.loginform .form-item:before{content:""; display:block; position:absolute; width:200%; height:200%; left:0; top:0; -webkit-transform:scale(0.5); 
transform:scale(0.5); -webkit-transform-origin:0 0; transform-origin:0 0; border:1px solid #999; z-index:1; border-radius: 5px; box-sizing: border-box;}
.loginform .form-item span,.loginformline .list-block .item-input span{position: absolute; z-index:3; border-left:1px solid #ddd; display: block; 
padding: 0 .8rem; right: 0; height: 1.2rem; line-height: 1.2rem; top: 50%; margin-top: -.6rem; font-size: .75rem}
.loginform .form-item .yzmed,.loginformline .item-input .yzmed{color: #ccc}
.loginform .form-btn,.loginformline .form-btn{margin:1rem 0 .5rem 0;}
.form-btn a{text-align: center;}
.form-check .check{margin:0 .3rem 0 0; vertical-align: -.1rem;}
/*按钮底部文字和细线*/
.form-text a{padding:.5rem .75rem; display: inline-block; position:relative;}
.form-text a:before{content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; border-right: 1px solid #ccc; 
-webkit-transform:scaleY(.5); transform:scaleY(.5);}
.form-text a:last-child::before{border-right:none;}
.form-text .p-text{padding: .5rem 0}
/*底部文字左右*/
.form-lrtext .alink{display: block; padding: .4rem 0}
.loginform .tips{top: -22px;}
.login_info{color: #999; text-align: center; padding: .5rem}
/*带线条的表单*/
.loginformline{padding: .5rem 1.5rem 1rem 1.5rem; position: relative;}
.loginformline .list-block{margin: 0}
.loginformline .list-block ul{background: none}
.loginformline .list-block .item-content{padding-left: 0;}
.loginformline .list-block .item-inner .item-media{margin-right: .3rem}
.loginformline .list-block .item-input.yzmInput{padding-right: 6rem}
.loginformline .list-block .item-input input{height: 2.5rem}
.loginformline .list-block li:last-child .item-inner:after{display: block;}
.loginformline .list-block .focus-input:after{background: #000;}

/*排行粉丝关注等——默认线条风格*/
.topten .list-block .item-inner:after{left: 2.4rem}
.topten .list-block .p-text span b{padding-left: .3rem; color: #333}
.topten .list-block .noline .item-inner{padding: 0 .75rem}
.topten .list-block .noline .item-inner:after{background: none}
/*排行——卡片风格*/
.topten.toptencard .list-block .noline .item-all{padding: 0 .8rem}
.topten.toptencard .list-block .noline .item-all .item-inner{box-shadow: inherit; border-radius: inherit; padding: 0 .75rem;}
.topten.toptencard .list-block .item-all{padding: .3rem .8rem;}
.topten.toptencard .list-block .item-all .item-inner{box-shadow: 0 0 .5rem rgba(0,0,0,.1); border-radius: .3rem; padding: .5rem}
.topten.toptencard .list-block .item-all .item-inner:after{background: none}

/*原型演示——支付宝弹窗*/
.dialog_zfb{width: 14rem; height: 16rem; position: absolute; top: 50%; left: 50%; margin: -8rem 0 0 -7rem; z-index: 2002; background: #fff; display: none;}
.dialog_zfb .hd{background-image: -webkit-linear-gradient( -45deg, rgb(62,138,224) 0%, rgb(53,118,205) 100%); text-align: center;}
.dialog_zfb .hd h1{color: #fff; font-size: .85rem; height: 2rem; line-height: 2rem;}
.dialog_zfb .bd{padding: .75rem;}
.zfb_text{padding-bottom: 1px solid #eee; padding-bottom: .5rem; font-size: .75rem;}
.zfb_text h2{padding: .3rem 0; border-bottom: 1px solid #eee; margin-bottom: .3rem}
.zfb_text h2 b{padding: 0 .2rem}
.zfb_text p{color: #999; padding-top: .3rem;}
.zfb_agree{padding: .1rem 0; font-size: .75rem}
.zfb_agree a{color: #408ce2}
.zfb_btn{text-align: center; font-size: 0; margin-top: .5rem}
.zfb_btn a{display: inline-block; margin: 0 .5rem; font-size: .75rem; width: 40%}

.actions-modal-dialog{margin: 0; background: #fff;}