*{margin: 0;border: 0;padding: 0;vertical-align: baseline;outline:none; list-style:none;  font-style:normal; outline:none;}
body {background:#f5f5f5; color: #555;}
.common-body{  background: none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
a{color: #0e0607;text-decoration: none;}
a:focus {outline: none;}
a:hover,a:active {outline: 0; color:#007b77;}
img{ vertical-align:middle;}
.wgno{ clear:both;}
.z{ float:left;}
.y{ float:right;}
.cl{ zoom: 1;}
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
textarea,input,button{ -webkit-appearance: none;appearance: none;border-radius: 0; }
input::placeholder,
textarea::placeholder{ color: #aaa; font-weight: normal;}
.wp{ width:1200px; min-width: 1200px; margin:0 auto;}
.wps{ width:1160px; min-width: 1160px; margin:0 auto; padding: 0 20px;}



/*头部*/
.header{ height:80px;background: #fff;}
.header .logo{ padding-left: 25px; padding-right: 85px; /*background: #fff url(images/nav.png) no-repeat right center;*/}
.header .logo a{display: block; padding: 12px 0;  text-align: center;}
.header .logo img{ display:inline-block;width: auto; height:56px; margin: auto;}
.header .logo span{ display:inline-block;color: #555;font-size: 18px; padding-left: 18px; margin-left: 20px; border-left: 1px #ccc solid;}

.header .right-box{ padding-right: 25px;}
.header .search-icon{ background: url(images/header-search.png) no-repeat center; width: 24px; height: 80px; cursor: pointer;}
.header .s-close{ background-image:url(images/s-colse.png);}

.header .btns{ height: 32px;line-height: 32px; margin: 24px 20px; background: #007b77; padding: 0 6px; border-radius: 16px;}
.header .btns span{  width: 1px; height: 16px; margin: 8px 0; background:#158d22;}
.header .btns a{ color: #fff; font-size: 13px; padding: 0 12px;}

.online{ padding:25px 15px 25px 0 ; margin:0 20px; height:30px; line-height:30px;position:relative;    font-size: 16px;    color: #555;}
.online span{ display: inline-block; max-width: 100px; height: 30px; overflow: hidden;}
.online:hover .sub-menu{visibility:visible;opacity:1;margin-top:0}
.online::after,
.online::before{content:'';position:absolute;top:38px;right:0;border-left:5px solid transparent;border-right:5px solid transparent}
.online::before{border-top:5px solid #f7fbf0}
.online::after{border-top:5px solid #999;margin-top:-1px}
.online  .avatar{float:left;width:30px;height:30px;border-radius:50%;margin-right:6px;}
.online  .sub-menu{position:absolute;right:0;top:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;visibility:hidden;opacity:0;margin-top:-20px;width:120px; z-index: 9999999;}
.online  .sub-menu ul{position:relative;background-color:#FFF;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3);font-size:14px;padding:5px 0}
.online  .sub-menu ul::after,
.online .sub-menu ul::before{content:'';position:absolute;top:-5px;left:50%;margin-left:-3px;border-left:5px solid transparent;border-right:5px solid transparent}
.online .sub-menu ul::before{border-bottom:5px solid rgba(0,0,0,.1)}
.online .sub-menu ul::after{border-bottom:5px solid #fff;margin-top:1px}
.online .sub-menu a{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:block;line-height:38px;text-align:center; color: #555; }
.online .sub-menu a:hover{background-color:#F2F2F4}

.header-nav { background: #fff;}
.header-nav li{ display:inline-block; *display:inline; zoom:1; margin:0 0;position:relative;z-index:100;}
.header-nav li a{display:block;height:80px;line-height:80px;padding:0 20px; font-size:17px;color:#0e0607;text-decoration:none; position: relative; font-weight: 700;}
@media screen and (max-width: 1400px) {
    .header-nav li a{ padding: 0 10px; font-size:16px;}
}
@media screen and (max-width: 1300px) {
    .header-nav li a{ padding: 0 7px; font-size:15px;}
    .header .logo{padding-left: 20px;padding-right: 75px;}
}
.header-nav li.on a,
.header-nav li:hover a{ color:#007b77;}
.header-nav li.on a{ font-weight: bold;}
.header-nav .sub-menu{display:none;position:absolute; width: 100%; height:0;left:0;top:80px;z-index:100;overflow:hidden;}
.header-nav .sub-menu li{ display: block;}
.header-nav  li.hover .sub-menu{display:block;}
.header-nav .sub-menu li a{height:36px;line-height:36px; font-weight: normal; padding: 0; background:#fff;width:100%;text-align:center;color:#999;font-size:14px;-webkit-transition:background .2s;-moz-transition:background .2s;transition:background .2s;}
.header-nav .sub-menu li a:hover{background: #F2F2F4;color:#007b77;}

.header-nav .post a{ display: block; line-height: 45px; padding-left: 18px; font-size: 14px; color: #ddd; background: url(images/nav-post.png) no-repeat left center;}

.home-search{display: none;width:100%;min-width:1200px;background-color: #fff; background-color: rgba(255,255,255,0.99); position: absolute; border-bottom:1px #eee solid; top: 80px; left: 0; right: 0; height: 108px; z-index: 1; border-top: 1px #eee solid;}
.search-form {margin: 30px 20%; border: solid 1px #ddd; position: relative; padding:0 80px 0 100px; }
.search-form .search-type-select{position:absolute;  left:0; width:99px;}
.search-form .search-type{  padding-left: 9px; border-right:1px #ddd solid;height:46px; line-height: 46px; text-align: center; font-size: 15px; color: #555; cursor: pointer;}
.search-form .search-type span{ padding-right: 30px; background: url(images/s-select.png) no-repeat right center;}
.search-form .select { display: none; width: 100px; margin-left: -1px;background: #fff; z-index: 99;}
.search-form .select ul{ border: 1px #ddd solid; border-top: 0;}
.search-form .select li{ font-size: 14px; line-height: 40px; text-align: center; border-top: 1px #ddd solid; cursor: pointer; transition: 0.3s;}
.search-form .select li:hover{ background: #f5f5f5;}
.search-form .search-input { color: #999; width: 96%; height: 38px; padding: 4px 2%; border-right: none; font-size: 15px; outline: none; }
/*.search-form .search-input:focus{border-color:#007b77;}*/
.search-form .search-btn { position: absolute; right: 0; top:-1px; width: 80px; color: #fff; border: none; background: #007b77 url(images/b-s.png) no-repeat center; height: 48px; font-size: 16px; text-align: center;  cursor:pointer;}
.search-form .search-btn i{ font-size:24px; color:#fff;}


/*首页*/
.index-banner{ position:relative;min-width:1200px;height: auto; }
.index-banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;  }
.index-banner .slideBox .hd{ width:100%; height:10px; overflow:hidden; position:absolute;  left:0;bottom:25px; z-index:1; }
.index-banner .slideBox .hd ul{ overflow:hidden; zoom:1; text-align:center; display: flex; justify-content: center;}
.index-banner .slideBox .hd ul li{  margin:0 10px;  width:30px; height:4px; border-radius: 2px; line-height:10px;text-align:center; background:#fff; cursor:pointer; display:inline-block; opacity: 0.8; }
.index-banner .slideBox .hd ul li.on{ background:#efad57; color:#fff; opacity: 1; }
.index-banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.index-banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.index-banner .slideBox .bd li a{ width:100%; height: 30vw; display:block; background-size: 100% auto  !important;  }
.index-banner .slideBox .prev,
.index-banner .slideBox .next{ position:absolute; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=30);opacity:0.3;   }
.index-banner .slideBox .prev{ left:5%;}
.index-banner .slideBox .next{ right:5%; background-position:8px 5px; }
.index-banner .slideBox .prev:hover,
.index-banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.index-banner .slideBox .prevStop{ display:none;  }
.index-banner .slideBox .nextStop{ display:none;  }

.index-banner .go-next{ position: absolute; bottom: 20px; width: 60px; left: 50%; margin-left: -30px; text-align: center; cursor: pointer;}
.index-banner .go-next img{ width: 36px; height: auto; opacity: 0.5; transition: 0.3s;}
.index-banner .go-next:hover img{ opacity: 1;}

.donate-index-banner .slideBox .hd{ bottom: 70px;}
.donate-index-banner .go-next{ bottom:130px; }
.donate-index-banner{ padding-bottom: 55px;}
.index-banner-data{ position: absolute; bottom: 0; left: 0; width: 100%;}
.index-banner-data ul{background: rgba(255, 255, 255, 0.98);padding: 25px 20px;text-align: center;position: relative;z-index: 111;border: 1px solid rgba(0,0,0,0.08);    box-shadow: -1px 2px 2px 1px rgba(0, 0, 0, 0.05); box-sizing: border-box; border-radius: 10px;}
.index-banner-data ul li{float: left;width: 25%;}
.index-banner-data ul li div{border-left:1px solid #f0f0f0 ;}
.index-banner-data ul li h3{font-size: 28px;color: #0e0607;line-height: 30px;}
.index-banner-data ul li p{font-size: 16px;color: #999;margin-top: 5px;}
.index-banner-data ul li .n{border-left: 0}


.index-top{ background: #fff; margin: 20px auto;}
.news-top-box{ position: relative;}
.news-top-box .item a{ display: block; position: relative;}
.news-top-box .item .m img{ width: 700px; height: 400px; display: block;}
.news-top-box .item .title{ position: absolute; left: 0; width: 100%; bottom: 0; background: rgba(0,0,0,0.6);}
.news-top-box .item .title span{ display: block; padding: 0 200px 0 15px; height: 40px; line-height: 40px; font-size: 15px; color: #fff;}
.news-top-box .hd{ position: absolute; bottom: 0; right: 0; z-index: 1;}
.news-top-box .hd li{ float: left; height: 40px; width: 40px; line-height: 40px;text-align: center; background: #010101; font-size: 16px; color: #fff; margin-left: 0; cursor: pointer; }
.news-top-box .hd .on{ background: #007b77;}
.index-top-tab{ width: 460px; padding-right: 20px;}
.index-top-tab .title-box{line-height: 50px; border-bottom: 1px #eaeaea solid;}
.index-top-tab .title-box .tab-btn{ display:block; float: left; margin-right: 30px; font-size: 20px; color: #555;}
.index-top-tab .title-box .on{ border-bottom: 3px #007b77 solid; color: #0e0607;    margin-bottom: -1px; font-weight:700;}
.index-top-tab .title-box .more{ display: none; font-size: 13px; color: #999;}
.index-top-tab .title-box .hover{ display: block;}
.index-top-tab ul.item{ padding-top: 10px; display: none;}
.index-top-tab ul.on{ display: block;}
.index-top-tab li{height: 36px; line-height: 36px; overflow: hidden; font-size: 15px; padding-left: 10px; background: url(images/lidot.gif) no-repeat left center;}
.index-top-tab li em { float: right; margin-left: 10px; font-size: 13px; color: #999; }


.index-node .title-box{line-height: 45px; border-bottom: 1px #eaeaea solid; margin: 0 20px;}
.index-node .title-box span{ font-size: 20px; color: #0e0607; font-weight: 700; border-bottom: 3px #007b77 solid;   margin-bottom: -1px; }
.index-node .title-box a{font-size: 13px; color: #999;}
.index-node-s .title-box{ margin: 0 20px;}

.index-donate-box{ margin: 20px auto; background: #fff;}
.index-donate-box .s {  padding: 5px 10px 10px;  }

.index-section{ margin:20px  auto;}
.index-section .left-box{ width: 875px;}
.index-section .left-box .item-box{ width: 430px; background: #fff;}
.index-section ul{ padding: 8px 20px 10px;}
.index-section li{height: 32px; line-height: 32px; overflow: hidden; font-size: 14px; padding-left: 10px; background: url(images/lidot.gif) no-repeat left center;}
.index-section li em { float: right; margin-left: 10px; font-size: 13px; color: #999; }

.index-section .side-box{ width: 310px; background: #fff3e0;}
.index-section .side-box .title-box{ line-height: 45px; border-bottom: 1px #efad57 solid; padding:  0 15px; background: #efad57; color: #fff;}
.index-section .side-box .title-box span{ font-size: 18px; color: #fff;}
.index-section .side-box .title-box a{ font-size: 12px; color: #efefef;}
.index-section .side-box li{font-size:13px; }
.index-section .side-box li em{font-size: 12px;}

.donate-info-box{ background: #fff; height: 331px;}
.donate-info-box .title-box span{ display: block; line-height: 48px; background: #007b77; font-size: 20px; padding: 0 30px 0 20px; border-radius: 0 0 24px 0; color:#fff;}
.donate-info-box .s{ padding:20px;}
.donate-info-box .left-side{ width: 300px;}
.donate-info-box .right-side{ width: 480px;}
.donate-info-box .title{ margin-bottom: 10px; text-align: left;}
.donate-info-box .title span{ font-size: 20px;  font-weight: bolder; position: relative; padding:2px 8px 4px 0; letter-spacing:2px;}
.donate-info-box .title em{ position: relative; z-index: 2;color: #0e0607;}
.donate-info-box .title i{ position: absolute; bottom: 0; right: 0; left: 10px; height:16px; background: #d4f1f0; z-index: 1; border-radius: 0 8px 0 8px;}
.donate-info-box p{font-size: 14px; line-height:25px; color: #555;}
.qrcode-items{ padding-top: 10px;}
.qrcode-items .item{ float: left; width: 100px;  margin-right: 15px; text-align: center;}
.qrcode-items .item img{ width: 100%;height: 100px;}
.qrcode-items .item p{font-size: 13px; color: #999; line-height: 24px;}

.index-section .donate-loop-box .title-box{ background: #007b77; border-color: #007b77;}
.index-section .donate-loop-box{ background: #f1ffff; height: 331px;}
.donate-loop-box .s{ padding: 6px 15px;}
.donate-loop-item{position: relative; padding: 10px 0 10px 54px; border-top: 1px #ddd dashed;}
.donate-loop-item-1{ border-top: 0;}
.donate-loop-item .avatar{ position: absolute; left: 0; top:15px;}
.donate-loop-item .avatar img{ display: block; width: 45px; height: 45px; border-radius: 50%;}
.donate-loop-item .info{ line-height: 20px; height: 20px; overflow: hidden;}
.donate-loop-item .username{  max-width: 180px; font-size: 15px; color: #0e0607;}
.donate-loop-item .amount{font-size: 14px; color: #efad57;}
.donate-loop-item .amount em{font-size: 12px;}
.donate-loop-item .title{ line-height: 20px; height: 20px; overflow: hidden; margin: 2px 0; font-size: 13px; color: #555;}
.donate-loop-item .dateline{font-size: 12px; color: #999;}

.links-box{ margin: 20px auto;}
.links-tab li{float: left; margin-right: 1px; line-height: 45px; padding: 0 20px; background: #eaeaea; border-top: 2px #eaeaea solid; cursor: pointer; font-size: 15px;}
.links-tab li.on{ background: #fff; border-color: #007b77;  color: #007b77; font-size: 16px; }
.links-box .s{ background: #fff; padding:  8px 10px;}
.links-box .s .item{ display: none;}
.links-box .s .on{ display: block;}
.links-box .s li{ float: left; margin: 6px 10px;}



.item-bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); z-index: 1; }
.image-scale{ overflow: hidden;}
.image-scale img{transition: 1s;}
.image-scale:hover img{transform: scale(1.08);}


.form-control{    display: inline-block;width: 96%; height: 24px; padding: 6px 2%;   font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #ffffff; background-image: none; border: 1px solid #ddd; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.03); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.03); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; font: 13px 'Microsoft Yahei', Tahoma,'Simsun';    box-sizing: content-box; resize: none;}
textarea.form-control{ height: auto; line-height: 1.65;}
select.form-control{ height: auto;}
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.form-control:-moz-placeholder { color: #aaa; }
.form-control::-moz-placeholder { color: #aaa; opacity: 1; }
.form-control:-ms-input-placeholder { color:#aaa; }
.form-control::-webkit-input-placeholder { color: #aaa; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; }



/*捐款首页*/
.donate-index-f{ padding: 30px 0;}
.donate-index-f .title-box{ text-align: center; padding-bottom: 20px;}
.donate-index-f .title-box .title{ font-size: 30px; font-weight: 700; color: #0e0607; height: 60px !important; line-height: 60px !important;}
.donate-index-f .title-box .dot{ margin: auto;  height: 4px; width: 40px; background: #007b77;}
.donate-index-f .title-box .line{ margin: auto; height: 1px; width: 110px; background: #ddd;}



.donate-hot-items{ padding-top:100px;}
.donate-hot-items .s{ padding: 25px 10px 0;}
.donate-hot-item{float: left; width:33.33%;}
.donate-hot-item a{ display: block; padding: 10px;}
.donate-hot-item .m{ position: relative;}
.donate-hot-item .m img{ width: 100%; height: 220px;}
.donate-hot-item .title{ padding-top: 5px; font-size: 16px; font-weight: 700; color: #0e0607; height: 30px; line-height: 32px; height: 32px; overflow:hidden;}
.donate-hot-item .subtitle{font-size: 14px;line-height:22px; height: 66px; overflow: hidden; color: #999;}
.donate-hot-item .progress{ position: relative; margin: 10px auto; height: 10px; background: #ddd; border-radius: 5px; overflow: hidden;}
.donate-hot-item .progress .now{ position: absolute; left: 0; top:0; height: 10px; background: #efad57; border-radius: 5px;}
.donate-hot-item .data span{ font-size: 13px; color: #999;}
.donate-hot-item .catname{ position: absolute; left: 0; top: 0; z-index: 1; line-height: 32px; padding: 0 20px 0 15px; background: #efad57; color: #fff; font-size: 14px; border-radius: 0 0 15px 0; opacity: 0.9;}

.donate-category-items .node{ padding: 15px 0;}
.donate-category-items .title{ height: 40px; line-height: 40px;}
.donate-category-items .title .t{ background: #007b77; color: #fff; padding: 0 30px 0 20px; border-radius: 0 20px 20px 0;}
.donate-category-items .title a{ font-size: 13px; color: #999;}
.donate-category-items .s{ padding: 25px 20px 0;}

.donate-category-items .more{ text-align: center;}
.donate-category-items .more a{ display: inline-block; height: 36px; line-height: 36px; padding: 0 25px; border-radius: 18px; border:1px #007b77 solid; color: #007b77; transition: 0.3s;}
.donate-category-items .more a:hover{ background: #007b77; color: #fff;}





/*列表页面*/
.category-banner{  /*background: radial-gradient(circle at center, rgba(0,123,119,0.9), #007b77);*/background: url(images/banner/hf.jpg) no-repeat  center;}
.category-banner .bg{background: url(images/banner/hf-bg.png) no-repeat  right bottom;}
.category-banner .s{ padding: 0 20px; height: 300px;}
.category-banner .title{ padding-top: 90px; font-size: 45px; line-height: 45px;  font-weight:bolder; color: #d69f4b;}
.category-banner .line{width: 90px; height:1px; margin: 20px 0; background: #d69f4b;}
.category-banner p{font-size: 18px; color: #d69f4b; line-height: 20px; opacity: 0.9;}

.nav-title{font-size: 13px; text-align: right; line-height: 48px; color: #999;}
.nav-title .s{padding: 0 20px;}
.nav-title a,
.nav-title span{ color:#999;}
.nav-title em{  padding:0  3px;color:#999;}

.main-content { margin:0 auto 20px; width: 1160px;}
.main-content .s{ padding: 0 20px;}
.main-content  .mn{ float:right; width:840px;background: #fff;  min-height: 600px; border-radius: 6px; }
.main-content  .sd{ float:left; width:300px;}
.main-content .s-nav{ height: 42px; line-height: 42px; background: #2f5eb8;padding: 0 15px;}
.main-content .s-nav .title{font-size:16px; color: #fff; }
.main-content .s-nav .n{font-size:13px;}
.main-content .s-nav .n *{color: #8ca6d9;}
.main-content .s-nav .n span{color: #fff;}


.sd .sideMenu{ background:#fff; margin:0 0 20px;padding:0 0 10px; border-radius: 6px;}
.sd .sideMenu .title-box{ padding: 20px; background: #007b77 url(images/shou.png) no-repeat right bottom;border-radius: 6px 6px 0 0;}
.sd .sideMenu h2{ padding-bottom:1px;font-size: 0; line-height: 1;}
.sd .sideMenu h2 span{font-size:  28px;font-weight: 700; }
.sd .sideMenu h2 span.fir{color: #fff;}
.sd .sideMenu h2 span.sec{color: #d69f4b;}
.sd .sideMenu .line{ width: 45px; height: 1px; background: #66b0ad; margin: 12px 0;}
.sd .sideMenu p.des{font-size: 14px;color: #66b0ad; line-height: 1;}
.sd .sideMenu ul{padding:10px 20px 10px;}
.sd .sideMenu li{ height:45px; line-height:45px; border-bottom:1px #ddd solid; transition:border-bottom .3s;background:url(images/xjt.png) no-repeat right center;}
.sd .sideMenu li:hover,
.sd .sideMenu li.current-cat{ border-bottom:1px #007b77 solid; color:#007b77 ; background:url(images/xjt-on.png) no-repeat right center;}
.sd .sideMenu li a{ display:block; font-size:15px; padding:0;color:#333;}
.sd .sideMenu li:hover a,
.sd .sideMenu li.current-cat a{color:#007b77 ;}

.sd .sd-box{  background:#fff;border-radius: 6px; }
.sd .sd-box .s{ padding: 50px 20px 15px; position: relative;}
.sd .sd-box .title-box{ position: absolute; left: 0; top:0; height: 40px; line-height: 40px; padding: 0 20px; background: #007b77; color: #fff; font-size: 16px; font-weight: bold; border-radius: 6px 0 10px 0;}

.sd .hot-item{ margin-bottom: 15px;}
.sd .hot-item .s{ padding:40px 15px 5px; }
.sd .hot-item .item{ padding:10px 0;}
.sd .hot-item .item-border{ border-top:1px #eee solid;}
.sd .hot-item .m{ }
.sd .hot-item .m img{ width:100%; height: auto; max-height: 160px; border-radius: 4px; display: block;}
.sd .hot-item .title{color: #0e0607; line-height: 1.5; padding: 3px 0; font-size: 15px; font-weight: 700;}
.sd .hot-item .data{color: #999; font-size: 12px;}
.sd .hot-item .data .num{     background: #eee; padding: 1px 9px;  border-radius: 9px;}

.sd .contact .info{margin-bottom:12px; padding-bottom:10px; border-bottom:1px #eaeaea solid; }
.sd .contact .info dd{ font-size:14px; line-height:1.5; padding: 6px 0 6px 25px; color:#0e0607; background:url(images/s-tel.png) no-repeat left 9px;}
.sd .contact .info dd .key{ font-weight: bolder; color: #007b77;}
.sd .contact .info dd .strong{ color: #0e0607; font-size: 15px; font-weight: bold;}
.sd .contact .info .address{ background-image: url(images/s-map.png);}
.sd .contact .code-box{ border-bottom: 1px #eaeaea solid; padding-bottom: 5px;}
.sd .contact .tips{font-size: 13px; line-height: 1.5; color: #555;}
.sd .contact .code-box ul{ padding-top: 2px; display: flex; justify-content: center;}
.sd .contact .code-box li{ float: left; padding: 6px;}
.sd .contact .code-box li p{font-size: 12px; text-align: center; line-height: 20px; color: #999;}
.sd .contact .slogan{text-align: center; line-height: 20px; padding-top:15px;}
.sd .contact .slogan span{font-size: 15px;padding: 0 12px; color: #555;}
.sd .contact .slogan i{ margin: 3px 5px; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #555;}



.main-content .cat{ color: #fff; background-color:#007b77; padding: 0px 6px; font-size: 12px; display: inline-block; position: relative; top: -2px; margin-right: 6px; font-weight:normal; }
.main-content .cat:hover{ opacity: 0.85; filter:alpha(opacity=85);color: #fff; }
.main-content .cat i{ position: absolute; top: 50%; margin-top: -4px; right: -4px; display: inline-block; width: 0; height: 0; vertical-align: middle; border-left: 4px solid #007b77; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }



/*有下级分类的其实页面*/
.posts-title{ padding: 10px 30px ;}
.post-categoty-root{  padding:15px 30px; }
.post-categoty-root .node{ padding-bottom: 20px;}
.post-categoty-root .node .title{ height: 40px; line-height: 40px; border-bottom: 2px #ddd solid;}
.post-categoty-root .node .title .t{ font-size: 20px; color: #0e0607;border-bottom: 2px #007b77 solid; }
.post-categoty-root .node .title a{font-size: 13px; color: #999;}
.post-title-item { height: 56px; line-height: 56px; overflow: hidden; border-bottom: 1px #ddd dashed;padding-left: 10px;
    background: url(images/lidot.gif) no-repeat left center;}
.post-title-item  a{ display: block; color: #333; transition: 0.3s;}
.post-title-item  a:hover{color:#007b77;}
.post-title-item  span{font-size: 15px;}
.post-title-item  em{float: right; font-size: 13px; color: #999; padding-left: 10px;}

/*纯标题列表*/


/*图文列表*/
.list-news dl{ padding:18px 0;overflow:hidden; border-bottom:1px #ddd dashed; }
.list-news .m{ float:left; width:200px; margin-right:12px;}
.list-news .m img{ width:100%; height:135px;}
.list-news dt{ height:24px; line-height:24px; margin-bottom:3px; overflow:hidden;}
.list-news dt a{ font-size:18px; color: #0e0607;}
.list-news dt a:hover{color:#007b77;}
.list-news p{color:#999;font-size:12px; line-height:30px;}
.list-news p em{ margin-right:15px; color:#999;}
.list-news p em a{color:#999;}
.list-news dd{ line-height:23px; font-size:13px; color:#999;}

/*搜索列表*/
.posts-search-page{ padding: 0 30px;}
.posts-search-page .title-box{line-height: 50px; border-bottom: 1px #eaeaea solid; font-size: 15px;}
.posts-search-page .title-box em{ padding: 0 5px; color: #efad57;}
.posts-search-page .red{ color:  #efad57}
.posts-search-item{ padding: 10px 0; border-bottom: 1px #ddd dashed;}
.posts-search-item .title{line-height: 30px; height: 30px; overflow: hidden; font-size: 18px; color: #001ba0;}
.posts-search-item .content{font-size: 13px; color: #666; line-height: 22px;}
.posts-search-item .info{font-size: 12px; line-height: 24px;}
.posts-search-item .info span{ margin-right: 15px; color: #999;}
.posts-search-item .info .catname{ color: #006d21;}


.cat-list{ text-align: center; background: #fff; border-bottom: 1px #eee solid;}
.cat-list li{display: inline-block; *display: inline;zoom:1; height: 50px; line-height:50px; margin: 0 15px; font-size: 15px;}
.cat-list .on a{ color:#1172BA;}


/*捐款项目列表*/
.donate-category{ padding: 20px 0 0;}
.donate-category li{ float: left; margin-right: 15px;}
.donate-category li a{ display: block; line-height: 36px; padding: 0 15px; background: #eee; color: #666;}
.donate-category li a.on,
.donate-category li a:hover{ background: #007b77; color: #fff;}
.donate-list{ padding:0; }
.donate-list .pagination{ padding-top: 0;}
.donate-item{padding: 20px 0;}
.donate-item-line{ border-top: 1px #eaeaea solid;}
.donate-item  .m{ display: block; }
.donate-item  .m img{width: 370px; height: 220px; display: block;}
.donate-item .title a{ font-size: 20px; font-weight: bold; line-height: 1.5; color: #0e0607;}
.donate-item .info{ width:770px; position: relative; padding-top: 15px;}
.donate-item dl{ padding: 10px 0;}
.donate-item dd{font-size: 14px; line-height: 30px; color: #666;}
.donate-item dd span{ display: inline-block; min-width: 210px;}
.donate-item dd em{color:#efad57;}
.donate-item .des{ background: #f5f5f5; padding: 8px 12px;}
.donate-item .des p{ font-size: 14px; line-height: 25px; max-height: 50px; overflow: hidden; color: #999;}
.donate-item .btn{ position: absolute; top:25px;right: 0; width: 120px; height: 36px; line-height: 36px; background: #007b77; font-size: 15px; color: #fff; text-align: center; border-radius: 18px;}
.donate-item .btn:hover{ opacity: 0.9;}

/*捐款内页*/
.donate-view-base{ background: #fff; border-top:3px #007b77 solid;margin-bottom: 20px;}
.donate-view-base  .m{ display: block; }
.donate-view-base  .m img{width: 500px; height: 300px; display: block;}
.donate-view-base .right-box{ width:658px; position: relative;}
.donate-view-base .info{ padding: 20px;}
.donate-view-base .title{ font-size: 26px; font-weight: bold; line-height: 1.35; color: #0e0607;}
.donate-view-base .subtitle{font-size: 16px; margin-top: 0px; color: #555;line-height:24px; height: 24px; overflow: hidden;  padding:10px 0; }
.donate-view-base .cat{border-bottom: 1px #eaeaea solid; padding-bottom: 15px;}
.donate-view-base .cat span{ display: inline-block; line-height: 24px; padding: 0 15px; border-radius: 12px; background: #eee; color: #747474;}

.donate-view-base .code{padding:15px 0; font-size: 13px; color: #999;}
.donate-view-base .progress{margin:0;}
.layui-progress-big,
.layui-progress-big .layui-progress-bar{height:18px; line-height: 18px; border-radius: 9px;}
.layui-progress-text{ line-height: 18px; font-size:12px;}
.layui-progress-big .layui-progress-text{ padding: 0 10px;}
.layui-progress-bar{ background: #efad57;}



.donate-view-base .bottom{ display: flex; align-items: center; padding-top: 20px;}

.donate-view-base .data{ display: flex; align-items: center; }
.donate-view-base .data .line{ width: 1px; height: 20px; margin: 0 25px; background: #ddd;}
.donate-view-base .data .item{ min-width: 60px; text-align: center;box-sizing: border-box;}
.donate-view-base .data .value{ font-size: 20px; color: #0e0607; font-weight: bold; color: #0e0607; line-height:30px; height:30px; overflow: hidden;}
.donate-view-base .data .key{ font-size: 13px; color: #999;}

.donate-view-base .donate-btns{ display: flex; align-items: center; padding-left: 20px; }
.donate-view-base .donate-btns .btn{ width: 120px; padding-left:15px; transition: 0.3s; cursor: pointer;}
.donate-view-base .donate-btns .btn:hover{ opacity: 0.85;}
.donate-view-base .donate-btns .btn span{ display: flex; justify-content: center; align-items: center; height:44px; background: #007b77; font-size: 16px; color: #fff; border-radius: 23px;}
.donate-view-base .donate-btns .btn-out span{ background: #efad57;}


.new-donate-box{ background: #fff; border-radius: 6px;}
.new-donate-box .donate-loop-item{ width: 297px; border-top: 0; background: #f7f7f7; margin-bottom: 10px;    padding: 12px 12px 12px 66px; border-radius: 4px; transition: 0.3s;}
.new-donate-box .donate-loop-item:hover{ background: #f5f5f5;}
.new-donate-box .donate-loop-item .title{ height: 22px; line-height: 22px; color: #747474;}
.new-donate-box .donate-loop-item .avatar{ padding-left: 12px; top:50%; margin-top: -22px;}

.donate-view-base .info-love{ padding: 25px;}
.donate-view-base .info-love .subtitle{ padding-bottom: 15px;}
.donate-view-base .info-love .bottom{ padding-top: 10px;}
.donate-view-base .select-donate-box{ padding: 10px 0 0; border-top:1px #eaeaea solid;}
.donate-view-base .select-donate-box .select-title{ font-size: 18px; font-weight: 700; line-height: 30px;}
.donate-view-base .select-donate-box .item{ margin: 8px 0; line-height: 40px; font-size: 15px; background: #f7f7f7; border: 1px #ddd solid; padding: 0 15px; border-radius: 4px; cursor: pointer;}
.donate-view-base .select-donate-box .on{ border-color:#007b77; background: #fff; color: #007b77; }

.donate-view-base .info-love .data .line{ margin: 0 30px;}
.donate-view-base .info-love .donate-btns{ padding-left: 40px;}



.donate-view-box .mn{ border:0; border-radius:5px;}
.donate-view-box .layui-tab-content{ padding: 0;}
.donate-view-box .article{ padding: 10px 30px; border: 0;}
.donate-view-box .log-box{ padding: 20px 30px; }
.donate-view-title{  color: #0e0607; line-height: 45px;padding:  0 20px; font-size: 18px;}

.donate-process-box{ padding: 15px 0;}
.donate-process-box .items{ position: relative;}
.donate-process-box .line{ position: absolute; left: 5px; width: 1px; top:20px; bottom: 0; background: #eee;}
.donate-process-box .item{ position: relative; padding-left: 40px; padding-bottom: 20px;}
.donate-process-box .item .title{ font-size: 20px; line-height: 30px; color: #0e0607;}
.donate-process-box .item .dateline{ line-height: 1; padding: 6px 0; font-size: 14px; color: #999;}
.donate-process-box .dot{ position: absolute; left: -4px; top: 7px; width: 11px; height: 11px; background: #2cbfba; border-radius: 50%; z-index: 10; border: 4px solid #bee7e6;}

.donate-do-box{ padding: 36px;}
.donate-do-box .donate-info{ padding-bottom: 20px; display: flex; align-items: center;}
.donate-do-box .donate-info .m{ margin-right: 15px;}
.donate-do-box .donate-info .m img{ display: block; width: auto;height: 120px; border-radius: 10px;}
.donate-do-box .donate-info .title{ font-size: 24px; font-weight: 700; color: #0e0607; line-height: 40px; height: 40px; overflow: hidden;}
.donate-do-box .donate-info .subtitle{ line-height: 1.5; color: #747474;font-size: 14px;}
.donate-do-box .donate-info .code{ line-height: 30px; overflow: hidden; font-size: 14px; color: #999;}

.donate-do-box .set-amount{ padding: 10px 0;}
.amount-select{ display: flex; flex-flow: wrap;}
.amount-select span{ background: #fff; border:1px #eaeaea solid; border-radius: 4px; height: 40px; display: flex; justify-content: center; align-items: center; width: 22.75%; margin-left: 3%; box-sizing: border-box; margin-bottom: 10px; font-size: 15px; font-weight: 700; color: #0e0607; cursor: pointer;}
.amount-select .amount-value-1{ margin-left: 0;}
.amount-select .on {  background: #fff; border-color:#007b77; color: #007b77; }
.rand-amount{  position: relative; display: flex;}
.rand-amount .ipt-box{  display: flex; border: 1px #eaeaea solid; background: #fff; border-radius: 4px; height: 40px; align-items: center;}
.rand-amount .ipt-box i{ padding: 0 10px;}
.rand-amount .ipt-box input{ display: flex;  padding: 0 10px; background: #fff; font-size: 15px; color: #0e0607; font-weight: 700;}
.rand-amount .amount-btn{ margin-left:15px;  display: flex; height: 40px; align-items: center; font-size: 14px; color: #999; padding-left: 20px; background: url(images/rand.png) no-repeat left center; cursor: pointer; }


.donate-select-box{ padding: 10px 0;}
.donate-agrees{ display: flex; padding: 10px 0; justify-content: center;}
.donate-agree{ height: 32px; display: flex; align-items: center; font-size:15px;margin:0 20px; cursor: pointer;}
.donate-agree span {  color: #555; background: url(images/agree.png) no-repeat left center; padding-left:20px; color:#747474;}
.donate-agree .on{ background-image: url(images/agree-on.png);}
.donate-agree a{ color: #007b77;}


.pay-btn-box{ display: flex; padding: 0 150px;}
.pay-btn-box .pay-btn{ width: 50%; display: flex; justify-content: center; align-items: center; height: 46px; background: #4390ed; color: #fff; font-size: 15px; cursor: pointer;}
.pay-btn-box .pay-btn:first-child{ border-radius: 23px 0 0 23px;}
.pay-btn-box .pay-btn:last-child{ border-radius: 0  23px 23px 0;}
.pay-btn-box .pay-weixin { background: #50b674; }
.pay-btn-box .pay-btn span{ padding-left: 28px; background: url(images/pay-alipay.png) no-repeat left center; }
.pay-btn-box .pay-weixin span{ background-image: url(images/pay-weixin.png);}

.layui-layer-iframe{ background: #fff; border-radius: 10px; box-shadow:0 0 0;}
.layui-layer-iframe iframe{ background:none;}
.layui-layer-shade{ opacity: 0.6 !important;}





.donate-team-form{padding:20px 30px ;}
.donate-team-form .key-box{ display: flex; align-items: center; height: 40px;}
.donate-team-form .key-box .title{ font-size: 15px; font-weight: 700; color: #0e0607;}
.donate-team-form .key-box-center{  justify-content: center; height:50px;}
.donate-team-form .key-box .checkbox{ margin-left: 10px;}
.donate-team-form .item-two{ display: flex; justify-content: space-between;}
.donate-team-form .item-two .item{ width: 48.5%;}
.donate-team-form .item{ margin-bottom: 15px;}
.donate-team-form .post{ display: flex; align-items: center; background: #f7f7f7; padding: 10px; border-radius:4px;}
.donate-team-form .post .m img{ width: auto; height: 90px; display: block;border-radius:4px;}
.donate-team-form .post .m{ padding-right: 10px;}
.donate-team-form .post .info{ flex:1;}
.donate-team-form .post .title{ font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; color: #0e0607;}
.donate-team-form .post .subtitle{ padding-top: 2px; line-height: 1.5; font-size:14px; color: #555;}
.donate-team-form .post .code{ padding-top: 2px; line-height: 1.5; font-size:13px; color: #999;}


.donate-team-list{padding: 20px 20px 5px;  }
.donate-team-list .node:first-child{ padding-bottom: 10px;}
.donate-team-list .node .title{ font-size:17px; color: #0e0607; line-height: 30px; padding-bottom:5px; font-weight: 700; }
.team-item{ display: flex; justify-content:space-between; align-items: center; padding: 10px 15px; margin-bottom: 8px; background: #f7f7f7; border-radius: 3px;}
.team-item .info{ flex: 1;}
.team-item .more{ display: flex; align-items: center;}
.team-item .more i{ font-size: 16px; color: #aaa;}
.team-item .name{font-size: 15px; color: #0e0607; font-weight: 700; display: flex; height: 24px; align-items: center;}
.team-item-status{ display: inline-block;display: flex; height: 20px; align-items: center; margin-left:5px; background: #eaeaea; padding: 0 10px; border-radius: 10px 10px 10px 0; font-size:12px; font-weight: normal; color: #747474; }
.team-item-status-2{ background: #007b77; color:#fff; }
.team-item-status-3{background: #ff9800;color:#fff; }
.team-item-status-100{background: #efad57;color:#fff; }
.team-item .title{ color: #747474; height: 20px; line-height: 20px; overflow: hidden; font-size: 14px;padding-top: 5px;}
.team-item .count{ height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; color: #747474;}
.team-item .count em{ color: #efad57; padding: 0 2px;}
.team-item .dateline{ font-size: 13px; color: #999;}

/*团队页面*/
.team-view{padding:20px 30px;}
.team-info-box-two{ display: flex; justify-content: space-between;}
.team-info-box-two .node{ width: 48.5%;}
.team-info-box-two .page-view-box{ max-height: 480px;}
.team-info-box .base{ text-align: center; padding-bottom: 15px;}
.team-info-box .base .icon{ }
.team-info-box .base .icon img{ width: 60px; height: 60px; border:2px #fff solid; border-radius: 50%;}
.team-info-box .base .name{ font-size:18px; font-weight: 700; line-height: 20px; padding-top: 4px;}
.team-info-box .base .text{ padding:5px 0; line-height: 1.5; font-size: 16px;font-weight: 700; color: #747474;}
.team-info-box .base .text em{ color: #007b77; text-decoration: underline;}
.team-info-box .base .message{ padding:  0; line-height: 1.5; font-size: 14px; color: #999;}
.team-info-box .team-data{padding:15px 0;}
.team-info-box .data{ display: flex; align-items: center; }
.team-info-box .data .item{ width: 33.333%; text-align: center;padding: 0 20px; box-sizing: border-box;}
.team-info-box .data .value{ font-size: 22px; color: #0e0607; line-height: 30px; height:30px; overflow: hidden;}
.team-info-box .data .key{ font-size: 14px; color: #999;}

.team-info-box .qrcode-box{ text-align: center; padding: 15px !important; border-top: 1px #eee solid; border-bottom: 1px #eee solid;}
.team-info-box .qrcode-box .qrcode{ display: inline-block; height: 100px;}
.team-info-box .qrcode-box .text{ color: #747474;}

.team-info-box .team-log{ display: flex; justify-content: center; padding-top: 10px;}
.team-info-box .team-log a{ display:flex;  line-height: 24px; padding: 0 8px 0 12px; border-radius: 12px; border:1px #007b77 solid; color: #007b77; font-size: 12px;}
.team-info-box .team-log i{font-size: 12px;display: flex; align-items: center; margin-left: -2px;}


.team-info-box  .team-up .top{ display: flex; justify-content: space-between; padding-bottom: 5px;}
.team-info-box  .team-up .top .title{ font-size: 15px;  line-height: 24px; color: #747474;}
.team-info-box  .team-up .top .title em{ font-size:18px; font-weight: 700; color:#007b77; padding-right: 2px; }
.team-info-box  .team-up .top a{ display: flex; align-items: center; height: 24px; padding: 0 15px; border:1px #007b77 solid; color: #007b77; border-radius:12px;}
.team-info-box  .team-up .items1{ max-height: 450px;}
.team-info-box  .team-up .team-item{ margin-top: 0.4rem; margin-bottom: 0;}



.team-order-box{ padding: 20px;}
.donate-log-iframe .item{ display: flex; align-items: center; padding: 10px; background: #f7f7f7; margin-bottom:8px; border-radius: 0.2rem;}
.donate-log-iframe .avatar img{ width: 36px; height: 36px; border-radius: 50%; display: block;}
.donate-log-iframe .info{ display: flex; flex: 1; align-items: center;}
.donate-log-iframe .info-box{ flex: 1; padding: 0 0.4rem;}
.donate-log-iframe .username{font-size:15px; color: #0e0607; line-height: 24px;font-weight: 700;}
.donate-log-iframe .dateline{ font-size: 13px; color: #747474;}
.donate-log-iframe .amount{font-size: 13px; color: #999;}
.donate-log-iframe .amount em{ color:#efad57; font-weight: 700; padding: 0 0.1rem;}


.donate-log{ background: #fff; padding: 0; position: relative;}
.donate-log .item{ display: flex; justify-content: space-between; position: relative; padding: 10px 15px; line-height: 32px;color: #555; }
.donate-log .item .info{ padding-right: 10px; flex: 1; display: flex;}
.donate-log .odd{ background: #f8f8f8;}
.donate-log .avatar img{ width: 32px; height: 32px; border-radius: 50%;}
.donate-log .avatar{ margin-right: 10px;}
.donate-log .dateline{ font-size: 14px; color: #747474;}
.donate-log .username{ color: #0e0607; width: 300px; font-size: 15px; }
.donate-log .amount{ width: 200px; color: #747474;}
.donate-log .amount em{    color: #efad57; padding: 0 1px;}

.ajaxpg{height: 32px; line-height: 32px; font-size:13px; text-align: center; color: #aaa; cursor: pointer;}

.ajaxPage{ text-align: center; line-height: 30px;margin: 0 0 10px;}
.ajaxPage span{ background: #f5f5f5; display: inline-block; line-height: 30px; padding: 0 20px; border-radius: 15px; color: #747474; cursor: pointer; font-size: 13px;}

.agree-box{ display: flex; align-items: center; padding-bottom:15px;}
.agree-box span{font-size: 13px; color: #555; background: url(images/agree.png) no-repeat left center; padding-left: 20px; cursor: pointer;}
.agree-box .on{background-image: url(images/agree-on.png);}
.agree-box a{color: #007b77;}



/*文章内页*/
.article{padding:20px 36px;  }
.article h1{font-size:30px; font-weight:700;line-height:1.5; color: #0e0607;  }
.article .info{  margin-bottom:15px; padding-bottom:10px;line-height:30px; font-size:13px;border-bottom:1px #eaeaea solid; color:#999; }
.article .info em{color: #999; margin-right:10px;}
.article .info a{color: #999;}
.article .cont{word-wrap: break-word;}
.article .cont h1{ font-size:20px; line-height:1.65; padding:5px 0; margin:20px 0; border-bottom:1px #ddd solid;}
.article .cont h2{ margin:10px 0;font-size: 18px; font-weight:bold; }
.article .cont ol,.article .cont ul {margin: 0 0 20px 0;}
.article .cont ol li,.article .cont ul li{list-style-position: inside; font-size:15px; line-height:26px;margin-bottom: 6px;text-indent:2em;}
.article .cont ol li{list-style-type: decimal;}
.article .cont ul li{list-style-type: disc;}
.article .cont p{ font-size:16px; line-height:1.75; margin:15px 0; text-indent:2em; text-align: justify;}
.article .cont .empty{  line-height: 1px;}
.article .cont p[style~="text-align:"],
.article .cont span[style~="text-align:"]{text-indent: 0;}
.article .cont a{color:#1172ba;}
.article .cont a:hover{text-decoration: underline;}
.article .cont h6{font-size:16px; line-height:1.75; margin:15px 0; font-weight:normal;}
.article .cont blockquote{margin-left: 30px; background: #eee;border-left: 4px #ccc solid;padding: 0 5px 0 8px ; margin-bottom:15px;}
.article .cont blockquote p{line-height: 24px;margin-bottom: 0;padding: 4px 0;margin: 0;text-indent: 0; font-size:15px;}
.article .cont img{max-width:80%; height: auto; padding-top: 10px; }
.article .cont .aligncenter{ display:block; margin:auto;}

.article .cont table{width:100%; margin:10px auto;border-collapse: collapse;}
.article .cont td,
.article .cont th{ line-height:25px;border: 1px #ddd solid; vertical-align:middle; padding: 5px 10px; font-size:15px;}


/*关于我们特殊*/
.about-page-content{ padding: 25px;}
.about-page-content .logo{ width: 175px;    padding-top: 150px;}
.about-page-content .logo img{ width: 100%; height: auto; max-width: 100%;}
.about-page-content .piclist{ padding-bottom: 10px;}
.about-page-content .message{ width: 530px;}


/*用户登录注册等*/
.user-box{ position: absolute; background: #fff; padding:0 20px 20px; top:50%; left: 50%; border-radius: 6px; margin-left: -210px;}
.user-box .title-box{ line-height: 72px; font-size: 25px; text-align: center; color: #0e0607;}
.user-box .s{width: 380px;}
.user-box .item{ padding-bottom: 15px; position: relative;}
.user-box .item .text{ position: absolute; right:10px; top: 0; line-height: 40px; font-size: 13px;color: #007b77;}
.user-box .item .no{color: #999;}
.user-box .item-no{ padding-bottom: 0;}
.user-box .item input{ width: 362px; border: 1px #ddd solid; height: 24px; padding: 8px;}
.user-box .dd{ line-height: 48px; font-size: 13px;}
.user-box .reg-btn{color: #007b77;}
.user-box .mobile-btn{ color: #999;}
.user-box .btn{ display: block;  width: 100%; text-align: center; line-height: 40px;  height: 40px; border:1px #007b77 solid;  background: #007b77; border-radius: 2px; cursor: pointer;color: #fff; transition: 0.3s;    }
.user-box .btn:hover{ opacity: 0.9;}
.user-box .btn-sub{border-color: #ddd; background: #f5f5f5; color: #666;}
.user-box .line-box{ line-height: 48px; text-align: center; font-size: 13px; color: #999;}
.user-box .line-box span{ padding: 0 10px;}
.user-box .line-box i{ color: #ddd;}

/*用户个人中心*/
.uc-header{ background:#007b77;}
.uc-header dl{ padding:22px 0;}
.uc-header .m{ width:60px; margin-right:10px;border: 3px solid rgba(0,0,0,0.1);border-radius:50%;}
.uc-header .m img{ width:100%; height:60px; border-radius:50%;}
.uc-header dt{margin: 12px 0 0;color: #eee; font-size: 18px;}
.uc-header dd{ color: #66b0ad; font-size: 14px; font-weight: normal; margin: 0; }
.uc-page{ margin:20px auto; padding-left:200px; width:998px; min-width: 998px; position:relative; background:#fff; border:1px #eee solid;}
.uc-page .sd{ position:absolute; top:0; left:0; width:200px; bottom:0;    background-color: #F6F9FA;}
.uc-page .sd li a{ display:block; height:48px; line-height:48px; padding:0 20px; font-size:15px;}
.uc-page .sd .a a{ background:#ffffff;}
.uc-page .mn{ min-height:600px;padding: 30px 50px;}
.uc-page .user-info li{ float:left; height:34px; line-height:34px; width:50%; font-size:14px;}
.uc-page .user-info .box-edit li{ padding:5px 0;}
.uc-page .user-info .uplode-box{ padding-left:60px; padding-bottom:30px;}
.uc-page .user-info .avatar-box{position: relative; overflow: hidden;  display: block;  color: #fff;  vertical-align: middle; cursor: pointer; width:100px; height:100px;}
.uc-page .user-info .upload-image-btn{position: absolute; top: 0; right: 0; margin: 0;width:100px; height:100px; opacity: 0; filter: alpha(opacity=0); cursor: pointer;}
.uc-page .user-info .avatar-box img{ width:100px; height:100px;}
.uc-page .user-info .uplode-box p{width:100px; text-align:center; line-height:30px; font-size:13px; color:#999;}
.uc-page .user-info .avatar{ position:absolute; top:0; right:0; width:100px; height:100px;}
.uc-page .user-info li em{ float:left; width:72px; color:#999;}
.uc-page .user-info li input{ float:left; width:250px;}
.uc-page .user-info .btn{ display:block; height:40px; line-height:40px; margin-top:15px; width:120px; text-align:center;background:#007b77; font-size:14px; color:#fff; border-radius:3px; cursor: pointer;}
.uc-page .user-info .btn:hover{ opacity:.8;}

.uc-page .tags{ padding-bottom: 20px;}
.uc-page .tags .tag{ display: inline-block; height: 40px;line-height: 40px; border-radius: 4px; margin-right: 20px; border: 1px #eaeaea solid; padding: 0 20px;}
.uc-page .tags .tag-on{ background: #007b77; color: #fff; border-color: #007b77;}

.uc-page .uc-box{ width:360px;}
.uc-page .uc-box .item{ padding-bottom:15px;}
.uc-page .uc-box .item .ipt{position: relative;}
.uc-page .uc-box .item .text{ position: absolute; right:10px; top: 0; line-height: 40px; font-size: 13px;color: #007b77;}
.uc-page .uc-box .item .no{color: #999;}
.uc-page .uc-box p{ line-height:30px; font-size:14px; color:#444;}
.uc-page .uc-box  .btn{  margin-top: 5px; display:block; height:40px; line-height:40px;  width:100%; text-align:center;background:#007b77; font-size:14px; color:#fff; border-radius:2px; cursor: pointer; }
.uc-page .uc-box  .btn:hover{ opacity:.8;}

.order-item{ position: relative;margin-bottom: 8px; background: #f7f7f7; border-radius: 3px; padding: 10px 15px; display: flex; justify-content: space-between;align-items: center;}
.order-item .left{ flex: 1;}
.order-item .title{font-size: 16px; color: #0e0607; font-weight: 700; line-height: 25px; height: 25px;  overflow: hidden;}
.order-item .info{color: #999; font-size: 12px; padding: 5px 0;}
.order-item .info span{ display: inline-block; line-height: 24px; padding: 0 12px; border-radius: 12px; background: #eee; margin-right: 10px;}
.order-item .info .pay-1{color: #009688;}
.order-item .info .pay-2{color: #4caf50;}
.order-item .info .pay-3{color: #8bc34a;}
.order-item .info .pay-4{color: #2196f3;}
.order-item .info .pay-5{color: #03a9f4;}
.order-item .info .channel-1{color: #efad57;}
.order-item .info .channel-2{color: #9c27b0;}
.order-item .info .channel-3{color: #4caf50;}
.order-item .info .channel-4{color: #2196f3;}
.order-item .info .channel-5{color: #ff9800;}
.order-item .info .channel-6{color: #ff5e5e;}
.order-item .info .channel-7{color: #307fff;}
.order-item .order-number{ line-height: 24px; color: #747474; font-size: 13px;}
.order-item .dateline{ font-size: 12px; color: #999;}
.order-item .right{ text-align: right;}
.order-item .amount{ color: #efad57; font-size: 20px; line-height: 30px; font-weight: 700;}
.order-item .amount em{font-size: 13px; color: #747474; padding-left: 2px;}
.order-item .cert{ display: block; line-height: 26px; border-radius: 13px; border: 1px #efad57 solid; padding: 0 13px; color: #efad57; transition: 0.3s; font-size: 13px;}
.order-item .cert:hover{ background:#efad57; color: #fff; }

/*爱心通道*/
.love-box .left-box{ width: 320px;}
.love-box .right-box{ width:820px;}
.love-box .sd-section{ background: #fff; border-radius: 6px;}
.love-box .donate-info-sd { margin-bottom: 15px;}
.love-box .donate-info-sd .title-box{ height: 50px; line-height: 50px; background: #007b77; color: #fff; font-size: 18px; font-weight: bold; text-align: center; border-radius: 6px 6px 0 0;}
.love-box .donate-info-sd .s{ padding:5px 20px;}
.love-box .donate-info-sd .node{ padding: 10px 0;}
.love-box .donate-info-sd .title{ margin-bottom: 10px;  display: flex; justify-content: center;}
.love-box .donate-info-sd .title span{ font-size: 18px;  font-weight: bolder; position: relative; padding:2px 8px 2px 0; letter-spacing:2px;}
.love-box .donate-info-sd .title em{ position: relative; z-index: 2;color: #555;}
.love-box .donate-info-sd .title i{ position: absolute; bottom: 0; right: 0; left: 10px; height:16px; background: #d4f1f0; z-index: 1;    border-radius: 0 8px 0 8px;}
.love-box .donate-info-sd p{font-size: 14px; line-height:24px; color: #555;}
.love-box .qrcode-items{ padding-top: 10px;  display: flex; justify-content: center; align-items: center;}
.love-box .qrcode-items .item{ width:80px;  margin: 0 7px; text-align: center;}
.love-box .qrcode-items .item img{ width: 100%;height:auto;}
.love-box .qrcode-items .item p{font-size:13px; color: #999; line-height:22px;}
.donate-love-thinks{ position: relative; padding-top: 40px; border-radius: 6px;}
.donate-love-thinks .title-box{ position: absolute; left: 0; top: 0; height: 40px; line-height: 40px; padding: 0 20px; background: #007b77; color: #fff; font-size: 16px; font-weight: bold; border-radius: 6px 0 10px 0;}
.donate-love-thinks .s{ padding: 12px 20px;}
.donate-love-thinks li{ font-size: 14px; line-height: 30px; height: 30px; overflow: hidden; padding-left: 10px; background: url(images/lidot.gif) no-repeat left center;}
.love-box .item-select{ padding-bottom: 20px;}
.love-box .item-select .title{font-size: 13px; color: #555; line-height: 40px; padding-right: 12px;}
.love-box .item-select select{ font-size: 14px; width: 485px; border: 1px #ddd solid;height: 38px; padding: 5px 10px; color: #555;}


.new-donate-box-s { padding: 5px 25px;}
.new-donate-box .title-box{ padding: 0 25px; line-height: 55px; border-bottom: 1px #eaeaea solid; }
.new-donate-box .title-box span{ font-size: 18px; font-weight: bold; color: #0e0607;}

/*排行榜*/
.rank-type{ padding: 15px 0 10px; text-align: center;}
.rank-type a{ display:inline-block; line-height:36px; border-radius:18px; font-size: 14px; padding: 0 24px; color:#555; border: 1px #eaeaea solid; margin: 0 5px;}
.rank-type .on{ background: #007b77; color: #fff;}
.rank-item{ background: #fff; padding:15px 50px 15px 36px; position: relative; border-bottom: 1px #eee solid;}
.rank-item .s{ display: flex; align-items: center;}
.rank-item .avatar img{ width: 40px; height: 40px; border-radius: 50%;}
.rank-item .info{ flex: 1; padding-left: 8px;}
.rank-item .username{font-size: 15px; color: #0e0607;}
.rank-item .dateline{font-size: 12px; color: #999; line-height: 20px;}
.rank-item .amount{  font-size: 15px; font-weight: bold; color: #efad57; position: absolute; top:50%; right: 10px; transform:translateY(-50%); }
.rank-item .amount em{ font-size: 13px; font-weight: normal; margin-right: -2px;}
.rank-item .rank-number{ position: absolute; top:50%; transform:translateY(-50%); left: 4px; width: 30px; display: flex; align-items: center; justify-content: center; }
.rank-item .rank-number img{ width: 25px; height: auto;}
.rank-item .rank-number em{ display: flex;justify-content: center; font-size:16px; font-weight: bolder; color: #0e0607; font-style: italic;}
.update-dateline{ height: 45px; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #aaa;}


/*底部*/
.footer{min-width:1200px; padding:20px 0;  background-color:#007b77;}
.footer .s{ padding:0 15px 0 330px;position: relative; background: url(images/logo-footer.png) no-repeat 15px center;}
.footer p{  line-height:30px; text-align: right;}
.footer p,
.footer p a,
.footer p em{font-size:12px; color:#ccc;}
.footer p em{ padding: 0 3px;}
.footer .nav{ text-align: right;}
.footer .nav li{display: inline-block;*display:inline;zoom:1;height:30px ; line-height:30px; margin-left:25px; text-align:right;}
.footer .nav li a{ font-size:15px; color:#eee;}
.footer .nav li a:hover{ color: #fff;}


/*客服*/
.footer-kefu{ position:fixed; bottom:150px; right:0; width:45px;  z-index:9999;}
.footer-kefu li{width:45px; height:45px; line-height:45px;     float: right;   position: relative; margin:1px 0; background:#0e0607; transition:.3s; cursor:pointer; border-radius:1px; zoom:1; transition:0.5s;}
.footer-kefu li:hover{ background: #007b77;}
.footer-kefu li em{float: left; display:block;width:45px; height:45px; overflow: hidden;}
.footer-kefu li a{display: block;height: 45px; font-size:14px; color: #fff; overflow: hidden; }
.footer-kefu .code{ display:none;right: 47px; position: absolute; top: -135px; width: 150px; padding: 5px; border: 1px #ddd solid; background:#fff;}
.footer-kefu .code img{ width:100%;}
.footer-kefu .code p{line-height: 20px; text-align: center; font-size: 14px;}
.footer-kefu .wx em{ background:url(images/side-weixin.png) no-repeat  center;}
.footer-kefu .m em{ background:url(images/side-mobile.png) no-repeat  center;}
.footer-kefu .app em{ background:url(images/side-app.png) no-repeat  center;}
.footer-kefu .top em{ background:url(images/side-top.png) no-repeat  center;}


/*捐赠票据补充*/
.info-form{ padding: 30px 30px 20px;}
.info-form .title{ line-height: 1.5; font-size:16px; color: #0e0607; text-align: center;  padding:0 0 20px;}
.info-form .tips{ padding: 5px 0;}
.info-form .tips p{ line-height: 1.5; padding: 2px 0; font-size: 14px;  color: #999;}
.info-form .tips p b{ color: #0e0607;}

.info-form .item{display: flex; align-items: center; margin-bottom: 10px;}
.info-form .item .key{ width:80px; text-align: right; padding-right: 10px;color: #0e0607;}
.info-form .item i{ color: #efad57;}

.iframe-form .item .value{ display: flex; align-items: center; flex: 1; height: 40px;background: #f7f7f7; border-radius:4px; position: relative;}
.iframe-form .item .value .code{ position: absolute; right: 0; top: 0;height: 40px;display: flex; align-items: center; color: #007b77; padding: 0  10px; }
.iframe-form .item .value .no{ color: #999;}
.iframe-form .item-textarea  .value{ height: auto;}
.iframe-form .item input,
.iframe-form .item textarea{background: #f7f7f7; width: 100%; padding:8px  10px; box-sizing: border-box; resize: none;border-radius: 4px;}

.info-form .qrcode-box{ text-align: center; padding: 0 !important;}
.info-form .qrcode-box .qrcode{ display: block; margin: auto; width: 150px;}
.info-form .qrcode-box p{ font-size: 13px; line-height: 22px; color: #999;}

.iframe-form .value-text{ display: flex; align-items: center;}
.iframe-form .value-text .value{ flex: 1;}
.iframe-form .value-text .text{ font-size: 13px; color: #999; padding-left: 10px;}

.iframe-form .icon-box{ display: flex;}
.iframe-form .icon-box .info{ flex: 1; display: flex; align-items: center; font-size: 13px; line-height: 1.5; color: #999; }
.iframe-form .icon{ width: 110px; position: relative; margin-right: 0.5rem;}
.iframe-form .icon img{width:100%;height: 110px; border-radius: 4px; display: block;}
.iframe-form .icon p{position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.5);color: #fff; font-size:12px;
    line-height:24px; width: 100%; text-align: center; border-radius: 0 0 4px 4px;}
.iframe-form .icon .upload-image-btn{position: absolute; top: 0; right: 0; margin: 0;width:100%; height:100%; opacity: 0; filter: alpha(opacity=0); cursor: pointer;}
.iframe-form .icon .layui-upload-file{ display: none;}

.iframe-btns{ display: flex; justify-content: center; padding: 10px 10px 0; }
.iframe-btn-one{ padding:10px 0 0;}
.iframe-btns .btn { display:flex; justify-content: center; align-items: center;margin: 0 5px; width: 50%; height: 45px; border:0; background:#007b77; color: #fff; border-radius: 4px; font-size:15px; cursor: pointer;}
.iframe-btns .btn:hover{ opacity: 0.9;}
.iframe-btn-one .btn{ width: 100%; margin: 0; border-radius:4px; }
.iframe-btns .btn-out { background: #eee; color:#747474; border: 1px #eaeaea solid; box-sizing: border-box;}
.iframe-btn-text{ justify-content: space-between;}
.iframe-btn-text .btn{ flex: 1;}
.iframe-btns-bottom-hide{ height: 40px;}


/*证书和海报*/
.layer-cert-box{ background: none;box-shadow:0 0 0;}
.cert-box{ width: 100%;}
.cert-box .download-box{ padding-top:10px; display: flex; justify-content: center;display: flex; justify-content: center; flex-flow: column; text-align: center;}
.cert-box .download-box a{ display: inline-block; margin: auto;  padding: 0 20px; border-radius:4px; height:36px; line-height: 36px; background:#007b77; color: #fff; font-size: 14px; transition: 0.3s; }
.cert-box .download-box a:hover{ opacity: 0.85;}
.cert-box .download-box a span{ padding-left:24px; background: url(images/down.png) no-repeat left center; }


.canvas-box{ position: relative;}
.canvas-result{opacity: 0;position: absolute; left: 0; top: 0; width: 100%; height: 100%;z-index: 9999;}
.canvas-result img{ display: block; width: 100%; height: 100%;}

.team-cert-box .canvas-box{ width: 420px; height: 552px; margin: auto;  position: relative;}
.team-cert-box .cert-bg{ position:  absolute; left: 0; width: 100%; height: auto; top:0; bottom: 0;border-radius: 10px;}
.team-cert-box .canvas-content{padding: 50px 45px ; height: 100%; box-sizing: border-box; position: relative; z-index: 10;}
.team-cert-box .cert-logo  { display: block; margin: auto; width: auto; height: 100px; padding-bottom: 30px; }
.team-cert-box .cert-title { display: block; margin: auto; width: auto; height: 30px; }
.team-cert-box .cert-content {padding-top: 30px; margin: auto;font-size: 16px; font-weight: 400; color: #eee; line-height: 1.7;text-indent: 2em;text-align: justify;  }
.team-cert-box .cert-content .item-title{ text-decoration: underline;}
.team-cert-box .cert-message { padding-top:10px;  }
.team-cert-box .cert-copy{  text-align: right;  margin:15px auto 0; padding: 10px 0 ;position: relative;}
.team-cert-box .cert-copy img{display: none;  position: absolute; right: 10px; top:0; width:50px; height: auto;}
.team-cert-box .cert-copy .name,
.team-cert-box .cert-copy .dateline{text-align: right; font-size: 14px;  position: relative; z-index: 10; }
.team-cert-box .cert-copy .name { color: #eee; font-weight: 600;}
.team-cert-box .cert-copy .dateline { color: #eee;  }

.team-cert-box .bottom-box{ display: flex; justify-content: space-between; align-items: center; left: 0; width: 100%; padding: 0 45px; box-sizing: border-box; position: absolute; bottom: 30px;}
.team-cert-box .qrcode-box{line-height: 1.5;font-size: 12px;  text-align: right;}
.team-cert-box .qrcode-box .qrcode{ display: inline-block; width: 50px; height: 50px; }
.team-cert-box .qrcode-box .qrcode img{ width: 100%;}
.team-cert-box .qrcode-box .text{ color: #3f9b98; }
.team-cert-box .icon-box .icon{height:20px; }
.team-cert-box .icon-box .cert-no {margin: auto; padding-top: 5px; text-align: center; font-size:12px; color: #3f9b98; overflow: hidden;}


.layui-form-switch{ margin-top: 0; }
.layui-form-switch{border-color:#ddd;}
.layui-form-switch em{ float:none !important; width: auto !important;}
.layui-form-onswitch{background: #007b77; border-color:#007b77;}






.page-view-box{ max-height:400px; }
.page-view-box-auto{overflow-y: auto; padding-right: 15px;}
.page-view-box::-webkit-scrollbar{ width: 6px; height: 6px; background-color: #f5f5f5; margin: 10px 0; }
.page-view-box::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2); border-radius: 10px; background-color: #f5f5f5; }
.page-view-box::-webkit-scrollbar-thumb{height: 6px; border-radius: 3px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2); background-color: #555; }


.layer-bottom-btn{ text-align: center; padding: 15px 0;}
.layer-bottom-btn .btn{ display: inline-block; height: 40px; line-height: 40px; padding: 0 30px; border-radius: 20px; background: #007b77; color: #fff; font-size: 15px; transition: 0.3s;}
.layer-bottom-btn .btn:hover{ opacity: 0.85;}

.layer-msg-box .title-box{ height:60px; line-height: 60px; padding: 0 0 0 20px;color: #fff; border-bottom: 1px #eaeaea solid;}
.layer-msg-box .title-box .title{ font-size: 18px; font-weight: bold; color: #0e0607;}
.layer-msg-box .title-box .close{ width: 45px; height: 45px; background: url(images/x.png) no-repeat center; cursor: pointer;}

.iframe-box .title-box{ position: fixed; left: 0; top: 0; width: 100%;  box-sizing: border-box; background: #fff; border-radius: 10px 10px 0 0;}
.iframe-box .title-box-hide{ height: 60px;}
.layer-msg-box .box{ padding:10px 20px 25px;}
.layer-msg-box .box .item{ padding-bottom: 12px;}
.layer-msg-box .box .item p{ line-height: 30px;}
.layer-msg-box .box .ipt{padding: 5px 10px; width: 358px;}
.layer-msg-box .box .item .item-input{ position: relative;}
.layer-msg-box .box .item .code{ position: absolute; top: 0; right: 12px; line-height: 36px; cursor: pointer; }
.layer-msg-box .box .item .code span{ color: #007b77; font-size: 13px;}
.layer-msg-box .box .item .no span{ color: #999;}
.layer-msg-box .qrcode-box{ padding: 15px 5px 0 ;}
.layer-msg-box .qrcode-box .m{ text-align: center;}
.layer-msg-box .qrcode-box p{ text-align: center; padding-top: 5px; line-height: 1.5; font-size: 14px; color: #999;}


.layer-msg-box .box .btn{ margin-top: 3px; height: 42px; line-height: 42px; text-align: center; background: #007b77; color: #fff; font-size: 15px; cursor: pointer; transition: 0.3s;}
.layer-msg-box .box .btn:hover{ opacity: 0.9;}

.layui-layer-hui .layui-layer-content{ color: #fff;}
.layui-layer-imgbar{ height: 40px !important; line-height: 40px !important; }
.layui-layer-imgbar a{font-size: 14px !important;}

/*layui tab重置*/
.layui-tab{ margin: 0;}
.layui-tab-title{ height:55px;}
.layui-tab-title li{ line-height:55px; font-size: 18px; padding: 0 ;  margin-left: 10px;   margin-right: 30px; color: #747474;}
.layui-tab-title .layui-this:after{ height:56px;}
.layui-tab-brief > .layui-tab-title .layui-this:after, .layui-tab-brief > .layui-tab-more li.layui-this:after{ border-color: #007b77; border: 0; height: 3px; bottom: -2px; top: auto; background: #007b77; border-radius: 2px; }
.layui-tab-brief > .layui-tab-title .layui-this{ color:#0e0607; font-weight: 700; }


/*nodata*/
.nodata{text-align: center;padding:80px 0;}
.nodata img{height:120px;width: auto;}
.nodata p{font-size: 14px; color: #bbb;line-height: 2;}