@import url(iconfont.css);
*{ margin:0; padding:0}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px; color:#333}
img{ border:0;max-width: 100%;}
.ccsl{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.clear {clear:both;}
body{ width:100%;max-width:512px; margin:0 auto; background:#fff;line-height:24px; color:#333;font-size:1rem;font-family:"Source Han Sans CN", "思源黑体", sans-serif;font-weight: 200;}
.diannao{display: none}
/*头部*/
.shoujipage_head {position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;z-index: 9;box-shadow:0 10px 50px 8px rgba(0, 0, 0, 0.1);}
.shoujipage_inner {display: flex;padding:.625rem 1rem 0 1rem;}
.shoujipage_inner .logoz {flex-basis:10rem;display: flex;align-items: center;padding-top: 10px}
.shoujipage_inner .logo {width: 100%;}
.shoujipage_inner .right {flex: 1;display: flex;align-items: center;justify-content: flex-end;}
.shoujipage_inner .icon {width:1.5rem;margin-right:.5rem;}
.shoujipage_inner .download-app {font-size: .875rem;width: 4.25rem;border: 1px solid;border-radius: .25rem;color: #cf1a15;background-color: transparent;padding: .25rem 0 .175rem 0;line-height: 1;}
/*头部导航开始*/
/* 导航栏样式 - 核心部分 */
.top-nav {position: relative;z-index: 500; /* 基础层级 */ }
.nav-list {display: flex;list-style: none; }
.nav-item {position: relative; }
.nav-link {display: block;text-decoration: none;transition: all 0.3s ease;cursor: pointer;position: relative;width:2rem;padding-top:10px;}
.nav-link:hover {color: #667eea;}
/* 关键：确保下拉菜单在顶层 */
.dropdown-container {position: absolute;top: 100%;right: 0;min-width: 220px;/* 确保在最顶层 */z-index: 9999 !important; /* 使用 !important 确保优先级 */visibility: hidden;opacity: 0;transform: translateY(10px);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);/* 防止继承父级的 z-index */isolation: isolate; }
/* 激活状态 */
.nav-item.active .dropdown-container {visibility: visible;opacity: 1;transform: translateY(0); }
/* 下拉菜单内容 */
.dropdown-menu {background: white;border-radius: 8px;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);overflow: hidden;margin-top: 5px;/* 确保菜单本身层级 */position: relative;z-index: 10000; }
.dropdown-item {display: flex;align-items: center;padding: 14px 20px;color: #333;text-decoration: none;transition: all 0.2s ease;border-bottom: 1px solid #f0f0f0; }
.dropdown-item:last-child {border-bottom: none; }
.dropdown-item:hover {background: #667eea;color: white;padding-left: 25px; }
.dropdown-item i {margin-right: 10px;}
/* 箭头指示 */
.nav-link::after {/* content: '▼'; */margin-left: 8px;display: inline-block;transition: transform 0.3s ease; }
.nav-item.active .nav-link::after {transform: rotate(180deg); }
/*头部导航结束*/
/*页面导航穿插*/
.navi-box {padding:15px 1rem 0 1rem;border-bottom:1px solid #f0f0f0;line-height:50px;}
.navi-box .tag-cloud {width:100%;overflow-x: auto;white-space: nowrap;}
.navi-box .tag-cloud::-webkit-scrollbar {display: none;}
.navi-box .tag-cloud  {scrollbar-width: none;}
.navi-box .tag-cloud  {-ms-overflow-style: none;}
.navi-box .tag {display: inline-block;margin: 0 5px 10px 5px;background: #f0f0f0;padding:0 20px;border-radius:6px;}
.navi-box .tag:hover {background: #007bff;color: white;cursor: pointer;}
/*底部*/
.h54{ width:100%; height:54px; overflow:hidden}
.footerBox{width:100%; max-width:512px; margin:0 auto;}
.footerBox .footer{position:fixed;width:100%;max-width:512px;bottom:0;height:54px;z-index:999;}
.footerBox .footer ul{ overflow:hidden; border-top:1px solid #E7E7E7;box-sizing: border-box; background:#fff}
.footerBox .footer ul li{width:20%; height:54px; float:left; overflow:hidden}
.footerBox .footer ul li a{ display:block; overflow:hidden}
.footerBox .footer ul li img{height:26px;display:block; margin:0 auto; margin-top:3px}
.footerBox .footer ul li p{ text-align:center; height:24px; line-height:24px; color:#969696; letter-spacing:1px}
.footerBox .footer ul li.on p{ color:#0E4ACD} 
/*底部版权*/
.user-footer {width:100%;float:left;padding:20px 0px;line-height:30px;text-align:center;color:#666;background:#F1F1F1;}
.user-footer .box{padding: 0px 10px;}
/*banner*/
.ban_picture {padding:10px;}
.banner {border-radius: 10px;overflow:hidden;}
.banner .hd { position: absolute; bottom: 14px; right: 10px; z-index: 3; }
.banner .hd li { background: #fff; width: 10px; height: 10px; border-radius: 10px; float: left; margin-left: 5px; opacity: 0.5; }
.banner .hd li.on {width:18px; opacity: 0.8; }
.banner .bd li {position: relative;border-radius: 10px; }
.banner .bd li p { width:100%; position: absolute; bottom: 0; left: 0;line-height:40px;color:#fff;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4),rgba(0,0,0,0)); padding-top: 20px; z-index: 1; }
.banner .bd li p a{padding-left: 10px;line-height:40px;color:#fff;}
.banner img { width: 100%;border-radius: 10px;}
/*banner左右切换按钮控制*/
.scroll { position: relative; overflow: hidden; }
.scroll .scroll_btn { position: absolute; width: 26px; height: 26px; border-radius: 100%; background: rgba(255,255,255,0.9); top: 50%; margin-top: -13px; line-height: 26px; text-align: center; opacity: 0.2; box-shadow: 0 4px 20px rgba(0,0,0,0.2); }
.scroll .prev { left: -26px; }
.scroll .next { right: -26px; }
.scroll:hover .prev { left: 10px; opacity: 1; }
.scroll:hover .next { right: 10px; opacity: 1; }
.scroll:hover .prevStop { opacity: 0.4; }
.scroll:hover .nextStop { opacity: 0.4; }
/*首页图标导航*/
.typebox{ overflow:hidden}
.typebox ul{ overflow:hidden; padding:15px 0}
.typebox ul li{ float:left; width:25%;}
.typebox ul li img{ display:block; margin:0 auto; height:50px;}
.typebox ul li p{ text-align:center; line-height:30px;letter-spacing:1px}
/*模块区分*/
.allbox{background:#F1F1F1;width:100%; height:10px}
.allboxjj{width:100%;margin-top:4.5rem;}
/*首页导航区分*/
.courseBox{ padding:0 15px; overflow:hidden; background:#fff}
.courseBox .titbox{ display:flex; height:50px; overflow:hidden}
.courseBox .titbox img{ display:block; height:20px; margin:15px 0;}
.courseBox .titbox p{ flex:1; height:50px; line-height:50px;padding-left:5px; color:#000; letter-spacing:1px}
.courseBox .titbox .daohang11{color:#999;}
.courseBox .titbox .daohang11 a{color:#999;}
.courseBox .zhengwen {margin:0 auto;overflow:hidden;text-align:center;}
.courseBox .zhengwen .xwbiaoti{line-height:2.3rem;width:100%;font-size:1.5rem;border-top: 1px #ededed solid;padding-top: 10px;text-align: justify;font-weight: 400;}
.courseBox .zhengwen .xwbiaoti2{display:inline-block;padding:16px 0 25px 0;font-size:14px;float:left;}
.courseBox .zhengwen .xwbiaoti2 span{margin-right:5px;float:left;color:#787878;}
.courseBox .zhengwen .xwbiaoti2 span a{color:#787878;}

/*首页文艺电台*/
.courseBox .wenyidiantai{width:100%;overflow-x: auto;white-space: nowrap;}
.courseBox .wenyidiantai .titbox{ padding:15px 0 5px; overflow:hidden}
.courseBox .wenyidiantai .titbox p{color:#000;letter-spacing: 1px;}
.courseBox .wenyidiantai  .titbox span{ color:#999;letter-spacing: 1px; padding-top:13px; display:block}
.courseBox .wenyidiantai  .titbox a{ color:#999; }
.courseBox ul.ul_1{overflow:hidden;border-bottom:1px solid #eee; padding-bottom:15px;}
.courseBox ul.ul_1 li{float:left; width:49%;padding-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.courseBox ul.ul_1 li:nth-child(2n){margin-left:2%}
.courseBox ul.ul_1 li img{ display:block; width:100%;height: 120px;border-radius: 6px;}
.courseBox ul.ul_1 li .tit{line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.courseBox ul.ul_1 .price{color:#F34B06;font-size:13px;height:24px;line-height:24px;}
.courseBox ul.ul_1 .price span{ float:right;color:#bbb; padding-right:5px}
/*首页名家风采*/
.courseBox ul.ul_mjfc{overflow:hidden;border-bottom:1px solid #eee; padding-bottom:15px;}
.courseBox ul.ul_mjfc li{float:left; width:32%;padding-top:6px;}
.courseBox ul.ul_mjfc li:nth-child(1n){margin-right:2%}
.courseBox ul.ul_mjfc li:nth-child(2n){margin-right:2%}
.courseBox ul.ul_mjfc li:nth-child(3n){float:right;margin-right:0}
.courseBox ul.ul_mjfc li img{ display:block; width:100%;height:90px;border-radius: 6px;}
.courseBox ul.ul_mjfc li .tit{line-height:30px;height:30px;text-align:center;}

.wenyiBox {padding:15px 0;}
.wenyiBox .tag-cloud {width:100%;overflow-x: auto;white-space: nowrap;}
.wenyiBox .tag-cloud::-webkit-scrollbar {display: none;}
.wenyiBox .tag-cloud  {scrollbar-width: none;}
.wenyiBox .tag-cloud  {-ms-overflow-style: none;}
.wenyiBox .tag {display: inline-block;margin: 0 5px 10px 5px;background: #f0f0f0;padding:0 20px;border-radius:6px;}
.wenyiBox .tag:hover {background: #007bff;color: white;cursor: pointer;}


/*首页图标样式*/
.shouyetubiao_1{overflow:hidden; padding:10px 15px}
.shouyetubiao_1 ul{/*box-shadow: #eee 0px 0px 10px 2px;*/border-radius: 10px;margin-bottom: 10px;overflow:hidden}
/*.shouyetubiao_1 ul li{ float:left; width:25%; padding:5px 0}*/
.shouyetubiao_1 ul li{ float:left; width:33%; padding:5px 0}
.shouyetubiao_1 ul li img{ display:block; width:28px; margin:0 auto}
.shouyetubiao_1 ul li p{ text-align:center; letter-spacing:1px; line-height:26px}
/*首页头条新闻*/
.sytoutiaoBox{ padding:0 15px; overflow:hidden}
.sytoutiaoBox ul{ overflow:hidden}
.sytoutiaoBox ul li{ height:46px;border-radius:6px;line-height:46px; background:#f6f6f6; margin-bottom:10px}
.sytoutiaoBox ul li .icon{ float:left; display:block; height:30px; margin:8px}
.sytoutiaoBox ul li p{ float:left;overflow: hidden;text-overflow: ellipsis;width: 80%;white-space: nowrap;}
.sytoutiaoBox ul li .go{ display:block; float:right; height:18px; margin-top:14px; margin-right:10px}

/*新闻样式一*/
.courseBox .syxinwenliebiao{width:100%;}
.courseBox .tuwen{overflow:hidden;padding-bottom:15px;}
.courseBox .tuwen ul.ul_2 li{ overflow:hidden;border-bottom:1px solid #eee; padding:10px 0}
.courseBox .tuwen ul.ul_2 li:first-child{ padding-top:0}
.courseBox .tuwen ul.ul_2 li:last-child{ border-bottom:none}
.courseBox .tuwen ul.ul_2 li .L{ float:left; width:150px;border-radius: 6px;margin-right:15px;overflow: hidden}
.courseBox .tuwen ul.ul_2 li .L img{ display:block; width:100%;}
.courseBox .tuwen ul.ul_2 li .R{ flex:1}
.courseBox .tuwen ul.ul_2 li .R .tit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.courseBox .tuwen ul.ul_2 li .R .sub{ color:#bbb;word-wrap: break-word; /* 旧属性，兼容性好 */overflow-wrap: break-word; /* 新属性，推荐使用 */}
.courseBox .tuwen ul.ul_2 li .R .pri{padding-top:5px;color:#bbb}
.courseBox .tuwen ul.ul_2 li .R .pri a{ display:block; float:right;padding:0 10px;background:#F34B06;color:#fff;text-align:center;border-radius:5px;letter-spacing:1px}
.courseBox .xinwenwenzi {overflow:hidden;padding-bottom:15px;}
.courseBox .xinwenwenzi li {border-bottom: 1px dashed #f1f1f1;overflow:hidden;line-height:40px;}
.courseBox .xinwenwenzi li p {width:80%;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.courseBox .xinwenwenzi li o {text-align:right;width:20%;float:right;color:#999;}
/*新闻样式二*/
.videoBox{ padding:15px 0; overflow:hidden}
.videoBox .video_1{ padding:0 15px}
.videoBox .video_1 img{ display:block; width:100%;}
.videoBox .titbox{ padding:15px 15px 5px; overflow:hidden}
.videoBox .titbox p{color:#000;letter-spacing: 1px;}
.videoBox .titbox span{ color:#999;letter-spacing: 1px; padding-top:3px; display:block}
.videoBox .titbox img{ display:block; height:20px; margin:15px 0;}
.videoBox .titbox2{ display:flex; height:50px; overflow:hidden;padding:0 15px;}
.videoBox .titbox2 img{ display:block; height:20px; margin:15px 0;}
.videoBox .titbox2 p{ flex:1; height:50px; line-height:50px;padding-left:5px; color:#000; letter-spacing:1px}
.videoBox ul{ overflow:hidden; padding:10px 15px}
.videoBox ul li{width: 100%;height:90px;box-shadow: #eee 0px 0px 10px 2px;border-radius: 10px;margin-bottom: 10px; padding-top:20px; overflow:hidden}
.videoBox ul li .L{ float:left; padding:0 15px;}
.videoBox ul li .L .date1{height:30px; line-height:30px;padding-top: 20px;}
.videoBox ul li .L .date1 img{ display:block; float:left; width:14px; margin-top:8px;} 
.videoBox ul li .L .date1 p{ float:left; padding-left:5px}
.videoBox ul li .L .date2{color:#000; padding-left:20px; padding-top:8px; letter-spacing:1px; font-weight:bold}
.videoBox ul li .C{ float:left; padding-right:15px}
.videoBox ul li .C img{ display:block; height:70px}
.videoBox ul li .R{ flex:1;}
.videoBox ul li .R .tit{ color:#000;letter-spacing:1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.videoBox ul li .R .sub{ padding-top:15px;}
.videoBox ul li .R .sub img{ display:block; float:left; width:35px; height:35px; border-radius:100%}
.videoBox ul li .R .sub p{ float:left;height:35px; line-height:35px; padding-left:10px;font-size: 12px;}
.videoBox ul li .R .sub a.a1{ float:right; display:block; border:1px solid #F34B06; width:70px; height:24px; line-height:24px; text-align:center; color:#F34B06; border-radius:5px;letter-spacing:1px; margin-top:5px; margin-right:15px}
.videoBox ul li .R .sub a.a2{ float:right; display:block; background:#666;border:1px solid #666; width:70px; height:24px; line-height:24px; text-align:center; color:#fff;border-radius:5px; letter-spacing:1px; margin-top:5px; margin-right:15px}
/*新闻样式三*/
.courseBox ul.ul_3{overflow:hidden;  padding:15px 0}
.courseBox ul.ul_3 li{ overflow:hidden;border-bottom:1px solid #eee; padding:10px 15px}
.courseBox ul.ul_3 li:first-child{ padding-top:0}
.courseBox ul.ul_3 li:last-child{ border-bottom:none}
.courseBox ul.ul_3 li .L{ float:left; height:80px; margin-right:15px}
.courseBox ul.ul_3 li .L img{ display:block; height:80px;border-radius: 6px;}
.courseBox ul.ul_3 li .R{ flex:1}
.courseBox ul.ul_3 li .R .tit{ padding-top:5px;}
.courseBox ul.ul_3 li .R .sub{ color:#bbb;font-size:13px;}
.courseBox ul.ul_3 li .R .xx{ overflow:hidden; height:30px; line-height:30px;font-size:13px;}
.courseBox ul.ul_3 li .R .xx span{ display:block; float:left; width:70%; height:1px; margin-top:15px; background:#E9ECF6;border-radius:10px;}
.courseBox ul.ul_3 li .R .xx p{ float:right;border: 1px solid #F34B06;line-height: 24px;border-radius: 5px;color:#F34B06;padding:0 10px;}
.courseBox .titbox3{ display:flex; height:50px; overflow:hidden;padding:0 15px;}
.courseBox .titbox3 img{ display:block; height:20px; margin:15px 0;}
.courseBox .titbox3 p{ flex:1; height:50px; line-height:50px;padding-left:5px; color:#000; letter-spacing:1px}
/*新闻样式四*/
.subscribebox{ padding:0 15px; overflow:hidden}
.subscribebox .item{ overflow:hidden;height:60px; display:flex; padding:10px 0; border-bottom:1px solid #eee}
.subscribebox .item .L{ float:left; width:60px; height:60px;}
.subscribebox .item .L img{ display:block; width:60px; height:60px; border-radius:100%}
.subscribebox .item .C{ flex:1; padding:0 10px;}
.subscribebox .item .C p{ letter-spacing:1px;padding-top:5px; color:#000}
.subscribebox .item .C span{ color:#666;letter-spacing:1px;}
.subscribebox .item .R{ float:right;height:60px; line-height:60px; color:#666;}
/*新闻文字列表*/
.xinwenliebiaoyi{ padding:15px 0; overflow:hidden}
.xinwenliebiaoyi .titbox{ padding:15px 15px 5px; overflow:hidden}
.xinwenliebiaoyi .titbox p{color:#000;letter-spacing: 1px;}
.xinwenliebiaoyi .titbox span{ color:#999; letter-spacing: 1px; padding-top:3px; display:block}
.xinwenliebiaoyi .titbox a{ color:#999;}
.xinwenliebiaoyi .bj_mt20{padding: 15px 15px 5px;}
.xinwenliebiaoyi .list_itme2{border-bottom: 1px dashed #f1f1f1;overflow:hidden;line-height:40px;margin-bottom:10px;}
.xinwenliebiaoyi .list_itme2 .itme_bt {width:75%;float:left;}
.xinwenliebiaoyi .list_itme2 .tupian {width:30%;float:left;border-radius:6px;}
.xinwenliebiaoyi .list_itme2 .tupian img{border-radius:6px;}
.xinwenliebiaoyi .list_itme2 .wenzi {width:68%;float:right;}
.xinwenliebiaoyi .list_itme2 .wenzi a{width:100%;float:right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xinwenliebiaoyi .list_itme2 .pp {color:#999;line-height:25px;font-size: 14px;}
.xinwenliebiaoyi .list_itme2 time{display: none;/*text-align:right;float:right;color:#999;*/}
/*文艺电台列表*/
.tupianfangda{clear:both; overflow:hidden;padding: 0 10px;}
.tupianfangda a{overflow:hidden;display:block;}
.tupianfangda a:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1);    	-moz-transform: scale(1.1);   transform: scale(1.1);  -webkit-transition: all ease-in-out .3s;  transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;  transition: all ease-in-out .3s;}
.tupianfangda a img{-webkit-transform: scale(1); -ms-transform: scale(1);-moz-transform: scale(1);transform: scale(1);  -webkit-transition: all ease-in-out .3s;  transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;  transition: all ease-in-out .3s;}
.wenyidiantailiebiao{width:48%; height:160px; position:relative;overflow:hidden;float:left;margin:5px 1%;border-radius:6px;}
.wenyidiantailiebiao img{height:160px;}
.wenyidiantailiebiaofont{ position:absolute;background-color: rgba(189, 2, 8, 0.9);color:#FFF; bottom:0px;text-align:center;z-index:1;height:40px;line-height: 40px;width: 100%;}
/*新闻内容*/
.neirong{overflow:hidden;text-align: justify;font-size:18px;line-height:36px;}

/*.neirong p {text-indent: 2em; }*/
.neirong p img[style] {width: auto !important;height: auto !important;}
.neirong img[style] {width: auto !important;height: auto !important;}
.neirong iframe{overflow: hidden;position: relative;width: 100%;height:250px;}
.neirong2{padding-top:20px;}
.neirong2 p{background:#eee;padding:7px 10px;margin-bottom:10px;border-radius:6px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*聚合标签*/
.bj_mt301 li {overflow: hidden;float: left;line-height: 35px;margin: 0px 8px;text-align: center;border: 1px solid #eee;border-radius: 4px;margin-bottom: 18px;}
.bj_mt301 li:hover{border: 1px solid #ff4800;}
.bj_mt301 li:hover a{ background: #ff4800; color: #fff; }
.bj_mt301 li a {color: #666;display: block;text-align: center;height: 35px;overflow: hidden;padding:0 10px;}
/*.bj_mt301 {margin-top: 30px;}*/
/*会员界面*/
.myHeader{ width:100%;max-width:512px; background:url(../image/mybg.jpg) no-repeat; background-size:100% 100%}
.myHeader .my_1{ display:flex; padding:40px 0 30px; width:100%; height:76px; line-height:76px; color:#fff;}
.myHeader .my_1 .tx{ float:left; display:block; margin-right:10px; width:70px; height:70px; border:3px solid #fff; border-radius:100%; margin-left:20px;}
.myHeader .my_1 span{ flex:1; display:block;letter-spacing:1px;}
.myHeader .my_1 .more{ display:block; float:right; margin-right:20px; height:24px; margin-top:26px}
.myHeader .my_2{ padding:0 35px 20px; overflow:hidden}
.myHeader .my_2 a{ border:1px solid #fff; border-radius:25px; height:36px; line-height:36px; text-align:center; color:#fff; letter-spacing:1px;display:block; width:40%}
.myHeader .my_2 a.L{ float:left;}
.myHeader .my_2 a.R{ float:right;}

.mybox_1{overflow:hidden; padding:13px 15px 0}
.mybox_1 .box{ display:flex;box-shadow: #eee 0px 0px 10px 2px;border-radius: 10px;margin-bottom: 10px; padding:10px 0; overflow:hidden}
.mybox_1 .box .L{ float:left; width:50px; margin-right:10px; margin-left:10px}
.mybox_1 .box .L img{ display:block; width:50px; height:50px;}
.mybox_1 .box .C{ flex:1}
.mybox_1 .box .C p{ color:#000; letter-spacing:1px;}
.mybox_1 .box .C span{ letter-spacing:1px;color:#666; display:block}
.mybox_1 .box .R{ float:right; padding-right:15px}
.mybox_1 .box .R a{ display:block; border:1px solid #3F81F1; color:#3F81F1; width:65px; height:26px; line-height:26px; text-align:center; letter-spacing:1px; border-radius:5px; margin-top:11px}

.mybox_2{overflow:hidden; padding:10px 15px}
.mybox_2 ul{ box-shadow: #eee 0px 0px 10px 2px;border-radius: 10px;margin-bottom: 10px; padding:10px 0; overflow:hidden}
.mybox_2 ul li{ width:33.3%; float:left}
.mybox_2 ul li p{ text-align:center; color:#000;letter-spacing:1px}
.mybox_2 ul li span{ text-align:center; color:#666; display:block;letter-spacing:1px;}

.mybox_3{overflow:hidden; padding:10px 15px}
.mybox_3 ul{box-shadow: #eee 0px 0px 10px 2px;border-radius: 10px;margin-bottom: 10px; padding:10px 0; overflow:hidden}
.mybox_3 ul li{ float:left; width:25%; padding:5px 0}
.mybox_3 ul li img{ display:block; width:28px; margin:0 auto}
.mybox_3 ul li p{ text-align:center; letter-spacing:1px; line-height:26px}


.feedbackBox{ overflow:hidden; padding:5px 15px 0}
.feedbackBox .titbox{letter-spacing:1px; height:35px; line-height:35px; padding-left:10px}
.feedbackBox .sub{ padding:10px; overflow:hidden; background:#fff; border-radius:5px; height:150px;}
.feedbackBox .sub textarea{ width:100%; height:150px; border:0; outline:none;}
.feedbackBox .btn{ overflow:hidden; padding-top:40px}
.feedbackBox .btn a{ background:#3F82ED; color:#fff; display:block; height:40px; line-height:40px; letter-spacing:1px; border-radius:5px; text-align:center;} 

.chartsBox{ overflow:hidden}
.chartsBox .charts_1{ width:170px; margin:0 auto; padding:30px 0; height:50px; line-height:50px; overflow:hidden}
.chartsBox .charts_1 .L{ float:left;color:#666; letter-spacing:1px;}
.chartsBox .charts_1 .L span{ color:#4486FF; font-weight:bold; padding:0 3px;}
.chartsBox .charts_1 .R{ float:left; color:#666; letter-spacing:1px;}
.chartsBox .charts_1 img{ float:left; display:block; width:50px; height:50px; border-radius:100%; margin:0 5px}
.chartsBox ul{ border-top:1px solid #eee;padding:0 15px; }
.chartsBox ul li{ border-bottom:1px solid #eee; height:50px; line-height:50px; overflow:hidden}
.chartsBox ul li .num{ width:42px; float:left; text-align:center;}
.chartsBox ul li .num img{ display:block; height:34px; margin:8px auto;}
.chartsBox ul li .num p{ text-align:center;}
.chartsBox ul li .tx{ float:left; width:50px}
.chartsBox ul li .tx img{ display:block; width:34px;border-radius:100%; margin:8px auto}
.chartsBox ul li .tit{ float:left; padding-left:5px}
.chartsBox ul li .R{ float:right; color:#666;}
.chartsBox ul li .R span{color:#F83B32; padding-right:3px}

.helpBox{ padding:18px 15px; overflow:hidden}
.helpBox ul{ overflow:hidden}
.helpBox ul li{ height:46px; line-height:46px; background:#fff; margin-bottom:10px}
.helpBox ul li .icon{ float:left; display:block; height:30px; margin:8px}
.helpBox ul li p{ float:left}
.helpBox ul li .go{ display:block; float:right; height:18px; margin-top:14px; margin-right:10px}

.setBox{  overflow:hidden}
.setBox ul{overflow:hidden; background:#fff; padding:10px}
.setBox ul li{height:46px; line-height:46px;border-bottom:1px solid #eee;}
.setBox ul li:last-child{ border:0}
.setBox ul li p{ float:left;}
.setBox ul li span{ float:right; display:block;}
.setBox ul li span.blue{ color:#3F82ED}
.setBox ul li img{ display:block; float:right;height:18px; margin-top:14px;}
.setBox .btn{ overflow:hidden; height:45px; background:#fff; margin-top:25px}
.setBox .btn a{ display:block; text-align:center;line-height:45px; height:45px;letter-spacing:1px; color:#3F82ED}

.meansBox{ overflow:hidden}
.meansBox ul.ul_1{ background:#fff; overflow:hidden; padding:10px 0 3px; margin-bottom:10px}
.meansBox ul.ul_1 li{ float:left; text-align:center; width:33.3%}
.meansBox ul.ul_1 li img{ display:block; margin:0 auto; width:50px;}
.meansBox ul.ul_1 li p{ text-align:center; height:30px; line-height:30px; color:#666; letter-spacing:1px;}
.meansBox ul.ul_2{ overflow:hidden;}
.meansBox ul.ul_2 li{ margin-bottom:2px; padding:5px; background:#fff; padding-right:10px; overflow:hidden}
.meansBox ul.ul_2 li .L{ float:left;width:110px; height:80px; margin-right:10px}
.meansBox ul.ul_2 li .L img{ display:block; width:110px; height:80px;}
.meansBox ul.ul_2 li .R{ flex:1;}
.meansBox ul.ul_2 li .R .tit{letter-spacing:1px; line-height:1.5; color:#333;}
.meansBox ul.ul_2 li .R .sub{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; line-height:1.5; color:#666; letter-spacing:1px;}
.meansBox ul.ul_2 li .R .date{ color:#666;float:right}
.meansBox ul.ul_2 li .R .date span{ display:inline-block; background:#EC482D; color:#fff; border-radius:5px;height: 16px; width:40px; margin-left:5px;line-height: 16px;text-align: center;}











