@charset "utf-8";

/*全局样式*/
body{font:normal normal normal  helvetica,arial,verdana,helvetica,arial,sans-serif;-webkit-text-size-adjust:none;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
img { border:0px; margin:0px; padding:0px; vertical-align:top; }
a{ text-decoration:none; text-decoration:none;-webkit-tap-highlight-color: transparent;-webkit-user-select: none;-webkit-touch-callout: none;-webkit-user-drag: none;}
a{blr:expression（this.onFocus=this.blur（））;}
a.hover{ text-decoration: none;}
ul, li, ol, li { margin:0px; padding:0px; }
body, h1, h2, h3, h4, h5, h6, ul, ol, li, form, p, dl, dt, dd, blockquote, legend, table, th, td, fieldset, menu, pre { margin:0px; padding:0px;}
.l{ float:left;}
.r{ float:right;}
.c{clear:both;}
.bo_no{ border:none;}
.tit_bold{font-weight:bold;}
.min_h{ min-height:200px;}
input,textarea{ -webkit-text-size-adjust:none;}
/*input, textarea, button, a{-webkit-tap-highlight-color:rgba(0,0,0,0);}*/


/*模板*/
/*首页*/
.music_ronnd{ background:#34c472; border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius:50%;  width:29px; height:29px;position:relative; z-index:2; behavior: url("iecss3.htc"/*tpa=http://m.etocsin.com.cn/templates/file/1413959441760/css/js/iecss3.htc*/)}
.music_position{position:absolute; left:8px; top:8px; z-index:999;}
.music_ronnd .i-cont {color: #fff; font-size:16px;}
.templates_tit_logo {width:32px; height:32px; background:#eee; overflow:hidden;}
.templates_title1{padding:8px 77px;  overflow:hidden; background:#fff; min-height:24px; position:relative; }
.templates_title_t1{display:block; font-size:20px; color:#000; line-height:32px; word-break:break-all; overflow:hidden; text-align:center;}
.templates_title_t1 p{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.flash{position:relative;/*overflow:hidden; height:180px;*/}
.appmsg_thumb{width: 100%;}
.trans_bg{ height:32px; line-height:32px; background:url("transparent.png"/*tpa=http://m.etocsin.com.cn/templates/file/1413959441760/images/transparent.png*/) repeat; position:absolute; bottom:0; width:100%;}
.trans_bg p{ width:65%; color:#fff; font-size:14px; margin-left:8px; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.flash_ronnd_btn{float:right; width:30%; }
.flash_ronnd_btn ul{ margin-right:5px; list-style:none;}
.flash_ronnd_btn ul li{float:right; width:10px; height:32px; padding:0 3px; text-align:center;}
.flash_ronnd_btn ul li .circle{ line-height:100%; overflow:hidden;  font-family:Tahoma,Helvetica; font-size:28px; color:#fff;  }
.flash_ronnd_btn ul li .hover,.flash_ronnd_btn ul li .circle:hover{ color:#fe864a; cursor:pointer;}


.table_home_tub{table-layout:fixed;}
.table_home_tub tr td{ padding:16px 18px 10px 18px;}
.table_home_tub tr td a{ color:#000;}
/*.table_home_tub tr td a i{margin-left:8px;}*/
.table_home_tub tr td a .tub_round_1{ width:64px; height:64px; background:#e6bf72; text-align:center;border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin:0 auto; position:relative; z-index:2; behavior: url("iecss3.htc"/*tpa=http://m.etocsin.com.cn/templates/file/1413959441760/css/js/iecss3.htc*/)}
.table_home_tub tr td a .tub_round_1 img{max-width:40px; max-height:40px; vertical-align:middle; }
.table_home_tub tr td a .tub_round_1 i{ vertical-align:middle; color:#fff; font-size:32px;}
.table_home_tub tr td a .tub_round_1 b{ vertical-align:middle; height:100%; display:inline-block;}

.table_home_tub tr td a .tub_round_2{ width:64px; height:64px; background:#8e6cdb; text-align:center;border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin:0 auto; position:relative; z-index:2; behavior: url("iecss3.htc"/*tpa=http://m.etocsin.com.cn/templates/file/1413959441760/css/js/iecss3.htc*/)}
.table_home_tub tr td a .tub_round_2 img{max-width:40px; max-height:40px; vertical-align:middle; }
.table_home_tub tr td a .tub_round_2 i{ vertical-align:middle; color:#fff; font-size:32px;}
.table_home_tub tr td a .tub_round_2 b{ vertical-align:middle; height:100%; display:inline-block;}

.table_home_tub tr td a .tub_round_3{ width:64px; height:64px; background:#66c7cd; text-align:center;border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin:0 auto; position:relative; z-index:2; behavior: url("iecss3.htc"/*tpa=http://m.etocsin.com.cn/templates/file/1413959441760/css/js/iecss3.htc*/)}
.table_home_tub tr td a .tub_round_3 img{max-width:40px; max-height:40px; vertical-align:middle; }
.table_home_tub tr td a .tub_round_3 i{ vertical-align:middle; color:#fff; font-size:32px;}
.table_home_tub tr td a .tub_round_3 b{ vertical-align:middle; height:100%; display:inline-block;}

.table_home_tub tr td a .tub_round_4{ width:64px; height:64px; background:#f78c7c; text-align:center;border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin:0 auto; position:relative; z-index:2; behavior: url("iecss3.htc"/*tpa=http://m.etocsin.com.cn/templates/file/1413959441760/css/js/iecss3.htc*/)}
.table_home_tub tr td a .tub_round_4 img{max-width:40px; max-height:40px; vertical-align:middle; }
.table_home_tub tr td a .tub_round_4 i{ vertical-align:middle; color:#fff; font-size:32px;}
.table_home_tub tr td a .tub_round_4 b{ vertical-align:middle; height:100%; display:inline-block;}

.table_home_tub tr td a .tub_round_5{ width:64px; height:64px; background:#688ce2; text-align:center;border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin:0 auto; position:relative; z-index:2; behavior: url("iecss3.htc"/*tpa=http://m.etocsin.com.cn/templates/file/1413959441760/css/js/iecss3.htc*/)}
.table_home_tub tr td a .tub_round_5 img{max-width:40px; max-height:40px; vertical-align:middle; }
.table_home_tub tr td a .tub_round_5 i{ vertical-align:middle; color:#fff; font-size:32px;}
.table_home_tub tr td a .tub_round_5 b{ vertical-align:middle; height:100%; display:inline-block;}

.table_home_tub tr td a .tub_round_6{ width:64px; height:64px; background:#ff8a4a; text-align:center;border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin:0 auto; position:relative; z-index:2; behavior: url("iecss3.htc"/*tpa=http://m.etocsin.com.cn/templates/file/1413959441760/css/js/iecss3.htc*/)}
.table_home_tub tr td a .tub_round_6 img{max-width:40px; max-height:40px; vertical-align:middle; }
.table_home_tub tr td a .tub_round_6 i{ vertical-align:middle; color:#fff; font-size:32px;}
.table_home_tub tr td a .tub_round_6 b{ vertical-align:middle; height:100%; display:inline-block;}
.table_home_tub tr td a p{ font-size:14px; line-height:30px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.copyright{ margin:0 auto; text-align:center; color:#666; font-size:12px; line-height:32px; font-family:Arial, Helvetica, sans-serif; }

/*频道分类页*/
.channel_tit{height:32px; line-height:32px; color:#fff; background:#fe864a; font-size:16px; padding:0 8px;}
.channel_tit p{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left; width:85%;}
.channel_tit img{margin-top:12px; float:right;}
.arrow01{float:right; width:10px; height:5px; background:url("arrow01.png"/*tpa=http://m.etocsin.com.cn/templates/file/1413959441760/images/arrow01.png*/) repeat; background-size:10px 5px; margin-top:13px;}
.arrow02{float:right; width:5px; height:9px; background:url("arrow02.png"/*tpa=http://m.etocsin.com.cn/templates/file/1413959441760/images/arrow02.png*/) repeat; background-size:5px 9px;}
.main{background:#eee; padding:8px;}
.category ul li{ background:#fff; border:1px solid #d4d4d4; margin-bottom:8px; list-style:none;}
.table_list{table-layout:fixed;}
.table_list tr td.sty{ padding:0 10px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:16px; color:#000; }
.table_list tr td.sty img{vertical-align:middle;}
.cover_img{ width:80px; max-height:45px; overflow:hidden; display:block;}


/*列表页*/
.main2{background:#eee; padding:6px;}
.list{/*max-width:320px;*/ margin:0 auto; width:100%;}
.list ul{list-style:none;width:100%;}
.list ul li{float:left; width:49%; margin:0.5%;}
.list ul li a{float:left; width:100%; /*height:136px;*/ border:1px solid #d4d4d4; background:#fff;}
.list ul li .text{padding:0 8px;}
.list ul li .text .p1{font-size:16px; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:20px;}
.list ul li .text .p2{font-size:12px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:18px; height:18px; width:140px;}
.list_img{ width:100%; height:160px; overflow:hidden; display:block; text-align:center;}
@media (max-width:319px) {
.list_img{ width:100%; height:65px; overflow:hidden; display:block; text-align:center;}	
}
@media (min-width:320px) {
.list_img{ width:100%; height:75px; overflow:hidden; display:block; text-align:center;}		
}
@media (min-width:420px) {
.list_img{ width:100%; height:100px; overflow:hidden; display:block; text-align:center;}	
}
@media (min-width:480px) {
.list_img{ width:100%; height:115px; overflow:hidden; display:block; text-align:center;}
}
@media (min-width:560px) {
.list_img{ width:100%; height:135px; overflow:hidden; display:block; text-align:center;}
}
@media (min-width:580px) {
.list_img{ width:100%; height:170px; overflow:hidden; display:block; text-align:center;}
}
@media (min-width:640px) {
.list_img{ width:100%; height:155px; overflow:hidden; display:block; text-align:center;}
}
@media (min-width:720px) {
.list_img{ width:100%; height:170px; overflow:hidden; display:block; text-align:center;}
}
@media (min-width:800px) {
.list_img{ width:100%; height:195px; overflow:hidden; display:block; text-align:center;}
}
@media (min-width:960px) {
.list_img{ width:100%; height:240px; overflow:hidden; display:block; text-align:center;}
}
@media (min-width:1280px) {
.list_img{ width:100%; height:295px; overflow:hidden; display:block; text-align:center;}
}
/*详细页*/
.main3{background:#fff; padding:6px;}
.main3 ul,.main3 ol{ margin-left:25px;}
.main3 p{ font-size:14px; line-height:24px; word-break: break-all; word-wrap: break-word}
.main3 img{ max-width:100%; overflow:hidden;}
.details_tit{width:100%; text-align:center; padding:8px 0; border-bottom:1px solid #d4d4d4; margin-bottom:8px;}
.details_tit .p1{font-size:16px; color:#000; line-height:20px; word-break: break-all; word-wrap: break-word}
.details_tit .p2{font-size:12px; color:#666; line-height:18px; word-break: break-all; word-wrap: break-word}
.details_tit .p2 span{ color:#fe864a;}
.main3 p a{ text-decoration:underline; color:#0454de;}




.icon_img{width:36px;height:36px;margin:0px auto;display:inline-block;color:#FFF;background-size: 100%;}