﻿﻿/* 框架主题背景颜色、文字颜色 */
.page,.page-group{font-size: .7rem; background: #f2f2f2; color:#666}
a{color: #333;}
/* 底部图标、按钮 */
.bar{z-index: 99}
.bar-tab .tab-item .icon i{width:1.25rem; height:1.25rem; display:block; background:#CCC;}
.bar-tab .tab-item.other .icon{top:-0.2rem; height:auto;}
.bar-tab .tab-item.other .icon i{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; background:#CCC;}
.actionbar{padding: 0 .5rem;}
.actionbar .button{top: .25rem; height: 2rem; line-height: 2rem;}
.actionbar .button.button-fill.button-big{line-height: 2rem;}
.buttonfuil{display: block; height: 2.5rem; line-height: 2.45rem; text-align: center; font-size:.85rem; font-weight: 600}
.topthr{padding: 0}
.topthr .searchbar{margin: 0}
.topthr~.content{top: 4.4rem}
/* 头部导航、搜索、图标、按钮 、文字*/
.bar-nav .button{top: .4rem;}
.bar-nav .close-picker{top: 0}
.bar-nav a{display: block; min-width: 1.2rem; position: relative; z-index: 12}
.bar-nav a i{margin: .6rem auto 0;}
.headerback .title,.bar-nav .title{top:0; left: 0; margin: 0; font-weight: 600; z-index: 11}
.bar-nav .textlink i{display: inline-block; margin-right: .3rem; vertical-align: -.25rem;}
.bar-nav .textlink{line-height:2.2rem; text-align:center; margin-right: .5rem;}
.bar-nav .textlink b{width: 3rem; display: inline-block; text-align: left; padding-right: .5rem;}
.bar-nav .barright_icon{position: absolute; right: 0; top: 0; display: block; padding: 0 1rem; line-height: 2.2rem; z-index: 13}
.bar-nav .barright_icon i{margin-right: .3rem;}
.bar-nav .barright_icon .icon20{vertical-align: -.25rem}
/*头部导航搜索*/
.bar-nav .search{margin:.3rem 0 0 0; height:1.6rem;}
.bar-nav .search input{height:1.6rem; padding:.2rem .6rem; border-radius: .8rem; background: #fefefe;}
.bar-nav .search section i{position: absolute; top: 50%; margin-top: -.4rem;}
.bar-nav .search section i.icon16-left{left:0.6rem}
.bar-nav .search section i.icon16-right{right:0.6rem; display: none;}
.bar-nav .search .inputleft input{padding-left: 1.6rem;}
.bar-nav .search .inputright input{padding-right: 1.6rem;}
.bar-nav .search .inputright .icon16-right{display: block;}
.bar-nav .search aside a{text-align:center; display:block; height:1.6rem; line-height:1.6rem; padding-left: .5rem;}
.content_search{padding: .3rem .5rem}
.content_search .search{margin: 0}
.content_search .search a i{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 section input{width:100%; border:none; font-size:.8rem;}
.search input[type=search]{margin: 0; box-sizing: border-box;}

.oneheader{background: grey}
.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 .cur{color:#FFF;}
.twoheader{background: #fff;}
.twoheader .search input{background: rgba(0,0,0,.06);}
.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}

/* 卡片 */
.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}
.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;}
.cardbox .list-block ul{background: none;}
.list-block-none ul:before,.list-block-none ul:after{background: none;}
.list-block.list-block-nosytle{margin: 0;}
.list-block.ptbmid .item-media{padding-top: .6rem; padding-bottom: .65rem;}
.list-block.ptbmid .item-inner{padding-top: .65rem; padding-bottom: .6rem;}/* 列表中间距 */
.list-block.ptbbig .item-media{padding-top: 1rem; padding-bottom: 1.05rem;}
.list-block.ptbbig .item-inner{padding-top: 1.05rem; padding-bottom: 1rem;}/* 列表大间距 */
.list-block .item-after .badge{color: #ffffff; padding:.1rem .3rem}
.list-block .item-content:active{background: #f5f5f5;}
.list-block .item-all{padding-left: 0; display: block;}
.list-block .item-all .item-inner{padding:.65rem .6rem;}
.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{padding-left: 0}
.p-text{margin:0; padding:0; font-size: .7rem; color: #666;}
.p-text span{margin-right: .5rem; display: inline-block;}
.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 .button-little{height: 1.05rem;}
.card-header .anyrow{padding: .5rem 0; line-height: 1.25;}
.card-header .more a{margin-left:.5rem; font-size: .7rem;}
.card-header,.card-footer{padding: 0 .5rem;}
.card-footer a{display:block; height:2.2rem; line-height:2.2rem; position:relative; width:100%; text-align: center;}
.card-footer i{display:inline-block; margin-right: .3rem; vertical-align:-5px;}
.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{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:1px; 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: .1rem; background: #CCCCCC;}
.tabtext.sortline .hd li.on:before{left: 50%; width: 1rem; margin-left: -.5rem;}
/*中间线条*/
.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:#ddd; 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; padding-bottom: .2rem}
.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 h3{font-size: .75rem; color: #666; padding-top: .4rem; padding-bottom: .2rem; height: auto;}
.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:-.2rem; top:-.2rem; border-radius:.3rem;}
.list-block .tp-2 .point.point_big{width:auto; font-size: .6rem; height:.9rem; line-height:.9rem; border-radius:.45rem; right:-.45rem; top:-.45rem; 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 .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-img-30 .info-content{width:91.2%;}
.list-block .tp-img-30 .pic-content{width:8.8%; padding-top:8.8%;}
.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; bottom: 0; color: #fff; font-size: .65rem; z-index: 3}
.list-block .pic-content .text-bottom{padding: .5rem;}
.list-block .pic-content .text-bottom h2{font-size: 1rem;}
.list-block .pic-content .text-bottom p{color:rgba(255,255,255,.5);}
.list-block .pic-content .img-wrap{position: relative; vertical-align: top;}
.list-block .img-wrap{width:100%; padding-top:66.66%;}
.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; margin-bottom:.5rem;}
.list-block .comment-hd.box-algin-start{-webkit-box-align:start}
.list-block .comment-hd .avatar{position: relative; margin-right: .5rem;}
.list-block .comment-hd .avatar img{width: 1.5rem; height: 1.5rem; vertical-align: top;}
.list-block .comment-hd .avatar-mid img{width: 2rem; height: 2rem;}
.list-block .comment-hd .avatar-big img{width: 2.5rem; height: 2.5rem;}
.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;}
.list-block .comment-hd .name i{margin-left: .3rem;}
.list-block .comment-hd .ding i{margin-left: .3rem; margin-right: 0;}
.list-block .comment-hd .ding span,.list-block .comment-hd .ding a{display: inline-block; margin-left: .3rem;}
.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{margin: 0 auto .3rem;}
.center-padding .item-text{text-align: left; margin: .3rem 0; height:2.2rem; line-height: 1.1rem; font-size: .75rem;}
.center-padding .il h3 i{display: inline-block; margin-right: .3rem; vertical-align: middle;}
.center-padding .item-inner{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align:center; align-items: center;}
.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;}
.padding-mid a,.padding-mid .alink{padding: .65rem .5rem;}
.padding-big a,.padding-big .alink{padding: 1rem;}
.padding-hug a,.padding-hug .alink{padding: 1.5rem 1rem;}

/*分模块*/
.itemborder{padding: .3rem;}
.itemborder .p-text{padding-left: 1rem; height: 1.6rem; line-height: 1.6rem; 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.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: .5rem; height: .5rem; border-radius: .25rem; vertical-align: middle; 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;}

/* 个人中心背景 */
.user-content{background: #eeeeee; 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{height: 3rem;}
.user-content .pic-content img{width: 3rem; height: 3rem;}
.user-content .info-content h4{font-size: .9rem; font-weight: bold;}
.user-content.tbsite{display:block; text-align:center;}
.user-content.tbsite .info-content{padding-top:.4rem;}
.user-content.tbsite a b{display: none;}
.user-content .btns_area .btn{height: 1.6rem; line-height: 1.5rem; border: 1px solid; padding: 0 .8rem; display: inline-block; border-radius: .8rem;}
.user-content-deep{background: #000}
.user-content-deep .info-content h4{color: #fff;}
.user-content-deep .info-content .p-text{color: #fff; color: rgba(255,255,255,.6);}
.user-content-deep .btns_area .btn{border-color: #fff; color: #fff;}
.user-content-deep .loginedicon{color: #fff;}
.user-content .loginedicon i{vertical-align: -0.07rem}

/* 轮播图片 */
.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(255,255,255,.3)}
.pagetion .hd li.on{background: rgba(255,255,255,.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%;}
/* 表单 */
.list-block .item-inner{padding-right: .6rem}
.list-block .item-inner a{display: block;}
.list-block .item-title.label{margin:.2rem 0; width: 30%;}
.list-block .item-input{position: relative; color: #333;}
.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-code{padding-left: .5rem}
.list-block .item-code img{display: block; height: 1.8rem;}
.list-block .formtext{padding-left: .25rem}
.list-block .frompt{padding: .75rem}
.list-block .frompt .p-text{padding-bottom: .4rem; font-size: .75rem; color: #999}
.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{position: absolute; display:block;  z-index: 4;}
.list-block .item-inner-upfile div i.icon_center{top: 50%; left: 50%; width: 1.2rem; height: 1.2rem; margin-top: -.6rem; margin-left:-.6rem;}
.list-block .item-inner-upfile div i.icon_right{top: .1rem; right:.1rem; width: .8rem; height: .8rem;}
.list-block .item-inner-upfile div i.icon_play{background: url(../img/icon_play.png) no-repeat; background-size: 1.2rem auto;}
.list-block .item-inner-upfile div i.icon_close{background: url(../img/icon_close.png) no-repeat; background-size: .8rem auto;}
.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; background: url(../img/flieadd.png) no-repeat; background-size: 4rem auto;}
.list-block .item-inner-upfile.upfiled div{width: 3rem;}
.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 em{position: absolute; width: .6rem; height: .6rem; 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 .check.ascent{align-items: start;}
.list-block .cells_label.cells_label_more .check.ascent .hdname{padding-top: .12rem;}
.list-block .cells_label.cells_label_more{height: auto; padding: .3rem 0}
.list-block .cells_label.cells_label_more .check{width: 100%; margin: .3rem .5rem .3rem .3rem;}
.cells_label .hdname{padding-right:6px;}
.cells_label label input{position:absolute; left:-9999em;}
.cells_label .icon_checked:before{content:""; display:block; width: 1rem; height: 1rem; background:url(../img/icon_form.png) no-repeat; background-size: cover;}
.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;}
.tips{display:none; position:absolute; top: .2rem; left: 50%; margin-left:-4rem; border-radius: 1rem; width:8rem; height: 1.6rem; line-height: 1.6rem; color: #fff; 
text-align: center; z-index: 10;}
/* 提交成功 */
.msg{padding-top: 2rem;}
.msg.formsuc{padding-top: 2rem;}
.msg .icon_area i{width: 5rem; height: 5rem; display: block; background: #ddd; margin: 0 auto .5rem;}
.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;}
.msg .btns_area{text-align: justify; text-justify:distribute-all-lines; width: 50%; 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:18px; padding-left:26px; text-align:left; position:relative; height:40px; line-height:40px;}
.msg .tips_area ul{padding:0 16px;}
.msg .tips_area ul li{line-height:1rem; padding-bottom:.5rem; padding-left:12px; 
background:url(../img/icon_msg_point.png) left .35rem no-repeat; background-size:.3rem auto;}
/* 文章详情 */
.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.text-indent p{text-indent: 2em;}
.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: #3b6ae0}
.cardbox .card-header-list .a-round .icon-inlineblock{border-color: #2fd02e}
.cardbox .card-content .dlbox{padding:.65rem; 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; padding-top: .3rem; margin:0; padding-left:0;}
.cardbox .card-content .dlbox dd span{color: #999; padding-right: .3rem}
.cardbox .card-content .statebg{position: absolute; right: 0; top: 0; width: 3.7rem; height: 3.5rem;}
.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;}/* 不予受理 */

/*评论*/
.commentbox{padding: .6rem 2rem;}
.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_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: red; color: red;}
.commentbox .cb_textarea .itemInput{font-weight: 500; padding: .5rem; height: 5rem; border: none; width: 100%; box-sizing: border-box; background: #eee;}

/* 须知 */
.papershadow{height: .5rem; background: rgba(0,0,0,.6); width: 100%; border-radius: .25rem;}
.xzboxsite{padding:1rem .75rem; 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{margin: .5rem auto; background: url(../img/xzicon.png) no-repeat; background-size: 1rem 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;}

/*注册步骤*/
.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%;}

/* 登录注册表单 */
.loginlogo{padding:.8rem 0 .8rem 0; text-align:center;}
.loginlogo h2{font-size:1rem; font-weight:bold; padding-top:.5rem; color: #333}
.cardbox .loginform{padding: 1rem 1.5rem}
.loginform{padding:0 1.5rem; position: relative;}
.loginform .form-item input::-webkit-input-placeholder{color:#ccc}
.loginform .itemInput,.loginformline .itemInput{border:0; 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;}
.loginform .form-item.yzmInput{padding-right:5.4rem;}
.loginform .form-item .itemInput{background:transparent; font-size:.8rem; color: #333}
.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: .8rem}
.loginform .form-item .yzmed,.loginformline .item-input .yzmed{color: #ccc}
.loginform .form-btn,.loginformline .form-btn{margin:1rem 0 .5rem 0;}
.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;}
.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 .item-content{padding-left: 0;}
.loginformline .list-block .item-input{padding-left: .3rem}
.loginformline .list-block .item-input.yzmInput{padding-right: 6rem}
.loginformline .list-block .item-input input{height: 2.5rem}
.loginformline .list-block-none ul:after{background: #dadada}
.loginformline{top: 0}
