﻿@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* 公共样式 */
*{ padding:0; margin:0;}
html{ font-size:16px;}
body { min-width:320px;background:#fff; font:normal 16px/1.5 helvetica, verdana, san-serif;color:#333;  }
h1, h2, h3, h4, h5, h6, b, i, em { font-size:1em; font-weight:normal; font-style:normal; }
ul, ol, li { list-style:none; }
img { vertical-align:middle;display:block;border:none; }
a,a:visited { text-decoration:none; color:#333; }
a{ outline:none;}
.fl{ float:left;}
.fr{ float:right;}

/*颜色*/
.white, .white a { color:#fff; }
.red,.red a{ color:#ab1324;}
.hui,.hui a{color:#aeaeae;}
/*.blue,.blue a{color:#1e51a2;}*/

/*标题*/
.tit1 {
    background:#ededed;
    /*background: -webkit-linear-gradient(top, #fff6e2 50%,#fff5dd 50%,#fff0d3 50%,#fff1d4 50%);
    background: -o-linear-gradient(top, #fff6e2 50%,#fff5dd 50%,#fff0d3 50%,#fff1d4 50%);*/
    height:40px; line-height:40px; padding:0 10px; border-top:solid 2px #c5020d; border-bottom:solid 1px #d7d7d7; }
.tit1 span,.tit1 span a { float:left; color:#ab1324; font-size:20px;}
.tit1 aside { float:right; }
.tit1 aside a { color:#c5020d; margin:0 5px; font-size:0.9rem;  }
.tit1 aside a em { display:block; width:1.3rem; height:1.2rem; background:url(http://r.itiexue.net/wap/tiexue/images/chuping/sxicon.png) no-repeat 0 0 / 100% 100%; float:left; margin:0.6rem 0.5rem 0 0;}
.tit1 aside .on {color:#c5020d; }

/*文字列表*/
.list_1{ clear:both; overflow:hidden;}
.list_1 li { border-bottom:solid 1px #e9e9e9;padding:6px 10px; clear:both; overflow:hidden;}
.list_1 li a { display:block;max-height:27px;/*padding-right:15px;*/overflow:hidden;/*background:url(http://r.itiexue.net/wap/tiexue/images/chuping/ico-sj-1.gif) no-repeat right center;*/ }
.no2line li a{height:27px;}
.list_1 li span { display:block; padding-left:3px; float:right; width:30px; height:17px; line-height:17px; margin-top:3px; font-size:12px;}
.list_1 li .ico { background:url(http://r.itiexue.net/wap/tiexue/images/chuping/leixing.png) no-repeat; background-size: 100% 100%; color:#c5020d;}
.list_1 li .tg { background:url(http://r.itiexue.net/wap/tiexue/images/chuping/tuig.png) no-repeat; background-size: 100% 100%; color:#214fa4;}
.list_3{ /*background:#f3f3f3;*/ clear:both; overflow:hidden;}
.list_3 li{ border-bottom:solid 1px #d7d7d7; height:35px; line-height:35px; padding:0 10px;overflow:hidden; clear:both;}
/*.list_3 li:last-child{ border:none;}*/

.list_3 li .ico ,.newsLi li .ico{ display:block; padding-left:3px; float:right; width:30px; height:17px; line-height:17px; margin-top:8px; color:#214fa4; font-size:12px; background:url(http://r.itiexue.net/wap/tiexue/images/chuping/tuig.png) no-repeat; background-size: 100% 100%;}

/* QQ浏览器广告不显示，替换名  */
.newsLi{ /*background:#f3f3f3;*/ }
.newsLi li{ border-bottom:solid 1px #d7d7d7; height:35px; line-height:35px; padding:0 10px;overflow:hidden;}
/*.newsLi li:last-child{ border:none;}*/

/*面包屑*/
.here{ height:40px; line-height:40px; padding:0 10px 0 14px; background:#ededed;}

/*图文列表*/
.list_2{ text-align:center; padding:13px 0; clear:both; overflow:hidden;}
.list_2 li {display:inline-block;background:#f4f4f4; text-align:center; margin:0 5px; height:148px; overflow:hidden; clear:both;}
.list_2 li a { width:144px; height:148px; display:block; overflow:hidden; float:left;}
.list_2 span {width:144px; display:block; font-size:14px;height:52px; line-height:26px; overflow:hidden; }

/*按钮*/
.but_1 { background:#f3f3f3; display:block; border: 1px solid #ccc;color: #000; font-size: 16px; height:30px; line-height:30px; margin:20px 10px; text-align: center; text-shadow: 1px 1px 1px #FFFFFF;cursor:pointer; }
.but_1 em { display:inline-block; width:21px; height:22px; background:url(http://r.itiexue.net/wap/tiexue/images/chuping/ico.png) no-repeat -4px -125px; position:relative; top:5px; left:25px; }
.but_1 span{ font-size:14px;}
.but_2 { display:inline-block; height:30px; padding:0 13px; line-height:30px; background:#eee; border-radius:5px; border:solid 1px #ccc; }
.but_3{ border:solid 1px #d7d7d7; border-radius:5px;
    padding:0 5px;color:#666; text-shadow:1px 1px 1px #fff;display:inline-block;height:30px;line-height:30px;cursor:pointer;
    background:-moz-linear-gradient(top,#fdfdfd 50%,#f5f5f5 50%,#e1e1e1 50%,#efefef 50%);
    background:-o-linear-gradient(top,#fdfdfd 50%,#f5f5f5 50%,#e1e1e1 50%,#efefef 50%);
    background:-webkit-linear-gradient(top,#fdfdfd 50%,#f5f5f5 50%,#e1e1e1 50%,#efefef 50%);
    background:linear-gradient(top,#fdfdfd 50%,#f5f5f5 50%,#e1e1e1 50%,#efefef 50%);
}

/*图标*/
.photo{ display:inline-block; width:25px; height:20px;background:url(http://r.itiexue.net/wap/tiexue/images/chuping/img.png) no-repeat; background-size:100% 100%; margin-left:20px;cursor:pointer;position:relative;}
.photo .file{width:25px; height:20px;opacity:0; overflow:hidden; position:absolute; left:0; top:0;}

/*头部*/
body{ position:relative;}
header .top { width:100%; height:40px; line-height:40px; background:#ab1324; position:relative;}
header .top a:visited{color:#fff;}
header .logo { float:left; padding:3px 0 0 8px;}
header .logo img{height:34px;}
header .mytiexue { padding-right:0;}
header .mytiexue a { height:40px; line-height:40px; float:right; font-size:16px; /*background:url(http://r.itiexue.net/wap/tiexue/images/chuping/ico.png) no-repeat;*/position:relative; }
header .mytiexue a { font-size:0; overflow:hidden; background:url(http://r.itiexue.net/wap/tiexue/images/chuping/user.png) no-repeat;background-size:100% 100%; width:45px; height:40px; font-size:0;  }
header .mytiexue .app{ border-right:solid 1px #900010; background:url(http://r.itiexue.net/wap/tiexue/images/chuping/download.png) no-repeat;background-size:100% 100%; width:45px; height:40px;font-size:0; }
header .mytiexue .usercenterQ{ border-left:solid 1px #c30;  height:40px; padding:0 5px;}
header .mytiexue .usercenter{ border-left:solid 1px #c30; background:url(http://r.itiexue.net/wap/tiexue/images/chuping/user_log.png) no-repeat;background-size:100% 100%; width:45px; height:40px; font-size:0; }
header .mytiexue .msg{border-left:solid 1px #C30;background:url(http://r.itiexue.net/wap/tiexue/images/chuping/bianji.png) no-repeat;background-size:100% 100%;display:block;width:45px; height:40px; line-height:40px; float:left; padding:0; font-size:16px;}
/*header .mytiexue .msg{border-left:solid 1px #C30;padding-left:40px;background-position:12px -440px;}*/
header .mytiexue .newsms{ border-left:solid 1px #c30; background-position:8px -482px; padding-left:34px;}
header .mytiexue .editsms{display:block; width:45px; height:40px;background:url(http://r.itiexue.net/wap/tiexue/images/chuping/msg.png) no-repeat; background-size:100% 100%;border-left:1px solid #c30; padding:0;}
header nav { width:100%; background:#ededed; overflow:hidden;}
header nav a { float:left; width:20%; font-size:18px; text-align:center; line-height:35px; border-bottom:1px solid #d7d7d7; border-top:1px solid #ffffff;}
/* 2014-11-06 dwx 短信提示 */
header .mytiexue a em {border:1px #fff solid; background:#ef031d; border-radius:5px; width:5px; height:5px; display:block; position:absolute; right:10px; top:8px;}

header .back{ display:block; width:45px; height:40px;background:url(http://r.itiexue.net/wap/tiexue/images/chuping/fanhui.png) no-repeat;border-right:1px solid #c30; background-size:100% 100%;}
header .user{ display:block; width:45px; height:40px;/*background:url(http://r.itiexue.net/wap/tiexue/images/chuping/ico.png) no-repeat 12px -32px;*/}
header .quit{display:block; width:45px; height:40px;background:url(http://r.itiexue.net/wap/tiexue/images/chuping/guanbi.png) no-repeat; background-size:100% 100%;border:0;border-left:1px solid #c30;}
header .home{ display:block; width:45px; height:40px;background:url(http://r.itiexue.net/wap/tiexue/images/chuping/home.png) no-repeat; background-size:100% 100%;}
header .box1,header .box2,header .box3{ height:40px;}
header .box1{ position:absolute; left:0; top:0; z-index:2 ;border-right:solid 1px #900010;}
header .box2{position:absolute; left:0; top:0; width:100%;  z-index:1; text-align:center; line-height:40px; color:#fff; text-shadow:1px 1px 1px #666;}
header .box3{position:absolute; right:0; top:0;  z-index:2;border-left:solid 1px #900010;}
/*底部*/
footer{padding-top:10px;}
footer nav { height:40px;background:#ab1324;}
footer nav ul{width:100%;display:box;display:-webkit-box;display:-moz-box; orient: horizontal;}
footer nav li {text-align:center;box-flex:1;-webkit-box-flex:1;-moz-box-flex:1; line-height:40px;}
footer .butBox { text-align:center;}
footer .butBox a { margin:10px 5px 0;}
footer .toggle_v { text-align:center; margin-top:10px; }
footer .copyright { text-align:center; color:#ccc; font-size:18px; margin:5px 0 20px;}

/*分页*/
.page{display:-webkit-box;display:box; orient: horizontal; margin:10px;}
.page p{text-align:center;-webkit-box-flex:1;box-flex:1; line-height:40px;}
.page p select{ width:100%;}
.page .next{ text-align:right;}
.page .prev{ text-align:left;}

/*登录弹出*/
.loginPop{ width:80%;background:#f1f1f1; border:solid 1px #d6d5d5;border-radius:10px; overflow:hidden; box-shadow:0 0 10px #000; position:absolute; z-index:100;left:10%;top:100px;}
.loginPop .loginBox{ border:solid 1px #e4e5e5; margin:0 20px;}
.loginPop h4{ text-align:center; font-weight:bold; height:42px; line-height:42px;}
.loginPop p{width:100%;display:box;display:-webkit-box;display:-moz-box; text-indent:inherit; padding:5px 0; margin:0;}
.loginPop span{ display:block;white-space:nowrap}
.loginPop .s1{ width:80px; text-align:right;}
.loginPop .s2{box-flex:1;-webkit-box-flex:1;-moz-box-flex:1;}
.loginPop p input{ width:100%; }
.loginPop p input:focus{ box-shadow:0 0 5px #ccc;}
.loginPop .butBox{ text-align:center; margin:15px 0;}
.loginPop .butBox .but_3{ margin:0 10px;}

section { overflow:hidden; clear:both;}

.tabNavTitle{ position:relative; overflow:hidden; clear:both;}
.news_tab_fixed{border-top:1px solid #dfdfdf;display:none;left:0;position:fixed;right:0;top:0;z-index:200}
.fixed_show{display:block}

.tabNavTitle .tit1 { width:100%; padding:0;}
.tabNavTitle .tit1 span { position:absolute; left:10px; top:0;}
.tabNavTitle .tit1 aside { text-align:right; margin-right:10px;}

/*=========2015-09-29头部导航===========*/
header nav { width:100%; overflow:hidden; background:#ededed; /*position:absolute; left:0; top:40px; z-index:3;*/}
header nav a { float:left; width:16.6%; font-size:18px; text-align:center; line-height:35px; border-bottom:1px solid #d7d7d7; border-top:1px solid #ffffff;}
header nav a:nth-child(6),header nav a:nth-child(7),header nav a:nth-child(8),header nav a:nth-child(9),header nav a:nth-child(10),header nav a:nth-child(11),header nav a:nth-child(12),header nav a:nth-child(13),header nav a:nth-child(14),header nav a:nth-child(15),header nav a:nth-child(16),header nav a:nth-child(17),header nav a:nth-child(18){ display:none;}
header .open a:nth-child(6),header .open a:nth-child(7),header .open a:nth-child(8),header .open a:nth-child(9),header .open a:nth-child(10),header .open a:nth-child(11),header .open a:nth-child(12),header .open a:nth-child(13),header .open a:nth-child(14),header .open a:nth-child(15),header .open a:nth-child(16),header .open a:nth-child(17),header .open a:nth-child(18){ display:block;}
header nav a:nth-child(6n),header .open a:nth-child(6n){ width:17%; }
header nav #more{ white-space:nowrap; width:17%;}
.shou{ display:none; width:17%; font-size:18px; text-align:center; line-height:35px; border-bottom:solid 1px #d7d7d7; background:#ededed; border-left:solid 1px #d7d7d7; white-space:nowrap; /*position:absolute; right:0; top:151px; z-index:3;*/text-indent:0.5em;float:right;}
/* 轮换图start */
.swipe-wrap {overflow: hidden;position: relative;}
.swipe .wrap{ position:relative;float:left;width:100%;height:152px;position: relative;margin:0;padding:0;}
.swipe .wrap em{ position:absolute; right:0;top:0;width:44px;height:37px;background:url(http://r.itiexue.net/wap/tiexue/images/chuping/jiaobiao.png) no-repeat;}
.swipe .wrap img{ width:100%; height:100%;}
.swipe .wrap a{display:block;height:152px;}
.swipe .wrap span{ display:block;background-color: rgba(0, 0, 0, 0.4); border-top: 1px solid rgba(255, 255, 255, 0.2); bottom: 0; color: #FFFFFF; height: 28px; left: 0; line-height: 28px; padding-left: 12px; position: absolute; width:308px;}
.swipe .wrap span:before { background-color: rgba(0, 0, 0, 0.4); content: ""; height: 1px; left: 0; overflow: hidden; position: absolute; top: -2px; width: 100%; }
.swipe .wrap span a{ display:block; width:280px; font-size:14px; color:#fff; overflow:hidden;}
#position{ position:absolute; right:0; bottom:8px; width:15px; height:20px;}
#position ul { position:absolute; right:15px; bottom:0;}
#position li{ display:inline-block;color:#fff; font-size:0;}
#position .on{ color:#f00; position:absolute; bottom:-4px; right:0; font-size:14px;}
#position span { color:#fff; font-size:14px; font-weight:normal;}
/*轮换图样式部分更新*/
.swipe { height:160px; margin:0 auto;overflow: hidden;visibility: hidden;position: relative; overflow:hidden;width:100%;}
.swipe .wrap{ position:relative;float:left;width:100%;height:160px;position: relative;margin:0;padding:0;}
.swipe .wrap a{display:block;height:160px;}
.swipe .wrap span{width:100%; box-sizing:border-box;}

@media (min-width:481px){
    #position {
        position: absolute;
        right:0px;
        bottom: 8px;
        width: 15px;
        height: 20px;
    }
    .swipe {
        width:480px;
    }
}
/*===============头部导航end===============*/
section{ overflow:inherit; margin:0 0.625rem; overflow:hidden;}
section .list{ font-size:18px; font-family:'Microsoft Yahei';}
section .list li{ border-bottom:1px solid #e5e5e5; overflow:hidden; position:relative;}
section .list li .listPic{width:6.5rem; display:block; padding:0.6375rem 0; height:4.875rem;}
section .list li .listPic img{ width:100%; max-width:100%; height:100%;}
section .list li p{ font-size:18px; height:3.1rem;overflow:hidden; text-overflow:ellipsis; margin-left:6.9rem; word-wrap:break-word;color:#2d2d2d;position:absolute; top:0.6375rem; left:0; width:65%;}
.list li .time{width:100%;}
section .list li p a{display:block; height:3.1rem; line-height:22px;}
section .list li .listTit a{display:block;}

.list li .time,.list li .review{ position:absolute; top:4.5rem; color:#adadad; font-size:0.75rem;}
.list li .review{ right:0;}
.list li .time{ left:6.9rem;}
.list li .review .icon_rev{ display:inline-block; width:1.25rem; height:1rem; background:url(http://r.itiexue.net/wap/tiexue/images/chuping/xiaoxi.png) no-repeat 0 0px;-moz-background-size:75%; -ms-background-size:75%; -o-background-size:75%; -webkit-background-size:75%; background-size:75%; vertical-align:-6px;}
section .list .noPic{ padding:0.6375rem 0; height:4.875rem;}
section .list .noPic p{width:100%; margin-left:0;}
.list .noPic p {padding-left:0;}
.list .noPic .time{left:0px;}
.noCon{ text-align:center; font-size:16px; color:#c5c5c5; margin:1.4rem 0; display:none;}
.toTop {position: fixed;bottom: 6rem;right: 0rem;width: 2rem;height: 2rem;background: rgba(0,0,0,0.6) url(http://r.itiexue.net/wap/tiexue/images/chuping/to_top.gif) no-repeat 4px;-moz-background-size: 70%;-ms-background-size: 70%; -o-background-size: 70%;-webkit-background-size: 70%;background-size: 70%;display: none;}
/**底部加载图标样式*/
.loading{display: none;padding-top: 10px;text-align: center;font-size: 0;}
.loading{display: block;}
.loading:before { content: ''; position: relative; display: inline-block; width: 12px; height: 12px; margin-right: 5px;
    border-top: 2px solid #BFBFBF;
    border-right: 2px solid #BFBFBF;
    border-bottom: 2px solid #BFBFBF;
    border-left: 2px solid #E50050;
    background-color: #FFFFFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-animation: rotate 1.2s infinite linear;
    animation:rotate 1.2s infinite linear;
    -moz-animation:rotate 1.2s infinite linear;
}

.loading:after { content: '正在加载...'; display: inline-block; vertical-align: top; font-size: 12px; color: #999999 }
@-webkit-keyframes rotate {
    to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) }
}

@-moz-keyframes rotate {
    to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) }
}

@-o-keyframes rotate {
    to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) }
}

@keyframes rotate {
    to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) }
}

/*焦点图*/
section.focusList, section.focusList .swipe, .swipe .wrap, .swipe .wrap a {
    height: auto !important;
    overflow: hidden;
}

/*军事头条推广样式  js*/
section .list li .ttThreePhoto{ padding:10px 0; height:auto; overflow:hidden;}
section .list li h2,.ttThreePhoto h2{ font-size:18px;line-height: 22px;margin-bottom: 6px}
.ttThreePhoto {height:auto;overflow:hidden;}
.ttThreePhoto .ttImgList{ width:102%; height:auto; overflow:hidden; margin-bottom:5px;}
.ttThreePhoto .ttImgList img{ width:31%; margin-right:2%; float:left;}
.ttThreePhoto .time,.ttThreePhoto .review{ position: static !important;color: #adadad;font-size:12px;}
.ttThreePhoto .review{ float:right;}
.ttThreePhoto .time{ float:left; width:auto !important;}
.icon_rev{position: relative;display: inline-block;vertical-align: middle;position: relative;margin-right: 3px;top: -1px;width: 15px;height: 12px;background: url("http://r.itiexue.net/wap/tiexue/images/chuping/message.png") no-repeat;background-size: 100% 100%;}
/*首页下军事头条推广样式  js  结束*/

 