charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
body{font-family:"Microsoft Yahei","微软雅黑",arial; letter-spacing:0.005rem; padding:0; margin:0;}
html{}
ul,ol,li{ list-style:none;}
img{border:none; vertical-align:middle; height:auto;max-width:100%}
h1, h2, h3, h4, h5, h6, hr, blockquote, form, ul, ol, li, p, pre, dl, dt, dd, fieldset, legend, button, input, textarea{margin:0; padding:0; font-weight:normal;}
a:link{ text-decoration:none; color:#000000}
a:visited{ text-decoration:none;color:#000000}
a:hover{ text-decoration:none;color:#000000}
b{font-weight: normal;}
.clear{clear:both; font-size:0; font-family:"sans-serif"; height:0; line-height:0;}
.clear_fix:after{content: ""; clear: both; height: 0; overflow: hidden; display: block; visibility: hidden;}
.fl{float:left}
.fr{float:right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.pos-r{position: relative;}
.pos-a{position: absolute;}

header{width: 100%; display: flex; justify-content: space-between; height: 1.15rem; align-items: center; position: relative;
background: #fff;}
.header-logo{width: 50%;}
.header-icon{width: 10%; margin-right: 2%;}
.header-icon img{ border-radius:50%}
.header-tit{width: 100%; text-align: center; line-height: 1.15rem; font-size: 0.36rem;}
.header-return{position: absolute; left: 3%; top: 30%; font-size: 0.3rem; width: 0.4rem;}
.header-me{position: absolute; right: 3%; top: 25%; font-size: 0.3rem; width: 0.6rem;}
.header-me img{border-radius: 50%;}
.swiper{width:100%;height:100%}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.swiper-pagination-bullet{width:0.2rem;height:0.2rem;text-align:center;line-height:20px;font-size:12px;color:#000;opacity:1;background:rgba(0,0,0,.2)}
.swiper-pagination-bullet-active{color:#fff;background:#007aff}

nav{width: 95%; margin: 0.3rem auto 0.2rem;}
nav ul{display: flex;}
nav ul li{width:25%; text-align: center;}
nav ul li .nav-icon{width: 60%; margin: 0 auto;}
nav ul li .nav-tit{font-size: 0.26rem; color: #333; margin: 0.15rem 0;}

.index-line{height: 0.2rem; background: #f5f5f5;}



.tabBox{width:95%; margin: 0 auto;}
.tabBox .hd ul{width:100%;display:flex;text-align:center; border-bottom: 0.01rem solid #dedede;}
/*.tabBox .hd ul li{line-height:0.9rem;font-size:.26rem;height:0.9rem; margin-right: 0.25rem;}*/
.tabBox .hd ul li{line-height:0.9rem;font-size:.26rem;height:0.9rem; margin-right: 0.25rem;}
.tabBox .hd ul li a{color: #333;}
.tabBox .hd ul li.on{border-bottom:0.04rem solid #e46713;}
.tabBox .hd ul li.on a{ color: #e46713; font-weight: bold;}
.personal-inp-text{color:#999}

.index-tab-news{}
.index-tab-news-li{display: flex; justify-content: space-between; padding: 0.2rem 0; border-bottom: 0.01rem solid #dedede;}
.index-tab-news-li-info{width: 57%; display: flex; flex-direction: column; justify-content: space-around;}
.index-tab-news-li-info-tit{font-size: 0.28rem; color: #333; line-height: 0.4rem;}
.index-tab-news-li-info-time{display: flex; justify-content: space-between; margin-top: 0.1rem; font-size: 0.24rem;
color: #999;}
.index-tab-news-li-info-time img{margin-right: 0.1rem; transform: scale(0.9);}
.index-tab-news-li-pic{width: 35%;}

footer{width: 100%; height: 0.9rem; box-sizing: border-box;}
footer ul {width: 100%; height: 0.9rem; background: #fff; position: fixed; left: 0; bottom: 0; display: flex; box-sizing: border-box;
border-top: 0.01rem solid #dedede;}
footer ul li{width: 25%; text-align: center; box-sizing: border-box;}
footer ul li .footer-icon{width: 20%; margin: 0.1rem auto 0.05rem; font-size: 0.3rem;}
footer ul li.active a{color: #e46713;}
footer ul li.active .footer-icon { color: #e46713; }
footer ul li .footer-tit{font-size: 0.22rem;}
footer ul li a{color: #333; display: block;}

/*工匠劳模*/
.gray-bg{background: #f5f5f5;}

.craftsman{background: #f5f5f5; padding: 0.2rem 0.3rem;}
.craftsman-li{display: flex; justify-content: space-between; background: #fff; padding: 0.15rem; margin-bottom: 0.2rem;}
.craftsman-li-pic{width: 25%; border-radius: 0.1rem; overflow: hidden;}
.craftsman-li-info{width: 70%; display: flex; justify-content: space-around; flex-direction: column;}
.craftsman-li-info-tit{font-size: 0.28rem; color: #333; line-height: 0.4rem;}
.craftsman-li-info-time{font-size: 0.24rem; color: #999; display: flex; justify-content: space-between;}

/*关于*/
.about{width: 95%; margin: 0.35rem auto;}
.about-tit{font-size: 0.36rem; color: #e46713; font-weight: bold; margin-bottom: 0.3rem;}
.about-txt{font-size: 0.26rem; line-height: 0.4rem; color: #333;}

/*关于*/

/*活动*/
.activity-nav{display: flex; flex-wrap: wrap; width: 95%; margin: 0.3rem auto;}
.activity-nav-list{width: 20%; text-align: center; margin-bottom: 0.3rem;}
.activity-nav-list-icon{width: 70%; border-radius: 100%; margin: 0 auto; overflow: hidden;}
.activity-nav-list-icon img{width: 100%;}
.activity-nav-list-tit{font-size: 0.24rem; color: #333; margin-top: 0.1rem;}

.activity{background: #f5f5f5; padding: 0.3rem 0;}
.activity-news{width: 95%; margin: 0 auto; box-sizing: border-box;}
.activity-news-li{ padding: 0.3rem; background: #fff; margin-bottom: 0.2rem; border-bottom:#DEDEDE solid 1px}
.activity-news-li-tit{font-size: 0.28rem; color: #222; line-height: 0.45rem; margin-bottom: 0.3rem;}
.activity-news-li-info{display: flex; justify-content: space-between; align-items: center;}
.activity-news-li-info-txt{font-size: 0.26rem; color: #666; line-height: 0.45rem; width:73%}
.activity-news-li-info-btn{width:27%}
.activity-news-li-info-btn a{color: #fff; display: block; line-height: 0.7rem; padding: 0 0.2rem; border-radius: 0.1rem; 
    background: #e46713; font-size: 0.26rem;}

/*活动*/

/*活动报名*/
.registration{width: 95%; margin: 0 auto; box-sizing: border-box; }
.registration-route{ margin-top: 0.15rem;}
.registration-route span{ border: 0.01rem solid #e46713; font-size: 0.24rem; line-height: 0.6rem; height: 0.6rem; display: inline-block;
    padding: 0 0.2rem; border-radius: 0.1rem;color: #222;}
.registration-route b{color: #e46713;}
.registration-tit{font-size: 0.36rem; line-height: 0.5rem; margin: 0.35rem 0;}
.registration-txt{font-size: 0.26rem; line-height: 0.45rem;}
.registration-btn{font-size: 0.26rem; line-height: 0.9rem; background: #e46713; border-radius: 0.1rem; text-align: center;
font-size: 0.28rem; margin: 0.4rem 0;}
.registration-btn a{display:block}
.huise{ background:#C0C0C0}
a.huise{ background:#C0C0C0}
.registration-btn a{color: #fff;}

.registration-line{height: 0.2rem; background: #f5f5f5;}

.registration-person{line-height: 0.9rem; font-size: 0.28rem; color: #222; border-bottom: 0.01rem solid #dedede;
padding:0 0.2rem; display: flex; justify-content: space-between;}

.registration-person a{background: #e46713; color: #fff; font-size: 0.25rem; padding: 0 0.2rem; border-radius: 0.1rem;
line-height: 0.5rem; display: inline-block;}

.registration-person span{color: #e46713;}

.registration-already{width: 95%; margin: 0 auto; box-sizing: border-box; }
.registration-already-li{display: flex; height: 1.2rem; align-items: center; justify-content: space-between;
border-bottom: 0.01rem solid #dedede;}
.registration-already-li-info{display: flex; align-items: center;}
.registration-already-li-icon{width: 20%; border-radius: 100%;}
.registration-already-li-icon img{border-radius: 50%;}
.registration-already-li-tel{font-size: 0.28rem; color: #222;}
.registration-already-li-tel span{margin: 0 0.2rem;}
.registration-already-li-btn{font-size: 0.24rem; color: #e46713; border: 0.01rem solid #e46713; border-radius: 0.2rem;
padding: 0 0.2rem; line-height: 0.5rem;}

/*活动报名*/


.analysis{background: #f5f5f5; padding: 0.2rem 0.3rem;}
.analysis-li{background: #fff; padding: 0.3rem; margin-bottom: 0.2rem;}
.analysis-li-tit{font-size: 0.28rem; color: #222222; line-height: 0.4rem; margin-bottom: 0.2rem;}
.analysis-li-tit a{display:block}
.analysis-li-time{font-size: 0.24rem; color: #999; display: flex; justify-content: space-between;}
.analysis-li-tit a{color: #222222;}

.record{}
.record a{color: #fff; display: block; line-height: 0.7rem; padding: 0 0.2rem; border-radius: 0.1rem; 
    background: #bbbbbb; font-size: 0.26rem;}

/*我的*/
.me{background: #25252f; padding: 2.5%;}
.me-top{display: flex; justify-content: flex-end; margin:  0.2rem 0;}
.me-top-li{width: 20%; height: 0.6rem; line-height: 0.6rem; background: rgba(255, 255, 255, 0.1); color: #fff; border: 1px solid #fff;
border-radius: 0.2rem; text-align: center; margin-left: 0.2rem;}
.me-top-li i{margin-right: 0.1rem;}
.me-top-li a{color: #fff;}

.me-main{display: flex;}
.me-main-head{width: 19%; border-radius: 100%; overflow: hidden; border: 0.05rem solid rgba(255, 255, 255, 0.1); margin-right: 0.3rem;}
.me-main-head img{width: 100%;}
.me-main-info{display: flex; flex-direction: column; justify-content: space-around;}
.me-main-info-tit{font-size: 0.32rem; color: #fff;}
.me-main-info-txt span{padding: 0 0.2rem; color: #bbb; background: rgba(255, 255, 255, 0.1); line-height: 0.5rem;
border-radius: 0.2rem; display: inline-block;}
.me-main-info-txt b{font-size: 0.3rem; color: #fff;}
.me-b{display: flex; justify-content: space-between; align-items: center; margin: 0.4rem 0 0.7rem;}
.me-b-txt{font-size: 0.26rem; color: #bbb;}
.me-b-edit{font-size: 0.26rem; color: #fff; border: 0.01rem solid #fff; border-radius: 0.2rem; line-height: 0.6rem;
padding: 0 0.2rem;}
.me-b-edit i{margin-right: 0.1rem;}
.me-b-edit a{color: #fff; display: block;}

/*.me-nav{width: 95%; margin: 0 auto; background: #fff; border-radius: 0.1rem 0.1rem 0 0;}
.me-nav ul{display: flex; margin-top: -0.4rem; padding: 0.4rem 0 0.2rem;}
.me-nav ul li{width: 25%; text-align: center; box-sizing: border-box; padding: 0 0.2rem;margin-bottom: 0.2rem; position:relative}
.me-nav ul li .jifen{width:auto; padding:2px 4px; position:absolute; background:#e46713; font-size:0.5vw; color:#FFFFFF; top:0; right:10%;border-radius:5px}
.me-nav ul li .me-nav-icon{width: 80%; margin: 0 auto; border-radius: 100%;}
.me-nav ul li .me-nav-tit{font-size: 0.28rem; color: #333; margin-top: 0.1rem;}*/


.me-nav{width: 95%; margin: 0 auto; background: #fff; border-radius: 0.1rem 0.1rem 0 0;}
.me-nav ul{display: flex; flex-wrap: wrap; margin-top: -0.4rem; padding: 0.4rem 0 0.2rem;}
.me-nav ul li{width: 25%;text-align: center;box-sizing: border-box;padding: 0 0.2rem;margin-bottom: 0.2rem;position:relative}
.me-nav ul li .me-nav-icon{width: 80%; margin: 0 auto; border-radius: 100%;}
.me-nav ul li .me-nav-tit{font-size: 0.28rem; color: #333; margin-top: 0.1rem;}
.me-nav ul li .jifen{width:auto; padding:2px 4px; position:absolute; background:#e46713; font-size:0.5vw; color:#FFFFFF; top:0; right:10%;border-radius:50%}

.hundred{width: 100%; padding: 0;}

.me-tab .hd{margin-bottom: 0.2rem;}
/*我的*/

/*资讯详细页*/
.newsview{width: 95%; margin: 0.4rem auto;}
.newsview-tit{font-size: 0.4rem; color: #202020; line-height: 0.6rem; margin-bottom: 0.2rem;}
.newsview-time{font-size: 0.24rem; color: #999; display: flex; justify-content: space-between;}
.newsview-line{height: 0.01rem; background: #dedede; margin: 0.3rem 0;}
.newsview-txt{font-size: 0.26rem; line-height: 0.5rem; color: #454545;}
.newsview-txt img{width:100%; margin-bottom:10px}
.newsview-link{}
.newsview-link p{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 0.26rem; line-height: 0.6rem;}
.newsview-link a{color: #454545;}

/*资讯详细页*/

/*我的_我要取消*/
.cancel{width: 80%; max-height: 4.6rem; background: #fff; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto;
box-sizing: border-box; padding: 0.5rem 0.4rem; box-shadow: 0.05rem 0.05rem 0.1rem rgba(0, 0, 0, 0.3),
-0.03rem -0.03rem 0.1rem rgba(0, 0, 0, 0.3); border-radius: 0.2rem; display:none}
.cancel-tit{font-size: 0.34rem; color: #222; font-weight: bold; text-align: center;}
.cancel-txt{font-size: 0.26rem; color: #222; line-height: 0.5rem; margin: 0.6rem 0;}
.cancel-btn{display: flex; justify-content: space-between;}
.cancel-btn a{display: block; width: 48%; background: #eeeeee; line-height: 0.8rem; height: 0.8rem; text-align: center;
border-radius: 0.1rem; font-size: 0.26rem; color: #333;}
.cancel-btn a:last-child{background: #ec6625; color: #fff;}

/*我的_我要取消*/

/*我的_申请加入*/
.join{width: 95%; margin: 0.2rem auto;}
.join-tit{font-size: 0.28rem; color: #222; font-weight: bold;}
.join select{width: 100%; height: 0.8rem; line-height: 0.8rem; background: #f9f9f9; border: 0.01rem solid #dedede;
font-size: 0.26rem; color: #333; margin: 0.4rem 0;}
.join-btn{}
.join-btn a{color: #fff; display: block; line-height: 0.9rem; border-radius: 0.1rem; 
    background: #e46713; font-size: 0.28rem; color: #fff; text-align: center;}
.join-already{border-top: 0.01rem solid #dedede; margin-top: 0.3rem;}
.join-already-li{line-height: 0.95rem; border-bottom: 0.01rem solid #dedede; display: flex; justify-content: space-between; font-size: 0.24rem;
color: #333;}
.join-already-li .time{color: #999;}


.join-pop{width: 80%; max-height: 4.4rem; background: #fff; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto;
    box-sizing: border-box; padding: 0.5rem 0.4rem; box-shadow: 0.05rem 0.05rem 0.1rem rgba(0, 0, 0, 0.3),
    -0.03rem -0.03rem 0.1rem rgba(0, 0, 0, 0.3); border-radius: 0.2rem;}
.join-pop-tit{font-size: 0.34rem; color: #222; font-weight: bold; text-align: center;}
.join-pop-txt{font-size: 0.26rem; color: #222; line-height: 0.5rem; margin: 0.6rem 0;}
.join-pop-btn{}
.join-pop-btn a{display: block;  line-height: 0.8rem; height: 0.8rem; text-align: center;
border-radius: 0.1rem; font-size: 0.26rem; background: #ec6625; color: #fff;}
/*我的_申请加入*/

/*我的_个人信息*/
.personal-banner{position: relative;}
.personal-banner-info{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 20%; text-align: center;}
.personal-banner-head{width: 19%; border-radius: 100%; overflow: hidden; border: 0.05rem solid rgba(255, 255, 255, 0.1);
margin: 0 auto;}
.personal-banner-head img{width: 100%;}
.personal-banner-name{font-size: 0.32rem; color: #fff; margin-top: 0.2rem;}

.personal{width: 95%; margin: 0 auto;}
.personal-inp{display: flex; justify-content: space-between; line-height: 1.2rem; height: 1.2rem; border-bottom: 0.01rem solid #dedede;}
.personal-inp-name{font-size: 0.3rem; color: #333;}
.personal-inp-right{display: flex; }
.personal-inp-text input,
.personal-inp-text select{height: 1.2rem; line-height: 1.2rem; font-size: 0.3rem; color: #999; text-align: right;
border: none; outline: none; padding-right: 0.1rem; background: none;}

.personal-hobby{width: 95%; margin: 0 auto; box-sizing: border-box; padding: 0.2rem 0; border-bottom: 0.01rem solid #dedede;}
.personal-hobby-tit{font-size: 0.3rem; color: #333; margin-bottom: 0.2rem;}
.personal-hobby-textarea textarea{width: 100%; font-size: 0.26rem; color: #888; line-height: 0.4rem; box-sizing: border-box;
padding: 0.2rem; background: #f8f8f8; border: none; height: 1.6rem;}
.personal-btn-box{background: #f5f5f5; padding: 0.3rem 0 0.4rem;}
.personal-btn{}
.personal-btn a{display: block;  line-height: 0.8rem; height: 0.8rem; text-align: center; width: 95%; margin: 0 auto;
border-radius: 0.1rem; font-size: 0.26rem; background: #ec6625; color: #fff;}

/*发布*/
.release{width: 95%; margin: 0.4rem auto 0;}
.release-inp{height: 1rem; line-height: 1rem; border-bottom: 0.01rem solid #dedede; }
.release-tit{width: 100%; border: none; 
font-size: 0.3rem;}
.release-inp-right{display: flex; }
.release-inp-text input,
.release-inp-text select{height: 1.2rem; line-height: 1.2rem; font-size: 0.3rem; color: #222; text-align: right;
border: none; outline: none; padding-right: 0.1rem; background: none;}
.release-textarea{padding: 0.3rem 0; border-bottom: 0.01rem solid #dedede; }
.release-textarea textarea{width: 100%; height: 2rem;  border: none; outline: none; box-sizing: border-box; font-size: 0.28rem; color: #999;}
.release-pic{padding: 0.25rem 0;}
.release-pic img{width: 1.65rem; height: 1.65rem;}

.release-btn{}
.release-btn a{display: block;  line-height: 0.8rem; height: 0.8rem; text-align: center; width: 100%; margin: 0.3rem auto;
border-radius: 0.1rem; font-size: 0.26rem; background: #ec6625; color: #fff;}


.pages{width:100%; margin:0 auto; text-align:center;margin-top:0px; margin-bottom:30px;/*margin-top:15px*/ padding-top:15px;}
/*淘宝风格*/
.paginator { font: 18px "微软雅黑"; margin:0 auto; font-size:18px }
.paginator a {border:solid 1px #f2f2f2;color:#000;cursor:pointer;text-decoration:none; background-color:#f2f2f2;}
.paginator a:visited {/*padding: 1px 6px;*/ border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {border:1px solid #fe5e5e;color:#FFF;background-color:#fe5e5e; font-family:"微软雅黑"}
.paginator a:hover {border:solid 1px #fe5e5e;color:#fff;text-decoration:none; background:#982c2a; display:block}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover  
{/*height:20px;line-height:20px;min-width:20px;_width:10px;*/margin-right:5px;text-align:center;
 white-space:nowrap;font-size:18px;font-family:微软雅黑;padding:5px 10px; display:inline-block;}
 
 
/*我的-成员管理*/
.member-black{height: 0.8rem; line-height: 0.8rem; background: #222222; padding: 0 0.2rem;
display: flex; justify-content: space-between; align-items: center;}
.member-black-l{color: #fff; font-size: 0.24rem;}
.member-black-l span{color: #e46713;}
.member-black-r{width: 50%; height: 0.5rem; display: flex; align-items: center; background: rgba(255, 255, 255, 0.1);
border-radius: 0.3rem;}
.member-black-r input[type='text']{width: 78%;  height: 0.5rem; line-height: 0.5rem; border: none; background: none;
box-sizing: border-box; padding-left: 0.2rem; outline: none; color: #fff; font-size: 0.2rem;}
.member-black-r .btn{width: 20%; background: url(../images/member-black-r-btn.png) no-repeat center; height: 0.5rem; 
    line-height: 0.5rem; background-size: 40%;}


    .member{padding: 0 0.2rem;}
    .member-li{display: flex; justify-content: space-between; align-items: center; padding: 0.2rem 0; border-bottom: 1px #dedede solid;}
.member-li-head{width: 14%;}
.member-li-head img{border-radius: 100%;}
.member-li-info{width: 62%;}
.member-li-info-tit{font-size: 0.32rem; color: #333; margin-bottom: 0.1rem;}
.member-li-info-tit span{margin-right: 0.2rem;}
.member-li-info-tit a{background: #e46713; color: #fff; font-size: 0.25rem; padding: 0 0.2rem; border-radius: 0.1rem;
line-height: 0.5rem; display: inline-block;}
.member-li-info-txt{font-size: 0.24rem; color: #666;}
.member-li-info-txt span{margin-right: 0.2rem;}
.member-li-btn{width: 17%; height: 0.7rem;} 
.member-li-btn a{width: 100%; height: 0.7rem; line-height: 0.7rem; display: block; background: #e46713; color: #fff; font-size: 0.24rem; 
font-size: 0.24rem; text-align: center; border-radius: 0.1rem; border: 1px solid #e46713;}
.member-li-btn .c{background: #fff; border: 1px solid #e46713; color: #e46713;}


/*我的-成员管理*/
.huodong{ width:96%; padding:5px 2%; line-height:25px}


/*协会成员*/
.association{background: #fff;}
.association-already-li-icon{width: 30%; border-radius: 100%;}
.association-already-li-icon img{width:44px;border-radius: 100%;}
.association .registration-already-li-btn{width: 12%; text-align: center;}
.association .registration-already-li-btn a{color: #e46713;}


.theme-popover-mask{position:fixed;top:0;left:0;z-index:9998;display:none;width:100%;height:100%;background:#000;opacity:.4;
    filter:alpha(opacity=40)}
  .theme-popover{position:fixed;top:30%;left:2.5%;z-index:9999;margin:0;width:95%; padding: 0.5rem;
    height:auto; max-height: 90%; overflow-y: scroll; border-radius:5px; background-color:#fff; box-shadow:0 0 10px #666; box-sizing: border-box; display: none;}
  .theme-poptit{position:absolute; right:0.4rem; top:0.2rem; transform:scale(2);}
  .theme-poptit a{color: #666;}
  .popup-head{width: 0.8rem;  height: 0.8rem;}
  .popup-head img{border-radius: 100%;}
  .popup-head img{width: 100%;}
  .popup-txt{font-size: 0.26rem; color: #333; line-height: 2.3; margin: 0.3rem 0;}



/*反馈*/
.orange{color: #e46713;}
.feedback{box-sizing: border-box; padding: 0.35rem 2.5%; background: #fff;}
.feedback-tit{font-size: 0.36rem; color: #333; font-weight: bold; margin-bottom: 0.5rem;}
.feedback-txt{font-size: 0.26rem; color: #333; line-height: 1.2; margin-bottom: 0.3rem;}
.feedback-pic{display: flex;}
.feedback-pic-li{width: 23.5%; margin-right: 2%; position: relative;}
.feedback-pic-li:nth-child(4n){margin-right: 0;}
.feedback-pic-li .close{width: 0.3rem; height: 0.3rem; background: #000; border-radius: 100%; line-height: 0.3rem;
position: absolute; top: -0.1rem; right: -0.1rem; font-size: 0.2rem; text-align: center; }
.feedback-pic-li .close a{color: #fff;}

.feedback-inp input{width: 100%; height: 0.9rem; line-height: 0.9rem; font-size: 0.26rem; background: #f5f5f5;
outline: none; color: #333; border: none; box-sizing: border-box; padding-left: 0.2rem;}
.feedback-inp textarea{width: 100%; height: 4.2rem; line-height: 2; font-size: 0.26rem; background: #f5f5f5;
outline: none; color: #333; border: none; box-sizing: border-box; padding: 0.2rem; margin: 0.3rem 0;}
.feedback-text::input-placeholder,
.feedback-textarea::textarea-placeholder{
    color:#999;
}
.feedback-text::-webkit-input-placeholder,
.feedback-textarea::-webkit-textarea-placeholder{
    color:#999;
}

.feedback-inp-tit{font-size: 0.26rem; color: #222; margin-bottom: 0.3rem;}
.feedback-inp-tit span{color: #999;}
.feedback-inp .feedback-tel{width: 80%; margin-left: 0.2rem;}

.feedback-btn{width: 95%; font-size: 0.26rem; line-height: 0.9rem; background: #e46713; border-radius: 0.1rem; text-align: center;
    font-size: 0.28rem; margin: 0.4rem auto;}
.feedback-btn a{color: #fff; display: block;}

.removeclass{width:20px; height:20px; background:#008000; text-align:center; line-height:20px; color:#FFFFFF; position:absolute; right:-5px; top:-5px; font-size:14px; border-radius:50%; cursor:pointer}

.ui-upload {
      font-size: 0.12rem;
       width:100%;
      height: 30px;
      line-height: 30px;
      text-align: center;
      position: relative;
      cursor: pointer;
      color: #fff;
      background: #4788d7;
      border-radius: 5px;
      overflow: hidden;
      display: inline-block;
      text-decoration: none;
      margin-top:0.1rem;
    }
    
    .ui-upload input {
      position: absolute;
      font-size: 100px;
      right: 0;
      top: 0;
      opacity: 0;
      filter: alpha(opacity=0);
      cursor: pointer; text-align:center;
    }
	a.ui-upload {color:#FFFFFF}

.picadd-btn{width: 95%; font-size: 0.26rem; line-height: 0.9rem; background: #4788d7; border-radius: 0.1rem; text-align: center;
    font-size: 0.28rem; margin: 0.4rem auto;}
.picadd-btn a{color: #fff; display: block;}

 .btn_addPic{
                display: block; 
                position: relative; 
                width: 53px; 
                height: 53px; 
                overflow: hidden; 
                cursor: pointer; 
                text-align: center; 
            }
            .filePrew { 
                display: block; 
                position: absolute; 
                top: 0; 
                left: 0; 
                width: 53px; 
                height: 53px; 
                opacity: 0;
            }


/*首页切换*/
.outBox{}
.outBox .hd{height:0.8rem;line-height:0.8rem;padding:0 0.2rem; position:relative}
.outBox .hd ul{float:left;position:absolute;left:20px;top:-1px;height:32px}
.outBox .hd ul li{float:left;padding:0 15px;cursor:pointer}
.outBox .hd ul li.on{background:#fff; border-bottom: 0.04rem solid #e46713;}
.inBox{padding: 0.15rem 0; background: #f5f5f5;}
.inBox .inHd{ background: #fff; padding: 0.1rem 0.15rem;}
.inBox .inHd ul{overflow:hidden;zoom:1;}
.inBox .inHd ul li{text-align:center;float:left;cursor:pointer; font-size: 0.25rem; margin-right: 0.15rem; height:0.6rem;line-height:0.6rem;}
.inBox .inHd ul li a{color: #333;}
.inBox .inHd ul li.on{background:#fff; border-bottom: 0.02rem solid #e46713; color: #e46713;}
.inBox .inHd ul li.on a{color: #e46713;}
.inBox .inBd{background: #fff; padding: 0 0.2rem;}
.inBox .inBd .index-tab-news{zoom:1;overflow:hidden}


/*首页切换*/

.fankui{width:100%; line-height:0.4rem}
.huifu{width:100%; line-height:0.4rem}
.dianchamsg{width:100%; position:fixed; bottom:0; background-color:#FFFFFF; display:none}
.msgbtn{width:90%; margin:0 auto; bottom:0.8rem;position:fixed; left:0; right:0; }
.fankuiclosebtn{position:absolute; right:10px; top:10px}
.isopen{width:100%; padding:5px 0; padding-bottom:20px}


.more{width:100%; text-align:right; line-height:1rem}